@import url('https://fonts.googleapis.com/css?family=Poppins:400,500');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
:root{
}
:root{
}
html{
  font-size:112.5%;
}
body{
  background-color:#fff;
  font-family:'Poppins', sans-serif;
  font-weight:400;
  line-height:1.75;
  color:#000000;
}
// major third type scaling of poppins as primary and only type
h1,
h2,
h3,
h4,
h5{
  margin:3rem 0 1.38rem;
  font-family:'Poppins', sans-serif;
  font-weight:500;
  line-height:1.3;
  word-wrap:break-word;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
}
h1{
  margin-top:0;
  margin-bottom:1.7rem;
  font-size:2.488rem;
  font-weight:500;
}
h1{
  font-size:2.488rem;
}
h2{
  font-size:2.074rem;
}
h3{
  font-size:1.728rem;
}
h4{
  font-size:1.44rem;
}
h5{
  font-size:1.2rem;
}
@media (min-width: 1000px){
h1{
    width:75%
}
  }
a{
  color:#46b48e;
  text-decoration:none;
}
a:visited{
    color:#46b48e;
  }
figure{
  margin:0.5rem 0rem;
}
input[type='text'],
input[type='search'],
input[type='password'],
input[type='number'] select{
  border:1px solid #f0f0f0;
  height:2rem;
  padding:0.3em;
}
input[type='text']:hover,
  input[type='text']:active,
  input[type='text']:focus,
  input[type='text']:focus-visible,
  input[type='search']:hover,
  input[type='search']:active,
  input[type='search']:focus,
  input[type='search']:focus-visible,
  input[type='password']:hover,
  input[type='password']:active,
  input[type='password']:focus,
  input[type='password']:focus-visible,
  input[type='number'] select:hover,
  input[type='number'] select:active,
  input[type='number'] select:focus,
  input[type='number'] select:focus-visible{
    border:1px solid #f1a943;
  }
input[type='text']:focus-visible, input[type='search']:focus-visible, input[type='password']:focus-visible, input[type='number'] select:focus-visible{
    outline-color:#f1a943;
  }
input[type='text'].error, input[type='search'].error, input[type='password'].error, input[type='number'] select.error{
    border:1px solid #ac2f33;
    background-color:#f8e3e3;
  }
.form-textarea.error{
    border:1px solid #ac2f33;
    background-color:#f8e3e3;
  }
.site-header{
  background-color:#46b48e;
  -webkit-box-shadow:0rem 0.1rem 10px rgba(0, 0, 0, 0.42);
  box-shadow:0rem 0.1rem 10px rgba(0, 0, 0, 0.42);
}
.site-header *{
    color:#fff;
  }
.site-header{
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}
.site-header .site-branding .site-branding__inner .logo{
        background-image:url('../icons/EFTER_logo_line_white_red.svg');
        background-repeat:no-repeat;
        background-size:contain;
        background-position:center;
        min-width:8rem;
      }
@media (min-width: 500px){
.site-header .site-branding .site-branding__inner .logo{
          min-width:10rem
      }
        }
.site-header .site-branding .site-branding__inner .site-branding__text{
        font-family:'Poppins', sans-serif;
        color:inherit;
      }
.site-header .header-nav-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
.site-header .header-nav-item a{
      height:unset;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
    }
.site-header .header-nav-item a .icon{
        width:1.5rem;
        height:1.5rem;
        background-repeat:no-repeat;
        background-position:center;
        background-size:contain;
      }
.site-header .header-nav-item a .icon.patienter{
          background-image:url(../icons/navigation/my_patients.svg);
        }
.site-header .header-nav-item a .icon.grid{
          background-image:url(../icons/navigation/grid.svg);
        }
.site-header .header-nav-item a .icon.home{
          background-image:url(../icons/navigation/home.svg);
        }
.site-header .header-nav-item a .icon.forward{
          background-image:url(../icons/navigation/forward.svg);
        }
.site-header .header-nav-item a .icon.book{
          background-image:url(../icons/navigation/book.svg);
        }
.site-header .header-nav-item a .icon.wrench{
          background-image:url(../icons/navigation/wrench.svg);
        }
