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

/* CSS variables for icons */

:root {
    --bicon-universal-access: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M256%2048c115%200%20208%2093%20208%20208%200%20115-93%20208-208%20208-115%200-208-93-208-208%200-115%2093-208%20208-208m0-40C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208zm0%2056C150%2064%2064%20150%2064%20256s86%20192%20192%20192%20192-86%20192-192S362%2064%20256%2064zm0%2044c19.9%200%2036%2016.1%2036%2036s-16.1%2036-36%2036-36-16.1-36-36%2016.1-36%2036-36zm117.7%2098c-28.7%206.8-55.5%2012.7-82.1%2015.8%20.9%20101%2012.3%20123.1%2025%20155.6%203.6%209.3-1%2019.7-10.2%2023.3-9.3%203.6-19.7-1-23.3-10.2-8.7-22.3-17.1-40.6-22.3-78.5h-9.7c-5.2%2037.9-13.5%2056.2-22.3%2078.5-3.6%209.3-14.1%2013.8-23.3%2010.2-9.3-3.6-13.8-14.1-10.2-23.3%2012.7-32.5%2024.2-54.5%2025-155.6-26.6-3.1-53.4-9-82.1-15.8-8.6-2-13.9-10.6-11.9-19.2s10.6-13.9%2019.2-11.9c96.7%2022.8%20124.3%2022.8%20220.8%200%208.6-2%2017.2%203.3%2019.2%2011.9%202%208.6-3.3%2017.2-11.9%2019.2z%22%2F%3E%3C%2Fsvg%3E");
    --bicon-bars: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M16%20132h416c8.8%200%2016-7.2%2016-16V76c0-8.8-7.2-16-16-16H16C7.2%2060%200%2067.2%200%2076v40c0%208.8%207.2%2016%2016%2016zm0%20160h416c8.8%200%2016-7.2%2016-16v-40c0-8.8-7.2-16-16-16H16c-8.8%200-16%207.2-16%2016v40c0%208.8%207.2%2016%2016%2016zm0%20160h416c8.8%200%2016-7.2%2016-16v-40c0-8.8-7.2-16-16-16H16c-8.8%200-16%207.2-16%2016v40c0%208.8%207.2%2016%2016%2016z%22%2F%3E%3C%2Fsvg%3E");
    --bicon-search: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6%20.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
    --bicon-times: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20352%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M242.7%20256l100.1-100.1c12.3-12.3%2012.3-32.2%200-44.5l-22.2-22.2c-12.3-12.3-32.2-12.3-44.5%200L176%20189.3%2075.9%2089.2c-12.3-12.3-32.2-12.3-44.5%200L9.2%20111.5c-12.3%2012.3-12.3%2032.2%200%2044.5L109.3%20256%209.2%20356.1c-12.3%2012.3-12.3%2032.2%200%2044.5l22.2%2022.2c12.3%2012.3%2032.2%2012.3%2044.5%200L176%20322.7l100.1%20100.1c12.3%2012.3%2032.2%2012.3%2044.5%200l22.2-22.2c12.3-12.3%2012.3-32.2%200-44.5L242.7%20256z%22%2F%3E%3C%2Fsvg%3E");
    --bicon-arrow-right: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M190.5%2066.9l22.2-22.2c9.4-9.4%2024.6-9.4%2033.9%200L441%20239c9.4%209.4%209.4%2024.6%200%2033.9L246.6%20467.3c-9.4%209.4-24.6%209.4-33.9%200l-22.2-22.2c-9.5-9.5-9.3-25%20.4-34.3L311.4%20296H24c-13.3%200-24-10.7-24-24v-32c0-13.3%2010.7-24%2024-24h287.4L190.9%20101.2c-9.8-9.3-10-24.8-.4-34.3z%22%2F%3E%3C%2Fsvg%3E");
    --bicon-chevron-right: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3C%21--%21Font%20Awesome%20Free%206.5.2%20by%20%40fontawesome%20-%20https%3A%2F%2Ffontawesome.com%20License%20-%20https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree%20Copyright%202024%20Fonticons%2C%20Inc.--%3E%3Cpath%20d%3D%22M285.5%20273L91.1%20467.3c-9.4%209.4-24.6%209.4-33.9%200l-22.7-22.7c-9.4-9.4-9.4-24.5%200-33.9L188.5%20256%2034.5%20101.3c-9.3-9.4-9.3-24.5%200-33.9l22.7-22.7c9.4-9.4%2024.6-9.4%2033.9%200L285.5%20239c9.4%209.4%209.4%2024.6%200%2033.9z%22%2F%3E%3C%2Fsvg%3E");
    --bicon-upload: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M288%20109.3L288%20352c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32l0-242.7-73.4%2073.4c-12.5%2012.5-32.8%2012.5-45.3%200s-12.5-32.8%200-45.3l128-128c12.5-12.5%2032.8-12.5%2045.3%200l128%20128c12.5%2012.5%2012.5%2032.8%200%2045.3s-32.8%2012.5-45.3%200L288%20109.3zM64%20352l128%200c0%2035.3%2028.7%2064%2064%2064s64-28.7%2064-64l128%200c35.3%200%2064%2028.7%2064%2064l0%2032c0%2035.3-28.7%2064-64%2064L64%20512c-35.3%200-64-28.7-64-64l0-32c0-35.3%2028.7-64%2064-64zM432%20456a24%2024%200%201%200%200-48%2024%2024%200%201%200%200%2048z%22%2F%3E%3C%2Fsvg%3E");

}

