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

/*****************************************************************/
/*               Erweitert_Regio_fruity_NH                       */
/*****************************************************************/

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

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/roboto-condensed-v19-latin-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/roboto-condensed-v19-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    padding-top: 0 !important;
    font-size: 16px;
}

.font-noto {
    font-family: 'Roboto Condensed', sans-serif;
}

.fruity .hidden-xs {
    display: block !important;
}

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

.fruity .text-danger,
.fruity .text-muted,
.fruity .has-error .checkbox, 
.fruity .has-error .checkbox-inline, 
.fruity .has-error .control-label, 
.fruity .has-error .help-block, 
.fruity .has-error .radio, 
.fruity .has-error .radio-inline {
    color: #f2e400 !important;
}

.fruity form#firstpage-changelang {
    display: none;
}

.fruity a,
.fruity a:link,
.fruity a.nav-link {
    color: #212529;    
    text-decoration: none;
}

.fruity a:hover,
.fruity a:link:hover {
    color: #eb6502;
    text-decoration: none;
}

.fruity .dropdown-menu>li>a {
    color: #858585;
}

.fruity .dropdown-menu>li>a.disabled {
    background-color: transparent;
    color: #eb6602;
}

.fruity .dropdown-menu>li>a:hover {
    background-color: #d3d3d3 !important;
}

.fruity .dropdown-menu>.active>a {
    background-color: transparent !important;   
    color: #eb6602;
}

.fruity .dropdown-menu>.active>a:focus, 
.fruity .dropdown-menu>.active>a:hover, 
.fruity .dropdown-menu>li>a:focus, 
.fruity .dropdown-menu>li>a:hover {
    color: #eb6602;
}

.fruity .help-block {
    color: #ffffff;
}

.fruity .navbar-toggler {
    border: solid 1px #eb6602;
}

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

.fruity .navbar-toggler-icon {
    display: block;
    width: 22px;
    height: 2px;   
    margin-bottom: 4px;    
    background-color: #eb6602;    
    border-radius: 1px;    
}

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

.fruity tbody, 
.fruity td, 
.fruity tfoot, 
.fruity th, 
.fruity thead, 
.fruity tr {
    border-color: #ffffff;
}

.fruity #navbar li.nav-item a.nav-link:hover {
    color: #87afae;
    text-decoration: none;
}

.index-item a {
    color: #858585 !important;
}

.index-item-current a {
    font-weight: bold !important;
}

.index-item-seen a {
    color: #75891a !important;
}

.index-item-seen.index-item-unanswered a {
    color: #eb6602 !important;
}

.fruity .dropdown-menu>li>a:hover {
    background-color: lightgrey !important;
}

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

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

.survey-description {
    color: #4b4b4b !important;
    margin-top: 35px;
}

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

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

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

.fruity header {
    position: sticky;
    top: 0px;
    z-index: 999;
}

.fruity .header-wrapper {
    background-color: #ffffff;    
    box-shadow: 0 20px 20px rgba(0, 0, 0, .2);
}

.fruity .navbar {
    box-shadow: none;
}

.fruity .logo-bar {
    display: flex;
    align-items: center;
}

.fruity .logo-container {
    float: revert;
}

.logo-container>img {
    max-height: 120px;
}

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

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

.fruity .navbar-logo-right .logo-right {
    padding-right: 0px;    
}

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

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

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

.fruity .top-container .top-content {
    margin: 0px;
    padding: 0px !important; 
}

.fruity .progress {
    border-radius: 0px;
}

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

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

.fruity  .group-title {
    margin: 12px 0px;
}

 /* Removed the classess background color in the question index */
.fruity ul.navbar-right .index-menu-full  ul li.index-item-current {
    background-color: transparent;
}

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

.fruity ul.navbar-right .index-menu-full ul li a.bg-warning:hover,
.fruity ul.navbar-right .index-menu-full ul li a.bg-danger:hover {
    background-color: #d3d3d3 !important;
}

.fruity #survey-nav ul.navbar-right {
    width: 100%;    
    padding: 0px;
    justify-content: space-between;
}

.fruity .well {
    background-color: transparent;
    text-align: center;
    border: none;
    box-shadow: none;
    padding: 0px 15px;
    margin: 0px;
    margin-bottom: 28px;
}

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

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

