/******************
    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
*/

a:link {
  color: blue;
}

.h4{
    line-height: normal;
}


.fruity .logo-container > img {
    max-height: inherit;
}

.fruity .btn-primary {
    background-color: #010203;
    border: 1px solid #010203;
}

.fruity .btn-primary:hover,
.fruity .btn-primary:focus {
    background-color: #82ded1;
    color: #fff;
    border: 1px solid #82ded1;
}

.fruity .btn-primary.active,
.fruity .btn-primary.active:focus{
    color: #fff;
    background-color: #82ded1;
    border: 1px solid #82ded1;
}

.fruity .fa-asterisk:before {
    content: "\f069";
    font-size: 8px;
    margin-right: 3px;
    position: relative;
    top: -6px;
}

.fruity .question-container {
    margin-bottom: 0;
}

.fruity .top-container {
    margin-top: 1em;
}

.fruity .navbar {
    text-align: center;
}

.fruity .logo-container {
    float: none;
}

.fruity .logo-container>img {
    margin: auto;
}

@media (min-width: 768px) {
    .fruity .navbar-header {
    float: none;
 }
}

.fruity .text-btn-center {
    text-align: center;
}

.fruity .space-col {
    margin-bottom: 1em;
}

.fruity #ls-button-previous,
.fruity #ls-button-submit {
    background-color:#266dd3;
    border: #266dd3;
    color: #fff;
}

.fruity #ls-button-previous:hover,
.fruity #ls-button-previous:focus,
.fruity #ls-button-submit:hover,
.fruity #ls-button-submit:focus {
    background-color: #205cb3;
    border: #205cb3;
}

.fruity .ls-answers .ls-heading th {
    font-weight: 400;
}

.fruity #bootstrap-alert-box-modal .btn-default {
    background-color: rgba(255,255,255,0.2);
    border: 1px solid #e21f26;
    color: #e21f26;
}

.fruity #bootstrap-alert-box-modal .btn-default:hover,
.fruity #bootstrap-alert-box-modal .btn-default:focus {
    border: 1px solid #e21f26;
    background-color: rgba(255,194,195, 0.5);
    color: #e21f26;
}

.fruity .survey-name {
    display: none;
}

.fruity .control-label label {
    display: block;
}

.fruity .logo-container>img {
    padding: 0;
}

.fruity .navbar-collapse {
    position: absolute;
    top: 0;
    right: 0;
}

.fruity .navbar a {
    font-size: 1.3rem;
}

/* ugly 1366px */
@media screen and (min-width: 1366px) {
.fruity .radio-item {
    margin-bottom: .3em;
 }
}

.fruity em {
    font-weight: 300!important;
}


/* Alert option */

.fruity .question-container {
    box-shadow: none;
}

.fruity .question-container.input-error {
    box-shadow: none;
    border-color: #e21f26;
}


[data-number='1'] {
    text-align: left
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: block;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    display: block;
}

.progress-bar{
    background-color:#266dd3 !important;
}

/* 1. Stan domyślny (Niekompletny - Szary) */
    /* Przycisk jest szary, ale KLIKALNY (cursor: pointer) */
    #ls-button-submit, 
    #move-nextbtn {
        background-color: #cccccc !important;
        border-color: #bbbbbb !important;
        color: #666666 !important;
        cursor: pointer; 
        transition: all 0.3s ease;
    }

    /* Opcjonalnie: Lekka reakcja na najechanie na szary przycisk */
    #ls-button-submit:hover, 
    #move-nextbtn:hover {
        background-color: #b3b3b3 !important;
        border-color: #a6a6a6 !important;
    }

    /* 2. Stan gotowy (Twój Niebieski - #266dd3) */
    /* Ten styl aktywuje się, gdy JS doda klasę .btn-ready */
    #ls-button-submit.btn-ready, 
    #move-nextbtn.btn-ready {
        background-color: #266dd3 !important;
        border-color: #266dd3 !important;
        color: #ffffff !important;
    }

    /* 3. Hover dla gotowego (Przyciemniony niebieski) */
    /* Po najechaniu na aktywny przycisk, kolor ściemnieje dla lepszego efektu */
    #ls-button-submit.btn-ready:hover, 
    #move-nextbtn.btn-ready:hover {
        background-color: #1a4f9e !important; 
        border-color: #184992 !important;
    }