body {
  background-color: rgba(237, 237, 248, 0.6);
  font-family: 'Rubik', sans-serif;
}

.btn-primary {
  background-color: #584EA0;
  border-color: #584EA0;
  padding: 8px 25px;
  border-radius: 2em;
}

a.nav-link:hover {
  color: #fff;
}

.font-weight-md {
  font-weight: 300;
}

.classes {
  background-color: #f6f6fb;
  position: relative;
  padding: 100px 0 150px;
}

.classes .title {
  text-align: center;
}

.tab-card {
  border: 1px solid #eee;
}

.tab-card-header {
  background: none;
}

/* Default mode */
.tab-card-header>.nav-tabs {
  border: none;
  margin: 0px;
}

.tab-card-header>.nav-tabs>li {
  margin-right: 2px;
  border-right: 1px solid #eee;
}

.tab-card-header>.nav-tabs>li>a {
  border: 0;
  border-bottom: 2px solid transparent;
  margin-right: 0;
  color: #737373;
  padding: 2px 15px;
}

.tab-card-header>.nav-tabs>li>a.show {
  border-bottom: 2px solid #007bff;
  color: #007bff;
}

.tab-card-header>.nav-tabs>li>a:hover {
  color: #007bff;
}

.tab-card-header>.tab-content {
  padding-bottom: 0;
}

.card-header-tabs {
  justify-content: space-between;
}

.card-header {
  padding: 0;
}

.tab-card-header>.nav-tabs>li>a {
  padding: 12px 50px 8px;
}

.rounded {
  border-radius: 1.25rem !important;
}

.classesBottomBg {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.calender-round {
  position: absolute;
  left: 50%;
  top: -50px;
  background-color: #fff;
  padding: 25px;
  border-radius: 50px;
  box-shadow: 0 4px 4px #0000002e;
  transform: translate(-50%, 0px);
}
.classes h4{
  color: #352F61
} 
.classes h6{
  color: #423A7A
}
.classes p{
  color: #352F61;
}
/* .classes .tab-content {
  max-height: 300px;
  overflow-y: auto;
} */

.classes .table {
  text-align: center;
  height: 190px;
  overflow-y: auto;
}

.classes tr {
  background-color: #f6f6fb;
}

.classes thead tr {
  background-color: #ffffff;
}

.classes .table td,
.table th {
  border: none;
}

.tab-card-header>.nav-tabs>li>a, .tab-card-header>.nav-tabs>li>a:hover{
  color: #a8a8a8;
}
.cusom-card-tabs{
      padding: 0 !important;
}
.tab-card-header>.nav-tabs>li>a.active{
  border-bottom: 3px solid #6FC8BD;
  color: #352F61 !important;
}
.hover-shadow:hover{
  box-shadow: 0 0px 20px #00000020;
}
.classes p {
margin-bottom: 0rem;
}
.row.classes-row {
  border-bottom: 1px solid lightgray;
  padding: 15px 10px 12px;
}
/*backend*/
.class-join{
  border-radius: 25rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.btn-outline-primary {
  color: #584EA0!important;
  border-color: #584EA0!important;
}
.btn-outline-primary:hover {
  color: #fff !important;
  background-color:  #fff!important;
  border-color: #584EA0!important;
}

.btn-outline-primary a{
  color: #584EA0!important;
}

/*backend*/
/* ------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

  .tab-card-header>.nav-tabs>li>a{
      padding: 12px 24px 8px;
  }
  .tab-card-header>.nav-tabs>li{
      border-right: none;
  }
  .d-none-sm{
      display: none;
  }
  .classes .tab-content{
      max-height: 400px;
  }
  .mt-2-sm{
      margin-top: 15px;
  }
}