.fruity .question-container {
    margin-right: 0;
    margin-left: 0;
    padding: 15px 0px;    
    background-color: #87afae; 
    color: #ffffff;
    border: none;
    box-shadow: none;    
}


.fruity .question-container .table {
    color: #ffffff;
}

.fruity .question-text {
    font-size: 20px;
}

.question-container .question-valid-container.text-infom,
.fruity .text-info {
    color: #fff !important;
}

.fruity .question-container .text-danger {
    color: #eb6602 !important;
}

.fruity .question-container .text-muted,
.fruity .question-container .text-primary,
.fruity .question-container .text-success {
    color: #f2e400 !important;
}

.fruity  svg.small {
    max-width: 4.5rem;
    padding: 0;
    position: absolute;
}

.fruity .question-title-container {
    padding-left: 85px;
}

.fruity .form-control,
.fruity .form-select {
    border-radius: 0px;    
}

.fruity .form-control:focus,
.fruity .form-select:focus {
    border-color: #EB6602;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(254, 91, 53, 0.6);
}

.fruity .ls-even {
    background-color: transparent;
}

.fruity .table-hover>tbody>tr:hover>td, 
.fruity .table-hover>tbody>tr:hover>th {
    background-color: transparent;
}

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

.fruity .table-col-hover col:hover, 
.fruity .table-col-hover col.hover {
    background-color: transparent;
}

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

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

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

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

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

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

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

li.imageselect-listitem .imageselect-container .imageselect-label,
li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked+label {
    border: 0px;
}

.boilerplate .answer-container {
    display: none;
}

.boilerplate.nopadding {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.boilerplate.question-container {
    color: #87afae;
    background-color: transparent;
}

.boilerplate.question-container .question-text {
    color: #212529;
}

.boilerplate.question-container .startbox {
    border: 10px solid #fff;
    padding: 20px;
    min-height: 250px;
}

.boilerplate.question-container .startbox h3 {
   font-size: 28px;
}

.boilerplate.question-container .startbox a {
   color: #fff;
   display: block;
   font-size: 18px;
}

.boilerplate.question-container .startbox a:hover {
    text-decoration: underline;
}

.boilerplate.question-container .default  {
    background-color: #87afae;
    color: #fff;
}

.boilerplate.question-container .bg-teal  {
    background-color: #4a6969;
    color: #fff;
}

.boilerplate.question-container .bg-purple  {
    background-color: #87af8b;
    color: #fff;
}

.boilerplate.question-container .bg-blue  {
    background-color: #215164 ;
    color: #fff;
}

.question-container.bg-teal {
    background-color: #4a6969!important;
}

.question-container.bg-teal.input-error input {
    border: 2px solid #f2e400 !important;
    background-color: #4a6969!important;
    color: #f2e400 !important;
}

.question-container.bg-teal.input-error input:focus {
    border: 2px solid #f2e400 !important;
    color: #f2e400 !important;
}

.question-container.bg-teal a {
    color: #ffffff;
}

.question-container.bg-teal a:hover {
    color: #d2e1e1;
    text-decoration: none;
}

.question-container.bg-teal .ls-questionhelp,
.question-container.bg-teal .question-valid-container {
    color: #d2e1e1 !important;
}

.question-container.bg-teal .help-block {
    color: #d2e1e1;
}

.question-container.bg-teal .question-number, 
.question-container.bg-teal .question-code {
    color: #d2e1e1 !important;
}

.question-container.bg-teal .radio-item label::before {
    border-color: #87afae;
}

.question-container.bg-teal .radio-item label::after {
     background-color: #87afae;
}

.question-container.bg-teal .checkbox-item label::before {
     border-color: #87afae;
}

.question-container.bg-teal .checkbox-item input[type="checkbox"]:checked+label::after, 
.question-container.bg-teal .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #ffffff;
    color: #87afae;
}

.question-container.bg-purple {
    background-color:#87af8b !important;
}

.question-container.bg-purple.input-error input {
    border: 2px solid #f2e400 !important;
    background-color: #87af8b !important;
    color: #f2e400 !important;
}

.question-container.bg-purple.input-error input:focus {
    border: 2px solid #f2e400 !important;
    color: #f2e400 !important;
}

.question-container.bg-purple a {
    color: #ffffff;
}