.site-header .header-nav-item a .icon.back{
          background-image:url(../icons/navigation/back.svg);
        }
.site-header .header-nav-item a .icon.lock{
          background-image:url(../icons/navigation/logout.svg);
        }
.site-header .header-nav-item a .icon.exit{
          background-image:url(../icons/navigation/exit.svg);
        }
.site-header .header-nav-item a .icon.star{
          background-image:url(../icons/navigation/star.svg);
        }
.site-header .header-nav-item a .icon.user{
          background-image:url(..icons/navigation/user.svg);
        }
.site-header .header-nav-item a .icon.edit{
          background-image:url(../icons/navigation/pen.svg);
        }
.site-header .header-nav-item a .icon.menu{
          background-image:url(../icons/navigation/burger.svg);
        }
.site-header .header-nav-item a .icon.mail{
          background-image:url(../icons/navigation/mail.svg);
        }
.site-header .header-nav-item a .icon.look{
          background-image:url(../icons/navigation/look.svg);
        }
.site-header .header-nav-item a .icon.help{
          background-image:url(../icons/navigation/help.svg);
        }
.site-header .header-nav-item a .icon.gain{
          background-image:url(../icons/navigation/gain.svg);
        }
.site-header .header-nav-item a .icon.exercises{
          background-image:url(../icons/navigation/exercises.svg);
        }
.site-header .header-nav-item a .icon.status{
          background-image:url(../icons/navigation/status.png);
        }
.breadcrumb{
  margin-bottom:1rem;
}
.page-wrapper{
  background-color:#fff;
}
@media (min-width: 1000px){
.page-wrapper .content-wrapper.wide .content-container{
          max-width:1040px;
          margin:0 auto
      }
        }
.page-wrapper .content-wrapper .content-container{
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column;
    }
.page-wrapper .content-wrapper .content-container > :not(last-child){
        margin-bottom:1.5rem;
      }
.page-wrapper .content-wrapper .content-container .editor-tools,
      .page-wrapper .content-wrapper .content-container .program-navigation-top,
      .page-wrapper .content-wrapper .content-container .program-navigation-bottom{
        -webkit-box-flex:0;
        -ms-flex:0;
        flex:0;
      }
.page-wrapper .content-wrapper .content-container .program-navigation-bottom{
        margin-bottom:0;
      }
.page-wrapper .content-wrapper .content-container .page-middle{
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        margin:1.5rem 0;
      }
@media (min-width: 1000px){
.page-wrapper .content-wrapper .content-container{
        max-width:936px;
        margin:0 auto
    }
      }
.page-wrapper .intervention-block{
    height:auto;
  }
.page-wrapper .grid_messages .intervention-block{
      height:inherit;
    }
.page-right{
  background-color:#f0f0f0;
  padding:1rem;
}
#layout-page-middle > div{
    margin:0 0.2rem;
  }
#layout-page-middle .node main article{
    max-width:90%;
  }
#layout-page-middle .select-patient-block :only-child{
      max-width:90%;
    }
#layout-page-middle{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:column-reverse;
}
.col > :not(:last-child){
    margin-bottom:1.5rem;
  }
.col h2{
    margin-top:2.5rem;
  }
.dashboard{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  height:100%;
  margin-top:5rem;
}
.dashboard .widget-container{
    margin-left:1rem;
    margin-right:1rem;
    margin-bottom:5rem;
    min-height:12rem;
    width:16rem;
    border-radius:3px;
    -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition:-webkit-transform 0.4s ease-out;
    transition:-webkit-transform 0.4s ease-out;
    -o-transition:transform 0.4s ease-out;
    transition:transform 0.4s ease-out;
    transition:transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  }
.dashboard .widget-container .widget-logo{
      display:block;
      border-radius:100px;
      background-color:#d4d4b1;
      max-width:100px;
      max-height:100px;
      margin:0;
      position:absolute;
      top:0;
      left:50%;
      -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
      transform:translate(-50%, -50%);
    }
.dashboard .widget-container .widget-logo img{
        border-radius:100px;
      }
