#topic_poll {
}

#topic_poll #topic_poll_header {
    font-weight: bold;
    margin: 0px;
    padding: 8px;
}

#topic_poll #topic_poll_title {
    font-size: 22px;
}

#topic_poll #topic_poll_details {
    padding: 6px;
    font-size: 12px;
    margin: 6px 0;
    border: 1px solid #bbb;
    background-color: #eef3f8;
	font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#topic_poll #topic_poll_question {
    padding: 10px;
    font-weight: bold;
}

#topic_poll #topic_poll_statusmessage {
	color: #2981aa;
    padding-bottom: 15px;
    font-weight: bold;
}

#topic_poll #topic_poll_answers {
    padding: 8px 20px;
}

#topic_poll #topic_poll_answers table {
    border-top: 1px dashed #ddd;
}

#topic_poll #topic_poll_answers table td {
    padding: 5px 10px 5px 0px;
    border-bottom: 1px dashed #ddd;
}

#topic_poll #topic_poll_answers .topic_poll_percentage_bar {
    border: 1px solid #2981aa;
    background-color: #2981aa;
}

#topic_poll_novotenoread {
    font-weight: bold;
    margin: 12px 0;
}

#topic_poll .topic_poll_results {
    border-top: 1px dashed #ddd;
}
#topic_poll .topic_poll_results_block {
	display: flex;
	padding: 4px 0;
	flex-direction: row;
	flex-flow: row;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: center;
	justify-content: center;
    border-bottom: 1px dashed #ddd;
}
#topic_poll .topic_poll_results_title {
	flex: 1 0 50%;
}
#topic_poll .topic_poll_results_cont {
	flex: 1 0 50%;
}
#topic_poll .topic_poll_results table {
	width: 100%;
}
#topic_poll .topic_poll_results table, #topic_poll .topic_poll_results td {
    border-style: none !important; 
}
#topic_poll .topic_poll_votes_column {
	width: 65px;
}
#topic_poll .topic_poll_percentage_column {
	width: 70px;
}


/*****************************************************************/
/**********     INICIO MEDIA QUERY PANTALLAS SIZE S     **********/
/*****************************************************************/

@media (max-width: 639px) {
	
	#topic_poll .topic_poll_results_block {
		flex-wrap: wrap;
	}
	#topic_poll .topic_poll_results_title {
		flex: 1 0 100%;
	}
	#topic_poll .topic_poll_results_cont {
		flex: 1 0 100%;
	}
	
} /* end media query pantallas Size S */


/*****************************************************************/
/**********     INICIO MEDIA QUERY PANTALLAS SIZE M     **********/
/*****************************************************************/

@media (min-width: 640px) and (max-width: 1069px) {
	
	#topic_poll #topic_poll_header {
		padding: 0 0 8px 0;
		display: flex;
		flex-direction: row;
		flex-flow: row;
		flex-wrap: nowrap;
		align-content: stretch;
		align-items: center;
		justify-content: center;
	}

	#topic_poll #topic_poll_title {
		flex: 1 0 auto;
	}

	#topic_poll #topic_poll_details {
		flex: 0 0 45%;
		margin: 0 0 0 12px;
	}
	
} /* end media query pantallas Size M */


/*****************************************************************/
/**********     INICIO MEDIA QUERY PANTALLAS SIZE L     **********/
/*****************************************************************/

@media (min-width: 1060px) {
	
	
	#topic_poll #topic_poll_header {
		padding: 0 0 8px 0;
		display: flex;
		flex-direction: row;
		flex-flow: row;
		flex-wrap: nowrap;
		align-content: stretch;
		align-items: center;
		justify-content: center;
	}

	#topic_poll #topic_poll_title {
		flex: 1 0 auto;
	}

	#topic_poll #topic_poll_details {
		flex: 0 0 30%;
		margin: 0 0 0 12px;
	}
	
}