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

body {
	font-family: "Open Sans", sans-serif;
	font-weight:400;
	background: #fff;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color:#223654;	
}

a,
a:link,
a:visited,
a:hover,
a:hover,
.nav-link,
.navbar-light .navbar-nav .nav-link{ 
    color:#095797;
    text-decoration:underline;
}

.navbar {
    border-top: 8px solid #095797;
    border-bottom: 1px solid #d7d5d5;  
    background-color: #fff
}

.navbar h1{
    margin: 0.5rem 0 0.5rem 0;
    font-size: 1.5rem;
    color:#223654;;
}

.navbar-brand {
    min-width: 200px;
    height: auto;
    white-space:normal;
    padding-top:0;
    padding-bottom:0;
}
.navbar-expand-md .navbar-nav .nav-link {
       font-size:0.925rem;
}

.navbar-nav {
    background-color: #fff;
    padding-bottom:1rem;
}

.navbar-light .navbar-toggler {
    position:absolute;
    right:1rem;
    top:0.5rem;
}

.navbar-light .navbar-toggler {
    border-color: rgba(0,0,0,0);
}

.top-container.space-col,
.top-container .top-content{
    margin-top:0;
    margin-bottom:0;
}
 
h1, 
 h2, 
 h3, 
 h4, 
 h5, 
 h6{ 
	font-family: 'Roboto', sans serif;
    margin-bottom: 1rem;
    line-height:1.1;
}

#welcome-container .survey-name::after{
    content: "";
    display: block;
    width: 3rem;
    margin-top: 0;
    padding-top: 4px;
    border-bottom: 4px solid #e58271;
}

.btn {
    padding:1rem;
    background-color: #fff;
    border: 2px solid #095797;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
	line-height: 1;
    transition: border .2s, transform .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
	font-family:'Roboto',sans-serif;
	vertical-align: middle;
	min-width: 80px;
	font-size:1rem
}

.btn:disabled{
	pointer-events: none;
}

.btn-primary { 
    background-color: #095797;
    box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
    color: #fff!important;
    font-weight: 700;
}

.btn-primary:not([disabled]):hover {
    background-color : #156bb2;
    text-decoration: none
}

.btn-primary:focus {
    background-color : #156bb2;
    border-color: #223654;
    text-decoration: none
}
.btn-primary.disabled, 
.btn-primary:disabled {
	color: #6b778a!important;
    border-color: #9ca5b2;
    background-color: #9ca5b2;
	opacity: .8;
	transition: opacity .2s ease-in-out
}

.btn-outline-secondary,
.rq-btn-tertiaire{
    color: #095797;
    font-weight: 700
}
.btn-outline-secondary:not([disabled]):hover{
    background-color : #095797;
    color: #fff;
    text-decoration: none
}
.btn-outline-secondary:focus {
    background-color : #095797;
    border-color: #223654;
    color: #fff;
    text-decoration: none
}

.rq-btn-tertiaire{
    border-color: rgba(0,0,0,0); 
}
.form-control{
    border-color: #808A9D;
	color: #223654;
}
.form-control:focus{
    box-shadow: 0 0 0 3px #99b9e5;
}
.question-container {
   box-shadow:0px 2px 6px rgba(0, 0, 0, 0.2);
   padding:0.5rem 1rem;
   background-color:rgb(248 248 248 / 56%)
}
.question-title-container {
    display: flex;
}
.asterisk {
    margin-right: 0.5rem;
}

.ls-label-question {
     font-weight:bold;
     font-size:1.25rem;
}
.ls-answers tbody .answertext,
.ls-answers tbody .control-label {
    text-align: left;
}

.top-container .progress {
    max-width:800px;
}
.progress-bar {
    background-color: #1472BF;
}

.radio-item label::before {
   border-color:#808a9d
}

.table.ls-answers {
    margin-bottom:1rem;
}

.question-valid-container .ls-question-mandatory{
    padding-bottom:0.75rem;
}

.space-col {
    margin-top:0.5rem;
    margin-bottom:0.5rem
}

.save-message .card-body > .h2, 
.save-message .card-body > .h3, 
.save-message .card-body > h2, 
.save-message .card-body > h3 {
    margin-top:0.5rem;
}
@media only screen and (max-device-width: 760px) {
    .question-title-container {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }    
}


@media (max-width: 1024px){
    table.ls-answers tr,
    table.ls-answers th,
    table.ls-answers td{
        border: none;
    }
    
    table.ls-answers tr:not(:first-child) {
        border-top:1px solid;
    }
    
    .table>:not(:first-child) {
        border: none!important;
    }
}

@media (min-width: 576px){
    .navbar-brand {
        align-items: center;
        display: flex;
        max-width: 575px
    }
}

@media (min-width: 768px) {
    .navbar h1{
        margin: 0.5rem 0 0 2rem;
    }
    .navbar-brand {
        max-width: none
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: column;
        padding-bottom:0;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }
}

}