.dashboard .widget-container .widget-title{
      position:relative;
      text-align:center;
      padding:0.3rem;
      font-size:1.2rem;
      font-weight:500;
      color:black;
      margin-top:4rem;
    }
.dashboard .widget-container .widget-title a{
        color:black;
        text-decoration:none;
      }
.dashboard .widget-container .widget-title a:visited{
        color:black;
      }
.dashboard .widget-container .widget-description{
      display:none;
    }
.dashboard .widget-container:hover{
    cursor:pointer;
    -webkit-transform:translateY(-8%);
    -ms-transform:translateY(-8%);
    transform:translateY(-8%);
    -webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);
    box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);
    -webkit-transition:-webkit-transform 0.4s ease-out;
    transition:-webkit-transform 0.4s ease-out;
    -o-transition:transform 0.4s ease-out;
    transition:transform 0.4s ease-out;
    transition:transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
  }
.dashboard .widget-divide{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
  }
.user-login-form{
  max-width:450px;
  margin-top:4rem;
  margin-right:auto;
  margin-left:auto;
}
.user-login-form > *{
    display:block;
    font-size:0.9rem;
  }
.user-login-form label{
    display:block;
    font-weight:bold;
  }
.user-login-form .form-item > input{
    padding:0.3rem;
    width:100%;
  }
@media (min-width: 500px){
.user-login-form .form-item > input{
      width:80%
  }
    }
@media (min-width: 700px){
.user-login-form .form-item > input{
      width:auto
  }
    }
.user-login-form .description{
    color:#5d7585;
  }
.user-login-form:first-child{
    margin-bottom:0.7rem;
  }
.user-login-form a{
    margin-top:0.5rem;
  }
.user-login-form .form-actions{
    -ms-flex-item-align:start;
    align-self:flex-start;
  }
.user-login-form .form-actions .button{
      background-color:#46b48e;
      color:white;
      height:2.3125rem;
      border:none;
      border-radius:23px;
      padding:0.5625rem 1.25rem;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      font-size:0.9rem;
      font-weight:300;
      text-decoration:none;
      cursor:pointer;
    }
.user-login-form .form-actions .button:visited{
		color:#fff;
	}
.user-login-form .form-actions .button:hover,
	.user-login-form .form-actions .button:focus{
		color:#fff;
		background-color:#2d745b;
		border-color:#2d745b;
	}
.user-login-form .form-actions .button:focus{
		outline-color:#2d745b;
	}
.user-login-form .form-actions .button.chevron .linkspanner{
			width:0.8rem;
			height:0.8rem;
			margin:0 0 0 0.5rem;
			background-color:white;
			-webkit-mask-image:url(../../icons/arrows/chevron.svg);
			mask-image:url(../../icons/arrows/chevron.svg);
			-webkit-mask-repeat:no-repeat;
			mask-repeat:no-repeat;
			-webkit-mask-position:center center;
			mask-position:center center;
			-webkit-mask-size:100% 100%;
			mask-size:100% 100%;
		}
.user-login-form .form-actions .button.label-first{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:reverse;
		-ms-flex-direction:row-reverse;
		flex-direction:row-reverse;
  }
.user-login-form .form-actions .button.label-first .linkspanner{
			margin:0 0.5rem 0 0;
      -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
      transform:rotate(180deg);
    }
.user-login-form .form-actions .button{
      -ms-flex-item-align:start;
      align-self:flex-start;
      margin-top:1rem;
}
select{
  height:2.5rem;
  color:#303030;
  background-color:white;
}
.pill{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  border-radius:1rem;
  height:1.5rem;
  min-width:1.5rem;
  padding:0 0.5rem;
  line-height:1rem;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:0.8rem;
  font-weight:600;
  background-color:#75c5ff;
}
.pill.orange{
    background-color:#f1a943;
  }
.content-grid{
  grid-column-gap:45px;
}
textarea{
  background-color:white;
  border:1px solid #d9d9d9;
  padding:15px;
  font-family:inherit;
}
textarea:focus-visible{
    outline:none;
    border-color:#f1a943;
  }
