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

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

.btn-primary {
  background-color: #35BCC4;
  border-color: #35BCC4;
  color: #ffffff;
}

a {
  color: #35BCC4;
  text-decoration: underline;
}
a:hover {
  color: #F79A3B;
}

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

.form-check-input[type=checkbox]:indeterminate {
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.form-range::-webkit-slider-thumb {
    background-color: #35BCC4;
}

.form-range::-moz-range-thumb {
  background-color: #35BCC4;
}

.btn-link {
  color: #35BCC4;
}
.btn-link:hover {
  color: #0a58ca;
}

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

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  background-color: #35BCC4;
}

.nav-link {
  color: #35BCC4;
}

.nav-link:hover, .nav-link:focus {
  color: #0a58ca;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #35BCC4;
}

.page-link {
  color: #35BCC4;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  color: #0a58ca;
  background-color: #e9ecef;
}

.page-item.active .page-link {
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.progress-bar {
  color: #fff;
  background-color: #35BCC4;
}

.list-group-item.active {
  background-color: #35BCC4;
  border-color: #35BCC4;
}


.btn-primary {
  color: #000;
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.btn-primary:disabled, .btn-primary.disabled {
  color: #000;
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.btn-outline-primary {
  color: #35BCC4;
  border-color: #35BCC4;
}

.btn-outline-primary:hover {
  color: #000;
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #000;
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #35BCC4;
  background-color: transparent;
}

.link-primary {
  color: #35BCC4;
}

.border-primary {
  border-color: #35BCC4 !important;
}

.fruity_twentythree .input-group-addon {
  color: white;
  background-color: #35BCC4;
}

.fruity_twentythree .label-primary {
  background-color: #35BCC4;
}

.fruity_twentythree .label-success {
  background-color: #35BCC4;
}

.fruity_twentythree .card-primary {
  border: 1px solid #35BCC4;
}

.fruity_twentythree .card-primary > .card-header {
  color: #ffffff;
  background-color: #35BCC4;
  border: 1px solid #35BCC4;
}

.fruity_twentythree .card-primary > .card-header + .panel-collapse .card-body {
  border-top-color: #35BCC4;
}

.fruity_twentythree .card-primary > .card-footer + .panel-collapse .card-body {
  border-bottom-color: #35BCC4;
}

.fruity_twentythree .card-success > .card-header {
  color: #35BCC4;
  background-color: #b9f3d3;
  border: 1px solid #a3f0c7;
}

.fruity_twentythree .nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #35BCC4;
}

.fruity_twentythree .nav-pills > .active > a > .badge {
  color: #35BCC4;
  background-color: #ffffff;
}

.fruity_twentythree .container-xxl .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #35BCC4;
}

.fruity_twentythree .em-function {
  color: #35BCC4;
}

.fruity_twentythree #carousel-example-generic .carousel-control {
  color: #35BCC4;
}

.fruity_twentythree #carousel-example-generic .card-title {
  color: #35BCC4;
}

.fruity_twentythree #carousel-example-generic .carousel-indicators .active {
  background-color: #35BCC4;
}

.fruity_twentythree #carousel-example-generic .carousel-indicators li {
  border: 1px solid #35BCC4;
}

  80%, 100% {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #35BCC4;
  }

  75%, 100% {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #35BCC4;
  }

  70%, 100% {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #35BCC4;
  }

  65%, 100% {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #35BCC4;
  }

  60%, 100% {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #35BCC4;
  }

  55%, 100% {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
    border-left-color: #35BCC4;
  }

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 1px, #ffffff 2px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 2px, #ffffff 3px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 3px, #ffffff 4px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 4px, #ffffff 5px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 5px, #ffffff 6px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 6px, #ffffff 7px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 7px, #ffffff 8px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 8px, #ffffff 9px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 9px, #ffffff 10px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 10px, #ffffff 10px, #ffffff 100%);

    background: radial-gradient(circle at center, #35BCC4 0px, #35BCC4 8px, #ffffff 9px, #ffffff 100%);

.fruity_twentythree #comfortUpdateGeneralWrap h3.maintitle, .fruity_twentythree #comfortUpdateGeneralWrap .maintitle.h3 {
  background-color: transparent;
  color: #35BCC4;
  border-bottom: 1px solid #35BCC4;
}

.fruity_twentythree #comfortUpdateGeneralWrap .on span {
  display: block;
  background-color: #35BCC4;
  color: #fff;
}

body .answer-item label::after {
  background-color: #35BCC4;
}

.fruity_twentythree pagination > li > a {
  color: #35BCC4;
  background-color: #ffffff;
  border: 1px solid #dadada;
}

