*{
	/*font-family: 'Lato', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
}

h5{
	font-size:11px;
	color:#FFF;
}

header{

}

.parall-fondo{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 645px;
}

.leto-thin{
	font-weight: 300;
}

.leto-normal{
	font-weight: 400;
}

.leto-bold{
	font-weight: 700;
}

.leto-ubold{
	font-weight: 900;
}

.logo{
	padding-top: 20px;
	padding-bottom: 20px;
}

.header-nav{
	background-color: #393939;
}

.bg-white{
	background-color: #ffffff;
}

.bg-gray-osc{
	background-color: #1C1C1C;
}

.bg-gray-medio{
	/*background-color: #393939;*/
}

.bg-gray-claro{
	background-color: #E6E6E6;
}

.txt-gray-osc{
	color: #1C1C1C;
}

.txt-gray-medio{
	color: #393939;
}

.txt-gray-claro{
	color: #666;
}

.txt-white{
	color: #FFFFFF;
}

.btn-black-2{
	background-color: #1C1C1C;
	color: #fff;
    border-color: #1C1C1C;
}
.btn-black-2:hover{
	background-color: #393939 ;
	color: #fff;
    border-color: #393939 ;
}

.txt-neongreen{
	color:#85BC22;
	font-weight: bold;
}



.header-nav a{
	text-decoration:none;
	color:#85be23;
	margin: 2px 20px 2px 0px;
}

footer{
	min-height: 50px;
}

.mycontent{
	/*background: url(/encuestaclima/images/fondo_habitat.jpg) center;
	background-repeat: repeat-y;*/
	min-height: 500px;
}

.alpha60 { 
	color: #FFF;
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: rgb(0, 0, 0) transparent; 
	/* RGBa with 0.6 opacity */ 
	background: rgba(0, 0, 0, 0.6); 
	/* For IE 5.5 - 7*/ 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); 
	/* For IE 8*/ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; 
}

a.a-btn{
	text-decoration: none;
}

.show-grid{
	margin-bottom: 15px;
}

.info-user{
	padding: 25px;
  	max-width: 660px;
}

.info-user .media-body{
	padding-left: 14px;
}

.info-user .det-user{
	line-height: 1.9;
}

.info-desafio{
  min-height: 40px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 25px;
  margin-left: auto;
  color: #FFFFFF;
  border-radius: 20px;
}

.box-categ{
	cursor: pointer;
	/*padding: 10px;*/
}

.box-categ:hover{
	color: #FFF;
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: rgb(140, 170, 48) transparent; 
	/* RGBa with 0.6 opacity */ 
	background: rgba(140, 170, 48, 0.7); 
	/* For IE 5.5 - 7*/ 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8caa30, endColorstr=#8caa30); 
	/* For IE 8*/ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8caa30, endColorstr=#8caa30)"; 
}

/*.box-categ p.title{
	background-color: #FFFFFF;
	color: #000000;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -8px;
	padding: 2px 10px
}*/

.preg-alternativas{
	padding-left: 10px;
	padding-right: 10px;
}

.preg-alternativas .btn{
  margin-top: 5px;
  margin-bottom: 5px;
}

.preg-alternativas .btn-op{
	white-space: normal !important;
	border-right: 10px solid rgba(0, 0, 0, .0);
	border-left: 10px solid rgba(0, 0, 0, .0);
	border-top: 0px #FFFFFF !important;
	border-bottom: #FFFFFF 0px !important;
	border-radius: initial;
	background-clip: padding-box;
}

.preg-alternativas .btn:hover{
	background-color: #69C;
	border-right: 10px solid rgba(0, 0, 0, .0);
	border-left: 10px solid rgba(0, 0, 0, .0);
	border-top: 0px #333399 !important;
	border-bottom: #333399 0px !important;
}

.feed-resp {
	color: #FFFFFF;
}

.feed-resp {
	font-size: 16px;
}

#div_categ_preg .feed-right{
	background-color: #95b82c;
}

#div_categ_preg .feed-wrong{
	background-color: red;
}