.bicon-2x {
    font-size: 2em
}

.bicon-3x {
    font-size: 3em
}

.bicon-4x {
    font-size: 4em
}

.bicon-5x {
    font-size: 5em
}

.bicon-6x {
    font-size: 6em
}

/*Themes spaces*/

.col-auto, .date-item .col-sm-auto {
    flex: 0 0 auto;
    width: 100%; 
}
.col-auto {
    flex: 0 0 auto;
    width: 100%; 
}
.col-centered.col-space {
    float: none;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

/*Change Font*/
.font-noto{
    font-family: Arial, sans-serif;
}

h1 {
    font-size: 27px; 
    line-height: 31px;
    font-family: Arial, sans-serif;
    color:#000000;
    font-weight: 700;
    margin-bottom: 1.3em;
}





/* Questions Style CSS */
.fruity .question-container {
    padding: 18px;
    background-color: #f5f5f5;
    border: 1px solid;
    border-color: #f5f5f5;
}

.question-text{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    /* margin-bottom: .4em; */
    /* margin-top: 0; */
    color: #000;
    padding: 0;
    margin: 0 0 8px 0;
}

.row.question-container,.group-description{
    --bs-gutter-x: 0px;
}

.fruity .form-control:focus, input[type=file]:focus-visible, .form-select:focus  {
    border: 2px solid #0076dd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0px 8px 0px rgba(102, 175, 233, .8);
    outline: 2px solid #fff;
    outline-offset: 0px;
}


.fruity .ls-answers{
  padding-top:0px;
  padding-bottom:15px;
  margin-bottom:0;
  font-size:16px;
  color:#000;
}

/* Styling for select dropdown */
select.form-control:not([multiple]) {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=) !important;
    background-repeat: no-repeat;
    background-position: right .5em center;
    background-size: 1em;
    padding-right: 2em;
    width: 100%;
}
select:not([multiple]).form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* General input styles */
input[type=text], input[type=password], input[type=file], input[type=email], select, textarea, .fruity .form-control,button.ui-multiselect {
    display: block;
    border-radius: 0px;
    font-size: 16px;
    width: 100%;
    min-height: 43px;
    font-family: Arial, sans-serif;
    background-color: #fff;
    background-image: none;
    border: 2px solid #000;
    color: #000;
    padding: 10px;
    transition: border-color .16s ease-in-out 0s, box-shadow .16s ease-in-out 0s;
    max-width: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

select:-internal-list-box option:checked {
    background-color: light-dark(rgb(118, 118, 118), rgb(195, 195, 195)) !important;
    color: light-dark(rgb(255, 255, 255), rgb(16, 16, 16)) !important;
}


.fruity .text-info,.fruity .alert-info.uploadmsg, .alert-success{
    font-size: 14px;
    display: block;
    
    margin-bottom: 0;
    margin-top: .2em;
     line-height: 21px;
    font-family: Arial, sans-serif;
    color: #000000!important;
    font-weight: 400
}
.question-count-text{
    font-size: 14px;
    line-height: 21px;
    display: block;
    color:  #000000 !important;
    margin-bottom: 0;
    margin-top: .2em;
    font-size: 14px; 
    font-weight: 400
}

.checkbox-item label::before{
    float: left;
    /*margin-left: -1.5em;*/
    width: 1em;
    height: 1em;
    margin-top: .2em;
    vertical-align: top;
    font-size: inherit;
    cursor: pointer;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    outline:none!important;
}
  
.checkbox-item label::after{
    width: 16px;
    height: 16px;
    left:0;
}

.checkbox-item input[type=checkbox]:checked+label:after{
   /* background-color: #0076DD;*/
    background-color: #007bff;
    color: #ffffff;
    margin-top: .2em;
    animation:none!important;
}

.checkbox-item input[type="checkbox"]:focus-visible + label::before, .radio-item input[type="radio"]:focus-visible + label::before{
    outline: 3px solid #0056b3 !important;
    /*outline-offset: 0.3px;*/
    box-shadow: 0px 0px 0 3px #fff;
    border-radius:0;
}


.form-check {
    display: block;
    margin-bottom: .125rem;
    min-height: 1.5rem;
    padding-left: 12px;
}

.radio-item [type='radio']:checked+label:after {
    background-color: #0076DD;
    color: #ffffff; 
    animation:none!important;
}

input[type="radio"]:checked + label::before, input[type="radio"]:focus-visible + label::before {
    border: 1px solid #0056b3;
    
}
.radio-item label ::before {
   /*display: inline!important;*/
   
    
}


/* General button styling */

.fruity .btn:focus, .fruity .btn:active {
     box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%)!important;
}

