@CHARSET "UTF-8";
input[type=radio]{
	display:none;
}
/*PAGE*/
/*exemple site : https://trakt.tv/*/
header#top-nav #top-brand {
    position: absolute;
    left: 50%;
    margin: 0px 0px 0px -32.5px;
}
.navbar-brand>img{
	width:50%;
}
header#top-nav .navbar-nav.brand-left {
    position: absolute;
    right: 50%;
    margin-right: 40px;
}
header#top-nav .navbar-nav.brand-right {
    position: absolute;
    left: 51%;
    margin-right: 40px;
}
/*FORM*/
i.fa-leaf,i.fa-question{
	font-size : 30px;
}
@media (min-width: 768px){
/*.container {
    //max-width: 730px;
    max-width: 100%;
    background: #FFF;
}*/
i.fa-leaf, i.fa-question{
	font-size : 60px;
}
}
.row{
	padding : 7px;
}
.green{
	color : green;
}
.green:hover{
	color:darkgreen;
}
.orange{
	color : orange;
}
.orange:hover{
	color : #b16907;
}
.yellow{
	color : yellow;
}
.yellow:hover{
	color : #d6d809;
}
.red{
	color : red;
}
.red:hover{
	color:#c60107;
}
i.fa-question{
	color : darkgrey;
}
i.fa-question:hover{
	color : grey;
}
.space{
	margin-top: 30px;
}
label{
	font-weight: normal;
	font-size : 24px;
	font-weight : 400 !important;
}
@media only screen and (min-width: 321px){
label {
    font-size: 20px;
    font-weight : 400 !important;
    margin-right:15px;
	}
}
/*PROGRESS BAR*/
.goalProgress {
	background: #68bf83;
	padding: 5px;
	position: fixed;
	bottom: 0px;
	width : 90%;
}
div.progressBar {
	background: #2d643c;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: -1px;
	font-weight: 700;
	padding: 10px;
	display: block;
	width: 20px;
}
span.goalAmount {
	display: none;
	text-indent: -9999px;
}
.no-margin{
	margin : 0px;
}
footer{
	padding-top:15px;
	padding-bottom:15px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #f5f5f5;
	z-index:9;
}
.textarea{
	width: 50%;
    height: 25%;
    margin-bottom: 15px;
}
/*phone screen*/
@media only screen and (max-width: 728px){
	.textarea{
	width : 100%;}
#treePanel{
width : 100%;
}
.bourgeon>img{
	height : 40px;
}
}
@media only screen and (min-width: 728px){
#treePanel{
width : 70%;
margin: 0 auto;
}
}
@media only screen and (min-width: 992px){
#treePanel{
width : 60%;
margin: 0 auto;
}
}
@media only screen and (min-width: 1200px){
#treePanel{
width : 60%;
margin: 0 auto;
}
}
@media (min-width: 768px){
.container {
    width: 100% !important;
}
}
@media (min-width: 1200px){
.container {
    width: 1170px !important;
}
}
.success {
	color: #25AB30;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
.color-box{
	padding: 0px 10px;
}
.custom-select{

}
@media only screen and (min-width: 728px){
.custom-select{
	width: 40% !important;
	margin: 0 auto;
}
}
.shadow-box{
	webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
}
.padding-15{
	padding : 15px;
}
.margin-top-15{
	margin-top : 15px;
}
.answered{
	border-bottom : 3px solid;
}
.bourgeon, .answered{
	color:#FFF;
}
.answered>img{
	border-bottom : 3px solid #DEA994;
	padding-bottom : 5px;
}
.primary-outline{
	color: #337ab7 !important;
    background-color: #FFF !important;
    border: 1px solid #2e6da4 !important;
}
.primary-outline:hover{
	color: #FFF !important;
    background-color: #2e6da4 !important;
    border: 1px solid #2e6da4 !important;
}
.bg-success{
	color : #FFF;
	background: green !important;
	border-color : rgba(32,182,12,0.3);
	padding : 5px;
}
.bg-error{
	color : #FFF;
	background: #e81414 !important;
	border-color : rgba(232,20,20,0.3);
	padding : 5px;
}
.activeTab {
	-border-bottom: 2px solid #252055;
	border-bottom: 2px solid #16a15b;
}