/******************
    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: 18px;
    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: #f2eee5;
}

.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: #222426;
}

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

.navbar-toggler {
    background-color: #fff;
    border: none;
}

.navbar-toggler:focus {
    background-color: transparent;
    box-shadow: none;
}

span.navbar-toggler-icon {
    width: 24px;
    height: 3px;
    margin-bottom: 5px;
    background-color: #222426;
    display: block;
    transition: all 0.3s ease;
}

span.navbar-toggler-icon:last-child {
    margin-bottom: 0px;
}

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;
}

.privacy-block div.align-items-center div:first-child {
    margin-top: 15px;
    display: flex;
    column-gap: 5px;
}

input#datasecurity_accepted {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    flex-shrink: 0;
}

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

/* logo header */

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

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

.navbar-logo-left {
    width: 100%;
}

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

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

/* survey heading */

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

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

.top-container {
    margin: 0;
}

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

/* Default Progress Bar */
.default-progressbar-container .progress-bar {
    background-color: #f29200;
}

/* Bubble Style Progress Bar */
.bubble-progressbar-container .progress-bar {
    background-color: #f29200;
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    src: url("./icon/fa-light-300.woff2") format("woff2");
}

.bubble-progressbar-container .custom-progressbar-container {
    padding: 1em 0;  
}

.bubble-progressbar-container #custom-progressbar {
    width: 100%;
    margin: 10px 0px;
    padding: 0px;   
    display: inline-flex;
    justify-content: center;
    column-gap: 15px;
    flex-wrap: wrap;
} 

.bubble-progressbar-container #custom-progressbar .index-item-current .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    background-color: #f29200;
    border-radius: 50%;
}

.bubble-progressbar-container #custom-progressbar li {
    width: 10%;    
    font-size: 10px;    
    position: relative;    
    float: left;
    list-style-type: none;    
    font-weight: 400;
}

.bubble-progressbar-container #custom-progressbar .step0:before {
    font-family: FontAwesome;
    content: "\f10c";
    color: #fff;
}

.bubble-progressbar-container #custom-progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 43px;
    display: block;
    font-size: 20px;
    background: #f29200;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
}

/*ProgressBar connectors*/
.bubble-progressbar-container #custom-progressbar li:after {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #f29200;
    position: absolute;
    left: 100;
    top: 18px;
    z-index: -1;
}

.bubble-progressbar-container #custom-progressbar li.index-item-current:after,
.bubble-progressbar-container #custom-progressbar li.index-item-active:after  {
    background-color: #f29200 !important;
}

.bubble-progressbar-container #custom-progressbar li.index-item-active:before {
	background-color: #ffffff !important;
	border: 2px solid #f29200 !important;
}

.bubble-progressbar-container #custom-progressbar li.index-item-current.active:before {
    background-color:  #ffffff;
    border: 2px solid #f29200;
}

.bubble-progressbar-container #custom-progressbar li:last-child:after {
    height: 0;
}

/*Color number of the step and the connector before it*/
.bubble-progressbar-container #custom-progressbar li.active:before, 
.bubble-progressbar-container #progressbar li.active:after {
    background-color: #f29200;
}

.bubble-progressbar-container #custom-progressbar li.active:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
}

.bubble-progressbar-container .icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.bubble-progressbar-container .icon-content { 
    padding-bottom: 20px;
}

@media screen and (max-width: 992px) {
    .bubble-progressbar-container .icon-content {
        width: 50%;
    }
}

/* Group Titles Progress Bar */
.group-progressbar-container {
    display: block;
}

.group-progressbar-container .progress-bar {
    padding: 4px;
    color: #ffffff;
    background-color: #f29200;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    font-weight: bold;
    text-align: right;
}

.group-progressbar-container div.progress {
    position: relative;
    overflow: revert;
}

.group-progressbar-container div.progress div.progress-bar {
    position: absolute;
    line-height: 13px;
    padding-right: 12px;
    min-width: 3em !important;
}

.group-progressbar-container div.progress div.progress-bar::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    border: 10px solid #f29200;
    border-left: none;
    border-radius: 0 50% 50% 0;
    z-index: 99;
}

.group-progressbar-container div.progress div.progress-step {
    flex: 1;
    border-right: 4px solid #fff;
    z-index: 9;
    position: relative;
}

