body {/* padding-top: 5rem; */}
.starter-template { padding: 3rem 1.5rem; text-align: center; max-width:480px;margin: 0 auto;}
.starter-anket { padding: 3rem 1.5rem; max-width:480px;margin: 0 auto;}
.starter-msgs { padding: 3rem 1.5rem; max-width:480px;margin: 0 auto;}

#normal{ text-align: left; margin-left: 10%; }
#smileys input[type="radio"] {
	-webkit-appearance: none;
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 100px;
	cursor: pointer;
	transition: border .2s ease;
	margin: 0 5px;
	transition: all .2s ease;
}

#smileys input[type="radio"]:hover { filter: grayscale(0); }

#smileys input[type="radio"]:focus { outline: 0; }

.best {
	filter: invert(47%) sepia(89%) saturate(1240%) hue-rotate(83deg) brightness(98%) contrast(80%);
	background: url('../img/smile04.svg') center;
	background-size: cover;
}
.best:checked { filter:	grayscale(0); background-color: #23B526; }

.happy {
	filter: invert(74%) sepia(73%) saturate(434%) hue-rotate(30deg) brightness(97%) contrast(90%);
	background: url('../img/smile03.svg') center;
	background-size: cover;
}
.happy:checked { filter:	grayscale(0); background-color: #A1DD3A; }

.neutral {
	filter: invert(85%) sepia(76%) saturate(3634%) hue-rotate(332deg) brightness(98%) contrast(104%);
	background: url('../img/smile02.svg') center;
	background-size: cover;
}
.neutral:checked { filter:	grayscale(0); background-color: #FFD41D; }

.sad {
	filter: invert(50%) sepia(76%) saturate(1140%) hue-rotate(347deg) brightness(101%) contrast(103%);
	background: url('../img/smile01.svg') center;
	background-size: cover;
}
.sad:checked { filter:	grayscale(0); background-color: #FF7C1A; }


.result{ /*display: none;*/ }

.card-footer.soru {

text-align:right;font-size:12px;
padding: 5px 5px;
}

.card-footer.baslik {

text-align:left;
font-size:12px;
font-weight:500;
padding: 5px 5px;
background-color: rgb(255, 255, 255);
}




.soruradio {

float: left;
    color: #d8d8d8;
    font-size:12px;
    line-height:18px;

}

.soruradio.ok{
    color: #b8b8b8;


}

.custom-control-label {
/*margin-bottom:0.50rem;*/
line-height:40px;
    width: 90%;
    font-size: 18px;
}

.custom-control-label::before {

    left: -2.5rem;
    width: 1.5rem;
    height: 1.5rem;
    margin: 5px;
}

.custom-control-label::after {

    left: -2.5rem;
    width: 1.5rem;
     height: 1.5rem;
   margin: 5px;
    }


.card-title {
    margin-bottom: 0rem;
}


textarea {
  resize: none;
}
textarea.ta10em {
  height: 10em;
}
.picon {min-height:30px;}


.alert-danger {background: linear-gradient(135deg, rgba(248,215,218,1) 50%, rgba(248,215,218, 0.5) 100%);}
.alert-primary {background: linear-gradient(135deg, rgba(204,229,255,1) 50%, rgba(204, 229, 255, 0.5) 100%);}
.favbar {

max-width:480px;
left: 50%;
margin-left: -240px;

}

.botlog {

height:24px;float:right;margin-right: 2px;
    margin-top: -5px;
}


@media (max-width: 575.98px) { 

.favbar {

max-width:375px;
margin-left: -188px;

}

 .container {padding-right: 0px;
    padding-left: 0px;}

.starter-template {
    padding: 20px 10px;
    
    }

 }