/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
@import url('https://fonts.cdnfonts.com/css/poppins?styles=20394');
/*@font-face {
    font-family:Poppins;
    src:url('../files/Poppins-Regular.eot') format("eot");
    src:url('../files/Poppins-Regular.woff2') format("woff2"),
    url('../files/Poppins-Regular.woff') format("woff"),
    url('../files/Poppins-Regular.ttf') format("truetype");
    font-weight:400;
    font-style:normal;
    font-display:swap;
}*/
:root {
  --apui-primary: #68A3DA;
  --apui-primary-hover:#3575B1;
  --apui-text: #41658E;
  --apui-surface-page: #E0EDFA;
  --apui-surface-page-alpha: #E0EDFA88;
  --apui-font-sans-serif: Poppins;
}
body {
  font-family: var(--apui-font-sans-serif);
  /*background-color: var(--apui-surface-page);*/
  color: var(--apui-text);
}
.large-heading {font-family: inherit;}
textarea{
    resize: vertical;
}
/*alert*/
.alert {
  border:none;
}
/*dropdown menu*/
.dropdown-menu > li > a:hover {
  background-color: var(--apui-surface-page) !important;
}
/*progress bar*/
.progress-bar {
  background-color: var(--apui-primary);
}
.top-container .progress {
  height: 5px;
  margin-top:1rem;
}
/*heading*/
.question-container {
  margin-bottom: 1rem;
}
.group-container .group-title {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1;
}
/*question panel*/
.question-container .question-valid-container:empty {
  margin: 0;
}
.question-container:last-of-type {
  margin-bottom:0;
}
.question-container .question-title-container {
  margin: 1rem 0 0;
}
.question-container .ls-label-question {
  font-weight: 500;
  font-size:1.4rem;
  line-height: 1.4;
}
.question-container.text-long,
.question-container.array-flexible-row{
  background-color: #fff;
  border-radius: 1rem;
  padding:1.5rem;
}
.ls-answers .ls-heading th, 
.ls-answers th {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
}
.table > :not(caption) > * > * {
  padding: 0.75rem 1rem;
}
.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg:var(--apui-surface-page);
}
.ls-even {
  background-color: var(--apui-surface-page-alpha);
}
.table-hover > tbody > tr:hover > th,
.table-hover > tbody > tr:hover > td {
  background-color: var(--apui-surface-page);
}
/*textarea*/
.form-control {
  color: inherit;
  border: 1px solid var(--apui-primary);
  border-radius:0;
  font-size: inherit;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--apui-primary-hover);
  color: var(--apui-text);
}
/*button*/
.radio-item input[type="radio"] + label::after {
  background-color: var(--apui-primary-hover);
}
.radio-item input[type="radio"]:checked + label::after {
  background-color: var(--apui-primary-hover);
}
.radio-item input[type="radio"]:checked + label::before {
  border-color: var(--apui-primary-hover);
}
.btn-primary {
  color: #fff;
  background-color: var(--apui-primary);
  border-color: var(--apui-primary);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:active,
.btn-primary:focus {
  color: #fff;
  background-color: var(--apui-primary-hover);
  border-color: var(--apui-primary-hover);
}
.btn-lg, .btn-group-lg > .btn {
  min-height: 0;
  padding: .75rem 1.5rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 2rem;
  font-size:1.2em;
}
.btn-outline-secondary {
  color: var(--apui-primary);
  border-color: var(--apui-primary);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus:active,
.btn-outline-secondary:focus {
  color: var(--apui-text);
  border-color: var(--apui-text);
}
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:active:focus, 
.btn-primary.dropdown-toggle.show, 
.btn-primary.dropdown-toggle.show:focus,
[class*="btn-outline-"]:focus, 
[class*="btn-outline-"]:active, 
[class*="btn-outline-"].active, 
[class*="btn-outline-"].dropdown-toggle.show, 
[class*="btn-outline-"].dropdown-toggle.show:focus, 
[class*="btn-outline-"].show {
  box-shadow: none;
}
.ls-answers label, .answer-item label, .control-label {
  font-weight: 500;
}
.btn-check + .btn {
  min-height: 0;
  padding: 1rem 2rem;
  line-height: 1.2;
  color: var(--apui-primary-hover);
  background-color: #ffffff;
  border: 2px solid var(--apui-primary-hover);
}
.btn-check:checked + .btn-primary, 
.btn-check:checked + .btn-primary:active,
.btn-check:checked + .btn-primary:active:focus,
.btn-check:checked + .btn-primary:focus, 
.btn-check:focus:checked + .btn-primary, 
.btn-check:active:checked + .btn-primary, 
.btn-check:focus:active:checked + .btn-primary {
  color: #ffffff;
  background-color: var(--apui-primary-hover);
  border-color: var(--apui-primary-hover);
  box-shadow: none;
}
.btn-check + .btn-primary:hover,
.btn-check + .btn-primary:focus,
.btn-check + .btn-primary:active:focus,
.btn-check + .btn-primary:active {
  color: #ffffff;
  background-color: var(--apui-primary);
  border-color: var(--apui-primary);
  box-shadow: none;
}
.btn {
  border-radius:2rem;
}
.alert .h4{
    font-size:1em;font-weight:bold;margin:0;
}
.completed-text a{
    display:inline-block;
  border-radius:2rem;
  padding: 1rem 2rem;
  line-height: 1.2;
  color: #ffffff;
  background-color: var(--apui-primary);
  transition:.5s background-color ease-in-out;
  font-size: 1.4rem;
}
.completed-text a:hover,
.completed-text a:active,
.completed-text a:focus:active,
.completed-text a:focus{
  background-color: var(--apui-primary-hover);
}