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

.table-bordered>thead>tr>th {
    border: 1px solid #dadada;
}

.table-bordered>thead>tr>td {
    border: 1px solid #dadada;
}

/* #################### general css ################### */

body {
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0 !important;
    padding: 0 !important;
}

body .top-container {
    margin: 0;
}

.text-info {
    color: #333 !important;
}

.text-danger {
    color: #a94442 !important;
}

div.save-survey-form {
    padding: 15px;
}

img {
    max-width: 100%;
}

.uploadedfiles .upload.comment {
    word-break: break-all;
}

.top-container .progress {
    background-color: #f0f0f0;
}

.table>:not(:first-child) {
    border-top: none; 
}

.asterisk.float-start {
    margin-right: 5px;
    font-size: 90%;
    vertical-align: top;
}

.leftheader.information-item {
    display: none !important;
}

.rightheader.information-item {
    display: none !important;
}

.group-description {
    text-align: center;
}

div.answer-item.dropdow-item.language-item {
    width: 200px;
}

.other-text-item {
    padding: 0px;
}

.othertext-label-checkox-container {
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .list-dropdown.question-container .ls-answers.answer-item div:nth-child(1),
    .list-dropdown.question-container .ls-answers.answer-item div:nth-child(3).text-item.other-text-item {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #navbar ul.nav.navbar-nav {
        padding: 7.5px 0px;    
        border-bottom: 1px solid #dee2e6;
    }
}

.radio-item label::after {
    background-color: #333;
}

.checkbox-item label::after {
    color: #333;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.form-control:focus {
    border-color: #000;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, .6);
}

@media (max-width: 767px) {
    .date.question-container .date-item  div.col-12:nth-child(2),
    .date.question-container .date-item  div.col-12:nth-child(4) {
        display: none;
    }
}

.navbar-toggler {
    background-color: #fff !important;
}

.navbar-toggler:focus {
    background-color: #eee;
}

li.radio-item, 
li.checkbox-item, 
li.radio-text-item, 
li.checkbox-text-item {
    margin-bottom: 14px !important;
}

.numeric-multi ul.number-list li.ls-group-remaining.ls-group-dynamic  {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

@media (max-width: 768px) {
    .numeric-multi ul.number-list li.ls-group-remaining.ls-group-dynamic div:nth-child(1)  {
        text-align: center;
    }
}

.numeric-multi ul.number-list li.ls-group-total.ls-group-dynamic {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: auto;
}

@media (max-width: 768px) {
    .numeric-multi ul.number-list li.ls-group-total.ls-group-dynamic div:nth-child(1) {
        text-align: center;
    }
}

.ls-group-remaining div:nth-child(1),
.ls-group-total div:nth-child(1) {
   text-align: center; 
}

/* #################### first page start ################### */

.survey-welcome {
    margin-top: 15px;
}

.question-count-text {
    margin-top: 15px;
}

/* Privacy */

.privacy {
    margin-top: 15px;
    padding: 15px 0;
    margin: 15px 1px;
}

.privacy-block div:nth-child(2) {
    padding-top: 20px;
}

.privacy-heading.h4.text-primary {
    font-size: 14px;
    color: #333 !important;
    font-weight: bold;
}

p.ls-privacy-body {
    margin: 15px 0 0 0;
    font-style: italic;
}

/* Privacy policy */

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    background-color: transparent;
}

.panel-primary {
    border-color: transparent;
}

.panel-primary>.panel-heading {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    padding: 15px 0;
}

.panel-body {
    padding: 5px 0;
}

.panel-footer {
    padding: 10px 0;
    background-color: transparent;
    border-top: transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

input#datasecurity_accepted {
    vertical-align: top;
}

/* #################### first page end ################### */

/* logo header */

span.navbar-banner {
    display: block;
    width: 100%;
    text-align: center;
}

.logo-bar {
    margin-top: 0;
    padding: 15px 0;
    display: flex;
    align-items: center;    
}

.navbar-logo-middle {
    padding: 0px 10px;
    text-align: center;
}

.navbar-logo-right {
    text-align: right;
}

/* survey heading */

.survey-name {
    font-weight: 700;
    line-height: 130%;
    font-size: 1.8rem;
}

/* progress-bar */

.progress-bar {
    background-color: #333;
}

/* #################### group start ################### */

.group-outer-container,
.group-container {
    margin-bottom: 0;
}

.group-title {
    font-size: 1.4rem;
    margin: 0;
    margin-bottom: 15px;
    padding: 0px 15px;
}

