/* .standard-list-margin-top{
    margin-top: 3% !important;
} */

body,html { 
	font-family: 'Poppins', sans-serif !important;
  }

.page-container-bg-solid .page-bar, .page-content-white .page-bar {
  margin: 50px -20px 15px !important;
}

.mdl-textfield__input_color {
    color: #fff!important;
}
.modal-xl {
    max-width: 80% !important;
}
.stud-profile-card {
    height: 100vh;
}
.card-topline-aqua {
    border-top: 3px solid #000;
}
.student-subject-accordions-button{
    background: #e44f56 !important ;
    color: #fff;
}
.btn-approve{
    background: green;
}
.btn-disapprove{
    background: red;
}
.preload 
{ 
    width: 135px;
    height: 135px;
    top: 50%;
    left: 50%;
    display: none;
    position: fixed;
    text-align: center;
    border-radius: 10px;
    z-index: 9999;
    background-color: #343b65;
}
.content-table-time-font-size-staff{
    font-size: 12px;
}
.no-student-material-available{
    color: red;
}

.lg-backdrop, .lg-outer { z-index: 9999 !important; }

.student-logo{
    height: 150px;
    width: 150px;
}
.dots{
    list-style-type: square;
}
.student-content-view-all-content-button{
    /* font-size: 12px;
    border-radius: 10px; */
    background-color: #e44f56;
    color: #fff;
}

hr.student{
    border: 0px solid #000;
    background: #000;
}
.clickable{
    cursor: pointer;
}
.form-opacity{
    opacity: 0.4;
}
.display-none{
    display: none;
}
.student-home{
    margin-top: 4% !important;
}
.course-box h4 {
    min-height: 60px;
    max-height: 60px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.main-preview-player {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height:80vh;
}

.video-js,
{
  position: relative;
  min-width: 300px;
  min-height: 150px;
  height: 0;
}

.video-js {
  flex: 3 1 70%;
}

.playlist-container {
  flex: 1 1 30%;
  position:relative;
}

.vjs-playlist {
  margin: 0;
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
}
.vjs-playlist .vjs-playlist-item .vjs-playlist-duration {
    top: 1em;
    left: 1.5em;
    background-color: rgb(255, 255, 255);
    border-radius: 0.5em;
    color: rgb(0, 0, 0);
    font-size: 13px;
    font-weight: bold;
    padding: 0.2em 0.8em;
}
        .vjs-playlist .vjs-playlist-item {
    margin-left: 1em;
    height: 9em;
    outline: currentcolor none medium;
}
.vjs-playlist .vjs-playlist-item:not(:first-child) {
    margin-top: 1em;
}

#videoGallery .modal-lg { max-width: 65vw !important; }

#stud_address { width: 60vw; }

/************* MEDIA QUERIES ******************/
@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */
  .main-preview-player {
    flex-direction: column;
    height: 100vh;
  }
  #videoGallery .modal-lg {
    max-width: 95vw !important;
  }
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
  .main-preview-player {
    flex-direction: column;
    height: 100vh;
  }
  #videoGallery .modal-lg {
    max-width: 95vw !important;
  }
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  .main-preview-player {
    flex-direction: column;
    height: 100vh;
  }
  #videoGallery .modal-lg {
    max-width: 95vw !important;
  }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
  .main-preview-player {
    flex-direction: row;
  }
  #videoGallery .modal-lg {
    max-width: 65vw !important;
  }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
.receipt-logo-size{
  width: 150px;
}

.fa-key{
  margin: -1px !important;
}
.fa-plus{
  color: #fff !important;
}
.add-student-for-mail{
  border-right: 1px solid #000;
}
.emailer-student-table{
    overflow-y:auto;
    height:350px;
    display:block;
}
.emailer-sended-table{
    overflow-y:auto;
    height: 150px;
    display:block;
}
.emailer-sended-to{
    overflow-y:auto;
    height: 60px;
    display:block;
}
.emailer-sended-table-th{
  width: 82%;
}
.table-student-name-for-email-th{
  width: 78%;
}
.selected-student-table-action-for-email-th{
  width: 16%;
}
.mail-send-to{
  background-color: #fff !important;
}

.student-and-staff-mail-view-hr{
  margin: 13px auto;
}

.view-and-add-student-in-mailer{
  margin-top: 32px;
}

.category-image-diaply-datatable{
  height: 100px;
}
.user-profile-image{
  height: 217px;
}
.page-header-inner {
  background: #000;
}
.dark-sidebar-color .sidemenu-container {
  background-color: #000 !important;
}
.page-footer {
  position: relative;
  padding: 10px 5px 30px;
  font-size: 13px;
  background-color: #000 !important;
}
.nav-icon-color{
  color: gold !important;
}
.nav-logo{
  margin-left: 24%;
}
.nav-logo-name{
  margin-left: 30% !important;
}