.layout:not(.layout-builder__layout){
  position:relative;
}
.layout:not(.layout-builder__layout) .intervention-edit-link{
    display:none;
    position:absolute;
    right:6px;
    top:6px;
    font-size:0.8rem;
    z-index:1;
  }
.layout:not(.layout-builder__layout) .intervention-edit-link :not(:last-child){
      margin-right:0.5rem;
    }
.layout:not(.layout-builder__layout) .intervention-edit-link a{
      border-radius:2px;
      background-color:#fff;
    }
.layout:not(.layout-builder__layout) .intervention-edit-link a > *{
        opacity:0.5;
      }
.layout:not(.layout-builder__layout) .intervention-edit-link a:hover > *{
          opacity:1;
        }
.layout:not(.layout-builder__layout) .intervention-edit-link a .edit-layout{
        width:24px;
        height:24px;
        background-repeat:no-repeat;
        background-position:center;
        background-size:contain;
        background-image:url('../icons/layout/edit-layout.svg');
      }
.layout:not(.layout-builder__layout) .intervention-edit-link a .edit-content{
        width:24px;
        height:24px;
        background-repeat:no-repeat;
        background-position:center;
        background-size:contain;
        background-image:url('../icons/layout/edit-content.svg');
      }
.layout:not(.layout-builder__layout):hover .intervention-edit-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
.layout__region .boxed-content{
    padding:1.5rem;
    background-color:transparent;
  }
.layout__region .boxed-content ul li:before{
		background-color:#f1a943;
	}
.layout__region .boxed-content.dashed-border.dark-green{
			border-width:4px;
			border-color:#0a3706;
			border-style:dashed;
		}
.layout__region .boxed-content.dashed-border.light-green{
			border-width:4px;
			border-color:#98b87f;
			border-style:dashed;
		}
.layout__region .boxed-content.dashed-border.light-red{
			border-width:4px;
			border-color:#9b6962;
			border-style:dashed;
		}
.layout__region .boxed-content.dashed-border.beige{
			border-width:4px;
			border-color:#f8ede5;
			border-style:dashed;
		}
.layout__region .boxed-content.dashed-border.light-grey{
			border-width:4px;
			border-color:#f8f8f8;
			border-style:dashed;
		}
.layout__region .boxed-content.dashed-border.orange{
			border-width:4px;
			border-color:#f1a943;
			border-style:dashed;
		}
.layout__region .boxed-content.dashed-border.orange ul li:before{
		background-color:#000000;
	}
