/******************
    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=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap');
/*@font-face
{    font-family:'Gilroy-Light';
    src:url('./files/Gilroy-Light.eot?#iefix') format('embedded-opentype'),url('https://hoper.pl/tb/Gilroy-Light.otf') format('opentype'),url('./files/Gilroy-Light.woff') format('woff'),url('./files/Gilroy-Light.ttf') format('truetype'),url('./files/Gilroy-Light.svg#Gilroy-Light') format('svg');
    src:
  local('Gilroy-Light'),
  local('Gilroy-Light'),
  url('./files/Gilroy-Light.ttf')
  format('truetype');
}
}
*/
body {
     padding-bottom: 10px;
         padding-top: 60px;/* now is redefine in JS to fit any title length */
     font-family:'Gilroy-Light', sans-serif;
         font-weight:normal;
     font-style:normal;
     margin:auto;
     max-width:620px;
     
}

.question-container {
  margin-bottom: 0em;
      color: #485156;
  font-family:'Gilroy-Light', sans-serif;
}

.fruity .alert-warning {    color: #B80E80;
        border: 1px solid #B80E80;
}
.logo-container>img {
    max-height: 84px;
    padding: 3px;
    width: auto;
}

@media (max-width: 767px)
{
.hidden-xs {
    display: block!important;
}
}
.fruity .btn-primary {
    color: #fff;
    font-weight: bold;
    background-color: #B80E80;
    border: 1px solid #B80E80;
        border-radius: 25px;
        font-size: 16px;
        margin-right: 15px;
}
body .top-container {
    margin-top: 0px!important;
}

.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #E8308A;
    border: 1px solid #E8308A;
        border-radius: 25px;
}

@media (min-width: 767px)
{
.container {margin:0 auto;width:620px;    padding-right: 10px;
    padding-left: 10px;}

.fruity .navbar {
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(132,136,138,0.1);
    border-radius: 0 !important;
    width: 620px;
    margin: 0 auto;
}
}
.star-5.star-drained.star-hover {
    text-shadow: 1px 2px #B80E80;
}
.star-5.star-rated-on:not(.star-stub) {
    color: #B80E80;
}
.star-5.star-drained {
    text-shadow: 1px 2px #B80E80;
    color: #B80E80;
}
.star-4.star-drained.star-hover {
    text-shadow: 1px 2px #FF69B4;
}
.star-4.star-rated-on:not(.star-stub) {
    color: #FF69B4;
}
.star-4.star-drained {
    text-shadow: 1px 2px #FF69B4;
    color: #FF69B4;
}
.star-3.star-drained.star-hover {
    text-shadow: 1px 2px #9932CC;
}
.star-3.star-rated-on:not(.star-stub) {
    color: #9932CC;
}
.star-3.star-drained {
    text-shadow: 1px 2px #9932CC;
    color: #9932CC;
}
.star-2.star-drained.star-hover {
    text-shadow: 1px 2px #6A5ACD;
}
.star-2.star-rated-on:not(.star-stub) {
    color: #6A5ACD;
}
.star-2.star-drained {
    text-shadow: 1px 2px #6A5ACD;
    color: #6A5ACD;
}
.star-1.star-drained.star-hover {
    text-shadow: 1px 2px #4682B4;
}
.star-1.star-rated-on:not(.star-stub) {
    color: #4682B4;
}
.star-1.star-drained {
    text-shadow: 1px 2px #4682B4;
    color: #4682B4;
}
.star-1 {
    color: #d1d1d1;
}
.star-2 {
    color: #d1d1d1;
}
.star-3 {
    color: #d1d1d1;
}
.star-4 {
    color: #d1d1d1;
}
.star-5 {
    color: #d1d1d1;
}
.space-col {
    margin-top: 0em;
    margin-bottom: 0em;
}
.answer-container {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    padding-top: 0em;
    padding-bottom: 1em;
}

.question-title-container {
    padding-top: 1em;
    padding-bottom: 0em;
}
#question95 .question-title-container {
    padding-top: 1em;
    padding-bottom: 1em;
}
#question90 .star-1 {
    font-size:20px;
}
#question90 .star-2 {
    font-size:20px;
}
#question90 .star-3 {
    font-size:20px;
}
#question90 .star-4 {
    font-size:20px;
}
#question90 .star-5 {
    font-size:20px;
}
#question91 .star-1 {
    font-size:20px;
}
#question91 .star-2 {
    font-size:20px;
}
#question91 .star-3 {
    font-size:20px;
}
#question91 .star-4 {
    font-size:20px;
}
#question91 .star-5 {
    font-size:20px;
}
#question92 .star-1 {
    font-size:20px;
}
#question92 .star-2 {
    font-size:20px;
}
#question92 .star-3 {
    font-size:20px;
}
#question92 .star-4 {
    font-size:20px;
}
#question92 .star-5 {
    font-size:20px;
}
#question93 .star-1 {
    font-size:20px;
}
#question93 .star-2 {
    font-size:20px;
}
#question93 .star-3 {
    font-size:20px;
}
#question93 .star-4 {
    font-size:20px;
}
#question93 .star-5 {
    font-size:20px;
}
#question94 .star-1, #question94 .star-2, #question94 .star-3, #question94 .star-4, #question94 .star-5 {
    font-size:20px;
}
#question98 .star-1, #question98 .star-2, #question98 .star-3, #question98 .star-4, #question98 .star-5 {
    font-size:20px;
}
#question99 .star-1, #question99 .star-2, #question99 .star-3, #question99 .star-4, #question99 .star-5 {
    font-size:20px;
}
#question100 .star-1, #question100 .star-2, #question100 .star-3, #question100 .star-4, #question100 .star-5 {
    font-size:20px;
}
#question101 .star-1, #question101 .star-2, #question101 .star-3, #question101 .star-4, #question101 .star-5 {
    font-size:20px;
}
#question102 .star-1, #question102 .star-2, #question102 .star-3, #question102 .star-4, #question102 .star-5 {
    font-size:20px;
}
.col-xs-6 {
    width: 50%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
    display: none;
}
.fruity .navbar-toggle {
    border: solid 1px #328637;
    display: none;
}
.navbar-action-link {
    padding-right: 1em;
    display: none;
}

.pull-left {
    float: left!important;
    display: none;
}