/*@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Poppins:ital,wght@0,100;0,200;0,900;1,200;1,900&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,900;1,500;1,900&family=Poppins:ital,wght@0,100;0,200;0,900;1,200;1,900&display=swap');*/

*, html, body, .link, .form-label-link,
.badge {
/*    font-family: 'Poppins', sans-serif;*/
    font-weight: 500;
    
}

/* CSS HEX */
/*--rose: #f92a82ff;
--candy-pink: #ed7b84ff;
--champagne-pink: #f5dbcbff;
--pale-spring-bud: #d6d5b3ff;
--dark-sea-green: #7eb77fff;*/



/* SCSS HSL */
/*$rose: hsla(334, 95%, 57%, 1);
$candy-pink: hsla(355, 76%, 71%, 1);
$champagne-pink: hsla(23, 68%, 88%, 1);
$pale-spring-bud: hsla(58, 30%, 77%, 1);
$dark-sea-green: hsla(121, 28%, 61%, 1);*/

/* SCSS RGB */
/*$rose: rgba(249, 42, 130, 1);
$candy-pink: rgba(237, 123, 132, 1);
$champagne-pink: rgba(245, 219, 203, 1);
$pale-spring-bud: rgba(214, 213, 179, 1);
$dark-sea-green: rgba(126, 183, 127, 1);
*/
/* SCSS Gradient */
/*$gradient-top: linear-gradient(0deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-right: linear-gradient(90deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-bottom: linear-gradient(180deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-left: linear-gradient(270deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-top-right: linear-gradient(45deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-bottom-right: linear-gradient(135deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-top-left: linear-gradient(225deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-bottom-left: linear-gradient(315deg, #f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);
$gradient-radial: radial-gradient(#f92a82ff, #ed7b84ff, #f5dbcbff, #d6d5b3ff, #7eb77fff);*/



