/*
 * Skin: Yellow
 * ------------
 */
body {
    margin-top: 80px;
    transition : 0.4s;
}

.ui-widget {
    font-family : 'Lato', sans-serif !important;
}

.primary-blue-transparent {
    background-color : rgba(75, 152, 183, 0.701961) !important;
}

.border-black {
    border-color : #000 !important;
}

.ui.accordion .content {
    height : fit-content !important;
}

.edit-problematics-link {
    margin: 10px 0 !important;
    border-radius: 10px !important;
    color : white !important;
    font-size: 1.15rem !important;
}

.user-popup {
    display : none;
}

#rendering-avatar-image {
    border-radius : 10em;
}

input[type=range].cr-slider {
    background-color : inherit !important;
}

input[type=range].cr-slider:focus {
    background-color : inherit !important;
}

.croppie-container .cr-boundary {
    width: 100% !important;
}

.share-cloth {
    display : none;
}

.card-profile {
    width : 65%;
    margin : auto;
}

@media (max-width : 1200px) {
    .card-profile {
        width : 100%;
    }
}

[type="radio"]:checked:not(.default),
[type="radio"]:not(:checked):not(.default) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked:not(.default) + label,
[type="radio"]:not(:checked):not(.default) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked:not(.default) + label:before,
[type="radio"]:not(:checked):not(.default) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked:not(.default) + label:after,
[type="radio"]:not(:checked):not(.default) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #8f8f8f;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked):not(.default) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked:not(.default) + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ui.modals {
    z-index : 99999 !important;
    position : fixed !important;
}

#search-prompt {
    border-radius: 0;
    color:white;
    background-color: black;
    border : 1px solid white;
}
#search-type {
    width : 110px;
    border-radius: 500em 0 0 500em;
    color:white;
    background-color: black;
    height : 38px;
    border : 1px solid white;
}
#search-submit {
    border-radius: 0 500em 500em 0;
    background-color : black;
    color : white;
    height: 36px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    width : 50px;
    justify-content: center;
    line-height: initial;
}

.avatar-right {
    position : absolute;
    margin-top: 10px;
    left: inherit;
    right: 15px;
}

.w-70 {
    width : 70%;
    margin : auto;
}

.special {
    color : black;
    font-style : italic;
}

.ui.modal {
    left : 0 !important;
    right : 0 !important;
    /*margin-top : 50px !important;*/
    margin-left : auto !important;
    margin-right : auto !important;
    height : max-content !important;
    max-height: 95vh;
    /*overflow-y: auto;*/
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: all;
}

.ui.item.search:hover .select-menu {
    display : block;
    overflow: visible;
    width: auto;
    height: auto;
    top: 100%!important;
    opacity: 1;
}
.cursor-pointer{
    cursor:pointer;
}
.bg-light-grey {
    background-color : #80808014;
}

.bg-grey {
    background-color : #D6E3E5 !important;
}

.bg-blue-grey {
    background-color: #DCEEEF;
}

.ui.menu a.item:hover {
    color : white !important;
}

.rem11 {
    font-size : 1.1rem !important;
}

.rem12 {
    font-size : 1.2rem !important;
}

.rem13 {
    font-size : 1.3rem !important;
}

.bold {
    font-weight : 700 !important;
}

.blue-text {
    color : #16839B !important;
}


.badge-hover {
    display: inline-block !important;
    text-decoration: none !important;
}

.badge-hover::after, .badge-hover.active::after {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 10px !important;
    background: #eb5a83 !important;
    transition: width .6s !important;
    margin : auto;
}

.badge-perso {
    border-bottom : 1px solid grey;
    border-right : 1px solid grey;
    background-color : white;
}
.badge-hover:hover::after, .badge-hover.active::after {
    width: 100% !important;
    transition: width .6s !important;
}

ul.gender-group {
    margin-top : 2px;
}

@media (max-width : 1460px) {
    ul.gender-group.ergo > li {
        flex: 0 0 33.333333%;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 33.3333%;
        max-width: 33.333333%;
    }
}

.ui.vertical.menu > .item {
    padding-top: 10px;
    padding-bottom: 10px;
}

#App_cloth_search_characteristic {
    background-color : #80CECA;
    color : black;
}

#App_cloth_search_category {
    background-color : #16839B;
    color : white;
}

#App_cloth_search_brand {
    background-color : #80CECA;
    color : black;
}

#App_cloth_search_gender {
    background-color : #16839B;
    color : white;
}

#App_cloth_boughtAt_month {
    text-transform : capitalize;
}

@media (min-width : 768px) {
    .col-md-25 {
        flex: 0 0 20%;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 20%;
        max-width: 20%;
    }
}

.mr-25 {
    margin-right : 25px;
}

label.radio-item {
    color : #a9a9a9 !important;
    font-weight : 700;
}

div.hovercontent {
    transition : 0.3s;
    padding: 10px;
    background-color: #bfbfbf;
    border-radius: 3px;
    font-weight: 700;
    vertical-align: middle;
}

.red-button {
    transition : 0.4s;
    color : white;
    background-color : #e74c3c;
}

.red-button:hover {
    background-color : black;
    color : white;
}

.vertical-alignement {
    margin-top: auto;
    margin-bottom: auto;
}

div.hovercontent:hover {
    background-color: #969696;
}

.border-white-bottom {
    border-bottom : solid 4px #fff;
}