.well {
    justify-content: center;
    background-color: transparent;
    margin-top: 0px;
    padding: 0px 15px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* #################### group end ################### */

/* #################### question start ################### */

.question-container {
    background-color: transparent;
    padding-bottom: 15px;
    border: 1px solid #aaa;
}

.question-title-container {
    margin-bottom: 15px;
}

.question-number,
.question-code {
    font-weight: normal;
    float: none;
    margin: 0;
}

.question-text {
    font-size: 120%;
}

.question-help-container {
    font-size: 12.6px;
    margin-top: 10px;
    color: #888 !important;
}

.question-valid-container {
    color: #333 !important;
    padding-left: 0;
    padding-right: 0;
    font-size: 12.6px;
    margin-top: 5px;
}

@media only screen and (max-device-width: 760px) {
    .ls-questionhelp, .help-block {
        font-size: 11.34px;
    }
}

.ls-answers tbody .answertext {
    text-align: left;
}

.array-flexible-row .ls-answers .answertextright {
    text-align: right;
}

/* #################### question end ################### */

/* #################### particular question start ################### */

.choice-5-pt-radio li.radio-item {
    margin-right: 15px;
}

.choice-5-pt-radio .radio-item label::before,
.list-radio .radio-item label::before,
.list-with-comment .radio-item label::before {
    top: 2px;
}

.choice-5-pt-radio .radio-item label::after,
.list-radio .radio-item label::after,
.list-with-comment .radio-item label::after {
    top: 5px;
}

.multiple-opt .checkbox-item label::before,
.multiple-opt-comments .checkbox-item label::before {
    top: 1px;
}

.multiple-opt .checkbox-item label::after,
.multiple-opt-comments .checkbox-item label::after {
    top: 2px;
    background-color: transparent;
}

.array-multi-flexi .checkbox-item label::after {
    left: 0px;
}

div.gender-button,
div.yesno-button {
    column-gap: 10px;
}

@media only screen and (max-width: 468px) {
    .date .date-item div:nth-child(1).col-3 {
        width: 100%;
    }
}

/* #################### particular question end ################### */

/* #################### dropdown & link start ################### */

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #ccc;
}

.form-change-lang.dropdown.nav-item {
    list-style: none;
    text-align: center;
}

.form-change-lang .nav-link.dropdown-toggle {
    color: #888;
    margin: 15px 0px;
    padding: 0;
}

li.form-change-lang .dropdown-menu.show {
    inset: 0px 43% auto auto !important;
}

/* #################### dropdown & link end ################### */

/* #################### footer navbar start ################### */

#navbar {
    padding: 0 !important;
}

#survey-nav .container-fluid {
    padding: 0;
}

ul.navbar-right {
    padding: 0;
}

.navbar-item-left a,
.navbar-item-middle a,
a:link {
    color: #888;
}

#navbar ul.nav.navbar-nav {
    width: 100%;
}

#navbar li.navbar-item-middle {
    text-align: center;
}

#navbar li.navbar-item-right {
    text-align: right;
}

.nav-item-fload {
    list-style: none;
}

.nav-item-fload a {
    color: #888;
    text-align: center;
}

#survey-nav .container-fluid {
    justify-content: center;
}

@media screen and (max-width: 768px) {
    #survey-nav .container-fluid {
        padding-top: 15px;
    }

    div.gender-button,
    div.yesno-button {
        width: 100%;
    }
}

.navbar-toggler {
    color: rgba(0, 0, 0, .55);
    background-color: #eee;
    border-color: rgba(0, 0, 0, .1);
}

span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

@media screen and (max-width: 768px) {
    .navbar-item-left a {
        text-align: center;
    }

    #survey-nav {
        border-bottom: none !important;
    }
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #fff !important;
    background-color: #333 !important;
}

.navbar-item-middle li.list-group-itemindex-item a {
    color: #333;
}

/* #################### footer navbar end ################### */

/* #################### footer start ################### */

footer {
    text-align: center;
    padding: 20px;
}

footer a {
    color: #333 !important;
}

/* #################### footer end ################### */

label::after {
    background-color: transparent;
}

tr.ls-odd,
.array-flexible-column tr.answers-list:nth-child(even) {
    background-color: #f0f0f0;
}

tbody,
td,
tfoot,
th,
thead,
tr,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: none;
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-radius: 0;
}

.form-select:focus {
    border-color: #000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .6);
    outline: 0;
}

.table-hover>tbody>tr:hover,
tr.answers-list:hover,
.array-flexible-column tr.answers-list:hover {
    background-color: #ddd;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: #ddd;
    color: #333;
}

.ls-input-group-extra {
    vertical-align: top;
    padding: 1rem 1.2rem;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
        inset: auto 70px auto auto;
    }
}

