.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff; }
  .Toastify__toast-container--top-left {
    top: 1em;
    left: 1em; }
  .Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--top-right {
    top: 1em;
    right: 1em; }
  .Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em; }
  .Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    margin-left: -160px; }
  .Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em; }

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0; }
    .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
      top: 0; }
    .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
      bottom: 0; }
    .Toastify__toast-container--rtl {
      right: 0;
      left: initial; } }

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr; }
  .Toastify__toast--rtl {
    direction: rtl; }
  .Toastify__toast--default {
    background: #fff;
    color: #aaa; }
  .Toastify__toast--info {
    background: #3498db; }
  .Toastify__toast--success {
    background: #07bc0c; }
  .Toastify__toast--warning {
    background: #f1c40f; }
  .Toastify__toast--error {
    background: #e74c3c; }
  .Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1;
        flex: 1; }

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0; } }

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .Toastify__close-button--default {
    color: #000;
    opacity: 0.3; }
  .Toastify__close-button:hover, .Toastify__close-button:focus {
    opacity: 1; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left; }
  .Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards; }
  .Toastify__progress-bar--controlled {
    transition: transform .2s; }
  .Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right; }
  .Toastify__progress-bar--default {
    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); }

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft; }

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp; }

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft; }

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown; }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn; }

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut; }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.Toastify__flip-enter {
  animation-name: Toastify__flipIn; }

.Toastify__flip-exit {
  animation-name: Toastify__flipOut; }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft; }

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight; }

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown; }

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp; }

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft; }

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight; }

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp; }

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown; }
.home___rootContainer___3M-d2 {
  font-family: "SF Pro Text","SF Pro Display","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
  background: #F3F3F3;
  position: fixed;
  width: 100%;
  height: 100%; }
  .home___rootContainer___3M-d2 hr {
    border-top: 0.5px solid #F1F1F5; }

.home___header___3NmEC {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  background-color: #E3E3E3; }

.home___mainContent___39tOW {
  position: fixed;
  top: 53px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  box-sizing: border-box; }

.home___footer___1k5sv {
  position: absolute;
  bottom: 0px;
  height: 200px;
  left: 0px;
  right: 0px; }

/* Clear floats after the columns */
.home___row___2lGjl {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.home___mainContentCard___2OuoG {
  margin-left: 4px;
  width: 554.79px;
  position: relative;
  z-index: 200;
  bottom: 0; }

.home___rightSideCard___3LF-X {
  position: absolute;
  height: 100%;
  right: 0px;
  width: 258px; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .home___mainContentCard___2OuoG {
    width: 620.79px; } }

@media screen and (min-width: 1401px) {
  .home___mainContentCard___2OuoG {
    width: 590.79px; } }

.loader___loader___2uZMd,
.loader___loader___2uZMd:after {
  border-radius: 50%;
  width: 8em;
  height: 8em; }

.loader___loader___2uZMd {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(34, 125, 249, 0.2);
  border-right: 1.1em solid rgba(34, 125, 249, 0.2);
  border-bottom: 1.1em solid rgba(34, 125, 249, 0.2);
  border-left: 1.1em solid #227df9;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader___load8___2MNrc 1.1s infinite linear;
  animation: loader___load8___2MNrc 1.1s infinite linear; }

@-webkit-keyframes loader___load8___2MNrc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loader___load8___2MNrc {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.header___header___Xzvii {
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(31, 49, 74, 0.1);
  height: 49px;
  width: 100%;
  font-size: 16px;
  overflow: visible; }

.header___logo___3R7eQ {
  position: absolute;
  left: 120px;
  top: 20px;
  transform: translate(-50%, -50%);
  cursor: pointer; }

.header___searchBar___1gnWG {
  position: absolute;
  width: 456px;
  height: 31px;
  margin-top: 10px;
  background: #F3F3F3;
  border-radius: 25px;
  line-height: 33px;
  font-size: 14px;
  left: 239px; }

.header___searchBox___3iCjJ {
  position: absolute;
  outline-width: 0;
  left: 18px;
  height: 28px;
  background: #F3F3F3;
  border-width: 0px;
  border-color: #717C8A;
  font-size: 13px;
  width: 393px;
  padding-top: 2px; }

.header___searchIcon___2t7cu {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 7px;
  right: 10.61px;
  transform: rotate(180deg); }

.header___searchButton___34FVC {
  position: absolute;
  width: 43px;
  height: 31px;
  right: 0px;
  background: #717C8A;
  mix-blend-mode: normal;
  transform: rotate(-180deg);
  border-radius: 25px 0px 0px 25px;
  cursor: pointer; }

.header___iconLine___28bVr {
  position: absolute;
  width: 6.32px;
  height: 0px;
  left: 14.35px;
  top: 7.73px;
  border: 1.5px solid #FFFFFF;
  transform: rotate(50.61deg);
  border-radius: 35px 0px 0px 35px; }

.header___home___1NLnC {
  left: 862.97px;
  top: 23.8px;
  text-decoration: none;
  color: #010430; }

.header___home___1NLnC:active {
  left: 862.97px;
  top: 23.8px;
  text-decoration: none; }

.header___homeLine___8bDOk {
  position: absolute;
  width: 2%;
  height: 7%;
  left: 64%;
  bottom: 0px;
  cursor: pointer; }

.header___profileIcon___3bpz4 {
  top: 10px;
  right: 119.71px;
  position: absolute; }

.header___profileIconNew___3PhZi {
  width: 99.49px;
  height: 34.64px;
  display: flex;
  background: #F2F3F7;
  border-radius: 25px;
  cursor: pointer;
  position: relative; }

.header___settings___2ONMq {
  position: absolute;
  left: 40%;
  bottom: 10%;
  font-size: 10px;
  color: #222C56;
  opacity: 0.9; }

.header___name___3yTBL {
  position: absolute;
  left: 39.97px;
  font-size: 11px;
  font-weight: 500;
  top: 7.55px;
  color: #010430;
  opacity: 0.9;
  text-transform: capitalize; }

.header___polygon___17hw5 {
  position: absolute;
  width: 9px;
  left: 40px;
  bottom: 3px;
  height: 5px; }

.header___profilePic___2Lx0E {
  position: absolute;
  height: 85%;
  width: 28%;
  border-radius: 25px;
  left: 3%;
  top: 8%; }

.header___profilePicName___3G804 {
  height: 31.09px;
  width: 31.09px;
  border-radius: 25px;
  position: absolute;
  top: 1.78px;
  margin-left: 2.66px;
  text-transform: capitalize;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 31.09px;
  font-weight: 600; }

.header___arrangeHeaderIconsContainer___1eXEe {
  display: flex;
  position: absolute;
  height: 100%;
  width: 420px;
  left: 768px;
  align-items: flex-end; }

.header___arrangeHeaderIcons___3QQYX {
  display: flex;
  flex-flow: column;
  margin-right: 35.53px;
  cursor: pointer;
  position: relative; }

.header___iconHeaderStyle___14GU0 {
  width: 21px;
  height: 20px;
  align-self: center;
  margin-bottom: 8px; }

.header___headerIconBottomLine___8xHcz {
  width: 30px;
  height: 3px;
  border-radius: 25px; }

.header___dropDownContainer___2dOYv {
  width: 181px;
  background: #fff;
  z-index: 900;
  border-radius: 3px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-flow: column; }

.header___topHeaderContainer___2b0UW {
  display: flex;
  background: #fff;
  width: 181px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  color: #010430; }

.header___profilePicDropDown___2ij71 {
  width: 31px;
  height: 29px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 20px;
  margin-top: 11px;
  color: #fff;
  line-height: 29px;
  text-align: center; }

.header___nameAndProfileContainer___vtJ9H {
  margin-left: 13px;
  margin-right: 5px;
  max-width: 110px; }

.header___headingName___1C51b {
  margin-top: 9px;
  font-weight: 500;
  font-size: 13px; }

.header___viewProfileSection___2Zf8K {
  margin-top: 3px;
  cursor: pointer;
  font-weight: 300;
  font-size: 10px; }

.header___optionsItem___3A2rv {
  font-size: 14px;
  color: #1F314A;
  font-weight: 600;
  padding: 14px;
  cursor: pointer;
  text-align: center; }

.header___searchListContainer___1njK_ {
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  top: 28px; }

.header___profileListContainer___3kYZl {
  display: flex;
  border-bottom: 1px solid rgba(1, 4, 30, 0.5);
  cursor: pointer;
  text-decoration: none;
  color: #010430; }

.header___searchListThumbnail___tC_A9 {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  line-height: 31px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin: 12px; }

.header___userNameComponent___33D8V {
  font-weight: 500;
  font-size: 15px;
  margin-top: 7px;
  height: 30px; }

.header___designationContainer___2HAd5 {
  font-size: 10px;
  opacity: 0.7;
  height: 30px;
  margin-top: -15px; }

.header___userComponentContainer___ZS_ZT {
  position: relative;
  display: flex;
  flex-flow: column;
  height: 55px; }

.header___menuHeading___2OZlM {
  background: #F2F3F7;
  height: 24px;
  font-weight: 500;
  font-size: 11px;
  opacity: 0.8;
  line-height: 24px;
  padding-left: 20px; }

.header___workspaceSettings___19_wW {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  opacity: 0.6;
  color: #010430;
  padding-left: 20px;
  text-decoration: none; }

.header___workspaceSettingsNew___1aq-_ {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  opacity: 0.6;
  color: #010430;
  padding-left: 20px;
  cursor: pointer;
  text-decoration: none; }

.header___workspaceSettings___19_wW:hover, .header___workspaceSettingsNew___1aq-_:hover {
  text-decoration: underline; }

.notification-modal___notificationBox___S9zyt {
  position: absolute;
  background: #FFFFFF;
  width: 465px;
  left: -120px;
  top: 40px;
  border: 1px solid #CCCCCC;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  max-height: 506px; }

.notification-modal___notificationContainer___rHgZM {
  height: 73px;
  border-top: 0.5px solid #F1F1F5;
  display: flex; }

.notification-modal___notificationContainer___rHgZM:hover {
  background: #F7F7F8; }

.notification-modal___profilePhoto___1DN1v {
  width: 40px;
  height: 40px;
  margin-left: 22px;
  margin-top: 11px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 40px;
  object-fit: cover; }

.notification-modal___userNotificationName___3yFiM {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  width: 297px;
  margin-left: 19px;
  margin-top: 10px;
  display: flex; }
  .notification-modal___userNotificationName___3yFiM span {
    font-weight: normal;
    opacity: 0.8;
    margin-left: 5px;
    word-break: break-all; }

.notification-modal___recentNotification___34FpU {
  color: #227DF9;
  font-size: 14px;
  padding-left: 26px;
  padding-top: 11px;
  margin-bottom: 8px;
  font-weight: 600; }

.notification-modal___seeAllText___2f55S {
  height: 36px;
  text-align: center;
  border: 1px solid #F1F1F5;
  line-height: 36px;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  flex-flow: column;
  color: #010430; }

.notification-modal___seeAllText___2f55S:hover {
  color: #227DF9;
  background: #F7F7F8; }

.notification-modal___dateAndTime___2892P {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  margin: auto;
  margin-top: 18px;
  margin-left: 10px; }

.notification-modal___emptyText___XqAGv {
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  align-self: center;
  font-weight: 600;
  text-align: center;
  margin: auto; }

.scrollbar___scrollbar___33zHF {
  overflow-y: scroll;
  overflow-x: scroll; }

.scrollbar___scrollbar___33zHF::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.scrollbar___scrollbar___33zHF::-webkit-scrollbar-thumb {
  border-radius: 20px; }

.scrollbar___scrollbar___33zHF:hover::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.tool-tip___tooltip___IVhjO {
  position: relative;
  display: inline-block; }

.tool-tip___tooltip___IVhjO .tool-tip___tooltiptext___2grHt {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1; }

.tool-tip___tooltip___IVhjO:hover .tool-tip___tooltiptext___2grHt {
  visibility: visible; }

.left-side-card___mainCard___2tCXJ {
  width: 235px;
  height: 100%;
  position: relative; }

.left-side-card___topCard___2D4tJ {
  background-color: #FFFFFF;
  height: 69.29px;
  border-radius: 0px 3px 3px 0px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  position: relative; }

.left-side-card___userAvatar___3qZ7Z {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: #FFFFFF;
  object-fit: cover;
  border: 2px solid #227DF9;
  padding: 2px; }

.left-side-card___name___3-E0Y {
  font-weight: 500;
  margin-left: 11px;
  color: #010430;
  text-transform: capitalize;
  font-size: 13px; }

.left-side-card___viewProfile___3BiRp {
  color: #86868B;
  font-size: 10px;
  margin-left: 12px;
  line-height: 11px;
  cursor: pointer;
  margin-top: 2px;
  font-weight: 400; }

.left-side-card___viewProfile___3BiRp:hover {
  text-decoration: underline; }

.left-side-card___bottomCard___1D9rq {
  border-radius: 0px 3px 3px 0px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  top: 73px;
  width: 100%;
  flex-flow: column;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0px; }

.left-side-card___schoolName___3jQjq {
  color: #010430;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
  line-height: 15px;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 5px; }

.left-side-card___viewSchoolProfile___3cp0P {
  font-size: 10px;
  line-height: 12px;
  cursor: pointer;
  color: #86868B;
  margin-left: 20px;
  margin-top: 2px; }

.left-side-card___viewSchoolProfile___3cp0P:hover {
  text-decoration: underline; }

.left-side-card___userArea___2xN18 {
  width: 100%;
  font-size: 13px;
  line-height: 13px;
  display: flex;
  top: 72px;
  flex-flow: column;
  overflow-y: auto;
  margin-top: 20px; }

.left-side-card___commonArea___1HTPR {
  border-radius: 8px;
  margin-left: 14px;
  display: flex;
  width: 183px;
  cursor: pointer;
  font-size: 13px;
  align-self: center;
  height: 38px;
  line-height: 35px;
  color: #010430; }

.left-side-card___commonArea___1HTPR:hover {
  background: #F7F7F8; }

.left-side-card___commonArea___1HTPR:active {
  background: #EEEBEB; }

div .left-side-card___Icon___11KN- {
  width: 27px;
  height: 27px;
  margin-left: 25px;
  margin-right: 14.24px;
  margin-top: 5px;
  position: relative; }

div .left-side-card___Date___1K9bk {
  position: absolute;
  top: 0px;
  left: 6px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 13px;
  color: #EA2B56; }

div .left-side-card___Day___3aCW4 {
  position: absolute;
  top: -11px;
  left: 7px;
  font-size: 7px;
  color: #FFFFFF; }

.left-side-card___iconContent___1eIru {
  position: absolute;
  width: 78px;
  height: 15px;
  left: 66px;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  cursor: pointer; }

.left-side-card___termsAndCondition___SQfj4 {
  position: absolute;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.6;
  bottom: 5px;
  align-self: center;
  width: 177px; }

.left-side-card___schoolAvatar___caq4P {
  height: 49px;
  position: relative;
  text-transform: capitalize;
  width: 50px;
  border-radius: 7px;
  margin-left: 31px;
  margin-top: 15px;
  color: #FFFFFF;
  text-align: center;
  line-height: 50px;
  display: flex;
  cursor: pointer; }

.left-side-card___bullet___2ElzY {
  height: 6px;
  width: 6px; }

.left-side-card___profilePicName___1InMX {
  height: 35px;
  width: 35px;
  border-radius: 25px;
  line-height: 35px;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  font-size: 18px;
  margin: auto;
  align-items: center; }

.left-side-card___schoolNameBorder___2Ztt4 {
  width: 50px;
  height: 49px;
  position: absolute;
  left: 0px; }

.left-side-card___schoolAvatarWithFrame___1U-ku {
  width: 46px;
  height: 45px;
  object-fit: cover;
  border-radius: 5px;
  z-index: 100;
  margin-top: 2px;
  margin-left: 2px; }

.left-side-card___schoolNameAlign___2byZw {
  position: absolute;
  text-align: center;
  left: 0px;
  width: 100%; }

.left-side-card___borderCircle___19jcd {
  width: 48px;
  height: 48px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  position: absolute;
  justify-content: center;
  left: 27.54px;
  top: 11.04px;
  cursor: pointer; }

@media screen and (min-width: 1401px) {
  .left-side-card___mainCard___2tCXJ {
    width: 267px; } }

.left-side-card___termsAndCondition___SQfj4 span:hover {
  color: #227DF9;
  text-decoration: underline; }

.left-side-card___anchor___1YdGF {
  text-decoration: none; }

.left-side-card___anchor___1YdGF:hover {
  text-decoration: underline; }

.left-side-card___mainCard___30Qib {
  width: 235px;
  height: 100%;
  position: relative; }

.left-side-card___topCard___3IxJA {
  background-color: #FFFFFF;
  height: 69.29px;
  border-radius: 0px 3px 3px 0px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  position: relative; }

.left-side-card___userAvatar___1x7ut {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: #FFFFFF;
  object-fit: cover;
  border: 2px solid #227DF9;
  padding: 2px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  color: #fff; }

.left-side-card___name___2Dytx {
  font-weight: 500;
  margin-left: 11px;
  color: #010430;
  text-transform: capitalize;
  font-size: 13px; }

.left-side-card___viewProfile___W7RUn {
  color: #86868B;
  font-size: 10px;
  margin-left: 12px;
  line-height: 11px;
  cursor: pointer;
  margin-top: 2px;
  font-weight: 400; }

.left-side-card___viewProfile___W7RUn:hover {
  text-decoration: underline; }

.left-side-card___bottomCard___2B3c0 {
  border-radius: 0px 3px 3px 0px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  display: flex;
  top: 73px;
  width: 100%;
  flex-flow: column;
  background-color: #FFFFFF;
  position: absolute;
  bottom: 0px; }

.left-side-card___schoolName___33nUi {
  color: #010430;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 13px;
  line-height: 15px;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 5px; }

.left-side-card___viewSchoolProfile___3i9Ei {
  font-size: 10px;
  line-height: 12px;
  cursor: pointer;
  color: #86868B;
  margin-left: 20px;
  margin-top: 2px; }

.left-side-card___viewSchoolProfile___3i9Ei:hover {
  text-decoration: underline; }

.left-side-card___userArea___3terR {
  width: 100%;
  font-size: 13px;
  line-height: 13px;
  display: flex;
  top: 72px;
  flex-flow: column;
  overflow-y: auto;
  margin-top: 20px; }

.left-side-card___commonArea___28_29 {
  border-radius: 8px;
  margin-left: 14px;
  display: flex;
  width: 183px;
  cursor: pointer;
  font-size: 13px;
  align-self: center;
  height: 38px;
  line-height: 35px;
  color: #010430; }

.left-side-card___commonArea___28_29:hover {
  background: #F7F7F8; }

.left-side-card___commonArea___28_29:active {
  background: #EEEBEB; }

div .left-side-card___Icon___wIr2D {
  width: 27px;
  height: 27px;
  margin-left: 25px;
  margin-right: 14.24px;
  margin-top: 5px;
  position: relative; }

div .left-side-card___Date___rMv0e {
  position: absolute;
  top: 0px;
  left: 6px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 13px;
  color: #EA2B56; }

div .left-side-card___Day___1SWI8 {
  position: absolute;
  top: -11px;
  left: 7px;
  font-size: 7px;
  color: #FFFFFF; }

.left-side-card___iconContent___2LaCd {
  position: absolute;
  width: 78px;
  height: 15px;
  left: 66px;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  cursor: pointer; }

.left-side-card___termsAndCondition___34sRV {
  position: absolute;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.6;
  bottom: 5px;
  align-self: center;
  width: 177px; }

.left-side-card___termsAndCondition___34sRV span:hover {
  color: #227DF9;
  text-decoration: underline; }

.left-side-card___schoolAvatar___3mMeW {
  height: 49px;
  position: relative;
  text-transform: capitalize;
  width: 50px;
  border-radius: 7px;
  margin-left: 31px;
  margin-top: 15px;
  color: #FFFFFF;
  text-align: center;
  line-height: 50px;
  display: flex;
  cursor: pointer; }

.left-side-card___bullet___Ai6P7 {
  height: 6px;
  width: 6px; }

.left-side-card___profilePicName___gsJYl {
  height: 35px;
  width: 35px;
  border-radius: 25px;
  line-height: 35px;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  font-size: 18px;
  margin: auto;
  align-items: center; }

.left-side-card___schoolNameBorder___mYj3n {
  width: 50px;
  height: 49px;
  position: absolute;
  left: 0px; }

.left-side-card___schoolAvatarWithFrame___2fbHF {
  width: 46px;
  height: 45px;
  object-fit: cover;
  border-radius: 5px;
  z-index: 100;
  margin-top: 2px;
  margin-left: 2px; }

.left-side-card___schoolNameAlign___1xFP7 {
  position: absolute;
  text-align: center;
  left: 0px;
  width: 100%; }

.left-side-card___nameAndViewContainer___1Km-g {
  display: flex;
  flex-flow: column;
  left: 85.72px;
  position: absolute;
  align-self: center;
  cursor: pointer; }

.left-side-card___borderCircle___3qBEc {
  width: 48px;
  height: 48px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  position: absolute;
  justify-content: center;
  left: 27.54px;
  top: 11.04px;
  cursor: pointer; }

@media screen and (min-width: 1401px) {
  .left-side-card___mainCard___30Qib {
    width: 267px; } }

.left-side-card___anchor___EJEov {
  text-decoration: none; }

.left-side-card___anchor___EJEov:hover {
  text-decoration: underline; }

.main-screen-messages___mainMessageCard___1QN99 {
  background: #FFFFFF;
  border-radius: 3px 0px 0px 3px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  height: 100%; }

.main-screen-messages___topic___3KsXe {
  display: flex;
  flex-flow: row;
  height: 24px;
  margin-top: 0px;
  padding-bottom: 9px;
  position: relative;
  border-bottom: 0.5px solid #f1f1f5; }

.main-screen-messages___channelItem___3hpcc {
  display: flex;
  height: 100%;
  align-items: center;
  position: absolute;
  width: 257px; }

.main-screen-messages___channelItem___3hpcc:hover .main-screen-messages___nameAndMsg___3xYBM .main-screen-messages___name___3vN-5 {
  color: #227DF9; }

.main-screen-messages___channelItem___3hpcc:hover .main-screen-messages___date___2Cifa {
  display: block; }

.main-screen-messages___channelItem___3hpcc:hover {
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.main-screen-messages___channelItemForward___2gFcr {
  display: flex;
  align-items: center;
  position: relative; }

.main-screen-messages___channelItemForward___2gFcr:hover .main-screen-messages___nameAndMsg___3xYBM .main-screen-messages___name___3vN-5 {
  color: #227DF9; }

.main-screen-messages___channelItemForward___2gFcr:hover .main-screen-messages___date___2Cifa {
  display: block; }

.main-screen-messages___channelItemForward___2gFcr:hover {
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.main-screen-messages___messageText___X5Sy7 {
  font-weight: 600;
  margin-left: 11px;
  line-height: 32px;
  padding-right: 100px;
  font-size: 15px; }

.main-screen-messages___messageIcons___1OENc {
  height: 19px;
  top: 4px;
  cursor: pointer;
  position: absolute;
  right: 10px; }

.main-screen-messages___searchBox___1hVfL {
  display: flex;
  flex-flow: row;
  border-bottom: 0.5px solid #f1f1f5;
  padding-bottom: 5px;
  margin-top: 0px;
  height: 30px;
  background: #f3f3f3; }

.main-screen-messages___searchIcon___a72yo {
  position: absolute;
  width: 14px;
  margin-left: 14px;
  margin-top: 9px; }

.main-screen-messages___inputSearch___246sJ {
  border: none;
  position: absolute;
  margin-top: 9px;
  margin-left: 37px;
  font-size: 13px;
  opacity: .8;
  background: #f3f3f3; }

.main-screen-messages___headerChat___aPvao {
  display: flex;
  flex-flow: row;
  height: 30px;
  position: relative; }

.main-screen-messages___recentChatBox___1v09c {
  color: rgba(113, 124, 138, 0.6);
  text-transform: uppercase;
  cursor: pointer;
  line-height: 30px;
  width: 50%;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border-bottom: 0.5px solid #f1f1f5; }

.main-screen-messages___contactsPic___evSNu {
  color: #717C8A;
  width: 50%;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  opacity: .6;
  border-bottom: 0.5px solid #f1f1f5; }

.main-screen-messages___channelsContainer___37vuP {
  display: flex;
  flex-flow: column;
  position: absolute;
  width: 100%;
  top: 99px;
  bottom: 0px;
  overflow-x: hidden; }

.main-screen-messages___channelsContainerForward___F-Mw0 {
  display: flex;
  flex-flow: column;
  overflow-x: hidden; }

.main-screen-messages___channelsDisplay___2etei {
  display: flex;
  flex-flow: row;
  height: 60px;
  cursor: pointer;
  position: relative;
  width: 100%; }

.main-screen-messages___channelsDisplay___2etei:hover {
  background: #EEEBEB; }

.main-screen-messages___alternateAvatar___1FNg2 {
  object-fit: cover;
  color: #FFFFFF;
  border-radius: 25px;
  width: 40px;
  margin-top: 0px;
  text-transform: capitalize;
  text-align: center;
  line-height: 40px;
  margin-left: 13px;
  height: 40px;
  position: relative; }

.main-screen-messages___alternateAvatarForward___1Sae7 {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
  object-fit: cover; }

.main-screen-messages___alternateAvatarWidget___1uKEQ {
  color: #FFFFFF;
  border-radius: 25px;
  width: 30px;
  margin-top: 7px;
  text-transform: capitalize;
  text-align: center;
  line-height: 30px;
  margin-left: 15px;
  height: 30px;
  object-fit: cover;
  margin-bottom: 6px;
  cursor: pointer; }

.main-screen-messages___alternateAvatarWidget___1uKEQ:hover + .main-screen-messages___widgetUser___2Lfty {
  color: #227DF9; }

.main-screen-messages___avatarPic___2a08d {
  background: #EEEBEB;
  border-radius: 25px;
  margin-left: 15px;
  margin-top: 12px;
  width: 31px;
  height: 31px;
  object-fit: cover; }

.main-screen-messages___nameAndMsg___3xYBM {
  display: flex;
  flex-flow: column;
  width: 190px;
  overflow: hidden;
  margin-left: 15px;
  border-bottom: 1px solid #f5f5f5;
  height: 58px; }

.main-screen-messages___nameAndMsgForward___2TaGz {
  display: flex;
  flex-flow: column;
  width: 190px;
  overflow: hidden;
  margin-left: 7px;
  border-bottom: 1px solid #f5f5f5;
  height: 56px; }

.main-screen-messages___nameForward___Ae49y {
  text-transform: capitalize;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-top: 10px; }

.main-screen-messages___lastMsgForward___nGfBa {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.6);
  font-size: 12px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.main-screen-messages___name___3vN-5 {
  text-transform: capitalize;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.7);
  font-size: 13px;
  margin-top: 10px;
  display: flex; }

.main-screen-messages___lastMsg___24Hq0 {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 13px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.main-screen-messages___lastMsgClass___1BTxg {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.main-screen-messages___date___2Cifa {
  color: rgba(1, 4, 30, 0.6);
  font-size: 10px;
  font-weight: 500;
  right: 9px;
  bottom: 5px;
  position: absolute;
  display: none;
  opacity: .7; }

.main-screen-messages___forwardContainer___3Ggh0 {
  color: rgba(1, 4, 30, 0.6);
  font-size: 11px;
  font-weight: 600;
  top: 12px;
  position: absolute;
  left: 252px; }

.main-screen-messages___scrollbar___3K35b {
  overflow-y: scroll;
  overflow-x: hidden; }

.main-screen-messages___scrollbar___3K35b::-webkit-scrollbar {
  width: 5px; }

.main-screen-messages___scrollbar___3K35b::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(113, 124, 138, 0); }

.main-screen-messages___scrollbar___3K35b:hover::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.main-screen-messages___scrollbarNew___2IY_3 {
  overflow-y: scroll; }

.main-screen-messages___scrollbarNew___2IY_3::-webkit-scrollbar {
  height: 4px; }

.main-screen-messages___scrollbarNew___2IY_3::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

[placeholder]:empty::before {
  content: attr(placeholder);
  color: rgba(1, 4, 30, 0.4); }

[placeholder]:empty:focus::before {
  content: ""; }

.main-screen-messages___widgetContainer___2rO-k {
  display: flex;
  position: fixed;
  right: 260px;
  bottom: 0px;
  z-index: 300; }

.main-screen-messages___widgetFlow___15dqE {
  float: right;
  width: 281px;
  height: 401px;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  background: #FFFFFF;
  margin-right: 5px;
  margin-top: 10px;
  display: flex;
  flex-flow: column;
  position: relative; }

.main-screen-messages___widgetFlowMinimize___15sl3 {
  float: right;
  width: 281px;
  height: 43px;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  background: #FFFFFF;
  margin-right: 5px;
  margin-top: auto; }

.main-screen-messages___avatarPicNew___2a05c {
  background: #EEEBEB;
  border-radius: 25px;
  margin-left: 10px;
  margin-top: 3px;
  width: 21px;
  height: 21px;
  object-fit: cover;
  margin-bottom: 3px; }

.main-screen-messages___widgetHeader___K-B1D {
  border-radius: 10px 10px 0px 0px;
  height: 43px;
  width: 100%;
  top: 0px;
  position: relative;
  left: 0px;
  display: flex;
  border-bottom: 1px solid #eeebeb; }

.main-screen-messages___widgetAvatar___HudAb {
  height: 30px;
  width: 30px;
  margin-top: 7px;
  margin-left: 15px;
  border-radius: 25px;
  object-fit: cover;
  margin-bottom: 10px; }

.main-screen-messages___widgetUser___2Lfty {
  color: #010430;
  margin-left: 10px;
  overflow: hidden;
  font-size: 13px;
  font-weight: 500;
  margin-top: 12px;
  line-height: 18px;
  cursor: pointer; }

.main-screen-messages___widgetUser___2Lfty:hover {
  color: #227DF9; }

.main-screen-messages___crossIcon___3dpj5 {
  height: 13px;
  width: 13px; }

.main-screen-messages___widgetBody___3Ec5t {
  width: 100%;
  display: flex;
  align-items: flex-end;
  flex-flow: column;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 50px; }

.main-screen-messages___widgetFooterDelete___9wK2K {
  position: relative;
  display: flex;
  padding-bottom: 10px;
  border-top: 1px solid #eeebeb;
  margin-top: auto;
  padding-top: 10px;
  background: #f1f1f5;
  height: 26px; }

.main-screen-messages___deleteIconWidget___1TZl7 {
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: auto;
  height: 21px; }

.main-screen-messages___userMsg___3o7kS {
  cursor: pointer;
  color: #FFFFFF;
  position: relative;
  width: fit-content; }

.main-screen-messages___messageAlignContainer___3YQqD {
  display: flex;
  flex-flow: column;
  white-space: pre-wrap; }

.main-screen-messages___attachmentName___32T2N {
  font-weight: 600;
  font-size: 11px;
  line-height: 26px;
  opacity: 0.8; }

.main-screen-messages___textContainer___2oN8W {
  max-width: 186px;
  min-width: 63px;
  border-radius: 10px;
  word-break: break-all;
  padding: 7px;
  margin-top: 15px;
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
  position: relative;
  padding-bottom: 3px; }

.main-screen-messages___recipientMsg___2WhpM {
  width: fit-content;
  float: left;
  position: relative;
  display: flex;
  flex-flow: column;
  margin: 6px;
  max-width: 200px;
  background: #F1F1F5;
  border-radius: 10px;
  overflow-wrap: break-word;
  color: #010430;
  font-size: 14px;
  padding: 5px;
  margin-left: 20px; }

.main-screen-messages___recipientMsgDeletion___fAWhx {
  width: fit-content;
  float: left;
  position: relative;
  display: flex;
  flex-flow: column;
  margin: 5px;
  margin-left: 40px;
  max-width: 150px;
  background: #F1F1F5;
  border-radius: 15px;
  overflow-wrap: break-word;
  color: #010430;
  font-size: 14px;
  padding: 5px; }

.main-screen-messages___inMsgAvatar___2cKZv {
  width: 24px;
  height: 24px;
  border-radius: 25px;
  margin-left: -17px;
  background-blend-mode: soft-light, normal;
  border: 2px solid #FFFFFF;
  text-align: center;
  line-height: 24px;
  color: #fff;
  object-fit: cover; }

.main-screen-messages___reciepientText___QN_C4 {
  position: relative;
  width: 87%;
  border-radius: 10px;
  background: #F1F1F5;
  overflow-wrap: break-word; }

.main-screen-messages___widgetFooter___29rOp {
  position: relative;
  display: flex;
  flex-flow: column; }

.main-screen-messages___writeMessage___18BZt {
  width: 251px;
  outline: none;
  color: #010430;
  min-height: 16.5px;
  padding-bottom: 10px;
  border: none;
  padding-left: 15px;
  resize: none;
  padding-right: 15px;
  font-size: 13px;
  line-height: 15px;
  padding-top: 10px;
  max-height: 99px; }

.main-screen-messages___writeMessage___18BZt::placeholder {
  color: #B5B5BE; }

.main-screen-messages___sendIcon___3g8Cw {
  height: 23px;
  width: 23px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 5px; }

.main-screen-messages___extraWidgetContainer___3aVxC {
  width: 140px;
  display: flex;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #292F48;
  border-radius: 20px 0px 0px 20px;
  flex-flow: column;
  position: absolute;
  left: -140px;
  top: 10px; }

.main-screen-messages___widgetOverflowPic___38Ypl {
  background: #FFFFFF;
  margin: 8px;
  display: flex;
  border-radius: 5px;
  cursor: pointer; }

.main-screen-messages___widgetName___ovUM8 {
  font-weight: 700;
  margin-top: 5px;
  margin-left: 5px;
  color: #010430;
  text-transform: capitalize;
  font-size: 13px;
  margin-bottom: 5px; }

.main-screen-messages___widgetCount___1kBux {
  width: 58px;
  line-height: 58px;
  height: 58px;
  text-align: center;
  border-radius: 28px 0px 0px 0px;
  background: #292F48;
  color: #FFFFFF;
  cursor: pointer;
  position: absolute;
  left: -59px;
  bottom: 0; }

.main-screen-messages___plus___2_EjO {
  width: 15px;
  top: 15px;
  height: 15px;
  position: absolute;
  cursor: pointer;
  right: 44px; }

.main-screen-messages___extraOptions___1yoG8 {
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-flow: column;
  position: absolute;
  width: 39px;
  border-radius: 10px;
  height: 100px;
  bottom: 10px;
  right: 35px; }

.main-screen-messages___unfilledCross___2eXCP {
  width: 17px;
  position: relative;
  left: 10px;
  top: -2px;
  cursor: pointer; }

.main-screen-messages___image___nTehA {
  height: 23px;
  width: 26px;
  margin: 6px;
  cursor: pointer; }

.main-screen-messages___moreIcon___3kekz {
  width: 20px;
  height: 20px; }

.main-screen-messages___moreIconHover___yGsuO {
  position: absolute;
  top: 10px;
  cursor: pointer;
  right: 36px;
  border-radius: 50%;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px; }

.main-screen-messages___moreIconHover___yGsuO:hover {
  background: #f7f7f8; }

.main-screen-messages___moreIconHover___yGsuO:active {
  transition: all 0.2s;
  background: #EEEBEB; }

.main-screen-messages___crossIconHover___k9Dfj {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 12px;
  padding-top: 4px;
  padding-left: 6px;
  padding-right: 5px;
  border-radius: 50%; }

.main-screen-messages___crossIconHover___k9Dfj:hover {
  background: #f7f7f8; }

.main-screen-messages___crossIconHover___k9Dfj:active {
  transition: all 0.2s;
  background: #EEEBEB; }

.main-screen-messages___isActive___3OKMt {
  width: 7px;
  height: 7px;
  position: absolute;
  right: 0px;
  top: 2px; }

.main-screen-messages___isActiveNew___bhNYD {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 39px;
  top: 11px; }

.main-screen-messages___moreDropDown___1dvE5 {
  height: max-content;
  position: absolute;
  top: 23px;
  border-radius: 5px;
  right: 69.22px;
  display: flex;
  flex-flow: column;
  z-index: 100;
  background: #F9FAFC;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247);
  width: 166px; }

.main-screen-messages___optionsAll___2N-9t {
  line-height: 30px;
  display: flex;
  cursor: pointer;
  font-weight: normal;
  font-size: 13px; }

.main-screen-messages___optionIcons___2Lhdy {
  width: 10px;
  height: 17px;
  margin-right: 18px;
  margin-top: 5px;
  margin-left: 16px; }

.main-screen-messages___optionIconsBlock___m5kbz {
  width: 13px;
  height: 13px;
  margin-right: 17px;
  margin-top: 9px;
  margin-left: 14px; }

.main-screen-messages___optionIconsChat___3W3ut {
  width: 18.08px;
  height: 15.12px;
  margin-right: 13.92px;
  margin-top: 7px;
  margin-left: 12px; }

.main-screen-messages___hoverProp___266nd:hover {
  background: #227DF9;
  color: #FFFFFF;
  width: 100%; }

.main-screen-messages___imageMessage___2q3gc {
  width: 107%;
  margin-top: 16px;
  cursor: pointer;
  top: -5px;
  left: 2px;
  position: relative;
  border-radius: 14px;
  height: 108%; }

.main-screen-messages___docMessage___YzPKB {
  height: 60px;
  width: 50px;
  align-self: flex-end;
  margin-right: 20px; }

.main-screen-messages___finalRecipientDisplay___2QFoo {
  height: fit-content;
  padding: 5px;
  border-radius: 10px;
  display: flex;
  flex-flow: column; }

.main-screen-messages___dateTime___1CHKM {
  align-self: stretch; }

.main-screen-messages___userImageMsg___1Nczh {
  width: 100%;
  margin-top: 10px;
  border-radius: 14px;
  height: 100%; }

.main-screen-messages___dateStyle___3ZinS {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  margin-top: 15px; }

.main-screen-messages___labelStyle___2maY7 {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  align-self: center;
  font-weight: 600;
  max-width: 220px;
  text-align: center;
  margin-top: 10px; }

.main-screen-messages___groupUserName___2YXfA {
  font-weight: 700;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px; }

.main-screen-messages___imageUploadSection___YB23i {
  max-width: 233px;
  height: 70px;
  display: flex;
  overflow-y: hidden; }

.main-screen-messages___uploadImage___1-R6g {
  width: 56px;
  height: 56px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer; }

.main-screen-messages___imageUploadParent___nYHP-:hover .main-screen-messages___uploadImage___1-R6g {
  border: 3px solid #227DF9;
  border-radius: 10px;
  box-shadow: 0px 0px 2px rgba(34, 125, 249, 0.74);
  width: 50px;
  height: 50px; }

.main-screen-messages___crossRemoveImage___1oVLi {
  position: absolute;
  width: 15px;
  right: 5px;
  top: 3px;
  background: #fff;
  cursor: pointer;
  display: none;
  border-radius: 50%; }

.main-screen-messages___imageUploadParent___nYHP- {
  position: relative; }

.main-screen-messages___unreadMessageCount___3bk7O {
  background: #227DF9;
  color: #fff;
  border-radius: 50%;
  margin-left: 5px;
  z-index: 100;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
  font-weight: 400;
  margin-right: 5px; }

.main-screen-messages___docUploadParent___2nxJI {
  position: relative;
  width: 95px;
  height: 53px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex; }

.main-screen-messages___docName___1x3c- {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 14.61px; }

.main-screen-messages___docSize___3iRhZ {
  opacity: 0.6;
  font-size: 9px;
  color: #010430;
  margin-top: 2px; }

.main-screen-messages___docInfoContainer___2QJUU {
  position: relative; }

.main-screen-messages___uploadDoc___2mdv0 {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer; }

.main-screen-messages___docUploadParent___2nxJI:hover {
  border: 3px solid #227DF9;
  border-radius: 10px;
  box-shadow: 0px 0px 2px rgba(34, 125, 249, 0.74);
  width: 89px;
  height: 47px; }

.main-screen-messages___docUploadParent___2nxJI:hover .main-screen-messages___crossRemoveImage___1oVLi {
  display: block; }

.main-screen-messages___imageUploadParent___nYHP-:hover .main-screen-messages___crossRemoveImage___1oVLi {
  display: block; }

.main-screen-messages___mainUploadContainer___6iHvg {
  display: flex;
  background: #FFFFFF;
  width: fit-content;
  height: 70px; }

.main-screen-messages___addIconUpload___1lg_v {
  background: #717C8A;
  width: 29px;
  height: 53px;
  border-radius: 5px;
  margin-left: 9px;
  margin-top: 7px;
  cursor: pointer;
  position: sticky;
  right: 0; }

.main-screen-messages___plusUploadIcon___3vYzc {
  width: 16.25px;
  height: 16.25px;
  margin-top: 17px;
  margin-left: 6px;
  margin-right: 6px; }

.main-screen-messages___contactsContainer___2E9fT {
  display: flex;
  position: relative;
  align-items: center; }

.main-screen-messages___contactsContainer___2E9fT:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.main-screen-messages___inMessageAttachment___EMige {
  object-fit: cover;
  border-radius: 10px;
  margin: 5px; }

.main-screen-messages___docIcon___307qx {
  width: 24px; }

.main-screen-messages___senderImage___Rru5i {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  position: absolute;
  left: -15px;
  object-fit: cover;
  line-height: 24px;
  text-align: center;
  color: #fff; }

.main-screen-messages___contactAvatar___15TfM {
  width: 31px;
  height: 31px;
  border-radius: 25px;
  object-fit: cover;
  margin-left: 15px;
  margin-top: 12px; }

.main-screen-messages___contactAlternateAvatar___1zTE7 {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 40px;
  text-align: center;
  font-weight: 500; }

.main-screen-messages___contactIsActive___3OkpJ {
  width: 8px;
  height: 8px;
  position: absolute;
  right: 6px;
  top: 8px; }

.main-screen-messages___nameAndTagContainer___ofaJC {
  display: flex;
  flex-flow: column;
  width: 220px;
  overflow: hidden;
  margin-left: 7px;
  border-bottom: 1px solid #f5f5f5;
  height: 56px; }

.main-screen-messages___contactNameContainer___2xkuf {
  text-transform: capitalize;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-top: 10px; }

.main-screen-messages___designation___1-jt0 {
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  line-height: 20px;
  mix-blend-mode: normal; }

.main-screen-messages___designationForward___3hJD7 {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.6);
  font-size: 12px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.main-screen-messages___greenDot___2y3ST {
  background: #1BCC63;
  border: 1px solid #FFFFFF;
  border-radius: 25px; }

.main-screen-messages___deleteInMsg___2yzh5 {
  width: 14px;
  display: none;
  position: absolute;
  height: 17px;
  cursor: pointer;
  top: 15px; }

.main-screen-messages___dateTime___1CHKM:hover .main-screen-messages___deleteInMsgRecipient___3vE-n {
  display: initial; }

.main-screen-messages___forHover___1U7rF:hover .main-screen-messages___deleteInMsg___2yzh5 {
  display: initial; }

.main-screen-messages___forHover___1U7rF {
  position: relative;
  width: 100%; }

.main-screen-messages___muteHeader___ix6Wk {
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 449px;
  display: flex;
  position: relative; }

.main-screen-messages___muteOptionsContainer___hYI7q {
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  align-items: center;
  padding: 20px;
  border-radius: 0px 0px 15px 15px; }

.main-screen-messages___muteOptions___2cmvb {
  background: rgba(34, 125, 249, 0.1);
  border: 1.5px solid #227DF9;
  border-radius: 5px;
  color: #227DF9;
  width: 177px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  cursor: pointer;
  margin-bottom: 20px; }

.main-screen-messages___crossHandler___1ukz8 {
  width: 15px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.main-screen-messages___showOptionsDelete___EnS-1 {
  display: flex;
  background: #F2F2F2;
  width: 60px;
  height: 26px;
  border-radius: 7px;
  cursor: default;
  position: absolute;
  top: 27px;
  z-index: 100;
  border: 0.5px solid #dadadf; }

.main-screen-messages___forwardIcon___2qwtG {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 7px;
  cursor: pointer; }

.main-screen-messages___deleteIcon___3GrLg {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 6px;
  cursor: pointer; }

.main-screen-messages___displayImageDesign___L2SlP {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px; }

.main-screen-messages___checkBoxImage___NCn2x {
  width: 18px;
  margin-left: 20px;
  top: 18px;
  cursor: pointer;
  z-index: 1;
  float: left;
  margin-top: 20px; }

/* The container */
.main-screen-messages___container___1paA4 {
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  padding-left: 35px;
  z-index: 100;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.main-screen-messages___container___1paA4 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.main-screen-messages___checkmark___2E2WP {
  position: absolute;
  top: 20px;
  border: 1px solid #227DF9;
  border-radius: 25px;
  left: -15px;
  height: 15px;
  width: 15px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.main-screen-messages___container___1paA4:hover input ~ .main-screen-messages___checkmark___2E2WP {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.main-screen-messages___container___1paA4 input:checked ~ .main-screen-messages___checkmark___2E2WP {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 25px; }

/* Create the checkmark/indicator (hidden when not checked) */
.main-screen-messages___checkmark___2E2WP:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.main-screen-messages___container___1paA4 input:checked ~ .main-screen-messages___checkmark___2E2WP:after {
  display: block; }

/* Style the checkmark/indicator */
.main-screen-messages___container___1paA4 .main-screen-messages___checkmark___2E2WP:after {
  left: 4px;
  top: 1px;
  width: 3.5px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.main-screen-messages___deleteWidgetFooter___3N1Op {
  width: 217px;
  margin-left: 5px;
  font-weight: 500;
  display: flex;
  border-radius: 10px;
  bottom: 5px;
  padding-left: 15px;
  color: rgba(1, 4, 30, 0.4);
  font-size: 13px;
  line-height: 28px; }
  .main-screen-messages___deleteWidgetFooter___3N1Op span {
    font-size: 20px;
    color: rgba(1, 4, 30, 0.9);
    margin-left: 5px;
    line-height: 25px;
    color: #227DF9;
    font-weight: 700; }

.main-screen-messages___deleteModalHeader___197vh {
  display: flex;
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 449px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550;
  font-size: 15px;
  background: #EEEBEB;
  border-radius: 5px 5px 0 0; }

.main-screen-messages___crossForDeleteMessage___fERyC {
  width: 13px;
  position: absolute;
  right: 12px;
  top: 15px;
  cursor: pointer; }

.main-screen-messages___deleteConfirm___2VGAb {
  border-bottom: 1px solid #DEDEDE;
  padding-left: 25px;
  padding-bottom: 16px;
  font-size: 15px;
  margin-top: 13px; }

.main-screen-messages___deleteOptions___2irNE {
  color: #227DF9;
  border-radius: 5px;
  align-self: center;
  margin-top: 20px;
  padding: 9px 42px;
  background: rgba(34, 125, 249, 0.1);
  cursor: pointer; }

.main-screen-messages___cancelDeleteMsg___3Y0Mt {
  width: 13px;
  align-self: center;
  cursor: pointer;
  margin-right: 20px;
  opacity: 0.7; }

.main-screen-messages___deleteInMsgRecipient___3vE-n {
  width: 14px;
  display: none;
  height: 17px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: -20px; }

.main-screen-messages___showOptionsDeleteRecipient___2ZCU4 {
  display: flex;
  background: #F2F2F2;
  width: 60px;
  height: 26px;
  border-radius: 7px;
  cursor: default;
  position: absolute;
  top: 27px;
  right: -65px;
  z-index: 100;
  border: 0.5px solid #dadadf; }

.main-screen-messages___forwardIconWidget___3kofh {
  height: 22px;
  cursor: pointer;
  margin-left: 2px;
  margin-top: 2px;
  margin-bottom: auto; }

.main-screen-messages___inMsgTimeStamp___2mi-p {
  align-self: flex-end;
  position: relative;
  text-align: end;
  opacity: .8;
  font-size: 9px;
  line-height: 11px;
  margin-top: 6px; }

.main-screen-messages___minimizeWidgetClass___1TB7c {
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: pointer; }

.main-screen-messages___minimizeWidgetClass___1TB7c:hover {
  background: #F7F7F8; }

.main-screen-messages___inMsgTimeStampRecipient___2-IJm {
  font-size: 10px;
  margin-top: 5px;
  position: relative;
  text-align: end;
  margin-right: -10px;
  color: #676883; }

.main-screen-messages___messageTextStyle___1U0IN {
  text-align: end;
  padding-right: 5px;
  font-size: 13px;
  line-height: 16px;
  white-space: pre-wrap; }

.main-screen-messages___forwardMessageRecipient___2RC54 {
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  padding-top: 10px;
  padding-left: 17px;
  padding-bottom: 18px;
  font-weight: 500; }

.main-screen-messages___forwardMessageSearch___2EvZv {
  height: 15px;
  margin-left: 15px;
  margin-top: 9px;
  margin-bottom: 6px;
  z-index: 100; }

.main-screen-messages___forwardMessageSearchContainer___1Xq7M {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 282px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 4px;
  margin-bottom: 8px; }

.main-screen-messages___forwardMessageSearchTextBox___2Sc9H {
  width: 273px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 9px;
  background: #F4F4F4; }

.main-screen-messages___forwardMessageTopicContainer___hNYEW {
  display: flex;
  flex-flow: row;
  height: 30px;
  position: relative;
  border-bottom: 1px solid #F1F1F5;
  background: #fff; }

.main-screen-messages___forwardMessageChannelContainer___VH8YL {
  background: #FFFFFF;
  display: flex; }

.main-screen-messages___forwardMessageAddIcon___34jut {
  width: 30px;
  height: 30px;
  cursor: pointer; }

.main-screen-messages___selectedMessageCount___37E8P {
  color: rgba(31, 32, 40, 0.6);
  font-size: 15px;
  line-height: 19px;
  padding-top: 16px;
  font-weight: 500;
  display: flex;
  border-bottom: 0.5px solid #F1F1F5;
  box-shadow: none;
  margin-left: 42px;
  margin-right: 20px;
  padding-bottom: 16px;
  position: relative; }

.main-screen-messages___forwardMessageSelectionDisplay___18l-w {
  display: flex;
  width: -webkit-fill-available;
  margin-left: 42px;
  padding-right: 42px;
  overflow-wrap: break-word;
  max-width: 382px;
  flex-flow: wrap; }

.main-screen-messages___hoverCrossTop___aPmlX {
  position: absolute;
  right: -69px;
  top: 0; }

.main-screen-messages___forwardMessagesProfileContent___3Oali {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 90px;
  min-height: 85px;
  margin: 15px;
  background: #F7F7F8;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px; }

.main-screen-messages___forwardMessageSelectedProfileDisplay____X_Zm {
  font-size: 14px;
  text-transform: capitalize;
  background: #92929D;
  width: 35px;
  height: 35px;
  align-self: center;
  text-align: center;
  margin-top: 8px;
  line-height: 36px;
  border-radius: 25px;
  color: #FFFFFF;
  object-fit: cover; }

.main-screen-messages___forwardMessageDisplayName___1TF9m {
  font-size: 12px;
  color: rgba(1, 4, 30, 0.8);
  text-align: center;
  margin-top: 7px;
  font-weight: 600; }

.main-screen-messages___forwardDisplayDesignation___36CX4 {
  font-size: 9px;
  margin-top: 5px;
  text-align: center;
  color: rgba(1, 4, 30, 0.8);
  line-height: 11px; }

.main-screen-messages___forwardMessageSubmiButton___33XkH {
  position: absolute;
  bottom: 9px;
  margin-right: auto;
  width: 321px;
  height: 40px;
  background: #227DF9;
  color: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  right: 85px; }

.main-screen-messages___forwardCrossIcon___3KXkS {
  position: absolute;
  width: 21px;
  height: 21px;
  right: 0px;
  cursor: pointer; }

.main-screen-messages___forwardMessageRemoveHandler___2Uiq0 {
  height: 35px;
  position: absolute;
  width: 35px;
  align-self: center;
  top: 8px;
  opacity: 0.5;
  cursor: pointer;
  display: none;
  background: #fff; }

.main-screen-messages___forwardProfilePic___2q1Ar {
  width: 100%;
  height: 100%;
  border-radius: 25px;
  z-index: 100; }

.main-screen-messages___forwardMessagesProfileContent___3Oali:hover .main-screen-messages___forwardMessageRemoveHandler___2Uiq0 {
  display: block; }

.main-screen-messages___forwardContactsAddIcon___QXvak {
  width: 30px;
  height: 30px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 11px;
  font-weight: 600;
  top: 12px;
  position: absolute;
  left: 252px;
  cursor: pointer; }

.main-screen-messages___crossToCancelClearChat___EOq_B {
  height: 18px;
  width: 18px;
  position: absolute;
  cursor: pointer;
  right: 12px; }

.main-screen-messages___forbiddenErrorMessage___3xu64 {
  position: relative;
  font-size: 12px;
  color: #FF3653;
  background: #EEEBEB;
  width: 238px;
  height: 33px;
  line-height: 33px;
  padding-left: 10px;
  align-self: center;
  border-radius: 10px;
  margin-top: 7px; }

.main-screen-messages___fileName___3ZIgS {
  color: #010430;
  background: #fff;
  max-height: 40px;
  padding: 5px 10px;
  margin-top: 10px;
  border-radius: 10px;
  font-weight: 600; }

.main-screen-messages___profilePicContainer___XlMS5 {
  position: relative;
  display: flex; }

.main-screen-messages___sectionHover___3_Kyi:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.main-screen-messages___userOtherName___1DR78 {
  padding-left: 15px;
  padding-right: 10px;
  font-weight: 600;
  padding-bottom: 5px;
  opacity: 0.9; }

.main-screen-messages___charactersCount___1jFEI {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.main-screen-messages___isTyping___2rIJI {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  mix-blend-mode: normal;
  display: flex;
  margin-left: 10px; }

.my-modal___Modal___2QhLs {
  z-index: 500;
  width: max-content;
  align-self: center;
  height: max-content;
  background-color: #FFFFFF;
  padding: 18.31px 26.73px 17.31px 28.42px;
  box-sizing: border-box;
  border-radius: 6px;
  transition: all 0.3s ease-out;
  display: flex;
  flex-flow: column;
  margin: auto;
  /* max-height: 600px; */
  position: relative;
  /* max-height: 550px; */
  overflow: hidden;
  margin-top: 30px; }

.my-modal___modalContainer___1mRT7 {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  z-index: 500;
  padding-bottom: 30px;
  overflow: auto; }

.my-modal___scrollbar___3D1DG {
  overflow-y: scroll;
  overflow-x: hidden; }

.my-modal___scrollbar___3D1DG::-webkit-scrollbar {
  width: 5px; }

.my-modal___scrollbar___3D1DG::-webkit-scrollbar-thumb {
  border-radius: 20px;
  opacity: 0.6;
  background-color: rgba(113, 124, 138, 0.6); }

.backdrop___Backdrop___32QLl {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 500;
  left: 0;
  top: 0;
  background-color: rgba(17, 17, 17, 0.5);
  opacity: 1; }

.warning-modal___headerComponent___1R1sb {
  display: flex;
  background: #EEEBEB;
  width: 449px;
  height: 43px;
  position: relative; }

.warning-modal___warningLogo___456Q5 {
  width: 24px;
  height: 22px;
  margin-left: 14px;
  margin-top: 10px; }

.warning-modal___headingText___1wkZ3 {
  font-weight: 500;
  font-size: 13px;
  opacity: 0.7;
  margin-left: 12px;
  margin-top: 15px; }

.warning-modal___crossIcon___16L7k {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 15px;
  right: 10px;
  cursor: pointer; }

.warning-modal___mainTextAlign___2ixVI {
  font-weight: 400;
  opacity: 0.7;
  width: 411px;
  font-size: 13px;
  margin: 8px;
  padding-left: 8px;
  padding-right: 14px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDEDE;
  line-height: 15px; }

.warning-modal___buttonsContainer___2Imrn {
  display: flex;
  margin-top: 4px;
  height: 40px; }

.warning-modal___cancelButton___27Ivh {
  height: 29px;
  width: 96px;
  position: absolute;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d; }

.warning-modal___cancelButton___27Ivh:hover {
  background: #F7F7F8; }

.warning-modal___yesButton___C7Syi {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.warning-modal___loader___3CDbB,
.warning-modal___loader___3CDbB:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.warning-modal___loader___3CDbB {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: warning-modal___load8___3BpvE 1.1s infinite linear;
  animation: warning-modal___load8___3BpvE 1.1s infinite linear; }

@-webkit-keyframes warning-modal___load8___3BpvE {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes warning-modal___load8___3BpvE {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.images-modal___avatarContainer___3gL-X {
  width: 650px;
  height: 50px;
  margin: 10px; }

.images-modal___avatar___3d9q8 {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left; }

.images-modal___username___2erlR {
  height: 23px;
  margin-left: 60px; }

.images-modal___timeStamp___1uThf {
  height: 23px;
  margin-left: 60px; }

.images-modal___optionIcon___3UBs4 {
  height: 50px;
  width: 50px;
  float: right;
  margin-top: -60px;
  margin-right: -30px; }

.images-modal___imageContainer___3_V8- {
  position: relative;
  max-height: 600px;
  max-width: 900px;
  display: flex;
  margin: auto;
  align-self: center; }

.images-modal___like___32_s6 {
  width: 20px;
  margin-bottom: -3px;
  margin-right: 5px; }

.images-modal___comment___F86Z7 {
  width: 20px;
  margin-bottom: -5px;
  margin-right: 5px; }

.images-modal___fileContainer___1v-bw {
  height: 300px; }

.images-modal___numbers___1Eslx {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0;
  padding: 10px;
  color: #FFFFFF; }

.images-modal___Modal___11TEF {
  position: fixed;
  z-index: 500;
  width: 30%;
  left: 25%;
  top: 20%;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.images-modal___totalFiles___3vw6l {
  padding: 0;
  margin: 0;
  margin-left: 50px;
  font-family: SF Pro Text;
  font-size: 13px;
  line-height: 16px; }

.images-modal___titleContainer___1eYK6 {
  width: 166px;
  height: 70px;
  margin-left: 120px; }

.images-modal___titleName___3JjJd {
  font-size: 18px;
  color: #227DF9;
  margin: 5px; }

.images-modal___titleSubject___2F3mT {
  font-size: 16px;
  margin: 5px; }

.images-modal___titleDueDate___1y6p5 {
  width: 150px;
  float: right;
  color: gray;
  border: 1px solid black;
  margin-right: 60px; }

.images-modal___modalContainer___3ieMz {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  display: flex; }

.images-modal___closeButton___22tGC {
  position: absolute;
  right: 0;
  cursor: pointer;
  padding: 20px; }

.images-modal___imageStyles___2Aee7 {
  max-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.images-modal___arrowStyle___23Ujx {
  height: 70px;
  margin: auto;
  position: fixed;
  align-self: center;
  cursor: pointer; }

.list-loader___loader___mm2wv,
.list-loader___loader___mm2wv:after {
  border-radius: 50%;
  width: 20px;
  height: 20px; }

.list-loader___loader___mm2wv {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(128, 128, 255, 0.2);
  border-right: 5px solid rgba(128, 128, 255, 0.2);
  border-bottom: 5px solid rgba(128, 128, 255, 0.2);
  border-left: 5px solid #8080ff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: list-loader___load8___2gDAE 1.1s infinite linear;
  animation: list-loader___load8___2gDAE 1.1s infinite linear; }

@-webkit-keyframes list-loader___load8___2gDAE {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes list-loader___load8___2gDAE {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.hoverable-cross___crossTop___2q2oS {
  position: absolute;
  width: 38px;
  right: 2px;
  height: 38px;
  top: 3px;
  border-radius: 50%;
  cursor: pointer; }

.hoverable-cross___crossTop___2q2oS:hover {
  background: #F7F7F8; }

.hoverable-cross___crossTop___2q2oS:active {
  background: #EEEBEB; }

.files-modal___avatarContainer___37iFt {
  width: 650px;
  height: 50px;
  margin: 10px;
  padding: 15px; }

.files-modal___avatar___klUw- {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  float: left;
  color: #FFFFFF;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-weight: 600; }

.files-modal___username___3TdAl {
  height: 20px;
  margin-left: 60px; }

.files-modal___timeStamp___1mVFI {
  margin-left: 60px;
  color: #010430;
  opacity: 0.5;
  font-size: 11px;
  height: 25px; }

.files-modal___optionIcon___1nv1r {
  height: 18px;
  width: 18px;
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }

.files-modal___imageContainer___3FhSN {
  position: relative;
  height: 99vh;
  width: 99vh;
  margin-left: 20%; }

.files-modal___like___2YZ7K {
  width: 20px;
  margin-bottom: -3px;
  margin-right: 5px; }

.files-modal___comment___1MhT9 {
  width: 20px;
  margin-bottom: -5px;
  margin-right: 5px; }

.files-modal___fileContainer___qEqyX {
  position: relative; }

.files-modal___numbers___nl_cR {
  height: 50px;
  width: 50px;
  position: absolute;
  right: 0;
  padding: 10px;
  color: white; }

.files-modal___Modal___2Zs2t {
  position: fixed;
  z-index: 500;
  background-color: #FFFFFF;
  left: 25%;
  top: 20%;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.files-modal___cross___gW3Wb {
  position: absolute;
  width: 5%;
  right: 4%;
  cursor: pointer; }

.files-modal___totalFiles___1aFM0 {
  padding: 0;
  color: #010430;
  opacity: 0.7;
  margin: 0;
  margin-left: 50px;
  font-family: SF Pro Text;
  font-size: 13px;
  line-height: 16px; }

.files-modal___titleContainer___3UxDn {
  width: 166px;
  height: 70px;
  margin-left: 120px; }

.files-modal___titleName___5XbYr {
  font-size: 18px;
  color: #227DF9;
  margin: 5px; }

.files-modal___titleSubject___o1Ryg {
  font-size: 16px;
  margin: 5px; }

.files-modal___titleDueDate___oaHeg {
  width: 150px;
  float: right;
  color: gray;
  border: 1px solid black;
  margin-right: 60px; }

.files-modal___modalContainer___1YTIC {
  position: relative; }

.files-modal___closeButton___3KMIB {
  position: absolute;
  right: 0;
  padding: 20px; }

.files-modal___imageModalUserName___1W_oF {
  color: #010430;
  font-size: 13px; }

.files-modal___postText___2AS9b {
  color: #010430;
  opacity: 0.8;
  font-size: 15px;
  margin-left: 23px; }

.files-modal___fileIndexes___1DZMG {
  margin-top: 10px;
  position: absolute;
  color: #010430;
  opacity: 0.5;
  font-size: 13px; }

.files-modal___dueDateAssignment___11NWn {
  position: absolute;
  font-size: 14px;
  top: 39px;
  right: 81px;
  opacity: 0.6; }

.link-click {
    text-decoration: none;
    color: #227DF9;
}

.link-click:hover {
    text-decoration: underline;
}
.button-spinner-widget-blue___loader___13S3i,
.button-spinner-widget-blue___loader___13S3i:after {
  border-radius: 50%;
  width: 0px;
  height: 0px;
  align-self: center; }

.button-spinner-widget-blue___loader___13S3i {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 255, 0.2);
  border-right: 1.1em solid rgba(0, 0, 255, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 255, 0.2);
  border-left: 1.1em solid #227df9;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: button-spinner-widget-blue___load8___2yyG3 1.1s infinite linear;
  animation: button-spinner-widget-blue___load8___2yyG3 1.1s infinite linear; }

@-webkit-keyframes button-spinner-widget-blue___load8___2yyG3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes button-spinner-widget-blue___load8___2yyG3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    object-fit: cover;
    -webkit-text-size-adjust: 100%; /* 2 */
    font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif;
    /* user-select: none; */
    color: #010430;
  }

  [placeholder]:empty::before {
    content: attr(placeholder);
    color: rgba(1, 4, 30, 0.4);
}
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
    display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
  
.disconnect-ui___mainComponent___1hmF4 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  z-index: 100; }

.disconnect-ui___fallBackImage___1QN79 {
  margin: auto;
  height: 100%;
  z-index: 1; }

.disconnect-ui___backDrop___1KYxn {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(17, 17, 17, 0.5);
  opacity: 1; }

.disconnect-ui___fallBackContainer___3K-Db {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex; }

.disconnect-ui___backHome___hSAsN {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 50px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  position: absolute;
  bottom: 100px;
  align-self: center;
  z-index: 100;
  margin-left: 75px; }

.disconnect-ui___backUiImageContainer___3dHyG {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 428.2px; }

.disconnect-ui___somethingWentWrong___2oUaO {
  position: absolute;
  bottom: 230px;
  z-index: 100;
  color: #010430;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 22px; }

.post-something___mainCard___KopW4 {
  width: 500px;
  border-radius: 3px;
  padding-top: 1px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  height: 89px;
  position: relative;
  padding: 1px;
  margin-bottom: 5px; }

.post-something___header___2xPBf {
  margin-left: 18px;
  font-size: 13px;
  color: #86868B; }

.post-something___header___2xPBf p {
  margin-top: .6em;
  font-weight: 500;
  margin-bottom: 5px; }

.post-something___postContainer___1ll-2 {
  height: 3.2em; }

.post-something___userAvatar___2otqo {
  position: absolute;
  width: 35px;
  height: 33px;
  color: #FFFFFF;
  text-transform: capitalize;
  text-align: center;
  border-radius: 50%;
  line-height: 33px;
  object-fit: cover;
  left: 13px; }

.post-something___textArea___20Duz {
  position: absolute;
  width: 325px;
  height: 33px;
  left: 57px;
  padding-left: 13px;
  cursor: pointer;
  line-height: 33px;
  border-radius: 5px;
  background-color: #F2F3F7;
  resize: none;
  border: none;
  opacity: 0.6;
  color: #010430;
  font-size: 11px; }

.post-something___image1___3eNcf {
  position: absolute;
  width: 29px;
  height: 22px;
  left: 410px;
  top: 50px;
  cursor: pointer; }

.post-something___image2___216z9 {
  position: absolute;
  top: 50px;
  left: 449px;
  width: 28px;
  height: 22px;
  cursor: pointer; }

.post-something___hoverContainer___3ZtoP:hover {
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1);
  cursor: pointer; }

.post-something___scrollbar___3xsz7 {
  height: 25em;
  overflow-y: scroll; }

.post-something___scrollbar___3xsz7::-webkit-scrollbar {
  width: .4em; }

.post-something___scrollbar___3xsz7::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .post-something___mainCard___KopW4 {
    width: 500px; } }

@media screen and (min-width: 1401px) {
  .post-something___mainCard___KopW4 {
    width: 500px; } }

.post-empty___mainContainer___2iHMK {
  display: flex;
  width: 500px;
  background: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  bottom: 0;
  top: 95px;
  position: absolute;
  border-radius: 5px;
  flex-flow: column; }

.post-empty___topHeading___2mCQ5 {
  font-weight: 600;
  font-size: 18px;
  margin-left: 34.39px;
  margin-top: 23.4px; }

.post-empty___welcomeText___3SRyn {
  font-weight: 900;
  opacity: 0.8;
  font-weight: 800;
  font-size: 25px;
  margin-left: 34.39px;
  margin-top: 5px; }

.post-empty___emptyPostArrow___2JCco {
  width: 126.11px;
  height: 123.31px;
  position: absolute;
  top: 4px;
  right: 72.98px; }

.post-empty___bottomTagLine___13ero {
  font-size: 12px;
  margin-top: 9.6px;
  margin-left: 36px; }

.post-empty___emptyPostIcon___1N6HN {
  width: 431.7px;
  height: 288.87px;
  margin-top: 26.67px;
  margin-left: 68.3px; }

.post-empty___footerLine___1nb3g {
  font-size: 15px;
  margin-top: 35.96px;
  margin-left: 82px;
  opacity: 0.8; }

.resources___mainCard___1nV8a {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .resources___mainCard___1nV8a {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .resources___mainCard___1nV8a {
    width: 913px;
    margin-left: 14px; } }

.resources___header___23TxD {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.resources___components___M2-vQ {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.resources___sectionName___3Y6YF {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.resources___topContainer___3q8uv {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 0; }

.resources___topContainerSubject___2egQp {
  display: flex;
  flex-flow: column; }

.resources___sectionItem___97Rsb {
  display: flex;
  flex-flow: column;
  width: 156px;
  height: 90px;
  position: relative;
  margin-right: 20px;
  cursor: pointer; }

.resources___imageCards___3huTl {
  position: absolute;
  width: 100%;
  height: 100%; }

.resources___topClassHeader___3lAIm {
  background: #F2F3F7;
  color: #010430;
  font-weight: 500;
  font-size: 16px;
  height: 37px;
  line-height: 37px;
  padding-left: 20px; }

.resources___sectionsFlow___14Wck {
  display: flex;
  margin: 20px;
  flex-wrap: wrap; }

.resources-content___mainCard___3P1Q- {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .resources-content___mainCard___3P1Q- {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .resources-content___mainCard___3P1Q- {
    width: 981px;
    margin-left: 14px; } }

.resources-content___header___14hKN {
  display: flex;
  flex-flow: column;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.resources-content___components___2DBsC {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  /* margin-bottom: -18px; */
  line-height: 15px;
  padding-top: 0px; }

.resources-content___sectionName___3tGcN {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.resources-content___topContainer___4yRAZ {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 0; }

.resources-content___topContainerSubject___2ceVl {
  display: flex;
  flex-flow: column; }

.resources-content___sectionItem___3ZwZj {
  display: flex;
  flex-flow: column;
  width: 156px;
  height: 90px;
  position: relative;
  margin-right: 20px;
  cursor: pointer; }

.resources-content___imageCards___3kgna {
  position: absolute;
  width: 100%;
  height: 100%; }

.resources-content___topClassHeader___25rRx {
  background: #F2F3F7;
  color: #010430;
  font-weight: 500;
  font-size: 16px;
  height: 37px;
  line-height: 37px;
  padding-left: 20px; }

.resources-content___sectionName___3tGcN {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  z-index: 100;
  margin-left: 15.36px;
  margin-top: 20px;
  margin-bottom: auto; }

.resources-content___sectionsFlow___ZEpYH {
  display: flex;
  margin: 20px;
  flex-wrap: wrap; }

.resources-content___backNavigation___ekmuc {
  width: 15.5px;
  height: 10.5px;
  margin-left: 30.5px;
  cursor: pointer;
  margin-top: 10px; }

.resources-content___backToResources___-7U1i {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.6;
  margin-top: 10px;
  margin-left: 10px;
  cursor: pointer;
  margin-bottom: 12px; }

.resources-content___divContainer___zAoB8:hover .resources-content___backToResources___-7U1i {
  text-decoration: underline;
  color: #227DF9; }

.resources-content___classNames___2be0y {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  z-index: 100;
  margin-left: 50.36px;
  margin-top: -1px;
  margin-bottom: auto; }

.assignments___filterContainer___RaEOA {
  background: #ffff;
  height: 94px;
  margin-left: 15px;
  margin-top: 20px;
  width: 659px;
  flex-flow: column;
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

.assignments___filterIcon___1UB7K {
  width: 31.98px;
  height: 31.98px;
  margin-top: 38.55px;
  margin-left: 38.44px;
  cursor: pointer; }

.assignments___displayText___TdI-P:hover {
  cursor: pointer;
  text-decoration: underline; }

.assignments___displayText___TdI-P {
  margin-left: 5px; }

.assignments___filterText___2WuH5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-left: 38px;
  margin-top: 9px;
  color: #1F314A; }

.assignments___listContainer___3DZ1o {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-top: 19px;
  flex-flow: column;
  align-self: center;
  /* flex-flow: column; */
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto; }

@media screen and (min-width: 1401px) {
  .assignments___selecSubjectContainer___3BOrv {
    background: #F2F3F7;
    width: 913px;
    height: 77px;
    margin-top: 17px; } }

.assignments___subjectName___aikJR {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  margin-bottom: 12px; }

.assignments___postBY___1ZChY {
  font-size: 13px;
  line-height: 16px;
  color: #1F314A;
  opacity: 0.7;
  margin-left: 31px;
  margin-top: 19px; }

.assignments___postedPersonName___ohQo5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-top: 18px; }

.assignments___textStyle___3l2S2 {
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  word-break: break-all; }

.assignments___textStyle___3l2S2 span:hover {
  cursor: pointer;
  text-decoration: underline; }

.assignments___goToPost___1p18i {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #717C8A;
  margin-top: 18px; }

.assignments___fileContainer___3mJmM {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.assignments___alternateAvatar___2bjjL {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.assignments___avatar___2VTdL {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover;
  border: 1px solid #eeebeb; }

.assignments___forwardIcon___23a8c {
  height: 20px;
  width: 33px;
  margin-left: 12px;
  margin-top: 16px; }

.assignments___filterHeaderText___2bIyh {
  color: #010430;
  opacity: 0.7;
  margin-top: 12px;
  margin-left: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px; }

.assignments___filterInput___BgPEJ {
  width: 593px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 20px;
  background: #F4F4F4; }

.assignments___inputMainContainer___Wt7NX {
  display: flex;
  background: #F4F4F4;
  height: 38px;
  width: 524px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 25px; }

.assignments___makePost___3Yvpo {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  opacity: 0.6;
  margin-top: 11px;
  margin-left: 20px; }

.assignments___imageStyle___2rgYt {
  height: 27px;
  width: 35.59px;
  margin-left: 15px;
  margin-top: 15px; }

.assignments___docStyle___7bhZO {
  height: 27px;
  width: 34.67px;
  margin-left: 11.41px;
  margin-top: 15px;
  margin-right: 13.64px; }

.assignments___fileName___3GPG4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #227DF9;
  margin-left: 116px;
  margin-top: 25px; }

.assignments___singleImage___161-j {
  width: 62px;
  margin-left: 50px;
  position: absolute;
  margin-top: 12px;
  height: 77px; }

.assignments___attachmentSubjectName___3p86R {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  margin-left: 116px;
  margin-top: 2px; }

.assignments___dueDate___vxJSk {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: 116px;
  margin-top: 7px; }

.assignments___download___2pP0E {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  display: flex;
  cursor: pointer; }

.assignments___save___358FE {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #1F314A;
  margin-left: 6px; }

.assignments___fileContainer2___1WjT3 {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.assignments___file1___27ope {
  position: absolute;
  height: 65px;
  margin-left: 50px;
  width: 55px;
  margin-top: 13px;
  border-radius: 11px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.assignments___file2___2T9ec {
  position: absolute;
  height: 61px;
  margin-left: 54px;
  width: 55px;
  margin-top: 12px;
  border-radius: 11px;
  border: 1px solid #f7f7f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.assignments___multipleFilestyle___1CHmR {
  width: 55px;
  margin-left: 58px;
  position: absolute;
  margin-top: 9px;
  border-left: 1px;
  height: 61px;
  border-radius: 8px;
  border-left: 1px solid #f7f7f8;
  border-bottom: 1px solid #f7f7f8; }

.assignments___numberOfAttachments___JKcG7 {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  background: #010430;
  opacity: 0.5;
  margin-left: auto;
  margin-right: 62px; }

.assignments___numberText___3EifX {
  font-size: 15px;
  color: #ffff;
  line-height: 32px; }

.assignments___modalFilterText___1HuWb {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  color: #000000;
  margin-left: 27px; }

.assignments___searchModalText___1wvZo {
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 7px;
  margin-left: 27px; }

.assignments___separator___1DRvx {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: 14px; }

.assignments___modalSubjectName___g98fs {
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 38px; }

.assignments___checkboxAlign___3gAlj {
  margin-left: auto;
  margin-top: 9px;
  position: absolute;
  right: 40px; }

.assignments___modalsubjectContainer___2bb64 {
  height: 46px;
  width: 450px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.assignments___doneButton___2cIin {
  background: #1BCC63;
  border-radius: 5px;
  margin-left: auto;
  color: #fff;
  height: 18px;
  width: 86px;
  margin-right: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: pointer; }

.assignments___modalsubjectContainer1___MSJ6X {
  height: 46px;
  width: 450px; }

.assignments___separator2___2Bbf8 {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: -3px; }

.assignments___minusIcon___2akur {
  height: 20px;
  width: 20px;
  cursor: pointer; }

.assignments___selectedSubjectContainer___1AdvI {
  background: #F2F3F7;
  width: 913px;
  height: 77px;
  margin-top: 17px; }

.assignments___selectedSubjectName___1GEch {
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: 9px;
  margin-top: 1px; }

.assignments___box___2XNvD {
  background: #FFFFFF;
  /* opacity: 0.5; */
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  flex-flow: row;
  display: flex;
  height: auto;
  width: max-content;
  padding: 10px;
  margin-left: 25px;
  margin-top: 17px; }

.assignments___checkBox___yIbWF {
  position: relative;
  right: -7px;
  top: 2px;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.assignments___ellipse___wDiTz {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.assignments___vector___UB49W {
  width: 13px;
  position: absolute;
  right: 4px;
  top: 8px;
  height: 9px; }

.assignments___checkBox2___1Lv8N {
  position: relative;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.assignments___ellipse2___1s9sA {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.assignments___vector2___2cYbH {
  width: 13px;
  position: absolute;
  right: 5px;
  top: 9px;
  height: 9px; }

.assignments___scrollbar___hSI3Z {
  height: 25em;
  overflow-y: scroll; }

.assignments___scrollbar___hSI3Z::-webkit-scrollbar {
  width: .4em; }

.assignments___scrollbar___hSI3Z::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.assignments___mainContent___5zAQB {
  position: absolute;
  top: 195px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.assignments___horizontalRule___2rOvO {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.assignments___resetButton___2HQh1 {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.assignments___scrapeSection___bZHSP {
  text-decoration: none;
  color: #010430;
  display: flex;
  flex-flow: column; }

.assignments___scrapeTopSection___18q8L {
  margin-bottom: 21.47px;
  background: #F2F3F7;
  border-radius: 0px 0px 3px 3px; }

.assignments___scrapeName___20zQf {
  margin-left: 20.02px;
  padding-top: 9.87px;
  font-weight: 500;
  font-size: 13px; }

.assignments___scrapeTitle___2PXgl {
  margin-left: 20.02px;
  margin-top: 8.68px;
  font-weight: 600;
  font-size: 15px; }

.assignments___scrapeDescription___olMR9 {
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  margin-left: 20.02px;
  margin-top: 3px;
  padding-bottom: 10px; }

.assignments___scrapeImage___2ubJB {
  height: 214.44px;
  object-fit: cover; }

.study-materials___filterContainer___28SP4 {
  background: #ffff;
  height: 94px;
  margin-left: 15px;
  margin-top: 20px;
  width: 659px;
  flex-flow: column;
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

.study-materials___filterIcon___21gT4 {
  width: 31.98px;
  height: 31.98px;
  margin-top: 38.55px;
  margin-left: 38.44px;
  cursor: pointer; }

.study-materials___filterText___2m5iF {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-left: 38px;
  margin-top: 9px;
  color: #1F314A; }

.study-materials___listContainer___3dV_i {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-top: 19px;
  flex-flow: column;
  align-self: center;
  /* flex-flow: column; */
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto; }

@media screen and (min-width: 1401px) {
  .study-materials___selecSubjectContainer___1uqr0 {
    background: #F2F3F7;
    width: 913px;
    height: 77px;
    margin-top: 17px; } }

.study-materials___subjectName___2J7uG {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  margin-bottom: 12px; }

.study-materials___postBY___2v_EJ {
  font-size: 13px;
  line-height: 16px;
  color: #1F314A;
  opacity: 0.7;
  margin-left: 31px;
  margin-top: 19px; }

.study-materials___postedPersonName___1UVvr {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-top: 18px; }

.study-materials___textStyle___1up2i {
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  word-break: break-all; }

.study-materials___displayText___2KMNS:hover {
  cursor: pointer;
  text-decoration: underline; }

.study-materials___displayText___2KMNS {
  margin-left: 5px; }

.study-materials___goToPost___2FHQp {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #717C8A;
  margin-top: 18px; }

.study-materials___fileContainer___3ZLaw {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.study-materials___alternateAvatar___2Dr2Q {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.study-materials___avatar___38Jkq {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover;
  border: 1px solid #eeebeb; }

.study-materials___forwardIcon___1zkkR {
  height: 20px;
  width: 33px;
  margin-left: 12px;
  margin-top: 16px; }

.study-materials___filterHeaderText___3Qdfv {
  color: #010430;
  opacity: 0.7;
  margin-top: 12px;
  margin-left: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px; }

.study-materials___filterInput___34KBc {
  width: 593px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 20px;
  background: #F4F4F4; }

.study-materials___inputMainContainer___1qcbW {
  display: flex;
  background: #F4F4F4;
  height: 38px;
  width: 524px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 25px; }

.study-materials___makePost___2OcIK {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  opacity: 0.6;
  margin-top: 11px;
  margin-left: 20px; }

.study-materials___imageStyle___3kl2i {
  height: 27px;
  width: 35.59px;
  margin-left: 15px;
  margin-top: 15px; }

.study-materials___docStyle___3_ih1 {
  height: 27px;
  width: 34.67px;
  margin-left: 11.41px;
  margin-top: 15px;
  margin-right: 13.64px; }

.study-materials___fileName___31eu8 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #227DF9;
  margin-left: 116px;
  margin-top: 25px; }

.study-materials___singleImage___11AYQ {
  width: 62px;
  margin-left: 50px;
  position: absolute;
  margin-top: 12px;
  height: 77px; }

.study-materials___attachmentSubjectName___RMop1 {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  margin-left: 116px;
  margin-top: 2px; }

.study-materials___dueDate___3vMhh {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: 116px;
  margin-top: 7px; }

.study-materials___download___3BXst {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  display: flex;
  cursor: pointer; }

.study-materials___save___3O5NB {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #1F314A;
  margin-left: 6px; }

.study-materials___fileContainer2___23X4p {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.study-materials___file1___2e25z {
  position: absolute;
  height: 65px;
  margin-left: 50px;
  width: 55px;
  margin-top: 13px;
  border-radius: 11px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.study-materials___file2___26ZHY {
  position: absolute;
  height: 61px;
  margin-left: 54px;
  width: 55px;
  margin-top: 12px;
  border-radius: 11px;
  border: 1px solid #f7f7f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.study-materials___multipleFilestyle___3dQnS {
  width: 55px;
  margin-left: 58px;
  position: absolute;
  margin-top: 9px;
  border-left: 1px;
  height: 61px;
  border-radius: 8px;
  border-left: 1px solid #f7f7f8;
  border-bottom: 1px solid #f7f7f8; }

.study-materials___numberOfAttachments___CD40d {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  background: #010430;
  opacity: 0.5;
  margin-left: auto;
  margin-right: 62px; }

.study-materials___numberText___WrmLa {
  font-size: 15px;
  color: #ffff;
  line-height: 32px; }

.study-materials___modalFilterText___1LE_H {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  color: #000000;
  margin-left: 27px; }

.study-materials___searchModalText___3kMql {
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 7px;
  margin-left: 27px; }

.study-materials___separator___3aqV- {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: 14px; }

.study-materials___modalSubjectName___3nwvm {
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 38px; }

.study-materials___checkboxAlign___BIBqA {
  margin-left: auto;
  margin-top: 9px;
  position: absolute;
  right: 40px; }

.study-materials___modalsubjectContainer___3HaRb {
  height: 46px;
  width: 450px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.study-materials___doneButton___hU3xW {
  background: #1BCC63;
  border-radius: 5px;
  margin-left: auto;
  color: #fff;
  height: 18px;
  width: 86px;
  margin-right: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: pointer; }

.study-materials___modalsubjectContainer1___hKTts {
  height: 46px;
  width: 450px; }

.study-materials___separator2___3YB2q {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: -3px; }

.study-materials___minusIcon___kw-E_ {
  height: 20px;
  width: 20px;
  cursor: pointer; }

.study-materials___selectedSubjectContainer___3jo8P {
  background: #F2F3F7;
  width: 913px;
  height: 77px;
  margin-top: 17px; }

.study-materials___selectedSubjectName___3rckH {
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: 9px;
  margin-top: 1px; }

.study-materials___box___2WK1I {
  background: #FFFFFF;
  /* opacity: 0.5; */
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  flex-flow: row;
  display: flex;
  height: auto;
  width: max-content;
  padding: 10px;
  margin-left: 25px;
  margin-top: 17px; }

.study-materials___checkBox___3Fi8s {
  position: relative;
  right: -7px;
  top: 2px;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.study-materials___ellipse___3t8h6 {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.study-materials___vector___2w1fH {
  width: 13px;
  position: absolute;
  right: 4px;
  top: 8px;
  height: 9px; }

.study-materials___checkBox2___DBp7L {
  position: relative;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.study-materials___ellipse2___MX-AJ {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.study-materials___vector2___1FXK3 {
  width: 13px;
  position: absolute;
  right: 5px;
  top: 9px;
  height: 9px; }

.study-materials___scrollbar___3vOyh {
  height: 25em;
  overflow-y: scroll; }

.study-materials___scrollbar___3vOyh::-webkit-scrollbar {
  width: .4em; }

.study-materials___scrollbar___3vOyh::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.study-materials___mainContent___2bWVT {
  position: absolute;
  top: 195px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.study-materials___horizontalRule___vrQfg {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.study-materials___resetButton___29B0Y {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.study-materials___scrapeSection___15pOv {
  text-decoration: none;
  color: #010430;
  display: flex;
  flex-flow: column; }

.study-materials___scrapeTopSection___3VsXa {
  margin-bottom: 21.47px;
  background: #F2F3F7;
  border-radius: 0px 0px 3px 3px; }

.study-materials___scrapeName___uAfF0 {
  margin-left: 20.02px;
  padding-top: 9.87px;
  font-weight: 500;
  font-size: 13px; }

.study-materials___scrapeTitle___3MkGH {
  margin-left: 20.02px;
  margin-top: 8.68px;
  font-weight: 600;
  font-size: 15px; }

.study-materials___scrapeDescription____-e05 {
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  margin-left: 20.02px;
  margin-top: 3px;
  padding-bottom: 10px; }

.study-materials___scrapeImage____x8b7 {
  height: 214.44px;
  object-fit: cover; }

.live-streaming___filterContainer___10WFF {
  background: #ffff;
  height: 94px;
  margin-left: 15px;
  margin-top: 20px;
  width: 659px;
  flex-flow: column;
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

.live-streaming___filterIcon___ymqV3 {
  width: 31.98px;
  height: 31.98px;
  margin-top: 38.55px;
  margin-left: 38.44px;
  cursor: pointer; }

.live-streaming___displayText___36PjK:hover {
  cursor: pointer;
  text-decoration: underline; }

.live-streaming___displayText___36PjK {
  margin-left: 5px; }

.live-streaming___filterText___8yIT6 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-left: 38px;
  margin-top: 9px;
  color: #1F314A; }

.live-streaming___listContainer___2ysAM {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-top: 19px;
  flex-flow: column;
  align-self: center;
  /* flex-flow: column; */
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto; }

@media screen and (min-width: 1401px) {
  .live-streaming___selecSubjectContainer___2tp2W {
    background: #F2F3F7;
    width: 913px;
    height: 77px;
    margin-top: 17px; } }

.live-streaming___subjectName___1YeIl {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  margin-bottom: 12px; }

.live-streaming___postBY___2LbJc {
  font-size: 13px;
  line-height: 16px;
  color: #1F314A;
  opacity: 0.7;
  margin-left: 31px;
  margin-top: 19px; }

.live-streaming___postedPersonName___1NvyX {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-top: 18px; }

.live-streaming___textStyle___v92PD {
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  word-break: break-all; }

.live-streaming___textStyle___v92PD span:hover {
  cursor: pointer;
  text-decoration: underline; }

.live-streaming___goToPost___2iQrm {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #717C8A;
  margin-top: 18px; }

.live-streaming___fileContainer___1Pp-N {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.live-streaming___alternateAvatar___g0mjt {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.live-streaming___avatar___1bUB9 {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover;
  border: 1px solid #eeebeb; }

.live-streaming___forwardIcon___3tbte {
  height: 20px;
  width: 33px;
  margin-left: 12px;
  margin-top: 16px; }

.live-streaming___filterHeaderText___1zxHy {
  color: #010430;
  opacity: 0.7;
  margin-top: 12px;
  margin-left: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px; }

.live-streaming___filterInput___1z7bJ {
  width: 593px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 20px;
  background: #F4F4F4; }

.live-streaming___inputMainContainer___3Rlbn {
  display: flex;
  background: #F4F4F4;
  height: 38px;
  width: 524px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 25px; }

.live-streaming___makePost___3Ed3E {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  opacity: 0.6;
  margin-top: 11px;
  margin-left: 20px; }

.live-streaming___imageStyle___2iwQi {
  height: 27px;
  width: 35.59px;
  margin-left: 15px;
  margin-top: 15px; }

.live-streaming___docStyle___2NNIC {
  height: 27px;
  width: 34.67px;
  margin-left: 11.41px;
  margin-top: 15px;
  margin-right: 13.64px; }

.live-streaming___fileName___3bVUF {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #227DF9;
  margin-left: 116px;
  margin-top: 25px; }

.live-streaming___singleImage___2y8u6 {
  width: 62px;
  margin-left: 50px;
  position: absolute;
  margin-top: 12px;
  height: 77px; }

.live-streaming___attachmentSubjectName___3Pzdx {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  margin-left: 116px;
  margin-top: 2px; }

.live-streaming___dueDate___1KG2S {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: 116px;
  margin-top: 7px; }

.live-streaming___download___-rUfr {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  display: flex;
  cursor: pointer; }

.live-streaming___save___j5WJV {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #1F314A;
  margin-left: 6px; }

.live-streaming___fileContainer2___3kiJE {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.live-streaming___file1___2mN5V {
  position: absolute;
  height: 65px;
  margin-left: 50px;
  width: 55px;
  margin-top: 13px;
  border-radius: 11px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.live-streaming___file2___3Qpa- {
  position: absolute;
  height: 61px;
  margin-left: 54px;
  width: 55px;
  margin-top: 12px;
  border-radius: 11px;
  border: 1px solid #f7f7f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.live-streaming___multipleFilestyle___SIDd0 {
  width: 55px;
  margin-left: 58px;
  position: absolute;
  margin-top: 9px;
  border-left: 1px;
  height: 61px;
  border-radius: 8px;
  border-left: 1px solid #f7f7f8;
  border-bottom: 1px solid #f7f7f8; }

.live-streaming___numberOfAttachments___9wp_9 {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  background: #010430;
  opacity: 0.5;
  margin-left: auto;
  margin-right: 62px; }

.live-streaming___numberText___2wa5v {
  font-size: 15px;
  color: #ffff;
  line-height: 32px; }

.live-streaming___modalFilterText___1_wlJ {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  color: #000000;
  margin-left: 27px; }

.live-streaming___searchModalText___2JdBT {
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 7px;
  margin-left: 27px; }

.live-streaming___separator___TGCkM {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: 14px; }

.live-streaming___modalSubjectName___3B1Vy {
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 38px; }

.live-streaming___checkboxAlign___3fXcm {
  margin-left: auto;
  margin-top: 9px;
  position: absolute;
  right: 40px; }

.live-streaming___modalsubjectContainer___21teW {
  height: 46px;
  width: 450px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.live-streaming___doneButton___-6ieZ {
  background: #1BCC63;
  border-radius: 5px;
  margin-left: auto;
  color: #fff;
  height: 18px;
  width: 86px;
  margin-right: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: pointer; }

.live-streaming___modalsubjectContainer1___1aIE_ {
  height: 46px;
  width: 450px; }

.live-streaming___separator2___3O3SV {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: -3px; }

.live-streaming___minusIcon___1U_cQ {
  height: 20px;
  width: 20px;
  cursor: pointer; }

.live-streaming___selectedSubjectContainer___FPVSQ {
  background: #F2F3F7;
  width: 913px;
  height: 77px;
  margin-top: 17px; }

.live-streaming___selectedSubjectName___3YmZk {
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: 9px;
  margin-top: 1px; }

.live-streaming___box___522JR {
  background: #FFFFFF;
  /* opacity: 0.5; */
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  flex-flow: row;
  display: flex;
  height: auto;
  width: max-content;
  padding: 10px;
  margin-left: 25px;
  margin-top: 17px; }

.live-streaming___checkBox___2axAU {
  position: relative;
  right: -7px;
  top: 2px;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.live-streaming___ellipse___3u9Qi {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.live-streaming___vector___20j7R {
  width: 13px;
  position: absolute;
  right: 4px;
  top: 8px;
  height: 9px; }

.live-streaming___checkBox2___109vL {
  position: relative;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.live-streaming___ellipse2___1bptf {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.live-streaming___vector2___2Gff9 {
  width: 13px;
  position: absolute;
  right: 5px;
  top: 9px;
  height: 9px; }

.live-streaming___scrollbar___7D8Af {
  height: 25em;
  overflow-y: scroll; }

.live-streaming___scrollbar___7D8Af::-webkit-scrollbar {
  width: .4em; }

.live-streaming___scrollbar___7D8Af::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.live-streaming___mainContent___2qKOA {
  position: absolute;
  top: 195px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.live-streaming___horizontalRule___3Zu_A {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.live-streaming___resetButton___2iJi8 {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.live-streaming___meetingContentText___1b3rd {
  text-transform: capitalize;
  font-weight: 600;
  color: #010430;
  font-size: 18px;
  margin-top: 8px;
  display: flex; }

.live-streaming___joinButton___1rqVT {
  height: 31px;
  width: 96px;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  margin-left: auto; }

.live-streaming___meetingTime___1pdeW {
  font-size: 10px;
  color: #86868B; }

.live-streaming___textContainer___3dWUZ p {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  margin-left: 31px; }

.live-streaming___classText___2vFYA {
  min-height: 25px;
  font-size: 18px;
  padding-top: 15px; }

.live-streaming___singleImageContainer___2ZjY0 {
  max-height: 380px;
  margin: 13px;
  border-radius: 5px;
  align-self: center;
  cursor: pointer;
  position: relative; }

.live-streaming___singleImageVideo___oTNjv {
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  max-height: 380px;
  object-fit: cover; }

.resources___mainCard___3fMMw {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .resources___mainCard___3fMMw {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .resources___mainCard___3fMMw {
    width: 981px;
    margin-left: 14px; } }

.resources___header___1bEdm {
  display: flex;
  flex-flow: column;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.resources___components___1Ugne {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.resources___sectionName___sheB1 {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.resources___topContainer___3wzWu {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 0; }

.resources___topContainerSubject___2pyHN {
  display: flex;
  flex-flow: column; }

.resources___sectionItem___2Im_A {
  display: flex;
  flex-flow: column;
  width: 156px;
  height: 90px;
  position: relative;
  margin-right: 20px;
  cursor: pointer; }

.resources___imageCards___1NTsV {
  position: absolute;
  width: 100%;
  height: 100%; }

.resources___topClassHeader___4lVMH {
  background: #F2F3F7;
  color: #010430;
  font-weight: 500;
  font-size: 16px;
  height: 37px;
  line-height: 37px;
  padding-left: 20px; }

.resources___sectionsFlow___BcFBz {
  display: flex;
  margin: 20px;
  flex-wrap: wrap; }

.resources___backNavigation___2Y0x6 {
  width: 15.5px;
  height: 10.5px;
  margin-left: 30.5px;
  cursor: pointer;
  margin-top: 18px; }

.resources___backToResources___3s6TW {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.6;
  margin-top: 19px;
  margin-left: 4px; }

.resources___classNames___xDxS6 {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.assignments___filterContainer___InFYd {
  background: #ffff;
  height: 94px;
  margin-left: 15px;
  margin-top: 20px;
  width: 659px;
  flex-flow: column;
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

.assignments___filterIcon___1afo- {
  width: 31.98px;
  height: 31.98px;
  margin-top: 38.55px;
  margin-left: 38.44px;
  cursor: pointer; }

.assignments___displayText___3Xm62:hover {
  cursor: pointer;
  text-decoration: underline; }

.assignments___displayText___3Xm62 {
  margin-left: 5px; }

.assignments___filterText___3rZvR {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-left: 38px;
  margin-top: 9px;
  color: #1F314A; }

.assignments___listContainer___137FW {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-top: 19px;
  flex-flow: column;
  align-self: center;
  /* flex-flow: column; */
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto; }

@media screen and (min-width: 1401px) {
  .assignments___selecSubjectContainer___3D30q {
    background: #F2F3F7;
    width: 913px;
    height: 77px;
    margin-top: 17px; } }

.assignments___subjectName___31Kl5 {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  margin-bottom: 12px; }

.assignments___postBY___w1kbz {
  font-size: 13px;
  line-height: 16px;
  color: #1F314A;
  opacity: 0.7;
  margin-left: 31px;
  margin-top: 19px; }

.assignments___postedPersonName___ySvsU {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-top: 18px; }

.assignments___textStyle___3gwrR {
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  word-break: break-all; }

.assignments___textStyle___3gwrR span:hover {
  cursor: pointer;
  text-decoration: underline; }

.assignments___goToPost___7heJh {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #717C8A;
  margin-top: 18px; }

.assignments___fileContainer___2iYlJ {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.assignments___alternateAvatar___1MVO1 {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.assignments___avatar___DZP4t {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover;
  border: 1px solid #eeebeb; }

.assignments___forwardIcon___1Q056 {
  height: 20px;
  width: 33px;
  margin-left: 12px;
  margin-top: 16px; }

.assignments___filterHeaderText___2Aamc {
  color: #010430;
  opacity: 0.7;
  margin-top: 12px;
  margin-left: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px; }

.assignments___filterInput___2pzNm {
  width: 593px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 20px;
  background: #F4F4F4; }

.assignments___inputMainContainer___2q5Vj {
  display: flex;
  background: #F4F4F4;
  height: 38px;
  width: 524px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 25px; }

.assignments___makePost___2OoF8 {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  opacity: 0.6;
  margin-top: 11px;
  margin-left: 20px; }

.assignments___imageStyle___23a5a {
  height: 27px;
  width: 35.59px;
  margin-left: 15px;
  margin-top: 15px; }

.assignments___docStyle___21AQ0 {
  height: 27px;
  width: 34.67px;
  margin-left: 11.41px;
  margin-top: 15px;
  margin-right: 13.64px; }

.assignments___fileName___3PPaB {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #227DF9;
  margin-left: 116px;
  margin-top: 25px; }

.assignments___singleImage___1ZBfW {
  width: 62px;
  margin-left: 50px;
  position: absolute;
  margin-top: 12px;
  height: 77px; }

.assignments___attachmentSubjectName___I1iLu {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  margin-left: 116px;
  margin-top: 2px; }

.assignments___dueDate___5Aebp {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: 116px;
  margin-top: 7px; }

.assignments___download___Vr_Pw {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  cursor: pointer; }

.assignments___save___18V0w {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #1F314A;
  margin-left: 6px; }

.assignments___fileContainer2___2fleg {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.assignments___file1___sM15k {
  position: absolute;
  height: 65px;
  margin-left: 50px;
  width: 55px;
  margin-top: 13px;
  border-radius: 11px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.assignments___file2___21WtU {
  position: absolute;
  height: 61px;
  margin-left: 54px;
  width: 55px;
  margin-top: 12px;
  border-radius: 11px;
  border: 1px solid #f7f7f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.assignments___multipleFilestyle___1C_Xo {
  width: 55px;
  margin-left: 58px;
  position: absolute;
  margin-top: 9px;
  border-left: 1px;
  height: 61px;
  border-radius: 8px;
  border-left: 1px solid #f7f7f8;
  border-bottom: 1px solid #f7f7f8; }

.assignments___numberOfAttachments___2Cy7e {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  background: #010430;
  opacity: 0.5;
  margin-left: auto;
  margin-right: 62px; }

.assignments___numberText___1e7fg {
  font-size: 15px;
  color: #ffff;
  line-height: 32px; }

.assignments___modalFilterText___1Z6SG {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  color: #000000;
  margin-left: 27px; }

.assignments___searchModalText___1rZyW {
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 7px;
  margin-left: 27px; }

.assignments___separator___273jF {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: 14px; }

.assignments___modalSubjectName___RzsEi {
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 38px; }

.assignments___checkboxAlign___1q95A {
  margin-left: auto;
  margin-top: 9px;
  position: absolute;
  right: 40px; }

.assignments___modalsubjectContainer___1lc1s {
  height: 46px;
  width: 450px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.assignments___doneButton___3zSuV {
  background: #1BCC63;
  border-radius: 5px;
  margin-left: auto;
  color: #fff;
  height: 18px;
  width: 86px;
  margin-right: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: pointer; }

.assignments___modalsubjectContainer1___ZaQaH {
  height: 46px;
  width: 450px; }

.assignments___separator2___-ewPQ {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: -3px; }

.assignments___minusIcon___ssUHS {
  height: 20px;
  width: 20px;
  cursor: pointer; }

.assignments___selectedSubjectContainer___15jxT {
  background: #F2F3F7;
  width: 913px;
  height: 77px;
  margin-top: 17px; }

.assignments___selectedSubjectName___t8ode {
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: 9px;
  margin-top: 1px; }

.assignments___box___2V6kt {
  background: #FFFFFF;
  /* opacity: 0.5; */
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  flex-flow: row;
  display: flex;
  height: auto;
  width: max-content;
  padding: 10px;
  margin-left: 25px;
  margin-top: 17px; }

.assignments___checkBox___3mHQR {
  position: relative;
  right: -7px;
  top: 2px;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.assignments___ellipse___3FopE {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.assignments___vector___2PzMX {
  width: 13px;
  position: absolute;
  right: 4px;
  top: 8px;
  height: 9px; }

.assignments___checkBox2___w78WQ {
  position: relative;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.assignments___ellipse2___3nc5n {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.assignments___vector2___2d1rP {
  width: 13px;
  position: absolute;
  right: 5px;
  top: 9px;
  height: 9px; }

.assignments___scrollbar___1eNV8 {
  height: 25em;
  overflow-y: scroll; }

.assignments___scrollbar___1eNV8::-webkit-scrollbar {
  width: .4em; }

.assignments___scrollbar___1eNV8::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.assignments___mainContent___3VCp8 {
  position: absolute;
  top: 195px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.assignments___horizontalRule___2BDOr {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.assignments___resetButton___1oq2U {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.assignments___scrapeSection___2owiQ {
  text-decoration: none;
  color: #010430;
  display: flex;
  flex-flow: column; }

.assignments___scrapeTopSection___2-DJP {
  margin-bottom: 21.47px;
  background: #F2F3F7;
  border-radius: 0px 0px 3px 3px; }

.assignments___scrapeName___2fAQY {
  margin-left: 20.02px;
  padding-top: 9.87px;
  font-weight: 500;
  font-size: 13px; }

.assignments___scrapeTitle___1YvYz {
  margin-left: 20.02px;
  margin-top: 8.68px;
  font-weight: 600;
  font-size: 15px; }

.assignments___scrapeDescription___2RyHL {
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  margin-left: 20.02px;
  margin-top: 3px;
  padding-bottom: 10px; }

.assignments___scrapeImage___2TzPe {
  height: 214.44px;
  object-fit: cover; }

.study-materials___filterContainer___E7jWn {
  background: #ffff;
  height: 94px;
  margin-left: 15px;
  margin-top: 20px;
  width: 659px;
  flex-flow: column;
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

.study-materials___filterIcon___2YTwe {
  width: 31.98px;
  height: 31.98px;
  margin-top: 38.55px;
  margin-left: 38.44px;
  cursor: pointer; }

.study-materials___displayText___3toCF:hover {
  cursor: pointer;
  text-decoration: underline; }

.study-materials___displayText___3toCF {
  margin-left: 5px; }

.study-materials___filterText___3_g3b {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-left: 38px;
  margin-top: 9px;
  color: #1F314A; }

.study-materials___listContainer___2HkNi {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-top: 19px;
  flex-flow: column;
  align-self: center;
  /* flex-flow: column; */
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto; }

@media screen and (min-width: 1401px) {
  .study-materials___selecSubjectContainer___xRS7s {
    background: #F2F3F7;
    width: 913px;
    height: 77px;
    margin-top: 17px; } }

.study-materials___subjectName___Xu_VX {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  margin-bottom: 12px; }

.study-materials___postBY___35-iq {
  font-size: 13px;
  line-height: 16px;
  color: #1F314A;
  opacity: 0.7;
  margin-left: 31px;
  margin-top: 19px; }

.study-materials___postedPersonName___1l5QZ {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-top: 18px; }

.study-materials___textStyle___2shNy {
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  word-break: break-all; }

.study-materials___textStyle___2shNy span:hover {
  cursor: pointer;
  text-decoration: underline; }

.study-materials___goToPost___1BEHX {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #717C8A;
  margin-top: 18px; }

.study-materials___fileContainer___218te {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.study-materials___alternateAvatar___3gdY8 {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.study-materials___avatar___aCUKB {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover;
  border: 1px solid #eeebeb; }

.study-materials___forwardIcon___ynmXL {
  height: 20px;
  width: 33px;
  margin-left: 12px;
  margin-top: 16px; }

.study-materials___filterHeaderText___3jU-B {
  color: #010430;
  opacity: 0.7;
  margin-top: 12px;
  margin-left: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px; }

.study-materials___filterInput___1ADbS {
  width: 593px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 20px;
  background: #F4F4F4; }

.study-materials___inputMainContainer___1E2LC {
  display: flex;
  background: #F4F4F4;
  height: 38px;
  width: 524px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 25px; }

.study-materials___makePost___3A-5Z {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  opacity: 0.6;
  margin-top: 11px;
  margin-left: 20px; }

.study-materials___imageStyle___ChhVf {
  height: 27px;
  width: 35.59px;
  margin-left: 15px;
  margin-top: 15px; }

.study-materials___docStyle___11QF9 {
  height: 27px;
  width: 34.67px;
  margin-left: 11.41px;
  margin-top: 15px;
  margin-right: 13.64px; }

.study-materials___fileName___2oTwo {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #227DF9;
  margin-left: 116px;
  margin-top: 25px; }

.study-materials___singleImage___2C_HS {
  width: 62px;
  margin-left: 50px;
  position: absolute;
  margin-top: 12px;
  height: 77px; }

.study-materials___attachmentSubjectName___kfYNH {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  margin-left: 116px;
  margin-top: 2px; }

.study-materials___dueDate___1QUmd {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: 116px;
  margin-top: 7px; }

.study-materials___download___OEbHI {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  cursor: pointer; }

.study-materials___save___2f02I {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #1F314A;
  margin-left: 6px; }

.study-materials___fileContainer2___1X31j {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.study-materials___file1___91iZn {
  position: absolute;
  height: 65px;
  margin-left: 50px;
  width: 55px;
  margin-top: 13px;
  border-radius: 11px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.study-materials___file2___3fX9y {
  position: absolute;
  height: 61px;
  margin-left: 54px;
  width: 55px;
  margin-top: 12px;
  border-radius: 11px;
  border: 1px solid #f7f7f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.study-materials___multipleFilestyle___3i73E {
  width: 55px;
  margin-left: 58px;
  position: absolute;
  margin-top: 9px;
  border-left: 1px;
  height: 61px;
  border-radius: 8px;
  border-left: 1px solid #f7f7f8;
  border-bottom: 1px solid #f7f7f8; }

.study-materials___numberOfAttachments___2gbbB {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  background: #010430;
  opacity: 0.5;
  margin-left: auto;
  margin-right: 62px; }

.study-materials___numberText___3J1cA {
  font-size: 15px;
  color: #ffff;
  line-height: 32px; }

.study-materials___modalFilterText___31__h {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  color: #000000;
  margin-left: 27px; }

.study-materials___searchModalText___nIvs7 {
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 7px;
  margin-left: 27px; }

.study-materials___separator___1iHj2 {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: 14px; }

.study-materials___modalSubjectName___IEwAT {
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 38px; }

.study-materials___checkboxAlign___3OH0c {
  margin-left: auto;
  margin-top: 9px;
  position: absolute;
  right: 40px; }

.study-materials___modalsubjectContainer___21YpJ {
  height: 46px;
  width: 450px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.study-materials___doneButton___2I1EV {
  background: #1BCC63;
  border-radius: 5px;
  margin-left: auto;
  color: #fff;
  height: 18px;
  width: 86px;
  margin-right: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: pointer; }

.study-materials___modalsubjectContainer1___XfnBy {
  height: 46px;
  width: 450px; }

.study-materials___separator2___xdkfH {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: -3px; }

.study-materials___minusIcon___3fmT2 {
  height: 20px;
  width: 20px;
  cursor: pointer; }

.study-materials___selectedSubjectContainer___2p-Cm {
  background: #F2F3F7;
  width: 913px;
  height: 77px;
  margin-top: 17px; }

.study-materials___selectedSubjectName___3QVGv {
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: 9px;
  margin-top: 1px; }

.study-materials___box___KQVzN {
  background: #FFFFFF;
  /* opacity: 0.5; */
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  flex-flow: row;
  display: flex;
  height: auto;
  width: max-content;
  padding: 10px;
  margin-left: 25px;
  margin-top: 17px; }

.study-materials___checkBox___2qLkB {
  position: relative;
  right: -7px;
  top: 2px;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.study-materials___ellipse___1FNzz {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.study-materials___vector___2rm5w {
  width: 13px;
  position: absolute;
  right: 4px;
  top: 8px;
  height: 9px; }

.study-materials___checkBox2___3kUvL {
  position: relative;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.study-materials___ellipse2___18-rt {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.study-materials___vector2___3vQTZ {
  width: 13px;
  position: absolute;
  right: 5px;
  top: 9px;
  height: 9px; }

.study-materials___scrollbar___1mii5 {
  height: 25em;
  overflow-y: scroll; }

.study-materials___scrollbar___1mii5::-webkit-scrollbar {
  width: .4em; }

.study-materials___scrollbar___1mii5::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.study-materials___mainContent___3YssS {
  position: absolute;
  top: 195px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.study-materials___horizontalRule___3ShO7 {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.study-materials___resetButton___2SXUV {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.study-materials___scrapeSection___1ABJG {
  text-decoration: none;
  color: #010430;
  display: flex;
  flex-flow: column; }

.study-materials___scrapeTopSection___3IVsN {
  margin-bottom: 21.47px;
  background: #F2F3F7;
  border-radius: 0px 0px 3px 3px; }

.study-materials___scrapeName___3ZQTw {
  margin-left: 20.02px;
  padding-top: 9.87px;
  font-weight: 500;
  font-size: 13px; }

.study-materials___scrapeTitle___2ZF96 {
  margin-left: 20.02px;
  margin-top: 8.68px;
  font-weight: 600;
  font-size: 15px; }

.study-materials___scrapeDescription___2zh-m {
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  margin-left: 20.02px;
  margin-top: 3px;
  padding-bottom: 10px; }

.study-materials___scrapeImage___3oPAE {
  height: 214.44px;
  object-fit: cover; }

.live-streaming___filterContainer___3_JeL {
  background: #ffff;
  height: 94px;
  margin-left: 15px;
  margin-top: 20px;
  width: 659px;
  flex-flow: column;
  display: flex;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

.live-streaming___filterIcon___1tnLD {
  width: 31.98px;
  height: 31.98px;
  margin-top: 38.55px;
  margin-left: 38.44px;
  cursor: pointer; }

.live-streaming___displayText___2-TyZ:hover {
  cursor: pointer;
  text-decoration: underline; }

.live-streaming___displayText___2-TyZ {
  margin-left: 5px; }

.live-streaming___filterText___ZwAXb {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-left: 38px;
  margin-top: 9px;
  color: #1F314A; }

.live-streaming___listContainer___2w1n9 {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-top: 19px;
  flex-flow: column;
  align-self: center;
  /* flex-flow: column; */
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto; }

@media screen and (min-width: 1401px) {
  .live-streaming___selecSubjectContainer___8sqEm {
    background: #F2F3F7;
    width: 913px;
    height: 77px;
    margin-top: 17px; } }

.live-streaming___subjectName___3iP-Z {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  margin-bottom: 12px; }

.live-streaming___postBY___1s_g2 {
  font-size: 13px;
  line-height: 16px;
  color: #1F314A;
  opacity: 0.7;
  margin-left: 31px;
  margin-top: 19px; }

.live-streaming___postedPersonName___2Twlf {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-top: 18px; }

.live-streaming___textStyle___26AqE {
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  margin-left: 31px;
  margin-top: 12px;
  word-break: break-all; }

.live-streaming___textStyle___26AqE span:hover {
  cursor: pointer;
  text-decoration: underline; }

.live-streaming___goToPost___1aCD- {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #717C8A;
  margin-top: 18px; }

.live-streaming___fileContainer___1wFQg {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.live-streaming___alternateAvatar___1HKrK {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.live-streaming___avatar___29mM2 {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover;
  border: 1px solid #eeebeb; }

.live-streaming___forwardIcon___kGnT3 {
  height: 20px;
  width: 33px;
  margin-left: 12px;
  margin-top: 16px; }

.live-streaming___filterHeaderText___ZH96L {
  color: #010430;
  opacity: 0.7;
  margin-top: 12px;
  margin-left: 25px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px; }

.live-streaming___filterInput___3Pgx5 {
  width: 593px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 20px;
  background: #F4F4F4; }

.live-streaming___inputMainContainer___8q_eW {
  display: flex;
  background: #F4F4F4;
  height: 38px;
  width: 524px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 25px; }

.live-streaming___makePost___2Uixx {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  opacity: 0.6;
  margin-top: 11px;
  margin-left: 20px; }

.live-streaming___imageStyle___JgOxE {
  height: 27px;
  width: 35.59px;
  margin-left: 15px;
  margin-top: 15px; }

.live-streaming___docStyle___zvxB9 {
  height: 27px;
  width: 34.67px;
  margin-left: 11.41px;
  margin-top: 15px;
  margin-right: 13.64px; }

.live-streaming___fileName___2I5kF {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #227DF9;
  margin-left: 116px;
  margin-top: 25px; }

.live-streaming___singleImage___2Feg7 {
  width: 62px;
  margin-left: 50px;
  position: absolute;
  margin-top: 12px;
  height: 77px; }

.live-streaming___attachmentSubjectName___1ro-Y {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  margin-left: 116px;
  margin-top: 2px; }

.live-streaming___dueDate___WK-FQ {
  font-size: 14px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: 116px;
  margin-top: 7px; }

.live-streaming___download___fbmwr {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  cursor: pointer; }

.live-streaming___save___1IX11 {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #1F314A;
  margin-left: 6px; }

.live-streaming___fileContainer2___1Sbta {
  flex-flow: row;
  display: flex;
  background: #F0F0F0;
  height: 106px;
  margin-top: 16px; }

.live-streaming___file1___3m-Qm {
  position: absolute;
  height: 65px;
  margin-left: 50px;
  width: 55px;
  margin-top: 13px;
  border-radius: 11px;
  border: 1px solid rgba(240, 240, 240, 0.8);
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.live-streaming___file2___2fDmn {
  position: absolute;
  height: 61px;
  margin-left: 54px;
  width: 55px;
  margin-top: 12px;
  border-radius: 11px;
  border: 1px solid #f7f7f8;
  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.55); }

.live-streaming___multipleFilestyle___3vsdD {
  width: 55px;
  margin-left: 58px;
  position: absolute;
  margin-top: 9px;
  border-left: 1px;
  height: 61px;
  border-radius: 8px;
  border-left: 1px solid #f7f7f8;
  border-bottom: 1px solid #f7f7f8; }

.live-streaming___numberOfAttachments___2I1-3 {
  width: 30px;
  height: 30px;
  border: 1px solid black;
  border-radius: 19px;
  margin-top: 13px;
  background: #010430;
  opacity: 0.5;
  margin-left: auto;
  margin-right: 62px; }

.live-streaming___numberText___3WVIJ {
  font-size: 15px;
  color: #ffff;
  line-height: 32px; }

.live-streaming___modalFilterText___KAYRR {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  margin-top: 14px;
  color: #000000;
  margin-left: 27px; }

.live-streaming___searchModalText___3OZnY {
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 7px;
  margin-left: 27px; }

.live-streaming___separator___1lq2u {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: 14px; }

.live-streaming___modalSubjectName___3KdRW {
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 38px; }

.live-streaming___checkboxAlign___2sdfd {
  margin-left: auto;
  margin-top: 9px;
  position: absolute;
  right: 40px; }

.live-streaming___modalsubjectContainer___206LS {
  height: 46px;
  width: 450px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.live-streaming___doneButton___1ncmT {
  background: #1BCC63;
  border-radius: 5px;
  margin-left: auto;
  color: #fff;
  height: 18px;
  width: 86px;
  margin-right: 20px;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: pointer; }

.live-streaming___modalsubjectContainer1___2Oknr {
  height: 46px;
  width: 450px; }

.live-streaming___separator2___VGyO8 {
  opacity: 0.1;
  border: 1px solid #1F314A;
  background: rgba(1, 4, 30, 0.8);
  margin-top: -3px; }

.live-streaming___minusIcon___2pK7- {
  height: 20px;
  width: 20px;
  cursor: pointer; }

.live-streaming___selectedSubjectContainer___8yUtx {
  background: #F2F3F7;
  width: 913px;
  height: 77px;
  margin-top: 17px; }

.live-streaming___selectedSubjectName___38aBG {
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: 9px;
  margin-top: 1px; }

.live-streaming___box___3qtqK {
  background: #FFFFFF;
  /* opacity: 0.5; */
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  flex-flow: row;
  display: flex;
  height: auto;
  width: max-content;
  padding: 10px;
  margin-left: 25px;
  margin-top: 17px; }

.live-streaming___checkBox___2Z0_I {
  position: relative;
  right: -7px;
  top: 2px;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.live-streaming___ellipse___19AWD {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.live-streaming___vector___3ry2P {
  width: 13px;
  position: absolute;
  right: 4px;
  top: 8px;
  height: 9px; }

.live-streaming___checkBox2___1QZq_ {
  position: relative;
  background: center;
  width: 32px;
  height: 24px;
  border-radius: 25px;
  z-index: 100;
  opacity: 0;
  cursor: pointer; }

.live-streaming___ellipse2___3NQUA {
  width: 22px;
  height: 22px;
  position: absolute;
  margin-top: 2px;
  right: 0;
  border-radius: 25px; }

.live-streaming___vector2___3wbnF {
  width: 13px;
  position: absolute;
  right: 5px;
  top: 9px;
  height: 9px; }

.live-streaming___scrollbar___3cLvM {
  height: 25em;
  overflow-y: scroll; }

.live-streaming___scrollbar___3cLvM::-webkit-scrollbar {
  width: .4em; }

.live-streaming___scrollbar___3cLvM::-webkit-scrollbar-thumb {
  border-radius: 1.3em;
  -webkit-box-shadow: inset 0 0 0.4em rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.live-streaming___mainContent___3Iq0D {
  position: absolute;
  top: 195px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.live-streaming___horizontalRule___39n1- {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.live-streaming___resetButton___spRf- {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.live-streaming___meetingContentText___10vMY {
  text-transform: capitalize;
  font-weight: 600;
  color: #010430;
  font-size: 18px;
  margin-top: 8px;
  display: flex; }

.live-streaming___joinButton___1MT4S {
  height: 31px;
  width: 96px;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  margin-left: auto; }

.live-streaming___meetingTime___QNW9c {
  font-size: 10px;
  color: #86868B; }

.live-streaming___textContainer___3S61v p {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  margin-left: 31px; }

.live-streaming___classText___3Ssaf {
  min-height: 25px;
  font-size: 18px;
  padding-top: 15px; }

.live-streaming___singleImageContainer___2a7Ve {
  max-height: 380px;
  margin: 13px;
  border-radius: 5px;
  align-self: center;
  cursor: pointer;
  position: relative; }

.live-streaming___singleImageVideo___1-25h {
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  max-height: 380px;
  object-fit: cover; }

.notification-page___mainComponent___FnZjx {
  position: fixed;
  background: #fff;
  left: 0;
  right: 263px;
  bottom: 0;
  top: 53px;
  border-radius: 0px 3px 0px 0px; }

.notification-page___headerComponent___1heUk {
  height: 56px;
  border-bottom: 0.5px solid #F1F1F5;
  line-height: 56px;
  padding-left: 60px;
  font-weight: 600;
  font-size: 18px; }

.notification-page___notificationContainer___2I41L {
  position: relative;
  display: flex;
  margin-left: 60px;
  margin-right: 31px;
  margin-bottom: 10px;
  min-height: 60px;
  background: #F9F9F9;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  cursor: pointer; }

.notification-page___notificationContainer___2I41L:hover {
  background: #EEEBEB;
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.notification-page___bottomComponent___2GyrA {
  position: absolute;
  left: 0;
  right: 0;
  top: 57px;
  bottom: 0;
  padding-top: 15px;
  display: flex;
  flex-flow: column; }

.notification-page___avatarImage___2qHbc {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 35px;
  object-fit: cover;
  margin-left: 20px;
  margin-top: 12px; }

.notification-page___nameAndTimeContainer___RzDgj {
  display: flex;
  flex-flow: column;
  margin-left: 15px;
  margin-top: 12px;
  z-index: 100; }

.notification-page___creatorName___1Y-oz {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px; }

.notification-page___creatorName___1Y-oz:hover {
  color: #227DF9;
  text-decoration: underline; }

.notification-page___dateAndTime___1kuUc {
  color: #010430;
  opacity: 0.5;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  height: fit-content;
  margin-top: auto;
  margin-bottom: 10px;
  margin-right: 20px; }

.notification-page___notificationElement___1iCm9 {
  font-weight: 500;
  font-size: 13px;
  color: #010430;
  margin: auto;
  margin-top: 12px;
  margin-bottom: 13px;
  margin-left: 40px;
  height: fit-content;
  align-self: center; }

.notification-page___moreIcon___11u0V {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  margin-top: 5px; }

.notification-page___moreIconHover___3l2TD {
  position: absolute;
  display: none;
  width: 34px;
  height: 34px;
  right: 11px;
  top: 10px;
  cursor: pointer;
  border-radius: 50%; }

.notification-page___moreIconHover___3l2TD:hover {
  background: #f1f1f5; }

.notification-page___notificationContainer___2I41L:hover .notification-page___moreIconHover___3l2TD {
  display: block; }

.notification-page___clickComponent___2QyW0 {
  position: absolute;
  width: 100%;
  height: 100%; }

.notification-page___leftCardHeader___goMNq {
  position: absolute;
  top: 0;
  bottom: 0; }

.attendance___mainCard___3rG9n {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .attendance___mainCard___3rG9n {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .attendance___mainCard___3rG9n {
    width: 913px; } }

.attendance___header___28Q4k {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.attendance___components___15xTy {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.attendance___sectionName___3E9pM {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.class-item-header___mainCard___13YrZ {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .class-item-header___mainCard___13YrZ {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .class-item-header___mainCard___13YrZ {
    width: 913px; } }

.class-item-header___header___1Oyqt {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.class-item-header___components___3eW2G {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.class-item-header___className___3IV78 {
  display: flex;
  padding: 20px;
  font-weight: 600;
  font-size: 22px;
  padding-top: 1px;
  padding-left: 50px; }

.class-item-header___sectionName___yXfL8 {
  font-weight: 500;
  font-size: 10px;
  line-height: 32px;
  color: #010430;
  opacity: 0.6;
  margin-left: 6px; }

.class-item-header___navigationContainer___bXdx- {
  display: flex;
  margin-left: 37px;
  margin-top: 18px;
  margin-bottom: 4px;
  cursor: pointer; }

.class-item-header___backNavigation___1S4Ch {
  width: 10px;
  height: 7px; }

.class-item-header___backText___3RE6M {
  font-weight: 500;
  font-size: 10px;
  line-height: 7px;
  color: #010430;
  opacity: 0.6;
  margin-left: 5px; }

.class-item-header___navigationContainer___bXdx-:hover .class-item-header___backText___3RE6M {
  text-decoration: underline;
  color: #227DF9; }

.attendance-statistics___mainContainer___2J7Ud {
  position: absolute;
  top: 70px;
  bottom: 0; }

.attendance-statistics___headerContainer___1YAjR {
  display: flex;
  height: 70px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.attendance-statistics___leftArrow___2TulV {
  width: 6.96px;
  height: 14.58px;
  margin-left: 17px;
  margin-top: 28px;
  cursor: pointer; }

.attendance-statistics___monthName___7HXXi {
  margin: 15px;
  margin-top: 25px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  opacity: 0.8; }

.attendance-statistics___heldText___1O7ng {
  display: flex;
  margin-left: 47px;
  margin-top: 24px; }

.attendance-statistics___totalClassHeldText___-mFgJ {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #010430;
  opacity: 0.8;
  letter-spacing: 0.116667px; }

.attendance-statistics___totalClassHeldCount___3wqRh {
  color: #010430;
  letter-spacing: 0.116667px;
  font-weight: bold;
  font-size: 25px;
  line-height: 23px;
  margin-left: 5px; }

.top-head-chart___circleContainer___1aO1O {
  width: 102px; }

.top-head-chart___maxCountText___1-aKl {
  margin-left: 20px;
  max-width: 91px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  opacity: 0.7;
  letter-spacing: 0.116667px;
  margin-top: 21px; }

.top-head-chart___topContainer___D_MQH {
  display: flex;
  margin-top: 30px;
  padding-bottom: 39px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 20px;
  margin-right: 20px; }

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

 .CircularProgressbar {
    /*
     * This fixes an issue where the CircularProgressbar svg has
     * 0 width inside a "display: flex" container, and thus not visible.
     */
    width: 100%;
    /*
     * This fixes a centering issue with CircularProgressbarWithChildren:
     * https://github.com/kevinsqi/react-circular-progressbar/issues/94
     */
    vertical-align: middle;
  }
  
  .CircularProgressbar .CircularProgressbar-path {
    stroke: #3e98c7;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.5s ease 0s;
  }
  
  .CircularProgressbar .CircularProgressbar-trail {
    stroke: #d6d6d6;
    /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
    stroke-linecap: round;
  }
  
  .CircularProgressbar .CircularProgressbar-text {
    fill: #3e98c7;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle;
    font-weight: 600;
  }
  
  .CircularProgressbar .CircularProgressbar-background {
    fill: #d6d6d6;
  }
  
  /*
   * Sample background styles. Use these with e.g.:
   *
   *   <CircularProgressbar
   *     className="CircularProgressbar-inverted"
   *     background
   *     percentage={50}
   *   />
   */
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
    fill: #3e98c7;
  }
  
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
    fill: #fff;
  }
  
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
    stroke: #fff;
  }
  
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
    stroke: transparent;
  }
.bottom-bar-graph___averageAttendance___30Ci4 {
  color: #010430;
  opacity: 0.5;
  letter-spacing: 0.116667px;
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  margin-left: 47px;
  margin-top: 15px;
  margin-bottom: 15.5px; }

.bottom-bar-graph___sessionText___3mY4F {
  margin-top: 12px;
  margin-left: 47px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0.116667px;
  color: #010430; }

.update-attendance___markComponent___1J1Gp {
  width: 540px;
  height: 56px;
  line-height: 56px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.2px;
  color: #227DF9;
  background: rgba(34, 125, 249, 0.1);
  border: 1px solid #227DF9;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  margin: auto;
  margin-top: 14px;
  cursor: pointer; }

.calendar-component___rightArrow___3cMKv {
  width: 50px;
  height: 197px;
  position: absolute;
  right: -80px;
  top: 50px;
  background: #F2F3F7;
  border: none;
  cursor: pointer; }

.calendar-component___leftArrow___3bKD2 {
  width: 50px;
  height: 197px;
  position: absolute;
  left: -80px;
  top: 50px;
  background: #F2F3F7;
  border: none;
  cursor: pointer; }

.calendar-component___marked___2trTC {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #227DF9;
  align-self: center; }

.calendar-component___unmarked___1OApE {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #FF3653;
  align-self: center; }

.calendar-component___cellItem___9Ptt0 {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: column;
  padding-top: 4px;
  line-height: 20px; }

.calendar-component___cellItem___9Ptt0:hover {
  background: #f0f0f0; }

.calendar-component___cellItemSelected___3Cvsh {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: column;
  padding-top: 4px;
  line-height: 20px;
  background: rgba(34, 125, 249, 0.1);
  border: 1px solid #227DF9;
  color: #227DF9; }

.calendar-component___cellItemNew___12q-c {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px; }

.calendar-component___cellItemNewSelected___2PILz {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px;
  background: rgba(34, 125, 249, 0.1);
  border: 1px solid #227DF9;
  color: #227DF9; }

.calendar-component___cellItemNew___12q-c:hover {
  background: #f0f0f0; }

.calendar-component___attendance___dbMxV {
  border-radius: 0;
  background-color: #fff; }

.calendar-component___attendance___dbMxV:hover {
  border-radius: 0;
  background-color: #fff; }

.calendar-component___weekHeader___saXVy {
  display: flex;
  position: absolute;
  width: 100%;
  height: 37px;
  background: #fff;
  top: 54px; }

.calendar-component___dayNameHeading___3BLid {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.2px;
  margin: auto; }

.calendar-component___leftArrowImage___3yjx6 {
  width: 12.04px;
  height: 25px; }

.calendar-component___monthSelect___19XOl {
  border-radius: 2px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  /* width: 110px; */
  height: 31px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: rgba(1, 4, 30, 0.8); }

.calendar-component___yearSelect___1CnoR {
  width: 87px;
  height: 31px;
  margin-left: 10px;
  border-radius: 2px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: rgba(1, 4, 30, 0.8); }

.calendar-component___removeBorder___3zNTD {
  border: none; }

.view-attendance-component___penIcon___3I-FI {
  width: 10.82px;
  height: 11.91px;
  margin-right: 5.69px;
  margin-bottom: -1px; }

.view-attendance-component___dateContainer___2WmLV {
  margin-left: 38px; }

.view-attendance-component___dateItem___1Ldow {
  margin-top: 18.5px;
  font-weight: 600;
  font-size: 22px;
  font-style: normal; }

.view-attendance-component___dayNameItem___1H5lq {
  margin-top: 4px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.2px;
  opacity: 0.8; }

.view-attendance-component___editIconContainer___3ZJfR {
  width: 140px;
  height: 36px;
  background: rgba(34, 125, 249, 0.1);
  border: 1px solid #227DF9;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 36px;
  color: #227DF9;
  letter-spacing: 0.2px;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  margin-top: 19px;
  margin-right: 59px;
  margin-left: auto;
  cursor: pointer; }

.view-attendance-component___headerContainer___16d4n {
  display: flex;
  height: 80px;
  background: #F2F3F7; }

.view-attendance-component___attendanceItemContainer___KNB5y {
  margin: 0 20px;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  display: flex;
  min-height: 73px; }

.view-attendance-component___avatar___s6MeK {
  width: 31px;
  height: 30.93px;
  border-radius: 50%;
  margin-left: 43px;
  color: #fff;
  line-height: 30.93px;
  text-align: center;
  margin-top: 21.16px; }

.view-attendance-component___rollNoContainer___2iC4X {
  width: 54px;
  margin-left: 16px;
  margin-top: 17.5px; }

.view-attendance-component___rollNoHeader___SEHZ7 {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-align: center; }

.view-attendance-component___rollNoItem___29S8S {
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #1F2028;
  opacity: 0.9;
  text-align: center; }

.view-attendance-component___nameContainer___3Rjzv {
  width: 132px;
  margin-left: 10px;
  margin-top: 19px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #1F2028;
  padding-top: 5px; }

.view-attendance-component___presentClass___2NwSK {
  margin-left: 20.5px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px; }

.view-attendance-component___absentClass___1xATO {
  margin-left: 20px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px; }

.view-attendance-component___presentClassActive___3qIJN {
  margin-left: 20.5px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  color: #1BCC63;
  background: rgba(27, 204, 99, 0.1);
  border: 1px solid #1BCC63; }

.view-attendance-component___absentClassActive___v4PnY {
  margin-left: 20px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid #FF3653;
  border-radius: 5px;
  margin-top: 22px;
  background: rgba(255, 54, 83, 0.1);
  color: #FF3653; }

.view-attendance-component___notHeldText___2yyBD {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  margin: auto;
  margin-top: 40px; }

.view-attendance-component___countItem___1iRMr {
  width: 34px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.2px;
  border: 1px solid rgba(1, 4, 48, 0.3);
  border-radius: 5px;
  margin-left: 16px;
  margin-top: 12px;
  text-align: center; }

.view-attendance-component___countStudentText___1P6aU {
  width: 49px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  margin-top: 12px; }

.view-attendance-component___studentStatisticsCount___KLVWg {
  display: flex;
  height: 54px;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.edit-attendance___markAttendanceHead___1YEaL {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: #010430;
  margin-top: 15.5px;
  margin-left: 30px; }

.edit-attendance___classBottomText___1HFXI {
  margin-left: 30px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430; }

.edit-attendance___dateDayHeader___1dHhs {
  display: flex;
  height: 43px;
  margin-top: 12.5px;
  background: #F2F3F7; }

.edit-attendance___dateAndDay___2RMqM {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #010430;
  margin-top: 11px;
  margin-left: 39px; }

.edit-attendance___dayName___3BTZX {
  margin-left: 5px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.8;
  margin-top: 19px; }

.edit-attendance___attendanceItemContainer___2sHAe {
  margin: 0 20px;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  display: flex;
  min-height: 73px; }

.edit-attendance___avatar___3HoZ6 {
  width: 31px;
  height: 30.93px;
  border-radius: 50%;
  margin-left: 43px;
  color: #fff;
  line-height: 30.93px;
  text-align: center;
  margin-top: 21.16px; }

.edit-attendance___rollNoContainer___3jjHJ {
  width: 54px;
  margin-left: 16px;
  margin-top: 17.5px; }

.edit-attendance___rollNoHeader___3kBmk {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-align: center; }

.edit-attendance___rollNoItem___2ZfTx {
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #1F2028;
  opacity: 0.9;
  text-align: center; }

.edit-attendance___nameContainer___20cXq {
  width: 132px;
  margin-left: 10px;
  margin-top: 19px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #1F2028;
  padding-top: 5px; }

.edit-attendance___presentClass___1mpRN {
  margin-left: 20.5px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  cursor: pointer; }

.edit-attendance___absentClass___2xN3Y {
  margin-left: 20px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  cursor: pointer; }

.edit-attendance___presentClassActive___2SkGv {
  margin-left: 20.5px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  color: #1BCC63;
  background: rgba(27, 204, 99, 0.1);
  border: 1px solid #1BCC63;
  cursor: pointer; }

.edit-attendance___absentClassActive___1S_XJ {
  margin-left: 20px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid #FF3653;
  border-radius: 5px;
  margin-top: 22px;
  background: rgba(255, 54, 83, 0.1);
  color: #FF3653;
  cursor: pointer; }

.edit-attendance___headerContainer___2Xh2c {
  display: flex;
  border-top: 1px solid rgba(1, 4, 30, 0.1);
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.edit-attendance___notHeldComponent___2Beno {
  width: 140px;
  height: 36px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer; }

.edit-attendance___allStudentPresent___2an9A {
  width: 163px;
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 30px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer; }

.edit-attendance___allStudentPresentActive___2EihJ {
  width: 163px;
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 30px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  color: #1BCC63;
  background: rgba(27, 204, 99, 0.1);
  border: 1px solid #1BCC63; }

.edit-attendance___saveButton___3apcQ {
  width: 450px;
  height: 41px;
  text-align: center;
  background: #1BCC63;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 18px;
  margin: auto;
  line-height: 41px;
  cursor: pointer; }

.edit-attendance___saveButtonContainer___23ilD {
  border-top: 1px solid rgba(1, 4, 30, 0.1);
  margin-top: auto;
  height: 81px;
  display: flex;
  flex-flow: column; }

.edit-attendance___studentStatisticsCount___uoFYH {
  display: flex;
  height: 54px; }

.edit-attendance___countStudentText___VoYjn {
  width: 49px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  margin-top: 12px; }

.edit-attendance___countItem___1Oihp {
  width: 34px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.2px;
  border: 1px solid rgba(1, 4, 48, 0.3);
  border-radius: 5px;
  margin-left: 16px;
  margin-top: 12px;
  text-align: center; }

.edit-attendance___warningText___YnqOB {
  font-size: 10px;
  color: #FF3653;
  margin-left: 50px;
  margin-top: 5px;
  line-height: 10px; }

.mark-attendance___markAttendanceHead___WGXt1 {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.2px;
  color: #010430;
  margin-top: 15.5px;
  margin-left: 30px; }

.mark-attendance___classBottomText___X7lDe {
  margin-left: 30px;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430; }

.mark-attendance___dateDayHeader___3falJ {
  display: flex;
  height: 43px;
  margin-top: 12.5px;
  background: #F2F3F7; }

.mark-attendance___dateAndDay___EfQP4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.2px;
  color: #010430;
  margin-top: 11px;
  margin-left: 39px; }

.mark-attendance___dayName___1_ZeB {
  margin-left: 5px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.8;
  margin-top: 19px; }

.mark-attendance___attendanceItemContainer___A9_P_ {
  margin: 0 20px;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  display: flex;
  min-height: 73px; }

.mark-attendance___avatar___2nYYr {
  width: 31px;
  height: 30.93px;
  border-radius: 50%;
  margin-left: 43px;
  color: #fff;
  line-height: 30.93px;
  text-align: center;
  margin-top: 21.16px; }

.mark-attendance___rollNoContainer___2O0hl {
  width: 54px;
  margin-left: 16px;
  margin-top: 17.5px; }

.mark-attendance___rollNoHeader___1dlHm {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-align: center; }

.mark-attendance___rollNoItem___384ZJ {
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #1F2028;
  opacity: 0.9;
  text-align: center; }

.mark-attendance___nameContainer___1IMKd {
  width: 132px;
  margin-left: 10px;
  margin-top: 19px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #1F2028;
  padding-top: 5px; }

.mark-attendance___presentClass___3-M8V {
  margin-left: 20.5px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  cursor: pointer; }

.mark-attendance___absentClass___1J7Sx {
  margin-left: 20px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  cursor: pointer; }

.mark-attendance___presentClassActive___1EqT0 {
  margin-left: 20.5px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 30, 0.2);
  border-radius: 5px;
  margin-top: 22px;
  color: #1BCC63;
  background: rgba(27, 204, 99, 0.1);
  border: 1px solid #1BCC63;
  cursor: pointer; }

.mark-attendance___absentClassActive___3HW97 {
  margin-left: 20px;
  width: 77px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  border: 1px solid #FF3653;
  border-radius: 5px;
  margin-top: 22px;
  background: rgba(255, 54, 83, 0.1);
  color: #FF3653;
  cursor: pointer; }

.mark-attendance___headerContainer___1Cz1Q {
  display: flex;
  border-top: 1px solid rgba(1, 4, 30, 0.1);
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.mark-attendance___notHeldComponent___1cEYU {
  width: 140px;
  height: 36px;
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer; }

.mark-attendance___allStudentPresent___119lH {
  width: 163px;
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 30px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer; }

.mark-attendance___saveButton___29Dkt {
  width: 450px;
  height: 41px;
  text-align: center;
  background: #1BCC63;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 18px;
  margin: auto;
  line-height: 41px;
  cursor: pointer; }

.mark-attendance___saveButtonContainer___29U41 {
  border-top: 1px solid rgba(1, 4, 30, 0.1);
  margin-top: auto;
  height: 81px;
  display: flex;
  flex-flow: column; }

.mark-attendance___studentStatisticsCount___m3ztw {
  display: flex;
  height: 54px; }

.mark-attendance___countStudentText___3AC9I {
  width: 49px;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  margin-top: 12px; }

.mark-attendance___countItem___2ijpw {
  width: 34px;
  height: 30px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.2px;
  border: 1px solid rgba(1, 4, 48, 0.3);
  border-radius: 5px;
  margin-left: 16px;
  margin-top: 12px;
  text-align: center; }

.mark-attendance___warningText___in2Ui {
  font-size: 10px;
  color: #FF3653;
  margin-left: 50px;
  margin-top: 5px;
  line-height: 10px; }

.mark-attendance___allStudentPresentActive___1XD6v {
  width: 163px;
  height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 30px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
  color: #1BCC63;
  background: rgba(27, 204, 99, 0.1);
  border: 1px solid #1BCC63; }

.mark-attendance___noStudentsText___3ERw7 {
  font-size: 18px;
  font-weight: 600;
  margin: auto; }

.classes___mainCard___1lgL5 {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .classes___mainCard___1lgL5 {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .classes___mainCard___1lgL5 {
    width: 913px; } }

.classes___header___8ytzl {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.classes___components___3HTJh {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.classes___sectionName___2j_x- {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.classes___createIconContainer___13pGC {
  width: 120px;
  height: 40px;
  background: #227DF9;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  position: absolute;
  top: 15px;
  right: 30px;
  display: flex;
  cursor: pointer; }

.classes___plusIcon___1NLVN {
  width: 22px;
  height: 22px;
  margin-left: 18px;
  margin-top: 9px; }

.classes___createIcon___27YNi {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  margin-left: 13px;
  line-height: 40px; }


.class-item-header___mainCard___2n8nH {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .class-item-header___mainCard___2n8nH {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .class-item-header___mainCard___2n8nH {
    width: 913px; } }

.class-item-header___header___3PVRq {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.class-item-header___components___2R0AB {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.class-item-header___className___1tiuB {
  display: flex;
  padding: 20px;
  font-weight: 600;
  font-size: 22px;
  padding-top: 1px;
  padding-left: 50px;
  max-width: 280px; }

.class-item-header___sectionName___2kN_e {
  font-weight: 500;
  font-size: 10px;
  line-height: 32px;
  color: #010430;
  opacity: 0.6;
  margin-left: 6px; }

.class-item-header___navigationContainer___1aC4J {
  display: flex;
  margin-left: 37px;
  margin-top: 18px;
  margin-bottom: 4px;
  cursor: pointer; }

.class-item-header___backNavigation___22hsV {
  width: 10px;
  height: 7px; }

.class-item-header___backText___3mwv3 {
  font-weight: 500;
  font-size: 10px;
  line-height: 7px;
  color: #010430;
  opacity: 0.6;
  margin-left: 5px; }

.class-item-header___navigationContainer___1aC4J:hover .class-item-header___backText___3mwv3 {
  text-decoration: underline;
  color: #227DF9; }

.class-details___topClassContainer___2IATi {
  background: #F2F3F7; }

.class-details___classTeacher___z9aWp {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #010430;
  opacity: 0.6;
  margin-left: 24px;
  margin-top: 8px; }

.class-details___classStrength___3lUpc {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #010430;
  opacity: 0.6;
  margin-left: 193px;
  margin-top: 8px; }

.class-details___classTeacherContainer___3NNOi {
  margin-left: 30px;
  margin-top: 18px;
  margin-bottom: 42px;
  display: flex; }

.class-details___avatar___1gLIP {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 22px; }

.class-details___teacherName___1fBBi {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  opacity: 0.8;
  color: #010430; }

.class-details___teacherEnrollmentId___1SFqF {
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.7; }

.class-details___tarcherDetailsContainer____C_rU {
  margin-left: 15px;
  margin-top: 17px;
  width: 200px; }

.class-details___studentsCount___39hns {
  color: #010430;
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  margin-left: 32.5px;
  margin-top: 21px;
  width: 120px;
  text-align: center; }

.class-details___bottomSubjectContainer___bW2zF {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  right: 0;
  top: 140px;
  bottom: 0; }

.class-details___subjectTeacherDetails___2xsXN {
  display: flex;
  margin-left: 20px;
  margin-top: 18px; }

.class-details___subjectItemContainer___3-Jjw {
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  width: 204px;
  height: 204px;
  margin-top: 20px;
  margin-left: 40px; }

.class-details___subjectName___9r-Mr {
  color: #010430;
  opacity: 0.8;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  padding-left: 20px;
  margin-top: 20px; }

.class-details___subjectType___GavfZ {
  color: #010430;
  opacity: 0.8;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  padding-left: 20px;
  margin-top: 15px; }

.class-details___subjectTeacherAvatar___dVq4F {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  line-height: 35px;
  text-align: center;
  color: #fff; }

.class-details___subjectTeacherDetails___2xsXN {
  display: flex;
  margin-left: 20px;
  margin-top: 18px; }

.class-details___subjectTeacherName___7gJ4O {
  color: #010430;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px; }

.class-details___subjectTeacherId___3bkM7 {
  opacity: 0.5;
  color: #010430;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal; }

.class-details___editButton___3meMg {
  display: flex;
  height: fit-content;
  margin-left: auto;
  margin-right: 65px;
  margin-top: 26px;
  cursor: pointer; }

.class-details___editPen___atJVm {
  width: 19.76px;
  height: 22.75px; }

.class-details___editIconText___yPSwK {
  color: #227DF9;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  margin-left: 13px; }

.class-details___rootContainer___ngIg- {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 0; }

.class-details___studentList___1uXZy {
  color: #227DF9;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  cursor: pointer;
  margin-left: auto;
  width: fit-content;
  margin-right: 53px;
  margin-top: 5px; }

.class-details___studentList___1uXZy:hover {
  text-decoration: underline; }

.edit-class-modal___floatingLabel___qnj7V {
  position: relative;
  margin-left: 25px;
  margin-top: 25px; }
  .edit-class-modal___floatingLabel___qnj7V label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-class-modal___floatingLabel___qnj7V input {
    outline: none;
    width: 525px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 41px;
    background: #F2F3F7;
    border: 0.5px solid #227DF9; }
  .edit-class-modal___floatingLabel___qnj7V input:not(:placeholder-shown), .edit-class-modal___floatingLabel___qnj7V input:focus {
    border: 0.5px solid rgba(1, 4, 30, 0.3); }
  .edit-class-modal___floatingLabel___qnj7V input:not(:placeholder-shown) + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .edit-class-modal___floatingLabel___qnj7V input:focus + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .edit-class-modal___floatingLabel___qnj7V input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-class-modal___floatingLabel___qnj7V input:focus {
    border-bottom: 1px solid #0062FF; }
  .edit-class-modal___floatingLabel___qnj7V .edit-class-modal___invalidMessage___DvNw- {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .edit-class-modal___floatingLabel___qnj7V input:invalid + label + .edit-class-modal___invalidMessage___DvNw- {
    display: block; }

.edit-class-modal___addHeadIcon___ZtdEe {
  width: 22px;
  height: 22px; }

.edit-class-modal___addClassHead___1J7CV {
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-left: 25px;
  margin-top: 17px; }

.edit-class-modal___addClassTagLine___2Ljj9 {
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  padding-left: 25px;
  margin-top: 3px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.edit-class-modal___selectClassName___DYkUR {
  width: 550px;
  padding-left: 25px;
  height: 41px;
  background: #F2F3F7;
  border: 0.5px solid #227DF9;
  box-sizing: border-box;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  color: #010430;
  margin-top: 20px;
  margin-left: 25px;
  line-height: 41px; }

.edit-class-modal___selectClassTeacher___P8YQe {
  width: 550px;
  min-height: 41px;
  margin-left: 25px;
  margin-top: 30px;
  background: #F2F3F7;
  border-radius: 5px;
  line-height: 41px;
  text-align: center;
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 15px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer; }

.edit-class-modal___subjectsHeadline___2oYLA {
  background: #F2F3F7;
  border-radius: 5px;
  width: 570px;
  height: 42px;
  padding-left: 30px;
  line-height: 42px;
  color: #010430;
  opacity: 0.8;
  font-weight: 600;
  font-size: 13px;
  margin-top: 20px; }

.edit-class-modal___addSubject___W6Zeu {
  display: flex;
  margin-left: 32px;
  margin-top: 20px;
  width: fit-content;
  cursor: pointer; }

.edit-class-modal___addSubjectText___1zXc8 {
  color: #227DF9;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-left: 5px; }

.edit-class-modal___saveButton___1iPI3 {
  width: 167px;
  height: 40px;
  margin-top: auto;
  margin-bottom: 14px;
  margin-left: auto;
  margin-right: 25px;
  background: #1BCC63;
  border-radius: 5px;
  border: 1px solid #0DBB54;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center; }

.edit-class-modal___classTeacherContainer___3p_VW {
  display: flex;
  width: 550px;
  /* height: 71px; */
  margin-left: 25px;
  margin-top: 21.5px;
  background: #F2F3F7;
  border: 0.5px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  padding-bottom: 5px; }

.edit-class-modal___subjectItem___mONqD {
  display: flex;
  border-top: 0.5px solid rgba(1, 4, 48, 0.2);
  margin-top: 16px; }

.edit-class-modal___subjectNameContainer___LKSxg {
  margin-top: 12px;
  margin-left: 64px; }

.edit-class-modal___subjectName___rq3dP {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  width: 100px; }

.edit-class-modal___subjectType___3cpGb {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 6px; }

.edit-class-modal___editIcon___11dI4 {
  width: 10.6px;
  height: 12.37px; }

.edit-class-modal___deleteIcon___3d-94 {
  width: 11px;
  height: 14px; }

.edit-class-modal___editContainer___bYczI {
  display: flex;
  margin-left: auto;
  margin-top: 26.3px;
  cursor: pointer; }

.edit-class-modal___editText___2j_5_ {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #227DF9;
  margin-left: 3.4px; }

.edit-class-modal___deleteContainer___2sycT {
  display: flex;
  margin-left: 19px;
  margin-top: 26.3px;
  cursor: pointer; }

.edit-class-modal___deleteText___1Sj8X {
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #FF3653;
  margin-left: 4px; }

.edit-class-modal___addSubjectButton___2P0us {
  background: #FFFFFF;
  border: 1px solid rgba(34, 125, 249, 0.8);
  box-sizing: border-box;
  border-radius: 5px;
  width: 161px;
  height: 32px;
  line-height: 32px;
  margin-right: 27.21px;
  margin-left: 139px;
  font-weight: 500;
  font-size: 12px;
  color: #227DF9;
  cursor: pointer;
  margin-top: 14.94px;
  text-align: center; }

.edit-class-modal___teacherContainer___1OkDq {
  display: flex;
  margin-left: 103px;
  margin-right: 52px; }

.edit-class-modal___avatar___3SkXZ {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  margin-top: 12.5px;
  border-radius: 50%; }

.edit-class-modal___avatarClassTeacher___ADx9y {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  margin-top: 14px;
  border-radius: 50%;
  margin-left: 30px; }

.edit-class-modal___teacherName___11xc3 {
  color: #010430;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  width: 122px; }

.edit-class-modal___staffId___1dHK- {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: 1px; }

.edit-class-modal___changeTeacherItem___2PPg- {
  color: #227DF9;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  margin-top: 3px;
  cursor: pointer; }

.edit-class-modal___changeTeacherItem___2PPg-:hover {
  text-decoration: underline; }

.edit-class-modal___classTeacherText___1imvo {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  margin-left: 25px;
  margin-top: 25px; }

.edit-class-modal___deleteStyling___3QiQR {
  cursor: pointer;
  border-radius: 5px;
  height: 40px;
  width: 167px;
  margin-left: 34.62px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  border: 1px solid rgba(1, 4, 30, 0.3);
  margin-bottom: 14px;
  color: #FF3653;
  font-weight: 600; }

.edit-class-modal___deleteStyling___3QiQR:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.select-class-teacher___addClassHead___2FCNX {
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-left: 25px;
  margin-top: 17px; }

.select-class-teacher___addClassTagLine___1GG13 {
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  padding-left: 25px;
  margin-top: 3px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.select-class-teacher___userContainer___1NkOP {
  display: flex;
  height: 73px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1);
  cursor: pointer; }

.select-class-teacher___userContainer___1NkOP:hover {
  background: #F2F3F7; }

.select-class-teacher___avatar___fD_OJ {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  line-height: 31px;
  text-align: center;
  color: #fff;
  margin-left: 35px;
  margin-top: 15px; }

.select-class-teacher___nameContainer___2A7YP {
  margin-left: 25px;
  margin-top: 15px; }

.select-class-teacher___username___2glOx {
  color: #010430;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.select-class-teacher___staffId___3_EGb {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.select-class-teacher___designation___2eKBa {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.select-class-teacher___searchBox___yG6bO {
  background: #F2F3F7;
  width: 598.77px;
  height: 50px;
  display: flex; }

.select-class-teacher___searchIcon___3Jl1N {
  width: 13.47px;
  height: 15.41px;
  margin-left: 32.48px;
  margin-top: 17.27px; }

.select-class-teacher___searchInputBox___37DnJ {
  height: 47px;
  margin-left: 10px;
  background: inherit;
  border: none;
  width: 530px;
  font-weight: normal;
  font-size: 15px; }

.select-class-teacher___emptyText___iWk62 {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.select-class-teacher___charactersCount___1lQn2 {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.select-subject-modal___addClassHead___2fH_p {
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-left: 25px;
  margin-top: 17px; }

.select-subject-modal___addClassTagLine___1-_cZ {
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  padding-left: 25px;
  margin-top: 3px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.select-subject-modal___userContainer___i-yOJ {
  display: flex;
  height: 73px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1);
  cursor: pointer; }

.select-subject-modal___userContainer___i-yOJ:hover {
  background: #F2F3F7; }

.select-subject-modal___avatar___3gfJa {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  line-height: 31px;
  text-align: center;
  color: #fff;
  margin-left: 35px;
  margin-top: 15px; }

.select-subject-modal___nameContainer___2MiDL {
  margin-left: 25px;
  margin-top: 15px; }

.select-subject-modal___username___1kJpZ {
  color: #010430;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.select-subject-modal___staffId___1Yjle {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.select-subject-modal___designation___Iaw8r {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.select-subject-modal___searchBox___1dwR3 {
  background: #F2F3F7;
  width: 598.77px;
  height: 50px;
  display: flex; }

.select-subject-modal___searchIcon___1jBXW {
  width: 13.47px;
  height: 15.41px;
  margin-left: 32.48px;
  margin-top: 17.27px; }

.select-subject-modal___searchInputBox___3bziR {
  height: 47px;
  margin-left: 10px;
  background: inherit;
  border: none;
  width: 530px;
  font-weight: normal;
  font-size: 15px; }

.select-subject-modal___arrowPicture___2HlED {
  width: 17px;
  height: 11px;
  margin-left: auto;
  margin-right: 42px; }

.select-subject-modal___subjectMatterContainer___3K-gM {
  width: 599px;
  min-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px; }

.select-subject-modal___subjectMatterContainer___3K-gM:hover {
  background: #F2F3F7; }

.select-subject-modal___saveButton___8HpI5 {
  width: 120px;
  height: 40px;
  margin-top: auto;
  margin-bottom: 54px;
  margin-left: auto;
  margin-right: 25px;
  background: #1BCC63;
  border-radius: 5px;
  border: 1px solid #0DBB54;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer; }

.select-subject-modal___containerBox___2qIPE {
  margin-left: 25px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1);
  width: 574px;
  display: flex;
  min-height: 47.51px; }

.select-subject-modal___subjectName___6vTOS {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.select-subject-modal___selectSubjectType___3DZ7Z {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.8;
  margin-top: 10px; }

.select-subject-modal___subjectType___1jESM {
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  opacity: 0.8;
  margin-right: 9px; }

.select-subject-teacher___addClassHead___1dKLh {
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-left: 25px;
  margin-top: 17px; }

.select-subject-teacher___addClassTagLine___3t1ks {
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  padding-left: 25px;
  margin-top: 3px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.select-subject-teacher___userContainer___Iu1m7 {
  display: flex;
  height: 73px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1);
  cursor: pointer; }

.select-subject-teacher___userContainer___Iu1m7:hover {
  background: #F2F3F7; }

.select-subject-teacher___avatar___3V5qd {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  line-height: 31px;
  text-align: center;
  color: #fff;
  margin-left: 35px;
  margin-top: 15px; }

.select-subject-teacher___nameContainer___2KQJc {
  margin-left: 25px;
  margin-top: 15px; }

.select-subject-teacher___username___1f5cO {
  color: #010430;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.select-subject-teacher___staffId___5-f-a {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.select-subject-teacher___designation___sbKVo {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.select-subject-teacher___searchBox___1yYKM {
  background: #F2F3F7;
  width: 598.77px;
  height: 50px;
  display: flex; }

.select-subject-teacher___searchIcon___3ZUOs {
  width: 13.47px;
  height: 15.41px;
  margin-left: 32.48px;
  margin-top: 17.27px; }

.select-subject-teacher___searchInputBox___3XiY7 {
  height: 47px;
  margin-left: 10px;
  background: inherit;
  border: none;
  width: 530px;
  font-weight: normal;
  font-size: 15px; }

.select-subject-teacher___emptyText___3Knxm {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.select-subject-teacher___charactersCount___u4B8q {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.edit-subject-modal___addClassHead___3a-Kq {
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-left: 25px;
  margin-top: 17px; }

.edit-subject-modal___addClassTagLine___1ajeN {
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  padding-left: 25px;
  margin-top: 3px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.edit-subject-modal___userContainer___NUa06 {
  display: flex;
  height: 73px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1);
  cursor: pointer; }

.edit-subject-modal___userContainer___NUa06:hover {
  background: #F2F3F7; }

.edit-subject-modal___avatar___TJCRT {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  line-height: 31px;
  text-align: center;
  color: #fff;
  margin-left: 35px;
  margin-top: 15px; }

.edit-subject-modal___nameContainer___3FRst {
  margin-left: 25px;
  margin-top: 15px; }

.edit-subject-modal___username___3EdsW {
  color: #010430;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.edit-subject-modal___staffId___27JfM {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.edit-subject-modal___designation___BECEk {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px; }

.edit-subject-modal___searchBox___1OQad {
  background: #F2F3F7;
  width: 598.77px;
  height: 50px;
  display: flex; }

.edit-subject-modal___searchIcon___391xw {
  width: 13.47px;
  height: 15.41px;
  margin-left: 32.48px;
  margin-top: 17.27px; }

.edit-subject-modal___searchInputBox___2qNlT {
  height: 47px;
  margin-left: 10px;
  background: inherit;
  border: none;
  width: 530px;
  font-weight: normal;
  font-size: 15px; }

.edit-subject-modal___arrowPicture___bqcrr {
  width: 17px;
  height: 11px;
  margin-left: auto;
  margin-right: 42px; }

.edit-subject-modal___subjectMatterContainer___3fmcA {
  width: 599px;
  min-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px; }

.edit-subject-modal___subjectMatterContainer___3fmcA:hover {
  background: #F2F3F7; }

.edit-subject-modal___saveButton___3CZHp {
  width: 120px;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 54px;
  margin-left: auto;
  margin-right: 25px;
  background: #1BCC63;
  border-radius: 5px;
  border: 1px solid #0DBB54;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center; }

.edit-subject-modal___containerBox___1hxVW {
  margin-left: 25px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1);
  width: 574px;
  display: flex;
  min-height: 47.51px; }

.edit-subject-modal___subjectName___37pKJ {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.edit-subject-modal___selectSubjectType____K2pD {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.8;
  margin-top: 10px; }

.edit-subject-modal___subjectType___1xmYX {
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  opacity: 0.8;
  margin-right: 9px; }

.elective-students-modal___commentAvatar___2pzUy {
  width: 35px;
  height: 33px;
  border-radius: 50%;
  color: #FFFFFF;
  line-height: 36px;
  text-align: center;
  object-fit: cover;
  margin-left: 12px;
  margin-top: 4.18px; }

.elective-students-modal___userName___1b6Yh {
  font-size: 12px; }

.elective-students-modal___profileContainer___1ecvl {
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  padding: 10px; }

.elective-students-modal___likesHeader___1dNu6 {
  padding-left: 20px;
  padding-top: 20px;
  font-size: 14px;
  opacity: 0.8;
  border-bottom: 1px solid #F1F1F5;
  padding-bottom: 20px;
  font-weight: 600; }

.elective-students-modal___userName___1b6Yh {
  font-size: 12px;
  line-height: 32px;
  margin-left: 20px;
  font-weight: 600; }

.student-details___student___3FUHF {
  text-align: center;
  margin: auto;
  margin-top: 14px;
  margin-bottom: 13px; }

.student-details___bottomRowContainer___ak4zU {
  background: #F7F7F8;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10047);
  border-radius: 5px;
  display: flex;
  width: 729px;
  height: 63.5px;
  margin-bottom: 10.5px; }

.student-details___itemContainer___PQS2y {
  width: 200px;
  font-weight: 500;
  font-size: 13px;
  line-height: 63.5px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.7; }

.student-details___itemContainerRoll___2n4b1 {
  line-height: 63.5px;
  color: #010430;
  opacity: 0.7;
  font-weight: 600;
  font-size: 22px;
  margin: auto; }

.student-details___avatar___wVM1a {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 35px;
  color: #fff; }

.student-details___itemContainerProfile___SJzyH {
  text-align: center;
  margin: auto;
  width: 200px; }

.student-details___studentName___1l3z8 {
  font-weight: 500;
  font-size: 15px;
  color: #010430;
  opacity: 0.7;
  margin-top: 9px;
  margin-left: 10px; }

.student-details___editButton___2a83x {
  display: flex;
  height: fit-content;
  margin-left: 39px;
  margin-right: 28.58px;
  margin-top: 26px;
  cursor: pointer; }

.student-details___editPen___1f8lz {
  width: 19.76px;
  height: 22.75px; }

.student-details___editIconText___2RPje {
  color: #227DF9;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  margin-left: 13px; }

.student-details___saveButton___1wwEQ {
  width: 56px;
  height: 21px;
  line-height: 21px;
  background: #1BCC63;
  border: 0.5px solid #0DBB54;
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 11px;
  margin-top: 20px;
  margin-right: 17px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.student-details___enterRollNumber___2oTp6 {
  width: 48px;
  height: 35px;
  padding: 0px 18px 0px 16px;
  background: inherit;
  text-align: center;
  margin-top: 14px;
  border-radius: 5px;
  border: 0.5px solid #227DF9; }

.student-details___studentList___3HAZI {
  margin-left: 30px;
  position: absolute;
  bottom: 0;
  top: 70px;
  padding-right: 15px; }

.student-details___rollContainer___26voR {
  display: flex;
  width: 200px; }

.student-details___emptyText___2ZZLC {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.student-details___loader___dgvIv,
.student-details___loader___dgvIv:after {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  align-self: center; }

.student-details___loader___dgvIv {
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: student-details___load8___3X_wk 1.1s infinite linear;
  animation: student-details___load8___3X_wk 1.1s infinite linear; }

@-webkit-keyframes student-details___load8___3X_wk {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes student-details___load8___3X_wk {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.faculty-details___student___YgIgM {
  text-align: center;
  margin: auto;
  margin-top: 14px;
  margin-bottom: 13px; }

.faculty-details___bottomRowContainer___3L4zG {
  background: #F7F7F8;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10047);
  border-radius: 5px;
  display: flex;
  width: 729px;
  height: 63.5px;
  margin-bottom: 10.5px; }

.faculty-details___itemContainer___sFdiv {
  width: 200px;
  font-weight: 500;
  font-size: 13px;
  line-height: 63.5px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.7; }

.faculty-details___itemContainerRoll___3Zw4G {
  width: 170px;
  line-height: 63.5px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.7;
  font-weight: 500;
  font-size: 15px;
  padding-left: 30px; }

.faculty-details___avatar___2zYRU {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  line-height: 35px;
  color: #fff; }

.faculty-details___itemContainerProfile___2L5RE {
  text-align: center;
  margin: auto;
  width: 200px; }

.faculty-details___studentName___2GvQj {
  font-weight: 500;
  font-size: 15px;
  color: #010430;
  opacity: 0.7;
  margin-top: 9px;
  margin-left: 10px; }

.faculty-details___studentList___t-U9_ {
  margin-left: 30px;
  position: absolute;
  bottom: 0;
  top: 70px;
  padding-right: 15px; }

.faculty-details___emptyText___1e2OC {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.add-class-modal___floatingLabel___28wab {
  position: relative;
  margin-left: 25px;
  margin-top: 25px; }
  .add-class-modal___floatingLabel___28wab label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-class-modal___floatingLabel___28wab input {
    outline: none;
    width: 525px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 41px;
    background: #F2F3F7;
    border: 0.5px solid #227DF9; }
  .add-class-modal___floatingLabel___28wab input:not(:placeholder-shown), .add-class-modal___floatingLabel___28wab input:focus {
    border: 0.5px solid rgba(1, 4, 30, 0.3); }
  .add-class-modal___floatingLabel___28wab input:not(:placeholder-shown) + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .add-class-modal___floatingLabel___28wab input:focus + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .add-class-modal___floatingLabel___28wab input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-class-modal___floatingLabel___28wab input:focus {
    border-bottom: 1px solid #0062FF; }
  .add-class-modal___floatingLabel___28wab .add-class-modal___invalidMessage___-LD0Y {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .add-class-modal___floatingLabel___28wab input:invalid + label + .add-class-modal___invalidMessage___-LD0Y {
    display: block; }

.add-class-modal___addHeadIcon___2mLvp {
  width: 22px;
  height: 22px; }

.add-class-modal___addClassHead___2JrkM {
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 26px;
  color: #000000;
  margin-left: 25px;
  margin-top: 17px; }

.add-class-modal___addClassTagLine___2P693 {
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  font-size: 11px;
  line-height: 13px;
  padding-left: 25px;
  margin-top: 3px;
  padding-bottom: 11px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.1); }

.add-class-modal___selectClassName___GWYZn {
  width: 550px;
  padding-left: 25px;
  height: 41px;
  background: #F2F3F7;
  border: 0.5px solid #227DF9;
  box-sizing: border-box;
  border-radius: 5px;
  font-weight: 500;
  font-size: 15px;
  color: #010430;
  margin-top: 20px;
  margin-left: 25px; }

.add-class-modal___selectClassTeacher___1xEOL {
  width: 550px;
  min-height: 41px;
  margin-left: 25px;
  margin-top: 30px;
  background: #F2F3F7;
  border-radius: 5px;
  line-height: 41px;
  text-align: center;
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 15px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer; }

.add-class-modal___subjectsHeadline___3XS6f {
  background: #F2F3F7;
  border-radius: 5px;
  width: 570px;
  height: 42px;
  padding-left: 30px;
  line-height: 42px;
  color: #010430;
  opacity: 0.8;
  font-weight: 600;
  font-size: 13px;
  margin-top: 20px; }

.add-class-modal___addSubject___2neqF {
  display: flex;
  margin-left: 32px;
  margin-top: 20px;
  width: fit-content;
  cursor: pointer; }

.add-class-modal___addSubjectText___2eUga {
  color: #227DF9;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-left: 5px; }

.add-class-modal___saveButton___1SHIU {
  width: 120px;
  height: 40px;
  margin-top: auto;
  margin-bottom: 54px;
  margin-left: auto;
  margin-right: 25px;
  background: #1BCC63;
  border-radius: 5px;
  border: 1px solid #0DBB54;
  font-weight: 500;
  font-size: 19px;
  line-height: 40px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer; }

.add-class-modal___classTeacherContainer___3Pn9_ {
  display: flex;
  width: 550px;
  /* height: 71px; */
  margin-left: 25px;
  margin-top: 31.5px;
  background: #F2F3F7;
  border: 0.5px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  padding-bottom: 5px; }

.add-class-modal___subjectItem___3_T8Y {
  display: flex;
  border-top: 0.5px solid rgba(1, 4, 48, 0.2);
  margin-top: 16px; }

.add-class-modal___subjectNameContainer___2AMQc {
  margin-top: 12px;
  margin-left: 64px; }

.add-class-modal___subjectName___3fRwP {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  width: 100px; }

.add-class-modal___subjectType___12ER5 {
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-top: 6px; }

.add-class-modal___editIcon___1vJpE {
  width: 10.6px;
  height: 12.37px; }

.add-class-modal___deleteIcon___1BcwR {
  width: 11px;
  height: 14px; }

.add-class-modal___editContainer___3Vzhi {
  display: flex;
  margin-left: auto;
  margin-top: 26.3px;
  cursor: pointer; }

.add-class-modal___editText___-VILm {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #227DF9;
  margin-left: 3.4px; }

.add-class-modal___deleteContainer___2h6Mi {
  display: flex;
  margin-left: 19px;
  margin-top: 26.3px;
  cursor: pointer; }

.add-class-modal___deleteText___2xVpv {
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #FF3653;
  margin-left: 4px; }

.add-class-modal___addSubjectButton___2znKb {
  background: #FFFFFF;
  border: 1px solid rgba(34, 125, 249, 0.8);
  box-sizing: border-box;
  border-radius: 5px;
  width: 161px;
  height: 32px;
  line-height: 32px;
  margin-right: 27.21px;
  margin-left: 139px;
  font-weight: 500;
  font-size: 12px;
  color: #227DF9;
  cursor: pointer;
  margin-top: 14.94px;
  text-align: center; }

.add-class-modal___teacherContainer___3_Kbz {
  display: flex;
  margin-left: 103px;
  margin-right: 52px; }

.add-class-modal___avatar___2p1FC {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  margin-top: 12.5px;
  border-radius: 50%; }

.add-class-modal___avatarClassTeacher___2RgLS {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  margin-top: 14px;
  border-radius: 50%;
  margin-left: 30px; }

.add-class-modal___teacherName___isULB {
  color: #010430;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  width: 122px; }

.add-class-modal___staffId___2qarO {
  opacity: 0.7;
  color: #010430;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-top: 1px; }

.add-class-modal___changeTeacherItem___3quxY {
  color: #227DF9;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  margin-top: 3px;
  cursor: pointer; }

.add-class-modal___changeTeacherItem___3quxY:hover {
  text-decoration: underline; }

.add-class-modal___classTeacherText___1LfPK {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  margin-left: 25px;
  margin-top: 25px; }

.empty-classes-component___emptyClasses___2whkd {
  width: 297px;
  height: 282px;
  margin: auto;
  margin-top: 66px;
  margin-bottom: 0; }

.empty-classes-component___addButtonText___1ca1M {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #010430;
  opacity: 0.8;
  margin-top: 9px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.empty-classes-component___parentContainer___3Xigw {
  display: flex;
  flex-flow: column;
  background: #fff;
  z-index: 100; }

.empty-classes-component___createIconContainer___13Vwr {
  width: 120px;
  height: 40px;
  background: #227DF9;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  top: 15px;
  right: 30px;
  display: flex;
  cursor: pointer;
  align-self: center;
  margin-top: 19px; }

.empty-classes-component___plusIcon___1wL7D {
  width: 22px;
  height: 22px;
  margin-left: 18px;
  margin-top: 9px; }

.empty-classes-component___createIcon___3Avu0 {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #FFFFFF;
  margin-left: 13px;
  line-height: 40px; }

.payments___mainContainer___2zgq1 {
  width: 779px;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  bottom: 0; }

.payments___messageArea___1DUcy {
  padding: 20px;
  color: #227DF9;
  font-size: 30px;
  font-weight: 700; }

.payments___classComponent___KDHDp {
  height: 130px;
  width: 230px;
  display: inline-block;
  font-size: 30px;
  margin: 30px;
  background: #FFFFFF;
  border: 2px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  border-radius: 15px; }

.payments___class___kkd06 {
  padding: 35px;
  font-weight: 700;
  cursor: pointer; }

.payments___back___1Jz5h {
  padding: 5px;
  margin-left: 20px;
  font-size: 13px;
  opacity: 0.7;
  cursor: pointer; }

.payments___classHeader___1Vv58 {
  font-size: 32px;
  font-weight: 700;
  margin-left: 30px; }

.payments___leftComponent___l43wp {
  height: 80vh;
  width: 35%;
  display: inline-block;
  border: 1px solid #eae7e7;
  position: relative;
  overflow: scroll; }

.payments___rightComponent___1XNq1 {
  display: inline-block;
  position: absolute;
  width: 87%;
  height: 200px;
  background-color: #F2F3F7; }

.payments___addFee___1AF7y {
  position: absolute;
  padding-top: 20px;
  font-size: 22px;
  font-weight: 700;
  margin-left: 12px; }

.payments___subText___yzobW {
  position: absolute;
  padding-top: 10px;
  margin-top: 35px;
  margin-left: 12px;
  font-size: 12px; }

.payments___addFeeIcon___1aGxF {
  height: 50px;
  width: 50px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer; }

.payments___addFeeIcon___1aGxF:hover {
  opacity: 0.8; }

.payments___addFeeIcon___1aGxF:active {
  opacity: 0.8; }

.payments___noFeeFound___LbjY6 {
  font-size: 30px;
  color: #227DF9;
  margin: 45px 0 5px 25px;
  font-weight: bold; }

.payments___divider___1fN4H {
  margin: 0px 30px;
  width: 124%;
  border-top: 1px solid black;
  opacity: 0.2; }

.payments___feeListComponent___1aPMR {
  height: 85px;
  width: 100%;
  border: 1px solid white;
  position: relative;
  cursor: pointer;
  z-index: 0; }

.payments___feeListComponent___1aPMR:hover {
  background-color: #EEEBEB; }

.payments___feeIcon___11jM6 {
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: 20px;
  margin-top: 12px; }

.payments___feeName___2jNsz {
  position: absolute;
  font-size: 17px;
  margin-left: 60px;
  margin-top: 15px;
  font-weight: bold; }

.payments___feeType___SgBrM {
  height: 20px;
  width: 80px;
  position: absolute;
  margin-top: 13px;
  font-size: 11px;
  margin-left: 195px;
  text-align: center;
  border-radius: 10px;
  background-color: #227DF9;
  color: #FFFFFF; }

.payments___feeDivider___30fY3 {
  margin-left: 28px;
  padding: 0;
  border-top: 1px solid black;
  margin-top: 55px;
  opacity: 0.2; }

.payments___created___wIH5n {
  position: absolute;
  left: 20px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.payments___avatar___ubDB3 {
  width: 20px;
  position: absolute;
  left: 90px;
  bottom: 5px;
  border-radius: 50%; }

.payments___username___3H-6V {
  position: absolute;
  left: 120px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.payments___timestamp___325wb {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  opacity: 0.8; }

.payments___bottomDivider___3RFrS {
  margin-top: 30px;
  padding: 0;
  border-top: 1px solid black;
  opacity: 0.2; }

.payments___feeTypeP___1S0Dz {
  margin: 0;
  padding: 5px; }

.payments___optionIcon___3SbIk {
  position: absolute;
  width: 25px;
  right: 5px;
  top: 10px; }

.payments___rightContainer___3Ae_3 {
  height: 80vh;
  width: 94%;
  margin: 20px;
  margin-top: 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border: 1px solid #EEEBEB;
  box-sizing: border-box;
  overflow: scroll; }

.payments___rightFeeIcon___1X53o {
  width: 100px;
  position: absolute;
  top: 30px;
  left: 20px; }

.payments___rightFeeName___3z2-s {
  position: absolute;
  font-size: 32px;
  top: 23px;
  left: 156px;
  font-weight: bold; }

.payments___rightCreatedBy___K9fAP {
  position: absolute;
  font-size: 12px;
  top: 60px;
  left: 155px; }

.payments___rightTimestamp___38HIp {
  position: absolute;
  font-size: 10px;
  top: 61px;
  left: 280px;
  opacity: 0.6; }

.payments___sectionDetails___3_81S {
  height: 100px;
  position: relative;
  width: 60%;
  top: 90px;
  left: 155px; }

.payments___sectionBar___A16sP {
  padding: 10px;
  margin-left: 10px;
  vertical-align: super;
  font-weight: bold;
  font-size: 14px; }

.payments___sectionIcon___11sJr {
  width: 20px; }

.payments___section___bQIyS {
  margin-left: 70px;
  font-weight: normal;
  opacity: 0.6; }

.payments___descriptionBox___3tJov {
  height: auto;
  width: 100%; }

.payments___descriptionBoxHeader___19BOv {
  height: 28px;
  background: #F2F3F7;
  font-size: 20px;
  font-weight: bold;
  padding-top: 4px; }
  .payments___descriptionBoxHeader___19BOv div {
    display: inline-block;
    position: absolute;
    margin-left: 40px; }

.payments___descriptionBoxHeader___19BOv span {
  margin-left: 40px; }

.payments___switchIcon___VMjsQ {
  position: absolute;
  right: 30px; }

.payments___item1___2XQ0g {
  display: inline-block;
  width: 120px;
  margin-left: 30px; }
  .payments___item1___2XQ0g p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }
  .payments___item1___2XQ0g span {
    font-size: 12px; }

.payments___item2___R7xXS {
  display: inline-block;
  margin: -9px 40px; }
  .payments___item2___R7xXS p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }

.payments___modalContainer___3ozYN {
  position: relative; }

.payments___modalHeader___79CAh {
  padding: 10px 20px; }
  .payments___modalHeader___79CAh img {
    width: 30px;
    position: absolute;
    right: 10px; }
  .payments___modalHeader___79CAh h2 {
    margin: 0px 10px;
    font-size: 30px;
    font-weight: bold; }
  .payments___modalHeader___79CAh p {
    margin: 10px;
    opacity: 0.6; }

.payments___modalBody___2EegN {
  padding: 0px 18px;
  overflow: scroll;
  position: absolute;
  height: 620px; }
  .payments___modalBody___2EegN h2 {
    margin: 0px 10px;
    font-size: 30px;
    font-weight: 600; }
  .payments___modalBody___2EegN p {
    margin: 10px;
    opacity: 0.8; }
  .payments___modalBody___2EegN h3 {
    margin: 0px;
    margin-bottom: 10px; }

.payments___option1___1C7xf {
  display: inline-block;
  height: 120px;
  width: 250px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .payments___option1___1C7xf img {
    width: 80px;
    position: absolute;
    top: 20px;
    left: 30px; }
  .payments___option1___1C7xf p {
    width: 100px;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 20px; }

.payments___option1___1C7xf:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.payments___option1Selected___ZOmfw {
  display: inline-block;
  height: 120px;
  width: 250px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }
  .payments___option1Selected___ZOmfw img {
    width: 80px;
    position: absolute;
    top: 20px;
    left: 30px; }
  .payments___option1Selected___ZOmfw p {
    width: 100px;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 20px; }
  .payments___option1Selected___ZOmfw .payments___tick___1K3fb {
    width: 22px;
    margin-left: 170px;
    margin-top: 56px; }

.payments___option2___rlUyn {
  display: inline-block;
  height: 120px;
  width: 250px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .payments___option2___rlUyn img {
    width: 70px;
    position: absolute;
    top: 20px;
    left: 30px; }
  .payments___option2___rlUyn p {
    width: 100px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 20px; }

.payments___option2___rlUyn:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.payments___option2Selected___Bdb0J {
  display: inline-block;
  height: 120px;
  width: 250px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }
  .payments___option2Selected___Bdb0J img {
    width: 70px;
    position: absolute;
    top: 20px;
    left: 30px; }
  .payments___option2Selected___Bdb0J p {
    width: 100px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 20px; }
  .payments___option2Selected___Bdb0J .payments___tick___1K3fb {
    width: 22px;
    margin-left: 170px;
    margin-top: 56px; }

.payments___fieldsSection___3hN3D {
  width: 100%;
  height: 150px;
  position: relative; }

.payments___sectionFieldActive___97wBI {
  display: inline-block;
  height: 50px;
  width: 250px;
  margin: 20px;
  position: absolute;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.payments___sectionField___2oUgK {
  display: inline-block;
  height: 50px;
  width: 250px;
  margin: 20px;
  border-radius: 5px;
  position: absolute;
  background-color: #F2F3F7;
  cursor: pointer;
  border: 2px solid #fff; }

.payments___sectionField___2oUgK:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.payments___classesList___3AJSs {
  position: absolute;
  top: 74px;
  left: 22px;
  height: auto;
  width: 250px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .payments___classesList___3AJSs p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .payments___classesList___3AJSs p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.payments___paymentList___wsGZO {
  position: absolute;
  top: 74px;
  right: 20px;
  height: auto;
  width: 250px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .payments___paymentList___wsGZO p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .payments___paymentList___wsGZO p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.payments___paymentSectionActive___ajeEh {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: absolute;
  right: 0px;
  margin: 20px;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.payments___paymentSection___2F0f4 {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: absolute;
  right: 0px;
  border: 2px solid #fff;
  margin: 20px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer;
  border: 2px solid #fff; }

.payments___paymentSection___2F0f4:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.payments___dueSection___1Uy4B {
  display: inline-block;
  height: 50px;
  width: 250px;
  position: absolute;
  top: 60%;
  margin-left: 20px;
  border-radius: 5px;
  background-color: #F2F3F7; }

.payments___everySection___PKG5U {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: absolute;
  top: 60%;
  margin-left: 0px;
  right: 20px;
  text-align: center;
  border-radius: 5px;
  background-color: #Fff; }

.payments___triangleUp___3afaR {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 16px; }

.payments___triangleDown___3tY18 {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 16px; }

.payments___sectionP___3JRrT {
  padding: 14px;
  font-size: 15px; }

.payments___sectionPActive___1Cuqy {
  padding: 5px 15px;
  font-size: 13px; }
  .payments___sectionPActive___1Cuqy div {
    padding: 5px;
    font-size: 15px; }
    .payments___sectionPActive___1Cuqy div span {
      margin-right: 5px; }

.payments___dueDate___3cXPO {
  display: inline-block;
  height: 100%;
  width: 40%;
  font-size: 14px;
  background-color: #fff; }

.payments___days___3ziy4 {
  display: inline-block;
  height: 100%;
  width: 55%;
  font-size: 14px; }
  .payments___days___3ziy4 input[type='number'] {
    -moz-appearance: textfield;
    height: 50%;
    width: 70%;
    background-color: #F2F3F7;
    border: none;
    padding-left: 30px;
    font-size: 15px; }
  .payments___days___3ziy4 input::-webkit-outer-spin-button,
  .payments___days___3ziy4 input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.payments___afterSection___1HFJZ {
  height: 50px;
  width: 100%; }

.payments___every___1awnl {
  display: inline-block;
  height: 28px;
  font-size: 18px;
  margin-top: 10px;
  width: 45%;
  border-radius: 10px 0 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.219); }

.payments___month___3eIbv {
  font-size: 18px;
  display: inline-block;
  height: 28px;
  margin-top: 10px;
  width: 35%;
  background-color: #E9F2FE;
  color: #227DF9;
  border-radius: 0 10px 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.205); }

.payments___feeSection___1MXWb {
  position: relative;
  min-height: 60px;
  width: 93%;
  margin-top: 10px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.payments___feeSectionHeader___2nn2C {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.payments___feeDes___1tRrx {
  left: 20px;
  display: inline-block;
  height: 20px;
  width: 32%;
  margin: 5px;
  margin-left: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.payments___feeAmt___2HQSx {
  display: inline-block;
  height: 20px;
  width: 25%;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.payments___feeTime___3SxfG {
  display: inline-block;
  width: 25%;
  height: 20px;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.payments___iconFee___xh9v6 {
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: 5px;
  margin-left: 10px;
  padding: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.payments___iconFee___xh9v6:hover {
  opacity: 0.8; }

.payments___feeSectionBody___3jr_A {
  height: auto; }

.payments___transportSection___1wNXr {
  margin: 20px;
  height: 50px;
  width: 92%;
  background-color: #F2F3F7; }
  .payments___transportSection___1wNXr img {
    width: 50px;
    padding: 7px;
    cursor: pointer; }
  .payments___transportSection___1wNXr span {
    position: absolute;
    padding: 15px; }

.payments___feeInputBox___2hLJK {
  height: 40px;
  width: 100%; }
  .payments___feeInputBox___2hLJK img {
    display: inline-block;
    margin: 7px;
    padding-left: 3px;
    margin-bottom: 10px;
    padding-right: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer; }

.payments___deleteIcon___3khWK {
  display: inline-block; }

.payments___feeDesInput___2HE9N {
  display: inline-block;
  height: 30px;
  width: 170px;
  margin-left: -7px;
  box-sizing: content-box;
  position: absolute; }
  .payments___feeDesInput___2HE9N input {
    height: 100%;
    width: 96%;
    font-size: 16px;
    padding-left: 10px;
    border: none;
    background-color: #F2F3F7; }
  .payments___feeDesInput___2HE9N input:focus {
    border: 2px solid #227DF9; }

.payments___feeAmtInput___3Ewwq {
  display: inline-block;
  height: 30px;
  width: 122px;
  margin-left: -7px;
  position: absolute;
  left: 44.9%; }
  .payments___feeAmtInput___3Ewwq input {
    height: 100%;
    width: 98%;
    padding-left: 20px;
    font-size: 16px;
    border: none;
    border-left: 1px solid #00000038;
    background-color: #F2F3F7; }
  .payments___feeAmtInput___3Ewwq input[type='number'] {
    -moz-appearance: textfield; }
  .payments___feeAmtInput___3Ewwq input::-webkit-outer-spin-button,
  .payments___feeAmtInput___3Ewwq input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .payments___feeAmtInput___3Ewwq input:focus {
    border: 2px solid #227DF9; }

.payments___feeTimeInput___21bbQ {
  display: inline-block;
  height: 30px;
  width: 150px;
  margin-left: -7px;
  position: absolute;
  left: 71.8%;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.payments___upArrow___2OMWP {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 0px; }

.payments___downArrow___E7yn9 {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 10px; }

.payments___feeInputDivider___1h5BA {
  border-top: 1px solid #010430;
  padding: 0;
  opacity: 0.2;
  margin: 0; }

.payments___secModalHeader___2vNZY {
  padding: 20px; }
  .payments___secModalHeader___2vNZY h2 {
    margin-left: 30px;
    font-size: 30px; }
  .payments___secModalHeader___2vNZY p {
    margin: 10px 0 0 30px;
    font-size: 15px;
    opacity: 0.8; }
  .payments___secModalHeader___2vNZY img {
    width: 30px;
    right: 20px;
    position: absolute;
    cursor: pointer; }

.payments___secModalBody___wHUmJ {
  padding: 20px; }

.payments___subjectItem___1Pect {
  display: inline-block;
  height: 30px;
  padding: 4px;
  margin-left: 50px;
  margin-bottom: 30px;
  background: #C6C6C6;
  border: 1px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  border-radius: 23px;
  cursor: pointer; }
  .payments___subjectItem___1Pect span {
    margin: 5px;
    color: #Fff; }

.payments___secModalFooter___3MSIL {
  position: relative;
  height: 70px; }

.payments___applyBtn___KHM_J {
  position: absolute;
  height: 40px;
  width: 120px;
  top: 20%;
  left: 40%;
  background: #1BCC63;
  border-radius: 5px;
  color: #Fff; }
  .payments___applyBtn___KHM_J span {
    position: absolute;
    font-family: SF Pro Text;
    font-size: 22px;
    line-height: 26px;
    top: 50%;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, -50%); }

.payments___Modal___2foFN {
  position: absolute;
  z-index: 500;
  background-color: #FFFFFF;
  padding: 16px;
  left: 25%;
  top: 10%;
  box-sizing: border-box;
  border-radius: 15px;
  transition: all 0.3s ease-out; }

.payments___doneBtn___2J-m3 {
  height: 35px;
  position: absolute;
  right: 45px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .payments___doneBtn___2J-m3 p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.payments___feeNameInput___1K7B4 {
  height: 50px;
  width: 93%;
  margin: 20px 0px 0px 22px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer; }
  .payments___feeNameInput___1K7B4 p {
    padding: 15px;
    opacity: 0.5; }
  .payments___feeNameInput___1K7B4 span {
    font-size: 12px;
    margin: 5px 10px; }
  .payments___feeNameInput___1K7B4 input {
    height: 25px;
    width: 98%;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
    background-color: #F2F3F7;
    border-bottom: 3px solid #0062FF; }
  .payments___feeNameInput___1K7B4 img {
    width: 20px;
    position: absolute;
    right: 50px; }

.payments___selectedSub___1c6Q0 {
  height: 50px;
  width: 100%;
  background-color: #F3F4F7; }
  .payments___selectedSub___1c6Q0 div {
    margin: 10px; }

.payments___optionModal___ongIR {
  position: absolute;
  z-index: 200;
  top: -15px;
  right: 30px;
  height: 100px;
  width: 200px;
  background: #FFFFFF;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.payments___editContainer___7Hh1X {
  height: 49%; }
  .payments___editContainer___7Hh1X img {
    width: 30px;
    padding: 10px; }

.payments___editContainer___7Hh1X:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.payments___editHeader___X4wo0 {
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  font-size: 16px; }

.payments___editBody___3yDaI {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 25px;
  position: absolute;
  display: inline-block; }

.payments___deleteContainer___3aXQJ {
  height: 48%; }
  .payments___deleteContainer___3aXQJ img {
    width: 25px;
    padding: 10px; }

.payments___deleteContainer___3aXQJ:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.payments___deleteHeader___1uq5D {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .payments___deleteHeader___1uq5D p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.payments___deleteBody___CUIZJ {
  margin: 15px 30px; }

.payments___cancelBtn___2npQL {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer; }
  .payments___cancelBtn___2npQL div {
    margin: 5px 10px; }

.payments___deleteBtn___1E5Yb {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .payments___deleteBtn___1E5Yb div {
    margin: 5px 15px; }

.payments___delBtnModal___9Zdh6 {
  height: 35px;
  position: absolute;
  left: 150px;
  color: #FF3653;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #FF3653;
  cursor: pointer; }
  .payments___delBtnModal___9Zdh6 p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.payments___doneBtnModal___1Jq7x {
  height: 35px;
  position: absolute;
  right: 150px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .payments___doneBtnModal___1Jq7x p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.class-component___messageArea___2sE-Q {
  padding: 20px;
  color: #227DF9;
  font-size: 30px;
  font-weight: 700; }

.class-component___classComponent___1RShU {
  position: relative;
  height: 112.61px;
  width: 198.32px;
  display: inline-block;
  font-size: 30px;
  margin: 29px;
  cursor: pointer; }

.class-component___cardIcon___14D15 {
  position: absolute;
  height: 130px;
  width: 230px; }

.class-component___class___2ExWO {
  position: absolute;
  top: 12px;
  padding: 16px;
  font-weight: 600;
  font-size: 22px; }

.class-component___bottomContainer___3LVdL {
  width: 780px;
  margin-top: 40px; }

.class-component___selectOptionTag___3lMbF {
  font-size: 16px;
  margin-top: 30px;
  margin-left: 20px;
  border-radius: 5px;
  position: absolute;
  top: 50px;
  right: 30px;
  z-index: 100; }

.header-component___mainHeader___2QGrj {
  height: 70px;
  width: 100%;
  border-bottom: 0.5px solid #f1f1f5; }

.header-component___payments___RzIpf {
  display: inline;
  padding: 20px;
  line-height: 38px;
  font-weight: 800;
  font-size: 25px; }

.header-component___duesActive___3wk_j {
  display: inline;
  padding: 18px;
  color: #227DF9;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px; }

.header-component___underline___QK678 {
  border-bottom: 2px solid #227DF9; }

.header-component___dues___190QE {
  display: inline;
  padding: 18px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #717C8A; }

.header-component___offlineActive___1cYPa {
  display: inline;
  padding: 18px;
  color: #227DF9;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px; }

.header-component___offline___3O54w {
  display: inline;
  padding: 18px;
  cursor: pointer;
  font-weight: 500;
  color: #717C8A;
  font-size: 15px; }

.header-component___transactionActive___2Q1oy {
  display: inline;
  padding: 18px;
  color: #227DF9;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px; }

.header-component___transaction___2xypn {
  display: inline;
  padding: 18px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #717C8A; }

.view-academic-fee___back___1LF8j {
  padding: 5px;
  margin-left: 24px;
  opacity: 0.7;
  cursor: pointer;
  font-weight: 500;
  font-size: 11px;
  margin-top: 5px;
  padding-bottom: 0; }

.view-academic-fee___back___1LF8j:hover {
  text-decoration: underline;
  color: #227DF9; }

.view-academic-fee___classHeader___29E7o {
  font-size: 22px;
  font-weight: 600;
  margin-left: 38px;
  line-height: 38px; }

.view-academic-fee___addFeeComponent___2uZUW {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 100;
  display: flex;
  border-bottom: 1px solid #f1f1f5; }

.view-academic-fee___leftComponent___CI7SV {
  width: 282px;
  border: 1px solid #eae7e7; }

.view-academic-fee___rightComponent___3emQ2 {
  width: 483px;
  background-color: #F2F3F7;
  position: absolute;
  left: 290px;
  bottom: 0;
  top: 0; }

.view-academic-fee___addFee___2aode {
  display: flex;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center;
  font-weight: 550; }

.view-academic-fee___subText___9cbmv {
  position: absolute;
  padding-top: 10px;
  margin-top: 35px;
  margin-left: 12px;
  font-size: 12px; }

.view-academic-fee___addFeeIcon___3jO6c {
  width: 43px;
  height: 43px;
  margin-left: 16px;
  margin-top: 16.36px;
  margin-right: 7px; }

.view-academic-fee___addFeeIcon___3jO6c:hover {
  opacity: 0.8; }

.view-academic-fee___addFeeIcon___3jO6c:active {
  opacity: 0.8; }

.view-academic-fee___noFeeFound___3DzHQ {
  font-size: 30px;
  color: #227DF9;
  margin: 45px 0 5px 25px;
  font-weight: bold; }

.view-academic-fee___divider___3SUPn {
  margin: 0px 30px;
  width: 124%;
  border-top: 1px solid black;
  opacity: 0.2; }

.view-academic-fee___feeListComponent___22YTI {
  height: 72px;
  border: 1px solid white;
  position: relative;
  cursor: pointer;
  z-index: 0;
  border-bottom: 1px solid #D8D8DE; }

.view-academic-fee___feeListComponentActive___3ysSm {
  height: 72px;
  border: 1px solid #EEEBEB;
  position: relative;
  cursor: pointer;
  background-color: #EEEBEB;
  border-bottom: 1px solid #D8D8DE; }

.view-academic-fee___feeListComponent___22YTI:hover {
  background-color: #F7F7F8; }

.view-academic-fee___feeIcon___znlqo {
  position: absolute;
  height: 19.36px;
  width: 23.11px;
  margin-left: 20px;
  margin-top: 8.89px; }

.view-academic-fee___feeName___MUzfB {
  position: absolute;
  margin-left: 56px;
  margin-top: 10px;
  font-weight: 500;
  font-size: 15px;
  opacity: 0.9; }

.view-academic-fee___feeType___1xV3I {
  position: absolute;
  margin-top: 13px;
  right: 40px;
  text-align: center;
  border-radius: 10px;
  background-color: #227DF9;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px; }

.view-academic-fee___feeDivider___36-VZ {
  margin-left: 28px;
  padding: 0;
  border-top: 1px solid black;
  margin-top: 50px;
  opacity: 0.2; }

.view-academic-fee___created___3VLMR {
  position: absolute;
  left: 20px;
  bottom: 5px;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px; }

.view-academic-fee___avatar___K6_e6 {
  width: 16.89px;
  height: 16.89px;
  line-height: 16.89px;
  position: absolute;
  left: 90px;
  text-align: center;
  bottom: 2px;
  font-size: 10px;
  border-radius: 50%;
  color: #FFFFFF; }

.view-academic-fee___username___1UhR7 {
  position: absolute;
  left: 120px;
  bottom: 5px;
  font-weight: 500;
  font-size: 10px;
  opacity: 0.6; }

.view-academic-fee___timestamp___2-HyF {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 10px;
  opacity: 0.8; }

.view-academic-fee___bottomDivider___2LSh1 {
  margin-top: 30px;
  padding: 0;
  border-top: 1px solid black;
  opacity: 0.2; }

.view-academic-fee___feeTypeP___XgXxY {
  margin: 0;
  padding: 5px; }

.view-academic-fee___optionIcon___2uBqE {
  display: none;
  position: absolute;
  width: 25px;
  right: 5px;
  top: 10px; }

.view-academic-fee___rightContainer___1lLOX {
  position: absolute;
  width: 455.11px;
  margin: 20px;
  margin-top: 40px;
  background-color: #FFFFFF;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border: 1px solid #EEEBEB;
  box-sizing: border-box;
  border-radius: 10px;
  top: 0;
  bottom: 0; }

.view-academic-fee___topMostContainer___132_O {
  display: flex;
  position: absolute;
  bottom: 0;
  top: 70px; }

.view-academic-fee___rightFeeIcon___S7TS1 {
  width: 100px;
  height: 100px;
  margin-top: 26.67px;
  margin-left: 20.45px;
  margin-bottom: 79.11px; }

.view-academic-fee___rightFeeName___pR4fz {
  font-size: 25px;
  font-weight: 500; }

.view-academic-fee___rightCreatedBy___2VNrd {
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px; }

.view-academic-fee___rightTimestamp___1r_7J {
  font-size: 10px;
  margin-left: 5px;
  opacity: 0.6; }

.view-academic-fee___descriptionBoxBody___1ycl5 {
  display: flex;
  flex-flow: column; }

.view-academic-fee___sectionDetails___3Xi99 {
  position: relative;
  margin-left: 37.33px;
  margin-top: 23px;
  width: 289px; }

.view-academic-fee___sectionBar___jzkCk {
  padding: 10px;
  margin-left: 10px;
  vertical-align: super;
  font-weight: bold;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0; }

.view-academic-fee___sectionIcon___19AHM {
  width: 19.49px;
  height: 16px; }

.view-academic-fee___section___1Lh_F {
  opacity: 0.6;
  font-weight: 500;
  font-size: 11px;
  left: 180px;
  position: absolute; }

.view-academic-fee___descriptionBox___3r1PI {
  height: auto;
  width: 100%; }

.view-academic-fee___descriptionBoxHeader___1mFZm {
  height: 28px;
  background: #F2F3F7;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  padding-top: 4px; }
  .view-academic-fee___descriptionBoxHeader___1mFZm div {
    margin-left: 40px; }

.view-academic-fee___descriptionBoxHeader___1mFZm span {
  margin-left: 34.22px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px; }

.view-academic-fee___switchIcon___1hsBd {
  position: absolute;
  right: 30px; }

.view-academic-fee___item1___2b7Di {
  margin-left: 30px; }
  .view-academic-fee___item1___2b7Di p {
    margin: 0;
    margin-top: 9.11px;
    font-size: 15px;
    color: rgba(1, 4, 30, 0.7); }
  .view-academic-fee___item1___2b7Di div {
    margin-top: 12px;
    font-weight: 600;
    color: #010430;
    margin-bottom: 19.9px; }
  .view-academic-fee___item1___2b7Di span {
    font-size: 12px; }

.view-academic-fee___optionModal___2phUu {
  width: 205.53px;
  position: absolute;
  top: 25px;
  z-index: 1;
  right: 30px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.view-academic-fee___editContainer___1W7iu {
  position: relative;
  height: 47px;
  border-bottom: 1px solid #f1f1f5 img;
    border-bottom-width: 30px;
    border-bottom-padding: 10px; }

.view-academic-fee___editContainer___1W7iu:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.view-academic-fee___editHeader___3OYnj {
  position: absolute;
  margin: 0;
  top: 10px;
  margin-left: 59px;
  font-weight: 500;
  font-size: 13px; }

.view-academic-fee___editBody___29w5e {
  position: absolute;
  margin: 0;
  padding: 0;
  top: 27px;
  margin-left: 59.86px;
  opacity: 0.5;
  font-size: 11px; }

.view-academic-fee___deleteContainer___3eH4Z {
  position: relative;
  height: 47px; }
  .view-academic-fee___deleteContainer___3eH4Z img {
    width: 19.5px;
    padding: 10px; }

.view-academic-fee___deleteContainer___3eH4Z:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.view-academic-fee___deleteHeader___maKWc {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .view-academic-fee___deleteHeader___maKWc p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.view-academic-fee___deleteBody___3aqWx {
  margin: 15px 30px; }

.view-academic-fee___cancelBtn___1_UVl {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer;
  line-height: 30px;
  text-align: center; }
  .view-academic-fee___cancelBtn___1_UVl div {
    margin: 5px 10px; }

.view-academic-fee___deleteBtn___1t3CK {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  line-height: 30px;
  text-align: center;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .view-academic-fee___deleteBtn___1t3CK div {
    margin: 5px 15px; }

.view-academic-fee___delBtnModal___2kcdH {
  height: 35px;
  position: absolute;
  left: 150px;
  color: #FF3653;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #FF3653;
  cursor: pointer; }
  .view-academic-fee___delBtnModal___2kcdH p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.view-academic-fee___doneBtnModal___1jpxs {
  height: 35px;
  position: absolute;
  right: 150px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .view-academic-fee___doneBtnModal___1jpxs p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.view-academic-fee___feeListComponentActive___3ysSm:hover .view-academic-fee___optionIcon___2uBqE {
  display: block; }

.view-academic-fee___feeListComponent___22YTI:hover .view-academic-fee___optionIcon___2uBqE {
  display: block; }

.view-academic-fee___editButton___3wQE- {
  width: 64.97px;
  height: 23.08px;
  cursor: pointer;
  margin-left: 49.33px; }

.view-academic-fee___fieldContainer___1Lwmr {
  display: flex;
  margin-bottom: 15px;
  position: relative; }

.view-academic-fee___clockIcon___3ke-S {
  width: 17.78px;
  height: 17.78px; }

.view-academic-fee___feeStructureContainer___3Qv9T {
  display: flex; }

.view-academic-fee___feeRightHeading___1Hw5q {
  display: flex;
  flex-flow: column; }

.view-academic-fee___feeNameAndEditContainer___3PFRw {
  display: flex;
  margin-left: 37.33px;
  margin-top: 21.33px; }

.view-academic-fee___topCreatedByContainer___2DAF2 {
  display: flex;
  margin-left: 37px;
  margin-top: 0.33px; }

.view-academic-fee___editIconClass___2oSXT {
  width: 19.5px;
  padding: 10px; }

.add-academic-fee-modal___mainContainer___AaP65 {
  margin: 5px;
  height: 90vh;
  width: 135%;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.15); }

.add-academic-fee-modal___mainHeader___2p08Y {
  height: 70px;
  width: 100%; }

.add-academic-fee-modal___payments___2Su8u {
  display: inline;
  padding: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px; }

.add-academic-fee-modal___dues___1RBlh {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.add-academic-fee-modal___duesActive___2GoI2 {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.add-academic-fee-modal___offline___3BqCo {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.add-academic-fee-modal___offlineActive___3Mi9b {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.add-academic-fee-modal___transaction___1SiMu {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.add-academic-fee-modal___transactionActive___JWmgI {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.add-academic-fee-modal___underline___2zcvx {
  border-bottom: 2px solid #227DF9; }

.add-academic-fee-modal___messageArea___3B0YG {
  padding: 20px;
  color: #227DF9;
  font-size: 30px;
  font-weight: 700; }

.add-academic-fee-modal___classComponent___2ORMJ {
  height: 130px;
  width: 230px;
  display: inline-block;
  font-size: 30px;
  margin: 30px;
  background: #FFFFFF;
  border: 2px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  border-radius: 15px; }

.add-academic-fee-modal___class___3IwM_ {
  padding: 35px;
  font-weight: 700;
  cursor: pointer; }

.add-academic-fee-modal___back___HyxUw {
  padding: 5px;
  margin-left: 20px;
  font-size: 13px;
  opacity: 0.7;
  cursor: pointer; }

.add-academic-fee-modal___classHeader___31Xjr {
  font-size: 32px;
  font-weight: 700;
  margin-left: 30px; }

.add-academic-fee-modal___leftComponent___2xKpi {
  height: 80vh;
  width: 35%;
  display: inline-block;
  border: 1px solid #eae7e7;
  position: relative;
  overflow: scroll; }

.add-academic-fee-modal___rightComponent___CTzWQ {
  display: inline-block;
  position: absolute;
  width: 87%;
  height: 200px;
  background-color: #F2F3F7; }

.add-academic-fee-modal___addFee___4KA-f {
  position: absolute;
  padding-top: 20px;
  font-size: 22px;
  font-weight: 700;
  margin-left: 12px; }

.add-academic-fee-modal___subText___3UQTM {
  position: absolute;
  padding-top: 10px;
  margin-top: 35px;
  margin-left: 12px;
  font-size: 12px; }

.add-academic-fee-modal___addFeeIcon___1Prev {
  height: 50px;
  width: 50px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer; }

.add-academic-fee-modal___addFeeIcon___1Prev:hover {
  opacity: 0.8; }

.add-academic-fee-modal___addFeeIcon___1Prev:active {
  opacity: 0.8; }

.add-academic-fee-modal___noFeeFound___3z97U {
  font-size: 30px;
  color: #227DF9;
  margin: 45px 0 5px 25px;
  font-weight: bold; }

.add-academic-fee-modal___divider___M2Jqi {
  margin: 0px 30px;
  width: 124%;
  border-top: 1px solid black;
  opacity: 0.2; }

.add-academic-fee-modal___feeListComponent___3Osf1 {
  height: 85px;
  width: 100%;
  border: 1px solid white;
  position: relative;
  cursor: pointer;
  z-index: 0; }

.add-academic-fee-modal___feeListComponent___3Osf1:hover {
  background-color: #EEEBEB; }

.add-academic-fee-modal___feeIcon___253BG {
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: 20px;
  margin-top: 12px; }

.add-academic-fee-modal___feeName___2fr0Y {
  position: absolute;
  font-size: 17px;
  margin-left: 60px;
  margin-top: 15px;
  font-weight: bold; }

.add-academic-fee-modal___feeType___RJwDS {
  height: 20px;
  width: 80px;
  position: absolute;
  margin-top: 13px;
  font-size: 11px;
  margin-left: 195px;
  text-align: center;
  border-radius: 10px;
  background-color: #227DF9;
  color: #FFFFFF; }

.add-academic-fee-modal___feeDivider___2RTGC {
  margin-left: 28px;
  padding: 0;
  border-top: 1px solid black;
  margin-top: 55px;
  opacity: 0.2; }

.add-academic-fee-modal___created___2ITVh {
  position: absolute;
  left: 20px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.add-academic-fee-modal___avatar___1k20H {
  width: 20px;
  position: absolute;
  left: 90px;
  bottom: 5px;
  border-radius: 50%; }

.add-academic-fee-modal___username___HFqMV {
  position: absolute;
  left: 120px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.add-academic-fee-modal___timestamp___1ZpS_ {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  opacity: 0.8; }

.add-academic-fee-modal___bottomDivider___9-dHG {
  margin-top: 30px;
  padding: 0;
  border-top: 1px solid black;
  opacity: 0.2; }

.add-academic-fee-modal___feeTypeP___1-LEW {
  margin: 0;
  padding: 5px; }

.add-academic-fee-modal___optionIcon___tGRYE {
  position: absolute;
  width: 25px;
  right: 5px;
  top: 10px; }

.add-academic-fee-modal___rightContainer___3eP0p {
  height: 80vh;
  width: 94%;
  margin: 20px;
  margin-top: 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border: 1px solid #EEEBEB;
  box-sizing: border-box;
  overflow: scroll; }

.add-academic-fee-modal___rightFeeIcon___1nkn7 {
  width: 100px;
  position: absolute;
  top: 30px;
  left: 20px; }

.add-academic-fee-modal___rightFeeName___-7MwH {
  position: absolute;
  font-size: 32px;
  top: 23px;
  left: 156px;
  font-weight: bold; }

.add-academic-fee-modal___rightCreatedBy___2_IbL {
  position: absolute;
  font-size: 12px;
  top: 60px;
  left: 155px; }

.add-academic-fee-modal___rightTimestamp___Qzb90 {
  position: absolute;
  font-size: 10px;
  top: 61px;
  left: 280px;
  opacity: 0.6; }

.add-academic-fee-modal___sectionDetails___2jXQK {
  height: 100px;
  position: relative;
  width: 60%;
  top: 90px;
  left: 155px; }

.add-academic-fee-modal___sectionBar___1Uz7D {
  padding: 10px;
  margin-left: 10px;
  vertical-align: super;
  font-weight: bold;
  font-size: 14px; }

.add-academic-fee-modal___sectionIcon___2VEiV {
  width: 20px; }

.add-academic-fee-modal___section___1Ogpd {
  margin-left: 70px;
  font-weight: normal;
  opacity: 0.6; }

.add-academic-fee-modal___descriptionBox___3lMAr {
  height: auto;
  width: 100%; }

.add-academic-fee-modal___descriptionBoxHeader___15xQ1 {
  height: 28px;
  background: #F2F3F7;
  font-size: 20px;
  font-weight: bold;
  padding-top: 4px; }
  .add-academic-fee-modal___descriptionBoxHeader___15xQ1 div {
    display: inline-block;
    position: absolute;
    margin-left: 40px; }

.add-academic-fee-modal___descriptionBoxHeader___15xQ1 span {
  margin-left: 40px; }

.add-academic-fee-modal___switchIcon___1BGRD {
  position: absolute;
  right: 30px; }

.add-academic-fee-modal___item1___3vP-x {
  display: inline-block;
  width: 120px;
  margin-left: 30px; }
  .add-academic-fee-modal___item1___3vP-x p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }
  .add-academic-fee-modal___item1___3vP-x span {
    font-size: 12px; }

.add-academic-fee-modal___item2___1vnZD {
  display: inline-block;
  margin: -9px 40px; }
  .add-academic-fee-modal___item2___1vnZD p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }

.add-academic-fee-modal___modalHeader___1sT6x img {
  width: 19.46px;
  position: absolute;
  height: 19.44px;
  right: 10px;
  cursor: pointer; }

.add-academic-fee-modal___modalHeader___1sT6x h2 {
  margin: 0;
  font-weight: bold;
  font-size: 22px; }

.add-academic-fee-modal___modalHeader___1sT6x p {
  margin: 0;
  margin-bottom: 13px;
  opacity: 0.8;
  margin-top: 5px;
  font-size: 15px; }

.add-academic-fee-modal___modalBody___DrogP h2 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  margin-top: 10px; }

.add-academic-fee-modal___modalBody___DrogP p {
  margin: 0;
  opacity: 0.8;
  margin-top: 8.96px;
  font-size: 13px;
  margin-left: 18.51px; }

.add-academic-fee-modal___modalBody___DrogP h3 {
  margin: 0px;
  margin-top: 7px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 3px; }

.add-academic-fee-modal___option1___16Y33 {
  display: inline-block;
  height: 111px;
  width: 232px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .add-academic-fee-modal___option1___16Y33 img {
    width: 74.07px;
    height: 56.9px;
    position: absolute;
    top: 22.04px;
    left: 18px; }
  .add-academic-fee-modal___option1___16Y33 p {
    position: absolute;
    top: 20px;
    font-weight: bold;
    font-size: 22px;
    margin-left: 100px; }

.add-academic-fee-modal___option1___16Y33:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.add-academic-fee-modal___option1Selected___6-StN {
  display: inline-block;
  height: 111.1px;
  width: 232.28px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5);
  margin-top: 21.43px; }
  .add-academic-fee-modal___option1Selected___6-StN img {
    width: 74.07px;
    height: 56.85px;
    position: absolute;
    top: 19.44px;
    left: 18.15px; }
  .add-academic-fee-modal___option1Selected___6-StN p {
    width: 100px;
    position: absolute;
    top: 22.57px;
    left: 100.45px;
    font-weight: bold;
    font-size: 22px; }
  .add-academic-fee-modal___option1Selected___6-StN .add-academic-fee-modal___tick___2eGNb {
    width: 22.5px;
    position: absolute;
    height: 22.5px;
    left: 191.45px;
    top: 69.57px; }

.add-academic-fee-modal___option2___2Ndkp {
  display: inline-block;
  height: 111px;
  width: 232px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .add-academic-fee-modal___option2___2Ndkp img {
    width: 68.21px;
    height: 65.73px;
    position: absolute;
    top: 21.96px;
    left: 18.08px; }
  .add-academic-fee-modal___option2___2Ndkp p {
    position: absolute;
    top: 20px;
    font-weight: bold;
    font-size: 22px;
    left: 100px;
    margin-right: 46px; }

.add-academic-fee-modal___option2___2Ndkp:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.add-academic-fee-modal___option2Selected___2HRcj {
  display: inline-block;
  height: 111.1px;
  width: 232.38px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5);
  margin-top: 21.43px; }
  .add-academic-fee-modal___option2Selected___2HRcj img {
    width: 68.21px;
    height: 65.73px;
    position: absolute;
    top: 22.96px;
    left: 18.08px; }
  .add-academic-fee-modal___option2Selected___2HRcj p {
    position: absolute;
    top: 22.57px;
    left: 99.93px;
    font-weight: bold;
    font-size: 22px;
    margin-right: 46px; }
  .add-academic-fee-modal___option2Selected___2HRcj .add-academic-fee-modal___tick___2eGNb {
    width: 22.5px;
    position: absolute;
    height: 22.5px;
    left: 191.45px;
    top: 69.57px; }

.add-academic-fee-modal___fieldsSection___y0mT6 {
  width: 100%;
  height: 150px;
  position: relative; }

.add-academic-fee-modal___sectionFieldActive___2PNTw {
  display: inline-block;
  height: 42.29px;
  width: 237.64px;
  margin: 20px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-academic-fee-modal___sectionField___1ClWs {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  margin: 20px;
  border-radius: 5px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer; }

.add-academic-fee-modal___sectionFieldLateralEntry___1cOS7 {
  display: inline-block;
  height: 35.29px;
  width: 150.64px;
  border-radius: 5px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer; }

.add-academic-fee-modal___sectionField___1ClWs:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-academic-fee-modal___classesList___2lsOU {
  position: absolute;
  top: 74px;
  left: 22px;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .add-academic-fee-modal___classesList___2lsOU p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .add-academic-fee-modal___classesList___2lsOU p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.add-academic-fee-modal___paymentList___IGT0q {
  position: absolute;
  top: 40px;
  right: 20px;
  height: auto;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .add-academic-fee-modal___paymentList___IGT0q p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .add-academic-fee-modal___paymentList___IGT0q p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.add-academic-fee-modal___paymentListBusFee___2LODQ {
  position: absolute;
  top: 308px;
  right: 52px;
  height: auto;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .add-academic-fee-modal___paymentListBusFee___2LODQ p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .add-academic-fee-modal___paymentListBusFee___2LODQ p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.add-academic-fee-modal___paymentSectionActive___iKOek {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: relative;
  right: 0px;
  margin: 20px;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-academic-fee-modal___paymentSection___2MgMB {
  display: inline-block;
  position: relative;
  right: 0px;
  border: 2px solid #fff;
  margin: 20px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer;
  height: 46.29px;
  width: 241.64px;
  margin-left: auto; }

.add-academic-fee-modal___paymentSection___2MgMB:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-academic-fee-modal___dueSection___21Xpi {
  display: inline-block;
  height: 50px;
  width: 168px;
  top: 60%;
  margin-left: 20px;
  border-radius: 5px; }

.add-academic-fee-modal___everySection___3Hwjw {
  display: inline-block;
  height: 50px;
  width: 130px;
  position: relative;
  text-align: center;
  border-radius: 5px;
  background-color: #fff; }

.add-academic-fee-modal___triangleUp___2yQ09 {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 16px; }

.add-academic-fee-modal___triangleUpHostel___3EX3P {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 10px; }

.add-academic-fee-modal___triangleDown___2vKjT {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 14px; }

.add-academic-fee-modal___triangleDownHostel___1Z4pF {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 9px; }

.add-academic-fee-modal___sectionP___2GXHi {
  padding: 14px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.add-academic-fee-modal___sectionPLateral___bE6mF {
  padding: 11px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.add-academic-fee-modal___sectionPAfter___1lShw {
  padding: 14px;
  font-weight: normal;
  font-size: 15px;
  opacity: 0.8; }

.add-academic-fee-modal___sectionPActive___3tmxs {
  padding: 5px 15px;
  font-size: 11px;
  opacity: 0.8; }
  .add-academic-fee-modal___sectionPActive___3tmxs div {
    padding: 5px;
    font-size: 15px; }
    .add-academic-fee-modal___sectionPActive___3tmxs div span {
      font-weight: 500;
      font-size: 15px; }

.add-academic-fee-modal___dueDate___2Qiuj {
  display: inline-block;
  height: 100%;
  width: 85px;
  font-size: 14px; }

.add-academic-fee-modal___days___11uME {
  display: inline-block;
  height: 46.29px;
  width: 60.91px;
  font-size: 14px;
  position: absolute;
  background: inherit;
  border: none;
  padding-left: 20px;
  background-color: #F2F3F7; }
  .add-academic-fee-modal___days___11uME input[type='number'] {
    -moz-appearance: textfield;
    height: 50%;
    width: 70%;
    background-color: #F2F3F7;
    border: none;
    padding-left: 30px;
    font-weight: 500;
    opacity: 0.8;
    font-size: 18px; }
  .add-academic-fee-modal___days___11uME input::-webkit-outer-spin-button,
  .add-academic-fee-modal___days___11uME input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.add-academic-fee-modal___afterSection___1oe99 {
  height: 50px;
  width: 100%;
  display: flex; }

.add-academic-fee-modal___every___2v3gu {
  height: 31.48px;
  line-height: 28px;
  margin-top: 10px;
  width: 79.99px;
  border-radius: 10px 0 0 10px;
  font-size: 13px; }

.add-academic-fee-modal___month___3oW3B {
  display: inline-block;
  margin-top: 10px;
  line-height: 28px;
  font-size: 13px;
  /* width: 96.28px; */
  /* background-color: #E9F2FE; */
  /* color: #227DF9; */
  /* border-radius: 0 10px 10px 0; */
  /* border: 1px solid rgba(0, 0, 0, 0.205); */
  /* font-weight: 500; */
  /* font-size: 15px;*/ }

.add-academic-fee-modal___feeSection___1ZFlg {
  position: relative;
  min-height: 60px;
  width: 520px;
  margin-top: 30px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.add-academic-fee-modal___feeSectionHostel___2mMu2 {
  position: relative;
  min-height: 60px;
  width: 520px;
  margin-top: 10px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.add-academic-fee-modal___feeSectionHeader___3MDAG {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative; }

.add-academic-fee-modal___feeDes___1Up_l {
  left: 20px;
  display: inline-block;
  height: 20px;
  width: 32%;
  margin: 5px;
  margin-left: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .add-academic-fee-modal___feeDes___1Up_l span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-academic-fee-modal___feeAmt___1CWjI {
  display: inline-block;
  height: 20px;
  width: 25%;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .add-academic-fee-modal___feeAmt___1CWjI span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-academic-fee-modal___feeTime___qfUrC {
  display: inline-block;
  width: 25%;
  height: 20px;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .add-academic-fee-modal___feeTime___qfUrC span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-academic-fee-modal___iconFee___3Vn2e {
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: 5px;
  margin-left: 10px;
  padding: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.add-academic-fee-modal___iconFee___3Vn2e:hover {
  opacity: 0.8; }

.add-academic-fee-modal___feeSectionBody___1roM2 {
  height: auto; }

.add-academic-fee-modal___transportSection___2gS6w {
  margin: 20px;
  height: 45.36px;
  width: 519.38px;
  background-color: #F2F3F7; }
  .add-academic-fee-modal___transportSection___2gS6w img {
    width: 39.81px;
    height: 21.29px;
    cursor: pointer;
    margin-left: 13.29px;
    margin-top: 12.09px; }
  .add-academic-fee-modal___transportSection___2gS6w span {
    position: absolute;
    padding: 15px;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-academic-fee-modal___feeInputBox___3yRlx {
  height: 40px;
  width: 100%;
  position: relative; }
  .add-academic-fee-modal___feeInputBox___3yRlx img {
    display: inline-block;
    margin: 7px;
    padding-left: 3px;
    margin-bottom: 10px;
    padding-right: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer; }

.add-academic-fee-modal___deleteIcon___1qk1C {
  display: inline-block;
  margin-left: 12px;
  margin-top: 4px;
  padding-right: 8px;
  border-right: 1px solid #00000038; }

.add-academic-fee-modal___deleteIconHostel___3Ck_u {
  display: inline-block;
  width: 50px;
  height: 30px;
  border-right: 1px solid #00000038;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
  font-size: 13px; }

.add-academic-fee-modal___feeDesInput___2Viiq {
  display: inline-block;
  height: 30px;
  width: 170px;
  box-sizing: content-box;
  position: absolute; }
  .add-academic-fee-modal___feeDesInput___2Viiq input {
    height: 100%;
    width: 96%;
    font-size: 13px;
    padding-left: 10px;
    border: none;
    background-color: #F2F3F7; }
  .add-academic-fee-modal___feeDesInput___2Viiq input:focus {
    border: 2px solid #227DF9; }

.add-academic-fee-modal___feeAmtInput___3kaI5 {
  display: inline-block;
  height: 30px;
  width: 122px;
  margin-left: -7px;
  position: absolute;
  left: 44.9%; }
  .add-academic-fee-modal___feeAmtInput___3kaI5 input {
    height: 100%;
    width: 98%;
    padding-left: 20px;
    border: none;
    border-left: 1px solid #00000038;
    background-color: #F2F3F7;
    font-size: 13px; }
  .add-academic-fee-modal___feeAmtInput___3kaI5 input[type='number'] {
    -moz-appearance: textfield; }
  .add-academic-fee-modal___feeAmtInput___3kaI5 input::-webkit-outer-spin-button,
  .add-academic-fee-modal___feeAmtInput___3kaI5 input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .add-academic-fee-modal___feeAmtInput___3kaI5 input:focus {
    border: 2px solid #227DF9; }

.add-academic-fee-modal___feeTimeInput___1shxo {
  display: inline-block;
  height: 30px;
  width: 150px;
  margin-left: -7px;
  position: absolute;
  left: 71.8%;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.add-academic-fee-modal___upArrow___30N9V {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 0px; }

.add-academic-fee-modal___downArrow___1sutB {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 10px; }

.add-academic-fee-modal___feeInputDivider___3TsEq {
  border-top: 1px solid #010430;
  padding: 0;
  opacity: 0.2;
  margin: 0; }

.add-academic-fee-modal___secModalHeader___3OP8g {
  padding: 20px; }
  .add-academic-fee-modal___secModalHeader___3OP8g h2 {
    margin-left: 30px;
    font-size: 30px; }
  .add-academic-fee-modal___secModalHeader___3OP8g p {
    margin: 10px 0 0 30px;
    font-size: 15px;
    opacity: 0.8; }
  .add-academic-fee-modal___secModalHeader___3OP8g img {
    width: 30px;
    right: 20px;
    position: absolute;
    cursor: pointer; }

.add-academic-fee-modal___secModalBody___Gt0H8 {
  padding: 20px; }

.add-academic-fee-modal___subjectItem___2ndvs {
  display: inline-block;
  height: 30px;
  padding: 4px;
  margin-left: 50px;
  margin-bottom: 30px;
  background: #C6C6C6;
  border: 1px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  border-radius: 23px;
  cursor: pointer; }
  .add-academic-fee-modal___subjectItem___2ndvs span {
    margin: 5px;
    color: #Fff; }

.add-academic-fee-modal___secModalFooter___2JZXj {
  position: relative;
  height: 70px; }

.add-academic-fee-modal___applyBtn___27RHs {
  position: absolute;
  height: 40px;
  width: 120px;
  top: 20%;
  left: 40%;
  background: #1BCC63;
  border-radius: 5px;
  color: #Fff; }
  .add-academic-fee-modal___applyBtn___27RHs span {
    position: absolute;
    font-family: SF Pro Text;
    font-size: 22px;
    line-height: 26px;
    top: 50%;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, -50%); }

.add-academic-fee-modal___Modal___3SN_W {
  background-color: #FFFFFF;
  box-sizing: border-box;
  border-radius: 15px;
  transition: all 0.3s ease-out; }

.add-academic-fee-modal___doneBtn___2Kv7R {
  height: 32.4px;
  margin-right: 30px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 104.62px;
  background: #1BCC63;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  margin-left: auto; }
  .add-academic-fee-modal___doneBtn___2Kv7R p {
    margin: 0;
    margin-left: 33px;
    line-height: 32.4px;
    font-weight: 500;
    font-size: 15px;
    opacity: 1; }

.add-academic-fee-modal___feeNameInput___3neI6 {
  height: 50px;
  width: 93%;
  margin: 20px 0px 0px 22px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer; }
  .add-academic-fee-modal___feeNameInput___3neI6 p {
    padding: 15px;
    opacity: 0.5; }
  .add-academic-fee-modal___feeNameInput___3neI6 span {
    font-size: 12px;
    margin: 5px 10px; }
  .add-academic-fee-modal___feeNameInput___3neI6 input {
    height: 25px;
    width: 98%;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
    background-color: #F2F3F7;
    border-bottom: 3px solid #0062FF; }
  .add-academic-fee-modal___feeNameInput___3neI6 img {
    width: 20px;
    position: absolute;
    right: 50px; }

.add-academic-fee-modal___selectedSub___1xI_f {
  width: 100%;
  background-color: #F3F4F7; }
  .add-academic-fee-modal___selectedSub___1xI_f div {
    margin: 10px; }

.add-academic-fee-modal___optionModal___2rGiU {
  position: absolute;
  z-index: 200;
  top: -15px;
  right: 30px;
  height: 100px;
  width: 200px;
  background: #FFFFFF;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.add-academic-fee-modal___editContainer___v5K65 {
  height: 49%; }
  .add-academic-fee-modal___editContainer___v5K65 img {
    width: 30px;
    padding: 10px; }

.add-academic-fee-modal___editContainer___v5K65:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.add-academic-fee-modal___editHeader___b8w8Y {
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  font-size: 16px; }

.add-academic-fee-modal___editBody___3t-eO {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 25px;
  position: absolute;
  display: inline-block; }

.add-academic-fee-modal___deleteContainer___p7CP0 {
  height: 48%; }
  .add-academic-fee-modal___deleteContainer___p7CP0 img {
    width: 25px;
    padding: 10px; }

.add-academic-fee-modal___deleteContainer___p7CP0:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.add-academic-fee-modal___deleteHeader___1yGxT {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .add-academic-fee-modal___deleteHeader___1yGxT p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.add-academic-fee-modal___deleteBody___3lUbg {
  margin: 15px 30px; }

.add-academic-fee-modal___cancelBtn___9IGDB {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer; }
  .add-academic-fee-modal___cancelBtn___9IGDB div {
    margin: 5px 10px; }

.add-academic-fee-modal___deleteBtn___1iC6c {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .add-academic-fee-modal___deleteBtn___1iC6c div {
    margin: 5px 15px; }

.add-academic-fee-modal___delBtnModal___1F3_q {
  height: 35px;
  position: absolute;
  left: 150px;
  color: #FF3653;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #FF3653;
  cursor: pointer; }
  .add-academic-fee-modal___delBtnModal___1F3_q p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.add-academic-fee-modal___doneBtnModal___3GDR8 {
  height: 35px;
  position: absolute;
  right: 150px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .add-academic-fee-modal___doneBtnModal___3GDR8 p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.add-academic-fee-modal___container___pF1jo {
  display: block;
  margin-left: 16.69px;
  color: rgba(31, 49, 74, 0.7);
  margin-top: 25px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  line-height: 18px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.add-academic-fee-modal___container___pF1jo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.add-academic-fee-modal___checkmark___2k_rj {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 19px;
  border-radius: 4px;
  border: 1px solid rgba(31, 49, 74, 0.2);
  background-color: #F2F3F7; }

/* On mouse-over, add a grey background color */
.add-academic-fee-modal___container___pF1jo:hover input ~ .add-academic-fee-modal___checkmark___2k_rj {
  background-color: #F7F7F8; }

/* When the checkbox is checked, add a blue background */
.add-academic-fee-modal___container___pF1jo input:checked ~ .add-academic-fee-modal___checkmark___2k_rj {
  width: 19px;
  background-color: #0062FF;
  height: 18px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.add-academic-fee-modal___checkmark___2k_rj:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.add-academic-fee-modal___container___pF1jo input:checked ~ .add-academic-fee-modal___checkmark___2k_rj:after {
  display: block; }

/* Style the checkmark/indicator */
.add-academic-fee-modal___container___pF1jo .add-academic-fee-modal___checkmark___2k_rj:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.add-academic-fee-modal___calendarWarpper___20DMx {
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.add-academic-fee-modal___startDate___rhiw9 {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px; }

.add-academic-fee-modal___invalidMessagePayment___1x46f {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  position: absolute;
  margin-right: 28px;
  margin-top: 5px; }

.add-academic-fee-modal___floatingLabel___Lw5SN {
  position: relative;
  margin-top: 30px;
  margin-left: 16px;
  width: 150px; }
  .add-academic-fee-modal___floatingLabel___Lw5SN label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-academic-fee-modal___floatingLabel___Lw5SN input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .add-academic-fee-modal___floatingLabel___Lw5SN input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: 0.8;
    padding-left: 16.67px;
    padding-top: 7.48px;
    font-weight: normal;
    font-size: 11px; }
  .add-academic-fee-modal___floatingLabel___Lw5SN input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-academic-fee-modal___floatingLabel___Lw5SN input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-academic-fee-modal___floatingLabel___Lw5SN input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-academic-fee-modal___floatingLabel___Lw5SN .add-academic-fee-modal___invalidMessage___ku5pb {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .add-academic-fee-modal___floatingLabel___Lw5SN input:invalid + label + .add-academic-fee-modal___invalidMessage___ku5pb {
    display: block; }

.add-academic-fee-modal___invalidMessage___ku5pb {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.add-academic-fee-modal___days___11uME:invalid + .add-academic-fee-modal___invalidMessage___ku5pb {
  display: block; }

input:invalid + .add-academic-fee-modal___invalidMessage___ku5pb {
  display: block; }

.add-academic-fee-modal___loader___trlKw,
.add-academic-fee-modal___loader___trlKw:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-academic-fee-modal___loader___trlKw {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-academic-fee-modal___load8___1cDG7 1.1s infinite linear;
  animation: add-academic-fee-modal___load8___1cDG7 1.1s infinite linear; }

@-webkit-keyframes add-academic-fee-modal___load8___1cDG7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-academic-fee-modal___load8___1cDG7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-academic-fee-modal___mainContainer___2Vd0a {
  margin: 5px;
  height: 90vh;
  width: 135%;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.15); }

.edit-academic-fee-modal___mainHeader___1o6px {
  height: 70px;
  width: 100%; }

.edit-academic-fee-modal___payments___-Htrg {
  display: inline;
  padding: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px; }

.edit-academic-fee-modal___dues___U8Gak {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.edit-academic-fee-modal___duesActive___3C-r9 {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.edit-academic-fee-modal___offline___3bxK1 {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.edit-academic-fee-modal___offlineActive___6yp2d {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.edit-academic-fee-modal___transaction___vKB8v {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.edit-academic-fee-modal___transactionActive___1Gmg- {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.edit-academic-fee-modal___underline___31-Qq {
  border-bottom: 2px solid #227DF9; }

.edit-academic-fee-modal___messageArea___2T2ls {
  padding: 20px;
  color: #227DF9;
  font-size: 30px;
  font-weight: 700; }

.edit-academic-fee-modal___classComponent___DJxSb {
  height: 130px;
  width: 230px;
  display: inline-block;
  font-size: 30px;
  margin: 30px;
  background: #FFFFFF;
  border: 2px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  border-radius: 15px; }

.edit-academic-fee-modal___class___F23IF {
  padding: 35px;
  font-weight: 700;
  cursor: pointer; }

.edit-academic-fee-modal___back___1WSlZ {
  padding: 5px;
  margin-left: 20px;
  font-size: 13px;
  opacity: 0.7;
  cursor: pointer; }

.edit-academic-fee-modal___classHeader___2Y8PY {
  font-size: 32px;
  font-weight: 700;
  margin-left: 30px; }

.edit-academic-fee-modal___leftComponent___1rle1 {
  height: 80vh;
  width: 35%;
  display: inline-block;
  border: 1px solid #eae7e7;
  position: relative;
  overflow: scroll; }

.edit-academic-fee-modal___rightComponent___1nyW7 {
  display: inline-block;
  position: absolute;
  width: 87%;
  height: 200px;
  background-color: #F2F3F7; }

.edit-academic-fee-modal___addFee___2GoBW {
  position: absolute;
  padding-top: 20px;
  font-size: 22px;
  font-weight: 700;
  margin-left: 12px; }

.edit-academic-fee-modal___subText___30bLk {
  position: absolute;
  padding-top: 10px;
  margin-top: 35px;
  margin-left: 12px;
  font-size: 12px; }

.edit-academic-fee-modal___addFeeIcon___17_Uj {
  height: 50px;
  width: 50px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer; }

.edit-academic-fee-modal___addFeeIcon___17_Uj:hover {
  opacity: 0.8; }

.edit-academic-fee-modal___addFeeIcon___17_Uj:active {
  opacity: 0.8; }

.edit-academic-fee-modal___noFeeFound___G18L6 {
  font-size: 30px;
  color: #227DF9;
  margin: 45px 0 5px 25px;
  font-weight: bold; }

.edit-academic-fee-modal___divider___1Ohid {
  margin: 0px 30px;
  width: 124%;
  border-top: 1px solid black;
  opacity: 0.2; }

.edit-academic-fee-modal___feeListComponent___13u-d {
  height: 85px;
  width: 100%;
  border: 1px solid white;
  position: relative;
  cursor: pointer;
  z-index: 0; }

.edit-academic-fee-modal___feeListComponent___13u-d:hover {
  background-color: #EEEBEB; }

.edit-academic-fee-modal___feeIcon___2XfwI {
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: 20px;
  margin-top: 12px; }

.edit-academic-fee-modal___feeName___14zWB {
  position: absolute;
  font-size: 17px;
  margin-left: 60px;
  margin-top: 15px;
  font-weight: bold; }

.edit-academic-fee-modal___feeType___2_Ql_ {
  height: 20px;
  width: 80px;
  position: absolute;
  margin-top: 13px;
  font-size: 11px;
  margin-left: 195px;
  text-align: center;
  border-radius: 10px;
  background-color: #227DF9;
  color: #FFFFFF; }

.edit-academic-fee-modal___feeDivider___FrUqb {
  margin-left: 28px;
  padding: 0;
  border-top: 1px solid black;
  margin-top: 55px;
  opacity: 0.2; }

.edit-academic-fee-modal___created___3IW4w {
  position: absolute;
  left: 20px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.edit-academic-fee-modal___avatar___6Lart {
  width: 20px;
  position: absolute;
  left: 90px;
  bottom: 5px;
  border-radius: 50%; }

.edit-academic-fee-modal___username___1EYEu {
  position: absolute;
  left: 120px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.edit-academic-fee-modal___timestamp___3w76Y {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  opacity: 0.8; }

.edit-academic-fee-modal___bottomDivider___leD_L {
  margin-top: 30px;
  padding: 0;
  border-top: 1px solid black;
  opacity: 0.2; }

.edit-academic-fee-modal___feeTypeP___1c6Tg {
  margin: 0;
  padding: 5px; }

.edit-academic-fee-modal___optionIcon___Jp1r4 {
  position: absolute;
  width: 25px;
  right: 5px;
  top: 10px; }

.edit-academic-fee-modal___rightContainer___ug0hG {
  height: 80vh;
  width: 94%;
  margin: 20px;
  margin-top: 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border: 1px solid #EEEBEB;
  box-sizing: border-box;
  overflow: scroll; }

.edit-academic-fee-modal___rightFeeIcon___2vsGP {
  width: 100px;
  position: absolute;
  top: 30px;
  left: 20px; }

.edit-academic-fee-modal___rightFeeName___2ILI1 {
  position: absolute;
  font-size: 32px;
  top: 23px;
  left: 156px;
  font-weight: bold; }

.edit-academic-fee-modal___rightCreatedBy___iZCTk {
  position: absolute;
  font-size: 12px;
  top: 60px;
  left: 155px; }

.edit-academic-fee-modal___rightTimestamp___23JLw {
  position: absolute;
  font-size: 10px;
  top: 61px;
  left: 280px;
  opacity: 0.6; }

.edit-academic-fee-modal___sectionDetails___2pecP {
  height: 100px;
  position: relative;
  width: 60%;
  top: 90px;
  left: 155px; }

.edit-academic-fee-modal___sectionBar___1JHSV {
  padding: 10px;
  margin-left: 10px;
  vertical-align: super;
  font-weight: bold;
  font-size: 14px; }

.edit-academic-fee-modal___sectionIcon___3Z40k {
  width: 20px; }

.edit-academic-fee-modal___section___3TZTo {
  margin-left: 70px;
  font-weight: normal;
  opacity: 0.6; }

.edit-academic-fee-modal___descriptionBox___15mk6 {
  height: auto;
  width: 100%; }

.edit-academic-fee-modal___descriptionBoxHeader___3Zj8v {
  height: 28px;
  background: #F2F3F7;
  font-size: 20px;
  font-weight: bold;
  padding-top: 4px; }
  .edit-academic-fee-modal___descriptionBoxHeader___3Zj8v div {
    display: inline-block;
    position: absolute;
    margin-left: 40px; }

.edit-academic-fee-modal___descriptionBoxHeader___3Zj8v span {
  margin-left: 40px; }

.edit-academic-fee-modal___switchIcon___31tcA {
  position: absolute;
  right: 30px; }

.edit-academic-fee-modal___item1___NSHw9 {
  display: inline-block;
  width: 120px;
  margin-left: 30px; }
  .edit-academic-fee-modal___item1___NSHw9 p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }
  .edit-academic-fee-modal___item1___NSHw9 span {
    font-size: 12px; }

.edit-academic-fee-modal___item2___mu3vc {
  display: inline-block;
  margin: -9px 40px; }
  .edit-academic-fee-modal___item2___mu3vc p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }

.edit-academic-fee-modal___modalHeader___HgJPR img {
  width: 19.46px;
  position: absolute;
  height: 19.44px;
  right: 10px;
  cursor: pointer; }

.edit-academic-fee-modal___modalHeader___HgJPR h2 {
  margin: 0;
  font-weight: bold;
  font-size: 22px; }

.edit-academic-fee-modal___modalHeader___HgJPR p {
  margin: 0;
  margin-bottom: 13px;
  opacity: 0.8;
  margin-top: 5px;
  font-size: 15px; }

.edit-academic-fee-modal___modalBody___3c5CV h2 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  margin-top: 10px; }

.edit-academic-fee-modal___modalBody___3c5CV p {
  margin: 0;
  opacity: 0.8;
  margin-top: 8.96px;
  font-size: 13px;
  margin-left: 18.51px; }

.edit-academic-fee-modal___modalBody___3c5CV h3 {
  margin: 0px;
  margin-top: 7px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 3px; }

.edit-academic-fee-modal___option1___tKxaN {
  display: inline-block;
  height: 111px;
  width: 232px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .edit-academic-fee-modal___option1___tKxaN img {
    width: 74.07px;
    height: 56.9px;
    position: absolute;
    top: 22.04px;
    left: 18px; }
  .edit-academic-fee-modal___option1___tKxaN p {
    position: absolute;
    top: 20px;
    font-weight: bold;
    font-size: 22px;
    margin-left: 100px; }

.edit-academic-fee-modal___option1___tKxaN:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.edit-academic-fee-modal___option1Selected___1D3wp {
  display: inline-block;
  height: 111.1px;
  width: 232.28px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5);
  margin-top: 21.43px; }
  .edit-academic-fee-modal___option1Selected___1D3wp img {
    width: 74.07px;
    height: 56.85px;
    position: absolute;
    top: 19.44px;
    left: 18.15px; }
  .edit-academic-fee-modal___option1Selected___1D3wp p {
    width: 100px;
    position: absolute;
    top: 22.57px;
    left: 100.45px;
    font-weight: bold;
    font-size: 22px; }
  .edit-academic-fee-modal___option1Selected___1D3wp .edit-academic-fee-modal___tick___32QP5 {
    width: 22.5px;
    position: absolute;
    height: 22.5px;
    left: 191.45px;
    top: 69.57px; }

.edit-academic-fee-modal___option2___7u4yk {
  display: inline-block;
  height: 111px;
  width: 232px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .edit-academic-fee-modal___option2___7u4yk img {
    width: 68.21px;
    height: 65.73px;
    position: absolute;
    top: 21.96px;
    left: 18.08px; }
  .edit-academic-fee-modal___option2___7u4yk p {
    position: absolute;
    top: 20px;
    font-weight: bold;
    font-size: 22px;
    left: 100px;
    margin-right: 46px; }

.edit-academic-fee-modal___option2___7u4yk:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.edit-academic-fee-modal___option2Selected___3xQZu {
  display: inline-block;
  height: 111.1px;
  width: 232.38px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5);
  margin-top: 21.43px; }
  .edit-academic-fee-modal___option2Selected___3xQZu img {
    width: 68.21px;
    height: 65.73px;
    position: absolute;
    top: 22.96px;
    left: 18.08px; }
  .edit-academic-fee-modal___option2Selected___3xQZu p {
    position: absolute;
    top: 22.57px;
    left: 99.93px;
    font-weight: bold;
    font-size: 22px;
    margin-right: 46px; }
  .edit-academic-fee-modal___option2Selected___3xQZu .edit-academic-fee-modal___tick___32QP5 {
    width: 22.5px;
    position: absolute;
    height: 22.5px;
    left: 191.45px;
    top: 69.57px; }

.edit-academic-fee-modal___fieldsSection___36czA {
  width: 100%;
  height: 150px;
  position: relative; }

.edit-academic-fee-modal___sectionFieldActive___h25r5 {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  margin: 20px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.edit-academic-fee-modal___sectionField___2tKA0 {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  margin: 20px;
  border-radius: 5px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer; }

.edit-academic-fee-modal___sectionFieldLateralEntry___TBmCR {
  display: inline-block;
  height: 35.29px;
  width: 150.64px;
  border-radius: 5px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer; }

.edit-academic-fee-modal___sectionField___2tKA0:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.edit-academic-fee-modal___classesList___2qO2o {
  position: absolute;
  top: 74px;
  left: 22px;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .edit-academic-fee-modal___classesList___2qO2o p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .edit-academic-fee-modal___classesList___2qO2o p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.edit-academic-fee-modal___paymentList___23RO7 {
  position: absolute;
  top: 40px;
  right: 20px;
  height: auto;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .edit-academic-fee-modal___paymentList___23RO7 p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .edit-academic-fee-modal___paymentList___23RO7 p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.edit-academic-fee-modal___paymentListBusFee___120I- {
  position: absolute;
  top: 308px;
  right: 52px;
  height: auto;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .edit-academic-fee-modal___paymentListBusFee___120I- p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .edit-academic-fee-modal___paymentListBusFee___120I- p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.edit-academic-fee-modal___paymentSectionActive___vzvaw {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: relative;
  right: 0px;
  margin: 20px;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.edit-academic-fee-modal___paymentSection___K2hGM {
  display: inline-block;
  position: relative;
  right: 0px;
  border: 2px solid #fff;
  margin: 20px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer;
  height: 46.29px;
  width: 241.64px;
  margin-left: auto; }

.edit-academic-fee-modal___paymentSection___K2hGM:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.edit-academic-fee-modal___dueSection___ckc7v {
  display: inline-block;
  height: 50px;
  width: 168px;
  top: 60%;
  margin-left: 20px;
  border-radius: 5px; }

.edit-academic-fee-modal___everySection___2o33u {
  display: inline-block;
  height: 50px;
  width: 130px;
  position: relative;
  text-align: center;
  border-radius: 5px;
  background-color: #fff; }

.edit-academic-fee-modal___triangleUp___9RQtB {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 16px; }

.edit-academic-fee-modal___triangleUpHostel___uZASh {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 10px; }

.edit-academic-fee-modal___triangleDown___eEHtm {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 14px; }

.edit-academic-fee-modal___triangleDownHostel___3ts2t {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 9px; }

.edit-academic-fee-modal___sectionP___3dLij {
  padding: 14px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.edit-academic-fee-modal___sectionPLateral___1kgLG {
  padding: 11px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.edit-academic-fee-modal___sectionPAfter___kHdvW {
  padding: 14px;
  font-weight: normal;
  font-size: 15px;
  opacity: 0.8; }

.edit-academic-fee-modal___sectionPActive___LMkg4 {
  padding: 5px 15px;
  font-size: 11px;
  opacity: 0.8; }
  .edit-academic-fee-modal___sectionPActive___LMkg4 div {
    padding: 5px;
    font-size: 15px; }
    .edit-academic-fee-modal___sectionPActive___LMkg4 div span {
      font-weight: 500;
      font-size: 15px; }

.edit-academic-fee-modal___dueDate___3CRve {
  display: inline-block;
  height: 100%;
  width: 85px;
  font-size: 14px; }

.edit-academic-fee-modal___days___2jmdt {
  display: inline-block;
  height: 46.29px;
  width: 60.91px;
  font-size: 14px;
  position: absolute;
  background: inherit;
  border: none;
  padding-left: 20px;
  background-color: #F2F3F7; }
  .edit-academic-fee-modal___days___2jmdt input[type='number'] {
    -moz-appearance: textfield;
    height: 50%;
    width: 70%;
    background-color: #F2F3F7;
    border: none;
    padding-left: 30px;
    font-weight: 500;
    opacity: 0.8;
    font-size: 18px; }
  .edit-academic-fee-modal___days___2jmdt input::-webkit-outer-spin-button,
  .edit-academic-fee-modal___days___2jmdt input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.edit-academic-fee-modal___afterSection___2kWWk {
  height: 50px;
  width: 100%;
  display: flex; }

.edit-academic-fee-modal___every___2Nntu {
  height: 31.48px;
  line-height: 28px;
  margin-top: 10px;
  width: 79.99px;
  border-radius: 10px 0 0 10px;
  font-size: 13px; }

.edit-academic-fee-modal___month___1WFQL {
  display: inline-block;
  margin-top: 10px;
  line-height: 28px;
  font-size: 13px; }

.edit-academic-fee-modal___feeSection___3tsVX {
  position: relative;
  min-height: 60px;
  width: 520px;
  margin-top: 30px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.edit-academic-fee-modal___feeSectionHostel___39Loz {
  position: relative;
  min-height: 60px;
  width: 520px;
  margin-top: 10px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.edit-academic-fee-modal___feeSectionHeader___SFFXZ {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative; }

.edit-academic-fee-modal___feeDes___2gX6O {
  left: 20px;
  display: inline-block;
  height: 20px;
  width: 32%;
  margin: 5px;
  margin-left: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .edit-academic-fee-modal___feeDes___2gX6O span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.edit-academic-fee-modal___feeAmt___3dP2h {
  display: inline-block;
  height: 20px;
  width: 25%;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .edit-academic-fee-modal___feeAmt___3dP2h span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.edit-academic-fee-modal___feeTime___2Acvv {
  display: inline-block;
  width: 25%;
  height: 20px;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .edit-academic-fee-modal___feeTime___2Acvv span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.edit-academic-fee-modal___iconFee___2eP1L {
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: 5px;
  margin-left: 10px;
  padding: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.edit-academic-fee-modal___iconFee___2eP1L:hover {
  opacity: 0.8; }

.edit-academic-fee-modal___feeSectionBody___1ffHt {
  height: auto; }

.edit-academic-fee-modal___transportSection___3Qo0e {
  margin: 20px;
  height: 45.36px;
  width: 519.38px;
  background-color: #F2F3F7; }
  .edit-academic-fee-modal___transportSection___3Qo0e img {
    width: 39.81px;
    height: 21.29px;
    cursor: pointer;
    margin-left: 13.29px;
    margin-top: 12.09px; }
  .edit-academic-fee-modal___transportSection___3Qo0e span {
    position: absolute;
    padding: 15px;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.edit-academic-fee-modal___feeInputBox___2PdGt {
  height: 40px;
  width: 100%;
  position: relative; }
  .edit-academic-fee-modal___feeInputBox___2PdGt img {
    display: inline-block;
    margin: 7px;
    padding-left: 3px;
    margin-bottom: 10px;
    padding-right: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer; }

.edit-academic-fee-modal___deleteIcon___3jMOs {
  display: inline-block;
  margin-left: 12px;
  margin-top: 4px;
  padding-right: 8px;
  border-right: 1px solid #00000038; }

.edit-academic-fee-modal___deleteIconHostel___2OZQ9 {
  display: inline-block;
  width: 50px;
  height: 30px;
  border-right: 1px solid #00000038;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
  font-size: 13px; }

.edit-academic-fee-modal___feeDesInput___3vttv {
  display: inline-block;
  height: 30px;
  width: 170px;
  box-sizing: content-box;
  position: absolute; }
  .edit-academic-fee-modal___feeDesInput___3vttv input {
    height: 100%;
    width: 96%;
    font-size: 13px;
    padding-left: 10px;
    border: none;
    background-color: #F2F3F7; }
  .edit-academic-fee-modal___feeDesInput___3vttv input:focus {
    border: 2px solid #227DF9; }

.edit-academic-fee-modal___feeAmtInput___189nL {
  display: inline-block;
  height: 30px;
  width: 122px;
  margin-left: -7px;
  position: absolute;
  left: 44.9%; }
  .edit-academic-fee-modal___feeAmtInput___189nL input {
    height: 100%;
    width: 98%;
    padding-left: 20px;
    border: none;
    border-left: 1px solid #00000038;
    background-color: #F2F3F7;
    font-size: 13px; }
  .edit-academic-fee-modal___feeAmtInput___189nL input[type='number'] {
    -moz-appearance: textfield; }
  .edit-academic-fee-modal___feeAmtInput___189nL input::-webkit-outer-spin-button,
  .edit-academic-fee-modal___feeAmtInput___189nL input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .edit-academic-fee-modal___feeAmtInput___189nL input:focus {
    border: 2px solid #227DF9; }

.edit-academic-fee-modal___feeTimeInput___E4oiH {
  display: inline-block;
  height: 30px;
  width: 150px;
  margin-left: -7px;
  position: absolute;
  left: 71.8%;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.edit-academic-fee-modal___upArrow___1miw8 {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 0px; }

.edit-academic-fee-modal___downArrow___1g-9S {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 10px; }

.edit-academic-fee-modal___feeInputDivider___15Uwi {
  border-top: 1px solid #010430;
  padding: 0;
  opacity: 0.2;
  margin: 0; }

.edit-academic-fee-modal___secModalHeader___1Q_3k {
  padding: 20px; }
  .edit-academic-fee-modal___secModalHeader___1Q_3k h2 {
    margin-left: 30px;
    font-size: 30px; }
  .edit-academic-fee-modal___secModalHeader___1Q_3k p {
    margin: 10px 0 0 30px;
    font-size: 15px;
    opacity: 0.8; }
  .edit-academic-fee-modal___secModalHeader___1Q_3k img {
    width: 30px;
    right: 20px;
    position: absolute;
    cursor: pointer; }

.edit-academic-fee-modal___secModalBody___2f0FC {
  padding: 20px; }

.edit-academic-fee-modal___subjectItem___3Esjl {
  display: inline-block;
  height: 30px;
  padding: 4px;
  margin-left: 50px;
  margin-bottom: 30px;
  background: #C6C6C6;
  border: 1px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  border-radius: 23px;
  cursor: pointer; }
  .edit-academic-fee-modal___subjectItem___3Esjl span {
    margin: 5px;
    color: #Fff; }

.edit-academic-fee-modal___secModalFooter___2ftHF {
  position: relative;
  height: 70px; }

.edit-academic-fee-modal___applyBtn___1py0I {
  position: absolute;
  height: 40px;
  width: 120px;
  top: 20%;
  left: 40%;
  background: #1BCC63;
  border-radius: 5px;
  color: #Fff; }
  .edit-academic-fee-modal___applyBtn___1py0I span {
    position: absolute;
    font-family: SF Pro Text;
    font-size: 22px;
    line-height: 26px;
    top: 50%;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, -50%); }

.edit-academic-fee-modal___Modal___1FUX0 {
  background-color: #FFFFFF;
  box-sizing: border-box;
  border-radius: 15px;
  transition: all 0.3s ease-out; }

.edit-academic-fee-modal___doneBtn___Syv-N {
  height: 32.4px;
  margin-right: 30px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 104.62px;
  background: #1BCC63;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  margin-left: auto; }
  .edit-academic-fee-modal___doneBtn___Syv-N p {
    margin: 0;
    margin-left: 33px;
    line-height: 32.4px;
    font-weight: 500;
    font-size: 15px;
    opacity: 1; }

.edit-academic-fee-modal___feeNameInput___2GI6x {
  height: 50px;
  width: 93%;
  margin: 20px 0px 0px 22px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer; }
  .edit-academic-fee-modal___feeNameInput___2GI6x p {
    padding: 15px;
    opacity: 0.5; }
  .edit-academic-fee-modal___feeNameInput___2GI6x span {
    font-size: 12px;
    margin: 5px 10px; }
  .edit-academic-fee-modal___feeNameInput___2GI6x input {
    height: 25px;
    width: 98%;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
    background-color: #F2F3F7;
    border-bottom: 3px solid #0062FF; }
  .edit-academic-fee-modal___feeNameInput___2GI6x img {
    width: 20px;
    position: absolute;
    right: 50px; }

.edit-academic-fee-modal___selectedSub___28NhN {
  width: 100%;
  background-color: #F3F4F7; }
  .edit-academic-fee-modal___selectedSub___28NhN div {
    margin: 10px; }

.edit-academic-fee-modal___optionModal___20pe2 {
  position: absolute;
  z-index: 200;
  top: -15px;
  right: 30px;
  height: 100px;
  width: 200px;
  background: #FFFFFF;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.edit-academic-fee-modal___editContainer___2Poiq {
  height: 49%; }
  .edit-academic-fee-modal___editContainer___2Poiq img {
    width: 30px;
    padding: 10px; }

.edit-academic-fee-modal___editContainer___2Poiq:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.edit-academic-fee-modal___editHeader___2p28r {
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  font-size: 16px; }

.edit-academic-fee-modal___editBody___6Ob6L {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 25px;
  position: absolute;
  display: inline-block; }

.edit-academic-fee-modal___deleteContainer___2DFUF {
  height: 48%; }
  .edit-academic-fee-modal___deleteContainer___2DFUF img {
    width: 25px;
    padding: 10px; }

.edit-academic-fee-modal___deleteContainer___2DFUF:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.edit-academic-fee-modal___deleteHeader___gm8F6 {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .edit-academic-fee-modal___deleteHeader___gm8F6 p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.edit-academic-fee-modal___deleteBody___2F945 {
  margin: 15px 30px; }

.edit-academic-fee-modal___cancelBtn___2apxh {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer; }
  .edit-academic-fee-modal___cancelBtn___2apxh div {
    margin: 5px 10px; }

.edit-academic-fee-modal___deleteBtn___3e9B- {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .edit-academic-fee-modal___deleteBtn___3e9B- div {
    margin: 5px 15px; }

.edit-academic-fee-modal___delBtnModal___2gV8B {
  height: 35px;
  position: absolute;
  left: 150px;
  color: #FF3653;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #FF3653;
  cursor: pointer; }
  .edit-academic-fee-modal___delBtnModal___2gV8B p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.edit-academic-fee-modal___doneBtnModal___o8RzC {
  height: 35px;
  position: absolute;
  right: 150px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .edit-academic-fee-modal___doneBtnModal___o8RzC p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.edit-academic-fee-modal___container___3M19X {
  display: block;
  margin-left: 16.69px;
  color: rgba(31, 49, 74, 0.7);
  margin-top: 25px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  line-height: 18px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.edit-academic-fee-modal___container___3M19X input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.edit-academic-fee-modal___checkmark___3xddB {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 19px;
  border-radius: 4px;
  border: 1px solid rgba(31, 49, 74, 0.2);
  background-color: #F2F3F7; }

/* On mouse-over, add a grey background color */
.edit-academic-fee-modal___container___3M19X:hover input ~ .edit-academic-fee-modal___checkmark___3xddB {
  background-color: #F7F7F8; }

/* When the checkbox is checked, add a blue background */
.edit-academic-fee-modal___container___3M19X input:checked ~ .edit-academic-fee-modal___checkmark___3xddB {
  width: 19px;
  background-color: #0062FF;
  height: 18px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.edit-academic-fee-modal___checkmark___3xddB:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.edit-academic-fee-modal___container___3M19X input:checked ~ .edit-academic-fee-modal___checkmark___3xddB:after {
  display: block; }

/* Style the checkmark/indicator */
.edit-academic-fee-modal___container___3M19X .edit-academic-fee-modal___checkmark___3xddB:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.edit-academic-fee-modal___calendarWarpper___1GzJW {
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.edit-academic-fee-modal___startDate___YrHZd {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px; }

.edit-academic-fee-modal___invalidMessagePayment___3eVZM {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  position: absolute;
  margin-right: 28px;
  margin-top: 5px; }

.edit-academic-fee-modal___floatingLabel___nmUYS {
  position: relative;
  margin-top: 30px;
  margin-left: 16px;
  width: 150px; }
  .edit-academic-fee-modal___floatingLabel___nmUYS label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-academic-fee-modal___floatingLabel___nmUYS input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .edit-academic-fee-modal___floatingLabel___nmUYS input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: 0.8;
    padding-left: 16.67px;
    padding-top: 7.48px;
    font-weight: normal;
    font-size: 11px; }
  .edit-academic-fee-modal___floatingLabel___nmUYS input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-academic-fee-modal___floatingLabel___nmUYS input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-academic-fee-modal___floatingLabel___nmUYS input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-academic-fee-modal___floatingLabel___nmUYS .edit-academic-fee-modal___invalidMessage___1LtLs {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .edit-academic-fee-modal___floatingLabel___nmUYS input:invalid + label + .edit-academic-fee-modal___invalidMessage___1LtLs {
    display: block; }

.edit-academic-fee-modal___invalidMessage___1LtLs {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.edit-academic-fee-modal___days___2jmdt:invalid + .edit-academic-fee-modal___invalidMessage___1LtLs {
  display: block; }

input:invalid + .edit-academic-fee-modal___invalidMessage___1LtLs {
  display: block; }

.edit-academic-fee-modal___loader___1NddD,
.edit-academic-fee-modal___loader___1NddD:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-academic-fee-modal___loader___1NddD {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-academic-fee-modal___load8___2JXZK 1.1s infinite linear;
  animation: edit-academic-fee-modal___load8___2JXZK 1.1s infinite linear; }

@-webkit-keyframes edit-academic-fee-modal___load8___2JXZK {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-academic-fee-modal___load8___2JXZK {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.view-adhoc-fee___back___1DEOW {
  padding: 5px;
  margin-left: 24px;
  opacity: 0.7;
  cursor: pointer;
  font-weight: 500;
  font-size: 11px;
  margin-top: 5px;
  padding-bottom: 0; }

.view-adhoc-fee___back___1DEOW:hover {
  text-decoration: underline;
  color: #227DF9; }

.view-adhoc-fee___classHeader___vQ6r7 {
  font-size: 22px;
  font-weight: 600;
  margin-left: 38px;
  line-height: 38px; }

.view-adhoc-fee___addFeeComponent___3o4Gb {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 100;
  display: flex;
  border-bottom: 1px solid #f1f1f5; }

.view-adhoc-fee___leftComponent___2upU5 {
  width: 282px;
  border: 1px solid #eae7e7; }

.view-adhoc-fee___rightComponent___2ADdV {
  width: 483px;
  background-color: #F2F3F7;
  position: absolute;
  left: 290px;
  bottom: 0;
  top: 0; }

.view-adhoc-fee___addFee___2mt2g {
  display: flex;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center;
  font-weight: 550; }

.view-adhoc-fee___subText___3tVhC {
  position: absolute;
  padding-top: 10px;
  margin-top: 35px;
  margin-left: 12px;
  font-size: 12px; }

.view-adhoc-fee___addFeeIcon___lP4tG {
  width: 43px;
  height: 43px;
  margin-left: 16px;
  margin-top: 16.36px;
  margin-right: 7px; }

.view-adhoc-fee___addFeeIcon___lP4tG:hover {
  opacity: 0.8; }

.view-adhoc-fee___addFeeIcon___lP4tG:active {
  opacity: 0.8; }

.view-adhoc-fee___noFeeFound___Dparc {
  font-size: 30px;
  color: #227DF9;
  margin: 45px 0 5px 25px;
  font-weight: bold; }

.view-adhoc-fee___divider___172f1 {
  margin: 0px 30px;
  width: 124%;
  border-top: 1px solid black;
  opacity: 0.2; }

.view-adhoc-fee___feeListComponent___3O3QB {
  height: 72px;
  border: 1px solid white;
  position: relative;
  cursor: pointer;
  z-index: 0;
  border-bottom: 1px solid #D8D8DE; }

.view-adhoc-fee___feeListComponentActive___1kCOL {
  height: 72px;
  border: 1px solid #EEEBEB;
  position: relative;
  cursor: pointer;
  background-color: #EEEBEB;
  border-bottom: 1px solid #D8D8DE; }

.view-adhoc-fee___feeListComponent___3O3QB:hover {
  background-color: #F7F7F8; }

.view-adhoc-fee___feeIcon___1ZDY_ {
  position: absolute;
  height: 19.36px;
  width: 23.11px;
  margin-left: 20px;
  margin-top: 8.89px; }

.view-adhoc-fee___feeName___Gtadt {
  position: absolute;
  margin-left: 56px;
  margin-top: 10px;
  font-weight: 500;
  font-size: 15px;
  opacity: 0.9; }

.view-adhoc-fee___feeType___JJB6h {
  position: absolute;
  margin-top: 13px;
  right: 40px;
  text-align: center;
  border-radius: 10px;
  background-color: #227DF9;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 10px; }

.view-adhoc-fee___feeDivider___3Yw4d {
  margin-left: 28px;
  padding: 0;
  border-top: 1px solid black;
  margin-top: 50px;
  opacity: 0.2; }

.view-adhoc-fee___created___IG-ey {
  position: absolute;
  left: 20px;
  bottom: 5px;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px; }

.view-adhoc-fee___avatar___3Pvk4 {
  width: 16.89px;
  height: 16.89px;
  line-height: 16.89px;
  position: absolute;
  left: 90px;
  text-align: center;
  bottom: 2px;
  font-size: 10px;
  border-radius: 50%;
  color: #FFFFFF; }

.view-adhoc-fee___username___15r9W {
  position: absolute;
  left: 120px;
  bottom: 5px;
  font-weight: 500;
  font-size: 10px;
  opacity: 0.6; }

.view-adhoc-fee___timestamp___3EXUp {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 10px;
  opacity: 0.8; }

.view-adhoc-fee___bottomDivider___1vSsL {
  margin-top: 30px;
  padding: 0;
  border-top: 1px solid black;
  opacity: 0.2; }

.view-adhoc-fee___feeTypeP___2_lmK {
  margin: 0;
  padding: 5px; }

.view-adhoc-fee___optionIcon___1biiS {
  display: none;
  position: absolute;
  width: 25px;
  right: 5px;
  top: 10px; }

.view-adhoc-fee___rightContainer___1aseg {
  position: absolute;
  width: 455.11px;
  margin: 20px;
  margin-top: 40px;
  background-color: #FFFFFF;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border: 1px solid #EEEBEB;
  box-sizing: border-box;
  border-radius: 10px;
  top: 0;
  bottom: 0; }

.view-adhoc-fee___topMostContainer___3Ohx9 {
  display: flex;
  position: absolute;
  bottom: 0;
  top: 70px; }

.view-adhoc-fee___rightFeeIcon___2ZZ_g {
  width: 100px;
  margin-top: 26.67px;
  margin-left: 20.45px;
  margin-bottom: 79.11px; }

.view-adhoc-fee___rightFeeName___2Anez {
  font-size: 25px;
  font-weight: 500; }

.view-adhoc-fee___rightCreatedBy___KKsHD {
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px; }

.view-adhoc-fee___rightTimestamp___2-KS_ {
  font-size: 10px;
  margin-left: 5px;
  opacity: 0.6; }

.view-adhoc-fee___descriptionBoxBody___2t71r {
  display: flex;
  flex-flow: column; }

.view-adhoc-fee___sectionDetails___28RGZ {
  position: relative;
  margin-left: 37.33px;
  margin-top: 23px;
  width: 289px; }

.view-adhoc-fee___sectionBar___1u9lT {
  padding: 10px;
  margin-left: 10px;
  vertical-align: super;
  font-weight: bold;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0; }

.view-adhoc-fee___sectionIcon___3BXZb {
  width: 19.49px;
  height: 16px; }

.view-adhoc-fee___section___2eX3W {
  opacity: 0.6;
  font-weight: 500;
  font-size: 11px;
  left: 130px;
  position: absolute; }

.view-adhoc-fee___descriptionBox___jkCeG {
  height: auto;
  width: 100%; }

.view-adhoc-fee___descriptionBoxHeader___3r9ex {
  height: 28px;
  background: #F2F3F7;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  padding-top: 4px; }
  .view-adhoc-fee___descriptionBoxHeader___3r9ex div {
    margin-left: 40px; }

.view-adhoc-fee___descriptionBoxHeader___3r9ex span {
  margin-left: 34.22px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px; }

.view-adhoc-fee___switchIcon___1446n {
  position: absolute;
  right: 30px; }

.view-adhoc-fee___item1___2gMl2 {
  margin-left: 30px; }
  .view-adhoc-fee___item1___2gMl2 p {
    margin: 0;
    margin-top: 9.11px;
    font-size: 15px;
    color: rgba(1, 4, 30, 0.7); }
  .view-adhoc-fee___item1___2gMl2 div {
    margin-top: 12px;
    font-weight: 600;
    color: #010430;
    margin-bottom: 19.9px; }
  .view-adhoc-fee___item1___2gMl2 span {
    font-size: 12px; }

.view-adhoc-fee___optionModal___3t-h0 {
  position: absolute;
  z-index: 200;
  top: -15px;
  right: 30px;
  height: 100px;
  width: 200px;
  background: #FFFFFF;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.view-adhoc-fee___editContainer___XSjF2 {
  height: 49%; }
  .view-adhoc-fee___editContainer___XSjF2 img {
    width: 30px;
    padding: 10px; }

.view-adhoc-fee___editContainer___XSjF2:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.view-adhoc-fee___editHeader___L8DYT {
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  font-size: 16px; }

.view-adhoc-fee___editBody___1RVg9 {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 25px;
  position: absolute;
  display: inline-block; }

.view-adhoc-fee___deleteContainer___3X9ws {
  height: 48%; }
  .view-adhoc-fee___deleteContainer___3X9ws img {
    width: 25px;
    padding: 10px; }

.view-adhoc-fee___deleteContainer___3X9ws:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.view-adhoc-fee___deleteHeader___1KRN- {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .view-adhoc-fee___deleteHeader___1KRN- p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.view-adhoc-fee___deleteBody___2Ldxq {
  margin: 15px 30px; }

.view-adhoc-fee___cancelBtn___pKUU0 {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer;
  line-height: 30px;
  text-align: center; }
  .view-adhoc-fee___cancelBtn___pKUU0 div {
    margin: 5px 10px; }

.view-adhoc-fee___deleteBtn___4qmnB {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  line-height: 30px;
  text-align: center;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .view-adhoc-fee___deleteBtn___4qmnB div {
    margin: 5px 15px; }

.view-adhoc-fee___delBtnModal___PwXbH {
  height: 35px;
  position: absolute;
  left: 150px;
  color: #FF3653;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #FF3653;
  cursor: pointer; }
  .view-adhoc-fee___delBtnModal___PwXbH p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.view-adhoc-fee___doneBtnModal___3r3br {
  height: 35px;
  position: absolute;
  right: 150px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .view-adhoc-fee___doneBtnModal___3r3br p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.view-adhoc-fee___feeListComponentActive___1kCOL:hover .view-adhoc-fee___optionIcon___1biiS {
  display: block; }

.view-adhoc-fee___feeListComponent___3O3QB:hover .view-adhoc-fee___optionIcon___1biiS {
  display: block; }

.view-adhoc-fee___editButton___pJS_o {
  width: 64.97px;
  height: 23.08px;
  cursor: pointer;
  margin-left: 69.33px; }

.view-adhoc-fee___fieldContainer___3kgOr {
  display: flex;
  margin-bottom: 15px;
  position: relative; }

.view-adhoc-fee___clockIcon___IaHJd {
  width: 17.78px;
  height: 17.78px; }

.view-adhoc-fee___feeStructureContainer___ykCWS {
  display: flex; }

.view-adhoc-fee___feeRightHeading___27EUl {
  display: flex;
  flex-flow: column; }

.view-adhoc-fee___feeNameAndEditContainer___3wuoM {
  display: flex;
  margin-left: 37.33px;
  margin-top: 21.33px; }

.view-adhoc-fee___topCreatedByContainer___YVnfK {
  display: flex;
  margin-left: 37px;
  margin-top: 0.33px; }

.add-adhoc-fee-modal___mainContainer___2vr7c {
  margin: 5px;
  height: 90vh;
  width: 135%;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.15); }

.add-adhoc-fee-modal___mainHeader___22eJC {
  height: 70px;
  width: 100%; }

.add-adhoc-fee-modal___payments___1dhR2 {
  display: inline;
  padding: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px; }

.add-adhoc-fee-modal___dues___2HxSM {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.add-adhoc-fee-modal___duesActive___37pUJ {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.add-adhoc-fee-modal___offline___ODS0D {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.add-adhoc-fee-modal___offlineActive___w-GcO {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.add-adhoc-fee-modal___transaction___5kZ2J {
  display: inline;
  padding: 18px;
  font-size: 18px;
  cursor: pointer; }

.add-adhoc-fee-modal___transactionActive___2zijW {
  display: inline;
  padding: 18px;
  color: #227DF9;
  font-size: 18px;
  cursor: pointer; }

.add-adhoc-fee-modal___underline___2DXDZ {
  border-bottom: 2px solid #227DF9; }

.add-adhoc-fee-modal___messageArea___2ixK2 {
  padding: 20px;
  color: #227DF9;
  font-size: 30px;
  font-weight: 700; }

.add-adhoc-fee-modal___classComponent___2OeG2 {
  height: 130px;
  width: 230px;
  display: inline-block;
  font-size: 30px;
  margin: 30px;
  background: #FFFFFF;
  border: 2px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
  border-radius: 15px; }

.add-adhoc-fee-modal___class___35sqK {
  padding: 35px;
  font-weight: 700;
  cursor: pointer; }

.add-adhoc-fee-modal___back___3kpnv {
  padding: 5px;
  margin-left: 20px;
  font-size: 13px;
  opacity: 0.7;
  cursor: pointer; }

.add-adhoc-fee-modal___classHeader___qavO3 {
  font-size: 32px;
  font-weight: 700;
  margin-left: 30px; }

.add-adhoc-fee-modal___leftComponent___2gM5R {
  height: 80vh;
  width: 35%;
  display: inline-block;
  border: 1px solid #eae7e7;
  position: relative;
  overflow: scroll; }

.add-adhoc-fee-modal___rightComponent___276dR {
  display: inline-block;
  position: absolute;
  width: 87%;
  height: 200px;
  background-color: #F2F3F7; }

.add-adhoc-fee-modal___addFee___NVuHp {
  position: absolute;
  padding-top: 20px;
  font-size: 22px;
  font-weight: 700;
  margin-left: 12px; }

.add-adhoc-fee-modal___subText___iIsaE {
  position: absolute;
  padding-top: 10px;
  margin-top: 35px;
  margin-left: 12px;
  font-size: 12px; }

.add-adhoc-fee-modal___addFeeIcon___1pwJO {
  height: 50px;
  width: 50px;
  padding: 10px;
  margin-left: 10px;
  cursor: pointer; }

.add-adhoc-fee-modal___addFeeIcon___1pwJO:hover {
  opacity: 0.8; }

.add-adhoc-fee-modal___addFeeIcon___1pwJO:active {
  opacity: 0.8; }

.add-adhoc-fee-modal___noFeeFound___1JVlu {
  font-size: 30px;
  color: #227DF9;
  margin: 45px 0 5px 25px;
  font-weight: bold; }

.add-adhoc-fee-modal___divider___2VBFK {
  margin: 0px 30px;
  width: 124%;
  border-top: 1px solid black;
  opacity: 0.2; }

.add-adhoc-fee-modal___feeListComponent___3ea82 {
  height: 85px;
  width: 100%;
  border: 1px solid white;
  position: relative;
  cursor: pointer;
  z-index: 0; }

.add-adhoc-fee-modal___feeListComponent___3ea82:hover {
  background-color: #EEEBEB; }

.add-adhoc-fee-modal___feeIcon___3G6cO {
  position: absolute;
  height: 30px;
  width: 30px;
  margin-left: 20px;
  margin-top: 12px; }

.add-adhoc-fee-modal___feeName___1ptvk {
  position: absolute;
  font-size: 17px;
  margin-left: 60px;
  margin-top: 15px;
  font-weight: bold; }

.add-adhoc-fee-modal___feeType___1ZjTL {
  height: 20px;
  width: 80px;
  position: absolute;
  margin-top: 13px;
  font-size: 11px;
  margin-left: 195px;
  text-align: center;
  border-radius: 10px;
  background-color: #227DF9;
  color: #FFFFFF; }

.add-adhoc-fee-modal___feeDivider___2UC-x {
  margin-left: 28px;
  padding: 0;
  border-top: 1px solid black;
  margin-top: 55px;
  opacity: 0.2; }

.add-adhoc-fee-modal___created___1ZVpa {
  position: absolute;
  left: 20px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.add-adhoc-fee-modal___avatar___11tUR {
  width: 20px;
  position: absolute;
  left: 90px;
  bottom: 5px;
  border-radius: 50%; }

.add-adhoc-fee-modal___username___3ld15 {
  position: absolute;
  left: 120px;
  bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0.8; }

.add-adhoc-fee-modal___timestamp___1QEZp {
  position: absolute;
  right: 15px;
  bottom: 5px;
  font-size: 10px;
  font-weight: bold;
  opacity: 0.8; }

.add-adhoc-fee-modal___bottomDivider___28seI {
  margin-top: 30px;
  padding: 0;
  border-top: 1px solid black;
  opacity: 0.2; }

.add-adhoc-fee-modal___feeTypeP___2zucA {
  margin: 0;
  padding: 5px; }

.add-adhoc-fee-modal___optionIcon___3h6Bd {
  position: absolute;
  width: 25px;
  right: 5px;
  top: 10px; }

.add-adhoc-fee-modal___rightContainer___h1Pm0 {
  height: 80vh;
  width: 94%;
  margin: 20px;
  margin-top: 40px;
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border: 1px solid #EEEBEB;
  box-sizing: border-box;
  overflow: scroll; }

.add-adhoc-fee-modal___rightFeeIcon___3Z4q1 {
  width: 100px;
  position: absolute;
  top: 30px;
  left: 20px; }

.add-adhoc-fee-modal___rightFeeName___2rX8R {
  position: absolute;
  font-size: 32px;
  top: 23px;
  left: 156px;
  font-weight: bold; }

.add-adhoc-fee-modal___rightCreatedBy___24cQG {
  position: absolute;
  font-size: 12px;
  top: 60px;
  left: 155px; }

.add-adhoc-fee-modal___rightTimestamp___OG8vI {
  position: absolute;
  font-size: 10px;
  top: 61px;
  left: 280px;
  opacity: 0.6; }

.add-adhoc-fee-modal___sectionDetails___28O6l {
  height: 100px;
  position: relative;
  width: 60%;
  top: 90px;
  left: 155px; }

.add-adhoc-fee-modal___sectionBar___s9uxK {
  padding: 10px;
  margin-left: 10px;
  vertical-align: super;
  font-weight: bold;
  font-size: 14px; }

.add-adhoc-fee-modal___sectionIcon___2memK {
  width: 20px; }

.add-adhoc-fee-modal___section___3w3rb {
  margin-left: 70px;
  font-weight: normal;
  opacity: 0.6; }

.add-adhoc-fee-modal___descriptionBox___1iMCt {
  height: auto;
  width: 100%; }

.add-adhoc-fee-modal___descriptionBoxHeader___dG9Kb {
  height: 28px;
  background: #F2F3F7;
  font-size: 20px;
  font-weight: bold;
  padding-top: 4px; }
  .add-adhoc-fee-modal___descriptionBoxHeader___dG9Kb div {
    display: inline-block;
    position: absolute;
    margin-left: 40px; }

.add-adhoc-fee-modal___descriptionBoxHeader___dG9Kb span {
  margin-left: 40px; }

.add-adhoc-fee-modal___switchIcon___3mBBP {
  position: absolute;
  right: 30px; }

.add-adhoc-fee-modal___item1___Fx0s5 {
  display: inline-block;
  width: 120px;
  margin-left: 30px; }
  .add-adhoc-fee-modal___item1___Fx0s5 p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }
  .add-adhoc-fee-modal___item1___Fx0s5 span {
    font-size: 12px; }

.add-adhoc-fee-modal___item2___2vjox {
  display: inline-block;
  margin: -9px 40px; }
  .add-adhoc-fee-modal___item2___2vjox p {
    font-size: 18px;
    opacity: 0.9;
    margin: 8px;
    margin-top: 12px; }

.add-adhoc-fee-modal___modalHeader___1aX-s img {
  width: 19.46px;
  position: absolute;
  height: 19.44px;
  right: 10px;
  cursor: pointer; }

.add-adhoc-fee-modal___modalHeader___1aX-s h2 {
  margin: 0;
  font-weight: bold;
  font-size: 22px; }

.add-adhoc-fee-modal___modalHeader___1aX-s p {
  margin: 0;
  margin-bottom: 13px;
  opacity: 0.8;
  margin-top: 5px;
  font-size: 15px; }

.add-adhoc-fee-modal___modalBody___1koQQ h2 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  margin-top: 10px; }

.add-adhoc-fee-modal___modalBody___1koQQ p {
  margin: 0;
  opacity: 0.8;
  margin-top: 8.96px;
  font-size: 13px;
  /* margin-left: 18.51px; */
  text-align: center;
  margin-right: 30px; }

.add-adhoc-fee-modal___modalBody___1koQQ h3 {
  margin: 0px;
  margin-top: 7px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 3px; }

.add-adhoc-fee-modal___option1___16HkS {
  display: inline-block;
  height: 111px;
  width: 232px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .add-adhoc-fee-modal___option1___16HkS img {
    width: 74.07px;
    height: 56.9px;
    position: absolute;
    top: 22.04px;
    left: 18px; }
  .add-adhoc-fee-modal___option1___16HkS p {
    position: absolute;
    top: 20px;
    font-weight: bold;
    font-size: 22px;
    margin-left: 100px; }

.add-adhoc-fee-modal___option1___16HkS:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.add-adhoc-fee-modal___option1Selected___2CRBN {
  display: inline-block;
  height: 111.1px;
  width: 232.28px;
  margin-left: 20px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5);
  margin-top: 21.43px; }
  .add-adhoc-fee-modal___option1Selected___2CRBN img {
    width: 74.07px;
    height: 56.85px;
    position: absolute;
    top: 19.44px;
    left: 18.15px; }
  .add-adhoc-fee-modal___option1Selected___2CRBN p {
    width: 100px;
    position: absolute;
    top: 22.57px;
    left: 100.45px;
    font-weight: bold;
    font-size: 22px; }
  .add-adhoc-fee-modal___option1Selected___2CRBN .add-adhoc-fee-modal___tick___27unw {
    width: 22.5px;
    position: absolute;
    height: 22.5px;
    left: 191.45px;
    top: 69.57px; }

.add-adhoc-fee-modal___option2___3nlSZ {
  display: inline-block;
  height: 111px;
  width: 232px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer; }
  .add-adhoc-fee-modal___option2___3nlSZ img {
    width: 68.21px;
    height: 65.73px;
    position: absolute;
    top: 21.96px;
    left: 18.08px; }
  .add-adhoc-fee-modal___option2___3nlSZ p {
    position: absolute;
    top: 20px;
    font-weight: bold;
    font-size: 22px;
    left: 100px;
    margin-right: 46px; }

.add-adhoc-fee-modal___option2___3nlSZ:hover {
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5); }

.add-adhoc-fee-modal___option2Selected___2tV_e {
  display: inline-block;
  height: 111.1px;
  width: 232.38px;
  margin-left: 40px;
  background-color: #F3F4F7;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  border: 2px solid rgba(34, 125, 249, 0.3);
  box-sizing: border-box;
  box-shadow: 0px 0px 5px rgba(34, 125, 249, 0.5);
  margin-top: 21.43px; }
  .add-adhoc-fee-modal___option2Selected___2tV_e img {
    width: 68.21px;
    height: 65.73px;
    position: absolute;
    top: 22.96px;
    left: 18.08px; }
  .add-adhoc-fee-modal___option2Selected___2tV_e p {
    position: absolute;
    top: 22.57px;
    left: 99.93px;
    font-weight: bold;
    font-size: 22px;
    margin-right: 46px; }
  .add-adhoc-fee-modal___option2Selected___2tV_e .add-adhoc-fee-modal___tick___27unw {
    width: 22.5px;
    position: absolute;
    height: 22.5px;
    left: 191.45px;
    top: 69.57px; }

.add-adhoc-fee-modal___fieldsSection___-wTGs {
  width: 100%;
  height: 150px;
  position: relative; }

.add-adhoc-fee-modal___sectionFieldActive___3AEFq {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  margin: 20px;
  position: absolute;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-adhoc-fee-modal___sectionField___1H1yF {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  margin: 20px;
  border-radius: 5px;
  position: absolute;
  background-color: #F2F3F7;
  cursor: pointer; }

.add-adhoc-fee-modal___sectionFieldLateralEntry___279T9 {
  display: inline-block;
  height: 35.29px;
  width: 150.64px;
  border-radius: 5px;
  position: absolute;
  background-color: #F2F3F7;
  cursor: pointer; }

.add-adhoc-fee-modal___sectionField___1H1yF:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-adhoc-fee-modal___classesList___s3BQk {
  position: absolute;
  top: 74px;
  left: 22px;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .add-adhoc-fee-modal___classesList___s3BQk p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .add-adhoc-fee-modal___classesList___s3BQk p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.add-adhoc-fee-modal___paymentList___R_BQY {
  position: absolute;
  top: 40px;
  right: 20px;
  height: auto;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .add-adhoc-fee-modal___paymentList___R_BQY p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .add-adhoc-fee-modal___paymentList___R_BQY p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.add-adhoc-fee-modal___paymentListBusFee___1X1ik {
  position: absolute;
  top: 308px;
  right: 22px;
  height: auto;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .add-adhoc-fee-modal___paymentListBusFee___1X1ik p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .add-adhoc-fee-modal___paymentListBusFee___1X1ik p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.add-adhoc-fee-modal___paymentSectionActive___3TnJz {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: absolute;
  right: 0px;
  margin: 20px;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-adhoc-fee-modal___paymentSection___18smw {
  display: inline-block;
  position: absolute;
  right: 0px;
  border: 2px solid #fff;
  margin: 20px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer;
  height: 46.29px;
  width: 241.64px; }

.add-adhoc-fee-modal___paymentSection___18smw:hover {
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.add-adhoc-fee-modal___dueSection___1a28B {
  display: flex;
  height: 50px;
  width: 292px;
  position: absolute;
  top: 60%;
  border-radius: 5px; }

.add-adhoc-fee-modal___everySection___3TOPb {
  display: inline-block;
  height: 50px;
  width: 248px;
  position: absolute;
  top: 60%;
  margin-left: 0px;
  right: 0px;
  text-align: center;
  border-radius: 5px;
  background-color: #Fff; }

.add-adhoc-fee-modal___triangleUp___1mL17 {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 16px; }

.add-adhoc-fee-modal___triangleUpHostel___BToW1 {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 10px; }

.add-adhoc-fee-modal___triangleDown___3qlm0 {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 14px; }

.add-adhoc-fee-modal___triangleDownHostel___1Pvz9 {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 9px; }

.add-adhoc-fee-modal___sectionP___rKmqL {
  padding: 14px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.add-adhoc-fee-modal___sectionPLateral___2ISdM {
  padding: 11px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.add-adhoc-fee-modal___sectionPAfter___3pi3V {
  padding: 14px;
  font-weight: normal;
  font-size: 15px;
  opacity: 0.8; }

.add-adhoc-fee-modal___sectionPActive___aD1EX {
  padding: 5px 15px;
  font-size: 11px;
  opacity: 0.8; }
  .add-adhoc-fee-modal___sectionPActive___aD1EX div {
    padding: 5px;
    font-size: 15px; }
    .add-adhoc-fee-modal___sectionPActive___aD1EX div span {
      font-weight: 500;
      font-size: 15px; }

.add-adhoc-fee-modal___dueDate___1EDDG {
  display: inline-block;
  height: 100%;
  width: 40%;
  font-size: 14px;
  background-color: #fff; }

.add-adhoc-fee-modal___days___1Ij6v {
  display: inline-block;
  height: 46.29px;
  width: 130.91px;
  font-size: 14px;
  position: absolute;
  background: inherit;
  border: none;
  padding-left: 20px; }
  .add-adhoc-fee-modal___days___1Ij6v input[type='number'] {
    -moz-appearance: textfield;
    height: 50%;
    width: 70%;
    background-color: #F2F3F7;
    border: none;
    padding-left: 30px;
    font-weight: 500;
    opacity: 0.8;
    font-size: 18px; }
  .add-adhoc-fee-modal___days___1Ij6v input::-webkit-outer-spin-button,
  .add-adhoc-fee-modal___days___1Ij6v input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.add-adhoc-fee-modal___afterSection___AwOzN {
  height: 50px;
  width: 100%;
  display: flex; }

.add-adhoc-fee-modal___every___3WOoX {
  height: 31.48px;
  line-height: 28px;
  margin-top: 10px;
  width: 99.99px;
  border-radius: 10px 0 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.219);
  font-size: 13px; }

.add-adhoc-fee-modal___month___3Nvrt {
  display: inline-block;
  height: 31.48px;
  margin-top: 10px;
  line-height: 28px;
  width: 96.28px;
  background-color: #E9F2FE;
  color: #227DF9;
  border-radius: 0 10px 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.205);
  font-weight: 500;
  font-size: 15px; }

.add-adhoc-fee-modal___feeSection___26gA7 {
  position: relative;
  min-height: 60px;
  width: 520px;
  margin-top: 30px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.add-adhoc-fee-modal___feeSectionHostel___mrT3I {
  position: relative;
  min-height: 60px;
  width: 520px;
  margin-top: 10px;
  margin-left: 20px;
  background-color: #F2F3F7; }

.add-adhoc-fee-modal___feeSectionHeader___Uh-qo {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative; }

.add-adhoc-fee-modal___feeDes___2nR6r {
  left: 20px;
  display: inline-block;
  height: 20px;
  width: 32%;
  margin: 5px;
  margin-left: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .add-adhoc-fee-modal___feeDes___2nR6r span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-adhoc-fee-modal___feeAmt___2LPcW {
  display: inline-block;
  height: 20px;
  width: 25%;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .add-adhoc-fee-modal___feeAmt___2LPcW span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-adhoc-fee-modal___feeTime___Nx9kT {
  display: inline-block;
  width: 25%;
  height: 20px;
  margin: 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .add-adhoc-fee-modal___feeTime___Nx9kT span {
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-adhoc-fee-modal___iconFee___k7dz3 {
  display: inline-block;
  width: 40px;
  height: 30px;
  margin: 5px;
  margin-left: 10px;
  padding: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.add-adhoc-fee-modal___iconFee___k7dz3:hover {
  opacity: 0.8; }

.add-adhoc-fee-modal___feeSectionBody___3IptY {
  height: auto; }

.add-adhoc-fee-modal___transportSection___j9K2L {
  margin: 20px;
  height: 45.36px;
  width: 519.38px;
  background-color: #F2F3F7; }
  .add-adhoc-fee-modal___transportSection___j9K2L img {
    width: 39.81px;
    height: 21.29px;
    cursor: pointer;
    margin-left: 13.29px;
    margin-top: 12.09px; }
  .add-adhoc-fee-modal___transportSection___j9K2L span {
    position: absolute;
    padding: 15px;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1px; }

.add-adhoc-fee-modal___feeInputBox___2YRHZ {
  height: 40px;
  width: 100%;
  position: relative; }
  .add-adhoc-fee-modal___feeInputBox___2YRHZ img {
    display: inline-block;
    margin: 7px;
    padding-left: 3px;
    margin-bottom: 10px;
    padding-right: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer; }

.add-adhoc-fee-modal___deleteIcon___2h7kS {
  display: inline-block;
  margin-left: 12px;
  margin-top: 4px;
  padding-right: 8px;
  border-right: 1px solid #00000038; }

.add-adhoc-fee-modal___deleteIconHostel___3ccGV {
  display: inline-block;
  width: 50px;
  height: 30px;
  border-right: 1px solid #00000038;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
  font-size: 13px; }

.add-adhoc-fee-modal___feeDesInput___3bBQ8 {
  display: inline-block;
  height: 30px;
  width: 170px;
  box-sizing: content-box;
  position: absolute; }
  .add-adhoc-fee-modal___feeDesInput___3bBQ8 input {
    height: 100%;
    width: 96%;
    font-size: 13px;
    padding-left: 10px;
    border: none;
    background-color: #F2F3F7; }
  .add-adhoc-fee-modal___feeDesInput___3bBQ8 input:focus {
    border: 2px solid #227DF9; }

.add-adhoc-fee-modal___feeAmtInput___3aC9O {
  display: inline-block;
  height: 30px;
  width: 122px;
  margin-left: -7px;
  position: absolute;
  left: 44.9%; }
  .add-adhoc-fee-modal___feeAmtInput___3aC9O input {
    height: 100%;
    width: 98%;
    padding-left: 20px;
    border: none;
    border-left: 1px solid #00000038;
    background-color: #F2F3F7;
    font-size: 13px; }
  .add-adhoc-fee-modal___feeAmtInput___3aC9O input[type='number'] {
    -moz-appearance: textfield; }
  .add-adhoc-fee-modal___feeAmtInput___3aC9O input::-webkit-outer-spin-button,
  .add-adhoc-fee-modal___feeAmtInput___3aC9O input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .add-adhoc-fee-modal___feeAmtInput___3aC9O input:focus {
    border: 2px solid #227DF9; }

.add-adhoc-fee-modal___feeTimeInput___1ulF6 {
  display: inline-block;
  height: 30px;
  width: 150px;
  margin-left: -7px;
  position: absolute;
  left: 71.8%;
  border-left: 1px solid rgba(0, 0, 0, 0.2); }

.add-adhoc-fee-modal___upArrow___1YRYf {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 0px; }

.add-adhoc-fee-modal___downArrow___3Y7ZK {
  position: absolute;
  width: 7px;
  right: 0px;
  top: 10px; }

.add-adhoc-fee-modal___feeInputDivider___fjnh7 {
  border-top: 1px solid #010430;
  padding: 0;
  opacity: 0.2;
  margin: 0; }

.add-adhoc-fee-modal___secModalHeader___3Cd-r {
  padding: 20px; }
  .add-adhoc-fee-modal___secModalHeader___3Cd-r h2 {
    margin-left: 30px;
    font-size: 30px; }
  .add-adhoc-fee-modal___secModalHeader___3Cd-r p {
    margin: 10px 0 0 30px;
    font-size: 15px;
    opacity: 0.8; }
  .add-adhoc-fee-modal___secModalHeader___3Cd-r img {
    width: 30px;
    right: 20px;
    position: absolute;
    cursor: pointer; }

.add-adhoc-fee-modal___secModalBody___GwMTN {
  padding: 20px; }

.add-adhoc-fee-modal___subjectItem___2yNqI {
  display: inline-block;
  height: 30px;
  padding: 4px;
  margin-left: 50px;
  margin-bottom: 30px;
  background: #C6C6C6;
  border: 1px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  border-radius: 23px;
  cursor: pointer; }
  .add-adhoc-fee-modal___subjectItem___2yNqI span {
    margin: 5px;
    color: #Fff; }

.add-adhoc-fee-modal___secModalFooter___1_YJH {
  position: relative;
  height: 70px; }

.add-adhoc-fee-modal___applyBtn___mTUlf {
  position: absolute;
  height: 40px;
  width: 120px;
  top: 20%;
  left: 40%;
  background: #1BCC63;
  border-radius: 5px;
  color: #Fff; }
  .add-adhoc-fee-modal___applyBtn___mTUlf span {
    position: absolute;
    font-family: SF Pro Text;
    font-size: 22px;
    line-height: 26px;
    top: 50%;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, -50%); }

.add-adhoc-fee-modal___Modal___3kyXy {
  background-color: #FFFFFF;
  box-sizing: border-box;
  border-radius: 15px;
  transition: all 0.3s ease-out; }

.add-adhoc-fee-modal___doneBtn___2zJzb {
  height: 32.4px;
  margin-right: 30px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 104.62px;
  background: #1BCC63;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  margin-left: auto; }
  .add-adhoc-fee-modal___doneBtn___2zJzb p {
    margin: 0;
    line-height: 32.4px;
    font-weight: 500;
    font-size: 15px;
    opacity: 1; }

.add-adhoc-fee-modal___feeNameInput___19ToN {
  height: 50px;
  width: 93%;
  margin: 20px 0px 0px 22px;
  border-radius: 5px;
  background-color: #F2F3F7;
  cursor: pointer; }
  .add-adhoc-fee-modal___feeNameInput___19ToN p {
    padding: 15px;
    opacity: 0.5; }
  .add-adhoc-fee-modal___feeNameInput___19ToN span {
    font-size: 12px;
    margin: 5px 10px; }
  .add-adhoc-fee-modal___feeNameInput___19ToN input {
    height: 25px;
    width: 98%;
    border: none;
    border-radius: 5px;
    padding-left: 10px;
    background-color: #F2F3F7;
    border-bottom: 3px solid #0062FF; }
  .add-adhoc-fee-modal___feeNameInput___19ToN img {
    width: 20px;
    position: absolute;
    right: 50px; }

.add-adhoc-fee-modal___selectedSub___aX8zo {
  width: 100%;
  background-color: #F3F4F7; }
  .add-adhoc-fee-modal___selectedSub___aX8zo div {
    margin: 10px; }

.add-adhoc-fee-modal___optionModal___wsStQ {
  position: absolute;
  z-index: 200;
  top: -15px;
  right: 30px;
  height: 100px;
  width: 200px;
  background: #FFFFFF;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.add-adhoc-fee-modal___editContainer___35VeB {
  height: 49%; }
  .add-adhoc-fee-modal___editContainer___35VeB img {
    width: 30px;
    padding: 10px; }

.add-adhoc-fee-modal___editContainer___35VeB:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.add-adhoc-fee-modal___editHeader___r0jBc {
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  font-size: 16px; }

.add-adhoc-fee-modal___editBody___3hP_7 {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 25px;
  position: absolute;
  display: inline-block; }

.add-adhoc-fee-modal___deleteContainer___2bwWa {
  height: 48%; }
  .add-adhoc-fee-modal___deleteContainer___2bwWa img {
    width: 25px;
    padding: 10px; }

.add-adhoc-fee-modal___deleteContainer___2bwWa:hover {
  cursor: pointer;
  background-color: #227DF9;
  color: #fff; }

.add-adhoc-fee-modal___deleteHeader___1_vIJ {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .add-adhoc-fee-modal___deleteHeader___1_vIJ p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.add-adhoc-fee-modal___deleteBody___320t7 {
  margin: 15px 30px; }

.add-adhoc-fee-modal___cancelBtn___-jdLx {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer; }
  .add-adhoc-fee-modal___cancelBtn___-jdLx div {
    margin: 5px 10px; }

.add-adhoc-fee-modal___deleteBtn___WNHnr {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .add-adhoc-fee-modal___deleteBtn___WNHnr div {
    margin: 5px 15px; }

.add-adhoc-fee-modal___delBtnModal___T4iEg {
  height: 35px;
  position: absolute;
  left: 150px;
  color: #FF3653;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  border: 1px solid #FF3653;
  cursor: pointer; }
  .add-adhoc-fee-modal___delBtnModal___T4iEg p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.add-adhoc-fee-modal___doneBtnModal___1Z_iP {
  height: 35px;
  position: absolute;
  right: 150px;
  color: #fff;
  display: inline-block;
  border-radius: 5px;
  width: 100px;
  background: #1BCC63;
  cursor: pointer; }
  .add-adhoc-fee-modal___doneBtnModal___1Z_iP p {
    margin: 0;
    font-size: 22px;
    margin-left: 20px;
    padding: 5px; }

.add-adhoc-fee-modal___container___34HWb {
  display: block;
  margin-left: 16.69px;
  color: rgba(31, 49, 74, 0.7);
  margin-top: 25px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  line-height: 18px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.add-adhoc-fee-modal___container___34HWb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.add-adhoc-fee-modal___checkmark___2CJDh {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 19px;
  border-radius: 4px;
  border: 1px solid rgba(31, 49, 74, 0.2);
  background-color: #F2F3F7; }

/* On mouse-over, add a grey background color */
.add-adhoc-fee-modal___container___34HWb:hover input ~ .add-adhoc-fee-modal___checkmark___2CJDh {
  background-color: #F7F7F8; }

/* When the checkbox is checked, add a blue background */
.add-adhoc-fee-modal___container___34HWb input:checked ~ .add-adhoc-fee-modal___checkmark___2CJDh {
  width: 19px;
  background-color: #0062FF;
  height: 18px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.add-adhoc-fee-modal___checkmark___2CJDh:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.add-adhoc-fee-modal___container___34HWb input:checked ~ .add-adhoc-fee-modal___checkmark___2CJDh:after {
  display: block; }

/* Style the checkmark/indicator */
.add-adhoc-fee-modal___container___34HWb .add-adhoc-fee-modal___checkmark___2CJDh:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.add-adhoc-fee-modal___calendarWarpper___2esti {
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.add-adhoc-fee-modal___startDate___90vEj {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px; }

.add-adhoc-fee-modal___invalidMessagePayment___37OgO {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  position: absolute;
  margin-right: 28px;
  margin-top: 5px; }

.add-adhoc-fee-modal___floatingLabel___iI2dy {
  position: relative;
  margin-top: 30px;
  margin-left: 16px;
  width: 150px; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: 0.8;
    padding-left: 16.67px;
    padding-top: 7.48px;
    font-weight: normal;
    font-size: 11px; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy .add-adhoc-fee-modal___invalidMessage___3xPTC {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .add-adhoc-fee-modal___floatingLabel___iI2dy input:invalid + label + .add-adhoc-fee-modal___invalidMessage___3xPTC {
    display: block; }

.add-adhoc-fee-modal___invalidMessage___3xPTC {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.add-adhoc-fee-modal___days___1Ij6v:invalid + .add-adhoc-fee-modal___invalidMessage___3xPTC {
  display: block; }

input:invalid + .add-adhoc-fee-modal___invalidMessage___3xPTC {
  display: block; }

.add-adhoc-fee-modal___loader___3nbUh,
.add-adhoc-fee-modal___loader___3nbUh:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-adhoc-fee-modal___loader___3nbUh {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-adhoc-fee-modal___load8___LIuXp 1.1s infinite linear;
  animation: add-adhoc-fee-modal___load8___LIuXp 1.1s infinite linear; }

@-webkit-keyframes add-adhoc-fee-modal___load8___LIuXp {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-adhoc-fee-modal___load8___LIuXp {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-adhoc-fee-modal___sliderSwitchContainer___1u0mA {
  display: flex; }

.add-adhoc-fee-modal___sliderSwitchText___7vST4 {
  padding: 14px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8;
  padding-top: 0;
  padding-bottom: 0; }

.add-adhoc-fee-modal___forallText___sQah3 {
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8;
  margin-left: 5px;
  margin-bottom: 10px; }

.add-adhoc-fee-modal___classItem___95ezw {
  min-width: 226px;
  height: 38px;
  background: #F2F3F7;
  border-radius: 30px;
  margin-top: 15px;
  line-height: 38px;
  padding-left: 40px;
  position: relative;
  margin-left: 10px;
  width: max-content; }

.add-adhoc-fee-modal___minusIcon___335dC {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 8px;
  cursor: pointer;
  position: absolute; }

.select-students-modal___headerFeeComponent___3nC1G {
  color: #010430;
  width: 100%;
  font-size: 22px;
  font-weight: 800;
  display: flex; }

.select-students-modal___studentContainer___3Fssl {
  display: flex;
  margin: 10px; }

.select-students-modal___paymentsStudentContainer___2rQxM {
  display: flex;
  flex-flow: column;
  margin-top: 30px; }

.select-students-modal___studentName___32Rd3 {
  text-transform: capitalize;
  margin-top: 0px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  line-height: 24px;
  margin-left: 10px; }

.select-students-modal___doneButton___L_DVP {
  width: 100.43px;
  height: 31.11px;
  align-self: flex-end;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #1BCC63;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-top: auto; }

.select-students-modal___loadMoreButton___1xJMX {
  border: none;
  background-color: #FFFFFF;
  padding: 0;
  margin-left: 20px;
  padding-bottom: 10px;
  font-size: 11px;
  opacity: 0.7;
  cursor: pointer;
  margin-top: 6px;
  color: #227DF9; }

.select-students-modal___loadMoreButton___1xJMX:hover {
  color: #227DF9;
  text-decoration: underline;
  opacity: 1; }

.fee-header-component___mainHeader___2Z1yz {
  height: 70px;
  width: 100%;
  border-bottom: 0.5px solid #f1f1f5;
  display: flex; }

.fee-header-component___payments___3imIW {
  display: inline;
  padding: 20px;
  line-height: 38px;
  font-weight: 800;
  font-size: 25px; }

.fee-header-component___duesActive___FSfuD {
  display: inline;
  padding: 18px;
  color: #227DF9;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  padding-top: 30px; }

.fee-header-component___underline___m6gBS {
  border-bottom: 2px solid #227DF9; }

.fee-header-component___dues___2Q_2e {
  display: inline;
  padding: 18px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #717C8A;
  padding-top: 30px; }

.fee-header-component___offlineActive___GEcxk {
  display: inline;
  padding: 18px;
  color: #227DF9;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  padding-top: 30px; }

.fee-header-component___offline___2z9IO {
  display: inline;
  padding: 18px;
  cursor: pointer;
  font-weight: 500;
  color: #717C8A;
  font-size: 15px;
  padding-top: 30px; }

.fee-header-component___transactionActive___1TIiA {
  display: inline;
  padding: 18px;
  color: #227DF9;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px; }

.fee-header-component___transaction___3W1Sx {
  display: inline;
  padding: 18px;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #717C8A; }

.fee-header-component___mainHeaderInternal___3sa4R {
  height: 70px; }

.fee-header-component___back___22I9g {
  padding: 5px;
  margin-left: 24px;
  opacity: 0.7;
  cursor: pointer;
  font-weight: 500;
  font-size: 11px;
  margin-top: 5px;
  padding-bottom: 0; }

.fee-header-component___back___22I9g:hover {
  text-decoration: underline;
  color: #227DF9; }

.fee-header-component___classHeader___3n6Xg {
  font-size: 22px;
  font-weight: 600;
  margin-left: 38px;
  line-height: 38px; }

.offline___leftComponent___1JZS- {
  width: 284px;
  display: inline-block;
  border: 1px solid #eae7e7;
  overflow: scroll;
  height: 100%; }

.offline___rightComponent___U1QN9 {
  display: inline-block;
  width: 496px;
  position: relative; }
  .offline___rightComponent___U1QN9 h2 {
    margin: 50px 30px 10px 30px;
    font-size: 32px;
    color: #3074F8; }

.offline___sessionSelect___1_SeT {
  font-size: 16px;
  margin-left: 20px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 100; }

.offline___coverImage___15gJK {
  width: 480px; }

.offline___searchContainer___3EF9n {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 237px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 4px;
  margin-bottom: 8px;
  position: sticky;
  top: 8px;
  z-index: 100; }

.offline___searchIcon___GIkh1 {
  height: 15px;
  margin-left: 15px;
  margin-top: 9px;
  margin-bottom: 6px;
  z-index: 100; }

.offline___searchInput___2S8u7 {
  width: 173px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 9px;
  background: #F4F4F4; }

.offline___divider___30AFv {
  margin: 0px;
  padding: 0px;
  border-top: 2px;
  margin-left: 41.82px; }

.offline___userComponent___3tpwa:hover .offline___bottomUserListLine___3X8kG {
  display: none; }

.offline___userComponentNew___1W8va {
  display: flex;
  width: 100%;
  cursor: pointer;
  position: sticky;
  font-size: 15px;
  align-items: center;
  top: 0;
  z-index: 100;
  background: #fff; }

.offline___userComponent___3tpwa {
  display: flex;
  width: 100%;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center; }

.offline___userComponent___3tpwa:hover {
  background: #EEEBEB;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.offline___avatarContainer___1gpcC {
  display: inline-block;
  height: 100%;
  width: 70px; }

.offline___userName___zj5y2 {
  text-transform: capitalize;
  margin-top: 0px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px; }

.offline___role___sJGIW {
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  line-height: 20px;
  mix-blend-mode: normal; }

.offline___classNameList___2KRiu {
  font-weight: normal;
  font-size: 10px;
  line-height: 9px;
  opacity: 0.8;
  margin-top: 0px; }

.offline___userDetail___2i3Qa {
  display: flex;
  flex-flow: column;
  margin-left: 8px; }

.offline___userProfile___2eVRn {
  height: 136.98px;
  width: 100%;
  top: 80px;
  display: flex;
  background: #F2F3F7; }

.offline___avatar___2NHwz {
  width: 85.62px;
  height: 85.62px;
  object-fit: cover;
  margin-left: 27.4px;
  text-align: center;
  line-height: 85.62px;
  color: #FFFFFF;
  padding: 5px;
  border-radius: 50%;
  font-size: 30px;
  margin-top: 71.92px;
  z-index: 100; }

.offline___feeDetails___BRs1L {
  width: 100%;
  background: #fff; }

.offline___feeDetailsExpand___303Wt {
  top: 150px;
  height: 425px;
  width: 100%;
  background: #fff; }

.offline___feeNameExpand___3LyPi {
  font-size: 18px;
  font-weight: bold;
  opacity: 0.8;
  margin-top: 47.02px;
  margin-left: 43.55px; }

.offline___feePeriod___2Cd-c {
  font-size: 10px;
  margin-left: 10px;
  opacity: 0.7; }

.offline___grandTotal___fc9YD {
  margin: 0;
  display: inline-block;
  font-weight: 600;
  font-size: 22px; }

.offline___grandTotalExpand___1eE_3 {
  left: 30px;
  display: inline-block;
  font-weight: 600;
  font-size: 25px; }

.offline___duePassed___h4jXN {
  margin: 0;
  margin-top: 26px;
  font-size: 17px;
  margin-left: 43.22px;
  font-weight: bold;
  opacity: 0.7; }

.offline___duePassedExpand___2svqR {
  margin-left: 44px;
  margin-top: 26px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8; }

.offline___dueOver___2_arv {
  margin-top: 5px;
  font-size: 14px;
  margin-bottom: 0px;
  margin-left: 43.22px;
  color: #FF3653; }

.offline___dueOverExpand___3rP71 {
  right: 35px;
  margin-left: 43px;
  color: #FF3653;
  margin-top: 5px;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px; }

.offline___amountContainer___1_kBn {
  height: 90px;
  width: 140px;
  margin-top: 38.02px;
  margin-left: 43px; }

.offline___grandTotalAmount___1HdfA {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px; }

.offline___amountContainerExpand___12u27 {
  display: flex;
  margin-left: 50px;
  position: relative;
  margin-top: 19px; }

.offline___grandTotalAmountExpand___gPXoq {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px; }

.offline___amountButton___cnhWw {
  position: absolute;
  right: 35px; }

.offline___amount___2X46j {
  margin-top: 9.84px;
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px; }
  .offline___amount___2X46j div {
    margin-left: 10px;
    font-weight: 600;
    font-size: 18px; }

.offline___rupee___2qvQc {
  width: 14.07px;
  height: 19.26px; }

.offline___proceedBtn___1f-wk {
  height: 34px;
  width: 119px;
  background: #1BCC63;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
  font-size: 20px;
  margin-top: 16.77px; }
  .offline___proceedBtn___1f-wk p {
    margin: 0;
    line-height: 34px;
    text-align: center;
    font-size: 20px; }

.offline___detail___3DGOA {
  height: 20.12px;
  width: 78.77px;
  font-size: 12px;
  background: rgba(34, 125, 249, 0.2);
  border-radius: 5px;
  color: #227DF9;
  margin-top: 40px;
  margin-left: 45.55px;
  cursor: pointer;
  text-align: center;
  line-height: 20.12px;
  padding: 4px 6.45px; }
  .offline___detail___3DGOA img {
    width: 10px; }

.offline___detailExpand___332re {
  height: 12px;
  width: 70px;
  font-size: 10px;
  background: rgba(34, 125, 249, 0.2);
  border-radius: 5px;
  color: #227DF9;
  margin-top: 36.01px;
  margin-left: 45.55px;
  cursor: pointer;
  line-height: 12px;
  padding: 3.99px 2.31px 4.13px 6.45px; }
  .offline___detailExpand___332re img {
    width: 10px;
    transform: rotate(180deg); }

.offline___upPaymentExpand___2qOdA {
  margin-left: 43px;
  font-weight: 600;
  font-size: 18px;
  margin-top: 40.81px; }
  .offline___upPaymentExpand___2qOdA p {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0; }

.offline___feeList___2E6Q9 {
  position: relative;
  margin-top: 23px;
  margin-left: 54px; }

.offline___feeListDetail___3OD8V {
  display: flex;
  margin-bottom: 17px;
  position: relative; }

.offline___leftFee___Y0Nhx {
  font-style: normal;
  font-weight: normal;
  font-size: 13px; }

.offline___rightFee___3hlkO {
  right: 35px;
  font-weight: normal;
  font-size: 13px;
  position: absolute; }

.offline___overDue___3WkG- {
  margin: 0;
  bottom: 0;
  font-size: 10px;
  margin-top: 5px; }

.offline___upcomingSection___Ujiwr {
  margin-top: 12px;
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  background: #F2F3F7;
  display: flex;
  padding-left: 8px;
  flex-wrap: wrap;
  padding-bottom: 10px; }

.offline___feeComponent___3vAZ5 {
  height: 133px;
  min-width: 141px;
  max-width: 141px;
  margin-left: 8px;
  margin-top: 13px;
  margin-right: 10px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-flow: column; }
  .offline___feeComponent___3vAZ5 .offline___due___2n7m4 {
    font-weight: 500;
    font-size: 11px;
    margin: 0;
    margin-left: 19px;
    margin-top: 15px; }
  .offline___feeComponent___3vAZ5 .offline___dueDate___1US2z {
    opacity: 0.7;
    font-weight: 600;
    font-size: 15px;
    margin: 0;
    margin-left: 18.88px;
    margin-top: 4px; }
  .offline___feeComponent___3vAZ5 .offline___dueAmt___Idxpj {
    display: inline-block;
    font-weight: bold;
    margin-left: 19.84px;
    margin-top: 15px; }
    .offline___feeComponent___3vAZ5 .offline___dueAmt___Idxpj p {
      display: inline-block;
      margin: 0;
      font-size: 18px;
      margin: 0px 10px;
      opacity: 0.7; }
  .offline___feeComponent___3vAZ5 .offline___viewMore___22khI {
    height: 20px;
    width: 80px;
    background: #227DF9;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    margin-top: 19.57px;
    align-self: center; }
    .offline___feeComponent___3vAZ5 .offline___viewMore___22khI p {
      margin: 0;
      font-size: 12px;
      padding: 3px;
      padding-left: 12px; }

.offline___historyPayment___qrz6b {
  font-weight: bold;
  font-size: 18px;
  background: #ffffff;
  margin-top: 17px;
  margin-left: 43px; }
  .offline___historyPayment___qrz6b p {
    font-size: 20px;
    font-weight: bold;
    margin: 0; }

.offline___payDate___3Gbye {
  margin: 0;
  padding: 16.14px 0 0 17.25px;
  font-weight: 600;
  font-size: 15px; }

.offline___payAmt___2dO6H {
  display: inline-block;
  font-weight: bold;
  align-self: center;
  margin-top: 8.31px;
  margin-bottom: 16.5px; }
  .offline___payAmt___2dO6H p {
    display: inline-block;
    margin: 0;
    margin-left: 4.77px;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.7;
    margin-right: 5px; }

.offline___historyContainer___U4eyZ {
  position: relative;
  overflow-y: hidden;
  white-space: nowrap;
  background: #F2F3F7;
  margin-top: 12px;
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
  padding-bottom: 10px;
  padding-left: 10px; }

.offline___offline___3tU6W {
  width: 13.69px;
  height: 10.96px; }

.offline___download___3fIgP {
  width: 25.68px;
  left: 59.23px;
  height: 25.68px;
  bottom: 27.82px;
  cursor: pointer; }

.offline___save___3b2mp {
  left: 60px;
  bottom: 10px;
  font-weight: 500;
  font-size: 10px;
  opacity: 0.7; }

.offline___print___2yW8g {
  width: 25.68px;
  right: 26.15px;
  height: 25.68px;
  bottom: 27.52px; }

.offline___printText___318Bi {
  right: 30px;
  bottom: 10px;
  font-weight: 500;
  font-size: 10px;
  opacity: 0.7; }

.offline___avatarIcon___2bUnu {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.offline___userDetailMainUser___3XGh5 {
  display: inline-block;
  margin-top: 82px;
  z-index: 100; }
  .offline___userDetailMainUser___3XGh5 p {
    font-size: 13px;
    margin: 0;
    padding: 0; }

.offline___topRightContainer___2kvnX {
  display: flex;
  flex-flow: column; }

.offline___topPaymentFlow___2NcXr {
  display: flex;
  flex-flow: column; }

.offline___rupeeIcon___FQFXZ {
  width: 14.07px; }

.offline___pencilIconBlue___1vWa- {
  width: 13.77px;
  height: 15.64px;
  margin-right: 5px; }

.offline___editIconContainer___gojJr {
  position: absolute;
  display: flex;
  right: 20px;
  z-index: 100;
  cursor: pointer;
  top: 10px; }

.offline___editText___2lmYE {
  font-weight: 500;
  font-size: 15px;
  color: #227DF9;
  line-height: 18px; }

.offline___editIconContainer___gojJr:hover .offline___editText___2lmYE {
  text-decoration: underline; }

.offline___paymentHistoryEmpty___2UjZI {
  font-weight: 600;
  font-size: 18px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px; }

.offline___seeMoreButton___3EaQv {
  background: #227DF9;
  padding: 5px 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  width: fit-content;
  cursor: pointer;
  height: 15px;
  margin-top: 10px;
  margin-left: 200px;
  margin-right: auto; }

.offline___filter___3-agc {
  width: 32px;
  margin-top: 8px;
  height: 31px;
  cursor: pointer;
  right: 4px;
  transform: rotate(90deg);
  margin-bottom: 8px; }

.offline___charactersCount___2D5-7 {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.student-component___backIcon___3qDpp {
  width: 10px;
  height: 7px;
  margin-right: 4px; }

.student-component___back___2z773 {
  margin: 0;
  opacity: 0.6;
  cursor: pointer;
  font-weight: 500;
  font-size: 11px;
  display: flex; }

.student-component___headerParent___3JqCN:hover .student-component___back___2z773 {
  text-decoration: underline;
  color: #227DF9; }

.student-component___headerParent___3JqCN {
  display: flex;
  margin-left: 20px;
  margin-top: 15px; }

.student-component___topWrapper___2Y3dH {
  display: flex;
  margin-left: 34.4px;
  margin-top: 20px; }

.student-component___profileWrapper___1Mheb {
  width: 85.62px;
  height: 85.62px;
  color: #fff;
  font-size: 46px;
  line-height: 85.62px;
  text-align: center;
  border-radius: 50%; }

.student-component___rightComponent___1Brcr {
  display: flex;
  margin-left: 15.84px;
  flex-flow: column; }

.student-component___nameComponent___1y9Hm {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  color: #010430;
  margin-top: 10px; }

.student-component___studentId___26MEq {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #010430; }

.student-component___sectionClass___h83hn {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #010430; }

.student-component___selectOptionTag___9T8pB {
  font-size: 16px;
  margin-top: 30px;
  margin-left: 20px;
  border-radius: 5px;
  position: absolute;
  top: 50px;
  right: 30px;
  z-index: 100; }

.payment-item-header___header___6yWqL {
  display: flex;
  flex-flow: row;
  height: 25px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.payment-item-header___components___3fy-H {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  /* padding: 18px; */
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  /* margin-bottom: 15px; */
  line-height: 15px;
  /* padding-top: 28px; */ }

.payment-item-header___sectionName___3kmRX {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.dues___duesComponent___20gsp {
  position: absolute;
  top: 230px;
  bottom: 0;
  left: 0;
  width: 100%; }

.dues___upcomingPaymentLabel___3rMXp {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #010430;
  background: #F2F3F7;
  height: 22px;
  line-height: 22px;
  padding-left: 44px;
  margin-top: 19.39px; }

.dues___bottomLabel___3fBm3 {
  width: 100%;
  background: #F2F3F7;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  height: 116.5px;
  position: sticky;
  bottom: 0;
  margin-top: 20px; }

.dues___feesSelected___11eCW {
  color: rgba(34, 125, 249, 0.8);
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  margin-left: 67.45px;
  padding-top: 23.5px; }
  .dues___feesSelected___11eCW span {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #1F2028;
    margin-left: 9.29px; }

.dues___grandTotalLine___1v7N6 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #010430;
  margin-left: 68.74px;
  margin-top: 17.46px; }
  .dues___grandTotalLine___1v7N6 span {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #1F2028;
    margin-left: 18px; }

.dues___paynowButton___2DNd0 {
  width: 170px;
  height: 34px;
  line-height: 34px;
  background: #1BCC63;
  text-align: center;
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  margin-top: 13px;
  margin-left: auto;
  cursor: pointer; }

.dues___cancelButton___1g5Fe {
  width: 170px;
  height: 34px;
  line-height: 34px;
  background: #FF3653;
  border-radius: 3px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  margin-top: 13px;
  margin-right: 23.26px;
  margin-left: 20px;
  cursor: pointer; }

.dues___paymentPage___2i4PY {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff; }

.dues___emptyText___23Snv {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.payment-fee-item___feeContainer___ynkHF {
  position: relative;
  display: flex; }

.payment-fee-item___feeNameItem___1sRKU {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: rgba(1, 4, 30, 0.8);
  margin-left: 18.55px; }
  .payment-fee-item___feeNameItem___1sRKU span {
    color: #010430;
    opacity: 0.7;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    margin-left: 3.45px; }

.payment-fee-item___paymentItemContainer___1P5uZ {
  display: flex;
  flex-flow: column;
  margin-left: 44px;
  margin-top: 37px; }

.payment-fee-item___lateFeesDueDate___1-92D {
  color: #010430;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  margin-left: auto;
  margin-right: 87px; }

.payment-fee-item___duePassedLine___276Rk {
  color: #FF3653;
  opacity: 0.8;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  margin-top: 4px;
  margin-left: 50px; }

.payment-fee-item___detailContainer___3BTHN {
  margin-left: 50px;
  margin-top: 15px;
  display: flex; }

.payment-fee-item___showMoreButton___U_84F {
  width: 72.32px;
  height: 20.12px;
  background: rgba(34, 125, 249, 0.2);
  border-radius: 2px;
  color: #227DF9;
  font-weight: 500;
  font-size: 10px;
  line-height: 20.12px;
  margin-left: 10px;
  padding-left: 6.45px;
  display: flex;
  cursor: pointer; }

.payment-fee-item___detailText___3CXjS {
  color: #010430;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.payment-fee-item___bottomMonth___2hLd9 {
  color: #010430;
  opacity: 0.8;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-left: 10px;
  margin-top: 3px; }

.payment-fee-item___grandTotalBox___3j2h9 {
  width: 402.70px;
  height: 34px;
  background: #F2F3F7;
  line-height: 34px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  padding-left: 8.96px;
  display: flex;
  margin-top: 13.88px; }
  .payment-fee-item___grandTotalBox___3j2h9 span {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin-left: auto;
    margin-right: 8.67px; }

.payment-fee-item___paynowButton___28y0F {
  width: 170px;
  height: 34px;
  background: #1BCC63;
  border-radius: 5px;
  line-height: 34px;
  text-align: center;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  margin-left: 57.33px;
  margin-top: 13.88px;
  cursor: pointer; }

.payment-fee-item___downArrow___w4gxx {
  width: 4.28px;
  height: 2.14px;
  margin-top: 9.71px;
  margin-left: auto;
  margin-right: 5px; }

.payment-fee-item___showDetails___1c16P {
  margin-left: 50px;
  margin-top: 19px;
  width: 352.7px; }

.payment-fee-item___feeNameItemNew___zAtBF {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.8); }
  .payment-fee-item___feeNameItemNew___zAtBF span {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    color: #1F2028;
    opacity: 0.8;
    margin-left: 5px; }

.payment-fee-item___feeHeadsContainer___9pVkE {
  display: flex;
  margin-top: 17px; }

.payment-fee-item___feeHeadName___1f7VK {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8; }

.payment-fee-item___feeHeadAmount___rkiuX {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: auto; }

.payment-fee-item___pencilIconBlue___1RjwU {
  width: 13.77px;
  height: 15.64px;
  margin-right: 5px; }

.payment-fee-item___editIconContainer___7R9pe {
  position: absolute;
  display: flex;
  right: 85px;
  cursor: pointer; }

.payment-fee-item___editIconContainer___7R9pe:hover .payment-fee-item___editText___37JCV {
  text-decoration: underline; }

.payment-fee-item___editText___37JCV {
  font-weight: 500;
  font-size: 15px;
  color: #227DF9;
  line-height: 18px; }

.edit-offline-payments___feeEstimateHeading___2lOs0 {
  color: #010430;
  font-size: 22px;
  font-weight: 800;
  display: flex;
  margin-left: 28.42px;
  margin-top: 18.31px; }

.edit-offline-payments___bottomTagLine___9t6gF {
  font-size: 13px;
  color: rgba(1, 4, 30, 0.4);
  border-bottom: 0.5px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px;
  margin-left: 28.42px; }

.edit-offline-payments___classHeading___1obog {
  font-weight: 600;
  font-size: 18px;
  color: #010430;
  line-height: 21px;
  margin-left: 28px;
  margin-top: 7px; }

.edit-offline-payments___feeType___1GKgl {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  opacity: 0.8;
  color: #010430;
  margin-left: 28px;
  margin-top: 3px; }

.edit-offline-payments___discountCategories___2Sj92 {
  max-width: 360px;
  min-width: 160px;
  height: 47px;
  width: fit-content;
  border-radius: 5px;
  background: #F2F3F7;
  margin-top: 20px;
  margin-right: 35px;
  color: rgba(1, 4, 30, 0.8);
  line-height: 54px;
  text-align: center;
  font-size: 13px;
  position: relative;
  padding: 0 10px;
  margin-left: auto; }
  .edit-offline-payments___discountCategories___2Sj92 span {
    font-size: 10px;
    position: absolute;
    left: 10px;
    line-height: 15px; }

.edit-offline-payments___feeMonthText___26pfl {
  margin-left: 43px;
  opacity: 0.8;
  color: #010430;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: 38px; }

.edit-offline-payments___joiningMonth___UXlfH {
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.7;
  height: 31px;
  background: white;
  border-radius: 5px;
  margin-top: 30px;
  margin-left: 20px; }

.edit-offline-payments___calendarIcon___2Nrjw {
  height: 21.32px;
  width: 21.34px;
  margin-left: 11.55px;
  margin-top: 35px; }

.edit-offline-payments___feeSection___3x33A {
  display: flex;
  flex-flow: column;
  position: relative;
  margin-top: 28px; }

.edit-offline-payments___academicFeesHeading___2wds9 {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-top: 13px;
  margin-left: 41px; }

.edit-offline-payments___displayIcon___Fw82E {
  display: flex;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-left: 67px;
  margin-top: 15px;
  cursor: pointer; }

.edit-offline-payments___bluePencilIcon___3j9Py {
  width: 13.77px;
  height: 15.64px;
  margin-right: 5px; }

.edit-offline-payments___rowHeader___2HJfd {
  display: flex; }

.edit-offline-payments___tableComponent___1dwS8 {
  margin-left: 56px;
  color: rgba(1, 4, 30, 0.6);
  margin-top: 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.edit-offline-payments___tableComponent___1dwS8 tr td {
  padding-top: 20px; }

.edit-offline-payments___floatingLabel___2unKe {
  position: relative; }
  .edit-offline-payments___floatingLabel___2unKe label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-offline-payments___floatingLabel___2unKe input {
    background: #F2F3F7;
    border: none;
    padding-top: 10px;
    outline: none;
    width: 95px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 29px; }
  .edit-offline-payments___floatingLabel___2unKe input:not(:placeholder-shown) + label {
    opacity: .7;
    font-size: 10px;
    left: 10px;
    top: 0px; }
  .edit-offline-payments___floatingLabel___2unKe input:focus + label {
    opacity: .7;
    font-size: 10px;
    left: 10px;
    top: 0px; }
  .edit-offline-payments___floatingLabel___2unKe input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-offline-payments___floatingLabel___2unKe input:focus {
    border-bottom: 1px solid #0062FF; }
  .edit-offline-payments___floatingLabel___2unKe .edit-offline-payments___invalidMessage___K5oFn {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .edit-offline-payments___floatingLabel___2unKe input:invalid + label + .edit-offline-payments___invalidMessage___K5oFn {
    display: block; }

.edit-offline-payments___warningMessage___356ru {
  font-size: 10px;
  color: #FF3653;
  margin-left: 43px;
  margin-right: 28px;
  margin-top: auto; }

.edit-offline-payments___rupeeSymbol___2SkU8 {
  width: 10.93px;
  height: 17px;
  margin-left: 10px;
  margin-top: 10px; }

.edit-offline-payments___percentageSymbol___1IgYh {
  width: 15px;
  height: 16px;
  margin-left: 10px;
  margin-top: 10px; }

.edit-offline-payments___totalContainer___3G4Fg {
  display: flex;
  margin-left: 70px;
  margin-right: 39px;
  margin-top: 21px; }

.edit-offline-payments___totalText___3tyPB {
  font-weight: 500;
  font-size: 18px;
  line-height: 50px;
  color: #010430;
  margin-right: 10px;
  margin-left: auto; }

.edit-offline-payments___totalAmount___27-E3 {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.8);
  padding: 15px 10px;
  border-top: 1px solid #010430;
  margin-right: 40px; }

.edit-offline-payments___confirmButton___1qT1t {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: 30px; }

.edit-offline-payments___deleteButton___3_KFw {
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: 35.38px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FF3653;
  border: 1px solid rgba(1, 4, 30, 0.3);
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-offline-payments___deleteButton___3_KFw:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.edit-offline-payments___minusIcon___1flXU {
  width: 20px;
  height: 20px;
  margin-bottom: -5px;
  margin-left: -20px;
  margin-right: 10px;
  cursor: pointer; }

.edit-offline-payments___addFeeContainer___1T4V9 {
  display: flex;
  position: relative;
  font-weight: 500;
  font-size: 15px;
  color: #227DF9;
  line-height: 22px;
  cursor: pointer; }

.edit-offline-payments___plusIconBlue___2j5Jv {
  width: 22px;
  height: 22px;
  margin-right: 10px; }

.payment-modal___successHeader___mdbGZ {
  margin: 25px;
  text-align: center;
  font-weight: 600;
  font-size: 18px; }

.payment-modal___cover___3zHY_ {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  width: 137.17px; }

.payment-modal___paySuccess___31WPp {
  margin: 0;
  margin-top: 200px;
  text-align: center;
  font-weight: 600;
  font-size: 18px; }

.payment-modal___amtText___1uJTv {
  margin: 5px;
  opacity: 0.7;
  text-align: center;
  font-weight: normal;
  font-size: 15px; }

.payment-modal___amt___2TQE7 {
  margin: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 22px; }
  .payment-modal___amt___2TQE7 .payment-modal___rupeeIcon___3s4ve {
    margin-right: 5px;
    width: 16px;
    height: 23px; }
  .payment-modal___amt___2TQE7 span {
    margin: 0;
    font-size: 15px; }

.payment-modal___print___u_xeV {
  width: 60px;
  height: 60px;
  cursor: pointer;
  align-self: center; }

.payment-modal___printText___3FnzE {
  text-align: center;
  font-weight: 500;
  font-size: 16px; }

.payment-modal___closeBtn___7_Kum {
  height: 40px;
  width: 140px;
  margin: auto;
  border: 1.5px solid rgba(34, 124, 249, 0.507);
  border-radius: 5px;
  cursor: pointer; }
  .payment-modal___closeBtn___7_Kum p {
    margin: 5px;
    text-align: center;
    font-size: 22px;
    color: #227DF9; }

.payment-modal___SecBackdrop___2IgSQ {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 600;
  left: 0;
  top: 0;
  background-color: rgba(17, 17, 17, 0.5);
  opacity: 1; }

.payment-modal___cross___3oHFT {
  position: absolute;
  width: 5%;
  right: 4%;
  cursor: pointer; }

.payment-modal___Modal___31vY4 {
  position: fixed;
  z-index: 501;
  background-color: #FFFFFF;
  left: 30%;
  top: 50px;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.payment-modal___cross___3oHFT {
  position: absolute;
  z-index: 2;
  width: 20px;
  top: 15px;
  right: 15px;
  cursor: pointer; }

.payment-modal___modalContainer___2IP7L {
  height: 100%;
  width: 100%;
  position: relative; }

.payment-modal___modalHeader___3S8-S {
  position: relative;
  height: 155px;
  width: 100%;
  background: #F3F3F7;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.payment-modal___userDetail___6JTv7 {
  display: inline-block;
  margin-left: 16px; }
  .payment-modal___userDetail___6JTv7 p {
    font-size: 13px;
    margin: 0;
    padding: 0; }

.payment-modal___userName___3ok6R {
  font-size: 16px; }

.payment-modal___userProfile___2G9hI {
  height: 100px;
  width: 100%;
  position: absolute;
  top: 85px;
  z-index: 2;
  display: flex; }

.payment-modal___avatar___33NZe {
  width: 80px;
  height: 80px;
  object-fit: cover;
  margin-left: 27.4px;
  text-align: center;
  line-height: 85.62px;
  color: #FFFFFF;
  padding: 5px;
  border-radius: 50%;
  font-size: 30px; }

.payment-modal___profileCover___136ZQ {
  width: 300px;
  position: absolute;
  right: 0;
  top: 0; }

.payment-modal___feeDetailsExpand___1i2yW {
  width: 100%;
  background: #fff;
  position: relative; }

.payment-modal___checkkBoxContainer___3hcs5 {
  position: absolute;
  z-index: 100;
  left: 50px;
  top: 40px; }

.payment-modal___feeNameExpand___2Hsow {
  font-size: 15px;
  margin: 14px 20px 0px 90px;
  font-weight: 500;
  opacity: 0.8;
  display: flex;
  width: 100%; }

.payment-modal___feePeriod___3pdBt {
  font-size: 11px;
  opacity: 0.7;
  margin-left: 5px;
  line-height: 15px; }

.payment-modal___grandTotalExpand___Mzgpk {
  font-weight: 600;
  font-size: 15px;
  margin-left: 90px; }

.payment-modal___grandTotalAmount___ScLk8 {
  margin-right: 70px;
  font-weight: 600;
  font-size: 18px;
  margin-left: auto; }

.payment-modal___grandTotalContainer___1O7fa {
  display: flex; }

.payment-modal___duePassedExpandContainer___hIAG0 {
  display: flex; }

.payment-modal___duePassedExpand___1EY8v {
  margin: 8px;
  margin-left: 88px;
  font-size: 15px;
  font-weight: bold;
  opacity: 0.7; }

.payment-modal___dueOverExpand___3HmMW {
  margin-right: 30px;
  margin: 10px;
  font-weight: normal;
  font-size: 13px;
  margin-left: auto;
  color: #FF3653; }

.payment-modal___feeList___kPy0I {
  position: relative;
  margin: 20px;
  margin-left: 80px; }

.payment-modal___leftFee___1j_Wk {
  display: inline-block;
  margin: 10px;
  font-weight: normal;
  font-size: 15px; }

.payment-modal___rightFee___T3p61 {
  display: inline-block;
  position: absolute;
  margin: 10px;
  right: 40px;
  font-weight: normal;
  font-size: 15px; }

.payment-modal___overDue___GhJ6z {
  margin: 0;
  bottom: 0;
  font-size: 10px;
  margin-left: 10px; }

.payment-modal___payMode___EK1ge {
  display: inline-block;
  font-size: 15px;
  margin-left: 88px; }

.payment-modal___payModeText___2eN-d {
  display: inline-block;
  font-size: 15px;
  position: absolute;
  right: 70px; }
  .payment-modal___payModeText___2eN-d img {
    width: 15px;
    margin-right: 8px; }

.payment-modal___inputBox___2SZNZ {
  height: 50px;
  width: 435px;
  margin: 25px auto;
  border: none;
  background: #F2F3F7;
  border-radius: 5px;
  position: relative;
  cursor: pointer; }
  .payment-modal___inputBox___2SZNZ p {
    margin: 0;
    padding: 15px;
    font-weight: normal;
    font-size: 13px; }
  .payment-modal___inputBox___2SZNZ .payment-modal___upArrow___3QWkQ {
    width: 7px;
    position: absolute;
    right: 15px;
    top: 15px; }
  .payment-modal___inputBox___2SZNZ .payment-modal___downArrow___38tXC {
    width: 7px;
    position: absolute;
    right: 15px;
    top: 26px; }
  .payment-modal___inputBox___2SZNZ .payment-modal___discountText___2VloK {
    display: inline-block;
    height: 100%;
    width: 60%;
    background: #fff; }
  .payment-modal___inputBox___2SZNZ .payment-modal___discountBox___2wa6G {
    display: inline-block; }

.payment-modal___inputBoxActive___Jlc_G {
  height: 50px;
  width: 435px;
  margin: 25px auto;
  border: none;
  background: #F2F3F7;
  border-radius: 5px;
  position: relative; }
  .payment-modal___inputBoxActive___Jlc_G p {
    margin: 0;
    font-size: 12px;
    padding: 5px 20px; }
  .payment-modal___inputBoxActive___Jlc_G .payment-modal___paymentType___NMTMr {
    font-size: 15px; }
  .payment-modal___inputBoxActive___Jlc_G input {
    height: 20px;
    width: 90%;
    margin-left: 20px;
    background: #F2F3F7;
    border: none;
    font-weight: 500;
    opacity: 0.8;
    font-size: 15px; }
  .payment-modal___inputBoxActive___Jlc_G .payment-modal___upArrow___3QWkQ {
    width: 7px;
    position: absolute;
    right: 15px;
    top: 15px; }
  .payment-modal___inputBoxActive___Jlc_G .payment-modal___downArrow___38tXC {
    width: 7px;
    position: absolute;
    right: 15px;
    top: 26px; }
  .payment-modal___inputBoxActive___Jlc_G .payment-modal___discountText___2VloK {
    display: inline-block;
    height: 40px;
    font-size: 15px;
    width: 290px;
    background: #fff; }
  .payment-modal___inputBoxActive___Jlc_G .payment-modal___discountBox___2wa6G {
    display: inline-block;
    position: relative; }
  .payment-modal___inputBoxActive___Jlc_G .payment-modal___discountInput___1NV6H {
    right: 5px;
    bottom: 5px;
    margin: 0;
    position: absolute;
    width: 27%; }

.payment-modal___modalBody___uaeY9 {
  position: relative;
  margin-bottom: 20px; }

.payment-modal___uploadContainer___2vXx2 {
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .payment-modal___uploadContainer___2vXx2 .payment-modal___uploadText___27-Xj {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: 600;
    font-size: 13px; }
  .payment-modal___uploadContainer___2vXx2 .payment-modal___uploadFiles___2yFrp {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: normal;
    font-size: 11px; }

.payment-modal___fileLimit___3-1tT {
  margin: 10px;
  font-size: 12px;
  margin-left: 60px;
  opacity: 0.7; }

.payment-modal___payBtn___2kBGr {
  height: 45px;
  width: 300px;
  margin: 20px auto;
  background: #1BCC63;
  border-radius: 5px;
  color: #fff;
  opacity: 0.5; }
  .payment-modal___payBtn___2kBGr p {
    padding: 13px;
    text-align: center; }

.payment-modal___payBtnActive___3FXKn {
  height: 45px;
  width: 300px;
  margin: 20px auto;
  background: #1BCC63;
  border-radius: 5px;
  color: #fff;
  cursor: pointer; }
  .payment-modal___payBtnActive___3FXKn p {
    padding: 13px;
    text-align: center; }

.payment-modal___deleteHeader___2VqsY {
  height: 45px;
  border-radius: 10px 10px 0 0;
  background-color: #EEEBEB;
  border: 1px solid #fff; }
  .payment-modal___deleteHeader___2VqsY p {
    margin-left: 30px;
    font-size: 16px;
    opacity: 0.9;
    font-weight: bold; }

.payment-modal___deleteBody___3S_yL {
  margin: 15px 30px; }

.payment-modal___cancelBtn___2ZJG6 {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 110px;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.6;
  cursor: pointer; }
  .payment-modal___cancelBtn___2ZJG6 div {
    margin: 5px 10px; }

.payment-modal___deleteBtn___1tdtG {
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 70px;
  margin-top: 10px;
  right: 20px;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #227DF9;
  cursor: pointer; }
  .payment-modal___deleteBtn___1tdtG div {
    margin: 5px 8px; }

.payment-modal___paymentOption___1mWlu {
  position: absolute;
  width: 435px;
  left: 64px;
  margin-top: -24px;
  z-index: 1;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid rgba(1, 4, 48, 0.4);
  border-radius: 4px; }
  .payment-modal___paymentOption___1mWlu p {
    margin: 0px;
    padding: 8px;
    padding-left: 30px;
    font-size: 14px; }
  .payment-modal___paymentOption___1mWlu p:hover {
    color: #fff;
    background: #227DF9;
    cursor: pointer; }

.payment-modal___uploadSection___1MLR7 {
  width: 83%;
  margin: 25px auto; }

.payment-modal___fileItem___2FwqV {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .payment-modal___fileItem___2FwqV .payment-modal___crossBtn___18Bx5 {
    position: absolute;
    width: 10px;
    right: 8px;
    top: 8px;
    z-index: 100;
    cursor: pointer; }
  .payment-modal___fileItem___2FwqV .payment-modal___fileName___w5oMB {
    font-size: 14px;
    margin: 5px 10px;
    opacity: 0.6; }
  .payment-modal___fileItem___2FwqV .payment-modal___fileSize___1yKR6 {
    font-size: 9px;
    margin: 5px 10px;
    opacity: 0.6; }

.payment-modal___addBtn___1O8qU {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  background: #227DF9;
  border: 1.5px solid #227DF9;
  border-radius: 3px;
  color: #fff;
  cursor: pointer; }
  .payment-modal___addBtn___1O8qU .payment-modal___addText___3-Wla {
    display: inline-block;
    font-size: 20px;
    margin: 12px;
    margin-left: 50px; }
  .payment-modal___addBtn___1O8qU .payment-modal___addIcon___2YD4j {
    position: absolute;
    width: 28px;
    top: 10px;
    left: 10px; }

.payment-modal___floatingLabel___1HgQF {
  position: relative;
  margin-top: 30px;
  margin-left: 65px;
  width: 499.38px; }
  .payment-modal___floatingLabel___1HgQF label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .payment-modal___floatingLabel___1HgQF input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 422.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 36.8px; }
  .payment-modal___floatingLabel___1HgQF input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: 0.8;
    padding-left: 11px;
    padding-top: 4px;
    font-weight: normal;
    font-size: 11px; }
  .payment-modal___floatingLabel___1HgQF input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 11px;
    padding-left: 11px;
    padding-top: 4px; }
  .payment-modal___floatingLabel___1HgQF input:focus::-webkit-input-placeholder {
    color: transparent; }
  .payment-modal___floatingLabel___1HgQF input:focus {
    border-bottom: 3px solid #0062FF; }
  .payment-modal___floatingLabel___1HgQF .payment-modal___invalidMessage___2w4-M {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .payment-modal___floatingLabel___1HgQF input:invalid + label + .payment-modal___invalidMessage___2w4-M {
    display: block; }

.payment-modal___floatingLabelNew___2us98 {
  position: relative;
  width: 139.38px; }
  .payment-modal___floatingLabelNew___2us98 label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .payment-modal___floatingLabelNew___2us98 input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 36.8px; }
  .payment-modal___floatingLabelNew___2us98 input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: 0.8;
    padding-left: 10px;
    padding-top: 0px;
    font-weight: normal;
    font-size: 11px; }
  .payment-modal___floatingLabelNew___2us98 input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 0px; }
  .payment-modal___floatingLabelNew___2us98 input:focus::-webkit-input-placeholder {
    color: transparent; }
  .payment-modal___floatingLabelNew___2us98 input:focus {
    border-bottom: 3px solid #0062FF; }
  .payment-modal___floatingLabelNew___2us98 .payment-modal___invalidMessage___2w4-M {
    font-size: 10px;
    color: #FF3653;
    display: none;
    width: 200px;
    bottom: -25px;
    left: 0px; }
  .payment-modal___floatingLabelNew___2us98 input:invalid + label + .payment-modal___invalidMessage___2w4-M {
    display: block; }

.payment-modal___invalidMessage___2w4-M {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  display: none;
  position: absolute;
  bottom: -15px; }

.payment-modal___rupeeIcon___3s4ve {
  width: 9.32px;
  height: 13.7px;
  margin-top: 15px;
  margin-right: 15px; }

.payment-modal___subScript___yZeSa {
  margin-bottom: 20px;
  color: #227DF9;
  cursor: pointer;
  margin-left: 90px;
  font-size: 11px; }

.payment-modal___subScript___yZeSa:hover {
  text-decoration: underline; }

.payment-modal___totalIndividual___1WXDG {
  margin-left: auto;
  margin-right: 50px; }

.receipt___mainContainer___1FP5_ {
  height: 100%;
  width: 100%; }

.receipt___header___34Ivi {
  height: 120px;
  position: relative;
  border-bottom: 1px solid #F1F1F5; }
  .receipt___header___34Ivi .receipt___back___qMduQ {
    margin: 0;
    opacity: 0.6;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    display: flex; }
  .receipt___header___34Ivi .receipt___backIcon___3sArJ {
    width: 10px;
    height: 7px;
    margin-right: 4px; }

.receipt___header___34Ivi:hover .receipt___back___qMduQ {
  text-decoration: underline;
  color: #227DF9; }

.receipt___componentDivider___1V1Qx {
  display: flex; }

.receipt___revenueContainer___32RJy {
  display: inline-block;
  height: 100%;
  width: 700px; }

.receipt___revenue___2sVGj {
  font-weight: 600;
  font-size: 22px;
  margin-left: 35px;
  margin-top: 5px; }

.receipt___changeRange___Tiv_G {
  height: 30px;
  width: 440px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  margin-left: 34px;
  margin-top: 17px; }
  .receipt___changeRange___Tiv_G .receipt___clock___2YgS2 {
    width: 18px;
    margin: 6px 0px;
    margin-left: 20px;
    height: 18px; }
  .receipt___changeRange___Tiv_G .receipt___rangeText___1f3X8 {
    display: inline;
    color: #227DF9;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 13px; }
  .receipt___changeRange___Tiv_G .receipt___fromText___2twov {
    display: inline-block;
    margin: 0px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px;
    margin-left: 31px;
    margin-top: 6.93px; }
    .receipt___changeRange___Tiv_G .receipt___fromText___2twov span {
      margin-left: 3px;
      font-weight: bold; }
  .receipt___changeRange___Tiv_G .receipt___toText___X8zJZ {
    display: inline-block;
    margin-left: 27px;
    margin-top: 6.93px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px; }
    .receipt___changeRange___Tiv_G .receipt___toText___X8zJZ span {
      margin-left: 3px;
      font-weight: bold; }

.receipt___fromDatePicker___9Gt9P {
  position: absolute;
  bottom: 20px;
  left: 200px;
  z-index: 2; }

.receipt___toDatePicker___10eTh {
  position: absolute;
  bottom: 20px;
  left: 350px; }

.receipt___fromDate___3wHTC {
  display: none; }

.receipt___toDate___pAioT {
  display: none; }

.receipt___export___2l_IH {
  position: absolute;
  left: 509.8px;
  bottom: 12px;
  height: 29px;
  width: 73px;
  background: #F2F3F7;
  border: 1px solid #EBEBEF;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: 29px;
  font-weight: 500;
  font-size: 13px;
  padding-left: 8px; }
  .receipt___export___2l_IH .receipt___exportIcon___1-1w2 {
    width: 14px;
    margin-left: 2.03px; }
  .receipt___export___2l_IH span {
    width: 90px;
    position: absolute;
    margin: -6px 42px;
    font-weight: normal; }

.receipt___headerDivider___1JJWZ {
  margin: 0;
  opacity: 0.1;
  border-top: 2px solid #010430; }

.receipt___leftComponent___3wxx4 {
  width: 291px;
  display: inline-block;
  position: absolute;
  overflow: scroll;
  bottom: 0;
  top: 230px;
  border-right: 1px solid #f1f1f5;
  background: #fff; }

.receipt___rightComponent___ZHCmT {
  display: inline-block;
  position: absolute;
  width: 489px;
  background-color: #fff;
  bottom: 0px;
  top: 230px;
  overflow: scroll;
  left: 292px; }
  .receipt___rightComponent___ZHCmT h2 {
    color: #3074F8;
    font-weight: 600;
    font-size: 26px;
    margin-top: 12.5px;
    margin-left: 28.97px;
    width: 418px;
    margin-bottom: 13.5px; }
  .receipt___rightComponent___ZHCmT .receipt___headingDivider___2C4L3 {
    margin: 0;
    margin-left: 28.97px;
    width: 70%;
    border-top: 1px solid rgba(0, 0, 0, 0.205); }
  .receipt___rightComponent___ZHCmT .receipt___caption___7XmYS {
    margin-left: 70px;
    width: 374px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 15px;
    margin-top: 120px; }
  .receipt___rightComponent___ZHCmT .receipt___coverIcon___1EjuD {
    position: absolute;
    width: 283.46px;
    height: 275px;
    top: 360.74px;
    left: 246px;
    transform: translate(-50%, -50%); }

.receipt___modeContainer___3t7oh {
  height: 30px;
  width: 250px;
  border: 1px solid #E2E2EA;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 16px;
  margin-top: 10px;
  display: flex; }
  .receipt___modeContainer___3t7oh .receipt___paymentDot___oeBVI {
    height: 8px;
    width: 8px;
    margin-left: 16px;
    margin-top: 11px;
    border-radius: 50%; }
  .receipt___modeContainer___3t7oh .receipt___total___3S3AI {
    display: inline-block;
    height: 101%;
    width: 33%;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    display: flex; }
    .receipt___modeContainer___3t7oh .receipt___total___3S3AI .receipt___paymentDot___oeBVI {
      background: #A461D8; }
  .receipt___modeContainer___3t7oh .receipt___offline___1V7JU {
    display: inline-block;
    height: 101%;
    width: 34%;
    cursor: pointer;
    display: flex; }
    .receipt___modeContainer___3t7oh .receipt___offline___1V7JU .receipt___paymentDot___oeBVI {
      background: #717C8A; }
  .receipt___modeContainer___3t7oh .receipt___online___2e-k7 {
    display: inline-block;
    height: 101%;
    width: 33%;
    cursor: pointer;
    display: flex; }
    .receipt___modeContainer___3t7oh .receipt___online___2e-k7 .receipt___paymentDot___oeBVI {
      background: #50B5FF; }
  .receipt___modeContainer___3t7oh p {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px; }

.receipt___totalContainer___1CrF2 {
  height: 60px;
  width: 286px;
  margin-top: 11px;
  background: #EEEBEB; }
  .receipt___totalContainer___1CrF2 .receipt___noOf___2R-28 {
    line-height: 16px;
    font-weight: 600;
    font-size: 13px;
    color: rgba(1, 4, 30, 0.6);
    padding-top: 9px;
    padding-left: 55px;
    margin: 0; }
    .receipt___totalContainer___1CrF2 .receipt___noOf___2R-28 span {
      font-weight: 600;
      font-size: 15px;
      color: #010430; }
  .receipt___totalContainer___1CrF2 .receipt___totalAmt___2q7YX {
    margin: 0px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 18px; }
    .receipt___totalContainer___1CrF2 .receipt___totalAmt___2q7YX img {
      width: 15.1px;
      height: 17.92px;
      margin-right: 15.92px; }
    .receipt___totalContainer___1CrF2 .receipt___totalAmt___2q7YX span {
      font-size: 16px; }

.receipt___searchBox___2Kgqt {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 237px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 4px;
  margin-bottom: 8px; }
  .receipt___searchBox___2Kgqt .receipt___searchIcon___2ODCP {
    height: 15px;
    margin-left: 15px;
    margin-top: 9px;
    margin-bottom: 6px;
    z-index: 100; }
  .receipt___searchBox___2Kgqt .receipt___searchInput___8C5tk {
    width: 173px;
    border-radius: 5px;
    border: 1px;
    outline: none;
    font-size: 13px;
    padding-left: 9px;
    background: #F4F4F4; }

.receipt___filterIcon___1fn-8 {
  width: 32px;
  margin-top: 8px;
  height: 31px;
  cursor: pointer;
  right: 4px; }

.receipt___userComponent___54nzi {
  display: flex;
  width: 100%;
  height: 89px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  flex-flow: column; }
  .receipt___userComponent___54nzi .receipt___profileContainer___1XLWD {
    display: flex;
    margin-left: 25px;
    margin-top: 11px; }
    .receipt___userComponent___54nzi .receipt___profileContainer___1XLWD .receipt___payDate___15Pgl {
      font-weight: normal;
      font-size: 10px;
      line-height: 12px;
      text-align: end; }
    .receipt___userComponent___54nzi .receipt___profileContainer___1XLWD .receipt___paymentId___3iVpq {
      color: rgba(31, 32, 40, 0.8);
      font-size: 10px;
      line-height: 14px;
      mix-blend-mode: normal;
      max-width: 150px;
      margin-left: auto;
      margin-right: 18px; }
      .receipt___userComponent___54nzi .receipt___profileContainer___1XLWD .receipt___paymentId___3iVpq .receipt___offlineIcon___tl6SD {
        margin-left: 6px;
        width: 9.84px;
        height: 9.45px;
        margin-top: 3px; }
    .receipt___userComponent___54nzi .receipt___profileContainer___1XLWD .receipt___duePassed___3axIG {
      position: absolute;
      margin: 8px;
      margin-top: 26px;
      opacity: 0.7;
      font-size: 11px;
      line-height: 13px; }
    .receipt___userComponent___54nzi .receipt___profileContainer___1XLWD .receipt___overDays___3f81y {
      position: absolute;
      margin: 8px;
      margin-top: 40px;
      opacity: 0.7;
      font-size: 11px;
      line-height: 13px; }
  .receipt___userComponent___54nzi .receipt___amountContainer___32r5M {
    display: flex;
    flex-flow: column;
    position: absolute;
    right: 4px;
    top: 9.67px; }
    .receipt___userComponent___54nzi .receipt___amountContainer___32r5M .receipt___userName___3JyB1 {
      text-transform: capitalize;
      margin-top: 0px;
      font-weight: 600;
      color: rgba(1, 4, 30, 0.9);
      font-size: 13px; }
    .receipt___userComponent___54nzi .receipt___amountContainer___32r5M .receipt___payAmt___2-lyd {
      color: #2E98F5;
      font-weight: 600;
      font-size: 13px;
      margin-left: 4px; }
    .receipt___userComponent___54nzi .receipt___amountContainer___32r5M .receipt___rupeeIcon___1EBAg {
      width: 10px;
      height: 13px; }
  .receipt___userComponent___54nzi .receipt___dueContainer___rsVqo {
    display: inline-block;
    width: 63px;
    height: 90%; }
    .receipt___userComponent___54nzi .receipt___dueContainer___rsVqo .receipt___dueAmt___2tb06 {
      position: absolute;
      margin: 0px 15px;
      margin-top: 15px;
      font-size: 15px;
      line-height: 19px;
      color: #FF3653; }
    .receipt___userComponent___54nzi .receipt___dueContainer___rsVqo .receipt___rupeeIcon___1EBAg {
      position: absolute;
      margin-top: 20px;
      width: 10px; }
  .receipt___userComponent___54nzi .receipt___userDivider___1-wOQ {
    margin: 0;
    margin-left: 40px;
    border-top: 1px solid #F1F1F5; }

.receipt___userComponent___54nzi:hover {
  background: #EEEBEB; }

.receipt___revenueDetail___3zQFw {
  width: 475px;
  position: relative; }

.receipt___timeStamp___21pfH {
  margin-left: 17.74px;
  margin-top: 18.46px; }
  .receipt___timeStamp___21pfH .receipt___timeStampDate___1fap1 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px; }
  .receipt___timeStamp___21pfH .receipt___timeStampTime___3NLng {
    margin: 0;
    line-height: 13px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 10px; }

.receipt___profileComponent___JKVnr {
  margin-left: auto;
  margin-right: auto; }
  .receipt___profileComponent___JKVnr .receipt___userAvatarContainer___HPWWU .receipt___userAvatar___1tZXr {
    width: 70.04px;
    height: 70.04px;
    line-height: 70.04px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    object-fit: cover;
    border-radius: 50%;
    margin: 0px 50px;
    margin-top: 20px; }
  .receipt___profileComponent___JKVnr .receipt___userNameText___3bAyK {
    margin: 0;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    font-size: 22px; }
  .receipt___profileComponent___JKVnr .receipt___studentId___cuzV4 {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }
  .receipt___profileComponent___JKVnr .receipt___classSection___1WsD_ {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }

.receipt___buttonContainer___aUSAR {
  right: 0;
  margin-top: 14.85px;
  margin-right: 17.81px; }
  .receipt___buttonContainer___aUSAR .receipt___printIcon___ho9tw {
    width: 27.25px;
    height: 28.5px;
    cursor: pointer; }
  .receipt___buttonContainer___aUSAR .receipt___downloadIcon___1-7Sk {
    width: 28.02px;
    height: 28.02px;
    margin-left: 17.8px;
    cursor: pointer; }

.receipt___row___3vvlf {
  position: relative;
  border: 1px solid #fff;
  margin-left: 46.69px;
  width: 409.95px;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  padding: 10px 0px; }
  .receipt___row___3vvlf .receipt___left___3YIZ1 {
    line-height: 18px;
    opacity: 0.8;
    font-weight: 500;
    font-size: 13px;
    margin: 0; }
  .receipt___row___3vvlf .receipt___right___1Liol {
    line-height: 16px;
    right: 0;
    margin: 0;
    opacity: 0.7;
    font-weight: normal;
    font-size: 13px;
    margin-left: auto; }
    .receipt___row___3vvlf .receipt___right___1Liol .receipt___offlineImg___nbwJK {
      width: 13.86px;
      height: 10.97px;
      margin: -2px 5px; }
  .receipt___row___3vvlf .receipt___rowDivider___2nJgV {
    margin-top: 25px;
    border-top: 0.5px solid rgba(1, 4, 48, 0.1); }

.receipt___feeDetail___2Lv62 {
  width: 454px;
  margin: 20px 0;
  margin-left: 20px;
  background: rgba(34, 124, 249, 0.11);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  padding-bottom: 19.81px; }
  .receipt___feeDetail___2Lv62 .receipt___detailHeader___1nd3- {
    margin: 0;
    padding: 10px 32px;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px; }
  .receipt___feeDetail___2Lv62 .receipt___feeDivider___2vOxP {
    margin: 0 20px;
    border-top: 1px solid #AF9F90; }
  .receipt___feeDetail___2Lv62 .receipt___feeName___zZ89q {
    margin: 8px 30px;
    line-height: 21px;
    opacity: 0.8;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    position: relative; }
    .receipt___feeDetail___2Lv62 .receipt___feeName___zZ89q span {
      margin-left: 5px;
      line-height: 14px;
      opacity: 0.8;
      font-weight: normal;
      font-size: 10px; }
  .receipt___feeDetail___2Lv62 .receipt___feeItem___2V-qF {
    height: 30px;
    position: relative; }
    .receipt___feeDetail___2Lv62 .receipt___feeItem___2V-qF .receipt___leftFee___3ic7X {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 15px;
      opacity: 0.8; }
    .receipt___feeDetail___2Lv62 .receipt___feeItem___2V-qF .receipt___rightFee___1hnfs {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      right: 0;
      font-weight: normal;
      font-size: 15px;
      opacity: 0.8; }
  .receipt___feeDetail___2Lv62 .receipt___grandTotal___2D7i7 {
    height: 30px;
    position: relative;
    margin-top: 10px; }
    .receipt___feeDetail___2Lv62 .receipt___grandTotal___2D7i7 .receipt___leftFee___3ic7X {
      position: absolute;
      display: inline-block;
      line-height: 19px;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 18px; }
    .receipt___feeDetail___2Lv62 .receipt___grandTotal___2D7i7 .receipt___rightFee___1hnfs {
      position: absolute;
      display: inline-block;
      line-height: 24px;
      margin: 0px 35px;
      right: 0;
      font-weight: 600;
      font-size: 18px; }

.receipt___overDaysMain___38fnW {
  color: #FF3653;
  font-size: 14px; }

.receipt___dataElement___3Ybn0 {
  position: absolute;
  left: 600px;
  top: 81.14px;
  width: 112px;
  height: 30px;
  font-weight: normal;
  font-size: 11px; }

.receipt___rowDivContainer___2Eyuz {
  display: flex;
  flex-flow: column; }

.receipt___topContainerElements___2BWR1 {
  display: flex; }

.receipt___amountAndLogo___5tRZ6 {
  display: flex;
  margin-top: 6px; }

.receipt___userComponent___54nzi:hover .receipt___bottomUserListLine___2Gu91 {
  display: none; }

.receipt___totalIndividual___3IJWb {
  margin-left: auto; }

.receipt___subScript___rD4-0 {
  margin-top: 15px;
  color: #227DF9;
  cursor: pointer;
  position: absolute;
  left: 30px; }

.receipt___subScriptNew___Kli3f {
  margin-top: 15px;
  color: #227DF9;
  cursor: pointer;
  position: absolute; }

.receipt___subScript___rD4-0:hover {
  text-decoration: underline; }

.receipt___emptyData___1q6N4 {
  margin-left: auto;
  margin-right: 100px;
  margin-top: 120px; }

.receipt___personalInformation___3zvp6 {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border-radius: 10px;
  margin-right: 16px;
  margin-top: 22px;
  position: relative; }

.receipt___imageDisplay___3mV64 {
  width: 135px;
  height: 53px;
  object-fit: cover;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 10px;
  position: relative; }

.receipt___attachmentImage___2n3yB {
  width: 135px;
  height: 53px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 10px; }

.receipt___attachmentContainer___g_ukF {
  position: relative;
  width: 135px;
  height: 53px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer; }

.receipt___uploadDoc___144uB {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer;
  margin-right: 10px; }

.receipt___displayImageDesign___1AQe1 {
  width: 32.8px;
  height: 43px;
  object-fit: cover;
  border-radius: 5px; }

.receipt___docInfoContainer___1cRLM {
  position: relative; }

.receipt___docName___XYEyI {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 12.61px;
  word-break: break-all;
  margin-right: 5px; }

.receipt___settlementAmount___1eyMr {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: rgba(1, 4, 30, 0.7);
  margin-left: 25px;
  margin-top: 10px; }
  .receipt___settlementAmount___1eyMr span {
    font-weight: 800;
    font-size: 13px;
    line-height: 16px;
    color: #010430;
    opacity: 0.8; }

.receipt___stampIcon___1q2Tu {
  position: absolute;
  width: 80px;
  right: 0;
  bottom: 0; }

.application-filter___heading___2Vf6e {
  color: #010430;
  line-height: 24px;
  position: relative;
  font-weight: 800;
  font-size: 22px; }

.application-filter___subHeading___niA6I {
  color: rgba(1, 4, 30, 0.8);
  line-height: 12px;
  margin-top: 6px;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 20px;
  width: 560px;
  padding-left: 23px;
  margin-left: -23px; }

.application-filter___fieldHeader___3ADNz {
  display: flex;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 18px;
  padding-right: 28px; }

.application-filter___resetButtonHeader___3dbzj {
  position: absolute;
  color: #227DF9;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  border: 1px solid rgba(34, 125, 249, 0.4);
  border-radius: 3px;
  padding: 3px 13px 3px 13px;
  right: 10px;
  cursor: pointer; }

.application-filter___optionsContainer___p3NPY {
  position: relative;
  font-size: 13px;
  color: rgba(1, 4, 30, 0.6); }

.application-filter___arrowShow___25hmc {
  width: 25px;
  height: 16px;
  margin-right: 50px;
  margin-top: 0px;
  cursor: pointer;
  z-index: 100; }

/* The container */
.application-filter___container___2hZCO {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.6);
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 13px; }

/* Hide the browser's default checkbox */
.application-filter___container___2hZCO input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.application-filter___checkmark___3OT79 {
  position: absolute;
  top: 0;
  right: 20px;
  height: 15px;
  border: 1px solid #717C8A;
  width: 15px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eee;
  transition: all 0.2s ease-in-out; }

/* On mouse-over, add a grey background color */
.application-filter___container___2hZCO:hover input ~ .application-filter___checkmark___3OT79 {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.application-filter___container___2hZCO input:checked ~ .application-filter___checkmark___3OT79 {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.application-filter___checkmark___3OT79:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.application-filter___container___2hZCO input:checked ~ .application-filter___checkmark___3OT79:after {
  display: block; }

/* Style the checkmark/indicator */
.application-filter___container___2hZCO .application-filter___checkmark___3OT79:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.application-filter___deactiveIcon___tU-Dz {
  height: 25px;
  width: 25px;
  margin-right: 10px; }

.application-filter___genderImageIcon___GU4Kp {
  width: 67px;
  height: 67px;
  margin-right: 15px;
  cursor: pointer; }

.application-filter___cancelTopButton___h3QoV {
  position: absolute;
  right: 159.93px;
  border: 1.5px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 134px;
  line-height: 38px;
  text-align: center;
  height: 36px;
  bottom: 16px;
  color: #92929D;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 15px; }

.application-filter___submitTopButton___21vBN {
  position: absolute;
  right: 0;
  border-radius: 5px;
  color: #FFFFFF;
  background: #227DF9;
  cursor: pointer;
  width: 134px;
  line-height: 38px;
  bottom: 16px;
  text-align: center;
  height: 39px;
  font-weight: 400;
  font-size: 15px; }

.application-filter___sectionElement___HUkVH {
  margin-left: 35px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 14px;
  position: relative;
  height: 25px;
  margin-top: 5px; }

.application-filter___scrollbar___2LLZp {
  overflow-y: scroll; }

.application-filter___scrollbar___2LLZp::-webkit-scrollbar {
  width: 5px; }

.application-filter___scrollbar___2LLZp::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.application-filter___transitionClass___2OzJ5 {
  transition: all 0.5s ease-in-out; }

.application-filter___checkBoxContainer___k_tl1 {
  position: absolute;
  right: 2px;
  top: 0; }

.transaction___mainContainer___27OpR {
  position: relative;
  overflow: hidden; }
  .transaction___mainContainer___27OpR h2 {
    margin: 17px 20px;
    font-size: 22px;
    line-height: 34px;
    cursor: default;
    opacity: .5; }

.transaction___sessionSelect___386rH {
  font-size: 16px;
  margin-left: 20px;
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 30px;
  z-index: 100; }

.transaction___feeComponent___2EapE {
  display: inline-block;
  position: relative;
  height: 162px;
  width: 313px;
  margin: 25px 38px;
  background: #F7F7F8;
  border-radius: 10px;
  cursor: pointer; }
  .transaction___feeComponent___2EapE .transaction___feeName___1D7LT {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    margin-left: 20px;
    margin-top: 25px;
    margin-bottom: 0; }
    .transaction___feeComponent___2EapE .transaction___feeName___1D7LT span {
      font-size: 11px;
      line-height: 16px;
      opacity: .5; }
  .transaction___feeComponent___2EapE .transaction___feeCaption___DqIFn {
    font-size: 11px;
    line-height: 13px;
    opacity: 0.6;
    margin-left: 20px;
    margin-top: 9px;
    margin-bottom: 0;
    width: 124px; }
  .transaction___feeComponent___2EapE .transaction___feeAmount___3Uj2s {
    margin: 15px 22px;
    line-height: 25px;
    font-weight: 600;
    font-size: 18px; }
    .transaction___feeComponent___2EapE .transaction___feeAmount___3Uj2s img {
      width: 10px;
      margin-right: 5px; }
  .transaction___feeComponent___2EapE .transaction___feeIcon1___13pmb {
    width: 112px;
    height: 112px;
    position: absolute;
    top: 25px;
    right: 10px; }
  .transaction___feeComponent___2EapE .transaction___feeIcon2___2rBpk {
    width: 112px;
    height: 112px;
    position: absolute;
    top: 25px;
    right: 10px; }

.transaction___feeComponent___2EapE:hover {
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15); }

.transaction___loader___OJbxd,
.transaction___loader___OJbxd:before,
.transaction___loader___OJbxd:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: transaction___load7___3x8qY 1.8s infinite ease-in-out;
  animation: transaction___load7___3x8qY 1.8s infinite ease-in-out; }

.transaction___loader___OJbxd {
  color: #01041e;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.transaction___loader___OJbxd:before,
.transaction___loader___OJbxd:after {
  content: '';
  position: absolute;
  top: 0; }

.transaction___loader___OJbxd:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.transaction___loader___OJbxd:after {
  left: 3.5em; }

@-webkit-keyframes transaction___load7___3x8qY {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

@keyframes transaction___load7___3x8qY {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em; }
  40% {
    box-shadow: 0 2.5em 0 0; } }

.revenue___mainContainer___FcLWp {
  height: 100%;
  width: 100%; }

.revenue___header___1Q8sk {
  height: 120px;
  position: relative;
  border-bottom: 1px solid #F1F1F5; }
  .revenue___header___1Q8sk .revenue___back___1eKYz {
    margin: 0;
    opacity: 0.6;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    display: flex; }
  .revenue___header___1Q8sk .revenue___backIcon___3mYsp {
    width: 10px;
    height: 7px;
    margin-right: 4px; }

.revenue___header___1Q8sk:hover .revenue___back___1eKYz {
  text-decoration: underline;
  color: #227DF9; }

.revenue___componentDivider___1R7jp {
  display: flex; }

.revenue___revenueContainer___2DTVB {
  display: inline-block;
  height: 100%;
  width: 700px; }

.revenue___revenue___1UJ3A {
  font-weight: 600;
  font-size: 22px;
  margin-left: 35px;
  margin-top: 5px; }

.revenue___changeRange___2zf9C {
  height: 30px;
  width: 440px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  margin-left: 34px;
  margin-top: 17px; }
  .revenue___changeRange___2zf9C .revenue___clock___1snXC {
    width: 18px;
    margin: 6px 0px;
    margin-left: 20px;
    height: 18px; }
  .revenue___changeRange___2zf9C .revenue___rangeText___2q24k {
    display: inline;
    color: #227DF9;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 13px; }
  .revenue___changeRange___2zf9C .revenue___fromText___ZE9xA {
    display: inline-block;
    margin: 0px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px;
    margin-left: 31px;
    margin-top: 6.93px; }
    .revenue___changeRange___2zf9C .revenue___fromText___ZE9xA span {
      margin-left: 3px;
      font-weight: bold; }
  .revenue___changeRange___2zf9C .revenue___toText___24jUT {
    display: inline-block;
    margin-left: 27px;
    margin-top: 6.93px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px; }
    .revenue___changeRange___2zf9C .revenue___toText___24jUT span {
      margin-left: 3px;
      font-weight: bold; }

.revenue___fromDatePicker___2q0Y6 {
  position: absolute;
  bottom: 20px;
  left: 200px;
  z-index: 2; }

.revenue___toDatePicker___21w59 {
  position: absolute;
  bottom: 20px;
  left: 350px; }

.revenue___fromDate___23u1k {
  display: none; }

.revenue___toDate___3CIzy {
  display: none; }

.revenue___export___18UqE {
  position: absolute;
  left: 509.8px;
  bottom: 12px;
  height: 29px;
  width: 73px;
  background: #F2F3F7;
  border: 1px solid #EBEBEF;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: 29px;
  font-weight: 500;
  font-size: 13px;
  padding-left: 8px; }
  .revenue___export___18UqE .revenue___exportIcon___3U1kX {
    width: 14px;
    margin-left: 2.03px; }
  .revenue___export___18UqE span {
    width: 90px;
    position: absolute;
    margin: -6px 42px;
    font-weight: normal; }

.revenue___headerDivider___1Bnbe {
  margin: 0;
  opacity: 0.1;
  border-top: 2px solid #010430; }

.revenue___leftComponent___1DDJS {
  width: 290px;
  display: inline-block;
  position: absolute;
  overflow: scroll;
  bottom: 0;
  top: 122px;
  border-right: 1px solid #f1f1f5; }

.revenue___rightComponent___1wimQ {
  display: inline-block;
  position: absolute;
  width: 489px;
  background-color: #fff;
  bottom: 0px;
  top: 123px;
  overflow: scroll;
  left: 291px; }
  .revenue___rightComponent___1wimQ h2 {
    color: #3074F8;
    font-weight: 600;
    font-size: 26px;
    margin-top: 12.5px;
    margin-left: 28.97px;
    width: 418px;
    margin-bottom: 13.5px; }
  .revenue___rightComponent___1wimQ .revenue___headingDivider___1JOP5 {
    margin: 0;
    margin-left: 28.97px;
    width: 70%;
    border-top: 1px solid rgba(0, 0, 0, 0.205); }
  .revenue___rightComponent___1wimQ .revenue___caption___MnU2U {
    margin-left: 40px;
    width: 374px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 15px; }
  .revenue___rightComponent___1wimQ .revenue___coverIcon___aTOJb {
    position: absolute;
    width: 283.46px;
    height: 275px;
    top: 360.74px;
    left: 246px;
    transform: translate(-50%, -50%); }

.revenue___modeContainer___KFyyu {
  height: 30px;
  width: fit-content;
  border: 1px solid #E2E2EA;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: auto;
  margin-top: 10px;
  display: flex;
  margin-right: auto; }
  .revenue___modeContainer___KFyyu .revenue___paymentDot___b_mBL {
    height: 8px;
    width: 8px;
    margin-left: 16px;
    margin-top: 11px;
    border-radius: 50%; }
  .revenue___modeContainer___KFyyu .revenue___total____jrCi {
    display: inline-block;
    height: 101%;
    width: 33%;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    display: flex; }
    .revenue___modeContainer___KFyyu .revenue___total____jrCi .revenue___paymentDot___b_mBL {
      background: #A461D8; }
  .revenue___modeContainer___KFyyu .revenue___offline___2W8RT {
    display: inline-block;
    height: 101%;
    width: 100px;
    cursor: pointer;
    display: flex; }
    .revenue___modeContainer___KFyyu .revenue___offline___2W8RT .revenue___paymentDot___b_mBL {
      background: #717C8A; }
  .revenue___modeContainer___KFyyu .revenue___online___1x4PN {
    display: inline-block;
    height: 101%;
    width: 100px;
    cursor: pointer;
    display: flex; }
    .revenue___modeContainer___KFyyu .revenue___online___1x4PN .revenue___paymentDot___b_mBL {
      background: #50B5FF; }
  .revenue___modeContainer___KFyyu p {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px; }

.revenue___totalContainer___1UK0o {
  height: 60px;
  margin-top: 11px;
  background: #EEEBEB; }
  .revenue___totalContainer___1UK0o .revenue___noOf___1GyAW {
    line-height: 16px;
    font-weight: 600;
    font-size: 13px;
    color: rgba(1, 4, 30, 0.6);
    padding-top: 9px;
    padding-left: 55px;
    margin: 0; }
    .revenue___totalContainer___1UK0o .revenue___noOf___1GyAW span {
      font-weight: 600;
      font-size: 15px;
      color: #010430; }
  .revenue___totalContainer___1UK0o .revenue___totalAmt___qvWg1 {
    margin: 0px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 18px; }
    .revenue___totalContainer___1UK0o .revenue___totalAmt___qvWg1 img {
      width: 15.1px;
      height: 17.92px;
      margin-right: 15.92px; }
    .revenue___totalContainer___1UK0o .revenue___totalAmt___qvWg1 span {
      font-size: 16px; }

.revenue___searchBox___1KIHG {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 237px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 4px;
  margin-bottom: 8px; }
  .revenue___searchBox___1KIHG .revenue___searchIcon___bEfGy {
    height: 15px;
    margin-left: 15px;
    margin-top: 9px;
    margin-bottom: 6px;
    z-index: 100; }
  .revenue___searchBox___1KIHG .revenue___searchInput___3C21H {
    width: 173px;
    border-radius: 5px;
    border: 1px;
    outline: none;
    font-size: 13px;
    padding-left: 9px;
    background: #F4F4F4; }

.revenue___filterIcon___w68Ec {
  width: 32px;
  margin-top: 8px;
  height: 31px;
  cursor: pointer;
  right: 4px; }

.revenue___userComponent___119Ph {
  display: flex;
  width: 100%;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center; }
  .revenue___userComponent___119Ph .revenue___avatar___yO9eL {
    width: 43px;
    height: 43px;
    border-radius: 25px;
    color: #FFFFFF;
    margin: 7px;
    margin-left: 16px;
    text-transform: capitalize;
    line-height: 43px;
    text-align: center;
    font-weight: 600; }
  .revenue___userComponent___119Ph .revenue___profileContainer___3BssM {
    display: flex;
    flex-flow: column;
    margin-left: 8px;
    align-self: stretch;
    margin-top: 15px; }
    .revenue___userComponent___119Ph .revenue___profileContainer___3BssM .revenue___userName___3Js3p {
      text-transform: capitalize;
      margin-top: 0px;
      font-weight: 600;
      color: rgba(1, 4, 30, 0.9);
      font-size: 13px; }
    .revenue___userComponent___119Ph .revenue___profileContainer___3BssM .revenue___paymentId___1zraK {
      color: rgba(31, 32, 40, 0.8);
      font-size: 10px;
      line-height: 14px;
      mix-blend-mode: normal;
      max-width: 150px; }
      .revenue___userComponent___119Ph .revenue___profileContainer___3BssM .revenue___paymentId___1zraK .revenue___offlineIcon___2GzEK {
        position: absolute;
        margin-left: 6px;
        width: 9.84px;
        height: 9.45px;
        margin-top: 3px; }
    .revenue___userComponent___119Ph .revenue___profileContainer___3BssM .revenue___duePassed___1oiLH {
      position: absolute;
      margin: 8px;
      margin-top: 26px;
      opacity: 0.7;
      font-size: 11px;
      line-height: 13px; }
    .revenue___userComponent___119Ph .revenue___profileContainer___3BssM .revenue___overDays___15ecg {
      position: absolute;
      margin: 8px;
      margin-top: 40px;
      opacity: 0.7;
      font-size: 11px;
      line-height: 13px; }
  .revenue___userComponent___119Ph .revenue___amountContainer___1Awey {
    display: flex;
    flex-flow: column;
    position: absolute;
    right: 4px;
    top: 9.67px; }
    .revenue___userComponent___119Ph .revenue___amountContainer___1Awey .revenue___payDate___1Zwb4 {
      font-weight: normal;
      font-size: 10px;
      line-height: 12px;
      text-align: end; }
    .revenue___userComponent___119Ph .revenue___amountContainer___1Awey .revenue___payAmt___c8hh7 {
      color: #2E98F5;
      font-weight: 600;
      font-size: 13px;
      margin-left: 4px; }
    .revenue___userComponent___119Ph .revenue___amountContainer___1Awey .revenue___rupeeIcon___2rAyS {
      width: 10px;
      height: 13px; }
  .revenue___userComponent___119Ph .revenue___dueContainer___1BE3i {
    display: inline-block;
    width: 63px;
    height: 90%; }
    .revenue___userComponent___119Ph .revenue___dueContainer___1BE3i .revenue___dueAmt___3OY3P {
      position: absolute;
      margin: 0px 15px;
      margin-top: 15px;
      font-size: 15px;
      line-height: 19px;
      color: #FF3653; }
    .revenue___userComponent___119Ph .revenue___dueContainer___1BE3i .revenue___rupeeIcon___2rAyS {
      position: absolute;
      margin-top: 20px;
      width: 10px; }
  .revenue___userComponent___119Ph .revenue___userDivider___61luo {
    margin: 0;
    margin-left: 40px;
    border-top: 1px solid #F1F1F5; }

.revenue___userComponent___119Ph:hover {
  background: #EEEBEB; }

.revenue___revenueDetail___1iYT0 {
  width: 475px;
  position: relative; }

.revenue___timeStamp___1zQ1w {
  margin-left: 17.74px;
  margin-top: 18.46px; }
  .revenue___timeStamp___1zQ1w .revenue___timeStampDate___1p3X6 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px; }
  .revenue___timeStamp___1zQ1w .revenue___timeStampTime___2zxB8 {
    margin: 0;
    line-height: 13px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 10px; }

.revenue___profileComponent___1IF4B {
  margin-left: auto;
  margin-right: auto; }
  .revenue___profileComponent___1IF4B .revenue___userAvatarContainer___2Thz9 {
    display: flex; }
    .revenue___profileComponent___1IF4B .revenue___userAvatarContainer___2Thz9 .revenue___userAvatar___1aPrZ {
      width: 70.04px;
      height: 70.04px;
      line-height: 70.04px;
      font-size: 22px;
      color: #FFFFFF;
      text-align: center;
      object-fit: cover;
      border-radius: 50%;
      margin: 0px 50px; }
  .revenue___profileComponent___1IF4B .revenue___userNameText___3MjBG {
    margin: 0;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    font-size: 22px; }
  .revenue___profileComponent___1IF4B .revenue___studentId___3HGeG {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }
  .revenue___profileComponent___1IF4B .revenue___classSection___MBq8F {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }

.revenue___buttonContainer___2n7DX {
  right: 0;
  margin-top: 14.85px;
  margin-right: 17.81px; }
  .revenue___buttonContainer___2n7DX .revenue___printIcon___3JId7 {
    width: 27.25px;
    height: 28.5px;
    cursor: pointer; }
  .revenue___buttonContainer___2n7DX .revenue___downloadIcon___1aMhh {
    width: 28.02px;
    height: 28.02px;
    margin-left: 17.8px;
    cursor: pointer; }

.revenue___row___2Bjpg {
  position: relative;
  border: 1px solid #fff;
  margin-left: 46.69px;
  width: 409.95px;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  padding: 10px 0px; }
  .revenue___row___2Bjpg .revenue___left___1d86j {
    line-height: 18px;
    opacity: 0.8;
    font-weight: 500;
    font-size: 13px;
    margin: 0; }
  .revenue___row___2Bjpg .revenue___right___1aTFL {
    line-height: 16px;
    right: 0;
    margin: 0;
    opacity: 0.7;
    font-weight: normal;
    font-size: 13px;
    margin-left: auto; }
    .revenue___row___2Bjpg .revenue___right___1aTFL .revenue___offlineImg___3PbyP {
      width: 13.86px;
      height: 10.97px;
      margin: -2px 5px; }
  .revenue___row___2Bjpg .revenue___rowDivider___32tK_ {
    margin-top: 25px;
    border-top: 0.5px solid rgba(1, 4, 48, 0.1); }

.revenue___feeDetail___1wXT_ {
  width: 454px;
  margin: 20px 0;
  margin-left: 20px;
  background: rgba(34, 124, 249, 0.11);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  padding-bottom: 19.81px; }
  .revenue___feeDetail___1wXT_ .revenue___detailHeader___1hcK_ {
    margin: 0;
    padding: 10px 32px;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px; }
  .revenue___feeDetail___1wXT_ .revenue___feeDivider___12b1x {
    margin: 0 20px;
    border-top: 1px solid #AF9F90; }
  .revenue___feeDetail___1wXT_ .revenue___feeName___F2jjN {
    margin: 8px 30px;
    line-height: 21px;
    opacity: 0.8;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    position: relative; }
    .revenue___feeDetail___1wXT_ .revenue___feeName___F2jjN span {
      margin-left: 5px;
      line-height: 14px;
      opacity: 0.8;
      font-weight: normal;
      font-size: 10px; }
  .revenue___feeDetail___1wXT_ .revenue___feeItem___2Toxl {
    height: 30px;
    position: relative; }
    .revenue___feeDetail___1wXT_ .revenue___feeItem___2Toxl .revenue___leftFee___3Ub6j {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 15px;
      opacity: 0.8; }
    .revenue___feeDetail___1wXT_ .revenue___feeItem___2Toxl .revenue___rightFee___vz2qN {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      right: 0;
      font-weight: normal;
      font-size: 15px;
      opacity: 0.8; }
  .revenue___feeDetail___1wXT_ .revenue___grandTotal___2O1pr {
    height: 30px;
    position: relative;
    margin-top: 10px; }
    .revenue___feeDetail___1wXT_ .revenue___grandTotal___2O1pr .revenue___leftFee___3Ub6j {
      position: absolute;
      display: inline-block;
      line-height: 19px;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 18px; }
    .revenue___feeDetail___1wXT_ .revenue___grandTotal___2O1pr .revenue___rightFee___vz2qN {
      position: absolute;
      display: inline-block;
      line-height: 24px;
      margin: 0px 35px;
      right: 0;
      font-weight: 600;
      font-size: 18px; }

.revenue___overDaysMain___3Grfu {
  color: #FF3653;
  font-size: 14px; }

.revenue___dataElement___3X74w {
  position: absolute;
  left: 600px;
  top: 81.14px;
  width: 112px;
  height: 30px;
  font-weight: normal;
  font-size: 11px; }

.revenue___rowDivContainer___p0odc {
  display: flex;
  flex-flow: column; }

.revenue___topContainerElements___10kB5 {
  display: flex;
  margin-top: 20px; }

.revenue___amountAndLogo___2Y9cE {
  display: flex;
  margin-top: 6px; }

.revenue___userComponent___119Ph:hover .revenue___bottomUserListLine___1yvcF {
  display: none; }

.revenue___totalIndividual___nI6XF {
  margin-left: auto; }

.revenue___subScript___2jGX6 {
  margin-top: 15px;
  color: #227DF9;
  cursor: pointer;
  position: absolute;
  left: 30px; }

.revenue___subScriptNew___1WCUY {
  margin-top: 15px;
  color: #227DF9;
  cursor: pointer;
  position: absolute; }

.revenue___subScript___2jGX6:hover {
  text-decoration: underline; }

.revenue___emptyData___UBA_W {
  margin-left: auto;
  margin-right: 100px;
  margin-top: 120px; }

.revenue___personalInformation___2aQsz {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border-radius: 10px;
  margin-right: 16px;
  margin-top: 22px;
  position: relative; }

.revenue___imageDisplay___3DUwQ {
  width: 135px;
  height: 53px;
  object-fit: cover;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 10px;
  position: relative; }

.revenue___attachmentImage___1H_2y {
  width: 135px;
  height: 53px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 10px; }

.revenue___attachmentContainer___2joqF {
  position: relative;
  width: 135px;
  height: 53px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer; }

.revenue___uploadDoc___2J-Ut {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer;
  margin-right: 10px; }

.revenue___displayImageDesign___3HOfM {
  width: 32.8px;
  height: 43px;
  object-fit: cover;
  border-radius: 5px; }

.revenue___docInfoContainer___27trh {
  position: relative; }

.revenue___docName___JYBU9 {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 12.61px;
  word-break: break-all;
  margin-right: 5px; }

.revenue___charactersCount___3qkRn {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.revenue-filter___heading___1AFSP {
  color: #010430;
  line-height: 24px;
  position: relative;
  font-weight: 800;
  font-size: 22px; }

.revenue-filter___subHeading___2JcPj {
  color: rgba(1, 4, 30, 0.8);
  line-height: 12px;
  margin-top: 10px;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 20px;
  width: 1026px;
  padding-left: 23px;
  margin-left: -23px; }

.revenue-filter___fieldHeader___3nmgJ {
  display: flex;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 18px;
  padding-right: 28px; }

.revenue-filter___resetButtonHeader___gMxks {
  position: absolute;
  color: #227DF9;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  border: 1px solid rgba(34, 125, 249, 0.4);
  border-radius: 3px;
  padding: 3px 13px 3px 13px;
  right: 10px;
  cursor: pointer; }

.revenue-filter___optionsContainer___1XKg8 {
  margin-left: -40px;
  position: relative; }

.revenue-filter___arrowShow___3XnRQ {
  width: 25px;
  height: 16px;
  margin-left: 50px;
  margin-top: 0px;
  position: absolute;
  cursor: pointer;
  z-index: 100; }

/* The container */
.revenue-filter___container___1LD1C {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.6);
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 13px; }

/* Hide the browser's default checkbox */
.revenue-filter___container___1LD1C input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.revenue-filter___checkmark___ek5hm {
  position: absolute;
  top: 0;
  right: 20px;
  height: 15px;
  border: 1px solid #717C8A;
  width: 15px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eee;
  transition: all 0.2s ease-in-out; }

/* On mouse-over, add a grey background color */
.revenue-filter___container___1LD1C:hover input ~ .revenue-filter___checkmark___ek5hm {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.revenue-filter___container___1LD1C input:checked ~ .revenue-filter___checkmark___ek5hm {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.revenue-filter___checkmark___ek5hm:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.revenue-filter___container___1LD1C input:checked ~ .revenue-filter___checkmark___ek5hm:after {
  display: block; }

/* Style the checkmark/indicator */
.revenue-filter___container___1LD1C .revenue-filter___checkmark___ek5hm:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.revenue-filter___deactiveIcon___1EJpY {
  height: 25px;
  width: 25px;
  margin-right: 10px; }

.revenue-filter___genderImageIcon___2r5_P {
  width: 67px;
  height: 67px;
  margin-right: 15px;
  cursor: pointer; }

.revenue-filter___cancelTopButton___39Oti {
  position: absolute;
  right: 198.93px;
  border: 1.5px solid rgba(1, 4, 30, 0.6);
  border-radius: 5px;
  width: 134px;
  line-height: 37px;
  text-align: center;
  height: 37px;
  bottom: 16px;
  color: #676883;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 20px; }

.revenue-filter___submitTopButton___3SNnh {
  position: absolute;
  right: 44.27px;
  border-radius: 5px;
  color: #FFFFFF;
  background: #227DF9;
  cursor: pointer;
  width: 134px;
  line-height: 38px;
  bottom: 16px;
  text-align: center;
  height: 38px;
  font-weight: 600;
  font-size: 20px; }

.revenue-filter___sectionElement___RhknY {
  margin-left: 35px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 14px; }

.revenue-filter___scrollbar___2cgmW {
  max-height: 377px;
  overflow-y: scroll; }

.revenue-filter___scrollbar___2cgmW::-webkit-scrollbar {
  width: 5px; }

.revenue-filter___scrollbar___2cgmW::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.revenue-filter___transitionClass___3MywM {
  transition: all 0.5s ease-in-out; }

.defaulters___mainContainer___1ovle {
  height: 100%;
  width: 100%; }

.defaulters___header___12LaV {
  height: 80px;
  position: relative; }
  .defaulters___header___12LaV .defaulters___back___2wqSE {
    display: inline-block;
    margin: 12px 35px;
    opacity: 0.6;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px; }
  .defaulters___header___12LaV .defaulters___backIcon___1r6UI {
    position: absolute;
    margin: 12px 18px;
    width: 10px;
    height: 7px; }

.defaulters___back___2wqSE:hover {
  text-decoration: underline;
  color: #227DF9; }

.defaulters___revenueContainer___3CKzn {
  display: inline-block;
  height: 100%;
  width: 700px; }

.defaulters___revenue___1Mv1i {
  font-weight: 600;
  font-size: 22px;
  margin-left: 35px; }

.defaulters___changeRange___2ut8_ {
  position: absolute;
  left: 30px;
  bottom: 10px;
  height: 30px;
  width: 440px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex; }
  .defaulters___changeRange___2ut8_ .defaulters___clock___3ldiK {
    width: 18px;
    margin: 6px 0px;
    margin-left: 20px;
    height: 18px; }
  .defaulters___changeRange___2ut8_ .defaulters___rangeText___Gy4KZ {
    display: inline;
    color: #227DF9;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 13px; }
  .defaulters___changeRange___2ut8_ .defaulters___fromText___3e7Z4 {
    display: inline-block;
    margin: 0px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px;
    margin-left: 31px;
    margin-top: 6.93px; }
    .defaulters___changeRange___2ut8_ .defaulters___fromText___3e7Z4 span {
      margin-left: 3px;
      font-weight: bold; }
  .defaulters___changeRange___2ut8_ .defaulters___toText___1cgXa {
    display: inline-block;
    margin-left: 27px;
    margin-top: 6.93px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px; }
    .defaulters___changeRange___2ut8_ .defaulters___toText___1cgXa span {
      margin-left: 3px;
      font-weight: bold; }

.defaulters___fromDatePicker___N2rqn {
  position: absolute;
  top: 0;
  left: 110px; }

.defaulters___toDatePicker___lDh03 {
  position: absolute;
  top: 0;
  left: 260px; }

.defaulters___fromDate___oMr-q {
  display: none; }

.defaulters___toDate___2897n {
  display: none; }

.defaulters___export___a5wU5 {
  position: absolute;
  height: 29px;
  top: 40px;
  right: 20px;
  width: 73px;
  background: #F2F3F7;
  border: 1px solid #EBEBEF;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: 29px;
  font-weight: 500;
  font-size: 13px;
  padding-left: 8px; }
  .defaulters___export___a5wU5 .defaulters___exportIcon___1k98Y {
    width: 14px;
    margin-left: 2.03px; }
  .defaulters___export___a5wU5 span {
    width: 90px;
    position: absolute;
    margin: -6px 42px;
    font-weight: normal; }

.defaulters___headerDivider___3NEi4 {
  margin: 0;
  opacity: 0.1;
  border-top: 2px solid #010430; }

.defaulters___leftComponent___3vs_F {
  width: 290px;
  position: absolute;
  bottom: 0;
  top: 82px;
  border-right: 1px solid #F1F1F5; }

.defaulters___rightComponent___3v9M7 {
  position: absolute;
  width: 489px;
  background-color: #fff;
  bottom: 0px;
  top: 82px;
  overflow: scroll;
  left: 291px;
  display: flex; }
  .defaulters___rightComponent___3v9M7 h2 {
    color: #3074F8;
    font-weight: 600;
    font-size: 26px;
    margin-top: 12.5px;
    margin-left: 28.97px;
    width: 418px;
    margin-bottom: 13.5px; }
  .defaulters___rightComponent___3v9M7 .defaulters___headingDivider___1haKh {
    margin: 0;
    margin-left: 28.97px;
    width: 70%;
    border-top: 1px solid rgba(0, 0, 0, 0.205); }
  .defaulters___rightComponent___3v9M7 .defaulters___caption___3Kka1 {
    margin-left: 40px;
    width: 374px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 15px; }
  .defaulters___rightComponent___3v9M7 .defaulters___coverIcon___23njq {
    position: absolute;
    width: 283.46px;
    height: 275px;
    top: 360.74px;
    left: 246px;
    transform: translate(-50%, -50%); }

.defaulters___modeContainer___3EEQg {
  height: 30px;
  width: 250px;
  border: 1px solid #E2E2EA;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 16px;
  margin-top: 10px;
  display: flex; }
  .defaulters___modeContainer___3EEQg .defaulters___paymentDot___1ZTHJ {
    height: 8px;
    width: 8px;
    margin-left: 16px;
    margin-top: 11px;
    border-radius: 50%; }
  .defaulters___modeContainer___3EEQg .defaulters___total___1thfZ {
    display: inline-block;
    height: 101%;
    width: 33%;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    display: flex; }
    .defaulters___modeContainer___3EEQg .defaulters___total___1thfZ .defaulters___paymentDot___1ZTHJ {
      background: #A461D8; }
  .defaulters___modeContainer___3EEQg .defaulters___offline___3DP-f {
    display: inline-block;
    height: 101%;
    width: 34%;
    cursor: pointer;
    display: flex; }
    .defaulters___modeContainer___3EEQg .defaulters___offline___3DP-f .defaulters___paymentDot___1ZTHJ {
      background: #717C8A; }
  .defaulters___modeContainer___3EEQg .defaulters___online___a-FFd {
    display: inline-block;
    height: 101%;
    width: 33%;
    cursor: pointer;
    display: flex; }
    .defaulters___modeContainer___3EEQg .defaulters___online___a-FFd .defaulters___paymentDot___1ZTHJ {
      background: #50B5FF; }
  .defaulters___modeContainer___3EEQg p {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px; }

.defaulters___totalContainer___3jP44 {
  height: 60px;
  width: 285px;
  margin-top: 11px;
  background: #EEEBEB; }
  .defaulters___totalContainer___3jP44 .defaulters___noOf___g7evo {
    line-height: 16px;
    font-weight: 600;
    font-size: 13px;
    color: rgba(1, 4, 30, 0.6);
    padding-top: 9px;
    padding-left: 55px;
    margin: 0; }
    .defaulters___totalContainer___3jP44 .defaulters___noOf___g7evo span {
      font-weight: 600;
      font-size: 15px;
      color: #010430; }
  .defaulters___totalContainer___3jP44 .defaulters___totalAmt___26frr {
    margin: 0px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 18px; }
    .defaulters___totalContainer___3jP44 .defaulters___totalAmt___26frr img {
      width: 15.1px;
      height: 17.92px;
      margin-right: 15.92px; }
    .defaulters___totalContainer___3jP44 .defaulters___totalAmt___26frr span {
      font-size: 16px; }

.defaulters___searchBox___cqS2x {
  display: flex;
  height: 31.98px;
  width: 236.28px;
  background: #F2F3F7;
  border-radius: 5px;
  margin-left: 8.95px;
  margin-top: 15.55px;
  margin-bottom: 15.55px; }
  .defaulters___searchBox___cqS2x .defaulters___searchIcon___tZgxL {
    width: 15.89px;
    height: 15.4px;
    margin-left: 13.48px;
    margin-top: 8.13px; }
  .defaulters___searchBox___cqS2x .defaulters___searchInput___FHgCA {
    margin: 4px;
    margin-left: 9.26px;
    height: 22px;
    width: 195px;
    border: none;
    line-height: 16px;
    background: #F2F3F7;
    font-weight: normal;
    font-size: 12px;
    opacity: 0.5; }

.defaulters___filterIcon___3kluY {
  display: inline-block;
  width: 31.98px;
  height: 31.98px;
  margin-top: 15.55px;
  margin-left: 4.44px;
  cursor: pointer; }

.defaulters___userComponent___1cpjv {
  display: flex;
  width: 100%;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center; }
  .defaulters___userComponent___1cpjv .defaulters___avatar___1PIeC {
    width: 43px;
    height: 43px;
    border-radius: 25px;
    color: #FFFFFF;
    margin: 7px;
    margin-left: 16px;
    text-transform: capitalize;
    line-height: 43px;
    text-align: center;
    font-weight: 600; }
  .defaulters___userComponent___1cpjv .defaulters___profileContainer___2NBd- {
    display: flex;
    flex-flow: column;
    margin-left: 8px; }
    .defaulters___userComponent___1cpjv .defaulters___profileContainer___2NBd- .defaulters___userName___2FMd9 {
      text-transform: capitalize;
      margin-top: 0px;
      font-weight: 600;
      color: rgba(1, 4, 30, 0.9);
      font-size: 13px; }
    .defaulters___userComponent___1cpjv .defaulters___profileContainer___2NBd- .defaulters___paymentId___r0Gd9 {
      position: absolute;
      margin: 8px;
      margin-top: 30.67px;
      width: 160px;
      opacity: 0.8;
      line-height: 12px;
      font-weight: normal;
      font-size: 10px;
      margin-left: 16px; }
      .defaulters___userComponent___1cpjv .defaulters___profileContainer___2NBd- .defaulters___paymentId___r0Gd9 .defaulters___offlineIcon___v9pSJ {
        position: absolute;
        margin-left: 6px;
        width: 9.84px;
        height: 9.45px;
        margin-top: 3px; }
    .defaulters___userComponent___1cpjv .defaulters___profileContainer___2NBd- .defaulters___duePassed___3eb_Z {
      color: #FF3653;
      opacity: 0.8;
      font-size: 10px;
      line-height: 20px;
      mix-blend-mode: normal; }
    .defaulters___userComponent___1cpjv .defaulters___profileContainer___2NBd- .defaulters___overDays___1c9bZ {
      font-weight: normal;
      font-size: 10px;
      line-height: 9px;
      opacity: 0.8;
      margin-top: 0px;
      color: #010430; }
  .defaulters___userComponent___1cpjv .defaulters___amountContainer___f9wN8 {
    display: inline-block;
    width: 63px;
    height: 90%; }
    .defaulters___userComponent___1cpjv .defaulters___amountContainer___f9wN8 .defaulters___payDate___QcZhc {
      position: absolute;
      font-weight: normal;
      font-size: 10px; }
    .defaulters___userComponent___1cpjv .defaulters___amountContainer___f9wN8 .defaulters___payAmt___2Id3C {
      position: absolute;
      margin: 0px 15px;
      margin-top: 27.67px;
      color: #2E98F5;
      font-weight: 600;
      font-size: 13px; }
    .defaulters___userComponent___1cpjv .defaulters___amountContainer___f9wN8 .defaulters___rupeeIcon___AIxcV {
      width: 11px;
      height: 15px; }
  .defaulters___userComponent___1cpjv .defaulters___dueContainer___2cTXY {
    display: flex;
    margin-left: auto;
    margin-right: 5px; }
    .defaulters___userComponent___1cpjv .defaulters___dueContainer___2cTXY .defaulters___dueAmt___2ukKF {
      color: #FF3653;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 0.1px; }
    .defaulters___userComponent___1cpjv .defaulters___dueContainer___2cTXY .defaulters___rupeeIcon___AIxcV {
      width: 8.8px;
      height: 12px;
      margin-right: 3px; }
  .defaulters___userComponent___1cpjv .defaulters___userDivider___cqBl_ {
    margin: 0;
    margin-left: 40px;
    border-top: 1px solid #F1F1F5; }

.defaulters___userComponent___1cpjv:hover {
  background: #EEEBEB; }

.defaulters___revenueDetail___2SZMc {
  width: 475px;
  position: relative; }

.defaulters___timeStamp___13uRa {
  margin-left: 17.74px;
  margin-top: 18.46px;
  position: absolute; }
  .defaulters___timeStamp___13uRa .defaulters___timeStampDate___397cn {
    width: 105px;
    margin: 0;
    font-size: 13px;
    color: #FF3653; }
  .defaulters___timeStamp___13uRa .defaulters___timeStampTime___5uItU {
    margin: 0;
    line-height: 13px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 10px; }

.defaulters___profileComponent___USLtY {
  margin: auto;
  margin-top: 20px; }
  .defaulters___profileComponent___USLtY .defaulters___userAvatarContainer___AgAFy {
    display: flex; }
    .defaulters___profileComponent___USLtY .defaulters___userAvatarContainer___AgAFy .defaulters___userAvatar___19KX5 {
      width: 70.04px;
      height: 70.04px;
      line-height: 70.04px;
      font-size: 22px;
      color: #FFFFFF;
      text-align: center;
      object-fit: cover;
      border-radius: 50%;
      margin: 0px 50px;
      margin: auto; }
  .defaulters___profileComponent___USLtY .defaulters___userNameText___1EDwV {
    margin: 0;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    font-size: 22px; }
  .defaulters___profileComponent___USLtY .defaulters___studentId___2TZ4W {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }
  .defaulters___profileComponent___USLtY .defaulters___classSection___fiCYY {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }

.defaulters___buttonContainer___q7R4a {
  position: absolute;
  right: 0;
  display: inline-block;
  margin-top: 14.85px; }
  .defaulters___buttonContainer___q7R4a .defaulters___printIcon___1_jFk {
    width: 27.25px;
    height: 28.5px;
    cursor: pointer; }
  .defaulters___buttonContainer___q7R4a .defaulters___downloadIcon___3hya- {
    width: 28.02px;
    height: 28.02px;
    margin-left: 17.8px;
    cursor: pointer; }

.defaulters___row___1gNjv {
  position: relative;
  border: 1px solid #fff;
  margin-left: 46.69px;
  width: 409.95px; }
  .defaulters___row___1gNjv .defaulters___left___2z230 {
    position: absolute;
    line-height: 18px;
    left: 0;
    opacity: 0.8;
    margin: 0;
    display: inline-block;
    font-weight: 500;
    font-size: 13px; }
  .defaulters___row___1gNjv .defaulters___right___1a228 {
    position: absolute;
    line-height: 16px;
    right: 0;
    margin: 0;
    opacity: 0.7;
    display: inline-block;
    font-weight: normal;
    font-size: 13px; }
    .defaulters___row___1gNjv .defaulters___right___1a228 .defaulters___offlineImg___2bEse {
      width: 13.86px;
      height: 10.97px;
      margin: -2px 5px; }
  .defaulters___row___1gNjv .defaulters___rowDivider___1EN4v {
    margin-top: 25px;
    border-top: 0.5px solid rgba(1, 4, 48, 0.1); }

.defaulters___feeDetail___3JTXO {
  width: 454px;
  margin: 10px 0;
  margin-left: 20px;
  margin-top: 72px;
  background: rgba(34, 124, 249, 0.11);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  padding-bottom: 19.81px; }
  .defaulters___feeDetail___3JTXO .defaulters___detailHeader___1PErA {
    margin: 0;
    padding: 10px 32px;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px; }
  .defaulters___feeDetail___3JTXO .defaulters___feeDivider___31sOU {
    margin: 0 20px;
    border-top: 1px solid #AF9F90; }
  .defaulters___feeDetail___3JTXO .defaulters___feeName___10fZq {
    margin: 8px 30px;
    line-height: 21px;
    opacity: 0.8;
    font-weight: 600;
    font-size: 15px; }
    .defaulters___feeDetail___3JTXO .defaulters___feeName___10fZq span {
      margin-left: 5px;
      line-height: 14px;
      opacity: 0.8;
      font-weight: normal;
      font-size: 10px; }
  .defaulters___feeDetail___3JTXO .defaulters___feeItem___2rjyI {
    height: 30px;
    position: relative; }
    .defaulters___feeDetail___3JTXO .defaulters___feeItem___2rjyI .defaulters___leftFee___2GyYZ {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 15px;
      opacity: 0.8; }
    .defaulters___feeDetail___3JTXO .defaulters___feeItem___2rjyI .defaulters___rightFee___3fszP {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      right: 0;
      font-weight: normal;
      font-size: 15px;
      opacity: 0.8; }
  .defaulters___feeDetail___3JTXO .defaulters___grandTotal___37Yav {
    height: 30px;
    position: relative; }
    .defaulters___feeDetail___3JTXO .defaulters___grandTotal___37Yav .defaulters___leftFee___2GyYZ {
      position: absolute;
      display: inline-block;
      line-height: 19px;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 18px; }
    .defaulters___feeDetail___3JTXO .defaulters___grandTotal___37Yav .defaulters___rightFee___3fszP {
      position: absolute;
      display: inline-block;
      line-height: 24px;
      margin: 0px 35px;
      right: 0;
      font-weight: 600;
      font-size: 18px; }

.defaulters___overDaysMain___2p9yG {
  color: #010430;
  font-size: 14px; }

.defaulters___dataElement___QHl4t {
  position: absolute;
  left: 600px;
  top: 81.14px;
  width: 112px;
  height: 30px;
  font-weight: normal;
  font-size: 11px; }

.search-filter___heading___rypaU {
  color: #010430;
  line-height: 24px;
  position: relative;
  font-weight: 800;
  font-size: 22px; }

.search-filter___subHeading___3Qtym {
  color: rgba(1, 4, 30, 0.8);
  line-height: 12px;
  margin-top: 10px;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 20px;
  width: 1026px;
  padding-left: 23px;
  margin-left: -23px; }

.search-filter___fieldHeader___1sS6_ {
  display: flex;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 18px;
  padding-right: 28px; }

.search-filter___resetButtonHeader___2HeR8 {
  position: absolute;
  color: #227DF9;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  border: 1px solid rgba(34, 125, 249, 0.4);
  border-radius: 3px;
  padding: 3px 13px 3px 13px;
  right: 10px;
  cursor: pointer; }

.search-filter___optionsContainer___1XOTS {
  margin-left: -40px;
  position: relative; }

.search-filter___arrowShow___3Ra3F {
  width: 25px;
  height: 16px;
  margin-left: 50px;
  margin-top: 0px;
  position: absolute;
  cursor: pointer;
  z-index: 100; }

/* The container */
.search-filter___container___2TxeB {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.6);
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 13px; }

/* Hide the browser's default checkbox */
.search-filter___container___2TxeB input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.search-filter___checkmark___2y10N {
  position: absolute;
  top: 0;
  right: 20px;
  height: 15px;
  border: 1px solid #717C8A;
  width: 15px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eee;
  transition: all 0.2s ease-in-out; }

/* On mouse-over, add a grey background color */
.search-filter___container___2TxeB:hover input ~ .search-filter___checkmark___2y10N {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.search-filter___container___2TxeB input:checked ~ .search-filter___checkmark___2y10N {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.search-filter___checkmark___2y10N:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.search-filter___container___2TxeB input:checked ~ .search-filter___checkmark___2y10N:after {
  display: block; }

/* Style the checkmark/indicator */
.search-filter___container___2TxeB .search-filter___checkmark___2y10N:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.search-filter___deactiveIcon___1OAVI {
  height: 25px;
  width: 25px;
  margin-right: 10px; }

.search-filter___genderImageIcon___3VFDw {
  width: 67px;
  height: 67px;
  margin-right: 15px;
  cursor: pointer; }

.search-filter___cancelTopButton___3y65W {
  position: absolute;
  right: 198.93px;
  border: 1.5px solid rgba(1, 4, 30, 0.6);
  border-radius: 5px;
  width: 134px;
  line-height: 37px;
  text-align: center;
  height: 37px;
  bottom: 16px;
  color: #676883;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 20px; }

.search-filter___submitTopButton____HQYq {
  position: absolute;
  right: 44.27px;
  border-radius: 5px;
  color: #FFFFFF;
  background: #227DF9;
  cursor: pointer;
  width: 134px;
  line-height: 38px;
  bottom: 16px;
  text-align: center;
  height: 38px;
  font-weight: 600;
  font-size: 20px; }

.search-filter___sectionElement___2Xrbx {
  margin-left: 35px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 14px; }

.search-filter___scrollbar___2tiZo {
  max-height: 377px;
  overflow-y: scroll; }

.search-filter___scrollbar___2tiZo::-webkit-scrollbar {
  width: 5px; }

.search-filter___scrollbar___2tiZo::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.search-filter___transitionClass___1O6xf {
  transition: all 0.5s ease-in-out; }

.school-page___profileBox___39C_k {
  display: block;
  position: fixed;
  top: 53px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  left: 0;
  bottom: 0;
  right: 0;
  border-style: none;
  font-size: 12px;
  line-height: 15px; }

.school-page___profileRoot___uzHJO {
  position: fixed;
  display: flex;
  flex-flow: column;
  left: 0;
  right: 0;
  bottom: 0;
  top: 53px;
  background: #E5E5E5; }

.school-page___alignMainContent___3-E_G {
  display: flex;
  flex-flow: column; }

.school-page___coverPhoto___3We2e {
  width: 951.78px;
  height: 262.9px;
  border-radius: 5px;
  position: relative;
  align-self: center; }

.school-page___coverImage___aqSdz {
  object-fit: cover;
  cursor: pointer;
  border-radius: 5px;
  width: 951.78px;
  height: 262.9px; }

.school-page___bottomContentCard___N_l-7 {
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  width: 900px;
  z-index: 100;
  min-height: 173px;
  margin-top: -54px;
  border-radius: 5px;
  align-self: center; }

.school-page___schoolHeader___wptg- {
  height: 141px;
  display: flex;
  margin-bottom: 5px; }

.school-page___schoolProfilePic___rOVAO {
  width: 102.8px;
  height: 103.11px;
  border-radius: 10px;
  margin-left: 36px;
  position: relative;
  margin-top: 19.89px; }

.school-page___schoolProfilePicImage___3dOqp {
  width: 102.8px;
  height: 103.11px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
  line-height: 103.11px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 30px; }

.school-page___schoolDetailsContainer___Os6M7 {
  display: flex;
  flex-flow: column;
  margin-left: 21.2px;
  margin-top: 49px; }

.school-page___schoolName___3t6F0 {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px; }

.school-page___schoolArea___1TCie {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px; }

.school-page___navigationTabsContainer___OiZ_V {
  display: flex;
  margin-top: 10px;
  height: 30px; }

.school-page___overviewTab___2qkVI {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  opacity: 0.6;
  margin-right: 16px;
  cursor: pointer;
  margin-left: 7px;
  margin-right: 24px;
  padding: 0px 2px;
  user-select: none;
  color: #010430; }

.school-page___uploadIcon___u2u58 {
  background: #FFFFFF;
  border: 0.5px solid #979797;
  box-sizing: border-box;
  border-radius: 5px;
  color: #444444;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  width: 61px;
  align-items: center;
  margin-left: 20px;
  z-index: 100;
  margin-top: -17px;
  cursor: pointer;
  line-height: 23px;
  padding: 0; }

.school-page___uploadIconImage___kJ86v {
  width: 13px;
  margin: 6px;
  height: 11px;
  margin-left: 10px;
  margin-top: 4px; }

.school-page___uploadIconCoverPage___2mAgf {
  background: #FFFFFF;
  border: 0.5px solid #979797;
  box-sizing: border-box;
  border-radius: 5px;
  color: #444444;
  font-size: 11px;
  position: absolute;
  font-weight: 600;
  z-index: 100;
  display: flex;
  width: 61px;
  align-items: center;
  cursor: pointer;
  right: 30px;
  top: 17px;
  line-height: 23px;
  padding: 0; }

.overview___summaryHeader___naTmV {
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  margin-left: auto;
  background: #FFFFFF;
  padding-top: 12px;
  width: 880px;
  position: relative;
  padding-left: 20px;
  padding-bottom: 12px;
  margin-right: auto;
  border-radius: 5px; }

.overview___summaryHeading___3UKLu {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  opacity: 0.8; }

.overview___horizontalRuleLine___3KM5u {
  border: 0.5px solid #f1f1f5;
  margin-top: 10px; }

.overview___summaryContent___1VO69 {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  margin-left: 2px;
  margin-right: 8px;
  opacity: 0.8;
  margin-top: 11px;
  white-space: pre-wrap; }

.overview___arrangeSchoolDetails___2nAGx {
  display: flex;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px; }

.overview___addressCard___2w95N {
  width: 293px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  height: 123px; }

.overview___contactCard___3bJd5 {
  width: 293px;
  height: 123px;
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  margin-left: 10px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px; }

.overview___detailsCardHeading___apPFq {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  opacity: 0.8;
  text-align: center;
  margin-top: 10px; }

.overview___addressMatter___1vbs0 {
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  mix-blend-mode: normal;
  margin-left: 21px;
  width: 180px;
  margin-top: 10px; }

.overview___addressRule___3bfRX {
  width: 240px;
  border: 0.5px solid #f1f1f5;
  margin-left: 20px;
  margin-top: 6px; }

.overview___nationHeading___2q3ta {
  margin-top: 10px;
  font-weight: 500;
  font-size: 11px;
  margin-left: 21px;
  line-height: 15px;
  opacity: 0.8; }

.overview___countryValue___1oRk7 {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  opacity: 0.6;
  margin-left: 22px;
  margin-top: 1px; }

.overview___facilityContainer___22ouQ {
  display: flex;
  flex-flow: column;
  position: relative;
  background: #FFFFFF;
  margin-top: 10px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px; }

.overview___achivementHeader___J9eky {
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  margin-top: 10px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  position: relative; }

.overview___achievementTag___2YDU4 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  opacity: 0.8;
  margin-left: 20px;
  margin-top: 14px; }

.overview___achievementContainer___3horw {
  display: flex;
  flex-flow: column;
  margin-left: 20px;
  margin-top: 20px;
  position: relative; }

.overview___achievementHeading___3oIpb {
  font-size: 15px;
  line-height: 20px;
  color: #1F314A;
  font-weight: 600;
  opacity: 0.9; }

.overview___issuingAuthority___2QMeP {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  margin-top: 5.88px;
  color: #1F314A; }

.overview___prizeContainer___zj8yP {
  display: flex;
  margin-top: 5.88px; }

.overview___prizeItem___1N6dq {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  opacity: 0.9; }

.overview___seeAllFooter___3zfmF {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  opacity: 0.8;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 12px;
  cursor: pointer;
  color: #010430; }

.overview___seeAllFooter___3zfmF:hover {
  background: #F7F7F8;
  color: #227DF9;
  opacity: 1;
  display: flex;
  flex-flow: column; }

.overview___galleryContainer___1IoIO {
  display: flex; }

.overview___addGalleryImage___2rO8O {
  width: 151px;
  height: 120px;
  object-fit: cover;
  cursor: pointer;
  margin-top: 11px;
  border-radius: 5px;
  margin-bottom: 11px; }

.overview___addGalleryImage___2rO8O:hover {
  border: 3px solid #227DF9;
  border-radius: 5px;
  height: 114px;
  width: 139px; }

.overview___addGalleryImage___2rO8O:hover .overview___addGalleryImageIcon___2pQQ4 {
  margin-left: 30.25px;
  margin-top: 33.04px; }

.overview___addGalleryImageIcon___2pQQ4 {
  width: 84.75px;
  height: 68.99px;
  margin-top: 36.04px;
  margin-left: 33.25px;
  object-fit: cover;
  cursor: pointer; }

.overview___firstGalleryImage___2MhxW {
  width: 151px;
  height: 142px;
  border-radius: 5px;
  object-fit: cover;
  cursor: pointer;
  position: relative; }

.overview___imageContainerSize1___2HvND {
  width: 181px;
  height: 151px;
  object-fit: cover;
  margin-top: 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative; }

.overview___imageContainerSize2___ZfYEz {
  width: 181px;
  height: 118px;
  object-fit: cover;
  margin-top: 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative; }

.overview___arrangeFacilties___2ltj6 {
  display: flex;
  flex-flow: column; }

.overview___rowFacilityContainer___Hpins {
  display: flex;
  border-bottom: 0.5px solid #f1f1f5;
  margin-left: 13px;
  width: 883px; }

.overview___facilityItemContainer___HkvAC {
  display: flex;
  width: 166px;
  height: 60px;
  margin-right: 65px; }

.overview___facilityIcon___10RvB {
  width: 36px;
  height: 36px;
  margin-top: 16px; }

.overview___facilityText___1NcnM {
  font-weight: 500;
  font-size: 11px;
  opacity: 0.7;
  margin-left: 10px;
  padding-top: 10px;
  margin-top: 16px; }

.overview___arrangeAddIcons___1NOLh {
  display: flex;
  width: 900px;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto; }

.overview___addOptionsContainer___LoTUt {
  display: flex;
  flex-flow: column;
  width: 445px;
  height: 232px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin: 5px;
  margin-left: 0px;
  margin-top: 10px;
  margin-right: 10px; }

.overview___tagLineOptions___2svG3 {
  margin-top: 31px;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px; }

.overview___tagLineOptions1___3hofn {
  margin-top: 31px;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px; }

.overview___tagLineOptions2___15aBT {
  margin-top: 31px;
  font-weight: 500;
  font-size: 15px;
  line-height: 21px; }

.overview___tagLineOptions3___2kj51 {
  width: 148px;
  margin-top: 16px;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px; }

.overview___addBduttons___3Q3aA {
  padding: 6px 13px;
  color: #227DF9;
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  border: 1px solid #227DF9;
  border-radius: 15px;
  position: absolute;
  bottom: 26px;
  cursor: pointer;
  left: 15px; }

.overview___addBduttons3___2VotY {
  padding: 6px 13px;
  color: #227DF9;
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  border: 1px solid #227DF9;
  border-radius: 15px;
  position: absolute;
  bottom: 45px;
  cursor: pointer;
  left: 15px; }

.overview___galleryInfoGraphic___2TGQC {
  width: 199px;
  height: 161.81px;
  position: absolute;
  right: 0px;
  bottom: 0px; }

.overview___galleryInfoGraphic1___2ulk3 {
  width: 199px;
  height: 161.81px;
  position: absolute;
  right: 0px;
  bottom: 0px; }

.overview___galleryInfoGraphic2___2PNPH {
  width: 199px;
  height: 161.81px;
  position: absolute;
  right: 0px;
  bottom: 0px; }

.overview___galleryInfoGraphic3___iEuHQ {
  width: 139.97px;
  height: 113.81px;
  margin-top: 53px; }

.overview___achievementInfoGraphic___2mpik {
  width: 144.54px;
  position: absolute;
  right: -1px;
  bottom: -1px; }

.overview___achievementInfoGraphic1___3Gs5n {
  width: 177.05px;
  position: absolute;
  right: -1px;
  bottom: -1px; }

.overview___achievementInfoGraphic2___1DyvI {
  width: 144.54px;
  position: absolute;
  right: -1px;
  bottom: -1px; }

.overview___achievementInfoGraphic3___3yCY5 {
  width: 176.55px;
  position: absolute;
  right: -1px;
  bottom: -1px; }

.overview___schoolInfoGraphic___j8P2y {
  width: 177.05px;
  height: 186.09px;
  bottom: 0px;
  position: absolute;
  right: 0px; }

.overview___schoolInfoGraphic1___gZ6-h {
  width: 118.76px;
  height: 189.09px;
  margin-right: 20px; }

.overview___schoolInfoGraphic2___3gyGD {
  width: 177.05px;
  height: 186.09px;
  bottom: 0px;
  position: absolute;
  right: 0px; }

.overview___schoolInfoGraphic3___3idDR {
  width: 155.64px;
  height: 163.59px;
  margin-top: 27px;
  position: absolute;
  right: 0px; }

.overview___facilityInfoGraphic___Y8Dzj {
  width: 215.5px;
  height: 177px;
  position: absolute;
  right: 0px;
  bottom: 0px; }

.overview___facilityInfoGraphic1___3e9XK {
  width: 177.05px;
  height: 186.09px;
  margin-right: 20px;
  margin-top: 4px; }

.overview___facilityInfoGraphic2___3pK4R {
  width: 215.5px;
  height: 177px;
  position: absolute;
  right: 0px;
  bottom: 0px; }

.overview___facilityInfoGraphic3___1k71I {
  height: 144.76px;
  margin-top: 4px;
  position: absolute;
  right: 0;
  bottom: 0; }

.overview___addMoreText___1mdTi {
  font-weight: normal;
  font-size: 11px;
  margin-left: 6.93px;
  line-height: 16px; }

.overview___plusIcon___34JLv {
  height: 15.27px; }

.overview___addMoreIconContainer___3GKAh {
  position: absolute;
  right: 75px;
  top: 14px;
  display: flex;
  cursor: pointer;
  height: 16px; }

.overview___editIconContainer___1Cqfk {
  position: absolute;
  right: 14px;
  top: 13px;
  display: flex;
  cursor: pointer;
  z-index: 100;
  height: 16px; }

.overview___addressIcon___3j9lg {
  position: relative;
  width: 10.68px;
  height: 16.15px;
  margin-right: 9.24px; }

.overview___mobileIcon___3ZJB6 {
  width: 8px;
  height: 13px;
  margin-right: 8.38px; }

.overview___emailIcon___1026_ {
  width: 12.08px;
  height: 8.56px;
  margin-right: 6px; }

.overview___affiliationIcon___20hfM {
  width: 13.25px;
  height: 13.24px; }

.overview___crossDotIcon___Lo934 {
  position: absolute;
  width: 20px;
  right: 18px;
  top: 18px;
  cursor: pointer;
  z-index: 100;
  display: none; }

.overview___imageContainerSize1___2HvND:hover .overview___crossDotIcon___Lo934 {
  display: block; }

.overview___imageContainerSize2___ZfYEz:hover .overview___crossDotIcon___Lo934 {
  display: block; }

.overview___firstGalleryImage___2MhxW:hover .overview___crossDotIcon___Lo934 {
  display: block; }

.add-facility___facilitiesInfoGraphic___CcCo3 {
  width: 100%; }

.add-facility___horizontalLine___Trrqo {
  border: 0.5px solid #f1f1f5;
  width: 668px;
  margin-top: 19px; }

.add-facility___facilitiesHeading___1o1xS {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.add-facility___schoolListTagLine___VSbtT {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-facility___borderCross___3Sssd {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10.98px; }

.add-facility___suggestionsContainer___1g9hg {
  width: 456px;
  position: absolute;
  top: 411px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-facility___searchBox___33IFD {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 29.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.add-facility___searchBox___33IFD:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.add-facility___searchBox___33IFD:focus::placeholder {
  color: transparent; }

.add-facility___facilityContainer___2Uala {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-facility___suggestionIcon___aqNby {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.add-facility___facilityNameIcon___2F2K5 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-left: 20px;
  margin-top: 21px; }

.add-facility___selectedContainer___3QSTc {
  background: #F2F3F7;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 42px;
  width: 580px;
  margin-bottom: 81px; }

.add-facility___alignSelectedFacility___1YxdR {
  position: relative;
  width: 85px;
  height: 85px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px; }

.add-facility___selectedIconImage___Qe7QA {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.add-facility___crossToRemoveFacility___29rds {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer; }

.add-facility___selectedFacilityName___32GBa {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  opacity: 0.7;
  text-align: center;
  margin: 5px 3px; }

.add-facility___saveFacilitiesButton___1AJQ9 {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  left: 108px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  bottom: 14px;
  display: flex;
  flex-flow: column;
  position: absolute; }

.add-facility___loader___3PvDB,
.add-facility___loader___3PvDB:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-facility___loader___3PvDB {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-facility___load8___3xgcP 1.1s infinite linear;
  animation: add-facility___load8___3xgcP 1.1s infinite linear; }

@-webkit-keyframes add-facility___load8___3xgcP {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-facility___load8___3xgcP {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-facility___facilitiesInfoGraphic___3ph2k {
  width: 100%; }

.edit-facility___horizontalLine___1D1_a {
  border: 0.5px solid #f1f1f5;
  width: 668px;
  margin-top: 19px; }

.edit-facility___facilitiesHeading___mT-wn {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.edit-facility___schoolListTagLine___1LSoX {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-facility___borderCross___3Grsu {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10.98px; }

.edit-facility___saveFacilitiesButton___324TF {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  left: 108px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  bottom: 14px;
  display: flex;
  flex-flow: column;
  position: absolute; }

.edit-facility___editFacilitiesContainer___1XWyc {
  width: 608px;
  height: max-content;
  margin-left: 30px;
  margin-top: 20px;
  background: #F2F3F7;
  border-radius: 5px;
  padding-top: 23px;
  overflow-y: scroll;
  margin-bottom: 81px; }

.edit-facility___facilityCard___3nwRD {
  width: 568px;
  height: 50px;
  background: #FFFFFF;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 13px;
  margin-left: 20px;
  display: flex;
  margin-bottom: 5px; }

.edit-facility___minusIcon___3TBNZ {
  width: 24px;
  height: 24px;
  margin-left: 15px;
  margin-top: 14px;
  cursor: pointer; }

.edit-facility___facilityName___2WGoU {
  font-weight: normal;
  font-size: 14px;
  line-height: 50.38px;
  margin-left: 24px; }

.edit-facility___loader___2e_ne,
.edit-facility___loader___2e_ne:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-facility___loader___2e_ne {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-facility___load8___3ITr2 1.1s infinite linear;
  animation: edit-facility___load8___3ITr2 1.1s infinite linear; }

@-webkit-keyframes edit-facility___load8___3ITr2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-facility___load8___3ITr2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-achievement___facilitiesInfoGraphic___2xlIQ {
  width: 100%; }

.add-achievement___horizontalLine___qWyG7 {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-achievement___facilitiesHeading___3IIWX {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.add-achievement___schoolListTagLine___3gBJ9 {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-achievement___borderCross___2nMVx {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10.98px; }

.add-achievement___saveFacilitiesButton___16iyn {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.add-achievement___achievementFieldsContainer___11L4F {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.add-achievement___fieldLabel___2loCL {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.add-achievement___inputBox___uOZsj {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.add-achievement___selectInputBox___lWTZX {
  width: 91px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  padding: 0px;
  padding-left: 15px;
  opacity: 0.5; }

.add-achievement___invalidMessage___1K7qo {
  font-size: 10px;
  color: #FF3653;
  position: absolute;
  margin-left: 3px;
  margin-right: 28px;
  display: none;
  bottom: -15px; }

.add-achievement___inputBox___uOZsj:invalid + .add-achievement___invalidMessage___1K7qo {
  display: block; }

.add-achievement___loader___2RX7w,
.add-achievement___loader___2RX7w:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-achievement___loader___2RX7w {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-achievement___load8___UWWLV 1.1s infinite linear;
  animation: add-achievement___load8___UWWLV 1.1s infinite linear; }

@-webkit-keyframes add-achievement___load8___UWWLV {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-achievement___load8___UWWLV {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-achievement___facilitiesInfoGraphic___1dnvo {
  width: 100%; }

.edit-achievement___horizontalLine___2u5ID {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-achievement___facilitiesHeading___1KdV1 {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.edit-achievement___schoolListTagLine___2cKkP {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-achievement___borderCross___1z8Qo {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10.98px; }

.edit-achievement___saveFacilitiesButton___3pjRi {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: 42px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.edit-achievement___deleteFacilitiesButton___10F7c {
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: 35.38px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FF3653;
  border: 1px solid rgba(1, 4, 30, 0.3);
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-achievement___deleteFacilitiesButton___10F7c:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.edit-achievement___achievementFieldsContainer___3VBsS {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.edit-achievement___fieldLabel___1yswH {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px 0px 0px 5px; }

.edit-achievement___inputBox___WGXma {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.edit-achievement___selectInputBox___1V4V- {
  width: 91px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  padding: 0px;
  padding-left: 15px;
  opacity: 0.5; }

.edit-achievement___invalidMessage___hw1L_ {
  font-size: 10px;
  color: #FF3653;
  position: absolute;
  margin-left: 3px;
  margin-right: 28px;
  display: none;
  bottom: -15px; }

.edit-achievement___inputBox___WGXma:invalid + .edit-achievement___invalidMessage___hw1L_ {
  display: block; }

.edit-achievement___loader___3HAIr,
.edit-achievement___loader___3HAIr:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-achievement___loader___3HAIr {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-achievement___load8___ercYN 1.1s infinite linear;
  animation: edit-achievement___load8___ercYN 1.1s infinite linear; }

@-webkit-keyframes edit-achievement___load8___ercYN {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-achievement___load8___ercYN {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-summary___facilitiesInfoGraphic___1gMUb {
  width: 668px; }

.add-summary___horizontalLine___1DBbb {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-summary___facilitiesHeading___PoQ-_ {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.add-summary___schoolListTagLine___3C6Cg {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-summary___borderCross___2plN1 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-summary___saveFacilitiesButton___WqADV {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px; }

.add-summary___inputSummaryTag___VDHWE {
  width: 566px;
  max-height: 238px;
  min-height: 148px;
  border-radius: 10px;
  border: 2px solid rgba(1, 4, 30, 0.1);
  margin-top: 10px;
  margin-left: 30px;
  resize: none;
  outline: none;
  font-size: 15px;
  padding: 18px 20px; }

.add-summary___invalidMessage___2FtSk {
  font-size: 10px;
  color: #FF3653;
  margin-left: 30px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.add-summary___inputSummaryTag___VDHWE:invalid + .add-summary___invalidMessage___2FtSk {
  display: block; }

.add-gallery___addPhotos___-7ANB {
  color: #010430;
  width: 100%;
  font-size: 22px;
  position: relative;
  font-weight: 800;
  display: flex; }

.add-gallery___horizontalRule___KnOn8 {
  border: 0.5px solid #F1F1F5;
  margin-top: 10px; }

.add-gallery___uploadPhotoContainer___3-Pye {
  display: flex;
  flex-wrap: wrap; }

.add-gallery___addIconContainer___1B-2P {
  width: 90px;
  height: 73.13px;
  margin: 15px;
  border-radius: 5px;
  object-fit: cover;
  background: #f2f2f2;
  cursor: pointer;
  padding: 24px;
  padding-left: 36px;
  margin-left: 2px; }

.add-gallery___addIconContainerImages___2E-JQ {
  width: 150px;
  height: 121.13px;
  margin: 15px;
  border-radius: 5px;
  object-fit: cover;
  background: #f2f2f2;
  cursor: pointer; }

.add-gallery___imageContainer___3Boq9:hover .add-gallery___addIconContainerImages___2E-JQ {
  border: 3px solid #227DF9;
  width: 144px;
  height: 115.13px; }

.add-gallery___imageContainer___3Boq9:hover .add-gallery___crossItem___gGNLg {
  display: block; }

.add-gallery___crossItem___gGNLg {
  position: absolute;
  width: 15px;
  right: 22px;
  top: 19px;
  cursor: pointer;
  display: none; }

.add-gallery___topHeadingCross___k-1SX {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 30px;
  cursor: pointer;
  z-index: 100;
  top: 20px; }

.add-gallery___addPhotosButton___19XkX {
  margin-right: auto;
  width: 368px;
  height: 40px;
  background: #227DF9;
  color: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  margin-top: auto;
  margin-left: auto; }


.empty-gallery___alignGalleryHeader___36EGz {
  display: flex;
  width: 900px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 48.55px; }

.empty-gallery___addGalleryImageContainer___2cS7j {
  width: 217px;
  height: 210px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  margin-left: 40px;
  margin-top: 23px;
  cursor: pointer; }

.empty-gallery___addGalleryImageContainer___2cS7j:hover {
  border: 3px solid #227DF9;
  width: 211px;
  height: 204px; }

.empty-gallery___addGalleryImageContainer___2cS7j:hover .empty-gallery___addGalleryIcon___amuer {
  margin-left: 46px;
  margin-top: 53px; }

.empty-gallery___addGalleryIcon___amuer {
  width: 119.25px;
  height: 97.06px;
  margin-left: 49px;
  margin-top: 56px; }

.empty-gallery___emptyGalleryIcon___k1ofB {
  width: 249.59px;
  height: 202.94px;
  margin-left: 127px;
  margin-top: 66px; }

.filled-gallery___alignGalleryHeader___nG1j7 {
  display: flex;
  width: 900px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 48.55px;
  flex-wrap: wrap; }

.filled-gallery___addGalleryImageContainer___8kutj {
  width: 217px;
  height: 210px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  margin-left: 7px;
  margin-top: 7px;
  cursor: pointer; }

.filled-gallery___addGalleryImageContainer___8kutj:hover {
  border: 3px solid #227DF9;
  width: 211px;
  height: 204px; }

.filled-gallery___addGalleryImageContainer___8kutj:hover .filled-gallery___addGalleryIcon___2KGTk {
  margin-left: 46px;
  margin-top: 53px; }

.filled-gallery___addGalleryIcon___2KGTk {
  width: 119.25px;
  height: 97.06px;
  margin-left: 49px;
  margin-top: 56px; }

.filled-gallery___galleryImageContainer___2ILWN {
  width: 217px;
  height: 210px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  margin-left: 6px;
  margin-top: 7px;
  cursor: pointer;
  position: relative; }

.filled-gallery___galleryImage___3fGcx {
  width: 217px;
  height: 210px;
  object-fit: cover;
  cursor: pointer; }

.filled-gallery___crossDotIcon___3uA2E {
  position: absolute;
  width: 20px;
  right: 18px;
  top: 18px;
  cursor: pointer;
  z-index: 100;
  display: none; }

.filled-gallery___galleryImageContainer___2ILWN:hover .filled-gallery___crossDotIcon___3uA2E {
  display: block; }

.edit-profile-pic___retakeButton___uq2qB {
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid rgba(31, 32, 40, 0.8);
  font-weight: 500;
  font-size: 19px;
  opacity: 0.8;
  height: 22px;
  padding: 9px 0px;
  cursor: pointer;
  margin-top: 13px;
  width: 146px;
  text-align: center; }

.edit-profile-pic___crossIcon___1wgEH {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  right: 15px; }

.edit-profile-pic___applyButton___2v5_j {
  border-radius: 5px;
  background: #227DF9;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 19px;
  opacity: 0.8;
  padding: 9px 0px;
  cursor: pointer;
  /* height: 22px; */
  margin-top: 13px;
  width: 146px;
  text-align: center;
  display: flex;
  flex-flow: column; }

.edit-profile-pic___adjustImageText___1qIcV {
  opacity: 0.7;
  font-weight: 500;
  font-size: 20px;
  margin-top: 21px;
  margin-left: 67px;
  margin-right: 61px; }

.edit-profile-pic___slider___25LUo {
  -webkit-appearance: none;
  width: 100%;
  cursor: pointer;
  height: 3.5px;
  border-radius: 5px;
  margin-top: 18px;
  background: linear-gradient(90deg, #3B3B3B 8.9%, rgba(255, 255, 255, 0) 13.5%), #3B3B3B;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s; }

.edit-profile-pic___slider___25LUo:hover {
  opacity: 1; }

.edit-profile-pic___slider___25LUo::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #227DF9;
  cursor: pointer; }

.edit-profile-pic___slider___25LUo::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #227DF9;
  cursor: pointer; }

.edit-profile-pic___loader____aXUa,
.edit-profile-pic___loader____aXUa:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-profile-pic___loader____aXUa {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-profile-pic___load8___3k5Qt 1.1s infinite linear;
  animation: edit-profile-pic___load8___3k5Qt 1.1s infinite linear; }

@-webkit-keyframes edit-profile-pic___load8___3k5Qt {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-profile-pic___load8___3k5Qt {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }


.users-main___mainCard___eiixx {
  background: #EEEBEB;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

.users-main___header___1PnkL {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.users-main___users___3jFq_ {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.users-main___components___10rK5 {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.users-main___body___3qNYV {
  display: flex;
  top: 0px;
  width: 100%;
  position: absolute;
  bottom: 0px; }

.users-main___leftCard___3uOzD {
  display: flex;
  width: 284px;
  flex-flow: column;
  background: #FFFFFF;
  height: 100%;
  position: relative; }

.users-main___searchHead___2WiUx {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 237px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 4px; }

.users-main___searchText___3cOIV {
  width: 193px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 9px;
  background: #F4F4F4; }

.users-main___searchIcon___2vsgH {
  height: 15px;
  margin-left: 15px;
  margin-top: 9px;
  margin-bottom: 6px;
  z-index: 100; }

.users-main___usersContainer___1jezA {
  top: 38px;
  display: flex;
  flex-flow: column;
  position: absolute;
  cursor: pointer;
  width: 100%;
  bottom: 0px; }

.users-main___addUsersElement___3xirf {
  display: flex;
  width: 100%;
  height: 74.77px;
  border-bottom: 1px solid #F1F1F5;
  font-size: 16px;
  color: #010430;
  text-align: center;
  line-height: 75.77px;
  font-weight: 550;
  cursor: pointer;
  position: relative; }

.users-main___scrollbar1___32--R {
  overflow-y: scroll;
  overflow-x: hidden; }

.users-main___scrollbar1___32--R::-webkit-scrollbar {
  width: 5px; }

.users-main___scrollbar1___32--R::-webkit-scrollbar-thumb {
  border-radius: 20px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.users-main___scrollbar___2lYGi {
  overflow-y: scroll;
  overflow-x: hidden; }

.users-main___scrollbar___2lYGi:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.users-main___scrollbar___2lYGi::-webkit-scrollbar {
  width: 5px; }

.users-main___scrollbar___2lYGi::-webkit-scrollbar-thumb {
  border-radius: 20px; }

.users-main___usersMainContainer___1Crne {
  display: flex;
  flex-flow: column;
  position: absolute;
  top: 0px;
  width: 100%;
  overflow-x: hidden;
  bottom: 0px; }

.users-main___usersMainContainerNew___2O68m {
  display: flex;
  flex-flow: column;
  position: absolute;
  top: 10px;
  width: 100%;
  overflow-x: hidden;
  bottom: 0px; }

.users-main___filter___wefc7 {
  width: 32px;
  margin-top: 8px;
  height: 31px;
  cursor: pointer;
  right: 4px;
  transform: rotate(90deg); }

.users-main___usersElement___1XHlb {
  display: flex;
  width: 100%;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center; }

.users-main___usersElementNew___2jaIm {
  display: flex;
  width: 100%;
  height: 67px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  align-items: center; }

.users-main___usersElement___1XHlb:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.users-main___mainContainerUserList___3RIMu:hover .users-main___bottomUserListLine___KFJdB {
  display: none; }

.users-main___addUserIcon___pf0hn {
  width: 43px;
  height: 43px;
  margin-left: 16px;
  margin-top: 16.36px;
  margin-right: 7px; }

.users-main___addStdentIcons___2lA3p {
  text-transform: capitalize;
  margin-top: 0px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-left: 8px; }

.users-main___alternateAvatar___3NAUs {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.users-main___avatar___1httz {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  margin: 7px;
  margin-left: 16px;
  object-fit: cover; }

.users-main___nameAndRoleAlign___1AdVC {
  display: flex;
  flex-flow: column;
  margin-left: 8px;
  width: 170px; }

.users-main___userName___3kMOE {
  text-transform: capitalize;
  margin-top: 0px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px; }

.users-main___role___3KSwN {
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  line-height: 20px;
  mix-blend-mode: normal; }

.users-main___mainComponent___3qY4A {
  display: flex;
  flex-flow: column;
  position: absolute;
  height: 100%;
  right: 0px;
  left: 284px; }

.users-main___mainAlternateAvatar___U6Slf {
  color: #FFFFFF;
  background: #92929D;
  width: 147.95px;
  position: relative;
  height: 145.34px;
  align-self: center;
  margin-top: 31.63px;
  border-radius: 50%;
  line-height: 145.34px;
  text-align: center;
  font-size: 65px;
  position: absolute;
  z-index: 1;
  object-fit: cover; }

.users-main___fadeIn___3Cx6N {
  opacity: 1;
  animation-name: users-main___fadeInOpacity___3qNoL;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.5s; }

@keyframes users-main___fadeInOpacity___3qNoL {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.users-main___mainAlternateAvatarTransition___31VKO {
  color: #FFFFFF;
  background: #92929D;
  height: 58px;
  width: 58px;
  border-radius: 50px;
  line-height: 58px;
  text-align: center;
  font-size: 25px;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  object-fit: cover; }

.users-main___contentCard___2A55B {
  display: flex;
  overflow-y: scroll;
  overflow-x: hidden;
  flex-flow: column;
  margin-left: 1px;
  height: 100%;
  background: #EEEBEB;
  /* margin-top: -100px; */
  /* padding-top: 100px; */
  /* padding-bottom: 70px;*/ }

.users-main___contentCardTransition___3U5VQ {
  display: flex;
  overflow-y: scroll;
  overflow-x: hidden;
  flex-flow: column;
  margin-left: 1px;
  margin-top: 5px;
  height: 100%;
  background: #FFFFFF;
  padding-bottom: 70px; }

.users-main___userNameItem___3Jb34 {
  width: 240px;
  align-self: center;
  line-height: 17px; }

.users-main___mainUserName___jx_bL {
  color: #010430;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  display: inline-block;
  width: 100%;
  padding-bottom: 29.17px;
  text-align: center;
  padding-top: 65px;
  align-self: center;
  position: relative;
  background: #fff;
  margin-top: 130px;
  display: flex;
  flex-flow: column; }

.users-main___mainUserNameTransition___IJ5hM {
  color: #010430;
  font-weight: 600;
  font-size: 15px;
  position: absolute;
  line-height: 29px;
  display: inline-block;
  top: 12px;
  width: 200px;
  height: 44px;
  left: 100px;
  align-self: center; }

.users-main___editButton___8nOpo {
  width: 64.97px;
  height: 23.08px;
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  right: 79.47px; }

.users-main___editButtonTransition___BCci4 {
  top: 4px;
  cursor: pointer;
  width: 64.97px;
  height: 23.08px;
  left: 320px;
  position: absolute; }

.users-main___mainDesignation___1sWQD {
  font-size: 10px;
  color: rgba(1, 4, 30, 0.6);
  line-height: 12px;
  align-self: center;
  margin-top: 5px; }

.users-main___mainDesignationTransition___3gauY {
  font-size: 11px;
  color: rgba(1, 4, 30, 0.6);
  line-height: 14px;
  top: 26px;
  left: 0px; }

.users-main___sectionHeading___1e8XE {
  color: #0062FF;
  padding-left: 25px;
  line-height: 40px;
  height: 40px;
  border-top: 1px solid rgba(1, 4, 30, 0.1);
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  font-weight: 500;
  font-size: 18px;
  position: relative;
  background: #FFFFFF; }

.users-main___personalInformation___2BLe9 {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  /* border-radius: 10px; */
  /* margin-right: 16px; */
  padding-top: 22px;
  position: relative; }

.users-main___subHeading___25Jaj {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px;
  margin-bottom: 17.1px;
  margin-top: 5px;
  margin-left: 29.92px; }

.users-main___genderIcon___2d3vO {
  height: 16.26px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___sectionContainer___27dII {
  display: flex;
  position: relative;
  color: rgba(1, 4, 30, 0.6);
  text-align: center;
  font-weight: 500;
  margin-bottom: 21.37px;
  font-size: 13px; }

.users-main___valueContainer___2pmcc {
  display: flex;
  font-weight: normal;
  flex-wrap: wrap;
  width: 240px;
  margin-left: auto;
  text-align: left; }

.users-main___sectionRule___2dgd4 {
  background: rgba(1, 4, 30, 0.1);
  height: 1px;
  margin-left: 25.65px;
  margin-bottom: 17.1px; }

.users-main___valueAddedSubjects___2UZdr {
  margin-left: 210px;
  background: rgba(217, 231, 255, 0.3);
  padding: 5px;
  font-size: 14px;
  border-radius: 5px;
  margin: 5px;
  padding-left: 15px;
  padding-right: 15px;
  color: #0062FF;
  font-weight: 550;
  border: 1px solid #0062FF; }

.users-main___userSection___3TOXs {
  background: rgba(217, 231, 255, 0.3);
  font-size: 11px;
  border-radius: 5px;
  margin: 5px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 20px;
  margin-left: 14px;
  color: #0062FF;
  border: 1px solid #0062FF;
  align-self: center; }

.users-main___addUserHeading___1XxXB {
  color: #010430;
  width: 100%;
  font-size: 22px;
  font-weight: 800;
  display: flex; }

.users-main___closeAddUser___HztAX {
  height: 18px;
  cursor: pointer;
  right: 20px;
  position: absolute; }

.users-main___addUserContent___3dVU- {
  word-break: break-word;
  max-width: 337px;
  margin-top: 14px;
  margin-left: 13px;
  font-size: 14px; }

.users-main___addUserContent1___1epEA {
  background: #EEEBEB;
  text-align: -webkit-center;
  padding-top: 6px;
  font-size: 14px;
  margin-top: 32px; }

.users-main___addUserLogo___34a9w {
  height: 17px;
  margin-left: 100px;
  margin-top: 14px;
  margin-bottom: 12px; }

.users-main___uploadFileAddUser___1xKUA {
  border: 0.5px solid rgba(1, 4, 30, 0.3);
  margin-left: 17px;
  font-size: 11px;
  background: rgba(255, 255, 255, 0.7);
  text-align: -webkit-center;
  padding-left: 20px;
  line-height: 21px;
  margin-top: 12px;
  margin-bottom: 12px;
  padding-right: 20px;
  border-radius: 3px;
  cursor: pointer; }

.users-main___contentStage1___2wvym {
  font-size: 13px;
  color: rgba(1, 4, 30, 0.4);
  margin-top: 5px;
  border-bottom: 0.5px solid rgba(31, 49, 74, 0.1);
  width: 490px;
  padding-bottom: 12px; }

.users-main___userListTagLine___1osPu {
  font-size: 15px; }

.users-main___sectionHeader___TLz7D {
  border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 0px 0px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 98, 255, 0.4);
  background: #FFFFFF;
  font-size: 13px;
  color: #010430;
  /* max-width: 90px; */
  margin-top: 20px;
  text-align: center;
  margin-left: 16px;
  word-break: break-word;
  padding: 10px;
  cursor: pointer;
  height: 28.52px;
  width: 124.36px;
  line-height: 14px; }

.users-main___invalidMessageMobile___2zdI5 {
  position: absolute;
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px; }

.users-main___uploadAvatar___vSAmy {
  width: 105.7px;
  margin-top: 55.96px;
  margin-left: 33.58px;
  height: 113.7px;
  border-radius: 10px;
  object-fit: cover; }

.users-main___basicInfoHeading___wAnAV {
  margin-top: 19.54px;
  margin-left: 71.13px;
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  font-weight: 500;
  display: flex;
  flex-flow: column; }

.users-main___basicInfoHeadingParentInfo___1YZa3 {
  margin-top: 19.54px;
  margin-left: 32.58px;
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  font-weight: 500;
  display: flex;
  flex-flow: column; }

.users-main___basicInfoHeadingNew___aoJHZ {
  margin-top: 17.7px;
  text-align: center;
  color: rgba(1, 4, 30, 0.8);
  display: flex;
  flex-flow: column;
  font-weight: 500;
  font-size: 18px; }

.users-main___basicInfoHeadingStageIV___3CI7K {
  margin-top: 17.7px;
  margin-left: 33.58px;
  text-align: center;
  color: rgba(1, 4, 30, 0.8);
  display: flex;
  flex-flow: column;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px; }

.users-main___floatingLabel___3AJmw {
  position: relative;
  margin-bottom: 10px; }
  .users-main___floatingLabel___3AJmw label {
    position: absolute;
    top: 12px;
    left: 0;
    opacity: 0;
    line-height: 15px;
    transition: all 0.5s ease;
    cursor: text; }
  .users-main___floatingLabel___3AJmw input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 11px;
    height: 36.8px; }
  .users-main___floatingLabel___3AJmw input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .users-main___floatingLabel___3AJmw input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .users-main___floatingLabel___3AJmw input:focus::-webkit-input-placeholder {
    color: transparent; }
  .users-main___floatingLabel___3AJmw input:focus {
    border-bottom: 3px solid #0062FF; }
  .users-main___floatingLabel___3AJmw input:invalid {
    border-bottom: 3px solid #FF3653; }
  .users-main___floatingLabel___3AJmw .users-main___invalidMessage___35QUS {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute;
    line-height: 10px; }
  .users-main___floatingLabel___3AJmw input:invalid + label + .users-main___invalidMessage___35QUS {
    display: block; }

/* The container */
.users-main___container___2HVQ2 {
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.users-main___container___2HVQ2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.users-main___checkmark___1pErs {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.users-main___container___2HVQ2:hover input ~ .users-main___checkmark___1pErs {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.users-main___container___2HVQ2 input:checked ~ .users-main___checkmark___1pErs {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.users-main___checkmark___1pErs:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.users-main___container___2HVQ2 input:checked ~ .users-main___checkmark___1pErs:after {
  display: block; }

/* Style the checkmark/indicator */
.users-main___container___2HVQ2 .users-main___checkmark___1pErs:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.users-main___submitImage___1QGPL:disabled {
  opacity: 0.5; }

.users-main___submitImage___1QGPL {
  width: 100.43px;
  height: 31.11px;
  align-self: flex-end;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #1BCC63;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-top: 20px;
  cursor: pointer; }

.users-main___submitImageNew___3bLfV {
  width: 100.43px;
  height: 31.11px;
  align-self: flex-end;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  line-height: 31.11px;
  background: #1BCC63;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-left: 20px;
  cursor: pointer; }

.users-main___nextImage___3OcVr {
  width: 13.5px;
  height: 10.25px;
  margin-left: 14px; }

.users-main___submitDiv___2FKck {
  width: 160%;
  height: 110%;
  margin-top: -3px;
  line-height: 25px;
  margin-left: -18px;
  background: #1BCC63;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 18px; }

.users-main___selectClass___27Miz {
  background: #F2F3F7;
  border-radius: 5px;
  width: 200px;
  border: none;
  height: 40px;
  padding-left: 15px;
  margin-top: 20.44px;
  font-weight: 500;
  font-size: 13px;
  margin-right: 30px;
  opacity: 0.8; }

.users-main___joiningDate___1-Z60 {
  height: 30px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.7; }

.users-main___busIcon___3Jbuw {
  width: 67px;
  height: 67px;
  cursor: pointer; }

.users-main___searchContainer___CvXp9 {
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  border: 1px solid rgba(219, 224, 231, 0.5);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(219, 224, 231, 0.5); }

.users-main___searchAvatar___NmP4j {
  background: #92929D;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 3.5px 5px;
  font-size: 13px;
  padding-top: 5px;
  line-height: 22px;
  width: 28px;
  height: 28px;
  text-align: center; }

.users-main___searchResultContainer___3tVAp {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  line-height: 17px;
  margin-left: 20px;
  margin-top: 10px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550; }

.users-main___staffIdNo___ovJVO {
  font-size: 11px;
  color: rgba(31, 32, 40, 0.7);
  text-align: left;
  line-height: 13px;
  margin-bottom: 10px; }

.users-main___staffColorScheme___2OJiu {
  margin-top: 20px;
  flex-flow: row;
  background: #F2F3F7;
  width: 200px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 40px; }

.users-main___nameSelected___1fxtv {
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-left: 15px;
  font-weight: 600;
  display: flex;
  line-height: 20px;
  flex-flow: column; }

.users-main___staffIdSelected___283O- {
  color: rgba(31, 32, 40, 0.9);
  font-weight: 100;
  font-size: 11px; }

.users-main___closeIcon___5kHNS {
  width: 18px;
  height: 18px;
  padding-left: 10px;
  cursor: pointer;
  margin-top: 10px; }

.users-main___valueAddedSubjectsBottom___bHj4Q {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin: 10px;
  border-radius: 5px; }

.users-main___valueAddedSubjectContainer___3igs_ {
  border-radius: 13px;
  background: #F7F7F7;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  height: 26px;
  padding-left: 20px;
  padding-top: 6px;
  padding-right: 20px;
  font-size: 14px;
  color: #010430;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px; }

.users-main___selectedValueAddedSubjectContainer___1g3sI {
  background: #0062FF;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  border-radius: 13px;
  box-sizing: border-box;
  margin-left: 15px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  height: 24px;
  min-width: 90.65px;
  text-align: center;
  padding-left: 10px;
  display: flex; }

.users-main___uploadIcon___F3AId {
  background: #FFFFFF;
  border: 0.5px solid #979797;
  box-sizing: border-box;
  border-radius: 5px;
  color: #444444;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  width: 61px;
  align-items: center;
  margin-left: 57px;
  margin-top: -10px;
  cursor: pointer; }

.users-main___uploadIconImage___2NZFk {
  width: 12px;
  margin: 6px;
  height: 11px; }

.users-main___selectRole___1QfD9 {
  padding-top: 10px;
  background: #F2F3F7;
  border-radius: 5px;
  border: none;
  width: 200px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px;
  display: flex;
  flex-wrap: wrap; }

.users-main___floatingLabelNew___3tzWv {
  background: #F2F3F7;
  border: none;
  padding-top: 5px;
  outline: none;
  width: 282.9px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 5px;
  color: rgba(1, 4, 30, 0.8);
  padding-left: 11px;
  height: 36.8px; }

.users-main___closeAddUserNew___3ELYt {
  height: 12px;
  cursor: pointer;
  right: -69%;
  position: relative; }

.users-main___closeDialogBox___3DXg3 {
  padding-top: 13px;
  padding-left: 25px;
  display: flex;
  margin-bottom: 16px;
  flex-flow: column;
  font-size: 15px; }

.users-main___horizontalRule___3p5ps {
  background: #DEDEDE;
  height: 1px;
  border: none;
  width: 100%;
  position: relative;
  left: -13px;
  margin-top: 16px; }

.users-main___discard___3gwIf {
  color: #676883;
  font-size: 13px;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid rgba(1, 4, 30, 0.6);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 7px;
  margin-top: 13px;
  margin-left: 44%;
  cursor: pointer; }

.users-main___saveChanges___3eDCz {
  font-size: 13px;
  border-radius: 5px;
  color: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.6);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
  padding-bottom: 7px;
  margin-top: 13px;
  margin-left: 15px;
  cursor: pointer;
  background: #227DF9; }

.users-main___previewAndEdit___12-pd {
  border-radius: 5px;
  border: 1.5px solid rgba(79, 79, 79, 0.8);
  box-sizing: border-box;
  color: rgba(79, 79, 79, 0.8);
  padding-left: 20px;
  padding-right: 20px;
  height: 31.11px;
  margin-left: 268.58px;
  width: 107.54px;
  padding-top: 5px;
  text-align: center;
  padding-bottom: 5px;
  align-self: flex-end;
  cursor: pointer; }

.users-main___selectedElements___3o18U {
  margin: 10px;
  display: flex;
  background: #FFFFFF;
  border: 0.5px solid #227DF9;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
  border-radius: 10px;
  color: #227DF9;
  padding-top: 5px;
  font-size: 10px;
  line-height: 12px; }

.users-main___blueCross___17-Z6 {
  width: 7px;
  margin-left: 4px;
  margin-top: 2px;
  cursor: pointer;
  height: 7px; }

.users-main___activeUser___1rE5J {
  display: flex;
  align-self: end;
  margin-left: 5px;
  height: 16px;
  background: rgba(233, 72, 72, 0.1);
  border-radius: 25px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #E94848;
  position: absolute;
  left: 210px;
  font-size: 10px;
  line-height: 12px;
  margin-top: 36px; }

.users-main___activeUserNew___2PAgi {
  display: flex;
  /* align-self: end; */
  margin-left: 5px;
  height: 16px;
  background: rgba(233, 72, 72, 0.1);
  border-radius: 25px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #E94848;
  /* position: absolute; */
  /* left: 210px; */
  font-size: 10px;
  line-height: 12px;
  /* margin-top: 36px; */ }

.users-main___powerButton___24Qmx {
  width: 8px;
  height: 8px;
  margin-right: 3px;
  margin-top: 2.4px; }

.users-main___extraOptions___J7NhH {
  position: absolute;
  top: 7px;
  right: 6px;
  cursor: pointer;
  display: none; }

.users-main___extraOptionsButton___3njig {
  width: 23px;
  height: 22px; }

.users-main___usersElement___1XHlb:hover .users-main___extraOptions___J7NhH {
  display: block; }

.users-main___dropdownHolder___1tjZE {
  width: 205.53px;
  position: absolute;
  top: 15px;
  z-index: 1;
  right: 30px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.users-main___optionItem___1I3OP {
  display: flex;
  height: 47px; }

.users-main___optionItem___1I3OP:hover {
  background: #227DF9;
  color: #FFFFFF; }

.users-main___optionItem___1I3OP:hover .users-main___optionText___2vJ4n {
  background: #227DF9;
  color: #FFFFFF; }

.users-main___optionItem___1I3OP:hover .users-main___optionText___2vJ4n .users-main___baselineText___3KnXq {
  background: #227DF9;
  color: #FFFFFF; }

.users-main___optionsIcons___1OnU3 {
  width: 29px;
  height: 25.5px;
  margin-left: 21.32px;
  margin-top: 13.46px; }

.users-main___optionText___2vJ4n {
  display: flex;
  flex-flow: column;
  color: #010430;
  padding-left: 20px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 500; }

.users-main___baselineText___3KnXq {
  opacity: 0.5;
  font-size: 11px; }

.users-main___deleteUser___3pQXQ {
  display: flex;
  flex-flow: column; }

.users-main___crossHeader___28QZf {
  width: 13px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 16px; }

.users-main___deleteHeader___2WbT5 {
  display: flex;
  background: #EEEBEB;
  width: 449px;
  border-radius: 5px 5px 0px 0px;
  height: 26px;
  font-size: 15px;
  padding-top: 12px;
  padding-left: 25px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  position: relative; }

.users-main___deleteDialogBody___1A2V5 {
  display: flex;
  flex-flow: column;
  font-size: 13px;
  line-height: 18px;
  padding-left: 25px;
  color: rgba(1, 4, 30, 0.7);
  padding-top: 13px;
  padding-right: 25px; }

.users-main___deletionReason___l0JQt {
  border: 2px solid #eeebeb;
  border-radius: 5px;
  resize: none;
  margin-top: 15px;
  padding-top: 12px;
  line-height: 13px;
  padding-left: 14px; }

.users-main___deleteHrStyle___1clzp {
  width: 435px;
  border: none;
  height: 0.5px;
  background: #DEDEDE;
  margin-top: 16px;
  margin-bottom: 0; }

.users-main___deleteCancelButton___3goRg {
  border: 1px solid rgba(1, 4, 30, 0.6);
  box-sizing: border-box;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  color: #676883;
  padding-bottom: 7px;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  margin-top: 15px;
  margin-bottom: 19px;
  margin-left: 60%; }

.users-main___deleteSubmitButton___3l5gj {
  box-sizing: border-box;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  color: #FFFFFF;
  padding-bottom: 7px;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
  margin-top: 17px;
  margin-bottom: 19px;
  margin-left: 15px;
  background: #227DF9; }

.users-main___selectRoleHeading___181k7 {
  background: #EEEBEB;
  border-radius: 10px 10px 0px 0px;
  padding: 10px;
  font-size: 15px;
  font-weight: 550;
  position: relative;
  margin-bottom: 10px; }

.users-main___crossTempData___CfcrC {
  width: 12px;
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer; }

.users-main___tempDataContainer___3NGwz {
  display: flex;
  flex-flow: column; }

.users-main___cancelBarAddRole___2QnrF {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  margin-right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d;
  margin-bottom: 20px;
  margin-left: auto; }

.users-main___cancelBarAddRole___2QnrF:hover {
  background: #F7F7F8; }

.users-main___submitBarAddRole___1QX0Y {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.users-main___noUserPresent___1M1Wh {
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  padding-top: 35%;
  padding-left: 8%; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .users-main___mainCard___eiixx {
    width: 797.28px; }
  .users-main___mainDesignationTransition___3gauY {
    font-size: 11px;
    color: rgba(1, 4, 30, 0.6);
    line-height: 14px;
    top: 26px;
    width: 148px;
    align-self: center;
    left: 0px; }
  .users-main___mainUserNameTransition___IJ5hM {
    width: 220px; } }

@media screen and (min-width: 1401px) {
  .users-main___mainCard___eiixx {
    width: 913px; } }

.users-main___validateFirstName___1O4bs:invalid {
  border-bottom: 1.5px solid #FF3653; }

.users-main___classNameList___DHNL2 {
  font-weight: normal;
  font-size: 10px;
  line-height: 9px;
  opacity: 0.8;
  margin-top: 0px; }

.users-main___dobIcon___13J-S {
  width: 13.68px;
  height: 14.17px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___mobileIcon___1NTLx {
  width: 9.23px;
  height: 15px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___emailIcon___3laD5 {
  width: 13.92px;
  height: 8.56px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px;
  margin-top: 3px; }

.users-main___currentAddressIcon___DIFmc {
  width: 10.58px;
  height: 17.24px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___permanentAddressIcon___1H2Zf {
  width: 10.58px;
  height: 16.39px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___personIcon___1Widi {
  width: 10.11px;
  height: 14.53px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___calanderIcon___1L3jz {
  width: 13.68px;
  height: 13.68px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___classIcon___1E-7_ {
  width: 13.68px;
  height: 15.39px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___busIconContent___3L0Hh {
  width: 15.39px;
  height: 15.39px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___busRouteIcon___1JnbN {
  width: 13.68px;
  height: 15.39px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___discountIcon___peE5U {
  width: 12.4px;
  height: 12.4px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___staffIcon___3tEi0 {
  width: 15.39px;
  height: 11.97px;
  margin-left: 33.14px;
  margin-right: 10px;
  margin-bottom: 6px; }

.users-main___selectedRole___1Btvu {
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px; }

.users-main___alignDisplayRoles___2RmZ8 {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  width: 100%; }

.users-main___deletionReason___l0JQt:invalid::placeholder {
  color: #FF3653; }

.users-main___invalidMessage___35QUS {
  position: relative;
  color: #FF3653;
  font-size: 12px;
  display: none; }

.users-main___invalidMessageNew___3HbrH {
  position: relative;
  color: #FF3653;
  font-size: 10px;
  display: none;
  width: 155px;
  line-height: 10px;
  margin-top: 10px; }

.users-main___createFee___3jSBp {
  color: #FFFFFF;
  background: #227DF9;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 15px;
  line-height: 33px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  width: 188px;
  height: 33px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  margin-top: 45.51px;
  margin-bottom: 37.53px; }

.users-main___viewStudentButton____YLf7 {
  width: 64.97px;
  height: 23.08px;
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  right: 28.47px;
  background: #227DF9;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  line-height: 23.08px; }

.users-main___viewStudentButtonTransition___1Ppc0 {
  top: 4px;
  cursor: pointer;
  width: 64.97px;
  height: 23.08px;
  left: 250px;
  position: absolute;
  background: #227DF9;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  border-radius: 10px;
  text-align: center;
  line-height: 23.08px; }

.users-main___uploadSection___14r8w {
  width: 83%;
  margin: 25px auto; }

.users-main___fileItem___BjBDz {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .users-main___fileItem___BjBDz .users-main___crossBtn___YUmRs {
    position: absolute;
    width: 10px;
    right: 8px;
    top: 8px;
    z-index: 100;
    cursor: pointer; }
  .users-main___fileItem___BjBDz .users-main___fileName___UD5NA {
    font-size: 14px;
    margin: 5px 10px;
    opacity: 0.6; }
  .users-main___fileItem___BjBDz .users-main___fileSize___2aHnq {
    font-size: 9px;
    margin: 5px 10px;
    opacity: 0.6; }

.users-main___uploadContainer___32oEq {
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .users-main___uploadContainer___32oEq .users-main___uploadText___rcMFh {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: 600;
    font-size: 13px; }
  .users-main___uploadContainer___32oEq .users-main___uploadFiles___-NG9C {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: normal;
    font-size: 11px; }

.users-main___addBtn___3VAR8 {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  background: #227DF9;
  border: 1.5px solid #227DF9;
  border-radius: 3px;
  color: #fff;
  cursor: pointer; }
  .users-main___addBtn___3VAR8 .users-main___addText___3NP3r {
    display: inline-block;
    font-size: 20px;
    margin: 12px;
    margin-left: 50px; }
  .users-main___addBtn___3VAR8 .users-main___addIcon___3vGZ_ {
    position: absolute;
    width: 28px;
    top: 10px;
    left: 10px; }

.users-main___imageDisplay___2wSiO {
  width: 135px;
  height: 53px;
  object-fit: cover;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 10px;
  position: relative; }

.users-main___attachmentContainer___2hF9l {
  position: relative;
  width: 135px;
  height: 53px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer; }

.users-main___uploadDoc___cXucm {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer;
  margin-right: 10px; }

.users-main___displayImageDesign___2GjsK {
  width: 32.8px;
  height: 43px;
  object-fit: cover;
  border-radius: 5px; }

.users-main___docInfoContainer___1UpBz {
  position: relative; }

.users-main___docName___1154M {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 12.61px;
  word-break: break-all;
  margin-right: 5px; }

.users-main___addAttachment___1RAaP {
  cursor: pointer;
  position: absolute;
  background: #227DF9;
  color: #fff;
  padding: 0px 10px;
  border-radius: 10px;
  right: 10px;
  top: 5px;
  font-size: 12px;
  line-height: 30px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); }

.users-main___crossRemoveImage___2So0o {
  position: absolute;
  width: 15px;
  right: 5px;
  top: 3px;
  background: #fff;
  cursor: pointer;
  display: none;
  z-index: 200;
  border-radius: 50%; }

.users-main___attachmentContainer___2hF9l:hover .users-main___crossRemoveImage___2So0o {
  display: block; }

.users-main___imageDisplay___2wSiO:hover .users-main___crossRemoveImage___2So0o {
  display: block; }

.users-main___attachmentImage___yJRAZ {
  width: 135px;
  height: 53px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 10px; }

.users-main___deactivateStatus___2sXKm {
  width: 100px;
  height: 20px;
  border-radius: 5px;
  padding-left: 5px;
  opacity: 0.8;
  margin-left: 20px; }

.users-main___statusTag___N3Y0J {
  color: #010430; }

.users-main___noOfUsersText___2wEKT {
  /* margin-top: 11px; */
  background: #EEEBEB;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 30px; }
  .users-main___noOfUsersText___2wEKT span {
    font-weight: 600;
    font-size: 15px;
    color: #010430;
    margin-left: 10px; }

.users-main___usersMainContainerCurrent___35sZ8 {
  display: flex;
  flex-flow: column;
  position: absolute;
  top: 85px;
  width: 100%;
  overflow-x: hidden;
  bottom: 0px; }

.users-main___charactersCount___2fZ4H {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.users-main___sessionSelect___3mS2- {
  font-size: 16px;
  margin-left: 20px;
  border-radius: 5px;
  position: absolute;
  top: -50px;
  right: 30px;
  z-index: 100;
  cursor: pointer; }

.filter-element___heading___NSlt9 {
  color: #010430;
  line-height: 24px;
  position: relative;
  font-weight: 800;
  font-size: 22px; }

.filter-element___subHeading___1jSa5 {
  color: rgba(1, 4, 30, 0.8);
  line-height: 12px;
  margin-top: 6px;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 20px;
  width: 1026px;
  padding-left: 23px;
  margin-left: -23px; }

.filter-element___fieldHeader___3Ke2p {
  display: flex;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 18px;
  padding-right: 28px; }

.filter-element___resetButtonHeader___2KX4c {
  position: absolute;
  color: #227DF9;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  border: 1px solid rgba(34, 125, 249, 0.4);
  border-radius: 3px;
  padding: 3px 13px 3px 13px;
  right: 10px;
  cursor: pointer; }

.filter-element___optionsContainer___1A_8o {
  position: relative;
  font-size: 13px;
  color: rgba(1, 4, 30, 0.6); }

.filter-element___arrowShow___1i3qM {
  width: 25px;
  height: 16px;
  margin-right: 50px;
  margin-top: 0px;
  cursor: pointer;
  z-index: 100; }

/* The container */
.filter-element___container___364zA {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.6);
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 13px; }

/* Hide the browser's default checkbox */
.filter-element___container___364zA input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.filter-element___checkmark___LHpc7 {
  position: absolute;
  top: 0;
  right: 20px;
  height: 15px;
  border: 1px solid #717C8A;
  width: 15px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eee;
  transition: all 0.2s ease-in-out; }

/* On mouse-over, add a grey background color */
.filter-element___container___364zA:hover input ~ .filter-element___checkmark___LHpc7 {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.filter-element___container___364zA input:checked ~ .filter-element___checkmark___LHpc7 {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.filter-element___checkmark___LHpc7:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.filter-element___container___364zA input:checked ~ .filter-element___checkmark___LHpc7:after {
  display: block; }

/* Style the checkmark/indicator */
.filter-element___container___364zA .filter-element___checkmark___LHpc7:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.filter-element___deactiveIcon___xbAPF {
  height: 25px;
  width: 25px;
  margin-right: 10px; }

.filter-element___genderImageIcon___1CJfU {
  width: 67px;
  height: 67px;
  margin-right: 15px;
  cursor: pointer; }

.filter-element___cancelTopButton___3wO9j {
  position: absolute;
  right: 169.93px;
  border: 1.5px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 134px;
  line-height: 38px;
  text-align: center;
  height: 36px;
  bottom: 16px;
  color: #92929D;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 15px; }

.filter-element___submitTopButton___2bFj3 {
  position: absolute;
  right: 0;
  border-radius: 5px;
  color: #FFFFFF;
  background: #227DF9;
  cursor: pointer;
  width: 134px;
  line-height: 38px;
  bottom: 16px;
  text-align: center;
  height: 39px;
  font-weight: 400;
  font-size: 15px; }

.filter-element___sectionElement___2WG_m {
  margin-left: 35px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 14px;
  position: relative;
  height: 25px;
  margin-top: 5px; }

.filter-element___scrollbar___3rWVZ {
  max-height: 377px;
  overflow-y: scroll; }

.filter-element___scrollbar___3rWVZ::-webkit-scrollbar {
  width: 5px; }

.filter-element___scrollbar___3rWVZ::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.filter-element___transitionClass___1owEe {
  transition: all 0.5s ease-in-out; }

.filter-element___checkBoxContainer___1a8dx {
  position: absolute;
  right: 2px;
  top: 0; }

.user-preview___topContainer___1Rc0O {
  display: flex;
  flex-flow: column; }

.user-preview___header___2jlO_ {
  width: 500px;
  font-size: 22px;
  color: #1F2028;
  line-height: 41px;
  margin-left: 13px;
  font-weight: 800;
  border-bottom: 1px solid #F1F1F5; }

.user-preview___invalidMessageNew___l1VfO {
  position: relative;
  color: #FF3653;
  font-size: 10px;
  display: none;
  width: 155px;
  line-height: 10px;
  margin-top: 10px; }

.user-preview___crossTop___1Hs2V {
  width: 18px;
  height: 18px;
  right: 30px;
  cursor: pointer;
  position: absolute; }

.user-preview___headingRule___xyRwa {
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  margin-top: 24px;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-flow: column; }

.user-preview___infoTop___2UxYT {
  text-align: left;
  font-size: 16px;
  margin-left: 13px;
  margin-top: 16px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.8);
  display: flex;
  flex-flow: column; }

.user-preview___uploadAvatar___uBxPc {
  cursor: pointer;
  height: 104.87px;
  width: 105.76px;
  border-radius: 10px; }

.user-preview___uploadIconImage___32C27 {
  width: 12px;
  height: 11px;
  margin-right: 5px; }

.user-preview___uploadIcon___WS5Z6 {
  color: #444444;
  border: 0.5px solid #979797;
  width: 50px;
  display: flex;
  border-radius: 5px;
  font-size: 11px;
  padding: 4px;
  margin-top: -10px;
  margin-left: 20px;
  cursor: pointer;
  background: #FFFFFF; }

.user-preview___floatingLabel___2hIh4 {
  position: relative;
  margin-bottom: 20px; }
  .user-preview___floatingLabel___2hIh4 label {
    position: absolute;
    top: 14px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .user-preview___floatingLabel___2hIh4 input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 11px;
    height: 36.8px; }
  .user-preview___floatingLabel___2hIh4 input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .user-preview___floatingLabel___2hIh4 input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .user-preview___floatingLabel___2hIh4 input:focus::-webkit-input-placeholder {
    color: transparent; }
  .user-preview___floatingLabel___2hIh4 input:focus {
    border-bottom: 3px solid #0062FF; }
  .user-preview___floatingLabel___2hIh4 input:invalid {
    border-bottom: 3px solid #FF3653; }
  .user-preview___floatingLabel___2hIh4 .user-preview___invalidMessage___32YuM {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .user-preview___floatingLabel___2hIh4 input:invalid + label + .user-preview___invalidMessage___32YuM {
    display: block; }

.user-preview___invalidMessageMobile___3e10M {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  position: absolute; }

.user-preview___selectDate___3OHs8 {
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  height: 31px;
  width: 44px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.user-preview___selectMonth___39YGV {
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 50.31px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.user-preview___selectYear___3y0Ie {
  border-radius: 0px 5px 5px 0px;
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 60px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.user-preview___scrollbar___2WH5p {
  overflow-y: scroll; }

.user-preview___scrollbar___2WH5p::-webkit-scrollbar {
  width: 5px; }

.user-preview___scrollbar___2WH5p::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

/* The container */
.user-preview___container___3taom {
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.user-preview___container___3taom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.user-preview___checkmark___3Ho0A {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.user-preview___container___3taom:hover input ~ .user-preview___checkmark___3Ho0A {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.user-preview___container___3taom input:checked ~ .user-preview___checkmark___3Ho0A {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.user-preview___checkmark___3Ho0A:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.user-preview___container___3taom input:checked ~ .user-preview___checkmark___3Ho0A:after {
  display: block; }

/* Style the checkmark/indicator */
.user-preview___container___3taom .user-preview___checkmark___3Ho0A:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.user-preview___selectClass___1GsiN {
  background: #F2F3F7;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px;
  font-weight: 500;
  font-size: 13px;
  opacity: 0.8; }

.user-preview___busIcon___10h2_ {
  width: 67px;
  height: 67px;
  cursor: pointer; }

.user-preview___staffColorScheme___3aKcu {
  margin-top: 20px;
  flex-flow: row;
  background: #F2F3F7;
  width: 200px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 40px; }

.user-preview___searchAvatar___2pMa0 {
  background: #92929D;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 5px;
  font-size: 13px;
  line-height: 22px;
  width: 35px;
  height: 28px;
  text-align: center; }

.user-preview___nameSelected___1Hkc7 {
  color: rgba(1, 4, 30, 0.9);
  font-size: 14px;
  margin-top: 5px;
  margin-left: 15px;
  font-weight: 550;
  display: flex;
  flex-flow: column; }

.user-preview___staffIdSelected___3m2E1 {
  color: rgba(31, 32, 40, 0.9);
  font-weight: 100;
  font-size: 11px;
  margin-top: 2px; }

.user-preview___closeIcon___5sOFX {
  width: 18px;
  height: 18px;
  margin-top: 10px;
  padding-left: 10px;
  cursor: pointer; }

.user-preview___searchContainer___2JMKF {
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  border: 1px solid rgba(219, 224, 231, 0.5);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(219, 224, 231, 0.5); }

.user-preview___searchResultContainer___2FI8M {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  line-height: 17px;
  margin-left: 20px;
  margin-top: 10px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550; }

.user-preview___staffIdNo___2leoK {
  font-size: 11px;
  color: rgba(31, 32, 40, 0.7);
  text-align: left;
  line-height: 13px;
  margin-bottom: 10px; }

.user-preview___valueAddedSubjectsBottom___3V5Es {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin: 10px;
  border-radius: 5px;
  margin-left: 0; }

.user-preview___selectedValueAddedSubjectContainer___QITaR {
  background: #0062FF;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  border-radius: 13px;
  box-sizing: border-box;
  margin-left: 15px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  height: 24px;
  min-width: 90.65px;
  text-align: center;
  padding-left: 10px;
  display: flex; }

.user-preview___valueAddedSubjectContainer___3B-IN {
  border-radius: 13px;
  background: #F7F7F7;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  height: 26px;
  padding-left: 20px;
  padding-top: 6px;
  padding-right: 20px;
  font-size: 14px;
  color: #010430;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px; }

.user-preview___submitDiv___1msOU {
  width: 113px;
  height: 40px;
  line-height: 40px;
  background: #1BCC63;
  border-radius: 5px;
  font-size: 15px;
  right: 10px;
  align-self: flex-end;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.user-preview___selectRole___1LoEX {
  background: #F2F3F7;
  border-radius: 5px;
  cursor: pointer;
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px;
  border: none;
  width: 200px;
  font-weight: 600;
  height: fit-content;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px; }

.user-preview___headerTopBar___1y9Ke {
  position: relative;
  border-radius: 15px 15px 0px 0px;
  padding: 10px;
  background: #EEEBEB;
  margin-bottom: 15px;
  display: flex; }

.user-preview___arrangeRoles___22OQt {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 15px;
  cursor: initial; }

.user-preview___myOwnLabel___1NcSI {
  position: relative;
  font-size: 10px; }

.user-preview___arrangeFooter___3Z4Rs {
  display: flex; }

.user-preview___cancelFooterButton___2DhHx {
  border: 1px solid rgba(1, 4, 30, 0.6);
  position: relative;
  margin-left: 32%;
  margin-bottom: 6%;
  box-sizing: border-box;
  border-radius: 5px;
  color: #676883;
  padding: 3px;
  cursor: pointer; }

.user-preview___submitFooterButton___2SoAI {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 5px;
  margin-left: 10px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  height: 40%;
  font-weight: initial; }

.user-preview___borderLessCross___2dxfz {
  width: 15px;
  height: 14px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.user-preview___selectRoleHeading___2T3vJ {
  background: #EEEBEB;
  border-radius: 5px 5px 0px 0px;
  padding: 10px;
  font-size: 15px;
  font-weight: 550;
  position: relative;
  margin-bottom: 10px; }

.user-preview___crossTempData___1Guox {
  width: 12px;
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer; }

.user-preview___tempDataContainer___2ARwl {
  display: flex;
  flex-flow: column; }

.user-preview___cancelBarAddRole___vwEU0 {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  margin-right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d;
  margin-bottom: 20px;
  margin-left: auto; }

.user-preview___cancelBarAddRole___vwEU0:hover {
  background: #F7F7F8; }

.user-preview___submitBarAddRole___ZDQwt {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.user-preview___genderSelectIcon___2RigS {
  width: 59.54px;
  height: 59.54px;
  margin-right: 26.66px; }

.user-preview___selectedRole___14RKK {
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px; }

.user-preview___alignDisplayRoles___mQ8RT {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  width: 100%; }

.user-preview___loader___2tx1U,
.user-preview___loader___2tx1U:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.user-preview___loader___2tx1U {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: user-preview___load8___29ChH 1.1s infinite linear;
  animation: user-preview___load8___29ChH 1.1s infinite linear; }

@-webkit-keyframes user-preview___load8___29ChH {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes user-preview___load8___29ChH {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.warning-modal___headerComponent___nm0-j {
  display: flex;
  background: #EEEBEB;
  width: 449px;
  height: 43px;
  position: relative; }

.warning-modal___warningLogo___2n8Wv {
  width: 24px;
  height: 22px;
  margin-left: 14px;
  margin-top: 10px; }

.warning-modal___headingText___2wZUe {
  font-weight: 500;
  font-size: 13px;
  opacity: 0.7;
  margin-left: 12px;
  margin-top: 15px; }

.warning-modal___crossIcon___2inse {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 15px;
  right: 10px;
  cursor: pointer; }

.warning-modal___mainTextAlign___1v3Gh {
  font-weight: 400;
  opacity: 0.7;
  width: 411px;
  font-size: 13px;
  margin: 8px;
  padding-left: 8px;
  padding-right: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
  line-height: 15px; }

.warning-modal___buttonsContainer___acmB0 {
  display: flex; }

.warning-modal___cancelButton___1Bbij {
  height: 27px;
  width: 96px;
  position: absolute;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d; }

.warning-modal___yesButton___19-Aq {
  height: 29px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 29px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 500;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer; }

.add-attachments___addPhotos___3YGtT {
  color: #010430;
  width: 100%;
  font-size: 22px;
  position: relative;
  font-weight: 800;
  display: flex; }

.add-attachments___horizontalRule___3kcrR {
  border: 0.5px solid #F1F1F5;
  margin-top: 10px; }

.add-attachments___uploadPhotoContainer___1H_Fw {
  display: flex;
  flex-wrap: wrap; }

.add-attachments___addIconContainer___2qiEW {
  width: 90px;
  height: 73.13px;
  margin: 15px;
  border-radius: 5px;
  object-fit: cover;
  background: #f2f2f2;
  cursor: pointer;
  padding: 24px;
  padding-left: 36px;
  margin-left: 2px; }

.add-attachments___addIconContainerImages___3kxf2 {
  width: 150px;
  height: 121.13px;
  margin: 15px;
  border-radius: 5px;
  object-fit: cover;
  background: #f2f2f2;
  cursor: pointer;
  display: flex; }

.add-attachments___imageContainer___3rf7M:hover .add-attachments___addIconContainerImages___3kxf2 {
  border: 3px solid #227DF9;
  width: 144px;
  height: 115.13px; }

.add-attachments___imageContainer___3rf7M:hover .add-attachments___crossItem___1Ntuv {
  display: block; }

.add-attachments___crossItem___1Ntuv {
  position: absolute;
  width: 15px;
  right: 22px;
  top: 19px;
  cursor: pointer;
  display: none; }

.add-attachments___topHeadingCross___3XfPH {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 30px;
  cursor: pointer;
  z-index: 100;
  top: 20px; }

.add-attachments___addPhotosButton___3fFwp {
  margin-right: auto;
  width: 368px;
  height: 40px;
  background: #227DF9;
  color: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  margin-top: auto;
  margin-left: auto; }

.add-attachments___displayImageDesign___zh8dx {
  width: 50px;
  margin-top: 15px;
  margin-left: 10px;
  height: 62.11px; }

.add-attachments___fileNameContainer___17Lts {
  text-transform: capitalize;
  margin-top: 20px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-left: 10px;
  margin-right: 5px;
  word-break: break-all; }

.add-attachments___fileSizeContainer___11Lro {
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  line-height: 20px;
  mix-blend-mode: normal;
  margin-left: 10px; }

.secondary-modal___Modal___xPZdU {
  position: fixed;
  z-index: 700;
  background-color: #FFFFFF;
  left: 15%;
  top: 10%;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.secondary-modal___cross___2Txp3 {
  position: absolute;
  width: 5%;
  right: 4%;
  cursor: pointer; }

.user-preview___topContainer___3B486 {
  display: flex;
  flex-flow: column; }

.user-preview___header___1kJjt {
  width: 500px;
  font-size: 22px;
  color: #1F2028;
  line-height: 41px;
  margin-left: 17px;
  font-weight: 800;
  border-bottom: 1px solid #F1F1F5; }

.user-preview___crossTop___1l6RH {
  width: 18px;
  height: 18px;
  right: 20px;
  cursor: pointer;
  position: absolute; }

.user-preview___invalidMessageNew___33-86 {
  position: relative;
  color: #FF3653;
  font-size: 12px;
  display: none; }

.user-preview___headingRule___1sA7h {
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  margin-top: 24px;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-flow: column; }

.user-preview___infoTop___USneN {
  text-align: left;
  font-size: 16px;
  margin-left: 38.79px;
  margin-top: 16px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.8);
  display: flex;
  flex-flow: column; }

.user-preview___uploadAvatar___1iftL {
  cursor: pointer;
  height: 104.87px;
  width: 105.76px;
  border-radius: 10px;
  object-fit: cover; }

.user-preview___uploadIconImage___2fKNc {
  width: 12px;
  height: 11px;
  margin-right: 5px; }

.user-preview___uploadIcon___Geifa {
  color: #444444;
  border: 0.5px solid #979797;
  width: 50px;
  display: flex;
  border-radius: 5px;
  cursor: pointer;
  font-size: 11px;
  padding: 4px;
  margin-top: -10px;
  margin-left: 20px;
  background: #FFFFFF; }

.user-preview___floatingLabel___27UXA {
  position: relative;
  margin-bottom: 10px; }
  .user-preview___floatingLabel___27UXA label {
    position: absolute;
    top: 14px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .user-preview___floatingLabel___27UXA input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 36.8px; }
  .user-preview___floatingLabel___27UXA input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .user-preview___floatingLabel___27UXA input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .user-preview___floatingLabel___27UXA input:focus::-webkit-input-placeholder {
    color: transparent; }
  .user-preview___floatingLabel___27UXA input:focus {
    border-bottom: 3px solid #0062FF; }
  .user-preview___floatingLabel___27UXA input:invalid {
    border-bottom: 3px solid #FF3653; }
  .user-preview___floatingLabel___27UXA .user-preview___invalidMessage___3ujEj {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .user-preview___floatingLabel___27UXA input:invalid + label + .user-preview___invalidMessage___3ujEj {
    display: block; }

.user-preview___invalidMessageMobile___2eqJ3 {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  position: absolute; }

.user-preview___selectDate___3R_My {
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  height: 31px;
  width: 44px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.user-preview___selectMonth____rSKM {
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 50.31px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.user-preview___selectYear___jkxgf {
  border-radius: 0px 5px 5px 0px;
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 60px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.user-preview___scrollbar___TbA3n {
  overflow-y: scroll; }

.user-preview___scrollbar___TbA3n::-webkit-scrollbar {
  width: 5px; }

.user-preview___scrollbar___TbA3n::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

/* The container */
.user-preview___container___215uh {
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.user-preview___container___215uh input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.user-preview___checkmark___3IJnr {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.user-preview___container___215uh:hover input ~ .user-preview___checkmark___3IJnr {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.user-preview___container___215uh input:checked ~ .user-preview___checkmark___3IJnr {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.user-preview___checkmark___3IJnr:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.user-preview___container___215uh input:checked ~ .user-preview___checkmark___3IJnr:after {
  display: block; }

/* Style the checkmark/indicator */
.user-preview___container___215uh .user-preview___checkmark___3IJnr:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.user-preview___selectClass___3B5z3 {
  background: #F2F3F7;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px;
  font-weight: 500;
  font-size: 13px;
  opacity: 0.8; }

.user-preview___busIcon___2cmGR {
  width: 67px;
  height: 67px;
  cursor: pointer; }

.user-preview___staffColorScheme___2lYf8 {
  margin-top: 20px;
  flex-flow: row;
  background: #F2F3F7;
  width: 200px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 40px; }

.user-preview___searchAvatar___3Z3yS {
  background: #92929D;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 5px;
  font-size: 13px;
  padding-top: 5px;
  line-height: 22px;
  width: 35px;
  height: 28px;
  text-align: center; }

.user-preview___nameSelected___J48gL {
  color: rgba(1, 4, 30, 0.9);
  font-size: 14px;
  margin-top: 5px;
  margin-left: 15px;
  font-weight: 550;
  display: flex;
  flex-flow: column; }

.user-preview___staffIdSelected___2Qryv {
  color: rgba(31, 32, 40, 0.9);
  font-weight: 100;
  font-size: 11px;
  margin-top: 2px; }

.user-preview___closeIcon___3lR_l {
  width: 18px;
  height: 18px;
  margin-top: 10px;
  padding-left: 10px;
  cursor: pointer; }

.user-preview___searchContainer___1MOBU {
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  border: 1px solid rgba(219, 224, 231, 0.5);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(219, 224, 231, 0.5); }

.user-preview___searchResultContainer___3wpfl {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  line-height: 17px;
  margin-left: 20px;
  margin-top: 10px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550; }

.user-preview___staffIdNo___3785t {
  font-size: 11px;
  color: rgba(31, 32, 40, 0.7);
  text-align: left;
  line-height: 13px;
  margin-bottom: 10px; }

.user-preview___valueAddedSubjectsBottom___1W9Sz {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin: 10px;
  border-radius: 5px; }

.user-preview___selectedValueAddedSubjectContainer___38nsP {
  background: #0062FF;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  border-radius: 13px;
  box-sizing: border-box;
  margin-left: 15px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  height: 24px;
  min-width: 90.65px;
  text-align: center;
  padding-left: 10px; }

.user-preview___valueAddedSubjectContainer___1ilHs {
  border-radius: 13px;
  background: #F7F7F7;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  height: 26px;
  padding-left: 20px;
  padding-top: 6px;
  padding-right: 20px;
  font-size: 14px;
  color: #010430;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px; }

.user-preview___submitDiv___1WP_U {
  width: 113px;
  height: 40px;
  line-height: 40px;
  background: #1BCC63;
  border-radius: 5px;
  font-size: 15px;
  right: 10px;
  align-self: flex-end;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer; }

.user-preview___selectRole___2XyfC {
  padding-top: 10px;
  background: #F2F3F7;
  border-radius: 5px;
  border: none;
  width: 200px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px;
  display: flex;
  flex-wrap: wrap; }

.user-preview___headerTopBar___3q1NT {
  position: relative;
  border-radius: 15px 15px 0px 0px;
  padding: 10px;
  background: #EEEBEB;
  margin-bottom: 15px;
  display: flex; }

.user-preview___arrangeRoles___1f61u {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 15px;
  cursor: initial; }

.user-preview___myOwnLabel___3uaqM {
  position: relative;
  font-size: 10px; }

.user-preview___arrangeFooter___fUx8t {
  display: flex; }

.user-preview___cancelFooterButton___3aIiz {
  border: 1px solid rgba(1, 4, 30, 0.6);
  position: relative;
  margin-left: 32%;
  margin-bottom: 6%;
  box-sizing: border-box;
  border-radius: 5px;
  color: #676883;
  padding: 3px;
  cursor: pointer; }

.user-preview___submitFooterButton___2KdTA {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 5px;
  margin-left: 10px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  height: 40%;
  font-weight: initial; }

.user-preview___borderLessCross___27PlC {
  width: 15px;
  height: 14px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.user-preview___selectRoleHeading___2mJ14 {
  background: #EEEBEB;
  border-radius: 10px 10px 0px 0px;
  padding: 10px;
  font-size: 15px;
  font-weight: 550;
  position: relative;
  margin-bottom: 10px; }

.user-preview___crossTempData___2OjKv {
  width: 12px;
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer; }

.user-preview___tempDataContainer___1QI7N {
  display: flex;
  flex-flow: column; }

.user-preview___cancelBarAddRole___1pQhu {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  margin-right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d;
  margin-bottom: 20px;
  margin-left: auto; }

.user-preview___cancelBarAddRole___1pQhu:hover {
  background: #F7F7F8; }

.user-preview___submitBarAddRole___33A8z {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.user-preview___genderSelectIcon___2-jAK {
  width: 59.54px;
  height: 59.54px;
  margin-right: 26.66px; }

.user-preview___selectedRole___3JaOV {
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px; }

.user-preview___alignDisplayRoles___3RTpK {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  width: 100%; }

.user-preview___loader___390uf,
.user-preview___loader___390uf:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.user-preview___loader___390uf {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: user-preview___load8___1z53d 1.1s infinite linear;
  animation: user-preview___load8___1z53d 1.1s infinite linear; }

@-webkit-keyframes user-preview___load8___1z53d {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes user-preview___load8___1z53d {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.users-list___rejectedStatus___3psg1 {
  display: flex;
  align-self: end;
  margin-left: 5px;
  height: 16px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #e94848;
  position: absolute;
  left: 210px;
  font-size: 10px;
  line-height: 12px;
  margin-top: 36px;
  background: rgba(233, 72, 72, 0.1);
  border-radius: 25px;
  text-transform: capitalize; }

.users-list___acceptedStatus___3hEqn {
  display: flex;
  align-self: end;
  margin-left: 5px;
  height: 16px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fccf69;
  position: absolute;
  left: 210px;
  font-size: 10px;
  line-height: 12px;
  margin-top: 36px;
  background: rgba(252, 207, 105, 0.1);
  border-radius: 25px;
  text-transform: capitalize; }

.users-list___appliedStatus___YGe9u {
  display: flex;
  align-self: end;
  margin-left: 5px;
  height: 16px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #227df9;
  position: absolute;
  left: 210px;
  font-size: 10px;
  line-height: 12px;
  margin-top: 36px;
  background: rgba(34, 125, 249, 0.1);
  border-radius: 25px;
  text-transform: capitalize; }

.users-list___admittedStatus___3__Gi {
  display: flex;
  align-self: end;
  margin-left: 5px;
  height: 16px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #1bcc63;
  position: absolute;
  left: 210px;
  font-size: 10px;
  line-height: 12px;
  margin-top: 36px;
  background: rgba(27, 204, 99, 0.1);
  border-radius: 25px;
  text-transform: capitalize; }

.application-filter___heading___1stoZ {
  color: #010430;
  line-height: 24px;
  position: relative;
  font-weight: 800;
  font-size: 22px; }

.application-filter___subHeading___3MMVd {
  color: rgba(1, 4, 30, 0.8);
  line-height: 12px;
  margin-top: 6px;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 20px;
  width: 1026px;
  padding-left: 23px;
  margin-left: -23px; }

.application-filter___fieldHeader___1Wk4X {
  display: flex;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  font-weight: 600;
  padding-left: 18px;
  margin-bottom: 18px;
  padding-right: 28px; }

.application-filter___resetButtonHeader___Xnt40 {
  position: absolute;
  color: #227DF9;
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  border: 1px solid rgba(34, 125, 249, 0.4);
  border-radius: 3px;
  padding: 3px 13px 3px 13px;
  right: 10px;
  cursor: pointer; }

.application-filter___optionsContainer___3KzdE {
  position: relative;
  font-size: 13px;
  color: rgba(1, 4, 30, 0.6); }

.application-filter___arrowShow___3TQ95 {
  width: 25px;
  height: 16px;
  margin-right: 50px;
  margin-top: 0px;
  cursor: pointer;
  z-index: 100; }

/* The container */
.application-filter___container___3z1eo {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.6);
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  font-size: 13px; }

/* Hide the browser's default checkbox */
.application-filter___container___3z1eo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.application-filter___checkmark___2SU1o {
  position: absolute;
  top: 0;
  right: 20px;
  height: 15px;
  border: 1px solid #717C8A;
  width: 15px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #eee;
  transition: all 0.2s ease-in-out; }

/* On mouse-over, add a grey background color */
.application-filter___container___3z1eo:hover input ~ .application-filter___checkmark___2SU1o {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.application-filter___container___3z1eo input:checked ~ .application-filter___checkmark___2SU1o {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.application-filter___checkmark___2SU1o:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.application-filter___container___3z1eo input:checked ~ .application-filter___checkmark___2SU1o:after {
  display: block; }

/* Style the checkmark/indicator */
.application-filter___container___3z1eo .application-filter___checkmark___2SU1o:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.application-filter___deactiveIcon___2oUoK {
  height: 25px;
  width: 25px;
  margin-right: 10px; }

.application-filter___genderImageIcon___1JJQM {
  width: 67px;
  height: 67px;
  margin-right: 15px;
  cursor: pointer; }

.application-filter___cancelTopButton___3GYl9 {
  position: absolute;
  right: 119.93px;
  border: 1.5px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 134px;
  line-height: 38px;
  text-align: center;
  height: 36px;
  bottom: 16px;
  color: #92929D;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 15px; }

.application-filter___submitTopButton___2GbfF {
  position: absolute;
  right: -42.73px;
  border-radius: 5px;
  color: #FFFFFF;
  background: #227DF9;
  cursor: pointer;
  width: 134px;
  line-height: 38px;
  bottom: 16px;
  text-align: center;
  height: 39px;
  font-weight: 400;
  font-size: 15px; }

.application-filter___sectionElement___1VsIw {
  margin-left: 35px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 14px;
  position: relative;
  height: 25px;
  margin-top: 5px; }

.application-filter___scrollbar___3YxJ8 {
  overflow-y: scroll; }

.application-filter___scrollbar___3YxJ8::-webkit-scrollbar {
  width: 5px; }

.application-filter___scrollbar___3YxJ8::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.application-filter___transitionClass___3OCfy {
  transition: all 0.5s ease-in-out; }

.application-filter___checkBoxContainer___1mfYa {
  position: absolute;
  right: 2px;
  top: 0; }

.add-application-preview___topContainer___2wT81 {
  display: flex;
  flex-flow: column; }

.add-application-preview___header___DAoiG {
  width: 500px;
  font-size: 22px;
  color: #1F2028;
  line-height: 41px;
  margin-left: 17px;
  font-weight: 800;
  border-bottom: 1px solid #F1F1F5; }

.add-application-preview___crossTop___Eu-Qt {
  width: 18px;
  height: 18px;
  right: 20px;
  cursor: pointer;
  position: absolute; }

.add-application-preview___invalidMessageNew___2YkiL {
  position: relative;
  color: #FF3653;
  font-size: 12px;
  display: none; }

.add-application-preview___headingRule___3gnLz {
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  margin-top: 24px;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-flow: column; }

.add-application-preview___infoTop___1bUmI {
  text-align: left;
  font-size: 16px;
  margin-left: 38.79px;
  margin-top: 16px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.8);
  display: flex;
  flex-flow: column; }

.add-application-preview___uploadAvatar___FAkUQ {
  cursor: pointer;
  height: 104.87px;
  width: 105.76px;
  border-radius: 10px;
  object-fit: cover; }

.add-application-preview___uploadIconImage___mb4HF {
  width: 12px;
  height: 11px;
  margin-right: 5px; }

.add-application-preview___uploadIcon___2FHoc {
  color: #444444;
  border: 0.5px solid #979797;
  width: 50px;
  display: flex;
  border-radius: 5px;
  cursor: pointer;
  font-size: 11px;
  padding: 4px;
  margin-top: -10px;
  margin-left: 20px;
  background: #FFFFFF; }

.add-application-preview___floatingLabel___30clK {
  position: relative;
  margin-bottom: 10px; }
  .add-application-preview___floatingLabel___30clK label {
    position: absolute;
    top: 14px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-application-preview___floatingLabel___30clK input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 36.8px; }
  .add-application-preview___floatingLabel___30clK input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-application-preview___floatingLabel___30clK input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-application-preview___floatingLabel___30clK input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-application-preview___floatingLabel___30clK input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-application-preview___floatingLabel___30clK input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-application-preview___floatingLabel___30clK .add-application-preview___invalidMessage___3__5F {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .add-application-preview___floatingLabel___30clK input:invalid + label + .add-application-preview___invalidMessage___3__5F {
    display: block; }

.add-application-preview___invalidMessageMobile___1kqVW {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  position: absolute; }

.add-application-preview___selectDate___1BijK {
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  height: 31px;
  width: 44px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.add-application-preview___selectMonth___1U32U {
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 50.31px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.add-application-preview___selectYear___3iIxo {
  border-radius: 0px 5px 5px 0px;
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 60px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.add-application-preview___scrollbar___ml-0U {
  overflow-y: scroll; }

.add-application-preview___scrollbar___ml-0U::-webkit-scrollbar {
  width: 5px; }

.add-application-preview___scrollbar___ml-0U::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

/* The container */
.add-application-preview___container___2T8j7 {
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.add-application-preview___container___2T8j7 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.add-application-preview___checkmark___32XrT {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.add-application-preview___container___2T8j7:hover input ~ .add-application-preview___checkmark___32XrT {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.add-application-preview___container___2T8j7 input:checked ~ .add-application-preview___checkmark___32XrT {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.add-application-preview___checkmark___32XrT:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.add-application-preview___container___2T8j7 input:checked ~ .add-application-preview___checkmark___32XrT:after {
  display: block; }

/* Style the checkmark/indicator */
.add-application-preview___container___2T8j7 .add-application-preview___checkmark___32XrT:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.add-application-preview___selectClass___35hMJ {
  background: #F2F3F7;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px;
  font-weight: 500;
  font-size: 13px;
  opacity: 0.8; }

.add-application-preview___busIcon___2Ns7a {
  width: 67px;
  height: 67px;
  cursor: pointer; }

.add-application-preview___staffColorScheme___1GKoN {
  margin-top: 20px;
  flex-flow: row;
  background: #F2F3F7;
  width: 200px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 40px; }

.add-application-preview___searchAvatar___3OYPT {
  background: #92929D;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 5px;
  font-size: 13px;
  padding-top: 5px;
  line-height: 22px;
  width: 35px;
  height: 28px;
  text-align: center; }

.add-application-preview___nameSelected___30_OU {
  color: rgba(1, 4, 30, 0.9);
  font-size: 14px;
  margin-top: 5px;
  margin-left: 15px;
  font-weight: 550;
  display: flex;
  flex-flow: column; }

.add-application-preview___staffIdSelected___w2mCW {
  color: rgba(31, 32, 40, 0.9);
  font-weight: 100;
  font-size: 11px;
  margin-top: 2px; }

.add-application-preview___closeIcon___7iweJ {
  width: 18px;
  height: 18px;
  margin-top: 10px;
  padding-left: 10px;
  cursor: pointer; }

.add-application-preview___searchContainer___1Txj3 {
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  border: 1px solid rgba(219, 224, 231, 0.5);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(219, 224, 231, 0.5); }

.add-application-preview___searchResultContainer___1CEfe {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  line-height: 17px;
  margin-left: 20px;
  margin-top: 10px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550; }

.add-application-preview___staffIdNo___3WxFq {
  font-size: 11px;
  color: rgba(31, 32, 40, 0.7);
  text-align: left;
  line-height: 13px;
  margin-bottom: 10px; }

.add-application-preview___valueAddedSubjectsBottom___1nG71 {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin: 10px;
  border-radius: 5px; }

.add-application-preview___selectedValueAddedSubjectContainer___J3E7z {
  background: #0062FF;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  border-radius: 13px;
  box-sizing: border-box;
  margin-left: 15px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  height: 24px;
  min-width: 90.65px;
  text-align: center;
  padding-left: 10px;
  display: flex; }

.add-application-preview___valueAddedSubjectContainer___DOkE4 {
  border-radius: 13px;
  background: #F7F7F7;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  height: 26px;
  padding-left: 20px;
  padding-top: 6px;
  padding-right: 20px;
  font-size: 14px;
  color: #010430;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px; }

.add-application-preview___submitDiv___2NxZd {
  width: 113px;
  height: 40px;
  line-height: 40px;
  background: #1BCC63;
  border-radius: 5px;
  font-size: 15px;
  right: 10px;
  align-self: flex-end;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer; }

.add-application-preview___selectRole___1D1xs {
  background: #F2F3F7;
  border-radius: 5px;
  cursor: pointer;
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px;
  border: none;
  width: 200px;
  font-weight: 600;
  height: 40px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px; }

.add-application-preview___headerTopBar___3SXW9 {
  position: relative;
  border-radius: 15px 15px 0px 0px;
  padding: 10px;
  background: #EEEBEB;
  margin-bottom: 15px;
  display: flex; }

.add-application-preview___arrangeRoles___3otBL {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 15px;
  cursor: initial; }

.add-application-preview___myOwnLabel___DqkCX {
  position: relative;
  font-size: 10px; }

.add-application-preview___arrangeFooter___2u6VT {
  display: flex; }

.add-application-preview___cancelFooterButton___23rLP {
  border: 1px solid rgba(1, 4, 30, 0.6);
  position: relative;
  margin-left: 32%;
  margin-bottom: 6%;
  box-sizing: border-box;
  border-radius: 5px;
  color: #676883;
  padding: 3px;
  cursor: pointer; }

.add-application-preview___submitFooterButton___5wZ1h {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 5px;
  margin-left: 10px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  height: 40%;
  font-weight: initial; }

.add-application-preview___borderLessCross___3XEyn {
  width: 15px;
  height: 14px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.add-application-preview___selectRoleHeading___K1Nm5 {
  background: #EEEBEB;
  border-radius: 10px 10px 0px 0px;
  padding: 10px;
  font-size: 15px;
  font-weight: 550;
  position: relative;
  margin-bottom: 10px; }

.add-application-preview___crossTempData___wGmGy {
  width: 12px;
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer; }

.add-application-preview___tempDataContainer___19n43 {
  display: flex;
  flex-flow: column;
  max-height: 340px;
  overflow-y: scroll; }

.add-application-preview___cancelBarAddRole___2WqEJ {
  font-weight: initial;
  border: 1px solid rgba(1, 4, 30, 0.6);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 2px;
  color: rgba(1, 4, 30, 0.6);
  cursor: pointer;
  margin-left: 50%;
  margin-bottom: 12px; }

.add-application-preview___submitBarAddRole___2cTC2 {
  background: #227DF9;
  border-radius: 5px;
  font-weight: initial;
  color: #FFFFFF;
  padding: 2px;
  margin-bottom: 12px;
  margin-left: 15px;
  cursor: pointer; }

.add-application-preview___genderSelectIcon___1dgIr {
  width: 59.54px;
  height: 59.54px;
  margin-right: 26.66px; }

.add-application-preview___selectedRole___3wfBy {
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px; }

.add-application-preview___alignDisplayRoles___ISyZt {
  display: flex; }

.add-application-preview___loader___JXapS,
.add-application-preview___loader___JXapS:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-application-preview___loader___JXapS {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-application-preview___load8___-lP3K 1.1s infinite linear;
  animation: add-application-preview___load8___-lP3K 1.1s infinite linear; }

@-webkit-keyframes add-application-preview___load8___-lP3K {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-application-preview___load8___-lP3K {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-application-preview___uploadSection___1Toaf {
  width: 83%;
  margin: 25px auto; }

.add-application-preview___fileItem___NV5ya {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .add-application-preview___fileItem___NV5ya .add-application-preview___crossBtn___1pMM4 {
    position: absolute;
    width: 10px;
    right: 8px;
    top: 8px;
    z-index: 100;
    cursor: pointer; }
  .add-application-preview___fileItem___NV5ya .add-application-preview___fileName___28zq9 {
    font-size: 14px;
    margin: 5px 10px;
    opacity: 0.6; }
  .add-application-preview___fileItem___NV5ya .add-application-preview___fileSize___3fNSa {
    font-size: 9px;
    margin: 5px 10px;
    opacity: 0.6; }

.add-application-preview___uploadContainer___sVPh0 {
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .add-application-preview___uploadContainer___sVPh0 .add-application-preview___uploadText___19_gt {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: 600;
    font-size: 13px; }
  .add-application-preview___uploadContainer___sVPh0 .add-application-preview___uploadFiles___11byG {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: normal;
    font-size: 11px; }

.add-application-preview___addBtn___29ZTh {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  background: #227DF9;
  border: 1.5px solid #227DF9;
  border-radius: 3px;
  color: #fff;
  cursor: pointer; }
  .add-application-preview___addBtn___29ZTh .add-application-preview___addText___2AczY {
    display: inline-block;
    font-size: 20px;
    margin: 12px;
    margin-left: 50px; }
  .add-application-preview___addBtn___29ZTh .add-application-preview___addIcon___2nMX8 {
    position: absolute;
    width: 28px;
    top: 10px;
    left: 10px; }

.edit-applications-forms___topContainer___3CZyh {
  display: flex;
  flex-flow: column; }

.edit-applications-forms___header___TFlx4 {
  width: 500px;
  font-size: 22px;
  color: #1F2028;
  line-height: 41px;
  margin-left: 17px;
  font-weight: 800;
  border-bottom: 1px solid #F1F1F5; }

.edit-applications-forms___crossTop___3xilo {
  width: 18px;
  height: 18px;
  right: 20px;
  cursor: pointer;
  position: absolute; }

.edit-applications-forms___invalidMessageNew___2oa-j {
  position: relative;
  color: #FF3653;
  font-size: 12px;
  display: none; }

.edit-applications-forms___headingRule___3kGHz {
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  margin-top: 24px;
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-flow: column; }

.edit-applications-forms___infoTop___3eJu3 {
  text-align: left;
  font-size: 16px;
  margin-left: 38.79px;
  margin-top: 16px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.8);
  display: flex;
  flex-flow: column; }

.edit-applications-forms___uploadAvatar___2laZf {
  cursor: pointer;
  height: 114.87px;
  width: 105.76px;
  border-radius: 10px;
  object-fit: cover; }

.edit-applications-forms___uploadIconImage___2tzGe {
  width: 12px;
  height: 11px;
  margin-right: 5px; }

.edit-applications-forms___uploadIcon___3WBwE {
  color: #444444;
  border: 0.5px solid #979797;
  width: 50px;
  display: flex;
  border-radius: 5px;
  cursor: pointer;
  font-size: 11px;
  padding: 4px;
  margin-top: -10px;
  margin-left: 20px;
  background: #FFFFFF; }

.edit-applications-forms___floatingLabel___6bt_h {
  position: relative;
  margin-bottom: 10px; }
  .edit-applications-forms___floatingLabel___6bt_h label {
    position: absolute;
    top: 14px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-applications-forms___floatingLabel___6bt_h input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 36.8px; }
  .edit-applications-forms___floatingLabel___6bt_h input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-applications-forms___floatingLabel___6bt_h input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-applications-forms___floatingLabel___6bt_h input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-applications-forms___floatingLabel___6bt_h input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-applications-forms___floatingLabel___6bt_h input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-applications-forms___floatingLabel___6bt_h .edit-applications-forms___invalidMessage___MPGFU {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .edit-applications-forms___floatingLabel___6bt_h input:invalid + label + .edit-applications-forms___invalidMessage___MPGFU {
    display: block; }

.edit-applications-forms___invalidMessageMobile___1HIeK {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  position: absolute; }

.edit-applications-forms___selectDate___3f3Ct {
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  height: 31px;
  width: 44px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.edit-applications-forms___selectMonth___Ruysi {
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 50.31px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.edit-applications-forms___selectYear___Qa_5X {
  border-radius: 0px 5px 5px 0px;
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  width: 60px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.7; }

.edit-applications-forms___scrollbar___2C-sv {
  overflow-y: scroll; }

.edit-applications-forms___scrollbar___2C-sv::-webkit-scrollbar {
  width: 5px; }

.edit-applications-forms___scrollbar___2C-sv::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

/* The container */
.edit-applications-forms___container___3w5dl {
  display: block;
  margin-left: 20px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.edit-applications-forms___container___3w5dl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.edit-applications-forms___checkmark___SlcZw {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.edit-applications-forms___container___3w5dl:hover input ~ .edit-applications-forms___checkmark___SlcZw {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.edit-applications-forms___container___3w5dl input:checked ~ .edit-applications-forms___checkmark___SlcZw {
  width: 15px;
  background-color: #0062FF;
  height: 15px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.edit-applications-forms___checkmark___SlcZw:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.edit-applications-forms___container___3w5dl input:checked ~ .edit-applications-forms___checkmark___SlcZw:after {
  display: block; }

/* Style the checkmark/indicator */
.edit-applications-forms___container___3w5dl .edit-applications-forms___checkmark___SlcZw:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 7px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.edit-applications-forms___selectClass___Jr-4g {
  background: #F2F3F7;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px;
  font-weight: 500;
  font-size: 13px;
  opacity: 0.8; }

.edit-applications-forms___busIcon___1pZV8 {
  width: 67px;
  height: 67px;
  cursor: pointer; }

.edit-applications-forms___staffColorScheme___l233S {
  margin-top: 20px;
  flex-flow: row;
  background: #F2F3F7;
  width: 200px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  height: 40px; }

.edit-applications-forms___searchAvatar___2vtTe {
  background: #92929D;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 5px;
  font-size: 13px;
  padding-top: 5px;
  line-height: 22px;
  width: 35px;
  height: 28px;
  text-align: center; }

.edit-applications-forms___nameSelected___22FLR {
  color: rgba(1, 4, 30, 0.9);
  font-size: 14px;
  margin-top: 5px;
  margin-left: 15px;
  font-weight: 550;
  display: flex;
  flex-flow: column; }

.edit-applications-forms___staffIdSelected___84VkN {
  color: rgba(31, 32, 40, 0.9);
  font-weight: 100;
  font-size: 11px;
  margin-top: 2px; }

.edit-applications-forms___closeIcon___u4h-M {
  width: 18px;
  height: 18px;
  margin-top: 10px;
  padding-left: 10px;
  cursor: pointer; }

.edit-applications-forms___searchContainer___XLW3b {
  display: flex;
  flex-flow: column;
  border-radius: 5px;
  border: 1px solid rgba(219, 224, 231, 0.5);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(219, 224, 231, 0.5); }

.edit-applications-forms___searchResultContainer___1A6JN {
  display: flex;
  flex-flow: column;
  font-size: 14px;
  line-height: 17px;
  margin-left: 20px;
  margin-top: 10px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550; }

.edit-applications-forms___staffIdNo___1r3F7 {
  font-size: 11px;
  color: rgba(31, 32, 40, 0.7);
  text-align: left;
  line-height: 13px;
  margin-bottom: 10px; }

.edit-applications-forms___valueAddedSubjectsBottom___1k-8D {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin: 10px;
  border-radius: 5px; }

.edit-applications-forms___selectedValueAddedSubjectContainer___3xgd5 {
  background: #0062FF;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  border-radius: 13px;
  box-sizing: border-box;
  margin-left: 15px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  height: 24px;
  min-width: 90.65px;
  text-align: center;
  padding-left: 10px;
  display: flex; }

.edit-applications-forms___valueAddedSubjectContainer___1xG9c {
  border-radius: 13px;
  background: #F7F7F7;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  box-sizing: border-box;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  height: 26px;
  padding-left: 20px;
  padding-top: 6px;
  padding-right: 20px;
  font-size: 14px;
  color: #010430;
  margin-left: 15px;
  margin-top: 15px;
  margin-bottom: 15px; }

.edit-applications-forms___submitDiv___h1VKX {
  width: 113px;
  height: 40px;
  line-height: 40px;
  background: #1BCC63;
  border-radius: 5px;
  font-size: 15px;
  right: 10px;
  align-self: flex-end;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer; }

.edit-applications-forms___selectRole___1lc4h {
  background: #F2F3F7;
  border-radius: 5px;
  cursor: pointer;
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px;
  border: none;
  width: 200px;
  font-weight: 600;
  height: 40px;
  padding-left: 15px;
  margin-top: 20px;
  margin-right: 30px; }

.edit-applications-forms___headerTopBar___317tW {
  position: relative;
  border-radius: 15px 15px 0px 0px;
  padding: 10px;
  background: #EEEBEB;
  margin-bottom: 15px;
  display: flex; }

.edit-applications-forms___arrangeRoles___neljp {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 15px;
  cursor: initial; }

.edit-applications-forms___myOwnLabel___3kFmC {
  position: relative;
  font-size: 10px; }

.edit-applications-forms___arrangeFooter___1Ylpp {
  display: flex; }

.edit-applications-forms___cancelFooterButton___O8qbu {
  border: 1px solid rgba(1, 4, 30, 0.6);
  position: relative;
  margin-left: 32%;
  margin-bottom: 6%;
  box-sizing: border-box;
  border-radius: 5px;
  color: #676883;
  padding: 3px;
  cursor: pointer; }

.edit-applications-forms___submitFooterButton___MxuYD {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 5px;
  margin-left: 10px;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  height: 40%;
  font-weight: initial; }

.edit-applications-forms___borderLessCross___2IQZ6 {
  width: 15px;
  height: 14px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.edit-applications-forms___selectRoleHeading___1Hjb6 {
  background: #EEEBEB;
  border-radius: 10px 10px 0px 0px;
  padding: 10px;
  font-size: 15px;
  font-weight: 550;
  position: relative;
  margin-bottom: 10px; }

.edit-applications-forms___crossTempData___IGQnP {
  width: 12px;
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer; }

.edit-applications-forms___tempDataContainer___kLN3U {
  display: flex;
  flex-flow: column;
  max-height: 340px;
  overflow-y: scroll; }

.edit-applications-forms___cancelBarAddRole___37HQx {
  font-weight: initial;
  border: 1px solid rgba(1, 4, 30, 0.6);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 2px;
  color: rgba(1, 4, 30, 0.6);
  cursor: pointer;
  margin-left: 50%;
  margin-bottom: 12px; }

.edit-applications-forms___submitBarAddRole___2qr8M {
  background: #227DF9;
  border-radius: 5px;
  font-weight: initial;
  color: #FFFFFF;
  padding: 2px;
  margin-bottom: 12px;
  margin-left: 15px;
  cursor: pointer; }

.edit-applications-forms___genderSelectIcon___VuPap {
  width: 59.54px;
  height: 59.54px;
  margin-right: 26.66px; }

.edit-applications-forms___selectedRole___39yUb {
  font-size: 10px;
  font-weight: normal;
  margin-top: 5px; }

.edit-applications-forms___alignDisplayRoles___mImsT {
  display: flex; }

.edit-applications-forms___loader___2z582,
.edit-applications-forms___loader___2z582:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-applications-forms___loader___2z582 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-applications-forms___load8___scB4O 1.1s infinite linear;
  animation: edit-applications-forms___load8___scB4O 1.1s infinite linear; }

@-webkit-keyframes edit-applications-forms___load8___scB4O {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-applications-forms___load8___scB4O {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-applications-forms___uploadSection___3PJU9 {
  height: 50px;
  width: 83%;
  margin: 25px auto; }

.edit-applications-forms___fileItem___2FYSy {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .edit-applications-forms___fileItem___2FYSy .edit-applications-forms___crossBtn___2wyix {
    position: absolute;
    width: 10px;
    right: 8px;
    top: 8px;
    z-index: 100;
    cursor: pointer; }
  .edit-applications-forms___fileItem___2FYSy .edit-applications-forms___fileName___2NGmI {
    font-size: 14px;
    margin: 5px 10px;
    opacity: 0.6; }
  .edit-applications-forms___fileItem___2FYSy .edit-applications-forms___fileSize___lT-sK {
    font-size: 9px;
    margin: 5px 10px;
    opacity: 0.6; }

.edit-applications-forms___uploadContainer___2Bxu_ {
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .edit-applications-forms___uploadContainer___2Bxu_ .edit-applications-forms___uploadText___3dLol {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: 600;
    font-size: 13px; }
  .edit-applications-forms___uploadContainer___2Bxu_ .edit-applications-forms___uploadFiles___1FRN4 {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: normal;
    font-size: 11px; }

.edit-applications-forms___addBtn___2d8vb {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  background: #227DF9;
  border: 1.5px solid #227DF9;
  border-radius: 3px;
  color: #fff;
  cursor: pointer; }
  .edit-applications-forms___addBtn___2d8vb .edit-applications-forms___addText___15GBV {
    display: inline-block;
    font-size: 20px;
    margin: 12px;
    margin-left: 50px; }
  .edit-applications-forms___addBtn___2d8vb .edit-applications-forms___addIcon___36bOv {
    position: absolute;
    width: 28px;
    top: 10px;
    left: 10px; }

.get-fee-estimates___feeEstimateHeading___1uJiN {
  color: #010430;
  font-size: 22px;
  font-weight: 800;
  display: flex;
  margin-left: 28.42px;
  margin-top: 18.31px; }

.get-fee-estimates___bottomTagLine___2X_B2 {
  font-size: 13px;
  color: rgba(1, 4, 30, 0.4);
  border-bottom: 0.5px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px;
  margin-left: 28.42px; }

.get-fee-estimates___classHeading___QD59- {
  font-weight: 600;
  font-size: 18px;
  color: #010430;
  line-height: 21px;
  margin-left: 28px;
  margin-top: 7px; }

.get-fee-estimates___feeType___3OSWO {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  opacity: 0.8;
  color: #010430;
  margin-left: 28px;
  margin-top: 3px; }

.get-fee-estimates___discountCategories___14avz {
  max-width: 360px;
  min-width: 160px;
  height: 47px;
  width: fit-content;
  border-radius: 5px;
  background: #F2F3F7;
  margin-top: 20px;
  margin-right: 35px;
  color: rgba(1, 4, 30, 0.8);
  line-height: 54px;
  text-align: center;
  font-size: 13px;
  position: relative;
  padding: 0 10px;
  margin-left: auto; }
  .get-fee-estimates___discountCategories___14avz span {
    font-size: 10px;
    position: absolute;
    left: 10px;
    line-height: 15px; }

.get-fee-estimates___feeMonthText___25xGs {
  margin-left: 43px;
  opacity: 0.8;
  color: #010430;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-top: 38px; }

.get-fee-estimates___joiningMonth___1maxC {
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.7);
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.7;
  height: 31px;
  background: white;
  border-radius: 5px;
  margin-top: 30px;
  margin-left: 20px; }

.get-fee-estimates___calendarIcon___GBL9u {
  height: 21.32px;
  width: 21.34px;
  margin-left: 11.55px;
  margin-top: 35px; }

.get-fee-estimates___feeSection___3fUDf {
  display: flex;
  flex-flow: column;
  position: relative;
  border-top: 1px solid #F1F1F5;
  margin-top: 28px; }

.get-fee-estimates___academicFeesHeading___3Omd- {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-top: 13px;
  margin-left: 41px; }

.get-fee-estimates___displayIcon___1NyBf {
  display: flex;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-left: 67px;
  margin-top: 15px;
  cursor: pointer; }

.get-fee-estimates___bluePencilIcon___j9M9E {
  width: 13.77px;
  height: 15.64px;
  margin-right: 5px; }

.get-fee-estimates___rowHeader___1A4F5 {
  display: flex; }

.get-fee-estimates___tableComponent___eZx-Q {
  margin-left: 56px;
  color: rgba(1, 4, 30, 0.6);
  margin-top: 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.get-fee-estimates___tableComponent___eZx-Q tr td {
  padding-top: 20px; }

.get-fee-estimates___floatingLabel___2xNQh {
  position: relative; }
  .get-fee-estimates___floatingLabel___2xNQh label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .get-fee-estimates___floatingLabel___2xNQh input {
    background: #F2F3F7;
    border: none;
    padding-top: 10px;
    outline: none;
    width: 95px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 29px; }
  .get-fee-estimates___floatingLabel___2xNQh input:not(:placeholder-shown) + label {
    opacity: .7;
    font-size: 10px;
    left: 10px;
    top: 0px; }
  .get-fee-estimates___floatingLabel___2xNQh input:focus + label {
    opacity: .7;
    font-size: 10px;
    left: 10px;
    top: 0px; }
  .get-fee-estimates___floatingLabel___2xNQh input:focus::-webkit-input-placeholder {
    color: transparent; }
  .get-fee-estimates___floatingLabel___2xNQh input:focus {
    border-bottom: 1px solid #0062FF; }
  .get-fee-estimates___floatingLabel___2xNQh .get-fee-estimates___invalidMessage___2y5jt {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .get-fee-estimates___floatingLabel___2xNQh input:invalid + label + .get-fee-estimates___invalidMessage___2y5jt {
    display: block; }

.get-fee-estimates___warningMessage___2Gfuc {
  font-size: 10px;
  color: #FF3653;
  margin-left: 43px;
  margin-right: 28px;
  margin-top: auto; }

.get-fee-estimates___rupeeSymbol___1h8dk {
  width: 10.93px;
  height: 17px;
  margin-left: 10px;
  margin-top: 10px; }

.get-fee-estimates___percentageSymbol___19u1_ {
  width: 15px;
  height: 16px;
  margin-left: 10px;
  margin-top: 10px; }

.get-fee-estimates___totalContainer___2dN4n {
  display: flex;
  margin-left: auto;
  margin-right: 69px;
  margin-top: 21px; }

.get-fee-estimates___totalText___3KqUI {
  font-weight: 500;
  font-size: 18px;
  line-height: 50px;
  color: #010430;
  margin-right: 10px; }

.get-fee-estimates___totalAmount___1Ypn2 {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.8);
  padding: 15px 10px;
  border-top: 1px solid #010430; }

.get-fee-estimates___confirmButton___1Dn6G {
  width: 332px;
  height: 32px;
  align-self: center;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  margin-right: 17.46px;
  line-height: 32px;
  background: #1BCC63;
  color: #FFFFFF;
  margin-top: auto;
  margin-bottom: 20px;
  cursor: pointer; }

.get-fee-estimates___academicFeeMonth___2tkDr {
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  margin-top: 13px;
  margin-left: 11px; }

.add-attachments___addPhotos___2AOdD {
  color: #010430;
  width: 100%;
  font-size: 22px;
  position: relative;
  font-weight: 800;
  display: flex; }

.add-attachments___horizontalRule___nawMV {
  border: 0.5px solid #F1F1F5;
  margin-top: 10px; }

.add-attachments___uploadPhotoContainer___2spnu {
  display: flex;
  flex-wrap: wrap; }

.add-attachments___addIconContainer___3yRC7 {
  width: 90px;
  height: 73.13px;
  margin: 15px;
  border-radius: 5px;
  object-fit: cover;
  background: #f2f2f2;
  cursor: pointer;
  padding: 24px;
  padding-left: 36px;
  margin-left: 2px; }

.add-attachments___addIconContainerImages___2Flv8 {
  width: 150px;
  height: 121.13px;
  margin: 15px;
  border-radius: 5px;
  object-fit: cover;
  background: #f2f2f2;
  cursor: pointer;
  display: flex; }

.add-attachments___imageContainer___3CHpW:hover .add-attachments___addIconContainerImages___2Flv8 {
  border: 3px solid #227DF9;
  width: 144px;
  height: 115.13px; }

.add-attachments___imageContainer___3CHpW:hover .add-attachments___crossItem___2HMfF {
  display: block; }

.add-attachments___crossItem___2HMfF {
  position: absolute;
  width: 15px;
  right: 22px;
  top: 19px;
  cursor: pointer;
  display: none; }

.add-attachments___topHeadingCross___3lhqT {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 30px;
  cursor: pointer;
  z-index: 100;
  top: 20px; }

.add-attachments___addPhotosButton___1h1v6 {
  margin-right: auto;
  width: 368px;
  height: 40px;
  background: #227DF9;
  color: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  margin-top: auto;
  margin-left: auto; }

.add-attachments___displayImageDesign___1eX38 {
  width: 50px;
  margin-top: 15px;
  margin-left: 10px;
  height: 62.11px; }

.add-attachments___fileNameContainer___23CXA {
  text-transform: capitalize;
  margin-top: 20px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-left: 10px;
  margin-right: 5px;
  word-break: break-all; }

.add-attachments___fileSizeContainer___1EMhf {
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  line-height: 20px;
  mix-blend-mode: normal;
  margin-left: 10px; }

.student-applications___bottomContent___9SNEP {
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 0;
  right: 0;
  display: flex; }

.student-applications___mainCard___1y7V1 {
  background: #EEEBEB;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1401px) {
  .student-applications___mainCard___1y7V1 {
    width: 913px; } }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .student-applications___mainCard___1y7V1 {
    width: 797.28px; } }

.menu-item___mainCard___38S39 {
  background: #FFFFFF;
  position: absolute;
  right: 0px;
  bottom: 0px;
  top: 0px;
  left: 270px;
  overflow-y: scroll; }

.account-settings___workspaceHeading___1DzEg {
  color: #010430;
  font-size: 25px;
  font-weight: 800;
  margin-left: 40px;
  margin-top: 24px;
  margin-bottom: 15px; }

.account-settings___scrollbar___1nQ3j {
  overflow-y: scroll;
  overflow-x: hidden; }

.account-settings___scrollbar___1nQ3j::-webkit-scrollbar {
  width: 5px; }

.account-settings___scrollbar___1nQ3j::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(113, 124, 138, 0.6); }

.account-settings___workspaceContainer___3fkpX {
  width: 957px;
  height: 213px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: flex; }

.account-settings___workspaceContainerSession___3j_rd {
  width: 957px;
  height: 267px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-flow: column;
  position: relative; }

.account-settings___workspaceContainerPayments___25JDD {
  width: 957px;
  height: 267px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 30px;
  display: flex;
  flex-flow: column;
  position: relative; }

.account-settings___workspaceContainerSubject___1FR5R {
  width: 957px;
  height: 234px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-flow: column;
  position: relative; }

.account-settings___headingContainer___u_Jm7 {
  display: flex;
  flex-flow: column; }

.account-settings___heading___3UJjJ {
  color: #010430;
  font-size: 22px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 20px;
  margin-left: 30px; }

.account-settings___matter___2CLrh {
  color: #010430;
  opacity: 0.7;
  font-size: 13px;
  margin-left: 30px;
  margin-top: 10px;
  line-height: 18px; }

.account-settings___schoolInfoContainer___1xSja {
  width: 341px;
  height: 175px;
  margin-right: 50px;
  background: #F7F7F8;
  margin-top: 20px;
  margin-left: 26px;
  border-radius: 10px;
  display: flex; }

.account-settings___schoolAvatar___m8nd6 {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  margin-left: 16px;
  margin-top: 25px;
  object-fit: cover; }

.account-settings___schoolInfocontainer___2ZW6a {
  display: flex;
  flex-flow: column; }

.account-settings___schoolNameContainer___1d6m9 {
  color: #010430;
  font-size: 15px;
  font-weight: 600;
  opacity: 0.65;
  text-transform: capitalize;
  margin-top: 40px;
  margin-left: 15px; }

.account-settings___schoolAddress___2Ef0H {
  margin-top: 18px;
  color: #010430;
  opacity: 0.4;
  margin-right: 10px;
  margin-left: 15px;
  font-size: 11px;
  word-break: break-all; }

.account-settings___optionsContainer___3aHlx {
  color: #227DF9;
  border-radius: 0px 0px 11px 11px;
  font-size: 13px;
  font-weight: 600;
  border-top: 1px solid #EEEBEB;
  width: 910px;
  position: absolute;
  bottom: 1px;
  padding: 15px 15px 15px 30px;
  cursor: pointer; }

.account-settings___optionsContainer___3aHlx:hover {
  background: #F7F7F8; }

.account-settings___sessionInfo___1SZZn {
  width: 164.84px;
  height: 178.73px;
  margin-left: 76px;
  margin-right: 50px;
  margin-top: -25px; }

.account-settings___subjectInfo___14ziO {
  width: 205.09px;
  height: 137.14px;
  margin-left: 76px;
  margin-right: 50px;
  margin-top: -6px; }

.account-settings___paymentInfo___3E9LJ {
  width: 168.59px;
  height: 186px;
  margin-left: 76px;
  margin-right: 50px;
  margin-top: -17px; }

.account-settings___termsAndConditionFooter___17PhM {
  font-size: 11px;
  margin-bottom: 180px;
  margin-top: 133px;
  line-height: 12px;
  color: #010430;
  padding-top: 14px;
  opacity: 0.6;
  margin-left: 20px;
  border-top: 2px solid #EEEBEB; }

.account-settings___bullet___3Qpqa {
  height: 6px;
  width: 6px;
  margin-right: 5px; }

.general___generalHeading___2vWuZ {
  font-size: 25px;
  color: #010430;
  font-weight: 800;
  margin-top: 25px;
  margin-left: 40px; }

.general___bottomSection___3ADV4 {
  width: 957px;
  height: 546px;
  margin-top: 15px;
  margin-bottom: 30px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-left: 27.25px;
  margin-right: 30px; }

.general___messageBottomSection___1LgqL {
  width: 957px;
  height: 230.5px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-left: 27.25px;
  margin-right: 30px; }

.general___languageBottomSection___2g2a8 {
  width: 957px;
  height: 203px;
  margin-top: 30px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-left: 27.25px;
  margin-right: 30px; }

.general___accountSettingHeading___1vQFY {
  font-weight: 600;
  font-size: 22px;
  color: rgba(1, 4, 30, 0.9);
  margin-top: 20px;
  margin-left: 30px; }

.general___contentBottom___2C415 {
  max-width: 700px;
  margin-left: 30px;
  margin-top: 10px;
  line-height: 18px;
  font-size: 13px;
  color: #010430;
  opacity: 0.7; }

.general___subSection___N3tJq {
  border-bottom: 1px solid #EEEBEB;
  position: relative; }

.general___loginHeading___3K9rv {
  font-size: 15px;
  opacity: 0.9;
  color: #010430;
  font-weight: 600;
  margin-left: 30px;
  margin-top: 20px;
  position: relative; }

.general___changePassword___2Yk7z {
  font-size: 13px;
  font-weight: 600;
  color: #227DF9;
  padding: 15px;
  padding-left: 30px;
  border-radius: 0px 0px 8px 8px;
  cursor: pointer; }

.general___changePassword___2Yk7z:hover {
  background: #F7F7F8; }

.general___allowNotificationBox___1-UEX {
  display: flex;
  position: relative;
  background: #F2F3F7;
  padding-left: 35.5px;
  margin-left: 26px;
  margin-top: 30px;
  border-radius: 2px 32px 32px 2px;
  line-height: 43px;
  font-weight: 500;
  font-size: 15px;
  font-weight: 500;
  color: rgba(1, 4, 30, 0.6);
  margin-bottom: 20px;
  width: 608px;
  height: 43px; }

.general___componentIcon___3Lc9- {
  position: absolute;
  top: 11px;
  right: 16.13px;
  cursor: pointer; }

.general___accountSettings___3jZUw {
  position: absolute;
  top: 28px;
  right: 50px;
  width: 162.38px;
  height: 165.69px; }

.general___languageSettings___3fzxM {
  position: absolute;
  top: 34px;
  right: 50px;
  width: 183.23px;
  height: 153px; }

.general___messageSettings___RkbU7 {
  position: absolute;
  top: 19px;
  right: 50px;
  width: 200.78px;
  height: 163.27px; }

.general___notificationIcon___1rTr9 {
  width: 149.76px;
  height: 167px;
  right: 50px;
  top: -12px;
  position: absolute; }

.general___componentIconText___3o38v {
  position: absolute;
  right: 20px;
  cursor: pointer; }

.general___bullet___3AbSB {
  height: 6px;
  width: 6px;
  margin-right: 5px; }

.general___termsAndConditionFooter___2fZ0y {
  font-size: 11px;
  margin-bottom: 178px;
  margin-top: 160px;
  line-height: 12px;
  color: #010430;
  padding-top: 14px;
  opacity: 0.6;
  margin-left: 20px;
  border-top: 2px solid #EEEBEB; }

.change-password___headerComponent___dADvM {
  display: flex;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px; }

.change-password___headerTopic___3_QKL {
  font-weight: 800;
  font-size: 22px; }

.change-password___headerTagLine___3TpS4 {
  opacity: 0.4;
  color: #010430;
  font-size: 13px;
  margin-top: 5px; }

.change-password___crossImageTop___3Byz0 {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px; }

.change-password___currentPasswordHeading___2or2P {
  color: #1F314A;
  font-size: 13px;
  opacity: 0.7;
  margin-top: 24.5px;
  margin-left: 16.69px; }

.change-password___currentPasswordInput___1GEyX {
  width: 418.07px;
  height: 36.69px;
  margin-left: 16.69px;
  padding-left: 20px;
  background: #F2F3F7;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  margin-top: 5px; }

.change-password___saveChangesButton___KU_7G {
  width: 189px;
  height: 38px;
  margin-top: 28px;
  align-self: center;
  line-height: 38px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  background: #227DF9;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  flex-flow: column; }

.change-password___invalidMessage___1UcjA {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.change-password___currentPasswordInput___1GEyX:invalid {
  border: 1px solid #FF3653; }

.change-password___currentPasswordInput___1GEyX:invalid + .change-password___invalidMessage___1UcjA {
  display: block; }

.change-password___loader___1qKu1,
.change-password___loader___1qKu1:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.change-password___loader___1qKu1 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: change-password___load8___2V83F 1.1s infinite linear;
  animation: change-password___load8___2V83F 1.1s infinite linear; }

@-webkit-keyframes change-password___load8___2V83F {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes change-password___load8___2V83F {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.change-password___logoutCheckboxContainer___3f3ga {
  display: flex;
  margin-left: 15px;
  margin-top: 10px; }

.change-password___logoutOfAllDevicesText___15tkp {
  font-size: 13px;
  line-height: 25px; }

.change-password___invalidMessageExist___3rvn1 {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px; }

.change-username___headerComponent___eTuv_ {
  display: flex;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px; }

.change-username___headerTopic___1uFjm {
  font-weight: 800;
  font-size: 22px; }

.change-username___headerTagLine___IQr6P {
  opacity: 0.4;
  color: #010430;
  font-size: 13px;
  margin-top: 5px; }

.change-username___crossImageTop___1ZmdP {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px; }

.change-username___currentPasswordHeading___3f3JV {
  color: #1F314A;
  font-size: 13px;
  opacity: 0.7;
  margin-top: 24.5px;
  margin-left: 16.69px; }

.change-username___currentPasswordInput___3M5Ia {
  width: 418.07px;
  height: 36.69px;
  margin-left: 16.69px;
  padding-left: 20px;
  background: #F2F3F7;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  margin-top: 5px; }

.change-username___saveChangesButton___3DO1x {
  width: 189px;
  height: 38px;
  margin-top: 28px;
  align-self: center;
  line-height: 38px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  background: #227DF9;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  flex-flow: column; }

.change-username___invalidMessage___2TxcO {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.change-username___currentPasswordInput___3M5Ia:invalid {
  border: 1px solid #FF3653; }

.change-username___currentPasswordInput___3M5Ia:invalid + .change-username___invalidMessage___2TxcO {
  display: block; }

.change-username___loader___j2qD8,
.change-username___loader___j2qD8:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.change-username___loader___j2qD8 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: change-username___load8___3riZj 1.1s infinite linear;
  animation: change-username___load8___3riZj 1.1s infinite linear; }

@-webkit-keyframes change-username___load8___3riZj {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes change-username___load8___3riZj {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.change-username___logoutCheckboxContainer___11ZQI {
  display: flex;
  margin-left: 15px;
  margin-top: 10px; }

.change-username___logoutOfAllDevicesText___1dJI7 {
  font-size: 13px;
  line-height: 25px; }

.change-username___invalidMessageExist___28MEr {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px; }

.change-email___headerComponent___1jpX- {
  display: flex;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px; }

.change-email___headerTopic___1sple {
  font-weight: 800;
  font-size: 22px; }

.change-email___headerTagLine___3Y1SY {
  opacity: 0.4;
  color: #010430;
  font-size: 13px;
  margin-top: 5px; }

.change-email___crossImageTop___2Gpr9 {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px; }

.change-email___currentPasswordHeading___2RHQq {
  color: #1F314A;
  font-size: 13px;
  opacity: 0.7;
  margin-top: 24.5px;
  margin-left: 16.69px; }

.change-email___currentPasswordInput___22vbv {
  width: 418.07px;
  height: 36.69px;
  margin-left: 16.69px;
  padding-left: 20px;
  background: #F2F3F7;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  margin-top: 5px; }

.change-email___saveChangesButton___3zKDg {
  width: 189px;
  height: 38px;
  margin-top: 28px;
  align-self: center;
  line-height: 38px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  background: #227DF9;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  flex-flow: column; }

.change-email___invalidMessage___wHTzk {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.change-email___currentPasswordInput___22vbv:invalid {
  border: 1px solid #FF3653; }

.change-email___currentPasswordInput___22vbv:invalid + .change-email___invalidMessage___wHTzk {
  display: block; }

.change-email___loader___1TYsc,
.change-email___loader___1TYsc:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.change-email___loader___1TYsc {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: change-email___load8___2sfaH 1.1s infinite linear;
  animation: change-email___load8___2sfaH 1.1s infinite linear; }

@-webkit-keyframes change-email___load8___2sfaH {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes change-email___load8___2sfaH {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.change-email___logoutCheckboxContainer___12xXX {
  display: flex;
  margin-left: 15px;
  margin-top: 10px; }

.change-email___logoutOfAllDevicesText___2rDdb {
  font-size: 13px;
  line-height: 25px; }

.change-email___invalidMessageExist___5koha {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px; }

.help-and-support___generalHeading___3ctS- {
  font-size: 25px;
  color: #010430;
  font-weight: 800;
  margin-top: 25px;
  margin-left: 40px; }

.help-and-support___bottomSection___3YPND {
  width: 957px;
  margin-top: 15px;
  margin-bottom: 30px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-left: 27.25px;
  margin-right: 30px; }

.help-and-support___messageBottomSection___3XqjP {
  width: 957px;
  height: 230.5px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-left: 27.25px;
  margin-right: 30px; }

.help-and-support___languageBottomSection___3HuCJ {
  width: 957px;
  height: 203px;
  margin-top: 30px;
  border: 0.5px solid rgba(1, 4, 30, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  flex-flow: column;
  margin-left: 27.25px;
  margin-right: 30px; }

.help-and-support___accountSettingHeading___3BrZp {
  font-weight: 600;
  font-size: 22px;
  color: rgba(1, 4, 30, 0.9);
  margin-top: 20px;
  margin-left: 30px; }

.help-and-support___contentBottom___3KQsV {
  max-width: 700px;
  margin-left: 30px;
  margin-top: 10px;
  line-height: 18px;
  font-size: 13px;
  color: #010430;
  opacity: 0.7; }

.help-and-support___subSection___1W6Uw {
  position: relative; }

.help-and-support___loginHeading___1_H3u {
  font-size: 15px;
  opacity: 0.9;
  color: #010430;
  font-weight: 600;
  margin-left: 30px;
  margin-top: 20px;
  position: relative; }

.help-and-support___changePassword___269pE {
  font-size: 13px;
  font-weight: 600;
  color: #227DF9;
  padding: 15px;
  padding-left: 30px;
  border-radius: 0px 0px 8px 8px;
  cursor: pointer;
  border-bottom: none;
  border-top: 1px solid #EEEBEB; }

.help-and-support___changePassword___269pE:hover {
  background: #F7F7F8; }

.help-and-support___allowNotificationBox___1C454 {
  display: flex;
  position: relative;
  background: #F2F3F7;
  padding-left: 35.5px;
  margin-left: 26px;
  margin-top: 30px;
  border-radius: 2px 32px 32px 2px;
  line-height: 43px;
  font-weight: 500;
  font-size: 15px;
  font-weight: 500;
  color: rgba(1, 4, 30, 0.6);
  margin-bottom: 20px;
  width: 608px;
  height: 43px; }

.help-and-support___componentIcon___hHsU6 {
  position: absolute;
  top: 11px;
  right: 16.13px;
  cursor: pointer; }

.help-and-support___accountSettings___1JKOf {
  /* position: absolute; */
  top: 28px;
  right: 50px;
  width: 162.38px;
  height: 165.69px;
  margin: 20px;
  margin-left: auto; }

.help-and-support___languageSettings___1zSCh {
  position: absolute;
  top: 34px;
  right: 50px;
  width: 183.23px;
  height: 153px; }

.help-and-support___messageSettings___A89id {
  position: absolute;
  top: 19px;
  right: 50px;
  width: 200.78px;
  height: 163.27px; }

.help-and-support___notificationIcon___1tM5g {
  width: 149.76px;
  height: 167px;
  right: 50px;
  top: -12px;
  position: absolute; }

.help-and-support___componentIconText___1xOkC {
  position: absolute;
  right: 20px;
  cursor: pointer; }

.help-and-support___bullet___LiMdr {
  height: 6px;
  width: 6px;
  margin-right: 5px; }

.help-and-support___termsAndConditionFooter___1judT {
  font-size: 11px;
  margin-bottom: 178px;
  margin-top: 160px;
  line-height: 12px;
  color: #010430;
  padding-top: 14px;
  opacity: 0.6;
  margin-left: 20px;
  border-top: 2px solid #EEEBEB; }

.feedback___Modal___2kQlv {
  position: fixed;
  z-index: 500;
  background-color: #FFFFFF;
  padding: 0px;
  left: 25%;
  top: 20%;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.feedback___header___2l2NN {
  padding: 0;
  height: 45px;
  width: 100%;
  position: relative;
  border-radius: 15px 15px 0 0;
  border-bottom: 0.5px solid rgba(31, 49, 74, 0.1); }

.feedback___headerText___2sbh0 {
  position: absolute;
  margin-left: 4px;
  padding: 15px;
  font-weight: 500;
  font-size: 15px; }

.feedback___body___1zQwi {
  font-size: 18px;
  font-weight: bold;
  position: relative; }

.feedback___closeButton___2qQmc {
  position: absolute;
  width: 25px;
  right: 15px;
  top: 15px;
  cursor: pointer; }

.feedback___back___2y2WW {
  height: 29px;
  width: 96px;
  position: absolute;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d; }

.feedback___back___2y2WW:hover {
  background: #F7F7F8; }

.feedback___delete___3Ji5B {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer; }

.feedback___input___2I3qR {
  margin: 20px;
  left: 60px;
  padding: 5px;
  padding-top: 10px;
  padding-left: 10px;
  max-height: 382px;
  width: 440px;
  resize: none;
  border: 0.5px solid rgba(31, 49, 74, 0.2);
  font-size: 13px;
  border-radius: 10px;
  height: 122px; }

.feedback___avatar___1r8k3 {
  margin: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  float: left;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  object-fit: cover;
  margin-right: 0; }

.feedback___btnContainer___3245f {
  height: 57px; }

.feedback___invalidMessage___1WNYA {
  font-size: 10px;
  color: #FF3653;
  margin-left: 20px;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: 0; }

.feedback___input___2I3qR:invalid + .feedback___invalidMessage___1WNYA {
  display: block; }

.report-problem___Modal___29TXk {
  position: fixed;
  z-index: 500;
  background-color: #FFFFFF;
  padding: 0px;
  left: 25%;
  top: 20%;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.report-problem___header___6BjkF {
  padding: 0;
  height: 45px;
  width: 100%;
  position: relative;
  border-radius: 15px 15px 0 0;
  border-bottom: 0.5px solid rgba(31, 49, 74, 0.1); }

.report-problem___headerText___1-TZT {
  position: absolute;
  margin-left: 4px;
  padding: 15px;
  font-weight: 500;
  font-size: 15px; }

.report-problem___body___X3qNg {
  font-size: 18px;
  font-weight: bold;
  position: relative; }

.report-problem___closeButton___33HuS {
  position: absolute;
  width: 25px;
  right: 15px;
  top: 15px;
  cursor: pointer; }

.report-problem___back___1xZYy {
  height: 29px;
  width: 96px;
  position: absolute;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d; }

.report-problem___back___1xZYy:hover {
  background: #F7F7F8; }

.report-problem___delete___vvHLk {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer; }

.report-problem___input___1vNnD {
  margin: 20px;
  left: 60px;
  padding: 5px;
  padding-top: 10px;
  padding-left: 10px;
  max-height: 382px;
  width: 440px;
  resize: none;
  border: 0.5px solid rgba(31, 49, 74, 0.2);
  font-size: 13px;
  border-radius: 10px;
  height: 122px; }

.report-problem___avatar___2dJjJ {
  margin: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  float: left;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  object-fit: cover;
  margin-right: 0; }

.report-problem___btnContainer___1q_DP {
  height: 57px; }

.report-problem___invalidMessage___1xyeu {
  font-size: 10px;
  color: #FF3653;
  margin-left: 20px;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: 0; }

.report-problem___input___1vNnD:invalid + .report-problem___invalidMessage___1xyeu {
  display: block; }

.report-problem___uploadSection___1AvO5 {
  width: 83%;
  margin: 25px auto; }

.report-problem___fileItem___rg6dM {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .report-problem___fileItem___rg6dM .report-problem___crossBtn___1iX__ {
    position: absolute;
    width: 10px;
    right: 8px;
    top: 8px;
    z-index: 100;
    cursor: pointer; }
  .report-problem___fileItem___rg6dM .report-problem___fileName___3kAJj {
    font-size: 14px;
    margin: 5px 10px;
    opacity: 0.6; }
  .report-problem___fileItem___rg6dM .report-problem___fileSize___3mY54 {
    font-size: 9px;
    margin: 5px 10px;
    opacity: 0.6; }

.report-problem___uploadContainer___Ro5qk {
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  border: 1.5px solid #01043059;
  border-radius: 3px;
  cursor: pointer; }
  .report-problem___uploadContainer___Ro5qk .report-problem___uploadText___27FSX {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: 600;
    font-size: 13px; }
  .report-problem___uploadContainer___Ro5qk .report-problem___uploadFiles___r3Gi_ {
    margin: 5px 20px;
    opacity: 0.6;
    font-weight: normal;
    font-size: 11px; }

.report-problem___addBtn___W_MsV {
  position: absolute;
  display: inline-block;
  height: 45px;
  width: 120px;
  margin-left: 6px;
  background: #227DF9;
  border: 1.5px solid #227DF9;
  border-radius: 3px;
  color: #fff;
  cursor: pointer; }
  .report-problem___addBtn___W_MsV .report-problem___addText___15ydc {
    display: inline-block;
    font-size: 20px;
    margin: 12px;
    margin-left: 50px; }
  .report-problem___addBtn___W_MsV .report-problem___addIcon___1HfNX {
    position: absolute;
    width: 28px;
    top: 10px;
    left: 10px; }

.left-card___mainCard___16UiU {
  width: 269px;
  background: #FFFFFF;
  display: flex;
  flex-flow: column; }

.left-card___workspaceComponent___3n_Ap {
  font-weight: 600;
  font-size: 15px;
  margin: 30px;
  opacity: 0.7;
  margin-bottom: 18px; }

.left-card___termsAndConditions___2BC-c {
  color: #227DF9;
  font-size: 15px; }

.left-card___optionsContainer___1l14i {
  width: 163px;
  height: 41px;
  border-radius: 8px;
  align-self: center;
  display: flex;
  position: relative;
  font-size: 13px;
  color: #010430;
  opacity: 0.9;
  text-align: center;
  line-height: 40px;
  margin-bottom: 7px;
  cursor: pointer; }

.left-card___optionsContainer___1l14i:hover {
  background: #F7F7F8;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

.left-card___termsAndConditions___2BC-c {
  margin-left: 37px;
  font-size: 13px;
  margin-top: 15px;
  color: #227DF9;
  margin-bottom: 15px;
  cursor: pointer; }

.left-card___containerIcons___22sRO {
  width: 20.74px;
  height: 20.69px;
  margin: 10px;
  align-self: center; }

.left-card___alignContentLeftCard___28ZWa {
  align-self: center;
  position: absolute;
  left: 44px;
  opacity: 0.7;
  font-weight: normal; }

.users-profile___coverPhoto___3Cfwz {
  width: 894px;
  height: 245px;
  object-fit: cover;
  border-radius: 10px;
  align-self: center;
  cursor: pointer; }

.users-profile___bottomCardAlign___10PAK {
  display: flex;
  align-self: center;
  width: 894px; }

.users-profile___leftCard___2bJpE {
  width: 195px;
  height: 271px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
  display: flex;
  flex-flow: column;
  margin-top: 10px;
  position: sticky;
  top: 0; }

.users-profile___seeMoreCard___1SgX0 {
  font-weight: 600;
  font-size: 15px;
  opacity: 0.6;
  line-height: 18px;
  padding-top: 12px;
  text-align: center;
  cursor: pointer;
  user-select: none;
  padding-bottom: 10px; }

.users-profile___seeMoreCard___1SgX0:hover {
  background: #F7F7F8;
  color: #227DF9;
  opacity: 1; }

.users-profile___rootUsersCard___3p0Yp {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 55px;
  display: flex;
  flex-flow: column; }

.users-profile___profilePhoto___hiR15 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 20px;
  margin-left: 47px;
  margin-top: 20px;
  cursor: pointer;
  text-align: center;
  line-height: 100px;
  color: #fff;
  font-size: 40px;
  font-weight: 600; }

.users-profile___userName___3ksg7 {
  font-size: 20px;
  text-transform: capitalize;
  align-self: center;
  font-weight: 600;
  margin-top: 15px;
  text-align: center;
  line-height: 18px;
  padding: 0 20px;
  word-break: break-all; }

.users-profile___addressColumn___1DDmc {
  width: 141px;
  opacity: 0.6;
  font-size: 13px;
  line-height: 21px;
  align-self: center;
  text-align: center;
  font-weight: 500;
  margin-top: 7px; }

.users-profile___rightCard___tFEDp {
  width: 699px;
  padding-bottom: 40px; }

.users-profile___individualCard___3z9sk {
  width: 682px;
  margin-left: 10px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: #fff;
  margin-top: 10px; }

.users-profile___subHeading___3TfcO {
  color: #227DF9;
  font-size: 18px;
  border-bottom: 0.5px solid #F1F1F5;
  padding-bottom: 8px;
  padding-top: 10px;
  padding-left: 20px;
  position: relative;
  font-weight: 500; }

.users-profile___aboutText___2QMST {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  white-space: pre-wrap; }

.users-profile___userExperience___1A7dy {
  display: flex;
  margin-top: 15px;
  position: relative; }

.users-profile___thumbnailClass___N3m35 {
  border-style: none;
  width: 45px;
  height: 45px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  line-height: 45px;
  text-align: center;
  font-weight: 600;
  color: #fff; }

.users-profile___textDesignationContainer___2WTuX {
  margin-left: 15px; }

.users-profile___designationText___bN_KC {
  opacity: 0.9;
  font-size: 15px;
  color: #010430;
  font-weight: 600; }

.users-profile___schoolText___3ivmq {
  color: #010430;
  opacity: 0.7;
  font-size: 13px;
  font-weight: 500; }

.users-profile___branchText___2d0zz {
  color: #010430;
  opacity: 0.7;
  font-size: 13px; }

.users-profile___experienceDuration___QCAYa {
  opacity: 0.7;
  font-size: 11px;
  margin-top: 5px; }

.users-profile___experienceId___2xqiy {
  opacity: 0.7;
  font-size: 11px;
  letter-spacing: 0.5px; }

.users-profile___projectDomain___SznNE {
  font-size: 15px;
  opacity: 0.8; }

.users-profile___projectSynopsis___1BhvT {
  font-size: 12px;
  opacity: 0.8; }

.users-profile___editButton___Y-3mg {
  height: 15.27px; }

.users-profile___editText___2hDGA {
  font-weight: normal;
  font-size: 11px;
  margin-left: 6.93px;
  line-height: 16px;
  color: #010430; }

.users-profile___editIconContainer___3hTWt {
  position: absolute;
  right: 14px;
  top: 13px;
  display: flex;
  cursor: pointer;
  z-index: 100;
  height: 16px; }

.users-profile___rightFlexContainer___2IYCm {
  width: 699px;
  display: flex;
  flex-wrap: wrap; }

.users-profile___individualDesignCard___3arq9 {
  width: 335.5px;
  height: 181px;
  background: #FFFFFF;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 10px;
  position: relative; }

.users-profile___aboutInfoGraphic___2eAFM {
  width: 138.31px;
  height: 181.04px;
  position: absolute;
  top: 0;
  right: 0; }

.users-profile___experienceInfoGraphic___26nFd {
  width: 138px;
  height: 181px;
  position: absolute;
  top: 0;
  right: -4px; }

.users-profile___educationInfoGraphic___3HT-a {
  width: 180.88px;
  height: 181.04px;
  position: absolute;
  top: 0;
  right: -2px; }

.users-profile___achievementInfoGraphic___3B8i9 {
  width: 138.31px;
  height: 181.04px;
  position: absolute;
  top: 0;
  right: 0; }

.users-profile___projectInfoGraphic___2tbyG {
  width: 138.31px;
  height: 181.04px;
  position: absolute;
  top: 0;
  right: 0; }

.users-profile___infographicTextTop___8uNAN {
  font-size: 18px;
  font-weight: 600;
  margin-left: 20px;
  margin-top: 15px; }

.users-profile___bottomTagLine___i9KVt {
  font-size: 13px;
  line-height: 17px;
  opacity: 0.6;
  margin-left: 20px;
  margin-top: 8px; }

.users-profile___addButtons___2dUvo {
  position: absolute;
  padding: 4px 16px;
  top: 111px;
  left: 20px;
  background: #F1F8FF;
  border: 0.5px solid rgba(34, 125, 249, 0.7);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  color: #227DF9;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  cursor: pointer; }

.users-profile___leftCardTransition___18oZI {
  width: 195px;
  height: 271px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  background: #fff;
  display: flex;
  flex-flow: column;
  position: fixed;
  top: 55px; }

.users-profile___rightCardTransition___3xX-c {
  width: 699px;
  margin-left: 195px; }

.users-profile___uploadIcon___2dPFM {
  background: #FFFFFF;
  border: 0.5px solid #979797;
  box-sizing: border-box;
  border-radius: 5px;
  color: #444444;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  width: 61px;
  align-items: center;
  margin-left: 63px;
  z-index: 100;
  margin-top: -24px;
  cursor: pointer;
  line-height: 23px;
  padding: 0; }

.users-profile___uploadIconImage___1bstB {
  width: 14px;
  margin: 6px;
  height: 11px;
  margin-left: 10px;
  margin-top: 5px; }

.users-profile___uploadIconCoverPage___19qqR {
  background: #FFFFFF;
  border: 0.5px solid #979797;
  box-sizing: border-box;
  border-radius: 5px;
  color: #444444;
  font-size: 11px;
  position: absolute;
  font-weight: 600;
  z-index: 100;
  display: flex;
  width: 61px;
  align-items: center;
  cursor: pointer;
  right: 30px;
  top: 17px;
  line-height: 23px;
  padding: 0; }

.users-profile___coverPicContainer____w030 {
  position: relative;
  align-self: center; }

.add-about-modal___facilitiesInfoGraphic___3_o9d {
  width: 668px; }

.add-about-modal___horizontalLine___1sbdl {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-about-modal___facilitiesHeading___3C8fZ {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.add-about-modal___schoolListTagLine___2VCov {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-about-modal___borderCross___3iYL6 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-about-modal___saveFacilitiesButton___3qg7J {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-about-modal___inputSummaryTag___ShHAv {
  width: 566px;
  max-height: 238px;
  min-height: 148px;
  border-radius: 10px;
  border: 2px solid rgba(1, 4, 30, 0.1);
  margin-top: 10px;
  margin-left: 30px;
  resize: none;
  outline: none;
  font-size: 15px;
  padding: 18px 20px; }

.add-about-modal___invalidMessage___1guNK {
  font-size: 10px;
  color: #FF3653;
  margin-left: 30px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.add-about-modal___inputSummaryTag___ShHAv:invalid + .add-about-modal___invalidMessage___1guNK {
  display: block; }

.add-experience-modal___facilitiesInfoGraphic___wbtF- {
  width: 668px; }

.add-experience-modal___horizontalLine___3HVLi {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-experience-modal___facilitiesHeading___36ACp {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.add-experience-modal___schoolListTagLine___1j871 {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-experience-modal___borderCross___2-6gk {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-experience-modal___saveFacilitiesButton___17M_t {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-experience-modal___invalidMessage___tE0Rr {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.add-experience-modal___inputSummaryTag___dFom3:invalid + .add-experience-modal___invalidMessage___tE0Rr {
  display: block; }

.add-experience-modal___achievementFieldsContainer___2Lkv6 {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.add-experience-modal___inputBox___1JP_6 {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.add-experience-modal___inputBox___1JP_6:invalid + .add-experience-modal___invalidMessage___tE0Rr {
  display: block; }

.add-experience-modal___fieldLabel___1540r {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.add-experience-modal___dateBox___1Rz_F {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.add-experience-modal___triangleDown___3NU1d {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.add-experience-modal___suggestionsContainer___12OsD {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-experience-modal___organisationContainer___1-_J3 {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-experience-modal___bottomSwitch___1YQJx {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.add-experience-modal___stillWorkingContainer___TrYam {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 35.98px;
  margin-top: 20px; }

.add-experience-modal___invalidMessageNew___22lAd {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.add-education-modal___facilitiesInfoGraphic___34Ru3 {
  width: 668px;
  background: #FDFFBC; }

.add-education-modal___horizontalLine___3wues {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-education-modal___facilitiesHeading___jBrkL {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.add-education-modal___schoolListTagLine___3Njns {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-education-modal___borderCross___3idyO {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-education-modal___saveFacilitiesButton___2gaeL {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-education-modal___invalidMessage___1Q2CL {
  font-size: 10px;
  color: #FF3653;
  display: none;
  position: absolute;
  bottom: -15px;
  width: max-content; }

.add-education-modal___inputSummaryTag___37jve:invalid + .add-education-modal___invalidMessage___1Q2CL {
  display: block; }

.add-education-modal___classFrom___1wJAW:invalid + .add-education-modal___invalidMessage___1Q2CL {
  display: block; }

.add-education-modal___classTo___3v2Dl:invalid + .add-education-modal___invalidMessage___1Q2CL {
  display: block; }

.add-education-modal___achievementFieldsContainer___n34bo {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.add-education-modal___inputBox___KvxrO {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.add-education-modal___inputBox___KvxrO:invalid + .add-education-modal___invalidMessage___1Q2CL {
  display: block; }

.add-education-modal___fieldLabel___kMRwa {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.add-education-modal___dateBox___1UkY3 {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.add-education-modal___classBox___3krda {
  width: 95px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.add-education-modal___classBox___3krda:invalid + .add-education-modal___invalidMessage___1Q2CL {
  display: block; }

.add-education-modal___triangleDown___2X6fF {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.add-education-modal___facilitiesInfoGraphicIcon___3Pgu3 {
  width: 100%; }

.add-education-modal___bottomSwitch___3lyIl {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.add-education-modal___stillWorkingContainer___2g_eq {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 38.98px;
  margin-top: 20px; }

.add-education-modal___infoContainer___WD-mP {
  width: 350px;
  height: 30px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.add-education-modal___basicInfo___in4as {
  width: 200px;
  cursor: pointer;
  display: flex; }

.add-education-modal___dotIcon___1Mim- {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.add-education-modal___textDesign___T7Uel {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.add-education-modal___invalidMessageNew___18Ctn {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.add-education-modal___suggestionsContainer___3SsbI {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-education-modal___organisationContainer___2G2Bd {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-aspiration-modal___facilitiesInfoGraphic___24O4M {
  width: 669.41px;
  margin-top: -4px;
  margin-left: -1px; }

.add-aspiration-modal___horizontalLine___V6i-m {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px; }

.add-aspiration-modal___facilitiesHeading___27e82 {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.add-aspiration-modal___schoolListTagLine___34lIG {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-aspiration-modal___borderCross___2pBEJ {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-aspiration-modal___suggestionsContainer___2KyXR {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-aspiration-modal___searchBox___1bTWU {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 29.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.add-aspiration-modal___searchBox___1bTWU:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.add-aspiration-modal___searchBox___1bTWU:focus::placeholder {
  color: transparent; }

.add-aspiration-modal___facilityContainer___13j6G {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-aspiration-modal___suggestionIcon___9dK8o {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.add-aspiration-modal___facilityNameIcon___2B3oH {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  margin-left: 20px;
  line-height: 37.5px; }

.add-aspiration-modal___selectedContainer___CKXah {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 42px;
  width: 608px;
  display: flex;
  flex-wrap: wrap; }

.add-aspiration-modal___alignSelectedFacility___3bSzL {
  position: relative;
  padding-right: 30px;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 30px; }

.add-aspiration-modal___selectedIconImage___1beQ5 {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.add-aspiration-modal___crossToRemoveFacility___tMOas {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7.73px;
  right: 11.12px;
  cursor: pointer;
  z-index: 1; }

.add-aspiration-modal___selectedFacilityName___YXM9I {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 4px; }

.add-aspiration-modal___saveFacilitiesButton___3Fil7 {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-interest-modal___facilitiesInfoGraphic___3sm4E {
  width: 100%;
  background: #EEECEC; }

.add-interest-modal___horizontalLine___3atEj {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-interest-modal___facilitiesHeading___2LAB- {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.add-interest-modal___schoolListTagLine___yArWt {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-interest-modal___borderCross___JVdjK {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-interest-modal___suggestionsContainer___NEejm {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-interest-modal___searchBox___26xKQ {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 29.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.add-interest-modal___searchBox___26xKQ:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.add-interest-modal___searchBox___26xKQ:focus::placeholder {
  color: transparent; }

.add-interest-modal___facilityContainer___1IT8C {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-interest-modal___suggestionIcon___2S-D8 {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.add-interest-modal___facilityNameIcon___2CXdL {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  margin-left: 20px;
  line-height: 37.5px; }

.add-interest-modal___selectedContainer___2IEBA {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 42px;
  width: 608px;
  display: flex;
  flex-wrap: wrap; }

.add-interest-modal___alignSelectedFacility___3WDEP {
  position: relative;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 30px;
  padding-right: 30px; }

.add-interest-modal___selectedIconImage___3A0yI {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.add-interest-modal___crossToRemoveFacility___3ppO6 {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 9.73px;
  right: 11.12px;
  cursor: pointer; }

.add-interest-modal___selectedFacilityName___KU1ZY {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 4px; }

.add-interest-modal___saveFacilitiesButton___2KByH {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-hobby-modal___facilitiesInfoGraphic___17aYm {
  width: 668px;
  margin-top: -2px;
  border-radius: 10px 10px 0 0; }

.add-hobby-modal___horizontalLine___2egv3 {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-hobby-modal___facilitiesHeading___2ig0B {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.add-hobby-modal___schoolListTagLine___1J6Ic {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-hobby-modal___borderCross___lVz0e {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-hobby-modal___suggestionsContainer___3npgx {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-hobby-modal___searchBox___3vtPB {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  line-height: 42px;
  margin-left: 104.62px;
  margin-top: 29.54px; }

.add-hobby-modal___searchBox___3vtPB:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.add-hobby-modal___searchBox___3vtPB:focus::placeholder {
  color: transparent; }

.add-hobby-modal___facilityContainer___l-xd8 {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-hobby-modal___suggestionIcon___ka50n {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.add-hobby-modal___facilityNameIcon___2zw5l {
  font-weight: 500;
  font-size: 13px;
  line-height: 37.5px;
  letter-spacing: 1px;
  margin-left: 20px; }

.add-hobby-modal___selectedContainer___28jcJ {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 42px;
  width: 608px;
  display: flex;
  flex-wrap: wrap; }

.add-hobby-modal___alignSelectedFacility___2H2vF {
  position: relative;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 30px;
  padding-right: 30px; }

.add-hobby-modal___selectedIconImage___3Ty__ {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.add-hobby-modal___crossToRemoveFacility___2n96x {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 9.73px;
  right: 11.12px;
  cursor: pointer;
  z-index: 1; }

.add-hobby-modal___selectedFacilityName___29CgU {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 4px; }

.add-hobby-modal___saveFacilitiesButton___2RbZV {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-achievement-modal___facilitiesInfoGraphic___AedRJ {
  height: 276.9px;
  width: 668px; }

.add-achievement-modal___horizontalLine___Nn_6W {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-achievement-modal___facilitiesHeading___TYHWC {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.add-achievement-modal___schoolListTagLine___2tGQC {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-achievement-modal___borderCross___DFYhY {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-achievement-modal___saveFacilitiesButton___RvPkz {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-achievement-modal___invalidMessage___3Ttc5 {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.add-achievement-modal___inputSummaryTag___2d7Mm:invalid + .add-achievement-modal___invalidMessage___3Ttc5 {
  display: block; }

.add-achievement-modal___achievementFieldsContainer___3fIX4 {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.add-achievement-modal___inputBox___1ulmf {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.add-achievement-modal___inputBox___1ulmf:invalid + .add-achievement-modal___invalidMessage___3Ttc5 {
  display: block; }

.add-achievement-modal___fieldLabel___3JGR7 {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.add-achievement-modal___dateBox___3lw9S {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.add-achievement-modal___triangleDown___3Zl6P {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.add-achievement-modal___suggestionsContainer___3D9Oe {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-achievement-modal___organisationContainer___1anA0 {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-achievement-modal___bottomSwitch___1AZyq {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.add-achievement-modal___stillWorkingContainer___1EA97 {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 98.98px; }

.add-achievement-modal___invalidMessageNew___u_Vdd {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.add-project-modal___facilitiesInfoGraphic___2xL6H {
  height: 276.9px;
  width: 668px; }

.add-project-modal___horizontalLine___3FffH {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.add-project-modal___facilitiesHeading___U373k {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.add-project-modal___schoolListTagLine___237JS {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-project-modal___borderCross___16a7a {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-project-modal___saveFacilitiesButton___3PUiS {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.add-project-modal___invalidMessage___3037W {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.add-project-modal___inputSummaryTag___186--:invalid + .add-project-modal___invalidMessage___3037W {
  display: block; }

.add-project-modal___invalidMessageNew___1g5GC {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.add-project-modal___achievementFieldsContainer___5dE9J {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.add-project-modal___inputBox___3Iqo_ {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.add-project-modal___inputBox___3Iqo_:invalid + .add-project-modal___invalidMessage___3037W {
  display: block; }

.add-project-modal___fieldLabel___2UGEa {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.add-project-modal___dateBox___2-_y3 {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.add-project-modal___triangleDown___2bHds {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.add-project-modal___suggestionsContainer___fXO6a {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-project-modal___organisationContainer___2eoel {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-project-modal___bottomSwitch___2-mf0 {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.add-project-modal___stillWorkingContainer___3rKYc {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 33.98px;
  margin-top: 20px; }

.add-skills-modal___facilitiesInfoGraphic___2x3AK {
  width: 669.41px;
  margin-top: -4px;
  margin-left: -1px; }

.add-skills-modal___horizontalLine___3hf-8 {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px; }

.add-skills-modal___facilitiesHeading___2m3X2 {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.add-skills-modal___schoolListTagLine___-AKJ4 {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.add-skills-modal___borderCross___2vvSj {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.add-skills-modal___suggestionsContainer___2yd86 {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.add-skills-modal___searchBox___2ku_a {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 29.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.add-skills-modal___searchBox___2ku_a:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.add-skills-modal___searchBox___2ku_a:focus::placeholder {
  color: transparent; }

.add-skills-modal___facilityContainer___1JMAS {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.add-skills-modal___suggestionIcon___2-wfq {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.add-skills-modal___facilityNameIcon___GszZ- {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  margin-left: 20px;
  line-height: 37.5px; }

.add-skills-modal___selectedContainer___3yuh5 {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 42px;
  width: 608px;
  display: flex;
  flex-wrap: wrap; }

.add-skills-modal___alignSelectedFacility___swBP- {
  position: relative;
  padding-right: 30px;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 30px; }

.add-skills-modal___selectedIconImage___2YRQW {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.add-skills-modal___crossToRemoveFacility___3ZrvV {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 7.73px;
  right: 11.12px;
  cursor: pointer;
  z-index: 1; }

.add-skills-modal___selectedFacilityName___by1gY {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 4px; }

.add-skills-modal___saveFacilitiesButton___2D7Pt {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-experience-modal___facilitiesInfoGraphic___163-H {
  width: 668px; }

.edit-experience-modal___horizontalLine___jggW7 {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-experience-modal___facilitiesHeading___v5xqp {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.edit-experience-modal___schoolListTagLine___rbgAJ {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-experience-modal___borderCross___1FrSh {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-experience-modal___saveFacilitiesButton___3ujOi {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: 42px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-experience-modal___deleteFacilitiesButton___2qoln {
  cursor: pointer;
  border-radius: 5px;
  height: 40px;
  width: 277px;
  margin-left: 34.62px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  border: 1px solid rgba(1, 4, 30, 0.3);
  margin-bottom: 14px;
  color: #FF3653;
  font-weight: 600; }

.edit-experience-modal___deleteFacilitiesButton___2qoln:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.edit-experience-modal___invalidMessage___1vbxK {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.edit-experience-modal___inputSummaryTag___1AEhR:invalid + .edit-experience-modal___invalidMessage___1vbxK {
  display: block; }

.edit-experience-modal___achievementFieldsContainer___2ps7s {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.edit-experience-modal___inputBox___3n9eq {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.edit-experience-modal___inputBox___3n9eq:invalid + .edit-experience-modal___invalidMessage___1vbxK {
  display: block; }

.edit-experience-modal___fieldLabel___1u0gA {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.edit-experience-modal___dateBox___3ZF-C {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.edit-experience-modal___triangleDown___1Yo9L {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.edit-experience-modal___suggestionsContainer___3jGgQ {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-experience-modal___organisationContainer___dlvPY {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-experience-modal___bottomSwitch___3ELmr {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.edit-experience-modal___stillWorkingContainer___cW1cV {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 33.98px;
  margin-top: 20px; }

.edit-experience-modal___invalidMessageNew___3sBFe {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.edit-education-modal___facilitiesInfoGraphic___2FXzR {
  height: 281px;
  width: 668px;
  background: #FDFFBC; }

.edit-education-modal___horizontalLine___20R1e {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-education-modal___facilitiesHeading___mMvrJ {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.edit-education-modal___schoolListTagLine___2ZX7a {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-education-modal___borderCross___3xbB2 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-education-modal___saveFacilitiesButton___2j4Xx {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: 42px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer;
  user-select: none; }

.edit-education-modal___deleteFacilitiesButton___1p27E {
  cursor: pointer;
  border-radius: 5px;
  height: 40px;
  width: 277px;
  margin-left: 34.62px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  border: 1px solid rgba(1, 4, 30, 0.3);
  margin-bottom: 14px;
  color: #FF3653;
  font-weight: 600;
  user-select: none; }

.edit-education-modal___deleteFacilitiesButton___1p27E:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.edit-education-modal___invalidMessage___26Ake {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.edit-education-modal___inputSummaryTag___THPf9:invalid + .edit-education-modal___invalidMessage___26Ake {
  display: block; }

.edit-education-modal___achievementFieldsContainer___27VuN {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.edit-education-modal___inputBox___31TBZ {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.edit-education-modal___inputBox___31TBZ:invalid + .edit-education-modal___invalidMessage___26Ake {
  display: block; }

.edit-education-modal___fieldLabel___3omDn {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.edit-education-modal___dateBox___2wdJl {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.edit-education-modal___triangleDown___1qvEQ {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.edit-education-modal___facilitiesInfoGraphicIcon___3ebAw {
  width: 100%; }

.edit-education-modal___bottomSwitch___3zBrP {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.edit-education-modal___stillWorkingContainer___t5PJZ {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 33.98px;
  margin-top: 20px; }

.edit-education-modal___infoContainer___2zFUp {
  width: 350px;
  height: 30px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.edit-education-modal___basicInfo___1dWsd {
  width: 200px;
  cursor: pointer;
  display: flex; }

.edit-education-modal___dotIcon___3xNHt {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.edit-education-modal___textDesign___1jh5P {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.edit-education-modal___classBox___2F_EY {
  width: 95px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.edit-education-modal___classFrom___7iE79:invalid + .edit-education-modal___invalidMessage___26Ake {
  display: block; }

.edit-education-modal___classTo___1x8V0:invalid + .edit-education-modal___invalidMessage___26Ake {
  display: block; }

.edit-education-modal___classBox___2F_EY:invalid + .edit-education-modal___invalidMessage___26Ake {
  display: block; }

.edit-education-modal___invalidMessageNew___1l9Sa {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.edit-education-modal___suggestionsContainer___3QRcd {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-education-modal___organisationContainer___1XOyv {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-aspiration-modal___facilitiesInfoGraphic___1WY-n {
  width: 669.41px;
  margin-top: -4px;
  margin-left: -1px; }

.edit-aspiration-modal___horizontalLine___1SdZn {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-aspiration-modal___facilitiesHeading___2D7in {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.edit-aspiration-modal___schoolListTagLine___2ySsM {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-aspiration-modal___borderCross___2aFTv {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-aspiration-modal___suggestionsContainer___JqOI8 {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-aspiration-modal___searchBox___3MmpM {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 9.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.edit-aspiration-modal___searchBox___3MmpM:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.edit-aspiration-modal___searchBox___3MmpM:focus::placeholder {
  color: transparent; }

.edit-aspiration-modal___facilityContainer___aIx-R {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-aspiration-modal___suggestionIcon___1ym79 {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.edit-aspiration-modal___facilityNameIcon___3usNa {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-left: 20px;
  margin-top: 21px; }

.edit-aspiration-modal___selectedContainer___eoaxq {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 30px;
  width: 608px;
  padding-top: 23px;
  padding-bottom: 23px; }

.edit-aspiration-modal___alignSelectedFacility___B-cKf {
  position: relative;
  width: 519px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 69px; }

.edit-aspiration-modal___selectedIconImage___1FQ-s {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.edit-aspiration-modal___crossToRemoveFacility___22N4c {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 20.12px;
  right: 65.05px;
  cursor: pointer; }

.edit-aspiration-modal___selectedFacilityName___1y3Ih {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 12px;
  border-bottom: 1px solid rgba(1, 4, 30, 0.3);
  margin-top: 16px;
  margin-right: 64px; }

.edit-aspiration-modal___saveFacilitiesButton___3VEym {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 14px; }

.edit-aspiration-modal___minusIcon___2lDWq {
  width: 24px;
  height: 24px;
  position: absolute;
  left: -34px;
  top: 10px;
  cursor: pointer; }

.edit-aspiration-modal___mainContainer___rQpLx {
  width: 507px;
  height: 50px;
  margin-left: 69px;
  margin-bottom: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 13px;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  background: #fff;
  position: relative;
  line-height: 50px;
  font-size: 15px;
  padding-left: 12px; }

.edit-interest-modal___facilitiesInfoGraphic___2qORL {
  width: 100%;
  background: #EEECEC; }

.edit-interest-modal___horizontalLine___iCWLb {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-interest-modal___facilitiesHeading___5Aewb {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.edit-interest-modal___schoolListTagLine___3hPfF {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-interest-modal___borderCross___128ve {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-interest-modal___suggestionsContainer___4_2Hs {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-interest-modal___searchBox___2N24V {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 9.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.edit-interest-modal___searchBox___2N24V:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.edit-interest-modal___searchBox___2N24V:focus::placeholder {
  color: transparent; }

.edit-interest-modal___facilityContainer___35SBK {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-interest-modal___suggestionIcon___2PRNS {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.edit-interest-modal___facilityNameIcon___1Oy2h {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-left: 20px;
  margin-top: 21px; }

.edit-interest-modal___selectedContainer___3v0nK {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 30px;
  width: 608px;
  padding-top: 23px;
  padding-bottom: 23px; }

.edit-interest-modal___alignSelectedFacility___17rCX {
  position: relative;
  width: 141px;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 30px; }

.edit-interest-modal___selectedIconImage___2T-HS {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.edit-interest-modal___crossToRemoveFacility___34hHd {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 9.73px;
  right: 11.12px;
  cursor: pointer; }

.edit-interest-modal___selectedFacilityName___8g_7e {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 4px; }

.edit-interest-modal___saveFacilitiesButton___5slVl {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-interest-modal___mainContainer___i7gCe {
  width: 507px;
  height: 50px;
  margin-left: 69px;
  margin-bottom: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 13px;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  background: #fff;
  position: relative;
  line-height: 50px;
  font-size: 15px;
  padding-left: 12px; }

.edit-interest-modal___minusIcon___4-2EA {
  width: 24px;
  height: 24px;
  position: absolute;
  left: -34px;
  top: 10px;
  cursor: pointer; }

.edit-hobby-modal___facilitiesInfoGraphic___39yEx {
  width: 101%;
  margin-top: -2px;
  margin-left: -1px; }

.edit-hobby-modal___horizontalLine___1xcYd {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-hobby-modal___facilitiesHeading___7pM2- {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.edit-hobby-modal___schoolListTagLine___2CcLf {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-hobby-modal___borderCross___36q0f {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-hobby-modal___suggestionsContainer___29G0R {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-hobby-modal___searchBox___3apgY {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 9.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.edit-hobby-modal___searchBox___3apgY:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.edit-hobby-modal___searchBox___3apgY:focus::placeholder {
  color: transparent; }

.edit-hobby-modal___facilityContainer___fZfLv {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-hobby-modal___suggestionIcon___30-pP {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.edit-hobby-modal___facilityNameIcon___32GH6 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-left: 20px;
  margin-top: 21px; }

.edit-hobby-modal___selectedContainer___GM0xj {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 30px;
  width: 608px;
  padding-top: 23px;
  padding-bottom: 23px; }

.edit-hobby-modal___alignSelectedFacility___jf_R6 {
  position: relative;
  width: 141px;
  height: 26px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 13px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 30px; }

.edit-hobby-modal___selectedIconImage___2VqSX {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.edit-hobby-modal___crossToRemoveFacility___vIryo {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 9.73px;
  right: 11.12px;
  cursor: pointer; }

.edit-hobby-modal___selectedFacilityName___1Qzm1 {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 4px; }

.edit-hobby-modal___saveFacilitiesButton___1PMLf {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px; }

.edit-hobby-modal___mainContainer___2IW_O {
  width: 507px;
  height: 50px;
  margin-left: 69px;
  margin-bottom: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 13px;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  background: #fff;
  position: relative;
  line-height: 50px;
  font-size: 15px;
  padding-left: 12px; }

.edit-hobby-modal___minusIcon___3VFmr {
  width: 24px;
  height: 24px;
  position: absolute;
  left: -34px;
  top: 10px;
  cursor: pointer; }

.edit-achievement-modal___facilitiesInfoGraphic___3rWsJ {
  width: 668px; }

.edit-achievement-modal___horizontalLine___1p18m {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-achievement-modal___facilitiesHeading___1eVkx {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.edit-achievement-modal___schoolListTagLine___3HTzO {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-achievement-modal___borderCross___2n1kJ {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-achievement-modal___saveFacilitiesButton___13eii {
  background: #1BCC63;
  border-radius: 5px;
  height: 42.03px;
  width: 277.26px;
  margin-left: 42.04px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-achievement-modal___invalidMessage___c4NiW {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.edit-achievement-modal___inputSummaryTag___1PjgH:invalid + .edit-achievement-modal___invalidMessage___c4NiW {
  display: block; }

.edit-achievement-modal___achievementFieldsContainer___3Gram {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.edit-achievement-modal___inputBox___3oB-9 {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.edit-achievement-modal___inputBox___3oB-9:invalid + .edit-achievement-modal___invalidMessage___c4NiW {
  display: block; }

.edit-achievement-modal___fieldLabel___2mv2c {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.edit-achievement-modal___dateBox___eNO3M {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.edit-achievement-modal___triangleDown___3Xchg {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.edit-achievement-modal___suggestionsContainer___3cCrW {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-achievement-modal___organisationContainer___RHly9 {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-achievement-modal___bottomSwitch___3t9nT {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.edit-achievement-modal___stillWorkingContainer___Xi02m {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 98.98px; }

.edit-achievement-modal___deleteFacilitiesButton___22oiu {
  width: 277.26px;
  height: 42.03px;
  line-height: 42.03px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(1, 4, 30, 0.3);
  color: #FF3653;
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  margin-left: 35.02px;
  cursor: pointer; }

.edit-achievement-modal___deleteFacilitiesButton___22oiu:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.edit-project-modal___facilitiesInfoGraphic___CQsQi {
  width: 668px; }

.edit-project-modal___horizontalLine___CZqtq {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-project-modal___facilitiesHeading___3BMdP {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 10px; }

.edit-project-modal___schoolListTagLine___2bTjb {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-project-modal___invalidMessageNew___3OLg3 {
  font-size: 10px;
  color: #FF3653;
  margin-left: 33px;
  margin-top: 10px; }

.edit-project-modal___borderCross___1RXYY {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-project-modal___saveFacilitiesButton___3bRF0 {
  background: #1BCC63;
  border-radius: 5px;
  height: 42.03px;
  width: 277.26px;
  margin-left: 42.04px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  cursor: pointer; }

.edit-project-modal___deleteFacilitiesButton___3b22F {
  cursor: pointer;
  border-radius: 5px;
  height: 40px;
  width: 277px;
  margin-left: 34.62px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  border: 1px solid rgba(1, 4, 30, 0.3);
  margin-bottom: 14px;
  color: #FF3653;
  font-weight: 600; }

.edit-project-modal___deleteFacilitiesButton___3b22F:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.edit-project-modal___invalidMessage___1nKS4 {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  display: none;
  position: absolute;
  bottom: -15px; }

.edit-project-modal___inputSummaryTag___1AmnB:invalid + .edit-project-modal___invalidMessage___1nKS4 {
  display: block; }

.edit-project-modal___achievementFieldsContainer___2bAf0 {
  display: flex;
  width: 598px;
  height: 34px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 30, 0.1);
  border-radius: 5px;
  margin-left: 33px;
  margin-top: 20px;
  position: relative; }

.edit-project-modal___inputBox___3sila {
  border: none;
  padding: 0px 20px;
  font-size: 13px; }

.edit-project-modal___inputBox___3sila:invalid + .edit-project-modal___invalidMessage___1nKS4 {
  display: block; }

.edit-project-modal___fieldLabel___n5QIQ {
  padding: 9px 23px;
  color: rgba(1, 4, 30, 0.5);
  letter-spacing: 1px;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  background: #F2F3F7;
  border-radius: 5px; }

.edit-project-modal___dateBox___31Ulg {
  width: 55px;
  height: 34px;
  cursor: pointer;
  position: relative;
  border: none;
  font-size: 13px; }

.edit-project-modal___triangleDown___iq4Sk {
  width: 13px;
  height: 9px;
  margin-top: 13px;
  margin-left: 13px; }

.edit-project-modal___suggestionsContainer___1GohF {
  width: 456px;
  position: absolute;
  top: 35px;
  left: 136px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-project-modal___organisationContainer___CyTep {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-project-modal___bottomSwitch___2O1_Y {
  width: 58px;
  height: 26.06px;
  margin-left: 20.95px;
  cursor: pointer; }

.edit-project-modal___stillWorkingContainer___1tsiA {
  display: flex;
  color: rgba(1, 4, 30, 0.6);
  font-size: 13px;
  line-height: 16px;
  margin-left: 33.98px;
  margin-top: 20px; }

.edit-profile-pic___retakeButton___z6Dk1 {
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid rgba(31, 32, 40, 0.8);
  font-weight: 500;
  font-size: 19px;
  opacity: 0.8;
  height: 22px;
  padding: 9px 0px;
  cursor: pointer;
  margin-top: 13px;
  width: 146px;
  text-align: center; }

.edit-profile-pic___crossIcon___5HdBI {
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 4px; }

.edit-profile-pic___applyButton___1KAIy {
  border-radius: 5px;
  background: #227DF9;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 19px;
  opacity: 0.8;
  padding: 9px 0px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-top: 13px;
  width: 146px;
  text-align: center; }

.edit-profile-pic___adjustImageText___ek7Yj {
  opacity: 0.7;
  font-weight: 500;
  font-size: 20px;
  margin-top: 21px;
  margin-left: 67px;
  margin-right: 61px; }

.edit-profile-pic___slider___lKeTw {
  -webkit-appearance: none;
  width: 100%;
  cursor: pointer;
  height: 3.5px;
  border-radius: 5px;
  margin-top: 18px;
  background: linear-gradient(90deg, #3B3B3B 8.9%, rgba(255, 255, 255, 0) 13.5%), #3B3B3B;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s; }

.edit-profile-pic___slider___lKeTw:hover {
  opacity: 1; }

.edit-profile-pic___slider___lKeTw::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #227DF9;
  cursor: pointer; }

.edit-profile-pic___slider___lKeTw::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #227DF9;
  cursor: pointer; }

.edit-profile-pic___loader___1bgFz,
.edit-profile-pic___loader___1bgFz:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-profile-pic___loader___1bgFz {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-profile-pic___load8___2y9xl 1.1s infinite linear;
  animation: edit-profile-pic___load8___2y9xl 1.1s infinite linear; }

@-webkit-keyframes edit-profile-pic___load8___2y9xl {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-profile-pic___load8___2y9xl {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-skills-modal___facilitiesInfoGraphic___2VGqk {
  width: 669.41px;
  margin-top: -4px;
  margin-left: -1px; }

.edit-skills-modal___horizontalLine___3ATJ3 {
  border: 1px solid rgba(113, 124, 135, 0.4);
  width: 668px;
  margin-top: 19px; }

.edit-skills-modal___facilitiesHeading___Ow1je {
  font-weight: 800;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 1px;
  margin-top: 10px;
  text-align: center; }

.edit-skills-modal___schoolListTagLine___2ht-C {
  color: rgba(1, 4, 48, 0.5);
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  text-align: center; }

.edit-skills-modal___borderCross___1FTkf {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 30.98px; }

.edit-skills-modal___suggestionsContainer___1dwkH {
  width: 456px;
  position: absolute;
  top: 413px;
  left: 106px;
  background: #FFFFFF;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  z-index: 100; }

.edit-skills-modal___searchBox___3ZO47 {
  border: 2px solid rgba(1, 4, 48, 0.15);
  border-radius: 5px;
  text-align: center;
  width: 457px;
  border-style: dotted;
  height: 42px;
  margin-top: 9.54px;
  line-height: 42px;
  margin-left: 104.62px; }

.edit-skills-modal___searchBox___3ZO47:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-style: solid;
  text-align: left;
  width: 433px;
  padding-left: 24px; }

.edit-skills-modal___searchBox___3ZO47:focus::placeholder {
  color: transparent; }

.edit-skills-modal___facilityContainer___eH5iD {
  display: flex;
  cursor: pointer;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin: 0px 10px 0px 10px; }

.edit-skills-modal___suggestionIcon___1OzXl {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  margin-left: 10px;
  margin-top: 13px; }

.edit-skills-modal___facilityNameIcon___3UEPc {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-left: 20px;
  margin-top: 21px; }

.edit-skills-modal___selectedContainer___2hAlb {
  background: #F2F3F7;
  border-radius: 5px;
  margin: 10px 30px;
  width: 608px;
  padding-top: 23px;
  padding-bottom: 23px; }

.edit-skills-modal___alignSelectedFacility___PPdNf {
  position: relative;
  width: 519px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  display: flex;
  flex-flow: column;
  margin: 10px;
  margin-right: 0px;
  margin-left: 69px; }

.edit-skills-modal___selectedIconImage___s_62P {
  width: 36px;
  height: 36px;
  margin-left: 22.7px;
  margin-top: 12px; }

.edit-skills-modal___crossToRemoveFacility___35Jxr {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 20.12px;
  right: 65.05px;
  cursor: pointer; }

.edit-skills-modal___selectedFacilityName___1jnlu {
  font-weight: normal;
  opacity: 0.7;
  font-size: 15px;
  margin-left: 12px;
  border-bottom: 1px solid rgba(1, 4, 30, 0.3);
  margin-top: 16px;
  margin-right: 64px; }

.edit-skills-modal___saveFacilitiesButton___3XRqV {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 457px;
  margin-left: 108px;
  margin-top: 25px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 14px; }

.edit-skills-modal___minusIcon___1JzwE {
  width: 24px;
  height: 24px;
  position: absolute;
  left: -34px;
  top: 10px;
  cursor: pointer; }

.edit-skills-modal___mainContainer___1KsXp {
  width: 507px;
  height: 50px;
  margin-left: 69px;
  margin-bottom: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 13px;
  border: 0.2px solid rgba(112, 112, 112, 0.3);
  background: #fff;
  position: relative;
  line-height: 50px;
  font-size: 15px;
  padding-left: 12px; }

.policies___policiesRootComponent___2OD4C {
  display: flex; }

.left-card___mainHeadingComponent___TKaZn {
  width: 392px;
  position: fixed;
  top: 104px;
  bottom: 0;
  border-right: 1px solid rgba(31, 49, 74, 0.1); }

.left-card___policyText___303GA {
  width: 283px;
  color: #1F314A;
  border-top: 1px solid rgba(31, 49, 74, 0.1);
  font-size: 15px;
  padding: 26px 0px;
  text-align: center;
  float: right;
  cursor: pointer; }

@media screen and (min-width: 700px) {
  .right-component___mainRightComponent___eO1yz {
    position: fixed;
    top: 104px;
    bottom: 0;
    left: 393px;
    right: 0; } }

@media screen and (min-width: 300px) and (max-width: 699px) {
  .right-component___mainRightComponent___eO1yz {
    position: fixed;
    display: flex;
    flex-flow: column;
    top: 85px;
    bottom: 0;
    left: 0;
    right: 0; }
  .right-component___upArrow___1mzqW {
    width: 14px;
    height: 16px;
    margin-left: 11px;
    margin-top: 6px;
    margin-bottom: 20px;
    margin-right: 10px; }
  .right-component___backToTopButton___1mQJR {
    width: 130px;
    height: 28px;
    line-height: 28px;
    background: #1F314A;
    color: #fff;
    border: 1px solid #010430;
    border-radius: 16.5px;
    bottom: 20px;
    position: fixed;
    align-self: center;
    display: flex;
    user-select: none; } }

p.cookie-policy___paragraph___qBZYP {
  width: 801px;
  /* height: 168px; */
  margin-left: 70px;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  line-height: 21px;
  color: #010430; }

p.cookie-policy___paragraph1___2EGiZ {
  width: 801px;
  /* height: 168px; */
  margin-left: 70px;
  /* margin-top: 410px; */
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  line-height: 21px;
  color: #010430; }

@media screen and (min-width: 300px) and (max-width: 699px) {
  .privacy-policy___mainContainer___2-z0D {
    color: rgba(31, 49, 74, 0.7);
    margin-right: 20px;
    margin-bottom: 100px;
    margin-left: 20px;
    font-size: 15px;
    line-height: 18px; }
  .privacy-policy___welcomeHeadline___3mkVm {
    font-size: 26px;
    line-height: 33px;
    font-weight: 800;
    color: #1F314A;
    margin-top: 25px; }
  .privacy-policy___headingText___1IS2f {
    font-size: 18px;
    font-weight: 600;
    color: #227DF9;
    margin-top: 29px; }
  .privacy-policy___bottomMatter___3y0u2 {
    margin-top: 10px; }
    .privacy-policy___bottomMatter___3y0u2 span {
      color: #227DF9;
      cursor: pointer; }
  .privacy-policy___bottomMatter___3y0u2 span:hover {
    text-decoration: underline; }
  .privacy-policy___privacyPolicyUpdateDate___3zLrp {
    opacity: 0.6;
    margin-top: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px; } }

@media screen and (min-width: 700px) {
  .privacy-policy___mainContainer___2-z0D {
    margin-left: 60px;
    font-size: 18px;
    line-height: 26px;
    color: rgba(31, 49, 74, 0.9);
    margin-right: 60px;
    margin-bottom: 100px; }
  .privacy-policy___welcomeHeadline___3mkVm {
    font-size: 35px;
    font-weight: 900;
    color: #1F314A;
    margin-top: 39px; }
  .privacy-policy___headingText___1IS2f {
    font-size: 20px;
    font-weight: 700;
    color: #1f314a;
    margin-top: 39px; }
  .privacy-policy___bottomMatter___3y0u2 {
    margin-top: 15px; }
    .privacy-policy___bottomMatter___3y0u2 a {
      color: #227DF9;
      cursor: pointer; }
  .privacy-policy___bottomMatter___3y0u2 span:hover {
    text-decoration: underline; }
  .privacy-policy___privacyPolicyUpdateDate___3zLrp {
    font-size: 13px;
    opacity: 0.7;
    margin-top: 8px;
    font-weight: 400; } }

@media screen and (min-width: 300px) and (max-width: 699px) {
  .terms-of-use___mainContainer___y7nJJ {
    font-size: 15px;
    line-height: 20px;
    color: rgba(31, 49, 74, 0.9);
    margin-bottom: 100px;
    margin-left: 20px;
    margin-right: 20px; }
  .terms-of-use___welcomeHeadline___2exZG {
    font-size: 26px;
    font-weight: 800;
    color: #1F314A;
    margin-top: 25px; }
  .terms-of-use___headingText___3CQPL {
    font-size: 18px;
    font-weight: 600;
    color: #227DF9;
    margin-top: 29px; }
  .terms-of-use___bottomMatter___3ehn2 {
    margin-top: 10px; }
    .terms-of-use___bottomMatter___3ehn2 a {
      color: #227DF9;
      cursor: pointer; }
  .terms-of-use___bottomMatter___3ehn2 a:hover {
    text-decoration: underline; }
  .terms-of-use___termsOfUseUpdateDate___12BSj {
    opacity: 0.6;
    margin-top: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px; } }

@media screen and (min-width: 700px) {
  .terms-of-use___mainContainer___y7nJJ {
    margin-left: 60px;
    font-size: 18px;
    line-height: 26px;
    color: rgba(31, 49, 74, 0.9);
    margin-right: 60px;
    margin-bottom: 100px; }
  .terms-of-use___welcomeHeadline___2exZG {
    font-size: 46px;
    font-weight: 900;
    color: #1F314A;
    margin-top: 39px; }
  .terms-of-use___headingText___3CQPL {
    font-size: 26px;
    font-weight: 700;
    color: #227DF9;
    margin-top: 39px; }
  .terms-of-use___bottomMatter___3ehn2 {
    margin-top: 15px; }
    .terms-of-use___bottomMatter___3ehn2 a {
      color: #227DF9;
      cursor: pointer; }
  .terms-of-use___bottomMatter___3ehn2 a:hover {
    text-decoration: underline; }
  .terms-of-use___termsOfUseUpdateDate___12BSj {
    font-size: 15px;
    opacity: 0.7;
    margin-top: 8px;
    font-weight: 600; } }

@media screen and (min-width: 300px) and (max-width: 699px) {
  .agreement___mainContainer___1AHPX {
    color: rgba(31, 49, 74, 0.7);
    margin-right: 20px;
    margin-bottom: 100px;
    margin-left: 20px;
    font-size: 15px;
    line-height: 18px; }
  .agreement___welcomeHeadline___qWO9H {
    font-size: 26px;
    line-height: 33px;
    font-weight: 800;
    color: #1F314A;
    margin-top: 25px; }
  .agreement___headingText___6c6gu {
    font-size: 18px;
    font-weight: 600;
    color: #227DF9;
    margin-top: 29px; }
  .agreement___bottomMatter___Y3V0x {
    margin-top: 10px; }
  .agreement___bottomMatterSpan___Q2g-w {
    color: #227DF9;
    cursor: pointer; }
  .agreement___bottomMatterSpan___Q2g-w:hover {
    text-decoration: underline; }
  .agreement___privacyPolicyUpdateDate___3G9ix {
    opacity: 0.6;
    margin-top: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px; } }

@media screen and (min-width: 700px) {
  .agreement___mainContainer___1AHPX {
    margin-left: 60px;
    font-size: 18px;
    line-height: 26px;
    color: rgba(31, 49, 74, 0.9);
    margin-right: 60px;
    margin-bottom: 100px; }
  .agreement___welcomeHeadline___qWO9H {
    font-size: 46px;
    font-weight: 900;
    color: #1F314A;
    margin-top: 39px; }
  .agreement___headingText___6c6gu {
    font-size: 26px;
    font-weight: 700;
    color: #227DF9;
    margin-top: 39px; }
  .agreement___bottomMatter___Y3V0x {
    margin-top: 15px; }
  .agreement___bottomMatterSpan___Q2g-w {
    color: #227DF9;
    cursor: pointer; }
  .agreement___bottomMatterSpan___Q2g-w:hover {
    text-decoration: underline; }
  .agreement___privacyPolicyUpdateDate___3G9ix {
    font-size: 15px;
    opacity: 0.7;
    margin-top: 8px;
    font-weight: 600; } }

.reports___mainCard___3rbhn {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .reports___mainCard___3rbhn {
    width: 797.28px; }
  .reports___mainDesignationTransition___34UGR {
    font-size: 11px;
    color: rgba(1, 4, 30, 0.6);
    line-height: 14px;
    top: 26px;
    width: 148px;
    align-self: center;
    left: 0px; }
  .reports___mainUserNameTransition___khYwM {
    width: 220px; } }

@media screen and (min-width: 1401px) {
  .reports___mainCard___3rbhn {
    width: 913px; } }

.reports___header___2Gb49 {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.reports___users___2fieC {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.reports___reportTime___jKEt5 {
  display: flex;
  margin-top: 20px;
  margin-left: 20px; }

.reports___reportTypeText___3LeLw {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px; }

.reports___optionSelect___bq8IM {
  margin-left: 30px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

.staff___sessionContainer___22zer {
  display: flex;
  margin-top: 10px;
  margin-left: 20px; }

.staff___sessionText___1TUcM {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px; }

.staff___selectSession___3Loo0 {
  margin-left: 55px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

.staff___selectDetailsText___1drY2 {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.staff___checkContainer___wetwN {
  display: flex;
  width: 230px;
  padding-left: 20px;
  margin-top: 20px; }

.staff___checkLabel___3gOYC {
  font-size: 15px;
  line-height: 24px;
  color: rgba(1, 4, 30, 0.8); }

.staff___generateReceiptButton___N85TI {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 50px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: auto; }

.staff___minusIcon___Tmcbx {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 8px;
  cursor: pointer;
  position: absolute; }

.student___sessionContainer___1hJAt {
  display: flex;
  margin-top: 10px;
  margin-left: 20px; }

.student___sessionText___2PjVL {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px; }

.student___selectSession___CxtmK {
  margin-left: 55px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

.student___selectDetailsText___33_69 {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.student___checkContainer___3Bqzd {
  display: flex;
  width: 230px;
  padding-left: 20px;
  margin-top: 20px; }

.student___checkLabel___SEKhp {
  font-size: 15px;
  line-height: 24px;
  color: rgba(1, 4, 30, 0.8); }

.student___generateReceiptButton___2ryGd {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 50px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: auto; }

.student___selectClassesButton___2aQRg {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.student___allClassesText___3VBIw {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.2);
  border-top: 1px solid rgba(1, 4, 30, 0.2);
  /* width: 558px; */
  /* margin-left: -28px; */
  font-weight: 500;
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  line-height: 41px;
  padding-left: 52px;
  margin-top: 20px; }

.student___allClassesTextItem___2-hQW {
  position: absolute;
  right: 40px; }

.student___addMoreButton___1ohMb {
  font-size: 15px;
  background: #F2F2F2;
  border-radius: 20px;
  width: 123px;
  height: 38px;
  line-height: 38px;
  display: flex;
  margin-top: 10px;
  margin-left: 20px;
  cursor: pointer; }

.student___pluesBlueIcon___2d6HR {
  width: 19px;
  height: 19px;
  margin-left: 15px;
  margin-top: 9px;
  margin-right: 10px; }

.student___sectionsContainer___2104G {
  display: flex;
  border-bottom: 1px solid rgba(1, 4, 30, 0.2);
  padding-bottom: 10px; }

.student___classItem___vEwJG {
  min-width: 226px;
  height: 38px;
  background: #F2F3F7;
  border-radius: 30px;
  margin-top: 15px;
  line-height: 38px;
  padding-left: 30px;
  position: relative;
  margin-left: 30px; }

.student___minusIcon___EKnch {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 8px;
  cursor: pointer;
  position: absolute; }

.student___topContainer___39Uo2 {
  position: relative; }

.class-section-modal___selectClassHeader___3z3xk {
  background: #F2F3F7;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  font-size: 22px; }

.class-section-modal___classContainer___2iubK {
  height: 248px;
  width: 223px;
  border-right: 1px solid #F3F3F3;
  cursor: pointer; }

.class-section-modal___sectionContainer___2FTB- {
  width: 394px;
  height: 248px; }

.class-section-modal___resetButton___ZE0GB {
  border: 1px solid rgba(1, 4, 48, 0.3);
  border-radius: 10px;
  position: absolute;
  width: 89px;
  height: 33px;
  right: 124px;
  color: #227DF9;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
  cursor: pointer; }

.class-section-modal___doneButton___3O1v5 {
  border-radius: 10px;
  position: absolute;
  width: 89px;
  height: 33px;
  right: 20px;
  background: #227DF9;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 17px;
  line-height: 33px;
  text-align: center;
  cursor: pointer; }

.class-section-modal___classItem___3lbUZ {
  width: 223px;
  height: 48px;
  font-weight: 500;
  font-size: 15px;
  opacity: 0.7;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #F1F1F5; }

.class-section-modal___sectionItem___1Ueu9 {
  display: flex;
  position: relative;
  height: 48px;
  font-weight: 500;
  padding-left: 46px;
  font-size: 15px;
  opacity: 0.7;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #F1F1F5;
  width: calc(100% - 46px); }

/* The container */
.class-section-modal___container___lJ7rK {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.7);
  position: relative;
  font-size: 16px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.class-section-modal___container___lJ7rK input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.class-section-modal___checkmark___26sHP {
  position: absolute;
  top: 0;
  right: 20px;
  border-radius: 50%;
  height: 22px;
  border: 1px solid #717C8A;
  width: 22px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.class-section-modal___container___lJ7rK:hover input ~ .class-section-modal___checkmark___26sHP {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.class-section-modal___container___lJ7rK input:checked ~ .class-section-modal___checkmark___26sHP {
  background-color: #0062FF; }

/* Create the checkmark/indicator (hidden when not checked) */
.class-section-modal___checkmark___26sHP:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.class-section-modal___container___lJ7rK input:checked ~ .class-section-modal___checkmark___26sHP:after {
  display: block; }

/* Style the checkmark/indicator */
.class-section-modal___container___lJ7rK .class-section-modal___checkmark___26sHP:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.class-section-modal___sectionList___3OJ0q {
  /* width: calc(625px - 40px); */
  min-height: 25px;
  font-size: 18px;
  border-bottom: 1px solid #F1F1F5;
  padding-left: 40px;
  position: relative;
  padding-top: 15px;
  padding-right: 70px;
  padding-bottom: 15px; }

.class-section-modal___topHeadingContainer___1W-Dc {
  position: relative; }

.class-section-modal___borderlessCross___AtJOd {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 100;
  cursor: pointer;
  right: 27.73px;
  top: 13.31px; }

.class-section-modal___roundCross___3k12x {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 45px; }

@media screen and (min-width: 300px) and (max-width: 699px) {
  .landing-page___headerContainer___3oQ2r {
    display: flex;
    align-self: center;
    margin-top: 28.73px;
    flex-flow: column; }
  .landing-page___bottomScrollButton___2h5Wa {
    height: 17px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    margin-top: 11px;
    margin-left: 6px; }
  .landing-page___bottomScrollContainer___3LGag {
    display: none; }
  .landing-page___bounceButtonContainer___1Is0w {
    display: none; }
  .landing-page___textContainerForMobile___2Cw2r {
    font-weight: bold;
    font-size: 32px;
    align-self: center;
    margin-top: 38px;
    margin-bottom: 12px; }
  .landing-page___indiaFlag___dOha7 {
    width: 11px;
    height: 11px;
    top: 4px;
    position: absolute;
    right: 20px; }
  .landing-page___emailText___34NNl {
    font-size: 11px;
    font-weight: 500;
    color: #227DF9;
    text-decoration: none; }
  .landing-page___phoneText___DV_Pv {
    font-size: 11px;
    font-weight: 500;
    color: #010430;
    text-decoration: none; }
  .landing-page___footerElement___26OBB {
    position: relative;
    border-top: 0.5px solid rgba(1, 4, 30, 0.15);
    margin-left: 21px;
    font-weight: 500;
    font-size: 7px;
    color: #86868B;
    line-height: 11px;
    margin-bottom: 5px;
    padding-top: 3px;
    margin-right: 21px; }
    .landing-page___footerElement___26OBB span {
      position: absolute;
      right: 0px;
      color: rgba(1, 4, 30, 0.6);
      font-size: 7px;
      top: 4px; }
  .landing-page___mobileBreak___2IKqi {
    display: block; }
  .landing-page___emailItemContainer___2ez15 {
    display: flex; }
  .landing-page___emailIcon___yCFPa {
    display: none; }
  .landing-page___phoneIconNew___YewmK {
    display: none; }
  .landing-page___contactUsText___DBPOc {
    font-size: 11px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    cursor: pointer; }
  .landing-page___row2Container___3hjRa {
    margin-left: 20px; }
  .landing-page___row3Container___2VXMi {
    margin-top: 15px;
    margin-left: auto;
    margin-right: 20px; }
  .landing-page___row1Container___1lddA {
    display: none; }
  .landing-page___bottomTermsContainerPhone___1va1f {
    display: flex;
    margin-left: 20px;
    margin-top: 46px; }
  .landing-page___individualText___3blKZ {
    line-height: 19px;
    font-size: 11px;
    font-weight: 500;
    color: #010430;
    cursor: pointer;
    opacity: 0.7;
    margin-right: 10px; }
  .landing-page___registerNowContainer___3g2vX {
    font-size: 15px;
    font-weight: 500;
    color: #010430;
    line-height: 50px;
    height: 50px;
    width: 280px;
    background: #D6D6D6;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    align-self: center; }
  .landing-page___appifaxLogoFooter___3bbFS {
    width: 53.68px;
    height: 25.37px;
    margin-top: 10.82px;
    margin-left: 20.04px; }
  .landing-page___footerContainer___3WHYW {
    background: #F9F9F9;
    display: flex;
    flex-flow: column; }
  .landing-page___contactNowContainer___2vzyd {
    font-size: 15px;
    font-weight: 500;
    color: #010430;
    line-height: 50px;
    height: 50px;
    width: 280px;
    background: #D6D6D6;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    align-self: center; }
  .landing-page___connectedBottomContainer___22R2L {
    display: flex;
    flex-flow: column;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #010430;
    align-self: center;
    margin-bottom: 20px;
    text-align: center; }
  .landing-page___comeOnlineText___1RTOK {
    margin-top: 23px;
    font-size: 15px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    align-self: center; }
  .landing-page___playStore___1v31M {
    margin-left: 51px;
    margin-top: 15px;
    width: 110.28px;
    height: 35px;
    cursor: pointer; }
  .landing-page___playStore___1v31M:hover {
    opacity: 0.8; }
  .landing-page___endlessUpdates___2ireq {
    width: 120px;
    font-size: 27px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 162px;
    margin-left: 20px;
    margin-bottom: 42px; }
  .landing-page___stayTogetherText___6S7fY {
    width: 155px;
    font-size: 24px;
    font-weight: 800;
    color: #010430;
    padding-top: 36px;
    margin-left: 20px; }
  .landing-page___stayTogetherTopContainer___1Ktr6 {
    display: flex;
    align-self: center;
    margin-top: 83px; }
  .landing-page___alwaysStayConnectedLine___2rRHM {
    display: none; }
  .landing-page___stayTogetherContainer___3GTQJ {
    height: 430px;
    background: #E8E8E8;
    display: flex;
    flex-flow: column; }
  .landing-page___appleStore___1P7aP {
    width: 110.94px;
    height: 35px;
    margin-left: 51px;
    margin-top: 43px;
    cursor: pointer; }
  .landing-page___endlessContent___3U_yD {
    width: 197px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 17px;
    margin-top: 26px; }
  .landing-page___updatesContainer___14QVo {
    width: 100%;
    background: #3D82F8;
    border-radius: 0px 0px 50px 50px;
    margin-top: 40px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    display: flex;
    margin-bottom: -80px;
    align-self: center;
    position: relative;
    height: 324px; }
  .landing-page___pciDssLine___2fXKK {
    width: 123.5px;
    height: 19px;
    margin-top: 32px;
    margin-left: 23px; }
  .landing-page___safeHeadingContainer___Y7R_g {
    display: flex; }
  .landing-page___creditCards___j8kmk {
    width: 263px;
    height: 19px;
    margin-top: 30px;
    margin-left: 23px; }
  .landing-page___safeTextLine1___2qflt {
    width: 267px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    margin-top: 25px;
    margin-left: 21px; }
  .landing-page___safeTextLine2___1TrHi {
    width: 267px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    margin-top: 25px;
    margin-left: 21px; }
  .landing-page___safeTextLine3___HfV2A {
    width: 267px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    margin-top: 25px;
    margin-left: 21px; }
  .landing-page___safeTextLine4___3UBg0 {
    width: 267px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    margin-top: 30px;
    margin-left: 21px; }
  .landing-page___safeIcon___Y91D0 {
    width: 60.07px;
    height: 86.95px;
    margin-left: 34px;
    margin-top: 25px; }
  .landing-page___safeHeadingText___pKHwH {
    width: 96px;
    margin-left: 21px;
    margin-top: 25px;
    font-size: 23px;
    font-weight: 800;
    color: #010430;
    line-height: 30px; }
  .landing-page___safeContainer___2etqF {
    background: #fff;
    width: 309px;
    height: 790px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    align-self: center;
    margin-top: 50px;
    position: relative; }
  .landing-page___productHeading___Mvc-1 {
    font-weight: 800;
    font-size: 23px;
    margin-left: 21px;
    margin-top: 25px;
    width: 115px; }
  .landing-page___productInfo___ltwTq {
    width: 267px;
    font-size: 17px;
    font-weight: 500;
    margin-top: 25px;
    margin-left: 21px;
    color: #010430;
    line-height: 22px;
    opacity: 0.6; }
  .landing-page___productInfo2___1fDbq {
    width: 267px;
    font-size: 17px;
    font-weight: 500;
    margin-top: 25px;
    margin-left: 21px;
    color: #010430;
    line-height: 22px;
    opacity: 0.6;
    margin-bottom: 36px; }
  .landing-page___creditsContainer___RGYI- {
    display: flex;
    flex-flow: column; }
  .landing-page___productContainer___19vPE {
    background: #fff;
    width: 309px;
    height: 530px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    align-self: center; }
  .landing-page___weAreBetterText___3fI1e {
    display: none; }
  .landing-page___bottomCards___3Nmhp {
    display: flex;
    align-self: center;
    flex-flow: column; }
  .landing-page___studentInfographicPhone___3CAP0 {
    width: 250.52px;
    height: 295px;
    margin-top: 47px;
    margin-left: 53px;
    position: absolute;
    bottom: -150px; }
  .landing-page___textLineStudent___1bG4L {
    width: 303px;
    color: #010430;
    opacity: 0.8;
    font-size: 17px;
    font-weight: 500;
    margin-left: 14px; }
  .landing-page___studentHeading___2SRS9 {
    margin-left: 25px;
    width: 336px;
    color: #010430;
    opacity: 0.8;
    align-self: center;
    font-size: 40px;
    font-weight: bold;
    margin-top: 258px; }
  .landing-page___roundCircleStudent___3LyIl {
    width: 14px;
    height: 7px;
    border-radius: 10px;
    background: #1DE07D;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.45);
    margin-top: 6px; }
  .landing-page___audienceTextContainer___ar8Ez {
    display: flex;
    margin-left: 22px; }
  .landing-page___teacherRoundCircle___2DFYr {
    width: 14px;
    height: 7px;
    border-radius: 10px;
    background: #FB6627;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.45);
    margin-top: 5px; }
  .landing-page___studentInfographic___2Mdoe {
    display: none; }
  .landing-page___subStudentContainer___3fS96 {
    display: flex;
    flex-flow: column;
    align-self: center;
    background-blend-mode: normal;
    background: linear-gradient(0.38deg, #EEF4FB 38.36%, rgba(255, 244, 245, 0) 102.97%); }
  .landing-page___studentInfoContainer___3cv4k {
    display: flex;
    position: relative;
    width: 100%;
    flex-flow: column; }
  .landing-page___blueSemiCircle___36Tx2 {
    display: none; }
  .landing-page___teacherInfographic___1PtYN {
    width: 227.23px;
    height: 254.14px;
    align-self: center;
    margin-top: 64px;
    position: absolute;
    bottom: -100px; }
  .landing-page___textLineTeacher____EFs3 {
    width: 303px;
    color: #010430;
    opacity: 0.8;
    font-size: 17px;
    font-weight: 500;
    margin-left: 14px; }
  .landing-page___exploreButton___2G1sU {
    display: none; }
  .landing-page___teacherTextContainer___ppJn_ {
    display: flex;
    align-self: center; }
  .landing-page___teacherSubContainer___2NBcN {
    width: 336px;
    color: #010430;
    opacity: 0.8;
    align-self: center;
    font-size: 40px;
    font-weight: bold; }
  .landing-page___teacherContainer___3ZBk0 {
    position: relative;
    background: linear-gradient(1.58deg, #FDF6FF 11.04%, rgba(255, 244, 245, 0) 102.69%);
    display: flex;
    flex-flow: column; }
  .landing-page___fourSquares___2CDkf {
    width: 18px;
    height: 17.22px;
    margin-left: 20px;
    margin-top: 13px;
    margin-right: 9px; }
  .landing-page___exploreButtonPhone___2Ff9K {
    width: 320px;
    height: 43px;
    margin-top: 89px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    border: 2px solid #1E304B;
    border-radius: 5px;
    margin-left: 33px;
    margin-right: 28px;
    line-height: 43px;
    cursor: pointer;
    margin-bottom: 92px;
    align-self: center; }
  .landing-page___textLineAudience___3gpa8 {
    width: 312px;
    color: #010430;
    margin-left: 12px;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px; }
  .landing-page___roundCircle___2EkdD {
    width: 14px;
    height: 7px;
    border-radius: 10px;
    background: #227DF9;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.45);
    margin-top: 7px; }
  .landing-page___greenSemiCircle___3-nPO {
    height: 127px;
    position: absolute;
    top: 162px;
    right: -30px; }
  .landing-page___audienceTextContainer___ar8Ez {
    display: flex;
    margin-left: 271.6px; }
  .landing-page___schoolManagementTagLine___1q2_z {
    margin-left: 25px;
    width: 336px;
    color: #010430;
    opacity: 0.8;
    align-self: center;
    font-size: 40px;
    font-weight: bold; }
  .landing-page___encryptionLine___Ivx6u {
    width: 267px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    color: #010430;
    opacity: 0.6;
    margin-top: 10px;
    margin-left: 31px; }
  .landing-page___textAudienceContainer___1_0lF {
    display: flex;
    flex-flow: column;
    position: relative;
    background-image: linear-gradient(#FAEDEE, #FAEDEE);
    background-blend-mode: normal;
    padding-top: 30px; }
  .landing-page___targetAudienceContainer___20YB7 {
    display: flex;
    align-self: center;
    flex-flow: column;
    margin-top: 85px; }
  .landing-page___audienceInfographic___1fWUF {
    display: none; }
  .landing-page___audienceInfographicPhone___3oyL0 {
    width: 233.56px;
    height: 238px;
    align-self: center;
    position: absolute;
    bottom: -35px; }
  .landing-page___smartOnesText___i2ukG {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    opacity: 0.6;
    color: #010430;
    margin-top: 120px;
    margin-left: 24px; }
  .landing-page___whoIsAppifaxFor___3PHEG {
    width: 252px;
    top: 115px;
    margin-left: 24px;
    font-size: 40px;
    font-weight: bold;
    color: #010430;
    position: relative; }
  .landing-page___bottomNavigation___3ZaU6 {
    display: flex;
    align-self: center;
    margin-top: 30px; }
  .landing-page___individualTab___3UVeC {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #010430;
    opacity: 0.6;
    margin-left: 35.97px;
    margin-bottom: 118.95px; }
  .landing-page___videoPhoneMobile___3SzLG {
    position: absolute;
    top: 18px;
    left: 47px;
    width: 171px;
    border-radius: 15px; }
  .landing-page___extraOrdinaryLine___3Rvug {
    font-weight: normal;
    font-size: 16px;
    opacity: 0.8;
    line-height: 20px;
    align-self: center;
    margin-top: 10px;
    width: 290px; }
  .landing-page___phoneIconMobile___3RJq_ {
    width: 267px;
    height: 348.99px; }
  .landing-page___whatsetsusTagLine___18m4p {
    margin-left: 25px;
    width: 336px;
    color: #010430;
    opacity: 0.8;
    align-self: center;
    font-size: 40px;
    font-weight: bold; }
  .landing-page___appInfoContainer___3wHKE {
    display: none; }
  .landing-page___appInfoContainerMobile___3H0t9 {
    display: flex;
    flex-flow: column;
    margin-top: 258px; }
  .landing-page___videoContainerMobile___2Ncrs {
    align-self: center;
    width: 267px;
    position: relative; }
  .landing-page___signIn___3Umg0:hover {
    text-decoration: underline; }
  .landing-page___signIn___3Umg0 {
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    color: #227DF9;
    margin-left: 91.37px;
    margin-top: 41px;
    height: fit-content; }
  .landing-page___headerTopTray___2W7qS {
    display: flex; }
  .landing-page___registerButton___3o3rR {
    width: 94px;
    height: 34px;
    border: 1.5px solid #1E304B;
    border-radius: 5px;
    line-height: 34px;
    text-align: center;
    color: #1E304B;
    font-size: 15px;
    cursor: pointer;
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 18px; }
  .landing-page___bottomMostContainer___2kXu3 {
    display: flex;
    flex-flow: column; }
  .landing-page___appifaxLogoTop___bo1s8 {
    width: 75.15px;
    height: 35.51px;
    margin-left: 20px;
    margin-top: 25.36px; }
  .landing-page___tagLineExploreFlow___LuNum {
    font-size: 36px;
    font-weight: 900;
    color: #010430;
    margin-top: 24.12px;
    margin-left: 18px;
    margin-right: 15px; }
  .landing-page___tagLineBottom___17I49 {
    color: #010430;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    opacity: 0.7;
    margin-left: 18px;
    margin-right: 41px;
    line-height: 23px; }
  .landing-page___bottomMostLine___wsOxp {
    color: #010430;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.6;
    margin-top: 13px;
    margin-left: 18px; }
  .landing-page___registerNowButton___1eEZe {
    display: none; }
  .landing-page___getAppifaxButton___ZekKa {
    background: #1BCC63;
    border-radius: 3px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    width: 320px;
    height: 50px;
    display: block;
    color: #fff;
    margin-top: 25px;
    align-self: center; }
  .landing-page___topInfoGraphic___3ROiq {
    width: 275px;
    height: 247px;
    margin-top: 30px;
    align-self: center; }
  .landing-page___whoIsContainer___3inGo {
    position: relative;
    display: flex;
    flex-flow: column; }
  .landing-page___downoadAppButtons___1laTk {
    display: flex;
    flex-flow: column; }
  .landing-page___bottomFooterContainer___2VfUL {
    display: flex; }
  .landing-page___mobileImageStyle___5khXD {
    display: flex;
    flex-flow: column; } }

@media screen and (min-width: 700px) {
  .landing-page___bottomScrollButton___2h5Wa {
    height: 13px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    margin-top: 10px;
    margin-left: 6px; }
  .landing-page___bounceButtonContainer___1Is0w {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 100;
    width: fit-content;
    margin: auto; }
  .landing-page___bottomScrollContainer___3LGag {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #227DF9;
    margin-left: auto;
    margin-right: auto; }
  .landing-page___bottomFooterContainer___2VfUL {
    display: flex;
    margin-top: 56.5px; }
  .landing-page___studentInfographicPhone___3CAP0 {
    display: none; }
  .landing-page___mobileImageStyle___5khXD {
    display: flex; }
  .landing-page___downoadAppButtons___1laTk {
    display: flex; }
  .landing-page___appInfoContainerMobile___3H0t9 {
    display: none; }
  .landing-page___audienceInfographicPhone___3oyL0 {
    display: none; }
  .landing-page___subStudentContainer___3fS96 {
    display: flex;
    align-self: center; }
  .landing-page___headerTopTray___2W7qS {
    display: none; }
  .landing-page___exploreButtonPhone___2Ff9K {
    display: none; }
  .landing-page___signIn___3Umg0 {
    display: none; }
  .landing-page___registerButton___3o3rR {
    display: none; }
  .landing-page___getAppifaxButton___ZekKa {
    display: none; }
  .landing-page___appifaxLogoTop___bo1s8 {
    display: none; }
  .landing-page___bottomMostContainer___2kXu3 {
    display: flex;
    align-self: center; }
  .landing-page___topInfoGraphic___3ROiq {
    width: 509px;
    height: 455.36px;
    top: 176.6px;
    right: 75px;
    margin-left: 164px; }
  .landing-page___tagLineExploreFlow___LuNum {
    width: 449px;
    font-size: 45px;
    font-weight: 900;
    color: #1E304B;
    margin-top: 31.4px; }
  .landing-page___tagLineBottom___17I49 {
    color: #1E304B;
    font-size: 18px;
    font-weight: 600;
    width: 485px;
    margin-top: 19px;
    opacity: 0.7;
    line-height: 25px; }
  .landing-page___bottomMostLine___wsOxp {
    color: #1E304B;
    font-size: 18px;
    font-weight: 700;
    opacity: 0.6; }
  .landing-page___registerNowButton___1eEZe {
    width: 448px;
    height: 50px;
    background: #0475FF;
    border-radius: 5px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    margin-top: 47px;
    cursor: pointer; }
  .landing-page___registerNowButton___1eEZe:hover {
    opacity: 0.8; }
  .landing-page___whoIsContainer___3inGo {
    background-image: linear-gradient(#F2F9FE, #ffffff);
    background-blend-mode: normal;
    margin-top: 110px;
    position: relative;
    display: flex;
    flex-flow: column; }
  .landing-page___whoIsAppifaxFor___3PHEG {
    width: 463px;
    top: 115px;
    margin-left: -566px;
    font-size: 60px;
    font-weight: 900;
    color: #1F314A;
    position: relative;
    align-self: center; }
  .landing-page___smartOnesText___i2ukG {
    font-size: 25px;
    opacity: 0.9;
    color: #1E304B;
    font-weight: 400;
    margin-top: 130px;
    margin-left: -650px;
    align-self: center; }
  .landing-page___targetAudienceContainer___20YB7 {
    display: flex;
    align-self: center; }
  .landing-page___audienceInfographic___1fWUF {
    margin-left: -212.88px;
    width: 669.25px;
    height: 573.3px;
    margin-top: 79px; }
  .landing-page___studentInfographic___2Mdoe {
    width: 705.65px;
    height: 749.69px;
    margin-top: 79px;
    margin-right: 119.5px;
    margin-left: -300px; }
  .landing-page___textAudienceContainer___1_0lF {
    display: flex;
    flex-flow: column;
    position: relative; }
  .landing-page___schoolManagementTagLine___1q2_z {
    width: 600px;
    margin-top: 139px;
    margin-left: 69.6px;
    font-size: 50px;
    font-weight: 900;
    color: #1F314A; }
  .landing-page___audienceTextContainer___ar8Ez {
    display: flex;
    margin-left: 78.6px; }
  .landing-page___roundCircle___2EkdD {
    width: 30px;
    height: 12px;
    border-radius: 10px;
    border: 4px solid #3D82F8; }
  .landing-page___roundCircleStudent___3LyIl {
    width: 30px;
    height: 12px;
    border-radius: 10px;
    border: 4px solid #1DE07D; }
  .landing-page___textLineAudience___3gpa8 {
    width: 619px;
    color: #1F314A;
    font-size: 20px;
    font-weight: 600;
    margin-left: 25px; }
  .landing-page___textLineStudent___1bG4L {
    width: 476px;
    color: #1F314A;
    font-size: 20px;
    font-weight: 600;
    margin-left: 25px; }
  .landing-page___textLineTeacher____EFs3 {
    width: 619px;
    color: #1F314A;
    font-size: 20px;
    font-weight: 600;
    margin-left: 25px; }
  .landing-page___exploreButton___2G1sU {
    width: 551px;
    height: 61px;
    margin-top: 49px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    border: 2px solid #1E304B;
    border-radius: 35px;
    margin-left: 71.6px;
    line-height: 61px;
    cursor: pointer;
    margin-bottom: 198px; }
  .landing-page___exploreButton___2G1sU:hover {
    background: #F7F7F8; }
  .landing-page___fourSquares___2CDkf {
    width: 23px;
    height: 22px;
    margin-left: 54px;
    margin-top: 20px;
    margin-right: 19px; }
  .landing-page___teacherContainer___3ZBk0 {
    background-blend-mode: normal;
    position: relative;
    margin-top: -70px;
    display: flex;
    background-image: linear-gradient(#F4EFF5, #ffffff);
    flex-flow: column; }
  .landing-page___teacherSubContainer___2NBcN {
    width: 460px;
    margin-top: 115px;
    font-size: 50px;
    font-weight: 900;
    color: #1F314A;
    align-self: center; }
  .landing-page___teacherRoundCircle___2DFYr {
    width: 30px;
    height: 12px;
    border-radius: 10px;
    border: 4px solid #FB6627; }
  .landing-page___teacherTextContainer___ppJn_ {
    display: flex;
    margin-left: 200px; }
  .landing-page___teacherInfographic___1PtYN {
    width: 535.84px;
    height: 563.97px;
    align-self: center; }
  .landing-page___studentInfoContainer___3cv4k {
    display: flex;
    position: relative;
    margin-top: 184.1px;
    width: 100%;
    flex-flow: column; }
  .landing-page___studentHeading___2SRS9 {
    width: 527px;
    font-size: 50px;
    font-weight: 900;
    color: #1F314A; }
  .landing-page___appInfoContainer___3wHKE {
    display: flex;
    align-self: center;
    flex-flow: column; }
  .landing-page___phoneIcon___BNI7p {
    width: 468.74px;
    height: 644.09px;
    margin-top: 167px;
    position: relative; }
  .landing-page___appIconHeading___2hRqD {
    width: 411px;
    font-size: 60px;
    font-weight: 900;
    color: #1F314A;
    margin-top: 364px;
    margin-left: 104.3px; }
  .landing-page___bottomLine___1pz2A {
    width: 424px;
    font-size: 23px;
    font-weight: 400;
    margin-left: 104.3px;
    margin-top: 26px;
    color: #1F314A;
    opacity: 0.7; }
  .landing-page___creditsContainer___RGYI- {
    margin-top: 102.5px;
    background-image: linear-gradient(#FEF9EE, #ffffff);
    display: flex;
    flex-flow: column; }
  .landing-page___weAreBetterText___3fI1e {
    font-size: 60px;
    font-weight: 900;
    color: #000000;
    margin-left: -437px;
    align-self: center;
    padding-top: 89.4px; }
  .landing-page___bottomCards___3Nmhp {
    display: flex;
    margin-top: 87px;
    align-self: center; }
  .landing-page___productContainer___19vPE {
    background: #fff;
    width: 519px;
    height: 630px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16); }
  .landing-page___safeContainer___2etqF {
    background: #fff;
    width: 519px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    margin-left: 60px;
    position: relative;
    padding-bottom: 20px; }
  .landing-page___productHeading___Mvc-1 {
    font-weight: 700;
    font-size: 37px;
    margin-left: 51px;
    margin-top: 25px;
    width: 280px; }
  .landing-page___productInfo___ltwTq {
    width: 442px;
    font-size: 18px;
    font-weight: 400;
    margin-top: 67px;
    margin-left: 50px;
    color: #1F314A; }
  .landing-page___productInfo2___1fDbq {
    width: 445px;
    font-size: 18px;
    font-weight: 400;
    margin-top: 23px;
    margin-left: 50px;
    color: #1F314A; }
  .landing-page___safeHeadingContainer___Y7R_g {
    display: flex; }
  .landing-page___safeHeadingText___pKHwH {
    width: 157px;
    margin-left: 50px;
    margin-top: 25px;
    font-size: 37px;
    font-weight: 900;
    color: #000000; }
  .landing-page___safeIcon___Y91D0 {
    width: 73.98px;
    height: 105.74px;
    margin-left: 156.2px;
    margin-top: 46.7px; }
  .landing-page___safeTextLine1___2qflt {
    width: 440px;
    font-size: 18px;
    font-weight: 400;
    color: #1F314A;
    margin-top: 18px;
    margin-left: 40px; }
  .landing-page___safeTextLine2___1TrHi {
    width: 392px;
    font-size: 18px;
    font-weight: 400;
    color: #1F314A;
    margin-top: 27px;
    margin-left: 40px; }
  .landing-page___safeTextLine3___HfV2A {
    width: 409px;
    font-size: 18px;
    font-weight: 400;
    color: #1F314A;
    margin-top: 27px;
    margin-left: 40px; }
  .landing-page___safeTextLine4___3UBg0 {
    width: 256px;
    font-size: 23px;
    font-weight: 400;
    color: #1F314A;
    margin-top: 32px;
    margin-left: 41px; }
  .landing-page___creditCards___j8kmk {
    width: 418.27px;
    height: 31.97px;
    margin-top: 14.7px;
    margin-left: 40px; }
  .landing-page___pciDssLine___2fXKK {
    width: 146.05px;
    height: 23.84px;
    margin-top: 26.5px;
    margin-left: 40.9px; }
  .landing-page___updatesContainer___14QVo {
    width: 1093px;
    height: 612px;
    background: #3D82F8;
    border-radius: 0px 0px 130px 130px;
    margin-top: 40px;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    display: flex;
    margin-bottom: -80px;
    align-self: center;
    position: relative; }
  .landing-page___endlessUpdates___2ireq {
    width: 360px;
    font-size: 72px;
    font-weight: 700;
    color: #FFFFFF;
    margin-top: 229px;
    margin-left: 90px; }
  .landing-page___endlessContent___3U_yD {
    width: 487px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 76px;
    margin-top: 284px;
    line-height: 30px; }
  .landing-page___stayTogetherContainer___3GTQJ {
    height: 711px;
    background: #E8E8E8;
    display: flex;
    flex-flow: column; }
  .landing-page___stayTogetherText___6S7fY {
    width: 321px;
    font-size: 50px;
    font-weight: 900;
    color: #1F314A;
    padding-top: 168px;
    margin-left: 51px;
    line-height: 60px; }
  .landing-page___alwaysStayConnectedLine___2rRHM {
    width: 234px;
    font-size: 22px;
    font-weight: 500;
    color: #1F314A;
    margin-left: 421px;
    margin-top: 212px;
    opacity: .5; }
  .landing-page___stayTogetherTopContainer___1Ktr6 {
    display: flex;
    align-self: center; }
  .landing-page___appleStore___1P7aP {
    width: 168px;
    height: 53px;
    margin-left: 366px;
    margin-top: 26px;
    cursor: pointer; }
  .landing-page___playStore___1v31M {
    margin-left: 22px;
    margin-top: 26px;
    width: 167px;
    height: 53px;
    cursor: pointer; }
  .landing-page___playStore___1v31M:hover {
    opacity: 0.8; }
  .landing-page___comeOnlineText___1RTOK {
    margin-top: 125px;
    font-size: 35px;
    font-weight: 900;
    color: #1F314A;
    align-self: center;
    margin-left: -500px;
    opacity: 0.5; }
  .landing-page___connectedBottomContainer___22R2L {
    display: flex;
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;
    line-height: 52px;
    color: rgba(31, 49, 74, 0.5);
    align-self: center;
    margin-left: -200px;
    margin-bottom: 106px; }
  .landing-page___registerNowContainer___3g2vX {
    font-size: 18px;
    font-weight: 600;
    color: #1F314A;
    line-height: 55px;
    height: 55px;
    width: 376px;
    background: #D6D6D6;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 20px; }
  .landing-page___registerNowContainer___3g2vX:hover {
    opacity: 0.8; }
  .landing-page___contactNowContainer___2vzyd:hover {
    opacity: 0.8; }
  .landing-page___contactNowContainer___2vzyd {
    font-size: 18px;
    font-weight: 600;
    color: #1F314A;
    line-height: 55px;
    height: 55px;
    width: 376px;
    background: #D6D6D6;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    margin-left: 19px; }
  .landing-page___bottomTermsContainerPhone___1va1f {
    display: none; }
  .landing-page___footerContainer___3WHYW {
    background: #F9F9F9;
    display: flex;
    flex-flow: column; }
  .landing-page___appifaxLogoFooter___3bbFS {
    width: 77.41px;
    height: 35.53px; }
  .landing-page___row1Container___1lddA {
    margin-left: 206px;
    margin-top: 20px;
    display: flex;
    flex-flow: column; }
  .landing-page___individualText___3blKZ {
    margin-bottom: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #010430;
    cursor: pointer; }
  .landing-page___row2Container___3hjRa {
    margin-left: 148px;
    margin-top: 20px;
    display: flex;
    flex-flow: column; }
  .landing-page___row3Container___2VXMi {
    margin-left: 187px;
    margin-top: 20px; }
  .landing-page___contactUsText___DBPOc {
    font-size: 13px;
    font-weight: 400;
    color: #1F314A;
    opacity: 0.8; }
  .landing-page___emailItemContainer___2ez15 {
    display: flex;
    margin-top: 9px; }
  .landing-page___emailIcon___yCFPa {
    width: 16.52px;
    height: 12.44px;
    margin-right: 11.5px; }
  .landing-page___phoneIconNew___YewmK {
    width: 10.77px;
    height: 17.5px;
    margin-right: 11.5px; }
  .landing-page___emailText___34NNl {
    font-size: 16px;
    color: #227DF9;
    font-weight: 500;
    text-decoration: none;
    margin-top: -3px; }
  .landing-page___phoneText___DV_Pv {
    font-size: 16px;
    color: #010430;
    font-weight: 500;
    text-decoration: none; }
  .landing-page___locationIcon___1ynea {
    width: 12.22px;
    height: 17.3px;
    color: #1F314A; }
  .landing-page___addressText___xIdy8 {
    margin-left: 14.8px;
    width: 174px;
    font-size: 13px;
    font-weight: 400;
    color: #1F314A;
    margin-bottom: 10px; }
  .landing-page___rootLandingPageContainer___1pxWm {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden; }
  .landing-page___individualText___3blKZ:hover {
    text-decoration: underline; }
  .landing-page___postOptionsFlow___omL-F {
    width: 205px;
    height: 251px;
    position: sticky;
    top: 230px;
    left: 570px;
    margin-bottom: 220px; }
  .landing-page___postOptionsFlowSticky___3CNzt {
    width: 205px;
    height: 251px;
    position: fixed;
    top: 120px;
    left: 530px; }
  .landing-page___postsContainer___qrQaU {
    display: flex;
    height: 50px;
    border-radius: 10px;
    cursor: pointer; }
  .landing-page___postsContainer___qrQaU:hover {
    background: #e5f0ff;
    box-shadow: rgba(0, 62, 178, 0.2) 0px 1px 5px; }
  .landing-page___postContentIcon___29ZAv {
    width: 30px;
    height: 30px;
    margin-left: 19px;
    margin-top: 10.1px; }
  .landing-page___postContentText___1z_Dn {
    margin-left: 30px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    opacity: 0.5;
    color: #1F314A; }
  .landing-page___videoPhone___1aDiG {
    position: absolute;
    top: 301px;
    width: 223.5px;
    border-radius: 21px;
    right: 82.5px; }
  .landing-page___footerElement___26OBB {
    position: relative;
    border-top: 1px solid #dedede;
    padding-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #86868B;
    line-height: 25px;
    margin-bottom: 10px; }
    .landing-page___footerElement___26OBB span {
      position: absolute;
      right: 0px;
      color: rgba(1, 4, 30, 0.5);
      line-height: 17px; }
  .landing-page___mobileBreak___2IKqi {
    display: none; }
  .landing-page___indiaFlag___dOha7 {
    width: 18px;
    height: 18px;
    top: 10px;
    position: absolute;
    right: 32px; }
  .landing-page___headerContainer___3oQ2r {
    display: flex;
    align-self: center;
    margin-top: 64.6px;
    flex-flow: column; }
  .landing-page___topLevelFooter___3r9KY {
    align-self: center;
    width: 1083px; }
  .landing-page___encryptionLine___Ivx6u {
    display: none; }
  .landing-page___greenSemiCircle___3-nPO {
    width: 156.52px;
    height: 291.29px;
    position: absolute;
    top: 656px;
    right: 0; }
  .landing-page___blueSemiCircle___36Tx2 {
    width: 128.55px;
    height: 255.36px;
    position: absolute;
    right: 0; }
  .landing-page___videoContainer___3b_Lh {
    position: sticky;
    top: -129px;
    height: 100%;
    left: 110px; } }

@media screen and (min-width: 1500px) {
  .landing-page___tagLineExploreFlow___LuNum {
    width: 561.25px;
    font-size: 56.25px;
    font-weight: 900;
    color: #1E304B;
    margin-top: 31.4px; }
  .landing-page___appifaxLogoTop___bo1s8 {
    display: none; }
  .landing-page___tagLineBottom___17I49 {
    color: #1E304B;
    font-size: 22.5px;
    font-weight: 600;
    width: 606.25px;
    margin-top: 19px;
    opacity: 0.7;
    line-height: 25px; }
  .landing-page___bottomMostLine___wsOxp {
    color: #1E304B;
    font-size: 22.5px;
    font-weight: 700;
    opacity: 0.6; }
  .landing-page___registerNowButton___1eEZe {
    width: 560px;
    height: 62.5px;
    background: #0475FF;
    border-radius: 5px;
    color: #fff;
    line-height: 62.5px;
    text-align: center;
    font-size: 18.75px;
    font-weight: 700;
    margin-top: 47px;
    cursor: pointer; }
  .landing-page___topInfoGraphic___3ROiq {
    width: 636.25px;
    height: 569.2px;
    top: 176.6px;
    right: 75px;
    margin-left: 164px; } }

@-webkit-keyframes landing-page___bounce___39eue {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
  40% {
    -webkit-transform: translateY(5px); }
  60% {
    -webkit-transform: translateY(3px); } }

@keyframes landing-page___bounce___39eue {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(5px); }
  60% {
    transform: translateY(3px); } }

.landing-page___bounce___39eue {
  -webkit-animation-name: landing-page___bounce___39eue;
  animation-name: landing-page___bounce___39eue;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count: infinite; }

.app-info-container-attendance___postItemsContainer___3cpCD {
  margin-left: 90px;
  margin-top: 231px; }

.app-info-container-attendance___itemHeading___3JQWg {
  font-size: 40px;
  font-weight: 700;
  color: #F0711B; }

.app-info-container-attendance___itemTagLine___ifAMd {
  color: #1F314A;
  width: 412px;
  font-size: 40px;
  font-weight: 700; }

.app-info-container-attendance___itemMatter___1uPAs {
  width: 479px;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #1F314A; }

.app-info-container-post___postItemsContainer___10CfW {
  margin-left: 90px;
  margin-top: 231px; }

.app-info-container-post___itemHeading___2BFrY {
  font-size: 40px;
  font-weight: 700;
  color: #FF2951; }

.app-info-container-post___itemTagLine___3nGlI {
  color: #1F314A;
  width: 390px;
  font-size: 40px;
  font-weight: 700; }

.app-info-container-post___itemMatter___tNuxv {
  width: 479px;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #1F314A; }

.app-info-container-profile___postItemsContainer___unSlQ {
  margin-left: 90px;
  margin-top: 231px; }

.app-info-container-profile___itemHeading___1yKo3 {
  font-size: 40px;
  font-weight: 700;
  color: #774BE1; }

.app-info-container-profile___itemTagLine___1OXP3 {
  color: #1F314A;
  width: 390px;
  font-size: 40px;
  font-weight: 700; }

.app-info-container-profile___itemMatter___3DUCz {
  width: 479px;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #1F314A; }

.app-info-container-message___postItemsContainer___2MJqq {
  margin-left: 90px;
  margin-top: 231px; }

.app-info-container-message___itemHeading___-XgVS {
  font-size: 40px;
  font-weight: 700;
  color: #37C525; }

.app-info-container-message___itemTagLine___1se7_ {
  color: #1F314A;
  width: 369px;
  font-size: 40px;
  font-weight: 700; }

.app-info-container-message___itemMatter___3hJoQ {
  width: 479px;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #1F314A; }

.app-info-container-payment___postItemsContainer___3tuv3 {
  margin-left: 90px;
  margin-top: 231px; }

.app-info-container-payment___itemHeading___3LHur {
  font-size: 40px;
  font-weight: 700;
  color: #1779FD; }

.app-info-container-payment___itemTagLine___WnrBY {
  color: #1F314A;
  width: 388px;
  font-size: 40px;
  font-weight: 700; }

.app-info-container-payment___itemMatter___2W63D {
  width: 479px;
  margin-top: 14px;
  font-size: 20px;
  font-weight: 400;
  color: #1F314A; }

.product-info___backDrop___17VfX {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  backdrop-filter: blur(10px); }

.product-info___featuresContainer___2Nljb {
  width: 954px;
  top: 0;
  bottom: 0;
  background: #fff;
  position: fixed;
  align-self: center;
  z-index: 500;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); }

.product-info___borderlessCross___3Z2Nq {
  width: 20.61px;
  height: 20.61px;
  top: 42.7px;
  right: 41.7px;
  position: absolute;
  cursor: pointer; }

.product-info___headingText___Ci1b7 {
  width: 828px;
  height: 101px;
  margin-top: 101px;
  margin-left: 51px;
  font-size: 36px;
  font-weight: 600; }

.product-info___featureTagLine___2KD89 {
  margin-top: 64px;
  margin-left: 397px;
  font-size: 25px;
  font-weight: 600;
  color: #1E304B;
  margin-bottom: 45px; }

.product-info___itemContainerFlow___SpN3R {
  margin-left: 103px;
  display: flex;
  margin-bottom: 58px;
  height: 188px; }

.product-info___itemName___2Pt-m {
  font-size: 25px;
  font-weight: 600;
  color: #1E304B;
  align-self: center; }

.product-info___featuresContainerIndividual___3eCNC {
  width: 608px;
  border-radius: 10px;
  height: 198px;
  position: absolute;
  right: 55px;
  padding-bottom: 4px; }

.product-info___itemIndividualTexts___3lIaD {
  display: flex;
  position: relative;
  margin-bottom: 19px; }

.product-info___individualText___2jDQy {
  font-size: 16px;
  font-weight: 500;
  color: #1E304B; }

.product-info___checkmarkRight___2qyIz {
  width: 15.48px;
  height: 10px;
  position: absolute;
  right: 32px; }

.user-onboarding___rootContainer___-taKI {
  display: flex;
  flex-flow: column;
  background: #E5E5E5;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  padding-bottom: 40px; }

.user-onboarding___letsRegister___2j78F {
  font-size: 25px;
  opacity: 0.8;
  color: #010430;
  margin-top: 18px;
  font-weight: 900; }

.user-onboarding___categoryTagLine___7j9s2 {
  font-size: 13px;
  opacity: 0.5;
  margin-top: 5px; }

.user-onboarding___stillNotClearText___DoapM {
  font-size: 15px;
  opacity: 0.8;
  margin-top: 32px;
  color: #333333;
  font-weight: 500; }

.user-onboarding___getHelpButton___1Xtnc {
  width: 93px;
  height: 38px;
  border-radius: 5px;
  background: #227DF9;
  border: 1px solid #227DF9;
  margin-top: 21px;
  margin-left: 15px;
  position: relative;
  display: flex;
  cursor: pointer; }

.user-onboarding___phoneIcon___1n18P {
  width: 20px;
  height: 20px;
  margin-top: 9px;
  margin-left: 8px; }

.user-onboarding___getHelpText___26Ix8 {
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  color: #fff; }

.user-onboarding___bottomContainer___3iEVA {
  align-self: center;
  display: flex;
  flex-flow: column; }

.user-onboarding___newSchoolOnborading___9xgXm {
  width: 512px;
  height: 285px; }

.user-onboarding___alreadyUsingAppifax___1Odck {
  width: 510px;
  height: 285px; }

.user-onboarding___schoolOnboardingHeading___rh5_d {
  font-size: 18px;
  margin-top: 30px;
  align-self: center;
  font-weight: 700; }

.user-onboarding___bottomTagLine___3f7Mm {
  font-size: 13px;
  line-height: 20px;
  align-self: center; }

.user-onboarding___getStartedButton___enVUE {
  background: #F2F3F7;
  border-radius: 5px;
  width: 106px;
  height: 35px;
  color: #227DF9;
  line-height: 35px;
  align-self: center;
  text-align: center;
  margin-top: 23px;
  margin-bottom: 30px;
  cursor: pointer; }

.new-school-onboarding___rootContainer___1Idhy {
  display: flex;
  flex-flow: column;
  background: #E5E5E5;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.new-school-onboarding___letsRegister___1wShe {
  font-size: 25px;
  opacity: 0.8;
  color: #010430;
  margin-top: 18px;
  font-weight: 900; }

.new-school-onboarding___categoryTagLine___3_SMU {
  font-size: 13px;
  opacity: 0.5;
  margin-top: 5px; }

.new-school-onboarding___stillNotClearText___3A17t {
  font-size: 15px;
  opacity: 0.8;
  margin-top: 32px;
  color: #333333;
  font-weight: 500; }

.new-school-onboarding___getHelpButton___3rmmO {
  width: 93px;
  height: 38px;
  border-radius: 5px;
  background: #227DF9;
  border: 1px solid #227DF9;
  margin-top: 21px;
  margin-left: 15px;
  position: relative;
  display: flex;
  cursor: pointer; }

.new-school-onboarding___phoneIcon___1rIy5 {
  width: 20px;
  height: 20px;
  margin-top: 9px;
  margin-left: 8px; }

.new-school-onboarding___getHelpText___3p_eL {
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  color: #fff; }

.new-school-onboarding___bottomContainer___1TpMz {
  align-self: center;
  display: flex;
  flex-flow: column; }

.new-school-onboarding___newSchoolOnborading___27jFf {
  width: 100%;
  height: 285px; }

.new-school-onboarding___alreadyUsingAppifax___2WamK {
  width: 100%;
  height: 285px; }

.new-school-onboarding___schoolOnboardingHeading___2mwXI {
  font-size: 18px;
  margin-top: 30px;
  align-self: center;
  font-weight: 700; }

.new-school-onboarding___bottomTagLine___AcOCg {
  font-size: 13px;
  line-height: 20px;
  align-self: center; }

.new-school-onboarding___getStartedButton___2Vjde {
  background: #F2F3F7;
  border-radius: 5px;
  width: 106px;
  height: 35px;
  color: #227DF9;
  line-height: 35px;
  align-self: center;
  text-align: center;
  margin-top: 23px;
  margin-bottom: 30px;
  cursor: pointer; }

.new-school-onboarding___backButton___1nCz7 {
  width: 14.09px;
  height: 11.5px;
  position: absolute;
  cursor: pointer;
  top: 34px;
  left: 20px; }

.new-school-onboarding___alreadyUsingAppifaxHeading___PXTZy {
  font-size: 25px;
  font-weight: 900;
  margin-top: 25px;
  margin-left: 71px; }

.new-school-onboarding___alreadyUsingAppifaxTagLine___2oW52 {
  font-size: 13px;
  opacity: 0.8;
  line-height: 18px;
  margin-top: 6px;
  margin-left: 73px;
  margin-bottom: 14px; }

.new-school-onboarding-stage___activeStage___OPrFy {
  width: 48px;
  height: 8px;
  border-radius: 10px;
  border: 1px solid #FFA12B;
  margin-right: 10px; }

.new-school-onboarding-stage___preactiveStage___2ASPo {
  width: 50px;
  height: 10px;
  border-radius: 10px;
  background: #FFA12B;
  margin-right: 10px; }

.new-school-onboarding-stage___stagesContainer___2l8AC {
  display: flex;
  margin-left: 74px; }

.new-school-onboarding-stage___inactiveStage___3jRc_ {
  width: 50px;
  height: 10px;
  border-radius: 10px;
  background: #F2F3F7;
  margin-right: 10px; }

.new-school-onboarding-stage___tellUsAbout___26TwW {
  font-size: 13px;
  opacity: 0.8;
  margin-top: 20px;
  margin-left: 72px; }

.new-school-onboarding-stage___firstnameInput___2elKE {
  margin-top: 30px;
  margin-left: 72px;
  display: flex; }

.new-school-onboarding-stage___dobHeader___ugcBC {
  margin-top: 9px;
  margin-left: 74px;
  font-size: 10px;
  opacity: 0.7; }

.new-school-onboarding-stage___genderLabel___1Iitz {
  font-size: 10px;
  margin-right: 15px;
  margin-left: 8px; }

.new-school-onboarding-stage___dateComponent___399Tb {
  border: 0.5px solid rgba(1, 4, 30, 0.4);
  width: 36px;
  height: 25px;
  font-size: 11px;
  border-radius: 5px 0 0 5px; }

.new-school-onboarding-stage___yearComponent___lJcnG {
  border: 0.5px solid rgba(1, 4, 30, 0.4);
  width: 49px;
  height: 25px;
  font-size: 11px;
  border-radius: 0 5px 5px 0; }

.new-school-onboarding-stage___monthComponent___3Nw15 {
  border: 0.5px solid rgba(1, 4, 30, 0.4);
  width: 40px;
  height: 25px;
  font-size: 11px; }

.new-school-onboarding-stage___userRegistrationCalender___ndCq- {
  margin-left: 22px;
  width: 20px;
  height: 20.02px; }

.new-school-onboarding-stage___requestOtpButton___3zMO8 {
  width: 364px;
  height: 35px;
  background: #1BCC63;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  margin-left: 74px;
  margin-top: 8px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px; }

.new-school-onboarding-stage___schoolnameInput___23wGY {
  width: 348px;
  height: 30px;
  margin-left: 72px;
  margin-top: 15px;
  padding-left: 20px;
  border: 0.5px solid rgba(1, 4, 30, 0.3);
  border-radius: 5px;
  font-size: 10px; }

.new-school-onboarding-stage___verificationDocLine___32zur {
  font-size: 10px;
  opacity: 0.8;
  margin-left: 72px;
  margin-top: 15px; }

.new-school-onboarding-stage___proofContainer___15ecy {
  height: 30px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  display: flex;
  cursor: pointer;
  margin-right: 10px;
  padding-right: 7px; }

.new-school-onboarding-stage___plusIcon___3ODF8 {
  width: 12px;
  height: 12px;
  margin-top: 9px;
  margin-left: 10px; }

.new-school-onboarding-stage___proofText___2gzb1 {
  font-size: 10px;
  margin-left: 5px;
  margin-top: 10px;
  opacity: 0.8; }

.new-school-onboarding-stage___filledProofText___3Kzap {
  font-size: 10px;
  margin-left: 5px;
  opacity: 0.8;
  position: absolute;
  bottom: -15px; }

.new-school-onboarding-stage___knowMoreIcon___3ufHb {
  width: 15px;
  height: 15px;
  margin-left: 11px;
  margin-top: 9px; }

.new-school-onboarding-stage___requestOtpButtonOnboarding___20Z_r {
  width: 207px;
  height: 35px;
  background: #1BCC63;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  margin-left: 74px;
  margin-top: 30px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500; }

.new-school-onboarding-stage___tagLineMobile___2wbr6 {
  font-size: 15px;
  opacity: 0.8;
  line-height: 18px;
  margin-top: 24px;
  margin-left: 73px;
  font-weight: 500; }

.new-school-onboarding-stage___passwordBox___3IE6l {
  width: 187px;
  height: 28px;
  border: 0.5px solid rgba(1, 4, 30, 0.3);
  border-radius: 5px;
  margin-left: 73px;
  margin-top: 10px;
  font-size: 10px;
  line-height: 28px;
  padding-left: 20px; }

.new-school-onboarding-stage___bottomRegisteredTagLine___plZ3_ {
  font-size: 11px;
  opacity: 0.8;
  margin-left: 73px;
  margin-top: 18px; }

.new-school-onboarding-stage___otpComponent___2Lieo {
  margin-left: 62px;
  margin-top: 13px; }

.new-school-onboarding-stage___passwordRecoveryText___pqWiH {
  font-size: 13px;
  color: rgba(1, 4, 48, 0.5);
  margin-top: 15px;
  margin-left: 72px;
  display: flex;
  line-height: 25px; }

.new-school-onboarding-stage___resendOtpButton___xYSIp {
  border: 1px solid rgba(1, 4, 30, 0.4);
  border-radius: 20px;
  width: 99px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  cursor: pointer;
  margin-left: 6.36px;
  font-size: 11px; }

.new-school-onboarding-stage___requestOtpTimeout___3WVaf {
  color: #FF3653;
  margin-left: 8px;
  font-size: 11px; }

.new-school-onboarding-stage___congratulationText___prdhv {
  font-size: 18px;
  opacity: 0.8;
  font-weight: 600;
  margin-top: 72px;
  margin-left: 180px; }

.new-school-onboarding-stage___successfulRegisterLine___3S74X {
  font-size: 12px;
  opacity: 0.6;
  margin-top: 5px;
  margin-left: 161px; }

.new-school-onboarding-stage___aapifaxTagLine___nBoOS {
  font-size: 12px;
  opacity: 0.6;
  margin-left: 222px; }

.new-school-onboarding-stage___highVolumeText___2zcPo {
  margin-left: 112px;
  opacity: 0.8;
  font-size: 13px;
  margin-top: 34px; }

.new-school-onboarding-stage___changeNoText___2QooW {
  font-size: 11px;
  color: #227DF9;
  margin-top: 30px;
  margin-left: 13px;
  cursor: pointer; }

.new-school-onboarding-stage___invalidMessage___1XCmZ {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-top: 5px;
  display: none; }

.new-school-onboarding-stage___firstnameInput___2elKE:invalid + .new-school-onboarding-stage___invalidMessage___1XCmZ {
  display: block; }

input:invalid + .new-school-onboarding-stage___invalidMessage___1XCmZ {
  display: block; }

.new-school-onboarding-stage___filledFile___33FNb {
  width: 117px;
  height: 35px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin-right: 10px;
  display: flex;
  background: #F2F3F7;
  position: relative; }

.new-school-onboarding-stage___docIcon___1hz4D {
  width: 23.33px;
  height: 28px;
  margin-left: 5px;
  margin-top: 4px; }

.new-school-onboarding-stage___fileNameAndSize___3hr_I {
  display: flex;
  flex-flow: column;
  margin-left: 8.67px; }

.new-school-onboarding-stage___fileName___3e4I8 {
  font-size: 13px;
  opacity: 0.6;
  line-height: 16px;
  font-weight: 600;
  margin-top: 1px;
  width: 69px;
  height: 20px;
  overflow: hidden; }

.new-school-onboarding-stage___fileSize___Fsqq7 {
  font-size: 9px;
  opacity: 0.6; }

.new-school-onboarding-stage___crossBorderless___T4VsN {
  width: 7px;
  height: 7px;
  cursor: pointer;
  margin-top: 5px; }

.new-school-onboarding-stage___floatingLabel___3V0tS {
  position: relative; }
  .new-school-onboarding-stage___floatingLabel___3V0tS label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .new-school-onboarding-stage___floatingLabel___3V0tS input {
    outline: none;
    width: 159px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 30px;
    border: 0.5px solid rgba(1, 4, 30, 0.3); }
  .new-school-onboarding-stage___floatingLabel___3V0tS input:not(:placeholder-shown), .new-school-onboarding-stage___floatingLabel___3V0tS input:focus {
    padding-top: 10px;
    outline: none;
    width: 169px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 20px;
    border: 0.5px solid rgba(1, 4, 30, 0.3); }
  .new-school-onboarding-stage___floatingLabel___3V0tS input:not(:placeholder-shown) + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .new-school-onboarding-stage___floatingLabel___3V0tS input:focus + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .new-school-onboarding-stage___floatingLabel___3V0tS input:focus::-webkit-input-placeholder {
    color: transparent; }
  .new-school-onboarding-stage___floatingLabel___3V0tS input:focus {
    border-bottom: 1px solid #0062FF; }
  .new-school-onboarding-stage___floatingLabel___3V0tS .new-school-onboarding-stage___invalidMessage___1XCmZ {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .new-school-onboarding-stage___floatingLabel___3V0tS input:invalid + label + .new-school-onboarding-stage___invalidMessage___1XCmZ {
    display: block; }

.new-school-onboarding-stage___firstnameInputSelect___mMI4a {
  border: 0.5px solid rgba(1, 4, 30, 0.3);
  width: 159px;
  height: 30px;
  padding-left: 20px;
  line-height: 30px;
  border-radius: 5px;
  font-size: 10px;
  margin-top: 15px;
  margin-left: 72px;
  color: rgba(1, 4, 30, 0.8); }

.already-using-appifax___rootContainer___2Z4-N {
  display: flex;
  flex-flow: column;
  background: #E5E5E5;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.already-using-appifax___letsRegister___9wRBT {
  font-size: 25px;
  opacity: 0.8;
  color: #010430;
  margin-top: 18px;
  font-weight: 900; }

.already-using-appifax___categoryTagLine___2gjoq {
  font-size: 13px;
  opacity: 0.5;
  margin-top: 5px; }

.already-using-appifax___stillNotClearText___2P8UX {
  font-size: 15px;
  opacity: 0.8;
  margin-top: 32px;
  color: #333333;
  font-weight: 500; }

.already-using-appifax___getHelpButton___1IMxf {
  width: 93px;
  height: 38px;
  border-radius: 5px;
  background: #227DF9;
  border: 1px solid #227DF9;
  margin-top: 21px;
  margin-left: 15px;
  position: relative;
  display: flex;
  cursor: pointer; }

.already-using-appifax___phoneIcon___3NRaQ {
  width: 20px;
  height: 20px;
  margin-top: 9px;
  margin-left: 8px; }

.already-using-appifax___getHelpText___2B5PP {
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  color: #fff; }

.already-using-appifax___bottomContainer___36tpp {
  align-self: center;
  display: flex;
  flex-flow: column; }

.already-using-appifax___newSchoolOnborading___1yIcQ {
  width: 100%;
  height: 285px; }

.already-using-appifax___alreadyUsingAppifax___gJ8k- {
  width: 100%;
  height: 285px; }

.already-using-appifax___schoolOnboardingHeading___1MlRo {
  font-size: 18px;
  margin-top: 30px;
  align-self: center;
  font-weight: 700; }

.already-using-appifax___bottomTagLine___3m6OS {
  font-size: 13px;
  line-height: 20px;
  align-self: center; }

.already-using-appifax___getStartedButton___3n1Hi {
  background: #F2F3F7;
  border-radius: 5px;
  width: 106px;
  height: 35px;
  color: #227DF9;
  line-height: 35px;
  align-self: center;
  text-align: center;
  margin-top: 23px;
  margin-bottom: 30px;
  cursor: pointer; }

.already-using-appifax___backButton___4dxjb {
  width: 14.09px;
  height: 11.5px;
  position: absolute;
  cursor: pointer;
  top: 34px;
  left: 20px; }

.already-using-appifax___alreadyUsingAppifaxHeading___1sqjV {
  font-size: 25px;
  font-weight: 900;
  margin-top: 25px;
  margin-left: 71px; }

.already-using-appifax___alreadyUsingAppifaxTagLine___3Ye8q {
  font-size: 13px;
  opacity: 0.8;
  line-height: 18px;
  margin-top: 6px;
  margin-left: 73px;
  margin-bottom: 14px; }

.already-using-appifax-stage___activeStage___17ytB {
  width: 48px;
  height: 8px;
  border-radius: 10px;
  border: 1px solid #FFA12B;
  margin-right: 10px; }

.already-using-appifax-stage___preactiveStage___15R8Q {
  width: 50px;
  height: 10px;
  border-radius: 10px;
  background: #FFA12B;
  margin-right: 10px; }

.already-using-appifax-stage___stagesContainer___20Vr7 {
  display: flex;
  margin-left: 74px; }

.already-using-appifax-stage___inactiveStage___3oXY0 {
  width: 50px;
  height: 10px;
  border-radius: 10px;
  background: #F2F3F7;
  margin-right: 10px; }

.already-using-appifax-stage___tagLineMobile___1hIkI {
  font-size: 15px;
  opacity: 0.8;
  line-height: 18px;
  margin-top: 24px;
  margin-left: 73px;
  font-weight: 500; }

.already-using-appifax-stage___bottomRegisteredTagLine___I4GTo {
  font-size: 11px;
  opacity: 0.8;
  margin-left: 73px;
  margin-top: 18px; }

.already-using-appifax-stage___mobileNumberBox___20fIl {
  width: 187px;
  height: 28px;
  border: 0.5px solid rgba(1, 4, 30, 0.3);
  border-radius: 5px;
  margin-left: 73px;
  margin-top: 10px;
  font-size: 10px;
  line-height: 28px;
  padding-left: 20px; }

.already-using-appifax-stage___shieldIcon___3SGeH {
  width: 10px;
  height: 11px;
  margin-top: 19px;
  margin-left: 79px; }

.already-using-appifax-stage___mobileInfoText___2bXov {
  font-size: 11px;
  color: #227DF9;
  margin-left: 5px;
  margin-top: 19px; }

.already-using-appifax-stage___footerRegisteredTagLine___2xr7G {
  font-size: 10px;
  opacity: 0.6;
  margin-left: 74px;
  margin-top: 67px; }

.already-using-appifax-stage___requestOtpButton___3khtY {
  width: 364px;
  height: 35px;
  background: #1BCC63;
  border-radius: 5px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  margin-left: 74px;
  margin-top: 8px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px; }

.already-using-appifax-stage___otpComponent___QblC- {
  margin-left: 62px;
  margin-top: 13px; }

.already-using-appifax-stage___passwordRecoveryText___3T9Dn {
  font-size: 13px;
  color: rgba(1, 4, 48, 0.5);
  margin-top: 15px;
  margin-left: 72px; }

.already-using-appifax-stage___resendOtpButton___1k8cq {
  border: 1px solid rgba(1, 4, 30, 0.5);
  border-radius: 20px;
  width: 99px;
  height: 23px;
  line-height: 23px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer; }

.already-using-appifax-stage___requestOtpTimeout___m0tLL {
  color: #FF3653;
  margin-top: 18px;
  margin-left: 8px;
  font-size: 11px; }

.already-using-appifax-stage___passwordSuggestion___2NjAV {
  opacity: 0.8;
  font-size: 13px;
  margin-left: 72px;
  margin-top: 25px; }

.already-using-appifax-stage___passwordBox___2zEj2 {
  width: 275px;
  height: 28px;
  border: 0.5px solid rgba(1, 4, 30, 0.3);
  border-radius: 5px;
  margin-left: 73px;
  margin-top: 10px;
  font-size: 10px;
  line-height: 28px;
  padding-left: 20px; }

/* The container */
.already-using-appifax-stage___container___1ovz0 {
  display: block;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 73px;
  margin-top: 22px; }

/* Hide the browser's default checkbox */
.already-using-appifax-stage___container___1ovz0 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.already-using-appifax-stage___checkmark___1QBFE {
  position: absolute;
  height: 12px;
  width: 12px;
  background-color: #eee;
  border: 0.5px solid #010430; }

/* On mouse-over, add a grey background color */
.already-using-appifax-stage___container___1ovz0:hover input ~ .already-using-appifax-stage___checkmark___1QBFE {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.already-using-appifax-stage___container___1ovz0 input:checked ~ .already-using-appifax-stage___checkmark___1QBFE {
  background-color: #0062FF; }

/* Create the checkmark/indicator (hidden when not checked) */
.already-using-appifax-stage___checkmark___1QBFE:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.already-using-appifax-stage___container___1ovz0 input:checked ~ .already-using-appifax-stage___checkmark___1QBFE:after {
  display: block; }

/* Style the checkmark/indicator */
.already-using-appifax-stage___container___1ovz0 .already-using-appifax-stage___checkmark___1QBFE:after {
  left: 4px;
  top: 1px;
  width: 3px;
  height: 5px;
  border: 1px solid #FFFFFF;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.already-using-appifax-stage___checkBoxAndTcContainer____LlRk {
  display: flex;
  margin-left: 75px;
  margin-top: 29px; }

.already-using-appifax-stage___termsContainer___1a54y {
  font-size: 10px;
  color: rgba(1, 4, 48, 0.5);
  line-height: 14px; }
  .already-using-appifax-stage___termsContainer___1a54y span {
    color: #227DF9; }

.already-using-appifax-stage___congratulationText___2uvHx {
  font-size: 18px;
  align-self: center;
  margin-top: 80px;
  font-weight: 600; }

.already-using-appifax-stage___successfulRegisterationTagLine___zk0HV {
  align-self: center;
  font-size: 12px;
  opacity: 0.6;
  margin-top: 5px; }

.already-using-appifax-stage___invalidMessage___3p4m6 {
  font-size: 10px;
  color: #FF3653;
  margin-left: 7px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.already-using-appifax-stage___mobileNumberBox___20fIl:invalid + .already-using-appifax-stage___invalidMessage___3p4m6 {
  display: block; }

.already-using-appifax-stage___forValidation___1z_R1:invalid + .already-using-appifax-stage___invalidMessage___3p4m6 {
  display: block; }

.already-using-appifax-stage___forValidation___1z_R1 {
  display: none; }

.already-using-appifax-stage___passwordBox___2zEj2:invalid + .already-using-appifax-stage___invalidMessage___3p4m6 {
  display: block; }

.already-using-appifax-stage___visibleStyle___SGDGt {
  width: 14px;
  height: 7px;
  position: absolute;
  top: 12.72px;
  cursor: pointer;
  right: 17px; }

.already-using-appifax-stage___hiddenStyle___2kSa5 {
  width: 16px;
  height: 11px;
  position: absolute;
  top: 7.56px;
  cursor: pointer;
  right: 16.09px; }

.already-using-appifax-stage___floatingLabel___3m9hO {
  position: relative; }
  .already-using-appifax-stage___floatingLabel___3m9hO label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .already-using-appifax-stage___floatingLabel___3m9hO input {
    outline: none;
    width: 159px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 30px;
    border: 0.5px solid rgba(1, 4, 30, 0.3); }
  .already-using-appifax-stage___floatingLabel___3m9hO input:not(:placeholder-shown), .already-using-appifax-stage___floatingLabel___3m9hO input:focus {
    padding-top: 10px;
    outline: none;
    width: 169px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 20px;
    border: 0.5px solid rgba(1, 4, 30, 0.3); }
  .already-using-appifax-stage___floatingLabel___3m9hO input:not(:placeholder-shown) + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .already-using-appifax-stage___floatingLabel___3m9hO input:focus + label {
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px;
    top: 0; }
  .already-using-appifax-stage___floatingLabel___3m9hO input:focus::-webkit-input-placeholder {
    color: transparent; }
  .already-using-appifax-stage___floatingLabel___3m9hO input:focus {
    border-bottom: 1px solid #0062FF; }
  .already-using-appifax-stage___floatingLabel___3m9hO .already-using-appifax-stage___invalidMessage___3p4m6 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .already-using-appifax-stage___floatingLabel___3m9hO input:invalid + label + .already-using-appifax-stage___invalidMessage___3p4m6 {
    display: block; }

.careers___topComponentContainer___24WkD {
  display: flex; }

.careers___topLeftComponent___2zvmu {
  margin-left: 148px;
  margin-top: 85px; }

.careers___careersLine___TDPq5 {
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 95px;
  color: #010430; }

.careers___hiringLine___1EDyC {
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 95px;
  color: #FEBA2C; }

.careers___hiringTagLine___2sGbG {
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 136.3%;
  color: #1F314A;
  margin-top: 60px; }

.careers___hiringInfoGraphic___378ao {
  width: 529.99px;
  height: 430.32px;
  margin-top: 103.69px; }

.careers___bottomCard___3eKAY {
  width: 980px;
  margin: auto;
  margin-top: 71.2px;
  margin-bottom: 87px;
  background: #F2F3F7;
  border-radius: 3px; }

.careers___openPositionText___cxcr0 {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: rgba(31, 49, 74, 0.7);
  padding-top: 37.78px;
  padding-left: 28px; }

.careers___bottomJobsContainer___lxfo0 {
  border-top: 1px solid rgba(31, 49, 74, 0.1);
  margin-top: 35.09px;
  margin-left: 32px;
  margin-right: 34px;
  padding-top: 42.7px;
  display: flex;
  flex-flow: wrap; }

.careers___jobCard___2xQ1X {
  background: #fff;
  margin: auto;
  width: 367px;
  height: 171.98px;
  padding-left: 23.36px;
  padding-right: 38.78px;
  margin-bottom: 72.02px; }

.careers___profileName___2khAc {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 104.1%;
  color: #1F314A;
  opacity: 0.9;
  margin-top: 19.3px; }

.careers___jobInfo___DhdDa {
  display: flex;
  margin-top: 14.63px; }

.careers___jobPlace___2nBtk {
  display: flex; }

.careers___mapIcon___3T_Yg {
  width: 10.42px;
  height: 14.56px; }

.careers___jobState___OQ6vn {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
  margin-left: 9.16px;
  padding-right: 17.22px;
  border-right: 1px solid rgba(31, 49, 74, 0.3);
  color: rgba(31, 32, 40, 0.6); }

.careers___jobType___C_QI3 {
  padding-left: 17.78px;
  padding-right: 17.22px;
  border-right: 1px solid rgba(31, 49, 74, 0.3);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: rgba(31, 32, 40, 0.6); }

.careers___jobExperience___8nruU {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
  margin-left: 17.78px;
  color: rgba(31, 32, 40, 0.6); }

.careers___jobEducationContainer___1pHSX {
  display: flex;
  margin-top: 14px; }

.careers___jobEducation___2VQgw {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #1F2028; }

.careers___mastersInfo___2Fk5O {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #1F2028;
  mix-blend-mode: normal;
  opacity: 0.6;
  margin-left: 7px; }

.careers___bottomContainerButton___33jME {
  margin-top: 16.52px;
  border-top: 1px solid rgba(31, 49, 74, 0.1);
  display: flex; }

.careers___jobDescriptionButton___JDpRK {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #227DF9;
  mix-blend-mode: normal;
  margin-top: 15.48px;
  margin-left: 38px; }

.careers___applyNowButton___23srY {
  background: #227DF9;
  border-radius: 2px;
  color: #fff;
  width: 168.95px;
  height: 31.04px;
  line-height: 31.04px;
  text-align: center;
  margin-top: 10.39px;
  margin-left: 42.05px; }

.careers___bottomTagLine___2dBFW {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: rgba(31, 32, 40, 0.7);
  margin-left: 34.14px; }

.careers___contactInfo___2-hD- {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: rgba(31, 32, 40, 0.7);
  margin-left: 34.14px;
  padding-bottom: 15.44px; }

.about-us___whoWeAreText___2fJHh {
  font-style: normal;
  font-weight: bold;
  font-size: 70px;
  line-height: 84px;
  color: #010430;
  text-align: center;
  margin-top: 134px; }

.about-us___topTagLine___3dKh4 {
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 146.3%;
  text-align: center;
  color: #1F314A;
  margin-top: 15.38px; }

.about-us___topDescription___1Mhje {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 156.3%;
  text-align: center;
  color: #1F314A;
  margin-top: 35px; }

.about-us___infoGraphicContainer___34CC5 {
  background: #F2F3F7;
  width: 947.11px;
  height: 553.84px;
  margin: auto;
  margin-top: 89.87px; }

.about-us___infoGraphicTopic___1NAko {
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 57px;
  color: rgba(31, 49, 74, 0.6);
  padding-top: 31.75px;
  text-align: center; }

.about-us___infoGraphicBottomContainer___21XRF {
  display: flex; }

.about-us___infographicComponent1___1KZ_O {
  margin: auto;
  margin-top: 37.76px;
  display: flex;
  flex-flow: column; }

.about-us___passionInfo___37UVO {
  width: 210.69px;
  height: 217.05px;
  align-self: center; }

.about-us___passionText___27i4w {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #1A9CFC;
  text-align: center; }

.about-us___passionDescription___L-BUY {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 156.3%;
  text-align: center;
  color: #1F314A; }

.about-us___infographicComponent2___3A9bj {
  margin: auto;
  margin-top: 45.76px;
  display: flex;
  flex-flow: column; }

.about-us___visionInfo___3cKm7 {
  width: 239.6px;
  height: 186.94px; }

.about-us___visionText___3F-Gj {
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  color: #00CC88;
  margin-top: 20.3px;
  text-align: center; }

.about-us___visionDescription___1jf6N {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 156.3%;
  text-align: center;
  color: #1F314A; }

.about-us___aboutSection___1vGo2 {
  background: #FFF8E7;
  width: 1112.55px;
  height: 553.84px;
  margin-left: auto;
  margin-top: 116.16px;
  margin-bottom: 72.93px;
  position: relative; }

.about-us___aboutTextSection___R1Jqn {
  width: fit-content;
  margin-left: auto;
  margin-right: 38.2px; }

.about-us___aboutTeam___12T6f {
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 57px;
  color: #FEBA2C;
  padding-top: 74.69px; }

.about-us___aboutTeam1___2F3NX {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 156.3%;
  color: #1F314A;
  margin-top: 19px; }

.about-us___aboutTeam2___id4Fm {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 156.3%;
  color: #1F314A;
  margin-top: 17px; }

.about-us___closingTag___10UHv {
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 40px;
  color: #FEBA2C;
  margin-left: 108.85px; }

.about-us___pic1___39yx_ {
  width: 276.33px;
  height: 207.25px;
  position: absolute;
  top: 10px;
  left: -107px; }

.about-us___pic2___3Nu7m {
  width: 316.55px;
  left: 228.67px;
  top: -32px;
  position: absolute; }

.about-us___pic3___2_BpB {
  width: 324.42px;
  top: 260.66px;
  left: -105.71px;
  position: absolute; }

.about-us___pic4___1lm7J {
  width: 361.97px;
  position: absolute;
  top: 258.16px;
  left: 247.28px; }

.calendar___mainCard___3hJzS {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .calendar___mainCard___3hJzS {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .calendar___mainCard___3hJzS {
    width: 913px; } }

.calendar___header___2xWM- {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.calendar___components___uZmKI {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.calendar___sectionName___2tyGk {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.view-calendar___parentContainer___2Wrdv {
  display: flex;
  width: 269.5px;
  border-right: 1px solid #F1F1F5; }

.view-calendar___myCalendar___HZDAn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px; }

.view-calendar___viewCalendarContainer___1luBQ {
  display: flex;
  position: absolute;
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0; }

.view-calendar___rightSideFirstContainer___2GI8D {
  display: flex;
  flex-flow: column; }

.view-calendar___selectedDateTop___1Od05 {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0.2px;
  margin-top: 11px; }

.view-calendar___topHeadContainer___3IARc {
  margin-left: 34.5px;
  display: flex;
  flex-flow: column;
  padding-bottom: 20px; }

.view-calendar___dayName___tnpYL {
  font-weight: 500;
  font-size: 11px;
  opacity: 0.8;
  letter-spacing: 0.2px; }

.view-calendar___scheduleContainer___3lDEa {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 491px;
  margin-left: 30.5px; }

.view-calendar___startTimeText___3iWeP {
  opacity: 0.8;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-size: 13px; }

.view-calendar___scheduleDataContainer___1sN96 {
  border-top: 0.5px solid #F1F1F5;
  margin-left: 70px;
  margin-top: -7px; }

.view-calendar___scheduleItems___3H05G {
  margin-left: auto;
  margin-right: auto;
  width: 252px;
  min-height: 50px;
  margin-bottom: 22px; }

.view-calendar___timeHeading___6YelF {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  color: #010430;
  margin-left: 15px;
  opacity: 0.8;
  padding-top: 5px; }

.view-calendar___subjectName___2F0Aw {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  word-break: break-all; }

.view-calendar___classAndSection___M3Trd {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  margin-left: 5px; }

.view-calendar___scheduleEmptyText___15GQY {
  margin-left: 35px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px; }

.view-calander-item___calendarIcon___1sWvg {
  width: 56.67px;
  margin-left: 32.17px;
  margin-top: 30px; }

.view-calander-item___topHeaderContainer___2S1Wh {
  display: flex; }

.view-calander-item___headingText___3_QnP {
  margin-top: 31px;
  margin-left: 20.16px;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px; }

.view-calander-item___weekDayContainer___3iOpN {
  display: flex;
  margin-left: 111px;
  width: 860px;
  border: 0.5px solid #F1F1F5;
  padding-left: 31px; }

.view-calander-item___scheduleWeekdayContainer___3My1p {
  width: 70px;
  height: 38px;
  margin-right: 56px;
  margin-top: 9px; }

.view-calander-item___weekdayName___P5pVV {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.8;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-align: center; }

.view-calander-item___bottomDropDown___IXvu5 {
  display: flex; }

.view-calander-item___dayTypeIcon___27KuY {
  width: 12.38px;
  height: 10.43px;
  margin-top: 2px;
  position: relative; }

.view-calander-item___dayTypeSelectContainer___1UsAP {
  border-radius: 5px;
  width: 63px;
  height: 15px;
  font-weight: 500;
  font-size: 10px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  color: #010430; }

.view-calander-item___innerItemsContainer___DVaI2 {
  display: flex; }

.view-calander-item___periodItem___uixiD {
  width: 121px;
  height: 129px;
  border-radius: 5px;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  margin-top: 5px;
  margin-left: 5px;
  display: flex;
  flex-flow: column;
  position: relative; }

.view-calander-item___periodItemEdit___1xtPi {
  width: 121px;
  height: 129px;
  border-radius: 5px;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  margin-top: 5px;
  margin-left: 5px;
  display: flex;
  flex-flow: column;
  position: relative; }

.view-calander-item___periodItemEdit___1xtPi:hover .view-calander-item___calendarEditIcon___Fc8nB {
  display: block; }

.view-calander-item___periodItemEdit___1xtPi:hover {
  background: rgba(1, 4, 48, 0.1); }

.view-calander-item___periodItemCount___QRzry {
  height: 135px;
  line-height: 135px;
  width: 71px;
  text-align: center;
  border-top: 1px solid #F1F1F5;
  position: relative; }

.view-calander-item___serialNumberContainer___2u1HW {
  display: flex;
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px solid #F1F1F5; }

.view-calander-item___redTrash___3-tOI {
  position: absolute;
  width: 11px;
  height: 14px;
  top: 20px;
  right: 5px;
  cursor: pointer; }

.view-calander-item___subjectNameItem___3OEyc {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.8;
  margin-left: 13.5px;
  margin-top: 22.5px;
  opacity: 1; }

.view-calander-item___durationContainer___1TREc {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.7;
  margin-left: 13.5px;
  margin-top: 10px; }

.view-calander-item___facultyLine___1OZ1Y {
  color: #010430;
  opacity: 0.8;
  letter-spacing: 0.2px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  margin-left: 14.5px;
  margin-top: 14px; }

.view-calander-item___facultyNameContainer___19jey {
  display: flex;
  margin-left: 14.5px;
  margin-top: 5px; }

.view-calander-item___facultyAvatar___35RxB {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 13px;
  text-align: center; }

.view-calander-item___facultyName___3hkTN {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.7;
  margin-left: 5px;
  z-index: 1; }

.view-calander-item___hoverableCrossContainer___sdEUG {
  position: absolute;
  top: 5px;
  right: 5px; }

.view-calander-item___timeTableFooter___35tR0 {
  height: 80px;
  position: relative;
  width: 100%;
  border-top: 1px solid #F5F5F5;
  margin-top: auto; }

.view-calander-item___addRowContainer___3xY_L {
  display: flex;
  width: 89.5px;
  height: 18px;
  margin-left: 30px;
  margin-top: 32px;
  cursor: pointer;
  user-select: none; }

.view-calander-item___plusIcon___118yT {
  width: 15px;
  height: 15px; }

.view-calander-item___addRowText___2ITzB {
  margin-left: 10.5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #227DF9; }

.view-calander-item___saveButton___2qibj {
  width: 80px;
  height: 30px;
  border-radius: 5px;
  background: #1BCC63;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  color: #FFFFFF;
  line-height: 30px;
  position: absolute;
  right: 59px;
  top: 20px;
  cursor: pointer; }

.view-calander-item___editButton___1bs5W {
  width: 80px;
  height: 30px;
  border-radius: 5px;
  background: #227DF9;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  color: #FFFFFF;
  line-height: 30px;
  position: absolute;
  right: 59px;
  top: 20px;
  cursor: pointer; }

.view-calander-item___cancelButton___12hOv {
  width: 80px;
  height: 30px;
  border-radius: 5px;
  background: #FFFFFF;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: 179px;
  top: 20px;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
  color: #92929d; }

.view-calander-item___cancelButton___12hOv:hover {
  background: #F7F7F8; }

.view-calander-item___addTimeTableIcon___1p-Ik {
  position: relative;
  width: 26.9px;
  height: 26.9px;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  margin-top: 43px;
  cursor: pointer; }

.view-calander-item___addEventText___2Tmj3 {
  position: relative;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  opacity: 0.4;
  letter-spacing: 0.2px;
  text-align: center;
  margin-top: 2.99px; }

.view-calander-item___calendarEditIcon___Fc8nB {
  width: 17px;
  height: 17px;
  position: absolute;
  right: 8px;
  top: 5.5px;
  display: none;
  cursor: pointer; }

.view-calander-item___loader___vXMTc,
.view-calander-item___loader___vXMTc:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.view-calander-item___loader___vXMTc {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: view-calander-item___load8___3va-_ 1.1s infinite linear;
  animation: view-calander-item___load8___3va-_ 1.1s infinite linear; }

@-webkit-keyframes view-calander-item___load8___3va-_ {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes view-calander-item___load8___3va-_ {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-time-table-modal___headerContainer___22NoT {
  text-transform: capitalize;
  height: 64.77px;
  background: #F2F3F7;
  font-weight: 500;
  font-size: 22px;
  line-height: 64.77px;
  padding-left: 42.46px; }

.add-time-table-modal___crossContainer___1YlCf {
  position: absolute;
  top: 5px;
  right: 5px; }

.add-time-table-modal___eventTimeHead___f82Ay {
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin-left: 38px;
  margin-top: 13.72px; }

.add-time-table-modal___addTimeComponent___N8tKD {
  margin-top: 16px;
  display: flex;
  margin-left: 60px;
  position: relative; }

.add-time-table-modal___topDownContainer___1ti3n {
  display: flex;
  flex-flow: column; }

.add-time-table-modal___timeType___1jrXw {
  font-weight: 600;
  font-size: 15px;
  line-height: 36px;
  color: #010430;
  opacity: 0.5;
  margin-left: 27px; }

.add-time-table-modal___timeContainer___k8ofc {
  display: flex; }

.add-time-table-modal___selectHour___1dPKm {
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.8);
  height: 31px;
  width: 40px;
  font-weight: 600;
  font-size: 11px; }

.add-time-table-modal___minuteValue___1Zy9I {
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.8);
  width: 44.31px;
  font-weight: 600;
  font-size: 11px; }

.add-time-table-modal___amValue___qtMxW {
  border-radius: 0px 5px 5px 0px;
  height: 31px;
  border: 1px solid #010430;
  color: rgba(1, 4, 30, 0.8);
  width: 42px;
  font-weight: 600;
  font-size: 11px; }

.add-time-table-modal___clockIcon___2fjE5 {
  margin-left: 39px;
  width: 24px;
  height: 24px;
  margin-top: 20px; }

.add-time-table-modal___textFieldsContainer___17CUP {
  display: flex;
  margin-left: 13px;
  flex-wrap: wrap;
  position: relative; }

.add-time-table-modal___subjectContainerName___Ju_S9 {
  width: 122px;
  height: 35px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 0.5px solid rgba(1, 4, 48, 0.5);
  padding: 0px 20px;
  position: relative;
  display: flex;
  flex-flow: column;
  margin-top: 20px;
  margin-left: 35px; }

.add-time-table-modal___subjectContainerInput___P4qjW {
  width: 122px;
  height: 32px;
  border-radius: 5px;
  border: none; }

.add-time-table-modal___subjectContainerNameBreak___2dqtr {
  width: 162px;
  height: 35px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: 0.5px solid rgba(1, 4, 48, 0.5);
  line-height: 35px;
  text-align: center;
  margin-top: 20px;
  margin-left: 35px;
  color: rgba(1, 4, 30, 0.8);
  font-size: 13px;
  font-weight: 500; }

.add-time-table-modal___deleteButton___3DG1a {
  border-radius: 5px;
  height: 40px;
  width: 182px;
  margin-left: 30px;
  margin-top: 22.5px;
  text-align: center;
  line-height: 40px;
  color: #FF3653;
  border: 1px solid rgba(1, 4, 30, 0.3);
  font-size: 18px;
  margin-bottom: 30px;
  cursor: pointer;
  font-weight: 500;
  user-select: none; }

.add-time-table-modal___deleteButton___3DG1a:hover {
  background: rgba(255, 54, 83, 0.1);
  border: 1px solid rgba(255, 54, 83, 0.5); }

.add-time-table-modal___doneButton___3tTHm {
  background: #1BCC63;
  border-radius: 5px;
  height: 40px;
  width: 182px;
  margin-left: 30px;
  margin-top: 22.5px;
  text-align: center;
  line-height: 40px;
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 30px;
  cursor: pointer;
  font-weight: 500;
  user-select: none; }

.add-time-table-modal___doneButtonAdd___2HNbp {
  background: #1BCC63;
  border-radius: 5px;
  height: 40px;
  width: 404px;
  margin-left: auto;
  margin-top: 22.5px;
  text-align: center;
  line-height: 40px;
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 30px;
  cursor: pointer;
  font-weight: 500;
  user-select: none;
  margin-right: auto; }

.add-time-table-modal___subjectNameSuggestion___3XU7k {
  position: absolute;
  left: 0;
  right: 0;
  background: #ffffff;
  top: 35px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0.5px solid #F1F1F5; }

.add-time-table-modal___subjectItemData___3YAXm {
  position: relative;
  height: 48px;
  font-size: 15px;
  line-height: 48px;
  padding-left: 29px;
  color: #86868B; }

.add-time-table-modal___subjectItemData___3YAXm:hover {
  background: #F3F3F3;
  color: #010430; }

.add-time-table-modal___bluePlusIcon___2q9RQ {
  width: 15.56px;
  height: 15px;
  margin: auto;
  cursor: pointer; }

.add-time-table-modal___bluePlusIconSide___318o9 {
  width: 15.56px;
  height: 15px;
  margin: auto;
  cursor: pointer; }

.add-time-table-modal___subjectNameItem___2TOlp {
  margin-top: 4.5px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430; }

.add-time-table-modal___facultyAvatar___moykR {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 10px;
  line-height: 13px;
  text-align: center; }

.add-time-table-modal___facultyName___e7ImN {
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.7;
  margin-left: 5px; }

.add-time-table-modal___crossIcon___1v4WA {
  width: 10px;
  height: 10px;
  margin: auto;
  align-self: center; }

.add-time-table-modal___hoverAreaCross___1zeKA {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 9px;
  right: 5px;
  border-radius: 50%;
  display: flex; }

.add-time-table-modal___hoverAreaCross___1zeKA:hover {
  background: #F7F7F8; }

.add-time-table-modal___warningText___1E5ua {
  color: #FF3653;
  position: absolute;
  bottom: -15px;
  font-size: 10px;
  left: 0;
  width: 370px; }

.calendar___mainCard___1Jhwz {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .calendar___mainCard___1Jhwz {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .calendar___mainCard___1Jhwz {
    width: 913px; } }

.calendar___header___7H35L {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.calendar___components___1qdKK {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.calendar___sectionName___1u1wj {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.view-calendar___parentContainer___2TMOv {
  display: flex;
  width: 269.5px;
  border-right: 1px solid #F1F1F5; }

.view-calendar___myCalendar___18ggy {
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px; }

.view-calendar___viewCalendarContainer___2oxHH {
  display: flex;
  position: absolute;
  top: 70px;
  bottom: 0;
  left: 0;
  right: 0; }

.view-calendar___rightSideFirstContainer___2bpdJ {
  display: flex;
  flex-flow: column; }

.view-calendar___selectedDateTop___Yc5ht {
  font-weight: bold;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 0.2px;
  margin-top: 11px; }

.view-calendar___topHeadContainer___3wKzK {
  margin-left: 34.5px;
  display: flex;
  flex-flow: column;
  padding-bottom: 20px; }

.view-calendar___dayName___-Ru1n {
  font-weight: 500;
  font-size: 11px;
  opacity: 0.8;
  letter-spacing: 0.2px; }

.view-calendar___scheduleContainer___3oLJo {
  position: relative;
  display: flex;
  flex-flow: column;
  width: 491px;
  margin-left: 30.5px; }

.view-calendar___startTimeText___oZL9k {
  opacity: 0.8;
  letter-spacing: 0.2px;
  font-weight: normal;
  font-size: 13px; }

.view-calendar___scheduleDataContainer___1jtlF {
  border-top: 0.5px solid #F1F1F5;
  margin-left: 70px;
  margin-top: -7px; }

.view-calendar___scheduleItems___33CAZ {
  margin-left: auto;
  margin-right: auto;
  width: 252px;
  min-height: 50px;
  margin-bottom: 22px; }

.view-calendar___timeHeading___1ztkF {
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  color: #010430;
  margin-left: 15px;
  opacity: 0.8;
  padding-top: 5px; }

.view-calendar___subjectName___3vM__ {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  word-break: break-all; }

.view-calendar___classAndSection___1PE3Y {
  color: #010430;
  opacity: 0.8;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.2px;
  margin-left: 5px; }

.view-calendar___scheduleEmptyText___2KA4e {
  margin-left: 35px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px; }

.session___alignPageItems___KN7k- {
  display: flex;
  flex-flow: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.session___arrangeSessionBody___2M_F9 {
  display: flex;
  flex-flow: column; }

.session___bodyHeader___2HMxY {
  color: #010430;
  opacity: 0.6;
  font-size: 13px;
  margin-top: 10px;
  margin-left: 84px; }

.session___bodyContent___3lzxd {
  display: flex;
  flex-flow: column;
  border-radius: 10px;
  box-sizing: border-box;
  width: 803px;
  height: 450px;
  margin-top: 36px; }

.session___sessionInfoGraphic___2pBUm {
  width: 231.97px;
  height: 200.18px;
  margin-left: 243px;
  margin-top: 34px; }

.session___bodyText1___2FV_4 {
  font-size: 15px;
  color: #010430;
  margin-left: 137px;
  margin-top: 21px;
  line-height: 20px;
  font-weight: 500;
  opacity: 0.6; }

.session___addSessionIcon___Bhvhi {
  width: 50px;
  height: 50px;
  margin-left: 36px;
  margin-top: 8px; }

.session___createSessionContainer___dTkFg {
  display: flex;
  width: 233px;
  height: 65px;
  margin-left: 265px;
  border-radius: 10px;
  color: #227DF9;
  background: #E9F2FE;
  border: 2px solid #227DF9;
  cursor: pointer;
  margin-top: 20px; }

.session___createSessionButtonContent___3pC_Y {
  align-self: center;
  margin-left: 20px;
  font-size: 14px; }

.display-session___mainContainer___2moTX {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 96px; }

.display-session___leftSideCard___ix_s1 {
  display: flex;
  flex-flow: column;
  width: 282px;
  border-right: 1px solid #F1F1F5; }

.display-session___rightCard___2mBRr {
  display: flex;
  flex-flow: column; }

.display-session___addSessionButton___3t2eD {
  display: flex;
  border-bottom: 1px solid #EEEBEB;
  margin-left: 27px;
  cursor: pointer; }

.display-session___addSessionMain___2WIt_ {
  height: 43px;
  width: 43px;
  margin-top: 12px;
  margin-bottom: 18px; }

.display-session___addSessionText___PTkIf {
  color: #010430;
  font-weight: 500;
  font-size: 15px; }

.display-session___addSessionTagLine___2q2gn {
  color: #010430;
  font-size: 10px;
  opacity: 0.5; }

.display-session___addSessionContainer___2KH-m {
  display: flex;
  flex-flow: column;
  margin-left: 19px;
  margin-top: 18px; }

.display-session___sessionsContainer___3zuUo {
  display: flex;
  position: relative;
  height: 87px;
  border-bottom: 1px solid #EEEBEB;
  cursor: pointer; }

.display-session___fromContainer___15l9s {
  display: flex;
  flex-flow: column;
  margin-left: 26px;
  margin-top: 16px;
  font-size: 18px; }

.display-session___dateContainer___ZRwJa {
  color: #010430;
  opacity: 0.8;
  font-weight: 600;
  font-size: 30px; }

.display-session___yearAndMonthContainer___1FBKT {
  display: flex;
  flex-flow: column;
  align-self: center;
  margin-left: 5px; }

.display-session___monthContainer___1o_WQ {
  font-size: 13px;
  color: #010430;
  font-weight: 600; }

.display-session___yearContainer___X_P0e {
  font-size: 13px;
  color: #010430;
  opacity: 0.5;
  font-weight: 600; }

.display-session___sessionStatusIcon___31E4l {
  width: 15px;
  height: 15px;
  align-self: center;
  left: 126px;
  position: absolute; }

.display-session___sessionsContainer___3zuUo:hover {
  background: #F7F7F8; }

.display-session___sessionDisplayHeaderContainer___3m8bC {
  background: #F2F3F7;
  width: 482px;
  height: 119px;
  margin-left: 8px;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  flex-flow: column; }

.display-session___headingContainerHeader___3UL4v {
  color: #010430;
  margin-left: 27px;
  margin-top: 17px;
  font-weight: 500;
  font-size: 18px; }

.display-session___editButton___3NnKq {
  position: absolute;
  border-radius: 15px;
  display: flex;
  width: 76px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  right: 15px;
  top: 20px;
  font-size: 11px;
  cursor: pointer; }

.display-session___editPen___3JGb_ {
  width: 12.17px;
  height: 13.39px;
  margin-left: 11.8px;
  margin-top: 6.6px;
  margin-right: 7.02px; }

.display-session___bottomContainer___1rjXO {
  display: flex;
  margin-left: 30px;
  margin-top: 10px; }

.display-session___mainDateContainer___33URj {
  font-size: 37px;
  color: #010430;
  opacity: 0.8;
  font-weight: bold; }

.display-session___monthAndYearArrangement___1PD0i {
  font-size: 19px;
  color: #010430;
  opacity: 0.7;
  margin-left: 5px;
  align-self: center; }

.display-session___toContainer___opZCC {
  color: #227DF9;
  margin: 18px;
  font-size: 15px;
  font-weight: 500; }

.display-session___holidayIcon___1uMVS {
  width: 21.38px;
  height: 30.23px; }

.display-session___holidaysText___3wwQO {
  margin-left: 10.62px;
  color: #010430;
  opacity: 0.8;
  font-weight: 600;
  font-size: 18px;
  line-height: 30px; }

.display-session___holidayContainer___3CqTZ {
  width: 482px;
  /* height: 68px; */
  margin-left: 10px;
  border-radius: 10px;
  border: 2px solid #F1F1F5;
  margin-top: 15px;
  display: flex;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 5px; }

.display-session___editButtonNew___3V1eH {
  position: absolute;
  border-radius: 15px;
  display: flex;
  width: 76px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  right: 15px;
  top: 45.64px;
  font-size: 11px;
  cursor: pointer; }

.display-session___srContainer___1HPuH {
  color: #010430;
  margin-left: 27px;
  margin-top: 8px;
  font-weight: 500;
  font-size: 22px; }

.display-session___displayHolidayDate___3NrXI {
  color: #010430;
  margin-top: 11px;
  font-weight: 500;
  font-size: 15px; }

.display-session___holidayNameStyle___1m99q {
  color: #010430;
  opacity: 0.6;
  margin-top: 5px;
  font-size: 11px; }

.display-session___scrollbar___1T3Ki {
  overflow-y: scroll;
  overflow-x: hidden; }

.display-session___scrollbar___1T3Ki::-webkit-scrollbar {
  width: 5px; }

.display-session___scrollbar___1T3Ki::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(113, 124, 138, 0.6);
  opacity: 0.6; }

.display-session___moreIcon___2hH0S {
  width: 22px;
  height: 21px;
  margin-top: 10px;
  position: absolute;
  right: 6px; }

.display-session___optionsModal___3WncX {
  width: 174px;
  position: absolute;
  z-index: 500;
  right: 40px;
  top: 14px;
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.display-session___singleElement___2hOAB {
  width: 100%;
  height: 47px;
  background: #FFFFFF;
  display: flex; }

.display-session___singleElement___2hOAB:hover {
  background: #227DF9;
  color: #FFFFFF; }

.display-session___writingIcon___SPPuq {
  width: 21.59px;
  height: 22.01px;
  margin-left: 14px;
  margin-top: 11px; }

.display-session___itemsContainer___C55dY {
  display: flex;
  flex-flow: column;
  margin-left: 10.25px; }

.display-session___editSessionMenu___3wvKA {
  font-weight: 500;
  font-size: 14px;
  margin-top: 8px; }

.display-session___editSessionMenuTagLine___1BUlF {
  font-weight: normal;
  font-size: 11px;
  opacity: 0.7; }

.display-session___singleElement___2hOAB:hover .display-session___itemsContainer___C55dY .display-session___editSessionMenu___3wvKA {
  color: #FFFFFF; }

.display-session___singleElement___2hOAB:hover .display-session___itemsContainer___C55dY .display-session___editSessionMenuTagLine___1BUlF {
  color: #FFFFFF; }

.display-session___bodyHeader___225wn {
  color: #010430;
  opacity: 0.6;
  font-size: 13px;
  margin-top: 10px;
  margin-left: 84px; }

.display-session___addHolidayPlusIcon___oxbBf {
  height: 28px;
  width: 28px;
  margin: 7px; }

.display-session___addHolidayIcon___vOWDI {
  border-radius: 20px;
  background: #227DF9;
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 40px; }

.display-session___sessionStatusIconMain___1GtLK {
  width: 23.01px;
  height: 23.01px;
  align-self: center;
  left: 126px;
  margin-left: 50px; }

.display-session___classHeading___3GShl {
  color: #010430;
  margin-top: 11px;
  font-weight: 500;
  font-size: 15px; }

.display-session___classItem___37cdK {
  color: #010430;
  opacity: 0.6;
  margin-top: 5px;
  font-size: 11px; }

.edit-session___modalHeader___2gjcc {
  display: flex;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px; }

.edit-session___addSessionHeading___36VeA {
  font-weight: 800;
  font-size: 22px;
  color: #010430; }

.edit-session___addSectionTagLine___1MPWF {
  color: #010430;
  opacity: 0.4;
  font-size: 13px;
  margin-top: 6.82px; }

.edit-session___borderLessCross___2r1ZU {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.edit-session___topCrossButton___2Esaa {
  width: 21px;
  height: 21px;
  margin-left: 18px;
  margin-top: 29px; }

.edit-session___selectText___1_CLG {
  font-size: 15px;
  color: #010430; }

.edit-session___durationHeading___2Pg5N {
  font-size: 13px;
  color: #010430; }

.edit-session___calanderIcon___2jFJ6 {
  background: #EEEBEB;
  border-radius: 5px;
  width: 146px;
  height: 93px;
  display: flex;
  cursor: pointer; }

.edit-session___fromElement___3UiyP {
  font-size: 25px;
  font-weight: bold;
  margin-top: 33px;
  margin-left: 18.5px; }

.edit-session___selectDate___3CJfV {
  font-size: 13px;
  color: #010430;
  font-weight: 600; }

.edit-session___selectDateFooter___3idXC {
  font-size: 13px;
  color: #010430;
  font-weight: 600;
  opacity: 0.5; }

.edit-session___holidaysColumn___1lOZp {
  border: 1px solid #EEEBEB;
  width: 563px;
  border-radius: 5px;
  margin-top: 25px;
  margin-left: 14px;
  display: flex;
  flex-flow: column; }

.edit-session___holidaysIcon___d6xpo {
  width: 32px;
  height: 43.94px;
  margin-left: 18px; }

.edit-session___holidaysText___58zVT {
  color: #010430;
  opacity: 0.8;
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px; }

.edit-session___addHolidayIcon___16z_l {
  width: 140px;
  height: 39px;
  border-radius: 20px;
  background: #227DF9;
  margin-top: 10px;
  align-self: center;
  display: flex;
  cursor: pointer;
  margin-bottom: 8px; }

.edit-session___addHolidayPlusIcon___b-7M0 {
  height: 28px;
  width: 20px;
  margin-left: 7px;
  margin-top: 5px; }

.edit-session___addHolidayText___1d_Mv {
  color: #FFFFFF;
  font-size: 15px;
  align-self: center;
  margin-left: 5px; }

.edit-session___fromElementDateSelected___2WMYj {
  font-size: 20px;
  font-weight: normal;
  margin-top: 10px;
  margin-left: 11px; }

.edit-session___dateDigit___N_8qi {
  font-size: 40px;
  margin-left: 30px;
  font-weight: 600;
  opacity: 0.8; }

.edit-session___removeIcon___2_mTX {
  height: 28px;
  width: 28px;
  align-self: center;
  margin-left: 5px; }

.edit-session___displayHolidaydate___1GEGC {
  font-size: 22px;
  font-weight: 500;
  margin-left: 13px;
  align-self: center;
  color: #010430; }

.edit-session___displayHolidayName___3BI9- {
  font-size: 22px;
  font-weight: normal;
  margin-left: 55px;
  align-self: center;
  color: #010430; }

.edit-session___saveButton___3fjYT {
  background: #1BCC63;
  width: 120px;
  height: 40px;
  font-size: 19px;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  margin-top: 20px;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.edit-session___loader___3c6FN,
.edit-session___loader___3c6FN:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-session___loader___3c6FN {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-session___load8___22F00 1.1s infinite linear;
  animation: edit-session___load8___22F00 1.1s infinite linear; }

@-webkit-keyframes edit-session___load8___22F00 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-session___load8___22F00 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.from-to-calander-modal___arrangeHeaderIcon___2MPLm {
  display: flex;
  flex-flow: column; }

.from-to-calander-modal___headingTopic___Bj1c1 {
  color: #010430;
  font-size: 22px; }

.from-to-calander-modal___tagLine___3FnNY {
  color: #010430;
  opacity: 0.8;
  font-size: 15px;
  font-weight: 300; }

.from-to-calander-modal___crossBorderLess___4jjkk {
  height: 21px;
  width: 21px;
  position: absolute;
  right: 30px;
  cursor: pointer; }

.from-to-calander-modal___calanderContainer___uGXcH {
  display: flex;
  flex-flow: column;
  width: 287px; }

.from-to-calander-modal___calanderIconImage___12_3F {
  width: 18px;
  height: 18px; }

.from-to-calander-modal___fromCalanderHeading___1urDY {
  color: #010430;
  font-size: 20px;
  font-weight: 500;
  margin-left: 5px; }

.from-to-calander-modal___selectedDate___3m2q7 {
  color: #227DF9;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  margin-left: 10px; }

.from-to-calander-modal___datePickerAlign___3sfyS {
  margin-left: 18px;
  margin-top: 26px; }

.from-to-calander-modal___applyButton___1wITE {
  background: #1BCC63;
  color: #FFFFFF;
  border-radius: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  align-self: center;
  text-align: center;
  margin-top: 40px;
  cursor: pointer; }

.warning-modal___headerComponent___3ZJHC {
  display: flex;
  background: #EEEBEB;
  width: 449px;
  height: 43px;
  position: relative; }

.warning-modal___warningLogo___25SZw {
  width: 24px;
  height: 22px;
  margin-left: 14px;
  margin-top: 10px; }

.warning-modal___headingText___2dO8m {
  font-weight: 500;
  font-size: 13px;
  opacity: 0.7;
  margin-left: 12px;
  margin-top: 15px; }

.warning-modal___crossIcon___15wFc {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 15px;
  right: 10px;
  cursor: pointer; }

.warning-modal___mainTextAlign___3YioR {
  font-weight: 400;
  opacity: 0.7;
  width: 411px;
  font-size: 13px;
  margin: 8px;
  padding-left: 8px;
  padding-right: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
  line-height: 15px; }

.warning-modal___buttonsContainer___1rtMO {
  display: flex; }

.warning-modal___cancelButton___QZ18p {
  height: 27px;
  width: 96px;
  position: absolute;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d; }

.warning-modal___yesButton___VSznt {
  height: 29px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 29px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 500;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer; }

.create-holiday___addHolidayHeader___2NtO- {
  font-size: 26px;
  font-weight: bold; }

.create-holiday___addHolidayTagLine___3o7iD {
  font-size: 15px;
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  margin-top: 5px; }

.create-holiday___crossIconHeader___Kk_cu {
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.create-holiday___calendarIcon___3iR-g {
  width: 18px;
  height: 18px;
  margin-right: 5px; }

.create-holiday___calanderDates___iY-Kd {
  color: #227DF9;
  font-size: 16px;
  font-weight: 600;
  margin-left: 10px; }

.create-holiday___floatingLabel___3I5sE {
  position: relative;
  margin-bottom: 10px; }
  .create-holiday___floatingLabel___3I5sE label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .create-holiday___floatingLabel___3I5sE input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 11px;
    height: 36.8px; }
  .create-holiday___floatingLabel___3I5sE input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .create-holiday___floatingLabel___3I5sE input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .create-holiday___floatingLabel___3I5sE input:focus::-webkit-input-placeholder {
    color: transparent; }
  .create-holiday___floatingLabel___3I5sE input:focus {
    border-bottom: 3px solid #0062FF; }
  .create-holiday___floatingLabel___3I5sE input:invalid {
    border-bottom: 3px solid #FF3653; }
  .create-holiday___floatingLabel___3I5sE .create-holiday___invalidMessage___p87h_ {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .create-holiday___floatingLabel___3I5sE input:invalid + label + .create-holiday___invalidMessage___p87h_ {
    display: block; }

.create-holiday___calendarPosition___-VBYx {
  align-self: center;
  margin-top: 14px;
  margin-left: 22px; }

.create-holiday___saveButton___aiwBD {
  background: #1BCC63;
  color: #FFFFFF;
  border-radius: 5px;
  font-size: 19px;
  font-weight: 500;
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  align-self: center;
  margin-top: 20px;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.create-holiday___allClassesText___QX236 {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.2);
  border-top: 1px solid rgba(1, 4, 30, 0.2);
  width: 558px;
  margin-left: -28px;
  font-weight: 500;
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  line-height: 41px;
  padding-left: 52px;
  margin-top: 20px; }

.create-holiday___pluesBlueIcon___3cwTB {
  width: 19px;
  height: 19px;
  margin-left: 15px;
  margin-top: 9px;
  margin-right: 10px; }

.create-holiday___addMoreButton___2hdcm {
  font-size: 15px;
  background: #F2F2F2;
  border-radius: 20px;
  width: 123px;
  height: 38px;
  line-height: 38px;
  display: flex;
  margin-top: 10px;
  margin-left: 20px;
  cursor: pointer; }

.create-holiday___sectionsContainer___L7wGo {
  display: flex;
  border-bottom: 1px solid rgba(1, 4, 30, 0.2);
  padding-bottom: 10px; }

.create-holiday___minusIcon___Iz1QK {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 8px;
  cursor: pointer;
  position: absolute; }

.create-holiday___classItem___KjK2k {
  min-width: 226px;
  height: 38px;
  background: #F2F3F7;
  border-radius: 30px;
  margin-top: 15px;
  line-height: 38px;
  padding-left: 30px;
  position: relative; }

.create-holiday___loader___17PYJ,
.create-holiday___loader___17PYJ:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.create-holiday___loader___17PYJ {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: create-holiday___load8___gQPg4 1.1s infinite linear;
  animation: create-holiday___load8___gQPg4 1.1s infinite linear; }

@-webkit-keyframes create-holiday___load8___gQPg4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes create-holiday___load8___gQPg4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.create-holiday___allClassesTextItem___1mGns {
  position: absolute;
  right: 40px; }

.class-section-modal___selectClassHeader___2j6TV {
  background: #F2F3F7;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  font-size: 22px; }

.class-section-modal___classContainer___1aNKr {
  height: 248px;
  width: 223px;
  border-right: 1px solid #F3F3F3;
  cursor: pointer; }

.class-section-modal___sectionContainer___2npqH {
  width: 394px;
  height: 248px; }

.class-section-modal___resetButton___3tIuO {
  border: 1px solid rgba(1, 4, 48, 0.3);
  border-radius: 10px;
  position: absolute;
  width: 89px;
  height: 33px;
  right: 124px;
  color: #227DF9;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
  cursor: pointer; }

.class-section-modal___doneButton___ofOyS {
  border-radius: 10px;
  position: absolute;
  width: 89px;
  height: 33px;
  right: 20px;
  background: #227DF9;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 17px;
  line-height: 33px;
  text-align: center;
  cursor: pointer; }

.class-section-modal___classItem___v2Qib {
  width: 223px;
  height: 48px;
  font-weight: 500;
  font-size: 15px;
  opacity: 0.7;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #F1F1F5; }

.class-section-modal___sectionItem___3Wyk5 {
  display: flex;
  position: relative;
  height: 48px;
  font-weight: 500;
  padding-left: 46px;
  font-size: 15px;
  opacity: 0.7;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #F1F1F5;
  width: calc(100% - 46px); }

/* The container */
.class-section-modal___container___3KYCS {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.7);
  position: relative;
  font-size: 16px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.class-section-modal___container___3KYCS input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.class-section-modal___checkmark___1sWqt {
  position: absolute;
  top: 0;
  right: 20px;
  border-radius: 50%;
  height: 22px;
  border: 1px solid #717C8A;
  width: 22px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.class-section-modal___container___3KYCS:hover input ~ .class-section-modal___checkmark___1sWqt {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.class-section-modal___container___3KYCS input:checked ~ .class-section-modal___checkmark___1sWqt {
  background-color: #0062FF; }

/* Create the checkmark/indicator (hidden when not checked) */
.class-section-modal___checkmark___1sWqt:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.class-section-modal___container___3KYCS input:checked ~ .class-section-modal___checkmark___1sWqt:after {
  display: block; }

/* Style the checkmark/indicator */
.class-section-modal___container___3KYCS .class-section-modal___checkmark___1sWqt:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.class-section-modal___sectionList___jghnU {
  /* width: calc(625px - 40px); */
  min-height: 25px;
  font-size: 18px;
  border-bottom: 1px solid #F1F1F5;
  padding-left: 40px;
  position: relative;
  padding-top: 15px;
  padding-right: 70px;
  padding-bottom: 15px; }

.class-section-modal___topHeadingContainer___3U-W1 {
  position: relative; }

.class-section-modal___borderlessCross___rsy6O {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 100;
  cursor: pointer;
  right: 27.73px;
  top: 13.31px; }

.class-section-modal___roundCross___3eSNU {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 45px; }

.edit-holiday___addHolidayHeader___2hnZj {
  font-size: 26px;
  font-weight: bold; }

.edit-holiday___addHolidayTagLine___3XkBS {
  font-size: 15px;
  color: #010430;
  opacity: 0.8;
  font-weight: 300;
  margin-top: 5px; }

.edit-holiday___crossIconHeader___25DwM {
  position: absolute;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.edit-holiday___calendarIcon___2TWza {
  width: 18px;
  height: 18px;
  margin-right: 5px; }

.edit-holiday___calanderDates___11YSS {
  color: #227DF9;
  font-size: 16px;
  font-weight: 600;
  margin-left: 10px; }

.edit-holiday___floatingLabel___1ZO7u {
  position: relative;
  margin-bottom: 10px; }
  .edit-holiday___floatingLabel___1ZO7u label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-holiday___floatingLabel___1ZO7u input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 11px;
    height: 36.8px; }
  .edit-holiday___floatingLabel___1ZO7u input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-holiday___floatingLabel___1ZO7u input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-holiday___floatingLabel___1ZO7u input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-holiday___floatingLabel___1ZO7u input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-holiday___floatingLabel___1ZO7u input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-holiday___floatingLabel___1ZO7u .edit-holiday___invalidMessage___3qsPA {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .edit-holiday___floatingLabel___1ZO7u input:invalid + label + .edit-holiday___invalidMessage___3qsPA {
    display: block; }

.edit-holiday___calendarPosition___2BMGb {
  align-self: center;
  margin-top: 14px;
  margin-left: 22px; }

.edit-holiday___saveButton___3nEHx {
  background: #1BCC63;
  color: #FFFFFF;
  border-radius: 5px;
  font-size: 19px;
  font-weight: 500;
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  align-self: center;
  margin-top: 20px;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.edit-holiday___deleteButton___2dvpw {
  font-size: 19px;
  font-weight: 500;
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  align-self: center;
  margin-top: 20px;
  border: 1px solid #FF3653;
  color: #E94848;
  border-radius: 5px;
  margin-right: 345px;
  margin-left: 20px;
  cursor: pointer; }

.edit-holiday___allClassesText___1ZU4R {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.2);
  border-top: 1px solid rgba(1, 4, 30, 0.2);
  width: 558px;
  margin-left: -28px;
  font-weight: 500;
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  line-height: 41px;
  padding-left: 52px;
  margin-top: 20px; }

.edit-holiday___pluesBlueIcon____zrLF {
  width: 19px;
  height: 19px;
  margin-left: 15px;
  margin-top: 9px;
  margin-right: 10px; }

.edit-holiday___addMoreButton___2OXG8 {
  font-size: 15px;
  background: #F2F2F2;
  border-radius: 20px;
  width: 123px;
  height: 38px;
  line-height: 38px;
  display: flex;
  margin-top: 10px;
  margin-left: 20px;
  cursor: pointer; }

.edit-holiday___sectionsContainer___SaF33 {
  display: flex;
  border-bottom: 1px solid rgba(1, 4, 30, 0.2);
  padding-bottom: 10px; }

.edit-holiday___minusIcon___ATWP0 {
  width: 20px;
  height: 20px;
  left: 10px;
  top: 8px;
  cursor: pointer;
  position: absolute; }

.edit-holiday___classItem___UOQTE {
  min-width: 226px;
  height: 38px;
  background: #F2F3F7;
  border-radius: 30px;
  margin-top: 15px;
  line-height: 38px;
  padding-left: 30px;
  position: relative; }

.edit-holiday___loader___27VYV,
.edit-holiday___loader___27VYV:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-holiday___loader___27VYV {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-holiday___load8___10Luw 1.1s infinite linear;
  animation: edit-holiday___load8___10Luw 1.1s infinite linear; }

@-webkit-keyframes edit-holiday___load8___10Luw {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-holiday___load8___10Luw {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-holiday___allClassesTextItem___SEgTk {
  position: absolute;
  right: 40px; }

.class-section-modal___selectClassHeader___1Oacx {
  background: #F2F3F7;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding-left: 30px;
  font-size: 22px; }

.class-section-modal___classContainer___39VCA {
  height: 248px;
  width: 223px;
  border-right: 1px solid #F3F3F3;
  cursor: pointer; }

.class-section-modal___sectionContainer___1XACR {
  width: 394px;
  height: 248px; }

.class-section-modal___resetButton___1fY32 {
  border: 1px solid rgba(1, 4, 48, 0.3);
  border-radius: 10px;
  position: absolute;
  width: 89px;
  height: 33px;
  right: 124px;
  color: #227DF9;
  font-size: 16px;
  line-height: 33px;
  text-align: center;
  cursor: pointer; }

.class-section-modal___doneButton___3VsjS {
  border-radius: 10px;
  position: absolute;
  width: 89px;
  height: 33px;
  right: 20px;
  background: #227DF9;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 17px;
  line-height: 33px;
  text-align: center;
  cursor: pointer; }

.class-section-modal___classItem___2F3_7 {
  width: 223px;
  height: 48px;
  font-weight: 500;
  font-size: 15px;
  opacity: 0.7;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #F1F1F5; }

.class-section-modal___sectionItem___330xa {
  display: flex;
  position: relative;
  height: 48px;
  font-weight: 500;
  padding-left: 46px;
  font-size: 15px;
  opacity: 0.7;
  line-height: 48px;
  text-align: center;
  border-bottom: 1px solid #F1F1F5;
  width: calc(100% - 46px); }

/* The container */
.class-section-modal___container___YH8_W {
  display: block;
  margin-left: 13px;
  color: rgba(1, 4, 30, 0.7);
  position: relative;
  font-size: 16px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.class-section-modal___container___YH8_W input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.class-section-modal___checkmark___1vg4B {
  position: absolute;
  top: 0;
  right: 20px;
  border-radius: 50%;
  height: 22px;
  border: 1px solid #717C8A;
  width: 22px;
  background-color: #eee; }

/* On mouse-over, add a grey background color */
.class-section-modal___container___YH8_W:hover input ~ .class-section-modal___checkmark___1vg4B {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.class-section-modal___container___YH8_W input:checked ~ .class-section-modal___checkmark___1vg4B {
  background-color: #0062FF; }

/* Create the checkmark/indicator (hidden when not checked) */
.class-section-modal___checkmark___1vg4B:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.class-section-modal___container___YH8_W input:checked ~ .class-section-modal___checkmark___1vg4B:after {
  display: block; }

/* Style the checkmark/indicator */
.class-section-modal___container___YH8_W .class-section-modal___checkmark___1vg4B:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.class-section-modal___sectionList___sjCjM {
  /* width: calc(625px - 40px); */
  min-height: 25px;
  font-size: 18px;
  border-bottom: 1px solid #F1F1F5;
  padding-left: 40px;
  position: relative;
  padding-top: 15px;
  padding-right: 70px;
  padding-bottom: 15px; }

.class-section-modal___topHeadingContainer___1aoTc {
  position: relative; }

.class-section-modal___borderlessCross___220BW {
  position: absolute;
  width: 18px;
  height: 18px;
  z-index: 100;
  cursor: pointer;
  right: 27.73px;
  top: 13.31px; }

.class-section-modal___roundCross___1L-RA {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 45px; }

.create-session___modalHeader___J7T_w {
  display: flex;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px; }

.create-session___addSessionHeading___jq8_G {
  color: #010430;
  font-weight: bold;
  font-size: 22px; }

.create-session___addSectionTagLine___hvumz {
  color: #010430;
  opacity: 0.8;
  margin-top: 5px;
  font-size: 15px; }

.create-session___borderLessCross___398cR {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.create-session___topCrossButton___3LRAL {
  width: 21px;
  height: 21px;
  margin-left: 18px;
  margin-top: 29px; }

.create-session___selectText___2T9Q0 {
  color: #010430;
  font-weight: 500;
  font-size: 18px; }

.create-session___durationHeading___1e1lM {
  font-size: 13px;
  color: #010430; }

.create-session___calanderIcon___1bqhT {
  background: #EEEBEB;
  border-radius: 5px;
  width: 146px;
  height: 93px;
  display: flex;
  cursor: pointer; }

.create-session___fromElement___2eSsO {
  font-size: 25px;
  font-weight: bold;
  margin-top: 33px;
  margin-left: 18.5px; }

.create-session___selectDate___1psrB {
  font-size: 13px;
  color: #010430;
  font-weight: 600; }

.create-session___selectDateFooter___2sTe3 {
  font-size: 13px;
  color: #010430;
  font-weight: 600;
  opacity: 0.5; }

.create-session___holidaysColumn___3c1Sq {
  border: 1px solid #EEEBEB;
  width: 563px;
  border-radius: 5px;
  margin-top: 25px;
  margin-left: 14px;
  display: flex;
  flex-flow: column; }

.create-session___holidaysIcon___1qN7K {
  width: 32px;
  height: 43.94px;
  margin-left: 18px; }

.create-session___holidaysText___14NZf {
  color: #010430;
  opacity: 0.8;
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px; }

.create-session___addHolidayIcon___Mawbu {
  width: 140px;
  height: 39px;
  border-radius: 20px;
  background: #227DF9;
  margin-top: 10px;
  align-self: center;
  display: flex;
  cursor: pointer;
  margin-bottom: 8px; }

.create-session___addHolidayPlusIcon___1y2Wk {
  height: 28px;
  width: 20px;
  margin-left: 7px;
  margin-top: 5px; }

.create-session___addHolidayText___4WPrD {
  color: #FFFFFF;
  font-size: 15px;
  align-self: center;
  margin-left: 5px; }

.create-session___fromElementDateSelected___2Xf-n {
  font-size: 20px;
  font-weight: normal;
  margin-top: 10px;
  margin-left: 11px; }

.create-session___dateDigit___39z4D {
  font-size: 40px;
  margin-left: 30px;
  font-weight: 600;
  opacity: 0.8; }

.create-session___removeIcon___2M73q {
  height: 28px;
  width: 28px;
  align-self: center;
  margin-left: 5px; }

.create-session___displayHolidaydate___39Mh0 {
  font-size: 22px;
  font-weight: 500;
  margin-left: 13px;
  align-self: center;
  color: #010430; }

.create-session___displayHolidayName___3G3SM {
  font-size: 22px;
  font-weight: normal;
  margin-left: 55px;
  align-self: center;
  color: #010430; }

.create-session___saveButton___1fmrg {
  background: #1BCC63;
  width: 120px;
  height: 40px;
  font-size: 19px;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  margin-top: 20px;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.create-session___loader___2eFNM,
.create-session___loader___2eFNM:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.create-session___loader___2eFNM {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: create-session___load8___1eQ1C 1.1s infinite linear;
  animation: create-session___load8___1eQ1C 1.1s infinite linear; }

@-webkit-keyframes create-session___load8___1eQ1C {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes create-session___load8___1eQ1C {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.create-session___cautionIcon___dc9vm {
  width: 18px; }

.create-session___cautionContainer___3BGvy {
  display: flex;
  margin-top: 25px;
  margin-left: 20px; }

.create-session___cautionText___1VLdC {
  margin-left: 15px;
  font-size: 13px;
  line-height: 16.69px; }

.courses___mainCard___oeJ6n {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .courses___mainCard___oeJ6n {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .courses___mainCard___oeJ6n {
    width: 913px;
    margin-left: 14px; } }

.courses___header___3T8RS {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.courses___components___1D_Au {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.courses___sectionName___1r_I- {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.courses___topContainer___2KUzV {
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  bottom: 0; }

.courses___topContainerSubject___2QhcZ {
  display: flex;
  flex-flow: column; }

.courses___sectionItem___DnSZH {
  display: flex;
  flex-flow: column;
  width: 156px;
  height: 90px;
  position: relative;
  margin-right: 20px;
  cursor: pointer; }

.courses___imageCards___3Qs8E {
  position: absolute;
  width: 100%;
  height: 100%; }

.courses___topClassHeader___3bvJO {
  background: #F2F3F7;
  color: #010430;
  font-weight: 500;
  font-size: 16px;
  height: 37px;
  line-height: 37px;
  padding-left: 20px; }

.courses___sectionsFlow___38oVj {
  display: flex;
  margin: 20px;
  flex-wrap: wrap; }

.subjects-list___header___38qa7 {
  display: flex;
  flex-flow: column;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.subjects-list___mainCard___mOgDp {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .subjects-list___mainCard___mOgDp {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .subjects-list___mainCard___mOgDp {
    width: 913px;
    margin-left: 14px; } }

.subjects-list___backNavigation___1ljr1 {
  width: 15.5px;
  height: 10.5px;
  margin-left: 30.5px;
  cursor: pointer;
  margin-top: 18px; }

.subjects-list___backToResources___248-t {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.6;
  margin-top: 17px;
  margin-left: 10px;
  cursor: pointer;
  margin-bottom: 5px; }

.subjects-list___divContainer___1sGl3:hover .subjects-list___backToResources___248-t {
  text-decoration: underline;
  color: #227DF9; }

.subjects-list___classNames___1DxTC {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  z-index: 100;
  margin-left: 50.36px;
  margin-top: -1px;
  margin-bottom: auto; }

.subjects-list___MainSubjectCard___XUKf0 {
  border: 1px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  width: 360px;
  padding-bottom: 12px;
  padding-top: 12px;
  background: #F7F7F8;
  height: fit-content;
  margin: 18px; }

.subjects-list___globalSubjectName___2UQS1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #010430;
  margin-top: 12px;
  margin-left: 33px; }

.subjects-list___teacherAvatar___2Epyw {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  margin-top: 26px;
  margin-left: 32px; }

.subjects-list___centerName___1U2hy {
  font-size: 18px;
  padding-top: 6px;
  text-align: center;
  color: #fff; }

.subjects-list___subjectTeacherName___16QQB {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  /* width: 147px; */
  margin-top: 31px;
  margin-left: 12px; }

.subjects-list___globalSubjectIcon___2FDNb {
  height: 91px;
  width: 91px;
  border-radius: 50px;
  margin-left: auto;
  margin-right: 20px;
  margin-top: -30px; }

.subjects-list___subjectCenterName___3XykS {
  font-size: 34px;
  padding-top: 24px;
  text-align: center;
  color: #fff; }

html, body {
  height: 100%;
  padding: 0;
  margin: 0; }

.subjects-list___progressBar___3IPjN {
  margin-left: 25px;
  margin-top: 18px;
  background-color: #dedede;
  outline: none;
  padding: 0;
  width: 313px;
  height: 7px;
  border-radius: 10px; }

.subjects-list___totalChapter___1AVzV {
  font-weight: 600;
  font-size: 11px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-left: 23px;
  margin-top: 18px;
  margin-bottom: 14px; }

.subjects-list___mainContent___3QBU- {
  position: absolute;
  top: 67px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap; }

.subjects-list___progress3___sQZLt {
  overflow: hidden;
  width: 270px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none;
  margin-left: 20px;
  margin-top: 13px; }

.subjects-list___progress3___sQZLt::-webkit-slider-runnable-track {
  height: 7px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px; }

.subjects-list___progress3___sQZLt::-webkit-slider-thumb {
  width: 0px;
  -webkit-appearance: none;
  height: 7px;
  cursor: ew-resize;
  background: #1bcc63;
  box-shadow: -300px 0 0 300px #1bcc63; }

.subjects-list___emptyText___2_nYX {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.selected-subject-details___header___1mnmx {
  display: flex;
  flex-flow: column;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5;
  cursor: pointer;
  width: fit-content; }

.selected-subject-details___bottomHeader___1oga3:hover .selected-subject-details___backToResources___nR9y1 {
  text-decoration: underline;
  color: #227DF9; }

.selected-subject-details___backNavigation___2nCQN {
  width: 15.5px;
  height: 10.5px;
  margin-left: 30.5px;
  cursor: pointer;
  margin-top: 18px; }

.selected-subject-details___backToResources___nR9y1 {
  font-size: 12px;
  line-height: 12px;
  color: #010430;
  /* opacity: 0.6; */
  margin-top: 11px;
  margin-left: 28px;
  cursor: pointer; }

.selected-subject-details___mainContent___36HKj {
  position: absolute;
  top: 67px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.selected-subject-details___subjectProfileContainer___2wmG5 {
  background: #F2F3F7;
  width: 100%;
  flex-flow: row;
  display: flex; }

.selected-subject-details___globalSubjectIcon___1x5-X {
  height: 152px;
  width: 152px;
  margin-top: 31px;
  margin-left: 27px;
  border-radius: 5px; }

.selected-subject-details___teacherAvatar___333d9 {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  margin-top: 12px;
  margin-left: 10px; }

.selected-subject-details___centerName___2_KgG {
  font-size: 18px;
  padding-top: 6px;
  text-align: center;
  color: #fff; }

.selected-subject-details___subjectCenterName___2GSK- {
  font-weight: 500;
  font-size: 62px;
  line-height: 26px;
  text-align: center;
  margin-top: 57px;
  color: #FFFFFF; }

.selected-subject-details___subjectName___12Sxr {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  color: #010430; }

.selected-subject-details___facultyText___140er {
  font-size: 11px;
  line-height: 22px;
  color: #010430;
  opacity: 0.5;
  margin-top: 14px; }

.selected-subject-details___facultyName___1ZhJK {
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  color: #010430;
  opacity: 0.8;
  margin-top: 13px;
  margin-left: 12px; }

.selected-subject-details___progressBar___2hnXN {
  margin-top: 18px;
  background-color: #dedede;
  outline: none;
  padding: 0;
  width: 640px;
  height: 12px;
  border-radius: 10px; }

.selected-subject-details___totalChapter___2I5J1 {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #010430;
  opacity: 0.8;
  margin-top: 14px; }

.selected-subject-details___completedChapters___2PTWA {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.8;
  margin-left: auto;
  width: fit-content;
  margin-right: 42px; }

.selected-subject-details___separator___2yN9o {
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  background: rgba(1, 4, 48, 0.1);
  height: 0.5px;
  width: 729px;
  margin-top: 19px;
  margin-left: 25px; }

.selected-subject-details___chapter___1RQHQ {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.5;
  margin-top: 8px;
  margin-left: 131px; }

.selected-subject-details___status___2Wwbv {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.5;
  margin-top: 8px;
  margin-left: auto;
  margin-right: 74px; }

.selected-subject-details___bulletNumber___oSuOB {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #010430;
  opacity: 0.8;
  margin-left: 49px;
  margin-top: 35px; }

.selected-subject-details___chapterName___2HkOR {
  font-size: 18px;
  line-height: 26px;
  color: #010430;
  margin-left: 52px;
  /* margin-right: 12px; */
  margin-top: 36px; }

.selected-subject-details___mainContents___3d0rB {
  position: absolute;
  top: 305px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.selected-subject-details___selectProgressType___3Zs1q {
  background: #F2F3F7;
  border-radius: 30px;
  height: 37px;
  flex-flow: row;
  display: flex;
  width: 112px;
  margin-right: 42px;
  margin-top: 29px;
  margin-left: auto;
  cursor: pointer; }

.selected-subject-details___statusText___2i3qA {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 6px;
  padding-right: 14px; }

.selected-subject-details___icons___3_Vyu {
  height: 27px;
  width: 27px;
  margin-top: 5px;
  margin-left: 8px; }

.selected-subject-details___icon1___homz5 {
  height: 25px;
  width: 25px;
  margin-top: 5px;
  margin-left: 18px; }

.selected-subject-details___icon2___1Y9MT {
  height: 25px;
  width: 25px;
  margin-top: 5px;
  margin-left: 13px; }

.selected-subject-details___icon3___1E7xK {
  height: 25px;
  width: 25px;
  margin-top: 5px;
  margin-left: 25px; }

.selected-subject-details___modal___S8mJt {
  border-radius: 10px;
  height: 51px;
  width: 188px;
  cursor: pointer;
  position: absolute;
  z-index: 500;
  top: 75px;
  flex-flow: row;
  display: flex;
  background: #fff;
  box-shadow: 2px 4px 8px 3px rgba(0, 0, 0, 0.15);
  right: 10px; }

.selected-subject-details___statusType___2fdan {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.5;
  margin-top: 1px;
  margin-left: 12px; }

.selected-subject-details___container___2f0X4 {
  flex-flow: row;
  display: flex;
  /* margin-top: 12px; */
  height: 95px;
  border-width: 300px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.2);
  cursor: pointer;
  position: relative; }

.selected-subject-details___container___2f0X4:hover {
  background: rgba(0, 0, 0, 0.15); }

.selected-subject-details___bullet___2hBCn {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  margin-left: 143px;
  margin-top: 9px; }

.selected-subject-details___topicText___1bho5 {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.8;
  margin-top: 1px;
  margin-left: 28px; }

.selected-subject-details___message___ySaKC {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.8;
  text-align: center;
  color: red; }

.selected-subject-details___topicContainer___yIX7q {
  height: auto;
  padding: 20px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.2); }

.selected-subject-details___input3___opcpJ {
  overflow: hidden;
  width: 514px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none; }

.selected-subject-details___input3___opcpJ::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px; }

.selected-subject-details___input3___opcpJ::-webkit-slider-thumb {
  width: 10px;
  -webkit-appearance: none;
  height: 10px;
  cursor: ew-resize;
  background: #1bcc63;
  box-shadow: -600px 0 0 600px #1bcc63; }

.selected-subject-details___input4___ai9f0 {
  overflow: hidden;
  width: 514px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none; }

.selected-subject-details___input4___ai9f0::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px; }

.selected-subject-details___input4___ai9f0::-webkit-slider-thumb {
  width: 10px;
  -webkit-appearance: none;
  height: 10px;
  cursor: ew-resize;
  background: #1bcc63;
  box-shadow: -600px 0 0 600px #1bcc63;
  display: none; }

.selected-subject-details___emptyChapter___13rFk {
  width: fit-content;
  margin: auto;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600; }

.payments___mainCard___ryZp5 {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .payments___mainCard___ryZp5 {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .payments___mainCard___ryZp5 {
    width: 913px; } }

.receipt___mainContainer___2skEk {
  height: 100%;
  width: 100%; }

.receipt___header___2jHCM {
  height: 120px;
  position: relative;
  border-bottom: 1px solid #F1F1F5; }
  .receipt___header___2jHCM .receipt___back___3oOcD {
    margin: 0;
    opacity: 0.6;
    cursor: pointer;
    font-weight: 500;
    font-size: 11px;
    display: flex; }
  .receipt___header___2jHCM .receipt___backIcon___1Axub {
    width: 10px;
    height: 7px;
    margin-right: 4px; }

.receipt___header___2jHCM:hover .receipt___back___3oOcD {
  text-decoration: underline;
  color: #227DF9; }

.receipt___componentDivider___1k6Pv {
  display: flex; }

.receipt___revenueContainer___XOd9s {
  display: inline-block;
  height: 100%;
  width: 700px; }

.receipt___revenue___6R-PK {
  font-weight: 600;
  font-size: 22px;
  margin-left: 35px;
  margin-top: 5px; }

.receipt___changeRange___3eHRu {
  height: 30px;
  width: 440px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  margin-left: 34px;
  margin-top: 17px; }
  .receipt___changeRange___3eHRu .receipt___clock___3RDtU {
    width: 18px;
    margin: 6px 0px;
    margin-left: 20px;
    height: 18px; }
  .receipt___changeRange___3eHRu .receipt___rangeText___15tYr {
    display: inline;
    color: #227DF9;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 13px; }
  .receipt___changeRange___3eHRu .receipt___fromText___1wEqJ {
    display: inline-block;
    margin: 0px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px;
    margin-left: 31px;
    margin-top: 6.93px; }
    .receipt___changeRange___3eHRu .receipt___fromText___1wEqJ span {
      margin-left: 3px;
      font-weight: bold; }
  .receipt___changeRange___3eHRu .receipt___toText___z8VvI {
    display: inline-block;
    margin-left: 27px;
    margin-top: 6.93px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px; }
    .receipt___changeRange___3eHRu .receipt___toText___z8VvI span {
      margin-left: 3px;
      font-weight: bold; }

.receipt___fromDatePicker___2sbEm {
  position: absolute;
  bottom: 20px;
  left: 200px;
  z-index: 2; }

.receipt___toDatePicker___1F1N8 {
  position: absolute;
  bottom: 20px;
  left: 350px; }

.receipt___fromDate___2L8aU {
  display: none; }

.receipt___toDate___2EsA9 {
  display: none; }

.receipt___export___2ZLsl {
  position: absolute;
  left: 509.8px;
  bottom: 12px;
  height: 29px;
  width: 73px;
  background: #F2F3F7;
  border: 1px solid #EBEBEF;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: 29px;
  font-weight: 500;
  font-size: 13px;
  padding-left: 8px; }
  .receipt___export___2ZLsl .receipt___exportIcon___1n8Zm {
    width: 14px;
    margin-left: 2.03px; }
  .receipt___export___2ZLsl span {
    width: 90px;
    position: absolute;
    margin: -6px 42px;
    font-weight: normal; }

.receipt___headerDivider___3avpo {
  margin: 0;
  opacity: 0.1;
  border-top: 2px solid #010430; }

.receipt___leftComponent___1jaDq {
  width: 291px;
  display: inline-block;
  position: absolute;
  overflow: scroll;
  bottom: 0;
  top: 70px;
  border-right: 1px solid #f1f1f5;
  background: #fff; }

.receipt___rightComponent___2yI3w {
  display: inline-block;
  position: absolute;
  width: 489px;
  background-color: #fff;
  bottom: 0px;
  top: 70px;
  overflow: scroll;
  left: 292px; }
  .receipt___rightComponent___2yI3w h2 {
    color: #3074F8;
    font-weight: 600;
    font-size: 26px;
    margin-top: 12.5px;
    margin-left: 28.97px;
    width: 418px;
    margin-bottom: 13.5px; }
  .receipt___rightComponent___2yI3w .receipt___headingDivider___34E8a {
    margin: 0;
    margin-left: 28.97px;
    width: 70%;
    border-top: 1px solid rgba(0, 0, 0, 0.205); }
  .receipt___rightComponent___2yI3w .receipt___caption___3x5Bb {
    margin-left: 70px;
    width: 374px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 15px;
    margin-top: 120px; }
  .receipt___rightComponent___2yI3w .receipt___coverIcon___1miC_ {
    position: absolute;
    width: 283.46px;
    height: 275px;
    top: 360.74px;
    left: 246px;
    transform: translate(-50%, -50%); }

.receipt___modeContainer___2mi3W {
  height: 30px;
  width: 250px;
  border: 1px solid #E2E2EA;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 16px;
  margin-top: 10px;
  display: flex; }
  .receipt___modeContainer___2mi3W .receipt___paymentDot___2ZKbf {
    height: 8px;
    width: 8px;
    margin-left: 16px;
    margin-top: 11px;
    border-radius: 50%; }
  .receipt___modeContainer___2mi3W .receipt___total___1TDpa {
    display: inline-block;
    height: 101%;
    width: 33%;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    display: flex; }
    .receipt___modeContainer___2mi3W .receipt___total___1TDpa .receipt___paymentDot___2ZKbf {
      background: #A461D8; }
  .receipt___modeContainer___2mi3W .receipt___offline___300D5 {
    display: inline-block;
    height: 101%;
    width: 34%;
    cursor: pointer;
    display: flex; }
    .receipt___modeContainer___2mi3W .receipt___offline___300D5 .receipt___paymentDot___2ZKbf {
      background: #717C8A; }
  .receipt___modeContainer___2mi3W .receipt___online___FqlYN {
    display: inline-block;
    height: 101%;
    width: 33%;
    cursor: pointer;
    display: flex; }
    .receipt___modeContainer___2mi3W .receipt___online___FqlYN .receipt___paymentDot___2ZKbf {
      background: #50B5FF; }
  .receipt___modeContainer___2mi3W p {
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 10px; }

.receipt___totalContainer___u0dmS {
  height: 60px;
  width: 286px;
  margin-top: 11px;
  background: #EEEBEB; }
  .receipt___totalContainer___u0dmS .receipt___noOf___1HnkK {
    line-height: 16px;
    font-weight: 600;
    font-size: 13px;
    color: rgba(1, 4, 30, 0.6);
    padding-top: 9px;
    padding-left: 55px;
    margin: 0; }
    .receipt___totalContainer___u0dmS .receipt___noOf___1HnkK span {
      font-weight: 600;
      font-size: 15px;
      color: #010430; }
  .receipt___totalContainer___u0dmS .receipt___totalAmt___1FagA {
    margin: 0px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 18px; }
    .receipt___totalContainer___u0dmS .receipt___totalAmt___1FagA img {
      width: 15.1px;
      height: 17.92px;
      margin-right: 15.92px; }
    .receipt___totalContainer___u0dmS .receipt___totalAmt___1FagA span {
      font-size: 16px; }

.receipt___searchBox___SnqfD {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 237px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 4px;
  margin-bottom: 8px; }
  .receipt___searchBox___SnqfD .receipt___searchIcon___2rWt- {
    height: 15px;
    margin-left: 15px;
    margin-top: 9px;
    margin-bottom: 6px;
    z-index: 100; }
  .receipt___searchBox___SnqfD .receipt___searchInput___IOh-S {
    width: 173px;
    border-radius: 5px;
    border: 1px;
    outline: none;
    font-size: 13px;
    padding-left: 9px;
    background: #F4F4F4; }

.receipt___filterIcon___1ZAJY {
  width: 32px;
  margin-top: 8px;
  height: 31px;
  cursor: pointer;
  right: 4px; }

.receipt___userComponent___8nDEo {
  display: flex;
  width: 100%;
  height: 89px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  flex-flow: column; }
  .receipt___userComponent___8nDEo .receipt___profileContainer___Op4Qe {
    display: flex;
    margin-left: 25px;
    margin-top: 11px; }
    .receipt___userComponent___8nDEo .receipt___profileContainer___Op4Qe .receipt___payDate___2Ld9l {
      font-weight: normal;
      font-size: 10px;
      line-height: 12px;
      text-align: end; }
    .receipt___userComponent___8nDEo .receipt___profileContainer___Op4Qe .receipt___paymentId___1js7z {
      color: rgba(31, 32, 40, 0.8);
      font-size: 10px;
      line-height: 14px;
      mix-blend-mode: normal;
      max-width: 150px;
      margin-left: auto;
      margin-right: 18px; }
      .receipt___userComponent___8nDEo .receipt___profileContainer___Op4Qe .receipt___paymentId___1js7z .receipt___offlineIcon___dRHZB {
        margin-left: 6px;
        width: 9.84px;
        height: 9.45px;
        margin-top: 3px; }
    .receipt___userComponent___8nDEo .receipt___profileContainer___Op4Qe .receipt___duePassed___1KsdH {
      position: absolute;
      margin: 8px;
      margin-top: 26px;
      opacity: 0.7;
      font-size: 11px;
      line-height: 13px; }
    .receipt___userComponent___8nDEo .receipt___profileContainer___Op4Qe .receipt___overDays___2_1w1 {
      position: absolute;
      margin: 8px;
      margin-top: 40px;
      opacity: 0.7;
      font-size: 11px;
      line-height: 13px; }
  .receipt___userComponent___8nDEo .receipt___amountContainer___4697E {
    display: flex;
    flex-flow: column;
    position: absolute;
    right: 4px;
    top: 9.67px; }
    .receipt___userComponent___8nDEo .receipt___amountContainer___4697E .receipt___userName___1ZB0H {
      text-transform: capitalize;
      margin-top: 0px;
      font-weight: 600;
      color: rgba(1, 4, 30, 0.9);
      font-size: 13px; }
    .receipt___userComponent___8nDEo .receipt___amountContainer___4697E .receipt___payAmt___3yFDW {
      color: #2E98F5;
      font-weight: 600;
      font-size: 13px;
      margin-left: 4px; }
    .receipt___userComponent___8nDEo .receipt___amountContainer___4697E .receipt___rupeeIcon___1V1nE {
      width: 10px;
      height: 13px; }
  .receipt___userComponent___8nDEo .receipt___dueContainer___2ec-H {
    display: inline-block;
    width: 63px;
    height: 90%; }
    .receipt___userComponent___8nDEo .receipt___dueContainer___2ec-H .receipt___dueAmt___2r8sc {
      position: absolute;
      margin: 0px 15px;
      margin-top: 15px;
      font-size: 15px;
      line-height: 19px;
      color: #FF3653; }
    .receipt___userComponent___8nDEo .receipt___dueContainer___2ec-H .receipt___rupeeIcon___1V1nE {
      position: absolute;
      margin-top: 20px;
      width: 10px; }
  .receipt___userComponent___8nDEo .receipt___userDivider___1Nn0X {
    margin: 0;
    margin-left: 40px;
    border-top: 1px solid #F1F1F5; }

.receipt___userComponent___8nDEo:hover {
  background: #EEEBEB; }

.receipt___revenueDetail___5wSNR {
  width: 475px;
  position: relative; }

.receipt___timeStamp___XVyM8 {
  margin-left: 17.74px;
  margin-top: 18.46px; }
  .receipt___timeStamp___XVyM8 .receipt___timeStampDate___2SY-T {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px; }
  .receipt___timeStamp___XVyM8 .receipt___timeStampTime___2PTf0 {
    margin: 0;
    line-height: 13px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 10px; }

.receipt___profileComponent___1yxLQ {
  margin-left: auto;
  margin-right: auto; }
  .receipt___profileComponent___1yxLQ .receipt___userAvatarContainer___2fHgZ .receipt___userAvatar___PF3NN {
    width: 70.04px;
    height: 70.04px;
    line-height: 70.04px;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    object-fit: cover;
    border-radius: 50%;
    margin: 0px 50px;
    margin-top: 20px; }
  .receipt___profileComponent___1yxLQ .receipt___userNameText___1cpT8 {
    margin: 0;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    font-size: 22px; }
  .receipt___profileComponent___1yxLQ .receipt___studentId___32Vjb {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }
  .receipt___profileComponent___1yxLQ .receipt___classSection___263WO {
    margin: 0;
    text-align: center;
    font-weight: 600;
    font-size: 10px; }

.receipt___buttonContainer___1--vE {
  right: 0;
  margin-top: 14.85px;
  margin-right: 17.81px; }
  .receipt___buttonContainer___1--vE .receipt___printIcon___2a8D3 {
    width: 27.25px;
    height: 28.5px;
    cursor: pointer; }
  .receipt___buttonContainer___1--vE .receipt___downloadIcon___lAKqJ {
    width: 28.02px;
    height: 28.02px;
    margin-left: 17.8px;
    cursor: pointer; }

.receipt___row___1gdqf {
  position: relative;
  border: 1px solid #fff;
  margin-left: 46.69px;
  width: 409.95px;
  display: flex;
  border-bottom: 1px solid #F1F1F5;
  padding: 10px 0px; }
  .receipt___row___1gdqf .receipt___left___1VdvL {
    line-height: 18px;
    opacity: 0.8;
    font-weight: 500;
    font-size: 13px;
    margin: 0; }
  .receipt___row___1gdqf .receipt___right___ENsAj {
    line-height: 16px;
    right: 0;
    margin: 0;
    opacity: 0.7;
    font-weight: normal;
    font-size: 13px;
    margin-left: auto; }
    .receipt___row___1gdqf .receipt___right___ENsAj .receipt___offlineImg___2rp_Y {
      width: 13.86px;
      height: 10.97px;
      margin: -2px 5px; }
  .receipt___row___1gdqf .receipt___rowDivider___2Cdo2 {
    margin-top: 25px;
    border-top: 0.5px solid rgba(1, 4, 48, 0.1); }

.receipt___feeDetail___3y6ft {
  width: 454px;
  margin: 20px 0;
  margin-left: 20px;
  background: rgba(34, 124, 249, 0.11);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  padding-bottom: 19.81px; }
  .receipt___feeDetail___3y6ft .receipt___detailHeader___3uF_K {
    margin: 0;
    padding: 10px 32px;
    line-height: 24px;
    font-weight: 500;
    font-size: 18px; }
  .receipt___feeDetail___3y6ft .receipt___feeDivider___1PTFG {
    margin: 0 20px;
    border-top: 1px solid #AF9F90; }
  .receipt___feeDetail___3y6ft .receipt___feeName___1Ua9C {
    margin: 8px 30px;
    line-height: 21px;
    opacity: 0.8;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    position: relative; }
    .receipt___feeDetail___3y6ft .receipt___feeName___1Ua9C span {
      margin-left: 5px;
      line-height: 14px;
      opacity: 0.8;
      font-weight: normal;
      font-size: 10px; }
  .receipt___feeDetail___3y6ft .receipt___feeItem___20Vd_ {
    height: 30px;
    position: relative; }
    .receipt___feeDetail___3y6ft .receipt___feeItem___20Vd_ .receipt___leftFee___3J9fO {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 15px;
      opacity: 0.8; }
    .receipt___feeDetail___3y6ft .receipt___feeItem___20Vd_ .receipt___rightFee___3Bdol {
      position: absolute;
      display: inline-block;
      margin: 5px 40px;
      right: 0;
      font-weight: normal;
      font-size: 15px;
      opacity: 0.8; }
  .receipt___feeDetail___3y6ft .receipt___grandTotal___oQS5d {
    height: 30px;
    position: relative;
    margin-top: 10px; }
    .receipt___feeDetail___3y6ft .receipt___grandTotal___oQS5d .receipt___leftFee___3J9fO {
      position: absolute;
      display: inline-block;
      line-height: 19px;
      margin: 5px 40px;
      left: 0;
      font-weight: 600;
      font-size: 18px; }
    .receipt___feeDetail___3y6ft .receipt___grandTotal___oQS5d .receipt___rightFee___3Bdol {
      position: absolute;
      display: inline-block;
      line-height: 24px;
      margin: 0px 35px;
      right: 0;
      font-weight: 600;
      font-size: 18px; }

.receipt___overDaysMain___2MJdI {
  color: #FF3653;
  font-size: 14px; }

.receipt___dataElement___3pdDJ {
  position: absolute;
  left: 600px;
  top: 81.14px;
  width: 112px;
  height: 30px;
  font-weight: normal;
  font-size: 11px; }

.receipt___rowDivContainer___11vsh {
  display: flex;
  flex-flow: column; }

.receipt___topContainerElements___1j3k9 {
  display: flex; }

.receipt___amountAndLogo___PVkof {
  display: flex;
  margin-top: 6px; }

.receipt___userComponent___8nDEo:hover .receipt___bottomUserListLine___23EVn {
  display: none; }

.receipt___totalIndividual___24AD9 {
  margin-left: auto; }

.receipt___subScript___2Atkv {
  margin-top: 15px;
  color: #227DF9;
  cursor: pointer;
  position: absolute;
  left: 30px; }

.receipt___subScriptNew___1u7gO {
  margin-top: 15px;
  color: #227DF9;
  cursor: pointer;
  position: absolute; }

.receipt___subScript___2Atkv:hover {
  text-decoration: underline; }

.receipt___emptyData___2IBI9 {
  margin-left: auto;
  margin-right: 100px;
  margin-top: 120px; }

.receipt___personalInformation___3Dnzk {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #F6F6F6;
  border-radius: 10px;
  margin-right: 16px;
  margin-top: 22px;
  position: relative; }

.receipt___imageDisplay___1ZDUJ {
  width: 135px;
  height: 53px;
  object-fit: cover;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 10px;
  position: relative; }

.receipt___attachmentImage___rMo7K {
  width: 135px;
  height: 53px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 10px; }

.receipt___attachmentContainer___3U02P {
  position: relative;
  width: 135px;
  height: 53px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer; }

.receipt___uploadDoc___3UakD {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer;
  margin-right: 10px; }

.receipt___displayImageDesign___2L_yj {
  width: 32.8px;
  height: 43px;
  object-fit: cover;
  border-radius: 5px; }

.receipt___docInfoContainer___2_BX_ {
  position: relative; }

.receipt___docName___EPdIr {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 12.61px;
  word-break: break-all;
  margin-right: 5px; }

.receipt___settlementAmount___6VHj2 {
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: rgba(1, 4, 30, 0.7);
  margin-left: 25px;
  margin-top: 10px; }
  .receipt___settlementAmount___6VHj2 span {
    font-weight: 800;
    font-size: 13px;
    line-height: 16px;
    color: #010430;
    opacity: 0.8; }

.receipt___stampIcon___ymDZU {
  position: absolute;
  width: 80px;
  right: 0;
  bottom: 0; }

.payment-item-header___header___rpc8H {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.payment-item-header___components___v2Ocf {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.payment-item-header___sectionName___wJaFg {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.dues___duesComponent___3BECl {
  position: absolute;
  top: 70px;
  bottom: 0;
  left: 0;
  width: 797px; }

.dues___upcomingPaymentLabel___1713M {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #010430;
  background: #F2F3F7;
  height: 22px;
  line-height: 22px;
  padding-left: 44px;
  margin-top: 19.39px; }

.dues___bottomLabel___mV4hu {
  width: 100%;
  background: #F2F3F7;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  height: 116.5px;
  position: sticky;
  bottom: 0;
  margin-top: 20px; }

.dues___feesSelected___2RvNA {
  color: rgba(34, 125, 249, 0.8);
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  margin-left: 67.45px;
  padding-top: 23.5px; }
  .dues___feesSelected___2RvNA span {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #1F2028;
    margin-left: 9.29px; }

.dues___grandTotalLine___3CxAS {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #010430;
  margin-left: 68.74px;
  margin-top: 17.46px; }
  .dues___grandTotalLine___3CxAS span {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #1F2028;
    margin-left: 18px; }

.dues___paynowButton___3u4h5 {
  width: 170px;
  height: 34px;
  line-height: 34px;
  background: #1BCC63;
  text-align: center;
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  margin-top: 13px;
  margin-left: auto;
  cursor: pointer; }

.dues___cancelButton___3v-EQ {
  width: 170px;
  height: 34px;
  line-height: 34px;
  background: #FF3653;
  border-radius: 3px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 15px;
  margin-top: 13px;
  margin-right: 23.26px;
  margin-left: 20px;
  cursor: pointer; }

.dues___paymentPage___10AwB {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff; }

.dues___emptyText___FMtK4 {
  margin: auto;
  width: fit-content;
  margin-top: 100px;
  font-size: 22px;
  font-weight: 600; }

.payment-fee-item___feeContainer___2Pcc1 {
  position: relative;
  display: flex; }

.payment-fee-item___feeNameItem___1i__R {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: rgba(1, 4, 30, 0.8);
  margin-left: 18.55px; }
  .payment-fee-item___feeNameItem___1i__R span {
    color: #010430;
    opacity: 0.7;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    margin-left: 3.45px; }

.payment-fee-item___paymentItemContainer___178J7 {
  display: flex;
  flex-flow: column;
  margin-left: 44px;
  margin-top: 37px; }

.payment-fee-item___lateFeesDueDate___3LERt {
  color: #010430;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  margin-left: auto;
  margin-right: 87px; }

.payment-fee-item___duePassedLine___2QOts {
  color: #FF3653;
  opacity: 0.8;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  margin-top: 4px;
  margin-left: 50px; }

.payment-fee-item___detailContainer___2b7KY {
  margin-left: 50px;
  margin-top: 15px;
  display: flex; }

.payment-fee-item___showMoreButton___3rrYF {
  width: 72.32px;
  height: 20.12px;
  background: rgba(34, 125, 249, 0.2);
  border-radius: 2px;
  color: #227DF9;
  font-weight: 500;
  font-size: 10px;
  line-height: 20.12px;
  margin-left: 10px;
  padding-left: 6.45px;
  display: flex;
  cursor: pointer; }

.payment-fee-item___detailText___2AtNS {
  color: #010430;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px; }

.payment-fee-item___bottomMonth___20VsT {
  color: #010430;
  opacity: 0.8;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  margin-left: 10px;
  margin-top: 3px; }

.payment-fee-item___grandTotalBox___3hCcB {
  width: 402.70px;
  height: 34px;
  background: #F2F3F7;
  line-height: 34px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  padding-left: 8.96px;
  display: flex;
  margin-top: 13.88px; }
  .payment-fee-item___grandTotalBox___3hCcB span {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin-left: auto;
    margin-right: 8.67px; }

.payment-fee-item___paynowButton___2s-3p {
  width: 170px;
  height: 34px;
  background: #1BCC63;
  border-radius: 5px;
  line-height: 34px;
  text-align: center;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  margin-left: 57.33px;
  margin-top: 13.88px;
  cursor: pointer; }

.payment-fee-item___downArrow___3j6Cw {
  width: 4.28px;
  height: 2.14px;
  margin-top: 9.71px;
  margin-left: auto;
  margin-right: 5px; }

.payment-fee-item___showDetails___rwLe1 {
  margin-left: 50px;
  margin-top: 19px;
  width: 352.7px; }

.payment-fee-item___feeNameItemNew___Cyawc {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.8); }
  .payment-fee-item___feeNameItemNew___Cyawc span {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
    color: #1F2028;
    opacity: 0.8;
    margin-left: 5px; }

.payment-fee-item___feeHeadsContainer___26ayd {
  display: flex;
  margin-top: 17px; }

.payment-fee-item___feeHeadName___3nrpS {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8; }

.payment-fee-item___feeHeadAmount___2Q717 {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #010430;
  opacity: 0.8;
  margin-left: auto; }

.courses___header___2Jz51 {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.courses___mainCard___2Fu1m {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

.courses___sectionName___2y9bd {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .courses___mainCard___2Fu1m {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .courses___mainCard___2Fu1m {
    width: 913px;
    margin-left: 14px; } }

.courses___backNavigation___GOMp_ {
  width: 15.5px;
  height: 10.5px;
  margin-left: 30.5px;
  cursor: pointer;
  margin-top: 18px; }

.courses___backToResources___19pOZ {
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.6;
  margin-top: 19px;
  margin-left: 4px;
  cursor: pointer; }

.courses___classText___JeoB2 {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  z-index: 100;
  margin-left: 50.36px;
  margin-top: 18px;
  margin-bottom: auto; }

.courses___MainSubjectCard___umhJi {
  border: 1px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  width: 360px;
  padding-bottom: 12px;
  padding-top: 12px;
  background: #F7F7F8;
  height: fit-content;
  margin: 18px; }

.courses___globalSubjectName___1J0NQ {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #010430;
  margin-top: 12px;
  margin-left: 33px; }

.courses___teacherAvatar___JZjkd {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  margin-top: 26px;
  margin-left: 32px; }

.courses___centerName___1FEaS {
  font-size: 18px;
  padding-top: 6px;
  text-align: center;
  color: #fff; }

.courses___subjectTeacherName___4QORw {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  width: 147px;
  margin-top: 31px;
  margin-left: 12px; }

.courses___globalSubjectIcon___27vnY {
  height: 83px;
  width: 85px;
  border-radius: 50px;
  margin-top: -6px;
  margin-left: 32px; }

.courses___subjectCenterName___JbcWE {
  font-size: 34px;
  padding-top: 24px;
  text-align: center;
  color: #ffff; }

html, body {
  height: 100%;
  padding: 0;
  margin: 0; }

.courses___progressBar___1fhss {
  margin-left: 25px;
  margin-top: 18px;
  background-color: #dedede;
  outline: none;
  padding: 0;
  width: 313px;
  height: 7px;
  border-radius: 10px; }

.courses___totalChapter___1OlkR {
  font-weight: 600;
  font-size: 11px;
  line-height: 22px;
  color: #1F314A;
  opacity: 0.8;
  margin-left: 23px;
  margin-top: 18px;
  margin-bottom: 14px; }

.courses___mainContent___KgO8i {
  position: absolute;
  top: 67px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap; }

.courses___progress2___3ZcX2 {
  overflow: hidden;
  width: 270px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none;
  margin-left: 20px;
  margin-top: 13px; }

.courses___progress2___3ZcX2::-webkit-slider-runnable-track {
  height: 7px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px; }

.courses___progress2___3ZcX2::-webkit-slider-thumb {
  width: 0px;
  -webkit-appearance: none;
  height: 7px;
  cursor: ew-resize;
  background: #1bcc63;
  box-shadow: -300px 0 0 300px #1bcc63; }

.selected-subject-details___header___2wur2 {
  display: flex;
  flex-flow: column;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5;
  cursor: pointer;
  width: fit-content; }

.selected-subject-details___bottomHeader___mn8nf:hover .selected-subject-details___backToResources___2elC- {
  text-decoration: underline;
  color: #227DF9; }

.selected-subject-details___backNavigation___2AcVw {
  width: 15.5px;
  height: 10.5px;
  margin-left: 30.5px;
  cursor: pointer;
  margin-top: 18px; }

.selected-subject-details___backToResources___2elC- {
  font-size: 12px;
  line-height: 12px;
  color: #010430;
  /* opacity: 0.6; */
  margin-top: 11px;
  margin-left: 28px;
  cursor: pointer; }

.selected-subject-details___mainContent___30HD2 {
  position: absolute;
  top: 67px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.selected-subject-details___subjectProfileContainer___3qq4x {
  background: #F2F3F7;
  width: 100%;
  flex-flow: row;
  display: flex; }

.selected-subject-details___globalSubjectIcon___34iwY {
  height: 152px;
  width: 152px;
  margin-top: 31px;
  margin-left: 27px;
  border-radius: 5px; }

.selected-subject-details___teacherAvatar___2PMtq {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  margin-top: 12px;
  margin-left: 10px; }

.selected-subject-details___centerName___2ehbj {
  font-size: 18px;
  padding-top: 6px;
  text-align: center;
  color: #fff; }

.selected-subject-details___subjectCenterName___18dsj {
  font-weight: 500;
  font-size: 62px;
  line-height: 26px;
  text-align: center;
  margin-top: 57px;
  color: #FFFFFF; }

.selected-subject-details___subjectName___1lPts {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  color: #010430; }

.selected-subject-details___facultyText___2sJzg {
  font-size: 11px;
  line-height: 22px;
  color: #010430;
  opacity: 0.5;
  margin-top: 14px; }

.selected-subject-details___facultyName___250eW {
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  color: #010430;
  opacity: 0.8;
  margin-top: 13px;
  margin-left: 12px; }

.selected-subject-details___progressBar___3nDRA {
  margin-top: 18px;
  background-color: #dedede;
  outline: none;
  padding: 0;
  width: 640px;
  height: 12px;
  border-radius: 10px; }

.selected-subject-details___totalChapter___11omi {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #010430;
  opacity: 0.8;
  margin-top: 14px; }

.selected-subject-details___completedChapters___2b2MJ {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.8;
  margin-left: auto;
  width: fit-content;
  margin-right: 42px; }

.selected-subject-details___separator___1D6uO {
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  background: rgba(1, 4, 48, 0.1);
  height: 0.5px;
  width: 729px;
  margin-top: 19px;
  margin-left: 25px; }

.selected-subject-details___chapter___38IAn {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.5;
  margin-top: 8px;
  margin-left: 131px; }

.selected-subject-details___status___1By05 {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.5;
  margin-top: 8px;
  margin-left: auto;
  margin-right: 74px; }

.selected-subject-details___bulletNumber___2JL-o {
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #010430;
  opacity: 0.8;
  margin-left: 49px;
  margin-top: 35px; }

.selected-subject-details___chapterName___3m_lP {
  font-size: 18px;
  line-height: 26px;
  color: #010430;
  margin-left: 52px;
  /* margin-right: 12px; */
  margin-top: 36px; }

.selected-subject-details___mainContents___d3qsf {
  position: absolute;
  top: 305px;
  bottom: 0;
  width: 100%;
  padding-bottom: 20px; }

.selected-subject-details___selectProgressType___1js8R {
  background: #F2F3F7;
  border-radius: 30px;
  height: 37px;
  flex-flow: row;
  display: flex;
  width: 112px;
  margin-right: 42px;
  margin-top: 29px;
  margin-left: auto;
  cursor: pointer; }

.selected-subject-details___statusText___FWSWM {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.5;
  margin-top: 12px;
  margin-left: 6px;
  padding-right: 14px; }

.selected-subject-details___icons___3CJe9 {
  height: 27px;
  width: 27px;
  margin-top: 5px;
  margin-left: 8px; }

.selected-subject-details___icon1___1fxB2 {
  height: 25px;
  width: 25px;
  margin-top: 5px;
  margin-left: 18px; }

.selected-subject-details___icon2___aqxNw {
  height: 25px;
  width: 25px;
  margin-top: 5px;
  margin-left: 13px; }

.selected-subject-details___icon3___lWyqi {
  height: 25px;
  width: 25px;
  margin-top: 5px;
  margin-left: 25px; }

.selected-subject-details___modal___Kkwsx {
  border-radius: 10px;
  height: 51px;
  width: 188px;
  cursor: pointer;
  position: absolute;
  z-index: 500;
  top: 75px;
  flex-flow: row;
  display: flex;
  background: #fff;
  box-shadow: 2px 4px 8px 3px rgba(0, 0, 0, 0.15);
  right: 10px; }

.selected-subject-details___statusType___26_GU {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.5;
  margin-top: 1px;
  margin-left: 12px; }

.selected-subject-details___container___3Nl7W {
  flex-flow: row;
  display: flex;
  /* margin-top: 12px; */
  height: 95px;
  border-width: 300px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.2);
  cursor: pointer;
  position: relative; }

.selected-subject-details___container___3Nl7W:hover {
  background: rgba(0, 0, 0, 0.15); }

.selected-subject-details___bullet___3P7Ee {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  margin-left: 143px;
  margin-top: 9px; }

.selected-subject-details___topicText___1DqGT {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.8;
  margin-top: 1px;
  margin-left: 28px; }

.selected-subject-details___message___wNjeM {
  font-size: 15px;
  line-height: 26px;
  color: #010430;
  opacity: 0.8;
  text-align: center;
  color: red; }

.selected-subject-details___topicContainer___R2RIe {
  height: auto;
  padding: 20px;
  border-bottom: 0.5px solid rgba(1, 4, 48, 0.2); }

.selected-subject-details___input3___3Qjo- {
  overflow: hidden;
  width: 514px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none; }

.selected-subject-details___input3___3Qjo-::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px; }

.selected-subject-details___input3___3Qjo-::-webkit-slider-thumb {
  width: 10px;
  -webkit-appearance: none;
  height: 10px;
  cursor: ew-resize;
  background: #1bcc63;
  box-shadow: -600px 0 0 600px #1bcc63; }

.selected-subject-details___input4___3Mmjx {
  overflow: hidden;
  width: 514px;
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  border: none; }

.selected-subject-details___input4___3Mmjx::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #13bba4;
  margin-top: -1px; }

.selected-subject-details___input4___3Mmjx::-webkit-slider-thumb {
  width: 10px;
  -webkit-appearance: none;
  height: 10px;
  cursor: ew-resize;
  background: #1bcc63;
  box-shadow: -600px 0 0 600px #1bcc63;
  display: none; }

.selected-subject-details___emptyChapter___1ZVin {
  width: fit-content;
  margin: auto;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600; }

.sms-dashboard___smsHeading___7nG3L {
  font-weight: 800;
  font-size: 25px; }

.sms-dashboard-header___header___oJfDE {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.sms-dashboard-header___users___fXUK8 {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.sms-dashboard-header___components___ynKs7 {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.sms-dashboard-header___backNavigationIcon___3z_aF {
  width: 22.5px;
  height: 17.5px;
  margin-left: 22.5px;
  cursor: pointer;
  margin-top: 24px; }

.sms-overview___smsContainerCard___3WRmI {
  width: 524px;
  height: 140px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  margin-left: 79px; }

.sms-overview___smsCountHead___2sSrT {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 21px;
  color: #010430;
  opacity: 0.8;
  margin-top: 20px;
  margin-left: 32px; }

.sms-overview___topHeadContainer___2fOdh {
  display: flex;
  margin-top: 29px;
  width: fit-content; }

.sms-overview___smsLeftCard___PjzCW {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.8;
  margin-left: 37px;
  margin-top: 19.39px; }
  .sms-overview___smsLeftCard___PjzCW span {
    margin-left: 5.2px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.116667px;
    color: #010430; }

.sms-recharge-component___mainRechargeContainer___3PdBg {
  width: 261px;
  height: 334px;
  margin-left: 25px;
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  border-radius: 10px; }

.sms-recharge-component___rechargeHead___2ku9e {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  color: #010430;
  opacity: 0.8;
  margin-left: 17px;
  margin-top: 10px; }

.sms-recharge-component___headerComponent___iSINx {
  display: flex;
  margin-top: 5px; }

.sms-recharge-component___pricingTag___1T67U {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  opacity: 0.5;
  cursor: pointer;
  margin-left: 18px; }

.sms-recharge-component___orderHistory___3hUlE {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  opacity: 0.5;
  cursor: pointer;
  margin-left: 22px; }

.pricing-component___countClass___3CrNx {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  color: #010430;
  opacity: 0.7; }

.pricing-component___priceClass___2_nWB {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  color: #010430;
  opacity: 0.5; }

.pricing-component___inputClass___1h4m7 {
  background: #FFFFFF;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  border-radius: 2px;
  width: 84px;
  height: 20px;
  margin-left: 14px;
  font-size: 11px;
  padding: 2px 5px; }

.pricing-component___leftSideContainer___29-ud {
  margin-top: 14px; }

.pricing-component___slider___3pL4F {
  -webkit-appearance: none;
  width: 100%;
  cursor: pointer;
  height: 3.5px;
  border-radius: 5px;
  margin-top: 18px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  overflow: hidden; }

.pricing-component___slider___3pL4F:hover {
  opacity: 1; }

.pricing-component___slider___3pL4F::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FFA12B;
  border: 2px solid #FFFFFF;
  box-shadow: -600px 0 0 600px #FFA12B;
  cursor: pointer; }

.pricing-component___slider___3pL4F::-webkit-slider-runnable-track {
  height: 14px;
  -webkit-appearance: none;
  color: #13bba4; }

.pricing-component___slider___3pL4F::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FFA12B;
  border: 2px solid #FFFFFF;
  box-shadow: -600px 0 0 600px #FFA12B;
  cursor: pointer; }

.pricing-component___rightSideContainer___2gJ4v {
  width: 156px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px; }

.pricing-component___breakupParent___1k5nr {
  display: flex; }

.pricing-component___amountKey___3iR81 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 22px;
  color: #010430;
  opacity: 0.6; }

.pricing-component___amountValue___AFOhW {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 22px;
  color: #010430;
  opacity: 0.6;
  margin-left: auto; }

.pricing-component___totalBreakupParent___2aH-t {
  display: flex;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin-top: 6px;
  padding-top: 4px; }

.pricing-component___totalAmountKey___3-izX {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  color: #000000; }

.pricing-component___totalAmountValue___2c3-l {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  margin-left: auto; }

.pricing-component___buyNowButton___1hIaC {
  width: 177px;
  height: 35px;
  background: #1BCC63;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  line-height: 35px;
  text-align: center;
  margin-top: 18px;
  margin-left: auto;
  margin-bottom: 30px;
  font-size: 13px;
  color: #FFFFFF;
  margin-right: auto;
  cursor: pointer; }

.pricing-component___rechargeOnDate___1PydV {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  color: #010430;
  margin-top: 9px;
  margin-left: 42px; }

.order-history___orderCard___awfHe {
  width: 231px;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 10px 15px;
  display: flex;
  flex-flow: column; }

.order-history___dateComponent___3bpKB {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-left: 15px; }

.order-history___topComponent___3m35X {
  display: flex;
  margin-top: 10px; }

.order-history___amount___37syM {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: auto;
  margin-right: 17px; }

.order-history___smsCount___tV3aX {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #000000;
  margin-left: 15px;
  margin-top: 16px; }

.order-history___emptyText___3azT1 {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500; }

.report-container___mainContainer___3Z86E {
  width: 811px;
  height: 521px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  background: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-left: 78px;
  margin-top: 20px;
  border-radius: 10px;
  margin-bottom: 33px; }

.report-container___topHeadContainer___eZpzB {
  display: flex;
  width: 809px;
  height: 37px;
  background: #F2F3F7;
  border-radius: 10px 10px 0 0;
  margin-bottom: 15px; }

.report-container___reportText___d2gCQ {
  line-height: 37px;
  margin-left: 39px;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8; }

.report-container___viewReport___1SSRu {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 37px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-left: auto;
  margin-right: 37px;
  cursor: pointer; }

.report-container___bottomContainer___12i30 {
  display: flex;
  width: 781px;
  margin-bottom: 15px;
  background: #F2F3F7;
  border-radius: 10px;
  margin-left: 15px; }

.report-container___column1___HpAxo {
  display: flex;
  flex-flow: column;
  width: 352px;
  margin-top: 13px;
  margin-left: 25px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___col1Row1___PnnKo {
  display: flex; }

.report-container___date___2NvUe {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8; }

.report-container___bullet___207SS {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #227DF9;
  margin: 5px; }

.report-container___domain___1g3Me {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #227DF9; }

.report-container___pointerArrow___zBtRW {
  color: #010430;
  opacity: 0.5;
  font-weight: 700;
  line-height: 15px; }

.report-container___subDomain___1CXTb {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.5; }

.report-container___domainMatter___L4ACw {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.5;
  margin-top: 10px; }
  .report-container___domainMatter___L4ACw span {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #227DF9;
    margin-left: 5px;
    cursor: pointer; }

.report-container___domainMatter___L4ACw span:hover {
  text-decoration: underline; }

.report-container___timeItem___wpcEi {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8;
  margin-top: 14px; }

.report-container___column2___3HbGc {
  display: flex;
  flex-flow: column;
  width: 106px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___col2Heading___1PrqD {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.report-container___profilePic___yLoWL {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  align-self: center;
  background: red;
  border-radius: 50%;
  color: #fff;
  margin-top: 13px; }

.report-container___profileName___18dD2 {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.6;
  align-self: center;
  margin-top: 5px; }

.report-container___column3___20MVR {
  display: flex;
  flex-flow: column;
  width: 113px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___col3Heading___2xCfz {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.report-container___messageCountText___1Md0S {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.6;
  margin-top: 14px;
  text-align: center; }

.report-container___audienceCountText___2rbsY {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-top: 14px;
  text-align: center; }

.report-container___column4___2ap7D {
  display: flex;
  flex-flow: column;
  width: 84px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___column5___2nWvG {
  display: flex;
  flex-flow: column;
  width: 117px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___totalSmsCountText___3xZo7 {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #FC5A5A;
  margin-top: 14px;
  text-align: center; }

.report-container___emptyText___qNEyr {
  text-align: center;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600; }

.sms-reports___mainContainer___3aBwg {
  width: 811px;
  height: 521px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  background: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-left: 78px;
  margin-top: 20px;
  border-radius: 10px; }

.sms-reports___topHeadContainer___3owAI {
  display: flex;
  width: 809px;
  height: 37px;
  background: #F2F3F7;
  margin-bottom: 15px; }

.sms-reports___reportText___2El5R {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 37px;
  color: #010430;
  opacity: 0.8;
  margin-left: 43px; }

.sms-reports___viewReport___3PQlU {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 37px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-left: auto;
  margin-right: 37px;
  cursor: pointer; }

.sms-reports___bottomContainer___2tiyy {
  display: flex;
  width: 781px;
  margin-bottom: 15px;
  background: #F2F3F7;
  border-radius: 10px;
  margin-left: 15px; }

.sms-reports___column1___iI-N6 {
  display: flex;
  flex-flow: column;
  width: 352px;
  margin-top: 13px;
  margin-left: 25px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___col1Row1___3QtRw {
  display: flex; }

.sms-reports___date___JFSQH {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8; }

.sms-reports___bullet___2H3rj {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #227DF9;
  margin: 5px; }

.sms-reports___domain___10xl_ {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #227DF9; }

.sms-reports___pointerArrow___1Mn0n {
  color: #010430;
  opacity: 0.5;
  font-weight: 700;
  line-height: 15px; }

.sms-reports___subDomain___3t-g7 {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.5; }

.sms-reports___domainMatter___1vhED {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.5;
  margin-top: 10px; }

.sms-reports___timeItem___T6yc9 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8;
  margin-top: 14px; }

.sms-reports___column2___3UrM1 {
  display: flex;
  flex-flow: column;
  width: 106px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___col2Heading___9jyi9 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.sms-reports___profilePic___5M1D1 {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  align-self: center;
  background: red;
  border-radius: 50%;
  color: #fff;
  margin-top: 13px; }

.sms-reports___profileName___2b1G4 {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.6;
  align-self: center;
  margin-top: 5px; }

.sms-reports___column3___yGiSX {
  display: flex;
  flex-flow: column;
  width: 113px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___col3Heading___1AAG2 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.sms-reports___messageCountText___1xNVX {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.6;
  margin-top: 14px;
  text-align: center; }

.sms-reports___audienceCountText___RBqyq {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-top: 14px;
  text-align: center; }

.sms-reports___column4___2upx9 {
  display: flex;
  flex-flow: column;
  width: 84px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___column5___3Qlyw {
  display: flex;
  flex-flow: column;
  width: 117px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___totalSmsCountText___2FjoU {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #FC5A5A;
  margin-top: 14px;
  text-align: center; }

.sms-reports___changeRange___oXaKG {
  height: 30px;
  width: 440px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  margin-left: 34px;
  margin-top: 17px;
  margin-bottom: 20px;
  position: relative; }
  .sms-reports___changeRange___oXaKG .sms-reports___clock___3wI6B {
    width: 18px;
    margin: 6px 0px;
    margin-left: 20px;
    height: 18px; }
  .sms-reports___changeRange___oXaKG .sms-reports___rangeText___2uB9N {
    display: inline;
    color: #227DF9;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 13px; }
  .sms-reports___changeRange___oXaKG .sms-reports___fromText___UEqcN {
    display: inline-block;
    margin: 0px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px;
    margin-left: 31px;
    margin-top: 6.93px; }
    .sms-reports___changeRange___oXaKG .sms-reports___fromText___UEqcN span {
      margin-left: 3px;
      font-weight: bold; }
  .sms-reports___changeRange___oXaKG .sms-reports___toText___14wHz {
    display: inline-block;
    margin-left: 27px;
    margin-top: 6.93px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px; }
    .sms-reports___changeRange___oXaKG .sms-reports___toText___14wHz span {
      margin-left: 3px;
      font-weight: bold; }

.sms-reports___fromDatePicker___1iPl4 {
  margin-left: 10px; }

.sms-reports___toDatePicker___1THey {
  margin-left: 26px; }

.sms-reports___calendarContainer___3KV4u {
  display: flex;
  margin-top: 13px; }

.sms-reports___selectRangeText___XK5Af {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #010430;
  margin-top: 10px;
  margin-left: 15px; }

.sms-reports___bottomFooter___FqLX4 {
  display: flex;
  margin-top: 12px;
  margin-bottom: 11px; }

.sms-reports___cancelButton___1JXYx {
  background: rgba(238, 235, 235, 0.5);
  border-radius: 5px;
  width: 114px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: auto;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1px;
  color: #010430;
  margin-right: 23px;
  cursor: pointer; }

.sms-reports___applyButton___2Zf9a {
  width: 114px;
  height: 30px;
  line-height: 30px;
  margin-right: auto;
  background: #227DF9;
  border-radius: 5px;
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer; }

.sms-reports___calanderIconImage___3wo9R {
  width: 18px;
  height: 18px; }

.sms-reports___selectedDate___1we6a {
  color: #227DF9;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  margin-left: 10px; }

.sms-reports___topHeadingContainer___3v7tU {
  display: flex;
  margin-top: 14px; }

.sms-reports___calanderContainer___2qbKC {
  display: flex;
  flex-flow: column; }

.sms-reports___emptyText___1KfCE {
  text-align: center;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600; }

.sms-dashboard-settings___alignItems___1eagY {
  display: flex;
  flex-flow: column; }

.sms-dashboard-settings___tagLine___ehMLO {
  font-size: 13px;
  color: #010430;
  opacity: 0.6;
  margin-left: 84px;
  margin-top: 10px; }

.sms-dashboard-settings___bottomMainCard___20gtH {
  display: flex;
  flex-flow: column;
  width: 714px;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 84px;
  margin-top: 28px;
  margin-bottom: 20px; }

.sms-dashboard-settings___bottomCardRow___1LlFH {
  display: flex;
  margin-left: 19px;
  border-bottom: 1px solid #EEEBEB;
  position: relative;
  height: 79px; }

.sms-dashboard-settings___getwayLiablilityIcon___3v9Bv {
  height: 32px;
  margin-left: 23px;
  margin-top: 25px; }

.sms-dashboard-settings___arrangeTags___2U3zD {
  display: flex;
  flex-flow: column;
  position: absolute;
  max-width: 490px;
  margin-top: 18px;
  left: 87px; }

.sms-dashboard-settings___subHeadings___xlUXn {
  font-size: 15px;
  font-weight: 600;
  color: #010430;
  margin-top: 3px; }

.sms-dashboard-settings___tagLineForSubHeading___nKtbC {
  color: #010430;
  opacity: 0.6;
  font-size: 11px;
  margin-top: 5px; }

.sms-dashboard-settings___paymentGatewayLiablity___1L2hW {
  color: #010430;
  font-size: 15px;
  opacity: 0.6;
  margin-top: 35px;
  right: 95px;
  position: absolute; }

.sms-dashboard-settings___arrowDown___2VXR- {
  position: absolute;
  width: 25px;
  height: 16px;
  right: 51px;
  margin-top: 37px;
  cursor: pointer; }

.sms-dashboard-settings___componentActive___2OXIg {
  position: absolute;
  width: 60px;
  height: 30px;
  right: 51px;
  margin-top: 37px;
  cursor: pointer; }

.sms-dashboard-settings___mainContent___1d4NG {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative;
  border-radius: 0px 0px 10px 10px; }

.sms-dashboard-settings___keyName___1WvZl {
  font-weight: 600;
  font-size: 15px;
  opacity: 0.8;
  margin-left: 50.19px; }

.sms-dashboard-settings___valueName___Bc2aJ {
  font-size: 15px;
  opacity: 0.5;
  position: absolute;
  right: 300px; }

.sms-dashboard-settings___sessionSelect___KO1sj {
  margin-left: 20px;
  font-size: 13px;
  opacity: 0.9;
  font-weight: 500;
  border-radius: 3px; }

.sms-dashboard-settings___postOption___2YAcc {
  width: 20px;
  height: 20px;
  cursor: pointer;
  align-self: center;
  margin-top: 10px;
  margin-left: 10px; }

.sms-dashboard-settings___optionIcon___t9gl6 {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 16px;
  right: 38px;
  cursor: pointer;
  border-radius: 50%; }

.sms-dashboard-settings___optionIcon___t9gl6:hover {
  background: #F7F7F8; }

.sms-dashboard-settings___optionModal___1NcnE {
  width: 205.53px;
  position: absolute;
  top: 25px;
  z-index: 1;
  right: 80px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.sms-dashboard-settings___option___1y2XF {
  position: relative;
  height: 47px;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 47px;
  text-align: center; }

.sms-dashboard-settings___option___1y2XF:hover {
  color: #FFFFFF;
  cursor: pointer;
  background-color: #227DF9; }

.sms-dashboard-settings___paymentConfigs___2lbQ5 {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff; }

.sms-dashboard-settings___arrangeHeader___15hlV {
  display: flex;
  margin-top: 40px;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 16px;
  margin-left: 19px;
  margin-right: 36px; }

.sms-dashboard-settings___backNavigationIcon___-IUJK {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: -11px; }

.sms-dashboard-settings___headerBody___BTN8h {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: -15px; }

.sms-dashboard-settings___headerBodyDown___2KC-m {
  margin-left: 80px;
  font-size: 18px;
  color: #010430;
  margin-top: 10px; }

.sms-dashboard-settings___managePaymentHeading___2KDIC {
  display: flex;
  margin-left: 55px;
  margin-top: 10px; }

.sms-dashboard-settings___paymentHeadingText___16cal {
  margin-left: 30px;
  font-size: 18px;
  color: #010430; }

.sms-dashboard-settings___mainContent___1d4NG {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative;
  padding-bottom: 20px; }

.sms-dashboard-settings___heading___3gDme {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  margin-left: 50px;
  margin-top: 24px; }

.sms-dashboard-settings___sliderButton___3wqru {
  width: 38.2px;
  height: 21.47px;
  margin-top: 17px;
  margin-left: 430px;
  z-index: 100;
  cursor: pointer;
  transition: 0.5s;
  position: absolute; }

.sms-dashboard-settings___fieldText___3MJiJ {
  margin-top: 15px;
  margin-left: 50px;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  mix-blend-mode: normal;
  border-radius: 11px; }

.sms-dashboard-settings___switchText___3z-Im {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  opacity: 0.6;
  margin-top: 17px;
  margin-left: 480px;
  position: absolute; }

.sms-dashboard-settings___smsSettingsContainer___2oMr4 {
  display: flex;
  margin-top: 20px; }

.sms-dashboard-settings___smsTypeText___3Ip0V {
  font-size: 15px;
  font-weight: 600;
  color: #010430;
  margin-left: 105px; }

.sms-dashboard-settings___smsSettingsValue___2ORIH {
  font-size: 15px;
  color: #010430;
  margin-right: 75px;
  opacity: 0.8;
  margin-left: auto; }

.sms-dashboard-settings___editButton___1wXIB {
  height: 15.27px; }

.sms-dashboard-settings___editText___1uo8B {
  font-weight: normal;
  font-size: 11px;
  margin-left: 6.93px;
  line-height: 16px;
  color: #010430; }

.sms-dashboard-settings___editIconContainer___3r2Nd {
  position: absolute;
  right: 14px;
  top: 13px;
  display: flex;
  cursor: pointer;
  z-index: 100;
  height: 16px; }

.sms-service-switch___headerComponent___1ukk2 {
  display: flex;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  padding-bottom: 12px; }

.sms-service-switch___headerTopic___39maZ {
  font-weight: 800;
  font-size: 22px; }

.sms-service-switch___headerTagLine___2fr3A {
  opacity: 0.4;
  color: #010430;
  font-size: 13px;
  margin-top: 5px; }

.sms-service-switch___crossImageTop___2EQuf {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px; }

.sms-service-switch___currentPasswordHeading___3_KYP {
  color: #1F314A;
  font-size: 13px;
  opacity: 0.7;
  margin-top: 24.5px;
  margin-left: 16.69px; }

.sms-service-switch___currentPasswordInput___ge5y8 {
  width: 418.07px;
  height: 36.69px;
  margin-left: 16.69px;
  padding-left: 20px;
  background: #F2F3F7;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  margin-top: 5px; }

.sms-service-switch___saveChangesButton___1XFvN {
  width: 189px;
  height: 38px;
  margin-top: 28px;
  align-self: center;
  line-height: 38px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  background: #227DF9;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  flex-flow: column; }

.sms-service-switch___invalidMessage___2C8wL {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.sms-service-switch___currentPasswordInput___ge5y8:invalid {
  border: 1px solid #FF3653; }

.sms-service-switch___currentPasswordInput___ge5y8:invalid + .sms-service-switch___invalidMessage___2C8wL {
  display: block; }

.sms-service-switch___loader___1OYoD,
.sms-service-switch___loader___1OYoD:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.sms-service-switch___loader___1OYoD {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: sms-service-switch___load8___Vxd_y 1.1s infinite linear;
  animation: sms-service-switch___load8___Vxd_y 1.1s infinite linear; }

@-webkit-keyframes sms-service-switch___load8___Vxd_y {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes sms-service-switch___load8___Vxd_y {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.sms-service-switch___logoutCheckboxContainer___2U6t0 {
  display: flex;
  margin-left: 15px;
  margin-top: 10px; }

.sms-service-switch___logoutOfAllDevicesText___1ZGor {
  font-size: 13px;
  line-height: 25px; }

.sms-service-switch___invalidMessageExist___2Azn1 {
  font-size: 10px;
  color: #FF3653;
  margin-left: 17px;
  margin-right: 28px;
  margin-top: 5px; }

.sms-service-switch___selectSmsType___2l5ad {
  height: 20px;
  margin-top: 23px;
  margin-left: 30px;
  font-size: 13px; }

.meeting-dashboard___smsHeading___iAp9q {
  font-weight: 800;
  font-size: 25px; }

.meeting-dashboard-header___header___2yEkj {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.meeting-dashboard-header___users___2whYq {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.meeting-dashboard-header___components___3_H8q {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.meeting-dashboard-header___backNavigationIcon___3N0lw {
  width: 22.5px;
  height: 17.5px;
  margin-left: 22.5px;
  cursor: pointer;
  margin-top: 24px; }

.sms-overview___smsContainerCard___2zuud {
  width: 524px;
  height: 140px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  margin-left: 79px; }

.sms-overview___smsCountHead___VmDNa {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 21px;
  color: #010430;
  opacity: 0.8;
  margin-top: 20px;
  margin-left: 32px; }

.sms-overview___topHeadContainer___IXIs8 {
  display: flex;
  margin-top: 29px;
  width: fit-content; }

.sms-overview___smsLeftCard____W-6Z {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: #010430;
  opacity: 0.8;
  margin-left: 37px;
  margin-top: 19.39px; }
  .sms-overview___smsLeftCard____W-6Z span {
    margin-left: 5.2px;
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.116667px;
    color: #010430; }

.sms-recharge-component___mainRechargeContainer___iyV77 {
  width: 261px;
  height: 334px;
  margin-left: 25px;
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  border-radius: 10px; }

.sms-recharge-component___rechargeHead___3pq5r {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  color: #010430;
  opacity: 0.8;
  margin-left: 17px;
  margin-top: 10px; }

.sms-recharge-component___headerComponent___2e9Oo {
  display: flex;
  margin-top: 5px; }

.sms-recharge-component___pricingTag___3sO5G {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  opacity: 0.5;
  cursor: pointer;
  margin-left: 18px; }

.sms-recharge-component___orderHistory___1VSnJ {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  opacity: 0.5;
  cursor: pointer;
  margin-left: 22px; }

.pricing-component___countClass___1QRR9 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  color: #010430;
  opacity: 0.7; }

.pricing-component___priceClass___3gGK6 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  color: #010430;
  opacity: 0.5; }

.pricing-component___inputClass___197IT {
  background: #FFFFFF;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  border-radius: 2px;
  width: 84px;
  height: 20px;
  margin-left: 14px;
  font-size: 11px;
  padding: 2px 5px; }

.pricing-component___leftSideContainer___3-3Td {
  margin-top: 14px; }

.pricing-component___slider___3GhTf {
  -webkit-appearance: none;
  width: 100%;
  cursor: pointer;
  height: 3.5px;
  border-radius: 5px;
  margin-top: 18px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  overflow: hidden; }

.pricing-component___slider___3GhTf:hover {
  opacity: 1; }

.pricing-component___slider___3GhTf::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FFA12B;
  border: 2px solid #FFFFFF;
  box-shadow: -600px 0 0 600px #FFA12B;
  cursor: pointer; }

.pricing-component___slider___3GhTf::-webkit-slider-runnable-track {
  height: 14px;
  -webkit-appearance: none;
  color: #13bba4; }

.pricing-component___slider___3GhTf::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FFA12B;
  border: 2px solid #FFFFFF;
  box-shadow: -600px 0 0 600px #FFA12B;
  cursor: pointer; }

.pricing-component___rightSideContainer___3dHpp {
  width: 156px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 13px; }

.pricing-component___breakupParent___1AwnZ {
  display: flex; }

.pricing-component___amountKey___16aek {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 22px;
  color: #010430;
  opacity: 0.6; }

.pricing-component___amountValue___1p7wf {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 22px;
  color: #010430;
  opacity: 0.6;
  margin-left: auto; }

.pricing-component___totalBreakupParent___1YOtS {
  display: flex;
  border-top: 0.5px solid rgba(1, 4, 30, 0.2);
  margin-top: 6px;
  padding-top: 4px; }

.pricing-component___totalAmountKey___2_638 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  color: #000000; }

.pricing-component___totalAmountValue___QeA_M {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  color: #010430;
  margin-left: auto; }

.pricing-component___buyNowButton___1ZV7J {
  width: 177px;
  height: 35px;
  background: #1BCC63;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  line-height: 35px;
  text-align: center;
  margin-top: 18px;
  margin-left: auto;
  margin-bottom: 30px;
  font-size: 13px;
  color: #FFFFFF;
  margin-right: auto;
  cursor: pointer; }

.pricing-component___rechargeOnDate___1xgHn {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
  color: #010430;
  margin-top: 9px;
  margin-left: 42px; }

.order-history___orderCard___2_iKX {
  width: 231px;
  height: 70px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  margin: 10px 15px;
  display: flex;
  flex-flow: column; }

.order-history___dateComponent___1TsK- {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  color: #010430;
  opacity: 0.8;
  margin-left: 15px; }

.order-history___topComponent___DuX1b {
  display: flex;
  margin-top: 10px; }

.order-history___amount___2jl2c {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  margin-left: auto;
  margin-right: 17px; }

.order-history___smsCount___2EOT3 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  color: #000000;
  margin-left: 15px;
  margin-top: 16px; }

.order-history___emptyText___1624w {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500; }

.report-container___mainContainer___2K8hO {
  width: 811px;
  height: 521px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  background: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-left: 78px;
  margin-top: 20px;
  border-radius: 10px;
  margin-bottom: 33px; }

.report-container___topHeadContainer___30yjc {
  display: flex;
  width: 809px;
  height: 37px;
  background: #F2F3F7;
  border-radius: 10px 10px 0 0;
  margin-bottom: 15px; }

.report-container___reportText___1ZZz3 {
  line-height: 37px;
  margin-left: 39px;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8; }

.report-container___viewReport___2LBl2 {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 37px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-left: auto;
  margin-right: 37px;
  cursor: pointer; }

.report-container___bottomContainer___707Z8 {
  display: flex;
  width: 781px;
  margin-bottom: 15px;
  background: #F2F3F7;
  border-radius: 10px;
  margin-left: 15px; }

.report-container___column1___145FW {
  display: flex;
  flex-flow: column;
  width: 300px;
  margin-top: 13px;
  margin-left: 25px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___col1Row1___3Lfa5 {
  display: flex; }

.report-container___date___3jSYz {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8; }

.report-container___bullet___3hUFO {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #227DF9;
  margin: 5px; }

.report-container___domain___12tiV {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #227DF9; }

.report-container___pointerArrow___1wJK_ {
  color: #010430;
  opacity: 0.5;
  font-weight: 700;
  line-height: 15px; }

.report-container___subDomain___3OL4H {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.5; }

.report-container___domainMatter___3gpNi {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.5;
  margin-top: 10px; }
  .report-container___domainMatter___3gpNi span {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: #227DF9;
    margin-left: 5px;
    cursor: pointer; }

.report-container___domainMatter___3gpNi span:hover {
  text-decoration: underline; }

.report-container___timeItem___2GBES {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8;
  margin-top: 14px; }

.report-container___column2___2KxYp {
  display: flex;
  flex-flow: column;
  width: 106px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___col2Heading___1TR7I {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.report-container___profilePic___204-1 {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  align-self: center;
  background: red;
  border-radius: 50%;
  color: #fff;
  margin-top: 13px; }

.report-container___profileName___3KusP {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.6;
  align-self: center;
  margin-top: 5px; }

.report-container___column3___3kMAE {
  display: flex;
  flex-flow: column;
  width: 113px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___col3Heading___3Ft5i {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.report-container___messageCountText___36Udr {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.6;
  margin-top: 14px;
  text-align: center; }

.report-container___audienceCountText___GiyuB {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-top: 14px;
  text-align: center; }

.report-container___column4___y7Jw8 {
  display: flex;
  flex-flow: column;
  width: 114px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___column5___3bemg {
  display: flex;
  flex-flow: column;
  width: 117px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.report-container___totalSmsCountText___1GhqL {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #FC5A5A;
  margin-top: 14px;
  text-align: center; }

.report-container___emptyText___3v_OR {
  text-align: center;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600; }

.sms-reports___mainContainer___3LbDF {
  width: 811px;
  height: 521px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  background: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-left: 78px;
  margin-top: 20px;
  border-radius: 10px; }

.sms-reports___topHeadContainer___FnmMl {
  display: flex;
  width: 809px;
  height: 37px;
  background: #F2F3F7;
  margin-bottom: 15px; }

.sms-reports___reportText___lpUWC {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 37px;
  color: #010430;
  opacity: 0.8;
  margin-left: 43px; }

.sms-reports___viewReport___cUtwW {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 37px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-left: auto;
  margin-right: 37px;
  cursor: pointer; }

.sms-reports___bottomContainer___LSX2W {
  display: flex;
  width: 781px;
  margin-bottom: 15px;
  background: #F2F3F7;
  border-radius: 10px;
  margin-left: 15px; }

.sms-reports___column1___2MBdN {
  display: flex;
  flex-flow: column;
  width: 352px;
  margin-top: 13px;
  margin-left: 25px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___col1Row1___214YG {
  display: flex; }

.sms-reports___date___7X4KG {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8; }

.sms-reports___bullet___3efCV {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #227DF9;
  margin: 5px; }

.sms-reports___domain___2vpgg {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #227DF9; }

.sms-reports___pointerArrow___3lBHx {
  color: #010430;
  opacity: 0.5;
  font-weight: 700;
  line-height: 15px; }

.sms-reports___subDomain___1JxKL {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.5; }

.sms-reports___domainMatter___1MhoP {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.5;
  margin-top: 10px; }

.sms-reports___timeItem___n6ZOb {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.8;
  margin-top: 14px; }

.sms-reports___column2___3wiGs {
  display: flex;
  flex-flow: column;
  width: 106px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___col2Heading___XmVcw {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.sms-reports___profilePic___2Q-No {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  align-self: center;
  background: red;
  border-radius: 50%;
  color: #fff;
  margin-top: 13px; }

.sms-reports___profileName___I6r23 {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.6;
  align-self: center;
  margin-top: 5px; }

.sms-reports___column3___pEb2- {
  display: flex;
  flex-flow: column;
  width: 113px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___col3Heading___2Ew9b {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  border-radius: 5px;
  text-align: center; }

.sms-reports___messageCountText___JjoZv {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #010430;
  opacity: 0.6;
  margin-top: 14px;
  text-align: center; }

.sms-reports___audienceCountText___3j4C9 {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #227DF9;
  margin-top: 14px;
  text-align: center; }

.sms-reports___column4___fvF0X {
  display: flex;
  flex-flow: column;
  width: 84px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___column5___3ntyG {
  display: flex;
  flex-flow: column;
  width: 117px;
  margin-top: 13px;
  margin-bottom: 15px;
  border-right: 1px solid rgba(1, 4, 30, 0.1); }

.sms-reports___totalSmsCountText___1V8Mm {
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #FC5A5A;
  margin-top: 14px;
  text-align: center; }

.sms-reports___changeRange___1acTl {
  height: 30px;
  width: 440px;
  background: #F2F3F7;
  border-radius: 10px;
  display: flex;
  margin-left: 34px;
  margin-top: 17px;
  margin-bottom: 20px;
  position: relative; }
  .sms-reports___changeRange___1acTl .sms-reports___clock___2jKHJ {
    width: 18px;
    margin: 6px 0px;
    margin-left: 20px;
    height: 18px; }
  .sms-reports___changeRange___1acTl .sms-reports___rangeText___3-vc6 {
    display: inline;
    color: #227DF9;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 13px; }
  .sms-reports___changeRange___1acTl .sms-reports___fromText___3CHXh {
    display: inline-block;
    margin: 0px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px;
    margin-left: 31px;
    margin-top: 6.93px; }
    .sms-reports___changeRange___1acTl .sms-reports___fromText___3CHXh span {
      margin-left: 3px;
      font-weight: bold; }
  .sms-reports___changeRange___1acTl .sms-reports___toText___2vad8 {
    display: inline-block;
    margin-left: 27px;
    margin-top: 6.93px;
    opacity: 0.7;
    font-weight: 500;
    font-size: 13px; }
    .sms-reports___changeRange___1acTl .sms-reports___toText___2vad8 span {
      margin-left: 3px;
      font-weight: bold; }

.sms-reports___fromDatePicker___3zoRh {
  margin-left: 10px; }

.sms-reports___toDatePicker___2RRTX {
  margin-left: 26px; }

.sms-reports___calendarContainer___vEDo5 {
  display: flex;
  margin-top: 13px; }

.sms-reports___selectRangeText___GCMOm {
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.1px;
  color: #010430;
  margin-top: 10px;
  margin-left: 15px; }

.sms-reports___bottomFooter___14mX6 {
  display: flex;
  margin-top: 12px;
  margin-bottom: 11px; }

.sms-reports___cancelButton___3gLKH {
  background: rgba(238, 235, 235, 0.5);
  border-radius: 5px;
  width: 114px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: auto;
  font-family: SF Pro Text;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.1px;
  color: #010430;
  margin-right: 23px;
  cursor: pointer; }

.sms-reports___applyButton___Evc3H {
  width: 114px;
  height: 30px;
  line-height: 30px;
  margin-right: auto;
  background: #227DF9;
  border-radius: 5px;
  font-family: SF Pro Display;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer; }

.sms-reports___calanderIconImage___VvMco {
  width: 18px;
  height: 18px; }

.sms-reports___selectedDate___1jpbs {
  color: #227DF9;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  margin-left: 10px; }

.sms-reports___topHeadingContainer___2itq4 {
  display: flex;
  margin-top: 14px; }

.sms-reports___calanderContainer___2MykG {
  display: flex;
  flex-flow: column; }

.sms-reports___emptyText___3pPW- {
  text-align: center;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600; }

.channels___muteHeader___1d2VM {
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 449px;
  display: flex;
  position: relative; }

.channels___crossHandler___2D0Fu {
  width: 15px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.channels___containers___2pBTk {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  border-bottom: 1px solid #F1F1F5;
  position: relative;
  text-align: center;
  font-weight: 600; }

.channels___muteOptionsContainer___3GQDA {
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  align-items: center;
  padding: 20px;
  border-radius: 0px 0px 15px 15px; }

.channels___muteOptions___1v9Sn {
  background: rgba(34, 125, 249, 0.1);
  border: 1.5px solid #227DF9;
  border-radius: 5px;
  color: #227DF9;
  width: 177px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  cursor: pointer;
  margin-bottom: 20px; }

.channels___inputProfileBox___3Rm2p {
  height: 20px;
  width: 30px; }

.channels___closeMemberMOdal___1qHdn {
  height: 29px;
  margin-top: 10px;
  margin-right: 18px; }

.channels___selectedContactdesignation___FeJka {
  color: rgba(1, 4, 30, 0.7);
  mix-blend-mode: normal;
  font-size: 10px;
  line-height: 18px;
  text-align: center; }

.channels___forwardMessageSelectionDisplay___f4D-T {
  display: flex;
  width: -webkit-fill-available;
  margin-left: 12px;
  padding-right: 10px;
  overflow-wrap: break-word;
  height: 243px;
  max-width: 347px;
  flex-flow: wrap; }

.channels___addMemberSelectionDisplay___1kz45 {
  display: flex;
  margin-left: 12px;
  padding-right: 10px;
  overflow-wrap: break-word;
  max-height: 383px;
  max-width: 347px;
  flex-flow: wrap; }

.channels___forwardMessagesProfileContent___28WCF {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 90px;
  height: 85px;
  margin: 15px;
  background: #F7F7F8;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px; }

.channels___forwardMessageRemoveHandler___X5JJv {
  height: 30px;
  position: absolute;
  width: 30px;
  align-self: center;
  top: 8px;
  opacity: .8;
  cursor: pointer;
  display: none; }

.channels___contactProfileContent___1OR-c:hover .channels___forwardMessageRemoveHandler___X5JJv {
  display: block; }

.channels___forwardMessageSelectedProfileDisplay___Atb5- {
  font-size: 13px;
  text-transform: capitalize;
  background: #92929D;
  width: 30px;
  height: 30px;
  align-self: center;
  text-align: center;
  margin-top: 8px;
  line-height: 31px;
  border-radius: 25px;
  color: #FFFFFF; }

.channels___forwardMessageDisplayName___2mhTQ {
  font-size: 11px;
  color: rgba(1, 4, 30, 0.8);
  text-align: center;
  margin-top: 7px;
  font-weight: 600; }

.channels___contactProfileContent___1OR-c {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 90px;
  height: 85px;
  margin: 15px;
  margin-right: 10px;
  background: #F7F7F8;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px; }

.channels___contactsAddIcon___wCBWA {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 272px; }

.channels___createGroupText___1dO7m {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #1F2028;
  padding-top: 10px;
  padding-left: 17px;
  padding-right: 189px;
  padding-bottom: 18px;
  opacity: .9; }

.channels___addMemberHeader___2nhhS {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #010430;
  margin-left: 12px;
  opacity: .4; }

.channels___CreateGroupTextAndIcons___S6MAz {
  display: flex;
  flex-flow: row; }

.channels___groupIcon___1TQAN {
  position: absolute;
  height: 25px;
  width: 33px;
  margin-left: 143px;
  top: 13px; }

.channels___closeGroup___c1UW8 {
  height: 29px;
  width: 30px;
  margin-top: 10px;
  margin-left: 270px;
  margin-right: 18px; }

.channels___hrStyle___1PH_K {
  border: 0.5px solid #F1F1F5;
  width: 684px;
  margin-left: 14px; }

.channels___hrStyle1___Y6S8a {
  width: 316px;
  border: 0.5px solid #F1F1F5;
  transform: rotate(-180deg); }

.channels___hrStyle2___ITcpy {
  width: 316px;
  border: 0.5px solid #F1F1F5;
  transform: rotate(-180deg); }

.channels___groupProfileAndButton___1hQ8t {
  display: flex;
  flex-flow: column; }

.channels___groupProfile___2pbvp {
  cursor: pointer;
  height: 102px;
  width: 101px;
  margin-top: 10px;
  margin-left: 23px;
  object-fit: cover; }

.channels___selectedMemberContainer___3NSvD {
  height: 246px;
  width: 367px;
  border: 1px solid black; }

.channels___groupProfileAndName___1g412 {
  display: flex;
  flex-flow: row; }

.channels___inputGroupName___3zPth {
  border: none;
  width: -webkit-fill-available;
  height: 10px;
  font-size: 13px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.7; }

.channels___inputGroupNameField___waTjh {
  display: flex;
  background: #FFFF;
  height: 10px;
  width: 143px;
  padding: 10px 20px 10px 20px;
  border: 1px solid #D2D2D4;
  border-radius: 5px;
  margin-top: 17px;
  margin-left: 22px;
  margin-right: 21px; }

.channels___AddProfile___33Ucn {
  display: flex;
  background: #F4F4F4;
  height: 20px;
  padding: 10px 20px 10px 20px;
  width: 72px;
  margin-left: 38px;
  margin-top: 1px;
  background: #FFFFFF;
  border: 1px solid #D2D2D4;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer; }

.channels___camera___1xrw0 {
  height: 14px;
  align-self: center;
  margin-left: -9px;
  margin-right: 0px; }

.channels___ChoosePictureBox___W7lX3 {
  border: none;
  width: 35px;
  height: max-content;
  font-size: 12px;
  background: white;
  margin-top: -6px;
  font-weight: 500;
  opacity: .6; }

.channels___addMember___VCq4t {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: rgba(1, 4, 30, 0.4);
  margin-left: 30px;
  margin-top: 19px; }
  .channels___addMember___VCq4t span {
    color: #227DF9;
    font-size: 16px;
    font-weight: 600; }

.channels___groupContainerImage___sZPOO {
  margin-top: 18px;
  height: 143px;
  width: 204px;
  margin-left: 83px; }

.channels___createButton___2nuUN {
  position: absolute;
  align-self: center;
  bottom: 10px;
  width: 240px;
  height: 40px;
  border: none;
  background: #227DF9;
  color: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  z-index: 100;
  left: 75px;
  font-size: 14px; }

.channels___contactsContainer___3Ql40 {
  height: 67px;
  display: flex;
  cursor: pointer;
  align-items: center;
  position: relative;
  padding: 5px 0px; }

.channels___contactsContainer___3Ql40:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.channels___contactAlternateAvatar___3xCC4 {
  width: 43px;
  height: 43px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 43px;
  text-align: center;
  font-weight: 600; }

.channels___contactAvatar____3xRj {
  width: 35px;
  height: 35px;
  border-radius: 25px; }

.channels___contactIsActive___1ffXr {
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  background: #1BCC63;
  border: 1px solid #FFFFFF;
  top: 7px;
  right: 7px; }

.channels___nameAndTagContainer___3Q2vF {
  display: flex;
  flex-flow: column;
  margin-left: 8px;
  align-self: baseline;
  margin-top: 8px; }

.channels___contactNameContainer___3NvLO {
  text-transform: capitalize;
  margin-top: 0px;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  width: 180px; }

.channels___designation___3pI6J {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 13px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.channels___addMemberIcon___1y_og {
  height: 20px;
  width: 23px;
  margin-left: 9px;
  margin-top: 4px; }

.channels___contactSearchContainer___2YzA8 {
  display: flex;
  background: #F4F4F4;
  height: 13px;
  padding: 10px 20px 10px 20px;
  border-radius: 5px;
  margin: 6px;
  margin-left: 10px; }

.channels___contactSearchIcon___1FjI4 {
  height: 15px;
  width: 15px;
  align-self: center;
  margin-right: 10px; }

.channels___SearchTextBox___3GmTo {
  font-size: small;
  border: none;
  background: #F4F4F4;
  width: -webkit-fill-available; }

.channels___messageCard___2BvzV {
  background-color: white;
  position: relative;
  top: 51px;
  left: 0px;
  height: 50px;
  display: 'flex';
  flex-flow: row; }

.channels___messageHeader___cPQUg {
  top: 15px;
  font-weight: 800;
  font-size: 20px;
  position: relative;
  color: #010430;
  left: 18px; }

.channels___messageIcon___21ttq {
  height: 24px;
  width: 35px;
  position: absolute;
  cursor: pointer;
  right: 14.12px;
  top: 9px; }

.channels___searchBox___2dkBs {
  width: 193px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 9px;
  background: #F4F4F4; }

.channels___headerChat___7trhX {
  display: flex;
  flex-flow: row;
  height: 30px;
  position: relative;
  border-bottom: 1px solid #F1F1F5;
  background: #fff; }

.channels___contactsPic___p5Y5O {
  color: rgba(113, 124, 138, 0.6);
  width: 50%;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  border-bottom: 0.5px solid #f1f1f5; }

.channels___recentChatBox___1wQfg {
  color: rgba(113, 124, 138, 0.6);
  text-transform: uppercase;
  cursor: pointer;
  line-height: 30px;
  width: 50%;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border-bottom: 0.5px solid #f1f1f5; }

.channels___searchIcon___1Gx3M {
  height: 15px;
  margin-left: 15px;
  margin-top: 9px;
  margin-bottom: 6px;
  /* z-index: 100;*/ }

.channels___channelListCard___1KBAh {
  display: flex;
  flex-flow: column;
  left: 0px;
  background-color: white;
  width: 100%;
  position: absolute;
  top: 130px;
  bottom: 0; }

.channels___scrollbar___pFPbd {
  overflow-y: scroll;
  overflow-x: hidden; }

.channels___scrollbar___pFPbd::-webkit-scrollbar {
  width: 5px; }

.channels___scrollbar___pFPbd::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(113, 124, 138, 0); }

.channels___scrollbar___pFPbd:hover::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.channels___messageBox___3lhCS {
  margin-left: 550px;
  border: 1px solid black; }

.channels___messageCard___2BvzV {
  top: 0px; }

.channels___inputField___3EF8M {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 5px;
  margin-right: 5px; }

.channels___searchBar___1A-pX {
  top: 16.4%;
  width: 340px; }

.channels___mainRootContainer___3LN2M {
  position: fixed;
  right: 0px;
  top: 51.5px;
  left: 0px;
  display: flex;
  flex-flow: row;
  bottom: 0px; }

.channels___mainChannelsCard___1dWjl {
  position: relative;
  width: 284.3px;
  height: 100%;
  background: #fff; }

.channels___emptyText___eQma7 {
  margin: auto;
  margin-left: 60px;
  font-size: 18px;
  font-weight: 600; }

.channels___charactersCount___2esvw {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.channels-items___muteHeader___2ODXt {
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 449px;
  display: flex;
  position: relative; }

.channels-items___crossHandler___3BU5u {
  width: 15px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

.channels-items___lastMsgClass___1Igks {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  mix-blend-mode: normal;
  margin-top: 2px;
  display: flex; }

.channels-items___muteOptionsContainer___2V_Ak {
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  align-items: center;
  padding: 20px;
  border-radius: 0px 0px 15px 15px; }

.channels-items___muteOptions___1Ponr {
  background: rgba(34, 125, 249, 0.1);
  border: 1.5px solid #227DF9;
  border-radius: 5px;
  color: #227DF9;
  width: 177px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  cursor: pointer;
  margin-bottom: 20px; }

.channels-items___RecentChats___Su8cb {
  color: red;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  line-height: 23px;
  margin-left: 9px;
  font-weight: 600;
  margin-top: 7px;
  position: absolute; }

.channels-items___backdrop___29DfD {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: rgba(17, 17, 17, 0.5);
  opacity: 1; }

.channels-items___inside___3vNWJ {
  display: flex;
  flex-flow: row;
  width: -webkit-fill-available; }

.channels-items___containers___1YiSX {
  display: flex;
  flex-flow: row;
  width: 100%;
  /* height: 55px; */
  /* margin: 0px; */
  /* padding-top: 10px; */
  height: 60px;
  cursor: pointer;
  position: relative; }

.channels-items___containers___1YiSX:hover .channels-items___nameAndMsg___2q-7f {
  border-bottom: none; }

.channels-items___containers___1YiSX + option {
  display: none; }

.channels-items___containers___1YiSX:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.channels-items___containers___1YiSX:hover .channels-items___optionIcon___2fiOf {
  display: block; }

.channels-items___optionIcon___2fiOf {
  width: 15.27px;
  top: 25px;
  right: 0;
  padding-right: 12px;
  display: none;
  cursor: pointer;
  z-index: 100;
  position: absolute; }

.channels-items___optionIconAfter___3Mgub {
  height: 30px;
  width: 23px;
  top: -5px;
  padding-right: 12px;
  display: block;
  cursor: pointer;
  position: relative; }

.channels-items___groupProfilePicName___3tfdm {
  object-fit: cover;
  color: #FFFFFF;
  border-radius: 5px;
  width: 40px;
  margin-top: 10px;
  text-transform: capitalize;
  text-align: center;
  line-height: 40px;
  margin-left: 13px;
  height: 40px;
  position: relative; }

.channels-items___profilePicName___SmSUv {
  object-fit: cover;
  color: #FFFFFF;
  border-radius: 25px;
  width: 40px;
  margin-top: 10px;
  text-transform: capitalize;
  text-align: center;
  line-height: 40px;
  margin-left: 13px;
  height: 40px;
  position: relative; }

.channels-items___isOnline___3lVJ1 {
  background: #1BCC63;
  border: 1px solid #FFFFFF;
  border-radius: 25px; }

.channels-items___onlinePosition___1lYDe {
  width: 7px;
  height: 7px;
  position: absolute;
  right: 0px;
  top: 11px; }

.channels-items___unReadCount___3N1xa {
  background: #227DF9;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 11px;
  font-weight: 400;
  margin-right: 5px; }

.channels-items___unReadandGroup___bqjih {
  flex-flow: row;
  display: flex; }

.channels-items___mute___31mLi {
  height: 12px;
  width: 7px;
  margin-left: 8.58px;
  position: relative; }

.channels-items___groupName___myQef {
  font-weight: 600;
  color: rgba(1, 4, 30, 0.7);
  font-size: 13px;
  margin-top: 10px;
  display: flex; }

.channels-items___displayName___2bhdK {
  display: flex;
  flex-flow: row; }

.channels-items___nameAndMsg___2q-7f {
  display: flex;
  flex-flow: column;
  width: 190px;
  overflow: hidden;
  margin-left: 15px;
  border-bottom: 1px solid #f5f5f5;
  height: 58px; }

.channels-items___emptyLastMessage___1UIqf {
  word-wrap: break-word;
  opacity: 0.9;
  margin-left: 25%;
  font-size: 90%;
  margin-bottom: 2%; }

.channels-items___lastMessage___3sH_V {
  word-wrap: break-word;
  opacity: 0.9;
  color: #010430;
  font-size: 11px;
  display: flex; }

.channels-items___dateStyle___3xA4K {
  top: 15px;
  color: rgba(1, 4, 30, 0.6);
  font-size: 10px;
  font-weight: 500;
  bottom: 5px;
  position: absolute;
  opacity: .7;
  right: 20px; }

.channels-items___containers___1YiSX:hover .channels-items___dateStyle___3xA4K {
  display: none; }

.channels-items___datePosition___1Deib {
  display: flex;
  flex-direction: row-reverse wrap; }

.channels-items___optionModal___3-OZ- {
  width: 205.53px;
  position: absolute;
  top: 15px;
  z-index: 1;
  right: 30px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.channels-items___icon___2Yg5Y {
  width: 28px;
  padding: 5px;
  margin-left: 6px; }

.channels-items___icon1___3Xm75 {
  width: 20px;
  padding: 5px;
  margin-left: 7px; }

.channels-items___option___1T-_0 {
  position: relative; }

.channels-items___option___1T-_0:hover {
  cursor: pointer;
  background-color: #227DF9; }

.channels-items___option___1T-_0:hover .channels-items___Text___3_H6i {
  color: #fff; }

.channels-items___Text___3_H6i {
  position: absolute;
  margin: 0;
  top: 10px;
  margin-left: 50px;
  width: max-content;
  color: #010430;
  font-weight: 200;
  font-size: 13px; }

.contacts-items___contactAlternateAvatar___3CXby {
  background: #92929D;
  width: 35px;
  height: 35px;
  border-radius: 25px;
  text-align: center;
  line-height: 32px;
  font-weight: 550;
  color: #FFFFFF; }

.contacts-items___contactAvatar___1fDAf {
  width: 35px;
  height: 35px;
  border-radius: 25px; }

.contacts-items___containers___2wMqy {
  display: flex;
  flex-flow: row;
  height: 60px;
  cursor: pointer;
  position: relative;
  width: 100%; }

.contacts-items___containers___2wMqy:hover {
  background: #EEEBEB;
  box-shadow: inset 0 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.1); }

.contacts-items___containers___2wMqy:hover .contacts-items___nameAndDesignation___1-ctx {
  border-bottom: none; }

.contacts-items___inside___1cs5Q {
  display: flex;
  height: 100%;
  align-items: center;
  width: 257px;
  position: relative; }

.contacts-items___profilePicName___1QEVL {
  object-fit: cover;
  color: #FFFFFF;
  border-radius: 25px;
  width: 40px;
  margin-top: 0px;
  text-transform: capitalize;
  text-align: center;
  line-height: 40px;
  margin-left: 13px;
  height: 40px;
  position: relative; }

.contacts-items___channelProfile___1LPab {
  background: #92929D;
  border-radius: 25px;
  margin-left: 10px;
  width: 40px;
  height: 40px; }

.contacts-items___isOnline___3QaxZ {
  background: #1BCC63;
  border: 1px solid #FFFFFF;
  border-radius: 25px; }

.contacts-items___onlinePosition___2_LYI {
  width: 7px;
  height: 7px;
  position: absolute;
  right: 0px;
  top: 2px; }

.contacts-items___groupName___2e9jI {
  text-transform: capitalize;
  font-weight: 600;
  color: rgba(1, 4, 30, 0.7);
  font-size: 13px;
  margin-top: 12px;
  display: flex; }

.contacts-items___nameAndDesignation___1-ctx {
  display: flex;
  flex-flow: column;
  width: 190px;
  overflow: hidden;
  margin-left: 15px;
  border-bottom: 1px solid #f5f5f5;
  height: 58px; }

.contacts-items___designation___3Ncma {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 13px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.channel-view___alternateAvatar___1txDD {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 40px;
  text-align: center;
  font-weight: 500; }

.channel-view___groupAlternateAvatar___2qaSn {
  color: #FFFFFF;
  border-radius: 6px;
  width: 40px;
  text-transform: capitalize;
  text-align: center;
  line-height: 41px;
  margin-left: 6px;
  height: 40px; }

.channel-view___isLableText___1b_9k {
  width: fit-content;
  padding: 7px;
  margin-top: 14px;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  color: #010430;
  opacity: 0.6;
  background: #FFFFFF;
  border: 1px solid rgba(65, 138, 232, 0.4);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(65, 138, 232, 0.4);
  border-radius: 20px;
  align-self: center; }

.channel-view___avatarPic___3NHWk {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
  object-fit: cover; }

.channel-view___groupAvatarPic___1Mxt7 {
  background: #EEEBEB;
  border-radius: 5px;
  margin-left: 6px;
  width: 40px;
  height: 40px; }

.channel-view___isActive___37R1P {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  right: 5px; }

.channel-view___greenDot___1h7Ky {
  background: #1BCC63;
  border: 1px solid #FFFFFF;
  border-radius: 25px; }

.channel-view___nameAndMsg___3Dvap {
  display: flex;
  flex-flow: column;
  width: 125px; }

.channel-view___name___1BRyN {
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-top: 10px; }

.channel-view___lastMsg___2gofZ {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 13px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.channel-view___nameAndMsgForward___1WWGZ {
  display: flex;
  flex-flow: column;
  width: 190px;
  overflow: hidden;
  margin-left: 7px;
  border-bottom: 1px solid #f5f5f5;
  height: 56px; }

.channel-view___date___3xu1z {
  color: rgba(1, 4, 30, 0.6);
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  right: 5px;
  position: absolute; }

.channel-view___forwardMessageAddIcon___nmsiV {
  width: 30px;
  height: 30px;
  cursor: pointer; }

.channel-view___contactAlternateAvatar___2KKCO {
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 7px;
  margin-left: 16px;
  text-transform: capitalize;
  line-height: 40px;
  text-align: center;
  font-weight: 500;
  object-fit: cover; }

.channel-view___hoverCrossTop___S6_K3 {
  position: absolute;
  right: -45px;
  top: 0; }

.channel-view___contactIsActive___1zGvL {
  width: 8px;
  height: 8px;
  position: relative;
  left: -8px; }

.channel-view___nameAndTagContainer___2tbSB {
  display: flex;
  flex-flow: column;
  width: 220px;
  overflow: hidden;
  margin-left: 7px;
  border-bottom: 1px solid #f5f5f5;
  height: 56px; }

.channel-view___contactNameContainer___1MaSt {
  font-weight: 600;
  color: rgba(1, 4, 30, 0.9);
  font-size: 13px;
  margin-top: 10px; }

.channel-view___designation___3yhOr {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.6);
  font-size: 12px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.channel-view___forwardContactsAddIcon___Hf9UU {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 286px;
  top: 12px; }

.channel-view___contactsContainer___2n54Q {
  display: flex;
  position: relative;
  width: 100%;
  height: 60px;
  align-items: center; }

.channel-view___contactsContainer___2n54Q:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.channel-view___forwardMessageRecipient___3LmuU {
  font-size: 18px;
  color: rgba(1, 4, 30, 0.8);
  padding-top: 10px;
  padding-left: 17px;
  padding-bottom: 18px;
  font-weight: 500; }

.channel-view___forwardMessageSearchContainer___3Jt1n {
  display: flex;
  background: #F4F4F4;
  height: 31px;
  width: 282px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 4px;
  margin-bottom: 8px; }

.channel-view___forwardMessageSearch___8LGKK {
  height: 15px;
  margin-left: 15px;
  margin-top: 9px;
  margin-bottom: 6px;
  z-index: 100; }

.channel-view___forwardMessageSearchTextBox___GhwkS {
  width: 273px;
  border-radius: 5px;
  border: 1px;
  outline: none;
  font-size: 13px;
  padding-left: 9px;
  background: #F4F4F4; }

.channel-view___forwardMessageTopicContainer___11wxe {
  display: flex;
  flex-flow: row;
  height: 30px;
  position: relative;
  border-bottom: 1px solid #F1F1F5;
  background: #fff; }

.channel-view___recentChatBox___X3HtW {
  color: rgba(113, 124, 138, 0.6);
  text-transform: uppercase;
  cursor: pointer;
  line-height: 30px;
  width: 50%;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  border-bottom: 0.5px solid #f1f1f5; }

.channel-view___selectedMessageCount___32SJi {
  color: rgba(31, 32, 40, 0.6);
  font-size: 15px;
  line-height: 19px;
  padding-top: 16px;
  font-weight: 500;
  display: flex;
  border-bottom: 0.5px solid #F1F1F5;
  box-shadow: none;
  margin-left: 42px;
  margin-right: 20px;
  padding-bottom: 16px;
  position: relative; }

.channel-view___forwardCrossIcon___19hWv {
  position: absolute;
  width: 21px;
  height: 21px;
  right: 0px;
  cursor: pointer; }

.channel-view___forwardMessageSelectionDisplay___1j0OP {
  display: flex;
  margin-left: 18px;
  overflow-wrap: break-word;
  flex-flow: wrap;
  margin-top: 12px; }

.channel-view___forwardMessagesProfileContent___2hsJ- {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 90px;
  min-height: 85px;
  margin: 15px;
  background: #F7F7F8;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px; }

.channel-view___forwardMessageRemoveHandler___1G_Xn {
  height: 35px;
  position: absolute;
  width: 35px;
  align-self: center;
  top: 8px;
  opacity: 0.5;
  cursor: pointer;
  display: none; }

.channel-view___forwardMessagesProfileContent___2hsJ-:hover .channel-view___forwardMessageRemoveHandler___1G_Xn {
  display: block; }

.channel-view___forwardMessageSelectedProfileDisplay___Ct7gQ {
  font-size: 14px;
  text-transform: capitalize;
  background: #92929D;
  width: 35px;
  height: 35px;
  align-self: center;
  text-align: center;
  margin-top: 8px;
  line-height: 36px;
  border-radius: 25px;
  color: #FFFFFF; }

.channel-view___forwardMessageDisplayName___1WOJ7 {
  font-size: 12px;
  color: rgba(1, 4, 30, 0.8);
  text-align: center;
  margin-top: 7px;
  font-weight: 600;
  font-family: "SF Pro Text","Myriad Set Pro","SF Pro Icons","Apple Legacy Chevron","Helvetica Neue","Helvetica","Arial",sans-serif; }

.channel-view___forwardDisplayDesignation___45WBE {
  font-size: 9px;
  margin-top: 5px;
  text-align: center;
  color: rgba(1, 4, 30, 0.8);
  line-height: 11px; }

.channel-view___forwardMessageSubmiButton___3G39L {
  position: absolute;
  bottom: 9px;
  margin-right: auto;
  width: 321px;
  height: 40px;
  background: #227DF9;
  color: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  right: 85px; }

.channel-view___deleteModalHeader___3fwo9 {
  display: flex;
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 449px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550;
  font-size: 15px;
  background: #EEEBEB;
  border-radius: 5px 5px 0 0; }

.channel-view___deleteConfirm___342nY {
  border-bottom: 1px solid #DEDEDE;
  padding-left: 25px;
  padding-bottom: 16px;
  font-size: 15px;
  margin-top: 13px; }

.channel-view___crossForDeleteMessage___1MlRu {
  width: 13px;
  height: 11px;
  position: absolute;
  right: 12px;
  top: 15px;
  cursor: pointer; }

.channel-view___deleteOptions___XwUYt {
  color: #227DF9;
  border-radius: 5px;
  align-self: center;
  margin-top: 20px;
  padding: 9px 42px;
  background: rgba(34, 125, 249, 0.1);
  cursor: pointer; }

.channel-view___deleteModalContainer___226J5 {
  width: 60px;
  height: 50px;
  z-index: 999;
  background: red;
  border: 1px; }

.channel-view___Backdrop___178_K {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: rgba(17, 17, 17, 0.5);
  opacity: 1; }

.channel-view___countDelete___2aLqE {
  margin-left: 31px;
  color: #FF3653;
  font-weight: 500;
  font-size: 25px; }
  .channel-view___countDelete___2aLqE span {
    color: #FF3653;
    font-weight: 500;
    font-size: 25px;
    margin-top: 33px; }

.channel-view___forwardContainer___rqvJc {
  color: rgba(1, 4, 30, 0.6);
  font-size: 11px;
  font-weight: 600;
  top: 12px;
  position: absolute;
  left: 252px; }

.channel-view___countForward___32dUP {
  margin-left: 31px;
  color: #2F88FA;
  font-weight: 500;
  font-size: 25px; }
  .channel-view___countForward___32dUP span {
    color: #2F88FA;
    font-weight: 500;
    font-size: 25px;
    margin-top: 33px; }

.channel-view___text___2WckW {
  font-size: 17px;
  color: rgba(31, 32, 40, 0.5);
  margin-top: 33px;
  line-height: 32px;
  margin-left: 172px;
  font-weight: 500; }

.channel-view___deleteIcon___c75OM {
  height: 35px;
  width: 31px;
  margin-top: -7px;
  margin-left: 23px;
  margin-bottom: 5px; }

.channel-view___cancelText___599pt {
  color: #010430;
  opacity: 0.8;
  text-align: center;
  margin-top: 0px;
  font-size: 14px; }

.channel-view___cancelButton___1UfhU {
  border-radius: 5px;
  background: #FFFFFF;
  margin-top: 32px;
  height: 30px;
  width: 92px;
  line-height: 30px;
  border: 1px solid rgba(1, 4, 48, 0.4);
  box-sizing: border-box; }

.channel-view___cancelIconButton___26Cmm {
  display: flex;
  flex-flow: column;
  margin-top: 12px;
  margin-left: 500px;
  position: absolute;
  margin-right: 40px; }

.channel-view___deleteIconButton___3WaEa {
  display: flex;
  flex-flow: column;
  margin-top: 12px;
  font-size: 13px;
  position: absolute;
  right: 40px; }

.channel-view___countText___1B4Ff {
  display: flex;
  flex-flow: row; }

.channel-view___deleteButton___3W-I2 {
  background: #FF3653;
  border-radius: 30px;
  color: #FFFFFF;
  height: 25px;
  width: 83px;
  border: 1px solid #FF3653;
  cursor: pointer; }

.channel-view___forwardButton___3R2F2 {
  background: #2F88FA;
  border-radius: 30px;
  color: #FFFFFF;
  height: 25px;
  width: 83px;
  border: 1px solid  #2F88FA;
  cursor: pointer; }

.channel-view___mainUploadContainer___3duwz {
  z-index: 200;
  display: flex;
  flex-flow: column;
  position: fixed;
  border-bottom: 1px solid #AF9F90;
  width: 634px;
  background-color: #F3F3F3;
  left: 352px;
  bottom: 58px; }

.channel-view___mainImageContainers___18MlI {
  display: flex; }

.channel-view___imageUploadSection___2Tr68 {
  display: flex;
  flex-flow: row;
  bottom: 5%; }

.channel-view___scrollbarNew___3n6-a {
  overflow-y: scroll;
  direction: left;
  cursor: pointer; }

.channel-view___scrollbarNew___3n6-a::-webkit-scrollbar {
  height: 4px; }

.channel-view___scrollbarNew___3n6-a::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.channel-view___scrollbar___1qYAB {
  overflow-y: scroll;
  overflow-x: hidden; }

.channel-view___scrollbar___1qYAB:hover {
  overflow-y: scroll; }

.channel-view___scrollbar___1qYAB::-webkit-scrollbar {
  width: 5px; }

.channel-view___scrollbar___1qYAB::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #fff;
  opacity: 0; }

.channel-view___scrollbar___1qYAB:hover::-webkit-scrollbar-thumb {
  background-color: rgba(113, 124, 138, 0.6);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.channel-view___uploadImage___24hJw {
  width: 86px;
  height: 86px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer; }

.channel-view___backgroundImage___CVmpE {
  display: flex;
  flex-flow: row;
  position: relative; }

.channel-view___backgroundImage___CVmpE:hover {
  opacity: 0.5;
  border-radius: 10px; }

.channel-view___backgroundImage___CVmpE:hover .channel-view___crossTwo___39XGh {
  display: block; }

.channel-view___crossTwo___39XGh {
  display: none;
  height: 15px;
  width: 15px;
  cursor: pointer;
  border-radius: 5px;
  position: absolute;
  background: black;
  margin-top: 3px;
  right: 10px;
  top: 5px; }

.channel-view___backgroundDocument___3p42J {
  background-color: white;
  margin-bottom: 13px;
  padding-right: 10px;
  border-radius: 10px;
  margin-left: 10px;
  margin-top: 10px;
  display: flex;
  flex-flow: row;
  position: relative; }

.channel-view___backgroundDocument___3p42J:hover .channel-view___crossTwo___39XGh {
  display: block; }

.channel-view___backgroundDocument___3p42J:hover {
  background: #000000;
  opacity: 0.5;
  border-radius: 10px; }

.channel-view___previewDoc___1CNNt {
  border-radius: 10px;
  width: 60px;
  margin: 8px; }

.channel-view___docSize___2Mtdh {
  opacity: 0.6;
  font-size: 9px;
  color: #010430; }

.channel-view___docName___I2JaB {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 14.61px; }

.channel-view___plus___2mV9S {
  height: 20px;
  width: 20px;
  background-color: #EEEBEB;
  left: -54px;
  bottom: 6px;
  border-radius: 50%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 6px;
  padding-right: 5px;
  position: absolute;
  cursor: pointer; }

.channel-view___AddMoreImages___1YcWp {
  height: 40px;
  width: 40px;
  margin: 10px;
  background-color: #BDBDBD;
  padding: 27px;
  margin-left: 10px;
  border-radius: 10px;
  cursor: pointer; }

.channel-view___moreOptions___2Y7w7 {
  display: flex;
  flex-flow: column;
  position: absolute;
  bottom: 30px;
  left: 17px; }

.channel-view___sideImageIcon___1xjYQ {
  height: 20px;
  width: 20px;
  background-color: #EEEBEB;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px; }

.channel-view___sideImageIcon___1xjYQ:disabled {
  background-color: black; }

.channel-view___sideFileIcon___M3fF3:disabled {
  background-color: black; }

.channel-view___sideFileIcon___M3fF3 {
  height: 20px;
  width: 20px;
  background-color: #EEEBEB;
  margin-top: 9px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px; }

.channel-view___cross___1QR8T {
  height: 20px;
  width: 20px;
  background-color: #EEEBEB;
  margin-top: 9px;
  border-radius: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer; }

.channel-view___createDateandText___TnG4j {
  margin-left: 19.9px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
  color: #010430;
  opacity: 0.5;
  display: flex; }

.channel-view___inputBar___3m_ae {
  width: 606px;
  min-height: 44px;
  margin-left: 70px;
  margin-top: 17px;
  background: #F3F3F3;
  border-radius: 5px;
  line-height: 29px;
  font-size: 14px;
  display: flex;
  max-height: 200px;
  margin-bottom: 25px;
  position: relative;
  flex-flow: column; }

.channel-view___inputBox___1e1xX {
  outline-width: 0;
  width: 525px;
  margin-left: 30px;
  background: #F3F3F3;
  border-width: 0px;
  border-color: #717C8A;
  font-size: 15px;
  line-height: 18px;
  padding-top: 10px;
  overflow-x: hidden;
  padding-bottom: 10px;
  max-height: 92px;
  padding-right: 50px; }

.channel-view___textarea___2_GQg {
  resize: none;
  overflow-y: scroll;
  height: 1100px; }

.channel-view___addPhotos___BMpbp, .channel-view___addFiles___A1J6u {
  position: absolute;
  bottom: 10px;
  height: 21.77px;
  width: 20.4px;
  box-sizing: border-box;
  border-radius: 2px;
  display: block;
  cursor: pointer;
  right: 60px; }

.channel-view___addPhotos___BMpbp {
  right: 45.31px; }

.channel-view___addFiles___A1J6u {
  right: 10px; }

.channel-view___sendIcon___20XO7 {
  /* height: 32.81px; */
  width: 24.67px;
  bottom: 6px;
  position: absolute;
  right: 10px;
  cursor: pointer; }

input[type="text"] {
  color: #010430; }

.channel-view___messageHeaderBox___1ATKg {
  position: relative;
  display: flex;
  flex-flow: row;
  border-top-right-radius: 10px;
  background: #FFFFFF;
  padding-bottom: 8px;
  width: fit-content; }

.channel-view___profilePicName___1iaLe {
  margin-top: 21.297px;
  margin-left: 21.297px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  line-height: 51px;
  font-size: 29px;
  object-fit: cover; }

.channel-view___channelProfile___1GIdZ {
  height: 57.54px;
  width: 57.87px;
  border-radius: 50%;
  margin-left: 39px;
  margin-top: 11px; }

.channel-view___profileName___6hiQX {
  margin-left: 20.9px;
  margin-top: 23.84px;
  color: #010430;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none; }

.channel-view___profileName___6hiQX:hover {
  color: #227DF9;
  text-decoration: underline; }

.channel-view___groupProfilePicName___2BwCG {
  margin-top: 21.297px;
  margin-left: 21.297px;
  height: 50px;
  width: 50px;
  border-radius: 10px;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  line-height: 51px;
  font-size: 29px; }

.channel-view___channelGroupProfile___1NJHf {
  margin-top: 19px;
  margin-left: 13px;
  height: 65px;
  width: 65px;
  border-radius: 20%;
  margin-bottom: 5%;
  object-fit: cover; }

.channel-view___onLine___2lHCl {
  color: #1F314A;
  margin-left: 19.9px;
  font-size: 12px;
  color: #227df9;
  font-weight: 500;
  margin-top: 2px; }

.channel-view___mainChannelViewCard___3L3RL {
  width: 710px;
  display: flex;
  flex-flow: column;
  margin-left: 2px;
  position: fixed;
  left: 285px;
  top: 51.5px;
  bottom: 0;
  background: #fff; }

.channel-view___ChannelTextArea___2j4NV {
  width: 710px;
  display: flex;
  flex-flow: column;
  background: #fff;
  padding-bottom: 80px; }

.channel-view___inputContainer___JSChF {
  min-height: 86px;
  position: relative;
  background: white;
  border-top: 1px solid #F1F1F5;
  display: flex; }

.channel-view___exitMessageContainer___30Wfa {
  top: 2px;
  height: 105px;
  background: #C4BFBB;
  width: 100%;
  position: absolute; }

.channel-view___exitMessage___Yzp_P {
  font-family: SF Pro Text;
  font-size: 18px;
  margin-top: 0px;
  padding-top: 44px;
  line-height: 21px;
  text-align: center;
  color: #010430; }

.channel-view___footerParentComponent___3YwZk {
  width: 710px;
  margin-top: auto; }

.channel-view___imageUploadParent___1BOdX:hover .channel-view___uploadImage___24hJw {
  border: 3px solid #227DF9;
  border-radius: 10px;
  box-shadow: 0px 0px 2px rgba(34, 125, 249, 0.74);
  width: 80px;
  height: 80px; }

.channel-view___crossRemoveImage___3EMSf {
  position: absolute;
  width: 15px;
  right: 5px;
  top: 3px;
  background: #fff;
  cursor: pointer;
  display: none;
  border-radius: 50%; }

.channel-view___imageUploadParent___1BOdX {
  position: relative; }

.channel-view___imageUploadParent___1BOdX:hover .channel-view___crossRemoveImage___3EMSf {
  display: block; }

.channel-view___docUploadParent___VHQ-2 {
  position: relative;
  width: 135px;
  height: 61px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex; }

.channel-view___docUploadParent___VHQ-2:hover {
  border: 3px solid #227DF9;
  border-radius: 10px;
  box-shadow: 0px 0px 2px rgba(34, 125, 249, 0.74);
  width: 129px;
  height: 55px; }

.channel-view___docUploadParent___VHQ-2:hover .channel-view___crossRemoveImage___3EMSf {
  display: block; }

.channel-view___uploadDoc___2xOJ- {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer; }

.channel-view___displayImageDesign___3EX8B {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px; }

.channel-view___docInfoContainer___1RRsi {
  position: relative; }

.channel-view___sectionHover___2ttta:hover {
  background: #F7F7F8;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.channel-view___charactersCount___2OfzB {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.channel-view___lastMsgClass___36qje {
  overflow-y: hidden;
  overflow-x: hidden;
  color: rgba(31, 32, 40, 0.8);
  font-size: 10px;
  mix-blend-mode: normal;
  margin-top: 4px;
  display: flex; }

.messageItem___flexDirection___3zu5a {
  display: flex;
  flex-flow: row-reverse; }

.messageItem___rightCheckBox___3Sen_ {
  position: absolute; }

.messageItem___textandElements___3QMXd {
  display: none;
  background: #F2F2F2;
  width: 60px;
  height: 26px;
  border-radius: 7px;
  cursor: default;
  top: 27px;
  z-index: 100;
  border: 0.5px solid #dadadf;
  margin: 10px;
  margin-top: 20px; }

.messageItem___rightmessageContainer___2j9OW:hover .messageItem___textandElements___3QMXd {
  display: flex; }

.messageItem___deleteCheckBox___Jb7ai {
  height: 29px;
  width: 29px;
  margin-left: 20px;
  display: block;
  cursor: pointer; }

.messageItem___beforeSelect___2rAMV {
  height: 25px;
  width: 25px;
  /* margin: 10px; */
  margin-left: 20px;
  border: 2px solid #227DF9;
  border-radius: 100px;
  cursor: pointer;
  display: block; }

.messageItem___try___23QQr {
  font-size: 100px;
  text-align: center; }

.messageItem___messageContainer___yDs0C {
  display: flex;
  flex-flow: row;
  margin-top: 25px; }

.messageItem___messageContainer___yDs0C:hover .messageItem___leftCopy___3QXk- {
  display: block;
  margin-top: 5px;
  height: 25px;
  width: 30px;
  position: relative;
  margin-left: 15px;
  cursor: pointer;
  width: 14px; }

.messageItem___messageContainer___yDs0C:hover .messageItem___textandElements___3QMXd {
  display: block; }

.messageItem___leftDelete___3KZ8q {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 6px;
  cursor: pointer; }

.messageItem___leftForward___fB7Ew {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 7px;
  cursor: pointer; }

.messageItem___rightCopy___Qec2i {
  display: block;
  height: 25px;
  width: 30px;
  margin-top: 5px;
  position: relative;
  margin-right: 16px;
  cursor: pointer;
  width: 14px; }

.messageItem___rightDelete___3LhzO {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 6px;
  cursor: pointer; }

.messageItem___rightForward___188SS {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 7px;
  cursor: pointer; }

.messageItem___overlay___3nc2u {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .3s ease;
  background: #000000;
  opacity: 0.5;
  border-radius: 10px; }

.messageItem___widgetFooter___RSxam {
  height: 40px;
  width: 275px;
  position: fixed;
  bottom: 0%;
  display: flex; }

.messageItem___writeMessage___1H7tR {
  width: 100%;
  margin-left: 9px;
  outline: none;
  line-height: 21px;
  margin-top: 6px;
  color: #010430;
  background: #EEEBEB;
  border-radius: 10px;
  height: 56%;
  border: none;
  padding-left: 5px;
  resize: none; }

.messageItem___writeMessage___1H7tR::placeholder {
  color: #B5B5BE; }

.messageItem___rightmessageContainer___2j9OW {
  display: flex;
  flex-flow: row-reverse;
  margin-top: 25px; }

.messageItem___GrouprightText___291rf::selection, .messageItem___remainingText2___zI1rr::selection {
  background-color: #FCCF69;
  color: #010430; }

.messageItem___profileLeftPicName___1ko2X {
  background: #92929D;
  border-radius: 25px;
  width: 32.94px;
  color: #FFFFFF;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  line-height: 32.76px;
  margin-left: 10px;
  height: 32.76px;
  margin-bottom: 12px; }

.messageItem___profileRightPicName___2MspR {
  height: 32.76px;
  width: 32.94px;
  border-radius: 50%;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  font-size: 18px;
  line-height: 32.76px; }

.messageItem___groupProfileRightPicName___2dHw6 {
  height: 39px;
  width: 37px;
  border-radius: 50%;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  font-size: 22px;
  line-height: 42px;
  margin-bottom: 5%;
  margin-right: 5px; }

.messageItem___channelRightProfile___mOjh0 {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 50px;
  float: right;
  margin-right: 10px;
  object-fit: cover; }

.messageItem___channelLeftProfile___8uQwn {
  position: relative;
  border-radius: 50%;
  line-height: 50px;
  background: #92929D;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  object-fit: cover; }

.messageItem___leftText___1AAe8 {
  background-color: #F1F1F5;
  margin-left: 10px;
  color: #010430;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  border-radius: 10px;
  max-width: 400px;
  font-size: 15px;
  word-break: break-all;
  white-space: pre-wrap; }

.messageItem___groupleftText___3THdO {
  word-wrap: break-word;
  border-radius: 10px;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 14px;
  text-align: justify;
  text-overflow: ellipsis;
  max-width: 376px;
  display: flex;
  margin-right: 12px;
  flex-flow: column;
  white-space: pre-wrap;
  color: #010430;
  background-color: #F1F1F5;
  margin-bottom: 14px;
  word-break: break-all; }

.messageItem___groupleftName___3BqRc {
  font-weight: 500;
  color: #1F314A;
  font-size: 13px;
  opacity: 0.6;
  text-align: right;
  text-transform: lowercase;
  margin-bottom: 3px;
  margin-left: 10px;
  width: max-content; }

.messageItem___groupleftName___3BqRc:first-letter {
  text-transform: capitalize; }

.messageItem___rightText___39CZq {
  word-wrap: break-word;
  border-radius: 10px;
  display: inline;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  max-width: 400px;
  background-color: #0062FF;
  color: white;
  margin-right: 20px;
  float: right;
  font-size: 15px;
  white-space: pre-wrap; }

.messageItem___GrouprightText___291rf {
  word-wrap: break-word;
  border-radius: 10px;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 14px;
  text-align: justify;
  text-overflow: ellipsis;
  max-width: 376px;
  background-color: #0062FF;
  color: white;
  display: flex;
  margin-left: auto;
  margin-right: 12px;
  flex-flow: column;
  white-space: pre-wrap; }

.messageItem___groupLeft___3Mp7e {
  display: flex;
  flex-flow: column; }

.messageItem___rightName___2sNaG {
  font-weight: 500;
  color: #1F314A;
  font-size: 13px;
  opacity: 0.6;
  text-align: right;
  text-transform: lowercase;
  margin-right: 22px;
  margin-bottom: 3px; }

.messageItem___rightName___2sNaG:first-letter {
  text-transform: capitalize; }

.messageItem___rightAttachments___3wCrx {
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  border-radius: 20px;
  display: inline;
  padding: 9px;
  text-align: justify;
  text-overflow: ellipsis;
  max-width: 180px;
  background-color: #0062FF;
  color: white;
  margin-right: 20px;
  float: right; }

.messageItem___rightAttachmentContainer___aviRX {
  display: flex;
  flex-flow: row; }

.messageItem___rightFileAttachmentContainer___2JUTw {
  display: flex;
  flex-flow: column;
  color: #fff; }

.messageItem___imageRightContainer___tl4lg {
  word-wrap: break-word;
  border-radius: 10px;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 14px;
  text-align: justify;
  text-overflow: ellipsis;
  max-width: 376px;
  background-color: #0062FF;
  color: white;
  display: flex;
  margin-left: auto;
  margin-right: 12px;
  flex-flow: column;
  white-space: pre-wrap; }

.messageItem___fileRightContainer___1S2Fk {
  display: flex;
  flex-flow: column;
  background-color: #0062FF;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  float: right;
  margin-right: 12px;
  border-radius: 20px;
  padding-bottom: 15px;
  color: #fff; }

.messageItem___fileLeftContainer___TGZi5 {
  display: flex;
  flex-flow: column;
  background-color: #F1F1F5;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
  float: right;
  margin-left: 10px;
  border-radius: 20px;
  padding-bottom: 15px; }

.messageItem___sendIcon2___SqNe2 {
  height: 40%;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  left: 90%;
  cursor: pointer; }

.messageItem___inputBox2___2wvVE {
  padding-left: 20px;
  position: absolute;
  font-size: 18px;
  outline-width: 0;
  width: 95%;
  height: 46%;
  padding-top: 12px;
  padding-left: 27px;
  background: #F3F3F3;
  border-width: 0px;
  border-color: #717C8A;
  font-size: medium;
  resize: none;
  overflow-y: scroll; }

.messageItem___inputBar2___2gUfD {
  position: fixed;
  width: 40%;
  height: 9%;
  top: 88.4%;
  bottom: 12px;
  background: #F3F3F3;
  border-radius: 5px;
  line-height: 29px;
  font-size: 14px; }

.messageItem___dateStyle___nptGS {
  color: rgba(1, 4, 30, 0.6);
  position: absolute;
  z-index: 100;
  background: #FFFFFF;
  border: 1px solid rgba(65, 138, 232, 0.4);
  box-sizing: border-box;
  box-shadow: 0px 0px 4px rgba(65, 138, 232, 0.4);
  border-radius: 20px;
  padding: 3px 17px;
  align-content: center;
  width: max-content;
  margin-bottom: 15px;
  align-self: center; }

hr {
  border-top: 1px dashed rgba(65, 138, 232, 0.4); }

.messageItem___timeStamp___243Sm {
  position: relative;
  height: 30px;
  margin-top: 20px;
  display: flex;
  flex-flow: column; }

.messageItem___timeHr___3A1jI {
  margin-top: -24px;
  width: 600px;
  border-top: 1px dashed rgba(65, 138, 232, 0.4); }

.messageItem___createdTs___2DNG3 {
  margin-left: auto;
  float: right;
  margin-top: 26px;
  font-size: 10px;
  margin-bottom: -2px; }

.messageItem___textAndTime___CvG6i {
  display: flex;
  flex-flow: column; }

.messageItem___leftAttachmentContainer___2HXyJ {
  display: flex;
  flex-flow: row; }

.messageItem___singleImage___1y2tq {
  width: 356.13px;
  border-radius: 10px;
  object-fit: cover; }

.messageItem___doubleImage1___1IR86 {
  width: 150px;
  height: 250px;
  border-radius: 20px;
  object-fit: cover; }

.messageItem___doubleImage2___1DUhn {
  width: 150px;
  height: 250px;
  border-radius: 20px;
  margin-left: 5px;
  object-fit: cover; }

.messageItem___thirdImageDirection___3nLCk {
  display: flex;
  flex-flow: column; }

.messageItem___thirdImage___2bwNc {
  width: 170px;
  height: 205px;
  border-radius: 20px;
  object-fit: cover; }

.messageItem___thirdImage1___ltK5G {
  width: 150px;
  height: 100px;
  border-radius: 15px;
  margin-left: 5px;
  object-fit: cover; }

.messageItem___thirdImage2___2Jm6e {
  width: 150px;
  height: 100px;
  border-radius: 15px;
  margin-left: 5px;
  margin-top: 5px;
  object-fit: cover; }

.messageItem___fourthImage1___2EEk0 {
  width: 160px;
  height: 100px;
  border-radius: 15px;
  object-fit: cover; }

.messageItem___fourthImage2___3vrNc {
  width: 160px;
  height: 100px;
  border-radius: 15px;
  margin-top: 5px;
  object-fit: cover; }

.messageItem___fourthImage3___1oxls {
  width: 160px;
  height: 100px;
  border-radius: 15px;
  margin-left: 5px;
  object-fit: cover; }

.messageItem___fourthImage4___2Wey6 {
  width: 160px;
  height: 100px;
  border-radius: 15px;
  margin-left: 5px;
  margin-top: 5px;
  object-fit: cover; }

.messageItem___remainingText___35ZaK {
  font-size: 25px;
  font-weight: bold;
  margin-top: -64px;
  margin-left: 70px;
  color: black;
  word-wrap: break-word;
  max-width: 380px; }

.messageItem___remainingFileText___1_o6E {
  font-size: 25px;
  font-weight: bold;
  margin-top: -64px;
  margin-left: 70px;
  color: black; }

.messageItem___remainingText1___3dnyH {
  color: #1F314A;
  font-size: 14px;
  margin-top: 5px;
  text-transform: capitalize;
  text-align: justify;
  word-wrap: break-word;
  max-width: 380px;
  margin-bottom: 0; }

.messageItem___remainingText2___zI1rr {
  font-size: 14px;
  margin-top: 5px;
  color: #fff;
  text-transform: capitalize;
  text-align: justify;
  word-wrap: break-word;
  align-self: flex-end;
  margin-bottom: 0;
  max-width: 380px; }

.messageItem___remainingText3___10MRm {
  font-size: 14px;
  margin-top: 5px;
  text-transform: capitalize;
  text-align: justify;
  word-wrap: break-word;
  align-self: flex-end;
  margin-bottom: 0;
  max-width: 380px; }

.messageItem___imageContainer___3FY6G {
  word-wrap: break-word;
  border-radius: 10px;
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 14px;
  text-align: justify;
  text-overflow: ellipsis;
  max-width: 376px;
  display: flex;
  margin-left: auto;
  flex-flow: column;
  white-space: pre-wrap;
  background-color: #F1F1F5;
  color: #010430; }

.messageItem___fileContainer___39vGH {
  display: flex;
  flex-flow: column;
  background-color: #F1F1F5;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  border-radius: 20px; }

.messageItem___singleFile___1MPKL {
  width: 30px;
  height: 40px;
  margin-left: 10px; }

.messageItem___filesBackground___kC7df {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  margin-top: 5px;
  display: flex;
  flex-flow: row; }

.messageItem___fileName___2hz3t {
  color: #1F314A;
  margin-left: 12px;
  font-weight: 500;
  font-size: 18px; }

.messageItem___chooseAddPhotos___32rgS {
  height: 10px;
  width: 10px;
  background-color: #EEEBEB;
  margin-left: 12px;
  margin-top: 10px;
  border-radius: 100%; }

.messageItem___chooseOptions___2L18x {
  display: flex;
  flex-flow: column; }

.button-spinner-blue___loader___HBYsZ,
.button-spinner-blue___loader___HBYsZ:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.button-spinner-blue___loader___HBYsZ {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 255, 0.2);
  border-right: 1.1em solid rgba(0, 0, 255, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 255, 0.2);
  border-left: 1.1em solid #227df9;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: button-spinner-blue___load8___29skS 1.1s infinite linear;
  animation: button-spinner-blue___load8___29skS 1.1s infinite linear; }

@-webkit-keyframes button-spinner-blue___load8___29skS {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes button-spinner-blue___load8___29skS {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.profile-view___deleteModalHeader___3zPOK {
  display: flex;
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 13px;
  width: 449px;
  color: rgba(1, 4, 30, 0.9);
  font-weight: 550;
  background: #EEEBEB;
  border-radius: 15px 15px 0 0; }

.profile-view___crossForDeleteMessage___2Wx1A {
  width: 13px;
  position: absolute;
  right: 12px;
  top: 15px;
  cursor: pointer; }

.profile-view___deleteConfirm___3Co1A {
  border-bottom: 1px solid #DEDEDE;
  padding-left: 25px;
  padding-bottom: 16px; }

.profile-view___deleteOptions___3dhzz {
  color: #227DF9;
  border: 1.5px solid #227DF9;
  border-radius: 5px;
  align-self: center;
  margin-top: 20px;
  margin-left: 63px;
  padding: 9px 42px;
  background: rgba(34, 125, 249, 0.1);
  cursor: pointer; }

.profile-view___heading___3GnVe {
  font-size: 20px;
  line-height: 24px;
  margin-left: 18px;
  margin-top: 7px;
  color: #010430;
  font-weight: 600;
  opacity: 0.8; }

.profile-view___cancelButton___fSIcc {
  height: 29px;
  width: 77px;
  margin-left: 57px;
  cursor: pointer;
  font-size: 13px;
  line-height: 16px;
  color: #676883;
  margin-top: 21px;
  background: #FFFFFF;
  opacity: 0.6;
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px; }

.profile-view___saveEditName___3DjK3 {
  height: 29px;
  width: 120px;
  margin-left: 10px;
  margin-top: 21px;
  cursor: pointer;
  background: #1BCC63;
  border-radius: 5px;
  border: none;
  font-size: 13px;
  line-height: 16px;
  color: #FFFFFF; }

.profile-view___editGroupNameInputField___16lIK {
  height: 25px;
  width: 222px;
  background: #F2F3F7;
  border: none;
  margin-left: 12px; }

.profile-view___inputContainer___12X4F {
  height: 30px;
  margin-left: 20px;
  background: #F2F3F7;
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid #F2F3F7;
  border-bottom-color: #227DF9;
  margin-right: 20px; }

.profile-view___editIcon___1SHtQ {
  height: 20px;
  width: 20px;
  top: 37px;
  margin-left: 17px;
  cursor: pointer;
  position: absolute;
  right: 10px; }

.profile-view___insideHeaderBox___15P-7 {
  display: flex;
  flex-flow: row;
  max-width: max-content; }

.profile-view___exitContainer___3RVIc {
  background: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  height: 36px;
  width: 100%;
  display: flex;
  flex-flow: row; }

.profile-view___camera___1X4GQ {
  width: 10px;
  align-self: center;
  margin-left: 8px; }

.profile-view___AddProfile___ZtK4h {
  display: flex;
  background: #F4F4F4;
  height: 15px;
  position: absolute;
  padding: 10px 0px 10px 0px;
  margin-left: 27px;
  margin-top: 90px;
  /* margin: 3px; */
  background: #FFFFFF;
  border: 1px solid #D2D2D4;
  box-sizing: border-box;
  border-radius: 6px; }

.profile-view___ChoosePictureBox___1Rg0q {
  border: none;
  font-size: 10px;
  background: white;
  margin-top: -6px; }

.profile-view___exitGroup___34wk9 {
  line-height: 36px;
  margin-left: 10px;
  color: #E94848;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px; }

.profile-view___exitIcon___1GOSZ {
  height: 14.59px;
  width: 14px;
  margin-top: 8.68px;
  margin-left: 12px;
  cursor: pointer; }

.profile-view___containers___FiROA {
  display: flex;
  flex-flow: row;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 6px;
  cursor: pointer; }

.profile-view___containers___FiROA:hover {
  background: #F7F7F8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }

.profile-view___containers___FiROA + option {
  display: block; }

.profile-view___containers___FiROA:hover .profile-view___optionIcon___26S0D {
  display: block; }

.profile-view___optionIcon___26S0D {
  height: 30px;
  width: 23px;
  top: -5px;
  padding-right: 16px;
  cursor: pointer;
  position: relative; }

.profile-view___containers___FiROA:active {
  background: #F7F7F8;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }

.profile-view___containers___FiROA:active .profile-view___optionIcon___26S0D {
  display: block; }

.profile-view___icon1___3djEr {
  width: 20px;
  padding: 5px;
  margin-left: 7px; }

.profile-view___Text___3-ZCd {
  position: absolute;
  margin: 0;
  top: 10px;
  font-size: 14px;
  margin-left: 50px;
  width: max-content;
  color: #010430;
  font-weight: 200; }

.profile-view___optionModal___17L0D {
  width: 201px;
  position: absolute;
  margin-top: -4px;
  right: 40px;
  border-radius: 5px;
  box-sizing: border-box;
  z-index: 1;
  background: #F9FAFC;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247); }

.profile-view___option___1xz0n {
  position: relative;
  border-radius: 5px; }

.profile-view___option___1xz0n:hover {
  cursor: pointer;
  background-color: #227DF9; }

.profile-view___option___1xz0n:hover .profile-view___Text___3-ZCd {
  color: #fff; }

.profile-view___AdminprofilePicName___3WIqC {
  background: #92929D;
  border-radius: 25px;
  width: 32px;
  height: 32px;
  color: white;
  text-transform: capitalize;
  text-align: center;
  line-height: 32px;
  margin-left: 10px;
  margin-top: 2px; }

.profile-view___membersProfile___14fI6 {
  background: #92929D;
  border-radius: 25px;
  margin-left: 10px;
  width: 40px;
  height: 40px; }

.profile-view___scrollbar___2x8gE {
  overflow-y: scroll;
  overflow-x: hidden; }

.profile-view___scrollbar___2x8gE::-webkit-scrollbar {
  width: 5px; }

.profile-view___scrollbar___2x8gE::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(113, 124, 138, 0.6); }

.profile-view___name___2-W9J {
  font-weight: 700;
  margin-left: 19px;
  width: max-content;
  color: #010430;
  text-transform: capitalize;
  font-size: 14px; }

.profile-view___designation___3QXkv {
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  margin-left: 19px;
  line-height: 12px;
  text-transform: capitalize;
  color: #1F2028;
  mix-blend-mode: normal;
  padding-top: 3px;
  opacity: 0.8; }

.profile-view___nameAndDeg___2P25N {
  display: flex;
  flex-flow: column;
  margin-top: 5px; }

.profile-view___inside___xB6Rk {
  display: flex;
  flex-flow: row;
  width: -webkit-fill-available; }

.profile-view___groupAdmins___18OHv {
  height: 20px;
  width: 385px;
  padding: 8px;
  background: #FFFFFF;
  padding-left: 0; }

.profile-view___participants___fbLLn {
  height: 20px;
  width: 100%;
  padding: 8px;
  padding-left: 0;
  background: #EEEBEB; }

.profile-view___numberOfParticipants___2oLfs {
  line-height: 16px;
  color: #227DF9;
  margin-left: 10px;
  mix-blend-mode: normal;
  font-weight: 600;
  font-size: 13px; }

.profile-view___hrStyle___1kbcw {
  border: 0.5px solid #F1F1F5; }

.profile-view___muteNotification___2dx6O {
  padding-left: 12px;
  line-height: 22px;
  color: #1F2028;
  mix-blend-mode: normal;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px; }

.profile-view___EditIcon___1hxqI {
  width: 15px;
  height: 14px;
  padding-left: 6px;
  padding-top: 3px;
  position: absolute; }

.profile-view___editInputBox___3VzcB {
  top: 8px;
  padding-left: 26px;
  background: #FFFFFF;
  border: none;
  width: 21px;
  height: 13px;
  font-size: 11px; }

.profile-view___groupSecondCOntainer___2eS3J {
  display: flex;
  flex-flow: column;
  top: 168px;
  width: 275px;
  background: #FFFFFF;
  margin-top: 20px;
  padding-bottom: 20px; }

.profile-view___blockProfileIcon1___165MW {
  padding-left: 7px;
  height: 14.08px;
  margin-top: 2px; }

.profile-view___muteProfileIcon1___2aSsG {
  padding-left: 9px;
  width: 15px; }

.profile-view___ProfileHeaderBox___1qHGT {
  position: fixed;
  display: flex;
  flex-flow: column;
  right: 0px;
  width: 275px;
  border-radius: 10px;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  z-index: -1; }

.profile-view___groupProfileHeaderBox___1F81Y {
  position: fixed;
  border-top-left-radius: 10px;
  display: flex;
  flex-flow: column;
  right: 0px;
  width: 275px;
  background: #FFFFFF;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  bottom: 0;
  top: 52px; }

.profile-view___groupName___1x4yQ {
  padding-left: 10px;
  /* height: 17px; */
  margin-top: 38px;
  overflow: hidden;
  text-align: left;
  mix-blend-mode: normal;
  color: #010430;
  font-weight: bold;
  font-size: 15px;
  word-break: break-all;
  width: 100px; }

.profile-view___createDateandText___1mIRh {
  font-style: normal;
  display: flex;
  flex-flow: row;
  margin-left: 10px;
  /* margin-top: 10px; */
  font-weight: normal;
  font-size: 9px;
  line-height: 15px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.9; }

.profile-view___groupName___1x4yQ::placeholder {
  color: #010430; }

.profile-view___profileName___2uU8V {
  margin-left: 13px;
  line-height: 15px;
  text-transform: capitalize;
  color: #010430;
  font-weight: 600;
  font-size: 16px; }

.profile-view___emailId___2FeNq {
  font-size: 14px;
  color: #92929D;
  margin-left: 19px;
  margin-top: 10px; }

.profile-view___status___2JYut {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  /* identical to box height, or 162% */
  letter-spacing: 0.1px;
  margin-left: 19px;
  margin-top: 10px; }

.profile-view___viewProfileButton___VorpU {
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
  height: 26px;
  border: none;
  align-self: center;
  width: 122px;
  margin-top: 24px;
  cursor: pointer;
  background: #0062FF;
  border-radius: 10px;
  font-weight: 500;
  font-size: 13px; }

.profile-view___bothIcons___2Ej3t {
  display: flex;
  flex-flow: row;
  margin-top: 10px;
  position: absolute;
  right: 0; }

.profile-view___bothIconsNewChannel___sOobQ {
  display: flex;
  flex-flow: row;
  margin-top: 10px;
  margin-left: 140px;
  cursor: pointer; }

.profile-view___profileAndIcons___3yIIW {
  display: flex;
  flex-flow: row;
  position: relative;
  height: 75.25px; }

.profile-view___profilePicName___1H85V {
  line-height: 88px;
  margin-top: -6%;
  margin-left: 3%;
  height: 85px;
  width: 88px;
  position: relative;
  border-radius: 50%;
  margin-bottom: 5%;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  font-size: 45px; }

.profile-view___channelProfile___2gvr0 {
  height: 75.25px;
  width: 75.68px;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;
  left: 9px;
  top: -26px; }

.profile-view___groupProfilePicName___1jK0U {
  margin-top: 37px;
  position: relative;
  height: 67.91px;
  width: 78px;
  object-fit: cover;
  text-transform: capitalize;
  color: #FFFFFF;
  background-color: #92929D;
  text-align: center;
  font-size: 45px;
  line-height: 67.91px;
  margin-left: 15px;
  border-radius: 10px; }

.profile-view___channelGroupProfile___t-_nH {
  margin-top: 25%;
  margin-left: 3%;
  height: 50px;
  width: 50px;
  position: absolute;
  border-radius: 20%;
  margin-bottom: 5%; }

.profile-view___coverImage___1Khm7 {
  height: 89px;
  width: 275px;
  object-fit: cover; }

.profile-view___coverGroupImage___ySehR {
  height: 115px;
  width: 397px;
  position: absolute; }

.profile-view___muteProfileIcon___3vT53 {
  margin: 3px;
  width: 18px;
  position: absolute;
  cursor: pointer; }

.profile-view___blockProfileIcon___3Lq3K {
  width: 12.46px;
  position: absolute;
  margin: 8px;
  height: 12.39px; }

.profile-view___muteProfileIconContainer___3-_Ao {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #EBE9EC;
  cursor: pointer;
  margin-right: 8.9px; }

.profile-view___blockProfileIconContainer___3cC09 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #EBE9EC;
  cursor: pointer;
  margin-right: 7.74px; }

.AdminProfile___containers___32B_z {
  position: relative;
  display: flex;
  flex-flow: row;
  width: 100%;
  height: 40px;
  margin: 0px;
  padding: 6px;
  cursor: pointer;
  border-bottom: 0.5px solid #F1F1F5;
  margin-left: 10px;
  padding-left: 0px; }

.AdminProfile___containerParent___Lqgil:hover {
  background: #F7F7F8;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }

.AdminProfile___containers___32B_z + option {
  display: block; }

.AdminProfile___containers___32B_z:hover .AdminProfile___optionIcon___2dSAf {
  display: block; }

.AdminProfile___containers___32B_z:active .AdminProfile___optionIcon___2dSAf {
  display: block; }

.AdminProfile___inside___3MtD5 {
  display: flex;
  flex-flow: row;
  width: -webkit-fill-available; }

.AdminProfile___AdminprofilePicName___1k3T9 {
  background: #92929D;
  border-radius: 25px;
  width: 32px;
  height: 32px;
  color: white;
  text-transform: capitalize;
  text-align: center;
  line-height: 32px; }

.AdminProfile___membersProfile___1PPu8 {
  background: #92929D;
  border-radius: 25px;
  margin-left: 10px;
  width: 27.4px;
  height: 27.4px; }

.AdminProfile___nameAndDeg___1LKIU {
  display: flex;
  flex-flow: column;
  margin-top: 3px; }

.AdminProfile___name___29lQ3 {
  margin-left: 12px;
  color: #010430;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 11px;
  width: 200px; }

.AdminProfile___designation___rbpyO {
  font-style: normal;
  font-weight: normal;
  margin-left: 12px;
  line-height: 12px;
  text-transform: capitalize;
  color: #1F2028;
  mix-blend-mode: normal;
  padding-top: 3px;
  opacity: 0.8;
  font-size: 10px; }

.AdminProfile___optionIcon___2dSAf {
  height: 16.04px;
  width: 16.04px;
  padding-right: 16px;
  display: none;
  cursor: pointer;
  position: relative; }

.AdminProfile___optionModal___32wjF {
  width: 205.53px;
  position: absolute;
  top: 15px;
  z-index: 1;
  right: 30px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.AdminProfile___option___yxXoo {
  position: relative;
  border-radius: 5px;
  display: flex; }

.AdminProfile___option___yxXoo:hover {
  cursor: pointer;
  background-color: #227DF9; }

.AdminProfile___option___yxXoo:hover .AdminProfile___Text___1MeWK {
  color: #fff; }

.AdminProfile___icon1___2GBjx {
  width: 20px;
  padding: 5px;
  margin-left: 7px;
  height: 17.27px; }

.AdminProfile___icon2___j4DoR {
  width: 15px;
  padding: 5px;
  margin-left: 12px;
  height: 19.27px; }

.AdminProfile___Text___1MeWK {
  margin: 0;
  top: 10px;
  margin-left: 10px;
  width: max-content;
  color: #010430;
  font-weight: 500;
  font-size: 13px;
  line-height: 27.27px; }

.editPorfileHandler___dragText___3Yg4u {
  font-family: SF Pro Display;
  font-size: 15px;
  line-height: 24px;
  color: #000000;
  opacity: 0.7;
  margin-left: 9px; }

.editPorfileHandler___profileImage___3Crw9 {
  height: 382px;
  width: 658px;
  margin: 0px;
  align-items: center;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px; }

.editPorfileHandler___crossHandler___2gynk {
  width: 32px;
  position: absolute;
  right: 14px;
  top: 10px;
  cursor: pointer; }

.editPorfileHandler___retakeButton___kxzgH {
  height: 35px;
  width: 143px;
  background: #FFFFFF;
  border: 2px solid rgba(31, 32, 40, 0.8);
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 15px;
  margin-left: 30px;
  color: #1F2028;
  opacity: 0.8;
  font-size: 19px; }

.editPorfileHandler___applyButton___2FfZ0 {
  height: 35px;
  width: 146px;
  margin-top: 13px;
  color: white;
  background-color: #227DF9;
  /* border: 1px solid black; */
  border-radius: 5px;
  border: none;
  font-size: 19px;
  margin-left: 0px; }

.editPorfileHandler___cropImage___2yy-u {
  height: 124px;
  width: 153px;
  margin-left: 90px; }

.editPorfileHandler___slidecontainer___3ElBh {
  width: 100%; }

.editPorfileHandler___slider___1-75U {
  -webkit-appearance: none;
  /* width: 100%; */
  width: 161px;
  height: 5px;
  margin-left: 24px;
  margin-top: 15px;
  margin-right: 10px;
  border-radius: 5px;
  background: #227DF9;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s; }

.editPorfileHandler___slider___1-75U::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #227DF9;
  cursor: pointer; }

.editPorfileHandler___slider___1-75U::-moz-range-thumb {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #227DF9;
  cursor: pointer; }

.editPorfileHandler___zoomOut___cA4ET {
  border: 2px solid #3B3B3B;
  height: -3px;
  width: 24px;
  margin-left: -41px;
  margin-top: 16px;
  height: fit-content;
  background: black; }

.editPorfileHandler___zoomIn___332u8 {
  font-size: 37px;
  margin-top: -3px;
  cursor: pointer; }

.modal___Modal___C18LS {
  position: fixed;
  z-index: 500;
  background-color: #FFFFFF;
  padding: 16px;
  left: 25%;
  top: 20%;
  box-sizing: border-box;
  border-radius: 15px 15px 15px 15px;
  transition: all 0.3s ease-out; }

.modal___cross___12sT4 {
  position: absolute;
  width: 5%;
  right: 4%;
  cursor: pointer; }

.transaction-confirmation___transactionTagLine___38-MU {
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 18px; }

.transaction-confirmation___topWindow___2xbw5 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff; }

.transaction-confirmation___transactionTagLine___3Xjgk {
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 18px; }

.transaction-confirmation___topWindow___n4cO3 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff; }

.transaction-confirmation___transactionTagLine___1bMkd {
  margin: auto;
  text-align: center;
  font-weight: 600;
  font-size: 18px; }

.transaction-confirmation___topWindow___59tIN {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff; }

.attendance___mainCard___1h90Z {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .attendance___mainCard___1h90Z {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .attendance___mainCard___1h90Z {
    width: 913px; } }

.attendance___header___3-bMT {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.attendance___components___M5F8U {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.attendance___sectionName___3SgDD {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.attendance-statistics___mainContainer___v0KEJ {
  position: absolute;
  top: 70px;
  bottom: 0; }

.attendance-statistics___headerContainer___1S7C3 {
  display: flex;
  height: 70px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.attendance-statistics___leftArrow___3jkIy {
  width: 6.96px;
  height: 14.58px;
  margin-left: 17px;
  margin-top: 28px;
  cursor: pointer; }

.attendance-statistics___monthName___3RCZE {
  margin: 15px;
  margin-top: 25px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  opacity: 0.8; }

.attendance-statistics___heldText___DGNc2 {
  display: flex;
  margin-left: 47px;
  margin-top: 24px; }

.attendance-statistics___totalClassHeldText___25W2N {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #010430;
  opacity: 0.8;
  letter-spacing: 0.116667px; }

.attendance-statistics___totalClassHeldCount___1xaDW {
  color: #010430;
  letter-spacing: 0.116667px;
  font-weight: bold;
  font-size: 25px;
  line-height: 23px;
  margin-left: 5px; }

.top-head-chart___circleContainer___3KWSh {
  width: 102px; }

.top-head-chart___maxCountText___1hpX1 {
  margin-left: 20px;
  max-width: 91px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  opacity: 0.7;
  letter-spacing: 0.116667px;
  margin-top: 21px; }

.top-head-chart___topContainer___2Mo7p {
  display: flex;
  margin-top: 30px;
  padding-bottom: 39px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-left: 20px;
  margin-right: 20px; }

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

 .CircularProgressbar {
    /*
     * This fixes an issue where the CircularProgressbar svg has
     * 0 width inside a "display: flex" container, and thus not visible.
     */
    width: 100%;
    /*
     * This fixes a centering issue with CircularProgressbarWithChildren:
     * https://github.com/kevinsqi/react-circular-progressbar/issues/94
     */
    vertical-align: middle;
  }
  
  .CircularProgressbar .CircularProgressbar-path {
    stroke: #3e98c7;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.5s ease 0s;
  }
  
  .CircularProgressbar .CircularProgressbar-trail {
    stroke: #d6d6d6;
    /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
    stroke-linecap: round;
  }
  
  .CircularProgressbar .CircularProgressbar-text {
    fill: #3e98c7;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle;
    font-weight: 600;
  }
  
  .CircularProgressbar .CircularProgressbar-background {
    fill: #d6d6d6;
  }
  
  /*
   * Sample background styles. Use these with e.g.:
   *
   *   <CircularProgressbar
   *     className="CircularProgressbar-inverted"
   *     background
   *     percentage={50}
   *   />
   */
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
    fill: #3e98c7;
  }
  
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
    fill: #fff;
  }
  
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
    stroke: #fff;
  }
  
  .CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
    stroke: transparent;
  }
.calendar-component___rightArrow___2ZNSO {
  width: 50px;
  height: 197px;
  position: absolute;
  right: -80px;
  top: 50px;
  background: #F2F3F7;
  border: none;
  cursor: pointer; }

.calendar-component___leftArrow___2VGFU {
  width: 50px;
  height: 197px;
  position: absolute;
  left: -80px;
  top: 50px;
  background: #F2F3F7;
  border: none;
  cursor: pointer; }

.calendar-component___marked___19Upo {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #227DF9;
  align-self: center; }

.calendar-component___unmarked___1hHuC {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #FF3653;
  align-self: center; }

.calendar-component___cellItem___77ap0 {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: column;
  padding-top: 4px;
  line-height: 20px; }

.calendar-component___cellItem___77ap0:hover {
  background: #f0f0f0; }

.calendar-component___cellItemSelected___2a2-B {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px;
  display: flex;
  flex-flow: column;
  padding-top: 4px;
  line-height: 20px;
  background: rgba(34, 125, 249, 0.1);
  border: 1px solid #227DF9;
  color: #227DF9; }

.calendar-component___cellItemNew___1obvG {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px; }

.calendar-component___cellItemNewSelected___9BUrj {
  width: 65.28px;
  height: 35.48px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-size: 15px;
  background: rgba(34, 125, 249, 0.1);
  border: 1px solid #227DF9;
  color: #227DF9; }

.calendar-component___cellItemNew___1obvG:hover {
  background: #f0f0f0; }

.calendar-component___attendance___1lOw7 {
  border-radius: 0;
  background-color: #fff; }

.calendar-component___attendance___1lOw7:hover {
  border-radius: 0;
  background-color: #fff; }

.calendar-component___weekHeader___MbAby {
  display: flex;
  position: absolute;
  width: 100%;
  height: 37px;
  background: #fff;
  top: 54px; }

.calendar-component___dayNameHeading___1Vj4d {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.2px;
  margin: auto; }

.calendar-component___leftArrowImage___2Nndv {
  width: 12.04px;
  height: 25px; }

.calendar-component___monthSelect___2t8-e {
  border-radius: 2px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  /* width: 110px; */
  height: 31px;
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: rgba(1, 4, 30, 0.8); }

.calendar-component___yearSelect___1uint {
  width: 87px;
  height: 31px;
  margin-left: 10px;
  border-radius: 2px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  letter-spacing: 0.2px;
  color: rgba(1, 4, 30, 0.8); }

.calendar-component___removeBorder___3YONt {
  border: none; }

.class-item-header___mainCard___pwTGs {
  background: #FFFFFF;
  margin-top: 0px;
  height: 100%;
  display: flex;
  flex-flow: column;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0px 0px;
  width: 779px;
  position: relative; }

@media screen and (min-width: 1366px) and (max-width: 1400px) {
  .class-item-header___mainCard___pwTGs {
    width: 797.28px; } }

@media screen and (min-width: 1401px) {
  .class-item-header___mainCard___pwTGs {
    width: 913px; } }

.class-item-header___header___-DyPh {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.class-item-header___components___3jrKr {
  color: rgba(113, 124, 138, 0.6);
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  align-self: center;
  height: 20px;
  padding: 18px;
  padding-bottom: 0;
  margin-left: 20px;
  padding-left: 0;
  margin-right: 20px;
  padding-right: 0;
  margin-bottom: 15px;
  line-height: 15px;
  padding-top: 28px; }

.class-item-header___className___3PAUf {
  display: flex;
  padding: 20px;
  font-weight: 600;
  font-size: 22px;
  padding-top: 1px;
  padding-left: 50px; }

.class-item-header___sectionName___19Uql {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.class-item-header___navigationContainer___aZslt {
  display: flex;
  margin-left: 37px;
  margin-top: 18px;
  margin-bottom: 4px;
  cursor: pointer; }

.class-item-header___backNavigation___2Bgr3 {
  width: 10px;
  height: 7px; }

.class-item-header___backText___2FTre {
  font-weight: 500;
  font-size: 10px;
  line-height: 7px;
  color: #010430;
  opacity: 0.6;
  margin-left: 5px; }

.class-item-header___navigationContainer___aZslt:hover .class-item-header___backText___2FTre {
  text-decoration: underline;
  color: #227DF9; }

.fall-back-ui___mainComponent___bHx2I {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  display: flex; }

.fall-back-ui___fallBackImage___paq_T {
  margin: auto;
  height: 100%;
  z-index: 1; }

.fall-back-ui___backDrop___lKHnp {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(17, 17, 17, 0.5);
  opacity: 1; }

.fall-back-ui___fallBackContainer___aS2Ro {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex; }

.fall-back-ui___backHome___3rWLw {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 50px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  position: absolute;
  bottom: 100px;
  align-self: center;
  z-index: 100;
  margin-left: 75px; }

.fall-back-ui___backUiImageContainer___1Pz9k {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 428.2px; }

.fall-back-ui___somethingWentWrong___RjHpe {
  position: absolute;
  bottom: 230px;
  z-index: 100;
  color: #010430;
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 22px; }

.subject___alignPageItems___2S_be {
  display: flex;
  flex-flow: column; }

.empty-subjects___arrangeSubjects___BkTi6 {
  display: flex;
  flex-flow: column; }

.empty-subjects___displaySubjecs___2yLN9 {
  align-self: center;
  width: 784px;
  margin-top: 10px;
  font-size: 15px;
  color: #010430;
  opacity: 0.9; }

.empty-subjects___bottomSubjectsContainer___32pGk {
  width: 803px;
  height: 490px;
  border: 0.5px solid rgba(1, 4, 48, 0.3);
  box-sizing: border-box;
  border-radius: 10px;
  align-self: center;
  margin: 37px;
  display: flex;
  flex-flow: column; }

.empty-subjects___subjectsMainInfo___1hUCi {
  width: 286px;
  height: 248px;
  align-self: center;
  margin-top: 43px; }

.empty-subjects___enlistTagLine___1qfSQ {
  font-weight: 500;
  font-size: 15px;
  color: #010430;
  align-self: center;
  margin-top: 9px; }

.empty-subjects___addSubjectsButton___2eHJe {
  width: 233px;
  height: 90px;
  border: 2px solid #227DF9;
  box-sizing: border-box;
  border-radius: 10px;
  background: #E9F2FE;
  margin-top: 35px;
  align-self: center;
  display: flex;
  cursor: pointer; }

.empty-subjects___addSessionIcon___3NvlT {
  width: 60px;
  height: 60px;
  margin-top: 14px;
  margin-left: 20px; }

.empty-subjects___addSubjectsButtonContent___28C3u {
  font-size: 28px;
  color: #227DF9;
  margin-top: 13px;
  margin-left: 20px; }

.add-subject___addSubjectsHeading___2XUul {
  font-size: 22px;
  font-weight: 800;
  color: #010430; }

.add-subject___addNewSubjectTagLine___2Xwtq {
  font-size: 13px;
  color: #010430;
  opacity: 0.4;
  font-weight: 300;
  margin-top: 5px; }

.add-subject___crossItem___mpc8u {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  cursor: pointer; }

.add-subject___subjectInputBox___2dJxK {
  width: 544px;
  background: #F2F3F7;
  border-radius: 3px;
  border: none;
  margin-top: 20px;
  align-self: center;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 300;
  color: rgba(1, 4, 30, 0.5); }

.add-subject___floatingLabel___3c7Sv {
  position: relative;
  margin-bottom: 10px; }
  .add-subject___floatingLabel___3c7Sv label {
    position: absolute;
    top: calc(50%);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-subject___floatingLabel___3c7Sv input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: #01041e;
    padding-left: 11px;
    height: 36.8px; }
  .add-subject___floatingLabel___3c7Sv input:not(:placeholder-shown) + label {
    transform: translateY(-13px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-subject___floatingLabel___3c7Sv input:focus + label {
    transform: translateY(-13px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-subject___floatingLabel___3c7Sv input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-subject___floatingLabel___3c7Sv input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-subject___floatingLabel___3c7Sv input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-subject___floatingLabel___3c7Sv .add-subject___invalidMessage___IpUS7 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .add-subject___floatingLabel___3c7Sv input:invalid + label + .add-subject___invalidMessage___IpUS7 {
    display: block; }

.add-subject___addChapterButton___381ia {
  width: 564px;
  height: 50px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  margin-top: 20px;
  display: flex;
  border-radius: 5px 5px 0px 0px; }

.add-subject___dottedPlusIcon___3Cmsy {
  width: 30px;
  height: 30px;
  margin-left: 20px;
  margin-top: 10px;
  cursor: pointer; }

.add-subject___inputBoxAddTopic___2FoQI {
  border: none;
  width: 477px;
  color: #010430;
  opacity: 0.5;
  font-weight: 300;
  font-size: 14px; }

.add-subject___saveButton___2kh_E {
  width: 120px;
  height: 40px;
  color: #FFFFFF;
  background: #1BCC63;
  border-radius: 5px;
  margin-top: 20px;
  line-height: 40px;
  text-align: center;
  align-self: flex-end;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.add-subject___floatingLabelNew___2y3tq {
  position: relative;
  margin-left: 15px; }
  .add-subject___floatingLabelNew___2y3tq label {
    position: absolute;
    top: calc(50%);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-subject___floatingLabelNew___2y3tq input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 478.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: #01041e;
    padding-left: 11px;
    height: 36.8px;
    padding-right: 7px; }
  .add-subject___floatingLabelNew___2y3tq input:not(:placeholder-shown) + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-subject___floatingLabelNew___2y3tq input:focus + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-subject___floatingLabelNew___2y3tq input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-subject___floatingLabelNew___2y3tq input:focus {
    border: 2px solid #0062FF; }
  .add-subject___floatingLabelNew___2y3tq input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-subject___floatingLabelNew___2y3tq .add-subject___invalidMessage___IpUS7 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .add-subject___floatingLabelNew___2y3tq input:invalid + label + .add-subject___invalidMessage___IpUS7 {
    display: block; }

.add-subject___addSectionLowerPart___1-hlM {
  display: flex;
  height: 51px;
  width: 564px;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid #F2F3F7;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  margin-top: 8px; }

.add-subject___cancelButton___3nRMN {
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  background: #FFFFFF;
  opacity: 0.6;
  color: #010430;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 62px;
  margin-bottom: 11px;
  cursor: pointer; }

.add-subject___submitButton___2xyTN {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 15px;
  margin-bottom: 11px;
  cursor: pointer; }

.add-subject___chaptersAndTopicContainer___2TvOc {
  display: flex;
  flex-flow: column;
  margin-top: 10px; }

.add-subject___chapterInfoContainer___3MMAj {
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  width: 563px; }

.add-subject___arrangeChapterElements___3WdpR {
  display: flex;
  flex-flow: column;
  margin-left: 16px;
  border-left: 1px solid #010430;
  padding-left: 19px;
  /* height: 40px; */
  margin-top: 5px;
  word-break: break-all; }

.add-subject___chapterHeader___1f6Sg {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.8; }

.add-subject___chapterNameDisplay___3YzQJ {
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.8;
  font-weight: 600;
  font-size: 15px;
  margin-top: 6px; }

.add-subject___topicNameEntryContainer___2m9PG {
  display: flex;
  flex-flow: column;
  width: 563px; }

.add-subject___topicHeader___2qudv {
  color: #010430;
  font-weight: 600;
  font-size: 16px;
  line-height: 51px;
  margin-top: 10px;
  background: #F2F3F7;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  padding-left: 20px;
  display: flex;
  border-radius: 5px 5px 0px 0px; }

.add-subject___plusBlueAddIcon___lbFMh {
  width: 28px;
  height: 28px;
  margin-top: 10px;
  cursor: pointer; }

.add-subject___floatingLabelNewTopic___JHO1V {
  position: relative;
  margin-left: 15px;
  border-left: 1px solid rgba(1, 4, 30, 0.1); }
  .add-subject___floatingLabelNewTopic___JHO1V label {
    position: absolute;
    top: 8px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-subject___floatingLabelNewTopic___JHO1V input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 475.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: #01041e;
    padding-left: 11px;
    height: 36.8px;
    padding-right: 10px; }
  .add-subject___floatingLabelNewTopic___JHO1V input:not(:placeholder-shown) + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-subject___floatingLabelNewTopic___JHO1V input:focus + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-subject___floatingLabelNewTopic___JHO1V input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-subject___floatingLabelNewTopic___JHO1V input:focus {
    border: 2px solid #0062FF; }
  .add-subject___floatingLabelNewTopic___JHO1V input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-subject___floatingLabelNewTopic___JHO1V .add-subject___invalidMessage___IpUS7 {
    font-size: 10px;
    color: #FF3653;
    margin-left: -2px;
    display: none;
    position: absolute;
    bottom: -33px;
    width: 500px; }
  .add-subject___floatingLabelNewTopic___JHO1V input:invalid + label + .add-subject___invalidMessage___IpUS7 {
    display: block; }

.add-subject___cancelButtonTopic___3Kp2v {
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  background: #FFFFFF;
  opacity: 0.6;
  color: #010430;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 62px;
  line-height: 20px;
  margin-bottom: 11px;
  cursor: pointer; }

.add-subject___submitButtonTopic___2dMd3 {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 15px;
  line-height: 20px;
  margin-bottom: 11px;
  cursor: pointer; }

.add-subject___alternateChapter___1ZR05 {
  opacity: 0.5;
  color: #010430;
  font-weight: 300;
  font-size: 14px; }

.add-subject___addChapterAlternative___3ihMH {
  margin-left: 6.67px;
  font-weight: 300;
  font-size: 14px;
  color: #010430;
  opacity: 0.5;
  line-height: 48px; }

.add-subject___classSuggestion___gnl3o {
  width: 134px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  border: 1px solid rgba(31, 49, 74, 0.1); }

.add-subject___classSuggestionContainer___1HPtt {
  position: absolute;
  background: #FFFFFF;
  top: 198px;
  z-index: 800;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }

.add-subject___subjectSuggestion___3HXv3 {
  width: 260px;
  display: flex;
  transition: 0.5s;
  position: relative;
  text-align: center;
  line-height: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid rgba(31, 49, 74, 0.1); }

.add-subject___subjectSuggestionContainer___1Jyns {
  position: absolute;
  background: #FFFFFF;
  top: 140px;
  z-index: 800;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }

.add-subject___subjectIcon___FDrio {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 15px; }

.add-subject___loader___3cwD9,
.add-subject___loader___3cwD9:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-subject___loader___3cwD9 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-subject___load8___cx8Jk 1.1s infinite linear;
  animation: add-subject___load8___cx8Jk 1.1s infinite linear; }

@-webkit-keyframes add-subject___load8___cx8Jk {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-subject___load8___cx8Jk {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.display-subjects___alignSubjects___2YRh1 {
  display: flex;
  height: 547px;
  width: 785px;
  border: 1px solid #F1F1F5;
  border-radius: 10px;
  margin-top: 10px;
  margin-left: 79px; }

.display-subjects___rightClassContayiner___3oDym {
  width: -webkit-fill-available; }

.display-subjects___topSearchHeaderContainer___2gt7p {
  display: flex; }

.display-subjects___addSubjectButton___2CNvC {
  display: flex;
  line-height: 65px;
  color: #227DF9;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  font-weight: 600; }

.display-subjects___addSessionIcon___3a_Bb {
  width: 44px;
  height: 44px;
  margin-left: 21px;
  margin-top: 10px;
  margin-right: 10px; }

.display-subjects___searchBox___Xv8ZD {
  width: 237px;
  height: 31px;
  background: #F2F3F7;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 5px;
  position: relative;
  display: flex; }

.display-subjects___filterIcon___E5GuV {
  width: 31px;
  height: 31px;
  margin-left: 5px;
  cursor: pointer;
  margin-top: 5px; }

.display-subjects___searchIcon___12eSq {
  width: 13.3px;
  height: 13px;
  margin-top: 9px;
  margin-left: 15px; }

.display-subjects___searchTextBox___1Juna {
  margin-left: 9px;
  outline: none;
  border: none;
  height: 29px;
  font-size: 13px;
  width: 199px;
  background: inherit; }

.display-subjects___subjectContainer___1_zdz {
  display: flex;
  flex-flow: column; }

.display-subjects___headerContainer___16tjY {
  background: #F2F3F7;
  color: #010430;
  font-weight: 500;
  font-size: 10px;
  height: 27px;
  line-height: 27px;
  padding-left: 16px; }

.display-subjects___subjectsAlignment___2VuUV {
  display: flex;
  flex-flow: wrap; }

.display-subjects___subjectsFinalDisplay___3oz5g {
  position: relative;
  width: 282.67px;
  cursor: pointer;
  height: 67px;
  border-bottom: 1px solid #F1F1F5;
  box-sizing: border-box;
  display: flex; }

.display-subjects___subAvatar___2No-t {
  width: 43px;
  height: 43px;
  margin-left: 20px;
  margin-top: 12px;
  border-radius: 50%;
  color: #FFFFFF;
  text-align: center;
  line-height: 43px; }

.display-subjects___subjectName___3vyCh {
  font-size: 13px;
  color: #010430;
  margin-top: 20px;
  width: 150px;
  word-break: break-all; }

.display-subjects___className___3OWQE {
  font-size: 10px;
  color: #010430;
  opacity: 0.5;
  margin-top: 2px; }

.display-subjects___moreIcon___DxS1Z {
  width: 18.67px;
  top: 21px;
  right: 12.5px;
  position: absolute;
  cursor: pointer; }

.display-subjects___optionsContainer___11Q-H {
  background: #FFFFFF;
  display: flex;
  flex-flow: column;
  width: 184px;
  height: 94px;
  position: absolute;
  right: 40px;
  top: 30px;
  border: 0.5px solid rgba(31, 32, 40, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.245247);
  z-index: 100; }

.display-subjects___optionsAlignment___2zcUh {
  display: flex;
  height: 47px;
  cursor: pointer;
  border-bottom: 0.5px solid #979797; }

.display-subjects___optionsAlignment___2zcUh:hover {
  background: #227DF9; }

.display-subjects___optionImageIcon___gv6ro {
  height: 22px;
  width: 22px;
  margin-left: 15px;
  margin-top: 13px; }

.display-subjects___optionHead___Z4SpV {
  color: #010430;
  font-weight: 500;
  font-size: 14px;
  margin: auto;
  margin-left: 10px; }

.display-subjects___optionsAlignment___2zcUh:hover .display-subjects___optionHead___Z4SpV {
  color: #FFFFFF; }

.display-subjects___leftClassContainer___lkB_q {
  width: 283px;
  height: 100%;
  border-right: 1px solid #F1F1F5; }

.display-subjects___rightClassContainer___1bmTJ {
  width: 502px;
  height: 100%; }

.display-subjects___subjectsFinalDisplay___3oz5g:hover {
  background: #eeebeb; }

.display-subjects___noSubject___2KyLH {
  font-size: 13px;
  margin-left: 35px;
  margin-top: 10px; }

.edit-subject___addSubjectsHeading___2dvex {
  font-size: 22px;
  font-weight: 800;
  color: #010430; }

.edit-subject___addNewSubjectTagLine___FFhB8 {
  font-size: 13px;
  color: #010430;
  opacity: 0.4;
  font-weight: 300;
  margin-top: 5px; }

.edit-subject___crossItem___HzTgL {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  cursor: pointer; }

.edit-subject___subjectInputBox___2RIz- {
  width: 544px;
  background: #F2F3F7;
  border-radius: 3px;
  border: none;
  margin-top: 20px;
  align-self: center;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 300;
  color: rgba(1, 4, 30, 0.5); }

.edit-subject___floatingLabel___JBFCJ {
  position: relative;
  margin-bottom: 10px; }
  .edit-subject___floatingLabel___JBFCJ label {
    position: absolute;
    top: calc(50%);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-subject___floatingLabel___JBFCJ input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: #01041e;
    padding-left: 11px;
    height: 36.8px; }
  .edit-subject___floatingLabel___JBFCJ input:not(:placeholder-shown) + label {
    transform: translateY(-13px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-subject___floatingLabel___JBFCJ input:focus + label {
    transform: translateY(-13px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-subject___floatingLabel___JBFCJ input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-subject___floatingLabel___JBFCJ input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-subject___floatingLabel___JBFCJ input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-subject___floatingLabel___JBFCJ .edit-subject___invalidMessage___1u1I2 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .edit-subject___floatingLabel___JBFCJ input:invalid + label + .edit-subject___invalidMessage___1u1I2 {
    display: block; }

.edit-subject___addChapterButton___2dsTe {
  width: 564px;
  height: 50px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  margin-top: 20px;
  display: flex;
  border-radius: 5px 5px 0px 0px; }

.edit-subject___dottedPlusIcon___64EG5 {
  width: 30px;
  height: 30px;
  margin-left: 20px;
  margin-top: 10px;
  cursor: pointer; }

.edit-subject___inputBoxAddTopic___2NN9L {
  border: none;
  width: 477px;
  color: #010430;
  opacity: 0.5;
  font-weight: 300;
  font-size: 14px; }

.edit-subject___saveButton___Qpi2b {
  width: 120px;
  height: 40px;
  color: #FFFFFF;
  background: #1BCC63;
  border-radius: 5px;
  margin-top: 20px;
  line-height: 40px;
  text-align: center;
  align-self: flex-end;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.edit-subject___floatingLabelNew___mOZOB {
  position: relative;
  margin-left: 15px;
  margin-top: 20px; }
  .edit-subject___floatingLabelNew___mOZOB label {
    position: absolute;
    top: calc(50%);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-subject___floatingLabelNew___mOZOB input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: #01041e;
    padding-left: 11px;
    height: 36.8px; }
  .edit-subject___floatingLabelNew___mOZOB input:not(:placeholder-shown) + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-subject___floatingLabelNew___mOZOB input:focus + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-subject___floatingLabelNew___mOZOB input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-subject___floatingLabelNew___mOZOB input:focus {
    border: 2px solid #0062FF; }
  .edit-subject___floatingLabelNew___mOZOB input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-subject___floatingLabelNew___mOZOB .edit-subject___invalidMessage___1u1I2 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    width: 506px;
    position: absolute; }
  .edit-subject___floatingLabelNew___mOZOB input:invalid + label + .edit-subject___invalidMessage___1u1I2 {
    display: block; }

.edit-subject___addSectionLowerPart___1ub_e {
  display: flex;
  height: 51px;
  width: 564px;
  background: #FFFFFF;
  mix-blend-mode: normal;
  border: 1px solid #F2F3F7;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  margin-top: 8px; }

.edit-subject___cancelButton___3x4Sn {
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  background: #FFFFFF;
  opacity: 0.6;
  color: #010430;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 62px;
  margin-bottom: 11px;
  cursor: pointer; }

.edit-subject___submitButton___1GtHP {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 15px;
  margin-bottom: 11px;
  cursor: pointer; }

.edit-subject___chaptersAndTopicContainer___qdFow {
  display: flex;
  flex-flow: column;
  margin-top: 10px; }

.edit-subject___chapterInfoContainer___3aGtO {
  border: 1px solid rgba(1, 4, 48, 0.2);
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  width: 563px; }

.edit-subject___arrangeChapterElements___1tCwi {
  display: flex;
  flex-flow: column;
  margin-left: 16px;
  border-left: 1px solid #010430;
  padding-left: 19px;
  margin-top: 5px; }

.edit-subject___chapterHeader___3Di24 {
  font-size: 12px;
  line-height: 14px;
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.8; }

.edit-subject___chapterNameDisplay___3Z3-9 {
  color: #010430;
  mix-blend-mode: normal;
  opacity: 0.8;
  font-weight: 600;
  font-size: 15px;
  margin-top: 6px;
  word-break: break-all; }

.edit-subject___topicNameEntryContainer___2Jm4i {
  display: flex;
  flex-flow: column;
  width: 563px; }

.edit-subject___topicHeader___2tHdc {
  color: #010430;
  font-weight: 600;
  font-size: 16px;
  line-height: 51px;
  margin-top: 10px;
  background: #F2F3F7;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  padding-left: 20px;
  display: flex;
  border-radius: 5px 5px 0px 0px; }

.edit-subject___plusBlueAddIcon___c271Q {
  width: 28px;
  height: 28px;
  margin-top: 10px; }

.edit-subject___floatingLabelNewTopic___2or7y {
  position: relative;
  margin-left: 15px;
  border-left: 1px solid rgba(1, 4, 30, 0.1); }
  .edit-subject___floatingLabelNewTopic___2or7y label {
    position: absolute;
    top: 8px;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-subject___floatingLabelNewTopic___2or7y input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: #01041e;
    padding-left: 11px;
    height: 36.8px; }
  .edit-subject___floatingLabelNewTopic___2or7y input:not(:placeholder-shown) + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-subject___floatingLabelNewTopic___2or7y input:focus + label {
    transform: translateY(-25px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-subject___floatingLabelNewTopic___2or7y input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-subject___floatingLabelNewTopic___2or7y input:focus {
    border: 2px solid #0062FF; }
  .edit-subject___floatingLabelNewTopic___2or7y input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-subject___floatingLabelNewTopic___2or7y .edit-subject___invalidMessage___1u1I2 {
    font-size: 10px;
    color: #FF3653;
    margin-left: -2px;
    display: none;
    position: absolute;
    bottom: -33px;
    width: 500px; }
  .edit-subject___floatingLabelNewTopic___2or7y input:invalid + label + .edit-subject___invalidMessage___1u1I2 {
    display: block; }

.edit-subject___cancelButtonTopic___3Uo-- {
  border: 1px solid #010430;
  box-sizing: border-box;
  border-radius: 5px;
  background: #FFFFFF;
  opacity: 0.6;
  color: #010430;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 62px;
  line-height: 20px;
  margin-bottom: 11px;
  cursor: pointer; }

.edit-subject___submitButtonTopic___R1uBQ {
  background: #227DF9;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 6px 15px 7px 15px;
  margin-top: 11px;
  margin-left: 15px;
  line-height: 20px;
  margin-bottom: 11px;
  cursor: pointer; }

.edit-subject___alternateChapter___3E_6R {
  opacity: 0.5;
  color: #010430;
  font-weight: 300;
  font-size: 14px; }

.edit-subject___addChapterAlternative___1u2eq {
  margin-left: 6.67px;
  font-weight: 300;
  font-size: 14px;
  color: #010430;
  opacity: 0.5;
  line-height: 48px; }

.edit-subject___loader___dgGqX,
.edit-subject___loader___dgGqX:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-subject___loader___dgGqX {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-subject___load8___3SSgK 1.1s infinite linear;
  animation: edit-subject___load8___3SSgK 1.1s infinite linear; }

@-webkit-keyframes edit-subject___load8___3SSgK {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-subject___load8___3SSgK {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.delete-subject___headerContainer___1JpSp {
  display: flex;
  position: relative;
  height: 83px;
  border-radius: 15px 15px 0px 0px;
  background: #EEEBEB; }

.delete-subject___cautionHeading___22c-0 {
  width: 38px;
  height: 35px;
  margin-left: 30px;
  margin-top: 14px; }

.delete-subject___headingText___1kOo8 {
  width: 358px;
  margin-left: 20px;
  font-weight: 600;
  font-size: 20px;
  margin-top: 18px; }

.delete-subject___crossBorderLess___1Tecw {
  width: 13px;
  height: 12px;
  position: absolute;
  right: 22px;
  top: 23px; }

.delete-subject___subjectDetailsContainer___1VmU5 {
  display: flex;
  width: 444px;
  margin-top: 15px;
  align-self: center;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  padding-bottom: 16px; }

.delete-subject___subjectAvatar___pGDuo {
  width: 60px;
  height: 60px; }

.delete-subject___subjectName___2iyod {
  font-size: 28px; }

.delete-subject___classNameComponent___HDCTd {
  font-weight: normal;
  font-size: 18px;
  opacity: 0.5; }

.delete-subject___instruction___14N9g {
  font-weight: 500;
  font-size: 18px;
  margin-top: 15px;
  margin-left: 45px;
  margin-right: 34px; }

.delete-subject___passwordBox___Uwp51 {
  width: 425px;
  height: 50px;
  margin-left: 44px;
  margin-top: 25px;
  font-size: 20px;
  color: rgba(1, 4, 30, 0.5);
  padding-left: 20px;
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid rgba(1, 4, 30, 0.5); }

.delete-subject___cancelButton___3hTLy {
  width: 113px;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(1, 4, 48, 0.6);
  border-radius: 5px;
  margin-left: 243px;
  text-align: center;
  cursor: pointer; }

.delete-subject___confirmButton___1EBn9 {
  width: 113px;
  height: 40px;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 20px;
  background: #1BCC63; }

.delete-subject___classInfo___2WnZF {
  position: relative;
  opacity: 0.8;
  margin-left: 100px;
  line-height: 20px; }

.delete-subject___invalidMessage___2C53k {
  font-size: 10px;
  color: #FF3653;
  margin-left: 45px;
  margin-right: 28px;
  margin-top: 5px;
  display: none; }

.delete-subject___passwordBox___Uwp51:invalid + .delete-subject___invalidMessage___2C53k {
  display: block; }

.filter___headerContainer___rsj2T {
  height: 109px;
  display: flex; }

.filter___filterHeading___3tu_j {
  color: #010430;
  line-height: 24px;
  position: relative;
  font-weight: 800;
  font-size: 22px;
  margin-top: 20px;
  margin-left: 20px; }

.filter___tagLine___1spdS {
  color: rgba(1, 4, 30, 0.8);
  line-height: 12px;
  margin-top: 6px;
  padding-bottom: 12px;
  position: relative;
  display: flex;
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 10px;
  margin-left: 20px; }

.filter___apply___2Gzfg {
  border-radius: 5px;
  color: #FFFFFF;
  background: #227DF9;
  cursor: pointer;
  width: 134px;
  line-height: 38px;
  bottom: 16px;
  text-align: center;
  height: 39px;
  font-weight: 400;
  font-size: 15px;
  margin-left: 20px;
  margin-top: 30px; }

.filter___cancel___3r0ek {
  border: 1.5px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  width: 134px;
  line-height: 38px;
  text-align: center;
  height: 36px;
  color: #92929D;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  margin-left: 149px;
  margin-top: 30px;
  background: #FFFFFF; }

.filter___horizontalRule___3GvAr {
  width: 527px;
  border: 1px solid rgba(1, 4, 30, 0.5);
  margin-left: 5px; }

.filter___resetButton___3geRi {
  background: rgba(34, 125, 249, 0.1);
  width: 70px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #227DF9;
  border-radius: 18px;
  font-weight: 500;
  font-size: 13px;
  color: #227DF9;
  margin-right: 40px;
  cursor: pointer; }

.filter___classAndSection___ryIjE {
  display: flex;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  color: rgba(1, 4, 30, 0.7);
  font-weight: 600;
  opacity: 0.89;
  margin-left: 28px; }

.filter___tabularView___3rupZ {
  position: relative;
  padding-bottom: 30px;
  margin-top: 20px; }

.filter___checkBoxContainer___2Rx8x {
  display: flex;
  margin-bottom: 23px;
  margin-left: 65px;
  position: relative;
  width: 50%; }

.filter___classNameDefination___1VTLc {
  color: #010430;
  opacity: 0.6;
  font-weight: 500;
  font-size: 13px; }

.filter___checkBoxTopContainer___3pMz2 {
  position: absolute;
  left: 202px; }

.filter___centerLineContainer___10122 {
  position: absolute;
  top: 0px;
  height: 80%;
  left: 50%;
  border: 1px solid rgba(1, 4, 30, 0.2); }

.class-display-component___overallContainer___1KCVL {
  display: flex;
  flex-flow: column;
  background: #FFFFFF;
  height: 100%;
  position: relative; }

.class-display-component___classIcon___12l7b {
  width: 95px;
  height: 95px;
  margin-left: 204px;
  margin-top: 10px;
  border-radius: 50%;
  line-height: 95px;
  text-align: center;
  font-size: 30px;
  color: #fff; }

.class-display-component___chapterEmptyLine___TdGRk {
  width: fit-content;
  margin: auto;
  font-size: 22px;
  font-weight: 600;
  opacity: 0.8; }

.class-display-component___subjectName___3CoqI {
  font-weight: 500;
  font-size: 18px;
  align-self: center;
  margin-top: 10px; }

.class-display-component___className___2DCa0 {
  font-weight: 500;
  font-size: 15px;
  margin-top: 5px;
  opacity: 0.8;
  align-self: center; }

.class-display-component___chapterHeader___17gdj {
  border-bottom: 1px solid #227DF9;
  border-top: 1px solid #227DF9;
  display: flex;
  margin-top: 25px;
  min-height: 40px; }

.class-display-component___chapterIcon___R8m2f {
  width: 17.91px;
  height: 13.1px;
  margin-left: 9px;
  margin-top: 12.24px; }

.class-display-component___chapterHeaderDetails___3lafK {
  font-size: 18px;
  color: #227DF9;
  margin-top: 10px;
  margin-left: 8.09px;
  word-break: break-all; }

.class-display-component___topicHeading___3eWt0 {
  font-size: 16px;
  margin-left: 10px;
  margin-top: 15px;
  margin-bottom: 15px; }

.class-display-component___topicElement___lGN6A {
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 20px; }

.class-display-component___topEditContainer___1P7YS {
  position: absolute;
  display: flex;
  flex-flow: column;
  right: 35px;
  top: 19.28px;
  cursor: pointer; }

.class-display-component___editPen___3O_ut {
  width: 13.17px;
  height: 15.37px; }

.class-display-component___editText___1GSD- {
  font-size: 11px;
  margin-top: 6.44px; }

.payment___alignItems___193cD {
  display: flex;
  flex-flow: column; }

.payment___tagLine___2ium6 {
  font-size: 13px;
  color: #010430;
  opacity: 0.6;
  margin-left: 84px;
  margin-top: 10px; }

.payment___bottomMainCard___2wfkr {
  display: flex;
  flex-flow: column;
  width: 714px;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 84px;
  margin-top: 28px;
  margin-bottom: 20px; }

.payment___bottomCardRow___d0gKg {
  display: flex;
  margin-left: 19px;
  border-bottom: 1px solid #EEEBEB;
  position: relative;
  height: 79px; }

.payment___getwayLiablilityIcon___1RBBI {
  height: 32px;
  margin-left: 23px;
  margin-top: 25px; }

.payment___arrangeTags___1ZxiC {
  display: flex;
  flex-flow: column;
  position: absolute;
  max-width: 490px;
  margin-top: 18px;
  left: 87px; }

.payment___subHeadings___1slWI {
  font-size: 15px;
  font-weight: 600;
  color: #010430;
  margin-top: 3px; }

.payment___tagLineForSubHeading___2qNf6 {
  color: #010430;
  opacity: 0.6;
  font-size: 11px;
  margin-top: 5px; }

.payment___paymentGatewayLiablity___36QzI {
  color: #010430;
  font-size: 15px;
  opacity: 0.6;
  margin-top: 35px;
  right: 95px;
  position: absolute; }

.payment___arrowDown___zEAS0 {
  position: absolute;
  width: 25px;
  height: 16px;
  right: 51px;
  margin-top: 37px;
  cursor: pointer; }

.payment___componentActive___36vom {
  position: absolute;
  width: 60px;
  height: 30px;
  right: 51px;
  margin-top: 37px;
  cursor: pointer; }

.payment___mainContent___2I-j_ {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative;
  border-radius: 0px 0px 10px 10px; }

.payment___keyName___2ruDo {
  font-weight: 600;
  font-size: 15px;
  opacity: 0.8;
  margin-left: 50.19px; }

.payment___valueName___RgKsc {
  font-size: 15px;
  opacity: 0.5;
  position: absolute;
  right: 300px; }

.payment___sessionSelect___13Abj {
  margin-left: 20px;
  font-size: 13px;
  opacity: 0.9;
  font-weight: 500;
  border-radius: 3px; }

.payment___postOption___1RRMv {
  width: 20px;
  height: 20px;
  cursor: pointer;
  align-self: center;
  margin-top: 10px;
  margin-left: 10px; }

.payment___optionIcon___1rBmM {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 16px;
  right: 38px;
  cursor: pointer;
  border-radius: 50%; }

.payment___optionIcon___1rBmM:hover {
  background: #F7F7F8; }

.payment___optionModal___20r8e {
  width: 205.53px;
  position: absolute;
  top: 25px;
  z-index: 1;
  right: 80px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.payment___option___3A3OM {
  position: relative;
  height: 47px;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 47px;
  text-align: center; }

.payment___option___3A3OM:hover {
  color: #FFFFFF;
  cursor: pointer;
  background-color: #227DF9; }

.payment___paymentConfigs___2IKhw {
  position: relative;
  height: 100%;
  width: 100%;
  background: #fff; }

.payment___arrangeHeader___kqkt_ {
  display: flex;
  margin-top: 40px;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 16px;
  margin-left: 19px;
  margin-right: 36px; }

.payment___backNavigationIcon___bGzyc {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: -11px; }

.payment___headerBody___1PQNh {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: -15px; }

.payment___headerBodyDown___3UaKE {
  margin-left: 80px;
  font-size: 18px;
  color: #010430;
  margin-top: 10px; }

.payment___managePaymentHeading___3sPsz {
  display: flex;
  margin-left: 55px;
  margin-top: 10px; }

.payment___paymentHeadingText___11yM5 {
  margin-left: 30px;
  font-size: 18px;
  color: #010430; }

.gateway-liability___mainAlignmentContainer___1blwL {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  height: 103px;
  margin-right: 1px;
  margin-top: -1px; }

.gateway-liability___mainContent____cUyf {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  margin-left: 50px;
  margin-top: 24px; }

.gateway-liability___infoContainer___30Tr1 {
  width: 202px;
  height: 30px;
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.gateway-liability___basicInfo___237UU {
  width: 101px;
  display: flex; }

.gateway-liability___dotIcon___2_cNj {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.gateway-liability___textDesign___2kpb9 {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.online-payment___mainContent___3gZOR {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative;
  padding-bottom: 20px; }

.online-payment___heading___3VraM {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  margin-left: 50px;
  margin-top: 24px; }

.online-payment___sliderButton___35eoc {
  width: 60px;
  height: 30px;
  margin-top: 17px;
  margin-left: 430px;
  z-index: 100;
  cursor: pointer;
  transition: 0.5s;
  position: absolute; }

.online-payment___fieldText___3JUTE {
  font-weight: 600;
  font-size: 15px;
  margin-top: 15px;
  margin-left: 50px;
  opacity: .7; }

.fee-heads___feeHeadContainer___1sDp1 {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.fee-heads___feeHeadsAlign___21sf7 {
  margin-left: 90px;
  position: relative; }

.fee-heads___paymentItem___3iJ8J {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  padding-bottom: 15px;
  background: #F2F3F7;
  border: none;
  width: 420px; }

.fee-heads___addMoreButton___OZLG7 {
  width: 93px;
  height: 28.62px;
  border-radius: 5px;
  background: #1BCC63;
  margin-top: 15px;
  margin-bottom: 21.38px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  line-height: 28.62px;
  display: flex; }

.fee-heads___addIcon___MYioV {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 5px;
  margin-right: 6px; }

.fee-heads___editButton___nBDgs {
  width: 42.5px;
  height: 17px;
  background: #227DF9;
  border-radius: 15px;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #FFFFFF;
  display: flex;
  position: absolute;
  right: 64.5px;
  top: 17px;
  cursor: pointer;
  z-index: 100; }

.fee-heads___editPenIcon___y8nni {
  width: 10.73px;
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.fee-heads___parentHeadItemContainer___19bSJ {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.fee-heads___deleteRedIcon___vqp4D {
  width: 12.73px;
  height: 15.66px;
  top: 16.59px;
  position: absolute;
  cursor: pointer;
  right: 30px; }

.fee-heads___crossIcon___2O2-H {
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.fee-heads___saveButton___1x3TV {
  font-weight: 500;
  font-size: 13px;
  background: #227DF9;
  position: absolute;
  right: 110px;
  top: 12px;
  padding: 6px 15px;
  color: #FFFFFF;
  border-radius: 6px;
  cursor: pointer; }

.fee-heads___deactivationHeader___Cmd1c {
  position: absolute;
  right: 60px;
  top: 10px; }

.fee-heads___moreButton___1m8nj {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.fee-heads___moreButton___1m8nj:hover {
  background: #F7F7F8; }

.fee-heads___moreIconButton___1zalT {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.fee-heads___warningText___WcICI {
  font-size: 10px;
  color: #FF3653;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 10px;
  position: absolute;
  bottom: -13px; }

.deactivate-icon___activeUser___1guv8 {
  display: flex;
  height: 16px;
  background: rgba(233, 72, 72, 0.1);
  border-radius: 25px;
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  color: #E94848;
  font-size: 10px;
  line-height: 12px; }

.deactivate-icon___powerButton___11H4n {
  width: 8px;
  height: 8px;
  margin-right: 3px;
  margin-top: 2.4px; }

.activation-dropdown___modalContainer___1rfJs {
  width: 205.53px;
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 50px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.activation-dropdown___modalItem___3EYL1 {
  position: relative;
  height: 47px;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 47px;
  text-align: center; }

.activation-dropdown___modalItem___3EYL1:hover {
  color: #FFFFFF;
  cursor: pointer;
  background-color: #227DF9; }

.hostel-fees___feeHeadContainer___1KYbI {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.hostel-fees___feeHeadsAlign___1q9QN {
  margin-left: 90px;
  position: relative; }

.hostel-fees___paymentItem___ND4mq {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  padding-bottom: 15px;
  background: #F2F3F7;
  border: none;
  width: 420px; }

.hostel-fees___addMoreButton___2lqlY {
  width: 93px;
  height: 28.62px;
  border-radius: 5px;
  background: #1BCC63;
  margin-top: 15px;
  margin-bottom: 21.38px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  line-height: 28.62px;
  display: flex; }

.hostel-fees___addIcon___2uHOZ {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 5px;
  margin-right: 6px; }

.hostel-fees___editButton___3Nqh5 {
  width: 42.5px;
  height: 17px;
  background: #227DF9;
  border-radius: 15px;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #FFFFFF;
  display: flex;
  position: absolute;
  right: 64.5px;
  top: 17px;
  cursor: pointer;
  z-index: 100; }

.hostel-fees___editPenIcon___DSmc1 {
  width: 10.73px;
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.hostel-fees___parentHeadItemContainer___UvLqk {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.hostel-fees___deleteRedIcon___36Oaj {
  width: 12.73px;
  height: 15.66px;
  top: 16.59px;
  position: absolute;
  cursor: pointer;
  right: 30px; }

.hostel-fees___crossIcon___3AuJa {
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.hostel-fees___saveButton___3g7uP {
  font-weight: 500;
  font-size: 13px;
  background: #227DF9;
  position: absolute;
  right: 110px;
  top: 12px;
  padding: 6px 15px;
  color: #FFFFFF;
  border-radius: 6px;
  cursor: pointer; }

.hostel-fees___hostelToggleContainer___1JpJk {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px; }

.hostel-fees___hostelToggleText___33f3Z {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  line-height: 20px; }

.hostel-fees___sliderContainer___rmgji {
  position: absolute;
  right: 40px; }

.hostel-fees___moreButton___31E8D {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.hostel-fees___moreButton___31E8D:hover {
  background: #F7F7F8; }

.hostel-fees___moreIconButton___37Mk3 {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.hostel-fees___deactivationHeader___2wWgE {
  position: absolute;
  right: 60px;
  top: 10px; }

.hostel-fees___warningText___M9CrN {
  font-size: 10px;
  color: #FF3653;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 10px;
  position: absolute;
  bottom: -13px; }

.password-input___headerComponent___2YNOr {
  display: flex;
  background: #EEEBEB;
  width: 449px;
  height: 43px;
  position: relative; }

.password-input___warningLogo___3CD6o {
  width: 24px;
  height: 22px;
  margin-left: 14px;
  margin-top: 10px; }

.password-input___headingText___1eigT {
  font-weight: 500;
  font-size: 13px;
  opacity: 0.7;
  margin-left: 12px;
  margin-top: 15px; }

.password-input___crossIcon___22XFJ {
  position: absolute;
  width: 13px;
  height: 11px;
  top: 15px;
  right: 10px;
  cursor: pointer; }

.password-input___mainTextAlign___2p9NG {
  font-weight: 400;
  width: 411px;
  color: rgba(1, 4, 30, 0.7);
  font-size: 13px;
  margin: 8px;
  padding-left: 8px;
  padding-right: 14px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDEDE;
  line-height: 15px; }

.password-input___buttonsContainer___h6m6Z {
  display: flex;
  margin-top: 4px;
  height: 40px; }

.password-input___cancelButton___DmdM3 {
  height: 29px;
  width: 96px;
  position: absolute;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d; }

.password-input___cancelButton___DmdM3:hover {
  background: #F7F7F8; }

.password-input___yesButton___31ONc {
  height: 31px;
  width: 96px;
  position: absolute;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.password-input___passwordInputBox___exJ-5 {
  width: 270px;
  margin-top: 10px;
  padding-left: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid rgba(1, 4, 30, 0.4); }

.password-input___warningText___1uJng {
  font-size: 10px;
  color: #FF3653;
  margin-right: 28px;
  margin-top: 5px;
  position: absolute;
  line-height: 10px; }

.password-input___loader___416wl,
.password-input___loader___416wl:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.password-input___loader___416wl {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: password-input___load8___3pRjD 1.1s infinite linear;
  animation: password-input___load8___3pRjD 1.1s infinite linear; }

@-webkit-keyframes password-input___load8___3pRjD {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes password-input___load8___3pRjD {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.payment-modes___mainContent___2Cr9p {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.payment-modes___heading___1Fd9K {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  margin-left: 50px;
  margin-top: 24px; }

.payment-modes___sliderButton___31vUP {
  width: 60px;
  height: 30px;
  margin-top: 17px;
  margin-left: auto;
  z-index: 100;
  cursor: pointer;
  transition: 0.5s;
  margin-right: 110px; }

.payment-modes___fieldText___2kBYp {
  font-weight: 600;
  font-size: 15px;
  margin-top: 15px;
  margin-left: 50px;
  opacity: .7; }

.discount-category-configurations___feeHeadContainer___Fvg9D {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.discount-category-configurations___feeHeadsAlign___3FlWP {
  margin-left: 90px;
  position: relative; }

.discount-category-configurations___paymentItem___1bndn {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  padding-bottom: 15px;
  background: #F2F3F7;
  border: none;
  width: 420px; }

.discount-category-configurations___addMoreButton___Rvq1n {
  width: 93px;
  height: 28.62px;
  border-radius: 5px;
  background: #1BCC63;
  margin-top: 15px;
  margin-bottom: 21.38px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  line-height: 28.62px;
  display: flex; }

.discount-category-configurations___addIcon___27oRx {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 5px;
  margin-right: 6px; }

.discount-category-configurations___editButton___66oZj {
  width: 42.5px;
  height: 17px;
  background: #227DF9;
  border-radius: 15px;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #FFFFFF;
  display: flex;
  position: absolute;
  right: 64.5px;
  top: 17px;
  cursor: pointer;
  z-index: 100; }

.discount-category-configurations___editPenIcon___2qjkA {
  width: 10.73px;
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.discount-category-configurations___parentHeadItemContainer___2OPap {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.discount-category-configurations___deleteRedIcon___1FNAM {
  width: 12.73px;
  height: 15.66px;
  top: 16.59px;
  position: absolute;
  cursor: pointer;
  right: 30px; }

.discount-category-configurations___crossIcon___28NLq {
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.discount-category-configurations___saveButton___3JZ4E {
  font-weight: 500;
  font-size: 13px;
  background: #227DF9;
  position: absolute;
  right: 110px;
  top: 12px;
  padding: 6px 15px;
  color: #FFFFFF;
  border-radius: 6px;
  cursor: pointer; }

.discount-category-configurations___moreButton___1AN_k {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.discount-category-configurations___moreButton___1AN_k:hover {
  background: #F7F7F8; }

.discount-category-configurations___moreIconButton___2Okxc {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.discount-category-configurations___deactivationHeader___3M5Q4 {
  position: absolute;
  right: 60px;
  top: 10px; }

.discount-category-configurations___warningText___ne12- {
  font-size: 10px;
  color: #FF3653;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 10px;
  position: absolute;
  bottom: -13px; }

.transportation-fee-configuration___feeHeadContainer___1lX51 {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.transportation-fee-configuration___feeHeadsAlign___UuADR {
  margin-left: 90px;
  position: relative; }

.transportation-fee-configuration___paymentItem___fsqAD {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  padding-bottom: 15px;
  background: #F2F3F7;
  border: none;
  width: 420px; }

.transportation-fee-configuration___addMoreButton___UtJ3N {
  width: 83px;
  height: 28.62px;
  border-radius: 5px;
  background: #1BCC63;
  margin-top: 15px;
  margin-bottom: 21.38px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  line-height: 28.62px;
  display: flex;
  padding-left: 16px; }

.transportation-fee-configuration___addIcon___r9y2D {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 5px;
  margin-right: 6px; }

.transportation-fee-configuration___editButton___3Zf2H {
  width: 42.5px;
  height: 17px;
  background: #227DF9;
  border-radius: 15px;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #FFFFFF;
  display: flex;
  position: absolute;
  right: 64.5px;
  top: 17px;
  cursor: pointer;
  z-index: 100; }

.transportation-fee-configuration___editPenIcon___2BDMJ {
  width: 10.73px;
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.transportation-fee-configuration___parentHeadItemContainer___2NdN- {
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.transportation-fee-configuration___deleteRedIcon___1d8ax {
  width: 12.73px;
  height: 15.66px;
  top: 16.59px;
  position: absolute;
  cursor: pointer;
  right: 30px; }

.transportation-fee-configuration___crossIcon___2rJqQ {
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.transportation-fee-configuration___saveButton___2l9v0 {
  font-weight: 500;
  font-size: 13px;
  background: #227DF9;
  position: absolute;
  right: 110px;
  top: 12px;
  padding: 6px 15px;
  color: #FFFFFF;
  border-radius: 6px;
  cursor: pointer; }

.transportation-fee-configuration___hostelToggleContainer___2syRp {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px; }

.transportation-fee-configuration___hostelToggleText___1i-PO {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  line-height: 20px; }

.transportation-fee-configuration___sliderContainer___3RVmR {
  position: absolute;
  right: 40px; }

.transportation-fee-configuration___moreButton___6RPdY {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.transportation-fee-configuration___moreButton___6RPdY:hover {
  background: #F7F7F8; }

.transportation-fee-configuration___moreIconButton___2L6Zn {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.transportation-fee-configuration___deactivationHeader___2W2zl {
  position: absolute;
  right: 60px;
  top: 10px; }

.view-routes___transportDetails___3UD2- {
  margin-top: 31px;
  margin-left: 20.16px;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px; }

.view-routes___headingTop___3fc3D {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.8;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-align: center; }

.view-routes___bottomHeadsContainer___1E_YG {
  display: flex;
  flex-flow: column; }

.view-routes___transportContainer___23Iat {
  height: 70px;
  display: flex;
  position: relative; }

.view-routes___floatingLabel___1zxL4 {
  position: absolute;
  left: 530px;
  margin-top: 15px; }
  .view-routes___floatingLabel___1zxL4 label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .view-routes___floatingLabel___1zxL4 input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 11px;
    height: 32.8px; }
  .view-routes___floatingLabel___1zxL4 input:not(:placeholder-shown) + label {
    top: 0px;
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .view-routes___floatingLabel___1zxL4 input:focus + label {
    top: 0px;
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .view-routes___floatingLabel___1zxL4 input:focus::-webkit-input-placeholder {
    color: transparent; }
  .view-routes___floatingLabel___1zxL4 input:focus {
    border-bottom: 3px solid #0062FF; }
  .view-routes___floatingLabel___1zxL4 input:invalid {
    border-bottom: 3px solid #FF3653; }
  .view-routes___floatingLabel___1zxL4 .view-routes___invalidMessage___1pKEF {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .view-routes___floatingLabel___1zxL4 input:invalid + label + .view-routes___invalidMessage___1pKEF {
    display: block; }

.view-routes___stopPoint___2YNa2 {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.9;
  margin-top: 22.5px;
  position: absolute;
  left: 287px;
  width: 270px;
  word-break: break-all; }

.view-routes___transportNo___2zC6t {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.9;
  left: 18.5px;
  margin-top: 22.5px;
  position: absolute;
  width: 220px;
  word-break: break-all; }

.view-routes___saveButton___2u3t9 {
  width: 100.43px;
  height: 31.11px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #1BCC63;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  align-self: flex-end;
  margin-top: auto;
  margin-bottom: 20px;
  cursor: pointer; }

.view-routes___editButton___seCk6 {
  width: 130.43px;
  height: 31.11px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #1BCC63;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  align-self: flex-end;
  cursor: pointer;
  position: absolute;
  right: 60px;
  top: 30px; }

.view-routes___moreIconButton___1D1Hx {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.view-routes___moreButton___207Kl {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.view-routes___deactivationHeader___2Nw13 {
  position: absolute;
  right: 100px;
  top: 20px; }

.view-routes___routeFilter___21H37 {
  min-width: 210px;
  max-width: fit-content;
  margin-left: 20px;
  margin-top: 20px;
  border-radius: 5px;
  opacity: 0.9; }

.view-routes___filterText___3r5OQ {
  margin-top: 22px;
  opacity: 0.9;
  font-weight: 800; }

.add-route___transportDetails___2Wa_2 {
  margin-top: 31px;
  margin-left: 20.16px;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px; }

.add-route___floatingLabel___3zIKt {
  position: relative; }
  .add-route___floatingLabel___3zIKt label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-route___floatingLabel___3zIKt input {
    background: #F2F3F7;
    border: none;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 300;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 35px; }
  .add-route___floatingLabel___3zIKt input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-route___floatingLabel___3zIKt input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-route___floatingLabel___3zIKt input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-route___floatingLabel___3zIKt input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-route___floatingLabel___3zIKt input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-route___floatingLabel___3zIKt .add-route___invalidMessage___TMK23 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .add-route___floatingLabel___3zIKt input:invalid + label + .add-route___invalidMessage___TMK23 {
    display: block; }

.add-route___feeHeadContainer___6tAHy {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.add-route___feeHeadsAlign___6m3IZ {
  margin-left: 90px;
  position: relative; }

.add-route___paymentItem___Q5fUv {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  padding-bottom: 15px;
  background: #F2F3F7;
  border: none;
  width: 420px; }

.add-route___addMoreButton___3qDuG {
  width: 93px;
  height: 28.62px;
  border-radius: 5px;
  background: #1BCC63;
  margin-top: 15px;
  margin-bottom: 21.38px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  line-height: 28.62px;
  display: flex; }

.add-route___addIcon___1dZg9 {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 5px;
  margin-right: 6px; }

.add-route___editButton___yrvUR {
  width: 42.5px;
  height: 17px;
  background: #227DF9;
  border-radius: 15px;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #FFFFFF;
  display: flex;
  position: absolute;
  right: 64.5px;
  top: 17px;
  cursor: pointer;
  z-index: 100; }

.add-route___editPenIcon___1NEt- {
  width: 10.73px;
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.add-route___parentHeadItemContainer___3hBTg {
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1); }

.add-route___deleteRedIcon___28uwJ {
  width: 12.73px;
  height: 15.66px;
  top: 16.59px;
  position: absolute;
  cursor: pointer;
  right: 30px; }

.add-route___crossIcon___240Bo {
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.add-route___saveButton___3Ggqu {
  font-weight: 500;
  font-size: 13px;
  background: #227DF9;
  right: 110px;
  top: 12px;
  padding: 6px 15px;
  color: #FFFFFF;
  border-radius: 6px;
  cursor: pointer;
  width: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: auto; }

.add-route___hostelToggleContainer___3lWiz {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px; }

.add-route___hostelToggleText___25rFT {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  line-height: 20px; }

.add-route___sliderContainer___ptrsI {
  position: absolute;
  right: 40px; }

.add-route___moreButton___3Tj17 {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.add-route___moreButton___3Tj17:hover {
  background: #F7F7F8; }

.add-route___moreIconButton___CQ1-f {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.add-route___deactivationHeader___24Jhh {
  position: absolute;
  right: 60px;
  top: 10px; }

.add-route___warningText___3rLRy {
  font-size: 10px;
  color: #FF3653;
  margin-left: 20px;
  margin-top: 5px;
  line-height: 10px; }

.discount___alignMainContent___2rbFc {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px; }

.discount___mainContainerAlign___AeV-z {
  display: flex; }

.discount___taglineContent___3KH2A {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  margin-left: 50px;
  margin-top: 24px; }

.discount___selectButtonIcon___3fmbN {
  width: 60px;
  height: 30px;
  margin-top: 24px;
  margin-left: 80px;
  cursor: pointer;
  transition: 0.5s; }

.show-discount___alignMainContent___2F1Xp {
  display: flex;
  flex-flow: column; }

.show-discount___discountContainer___3m55L {
  display: flex;
  flex-flow: column;
  position: relative;
  padding-left: 21px;
  border-bottom: 1px solid rgba(113, 124, 138, 0.1);
  cursor: pointer; }

.show-discount___discountContainer___3m55L:hover {
  background: #e5e5e5; }

.show-discount___discountName___1uIGu {
  font-weight: 600;
  font-size: 15px;
  margin-top: 15px;
  margin-left: 30px;
  opacity: .7;
  margin-bottom: 15px; }

.show-discount___discountCategories___LnTya {
  font-weight: normal;
  font-size: 13px;
  opacity: 0.5;
  margin-left: 30px;
  margin-top: 10px; }

.show-discount___discountPercentage___2508x {
  font-weight: normal;
  font-size: 13px;
  opacity: .5;
  margin-left: 30px;
  margin-top: 5px;
  margin-bottom: 15px; }

.show-discount___editButtonContainer___2tn9q {
  width: 45px;
  height: 18px;
  border-radius: 15px;
  position: absolute;
  top: 10px;
  right: 67px;
  cursor: pointer;
  background: #227DF9;
  display: flex; }

.show-discount___editPen___CM1_p {
  width: 7.64px;
  height: 8.4px;
  margin-left: 6.34px;
  margin-top: 4.6px; }

.show-discount___editContent___3Y2ku {
  font-weight: 500;
  font-size: 11px;
  color: #FFFFFF;
  margin-left: 3.02px;
  margin-top: 3px; }

.show-discount___addDiscountButton___30lBi {
  font-weight: normal;
  font-size: 13px;
  color: #FFFFFF;
  background: #1BCC63;
  border-radius: 5px;
  width: 130px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-left: 52px;
  margin-top: 20px;
  margin-bottom: 10px;
  cursor: pointer; }

.add-discount___headingContainer___210uS {
  display: flex;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  margin-left: 30px; }

.add-discount___discountCategoryHeader___2LeKH {
  font-weight: 800;
  font-size: 22px;
  margin-top: 23px;
  margin-left: 5px; }

.add-discount___headingTagLine___5b-w2 {
  font-weight: 300;
  font-size: 15px;
  opacity: 0.8;
  margin-top: 8px;
  margin-left: 5px; }

.add-discount___borderLessCrossHeading___18lth {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 5px;
  cursor: pointer;
  right: 5px; }

.add-discount___categoryDiscountContainer___2yHKF {
  width: 281px;
  height: 120px;
  background: #F2F3F7;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 30px;
  display: flex;
  flex-flow: column; }

.add-discount___discountCategoryHeading___oukzK {
  font-weight: bold;
  font-size: 20px;
  opacity: 0.7;
  margin-left: 20px;
  margin-top: 18px; }

.add-discount___bottomDiscountLine___Rfe67 {
  font-weight: normal;
  font-size: 16px;
  opacity: 0.6;
  margin-left: 18px;
  margin-top: 10px;
  max-width: 203px; }

.add-discount___enterDiscountLabel___34EgK {
  font-weight: 500;
  font-size: 20px;
  opacity: 0.8;
  margin-top: 43px;
  margin-left: 40px; }

.add-discount___floatingLabel___t9wFP {
  position: relative; }
  .add-discount___floatingLabel___t9wFP label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-discount___floatingLabel___t9wFP input {
    background: #F2F3F7;
    border: none;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 300;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 35px; }
  .add-discount___floatingLabel___t9wFP input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-discount___floatingLabel___t9wFP input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-discount___floatingLabel___t9wFP input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-discount___floatingLabel___t9wFP input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-discount___floatingLabel___t9wFP input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-discount___floatingLabel___t9wFP .add-discount___invalidMessage___1BWMh {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .add-discount___floatingLabel___t9wFP input:invalid + label + .add-discount___invalidMessage___1BWMh {
    display: block; }

.add-discount___bottomGreenButton___3UFhU {
  background: #1BCC63;
  font-weight: 500;
  font-size: 19px;
  color: #FFFFFF;
  text-align: center;
  width: 300px;
  height: 40px;
  line-height: 40px;
  align-self: flex-end;
  margin-top: auto;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

.add-discount___headsContainer___2fCni {
  display: flex;
  flex-flow: column;
  position: relative;
  margin-top: 20px; }

.add-discount___headings___1Csnq {
  display: flex;
  margin-bottom: 10px; }

.add-discount___percentageItem___D1Pxf {
  font-weight: 500;
  font-size: 14px;
  opacity: 0.8;
  color: #010430;
  line-height: 17px;
  margin-left: 104px; }

.add-discount___flatItem___TbZxq {
  margin-left: 268px;
  font-size: 14px;
  line-height: 17px;
  opacity: 0.8;
  color: #010430;
  font-weight: normal; }

.add-discount___loader___1MdIL,
.add-discount___loader___1MdIL:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-discount___loader___1MdIL {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-discount___load8___XFgmN 1.1s infinite linear;
  animation: add-discount___load8___XFgmN 1.1s infinite linear; }

@-webkit-keyframes add-discount___load8___XFgmN {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-discount___load8___XFgmN {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-discount___headItemName___2Kyxi {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  opacity: 0.8;
  color: #010430;
  margin-left: 50px;
  width: 160px; }

.add-discount___headItemContainer___2diLB {
  display: flex;
  margin-bottom: 24px;
  position: relative; }

.add-discount___flatInputContainer___1VNrF {
  display: flex;
  position: absolute;
  left: 228px; }

.add-discount___rupeeIcon___3QFw7 {
  width: 11.06px;
  height: 17px;
  margin-left: 10px;
  margin-right: 30.07px;
  margin-top: 10px; }

.add-discount___percentageIcon___3_IvT {
  width: 16px;
  height: 17px;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  margin-top: 10px;
  margin-left: 10px; }

.add-discount___discountCategory___3jTts {
  min-width: 210px;
  max-width: fit-content;
  margin-left: 50px;
  margin-top: 20px;
  border-radius: 5px;
  opacity: 0.9; }

.add-discount___warningLine___158uW {
  font-size: 10px;
  color: #FF3653;
  margin-left: 50px;
  margin-top: 5px;
  line-height: 10px; }

.edit-discount___headingContainer___KhrdK {
  display: flex;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(31, 49, 74, 0.1);
  margin-left: 30px; }

.edit-discount___discountCategoryHeader___1eEd0 {
  font-weight: 800;
  font-size: 22px;
  margin-top: 23px;
  margin-left: 5px; }

.edit-discount___headingTagLine___nqvdf {
  font-weight: 300;
  font-size: 15px;
  opacity: 0.8;
  margin-top: 8px;
  margin-left: 5px; }

.edit-discount___borderLessCrossHeading___1VJwM {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 5px;
  cursor: pointer;
  right: 5px; }

.edit-discount___categoryDiscountContainer___1khba {
  width: 281px;
  height: 120px;
  background: #F2F3F7;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 30px;
  display: flex;
  flex-flow: column; }

.edit-discount___discountCategoryHeading___3YWZe {
  font-weight: bold;
  font-size: 20px;
  opacity: 0.7;
  margin-left: 20px;
  margin-top: 18px; }

.edit-discount___bottomDiscountLine___2uTcM {
  font-weight: normal;
  font-size: 16px;
  opacity: 0.6;
  margin-left: 18px;
  margin-top: 10px;
  max-width: 203px; }

.edit-discount___enterDiscountLabel___2nDhw {
  font-weight: 500;
  font-size: 20px;
  opacity: 0.8;
  margin-top: 43px;
  margin-left: 40px; }

.edit-discount___floatingLabel___2SJao {
  position: relative; }
  .edit-discount___floatingLabel___2SJao label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-discount___floatingLabel___2SJao input {
    background: #F2F3F7;
    border: none;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 300;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 10px;
    height: 35px; }
  .edit-discount___floatingLabel___2SJao input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-discount___floatingLabel___2SJao input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-discount___floatingLabel___2SJao input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-discount___floatingLabel___2SJao input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-discount___floatingLabel___2SJao input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-discount___floatingLabel___2SJao .edit-discount___invalidMessage___1Pty_ {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .edit-discount___floatingLabel___2SJao input:invalid + label + .edit-discount___invalidMessage___1Pty_ {
    display: block; }

.edit-discount___bottomGreenButton___1WzcK {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  margin-left: 40px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: #FFFFFF;
  background: #1BCC63; }

.edit-discount___headsContainer___3T3iY {
  display: flex;
  flex-flow: column;
  position: relative;
  margin-top: 20px; }

.edit-discount___headings___itUaS {
  display: flex;
  margin-bottom: 10px; }

.edit-discount___percentageItem___309rl {
  font-weight: 500;
  font-size: 14px;
  opacity: 0.8;
  color: #010430;
  line-height: 17px;
  margin-left: 104px; }

.edit-discount___flatItem___1G6SJ {
  margin-left: 268px;
  font-size: 14px;
  line-height: 17px;
  opacity: 0.8;
  color: #010430;
  font-weight: normal; }

.edit-discount___loader___3u3Pq,
.edit-discount___loader___3u3Pq:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-discount___loader___3u3Pq {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-discount___load8___302Oq 1.1s infinite linear;
  animation: edit-discount___load8___302Oq 1.1s infinite linear; }

@-webkit-keyframes edit-discount___load8___302Oq {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-discount___load8___302Oq {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-discount___headItemName___1mFAt {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  opacity: 0.8;
  color: #010430;
  margin-left: 50px;
  width: 160px; }

.edit-discount___headItemContainer___E55E6 {
  display: flex;
  margin-bottom: 24px;
  position: relative; }

.edit-discount___flatInputContainer___3FOrY {
  display: flex;
  position: absolute;
  left: 228px; }

.edit-discount___rupeeIcon___1f76N {
  width: 11.06px;
  height: 17px;
  margin-left: 10px;
  margin-right: 30.07px;
  margin-top: 10px; }

.edit-discount___percentageIcon___3GsQj {
  width: 16px;
  height: 17px;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  margin-top: 10px;
  margin-left: 10px; }

.edit-discount___discountCategory___16g0D {
  min-width: 210px;
  max-width: fit-content;
  margin-left: 50px;
  margin-top: 20px;
  border-radius: 5px;
  opacity: 0.9; }

.edit-discount___warningLine___2UvuI {
  font-size: 10px;
  color: #FF3653;
  margin-left: 50px;
  margin-top: 5px;
  line-height: 10px; }

.edit-discount___editButton___uC4Ai {
  width: 100.43px;
  height: 31.11px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #227DF9;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  margin-top: auto;
  margin-bottom: 20px;
  cursor: pointer;
  margin-left: auto; }

.edit-discount___cancelButton___2p6T8 {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d;
  margin-left: auto;
  margin-bottom: 20px; }

.edit-discount___cancelButton___2p6T8:hover {
  background: #F7F7F8; }

.late-fee___alignMainContent___3Ll9E {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.late-fee___mainContainerAlign___w6t4l {
  display: flex;
  height: 60px; }

.late-fee___taglineContent___2lQLI {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  margin-left: 50px;
  margin-top: 24px; }

.late-fee___selectButtonIcon___F3jpW {
  width: 60px;
  height: 30px;
  margin-top: 17px;
  position: absolute;
  margin-left: 430px;
  z-index: 100;
  cursor: pointer;
  transition: 0.5s; }

.late-fee___infoContainer___40UUK {
  width: 280px;
  height: 30px;
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.late-fee___basicInfo___1y_8U {
  width: 136px;
  cursor: pointer;
  display: flex; }

.late-fee___dotIcon___gOWSw {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.late-fee___textDesign___2gHBK {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.display-late-fee___mainContentCard___1-d3H {
  background: #F2F3F7;
  display: flex;
  position: relative;
  flex-flow: column; }

.display-late-fee___fixedFeeText___2s3mO {
  font-weight: 500;
  font-size: 18px;
  margin-left: 30px; }

.display-late-fee___sliderIconFixedFee___OOB9p {
  width: 48px;
  height: 25px;
  position: absolute;
  left: 327px;
  margin-left: 198px;
  cursor: pointer; }

.display-late-fee___lateFeeLowerSectionContainer___39zwj {
  margin-left: 51px;
  display: flex;
  margin-top: 15px;
  margin-bottom: 30px; }

.display-late-fee___discountName___hYY7z {
  font-weight: 600;
  font-size: 15px;
  opacity: .7; }

.display-late-fee___lateFeeAmountContainer___1D4nu {
  font-weight: normal;
  font-size: 15px; }

.display-late-fee___editButton___1hxR4 {
  display: flex;
  width: 45px;
  height: 18px;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  color: #FFFFFF;
  background: #227DF9;
  border-radius: 15px;
  margin-left: 93px;
  cursor: pointer; }

.display-late-fee___penIcon___I93YD {
  width: 7.64px;
  height: 8.4px;
  margin-left: 6.34px;
  margin-top: 4.6px;
  margin-right: 3px; }

.display-late-fee___infoContainer___1FH8v {
  width: 280px;
  height: 30px;
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.display-late-fee___basicInfo___zaGrI {
  width: 140px;
  cursor: pointer;
  display: flex; }

.display-late-fee___dotIcon___1e39y {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.display-late-fee___textDesign___NOlie {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.display-late-fee___discountCategories___1mXs1 {
  font-weight: normal;
  font-size: 13px;
  opacity: 0.5;
  margin-left: 30px;
  margin-top: 10px; }

.edit-late-fee___heading___2K2Fr {
  font-weight: 800;
  font-size: 22px; }

.edit-late-fee___headingTagLine___35sW2 {
  font-weight: 300;
  font-size: 15px;
  opacity: 0.8; }

.edit-late-fee___headerCross___1W_on {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer; }

.edit-late-fee___mainComponent___1JEfp {
  width: 604px;
  height: 85px;
  margin-top: 3px;
  background: #F2F3F7;
  align-self: center;
  display: flex;
  flex-flow: column; }

.edit-late-fee___feeType___zoA3Y {
  font-weight: bold;
  font-size: 20px;
  margin-left: 20px;
  margin-top: 14px; }

.edit-late-fee___tagLine___1PIgN {
  font-size: 15px;
  opacity: 0.6;
  margin-left: 20px;
  margin-top: 6px; }

.edit-late-fee___lateFeeLine___d89GZ {
  font-weight: 500;
  font-size: 20px;
  opacity: 0.8;
  margin-top: 43px;
  margin-left: 30px; }

.edit-late-fee___rupeeSymbol___1K53i {
  width: 17px;
  height: 26px;
  margin-left: 40px;
  margin-top: 43px; }

.edit-late-fee___floatingLabel___139Ud {
  position: relative;
  margin-top: 30px;
  margin-left: 16px;
  width: 150px; }
  .edit-late-fee___floatingLabel___139Ud label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-late-fee___floatingLabel___139Ud input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .edit-late-fee___floatingLabel___139Ud input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-late-fee___floatingLabel___139Ud input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-late-fee___floatingLabel___139Ud input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-late-fee___floatingLabel___139Ud input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-late-fee___floatingLabel___139Ud input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-late-fee___floatingLabel___139Ud .edit-late-fee___invalidMessage___16jZt {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none;
    position: absolute; }
  .edit-late-fee___floatingLabel___139Ud input:invalid + label + .edit-late-fee___invalidMessage___16jZt {
    display: block; }

.edit-late-fee___saveButton___3cdXx {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  align-self: flex-end;
  border-radius: 5px;
  color: #FFFFFF;
  background: #1BCC63;
  margin-top: 30px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.edit-late-fee___loader___3c_-Y,
.edit-late-fee___loader___3c_-Y:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-late-fee___loader___3c_-Y {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-late-fee___load8___2JU7q 1.1s infinite linear;
  animation: edit-late-fee___load8___2JU7q 1.1s infinite linear; }

@-webkit-keyframes edit-late-fee___load8___2JU7q {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-late-fee___load8___2JU7q {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.transportation-fee___arrangeItems___1nlX4 {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px; }

.transportation-fee___transportationIcon___2XvjN {
  font-weight: 600;
  opacity: 0.6;
  margin-left: 49px;
  margin-top: 30px;
  font-size: 13px; }

.transportation-fee___sliderIcon___1i2Zd {
  width: 59px;
  height: 30px;
  margin-left: 61px;
  margin-top: 23px;
  opacity: 1;
  cursor: pointer; }

.transportation-fee___infoContainer___1Cd14 {
  width: 280px;
  height: 30px;
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.transportation-fee___basicInfo___1guA0 {
  width: 140px;
  cursor: pointer;
  display: flex; }

.transportation-fee___dotIcon___wJsAi {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.transportation-fee___textDesign___1rBsQ {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.display-transport___alignDisplayItems___3EpLY {
  display: flex;
  flex-flow: column; }

.display-transport___routeAlign___MNrlu {
  display: flex;
  position: relative; }

.display-transport___routeName___2ajYv {
  font-weight: 500;
  font-size: 18px;
  margin-left: 49px;
  margin-top: 23px; }

.display-transport___sliderIcon___LBbHq {
  width: 48px;
  height: 25px;
  right: 426px;
  top: 20px;
  position: absolute; }

.display-transport___routeListAlign___2qzyI {
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  display: flex; }

.display-transport___routeElementAlign___3x0lW {
  display: flex;
  flex-flow: column; }

.display-transport___infoContainer___2dw4o {
  width: 280px;
  height: 30px;
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #E2E2EA;
  display: flex; }

.display-transport___basicInfo___1XRp6 {
  width: 140px;
  cursor: pointer;
  display: flex; }

.display-transport___dotIcon___3HTCm {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 24px;
  margin-top: 11px;
  background: #717C8A; }

.display-transport___textDesign___B_nS7 {
  letter-spacing: 0.1px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  line-height: 30px; }

.display-transport___routeDesign___1Kn-0 {
  font-weight: 600;
  font-size: 15px;
  opacity: 0.7;
  max-width: 180px;
  word-break: break-word; }

.display-transport___rupeeSymbol___3cdMg {
  opacity: 0.7;
  width: 9px;
  height: 14px; }

.display-transport___amountDisplay___1IiZ5 {
  font-weight: normal;
  font-size: 15px;
  opacity: 0.7;
  margin-left: 4px; }

.display-transport___editButton___3AnsW {
  width: 45px;
  height: 18px;
  background: #227DF9;
  position: absolute;
  left: 187px;
  border-radius: 15px;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 1px;
  cursor: pointer;
  font-size: 11px; }

.display-transport___whitePen___2rrrm {
  width: 7.64px;
  height: 8.4px;
  margin-right: 2px;
  margin-top: 4.6px; }

.display-transport___addRouteButton___2odrT {
  width: 130px;
  height: 40px;
  background: #1BCC63;
  border-radius: 5px;
  margin-left: 50px;
  margin-top: 20px;
  text-align: center;
  line-height: 40px;
  font-weight: normal;
  font-size: 15px;
  cursor: pointer;
  color: #FFFFFF;
  margin-bottom: 30px; }

.edit-transportation___heading___-uIfy {
  font-weight: 800;
  font-size: 22px; }

.edit-transportation___headingTagLine___GeXch {
  font-weight: 300;
  font-size: 15px;
  opacity: 0.8; }

.edit-transportation___headerCross___hzQx- {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer; }

.edit-transportation___mainComponent___22thq {
  width: 604px;
  height: 85px;
  margin-top: 3px;
  background: #F2F3F7;
  align-self: center;
  display: flex;
  flex-flow: column; }

.edit-transportation___feeType___1USaA {
  font-weight: bold;
  font-size: 20px;
  margin-left: 20px;
  margin-top: 14px; }

.edit-transportation___tagLine___fJ1AF {
  font-size: 15px;
  opacity: 0.6;
  margin-left: 20px;
  margin-top: 6px; }

.edit-transportation___lateFeeLine___16ZKg {
  font-weight: 500;
  font-size: 20px;
  opacity: 0.8;
  margin-top: 43px;
  margin-left: 30px; }

.edit-transportation___rupeeSymbol___2s3nN {
  width: 17px;
  height: 26px;
  margin-left: 40px;
  margin-top: 43px;
  margin-right: 15px; }

.edit-transportation___floatingLabel____ooEz {
  position: relative;
  margin-top: 30px;
  margin-left: 16px;
  width: 150px; }
  .edit-transportation___floatingLabel____ooEz label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-transportation___floatingLabel____ooEz input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .edit-transportation___floatingLabel____ooEz input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-transportation___floatingLabel____ooEz input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-transportation___floatingLabel____ooEz input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-transportation___floatingLabel____ooEz input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-transportation___floatingLabel____ooEz input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-transportation___floatingLabel____ooEz .edit-transportation___invalidMessage___2H3W4 {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .edit-transportation___floatingLabel____ooEz input:invalid + label + .edit-transportation___invalidMessage___2H3W4 {
    display: block; }

.edit-transportation___saveButton___2bfSK {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  align-self: flex-end;
  border-radius: 5px;
  color: #FFFFFF;
  background: #1BCC63;
  margin-top: 30px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.edit-transportation___deleteButton___3GbTw {
  width: 120px;
  height: 40px;
  border: 1px solid #FF3653;
  color: #E94848;
  font-weight: 600;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  margin-top: 30px;
  margin-right: 345px;
  margin-left: 20px;
  cursor: pointer; }

.edit-transportation___loader___xLYm6,
.edit-transportation___loader___xLYm6:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-transportation___loader___xLYm6 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-transportation___load8___3ucU9 1.1s infinite linear;
  animation: edit-transportation___load8___3ucU9 1.1s infinite linear; }

@-webkit-keyframes edit-transportation___load8___3ucU9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-transportation___load8___3ucU9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.edit-fixed-transportation___heading___3a6MH {
  font-weight: 800;
  font-size: 22px; }

.edit-fixed-transportation___headingTagLine___3kitZ {
  font-weight: 300;
  font-size: 15px;
  opacity: 0.8; }

.edit-fixed-transportation___headerCross___3FsFm {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer; }

.edit-fixed-transportation___mainComponent___NISWV {
  width: 604px;
  height: 85px;
  margin-top: 3px;
  background: #F2F3F7;
  align-self: center;
  display: flex;
  flex-flow: column; }

.edit-fixed-transportation___feeType___3zCfj {
  font-weight: bold;
  font-size: 20px;
  margin-left: 20px;
  margin-top: 14px; }

.edit-fixed-transportation___tagLine___1d6U3 {
  font-size: 15px;
  opacity: 0.6;
  margin-left: 20px;
  margin-top: 6px; }

.edit-fixed-transportation___lateFeeLine___2hHME {
  font-weight: 500;
  font-size: 20px;
  opacity: 0.8;
  margin-top: 43px;
  margin-left: 30px; }

.edit-fixed-transportation___rupeeSymbol___Phhu- {
  width: 17px;
  height: 26px;
  margin-left: 40px;
  margin-top: 43px;
  margin-right: 15px; }

.edit-fixed-transportation___floatingLabel___3jhz8 {
  position: relative;
  margin-top: 30px;
  margin-left: 16px;
  width: 150px; }
  .edit-fixed-transportation___floatingLabel___3jhz8 label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input:focus::-webkit-input-placeholder {
    color: transparent; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input:focus {
    border-bottom: 3px solid #0062FF; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input:invalid {
    border-bottom: 3px solid #FF3653; }
  .edit-fixed-transportation___floatingLabel___3jhz8 .edit-fixed-transportation___invalidMessage___18Wcz {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .edit-fixed-transportation___floatingLabel___3jhz8 input:invalid + label + .edit-fixed-transportation___invalidMessage___18Wcz {
    display: block; }

.edit-fixed-transportation___saveButton___153eA {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  align-self: flex-end;
  border-radius: 5px;
  color: #FFFFFF;
  background: #1BCC63;
  margin-top: 30px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.edit-fixed-transportation___addRouteContainer___2ajNh {
  display: flex;
  width: 603px;
  height: 50px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  margin-top: 20px;
  margin-left: 20px; }

.edit-fixed-transportation___dottedCrossIcon___14sQj {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  margin-top: 10px;
  cursor: pointer;
  margin-bottom: 10px; }

.edit-fixed-transportation___addRouteText___14ZWY {
  margin-top: 17px;
  margin-left: 25px;
  opacity: 0.5;
  font-weight: 300;
  font-size: 14px; }

.edit-fixed-transportation___loader___3k4G2,
.edit-fixed-transportation___loader___3k4G2:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.edit-fixed-transportation___loader___3k4G2 {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: edit-fixed-transportation___load8___1QuBX 1.1s infinite linear;
  animation: edit-fixed-transportation___load8___1QuBX 1.1s infinite linear; }

@-webkit-keyframes edit-fixed-transportation___load8___1QuBX {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes edit-fixed-transportation___load8___1QuBX {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.add-transportation___heading___2gXx3 {
  font-weight: 800;
  font-size: 22px; }

.add-transportation___headingTagLine___oW70T {
  font-weight: 300;
  font-size: 15px;
  opacity: 0.8; }

.add-transportation___headerCross___AS40e {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer; }

.add-transportation___mainComponent___3j-Bl {
  width: 604px;
  height: 85px;
  margin-top: 3px;
  background: #F2F3F7;
  align-self: center;
  display: flex;
  flex-flow: column; }

.add-transportation___feeType___17xW1 {
  font-weight: bold;
  font-size: 20px;
  margin-left: 20px;
  margin-top: 14px; }

.add-transportation___tagLine___2KaWv {
  font-size: 15px;
  opacity: 0.6;
  margin-left: 20px;
  margin-top: 6px; }

.add-transportation___lateFeeLine___1jVNd {
  font-weight: 500;
  font-size: 20px;
  opacity: 0.8;
  margin-top: 43px; }

.add-transportation___rupeeSymbol___dwFd8 {
  width: 17px;
  height: 26px;
  margin-left: 40px;
  margin-top: 43px;
  margin-right: 15px; }

.add-transportation___floatingLabel___EW45u {
  position: relative;
  margin-top: 30px;
  width: 150px; }
  .add-transportation___floatingLabel___EW45u label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .add-transportation___floatingLabel___EW45u input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 20px;
    height: 36.8px; }
  .add-transportation___floatingLabel___EW45u input:not(:placeholder-shown) + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-transportation___floatingLabel___EW45u input:focus + label {
    transform: translateY(-15px);
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .add-transportation___floatingLabel___EW45u input:focus::-webkit-input-placeholder {
    color: transparent; }
  .add-transportation___floatingLabel___EW45u input:focus {
    border-bottom: 3px solid #0062FF; }
  .add-transportation___floatingLabel___EW45u input:invalid {
    border-bottom: 3px solid #FF3653; }
  .add-transportation___floatingLabel___EW45u .add-transportation___invalidMessage___3NpLF {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .add-transportation___floatingLabel___EW45u input:invalid + label + .add-transportation___invalidMessage___3NpLF {
    display: block; }

.add-transportation___saveButton___oKMlN {
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  align-self: flex-end;
  border-radius: 5px;
  color: #FFFFFF;
  background: #1BCC63;
  margin-top: 30px;
  cursor: pointer;
  display: flex;
  flex-flow: column; }

.add-transportation___addRouteContainer___1I-NP {
  display: flex;
  width: 603px;
  height: 50px;
  border: 1px solid rgba(1, 4, 48, 0.2);
  border-radius: 5px;
  margin-top: 20px; }

.add-transportation___dottedCrossIcon___1X95q {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  margin-top: 10px;
  cursor: pointer;
  margin-bottom: 10px; }

.add-transportation___addRouteText___2WjH8 {
  margin-top: 17px;
  margin-left: 25px;
  opacity: 0.5;
  font-weight: 300;
  font-size: 14px; }

.add-transportation___loader___TqRmi,
.add-transportation___loader___TqRmi:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  align-self: center; }

.add-transportation___loader___TqRmi {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: add-transportation___load8___3okKT 1.1s infinite linear;
  animation: add-transportation___load8___3okKT 1.1s infinite linear; }

@-webkit-keyframes add-transportation___load8___3okKT {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes add-transportation___load8___3okKT {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.view-routes___transportDetails___1v5Ua {
  margin-top: 31px;
  margin-left: 20.16px;
  font-weight: bold;
  font-size: 22px;
  line-height: 26px; }

.view-routes___headingTop___3rtKO {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.8;
  letter-spacing: 0.2px;
  line-height: 16px;
  text-align: center; }

.view-routes___bottomHeadsContainer___1VKo- {
  display: flex;
  flex-flow: column; }

.view-routes___transportContainer___joPYW {
  height: 70px;
  display: flex;
  position: relative; }

.view-routes___floatingLabel___38m-U {
  position: absolute;
  left: 530px;
  margin-top: 15px; }
  .view-routes___floatingLabel___38m-U label {
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    cursor: text; }
  .view-routes___floatingLabel___38m-U input {
    background: #F2F3F7;
    border: none;
    padding-top: 5px;
    outline: none;
    width: 282.9px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    color: rgba(1, 4, 30, 0.8);
    padding-left: 11px;
    height: 32.8px; }
  .view-routes___floatingLabel___38m-U input:not(:placeholder-shown) + label {
    top: 0px;
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .view-routes___floatingLabel___38m-U input:focus + label {
    top: 0px;
    opacity: .7;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 4px; }
  .view-routes___floatingLabel___38m-U input:focus::-webkit-input-placeholder {
    color: transparent; }
  .view-routes___floatingLabel___38m-U input:focus {
    border-bottom: 3px solid #0062FF; }
  .view-routes___floatingLabel___38m-U input:invalid {
    border-bottom: 3px solid #FF3653; }
  .view-routes___floatingLabel___38m-U .view-routes___invalidMessage___3DEET {
    font-size: 10px;
    color: #FF3653;
    margin-left: 7px;
    position: absolute;
    margin-right: 28px;
    margin-top: 5px;
    display: none; }
  .view-routes___floatingLabel___38m-U input:invalid + label + .view-routes___invalidMessage___3DEET {
    display: block; }

.view-routes___stopPoint___3iCyA {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.9;
  margin-top: 22.5px;
  position: absolute;
  left: 287px;
  width: 220px;
  word-break: break-all; }

.view-routes___transportNo___skWYg {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: #010430;
  opacity: 0.9;
  left: 18.5px;
  margin-top: 22.5px;
  position: absolute;
  width: 210px;
  word-break: break-all; }

.view-routes___saveButton___1gG0k {
  width: 100.43px;
  height: 31.11px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #1BCC63;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  align-self: flex-end;
  margin-top: auto;
  margin-bottom: 20px;
  cursor: pointer; }

.view-routes___editButton___20wCg {
  width: 100.43px;
  height: 31.11px;
  border-radius: 5px;
  font-size: 15px;
  text-align: center;
  margin-right: 17.46px;
  line-height: 31.11px;
  background: #227DF9;
  color: #FFFFFF;
  display: flex;
  flex-flow: column;
  align-self: flex-end;
  margin-top: auto;
  margin-bottom: 20px;
  cursor: pointer; }

.view-routes___redAlert___PuNEq {
  font-size: 12px;
  color: #FF3653;
  margin-left: 20px;
  margin-right: 28px;
  margin-top: 5px; }

.view-routes___routeEmptyText___2Lf7g {
  margin: auto;
  margin-top: 100px;
  font-size: 18px;
  font-weight: 600;
  opacity: 0.9; }

.view-routes___routeFilter___1gPfh {
  width: 210px;
  max-width: fit-content;
  margin-left: 20px;
  margin-top: 20px;
  border-radius: 5px;
  opacity: 0.9; }

.view-routes___filterText___2UBxZ {
  margin-top: 22px;
  opacity: 0.9;
  font-weight: 800; }

.houses-list___feeHeadContainer___3ZT3K {
  display: flex;
  flex-flow: column;
  background: #F2F3F7;
  margin-top: -1px;
  margin-right: 1px;
  position: relative; }

.houses-list___feeHeadsAlign___2lAZm {
  margin-left: 90px;
  position: relative; }

.houses-list___paymentItem___3Yymp {
  margin-top: 10px;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #010430;
  padding-bottom: 15px;
  background: #F2F3F7;
  border: none;
  width: 420px; }

.houses-list___addMoreButton___1mP7Y {
  width: 93px;
  height: 28.62px;
  border-radius: 5px;
  background: #1BCC63;
  margin-top: 15px;
  margin-bottom: 21.38px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 12px;
  line-height: 28.62px;
  display: flex; }

.houses-list___addIcon___3r30g {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  margin-top: 5px;
  margin-right: 6px; }

.houses-list___editButton___3rOgH {
  width: 42.5px;
  height: 17px;
  background: #227DF9;
  border-radius: 15px;
  border: 1px solid #227DF9;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #FFFFFF;
  display: flex;
  position: absolute;
  right: 64.5px;
  top: 17px;
  cursor: pointer;
  z-index: 100; }

.houses-list___editPenIcon___qfOTp {
  width: 10.73px;
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.houses-list___parentHeadItemContainer___3aYnF {
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(1, 4, 30, 0.1);
  margin-top: 10px; }

.houses-list___deleteRedIcon___je6M4 {
  width: 12.73px;
  height: 15.66px;
  top: 16.59px;
  position: absolute;
  cursor: pointer;
  right: 30px; }

.houses-list___crossIcon___augQN {
  height: 12.53px;
  top: 19.59px;
  position: absolute;
  cursor: pointer;
  right: 80px; }

.houses-list___saveButton____Nqs0 {
  font-weight: 500;
  font-size: 13px;
  background: #227DF9;
  position: absolute;
  right: 110px;
  top: 12px;
  padding: 6px 15px;
  color: #FFFFFF;
  border-radius: 6px;
  cursor: pointer; }

.houses-list___deactivationHeader___3BnZ8 {
  position: absolute;
  right: 60px;
  top: 10px; }

.houses-list___moreButton___1cjfi {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 5px;
  border-radius: 50%; }

.houses-list___moreButton___1cjfi:hover {
  background: #F7F7F8; }

.houses-list___moreIconButton___vEWj9 {
  margin: 5px;
  width: 20px;
  z-index: 100;
  cursor: pointer; }

.houses-list___warningText___1p7zT {
  font-size: 10px;
  color: #FF3653;
  margin-left: 10px;
  margin-top: 5px;
  line-height: 10px;
  position: absolute;
  bottom: -13px; }

.houses-list___hostelToggleContainer___1jE36 {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px; }

.houses-list___hostelToggleText___3b7T7 {
  font-weight: 600;
  font-size: 13px;
  opacity: 0.6;
  line-height: 20px; }

.houses-list___sliderContainer___tNjg7 {
  position: absolute;
  right: 40px; }

.dropdown-menu___modalContainer___kzbku {
  width: 205.53px;
  position: absolute;
  top: 20px;
  z-index: 1;
  right: 50px;
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border: 1px solid #eeebeb; }

.dropdown-menu___modalItem___TOCX9 {
  position: relative;
  height: 47px;
  margin: 0;
  font-weight: 500;
  font-size: 13px;
  line-height: 47px;
  text-align: center; }

.dropdown-menu___modalItem___TOCX9:hover {
  color: #FFFFFF;
  cursor: pointer;
  background-color: #227DF9; }

.houses___alignItems___3aP_7 {
  display: flex;
  flex-flow: column; }

.houses___bottomCardRow___121h- {
  display: flex;
  margin-left: 19px;
  border-bottom: 1px solid #EEEBEB;
  position: relative;
  height: 79px; }

.houses___arrangeTags___2cHs0 {
  display: flex;
  flex-flow: column;
  position: absolute;
  max-width: 490px;
  margin-top: 18px;
  left: 87px; }

.houses___subHeadings___dCCg8 {
  font-size: 15px;
  font-weight: 600;
  color: #010430;
  margin-top: 3px; }

.houses___tagLineForSubHeading___zvSaK {
  color: #010430;
  opacity: 0.6;
  font-size: 11px;
  margin-top: 5px; }

.houses___arrowDown___1-HUc {
  position: absolute;
  width: 25px;
  height: 16px;
  right: 51px;
  margin-top: 37px;
  cursor: pointer; }

.houses___arrangeHeader___v5UG2 {
  display: flex;
  margin-top: 40px;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 16px;
  margin-left: 19px;
  margin-right: 36px; }

.houses___backNavigationIcon___2pDFp {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: -11px; }

.houses___headerBody___1C7HY {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: -15px; }

.houses___headerBodyDown___u_dtc {
  margin-left: 80px;
  font-size: 18px;
  color: #010430;
  margin-top: 10px; }

.houses___tagLine___x2Pyy {
  font-size: 13px;
  color: #010430;
  opacity: 0.6;
  margin-left: 84px;
  margin-top: 10px; }

.houses___bottomMainCard___2Hvbt {
  display: flex;
  flex-flow: column;
  width: 714px;
  border: 0.5px solid rgba(1, 4, 48, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 84px;
  margin-top: 28px;
  margin-bottom: 20px; }

.bulk-uploads___mainCard___jUVPT {
  display: flex;
  flex-flow: column; }

.bulk-uploads___header___1Mb2x {
  display: flex;
  flex-flow: row;
  height: 68px;
  background: #FFFFFF;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #F1F1F5; }

.bulk-uploads___users___3yhGB {
  display: inline;
  padding: 20px;
  font-weight: 800;
  font-size: 25px; }

.bulk-uploads___reportTime___29UlA {
  display: flex;
  margin-top: 20px;
  margin-left: 20px; }

.bulk-uploads___reportTypeText___3tj4_ {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px; }

.bulk-uploads___optionSelect___1jdrV {
  margin-left: 76px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

.bulk-uploads___arrangeHeader___1pcHP {
  display: flex;
  margin-top: 40px;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 16px;
  margin-left: 19px;
  margin-right: 36px; }

.bulk-uploads___backNavigationIcon___1p3j1 {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: -11px; }

.bulk-uploads___headerBody___2Famj {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: -15px; }

.bulk-uploads___headerBodyDown___1Rgz3 {
  margin-left: 80px;
  font-size: 18px;
  color: #010430;
  margin-top: 10px; }

.bulk-uploads___tagLine___2U0sm {
  font-size: 13px;
  color: #010430;
  opacity: 0.6;
  margin-left: 84px;
  margin-top: 10px; }

.bulk-uploads___uploadCard___3z-zv {
  padding: 20px;
  margin: 20px;
  background: #F2F3F7;
  border-radius: 10px;
  height: fit-content; }

.bulk-uploads___topCards___2Q-cG {
  display: flex; }

.student___sessionContainer___2TMUK {
  display: flex;
  margin-top: 10px;
  margin-left: 20px; }

.student___sessionText___Y-708 {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px; }

.student___selectSession___1T7HC {
  margin-left: 55px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

.student___generateReceiptButton___iLbhX {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 50px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: auto; }

.student___downloadSampleFile___1huYS {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.student___uploadButton___1AwKn {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: auto;
  height: fit-content;
  align-self: center; }

.student___docUploadParent___1kre9 {
  position: relative;
  width: 135px;
  height: 61px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex; }

.student___uploadDoc___1eh3p {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer; }

.student___displayImageDesign___2VBxE {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px; }

.student___docInfoContainer___1yYv4 {
  position: relative; }

.student___docName___2L2oP {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 14.61px; }

.student___docSize___2ZOzZ {
  opacity: 0.6;
  font-size: 9px;
  color: #010430; }

.student___crossRemoveImage___TB3gx {
  position: absolute;
  width: 15px;
  right: 5px;
  top: 3px;
  background: #fff;
  cursor: pointer;
  display: none;
  border-radius: 50%; }

.student___docUploadParent___1kre9:hover .student___crossRemoveImage___TB3gx {
  display: block; }

.student___pointsToRemember___2ENOJ {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.student___pointsTable___3I4tr {
  color: rgba(1, 4, 30, 0.8);
  margin-top: 20px; }

.student___bottomContainer___1k7K_ {
  padding: 20px;
  margin: 20px;
  background: #F2F3F7;
  border-radius: 10px; }

.student___iconsContainer___3KioV {
  display: flex; }

.excel-component___tableHeader___JIPFr {
  padding: 5px;
  border: 1px solid #010430;
  background: #f1f1f5;
  position: sticky;
  top: 0;
  z-index: 1;
  text-align: left; }

.excel-component___itemContainer___39_Q8 {
  padding: 0px 5px;
  white-space: nowrap;
  border: 1px solid #010430;
  position: relative; }

.excel-component___itemContainerInput___2CvI6 {
  white-space: nowrap;
  border: none; }

.excel-component___uploadButton___XqcTx {
  background: #227DF9;
  border-radius: 5px;
  height: 42px;
  width: 147px;
  margin-left: auto;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-top: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.excel-component___parentContainer___1vKZq {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 53px;
  background: #fff;
  padding: 0 20px; }

.excel-component___tooltip___3inh- {
  position: relative;
  display: inline-block; }

.excel-component___tooltip___3inh- .excel-component___tooltiptext___1tyLF {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1; }

.excel-component___itemContainer___39_Q8:hover .excel-component___tooltip___3inh- .excel-component___tooltiptext___1tyLF {
  visibility: visible; }

.excel-component___bottomTableContainer___1wtX_ {
  position: absolute;
  top: 80px;
  background: #fff;
  bottom: 0;
  left: 10px;
  right: 10px;
  overflow: scroll;
  padding-bottom: 20px; }

.excel-component___minimapContainer___36bux {
  position: absolute;
  top: 110px;
  background: #fff;
  bottom: 0;
  right: 0;
  width: 150px; }

.excel-component___addRowContainer___1ioCe {
  display: flex;
  width: 89.5px;
  height: 18px;
  margin-left: 30px;
  margin-top: 32px;
  cursor: pointer;
  user-select: none; }

.excel-component___plusIcon___2WKQn {
  width: 15px;
  height: 15px; }

.excel-component___addRowText___fxWD9 {
  margin-left: 10.5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #227DF9; }

.excel-component___redTrash___3IDUs {
  width: 11px;
  height: 14px;
  cursor: pointer;
  margin-right: 5px; }

.excel-component___arrangeHeader___3R6oa {
  display: flex;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 10px;
  margin-left: 19px;
  margin-right: 36px; }

.excel-component___backNavigationIcon___36PLw {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: 20px; }

.excel-component___headerBody___2Po7b {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: 15px;
  cursor: pointer; }

.excel-component___sectionFieldActive___3vKOi {
  display: inline-block;
  height: 42.29px;
  width: 237.64px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.excel-component___sectionP___3pbgj {
  padding: 14px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.excel-component___triangleUp___1K-g9 {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 16px; }

.excel-component___triangleDown___3Kknb {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 14px; }

.excel-component___sectionField___3IzZR {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  border-radius: 5px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer; }

.excel-component___sectionPActive___2a8bs {
  padding: 5px 15px;
  font-size: 11px;
  opacity: 0.8; }
  .excel-component___sectionPActive___2a8bs div {
    padding: 5px;
    font-size: 15px; }
    .excel-component___sectionPActive___2a8bs div span {
      font-weight: 500;
      font-size: 15px; }

.excel-component___classesList___1jFwE {
  position: absolute;
  top: 47px;
  left: 5px;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .excel-component___classesList___1jFwE p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .excel-component___classesList___1jFwE p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.excel-component___container___1tSag {
  display: block;
  margin-left: 16.69px;
  color: rgba(31, 49, 74, 0.7);
  margin-top: 25px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  line-height: 18px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.excel-component___container___1tSag input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.excel-component___checkmark___2wTeC {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 19px;
  border-radius: 4px;
  border: 1px solid rgba(31, 49, 74, 0.2);
  background-color: #F2F3F7; }

/* On mouse-over, add a grey background color */
.excel-component___container___1tSag:hover input ~ .excel-component___checkmark___2wTeC {
  background-color: #F7F7F8; }

/* When the checkbox is checked, add a blue background */
.excel-component___container___1tSag input:checked ~ .excel-component___checkmark___2wTeC {
  width: 19px;
  background-color: #0062FF;
  height: 18px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.excel-component___checkmark___2wTeC:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.excel-component___container___1tSag input:checked ~ .excel-component___checkmark___2wTeC:after {
  display: block; }

/* Style the checkmark/indicator */
.excel-component___container___1tSag .excel-component___checkmark___2wTeC:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.excel-component___bottomContainer___d1k7N {
  display: flex; }

.excel-component___cancelButton___3GFl7 {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }

.excel-component___saveButton___3oxQJ {
  height: 31px;
  width: 96px;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto; }

.staff___sessionContainer___2CgMx {
  display: flex;
  margin-top: 10px;
  margin-left: 20px; }

.staff___sessionText___1nq6v {
  color: rgba(1, 4, 30, 0.8);
  font-size: 15px; }

.staff___selectSession___2PLXR {
  margin-left: 55px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer; }

.staff___generateReceiptButton___uEfOZ {
  background: #1BCC63;
  border-radius: 5px;
  height: 42px;
  width: 277px;
  margin-left: auto;
  margin-top: 50px;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: auto; }

.staff___downloadSampleFile___1sz0R {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.staff___uploadButton___3qx9z {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer;
  margin-right: auto;
  height: fit-content;
  align-self: center; }

.staff___docUploadParent___CshJu {
  position: relative;
  width: 135px;
  height: 61px;
  background: #EEEBEB;
  border-radius: 10px;
  margin: 7px;
  display: flex; }

.staff___uploadDoc___2dpDR {
  width: 32.8px;
  margin: 5px;
  border-radius: 10px;
  object-fit: cover;
  cursor: pointer; }

.staff___displayImageDesign___1He28 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px; }

.staff___docInfoContainer___30S9N {
  position: relative; }

.staff___docName___26wbU {
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 14.61px; }

.staff___docSize___1WrXx {
  opacity: 0.6;
  font-size: 9px;
  color: #010430; }

.staff___crossRemoveImage___fshmF {
  position: absolute;
  width: 15px;
  right: 5px;
  top: 3px;
  background: #fff;
  cursor: pointer;
  display: none;
  border-radius: 50%; }

.staff___docUploadParent___CshJu:hover .staff___crossRemoveImage___fshmF {
  display: block; }

.staff___pointsToRemember___3zsUf {
  color: rgba(1, 4, 30, 0.8);
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  font-weight: 700; }

.staff___pointsTable___3ZxhZ {
  color: rgba(1, 4, 30, 0.8);
  margin-top: 20px; }

.staff___bottomContainer___27_7t {
  padding: 20px;
  margin: 20px;
  background: #F2F3F7;
  border-radius: 10px; }

.staff___iconsContainer___GiCfP {
  display: flex; }

.excel-component___tableHeader___1kBz9 {
  padding: 5px;
  border: 1px solid #010430;
  background: #f1f1f5;
  position: sticky;
  top: 0;
  z-index: 1;
  text-align: left; }

.excel-component___itemContainer___30CLu {
  padding: 0px 5px;
  white-space: nowrap;
  border: 1px solid #010430;
  position: relative; }

.excel-component___itemContainerInput___1CWfG {
  white-space: nowrap;
  border: none; }

.excel-component___uploadButton___2QDOp {
  background: #227DF9;
  border-radius: 5px;
  height: 42px;
  width: 147px;
  margin-left: auto;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  font-size: 16px;
  margin-top: 14px;
  display: flex;
  flex-flow: column;
  cursor: pointer; }

.excel-component___parentContainer___29Xww {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 53px;
  background: #fff;
  padding: 0 20px; }

.excel-component___tooltip___36erx {
  position: relative;
  display: inline-block; }

.excel-component___tooltip___36erx .excel-component___tooltiptext___1NURI {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1; }

.excel-component___itemContainer___30CLu:hover .excel-component___tooltip___36erx .excel-component___tooltiptext___1NURI {
  visibility: visible; }

.excel-component___bottomTableContainer___125pg {
  position: absolute;
  top: 80px;
  background: #fff;
  bottom: 0;
  left: 10px;
  right: 10px;
  overflow: scroll;
  padding-bottom: 20px; }

.excel-component___minimapContainer___2TFqa {
  position: absolute;
  top: 110px;
  background: #fff;
  bottom: 0;
  right: 0;
  width: 150px; }

.excel-component___addRowContainer___3K6ao {
  display: flex;
  width: 89.5px;
  height: 18px;
  margin-left: 30px;
  margin-top: 32px;
  cursor: pointer;
  user-select: none; }

.excel-component___plusIcon___3ME5g {
  width: 15px;
  height: 15px; }

.excel-component___addRowText___2XvAb {
  margin-left: 10.5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #227DF9; }

.excel-component___redTrash___3MWAX {
  width: 11px;
  height: 14px;
  cursor: pointer;
  margin-right: 5px; }

.excel-component___arrangeHeader___3VLK7 {
  display: flex;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 10px;
  margin-left: 19px;
  margin-right: 36px; }

.excel-component___backNavigationIcon___bwfzT {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: 20px; }

.excel-component___headerBody___1B77X {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: 15px;
  cursor: pointer; }

.excel-component___sectionFieldActive___3AAdf {
  display: inline-block;
  height: 42.29px;
  width: 237.64px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer;
  color: #227DF9;
  border: 2px solid #227DF9;
  border-radius: 5px; }

.excel-component___sectionP___x2sNt {
  padding: 14px;
  font-weight: normal;
  font-size: 13px;
  opacity: 0.8; }

.excel-component___triangleUp___17k6U {
  position: absolute;
  width: 7px;
  right: 12px;
  top: 16px; }

.excel-component___triangleDown___3RXW0 {
  position: absolute;
  width: 7px;
  right: 12px;
  bottom: 14px; }

.excel-component___sectionField___1IgRu {
  display: inline-block;
  height: 46.29px;
  width: 241.64px;
  border-radius: 5px;
  position: relative;
  background-color: #F2F3F7;
  cursor: pointer;
  overflow: hidden; }

.excel-component___sectionPActive___VYdiN {
  padding: 5px 15px;
  font-size: 11px;
  opacity: 0.8; }
  .excel-component___sectionPActive___VYdiN div {
    padding: 5px;
    font-size: 15px; }
    .excel-component___sectionPActive___VYdiN div span {
      font-weight: 500;
      font-size: 15px; }

.excel-component___classesList___2Pfxw {
  position: absolute;
  top: 46px;
  left: 5px;
  width: 240px;
  border-radius: 5px;
  box-sizing: content-box;
  background-color: #fff;
  z-index: 1;
  border: 1px solid rgba(1, 4, 48, 0.4); }
  .excel-component___classesList___2Pfxw p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
    padding-left: 15px; }
  .excel-component___classesList___2Pfxw p:hover {
    background-color: #227DF9;
    color: #fff;
    cursor: pointer; }

.excel-component___container___MVQxS {
  display: block;
  margin-left: 16.69px;
  color: rgba(31, 49, 74, 0.7);
  margin-top: 25px;
  font-size: 13px;
  font-weight: 550;
  position: relative;
  line-height: 18px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.excel-component___container___MVQxS input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.excel-component___checkmark___1Aviv {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 19px;
  border-radius: 4px;
  border: 1px solid rgba(31, 49, 74, 0.2);
  background-color: #F2F3F7; }

/* On mouse-over, add a grey background color */
.excel-component___container___MVQxS:hover input ~ .excel-component___checkmark___1Aviv {
  background-color: #F7F7F8; }

/* When the checkbox is checked, add a blue background */
.excel-component___container___MVQxS input:checked ~ .excel-component___checkmark___1Aviv {
  width: 19px;
  background-color: #0062FF;
  height: 18px;
  border-radius: 2px; }

/* Create the checkmark/indicator (hidden when not checked) */
.excel-component___checkmark___1Aviv:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.excel-component___container___MVQxS input:checked ~ .excel-component___checkmark___1Aviv:after {
  display: block; }

/* Style the checkmark/indicator */
.excel-component___container___MVQxS .excel-component___checkmark___1Aviv:after {
  left: 5px;
  top: 0px;
  width: 6px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.excel-component___bottomContainer___2cn_d {
  display: flex; }

.excel-component___cancelButton___16QcC {
  height: 29px;
  width: 96px;
  line-height: 29px;
  font-size: 13px;
  right: 131px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #92929d;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }

.excel-component___saveButton___2JRRN {
  height: 31px;
  width: 96px;
  text-align: center;
  line-height: 31px;
  right: 15px;
  color: #FFFFFF;
  font-weight: 400;
  background: #227DF9;
  border-radius: 5px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto; }

.back-navigation___arrangeHeader___2UEv- {
  display: flex;
  margin-top: 40px;
  border-bottom: 1px solid #EEEBEB;
  padding-bottom: 16px;
  margin-left: 19px;
  margin-right: 36px; }

.back-navigation___backNavigationIcon___oujxT {
  width: 22.5px;
  height: 17.5px;
  margin-left: 12.5px;
  cursor: pointer;
  margin-top: -11px; }

.back-navigation___headerBody___2YGc- {
  margin-left: 30px;
  font-size: 22px;
  color: #010430;
  margin-top: -15px; }

.messaging___alignPageItems___2sMoa {
  display: flex;
  flex-flow: column; }

.messaging___bottomText___30w79 {
  color: #010430;
  width: 760px;
  opacity: 0.6;
  font-size: 13px;
  margin-top: 10px;
  margin-left: 84px; }

.messaging___mainContent___1c-C5 {
  border-radius: 10px;
  width: 803px;
  height: 355px;
  margin-top: 37px;
  display: flex;
  flex-flow: column; }

.messaging___blockedUsersImage___1hSer {
  width: 198px;
  height: 220px;
  margin-top: 34px;
  margin-left: 243px; }

.messaging___blockedUsersContentLine___2bHwx {
  font-weight: 500;
  margin-top: 21px;
  font-size: 15px;
  margin-left: 237px;
  color: #010430;
  opacity: 0.6; }

.blocked-users___mainContent___JD8q3 {
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 3px;
  background: #F2F3F7;
  width: 714px;
  margin-top: 28px;
  /* align-self: center; */
  display: flex;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  min-height: 54px;
  margin-left: 84px;
  flex-wrap: wrap;
  padding-bottom: 20px; }

.blocked-users___blockElementContainer___3XSC1 {
  display: flex;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 14px; }

.blocked-users___userAvatar___2NoYM {
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  color: #FFFFFF;
  text-transform: capitalize;
  border-radius: 50%; }

.blocked-users___nameHeading___1zhXu {
  margin-left: 20px;
  font-size: 13px;
  font-weight: 400;
  margin-top: 10px;
  width: 138px; }

.blocked-users___userUnblockOption___2be6q {
  font-weight: 500;
  font-size: 15px;
  color: #227DF9;
  cursor: pointer;
  margin-top: 13px;
  margin-left: 7px; }

.blocked-users___modalHeader___3vnCP {
  display: flex;
  width: 449px;
  height: 43px;
  border-radius: 15px 15px 0px 0px;
  background: #EEEBEB;
  position: relative; }

.blocked-users___headerContent___2HT7c {
  font-weight: 500;
  font-size: 15px;
  opacity: 0.9;
  color: #010430;
  margin-left: 25px;
  margin-top: 12px; }

.blocked-users___headerCrossIcon___32U82 {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 12px;
  width: 13px;
  cursor: pointer; }

.blocked-users___modalContent___2SLH4 {
  font-weight: 500;
  font-size: 15px;
  color: #010430;
  opacity: 0.9;
  margin-left: 8px;
  width: 418px;
  margin-top: 13px;
  padding-bottom: 16px;
  padding-left: 17px;
  border-bottom: 1px solid #DEDEDE; }

.blocked-users___modalFooterContainer___30yz_ {
  width: 449px;
  display: flex;
  margin-top: 13px;
  position: relative; }

.blocked-users___modalCancelButton___3CGO5 {
  width: 73px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #010430;
  opacity: 0.6;
  background: #FFFFFF;
  color: #010430;
  position: absolute;
  right: 102px;
  cursor: pointer; }

.blocked-users___modalSubmitButton___1ZV6b {
  width: 73px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #010430;
  background: #227DF9;
  color: #FFFFFF;
  position: absolute;
  right: 15px;
  cursor: pointer; }