.mt-perso {
    margin-top: 25px;
    margin-bottom: 25px;
}

.search-form-select2 {
    height: 44px;
}

.mt-25 {
    margin-top : 25px;
}

.mt--10 {
    margin-top : -10px;
}

.cursor-pointer {
    cursor : pointer;
}

.error-content {
    background-color : #cb0100;
    border-radius : 20px;
    margin: auto auto 30px auto;
}

.error-content > li.error-item {
    color : white;
    font-size : 1.5rem;
    padding:10px 20px 5px 20px;
}

.ui.menu .active.item {
    background-color : #4b98b7;
    color : white !important;
    font-weight : 700;
}

.ui.menu .active.item:hover {
    background-color : #4b98b7;
    font-weight : 700;
}

.mt-9 {
    margin-top : 90px;
}

#wall-avatars {
    display : none;
}
#wall-influencers {
    display : none;
}
#wall-brands {
    display : none;
}

.w-49 {
    width : 49% !important;
}

.w-65 {
    width : 65%;
    margin: auto;
}

.timelineresponsiveleft {
    margin-left:auto !important;
}

.timelineresponsive {
    margin-right:auto;
    width : 80%;
}

@media (max-width : 780px) {
    .timelineresponsive {
        margin-left:auto;
    }
}
@media (max-width : 780px) {
    .timelineresponsiveleft {
        margin-right:auto !important;
        width : 80% !important;
    }
}

.ui.atchoumette {
    display : none;
}

#searchMobile {
    display : none;
}

.hoverHidden {
    display : none;
}

.imghoverselect {
    transition : 0.4s;
    cursor:pointer;
    filter:grayscale(1);
    -webkit-filter:grayscale(1);
}

.imghoverselect:hover {
    filter:grayscale(0);
    -webkit-filter:grayscale(0);
    background-color:#000;
}

.avatar-image {
    width : 5em;
    height : 5em;
    transition : 0.3s;
}

@media(max-width:1340px) {
    #suggestion-col {
        display : none;
    }
}

.avatar-image:hover {
    transform : scale(1.2);
}

a.item.active {
    color : black !important;
}

.card-add-cloth label {
    font-size : 1.6rem !important;
    font-weight : initial !important;
}

.green-color {
    color : #88ddd4 !important;
}

.rem16 {
    font-size : 1.6rem !important;
}

.rem18 {
    font-size : 1.8rem !important;
}

.card-heart-background {
    background-color : rgba(0,0,0,0.7);
    position : absolute;
    left : 0;
    top : 30%;
    width : 100px;
    height : 100px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}

.em3 {
    width : 3em !important;
    height : 3em !important;
}

.card-heart {
    position : absolute;
    top : 45%;
    left : 15px;
    color : rgba(255, 0 , 0, 0.7);
}

.card-heart-rate-title {
    position : absolute;
    top : -65%;
    left : 2%;
    color : white;
    font-size: 1rem;
    font-weight: bold;
}

.card-heart-rate {
    position : absolute;
    top : -4%;
    left : 40%;
    color : white;
    font-size: 1.3rem;
    font-weight: bold;
}
.rem4 {
    font-size : 4rem !important;
}

.delete-opinion {
    color : white;
    transition : 0.4s;
    cursor: pointer;
}

.delete-opinion:hover {
    color : red;
}

.ui.header.rem18 {
    font-size : 1.8rem !important;
    font-weight : normal !important;
}

#responsive-content {
    width : 80%;
}

@media (min-width : 1200px) {
    #responsive-content {
        width : 60%;
    }
}

/*
Etape 1 = #0B819D;
Etape 1 bouton valider = #F6FF8A;

Etape 2 = #6a7179;
Etape 2 bouton valider = #0B819D;

Etape 3 = #0B819D;
Etape 3 bouton valider = #F6FF8A;

Etape 4 = #6a7179;
Etape 4 bouton valider = #0B819D;

Etape 5 = #0B819D;
Etape 5 bouton valider = #F6FF8A;
 */

.app-extra-content-menu-container .ui.menu .active.item {
    color : white !important;
    background-color : #eb5a83 !important;
}

.blue-text-b {
    color : #16839B !important;
}

.cyan-text-b {
    color : #539e9a !important;
}

.dark-blue-text-b {
    color : #00487C !important;
}

.accordion .title {
    font-weight : bold !important;
}

.pink-text-b {
    color : #eb5a83 !important;
}

.pos-absolute-bottom {
    position : absolute;
    bottom : 0;
}

.app-extra-content-menu-container .ui.menu a.item:hover {
    color : white !important;
    background-color : #eb5a83 !important;
}

.validate-button-color-1 {
    background-color : #F6FF8A !important;
    color : black !important;
}

.ui.button.validate-button.validate-button-color-1:hover {
    background-color : #f6ff8ab5 !important;
    color : black !important;
}

.inputGroup label {
    margin : 0;
}

