/******************
    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.googleapis.com/css2?family=Playfair+Display&display=swap');


.fadista{margin-bottom: 20px;}

body {
	font-family: "Playfair";
font-size: 24px;
	color: rgba(204,153,0,1);
	background-color: rgba(0,0,0,1);
	text-align: center;


}

/* ACORDION */

div#regras {
    margin-bottom: 40px;
    padding: 0 20px;
}
#regras .card-body {
    text-align: left;
    padding: 20px;
    font-size: 18px;
    border: 1px solid #b46c26;
}

.btn_regras {
    background-color: #b46c26;
    border: 1px solid #b46c26;
    color: #ffffff !important;
    font-size: 20px;
}

.btn_regras:hover{    
    background-color: #75471a;
}

.survey-description .h4, h4 {
    font-size: 30px;
    font-weight:800;
    border-bottom: 1px solid #b46c26;
    padding:0 100px 10px 100px;
}
.list-samechoiceheight div:first-child:before {
    content: "PASSO 1 | FAÇA A SUA ESCOLHA";
    font-size: 28px;
    clear: both;
    display: block;
    color: #b46c26;
}
.list-samechoiceheight div:nth-child(2):before {
    content: "PASSO 2 | ATRIBUA A SUA PONTUAÇÃO";
    font-size: 28px;
    clear: both;
    display: block;
    color: #b46c26;
}
.list-samechoiceheight div:nth-child(2):after {
    content: "1.º Lugar: 12 Pontos | 2.º Lugar: 10 Pontos | 3.º Lugar: 8 Pontos | 4.º Lugar: 7 Pontos | 5.º Lugar: 6 Pontos";
    font-size: 14px;
    clear: both;
    display: block;
    color: #ffffff;
}
.TABINFO TD {
	padding: 10px;
}

.question-text {
	text-align: center;
	font-size: 30px;font-weight: 800;
}

.fruity .btn-primary[disabled] {
	background-color: #b46c26;
	border: 1px solid #b46c26;
}

#question5 ul {
	display: inline-block;
	width: 50%;
	margin: auto;
}

li#javatbd512192X3X5Y:hover {
	background-color: #75471a;
}

li#javatbd512192X3X5Y {
	background-color: #b46c26;
	border: 1px solid #ffffff;
}

#question5 .answer-container ul {
	text-align: center;
}


.fruity .text-info,
.fruity .text-primary {
	color: #ffffff;
}

.navigator .btn-primary {
	background-color: #b46c26;
	color: #ffffff;
	border: 1px solid #b46c26;
}

.navigator .btn-primary:hover {
	background-color: #257e20;
	color: #ffffff;
	border: 1px solid #ffffff;
}

.completed-text {
	color: #fff;
	text-align: center;
	font-size: 24px;
	min-height: 350px;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 150px;
}

.botao {
	width: 100%;
	text-align: center;
}

button#ls-button-submit {
	padding: 40px;
	min-width: 450px;
}

.esquerda, #vmsg_4_num_answers {
	display: none;
}

li#javatbd262513X2X2N,
li#javatbd512192X3X5N {
	display: none;
}

#javatbd262513X2X2Y label,
#javatbd512192X3X5N label {
	text-transform: uppercase;
}

#question2,
#question5 {
	text-align: center;
	font-size: 20px;
}

#welcome-container,
#question1,
#question2,
#question4,
#question5 {
	border: 1px solid #b46c26;
}

.fadolista {
	float: right;
	font-size: 12px;
}

.fadolista2 {
	text-align: center;
	font-size: 12px;
}

#welcome-container {
	margin-right: -15px;
	margin-left: -15px;
}

#navigator-container {
	text-align: center;
}

div#welcome-container,
#question1,
#question2,
#question4,
#question5 {
	background-color: rgba(0, 0, 0, 0.8);
	padding: 20px;
}

.list-samechoiceheight .sortable-list {
	margin-top: 40px;
}

.sortable-subtitle {
	font-weight: 400;
}

h3,
h2,
.sortable-subtitle,
.question-text,
.radio-item {
	color: #ffffff;
}

.asterisk,
.question-number,
#vmsg_1_num_answers,
.survey-name {
	display: none;
}

h2 {
	font-weight: 800;
	font-size: 48px;
}

.survey-description H3 {
	LINE-HEIGHT: 1.5;
}
.sortable-list {
    padding-bottom: 2em;
    border: 1px solid #b46c26;
    padding-bottom: 2em;
}
.sortable-subtitle {
	line-height: 1.5;
	font-size: 16px;
}
.fruity .list-group-item {
    background-color: rgba(180, 108, 38, 0.7);
    color: #ffffff;
    border: 1px solid #dadada; font-size:120%;letter-spacing: 3px;
}
#sortable-choice-1 LI,
#sortable-rank-1 li {
	font-size: 16px;
}