body{
    --white: hsla(0, 0%, 100%, 100%);
    --white90: hsla(0, 0%, 100%, 90%);
    --white80: hsla(0, 0%, 100%, 80%);
    --white60: hsla(0, 0%, 100%, 60%);
    --white40: hsla(0, 0%, 100%, 40%);
    --white30: hsla(0, 0%, 100%, 30%);
    --black80: hsla(0, 0%, 40%, 100%);


/* CSS HSL */
/*
--rose: hsla(334, 95%, 57%, 1);
--candy-pink: hsla(355, 76%, 71%, 1);
--champagne-pink: hsla(23, 68%, 88%, 1);
--pale-spring-bud: hsla(58, 30%, 77%, 1);
--dark-sea-green: hsla(121, 28%, 61%, 1);

*/

    --primary: hsla(142, 69%, 58%, 100%);
    --primary-hover: hsla(142, 69%, 68%, 100%);
    --primary-border: hsla(142, 69%, 48%, 100%);

    --secondary: hsla(341, 95%, 52%, 100%);
    --secondary-hover: hsla(341, 95%, 62%, 100%);
    --secondary-border: hsla(341, 95%, 42%, 100%);

    --secondary: hsla(334, 95%, 45%, 100%);
    --secondary-hover: hsla(334, 95%, 55%, 100%);
    --secondary-border: hsla(334, 95%, 35%, 100%);

    --pale-spring-bud: hsla(58, 30%, 77%, 70%);
    --sea-green: hsla(144, 37%, 39%, 90%);
    --dark-sea-green: hsla(121, 28%, 61%, 100%);
    --black-start-sea-green: hsla(121, 28%, 25%, 100%);
    --black-end-sea-green: hsla(121, 28%, 15%, 100%);
    


    --champagne-pink: hsla(356, 76%, 71%, 50%);
    --candy-pink: hsla(355, 76%, 71%, 1);
    --rose: hsla(334, 95%, 57%, 80%);
    --dark-rose: hsla(334, 95%, 57%, 80%);
    
/*  light green #2ADE95  */
    /*--bs-dark: hsla(156, 73%, 52%, 1);
    --bs-dark-rgb: 42,222,149;*/

    --bs-green-apv: hsla(156, 70%, 40%, 1);
    --bs-green-light-apv: hsla(156, 70%, 30%, 1);
/*    --bs-green-ultralight-apv: hsla(156, 70%, 80%, 1);*/

    --bs-dark: hsla(156, 70%, 39%, 1);
    --bs-dark-rgb: 30,169,113;

    --bs-pale-grey: hsla(0, 0%, 85%, 1);

/*    --pink-avp: #F92267;*/
    --pink-avp: hsla(341, 95%, 56%, 1);


    --bs-btn-active-shadow: inset 0 3px 5px hsla(156, 70%, 80%, 1) !important;
    --bs-btn-focus-shadow-rgb: hsla(156, 70%, 80%, 1) !important;

}
:root {
  --primary-color: #435fda;
  --secondary-color: #d8415c;
  --body-font-size: 16px;
  --line-height: 1.5;
  --content-width: 480px;
  --background-color: #fff;
  --background-color-secondary: #f8f8f9;
  --text-color: #060914;
  --text-color--muted: #71737f;
  --line-color: #ededef;



}
.overlay {
    position: fixed;
    width: 100%;
    height: 4500px;
    background: rgba(0, 0, 0, .35);
    /*visibility: hidden;*/
    z-index: 30000;
}
.spanner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, .6);
    text-align: center;
    height: 4500px;
    color: #fff;
    transform: translateY(-50%);
    /*visibility: hidden;*/
    z-index: 30000;
}
.spanner .loader {
    position: relative;
    top: 50%;
	max-height: 250px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border: 16px solid #f3f3f3;
    border-top-color: #17875a;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    text-align: center;
}
@-webkit-keyframes spin{
	0%{transform:rotate(0)}
	to {transform:rotate(1turn)}
}
@keyframes spin{
	0%{transform:rotate(0)}
	to{transform:rotate(1turn)}
}
.bg-gradient-green-appvise{
    background: hsla(155, 73%, 52%, 1);
    background: linear-gradient(0deg, hsla(155, 73%, 25%, 1) 54%, hsla(155, 73%, 42%, 1) 100%);
}
.bg-gradient-pink-appvise{
    background: hsla(341, 95%, 56%, 1);
    background: linear-gradient(0deg, hsla(341, 95%, 25%, 1) 0%, hsla(341, 95%, 56%, 1) 100%);
}

.icon-brouillon-info{
	color: #000 !important;
    border-color: #d8ff7a !important;
    background-color: #d8ff7a !important;	
}
.nav-vertical.nav-pills .nav-link.active[aria-expanded=false], .nav-vertical.nav-pills .nav-link.active[aria-expanded=true]{
    color: var(--bs-pale-grey) !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-bottom-color: var(--bs-green-light-apv) !important;
}


.bg-gradient-pink-appvise .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border-bottom-color: var(--white) !important;
}

#new-semantic-category{
	width: 350px;
	margin-right: 50px;
	margin-bottom: 50px;
}

.step .active .step-icon, .step .active.is-valid .step-icon, .step .visited .step-icon{
    background-color: var(--bs-green-apv) !important;
}
.step .active .step-title, .step .active.is-valid .step-title, .step .visited .step-title{
    color: var(--bs-green-apv) !important;
}

.btn-primary{
    background-color: var(--bs-green-apv) !important;
    border-color: var(--bs-green-light-apv) !important;
    --bs-btn-active-shadow: inset 0 3px 5px hsla(156, 70%, 80%, 1) !important;
    --bs-btn-focus-shadow-rgb: 94,224,170 !important;
}


.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:hover{
    box-shadow: 0 4px 11px hsla(156, 70%, 60%, .5) !important;
}