.inputGroup {
    background-color: #6a7179;
    display: block;
    margin: 10px 0;
    position: relative;
    border-radius: 10px;
    border : 1px solid white;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.inputGroup label {
    padding: 12px 30px;
    width: 90%;
    margin : auto;
    border-radius: 10px;
    display: block;
    text-align: left;
    color: white;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: color 200ms ease-in;
    overflow: hidden;
}

.inputGroup label:before {
    height: 10px;
    border-radius: 50%;
    width : 100%;
    content: '';
    background-color: #54a097;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: -1;
}

.inputGroup label:after {
    width: 32px;
    height: 32px;
    content: '';
    border: 1px solid white;
    background-color: #6a7179;
    background-repeat: no-repeat;
    background-position: 2px 3px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;
    color : #6a7179 !important;
}

.inputGroup input:checked ~ label:after {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
}
.inputGroup input:checked ~ label {
    color: #fff;
}
.inputGroup input[type=radio]:checked ~ label {
    color: #000;
}
.inputGroup input[type=checkbox]:checked ~ label:before {
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
}
.inputGroup input:checked ~ label:after {
    background-color: #54e0c7;
    border-color: #54e0c7;
}

.opacity-6 {
    opacity : 0.6 !important;
}

.inputGroup input {
    width: 32px;
    height: 32px;
    order: 1;
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.d-inline-b {
    display : inline-block !important;
}

@media (max-width : 1240px) {
    .card-add-cloth .responsive-text-menu {
        display : block;
    }
    .card-add-cloth .responsive-circle-menu {
        display : block;
    }
}

.radio-menu {
    border-radius : 10px;
    padding:10px 0 10px 0;
    transition : 0.3s;
    background-color : #88ddd4;
}

/*#f6ff8ab5*/
#App_cloth_boughtWhere {
    background-color : #f6ff8ab5 !important;
}

#App_cloth_boughtWhere::placeholder {
    color : white !important;
}

#App_cloth_boughtWhere:focus {
    background-color : #f6ff8ab5 !important;
}

#App_cloth_url {
    background-color : #f6ff8ab5 !important;
}

#App_cloth_url::placeholder {
    color : white !important;
}

#App_cloth_url:focus {
    background-color : #f6ff8ab5 !important;
}

#cloud-logo {
    font-size: 25rem !important;
    margin-top: -60px !important;
}

@media (max-width : 870px) {
    #cloud-logo {
        font-size : 18rem !important;
    }
}

@media (max-width : 670px) {
    #cloud-logo {
        font-size : 13rem !important;
    }
}

.radio-menu p {
    margin : 0 !important;
}


.radio-menu:hover {
    background-color : #F6FF8A;
}

@media (max-width: 1100px) {
    .card-add-cloth .responsive-text-menu > a {
        width : 100%;
        display : block;
        margin-top : 25px;
        margin-bottom : 25px;
    }
}



.validate-button-color-2 {
    background-color : #88ddd4 !important;
    color : black !important;
}

.black-text {
    color : black !important;
}

label.ui.basic.green.button.add-attachment {
    font-size : 1rem !important;
    border-radius: 3px 0 0 3px !important;
}

.rem4 {
    font-size : 4rem;
}

#App_cloth_images_0_id {
    display : none;
}

#App_cloth_images_1_id {
    display : none;
}

#App_cloth_images_2_id {
    display : none;
}

#App_cloth_images_3_id {
    display : none;
}

#App_cloth_images_4_id {
    display : none;
}

#App_cloth_images_5_id {
    display : none;
}

#App_cloth_images_6_id {
    display : none;
}

#App_cloth_images_7_id {
    display : none;
}

#App_cloth_images_8_id {
    display : none;
}

#App_cloth_images_9_id {
    display : none;
}

#App_cloth_images_10_id {
    display : none;
}

#App_cloth_images_11_id {
    display : none;
}

#App_cloth_images_12_id {
    display : none;
}

#App_cloth_images_13_id {
    display : none;
}

#App_cloth_images_14_id {
    display : none;
}

.bg-black {
    background-color : black !important;
}

.bg-black i {
    color : white !important;
}

.white-border {
    border : 1px solid white;
}

i {
    vertical-align: baseline;
}

.v-align-center {
    vertical-align : -webkit-baseline-middle;
}

.rem25 {
    font-size : 25rem !important;
}

.ui.button.validate-button.validate-button-color-2:hover {
    background-color : #88ddd49c !important;
}

.yellow-color {
    color : #F6FF8A !important;
}

.ui.button.validate-button:hover {
    background-color : black !important;
    color : white !important;
}

.bg-add-cloth-draft-1 {
    background-color : #0B819D !important;
}
.bg-add-cloth-draft-2 {
    background-color : #6a7179 !important;
}

.card-add-cloth {
    background-color : #0B819D;
    border-radius : 20px;
    padding-top : 50px;
    padding-bottom : 50px;
}

.mb-6 {
    margin-bottom : 60px;
}

.divider {
    height : 1px;
    width : 100%;
    background-color : white;
    margin-top : 20px;
}

.card-add-cloth input {
    font-size : 1.2rem !important;
    transition : 0.3s;
    height: 50px !important;
    border-radius : 4px;
    background-color : black !important;
    color : white !important;
}

.card-add-cloth textarea {
    font-size : 1.2rem !important;
    transition : 0.3s;
    height: 50px !important;
    border-radius : 4px;
    background-color : black !important;
    color : white !important;
}

.card-add-cloth input::placeholder {
    color : darkgrey !important;
}

.card-add-cloth input:focus {
    background-color : white !important;
    color : black !important;
}

.card-add-cloth textarea:focus {
    background-color : white !important;
    color : black !important;
}

