/* TEMP */
hr.section-split { 
  border: 1px solid red; 
  margin: 100px 0;
}

.body-header {
  margin-bottom: 3rem;
}

.hidden {
  display: none;
}

hr {
  margin: 1.75rem 0;
  background-color: transparent;
  border-top: 1px solid #cdcdcd;
  max-width: 100% !important;
  border-bottom: none !important;
}

.checkbox-toggle-swtich {
  margin-top: 16px;
}

.checkbox-toggle-swtich  .info-popup, .reverse-lookup .info-popup {
  position: absolute;
  top: 0;
  left: 10rem;
  z-index: 10;
  margin: 0;
}

.checkbox-toggle-swtich .info-popup {
  position: relative;
  left: 0;
  margin: 0 0 0 16px;
}

.checkbox-toggle-swtich .info-popup > div {
  position: absolute;
  width: 320px;
}

.reverse-lookup .info-popup {
  position: absolute;
  right: 0;
  left: auto;
}

/* Accordion */
.dlup-accordion { 
  margin-bottom: 48px; 
  font-size: 1rem;
}

.dlup-collapsable {
  margin-bottom: 6px;
  border-radius: 5px;
}

.accordion-toggle:hover, .dlup-bg-gray, 
.dlup-dealer-list .dlup-domain-list a:hover {
  background-color: #f5f5f5;
}