.fruity_twentythree .side-body h3, .fruity_twentythree .side-body .h3, .fruity_twentythree .pagetitle, .fruity_twentythree .list-surveys h3, .fruity_twentythree .list-surveys .h3 {
  color: #ffffff;
  color: #333333;
  border-bottom: solid 2px #35BCC4;
}

.navbar-toggle {
  border: solid 1px #35BCC4;
}

.navbar-toggle .icon-bar {
  background-color: #35BCC4;
}

.btn-primary {
  background-color: #35BCC4;
  border-color: #35BCC4;
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  color: #ffffff;
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.btn-outline-primary {
  color: #35BCC4;
  border-color: #35BCC4;
}

.btn-outline-primary:hover {
  color: #35BCC4;
  border-color: #35BCC4;
  box-shadow: 0px 0px 0px 3px rgba(247 , 254, 49, 0.4);
}

.btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary:active:focus, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary.show {
  color: #35BCC4;
  border-color: #35BCC4;
  box-shadow: #35BCC4;
}

.btn-link {
  color: #35BCC4;
}

.btn-link:hover, .btn-link:focus {
  color: #35BCC4;
}

.btn-check + .btn-primary:hover {
  color: #ffffff;
  background-color: #35BCC4;
  border-color: #35BCC4;
  box-shadow: none;
}

.btn-check + .btn-primary:active, .btn-check + .btn-primary.active, .btn-check + .btn-primary:active:focus {
  color: #ffffff;
  background-color: #35BCC4;
  border-color: #35BCC4;
  box-shadow: none;
}

.btn-check:active + .btn-primary {
  color: #ffffff;
  background-color: #35BCC4;
  border-color: #35BCC4;
  box-shadow: none;
}

.btn-check:checked + .btn-primary, .btn-check:checked + .btn-primary:focus, .btn-check:focus:checked + .btn-primary {
  color: #ffffff;
  background-color: #35BCC4;
  border-color: #35BCC4;
  box-shadow: none;
}

a {
  color: #35BCC4;
}

.input-group-text, label .input-group-text {
  color: #ffffff;
  background-color: #35BCC4;
  border-color: #6E748C;
}

.has-success .form-control {
  box-shadow: 4px 4px 0 #35BCC4;
  z-index: 3;
}

.has-success .form-control:focus {
  box-shadow: 4px 4px 0 #35BCC4;
}

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

.radio-item input[type=radio] + label::after {
  background-color: #35BCC4;
}

.radio-item input[type=radio]:checked + label::before {
  border-color: #35BCC4;
}

.radio-item input[type=radio]:checked + label::after {
  background-color: #35BCC4;
}

.radio-item input[type=radio]:checked + label {
  color: #35BCC4;
}

.checkbox-item input[type=checkbox]:checked + label {
  color: #35BCC4;
}

.checkbox-item input[type=checkbox]:checked + label::before {
  border-color: #35BCC4;
}

.checkbox-item input[type=checkbox]:checked + label::after {
  background-color: transparent;
  color: #35BCC4;
}

.checkbox-inline input[type=checkbox]:checked:after {
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.tempus-dominus-widget .time-container-second div:not(.no-highlight).active {
  background-color: #35BCC4;
  color: #fff;
  text-shadow: none;
}

.tempus-dominus-widget .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: #35BCC4;
  border-top-color: rgba(0, 0, 0, 0.2);
}

.tempus-dominus-widget button {
  color: #fff;
  background-color: #35BCC4;
  border-color: #35BCC4;
}

.slider.slider-horizontal .slider-handle.triangle {
  border-bottom-color: #35BCC4;
}

.slider.slider-vertical .slider-handle.triangle {
  border-left-color: #35BCC4;
  border-right-color: #35BCC4;
}

.slider-tick.custom::before {
  color: #35BCC4;
}

.slider-list .slider .slider-handle {
  background-color: #35BCC4;
  background-image: unset;
}

.slider-list .slider .slider-handle.custom::before {
  color: #35BCC4;
}

.slider-list .slider .slider-selection {
  background-color: #35BCC4;
  background-image: unset;
}

.slider-list .slider .tooltip .tooltip-inner {
  background-color: transparent;
  color: #35BCC4;
}

.has-success .help-block {
  color: #35BCC4;
}

.has-success .control-label {
  color: #35BCC4;
}

.has-success .radio {
  color: #35BCC4;
}

.has-success .checkbox {
  color: #35BCC4;
}

.has-success .radio-inline {
  color: #35BCC4;
}

.has-success .checkbox-inline {
  color: #35BCC4;
}

.progress-bar {
  color: #ffffff;
  background-color: #35BCC4;
  box-shadow: none;
}

.list-group-item-success {
  color: #ffffff;
  background-color: #35BCC4;
}

.privacy .checkbox-item label::before {
  border: 3px solid #35BCC4;
}

.form-change-lang #language-changer-select {
  color: #35BCC4;
  background-color: transparent;
}