.card-add-cloth select {
    font-size : 1.2rem;
    height: 50px !important;
    transition : 0.3s;
    border-radius : 4px;
    background-color : black !important;
    color : white !important;
}

.card-add-cloth select option {
    color : black !important;
}

.card-add-cloth select:focus {
    background-color : white !important;
    color : black !important;
}

.card-add-cloth > .card-content {
    color : white;
}

.white-text{
    color : white !important;
}

.checkbox-inline input[type=radio] {
    display : inline-block;
}

.hide-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    color: white;
    font-size: 39px;
    z-index: 500000;
    cursor: pointer;
    background-color: #00000080;
    border: 1px solid grey;
    border-radius: 4px;
}

.hide-footer {
    transition : 0.4s;
}

.m-0 {
    margin : 0 !important;
}

.ui.rating > .icon.circle {
    font-size : 1.3rem;
    color : #dad6d6;
}

button[data-ajax-param-val="on"] {
    background-color : #80CECA !important;
}

.ui.rating.easily .icon.circle.active {
    color : #16839B;
}

.ui.rating.easily .icon.circle.selected {
    color : #1ae3ff;
}

.ui.rating.comfort .icon.circle.active {
    color : #eb5a83;
}

.ui.rating.comfort .icon.circle.selected {
    color : #ff78b3;
}

.ui.rating.quality .icon.circle.active {
    color : #80CECA;
}

.ui.rating.quality .icon.circle.selected {
    color : #a5fffb;
}






.ui.rating.easilyadd .icon.circle.active {
    color : #1ae3ff;
}

.ui.rating.easilyadd .icon.circle.selected {
    color : #fff;
}

.ui.rating.qualityadd .icon.circle.active {
    color : #80CECA;
}

.ui.rating.qualityadd .icon.circle.selected {
    color : #fff;
}

.easily-text {
    color : #16839B;
    font-weight : bold;
}

.comfort-text {
    color : #eb5a83;
    font-weight : bold;
}

.quality-text {
    color : #80CECA;
    font-weight : bold;
}

.flip {
    transform: rotate(-180deg);
}

.ui.rating .icon.heart{
    font-size : 1.8rem;
}

.ui.rating .icon.heart.active {
    color : #ff0b00 !important;
}

.ui.rating .icon.selected.heart, .ui.rating .icon.heart.selected.active {
    color : #ff8289 !important;
}

.rate-card-avatars {
    background-color : #16839B;
    transition : 0.4s;
}

.rate-card-avatars:hover {
    background-color : #00487C;
    border-bottom : 8px solid #16839B;
}

.rating-card-avatars {
    background-color : #80CECA;
    transition : 0.4s;
}

.rating-card-avatars:hover {
    background-color : #16839B;
    border-bottom : 8px solid #00487C;
}

.mt-05 {
    margin-top : 5px;
}

.ui.image.rate-avatar-img {
    width : 4em;
    height : 4em;
}

.vertical-sub {
    vertical-align: sub;
}

.ui.footer.segment {
    background-color : #00000080;
}

.gradient-home {
    background: #b3e5fc;
    background: -webkit-linear-gradient(45deg, #98e6d3 0%, #31aadc 100%);
    background: linear-gradient(45deg, #98e6d3 0%, #31aadc 100%);
}

.left-align {
    text-align: center;
}

.green {
    background-color : #38a845;
}


#pictures-collection-add-picture {
    color : white;
    font-size : 16rem;
}

.vw35 {
    font-size : 35vw !important;
}

.rem1 {
    font-size : initial;
}

.rem228 {
    font-size: 2.28rem !important;
}

.rem1b {
    font-size : 1rem;
}

.rem10 {
    font-size : 1.7rem !important;
}

.rem14 {
    font-size : 1.4rem !important;
}

.section-title {
    font-size : 2rem;
    text-align : center;
    font-weight : 700;
}

.illustration-card {
    position: fixed;
    width: auto;
    height: 100vh;
    margin : auto;
    left: 0;
    right : 0;
    top: 0;
    opacity: 0.5;
}

#avatar-file-change-button {
    background-color : black;
    color : white !important;
    border : 2px solid white;
}

#avatar-file-change-button:hover {
    background-color : white;
    color : black !important;
    border : 2px solid black;
}

.rem2 {
    font-size : 2rem !important;
}

.save-as-draft-button {
    transition : 0.3s;
    font-size: 0.9rem;
    text-transform: uppercase;
    border-radius : 4px;
    padding : 10px;
    background-color : #6a7179;
    border : 1px solid #fff;
    color : white;
    height : 47px;
}

.rem3 {
    font-size : 3rem !important;
}

#back-nav-button {
    color : #80CECA;
}
#back-nav-button:hover {
    color : white;
}

#search-type-menu {
    width : 145px;
}

.cloth-add-form-container {
    width : 75%;
    margin : auto;
}

.validate-button {
    transition : 0.3s !important;
    text-transform: uppercase !important;
    border-radius : 4px !important;
    padding : 10px !important;
    height : 47px;
}

.validate-button-content {
    vertical-align: -webkit-baseline-middle;
    font-size: 1.6rem;
}

.save-as-draft-button:hover {
    background-color : #000;
}

label.radio-item.white-text {
    color : white !important;
}

#App_cloth_characteristics > .field > .ui.checkbox > label {
    color : white !important;
}

.grey {
    background-color: #bfbfbf;
}