.fruity .btn-primary.disabled, .fruity .btn-primary.disabled.active,.fruity .btn-primary:active ,.fruity .btn-primary:focus, .fruity .btn-primary.disabled:hover{
    background-color: #fff;
    border: 2px solid #0e4c38!important;
    border-radius:0;
   
}

.fruity .btn-primary{
    color: #000;
    background-color: #fff;
    border-radius:0;
    border: 2px solid #000!important;
}

.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: #f5f5f5;
    border: 0px solid #000;
    color:#000;
   
}

.action--ls-button-submit,.modal-footer .btn {
    min-height: 43px;
    width: auto;
    border-radius: 0px;
    border: 2px solid #000!important;
    text-decoration: none;
    padding: 10px 16px;
    line-height: 1.2;
    display: inline-block;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    overflow: visible;
    background-color: #fff!important;
    color: #000!important;
    border: 2px solid #000;
    transition: background-color .2s ease-out;
    position: relative;
    padding-right: 59px
}

.action--ls-button-submit:hover, .modal-footer .btn:hover {
    text-decoration: none;
    background-color: #f2f2f2 !important;
    color:#000!important;
    
}

.url-wrapper-survey-return a:focus-visible,.action--ls-button-previous:focus-visible,.ls-return:focus-visible ,.upload-div:focus-visible,.upload-button .btn:focus-visible,.btn.selector--inputondemand-addlinebutton:focus-visible,.nav-link:focus-visible,.action--ls-button-submit:focus-visible, .modal-footer .btn:focus-visible {
    outline: 3px solid #0056b3!important;
    outline-offset: 0px;
    box-shadow: 0px 0px 0 5px #fff;
    border-radius:0;
    
}


 
.action--ls-button-submit:not(:disabled):focus,.file-upload-modal-footer .btn:not(:disabled):focus {
    text-decoration: none;
    background-color: #f2f2f2
}

.action--ls-button-submit:after, .modal-footer .btn:after {
    line-height: 1;
    vertical-align: text-top;
    content: "";
    background-color: currentColor;
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: var(--bicon-arrow-right);
    mask-image: var(--bicon-arrow-right);
    color: #000
}

.action--ls-button-submit:after, .modal-footer .btn:after {
    pointer-events: none;
    margin: 10.5px
}

.action--ls-button-submit:before {
    content: "";
    background: #f8ed45;
    border-left: 2px solid #000;
    width: 43px;
    height: 100%
}

.modal-footer .btn:before {
    content: "";
    background: #f8ed45;
    border-left: 2px solid #000;
    width: 41px;
    height: 100%;
}

.action--ls-button-submit:before, .modal-footer .btn:before,
.action--ls-button-submit:after,.modal-footer .btn:after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    line-height: 2em;
    justify-content: center;
    align-items: center
}