.answer-no-comment {
    text-decoration: underline;
    font-style: italic;
}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
	padding-top: 1.825rem !important;
}
.select-score {
    border: 1px solid #ccc;
}
.filter-etoile {
    font-family: 'Roboto', sans-serif;
    color: #ebebeb;
    font-size: 1.5em;
    cursor: pointer;
    display: inline-block;
    margin: 0 !important;
    padding-left: 2px !important;
    padding-right: 5px !important;
    text-shadow: 0 0 1px #555;
    transition: all .3s ease;
}
#filter-etoile-1.filter-etoile-selected {
    color: red;
}
#filter-etoile-2.filter-etoile-selected {
    color: #f9a143;
}
#filter-etoile-3.filter-etoile-selected {
    color: #ffeb38;
}
#filter-etoile-4.filter-etoile-selected {
    color: #aff52e;
}
#filter-etoile-5.filter-etoile-selected {
    color: #20c576;
}
.small, small{
	font-size: 0.985em !important;
}
.badge {
	--bs-badge-font-size: 0.85em !important;
}
.form-label-link, .btn-link,
.badge {
    font-weight: 500 !important;   
}
h1, h2, h3, h4, h5, h6{
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-family: 'Abril Fatface', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.hide{
    display: none!important;
}

.highlight{
    background-color: yellow;
    font-weight: inherit;
    font-family: inherit;
}
.customer-tenant{
    cursor: pointer;
}
.not-allowed {
  cursor: not-allowed;
  color: var(--white30) !important;
}

.bg-light-warning{
    
}
.bg-white-100{
    background-color: var(--white);
}
.bg-white-90{
    background-color: var(--white90);
}
.bg-white-80{
    background-color: var(--white80);
}
.bg-white-60{
    background-color: var(--white60);
}
.bg-white-40{
    background-color: var(--white40);
}
.bg-white-30{
    background-color: var(--white30);
}
.txt-white{
    color: var(--white)!important;
}

.txt-hot-dark{
    color: var(--rose)!important;
}
.txt-hot-light{
    color: var(--candy-pink)!important;
}

.txt-neutral-dark{
    color: var(--champagne-pink)!important;
}
.txt-neutral-light{
    color: var(--pale-spring-bud)!important;
}

.txt-cold-dark{
    color: var(--dark-sea-green)!important;
}
.txt-cold-light{
    color: var(--sea-green)!important;
}

.txt-black80{
    color: var(--black80);
}
.bg-cover{
/*    background-image: url(https://supervise-me.com/wp-content/uploads/2021/07/background-login-appvise.jpeg);*/
    /*background: hsla(142, 69%, 58%, 100%);
    background: linear-gradient(270deg, hsla(142, 69%, 58%, 100%) 33%, hsla(142, 71%, 45%, 100%) 66%);*/
}

.rounded-lg {
    border-radius: calc( var(--bs-border-radius) * 2) !important;
}
.rounded-xl {
    border-radius: calc( var(--bs-border-radius) * 3) !important;
}

.btn-primary{
    background-color: var(--primary);
    border-color: var(--primary-border);
}
.btn-primary:hover{
    background-color: var(--primary-hover);
    border-color: var(--primary-border);
}

.btn-info{
    background-color: var(--secondary) !important;
    color: var(--white);
    border-color: var(--secondary-border) !important;
}
.btn-info:hover{
    background-color: var(--secondary-hover) !important;
    color: var(--white);
    border-color: var(--secondary-border) !important;
}



.bg-what{
    background: var(--dark-sea-green);
    background-image: url('https://supervise-me.com/wp-content/uploads/2021/07/background-login-appvise.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    
/*    background-image: linear-gradient(270deg, var(--dark-sea-green) 33%, var(--pale-spring-bud) 66%);*/
    position: relative;
/*    z-index: 0;*/
    
}
.bg-what:before{
    background-image: linear-gradient(0deg, var(--rose) 23%, var(--champagne-pink) 76%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    z-index: 0;
    height: 100%;
    width: 100%;
}

.bg-login{
    background-image: linear-gradient(0deg, var(--dark-sea-green) 23%, var(--pale-spring-bud) 76%);
/*    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    z-index: 1;
    height: 100%;
    width: 100%;*/
}/*
.bg-login-form .invalid-feedback{
    color: var(--white);
}*/
.bg-login-form{
    background-color: var(--sea-green);
}

.box-shadow{
    box-shadow: 0 .375rem 1.5rem 0 hsla(0,0%,0%,40%)!important;
}

.list-comment-item .zone-comments-urgent .list-comment .list-comment-item{
    border-left-color: var(--rose)!important;
}


.zone-comments-urgent .zone-comments-infos{
    background-color: var(--champagne-pink);
}
.zone-comments-urgent .zone-comments-content{
    border: 1px solid var(--dark-rose);
}



.bg-dashboard-light{
    background-image: linear-gradient(0deg, var(--rose) 23%, var(--candy-pink) 76%);
}
.bg-dashboard-dark{
    background-image: linear-gradient(0deg, var(--dark-sea-green) 20%, var(--sea-green) 80%);
}
.bg-sidebar-dark{
    background-image: linear-gradient(0deg, var(--black-start-sea-green) 20%, var(--black-end-sea-green) 80%);
}
.bg-sidebar-light{
    background-image: linear-gradient(180deg, var(--dark-rose) 20%, var(--rose) 80%);
}
.avatar-img{
	aspect-ratio: 1 / 1;
}
.progress-bar{
    background-color: var(--rose)!important;
}
.avatar-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
}
.tom-select-custom .ts-dropdown .option{
	padding-top: 3px !important;
	padding-bottom: 2px !important;
	padding-left: 8px !important;
	padding-right: 0 !important;
}
.businesses-filtering{
	width: 250px !important;
	display: inline-block;
}
.js-reviews-filter-customers, .businesses-filtering select{
	min-height : 43px !important;
	max-height: 43px;
}	
.customer-filters-label {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
	margin-bottom: 10px;
}
.customer-filter-active, .customer-filters-list {
    display: inline-block;
    margin-left: 25px;
}
.customer-filter-active {
    text-transform: capitalize;
    color: #8f8f8f;
    transition: background-color .2s;
    border-bottom: 3px solid transparent;
}
.item-filter {
    border: 1px solid #cad1d9;
    border-radius: 16px;
    display: inline-block;
    white-space: nowrap;
    height: 2.2rem;
    transition: background-color .2s ease-in-out, border .2s ease-in-out;
    max-width: 100%;
    cursor: default;
    background: #e0e0e0;
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
}

.item-filter span {
    display: inline-block;
    line-height: calc(2.2rem - 2px);
    padding-left: 5px;
    padding-right: 10px;
    font-size: .8125em;
}
.item-filter .delete-customer-filter {
    width: 2rem;
    text-align: right;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    height: calc(2.2rem - 2px);
    line-height: calc(2.2rem - 2px);
    font-size: 0;
    cursor: pointer;
}
.item-filter .delete-svg {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    fill: #a8b4c0;
    color: #a8b4c0;
    transform: rotate(45deg);
}
.hide-filter {
    display: none;
}

input[type="range"] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  transition: all 0.265ms ease-out;
}
input[type="range"]:focus {
  outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: var(--line-color);
}

input[type="range"]::-webkit-slider-thumb {
  box-shadow: 0 0 8px 1px var(--secondary-color),
    0 0 16px 4px var(--background-color);
  border: 3px solid #fff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: var(--secondary-color);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
  background: var(--secondary-color);
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: var(--line-color);
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 8px 1px var(--secondary-color),
    0 0 16px 4px var(--background-color);
  border: 3px solid #fff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: var(--secondary-color);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}

/*.user-info, .user-name-info, .user-email-info{
	max-width: 15%;
	overflow: hidden;
}*/
/*
.bg-login > .container{
    z-index: 2;
    position: relative;
}*/

/*hsla(142, 69%, 58%, 100%)
hsla(142, 71%, 45%, 100%)

*/