@media only screen and (max-width: 760px),
(max-device-width: 1024px) and (min-device-width: 768px) {

    table.ls-answers>tbody>tr td.answer-item.radio-item,
    table.ls-answers>tbody>tr td.answer-item.checkbox-item {
        border-bottom: 1px solid #ddd;
        padding-left: 30px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
}

/*--------------------start button--------------------- */

.btn {
    font-size: 110%;
    border-radius: 4px;
    padding: 6px 12px;
}

.btn-group-lg>.btn,
.btn-lg {
    line-height: 1.3333333;
    padding: 10px 16px;
}

/*btn btn-primary*/

/*next-btn*/
.ls-move-submit-btn:active,
.ls-move-submit-btn.active,
.ls-move-submit-btn:focus,
.ls-move-submit-btn.focus,
.ls-move-submit-btn:active:focus,
.ls-move-submit-btn.active:focus,
.ls-move-submit-btn:active.focus,
.ls-move-submit-btn.active.focus,

.ls-move-next-btn:active,
.ls-move-next-btn.active,
.ls-move-next-btn:focus,
.ls-move-next-btn.focus,
.ls-move-next-btn:active:focus,
.ls-move-next-btn.active:focus,
.ls-move-next-btn:active.focus,
.ls-move-next-btn.active.focus,

.ls-move-submit-btn:hover,
.ls-move-submit-btn:active:hover,
.ls-move-submit-btn.active:hover,
.ls-move-next-btn:hover,
.ls-move-next-btn:active:hover,
.ls-move-next-btn.active:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.ls-move-submit-btn,
.ls-move-next-btn {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

/*gender/yes/no... : default*/
.gender-button .btn-primary,
.yes-no .btn-primary,
.bootstrap-buttons-div .button-item {
    color: #333;
    background-color: #eee;
    border-color: #eee;
}

/*gender/yes/no... : hover*/
.gender-button .btn-primary:hover,
.yes-no .btn-primary:hover,
.bootstrap-buttons-div .button-item:hover {
    color: #fff;
    background-color: #777;
    border-color: #777;

}

.btn-check:active+.btn-primary, 
.btn-check:checked+.btn-primary, 
.btn-primary.active, .btn-primary:active, 
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #777;
    border-color: #777;
}

/*gender/yes/no... : active*/
.gender-button .btn-primary:active,
.gender-button .btn-primary.active:hover,
.gender-button .btn-primary:focus,
.gender-button .btn-primary.active,
.gender-button .btn-primary.active:focus,
.yes-no .btn-primary:focus,
.yes-no .btn-primary.active,
.yes-no .btn-primary.active:hover,
.yes-no .btn-primary.active:focus,
.bootstrap-buttons-div .button-item:focus,
.bootstrap-buttons-div .button-item.active,
.bootstrap-buttons-div .button-item:focus {
    color: #fff;
    background-color: #777;
    border-color: #777;
}

/*date picker*/
.date-timepicker-group .btn-primary,
.date-timepicker-group .btn-primary:hover,
.date-timepicker-group .btn-primary:active,
.date-timepicker-group .btn-primary:focus,
.date-timepicker-group .btn-primary:active:hover,
.date-timepicker-group .btn-primary:active:focus,
.date-timepicker-group .btn-primary:active.focus,
.date-timepicker-group .btn-primary.hover,
.date-timepicker-group .btn-primary.active,
.date-timepicker-group .btn-primary.focus,
.date-timepicker-group .btn-primary.active:hover,
.date-timepicker-group .btn-primary.active:focus,
.date-timepicker-group .btn-primary.active.focus {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

/*btn btn-default*/

/*previous-btn*/
.ls-move-previous-btn:hover,
.ls-move-previous-btn:active:hover,
.ls-move-previous-btn.active:hover,
.ls-move-previous-btn:active,
.ls-move-previous-btn.active,
.ls-move-previous-btn:focus,
.ls-move-previous-btn.focus,
.ls-move-previous-btn:active:focus,
.ls-move-previous-btn.active:focus,
.ls-move-previous-btn:active.focus,
.ls-move-previous-btn.active.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.ls-move-previous-btn {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}

/*###############Upload start###########*/
/*upload: Save Changes...*/
.upload.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.upload.btn-primary:hover,
.upload.btn-primary:active:hover,
.upload.btn-primary.active:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.upload.btn-primary:active,
.upload.btn-primary.active,
.upload.btn-primary:focus,
.upload.btn-primary.focus,
.upload.btn-primary:active:focus,
.upload.btn-primary.active:focus,
.upload.btn-primary:active.focus,
.upload.btn-primary.active.focus {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

/*upload popup start*/
/*start: upload: Select file...*/
.upload-div .btn {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.upload-div .btn:active,
.upload-div .btn.active,
.upload-div .btn:focus,
.upload-div .btn.focus,
.upload-div .btn:focus,
.upload-div .btn:focus,
.upload-div .btn.focus,
.upload-div .btn.focus {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.upload-div .btn:hover,
.upload-div .btn:active:hover,
.upload-div .btn.active:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.upload-files .uploadedfiles td a.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.upload-files .uploadedfiles td a.btn-primary:hover,
.upload-files .uploadedfiles td a.btn-primary:active,
.upload-files .uploadedfiles td a.btn-primary:focus {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

fieldset div:nth-child(3) a.btn {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

/*end: upload: Select file...*/

/*upload: You can upload...*/
.uploader .alert-info {
    color: #fff;
    background-color: #333;
    border: 0px;
}


/*file upload popup save-changes*/
.file-upload-modal-footer .btn {
    color: #fff;
    background-color: #333;
    border-color: #333;
}


.file-upload-modal-footer .btn:active,
.file-upload-modal-footer .btn.active,
.file-upload-modal-footer .btn:focus,
.file-upload-modal-footer .btn.focus,
.file-upload-modal-footer .btn:active:focus,
.file-upload-modal-footer .btn.active:focus,
.file-upload-modal-footer .btn:active.focus,
.file-upload-modal-footer .btn.active.focus {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.file-upload-modal-footer .btn:hover,
.file-upload-modal-footer .btn:active:hover,
.file-upload-modal-footer .btn.active:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.file-upload-modal-footer .btn, 
.file-upload-modal-footer .btn:active, 
.file-upload-modal-footer .btn.active {
    color: #ffffff !important;
    border-color: #5cb85c !important;
    background: #4cae4c !important;
}

.file-upload-modal-footer .btn:hover, 
.file-upload-modal-footer .btn:active:hover, 
.file-upload-modal-footer .btn.active:hover {
    color: #ffffff !important;
    border-color: #398439 !important;
    background: #449d44 !important;
}

/*upload popup end*/

/*###############Upload end###########*/

.save-survey-input .btn,
.modal-dialog .btn {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.save-survey-input .btn:hover,
.save-survey-input .btn:active:hover,
.save-survey-input .btn.active:hover,
.modal-dialog .btn:hover,
.modal-dialog .btn:active:hover,
.modal-dialog .btn.active:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

.btn-info {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-info:hover {
    color: #fff;
    background-color: #111;
    border-color: #111;
}

/*--------------------end button--------------------- */

/*--------------------start sortables----------------*/

.list-samechoiceheight .sortable-list {
    border: 1px dotted #ccc;
    padding: 5px;
}

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

/*sorted*/
.sortable-rank .ls-choice.sortable-item {
    color: #fff;
    background-color: #333;
    border-color: #333;
    margin-bottom: 5px;
}

/*--------------------end sortables----------------*/
.slider-list .slider.slider-untouched .slider-handle {
    background-color: #333;
}

.slider-touched .tooltip-inner,
.slider-touched .slider-handle {
    background-color: #111;
}


.slider-touched .tooltip.top .tooltip-arrow {
    border-top-color: #111;
}

.slider-handle {
    background-color: #111;
    background-image: linear-gradient(to bottom, #111 0%, #111 100%);
}

.slider-selection {
    background-image: linear-gradient(to bottom, #111 0%, #111 100%);
}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
    .array-flexible-row .ls-answers .answertextright {
        text-align: left;
    }
}

@media only screen and (max-width: 768px) {
    .radio-item label::before,
    .checkbox-item label::before {
        top: 3px;
    }
    
    .radio-item label::after {
        top: 6px;
    }
    
    .checkbox-item label::after {
        top: 3px;
    }
}

/* Logos appear well on mobile devices. */
@media only screen and (max-width: 768px) {
    .logo-bar {
        justify-content: center;        
        flex-direction: column;
        row-gap: 15px;
    }
}

/* 2021-06-23: Add visual separator for dual scale questions */
@media only screen and (min-width: 768px) {

    .array-flexible-dual-scale col.col-answers,
    .array-flexible-dual-scale col.separator,
    .array-flexible-duel-scale col.col-answers,
    .array-flexible-duel-scale col.separator {
        width: auto !important;
    }

    .array-flexible-dual-scale .header_separator,
    .array-flexible-dual-scale .dual_scale_separator,
    .array-flexible-duel-scale .header_separator,
    .array-flexible-duel-scale .dual_scale_separator {
        width: 4px !important;
        padding: 0 !important;
        background-color: grey;
        border-color: grey;
    }

    .array-flexible-dual-scale .table-hover>tbody>tr:hover>* {
        --bs-table-accent-bg: transparent;
        color: var(--bs-table-hover-color);
    }
}

@media only screen and (max-device-width: 1028px) {
	.ls-answers > tbody > tr > td.radio-item, 
	.ls-answers > tbody > tr > td.checkbox-item {
	min-height: 44px;
	}
}

/*****************************************************************/
/*                           Trivender                           */
/*****************************************************************/

/*****************************************************************/
/*                        Start General CSS                      */
/*****************************************************************/

#outerframeContainer {
    margin-top: 40px;    
    background-color: #ffffff;
}

a,
a:link {
    color: #396276;
}

a:hover, 
a:focus {
    color: #396276;
    text-decoration: underline;
}

.dropdown-item,
.dropdown-item:focus, 
.dropdown-item:hover {
    background-color: transparent;
}

.dropdown-item.active, 
.dropdown-item:active {
    background-color: #7ca51a;
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
    background-color: #7ca51a;
    color: #ffffff; 
}

.form-change-lang a.nav-link {
    margin: 0;
}

a.dropdown-item.ls-language-link,
a.dropdown-item:hover,
.form-change-lang a.nav-link:hover {
    text-decoration: none;
}

/*****************************************************************/
/*                        End General CSS                        */
/*****************************************************************/

/*****************************************************************/
/*                      Start Top Navbar                         */
/*****************************************************************/

.header-wrapper {
    border-top: 4px solid #007486;
}

.survey-name {
    padding-top: 15px;    
    border-top: 2px solid #007486;
}

.logo-left {
    height: 107px;
}

/*****************************************************************/
/*                       End Top Navbar                          */
/*****************************************************************/

/*****************************************************************/
/*                   Start Progress Bar                          */
/*****************************************************************/

.top-container .top-content {
    margin-bottom: 1em;
    padding: 0;    
}

.progress {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    background-color: #004254;
}

/*****************************************************************/
/*                    End Progress Bar                           */
/*****************************************************************/

/*****************************************************************/
/* Start Group Container / Group Title / Group Description       */
/*****************************************************************/

.group-title {
    font-size: 22px;
    font-weight: 600;
    color: #396276;
}

/*****************************************************************/
/* End Group Container / Group Title / Group Description         */
/*****************************************************************/

/*****************************************************************/
/*                  Start Question Container                     */
/*****************************************************************/

.question-container {
    background-color: #f8f8f8;
    border: 1px solid #999999;
}

.question-title-container {
    padding: 8px 15px;
    margin-bottom: 0;
}

.question-text {
    font-weight: 600;
    font-size: 18px;
}

.ls-questionhelp:before {
    color: #007486;
}

.radio-item input[type="radio"]:checked+label::before,
.checkbox-item input[type="checkbox"]:checked+label::before {
    border-color: #396276;
}

.form-select,
.form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-select:focus,
.form-control:focus{
    border-color: #7ca51a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(124, 164, 25, .6);
}

.table-hover>tbody>tr:hover,
tr.answers-list:hover,
.array-flexible-column tr.answers-list:hover {
    background-color: #007486;
    color: #ffffff;
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: #007486;
    color: #ffffff;
}

tr.answers-list:nth-child(odd), 
.array-multi-flexi .ls-even, 
.array-multi-flexi-text .ls-even {
    background-color: #ffffff;
}

.multiple-short-txt ul.text-list li.text-item {
    align-items: center;
}

.array-flexible-dual-scale .dropdown-item.active, 
.array-flexible-dual-scale .dropdown-item:active {
    background-color: transparent;
}

.form-check-input:checked {
    background-color: #396276;
    border-color: #396276;
}

.form-check-input:focus {
    box-shadow: none;
}

Multiplechoice bootstrap buttons unchecked focus .btn-check .btn-primary:focus, 
.btn-check:focus+.btn-primary {
    background: #007486;
    color: #ffffff;
    border: 1px solid #faf9f1;
    border-color: #faf9f1;
}

/*****************************************************************/
/*                 End Question Container                        */
/*****************************************************************/

/*****************************************************************/
/*                     Start All Buttons                         */
/*****************************************************************/

.btn {
    font-size: 16px;
    border-radius: 6px;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 700;
    transition-duration: 0s;
}

/* Remove the default border-radius on all buttons */
.btn,
.progress,
.dropdown-menu,
.checkbox-item label::before,
.checkbox-item label::after,
.form-control,
.form-select,
.modal-content,
.question-container,
.bootstrap-select>.dropdown-toggle,
.bootstrap-select>.dropdown-toggle.bs-placeholder {
    border-radius: 4px;
}

/* Improve button focus and hover effects */
.btn,
.progress,
.dropdown-menu,
.checkbox-item label::before,
.checkbox-item label::after,
.form-control,
.modal-content,
.question-container {
    outline: none;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: none;
}

/* box-shadow */
.btn-check:active+.btn-outline-secondary:focus, 
.btn-check:checked+.btn-outline-secondary:focus, 
.btn-outline-secondary.active:focus, 
.btn-outline-secondary.dropdown-toggle.show:focus, 
.btn-outline-secondary:active:focus {
    box-shadow: none;
}

.btn-check:focus+.btn-outline-secondary, 
.btn-outline-secondary:focus {
    box-shadow: none;
}

.btn-check:active+.btn-primary:focus, 
.btn-check:checked+.btn-primary:focus, 
.btn-primary.active:focus, 
.btn-primary:active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-check:focus+.btn-primary, 
.btn-primary:focus {
    box-shadow: none;
}

/* Improve radio and checkbox button  */
.radio-item input[type="radio"]:focus+label::before,
.checkbox-item input[type="checkbox"]:focus+label::before,
.radio-item input[type="radio"]:focus+label::after,
.checkbox-item input[type="checkbox"]:focus+label::after {
    outline: none;
}

.radio-item label::before,
.checkbox-item label::before {
    border: 1px solid #aaaaaa;
}

.radio-item label::after {
    background-color: #396276;
}

.checkbox-item label::after {
    color: #396276;
}

.btn-check:checked+.btn-primary {
    background: #007486 !important;
    color: #ffffff;
    border-color: #007486 !important;
}

/* Customize Next/Submit buttons */
.ls-move-submit-btn,
.ls-move-next-btn {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.ls-move-submit-btn:active,
.ls-move-submit-btn.active,
.ls-move-submit-btn:focus,
.ls-move-submit-btn.focus,
.ls-move-submit-btn:active:focus,
.ls-move-submit-btn.active:focus,
.ls-move-submit-btn:active.focus,
.ls-move-submit-btn.active.focus,
.ls-move-next-btn:active,
.ls-move-next-btn.active,
.ls-move-next-btn:focus,
.ls-move-next-btn.focus,
.ls-move-next-btn:active:focus,
.ls-move-next-btn.active:focus,
.ls-move-next-btn:active.focus,
.ls-move-next-btn.active.focus,
.ls-move-submit-btn:hover,
.ls-move-submit-btn:active:hover,
.ls-move-submit-btn.active:hover,
.ls-move-next-btn:hover,
.ls-move-next-btn:active:hover,
.ls-move-next-btn.active:hover {
    background-color: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

.btn-primary.disabled, 
.btn-primary:disabled {
    background-color: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

/* Customize gender/yes-no buttons */
.gender-button .btn-primary,
.yes-no .btn-primary,
.bootstrap-buttons-div .button-item {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
    border-radius: 4px !important;  
}

.gender-button .btn-primary:hover,
.yes-no .btn-primary:hover,
.bootstrap-buttons-div .button-item:hover {
    background: #007486;
    color: #ffffff;
    border-color: #faf9f1;
}

.gender-button .btn-primary:active,
.gender-button .btn-primary.active:hover,
.gender-button .btn-primary:focus,
.gender-button .btn-primary.active,
.gender-button .btn-primary.active:focus,
.yes-no .btn-primary:focus,
.yes-no .btn-primary.active,
.yes-no .btn-primary.active:hover,
.yes-no .btn-primary.active:focus,
.bootstrap-buttons-div .button-item:focus,
.bootstrap-buttons-div .button-item.active,
.bootstrap-buttons-div .button-item:focus {
    background: #007486;
    color: #ffffff;
    border-color: #faf9f1;
}

/* Customize Date Picker button */
.date-timepicker-group .btn-primary{
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.date-timepicker-group .btn-primary:hover,
.date-timepicker-group .btn-primary:active,
.date-timepicker-group .btn-primary:focus,
.date-timepicker-group .btn-primary:active:hover,
.date-timepicker-group .btn-primary:active:focus,
.date-timepicker-group .btn-primary:active.focus,
.date-timepicker-group .btn-primary.hover,
.date-timepicker-group .btn-primary.active,
.date-timepicker-group .btn-primary.focus,
.date-timepicker-group .btn-primary.active:hover,
.date-timepicker-group .btn-primary.active:focus,
.date-timepicker-group .btn-primary.active.focus {
    background-color: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

/* Customize Previous buttons */
.ls-move-previous-btn {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.ls-move-previous-btn:hover,
.ls-move-previous-btn:active:hover,
.ls-move-previous-btn.active:hover,
.ls-move-previous-btn:active,
.ls-move-previous-btn.active,
.ls-move-previous-btn:focus,
.ls-move-previous-btn.focus,
.ls-move-previous-btn:active:focus,
.ls-move-previous-btn.active:focus,
.ls-move-previous-btn:active.focus,
.ls-move-previous-btn.active.focus {
    background-color: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

/* Customize Upload buttons */
.upload.btn-primary {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.upload.btn-primary:hover,
.upload.btn-primary:active:hover,
.upload.btn-primary.active:hover {
    background-color: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

.upload.btn-primary:active,
.upload.btn-primary.active,
.upload.btn-primary:focus,
.upload.btn-primary.focus,
.upload.btn-primary:active:focus,
.upload.btn-primary.active:focus,
.upload.btn-primary:active.focus,
.upload.btn-primary.active.focus {
    background-color: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

.upload-div .btn {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

.upload-div .btn:active,
.upload-div .btn.active,
.upload-div .btn:focus,
.upload-div .btn.focus,
.upload-div .btn:focus,
.upload-div .btn:focus,
.upload-div .btn.focus,
.upload-div .btn.focus {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

.upload-div .btn:hover,
.upload-div .btn:active:hover,
.upload-div .btn.active:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

.uploader .alert-info {
    background-color: #000;
    color: rgb(102 102 102);
    border: 0px;
}

.file-upload-modal-footer .btn {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

.file-upload-modal-footer .btn:active,
.file-upload-modal-footer .btn.active,
.file-upload-modal-footer .btn:focus,
.file-upload-modal-footer .btn.focus,
.file-upload-modal-footer .btn:active:focus,
.file-upload-modal-footer .btn.active:focus,
.file-upload-modal-footer .btn:active.focus,
.file-upload-modal-footer .btn.active.focus {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

.file-upload-modal-footer .btn:hover,
.file-upload-modal-footer .btn:active:hover,
.file-upload-modal-footer .btn.active:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

/* Improve hover effect on uploaded files buttons */
.upload-files .uploadedfiles td a.btn-primary {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.upload-files .uploadedfiles td a.btn-primary:hover,
.upload-files .uploadedfiles td a.btn-primary:active,
.upload-files .uploadedfiles td a.btn-primary:focus {
    background: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

/* Customize the delete button for uploaded files */
.upload-files ul.files-list fieldset div:nth-child(3) a.btn-danger {
    background: #d9534f;
    color: #fff;
    border-color: #d43f3a;
}

.upload-files ul.files-list fieldset div:nth-child(3) a.btn-danger:hover {
    background: #c9302c;
    color: #fff;
    border-color: #ac2925;
}

.save-survey-input .btn,
.modal-dialog .btn {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.save-survey-input .btn:hover,
.save-survey-input .btn:active:hover,
.save-survey-input .btn.active:hover,
.modal-dialog .btn:hover,
.modal-dialog .btn:active:hover,
.modal-dialog .btn.active:hover {
    background: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

.btn-info {
    background-color: #000;
    color: #fff;
    border-color: #fff;
}

.btn-info:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

/* Customize bootstrap buttons */
.bootstrap-buttons-div .btn-primary {
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.bootstrap-buttons-div .btn-primary:hover {
    background: #007486;
    color: #ffffff;
    border-color: #faf9f1;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #000000;
    border-color: #cccccc;
    border-radius: 4px;
}

.bootstrap-select>.dropdown-toggle {
    width: 250px;
    border: 1px solid #cccccc;
}

.dropdown.bootstrap-select .dropdown-menu.show {
    width: 250px;
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #6c757d;
}

.bootstrap-select .btn-check:active+.btn-outline-secondary,
.bootstrap-select .btn-check:checked+.btn-outline-secondary,
.bootstrap-select .btn-outline-secondary.active,
.bootstrap-select .btn-outline-secondary.dropdown-toggle.show,
.bootstrap-select .btn-outline-secondary:active {
    background-color: transparent;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .btn-outline-secondary,
.bootstrap-select .btn-outline-secondary:hover {
    background-color: transparent;
}

.bootstrap-select .btn-outline-secondary,
.bootstrap-select .btn-outline-secondary {
    color: #212529;
    font-weight: normal;
    text-transform: none;
}

.bootstrap-select .btn-outline-secondary.show:focus,
.bootstrap-select .btn-outline-secondary.show:focus {
    border-color: #7ca51a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(124, 164, 25, .6);
}

.btn-outline-secondary.selector--inputondemand-addlinebutton {
    margin-left: 10px;
    background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
    color: #000000;
    border-color: #d3d3d3;
}

.btn-outline-secondary.selector--inputondemand-addlinebutton:hover,
.btn-outline-secondary.selector--inputondemand-addlinebutton:active {
    background: #c7c7c7;
    color: #000000;
    border-color: #c7c7c7;
}

/*****************************************************************/
/*                        End All Buttons                        */
/*****************************************************************/

/*****************************************************************/
/*                       Start Sortables                         */
/*****************************************************************/

/*unsorted*/
.sortable-choice .ls-choice.sortable-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    color: #6f6f6f;
    border-color: #c5c5c5;
}

/*sorted*/
.sortable-rank .ls-choice.sortable-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #007486;
    color: #ffffff;
    border-color: #007486;
}

/*****************************************************************/
/*                      End Sortables                            */
/*****************************************************************/

/*****************************************************************/
/*                       Start Slider                            */
/*****************************************************************/

.slider-list .slider.slider-untouched .slider-handle {
    background-color: #007486;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #007486;
}

.tooltip-inner {
    background-color: #007486;
}

.slider-touched .tooltip-inner,
.slider-touched .slider-handle {
    background-color: #007486;
}

.slider-touched .tooltip.top .tooltip-arrow {
    border-top-color: #007486;
}

.slider-handle {
    background-color: #007486;
    background-image: linear-gradient(to bottom, #007486 0%, #007486 100%);
}

.slider-selection {
    background-image: linear-gradient(to bottom, #007486 0%, #007486 100%);
}

/*****************************************************************/
/*                       End Slider                              */
/*****************************************************************/

/*****************************************************************/
/*                       Start Footer                            */
/*****************************************************************/

#survey-nav .nav-link {
    color: #396276;
}

#survey-nav .nav-link:hover,
#survey-nav .nav-link:focus {
    color: #396276;
    text-decoration: underline;
}

/* Removed the classess background color in the question index */
li.navbar-item-middle ul li.index-item-current {
    background-color: #7ca51a;
}

/* Removed the classess background color in the question index */
li.navbar-item-middle ul li a.bg-warning,
li.navbar-item-middle ul li a.bg-danger {
    background-color: transparent !important;
}

li.navbar-item-middle ul li a.bg-warning:hover,
li.navbar-item-middle ul li a.bg-danger:hover {
    background-color: #7ca51a !important;
    color: #ffffff;
}

footer {
    margin-bottom: 40px;
    background-color: #ffffff;
}

/*****************************************************************/
/*                       End Footer                              */
/*****************************************************************/

/*****************************************************************/
/*                       Start Responsive                        */
/*****************************************************************/

@media only screen and (min-width: 768px) {
    
    .array-flexible-dual-scale .table-hover>tbody>tr:hover>* {
        color: #ffffff;
    }

}

@media only screen and (max-width: 768px) {
    #outerframeContainer {
        margin-top: 0;
    }

    .navbar-item-right a.ls-link-clearall {
        text-align: center;
    }
}

@media only screen and (max-width: 760px), 
(max-device-width: 1024px) and (min-device-width: 768px) {
    
    table.ls-answers > tbody > tr td.radio-item:hover, 
    table.ls-answers > tbody > tr td.checkbox-item:hover {
        color: #fff;
        background-color: #7ca51a;
    }
    
}

@media only screen and (max-width: 1028px) {
    
    .logo-left {
        height: 119px;
    }
    
    .table-hover>tbody>tr:hover>* {
        --bs-table-accent-bg: transparent;
        color: #333333;
    }
    
    .table-hover>tbody>tr:hover, 
    tr.answers-list:hover, 
    .array-flexible-column tr.answers-list:hover {
        background-color: transparent;
        color: #333333;
    }

    footer {
        margin-bottom: 0;
    }
    
}

/*****************************************************************/
/*                       End Responsive                          */
/*****************************************************************/



/* fuer statec ausgeblendet: umfrage verlassen und daten löschen */
.ls-link-clearall{
  display: none;
}

/* fuer statec ausgeblendet: wenn sie betrag in € auswählen, spezifizieren ie bite ihre Auswahl im entsprechenden Textfeld */
.em_other_comment_mandatory {
    display:none;
}

/* fuer statec ausgeblendet: bitte wählen sie eine der folgendne Antworten */
.em_default {
    display:none;
}

/* fuer statec ausgeblendet: Nur Zahlen können in das 'Betrag in €:' begleitende Textfeld eingegeben werden */
 .em_value_range  {
    display:none;
}

/* fuer statec eingeblendet: Ihre Antwort muss zwischen 1 und 50 liegen Fehlermeldung einblenden */
 .ls-em-error  {
    display:inline;
}

/* fuer statec ausgeblendet: In diesem Feld darf nur ein ganzzahliger Wert eingetragen werden. */
 .em_value_integer   {
    display:none;
}

/* fuer statec ausgeblendet: Bitte wählen Sie maximal eine Antwort. */
 .em_num_answers   {
    display:none;
}

/* fuer statec ausgeblendet: Bitte wählen Sie maximal eine Antwort. */
 .ls-question-mandatory   {
    display:none;
}

/* fuer statec ausgeblendet:  Bitte geben Sie einen Wert > 0 ein oder wählen Sie eine vorgegebene Option (bei Ausgaben exakter Wert Feld sonstiges */
 .em_other_comment_mandatory   {
    display:none;
}

/* fuer statec ausgeblendet:  Wenn Sie 'Betrag in €:' auswählen, spezifizieren Sie bitte Ihre Auswahl im entsprechenden Textfeld.. */
 .ls-em-success   {
    display:none;
}

/*Thomas hinzugefügt am 22.12.2020 */
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}


/* fuer statec ausgeblendet:  Warnung bei Werten ausserhalb der definierten Range 
 .ls-em_sq_validation   {
    display:none;
    }
    
 /* fuer statec ausgeblendet:  Warnung bei Werten ausserhalb der definierten Range */
 .ls-em-error   {
    display:none;
    }
    
     /* fuer statec ausgeblendet:  Button change Lanuage */
 .btn-info    {
    display:none;
    }