@charset "utf-8";
:root{
}
:root{
}
.ha1-spiral label{
    text-align:center;
  }
.ha1-spiral .ha1-spiral-pile-div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    width:60%;
    margin:0 auto;
  }
.ha1-spiral .pil-ne, .ha1-spiral .pil-se, .ha1-spiral .pil-nw, .ha1-spiral .pil-sw{
    background-position:center center;
    background-repeat:no-repeat;
    width:121px;
    height:121px;
  }
.ha1-spiral .pil-ne{
    background-image:url(../img/pil_NE.jpg);
  }
.ha1-spiral .pil-se{
    background-image:url(../img/pil_SE.jpg);
  }
.ha1-spiral .pil-nw{
    background-image:url(../img/pil_NW.jpg);
  }
.ha1-spiral .pil-sw{
    background-image:url(../img/pil_SW.jpg);
  }
.ha1-spiral .ha1-spiral-top-div, .ha1-spiral .ha1-spiral-mellem-div, .ha1-spiral .ha1-spiral-bund-div{
    width:80%;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around;
  }
.ha1-spiral .ha1-spiral-top-div, .ha1-spiral .ha1-spiral-bund-div{
    width:50%;
  }
.ha1-spiral .ha1-spiral-text-area-div{
    width:250px;
    display:inline-block;
    margin:0 auto;
  }
@media all and (max-width: $breakpoint2){
.ha1-spiral{
}
    .ha1-spiral .pil-ne, .ha1-spiral .pil-se, .ha1-spiral .pil-nw, .ha1-spiral .pil-sw{
      width:40px;
      height:40px;
    }
    .ha1-spiral .pil-ne{
      background-image:url(../img/pil_NE_mobile.jpg);
    }
    .ha1-spiral .pil-se{
      background-image:url(../img/pil_SE_mobile.jpg);
    }
    .ha1-spiral .pil-nw{
      background-image:url(../img/pil_NW_mobile.jpg);
    }
    .ha1-spiral .pil-sw{
      background-image:url(../img/pil_SW_mobile.jpg);
    }
    .ha1-spiral .ha1-spiral-mellem-div{
      width:auto;
      -webkit-box-align:end;
      -ms-flex-align:end;
      align-items:flex-end;
    }
      .ha1-spiral .ha1-spiral-mellem-div :first-child{
        margin-right:5px;
      }
      .ha1-spiral .ha1-spiral-mellem-div :last-child{
        margin-left:5px;
      }
  }
#ha3_udfordring_og_accept_multi, #ha3_udfordring_og_accept_detaljeret{
  margin:0 auto;
  width:auto;
}
#ha3_udfordring_og_accept_multi thead th, #ha3_udfordring_og_accept_multi thead td, #ha3_udfordring_og_accept_multi tbody th, #ha3_udfordring_og_accept_multi tbody td, #ha3_udfordring_og_accept_detaljeret thead th, #ha3_udfordring_og_accept_detaljeret thead td, #ha3_udfordring_og_accept_detaljeret tbody th, #ha3_udfordring_og_accept_detaljeret tbody td{
      text-align:center;
    }
#ha3_udfordring_og_accept_multi thead > tr > :first-child, #ha3_udfordring_og_accept_detaljeret thead > tr > :first-child{
    text-align:left;
    padding-left:15px;
  }
#ha3_udfordring_og_accept_multi tbody > tr > :first-child, #ha3_udfordring_og_accept_detaljeret tbody > tr > :first-child{
    text-align:left;
  }
#ha3_udfordring_og_accept_multi td, #ha3_udfordring_og_accept_multi th, #ha3_udfordring_og_accept_detaljeret td, #ha3_udfordring_og_accept_detaljeret th{
    border-bottom:1px solid $darkgrey;
  }
#ha3_udfordring_og_accept_detaljeret tbody > tr > :last-child{
    padding:3px;
    text-align:left;
    padding-left:70px;
  }
@media all and (max-width: $breakpoint3){
#ha3_udfordring_og_accept_detaljeret tbody > tr > :last-child{
      padding-left:3px
  }
    }
// =============================================================================
// ********************************* module 4 **********************************
// =============================================================================