@media (max-width: 1350px) {
    .ui.Atchoum {
        display: none;
    }
    .ui.atchoumette {
        display: block;
    }

    #searchMobile {
        display : block;
        position : absolute;
        top : 18px;
        right : 80px;
        width : 40%;

    }
}

.hoverBlack {
    background-color : black;
    color : white;
}

.hoverBlack:hover {

}

.ui.button {
    background-color : #000;
    transition : 0.3s;
    color : white;
}

button.btn {
    background-color : #000 !important;
    color : white !important;
}

.ui.menu > .item {
    /*color : #4b98b7 !important;*/
    margin: 0;
    text-align: left;
    font-size: 1rem!important;
    padding: .78571429em 1.14285714em!important;
    background: 0 0!important;
    color: rgba(0,0,0,.87)!important;
    text-transform: none!important;
    font-weight: 400!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: none!important;
    transition: none!important;
}

.ui.button:hover {
    background-color : white !important;
    color : black !important;
}


#smallLogo{
    display : none;
}
#bigLogo {
    display : inline;
}

@media (max-width : 850px) {
    #smallLogo {
        display : inline;
    }
    #bigLogo {
        display : none;
    }

    #searchMobile {
        width : 38%;
    }
    #searchMobile > .ui.icon.input {
        right : 90px;
    }
}
@media (max-width : 620px) {
    .ui.icon.input>i.icon {
        right : -80px;
    }
}

.divider-text {
    color : #727371 !important;
    text-align : center;
    margin-bottom : -8px;
    font-size : 1.2rem;
}

#slide-out {
    background-color : white;
}

#logo-sidenav {
    padding-top : 20px;
    padding-bottom : 20px;
}

.sidenav li a.secondary-background {
    background-color : #efefef;
}

#logo-sidenav:hover a {
    background-color : white !important;
}
#user-avatar {
    background-color : #16839B;
    padding-top : 20px;
    padding-bottom : 20px;
    transition : 0.4s;
}
#user-avatar a {
    background-color : #16839B;
    color : white !important;
    transition : all 0.4s;
}

#user-avatar:hover {
    border-left : 8px solid #16839B !important;
    transition : all 0.4s;
    background-color : #00487C !important;
}

.sidenav li.main-item:hover {
    transition : 0.4s;
    background-color : #00487C !important;
}

.sidenav li.main-item:hover a {
    transition : 0.4s;
    background-color : #00487C !important;
    color : white !important;
}

.sidenav li.main-item:hover:n i {
    color : white; !important;
}

#user-avatar:hover {
    border-left : 8px solid #16839B !important;
    transition : all 0.4s;
    background-color : #00487C !important;
}

#user-avatar:hover a {
    background-color : #00487C !important;
}

.user-popup a {
    background-color : white;
}

.share-button {
     background-color : #eb5a83;
     padding-top : 20px;
     padding-bottom : 20px;
     transition : 0.4s;
 }
.share-button a{
    background-color : #eb5a83;
    color : black;
}

.share-button:hover {
    border-left : 8px solid #eb5a83 !important;
    transition : all 0.4s;
    background-color : #00487C !important;
}

.share-button:hover a {
    background-color : #00487C !important;
}

.primary-button-menu {
    background-color : #16839B;
    padding-top : 20px;
    padding-bottom : 20px;
    transition : 0.4s;
}
.primary-button-menu a {
    background-color : #16839B;
    transition : all 0.4s;
}

.primary-button-menu:hover {
    border-left : 8px solid #16839B !important;
    transition : all 0.4s;
    color : white !important;
    background-color : #00487C !important;
}

.primary-button-menu:hover a {
    color : white !important;
    background-color : #00487C !important;
}

.go-back-button {
    background-color : #eb5a83;
    transition : 0.4s;
}

.go-back-button a{
    background-color : #eb5a83;
    color : white !important;
}

.go-back-button:hover {
    border-left : 8px solid #eb5a83 !important;
    transition : all 0.3s;
}

.logout-button {
    background-color : #eb5a83;
    transition : 0.4s;
}

.logout-button a{
    background-color : #eb5a83;
    color : white !important;
}

.logout-button:hover {
    border-right : 8px solid #eb5a83 !important;
    transition : all 0.3s;
}

#search-button {
    padding-top : 20px;
    padding-bottom : 20px;
    transition : all 0.4s;
    background-color : #16839B;
}

#search-button:hover a {
    background-color : #00487C !important;
}

#search-button a {
    background-color : #16839B;
    color : white;
}

#search-button:hover {
    border-left : 8px solid #16839B !important;
}

.find {
    background-color : white;
}

.categories {
    background-color : white;
}

.share-cloth {
    background-color : white;
}

li.categories {
    display : none;
}

.find {
    display : none;
}

.sidenav li.item a > i {
    margin-right : 5px !important;
}

.sidenav li.item a {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
}

.sidenav > li.item a {
    transition : all 0.4s;
}

.sidenav > li.item a:hover {
    background-color : #00487C !important;
    color : white;
}

.sidenav > li.item.logout a {
    color : #ff0003;
}

.sidenav > li.item.logout a > i {
    color : #ff0003;
}

.sidenav > li.item.logout a:hover {
    background-color : #ff0003;
    color : white;
}

.sidenav > li.item a > i {
    transition : 0.4s;
}

.sidenav > li.item a:hover i {
    color : white;
}