.upload-button .btn-primary:hover, .upload-button .btn:focus, .upload-button .btn:active {
    color: #000;
    background-color: #fff;
    border-radius: 0;
    border: 2px solid #000 !important;
}


.action--ls-button-previous {
    white-space: nowrap;
    
}

#ls-button-previous:before, .url-wrapper-survey-return:before
 {
    line-height: 1;
    vertical-align: text-top;
    content: "";
    background-color: currentColor;
    display: inline-block;
    overflow: hidden;
    width: 1em;
    height: 1em;
    color:#000;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(./2fca1f0cec8993b8d3a3.svg);
    mask-image: url(./2fca1f0cec8993b8d3a3.svg);
     -webkit-mask-image: var(--bicon-arrow-right);
    mask-image: var(--bicon-arrow-right);
    transform: rotate(180deg)
    
}

#ls-button-previous:hover, #ls-button-previous:focus ,.nav-item:hover, .nav-item:focus{
    background-color: transparent!important;
    border: 0px!important;
    color: #005ed3!important; 
    text-decoration-line: underline;
}


.url-wrapper-survey-return :hover,.url-wrapper-survey-return :focus{
    background-color: transparent!important;
    border: 0px!important;
    color: #005ed3!important; 
    text-decoration-line: underline;
}

.url-wrapper-survey-return {
    padding-top:10px;
    
}

.fruity .btn-outline-secondary, .fruity .btn-outline-secondary:active, .fruity .btn-outline-secondary:hover,.fruity .btn-outline-secondary:focus  {
    background-color: hsla(0, 0%, 100%, .2);
    border: 0px;
    color: #005ed3;
    
}

.fruity .h3{
   
    line-height:23px;
    font-size: 22px;
    color: #000;
    margin: 50px 0 .75em 0;
    line-height: 1.182em;
    font-weight: 700;
    
}
.fruity .h3.group-title {
    border-left: 7px solid #67b18d;
    padding-left: 12px;
    line-height:23px;
    font-size: 22px;
    color: #000;
    margin: 50px 0 .75em 0;
    line-height: 1.182em;
    font-weight: 700;
    
}

/**Group title : change align to  left**/
.group-title.text-center {
    text-align: left !important; 
} 


.fruity .progress-bar {
    background-color: #67b18d;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    color: #fff;
}

.fruity .alert-warning {
    font-size:16px;
    padding: 18px;
    margin-bottom: 50px;
    color: #000;
    background-color: #f9f4e4;
    border: 1px solid #f9f4e4;
    display: block;
    width: fit-content;
    min-width: 100%
}






.fruity .text-danger {
    color: #9b0000 !important;
}


/*Date-picker*/

.date-timepicker-group {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    background-image: url(./8d7e4d4….svg);
}

.fa-calendar {
    font-size: large;
    vertical-align: -webkit-baseline-middle;
}


.date-timepicker-group .input-group-addon:hover{
    background-color: #dddddd;
    color:#000;
}



/*Tables CSS*/

.table>:not(:first-child) {
    border-top: 0px;
}
.table>thead>tr>td, .table>tbody>tr>td{
    background-color:#fff;
    
}
.table>tbody>tr>th{
    font-weight: bold;
    text-align: left;
    padding: 1em .65em;
    border: 1px solid #ddd;
    vertical-align: top;
}


/*navbar-link CSS*/
.fruity .navbar .navbar-nav .nav-item .nav-link  {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #0047d3;
    padding-bottom: 2;
    margin: 0;
    text-align: left;
    height: auto;
    cursor: pointer;
    font-size: 16px;}

.fruity .navbar .navbar-nav .nav-item:after {
    background-color: transparent;
    content: "";
    display: block;
    height: 2px;
    text-align: right;
    transition: width .3s;
    width: 0;   
    }
    
 .navbar-nav .nav-item .nav-link  {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #0047d3;
    padding: 0;
    margin: 0;
    text-align: left;
    height: auto;
    cursor: pointer;
    font-size: 16px;}

.card-title{
    padding-left:0;
    line-height:23px;
    font-size: 22px;
    color: #000;
    margin: 1em 0 .75em 0;
    line-height: 1.182em;
    font-weight: 700;
}
.save-message.bg-light,.fruity .alert-info{
    background-color: #EBF1F7 !important;
    border-radius: 0;
    border: none;
}

