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

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }


/* Backgrounds */
body {
    background-color:gray;
    background-image:url(../files/ru_raster.png), url(../files/MicrosoftTeams-image2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed, fixed;
    background-size: auto, cover;
	background-position: center;
}

body > article {
    background-color:white;
}
.navbar-default {
    background-color:white;
}


/* Content and navbar max width and centering */
.navbar {
    max-width:950px;
    height:60px;
    margin: auto;
}
body > article {
    max-width: 950px;
    margin: auto;
}
#outerframeContainer {
    width: auto;
}

/* Navigation bar height and logo size */
.logo-container > img {
    max-height: 50px;
    padding: 3px 15px;
}
.navbar-brand {
    min-height: 50px;
}


/* Spacing between navbar and content and padding for progress bar */
body .top-container {
    margin-top: 15px !important;
    padding: 15px 0;
}


/* Reduce spacing in content */
.space-col {
    margin-top: 0;
    margin-bottom: 1em;
}
body .top-container {
    margin-bottom: 0;
}


/* Set radboud colors */
.text-info,
.text-primary {
    color: #006696;
}
.btn-primary {
    background-color: #028ccb;
    border-color: #028ccb;
}
.btn-primary:hover {
    background-color: #006696;
}
.progress-bar {
    background-color: #028ccb;
}
/*Pascal: Change the color and the font size of the SURVEY TITLE(s)*/
h1,
.group-title {
    color: #b52719;
    font-size: 30px;
}
.survey-description {
    color: #777;
}


/* Also center welcome text on intro page (title was already centered) */
.survey-welcome {
    text-align:center;
}


/* Also center question count on intro page and add margin between it and start button */
.question-count-text {
    text-align:center;
    margin-bottom: 10px;
}


/* Make question text bigger */
.ls-label-question {
    font-size: 1.3em;
}

.ls-answers tbody .answertext {
    text-align: left;
}


.withslider {
height:5px;
}



/* Onderstaande commands zijn toegevoegd door Pascal:*/
.slider-container {
margin-bottom: 0.5em;
margin-top: 0.5em;
  overflow: hidden;
/*  width: 100%;*/
}

/* Pascal: Change the font size of the survey title. In LimeSurvey, it's called "padding top" */
/*body {
/*     padding-bottom: 10px;
/*     padding-top: 50px;/* now is redefine in JS to fit any title length */
/*} */



.numeric-item input[data-number='1'] {
    text-align: left;
}

/*  Having the labels before the numerical input left-aligned - I like it better when using multiple numerical input. */
.form-horizontal label.control-label {
    text-align: left ;
}

/* Pascal: Standaard op "Off" zetten van tips:*/
.ls-em-tip.em_default{display:none}


/* Pascal: Zwart maken van de welcome-screen tekst "This is a sample survey description. It could be quite long. But this one isn't."

.welcome-text {
    color: black;
    text-align: left;
}