@media  (min-width: 1200px) {
  .container{
    max-width: 1160px;
  }
}

@media  (min-width: 1400px) {
  .container{
    max-width: 1160px;
  }
}

@media  (min-width: 1920px) {
  .container{
    max-width: 1160px;
  }
}

// Header background
.bg-dusty-teal{
  .top-header-wrapper,
  .course-inner-header{
    background-color: #459384
  }
}

.bg-sundown{
  .navbar-student-landing{
    background-color: #f4b4b4
  }
}

.navbar-wrapper{
  .user-profile{
    cursor: pointer;
  }
}

.nav-link{
  cursor: pointer;
}

.dashboard-wrapper{
  background: var(--#{$variable-prefix}light-gray-background);
}

.lang-dropdown-wrapper.dropdown-select {
  .flagicon-label{
    padding: 5px 34px 5px 10px;
    font-size: .75rem;
    background: var(--#{$variable-prefix}light-gray-background);
    border-radius: 4px;
    .flagicon {
      width: 15px;
      line-height: 0;
    }
  }
  .caret-icon{
    right: 12px;
    transform: translateY(-50%) rotate(90deg) scale(0.7);
  }
  &.lang-dropdown-plain-wrapper{
    .flagicon-label{
      padding: 5px;
      color: #fff;
      background: transparent;
      border-radius: 15px;
    }
    .caret-icon{
      right: 6px;
      color: #fff;
    }
    .leading-icon{
      margin: -8px;
      padding: 0 18px 0 0;
      background: transparent;
      &:hover,
      &:focus{
        border-color: #c6c8de;
      }
    }
    .dropdown-item{
      padding: 10px 5px;
    }
    &.show{
      .leading-icon{
        padding: 0 18px 0 0;
        background: transparent;
        border-color: #c6c8de;
        &:hover,
        &:focus{
          border-color: #c6c8de;
        }
      }
    }
  }
}

.course-reminder-modal{
  padding: 10px;
  border: 2px solid rgba(71, 75, 137, .4);
  border-radius: 0;
  .course-reminder-content{
    padding: 40px 30px;
    color: #fff;
    background: var(--#{$variable-prefix}primary-color-hex);
    .modal-title{
      max-width: 270px;
      font-size: 13px;
      letter-spacing: 0;
      color: #fff;
    }
    p{
      margin-bottom: 20px;
      font-size: 11px;
      letter-spacing: 0;
      color: #ededed;
      &:last-child{
        margin-bottom: 0;
      }
    }
  }
}