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

.question-title-container .text-danger {
    color: orange !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;
}

.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 0;
    display: flex;
    align-items: center;    
}

.navbar-logo-left {
    padding: 0px 10px;
}

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

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

@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: #1D4E5D;
    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: #1D4E5D;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
}

/*ProgressBar connectors*/
.bubble-progressbar-container #custom-progressbar li:after {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #1D4E5D;
    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: #1D4E5D !important;
}

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

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

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

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

.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: #fff !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: 1px;
}

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

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

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

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

#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,
    .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: 4px;
}

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

.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: #1D4E5D !important;
    color: #fff !important;
    border-color: #1D4E5D !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) {
    .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;
	}
}

/* [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;
}

/*****************************************************************/
/*                           Sidekickhealth                      */
/*****************************************************************/

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

/* ===============================
   Proxima Nova - Complete Family
   =============================== */

/* Standard Width */
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-thin.otf') format('opentype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-thinit.otf') format('opentype'); font-weight: 100; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-light.otf') format('opentype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-lightit.otf') format('opentype'); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-regular.otf') format('opentype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-regularit.otf') format('opentype'); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-medium.otf') format('opentype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-mediumit.otf') format('opentype'); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-semibold.otf') format('opentype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-semiboldit.otf') format('opentype'); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-bold.otf') format('opentype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-boldit.otf') format('opentype'); font-weight: 700; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-extrabold.otf') format('opentype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-extraboldit.otf') format('opentype'); font-weight: 800; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-black.otf') format('opentype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Proxima Nova'; src: url('./fonts/proximanova-blackit.otf') format('opentype'); font-weight: 900; font-style: italic; }


/* Condensed (Cond) */
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-thin.otf') format('opentype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-light.otf') format('opentype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-regular.otf') format('opentype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-medium.otf') format('opentype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-semibold.otf') format('opentype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-bold.otf') format('opentype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-extrabold.otf') format('opentype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Proxima Nova Condensed'; src: url('./fonts/proximanovacond-black.otf') format('opentype'); font-weight: 900; font-style: normal; }


/* Extra Condensed (ExCn) */
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-thin.otf') format('opentype'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-light.otf') format('opentype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-regular.otf') format('opentype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-medium.otf') format('opentype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-semibold.otf') format('opentype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-bold.otf') format('opentype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-extrabold.otf') format('opentype'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'Proxima Nova Extra Condensed'; src: url('./fonts/proximanovaexcn-black.otf') format('opentype'); font-weight: 900; font-style: normal; }

/* ===============================
   Greycliff CF - Complete Family
   =============================== */
   
@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Thin Oblique.otf') format('opentype');
  font-weight: 100;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Extra Light.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Extra Light Oblique.otf') format('opentype');
  font-weight: 200;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Light Oblique.otf') format('opentype');
  font-weight: 300;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Regular Oblique.otf') format('opentype');
  font-weight: 400;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Medium Oblique.otf') format('opentype');
  font-weight: 500;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Demi Bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Demi Bold Oblique.otf') format('opentype');
  font-weight: 600;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Bold Oblique.otf') format('opentype');
  font-weight: 700;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Extra Bold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Extra Bold Oblique.otf') format('opentype');
  font-weight: 800;
  font-style: oblique;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Greycliff CF';
  src: url('./fonts/Connary Fagen - Greycliff CF Heavy Oblique.otf') format('opentype');
  font-weight: 900;
  font-style: oblique;
}

.font-sidekickhealth {
    font-family: 'Greycliff CF', sans-serif;
}

.script-container {
    height: auto;
}

a,
a:link {
    color: #888888; 
    text-decoration: none;
}

a:hover,
a:link:hover {
    color: #1D4E5D; 
    text-decoration: none;    
}

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

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

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

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

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

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

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

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

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

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

/* Add CSS specific to the progress bar if needed */

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

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

/* Add CSS specific to group containers, titles, and descriptions if needed */

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

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

.question-container {
    border-radius: 4px;
}

.question-title-container {
    color: #ffffff;
}

.question-number, 
.question-code {
    color: #ffffff !important;
}

.table {
    color: #323B3F;
}

.radio-item label::before,
.checkbox-item label::before {
    border-color: #1D4E5D;
}

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

.checkbox-item label::after {
    background-color: #1D4E5D;
    color: #ffffff;
    border-radius: 0;    
}

.form-control,
.form-select {
    border-color: #1D4E5D;
}

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

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

/*****************************************************************/
/*                 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-column table.subquestion-list col.ls-even {
    background-color: #f0f0f0;
}

.array-flexible-column table.subquestion-list col.hover {
    background-color: #dddddd;
}

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

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

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

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

/*****************************************************************/
/*                     End Specified css                         */
/*****************************************************************/

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

/* 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: #1D4E5D;
    color: #ffffff;
    border-color: #1D4E5D;
}

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

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

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

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

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

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

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

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

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

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

.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: #1D4E5D;
    border-color: #1D4E5D;
}

/* 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 {
    background-color: #1D4E5D;
    color: #ffffff;
    border-color: #1D4E5D;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Improve hover effect on uploaded files buttons */
.upload-files .uploadedfiles td a.btn-primary {
    background-color: #1D4E5D;
    color: #ffffff;
    border-color: #1D4E5D;
}

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

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

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

/* 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: #1D4E5D;
    color: #ffffff;
    border-color: #1D4E5D;
}

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

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

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

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

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

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

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

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

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

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

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

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder.hover,
.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 {
    width: 250px;
    background-color: transparent;
    color: #212529;
    border: 1px solid #1D4E5D;
    border-radius: 4px;
}

.bootstrap-select>.btn-outline-secondary {
    color: #212529;    
    border-color: #1D4E5D;    
}

.bootstrap-select>.btn-outline-secondary:hover {
    background-color: transparent;
    color: #212529;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.slider-track {
    background-color: #C8EBFF;
    background-image: none;
    border-radius: 0;
    box-shadow: none !important;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
    top: 70%;    
}

.tooltip-inner {
	background-color: #1D4E5D;
}

.slider-list .slider.slider-untouched .slider-handle {
    background-color: #1D4E5D;
    background-image: none;
    box-shadow: none;
}

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

.slider-touched .tooltip-inner,
.slider-touched .slider-handle {
    background-color: #1D4E5D;
    background-image: none;
    box-shadow: none;    
}

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

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

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

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

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

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

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

#survey-nav .nav-link:hover {
    color: #1D4E5D;
}

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

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

@media only screen and (max-width: 600px) {
    .font-sidekickhealth  {
        font-family: 'Proxima Nova', sans-serif;
    }
}

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