.white-text {
    color : #fff;
}

.dark-text {
    color : #3a3a3a;
}

.large-avatar {
    width : 4em !important;
    height : 4em !important;
}

.hoverable {
    transition : 0.4s;
}

#suggestButton.ui.button:hover {
    background-color : black !important;
    color : white !important;
}

.hoverable:hover {
    transform : scale(1.3);
}


.hoverable-2 {
    color: white;
    font-size: 1.8rem;
    transition: 0.4s;
    padding: 15px;
    margin: 30px auto 30px auto;
    cursor: pointer;
    /*background: #eb5a83;
    background: -webkit-linear-gradient(45deg, #eb5a83 0%, #31aadc 100%);
    background: linear-gradient(45deg, #eb5a83 0%, #31aadc 100%);*/
    background: -webkit-linear-gradient(70deg, #31aadc 5%, rgba(0, 0, 0, 0) 30%), -webkit-linear-gradient(30deg, #0c5965 60%, #eb5a83 85%);
    background: -o-linear-gradient(70deg, #31aadc 5%, rgba(0, 0, 0, 0) 30%), -o-linear-gradient(30deg, #0c5965 60%, #eb5a83 85%);
    background: -moz-linear-gradient(70deg, #31aadc 5%, rgba(0, 0, 0, 0) 30%), -moz-linear-gradient(30deg, #0c5965 60%, #eb5a83 85%);
    background: linear-gradient(70deg, #31aadc 5%, rgba(0, 0, 0, 0) 30%), linear-gradient(30deg, #0c5965 60%, #eb5a83 85%);
}

.avatar-card {
    position : absolute;
    bottom : 10px;
    left : 10px;
}

.share-button-card {
    position : absolute;
    right : 0;
    bottom : 0;
}

.share-button-card button {
    border-radius : 0 !important;
    border-top-left-radius: 1rem !important;
    margin : 0 !important;
    height : 55px !important;
    padding-left : 20px !important;
}

.catalog-card-title {
    padding: 10px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 3px;font-size:1.4rem;
    position : absolute;
    top : 10px;
    left : 50%;
    width : 80%;
    transform: translate(-50%, 0);
    transition : 0.4s;
}
.col-perso:hover .catalog-card-title {
    background-color : rgba(22,131,155,0.7);
 }

.parallax-container {
    position: relative;
    overflow: hidden;
    height: 300px;
    z-index: 10;
}

.pos-relative {
    position : relative;
}



.italic {
    font-style: italic;
}

.card-add-cloth input#App_cloth_composition {
    background-color : white !important;
    color : black !important;
}

.form-perso {
    width : 90%;
    margin-left : auto;
    margin-right : auto;
}

.toast {
    background-color: #3a3a3a;
}

.toast-error {
    background-color: #ff6a42;
}

.alv{
    position : absolute;
    left : 0;
    right : 0;
}

.ui.modal>.content.bg-grey {
    background-color : #f5f5f5;
}

.bg-grey {
    background-color : #f5f5f5;
}

.btn-lkdin {
    padding:13px;
    background-color : black;
    color : white;
    transition : 0.4s;
    text-align:center;
}

.btn-lkdin > a {
    color : white;
}

.btn-lkdin:hover {
    background-color : #0077b5;
}
.sidenav > li.item.whitehovered a:hover {
    background-color: #f2f2f2 !important;
}

.shadowhover {
    transition : 0.4s;
}

.shadowhover:hover {
    box-shadow: 5px 7px 4px #9A9E9E !important;
}

.shadowhover2 {
    transition : 0.4s;
}

.shadowhover2:hover {
    box-shadow: 5px 7px 4px #9A9E9E !important;
}

.shadowhover > .card-body > .card-title {
    transition : 0.4s;
}

.grid-item {
    /*width : 25%;*/
    float: left;
}

.brand-content {
    padding:1.25rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.shadowhover > .extra-content > .card-title {
    transition : 0.4s;
}

.brands {
    min-height : 300px;
}

.image-brands {
    /*height: -webkit-fill-available;*/
    width: 100%;
    height : auto;
    /*padding-bottom: 55px;*/
}


.nav-user-img {
    width : 3em !important;
    height : 3em !important;
}

.ui.menu .item {
    font-weight:bold !important;
}

.ui.menu .dropdown.item, .ui.link.menu .item {
    transition : 0.3s;
}

.ui.menu .dropdown.item:hover,.ui.link.menu .item:hover{
    background-color : #4b98b7;
    color : white;
}

.ui.link.menu .item, .ui.menu .dropdown.item, .ui.menu .link.item, .ui.menu a.item {
    transition : 0.3s;
}

.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
    background-color: #4b98b7;
    color : white;
}

.ui.menu .ui.dropdown .menu>.item {
    transition : 0.3s !important;
}

.ui.secondary.menu .dropdown.item, .ui.secondary.menu .link.item, .ui.secondary.menu a.item {
    transition : 0.3s !important;
}

#search-prompt::placeholder {
    color : darkgrey;
    font-size : 1.2rem;
}

#menu-dsktp {
    transition : 0.3s;
}

#menu-dsktp:hover {
    box-shadow: 5px 7px 4px #9A9E9E !important;
}

#menu-dsktp-v2 {
    transition : 0.3s;
    height : 55px;
    background-color: rgba(255, 255, 255, 0.7);
}

