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


*/
.navbar-default .navbar-nav>li>a {
    color: #000;
}
video {
    height: 50px;
    width: 500px;
}
.completed-text table {
    width:100%;
}
.url-wrapper-survey-print {
	text-align: center;
    padding: 20px;
}
.ls-print  {
    color: #ffffff !important;
    background-color: #002e5d;
    border-color: #002e5d;
    padding: 10px;
    font-size:1.4em;
}
.ls-print:hover {
    background-color: #0b447e;
}
.ls-print:active, ls-print:focus {
    background-color: #054e98;
}
.body {
    color:#001a3a;
}
.ls-even {
    background-color: #e7eef8;
}
.group-description{
    margin-bottom:-.8em;
}
.group-container {
    width: 100%;
    border: none;
    box-shadow: none;
    padding: 8px;
}
@media (min-width: 768px) {
    
}


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

.select2-container {
    min-width: 260px;
}

.select2-container .select2-selection--single {
    height:32px !important;
    padding:1px !important;
}
.checkbox-item input[type="checkbox"]:checked+label::after, .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #002e5d;
}
.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    padding-right: 1px;
}
.ls-answers .ls-heading th {
    font-weight: 400;
}
#outerframeContainer {
    hyphens: none;
}
.group-container {
    border: none;
    box-shadow: none;
}
.fruity .btn-primary, .fruity .btn-primary[disabled] {
    color: #2d3035;
    background-color: #fff;
    border: 2px solid #2d3035;
    border-radius: 0px;
    min-width:100px;
    font-weight: bold;
}
.fruity .btn-primary:hover, .fruity .btn-primary:active, .fruity .btn-primary:focus, .fruity .btn-primary[disabled]:hover{
    color: #fff;
    background-color: #002e5d;
    border: 2px solid #002e5d;
    border-radius: 0px;
}
.fruity .btn-default {
    color: #2d3035;
    background-color: #fff;
    border: 2px solid #2d3035;
    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: #dfdd00;
    border: 2px solid #dfdd00;
    border-radius: 0px;
}

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

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

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

.sortable-rank .ls-choice.sortable-item {
    background-color: #002e5d;
    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: #2d3035;
}
.fruity .text-info {
    color: #2d3035;
}
.fruity a {
    color: #007b71;
}

.fruity .progress-bar {
    color: #fff;
    background-color: #002e5d;
    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: 1.24em;
}
.cluster_question{
    font-size: 1.1em;
}