.dlup-accordion .dlup-collapse-toggle {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.dlup-accordion .dlup-collapsable-body { 
  padding: 0 1rem; /* changed to rem */
  overflow: hidden;
  transition: height 0.35s linear;
  height: auto;
  display: block;
}

.dlup-accordion .dlup-collapsable-body[data-collapsed="true"] {
  height: 0;
}

.dlup-collapsable-heading .dlup-collapse-toggle {
  color: #fff;
}

.dlup-icon::before {
  top: 0.85rem; /* changed from .25rem; */
}

.expanded .dlup-icon::before {
  transform: rotate(180deg);
}

/* Index */
/* fra publikums-web og teknisk web */
.nrd-index {
  margin-top: 2.25rem;
}

.nrd-index strong { 
  position: relative; 
}

.nrd-index strong::before {
  content: "";
  position: absolute;
  left: -38px;
  top: -4px;
  display: block;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTkuOTk5OTIsMTJsLTEuNDEtMS40MS01LjU5LDUuNThWNGgtMlYxNi4xN2wtNS41OC01LjU5TDMuOTk5OTIsMTJsOCw4WiIvPjwvc3ZnPg==') no-repeat 50% 50% #cdcdcd;
  background-size: 1.5rem 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}

.nrd-index ul {
  padding: 0;
  list-style: none;
  margin-top: .25rem;
  margin-bottom: 5rem;
}

.nrd-index li {
  color: #414dba;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: .25rem;
}

.nrd-index a {
  color: #414dba;
}

/* Fra norid.no */
input {
  font-weight: 400;
}

.info-general,
.info-confirm,
.info-popup__content,
.info-warning,
.info-error {
  color: #000; /* Changed to black */
  font-weight: 400; /* Changed */
  display: block;
  border-radius: 2px;
  margin: 0.5rem 0;
}

.info-popup__content {
  display: none;
}

.info-general .nrd-icon,
.info-confirm .nrd-icon,
.info-attention .nrd-icon,
.info-warning .nrd-icon, 
.info-error .nrd-icon {
  margin-right: 0.5rem;
}

button.nrd-button__secondary {
  border: 1px solid #27317a;
  background-color: transparent;
  color: #27317a;
  padding: 0.188rem 1.5rem; /* NOTE THIS */
}

dl {
  margin-bottom: 0;
}

dt {
  line-height: 1.25rem;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
  font-weight: 400;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  min-width: 35%;
  margin-right: .5rem;
  overflow-wrap: break-word;
}

dd {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 65%;
  flex: 1 0 65%;
  max-width: calc(65% - 8px);
  overflow-wrap: break-word;
}

.nrd-link--add {
  margin-top: 0.5rem;
}

/* Specific for DNS test */
.dns-check__form {}

.dns-check__form fieldset {
  border: 0;
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

.dns-check__form fieldset .nrd-icon {
  margin-left: 0.5rem;
}

@media (max-width: 767px) {
  .dns-check__form fieldset .nrd-icon {
    margin-left: 0;
  }
}

.dns-check__form fieldset:hover {
  background-color: #F5F5F5;
}

.dns-check__form__two-fields {
  grid-template-columns: 1fr 1fr 40px;
}

@media (max-width: 767px) {
  .dns-check__form__two-fields {
    grid-template-columns: 1fr 1fr 32px;
  }
}

.dns-check__form__four-fields {
  grid-template-columns: 1fr 1fr 1fr 1fr 40px;
}

@media (max-width: 767px) {
  .dns-check__form__four-fields {
    grid-template-columns: 1fr 1fr 32px;
  }
}

.dns-check__form__two-fields input, 
.dns-check__form__four-fields input {
  max-width: 100%;
}

.dns-check__form__four-fields .dns-check__form__input-field {
  width: calc(25% - 8px);
}

.dns-check__form fieldset label {
  float: left;
  clear: none;
  margin-right: 0.5rem;
}

.dns-check__form fieldset label:last-child {
  margin-right: 0;
}

.dns-check__form__fieldset-remove {

}

@media (max-width: 767px) {
  .dns-check__form__fieldset-remove {
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
  }
}

.dns-check__form__fieldset-remove .nrd-icon {
  width: 2.3rem;
  height: 2.3rem;
  background-size: 1.5rem;
  margin-top: 0;
}

.dns-check__test-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.dns-check__test-list li {
  margin-left: 0;
  margin-bottom: 1rem;
  padding-left: 0;  
}

@media (min-width: 768px) {
  .dns-check__form__test-config {
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .dns-check__form__test-config {
    display: block
  }
}

.dns-check__form__test-config__ipv {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .dns-check__form__test-config__ipv {
    margin-bottom: 0;
  }  
}

.dns-check__form__test-config__profile {
  display: block;
}

@media (min-width: 768px) {
  .dns-check__form__test-config__profile {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

.dns-check__form__test-config__ipv label, 
.dns-check__form__test-config__ipv span { 
  display: inline-block;
}

.dns-check__form__test-config__profile span { 
  display: inline-block; 
  margin-right: 0.5rem;
}

.dns-check__form__test-config__profile select { 
  width: 80%;
} 

.dns-check__check-result__header { 
  background-color: #f5f5f5; 
  padding: 1rem;
  margin-bottom: 2rem;
} 

.dns-check__check-result__heading { 
  margin-top: 0; 
  margin-bottom: 0;
}

.dns-check__result-section-status {
  float: right;
  padding-right: 1rem;
}

.dns-check__result-section-status span {
  margin-left: 8px;
}

.js-info-content--right-aligned {
  position: absolute;
  right: 0;
}

/* TODO Sjekk med Stian om generelle float classes */
.dns-check__check-result__links { 
  margin-top: 2rem; 
  margin-bottom: 2rem;
}

.copy-link {
  display: block;
  margin-top: 8px;
  position: relative;
}

@media (min-width: 768px) {
  .copy-link {
    float: right;
    margin-top: 0;
  }
}

.copy-link input {
  width: 1px;
  height: 1px;
  border: none;
  position: absolute;
  padding: 0;
}

.copy-link input:focus {
  outline: none;
}

.reverse-lookup { 
  position: relative;
  padding-right: 2rem;
  margin-right: 2.5rem;
  float: right;
  width: 140px;
}

.back-link { 
  margin: 0 0 2rem 1rem; 
  display: block;
}

.dns-check__result__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dns-check__result__list li {
  position: relative;
  padding: 0;
  margin: 0 0 0 1.6rem;
}

.dns-check__result__list .nrd-icon { 
  position: absolute;
  left: -2rem;
  top: 0.15rem;
}

/**
 * Clonable elements shall be hidden
 */
.clonable {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  padding: 0 !important;
}

.c-teknisk-search-form {

}

.c-teknisk-search-form__form {
  display: grid;
  grid-template-columns: auto auto;
}

.c-teknisk-search-form__button-wrap__button {
  min-height: 40px;
}

@media (max-width: 767px) {
  .c-teknisk-search-form__button-wrap__button {
    min-width: 0;
  }
}

button.c-teknisk-search-form__button-wrap__button--progress {
  display: none;
}

button.c-teknisk-search-form__button-wrap__button--progress svg {
  max-width: 48px;
  max-height: 24px;
}

button.c-teknisk-search-form__button-wrap__button::after {
  display: none !important;
}

.is-loading button.c-teknisk-search-form__button-wrap__button {
  display: none;
}

.is-loading button.c-teknisk-search-form__button-wrap__button--progress {
  display: flex;
  cursor: not-allowed;
}

/* Error messages */
.error {
  color: red;
  margin: 1rem 0;
}

/* Testcase name and id */
.testcase-name {
  font-weight: bold;
}
.testcase-id {
  background-color: #d3eeff;
  border-radius: 0.25rem;
  margin-left: 1em;
  font-size: .9em;
  padding: 0.15em 0.4em;
}