.miscomodines div.title-com{
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.miscomodines div.comodin, #collapseOne div.comodin{
	width: 60px;
	height: 60px;
	background-color: red;
	border-radius: 30px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none; 
}

.miscomodines div.comodin.active{
	cursor: pointer;
}

.miscomodines div.comodin.usando{
	background-color: green;
}

#accordion .panel{
	border: 0px;
}

#accordion .panel-body{
	border-top: 0px;
}

.rev-comodin{
	color:#FFFFFF;

}

.rev-comodin li{
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.rev-comodin li div.comodin{
	display: block !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-top: 22px !important;
}

.rev-comodin li p{
	width: 240px;
}

.btn-continue, .btn-ver-ranking{
	cursor: pointer;
}

.btn-continue:hover{
	font-weight: bold;
}

.btn-continue:hover>span.glyphicon-chevron-right,.btn-ver-ranking:hover>span.glyphicon-chevron-right{
  display: inline-block;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.btn-continue:hover>span.glyphicon-chevron-right,.btn-ver-ranking:hover>span.glyphicon-chevron-right{
  -moz-transform: translateX(15px);
  -webkit-transform: translateX(15px);
  -o-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.feed-question{

}

.feed-question .cat-title{
	background-color: #FFFFFF;
	color: #000000;
	margin-left: -3px;
	padding: 13px 13px;
	font-weight: bold;
}

.rank-detalle{
	
}

.rank-title{
	height: 30px;
	background-color: #5cb85c;
	color: #FFFFFF;
  	font-weight: bold;
  	padding-top: 4px;
  	
}

.rank-list{
	display: none;
}

.rank-list li{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	font-weight: bold;
}

.rank-list li.success{
	/*background-color: #7d9736;*/
	/* Fallback for web browsers that doesn't support RGBa */ 
	background: rgb(181, 240, 20) transparent; 
	/* RGBa with 0.6 opacity */ 
	background: rgba(181, 240, 20, 0.6); 
	/* For IE 5.5 - 7*/ 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7d9736, endColorstr=#7d9736); 
	/* For IE 8*/ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7d9736, endColorstr=#7d9736)"; 
}

.getDesafio{
	cursor: pointer;
}

.divisor{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-color: #999;
}

.divi-neongreen{
	margin-top: 0px !important;
	border: 2px solid #85BC22;
}

.divi-white{
	margin-top: 0px !important;
	margin-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
}

.divi-gray-claro{
	margin-top: 0px !important;
	margin-bottom: 10px;
	border-bottom: 1px solid #E6E6E6;
}

.btn-categ{
	margin-top: 30px;
	margin-bottom: 20px;
}
	
.circle {
	margin-left: auto;
	margin-right: auto;
	border-radius: 50%;
	width: 100%;
	position: relative;
	max-width: 190px;
	max-height: 190px;
}

.circle-border {
	border: 1px solid black;
}

.circle-border.completed {
	border: 1px solid black;
	background: #85BC22;
}

.circle-solid{
	background-color: whitesmoke;
}

.circle:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.circle-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
}

.score-text {
	margin: auto;
	position: absolute;
	top: -50%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
}

.categorias .btn-categ:first-child .circle-border, .bg-categ-1{
	 background-color:#2bb673;
}

.categorias .btn-categ:nth-child(2) .circle-border, .bg-categ-2{
	background: #ff3333;
}

.categorias .btn-categ:nth-child(3) .circle-border, .bg-categ-3{
	background: #3399cc;
}

.categorias .btn-categ:nth-child(4) .circle-border, .bg-categ-4{
	background: #66cc99;
}

.categorias .btn-categ:nth-child(5) .circle-border, .bg-categ-5{
	background: #663399;
}

.categorias .btn-categ:first-child .circle-border:hover{
	background: #ff994b;
}

.categorias .btn-categ:nth-child(2) .circle-border:hover{
	background: #ff334b;
}

.categorias .btn-categ:nth-child(3) .circle-border:hover{
	background: #3399e5;
}

.categorias .btn-categ:nth-child(4) .circle-border:hover{
	background: #66ccb2;
}

.categorias .btn-categ:nth-child(5) .circle-border:hover{
	background: #6633b2;
}

.txt-bg-categ-1{
	color: #ff9933;
}

.txt-bg-categ-2{
	color: #ff3333;
}

.txt-bg-categ-3{
	color: #3399cc;
}

.txt-bg-categ-4{
	color: #66cc99;
}

.txt-bg-categ-5{
	color: #663399;
}

.no-padding-right{
	padding-right: inherit;
}
/*
#div_categ_preg .box-tema:first-child .titulo-tema{
	color:#85BC22;
	font-weight: bold;
}

#div_categ_preg .box-tema:nth-child(2) .titulo-tema{
	color:#00A3E0;
	font-weight: bold;
}

#div_categ_preg .box-tema:nth-child(3) .titulo-tema{
	color:#FFC306;
	font-weight: bold;
}

#div_categ_preg .box-tema:first-child .row:first-child ul.list-inline{
	background-color:#85BC22;
}

#div_categ_preg .box-tema:nth-child(2) .row:first-child ul.list-inline{
	background-color:#00A3E0;
}

#div_categ_preg .box-tema:nth-child(3) .row:first-child ul.list-inline{
	background-color:#FFC306;
}*/


/* custom radio button */

ul.preg-alts li{
  color: #000000;
  position: relative;
}

ul.preg-alts li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul.preg-alts li label{
    position: absolute;
    width: 25px;
    height: 25px;
    margin-bottom: 0px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    
}

ul.preg-alts li:hover label{
	color: #85BC22;
}

ul.preg-alts li .check{
  display: inline-block;
  background-color: #FFFFFF;
  border-radius: 100%;
  height: 25px;
  width: 25px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}


/*
ul.preg-alts li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}*/

.check > .inside{
	position: absolute;
    width: 25px;
    height: 25px;
}

input[type=radio]:checked ~ .check>.inside {
  background-color: #85BC22;
  border-radius: 100%;
}
/*
input[type=radio]:checked ~ .check {
  border: 5px solid #85BC22;
}

input[type=radio]:checked ~ .check::before{
  background: #85BC22;
}

input[type=radio]:checked ~ label{
  color: #85BC22;
}*/

/* custom radio button */

@media screen and (min-width: 768px){
	.box-tema-table{
		display: table;
		float: none;
	}
	.box-tema-table>.row{
		display: table-row;
	}
	.box-tema-table > .row  > .md-table-cell{
		display: table-cell;
		float: none;
		vertical-align: middle;
	}

	.box-tema-table > .row  > .md-table-cell > .md-table-cell-alt{
		display: table-cell;
		float: none;
		width: 500px;
	}

	ul.preg-alts li:hover .check {
	  /*border: 5px solid #85BC22;*/
	  background-color: #cccccc;
	}
}


@media screen and (min-width: 992px){
	.preg-alternativas{
		display: table !important;
		width: 100%;
	}

	.group-options{
		display: table-row;
	}
	
	.preg-alternativas .btn-op{
		display: table-cell !important;
		white-space: normal !important;
		float: none !important;
	}

	.rank-detalle{
		max-height: 300px;
		overflow: auto;
	}

	.rank-title{
		margin-bottom: 0px;
		cursor: default;
	}

	.rank-list{
		display: block;
	}
}

@media screen and (max-width: 991px){
	.rank-title{
		margin-bottom: 10px;
		cursor: pointer;
	}

	.feed-final .media-heading{
		font-size: 24px;
	}
}

@media screen and (max-width: 768px){
	.md-table-cell{
		padding-top: 10px;
	}	
}

@media screen and (max-width: 410px){
	.score-text{
		font-size: 10px;
		top:-55%;
	}

	.score-text p{
		margin-top: 0px;
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 320px){
	.btn-send-answers{
		font-size: 12px !important;
		text-align: justify;
	}

	.btn-send-answers img{
		width: 16%;
	}

	.btn-send-answers .glyphicon-menu-right{
		font-size: 20px;
	}
}

@media screen and (max-width: 290px){
	h2{
		font-size: 26px;
	}
}