.layout__region .boxed-content.framed.dark-green{
			padding:1rem;
			border:4px solid transparent;
			background:conic-gradient(from 180deg at top 4px right 4px,
			#0000 90deg, #0a3706 0) 100% 0, conic-gradient(from 0deg at bottom 4px left 4px,
			#0000 90deg, #0a3706 0) 0 100%;
			background-size:50px 50px;
			background-origin:border-box;
			background-repeat:no-repeat;
		}
.layout__region .boxed-content.framed.light-green{
			padding:1rem;
			border:4px solid transparent;
			background:conic-gradient(from 180deg at top 4px right 4px,
			#0000 90deg, #98b87f 0) 100% 0, conic-gradient(from 0deg at bottom 4px left 4px,
			#0000 90deg, #98b87f 0) 0 100%;
			background-size:50px 50px;
			background-origin:border-box;
			background-repeat:no-repeat;
		}
.layout__region .boxed-content.framed.light-red{
			padding:1rem;
			border:4px solid transparent;
			background:conic-gradient(from 180deg at top 4px right 4px,
			#0000 90deg, #9b6962 0) 100% 0, conic-gradient(from 0deg at bottom 4px left 4px,
			#0000 90deg, #9b6962 0) 0 100%;
			background-size:50px 50px;
			background-origin:border-box;
			background-repeat:no-repeat;
		}
.layout__region .boxed-content.framed.beige{
			padding:1rem;
			border:4px solid transparent;
			background:conic-gradient(from 180deg at top 4px right 4px,
			#0000 90deg, #f8ede5 0) 100% 0, conic-gradient(from 0deg at bottom 4px left 4px,
			#0000 90deg, #f8ede5 0) 0 100%;
			background-size:50px 50px;
			background-origin:border-box;
			background-repeat:no-repeat;
		}
.layout__region .boxed-content.framed.light-grey{
			padding:1rem;
			border:4px solid transparent;
			background:conic-gradient(from 180deg at top 4px right 4px,
			#0000 90deg, #f8f8f8 0) 100% 0, conic-gradient(from 0deg at bottom 4px left 4px,
			#0000 90deg, #f8f8f8 0) 0 100%;
			background-size:50px 50px;
			background-origin:border-box;
			background-repeat:no-repeat;
		}
.layout__region .boxed-content.framed.orange{
			padding:1rem;
			border:4px solid transparent;
			background:conic-gradient(from 180deg at top 4px right 4px,
			#0000 90deg, #f1a943 0) 100% 0, conic-gradient(from 0deg at bottom 4px left 4px,
			#0000 90deg, #f1a943 0) 0 100%;
			background-size:50px 50px;
			background-origin:border-box;
			background-repeat:no-repeat;
		}
.layout__region .boxed-content.framed.orange ul li:before{
		background-color:#000000;
	}
.layout__region .boxed-content.filled-box.dark-green{
			background-color:#0a3706;
			color:#fff;
		}
.layout__region .boxed-content.filled-box.dark-green ul li:before{
		background-color:#fff;
	}
.layout__region .boxed-content.filled-box.light-green{
			background-color:#98b87f;
		}
.layout__region .boxed-content.filled-box.light-green ul li:before{
		background-color:#000000;
	}
.layout__region .boxed-content.filled-box.light-red{
			background-color:#9b6962;
			color:#fff;
		}
.layout__region .boxed-content.filled-box.light-red ul li:before{
		background-color:#fff;
	}
.layout__region .boxed-content.filled-box.beige{
			background-color:#f8ede5;
		}
.layout__region .boxed-content.filled-box.light-grey{
			background-color:#f8f8f8;
		}
.layout__region .boxed-content.filled-box.light-grey ul li:before{
		background-color:#000000;
	}
.layout__region .boxed-content.filled-box.orange{
			background-color:#f1a943;
		}
.layout__region .boxed-content.filled-box.orange ul li:before{
		background-color:#000000;
	}
.instructions{
  background-color:#e7cf8d;
  line-height:1.5rem;
  padding:2rem;
  margin:2rem 0rem;
}
.hidden{
  display:none !important;
}
.float-right{
  float:right;
}
hr{
  margin:7rem 1rem;
}
.flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-column-gap:0.5rem;
  -moz-column-gap:0.5rem;
  column-gap:0.5rem;
  row-gap:0.5rem;
}
.justifyCenter{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.justifyStart{
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
}
.alignItemsStretch{
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
}
.spaceEvenly{
  -webkit-box-pack:space-evenly;
  -ms-flex-pack:space-evenly;
  justify-content:space-evenly;
}
.spaceBetween{
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.alignSelfCenter{
  -ms-flex-item-align:center;
  -ms-grid-row-align:center;
  align-self:center;
}
.alignSelfBaseline{
  -ms-flex-item-align:baseline;
  align-self:baseline;
}
.alignSelfEnd{
  -ms-flex-item-align:end;
  -ms-grid-row-align:end;
  align-self:end;
}
.item1of2{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
}
.item1of3{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
}
.item2of3{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
}
.thumb{
  -ms-flex-preferred-size:49%;
  flex-basis:49%;
}
textarea{
  resize:vertical;
  min-width:300px;
  min-height:130px;
  width:100%;
  padding:0.3rem;
  border:1px solid #484848;
}
textarea.small-textarea{
    height:50px;
    min-height:50px;
  }
textarea:hover{
  border:1px solid #46b48e;
  -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
}
.textAreaQuestion{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.textAreaQuestion .addTextAreaBlock{
    width:50%;
    float:right;
    margin:1rem 0rem;
    text-align:center;
  }
.textAreaQuestion .addTextAreaBlock div[data-icon='plus']{
      background-color:white;
      width:42px;
      height:42px;
      background-size:34px 34px;
      margin:0 auto;
      border:2px solid #3a3a3a;
      border-radius:42px;
      -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
      box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);
      -webkit-transition:all 0.15s ease-in-out;
      -o-transition:all 0.15s ease-in-out;
      transition:all 0.15s ease-in-out;
    }
.textAreaQuestion .addTextAreaBlock div[data-icon='plus']:hover{
      background-image:url(../icons/navigation/plus_white.svg);
      background-color:#46b48e;
      border:2px solid #46b48e;
      -webkit-transition:all 0.15s ease-in-out;
      -o-transition:all 0.15s ease-in-out;
      transition:all 0.15s ease-in-out;
    }
.textAreaQuestion .addTextAreaBlock span{
      opacity:1;
    }
.textAreaQuestion .addTextAreaBlock span:after{
      content:'Tilføj svar';
    }
.textAreaQuestion .addTextAreaBlock.twoThirds{
    width:66%;
  }
.textAreaQuestion .addTextAreaBlock.full{
    width:100%;
    clear:both;
  }
.textAreaQuestion .item1of1{
    margin-top:0.2rem;
  }
.textAreaQuestion .dateWrapper{
    margin:1.125em 0;
  }
.textAreaQuestion .dateWrapper label{
      display:inline-block;
    }
.textAreaQuestion .dateWrapper input[type='date']{
      border:0;
      color:black;
    }
.textAreaQuestion .item1of1.date{
    margin:1rem 0.5rem 0rem 0.5rem;
  }
.textAreaQuestion .addTextAreaBlock:hover{
  cursor:pointer;
}
.slideIn{
  -webkit-animation:slidein 1.2s 1;
  animation:slidein 1.2s 1;
}
@-webkit-keyframes slidein{
  from{
    opacity:0;
    -webkit-transform:translateX(70px);
    transform:translateX(70px);
  }
  to{
    opacity:1;
    -webkit-transform:translateX(0px);
    transform:translateX(0px);
  }
}
@keyframes slidein{
  from{
    opacity:0;
    -webkit-transform:translateX(70px);
    transform:translateX(70px);
  }
  to{
    opacity:1;
    -webkit-transform:translateX(0px);
    transform:translateX(0px);
  }
}
.textarea-wrapper{
  position:relative;
}
.multipleChoice{
  margin:3rem 0rem;
}
.question{
  margin-top:3.5rem;
  font-weight:bold;
  font-style:italic;
}
.answer{
  margin-top:2.5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack:distribute;
  justify-content:space-around;
}
.answer div{
    display:inline-block;
    text-align:center;
    margin:0rem 1rem;
  }
.answer div label{
      font-size:0.8rem;
      font-weight:400;
      word-wrap:break-word;
    }
.answer.binary{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
label > input[type='radio']{
  display:none;
}
label > input[type='radio'] + *::before{
  content:'';
  display:inline-block;
  vertical-align:bottom;
  width:25px;
  height:25px;
  margin-right:0.3rem;
  margin-bottom:0.5rem;
  border-radius:50%;
  border-style:solid;
  border-width:0.1rem;
  border-color:gray;
  cursor:pointer;
}
label > input[type='radio']:checked + *::before{
  background:-o-radial-gradient(
    #46b48e 0%,
    #46b48e 50%,
    transparent 50%,
    transparent
  );
  background:radial-gradient(
    #46b48e 0%,
    #46b48e 50%,
    transparent 50%,
    transparent
  );
  border-color:#46b48e;
}
label > span{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  max-width:100px;
  word-wrap:anywhere;
}
label > input[type='radio']:checked + *{
  color:black;
}
.sliderWrapper{
  position:relative;
  margin:2rem 0rem 3rem 0rem;
}
.sliderWrapper .sliderValue{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:35px;
    height:35px;
    text-align:center;
    font-size:0.8rem;
    font-weight:bold;
    margin-top:1rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:auto;
  }
.sliderWrapper .sliderLabel{
    font-size:0.8rem;
    display:inline-block;
    margin:2.5rem 0rem;
    margin:0;
    word-wrap:break-word;
  }
.responseWrapper{
  background-color:#e2e2e2;
  margin:1rem 0rem;
}
.responseWrapper .response{
    text-align:left;
    padding:2rem;
  }
input[type='range']{
  -webkit-appearance:none;
  width:100%;
  height:7px;
  border-radius:5px;
  background:#e2e2e2;
  outline:none;
  opacity:0.7;
  -webkit-transition:0.2s;
  -webkit-transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  transition:opacity 0.2s;
}
input[type='range']::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:35px;
  height:35px;
  border-color:2px solid #bbb;
  border-radius:50%;
  background:#46b48e;
  cursor:pointer;
}
input[type='range']::-moz-range-thumb{
  width:35px;
  height:35px;
  border-color:2px solid #bbb;
  border-radius:50%;
  background:#46b48e;
  cursor:pointer;
}
div[data-icon]{
  width:100%;
  height:32px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
div[data-icon][data-icon='plus']{
    background-image:url(../icons/navigation/plus.svg);
  }
div[data-icon][data-icon='forward_no_margin']{
    background-image:url(../icons/navigation/forward_no_margin.svg);
    background-size:40%;
  }
div[data-icon][data-icon='back_no_margin']{
    background-image:url(../icons/navigation/back_no_margin.svg);
    background-size:40%;
  }
.content-frame{
  margin:0.8rem 0rem;
  border:unset;
  -webkit-box-shadow:unset;
  box-shadow:unset;
}
.content-frame .note{
    margin-bottom:2rem;
    border-bottom:2px solid #e2e2e2;
  }
.guide-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:1rem;
}
.guide-wrapper .guide-icon{
    background-color:#46b48e;
    background-repeat:no-repeat;
    background-position:50% 20px;
    background-size:40px 40px;
    height:100px;
    width:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:10px;
  }
.guide-wrapper .guide-icon.help{
      background-image:url(../icons/navigation/help.svg);
    }
.guide-wrapper .guide-icon.diary{
      background-image:url(../icons/navigation/book.svg);
    }
.guide-wrapper .guide-icon.tools{
      background-image:url(../icons/navigation/wrench.svg);
    }
.guide-wrapper .guide-icon.exercises{
      background-image:url(../icons/navigation/pen.svg);
    }
.guide-wrapper .guide-icon.messages{
      background-image:url(../icons/navigation/mail.svg);
    }
.guide-wrapper .guide-icon.login,
    .guide-wrapper .guide-icon.logout{
      background-image:url(../icons/navigation/exit.svg);
    }
.guide-wrapper .guide-icon .guide-icon-title{
      -ms-flex-item-align:end;
      align-self:flex-end;
      color:#fff;
      padding-bottom:10px;
    }
.guide-wrapper .guide-text{
    -webkit-box-flex:1;
    -ms-flex:1 1 500px;
    flex:1 1 500px;
  }
.guide-wrapper .guide-text > p{
      margin-top:0;
    }
.guide-wrapper h3{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    margin-top:2rem;
  }
.navExplainer div{
  height:auto;
}
.moduleDesc{
  background-color:#fff8cf;
  line-height:1.5rem;
  padding:2rem;
  margin:2rem 0rem;
}
.moduleDesc h3{
    margin-top:0;
  }
.advice{
  background-color:#cbe7e3;
  line-height:1.5rem;
  padding:2rem;
  margin:2rem 0rem;
}
.advice h3{
    margin-top:0;
  }
.highlightBox{
  background-color:#46b48e;
}
.thumb{
  background-color:#46b48e;
}
.thumb figure{
    margin:0;
  }
.thumb div{
    min-height:85px;
    line-height:1.3;
    position:relative;
  }
.thumb div a{
      color:white;
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
.thumb div a span{
        display:inline-block;
        margin:0.3rem;
      }
.column hr{
    margin:4rem 3rem 4rem 0rem;
  }
.marginVerticalLarge{
  padding:2rem 0rem;
}
.marginHorizontalLarge{
  padding:0rem 2rem;
}
.marginTopSmall{
  margin-top:0.5rem;
}
.marginTopMedium{
  margin-top:1rem;
}
.marginBottomZero{
  margin-bottom:0rem;
}
.marginLarge{
  margin:0.5rem 0rem;
}
.smallHR{
  margin:7rem 0rem 2rem 0rem;
}
.textAlignCenter{
  text-align:center;
}
.textAlignRight{
  text-align:right;
}
.inline-block{
  display:inline-block;
}
.exampleQuotes{
  min-height:320px;
}
.exampleQuotes span{
    background-color:#fff8cf;
  }
.exampleQuotes .quoteTitle span{
      background-color:white;
    }
.example{
  background-color:#46b48e;
  line-height:1.5rem;
  padding:2rem;
}
.readOnly{
  padding:2rem;
}
.readOnly textarea{
    border:none;
    background-color:#ececec;
  }
.readOnly .addTextAreaBlock{
    color:white;
    background-color:white;
  }
.readOnly .addTextAreaBlock div[data-icon]{
      border:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      background-color:unset;
      background-image:unset;
    }
.readOnly .addTextAreaBlock:hover{
    color:white;
  }
.readOnly.full{
  padding:0rem;
  background-color:white;
}
.readOnly.full input[type='date']{
    background-color:white;
  }
.readOnly.full textarea{
    padding:0.3rem;
  }
.exampleQuotes{
  min-height:320px;
}
.exampleQuotes span{
    background-color:#fff8cf;
  }
.exampleQuotes .quoteTitle span{
      background-color:white;
    }
.imgSliderWrapper{
  position:relative;
  margin:2rem 0rem;
}
.imgSliderWrapper .imgSliderText{
    position:absolute;
    top:100;
    left:0;
    background-color:#e2e2e2;
  }
.imgSlider{
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.sliderNav{
  width:50px !important;
  height:50px !important;
  position:absolute;
  display:inline-block;
  cursor:pointer;
  margin:0.5rem;
  top:40%;
  background-color:#46b48e;
  border-radius:100%;
}
.sliderNav.navLeft{
  left:-7%;
}
.sliderNav.navRight{
  right:-7%;
}
.imgWrapper{
  top:0;
  left:0;
}
.imgWrapper figure{
    display:table;
    opacity:1;
    -webkit-transition:opacity 0.3s ease-in-out;
    -o-transition:opacity 0.3s ease-in-out;
    transition:opacity 0.3s ease-in-out;
  }
.imgWrapper figure figcaption{
      display:table-caption;
      caption-side:bottom;
      background-color:#e2e2e2;
      text-align:left;
      line-height:1.5rem;
      padding:2rem;
      -webkit-transition:opacity 0.3s ease-in-out;
      -o-transition:opacity 0.3s ease-in-out;
      transition:opacity 0.3s ease-in-out;
    }
.imgWrapper .fade{
    opacity:0;
  }
.imgWrapper .fade figcaption{
      opacity:0;
    }
.labelCounter{
  display:none;
  font-size:2.7rem;
  font-weight:bold;
}
.labelCounter div{
    text-align:center;
    width:90px;
    height:90px;
    border-radius:90px;
    background-color:#e7cf8d;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
.labelCounter .rightAlign{
    margin-left:auto;
    margin-right:0;
    -webkit-transform:translateX(60%);
    -ms-transform:translateX(60%);
    transform:translateX(60%);
  }
.labelCounter .leftAlign{
    margin-left:0;
    -webkit-transform:translateX(-60%);
    -ms-transform:translateX(-60%);
    transform:translateX(-60%);
  }
@media (min-width: 1000px){
  #layout-page-middle{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  .marginLarge{
    margin:3rem 0rem;
  }
  .item1of1{
    -ms-flex-preferred-size:99%;
    flex-basis:99%;
  }
  .item1of2{
    -ms-flex-preferred-size:49%;
    flex-basis:49%;
  }
  .item1of3{
    -ms-flex-preferred-size:32%;
    flex-basis:32%;
  }
  .item2of3{
    -ms-flex-preferred-size:65%;
    flex-basis:65%;
  }
  .labelCounter{
    display:block;
  }
}