.group-progressbar-container div.progress div.progress-step:last-child {
    border-right:none;
}

.group-progressbar-container div.progress div.progress-step span {
    width: 100%;   
    font-weight: bold;        
    padding-left: 6px;        
    position: absolute;
    top: 24px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

@media only screen and (max-width: 768px) {
    
    .group-progressbar-container div.progress div.progress-step span {
        top: 47px;
        zoom: 0.5;
    }
    
}

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

/* #################### 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: #222426 !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: 4px;
}

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

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

.multiple-opt .checkbox-item label::after,
.multiple-opt-comments .checkbox-item label::after {
    top: 5px;
}

.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.dropdown-menu-end.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%;
    justify-content: right;    
}

#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;
}

@media screen and (max-width: 768px) {
    
    div.gender-button,
    div.yesno-button {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .navbar-item-left a,
    .navbar-item-right 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: 50px;
}

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

.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;
}

/* Customize Admin page survey title buttons */
.surveytitle.btn-primary {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

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

/*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 {
    background-color: #f29200 !important;
    border-color: #f29200 !important;	
}

/*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;
    border-color: #5cb85c;
    background-color: #4cae4c;
}

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

/*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) {
    .dir-ltr .radio-item label.ls-label-xs-visibility::before, 
    .dir-ltr .checkbox-item label.ls-label-xs-visibility::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: #222426;
        border-color: #222426;
    }

    .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;
	}
}

/* [04-10-2024] : Trivender Singh */
.hidden {
    display: none;
}

/****Fixed css for misaligned array buttons****/
.row.array-flexible-column .radio-item label::before {
    top: 1px;
}

.row.array-flexible-column .radio-item label::after {
    top: 4px;
}

/*****************************************************************/
/*                           PC Caddie                           */
/*****************************************************************/

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

.script-container {
    height: auto;
}

a,
a:link,
#survey-nav .nav-link {
    color: #222426;
    font-size: 19px;
    font-weight: bold;
}

a:hover,
a:link:hover,
#survey-nav .nav-link:hover {
    color: #f29200;
}

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

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

.form-change-lang a.dropdown-toggle {
    font-size: revert;
}

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

/*****************************************************************/
/*                       Start First Page                        */
/*****************************************************************/

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

.form-check-input:checked {
    background-color: #222426;
    border-color: #222426;
    box-shadow: none;
}

/*****************************************************************/
/*                        End First Page                         */
/*****************************************************************/

/*****************************************************************/
/*                      Start Logo Bar                           */
/*****************************************************************/

.header-wrapper {
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.02);
}

img.logo-left {
    width: 200px;
}

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

/* 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: #f2eee5 !important;
}

/*****************************************************************/
/*                       End Logo Bar                            */
/*****************************************************************/

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

.question-container {
    background-color: #f2eee5;
    border: none;
    border-top: 4px solid #f29200;
}

.question-text {
    font-weight: 700;
}

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

.checkbox-item label::after {
    background-color: #222426;
    color: #ffffff;
}

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

.form-control,
.form-select {
    border: 1px solid #e2ded5;
}

.form-control:focus,
.form-select:focus {
    border-color: #f29200;
    box-shadow: none;
}

.table {
    color: #222426;    
}

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

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

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

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

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

.array-flexible-column tr.answers-list:nth-child(even) {
    background-color: transparent;
}

.array-flexible-column tr.answers-list:hover, 
.array-flexible-column tr.answers-list:hover {
    background-color: transparent;
}

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

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

.multiple-opt-comments .form-horizontal .checkbox-item label::after {
    top: 6px;
}

li.imageselect-listitem .imageselect-container .imageselect-label {
    border: 18px solid #afa9a0;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked+label {
    border: 18px solid #f29200;
}

Multiplechoice bootstrap buttons unchecked focus .btn-check .btn-primary:focus, 
.btn-check:focus+.btn-primary {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;
}

.equation.question-container,
.boilerplate.question-container {
	padding-bottom: 0;
}
 
.equation .question-title-container,
.boilerplate .question-title-container {
    margin-bottom: 0;
}

.equation .question-help-container,
.boilerplate .question-help-container {
    margin: 10px 0px;
}

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

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

.btn {
    padding: 10px 39px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
}

/* Remove the default border-radius on all buttons */
.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: 0px;
}