.ha4-mit-kompas-pretty-print{
  width:850px;
  margin:0 auto;
}
.ha4-mit-kompas{
  width:750px;
}
.ha4-mit-kompas-main-container{
  position:relative;
  background:url(../img/ha-kompas-uden-tekst.svg) center center no-repeat;
  width:100%;
  height:0;
  padding-bottom:70%;
}
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div, .ha4-mit-kompas-main-container .ovelsesark-pretty-print{
    position:absolute;
    width:40%;
  }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div textarea, .ha4-mit-kompas-main-container .ovelsesark-pretty-print textarea{
      resize:none;
      height:200px;
    }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div .ovelsesark-pretty-print-data, .ha4-mit-kompas-main-container .ovelsesark-pretty-print .ovelsesark-pretty-print-data{
      background-color:white;
      height:170px;
    }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div .ovelsesark-pretty-print-name span, .ha4-mit-kompas-main-container .ovelsesark-pretty-print .ovelsesark-pretty-print-name span{
        background-color:white;
      }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-1, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-1{
      left:0;
      top:0;
    }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-1 label, .ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-1 .ovelsesark-pretty-print-name, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-1 label, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-1 .ovelsesark-pretty-print-name{
        text-align:left;
      }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-2, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-2{
      right:0;
      top:0;
    }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-2 label, .ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-2 .ovelsesark-pretty-print-name, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-2 label, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-2 .ovelsesark-pretty-print-name{
        text-align:right;
      }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-3, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-3{
      left:0;
      top:50%;
    }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-3 label, .ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-3 .ovelsesark-pretty-print-name, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-3 label, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-3 .ovelsesark-pretty-print-name{
        text-align:left;
      }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-4, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-4{
      right:0;
      top:50%;
    }
.ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-4 label, .ha4-mit-kompas-main-container .ha4-mit-kompas-text-area-div.textarea-4 .ovelsesark-pretty-print-name, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-4 label, .ha4-mit-kompas-main-container .ovelsesark-pretty-print.textarea-4 .ovelsesark-pretty-print-name{
        text-align:right;
      }
.ha4-mit-styre-redskab-topraekke{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
}
.ha4-mit-styre-redskab-topraekke .ovelsesark-pretty-print-data{
    min-height:120px;
    max-height:200px;
    overflow-y:auto;
  }
.ha4-mit-styre-redskab-topraekke .ovelsesark-pretty-print{
    max-width:40%;
    min-width:300px;
  }
.text-area-div{
  width:200px;
  display:inline-block;
}
.ha4-mit-styre-redskab-raekke{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  height:130px;
}
.ha4-mit-styre-redskab-raekke .ovelsesark-pretty-print{
    min-width:200px;
    max-width:300px;
  }
.ha4-mit-styre-redskab-raekke .ovelsesark-pretty-print-name{
    display:none;
  }
.ha4-mit-styre-redskab-raekke .ovelsesark-pretty-print-data{
    height:100px;
    overflow-y:auto;
  }
.ha4-mit-styre-redskab-raekke > .ha4-mit-styre-redskab-left-filler{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
  }
.ha4-mit-styre-redskab-raekke > .text-area-div{
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    margin-right:20px;
  }
.ha4-mit-styre-redskab-raekke > .text-area-div textarea{
      resize:none;
      border-top:1px solid #000;
      border-right:1px solid #999;
      border-left:1px solid #999;
      border-bottom:1px solid #bbb;
    }
.ha4-mit-styre-redskab-raekke > .ha4-mit-styre-redskab-right-filler{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;

    height:100%;


    display:inline-block;
    border-left:3px solid $darkgrey;
    border-top:3px solid $darkgrey;
  }
.ha4-mit-styre-redskab-raekke > .ha4-mit-styre-redskab-right-filler~ .ha4-mit-styre-redskab-right-filler{
      border:none;

    }
.ha4-mit-styre-redskab-raekke .form-item{
    margin-top:-20px;
  }
.ovelsesark-radio-select{
  width:850px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
}
.ovelsesark-radio-select .form-type-radios{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
  }
.ovelsesark-radio-select .description{
    font-size:1em;
    margin-left:10px;
    line-height:1em;
  }
.ovelsesark-radio-select-column{
  width:25%;
}
.form-radios.ovelsesark-radio-select-row{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  line-height:1em;
  height:16px;
  min-width:60px;
}
.form-radios.ovelsesark-radio-select-row .form-item{
    width:20px;
  }
.form-radios.ovelsesark-radio-select-row input[type=radio]{
    display:none;
  }
.form-radios.ovelsesark-radio-select-row input[type=radio] + label{
    cursor:pointer;
  }
.form-radios.ovelsesark-radio-select-row input[type=radio] + label::before{
    height:16px;
    margin-right:4px;
    content:" ";
    display:inline-block;
    vertical-align:baseline;
    -webkit-transition:0.3s;
    transition:0.3s;
    border:1px solid #ccc;
    border-radius:10px;
    -webkit-box-shadow:inset 0 -3px 6px #e4e4e4;
    box-shadow:inset 0 -3px 6px #e4e4e4;
    transition:0.3s;
  }