#menu-mobile-v2 {
    display : none;
    transition : 0.3s;
    height : 55px;
    background-color: rgba(255, 255, 255, 0.7);
}

.ui.menu a {
    color : inherit;
}

#menu-mobile-v2 .ui.item {
    height : 55px;
    padding-left : 30px;
    padding-right : 30px;
}

@media (max-width : 975px) {
    #menu-dsktp-v2 {
        display : none;
    }
    #menu-mobile-v2 {
        display : block;
    }
}

#desktop-menu-content {
    margin : auto;
    height : 100%;
    font-size:1rem;
}

#nav-mobile-logo, #nav-mobile-logo-small {
    height: 40px;
    width: auto;
    padding: 0 30px;
}

#nav-mobile-logo-small {
    display : none;
}

@media (max-width : 750px) {
    #nav-mobile-logo {
        display : none;
    }

    #nav-mobile-logo-small {
        display : block;
    }
}

#nav-logo, #nav-logo-mobile {
    height: 40px;
    width: auto;
    padding: 0 10px;
}

#nav-logo-mobile {
    display : none;
}

@media (max-width : 1300px) {
    #nav-logo {
        display : none;
    }

    #nav-logo-mobile {
        display : block;
    }
}

.ui.menu .item {
    padding: 0 10px;
}

.ui.menu {
    font-size : 1.2rem;
}

#search-type-menu {
    transition : 0.4s;
    background-color : #16839B !important;
    color : white !important;
}

#search-type-menu:hover {
    border-top : 8px solid #16839B;
    transition : 0.4s;
    background-color : #00487C !important;
}

#back-nav-button:hover {
    /*color : #00487C !important;*/
}

.ui.menu a.item.theme-v2-none {
    background-color : rgba(0, 0, 0, 0);
    transition : 0.4s;
}

.ui.menu a.item.theme-v2-none:hover {
    background-color : rgba(0, 0, 0, 0);
    transition : 0.4s;
    color : white;
}

.ui.menu a.item.theme-v2-username {
    background-color : #16839B !important;
    transition : 0.4s;
    color : white !important;
    padding : 0 15px;
}

.ui.menu a.item.theme-v2-username:hover {
    background-color : #00487C !important;
    transition : 0.4s;
    color : white !important;
    border-top : 8px solid #16839B;
}

.ui.menu div.item.theme-v2-share {
    background-color : #80CECA !important;
    color : black !important;
    transition : 0.4s;
    padding : 0 15px;
}

.ui.menu div.item.theme-v2-share:hover {
    background-color : #00487C !important;
    color : white !important;
    border-top : 8px solid #80CECA;
    transition : 0.4s;
}

.ui.menu a.item.theme-v2-share {
    background-color : #eb5a83 !important;
    color : white !important;
    transition : 0.4s;
    padding : 0 60px;
}

.ui.menu a.item.theme-v2-share:hover {
    background-color : #00487C !important;
    color : white !important;
    border-top : 8px solid #80CECA;
    transition : 0.4s;
}

.ui.menu div.item.theme-v2-share-2 {
    background-color : #80CECA !important;
    color : black !important;
    transition : 0.4s;
    padding : 0 15px;
}

.ui.menu div.item.theme-v2-share-2:hover {
    background-color : #00487C !important;
    color : white !important;
    border-top : 8px solid #80CECA;
    transition : 0.4s;
}

.ui.menu a.item.theme-v2-share-2 {
    background-color : #eb5a83 !important;
    color : white !important;
    transition : 0.4s;
    padding : 0 15px;
}

.ui.menu a.item.theme-v2-share-2:hover {
    background-color : #00487C !important;
    color : white !important;
    border-top : 8px solid #80CECA;
    transition : 0.4s;
}

.ui.secondary.vertical.menu>.item.border-radius-0 {
    border-radius : 0 !important;
}

.ui.menu a.item.theme-v2-logout {
    background-color : #80CECA !important;
    color : black !important;
    transition : 0.4s;
    padding : 0 15px;
}

.error-red {
    color : white;
    font-style:italic;
    text-align:center;
    font-weight:bold;
    font-size : 1.3rem;
}

.ui.menu a.item.theme-v2-logout:hover {
    background-color : #16839B !important;
    color : white !important;
    border-top : 8px solid #00487C;
    transition : 0.4s;
}

.hovered-background {
    background-color : #00487C;
}

.ui.menu div.item.theme-v2-search-type {
    background-color : white;
    color : black;
    transition : 0.4s;
    padding : 0 15px;
}

#search-v2-input-mobile {
    transition : 0.4s;
    font-size : 1rem;
    width : 80%;
    border : none;
    background-color : #3a3a3a;
    height : 80px;
    display : inline-block;
}
#search-v2-input-mobile::placeholder {
    color : lightgrey;
}

#search-v2-submit-mobile {
    display : inline-block;
    width : 20%;
    border : 0;
    background-color : black;
    color : white;
    margin : 0;
    padding : 0;
    height : 80px;
    float : right;
}

#search-v2-input-mobile:focus {
    background-color : white;
}


#search-v2-input {
    transition : 0.4s;
    border : none;
    font-size : 1rem;
    border-bottom : 0 solid #16839B;
}

#search-v2-input:focus {
    transition : 0.4s;
    border-bottom : 5px solid #16839B;
}

#search-v2-input::placeholder {
    font-weight : 800;
}