/* Improve button focus and hover effects */
.btn,
.progress,
.dropdown-menu,
.checkbox-item label::before,
.checkbox-item label::after,
.form-control,
.form-select,
.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 focus effects */
.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;
}

/* Customize Admin page survey title buttons */
.surveytitle.btn-primary {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.surveytitle.btn-primary:hover,
.surveytitle.btn-primary.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.surveytitle.btn-primary:active,
.surveytitle.btn-primary.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.surveytitle.btn-primary:focus,
.surveytitle.btn-primary.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

/* Customize Next/Submit buttons */
.ls-move-submit-btn,
.ls-move-next-btn {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.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: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.ls-move-submit-btn:active,
.ls-move-submit-btn.active,
.ls-move-next-btn:active,
.ls-move-next-btn.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.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: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 {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

/* Customize gender/yes-no buttons */
.gender-button .btn-primary,
.yes-no .btn-primary {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

.gender-button .btn-primary:hover,
.gender-button .btn-primary.active:hover,
.yes-no .btn-primary:hover,
.yes-no .btn-primary.active:hover {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;			
}

.gender-button .btn-primary:active,
.yes-no .btn-primary:active,
.gender-button .btn-primary.active,
.yes-no .btn-primary.active {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;			
}

.gender-button .btn-primary:focus,
.gender-button .btn-primary.active:focus,
.yes-no .btn-primary:focus,
.yes-no .btn-primary.active:focus {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

/* Customize Date Picker button */
.date-timepicker-group .btn-primary,
.date-timepicker-group .btn-primary:hover,
.date-timepicker-group .btn-primary.hover,
.date-timepicker-group .btn-primary:active,
.date-timepicker-group .btn-primary.active,
.date-timepicker-group .btn-primary:focus,
.date-timepicker-group .btn-primary.focus {
    padding: 6px 12px;
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
    border-radius: 0;        
}

/* Customize Previous buttons */
.ls-move-previous-btn {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;
}

.ls-move-previous-btn:hover,
.ls-move-previous-btn.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;		
}

.ls-move-previous-btn:active,
.ls-move-previous-btn.active {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;
}

.ls-move-previous-btn:focus,
.ls-move-previous-btn.focus {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;
}

/* Customize Upload buttons */
.upload.btn-primary {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

.upload.btn-primary:hover,
.upload.btn-primary.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}	

.upload.btn-primary:active,
.upload.btn-primary.active {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

.upload.btn-primary:focus,
.upload.btn-primary.focus {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;
}

.upload-div .btn {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.upload-div .btn:hover,
.upload-div .btn.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.upload-div .btn:active,
.upload-div .btn.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.upload-div .btn:focus,
.upload-div .btn.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.uploader .alert-info {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.uploader .alert-info:hover,
.uploader .alert-info.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.uploader .alert-info:active,
.uploader .alert-info.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.uploader .alert-info:focus,
.uploader .alert-info.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.file-upload-modal-footer .btn {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.file-upload-modal-footer .btn:hover,
.file-upload-modal-footer .btn.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.file-upload-modal-footer .btn:active,
.file-upload-modal-footer .btn.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.file-upload-modal-footer .btn:focus,
.file-upload-modal-footer .btn.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

/* Improve hover effect on uploaded files buttons */
.upload-files .uploadedfiles td a.btn-primary {
    padding: 6px 12px ;  
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.upload-files .uploadedfiles td a.btn-primary:hover,
.upload-files .uploadedfiles td a.btn-primary.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.upload-files .uploadedfiles td a.btn-primary:active,
.upload-files .uploadedfiles td a.btn-primary.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.upload-files .uploadedfiles td a.btn-primary:focus,
.upload-files .uploadedfiles td a.btn-primary.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

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

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

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

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

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

.save-survey-input .btn:hover,
.save-survey-input .btn.hover,
.modal-dialog .btn:hover,
.modal-dialog .btn.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;		
}

.save-survey-input .btn:active,
.save-survey-input .btn.active,
.modal-dialog .btn:active,
.modal-dialog .btn.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.save-survey-input .btn:focus,
.save-survey-input .btn.focus,
.modal-dialog .btn:focus,
.modal-dialog .btn.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.btn-info {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.btn-info:hover,
.btn-info.hover {
    background-color: #222426;
    color: #ffffff;
    border-color: #222426;	
}

.btn-info:active,
.btn-info.active {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

.btn-info:focus,
.btn-info.focus {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;	
}

/* ############ Bootstrap Buttons ############  */
.bootstrap-buttons-div .btn-primary {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

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

.bootstrap-buttons-div .btn-primary:active,
.bootstrap-buttons-div .btn-primary.active {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

.bootstrap-buttons-div .btn-primary:focus,
.bootstrap-buttons-div .btn-primary.focus {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

.bootstrap-select>.dropdown-toggle,
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder.active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder.focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.hover  {
    padding: 6px 12px;
    background-color: transparent;
    color: #212529;
    border: 1px solid #e2ded5;
    border-radius: 0;    
    font-size: 14px;
    font-weight: normal;
}

.dropdown.bootstrap-select .dropdown-menu.show {
    width: 250px;
    border-color: #f29200;
}

.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 {
    color: #222426;
}

.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 {
    border-color: #f29200;
    outline: none !important;
}

/* ############ Add Line Button ############  */
.btn.selector--inputondemand-addlinebutton {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

.btn.selector--inputondemand-addlinebutton:hover, 
.btn.selector--inputondemand-addlinebutton.hover {
    background-color: #f29200;
    color: #ffffff;
    border-color: #f29200;		
}

.btn.selector--inputondemand-addlinebutton:active,
.btn.selector--inputondemand-addlinebutton.active {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;		
}

.btn.selector--inputondemand-addlinebutton:focus,
.btn.selector--inputondemand-addlinebutton.focus {
    background-color: #ffffff;
    color: #222426;
    border-color: #222426;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

footer {
    background-color: #222426;
    color: #ffffff;
}

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

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

@media only screen and (max-width: 768px) {
    
    body {
        font-size: 16px;
    }
    
    .btn {
        font-size: 14px;
        padding: 8px 30px;
    }
    
    img.logo-left {
        width: 100px;
    }
    
    .dir-ltr .radio-item label.ls-label-xs-visibility::before, 
    .dir-ltr .checkbox-item label.ls-label-xs-visibility::before {
        top: 5px;
    }
    
    .dir-ltr .radio-item label.ls-label-xs-visibility::after {    
        top: 8px;
    }
    
    .dir-ltr .checkbox-item label.ls-label-xs-visibility::after {
        top: 6px;        
    }
    
}

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



/* ==== Golfer-App Premium Umfrage (IDs 785867 / 493314): Skala 1-10 auf dem Handy als 5 + 5 ==== */
@media (max-width: 767px) {
  #question1230 ul.ls-column-count-10, #question1234 ul.ls-column-count-10, #question1238 ul.ls-column-count-10,
  #question1270 ul.ls-column-count-10, #question1274 ul.ls-column-count-10, #question1278 ul.ls-column-count-10 {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 4px;
    row-gap: 14px;
  }
  #question1230 ul.ls-column-count-10 li.radio-item, #question1234 ul.ls-column-count-10 li.radio-item, #question1238 ul.ls-column-count-10 li.radio-item,
  #question1270 ul.ls-column-count-10 li.radio-item, #question1274 ul.ls-column-count-10 li.radio-item, #question1278 ul.ls-column-count-10 li.radio-item {
    width: auto !important;
    margin: 0 !important;
    padding-left: 20px !important;
    white-space: nowrap;
  }
}

/* ==== Golfer-App Premium Umfrage (IDs 785867 / 493314 / 519269): Pflichtangabe-Hinweis nicht mehr über der Fragennummer ==== */
form[action$="/785867"] .question-title-container .asterisk,
form[action$="/493314"] .question-title-container .asterisk,
form[action$="/519269"] .question-title-container .asterisk {
  position: static !important;
  display: block;
  margin: 0 0 6px 0;
  line-height: 1.2;
}
form[action$="/785867"] .question-title-container .asterisk sup,
form[action$="/493314"] .question-title-container .asterisk sup,
form[action$="/519269"] .question-title-container .asterisk sup { top: -4px; }
form[action$="/785867"] .question-title-container .question-number,
form[action$="/493314"] .question-title-container .question-number,
form[action$="/519269"] .question-title-container .question-number { margin-left: 0 !important; }

/* ==== Golfer-App Premium Umfrage (IDs 785867 / 493314 / 519269): keine automatische Silbentrennung (z. B. "PC CAD-DIE") ==== */
form[action$="/785867"], form[action$="/785867"] *,
form[action$="/493314"], form[action$="/493314"] *,
form[action$="/519269"], form[action$="/519269"] * {
  -webkit-hyphens: manual !important;
  hyphens: manual !important;
}

/* ==== Golfer-App Premium Umfrage (IDs 785867 / 493314 / 519269): Textlink im Begrüßungstext wie Fließtext, blau ==== */
form[action$="/785867"] .survey-welcome a,
form[action$="/493314"] .survey-welcome a,
form[action$="/519269"] .survey-welcome a {
  color: #0d6efd !important;
  font-weight: 400 !important;
  font-size: inherit !important;
  text-decoration: underline;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269) – Abbrechen-Button, Abbruchseite, Standardmenü „Umfrage verlassen" ausgeblendet ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) a#pcc-abbrechen {
  display: inline-block;
  margin-right: 18px;
  color: #5c5c5c !important;
  font-size: 16px;
  font-weight: 400 !important;
  text-decoration: underline;
  vertical-align: middle;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) a#pcc-abbrechen:hover,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) a#pcc-abbrechen:focus {
  color: #222426 !important;
}
/* pcc-navrow: Zurück links, Abbrechen + Weiter rechts in einer Zeile, auch auf dem Handy */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #navigator-container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #navigator-container .col-6.text-start {
  flex: 0 0 auto;
  width: auto;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #navigator-container .col-6.text-end {
  flex: 1 1 auto;
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .pcc-abbruch {
  padding: 24px 0 48px 0;
  font-size: 18px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .navbar-toggler,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #navbar,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) li.navbar-item-right {
  display: none !important;
}
/* ==== Golfer-App Premium Umfrage (IDs 785867 / 493314 / 519269): Footer in Markengrün ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer {
  background-color: #57A632 !important;
  color: #ffffff !important;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer .copyright,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer a {
  color: #ffffff !important;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Sprachauswahl oben rechts gegenüber vom Logo ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar {
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .navbar-logo-left {
  width: auto;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang {
  list-style: none;
  margin-left: auto;
  padding: 0 !important;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .nav-link.dropdown-toggle {
  margin: 0;
  padding: 6px 14px;
  border: 1px solid #dadada;
  border-radius: 50px;
  color: #222426;
  font-size: 14px;
  font-weight: 700;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-menu.dropdown-menu-end.show {
  inset: 100% 0 auto auto !important;
  transform: none !important;
  min-width: 160px;
  max-width: calc(100vw - 30px);
  margin-top: 6px;
  padding: 6px 0;
  border: 1px solid #dadada;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-item {
  padding: 8px 16px;
  color: #222426;
  font-size: 16px;
  font-weight: 400;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-item.pcc-current {
  color: #57A632;
  font-weight: 700;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Flaggen in der Sprachauswahl ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-toggle,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .ls-language-link {
  display: flex;
  align-items: center;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-toggle {
  padding: 5px 12px 5px 6px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-toggle::before,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .ls-language-link::before {
  content: "";
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--pcc-flag) center / cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-toggle::before {
  margin-right: 6px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .logo-bar .form-change-lang .dropdown-toggle::after {
  margin-left: 8px;
}
html[lang^="de"] .form-change-lang .dropdown-toggle,
.form-change-lang .ls-language-link[data-limesurvey-lang="de"] {
  --pcc-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'%3E%3Cpath fill='%23000' d='M0 0h3v1H0z'/%3E%3Cpath fill='%23D00' d='M0 1h3v1H0z'/%3E%3Cpath fill='%23FFCE00' d='M0 2h3v1H0z'/%3E%3C/svg%3E");
}
html[lang^="en"] .form-change-lang .dropdown-toggle,
.form-change-lang .ls-language-link[data-limesurvey-lang="en"] {
  --pcc-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Cpath fill='%23012169' d='M0 0h60v30H0z'/%3E%3Cpath stroke='%23fff' stroke-width='6' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23C8102E' stroke-width='4' clip-path='url(%23t)' d='M0 0l60 30m0-30L0 30'/%3E%3Cpath stroke='%23fff' stroke-width='10' d='M30 0v30M0 15h60'/%3E%3Cpath stroke='%23C8102E' stroke-width='6' d='M30 0v30M0 15h60'/%3E%3C/svg%3E");
}
html[lang^="fr"] .form-change-lang .dropdown-toggle,
.form-change-lang .ls-language-link[data-limesurvey-lang="fr"] {
  --pcc-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'%3E%3Cpath fill='%23002395' d='M0 0h1v3H0z'/%3E%3Cpath fill='%23fff' d='M1 0h1v3H1z'/%3E%3Cpath fill='%23ED2939' d='M2 0h1v3H2z'/%3E%3C/svg%3E");
}
html[lang^="it"] .form-change-lang .dropdown-toggle,
.form-change-lang .ls-language-link[data-limesurvey-lang="it"] {
  --pcc-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'%3E%3Cpath fill='%23009246' d='M0 0h1v3H0z'/%3E%3Cpath fill='%23fff' d='M1 0h1v3H1z'/%3E%3Cpath fill='%23CE2B37' d='M2 0h1v3H2z'/%3E%3C/svg%3E");
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Top-Bar sticky mit Schatten wie in der PC CADDIE App ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) header {
  position: sticky;
  top: 0;
  z-index: 10;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .header-wrapper {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .05);
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Logo auf Desktop und Handy gleich groß ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) img.logo-left {
  width: 120px;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Meldungen (Modal) vertikal zentriert, auch auf dem Handy ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .modal::before {
  display: none;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - 14px);
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .modal-footer .btn {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .modal-footer .btn {
    font-size: 14px;
  }
}

/* ==== Golfer-App Premium Umfrage: Kennzeichnung "(optional)" hinter der Frage – Größe wie "Pflichtangabe", grau ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ls-label-question .pcc-optional {
  font-size: 0.875em;
  font-weight: 400;
  color: #6c6c6c;
  white-space: nowrap;
}

/* ==== Golfer-App Premium Umfrage: Rangfolge-Frage – LimeSurvey-Standardhinweis aus, eigene Überschriften je Sprache; Hilfetexte lesbar groß ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ls-questionhelp, body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-help-container {
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* Standardhinweis der Rangfolge nur ausblenden, solange keine Fehlermeldung ansteht */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-container.ranking .ls-questionhelp.text-info:has(.ls-em-tip.em_default.ls-em-success) { display: none !important; }
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .sortable-subtitle {
  font-size: 0;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .sortable-subtitle::before {
  font-size: 16px;
  font-weight: 700;
}
html[lang="de"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-available-items .sortable-subtitle::before { content: "Funktionen"; }
html[lang="de"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-sorted-items .sortable-subtitle::before { content: "Ihre Reihenfolge"; }
html[lang="en"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-available-items .sortable-subtitle::before { content: "Features"; }
html[lang="en"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-sorted-items .sortable-subtitle::before { content: "Your order"; }
html[lang="fr"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-available-items .sortable-subtitle::before { content: "Fonctionnalités"; }
html[lang="fr"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-sorted-items .sortable-subtitle::before { content: "Votre ordre"; }
html[lang="it"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-available-items .sortable-subtitle::before { content: "Funzionalità"; }
html[lang="it"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ranking-sorted-items .sortable-subtitle::before { content: "Il Suo ordine"; }

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Meldung im Stil der PC CADDIE App ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-dialog {
  width: calc(100% - 32px);
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-content {
  padding: 16px;
  border: none;
  border-radius: 8px;
  color: #111827;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-header {
  display: none;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-body {
  padding: 0;
  font-size: 16px;
  line-height: 22px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-footer {
  justify-content: flex-end;
  padding: 16px 0 0 0;
  border-top: 1px solid #e3e3e3;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-footer .btn {
  margin: 0;
  border: none;
  border-radius: 30px;
  background-color: #f29200;
  color: #fff;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-footer .btn:hover,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #bootstrap-alert-box-modal .modal-footer .btn:focus {
  background-color: #d98300;
  color: #fff;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .modal-backdrop.show {
  opacity: .3;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Fragen-Card – Nummer als Kreis oben links, Pflichtangabe oben rechts, Text ohne Einrückung ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 12px;
  align-items: center;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container > .question-number {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f29200;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container > .asterisk {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  margin: 0 !important;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container > .question-text {
  grid-column: 1 / -1;
  margin-top: 10px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container > .question-valid-container {
  grid-column: 1 / -1;
  width: auto;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-valid-container .ls-questionhelp {
  margin-left: 0;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-valid-container .ls-questionhelp::before {
  position: static;
  display: inline-block;
  margin-right: 5px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-valid-container .ls-questionhelp > .ls-question-message {
  display: inline;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Fragen-Card modern – weiße Card, Antworten als Kacheln ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) {
  background-color: #f6f6f6;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-container {
  margin-left: 0;
  margin-right: 0;
  padding: 12px 4px;
  border: 1px solid #e5e7eb !important;
  border-top: 4px solid #f29200 !important;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container > .asterisk .text-danger {
  color: #6b7280 !important;
  font-size: 13px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-title-container > .asterisk sup.text-danger {
  color: #f29200 !important;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-valid-container .ls-questionhelp,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-help-container,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .question-help-container .ls-questionhelp {
  color: #6b7280 !important;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item {
  position: relative;
  margin: 0 0 8px 0 !important;
  padding: 0;
  border: none;
  border-radius: 10px;
  background-color: transparent;
  transition: background-color .15s;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item:hover {
  background-color: #f6f6f6;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item:has(input:checked) {
  background-color: #ffe9cc;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item:has(input:checked) > label {
  font-weight: 600;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item > label {
  display: block;
  margin: 0;
  padding: 12px 14px 12px 44px;
  cursor: pointer;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item > label::before {
  left: 14px !important;
  top: 50% !important;
  margin: 0;
  transform: translateY(-50%);
  border-color: #c4c8cf;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item > label::after {
  left: 17px !important;
  top: 50% !important;
  margin: 0;
  transform: translateY(-50%) scale(0);
  background-color: #f29200;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item > input:checked + label::before {
  border-color: #f29200;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .list-radio ul:not(.ls-column-count-10) > li.radio-item > input:checked + label::after {
  transform: translateY(-50%) scale(1);
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Skala 1-10 als Zahlen-Buttons in einer Reihe, Beschriftung darunter (pcc-scale-labels aus custom.js) ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 52px)) !important;
  gap: 8px !important;
  justify-items: stretch !important;
  margin: 0;
  padding: 0;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item {
  position: relative;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item > label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background-color: #f6f6f6;
  color: #111827;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item > label::before,
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item > label::after {
  display: none;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item:hover > label {
  background-color: #ededed;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item > input:checked + label {
  background-color: #ffe9cc;
  color: #b45309;
  font-weight: 700;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 > li.radio-item > input:focus-visible + label {
  box-shadow: 0 0 0 3px rgba(242, 146, 0, .3);
}
@media (max-width: 767px) {
  body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio ul.ls-column-count-10 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio .pcc-scale-labels {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  max-width: calc(10 * 52px + 9 * 8px);
  margin-top: 8px;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.35;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) #limesurvey .list-radio .pcc-scale-labels > span:last-child {
  text-align: right;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Gruppen-Überschrift mit klarer Hierarchie und besserem Kontrast ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .survey-name {
  color: #111827;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .group-title {
  margin-bottom: 8px;
  color: #111827;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .group-description {
  max-width: 560px;
  margin: 0 auto 24px auto;
  color: #4b5563;
  font-size: 16px;
  line-height: 1.5;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .group-description p:last-child {
  margin-bottom: 0;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Fortschrittsbalken als Pill mit Streifen und Prozentangabe ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .top-container .progress {
  height: 20px;
  border-radius: 999px;
  background-color: #e5e7eb;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .06);
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .top-container .progress-bar {
  min-width: 3em !important;
  padding: 0 10px;
  border-radius: 999px;
  background-color: #f29200;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .12) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .12) 50%, rgba(255, 255, 255, .12) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
  transition: width .4s ease;
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Footer mit "Made with (orangenes Herz) by PC CADDIE" je Sprache über dem Copyright ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer {
  padding: 28px 20px;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer .copyright {
  color: rgba(255, 255, 255, .75) !important;
  font-size: 13px;
  line-height: 1.4;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer .copyright::before {
  content: "Made with \1F9E1" " by PC CADDIE";
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
html[lang^="de"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer .copyright::before { content: "Mit \1F9E1" " entwickelt von PC CADDIE"; }
html[lang^="fr"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer .copyright::before { content: "Fait avec \1F9E1" " par PC CADDIE"; }
html[lang^="it"] body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) footer .copyright::before { content: "Fatto con \1F9E1" " da PC CADDIE"; }


/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Hinweis im Fragetext (p.pcc-hint) als Hilfetext erkennbar ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ls-label-question p.pcc-hint {
  position: relative;
  margin: 4px 0 0 0;
  padding-left: 24px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  color: #6c6c6c;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ls-label-question p.pcc-hint::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7' fill='none' stroke='%236c6c6c' stroke-width='1.5'/%3E%3Crect x='7.25' y='7' width='1.5' height='4.5' rx='.75' fill='%236c6c6c'/%3E%3Ccircle cx='8' cy='4.8' r='.95' fill='%236c6c6c'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ==== Golfer-App Premium (ID 785867): Button "Jetzt vormerken" im Endtext so groß wie der Weiter-Button (.btn) ==== */
.pcc-cta a.btn {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .pcc-cta a.btn {
    font-size: 14px;
  }
}

/* ==== Golfer-App Premium (IDs 785867 / 493314 / 519269): Pflichtmeldung (rot) so groß wie der Hinweistext darüber, halbfett zum Hervorheben ==== */
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ls-question-mandatory {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.42857143;
}
body:has(form[action$="/785867"], form[action$="/493314"], form[action$="/519269"]) .ls-question-mandatory .fa {
  margin-right: 5px;
  font-size: 16px;
}


/* ==== Golfer-App Premium (785867 / 493314): Funktionsblöcke – je Funktion eine Seite mit Kopfzeile (Gruppen 97/106/107) ==== */
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker){display:flex;flex-direction:column;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) > .group-description{display:contents;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-intro{order:0;text-align:center;color:#555;font-size:16px;line-height:1.45;margin:0 0 18px 0;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-kicker{order:1;display:flex;justify-content:space-between;align-items:center;margin:0;padding:18px 22px 4px 22px;background:#FAFAF8;border:1px solid #E8E8E8;border-bottom:0;border-top:4px solid #f29200;border-radius:14px 14px 0 0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5AA328;text-align:left!important;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#DADADA;margin-left:6px;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-dot.on{background:#5AA328;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) > .group-title{order:2;text-align:left!important;margin:0!important;padding:2px 22px 2px 22px!important;background:#FAFAF8;border-left:1px solid #E8E8E8;border-right:1px solid #E8E8E8;font-size:24px!important;font-weight:800!important;line-height:1.25;color:#222426;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-sub{order:3;margin:0;padding:2px 22px 16px 22px;background:#FAFAF8;border:1px solid #E8E8E8;border-top:0;font-size:16px;color:#606060;text-align:left!important;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) > .question-container{order:4;margin:0!important;border-radius:0!important;box-shadow:none!important;border:1px solid #E8E8E8!important;border-top:0!important;background:#ffffff!important;}
body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) > .question-container:not(:has(~ .question-container)){border-radius:0 0 14px 14px!important;margin-bottom:24px!important;}
body:has(form[action$="/785867"], form[action$="/493314"]) .ls-label-question .pcc-how{background:#F4F7F1;border-left:4px solid #5AA328;border-radius:8px;padding:12px 14px;margin:0 0 16px 0;}
body:has(form[action$="/785867"], form[action$="/493314"]) .ls-label-question .pcc-how p{margin:0;font-weight:400;font-size:16px;line-height:1.45;color:#2C2C2A;}
body:has(form[action$="/785867"], form[action$="/493314"]) .ls-label-question .pcc-how p.pcc-how-label{font-weight:700;font-size:15px;color:#5AA328;margin:0 0 4px 0;}
@media (max-width:767px){body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-kicker,body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) > .group-title,body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) .pcc-sub{padding-left:16px!important;padding-right:16px!important;}body:has(form[action$="/785867"], form[action$="/493314"]) .group-container:has(.pcc-kicker) > .group-title{font-size:21px!important;}}


/* FR: eigener Standardhinweis "Une seule réponse possible." (02.10.2026) – nur Französisch */
html[lang="fr"] :is(#vmsg_1226_default,#vmsg_1227_default,#vmsg_1241_default,#vmsg_1244_default,#vmsg_1245_default){font-size:0 !important;}
html[lang="fr"] :is(#vmsg_1226_default,#vmsg_1227_default,#vmsg_1241_default,#vmsg_1244_default,#vmsg_1245_default)::before{content:"Une seule réponse possible.";font-size:16px;line-height:1.43;}