/******************
    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
*/

/* Set default font type to Arial (bold, 14px size), PSJ */
body {
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial,sans-serif;
}

/* Remove standard LimeSurvey logo in top left corner. Can also be done directy through "Tema muligheder". */
img, svg {
  visibility: hidden;
}

/* Decrease the height of the navbar in the top */
.fixed-top {
  height: 60px;
}

/* Define the correct colors on the navigation bar in the top, including the text in the bar*/
.navbar {
  color: #fff;
  background-color: #333641 !important;
  border-bottom: none;
  border-radius: 0;
  padding: 0;
}

/* Define white as color for questionnaire-name in the upper left corner */
.navbar-light .navbar-brand {
  color: white;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: white;
}

/* Remove "Genoptag senere" button in upper right corner. */
.nav-link {
  display: none;
}

/* Hide the survey description text on the welcome page , PSJ*/
.survey-description {display:none;}

/* Make background color of the "Forrige" button grey */
.btn-outline-secondary {
  color: black;
  border-color: lightgray;
  background-color: #e7e7e7;
}
.btn-outline-secondary:hover {
  color: #000;
  background-color: #cecece;
  border-color: #eee;
}

/* Decrease spacing in the page top, PSJ */
.top-container {
  margin-top: 0;
}
.space-col {
    margin-top: 0;
    margin-bottom: 10px;
}

/* Descrease spacing between questions, PSJ */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;
}

/* Green radiobuttons instead of black, PSJ */
label::after{background-color:#0d8a1b;}

/* Make radiobuttons more visible, PSJ */
.radio-item label::before {
    border: 2px solid #cccccc;
}

/* Left-justify numeric inputs, PSJ */
[data-number='1']{text-align:left;}

/* In slider questions modify width of label (sm-4), slider (sm-8) and the two answers (sm-2), PSJ */
.col-sm-4 {width: 20%;}
.col-sm-8 {width: 70%;}
.col-sm-2 {width: 15%;}

/* Remove blank space above answer texts in slider questions, PSJ */
.slider-list .slider-left, .slider-list .slider-right { margin-top: 1em;}
.slider-list .slider-item .control-label {margin-top: 1em;}

/* Make answer texts in slider questions smaller, PSJ */
.ls-answers {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    font-size: 12px;
}

/* Make the borders less visible around answers */
tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: dotted;
  border-width: 0;
}
.table-bordered {
  border: 0px dotted currentColor;
}
.table > :not(:first-child) {
  border-top: 0px dotted currentColor;
}

/* Border color of activated button, e.g. Yes/No button, changed to orange, PSJ  */
/*.btn-primary:active, .btn-primary.active,.btn-primary:active:hover,.btn-primary:active:hover,.open > .dropdown-toggle.btn-primary {
   border-color: #e47b07;;
}*/

/* Hide tooltip at top of slider*/
.tooltip.top {display: none;}