/* general */
body {
    background-color: #f8f9fa;
}

/* login */
#login-card {
    border-radius: 0;
    border: none;
}

#login-card .card-header {
    border-bottom: none;
}

#login-card .card-group .card {
    border-bottom: none;
    border-radius: 0;
}

#login-logo {
    width: 60%;
}

#login-btn-google {
    width: 191px;
}

.login-alerts p {
    margin: 0;
}

/* navbar */
#main-navbar {
    border-bottom: 1px solid #cecece;
}

#navbar-avatar  {
    width: 24px;
    vertical-align: top;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1.0);
}

/* section list (sidebar) */
.list-group-flush.navbar-nav :not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.125);
}
#sidebar .list-group-item.disabled {
    border: none;
    color: #51585e;
}

/* section: quiz */
.section-quiz .list-group-item div span.badge {
  line-height: 1.4;
}

/* section: video */
.section-video .video-thumbnail {
  width: 128px;
  height: 128px;
}

.section-video .related-quizzes {
  padding-left: 30px
}

/* discussions comments */
.user-thumbnail {
    width: 100%;
    height: 400px;
}

/* course home (info) */
#course-details .card-footer {
    border-top: none;
}

.course-info tr:first-child td,
.course-info tr:first-child th{
    border-top: none;
}

.course-info .th-small {
    width: 12%;
}

/* text */
.highlight {
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.15);
}

.text-underline-dashed {
  text-decoration:underline;
  text-decoration-style: dotted;
}

.item-description p:last-child {
    margin-bottom:0;
}

/* quiz with video */
.video+.quiz > .card-body {
    max-height: none;
    min-height: 200px;
    overflow-y: auto;
}

.video+.quiz .card-body form {
    margin-bottom: 0;
}

/* quiz: likert scale */
.likert {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 10px;
}

.likert label {
    margin: 0;
}

.likert .item:first-child:before {
    left: 50%;
    width: 50%;
}

.likert .item:last-child:before {
    right: 50%;
    width: 50%;
}

.likert .item:before {
    left: 0;
    width: 100%;
    content: "";
    position: relative;
    top: 9px;
    display: block;
    background-color: #efefef;
    height: 4px;
}

.likert .item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
}

.likert .item input[type="radio"] {
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -6px;
}

.likert-legend {
    font-size: 0.9rem;
}

.likert-legend p {
    margin: 0;
}

/* buttons with labels (icons) */
.btn-right{
    float: right;
    margin-top: -46px;
}
.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0,0,0,0.15);
    border-radius: 3px 0 0 3px;
}
.btn-sm .btn-label {
    /* padding: 6px 14px; */
    left: -8px;
}
.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}
/* video player */
#card-video-player {
    height: 80vh;
}

#card-video-player .card-body,
#video-player {
    height: 95%;
}

#video-closedcaption-info {
    font-size: 0.9em;
    padding: 0.5em;
    color: white;
}

#video-closedcaption-info p {
    margin-bottom: 0.5em;
}

#video-closedcaption-info ul {
    margin-bottom: 0;
}

/* shepherd */
.shadow-md {
  -webkit-box-shadow: 0 0 7px 0 rgba(50, 50, 50, 0.7);
  -moz-box-shadow:    0 0 7px 0 rgba(50, 50, 50, 0.7);
  box-shadow:         0 0 7px 0 rgba(50, 50, 50, 0.7);
}

/* language selector */
.language-selector {
    background-color: rgba(0,0,0,0.03);
}

/* interactive games */
.preserve-linebreaks {
    white-space: pre-line;
}

.game-draggable-drop_column {
    height: 100%;
    min-height: 60px;
}

.game-draggable-item {
    padding: 0.5em 1.4em 0.5em 0.5em;
}

.game-draggable-hand {
    cursor: pointer;
}

.correct-item {
    color: #0f5132;
    background-color: #d1e7dd;
    background-image: url('../img/checkmark.png');
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    background-size: 15px;
}

.incorrect-item {
    color: #842029;
    background-color: #f8d7da;
    background-image: url('../img/cross.png');
    background-position: calc(100% - 5px);
    background-repeat: no-repeat;
    background-size: 15px;
}

/* PDF */
.pdfobject-container {
    height: 400px;
}

/* footer */
#language {
    width:200px;
    display: inline-block;
}

.footer-logos img {
    width: 200px;
}


/* quiz items */
.quiz .card-body li label {
    display: block;
}

/* quiz items navigation */
/* The dot/bullet/indicator container */
/* .dot-container {
  text-align: center;
  padding: 20px;
  background: #ddd;
} */

/* The dots/bullets/indicators */
/* .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} */

/* Add a background color to the active dot/circle */
/* .dot.active, .dot:hover {
  background-color: #717171;
} */