/*
 * Rating Styles
 */

.assisto-lessons-rating {
    float: left;
}
.assisto-lessons-rating:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}
.assisto-lessons-rating:not(:checked) > label {
    float: right;
    width: 1em;
    font-size: 240%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    color: #ddd;
}
.assisto-lessons-rating:not(:checked) > label:before {
    content: '★ ';
}
.assisto-lessons-rating > input:checked ~ label,
.assisto-lessons-rating:not(:checked) > label:hover,
.assisto-lessons-rating:not(:checked) > label:hover ~ label,
.assisto-lessons-rating > input:checked + label:hover,
.assisto-lessons-rating > input:checked + label:hover ~ label,
.assisto-lessons-rating > input:checked ~ label:hover,
.assisto-lessons-rating > input:checked ~ label:hover ~ label,
.assisto-lessons-rating > label:hover ~ input:checked ~ label {
    color: #999;
}
.assisto-lessons-rating > label:active {
    position: relative;
    top: 2px;
    left: 2px;
}


/* lesson state styles */

.tx-assistolessons .btn.btn-disabled {
    color: #bbb;
}
.tx-assistolessons .card.exercise .card-footer .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


/* finish exercise button */
.btn.finish-exercise {
    width: 100%;
    padding: 15px;
    font-size: 32px;
    border-radius: 30px;
    font-weight: 600;
    box-shadow: 0px 6px 0px #005e68;
}

.btn.finish-exercise:hover {
    box-shadow: none;
    transform: translate(0, 6px);
    transition: all .2s ease-in-out;
}

/* rating */

body .assisto-lessons-rating > input:checked ~ label, 
body .assisto-lessons-rating:not(:checked) > label:hover, 
body .assisto-lessons-rating:not(:checked) > label:hover ~ label, 
body .assisto-lessons-rating > input:checked + label:hover, 
body .assisto-lessons-rating > input:checked + label:hover ~ label, 
body .assisto-lessons-rating > input:checked ~ label:hover, 
body .assisto-lessons-rating > input:checked ~ label:hover ~ label, 
body .assisto-lessons-rating > label:hover ~ input:checked ~ label  {
    color: #ffbd46;
}


/* text item label */

.text-label {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.text-label .pencil-svg {
    margin-right: 10px;
}

/* Loader */
/** Loader  */
#loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  overflow: visible;
  display: flex;
  justify-content: center; }

#loader .loader {
  position: absolute;
  top: 50%;
  z-index: 9999;
  margin-left: 0 !important;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  vertical-align: text-bottom;
  border: 0.5em solid #005e68;
  border-right-color: #005e68;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite; }

#loader-imagepreload {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

#loader .loader .loadertext {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

#loader .loader-overlay {
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9998;
  display: block; }

  /* Forward/Backward Buttons */
  .btn.forward-btn, .btn.backward-btn {
    background: transparent;
    border: none;
    color: #005e68;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

.tx-beranetplus #c113 {
  padding-top: 0;
}

@media (min-width: 576px) {
  .modal-dialog.complete-registration {
    max-width: 800px;
  }
}

.card.card-hover:hover,
.card.card-hover:focus {
    background-color: #f8f9fa;
}