.form-change-lang #lang-select::after {
  cursor: pointer;
  position: relative;
  right: 16px;
  color: #35BCC4;
  font-family: "remixicon";
  content: "\ea50";
  z-index: 5;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label {
  border: 2px solid #35BCC4 !important;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:after {
  background-color: #35BCC4;
}

li.imageselect-listitem .imageselect-container input.imageselect-checkbox:checked + label + .imageselect-radiobutton:before {
  border-color: #35BCC4;
}

input.imageselect-checkbox:checked ~ .imageselect-select::before {
  border-color: #35BCC4;
}

input.imageselect-checkbox:checked ~ .imageselect-select::after {
  background-color: #fff;
  color: #35BCC4;
}

.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {
  border: 1px solid #35BCC4;
  color: #1E1E1E;
}

.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item {
  border: 2px solid #35BCC4;
}

.ranking-advanced-style .ranking-advanced-sorted-items .sortable-item .selector__index_row {
  color: #35BCC4;
}

.numeric-multi .ls-group-total-separator hr {
  border-color: #35BCC4;
  opacity: 1;
}

.numeric-multi .ls-group-total .control-label {
  color: #35BCC4;
}

.numeric-multi .dynamic-total.text-success {
  color: #35BCC4 !important;
}

.dropdown-menu > li > a:hover {
  color: #ffffff;
  background-color: #35BCC4 !important;
}

.dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #35BCC4 !important;
}

.dropdown-menu > .active > a {
  color: #ffffff;
  background-color: #35BCC4 !important;
}

.dropdown-menu > .active > a:hover {
  color: #ffffff;
  background-color: #35BCC4 !important;
}

.dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #35BCC4 !important;
}

.success-border {
  border-color: #35BCC4;
}


/* les bordures */

*[class*=btn-outline-]:hover {
  box-shadow: 0px 0px 0px 3px #F79A3B;
  background-color: #ffffff;
}

*[class*=btn-outline-]:focus, *[class*=btn-outline-]:active, *[class*=btn-outline-].active, *[class*=btn-outline-].dropdown-toggle.show, *[class*=btn-outline-].dropdown-toggle.show:focus, *[class*=btn-outline-].show {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
  background-color: #ffffff;
}

.btn-primary:hover {
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.dropdown-toggle.show, .btn-primary.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-secondary:hover {
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .btn-secondary:active:focus, .btn-secondary.dropdown-toggle.show, .btn-secondary.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-success:hover {
  color: #1E1E1E;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success.dropdown-toggle.show, .btn-success.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-warning:hover {
  color: #1E1E1E;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning.dropdown-toggle.show, .btn-warning.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-danger:hover {
  color: #1E1E1E;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger.dropdown-toggle.show, .btn-danger.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-info:hover {
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info.dropdown-toggle.show, .btn-info.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-light:hover {
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-light:focus, .btn-light:active, .btn-light.active, .btn-light:active:focus, .btn-light.dropdown-toggle.show, .btn-light.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-dark:hover {
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark:active:focus, .btn-dark.dropdown-toggle.show, .btn-dark.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-cancel:hover {
  color: #ffffff;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-cancel:focus, .btn-cancel:active, .btn-cancel.active, .btn-cancel:active:focus, .btn-cancel.dropdown-toggle.show, .btn-cancel.dropdown-toggle.show:focus {
  box-shadow: 4px 4px 0px rgba(123, 97, 255, 0.4);
}

.btn-outline-primary:hover {
  color: #14AE5C;
  border-color: #14AE5C;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-secondary:hover {
  color: #1E1E1E;
  border-color: #1E1E1E;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-success:hover {
  color: #4DD753;
  border-color: #4DD753;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-warning:hover {
  color: #FFE046;
  border-color: #FFE046;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-danger:hover {
  color: #FF515F;
  border-color: #FF515F;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-info:hover {
  color: #8146F6;
  border-color: #8146F6;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-light:hover {
  color: #EEEFF7;
  border-color: #EEEFF7;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-dark:hover {
  color: #1E1E1E;
  border-color: #1E1E1E;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}

.btn-outline-cancel:hover {
  color: #9094A7;
  border-color: #9094A7;
  box-shadow: 0px 0px 0px 3px #F79A3B;
}