.question-container.bg-purple a:hover {
    color: #d4b8d2;
    text-decoration: none;
}

.question-container.bg-purple .ls-questionhelp,
.question-container.bg-purple .question-valid-container {
    color: #d4b8d2 !important;
}

.question-container.bg-purple .help-block {
    color: #d4b8d2;
}

.question-container.bg-purple .question-number, 
.question-container.bg-purple .question-code {
    color: #d4b8d2 !important;
}

.question-container.bg-purple .radio-item label::before {
    border-color: #87af8b;
}

.question-container.bg-purple .radio-item label::after {
     background-color: #87af8b;
}

.question-container.bg-purple .checkbox-item label::before {
     border-color: #87af8b;
}

.question-container.bg-purple .checkbox-item input[type="checkbox"]:checked+label::after, 
.question-container.bg-purple .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #ffffff;
    color: #87af8b;
}

.question-container.bg-blue {
    background-color: #215164 !important;
}

.question-container.bg-blue.input-error input {
    border: 2px solid #f2e400 !important;
    background-color: #215164 !important;
    color: #f2e400 !important;
}

.question-container.bg-blue.input-error input:focus {
    border: 2px solid #f2e400 !important;
    color: #f2e400 !important;
}

.question-container.bg-blue a {
    color: #ffffff;
}

.question-container.bg-blue a:hover {
    color: #abc0d4;
    text-decoration: none;
}

.question-container.bg-blue .ls-questionhelp,
.question-container.bg-blue .question-valid-container {
    color: #abc0d4 !important;
}

.question-container.bg-blue .help-block {
    color: #abc0d4;
}

.question-container.bg-blue .question-number, 
.question-container.bg-blue .question-code {
    color: #abc0d4 !important;
}

.question-container.bg-blue .radio-item label::before {
    border-color: #215164;
}

.question-container.bg-blue .radio-item label::after {
     background-color: #215164;
}

.question-container.bg-blue .checkbox-item label::before {
     border-color: #215164;
}

.question-container.bg-blue .checkbox-item input[type="checkbox"]:checked+label::after, 
.question-container.bg-blue .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #ffffff;
    color: #215164;
}

.question-container.bg-green {
    background-color: #75891a !important;
}

.question-container.bg-green.input-error input {
    border: 2px solid #f2e400 !important;
    background-color: #75891a !important;
    color: #f2e400 !important;
}

.question-container.bg-green.input-error input:focus {
    border: 2px solid #f2e400 !important;
    color: #f2e400 !important;
}

.question-container.bg-green a {
    color: #ffffff;
}

.question-container.bg-green a:hover {
    color: #cdcea7;
    text-decoration: none;
}

.question-container.bg-green .ls-questionhelp,
.question-container.bg-green .question-valid-container {
    color: #cdcea7 !important;
}

.question-container.bg-green .help-block {
    color: #cdcea7;
}

.question-container.bg-green .question-number, 
.question-container.bg-green .question-code {
    color: #cdcea7 !important;
}

.question-container.bg-green .radio-item label::before {
    border-color: #75891a;
}

.question-container.bg-green .radio-item label::after {
     background-color: #75891a;
}

.question-container.bg-green .checkbox-item label::before {
     border-color: #75891a;
}

.question-container.bg-green .checkbox-item input[type="checkbox"]:checked+label::after, 
.question-container.bg-green .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #ffffff;
    color: #75891a;
}

.question-container.bg-orange {
    background-color: #eb6502 !important;
}

.question-container.bg-orange.input-error input {
    border: 2px solid #f2e400 !important;
    background-color: #eb6502 !important;
    color: #f2e400 !important;
}

.question-container.bg-orange.input-error input:focus {
    border: 2px solid #f2e400 !important;
    color: #f2e400 !important;
}

.question-container.bg-orange a {
    color: #ffffff;
}

.question-container.bg-orange a:hover {
    color: #fdcba8;
    text-decoration: none;
}

.question-container.bg-orange .ls-questionhelp,
.question-container.bg-orange .question-valid-container {
    color: #fdcba8 !important;
}

.question-container.bg-orange .help-block {
    color: #fdcba8;
}

.question-container.bg-orange .question-number, 
.question-container.bg-orange .question-code {
    color: #fdcba8 !important;
}

.question-container.bg-orange .radio-item label::before {
    border-color: #eb6502;
}

