/******************
    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
*/
body {
    padding-top:0px !important;
    background-color:#0f0f2b;
    color:#ffffff;
}
.modal-body {
    color: #000;
}
li {
    margin-bottom: 5px;
}
.group-container {
    margin-top: -27px;
}
.fruity .table-bordered>tbody>tr>th {
    border: none;
    background-color: #0f0f2b;
}
.ls-em-tip {
    display: none;
}
.ls-even {
    background-color: #0e0845;
}
.fruity .table-hover>tbody>tr:hover>th, .fruity .table-hover>tbody>tr:hover>td  {
    background-color: #0f0f2b;
}
.fruity .text-muted {
    color: #ffffff;
}
.fruity .text-warning {
    color: #ffffff; /*#f28926*/
}
.fruity .question-item {
    padding-top: .1em;
}
.dir-ltr .ls-answers td.radio-item, .dir-ltr .ls-answers td.checkbox-item {
    padding-left: 15px;
}
.radio-item label::before {
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
}
.ls-even {
    background-color: #0f0f2b;
}
.answer-container, .question-container, .fruity .group-description {
    border: none;
    border-bottom: 1px solid rgba(38,32,87,0.75) !important; 
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f07501 !important;
    color: #fff !important;
}

.select2-container {
    min-width: 260px;
}
.select2-results { 
    color: #000 !important;
}
.select2-container .select2-selection--single {
    height:32px !important;
    padding:1px !important;
}

@media (max-width: 766px) {
    .dir-ltr .ls-answers td.radio-item, .dir-ltr .ls-answers td.checkbox-item {
        padding-left: 25px;
    }
    table.ls-answers tr th {
        font-weight: 700;
        color: #fff;
    }
    .fruity .table-bordered>tbody>tr>td {
        border: 1px solid #0e0845;
    }
}
@media (min-width: 768px) {
.fruity .table-bordered>thead>tr>th {
    border: none;
}
.ls-even {
    background-color: #0f0f2b;
}
.fruity .table-bordered>thead>tr>td {
    border: none;
}
.fruity .table-bordered {
    border: none;
}
.fruity .table-bordered>tbody>tr>td {
    border: none;
    /*    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;*/
}
.answer-container tbody {
    border: 1px solid #ddd;
    border:none;
}
.answer-container table { border-collapse: separate; border-spacing: 0; }
.answer-container td {
    border: solid 1px #000;
    border-style: none solid solid none;
    border:0px;
    padding: 10px;
}

.answer-container tr td:nth-child(2) { 
    /*border-bottom-left-radius: 10px; 
    border-top-left-radius: 10px;
    border-left: 1px solid #ddd !important;
    */
}
.answer-container tr td:last-child { 
    /*border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px; 
    border-right: 1px solid #ddd !important;
    */
}
    
}
.card-sort-question .items-end-text {
    padding-bottom: 5px;
    background: #0e0845;
    font-size: 110%;
    font-weight: bold;
}
@media (max-width: 768px) {
.navbar-header {
    position: relative; 
}
.group-container {
    width: 100%;
     border: none; 
     box-shadow: none; 
     padding: 2px; 
}
}
.fruity input[type="checkbox"]:checked:after, .fruity .checkbox input[type="checkbox"]:checked:after, .fruity .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #f28926;
    border-color: #f28926;
}


.ls-answers .ls-heading th {
    font-weight: 400;
}
#outerframeContainer {
    hyphens: none;
}
.group-container {
    border: none;
    box-shadow: none;
}

.ls-print  {
    color: #f28926;
    background-color: #fff;
    border: 2px solid #f28926;
    border-radius: 0px;
    min-width:100px;
    font-weight: bold;
}
.ls-print:hover, .ls-print:active, .ls-print:focus {
    color: #fff;
    background-color: #f28926;
    border: 2px solid #f28926;
    border-radius: 0px;
}
.fruity .btn-primary, .fruity .btn-info, .fruity .btn-primary[disabled] {
    color: #f28926;
    background-color: #fff;
    border: 2px solid #f28926;
    border-radius: 0px;
    min-width:100px;
    font-weight: bold;
}
.fruity .btn-primary:hover, .fruity .btn-info:hover, .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary[disabled]:hover{
    color: #fff;
    background-color: #f28926;
    border: 2px solid #f28926;
    border-radius: 0px;
}
.fruity .btn-default {
    color: #f28926;
    background-color: #fff;
    border: 2px solid #f28926;
    border-radius: 0px;
    min-width:100px;
    font-weight: bold;
}
.fruity .btn-default:hover, .fruity .btn-default:active, .fruity .btn-default:focus {
    color: #fff;
    background-color: #f28926;
    border: 2px solid #f28926;
    border-radius: 0px;
}

.pd-10 {
    padding:10px;
}
.pdl-25 {
    padding-left:25px;
}
.logo-container>img {
    max-height: 70px;
}

.fruity .navbar-toggle {
    border: solid 1px #f28926;
}
.fruity .navbar-toggle .icon-bar {
    background-color: #f28926;
}
body .answer-item label::after {
    background-color: #f28926;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
}

/* Ranking question */
.sortable-choice {
  padding: 5px;
}
.sortable-choice .ls-choice.sortable-item {
    background-color: #10085a;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}
.sortable-rank {
  padding: 5px;
}

.sortable-rank .ls-choice.sortable-item {
    background-color: #f28926;
    border: 1px solid #333;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 700;
}
.qText{
    min-width:100px;
    font-size:.95em;
}
.asterisk {
    margin-left: -10px;
    margin-top: 30px;
    font-size: 10px;
    display: none;
}

.fruity .text-primary {
    color: #ffffff;
}
.fruity .text-info {
    color: #ffffff;
}
.fruity a {
    color: #f38f30;
}

.fruity .progress-bar {
    color: #fff;
    background-color: #f38f30;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
}

.fruity .well {
    background-color: transparent ; 
    border: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
}
.fruity .text-danger {
    /*display:none;*/
}


.cluster_header{
    font-size: 20px;
    font-weight:700;
}
.cluster_question{
    font-size: 1.1em;
}
.fruity .slider-handle {
    background-color: #f07501;
}
.fruity .slider-selection {
    background-image: linear-gradient(to bottom, #ffae63 0%, #ec7a36 100%);
}
.fruity .tooltip-inner {
    background-color: #f07501;
}
.fruity .tooltip.top .tooltip-arrow {
    border-top-color: #f07501;
}
.fruity .tooltip.right .tooltip-arrow {
    border-right-color: #f07501;
}
@media (min-width: 769px) {
    .slider-list .slider-left, .slider-list .slider-right {
        margin-top: .4em;
    }
}
.checkbox-item input[type="checkbox"]:checked+label::after, .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #f07501;
    color: white;
}