.url-wrapper-survey-return a {
    color: #005ed3;
}

.panel--heavy {
    padding: 18px;
    background-color: #f5f5f5;
    border: 1px solid;
    border-color: #f5f5f5;
    margin:0;
}
.message--success,.alert-success{
    padding: 18px;
    background-color:#E2F1EB!important;
    border: 1px solid;
    border-color: #E2F1EB!important;
    margin:0;
}


#navigator-container > div {
    padding: 10px;
}

.form-horizontal .control-label.col-12{
    text-align: left;
    padding:10px;
}
 

.top-content .navbar-nav {
    display: flex;
    flex-direction: row-reverse;
    list-style: none;
    margin-bottom: 5px;
    padding-left: 0;
}

body .top-container {
    margin-top: 10px!important;
}
#survey-nav {
    display:none;
}

#outerframeContainer{
    margin-bottom: 20px;
}

.privacy.row{
  padding:10px;    
}
small.fa-asterisk {
  display: inline-block;
  transform: translateY(-50%);
  font-size: 0.8rem;
  
}

/*help-text icons removed */
.survey-question-help img {
display: none;
}
.dir-ltr .ls-questionhelp {
    margin-left: 0;
}
 
.ls-questionhelp:before {
    display: none!important;
    
}

.list-group {
    
    flex-wrap: wrap;
}
.form_help {
    font-size: 14px;
    display: block;
    color: #454545;
    margin-bottom: 0;
    margin-top: .8em;
}

.other-text-item {
    padding-left:1.5em;
}
.checkbox-text-item .comment-item {
    padding-left:2.3em;
}

.btn-toolbar {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding-inline-start: 0;
}

.text-requiered{
    font-size: 14px;
    font-weight:400;
    color: #454545;
    
}

.tempus-dominus-widget {
    display:none!important;
}



input.flatpickr-input {
    background-image: url(https://styleguide.berlin.de/bundle/8d7e4d41d09e69e1e328.svg)!important;
    background-repeat: no-repeat;
    background-position: right .5em center;
    background-size: 1em;
    background-color: #fff!important;
}

.flatpickr-current-month{
    display:flex!important;
}
.flatpickr-current-month .input.cur-year{
    margin: 10px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months{
    margin:-10px 10px 0 0 !important;
}  


.btn-danger .fa-trash{
    margin-left:0;
}
.fruity .btn-danger:hover, .fruity .btn-danger:focus {
    color :#a94442!important;
    background-color:#f2f2f2;
}
.fruity .btn-danger {
   border-radius:0;
}

.alert-danger {
    background-color: #fdecee !important;
    border-color: #fdecee !important;
    color: #842029;
    border-radius: 0;
}
.alert-danger span.fa-exclamation-circle {
    display: none;  
}

.uploadedfiles tbody td a {
    color:#0047d3;
}
.uploadedfiles tbody td a:hover {
    color: #000 !important;
    background-color: transparent!important; 
    color: initial; 
     border:#000;

}
.uploadedfiles tbody td a {
   
    color: #000 !important;
    background-color: white!important; 
    border:#000;
    color: initial; 

}

.upload-button .btn-primary:after {
    line-height: 1;
    vertical-align: text-top;
    content: "";
    background-color: currentColor;
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: var(--bicon-upload);
    mask-image: var(--bicon-upload);
    color: #000
}

/*Card */
.fruity .card{
    position: relative;
    border: 0px solid #ddd;
    background-color: #f5f5f5;
    padding: 9px 18px;
    margin-bottom: 25px;
    border-radius: 0;
}


.card-header .modal-title {
    margin-top: 0;
    color: #000;
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: bold;
}
.card .card-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.fruity .card-primary>.card-header{
    border: 0px;
}
 
 
.card .bg-primary {
    background-color: transparent !important;
    color: #fff !important;
}

.card-header {
    border:0px;
    border-bottom: 0px;
    
}
 
.card-footer {
    position: relative;
    bottom: -9px;
    padding: 9px 18px;
    margin: 6px -18px 0 -18px;
    background-color: #ddd!important;
}   
 
.card-footer .btn-outline-secondary{
    background-color:transparent;
}

.privacy a,.privacy a:focus, .privacy a:hover{
    color :#0047d3!important;
}

.privacy a:hover{
   
    text-decoration:underline!important;
}