.question-container.bg-orange .radio-item label::after {
     background-color: #eb6502;
}

.question-container.bg-orange .checkbox-item label::before {
     border-color: #eb6502;
}

.question-container.bg-orange .checkbox-item input[type="checkbox"]:checked+label::after, 
.question-container.bg-orange .checkbox-item input[type="radio"]:checked+label::after {
    background-color: #ffffff;
    color: #eb6502;
}

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

/*****************************************************************/
/*                      Start Specified css                      */
/*****************************************************************/

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

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

.fruity .btn {
    border: 2px solid;
    border-radius: 0px;
}

.fruity .btn-check:active+.btn-primary, 
.fruity .btn-check:checked+.btn-primary, 
.fruity .btn-check:focus+.btn-primary, 
.fruity .btn-primary.active, 
.fruity .btn-primary.active.active, 
.fruity .btn-primary.active:focus, 
.fruity .btn-primary:active, 
.fruity .btn-primary:focus, 
.fruity .btn-primary:hover, 
.fruity .open .dropdown-toggle.btn-primary {
    background-color: #eb6602;
    color: #ffffff;
	border-color: #eb6602;	
}

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

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

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

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

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

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

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

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

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

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

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

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

/* Customize Date Picker button */
.fruity .date-timepicker-group .btn-primary,
.fruity .date-timepicker-group .btn-primary:hover,
.fruity .date-timepicker-group .btn-primary.hover,
.fruity .date-timepicker-group .btn-primary:active,
.fruity .date-timepicker-group .btn-primary.active,
.fruity .date-timepicker-group .btn-primary:focus,
.fruity .date-timepicker-group .btn-primary.focus {
    min-width: auto;    
    background-color: #eb6602;
    color: #ffffff;
	border-color: #fdcba8;	
}

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

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

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

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

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

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

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

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

.fruity .upload-div .btn {
    background-color: #eb6602;
    color: #ffffff;
	border-color: #fdcba8;	
}

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

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

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

.fruity .uploader .alert-info {
    background-color: #eb6602;
    color: #ffffff;
	border-color: #fdcba8;	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fruity .btn-info {
    background-color: #eb6602;
    color: #ffffff;
	border-color: #fdcba8;	
}

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

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

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

/* ############ Bootstrap Buttons ############  */
.fruity  .bootstrap-buttons-div .btn-primary {
    min-width: auto;
    background-color: #ffffff;
    color: #eb6502;
	border-color: #fdcba8;
}

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

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

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

.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder,
.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder.hover,
.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder.active,
.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.fruity .bootstrap-select>.dropdown-toggle.bs-placeholder.focus {
    width: 250px;
    background-color: transparent;
    color: #212529;
    border: 1px solid #ccc;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fruity .tooltip-inner {
	background-color: #fe704e;
}

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

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

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

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

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

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


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

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

#navigator-container {
    margin-right: 0;
    margin-left: 0;
}

.footer-container {
    background-color: #4b4b4b;
    padding: 15px;
}

.footer-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer a {
    color: #b5b5b5 !important;
    padding: 0px 15px;
}

footer a:hover {
    color: #eb6502 !important;
    opacity: .5;
    text-decoration: none;
}

.footer-img {
    width: auto;
    max-height: 90px;
    padding: 15px;
}

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

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

@media (min-width: 768px) {
    .fruity .btn {
        min-width: 296px;
    }
    
    .fruity .btn:hover,
    .fruity .btn:active,
    .fruity .btn:focus {
        border: 2px solid;
    }
}

@media (min-width: 769px) {
    .fruity .navbar .navbar-nav .nav-item:hover:after {
        width: 0%;
    }
}

@media (max-width: 768px) {

    .fruity .logo-bar {
        flex-direction: column;
    }    
    
    .fruity .navbar-logo-left,
    .fruity .navbar-logo-right {
        text-align: center;
    }
    
    .fruity #survey-nav .container-fluid {
        justify-content: center;
    }
    
    .fruity .question-title-container {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .fruity .footer-content {
        flex-direction: column;
        row-gap: 15px;
    }   
    
    .fruity div.gender-button, 
    .fruity div.yesno-button {
        width: 100%;
    }

}


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .ls-answers > tbody > tr.ls-even:hover {
        background-color: transparent;
    }
}

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