#sortable-rank-1 li:first-child:before,
#sortable-rank-4 li:first-child:before {
	content: "1º lugar: ";
}

#sortable-rank-1 li:nth-child(2):before,
#sortable-rank-4 li:nth-child(2):before {
	content: "2º lugar: ";
}

#sortable-rank-1 li:nth-child(3):before,
#sortable-rank-4 li:nth-child(3):before {
	content: "3º lugar: ";
}

#sortable-rank-1 li:nth-child(4):before,
#sortable-rank-4 li:nth-child(4):before {
	content: "4º lugar: ";
}

#sortable-rank-1 li:nth-child(5):before,
#sortable-rank-4 li:nth-child(5):before {
	content: "5º lugar: ";
}

#sortable-rank-1 li:first-child,
#sortable-rank-4 li:first-child {
	background-color: rgba(0, 102, 0, 0.7);
	color: #ffffff;
}

#sortable-rank-1 li:nth-child(2),
#sortable-rank-4 li:nth-child(2) {
	background-color: rgba(0, 102, 0, 0.6);
	color: #ffffff;
}

#sortable-rank-1 li:nth-child(3),
#sortable-rank-4 li:nth-child(3) {
	background-color: rgba(0, 102, 0, 0.5);
	color: #ffffff;
}

#sortable-rank-1 li:nth-child(4),
#sortable-rank-4 li:nth-child(4) {
	background-color: rgba(0, 102, 0, 0.4);
	color: #ffffff;
}

#sortable-rank-1 li:nth-child(5),
#sortable-rank-4 li:nth-child(5) {
	background-color: rgba(0, 102, 0, 0.3);
	color: #ffffff;
}

.fruity .question-container.input-error {
	box-shadow: 0 0px 0px rgba(255, 255, 255, 0.9);
}

.completed-text {
	color: #ffffff;
	text-align: center;
	font-size: 18px;
}

.modal-backdrop {
	position: inherit;
}

.fruity .text-info,
.fruity .text-primary {
	color: #ffffff;
}

.fruity .btn-info {
	color: #fff;
	background-color: #b46c26;
	border: 1px solid #b46c26;
}

.fruity .btn-default {
	background-color: #b46c26;
	border: 1px solid #b46c26;
	color: #b46c26;
}

.fruity .btn-default:hover,
.fruity .btn-default:focus,
.fruity .btn-default:active,
.fruity .btn-default.active,
.fruity .open .dropdown-toggle.btn-default {
	color: #b46c26;
	border: 1px solid #b46c26;
	background-color: #dcb979;
}

.fruity a {
	color: #b46c26;
}

.logo-container>img {
	max-height: 120px;
	padding: 15px;
	width: auto;
}

/* Modal */

h4.modal-title {
    padding: 0;
}

.video iframe {
    width: 100%;
    min-height: 475px;
}

.desc {
    padding: 0 20px;
}

.video{
    padding: 20px;
}
.modal-body{
	color: #333333;
}

.modal-header {
	color: #333333;
	border-bottom: 0px solid #e6e6e6 !important;
	padding: 10px 30px;
}

.modal-footer {
    border-top: 0px solid #e6e6e6 !important;
    padding: 0 30px 20px 0;
}

button.btn.btn-default.fechar {
    background-color: #b46c26;
    color: #ffffff;
    border: 1px solid #b46c26;
}

button.btn.btn-default.fechar:hover{    
    background-color: #75471a;
}




@media (min-width: 768px) {
	.yesno-button,
	.gender-button {
		float: none;
	}
}


/** smart **/

@media only screen and (max-width: 600px) {
    
    .list-samechoiceheight div:first-child:before {
        font-size: 17px;
    }
    
    .list-samechoiceheight div:nth-child(2):before {
        font-size: 17px;
    }
    
    .fruity .list-group-item {
        font-size: 75%;
    }
    
    #regras ul {
        padding-inline-start: 20px;
    }
    
    .video iframe {
        min-height: auto !important;
    }
    .desc {
        padding: 0;
    }
    .modal-header{
        padding: 10px 10px;
    }
    
    .video{
        padding: 20px 0;
    }
    button#ls-button-submit {
        min-width: auto !important;
    }
    .survey-description .h4, h4 {
        font-size: 22px;
    }
    #question5 ul {
        width: 100% !important;
    }
    
}

@media only screen and (min-width: 600px) {
	body {
		
	}
	div#welcome-container,
	#question1,
	#question2,
	#question4,
	#question5 {
		width: 100%;
	}
	
	
}