#search-submit-v2 {
    background-color : white;
    border : none;
    transition : 0.4s;
    padding : 0 20px;
    /*border-left : 1px black solid*/
}

.ui.menu a.item.theme-v2:hover {
    color : black !important;
}

.ui.item.theme-v2 {
    transition : 0.3s;
    background-color : blue;
    color : white;
    border-bottom : solid 0 purple;
}

.ui.item.theme-v2:hover {

    border-bottom : solid 2px purple;
    background-color : white !important;
    color : black !important;
}

.fixed-footer {
    position : fixed !important;
    position : -ms-device-fixed !important;
    bottom : 0 !important;
    width : 100% !important;
    z-index:30000 !important;
}

.tooltip-primary {
    --balloon-color: #16839B;
    --balloon-font-size: 15px;
    margin:auto;
    width : 50%;
    /*--balloon-color: linear-gradient(45deg, #98e6d3 0%, #31aadc 100%);
    --balloon-color: -webkit-linear-gradient(45deg, #98e6d3 0%, #31aadc 100%);*/
}

.sidenav-overlay {
    z-index:40000 !important;
}

@media (max-width : 1250px) {
}

.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
    background-color : #4b98b7 !important;
    color : white !important;
}

.ui.menu .ui.dropdown .menu>.item:hover {
    background-color : #4b98b7 !important;
    color : white !important;
}

.ui.secondary.menu a.item:hover i.icon {
    color : white !important;
}

#logonv:hover {
    background-color : #f2f2f2;
}
.card-columns {
    column-fill : balance;
    -moz-column-fill: balance;
}

@media (min-width: 1620px) {
    .card-columns {
        -webkit-column-count : 4;
        -moz-column-count : 4;
        column-count : 4;
    }
}
@media (max-width: 1200px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 840px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.img-filter {
    transition : 0.4s;
}

.img-filter:hover {
    filter : grayscale(1);
    -webkit-filter : grayscale(1);
}



.label-perso {
    display: block;
    color: rgba(0,0,0,.87);
    font-size: .92857143em;
    font-weight: 700;
    text-transform: none;
}

.gender-menu {
    vertical-align: middle;
}
.radio-menu-content > label {
    margin-right : 25px;
}

button.dropdown-toggle {
    background-color : initial !important;
    color : initial !important;
}


.shadowhover:hover .card-body > .card-title {
    background-color: rgba(75,152,183,0.7) !important;
}

.shadowhoverred .card-body > .card-title {
    transition : 0.3s;
}
.shadowhoverred:hover .card-body > .card-title {
    background-color: rgba(202,23,23,0.7) !important;
}

.shadowhover .extra-content > .card-title {
    background-color : rgba(0,0,0,0.7);
    border-radius : 4px;
    padding : 10px;
    font-style: italic;
}

.shadowhover:hover .extra-content > .card-title {
    background-color: rgba(75,152,183,0.7) !important;
}

.shadowhoverred .extra-content > .card-title {
    transition : 0.3s;
}
.shadowhoverred:hover .extra-content > .card-title {
    background-color: rgba(202,23,23,0.7) !important;
}

.btn-fb {
    padding:13px;
    background-color : black;
    color : white;
    transition : 0.4s;
    text-align:center;

}

.btn-fb > a {
    color : white;
}

.btn-fb:hover {
    background-color : #4267b2;
}

.big-avatar {
    width : 4em !important;
    height : 4em !important;
    border : 3px solid white;
}

.select-type-category {
    display : none;
}

.rounded-select-menu-type {
    font-size: 1.2rem !important;
    background-color: black !important;
    color: white !important;
    font-weight: initial !important;
}

.menu > ul.select-type-category {
    margin-bottom : 0;
}
/*
.menu > ul.select-type-category > li.select-item.item {
    cursor : pointer;
    text-align : center;
    transition : 0.3s;
    padding : 7px;
}
.menu > ul.select-type-category > li.select-item.item:hover {
    color : white;
    background-color : black;
}

.menu > ul.select-type-category > li.select-item.item > a {
    transition : 0.3s;
    color : black;
}
.menu > a > div.select-open {
    transition : 0.3s;
    color : black;
}

.menu > a:hover div.select-open {
    color : white;
}
.menu > ul.select-type-category > a:hover li.select-item.item {
    color : white;
}*/

.select-menu.menu > a > div.select-open {
    transition : 0.3s;
    color : black;
}

.select-menu.menu > a:hover div.select-open {
    color : white;
}

.select-menu.menu > ul > a > li.select-item.item {
    text-align : center;
    transition : 0.3s;
    padding : 7px;
    color : black;
}

.select-menu.menu > ul > a > li.select-item.item:hover {
    background-color : black;
    color : white;
}

#modal-cloth-suggest {
    width : 80%;
    margin-left : 100px;
}

#search-items {
    position: absolute;
    left: 185px;
    top: 55px;
    background-color: white;
    display : none;
}

#search-items > ul {
    max-height:240px;
    overflow-y:auto;
}

#search-items > ul > li {
    padding : 20px;
    transition : 0.3s;
    text-align:center;
}

#search-items > ul > li:hover {
    background-color : #3a3a3a;
    color : white;
}
.ui-widget.ui-widget-content {
    z-index:40000;
    max-height : 250px;
    overflow-y : scroll;
    overflow-x : hidden;
}