/******************
    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
*/
.fruity .btn-primary {
    background-color: #007847;
    border: 1px solid #007847;
}
.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 {
 background-color:#82c442;
 border:1px solid #82c442;
}
.fruity .btn-default {
    border: 1px solid #007847;
    color: #007847;
}
.fruity .btn-default:hover,.fruity .btn-default:focus,.fruity .btn-default:active,.fruity .btn-default.active,.fruity .open .dropdown-toggle.btn-default {
    border: 1px solid #82c442;
    color: #82c442;
}
.fruity .text-primary {
    color: #007847;
}
.fruity .text-info {
    color: #007847;
}
.fruity .text-info a {
    text-decoration: underline !important;
}
.fruity .progress-bar {
    background-color: #007847;
}
.fruity .table-hover > tbody > tr:hover > td {
    background-color: transparent !important;
}
table.ls-answers tr th {
    color: #444444;
}
.question-title-container {
   padding-bottom:0 !important; 
}
.answer-container {
    padding-top:0 !important;
}
.ls-label-question {
    font-style:italic;
}
.ls-label-question > div {
    font-style: normal;
    margin-bottom: 5px;
    font-size:12px;
}
.ls-answers {
    padding-top:5px;
}
.fruity .question-container.input-error {
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.fruity .question-container {
    border-radius:4px;
}
.ls-questionhelp {
    font-size:12px;
}
.logo-container > img {
    display: inline-block !important;
}
.logo-container > img+img {
    margin-left: 15px;
}
div.group-title {
    padding: 10px 10px;
    background-color: #007847;
    color: #fff;
    border-radius: 4px;
    margin-right: -15px;
    margin-left: -15px;
}
table.ls-answers {
    margin: 15px 0px;
}
ul.list-unstyled li.checkbox-item {
    margin-bottom: 0px;
}

b, strong {
    font-weight: 400 !important;
}
@keyframes ch_opa {
    from {opacity: 0;}
    to {opacity: 1;}
}
.checkbox-item input[type="checkbox"]:checked + label::after {
    /*animation: none !important;*/
    animation-name: ch_opa !important;
    animation-duration: 300ms !important;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    border-radius: 3px;
    width:17px;
    height:17px;
}
.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    background-color: #007847;
    color: white;
}
body .answer-item label::after {
    background-color: #007847;;
}
table * {
    hyphens: none !important;
    text-align: left !important;
}
table td.radio-item {
    text-align:center !important;
    vertical-align:middle !important;
}
table.radio-array thead th {
    text-align:center !important;
    vertical-align:middle !important;
}
table tbody th {
    padding-left: 10px;
}
colgroup.col-responses col { /* automatikusan meretezzen, ne a bootstrap szerint */
    /*width: auto !important; KIKAPCSOLVA*/
}
div.small-header table thead * { /* kisebb betuvel jelennek meg a tablazat fejlec szovegei */
    line-height: normal;
    font-size: 12px;
}
div.table-center table td, div.table-center table thead * { /* kozepre helyezi a tablazat tartalmait, radio jelolos tablazatnal hasznos */
   text-align: center !important; 
}
div.missing-handle a.missing-btn { /* missing gombok kezelese, akkor kell hasznalni ha nem fernek ki egy sorba a missing gombok */
    margin-top: 5px;
    margin-left :0px;
}
div.missing-handle a.missing-btn + a.missing-btn {  /* missing gombok kezelese, akkor kell hasznalni ha nem fernek ki egy sorba a missing gombok */
    margin-left: 15px;
}

table.table-5-point-array > tbody > tr > td,
table.table-5-point-array > thead > tr > th{
    text-align:center !important;
    vertical-align:middle !important;
}
table.table-5-point-array > tbody > tr > th {
    text-align:left !important;
}

[data-number="1"] {
  text-align: left !important;
}