@import url("../../../assets/css/tya-theme-colors.css");

a:not(.tya_btn) {
  color: var(--tya-body) !important;
}
a:not(.tya_btn):hover {
  color: var(--tya-body) !important;
  text-decoration: intial !important;
  background-color: var(--tya-sliver1);
}
a.tya_btn:hover {
  color: white !important;
}
a.tya_secondary_btn:hover {
  color: white !important;
}

.accordion-item {
  margin-bottom: 1rem;
}
.accordion-button {
  background-color: var(--tya-sliver1) !important;
}
.accordion-button::after {
  display: none !important;
}
.accordion-button[aria-expanded="true"] {
  background-color: var(--tya-darkgreen) !important;
  color: white !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 7px 20px 0 !important;
}
.accordion-button[aria-expanded="true"] .fas {
  color: white !important;
}
.accordion-button[aria-expanded="true"] .fa-plus::before {
  content: "\f068";
}
.accordion-body {
  padding: 0 !important;
}
.accordion-body .pupil-footer,
.accordion-body .pupil-info {
  padding: 1.25rem 2rem;
}
.accordion-body .pupil-footer {
  background-color: var(--tya-sliver1);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.progress {
  height: 27px !important;
  border-radius: 0.4rem !important;
  position: relative;
}
.progress-bar {
  text-align: end !important;
  padding-right: 5px;
  border-radius: 0.4rem !important;
  color: var(--tya-body) !important;
  min-width: 27px;
}
.progress-threshold {
  left: 80%;
  width: 5px;
  height: 100%;
  z-index: 2;
  background-color: rgba(174, 180, 186, 0.5);
  position: absolute;
}
.shadowed-box {
  padding: 1.25rem;
  box-shadow: rgba(0, 0, 0, 0.15) 0 7px 15px 0;
}

.attachement {
  border-top: 2px solid var(--tya-sliver2);
}

.attachement button {
  min-width: auto;
}

.interview-form button {
  min-width: auto;
  width: 100%;
}

.tooltip-container {
  position: relative;
}

.tooltip-container .tooltip {
  position: relative;
}

.tooltip-container .tooltip i {
  font-size: 16px;
}

.tooltip-container .tooltip b {
  font-size: 16px;
}

.tests-list-container .accordion-body i {
  font-weight: 900;
}

.tests-list-container .test-education {
  padding-left: 1.75rem;
}
.right-side-container {
  box-shadow: -10px 0 10px -2px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 1;
}

a.disabled {
  opacity: 0.5;
  pointer-events: none !important;
}

.test-group .test-row {
  border-bottom: var(--tya-sliver1) 3px solid;
}
.test-group .test-row:last-child {
  border-bottom: none !important;
  margin-bottom: 1.5rem;
}
.private-check-confirm {
  margin: 4px !important;
  margin-bottom: 12px !important;
}

.test-group .test-row.no-access {
  opacity: 0.6;
}

/* 
* Invite user
*/

.add-existing-student {
  display: none;
}

/* 
* Background information
*/
.tooltip .tooltiptext.tooltiptop.background-information {
  box-shadow: rgb(0 0 0 / 15%) 0 7px 15px 0;
}

/* 
* User information
*/

#kontaktinfo input:disabled {
  cursor: default;
  opacity: 1;
  background-color: #f0f2f366;
}

.copy-button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.copy-button:hover {
  color: var(--tya-primary);
}

#kontaktinfo .hidden,
#kontaktinfo .show {
  display: none;
}

#kontaktinfo #create-user-error {
  display: none;
}

/* 
* Client information
*/

#bestallare input:disabled {
  cursor: default;
  opacity: 1;
  background-color: #f0f2f366;
}

#bestallare .hidden {
  display: none;
}

#bestallare #create-user-error {
  display: none;
}

/**
* Part edit areas
*/

.break-row-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.5rem;
  grid-auto-flow: column;
  /* grid-template-rows: repeat(var(--break-row), 1fr); */
  grid-template-rows: repeat(var(--break-row), auto);
}

@media screen and (max-width: 768px) {
  .break-row-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}

/* 
* Media querys
*/

.val-print .val-print-part .col-12 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

@media print {
  body,
  html {
    margin: 10mm 20mm;
    width: 210mm;
    height: 90%;
    size: A4;
  }
  .val-print {
    -webkit-print-color-adjust: exact;
  }

  .site-header,
  #site-footer,
  .cookie-banner {
    display: none !important;
  }

  .val-print-part {
    page-break-inside: avoid;
    margin-top: 10mm !important;
  }
}

.start_test {
  cursor: pointer;
}

#no-personalnumber-validation {
  margin-left: 0;
}

.checkbox-label {
  margin-left: 2.2rem;
}

@media (max-width: 768px) {
  .checkbox-validation {
    align-items: start !important;
  }
}

.add-user-logg-input-validation {
  border-bottom: 1px solid #dadfe2;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .floatlabel-input-validation {
    flex: 0 0 48% !important;
    max-width: 48% !important;
  }
}

/* 
* Teacher add existing user
*/

.tya-user-search-header-info .add-student-connection {
  position: absolute;
  right: 0;
  width: 70px;
  height: 100%;
  border-radius: 0;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  font-size: 16px;
  color: #fff;
  background-color: #314F38;
  transition: background-color 0.3s;
}