.form-radios.ovelsesark-radio-select-row input[type=radio] + label::before{
    border-radius:50%;
    width:16px;
    -webkit-box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 0 1px $verylightgrey;
    box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 0 1px $verylightgrey;
  }
.form-radios.ovelsesark-radio-select-row input[value="1"]:checked + label:before{
    -webkit-box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 1px $verydarkgrey, inset 0 0 0 10px $metro8;
    box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 1px $verydarkgrey, inset 0 0 0 10px $metro8;
  }
.form-radios.ovelsesark-radio-select-row input[value="2"]:checked + label:before{
    -webkit-box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 1px $verydarkgrey, inset 0 0 0 10px $metro5;
    box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 1px $verydarkgrey, inset 0 0 0 10px $metro5;
  }
.form-radios.ovelsesark-radio-select-row input[value="3"]:checked + label:before{
    -webkit-box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 1px $verydarkgrey, inset 0 0 0 10px $metro9;
    box-shadow:inset 0 -1px 3px #e4e4e4, inset 0 0 1px $verydarkgrey, inset 0 0 0 10px $metro9;
  }
.exercise-inner-demons .actonline-textarea-wrapper{
    position:relative;
  }
.exercise-inner-demons .actonline-textarea-wrapper .ex-component-textarea{
      position:absolute;
    }
.exercise-inner-demons .actonline-textarea-wrapper textarea{
      height:255px;
      max-width:200px;
    }
.exercise-inner-demons .actonline-textarea-wrapper.hsd_demons_1{
      background:url(../img/monster_1.png) no-repeat;
      width:412px;
      height:307px;
    }
.exercise-inner-demons .actonline-textarea-wrapper.hsd_demons_1 .ex-component-textarea{
        left:200px;
        top:10px;
      }
.exercise-inner-demons .actonline-textarea-wrapper.hsd_demons_2{
      background:url(../img/monster_2.png) no-repeat;
      width:419px;
      height:317px;
    }
.exercise-inner-demons .actonline-textarea-wrapper.hsd_demons_2 .ex-component-textarea{
        left:10px;
        top:17px;
      }
.exercise-inner-demons .actonline-textarea-wrapper.hsd_demons_3{
      background:url(../img/monster_3.png) no-repeat;
      width:392px;
      height:319px;
    }
.exercise-inner-demons .actonline-textarea-wrapper.hsd_demons_3 .ex-component-textarea{
        left:180px;
        top:25px;
      }
@media (min-width: 1000px){
.exercise-inner-demons{


}
    .exercise-inner-demons .layout--onecol .layout__region--content{
      display:-ms-grid;
      display:grid;
      -ms-grid-columns:100px 100px 200px 100px 200px 200px;
      grid-template-columns:100px 100px 200px 100px 200px 200px;
      -ms-grid-rows:130px 200px 200px 200px;
      grid-template-rows:130px 200px 200px 200px;
    }

    .exercise-inner-demons .ovelsesark-pretty-print{
      margin:0;
    }
      .exercise-inner-demons .intervention-block.field-block-node-exercise-field-exercise-component-1{
        -ms-grid-column:1;
        -ms-grid-column-span:3;
        grid-column:1 / span 3;
        -ms-grid-row:1;
        -ms-grid-row-span:2;
        grid-row:1 / 3;
      }
      .exercise-inner-demons .intervention-block.field-block-node-exercise-field-exercise-component-2{
        -ms-grid-column:5;
        -ms-grid-column-span:2;
        grid-column:5 / span 2;
        -ms-grid-row:2;
        -ms-grid-row-span:2;
        grid-row:2 / 4;
      }
      .exercise-inner-demons .intervention-block.field-block-node-exercise-field-exercise-component-3{
        -ms-grid-column:2;
        -ms-grid-column-span:3;
        grid-column:2 / span 3;
        -ms-grid-row:3;
        -ms-grid-row-span:2;
        grid-row:3 / 5;
      }
  }
.positive-eksempler li{
    font-size:90%;
    line-height:1em;

  }
.multicolumn{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  -webkit-column-width:200px;
  -moz-column-width:200px;
  column-width:200px;
  -webkit-column-gap:30px;
  -moz-column-gap:30px;
  column-gap:30px;
}
.multicolumn ol, .multicolumn ul{
    margin-top:0;
  }
.multicolumn li{
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    break-inside:avoid;
  }
@media all and (max-width: $breakpoint4){
.multicolumn{
    padding:0px
}
  }
.expand-container-link{
  cursor:pointer;
}
.list-table{
  width:100%;
}
.list-table td{
    vertical-align:top;
  }
.list-table th{
    text-align:left;
    padding-left:31px;
  }
th.webform-grid-option{
  width:30px;
}
th.webform-grid-question{
  width:60px;
}