/******************
    NT custom CSS
    ---------------
*/
html body {
    background:whitesmoke;
}
html body #outerframeContainer {
    background:white;
    padding: 0 30px;
}
html body .navbar.navbar-default.navbar-fixed-top {
    width: 1170px !important;
    margin: auto;
    background : white url(/upload/themes/survey/NT_Survey/files/) no-repeat center center;
    background-size : cover;
}
#navbar {
    border-bottom : 1px solid #CCCCCC;
}
html body .top-container {
    margin-top: 20px;
}

/* ENTETE*/
figure.logo_lime {
    width:70px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    filter : saturate(20%);
    display:none;
}
figure.logo_nt {
    width:80px;
    bottom: 10px;
    right: 10px;
    position: absolute;
}
figure.logo_collectivite {
    width: 170px;
    margin: 20px;
}
.top-container .progress {
    height: 21px;
    margin-bottom: 0;
    width: 1170px;
    margin: auto;
    background: white;
}
.progress {
    border-radius: 0;
}
.progress-bar {
    background-color:#F6A019;
}



/* WELCOME */
#welcome-container,
.NT_Survey .privacy,
.completed-wrapper {
    margin-left : 18%;
    margin-right : 15%;
    margin-bottom : 40px;
    margin-top : 10px;
    text-align:justify;
}
.NT_Survey .privacy .ls-privacy-body:nth-child(2) {
    display : none;
}
.NT_Survey .privacy .ls-privacy-body:nth-child(1) {
    font-style: italic;
    color: #999;
}
.survey-welcome,
.completed-text {
    margin-top : 50px;
    line-height : 23px;
    font-weight:400;
    font-size: 15px;
}
.completed-text p+a {
    background: #444444;
    color: whitesmoke;
    padding: 5px 15px;
    display: block;
    margin: 20px auto;
    max-width: 40%;
    text-align: center;
    text-transform: uppercase;
}
.completed-text p+a:hover {
    background: #222222;
    text-decoration: none;
}

/*medias accueil*/
.survey-welcome figure.media {
    float: right;
    margin : 10px 0 10px 30px;
    width:40%; height: auto;
}

.survey-welcome img {
    width:100%; 
    margin: 20px 0;
}
.text-primary {
    color: #222629;
}
.survey-name {
    border-bottom: 1px solid #1E1E1C !important;
    padding-bottom:5px;
    text-transform : uppercase;
}



/* QUESTIONS */
.question-container {
    margin-bottom:50px;
    border: none !important;
    box-shadow: none !important;
}
.group-title {
	font-size: 30px !important;
	font-weight: 400 !important;
	color: #EDB401 !important;
	text-align:left;
	letter-spacing: 3px;
}
.question-title-container {
}
.question-text {
    color: #222629;
    font-weight: 500;
    font-size: 21px;
    border-bottom: 1px solid #1E1E1C !important;
    padding-bottom : 1px;
}
/*Titres Commentaires*/
#question154 .question-text,
#question156 .question-text,
#question161 .question-text,
#question163 .question-text,
#question165 .question-text,
#question167 .question-text {
    border-bottom: 0 !important;
}
/*Espaces avant Commentaires*/
#question153.question-container,
#question155.question-container,
#question160.question-container,
#question162.question-container,
#question164.question-container,
#question166.question-container {
    margin-bottom: 0 !important;
}

.text-info {
    color: #80898e;
}
.text-danger {
    color: #776363;
}
.ls-answers {
    font-size: 110%;
}
.checkbox-item input[type="checkbox"]:checked+label::after, 
.checkbox-item input[type="radio"]:checked+label::after {
    background-color: #F6A019;
}
body .answer-item label::after {
    background-color: #F6A019;
}
.numeric-item .ls-input-group,
.numeric-item .numeric {
    width: 200px;
}
.numeric-item.slider-item .ls-input-group {
    width: 100%;
}



/*BOOTSTRAP */
.btn {
    border-radius:2px;
}
.btn-primary {
    background-color: #80898e;
    border-color: #626d72;
}
.btn-primary#ls-button-submit {
    background-color: #2e3335;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, 
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #F6A019;
    border-color: #303538;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-color: #F6A019;
    border-color: #303538;
}
.btn-primary:hover {
    background-color: #4c5459;
    border-color: #303538;
}

.slider.slider-horizontal .slider-tick.triangle, 
.slider.slider-horizontal .slider-handle.triangle {
    border-bottom-color: #F6A019;
}




/*CLASSEMENTS*/
.select-sortable-lists .col-sm-6:nth-child(1) .ls-choice:hover {
    background-color:#FAFBFA;
}
.select-sortable-lists .col-sm-6:nth-child(1) .ls-choice:active {
    background-color:#EEEEEE;
}
.select-sortable-lists .col-sm-6:nth-child(2) .ls-choice {
    background-color:#FAFBFA;
    border-top:1px solid #F6A019;
    border-bottom:1px solid #F6A019;
}




/* TABLEAUX*/
table.question thead th,
table.question tbody tr.repeat th {
	padding:2px 5px;
	text-align:center;
	vertical-align:bottom;
}

table.subquestions-list thead tr.dontread th:nth-child(2),
table.subquestions-list thead tr.dontread th:nth-child(3),
table.subquestions-list thead tr.dontread th:nth-child(4),
table.subquestions-list thead tr.dontread th:nth-child(5) {
	text-indent: -999em;
	height: 34px;
	width: 13% !important;
}

table.subquestions-list thead tr.dontread th:nth-child(2) {
	background: #95C11F url(smiley-1.png) center center no-repeat;
}
table.subquestions-list thead tr.dontread th:nth-child(3) {
	background: #DEDC00 url(smiley-2.png) center center no-repeat;
}
table.subquestions-list thead tr.dontread th:nth-child(4) {
	background: #F39200 url(smiley-3.png) center center no-repeat;
}
table.subquestions-list thead tr.dontread th:nth-child(5) {
	background: #BE1622 url(smiley-4.png) center center no-repeat;
}
table.subquestions-list thead tr.dontread th:nth-child(6) {
	  font-size: 90%;
	  line-height: 14px;
}


/* on efface la col sans réponse */
table.subquestions-list colgroup col:nth-child(6),
table.subquestions-list tr th:nth-child(6),
table.subquestions-list tr td:nth-child(6) {
	width: 0 !important;
	display: none;
}

