@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,300italic,100italic,400italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,700,400italic,700italic);
/*@import url("http://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,900");*/
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
/*font-family: 'Montserrat Condensed', sans-serif;*/
/*font-family: 'Montserrat', sans-serif;*/
@import url(font/montserrat.css);

@import url(https://fonts.googleapis.com/css?family=Lexend+Deca);


@import url(weloveiconfonts.css);

[class*="entypo-"]:before {
    font-family: 'entypo', sans-serif;
    font-size: 17px;
}

body {
    font-family: 'Montserrat', sans-serif;
    background: white !important;
    font: min-width: initial !important;
}


* {
    outline: none
}

a,
button {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

textarea {
    min-height: 100px;
    resize: vertical;
}

.radio-inline,
.checkbox-inline {
    margin: 3px;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin: 3px;
}

.form-control {
    font-weight: 300;
}

.dropdown-menu>li>a {
    font-weight: 300;
}

/* buttons */

.btn,
.btn-lg {
    font-weight: 300;
}

.btn-lg {
    font-size: 16px;
}

.btn:active {
    box-shadow: none;
}

.btn .m-r {
    margin-right: 10px;
}

.btn .m-l {
    margin-left: 10px;
}


.btn-prim,
.btn-prim:focus,
.btn-prim-o:hover {
    background: #f15e61;
    color: white;
    border: 1px solid #f15e61;
}

.btn-prim:hover,
.btn-prim-o,
.btn-prim-o:focus {  
    border-radius: 4px;
    background: none;
    color: #f15e61;
    border: 1px solid #f15e61;
}

.btn-prim-out,
.btn-prim-out:hover,
.btn-prim-out:focus {
    padding: 10px 0;
    background: none;
    color: #f15e61;
}

.btn-black,
.btn-black:focus,
.btn-black-o:hover {
    background: #000000;
    color: white;
    border: 1px solid #000000;
}

.btn-black:hover,
.btn-black-o,
.btn-black-o:focus {
    background: none;
    color: #000000;
    border: 1px solid #000000;
}

.btn-black-out,
.btn-black-out:hover,
.btn-black-out:focus {
    padding: 10px 0;
    background: none;
    color: #000000;
}

.btn-blue,
.btn-blue:focus,
.btn-blue-o:hover {
    background: #2d82d8;
    color: white;
    border: 1px solid #2d82d8;
}

.btn-blue:hover,
.btn-blue-o,
.btn-blue-o:focus {
    background: none;
    color: #2d82d8;
    border: 1px solid #2d82d8;
}

.btn-blue-out,
.btn-blue-out:hover,
.btn-blue-out:focus {
    padding: 10px 0;
    background: none;
    color: #2d82d8;
}


.btn-teal,
.btn-teal:focus,
.btn-teal-o:hover {
    background: #1ecac8;
    color: white;
    border: 1px solid #1ecac8;
}

.btn-teal:hover,
.btn-teal-o,
.btn-teal-o:focus {
    background: none;
    color: #1ecac8;
    border: 1px solid #1ecac8;
}

.btn-teal-out,
.btn-teal-out:hover,
.btn-teal-out:focus {
    padding: 10px 0;
    background: none;
    color: #1ecac8;
}

.btn-wb,
.btn-wb:focus,
.btn-wb-o:hover {
    background: #6C90EC;
    color: #FFFFFF;
    border: 1px solid #fff;
    padding: 17px;
}

.btn-wb:hover,
.btn-wb-o,
.btn-wb-o:focus {
    background: #6C90EC;
    color: #FFFFFF;
    border: 1px solid #fff;
}

.auth-actions .btn-wb {
    margin-left: 31px;
}

.btn-wb-out,
.btn-wb-out:hover,
.btn-wb-out:focus {
    padding: 10px 0;
    background: none;
    color: #2d82d8;
}

.btn-wb-h {
    background: #fff;
    color: #2d82d8;
    border: 1px solid #fff;
}

.btn-wb-h:hover,
.btn-wb-h:focus {
    background: #f9f9f9;
    color: #2d82d8;
    border: 1px solid #f9f9f9;
}

.btn-grey,
.btn-grey:focus,
.btn-grey-o:hover {
    background: #708399;
    color: white;
    border: 1px solid #708399;
}

.btn-grey:hover,
.btn-grey-o,
.btn-grey-o:focus {
    background: none;
    color: #708399;
    border: 1px solid #708399;
}

.btn-grey-out,
.btn-grey-out:hover,
.btn-grey-out:focus {
    padding: 10px 0;
    background: none;
    color: #708399;
}

.btn-pdn {
    padding-left: 45px;
    padding-right: 45px;
}

.btn-pdn-lg {
    padding-left: 80px;
    padding-right: 80px;
}

.btn-pdn-md {
    padding-left: 45px;
    padding-right: 45px;
}

.btn-pdn-sm {
    padding-left: 25px;
    padding-right: 25px;
}

.no-rd {
    border-radius: 0 !important;
}

/* end buttons */

.dev-page-title {
    padding: 15px 0;
    border-bottom: 1px solid white;
    /*margin-bottom: 25px;*/
}

.dev-page-title .dp-title {
    text-align: left;
    font-size: 18px;
    color: #22295d;
    font-weight: 400;
    margin: 0;
    line-height: 43px;
}

.dev-page-title.no-b {
    border: none;
}

.dev-page-content {
    padding: 25px 0;
}

.dev-nav-bottom {
    text-align: center;
    background: white;
    position: relative;
}

.nb-menu:first-child {

    margin: 0;
    border-top: 1px solid #eff1f4;
}

.nb-menu li {
    display: inline-block;
    padding: 0 15px;

}

.nb-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #22295d;
    padding: 15px 0;
    display: inline-block;
}

.nb-menu li .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 10;
    text-align: left;
    padding: 10px 0;
    margin: 0px 0px 0px 0px !important;
}

.nb-menu li .sub-menu .row .col-md-3:nth-child(5n) {
    clear: both;
}

.nb-menu li:hover .sub-menu {
    display: block;
}

.nb-menu li .sub-menu .subcat-title {
    color: #22295d;
    margin-bottom: 7px;
}

.nb-menu li .sub-menu .tags-menu {
    margin: 0 0 15px;
    padding: 0;

}

.nb-menu li .sub-menu .tags-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

.nb-menu li .sub-menu .tags-menu li a {
    padding: 3px 0;
    font-weight: 300;
    color: #8395a7;
    margin: 0;
}



.dev-radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dev-radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
}

.dev-radio label input[type=radio] {
    position: absolute;
    margin-left: -20px;
    line-height: normal;
}

/* modal */
.modal-header {
    border-bottom: none;
}

.modal-title {
    padding-bottom: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #212A58;

}

.modal-content {
    border-radius: 0;
}

.modal-action {
    padding: 15px 0;
}

/* end modal */

/*golbal class*/

.with-bb {
    border-bottom: 5px solid #f6f6f6;
}

.no-pdn {
    padding: 0 !important;
}

.no-pdn-left {
    padding: 0 !important;
}
.no-pdn-left-m {
    padding-left: 0 !important;
}
.no-pdn-right {
    padding-right: 0 !important;
}

.mrg-tb-sm {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mrg-b-md {
    margin-bottom: 30px;
}

.mrg-b-lg {
    margin-bottom: 60px;
}

.no-mrg {
    margin: 0 !important;
}


.tc-red {
    color: #f15e61;
}

/*end global*/

/* dev forms */
.dev-form {}

.dev-form.form-new-service .control-label {
    font-size: 14px;
    font-weight: 400;
    color: #22295d;
}

.dev-form.form-new-service .form-control {
    background: none;
    box-shadow: none;
    border-color: #c4cdd5;
    color: #4a507b;
    font-size: 14px;
    line-height: normal;
}

.dev-form.form-new-service .input-group .form-control.r-r {
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.dev-form.form-new-service .input-group .form-control.r-l {
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.dev-form.form-new-service .input-group .input-group-addon {
    background: none;
    font-size: 14px;
    color: #4a507b;
    font-weight: 300;
}

.txt-help {
    font-size: 11px;
    color: #708399;
    font-weight: 300;
}

.dev-form .form-action {
    padding: 25px 0;
    margin-top: 25px;
    border-top: 1px solid white;
}

/* / dev forms */

/* panel */

.dev-panel {
    background: white;
    margin-bottom: 15px;
}

.dev-panel .dev-panel-header {
    padding: 15px;
    /*background: #000;*/
}

.add-item-service {
    height: 55px;
    background: #FFFFFF;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete-item-service {
    position: absolute;
    color: #212A58;
    right: 29px;
    font-size: 17px;
}

.add-item-service a {
    font-family: 'Montserrat';
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #212A58;
}

.dev-panel .dev-panel-header .title {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #22295d;
    margin: 0;

}

.dev-panel .dev-panel-body {
    padding: 15px;
}

.dev-panel .dev-panel-body.pdn-md {
    padding: 25px;
}

.dev-panel .dev-panel-body .txt-last-offer {
    color: #b2b2b2;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.dev-panel .dev-panel-body .txt-loc {
    display: block;
    color: #000;
    padding: 3px 0;
    font-size: 14px;
    font-weight: 300;
}

.dev-panel .dev-panel-body .txt-loc i {
    margin-right: 10px;
    color: #dddddd;
    font-size: 20px;
    vertical-align: middle;
}

.dev-panel .dev-panel-body .b-total .b-txt {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

.dev-panel .dev-panel-body .b-total .b-nbr {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    float: right;
    text-align: right;
}

.dev-panel.panel-shadow {
    box-shadow: 4px 11px 13px rgba(62, 57, 106, 0.07);
}

.dev-panel.grey-panel {
    background: #f9fafb;
    border: 1px solid #c4cdd5;
}

/* end panel */

/* dev autocomplete */
.dev-autocomplete {
    margin-top: 10px;
}

.dev-autocomplete .dev-autocomplete-list {
    padding: 0;
    margin: 15px 0;
    list-style: none;
}

.dev-autocomplete .dev-autocomplete-list li {
    position: relative;
    padding: 7px 25px 7px 7px;
    border-bottom: 1px solid transparent;

    font-size: 14px;
    color: #22295d;
    font-weight: 300;
}

.dev-autocomplete .dev-autocomplete-list li:not(:last-child) {
    border-color: #ccc;
}

.dev-autocomplete .dev-autocomplete-list li .btn-del-lst {
    font-size: 12px;
    color: #9da1b8;
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    top: 5px;
}


.dev-autocomplete .dev-autocomplete-tags {
    padding: 15px 0;
}

.dev-autocomplete .dev-autocomplete-tags .tag {
    display: inline-block;
    position: relative;
    padding: 7px 25px 7px 7px;
    background: #dce2e7;
    font-size: 12px;
    color: #22295d;
    font-weight: 300;
    margin: 5px 5px 5px 0;
    border-radius: 5px;
}

.dev-autocomplete .dev-autocomplete-tags .tag .btn-del-tag {
    font-size: 12px;
    color: #9da1b8;
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    right: 5px;
    top: 5px;
}

.dev-autocomplete .input-group {
    position: relative;
}

.dev-autocomplete .dev-autocomplete-options {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    max-height: 260px;
    overflow-y: auto;
    padding: 15px;
    background: white;
    z-index: 3;
    list-style: none;
    border-radius: 5px;
    margin-top: 3px;
    box-shadow: 4px 11px 13px rgba(62, 57, 106, 0.07)
}

.dev-autocomplete .dev-autocomplete-options li {
    padding: 5px 10px;
    font-size: 14px;
    color: #22295d;
    font-weight: 300;
    cursor: pointer;
    border-radius: 5px;
}

.dev-autocomplete .dev-autocomplete-options li:hover {
    background: #22295d;
    color: white;
}

.dev-fav-bloc {
    display: table;
    width: 100%;
    background: white;
    margin: 15px 0;
    padding: 15px;

    color: black;
    border-radius: 4px;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    transition: all 0.2s ease-in-out;
}

.dev-fav-bloc .b-img {
    display: table-cell;
    vertical-align: middle;
    width: 70px;
    text-align: center;
}

.dev-fav-bloc .b-img .avatar {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #DCE1E9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dev-fav-bloc .b-content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
}

.dev-fav-bloc .b-content .b-name {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px 0;
    color: #20285e;
}

.dev-fav-bloc .b-content a {
    font-size: 13px;
    font-weight: 400;
    color: rgba(52, 40, 104, 0.5);
}

.dev-fav-bloc:hover {
    @include transform(translateY(-5px) translateZ(0));
    box-shadow: 0 16px 32px 0 rgba(62, 57, 107, 0.28), 0 0 0 transparent;
}

/* / dev autocomplete */

.dev-hierarchy {
    padding: 0;
    list-style: none;
    display: block;
    margin: 15px 0 5px 0;
}

.dev-hierarchy li {
    display: inline-block;
}

.dev-hierarchy li a {
    display: block;
    font-size: 12px;
    color: #b3b2b2;
    padding: 7px 0;
    font-weight: 400;
}

.dev-hierarchy li a:before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b3b2b2;
    margin: 0 10px;
}

.dev-hierarchy li:first-child a:before {
    display: none;
}
#searchTextField{
    text-transform: capitalize;
}

.dev-hierarchy li:last-child a {
    color: black;
}

.dev-page-header {
    margin-bottom: 20px;
}

.dev-page-header .d-title {
    font-size: 24px;
    margin: 0;
    color: #333333;
    font-weight: 300;
}

.dev-rub {
    background: white;
    padding: 25px 0;
    border-bottom: 1px solid #e7e7e7;
}

.dev-rub .rub-title {
    font-size: 24px;
    font-weight: 300;
    color: #333333;
    margin: 0;
    padding: 0;
}

.dev-sub-menu {
    padding: 15px 0;
    background: #d6e1ec;
    display: none;
}

#swipebox-overlay {
    background: rgba(0, 0, 0, 0.8);
}

.dev-sub-menu ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}

.dev-sub-menu ul li {
    display: inline-block;
    padding: 5px 15px 5px 0;
}

.dev-sub-menu ul li a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    color: #22295d;
}

.dev-sub-menu ul li.active a {
    color: #f15e61;
}

.dev-dash-stat {
    margin-bottom: 15px;
}


.dev-dash-stat .stat-top {
    padding: 15px;
    background: white;
    color: #090909;
    border-radius: 5px 5px 0 0;
}

.dev-dash-stat .stat-top .stat-title {
    font-size: 18px;
    font-weight: 400;
}

.dev-dash-stat .stat-top .stat-days {
    display: block;
    padding: 15px 0;
    font-size: 30px;
}

.dev-dash-stat .stat-top .stat-days small {
    font-size: 12px;
    vertical-align: text-bottom;
}

.dev-dash-stat .stat-bottom {
    padding: 15px;
    background: #22295d;
    color: white;
    border-radius: 0 0 5px 5px;
}

.dev-dash-stat .stat-bottom .stat-months {
    display: block;
    font-size: 30px;
}

.dev-dash-stat .stat-bottom .stat-months small {
    font-size: 12px;
    vertical-align: text-bottom;
}


.dev-bloc-srv {
    padding: 25px 45px 10px 45px;
    background: white;
    border-bottom: 2px solid transparent;
    margin-bottom: 25px;
}

.dev-bloc-srv.En-attente {
    border-bottom: 2px solid #f1c40f;
}

.dev-bloc-srv .srv-title {
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: 400;
    color: #22295d;
}

.dev-bloc-srv .srv-info {
    padding: 7px 0;
}

.dev-bloc-srv .srv-info .srv-time {
    display: inline-block;
    margin-right: 15px;
    color: #22295d;
    font-weight: 400;
}

.dev-bloc-srv .srv-info .srv-price {
    display: inline-block;
    margin-right: 15px;
    font-weight: 400;
}

.dev-bloc-srv .srv-info .srv-price .old-price {
    color: #7f7f7f;
    margin-right: 10px;
    position: relative;
    font-weight: 400;
}

.dev-bloc-srv .srv-info .srv-price .old-price:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
}

.dev-bloc-srv .srv-info .srv-time i,
.dev-bloc-srv .srv-info .srv-price i {
    margin-right: 10px;
    color: #f15e61;
}

.dev-bloc-srv .srv-promo {
    padding: 7px 0;
    color: #01a3a4;
    font-size: 12px;
}

.dev-bloc-srv .srv-promo>i {
    display: inline-block;
    padding: 3px;
    background: #01a3a4;
    color: white;
    margin-right: 5px;
    border-radius: 3px;
}

.dev-bloc-srv .srv-action {
    border-top: 1px solid #f6f6f6;
    padding: 7px 0 0 0;
    margin-top: 15px;
}

.dev-bloc-srv .srv-action .btn {
    margin-left: 5px;
}

.dev-bloc-srv .srv-action .dev-btn-toggler {
    margin-top: 7px;
}

.dev-bloc-srv:hover {
    border-color: #f15e61;
}

.dev-btn-toggler {
    display: inline-block;
    min-width: 60px;
    min-height: 30px;
    position: relative;
    background: #d0d6e2;
    border-radius: 25px;
    font-size: 0;
    cursor: pointer;

    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.dev-btn-toggler:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: white;
}

.dev-btn-toggler>* {
    display: none;
}

.dev-btn-toggler.activer {
    background: #2ecc71;
}

.dev-btn-toggler.activer:before {
    left: auto;
    right: 5px;
}


.dev-chart-block {
    font-family: "Montserrat";
    background: white;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 15px;
}

.b-header {
    padding: 15px;
    background: #22295d;
    font-weight: 400;
    color: white;
    border-radius: 5px 5px 0 0;
}

.b-body {
    padding: 15px;
    border-radius: 0 0 5px 5px;
}

.b-body .b-info {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid black;
    font-weight: 300;
}

.b-body .b-info>div {
    padding: 5px 0;
}

.b-body .b-info .b-info-h {
    font-weight: 400;
}

.dev-sep {
    border-bottom: 1px solid #f6f6f6;
    margin: 15px 0;
}

.dev-sep-lg {
    border-bottom: 5px solid #f6f6f6;
    margin: 15px 0;
}

.dev-block-search {
    background: white;
    padding: 15px;
    border-radius: 7px;
    border-top: 2px solid #f15e61;
    /*transform: translateY(-90px);*/
}

.dev-block-search .block-search-header {
    padding: 15px;
    background: #fff;
    color: #8395a7;
}

.dev-block-search .block-search-header p {
    font-size: 16px;
    margin: 0;
    color: #8395a7;
}

.item-filter .btn-clr {
    padding: 0;
    background: none;
    border: none;
    color: #6C90EC;
    font-weight: 300;
    cursor: pointer;
}

.all-filter-data .active button {
    background: #6C90EC !important;
    color: #FFFFFF !important;
}

.all-filter-data .item-filter button {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #D7D7D7;
    background: rgba(231, 231, 231, 0.5);
    border-radius: 4px;
}

.dev-block-search .block-search-body .checkbox_2 label {
    font-size: 12px;
    font-weight: 400;
}
.pt-10{
  padding-top:10px;
}
.dev-block-search .block-search-body .checkbox_2 label:before {
    background: white;
    border-color: #e1e6ea;
}

.dev-block-search .block-search-body .input-group .form-control {
    box-shadow: none;
    border-radius: 5px 0 0 5px;
    border-right: none;
    border-color: #c4cdd5;
}

.dev-block-search .block-search-body .input-group.input-group-lg .form-control {
    font-size: 14px;
}

.dev-block-search .block-search-body .input-group .input-group-addon {
    border-radius: 0 5px 5px 0;
    background: none;
    border-color: #c4cdd5;
    color: #8697a9;
}

.dev-check-list-toggler,
.dev-check-list-toggler:hover,
.dev-check-list-toggler:focus,
.dev-check-list-toggler:active {
    background: none;
    color: #f15e61;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
}

.dev-sale {
    background: white;
    cursor: pointer;
    margin: 15px 0;
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px solid #C5D1F0;
    border-radius: 7px;
    box-shadow: 4px 11px 13px rgba(62, 57, 106, 0.07);

    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dev-sale .s-row {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 15px;
}

.dev-sale .actions {
    padding-left: 25px;
    padding-right: 25px;
}

.dev-sale .services {
    padding-left: 25px;
    padding-right: 25px;
}

.dev-sale .services .serv-info .serv-price .old-price:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
}

.dev-sale .services .serv-info .serv-price .old-price, .info-service-de .old-price {
    color: #7f7f7f;
    position: relative;
    font-weight: 400;
}

.dev-sale .services .serv-info .title {
    color: #22295d;
    font-size: 13px;
}

.dev-sale .services .serv-info .serv-time i,
.dev-sale .services .serv-info .serv-price i, .info-service-de .serv-time i {
    margin-right: 10px;
    color: #f15e61;
}

.dev-sale .services .serv-info .serv-time, .info-service-de .serv-time {
    display: inline-block;
    margin-right: 15px;
    color: #22295d;
    font-weight: 400;
}

.dev-sale hr {
    border-top: 1px solid #C5D1F0;
}

.dev-sale .s-row .s-col {
    display: inline-block;
    vertical-align: middle;

}

.dev-sale .s-row .s-col:first-child {
    margin-right: 20px;
}

.dev-sale .s-row .s-col:nth-child(2) {
    max-width: calc(100% - 145px);
}


.block_detail_reseration {
    padding-top: 24px;
    background: #f0f4ff !important;
}

.intro-login .sign-in {
    background: #6C90EC;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 7px 10px 7px 10px;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.intro-login .register {
    padding: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #232B5A;
}

.resa-detail .item-reservation .qty {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 47px;
    color: #212A58;
}

.total-resa-info {
    padding: 24px 18px;
}

.total-resa-info .cashback {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #212A58;
    display: flex;
    justify-content: space-between;
}

.total-resa-info .cashback.mb-2 {
    margin-bottom: 5px;
}

.total-resa-info .cashback i {
    color: #9BAFDF !important;
}

.total-resa-info .cashback-label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #212A58;
}

.total-resa-info-next .total-a-regler {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    padding-top: 23px;
    padding-left: 5px;
    color: #212A58;
    text-decoration-line: underline;
}

.total-resa-info-next .total-a-regler-value {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    padding-top: 23px;
    padding-left: 5px;
    color: #212A58;
}

.total-resa-info .cashback-value {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #212A58;
}

/*llll*/
.total-resa-info-next {
    padding: 24px 215px;
}

.total-resa-info-next .cashback {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #212A58;
    display: flex;
    justify-content: space-between;
}

.total-resa-info-next .cashback.mb-2 {
    margin-bottom: 5px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.total-resa-info-next .cashback i {
    color: #9BAFDF !important;
}

.total-resa-info-next .cashback-label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #212A58;
    padding: 5px;
}

.total-resa-info-next .cashback-value {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #212A58;
}

.block-panier .action-button {
    padding: 25px;
}

.block-panier .action-button button {
    position: absolute;
    top: 71px;
    right: 0px;
    background: #DE6866;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 47px 12px 47px;
}

.total-resa-info .total-price {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    color: #212A58;
}

.total-resa-info .total-price-cachback {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    margin-left: 19px;
    color: #212A58;
}

.resa-detail .item-reservation .price {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 47px;
    color: #232B5A;
    position: absolute;
    right: 39px;
    top: 13px;
}

.resa-detail .item-reservation .serv-promo {
    color: #01a3a4;
    font-size: 12px;
    display: block;
    position: absolute;
    padding-top: 11px;
    left: 217px
}

.resa-detail .item-reservation {
    border-top: 1px solid #C5D1F0;
    border-bottom: 1px solid #C5D1F0;
    padding-top: 16px;
    min-height: 128px;
}

.resa-detail .item-reservation .delete-service {
    padding: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 16px;
    color: #C4C4C4;
    position: absolute;
    right: 9px;
    top: 17px;
}

.block-panier .resa-detail {
    background: #FFFFFF;
}

.block-panier .resa-detail h3 {
    text-align: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #333333;
}

.dev-sale:hover {
    border-color: #f15e61;
    box-shadow: 11px 11px 13px rgba(62, 57, 106, 0.25);
}

.dev-sale .sale-auth {
    text-align: left;
}

.dev-sale .sale-auth .dev-img {}

.dev-sale .sale-auth .dev-img img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #f2f2f2;
}

.dev-sale .sale-info .sale-title {
    font-size: 19px;
    color: black;
    margin: 0 0 5px 0;
    font-weight: 300;
    /*text-transform: uppercase;*/
}

.dev-sale .sale-info .sale-title .rate {
    display: inline-block;
    font-size: 16px;
}

.dev-sale .sale-info .sale-title .rate i {
    color: #f1c927;
}

.dev-sale .sale-info .sale-loc {
    display: block;
    padding: 1px 0;
    color: #8395a7;
    font-weight: 300;
}

.dev-sale .sale-info .sale-loc-etoile {
    display: block;
    padding: 1px 0;
    color: #232B5A;
    font-weight: 300;
}

.dev-sale .sale-info .sale-loc i {
    width: 25px;
    font-size: 17px;
}

.dev-sale .sale-info .sale-loc-etoile i {
    margin-right: 7px;
    font-size: 20px;
}

.dev-sale .sale-info .sale-desc {
    color: #22295d;
    font-size: 14px;
    font-weight: 300;
    margin: 10px 0 15px 0;
    line-height: 22px;
    word-break: break-word;

}

.description-talent {
    padding-left: 25px;
    padding-right: 25px;
}

.detail-marker {
    width: 200px;
    height: 200px;
}
.leaflet-popup-content {
    margin: -3px -2px;
    line-height: 1.4;
}

.gm-style-iw {
    width: 150px !important;
}

.gm-style-iw-d {
    overflow: auto !important;
}

.gm-style {
    font: 400 9px Montserrat, sans-serif !important
}

.gm-style .gm-style-iw-c {
    padding: 0px !important;
    border-radius: 2px !important;
}

.detail-marker .title {
    color: #222B5A;
    font-weight: 400;
    padding-top: 6px;
    font-size: 9px;
    line-height: 13px;
    text-transform: uppercase;
    display: block;
}

.detail-marker .etoile {
    color: #FCC538;
    font-size: 15px;
    display: block;
}

.detail-marker .etoile i {
    padding-right: 2px;
}

.detail-marker .infowindow {
    padding-left: 10px;
}

.detail-marker .image {
    width: 200px;
    height: 150px;
    position: relative;
}

.description-talent .sale-desc {
    color: #22295d;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    word-break: break-word;

}

.result-action {
    padding: 15px 0;
}

.dev-form-search-filters {
    background: white;
}

.item-filter .dropdown-menu {
    margin-top: 14px;
}

.item-filter label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #232B5A;
}

.dev-form-search-filters .f-row {
    display: table;
    width: 100%;
    border: 1px solid #C5D1F0;
}

.dev-form-search-filters .f-row .f-col {
    display: table-cell;
    vertical-align: middle;
}

.dev-form-search-filters .f-row .f-col:first-child {
    width: 150px;
    padding-left: 20px;
}

.dev-form-search-filters .f-row .f-col:nth-child(2) {
    text-align: right;
}

.dev-form-search-filters .f-row .f-col:last-child {
    width: 215px;
    border-left: 1px solid #ccc;
}

.dev-form-search-filters .f-nbr {
    color: #090909;
}

.dev-form-search-filters .f-nbr b {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
}

.dev-form-search-filters .f-nbr span {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    max-width: 60px;
    line-height: 12px;
}

.dev-form-search-filters .control-label {
    font-weight: 400;
    font-size: 13px;
    margin: 0;
    color: #b3b3b3;
    padding: 0 25px;
    /*text-transform: uppercase;*/
}

.dev-form-search-filters .form-control {
    box-shadow: none;
    border: 1px solid transparent;
    color: #20285e;
    background: white;
    border-radius: 0;
}

.dev-form-search-filters-2 .form-control {
    border: 1px solid #ccc;
    color: #20285e;
    background: white;
    border-radius: 7px;
}
.alert-danger-stripe{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF !important;
    background: #DE6866;
    border-color: #DE6866;
    border-radius: 0px;
}
#alert-confirmation-add-panier .continuer-achat {
    padding: 10px 17px 10px 17px;
    background: #DE6866;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #FFFFFF;
}

#alert-confirmation-add-panier .commander-btn {
    padding: 10px 17px 10px 17px;
    background: #DE6866;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.dev-form-search-filters .form-control.input-lg {
    line-height: normal;
    font-size: 14px;
    height: 55px;
}

.dev-form-search-filters .form-control.input-lg:focus {
    border: none;
}

.dev-select {
    position: relative;
}

.dev-select:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 12px;
    height: 8px;
    width: 8px;
    border: solid #9BAFDF;
    border-width: 0px 2px 2px 0;
    margin-top: -6px;
    transform: rotate(45deg);
}

#result-map {
    width: 100%;
    height: 530px;
}


.dev-services .form-control {
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d1d7de;
    color: black;


}

.teamService select {
    border-radius: 5px;
    padding: 10px 5px 10px 30px;
    height: inherit;
    appearance: menulist;
    -webkit-appearance: menulist;
    height: 45px;
    position: relative;
}


.dev-services .input-group .form-control {
    border-radius: 0;
    border-left: none;
    border-color: #000;
    color: #adadad;
}

.dev-services .input-group .form-control:focus {
    color: black;
}

.dev-services .input-group .input-group-addon {
    border-radius: 0;
    background: none;
    border-color: #000;
    color: #adadad;
}

.dev-services-list {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dev-services-list .dev-s-item {
    display: table;
    width: 100%;
    padding: 8px;
    text-align: left;
    position: relative;
    color: #f15d61;
    border-radius: 5px;
}

.dev-services-list .dev-s-item>.s-col {
    display: table-cell;
    vertical-align: middle;
}

.dev-services-list .dev-s-item>.s-col:nth-child(1) {
    width: 30px;
}

.dev-services-list .dev-s-item>.s-col:nth-child(3) {
    width: 25px;
}

.dev-services-list .dev-s-item.s-black {
    border-color: #000;
    color: #000;
}

.dev-services-list .dev-s-item.s-blue {
    border: 1px solid #22295d;
    color: #22295d;
}

.dev-services-list .dev-s-item .s-btn-close {
    background: #f15d61;
    color: #fff;
    border: none;
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
}

.dev-services-list .dev-s-item .s-title {
    display: block;
    font-size: 15px;
    font-weight: 300;
    /*text-transform: uppercase;*/
}

.dev-services-list .dev-s-item .s-txt {
    display: block;
    font-size: 12px;
    font-weight: 300;
    /*text-transform: uppercase;*/
}

.dev-talent-left h2 {
    font-size: 15px;
    color: #22295d;
    font-weight: 500;
    /*text-transform: uppercase;*/
    margin: 25px 0;
}

.map-hero {
    /* width: 100%;
    height: 350px;
    background: #22295d;
    position: relative;*/
    background-color: #FFFFFF;
}




.dev-auth-hero-container {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.dev-auth-hero {
    padding: 15px 0;
    display: table;
}


.dev-auth-hero .auth-img {
    display: table-cell;
    vertical-align: top;
    width: 115px;
}

.dev-auth-hero .auth-img-confirmation {
    display: table-cell;
    vertical-align: top;
    width: 79px;
}

.dev-auth-hero .auth-img-confirmation img {
    display: inline-block;
    border-radius: 50%;
}

.dev-auth-hero .auth-img img {
    display: inline-block;
    border-radius: 50%;
}

.dev-auth-hero .auth-info {
    display: table-cell;
    vertical-align: top;
}

.auth-actions {
    padding-top: 16px;
}

.auth-actions li {
    display: inline-block;
}

.images-pro {
    background-color: #FFFFFF;
    padding-bottom: 30px;
}

.images-pro .solo {
    width: 100%;
    height: 350px;
    border-radius: 10px 0px 0px 10px;
}

.images-pro .one {
    width: 100%;
    height: 170px;

}

.images-pro .two {
    width: 100%;
    height: 170px;
    border-radius: 0px 10px;

}

.images-pro .gallery_product {
    padding-left: 0px;
}

.images-pro .three {
    width: 100%;
    height: 170px;
    margin-top: 10px;
}

.see-all-picture i {
    font-size: 12px;
    padding-left: 12px;
    padding-right: 10px;

}

.see-all-picture {
    position: absolute;
    text-decoration: none !important;
    color: #232B5A !important;
    width: 100px;
    height: 30px;
    top: 131px;
    right: 25px;
    background: #FFFFFF;
    border: 1px solid #212A58;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    display: flex;
    align-items: center;
}

.images-pro .four {
    width: 100%;
    height: 170px;
    border-radius: 0px 0px 10px 0px;
    margin-top: 10px;
}

.favoris_icon {
    width: 35px;
    height: 35px;
    border-radius: 17.5px;
    border: 1px solid #232B5A;
    margin-right: 15px;
}

.favoris_icon i {
    font-size: 15px;
    padding-top: 9px;
    color: #232B5A;
    font-weight: 800;
}

.dev-auth-hero .auth-title {
    font-size: 14px;
    color: #212A58;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.dev-auth-hero .auth-etoile {
    color: #FCC538;
}

.dev-auth-hero .auth-etoile {
    color: #FCC538;
}

.auth-etoile-comment {
    color: #A0ADB8;
}

.dev-auth-hero .auth-etoile-number {
    padding-left: 3px;
    color: #232B5A;
}

.dev-auth-hero .auth-title .rate {
    display: inline-block;
    color: #f1c927;
    font-size: 18px;
    vertical-align: middle;
}

.dev-auth-hero .auth-loc {
    display: block;
    font-size: 11px;
    color: #232B5A;
    font-weight: 300;
    padding: 5px 0;
}

.dev-auth-hero .auth-loc i {
    margin-right: 5px;
}

.dev-auth-hero .auth-loc i.fa-map-marker {
    margin-right: 11px;
}

.my-address .auth-loc i.fa-map-marker {
    margin-right: 11px;
}

.my-address .auth-loc {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 17px;
    text-decoration-line: underline;
    color: #212A58;
}

.dev-auth-hero .auth-action {
    margin-top: 15px;
}

#map-loc {
    width: 100%;
    height: 260px;
}

.dev-counter-input {
    display: table;
    border: 0;
    overflow: hidden;
}

.item-reservation .info-detail-service .dev-counter-input {
    position: absolute;
    padding-top: 1px;
}

.dev-counter-input span,
.teamService .titteam {
    font-size: 12px;
    font-weight: 300;
    line-height: 34px;
    margin-right: 7px;
}

.dev-counter-input>div {
    display: table-cell;
    vertical-align: middle;
}

.dev-counter-input input {
    display: inline-block;
    width: 30px;
    height: 34px;
    border: none;
    text-align: center;

}

.dev-counter-input button {
    background: #d1d7de;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 0;

}

.dev-counter-input input::-webkit-outer-spin-button,
.dev-counter-input input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

.dev-serv .row {
    margin-bottom: 0 !important;
}

.dev-serv {
    background: white;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #C5D1F0;
    /*  border-bottom: 2px solid transparent;*/
    color: #22295d;
    border-radius: 7px;
}

.dev-serv .all-info {
    padding-left: 37px;
}

.dev-serv .button-service {
    background: #FFFFFF;
    border: 1px solid #F05D61;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    padding: 5px 37px 5px 37px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #F05D61;
    cursor: pointer;
}

.dev-serv .serv-stat {}

.dev-serv .serv-stat input {
    visibility: hidden;
    display: none;
}
.dev-serv .disabled-button input {
    visibility: hidden;
    display: none;
}
.dev-serv .disabled-button input {
      cursor: not-allowed; /* Set cursor to not-allowed to indicate it's disabled */
     opacity: 0.5; 
}
.disabled-item-talent{
      cursor: not-allowed; /* Set cursor to not-allowed to indicate it's disabled */
     opacity: 0.5; 
}
.newsletter-no-pro{
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    padding: 10px 10px 33px 28px;
}
.newsletter-no-pro h2{
    color: #000;
    font-family: Montserrat;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.cover-top-similaire{
    width: 100%;
    height: 354px !important;
border-radius: 30px;

}
.newsletter-no-pro .fieldInput {
    display: block;
    /* margin: 70px auto; */
    width: 100%;
    height: 70px;
    position: relative;
    /* box-shadow: 0 4px 20px 0 rgba(0,0,0,0.09); */
    /* border-radius: 35px; */
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #D9D9D9;

  }
 .newsletter-no-pro  .form-input {
    width: 70%;
    background: none;
    border: none;
    padding: 16px 19px;
    color: #7E7E7E;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36.5px; /* 228.125% */
  }
.newsletter-no-pro .detail{
    padding-top:26px;
}
.proprietaire-etablissement{
    padding-top:20px;
}
.proprietaire-etablissement h2{
    color: #000;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 41px; 
}
.proprietaire-etablissement  li{
        color: #000;
    font-family: Montserrat;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.proprietaire-etablissement .rejoignez-nous{
        border-radius: 30px;
    border: 1px solid #F15E61;
    background: #EC6D62;
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    padding: 10px 27px;
    line-height: 36.5px;
    margin-top: 23px;
}
.proprietaire-etablissement .line-pro{
    position: absolute;
    top: 96px;
}
.proprietaire-etablissement  ul{
    list-style: none; /* Remove bullets */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}
.thumbnails{
    list-style: none; /* Remove bullets */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}
.proprietaire-etablissement .title{
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 41px;
}
.newsletter-no-pro .detail img  {
    position: absolute;
    top: 65px;
    left: 129px;
  }
.newsletter-no-pro .detail  i{
  font-size: 24px;
}
.newsletter-no-pro .form-submit {
    border: none;
    color: #FFF;
    border-radius: 10px;
    background: #407BFF;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 60px;
    height: 60px;
    cursor: pointer;
  }


.newsletter-no-pro p{
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 31px;
}
.dev-serv:hover,
.dev-serv.active {
    border-color: #f15e61;
}

.dev-serv:hover .serv-stat {
    border-color: #f15e61;
}

/*.dev-serv.active .serv-stat {
    color: #FFFFFF;
    background: #6C90EC;
    border-color:#6C90EC;
}*/
.dev-serv .service-info-price .active {
    color: #FFFFFF;
    background: #6C90EC;
    border-color: #6C90EC;
}

.accordin hr {
    border: 0;
    border-top: 1px solid #C5D1F0;
    margin-bottom: 25px;
}

/*.dev-serv.active .serv-stat:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: white;
}*/
.dev-serv .serv-title:first-letter {
    text-transform: capitalize
}

.action-date {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.action-date .contenu {
    background: #FFFFFF;
    padding: 15px;
    border: 1px solid #C5D1F0;
    box-shadow: 0px -1px 10px 0px #C4C4C44D;
    border-radius: 7px 8px 0px 0px;
}

.action-date .contenu span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 59px;
    color: #21285E;
    padding-left: 41px;
    padding-top: 17px;

}
   #mySidebar::-webkit-scrollbar {
          height: 5px;              /* height of horizontal scrollbar ← You're missing this */
          width: 4px;               /* width of vertical scrollbar */
          border: 1px solid #232B5A;

        background: #232B5A;
        box-shadow: 1px 1px 2px rgba(196, 196, 196, 0.3);
        border-radius: 9px;
        }
    #mySidebar::-webkit-scrollbar {
  height: 5px;              /* height of horizontal scrollbar ← You're missing this */
  width: 8px;               /* width of vertical scrollbar */
  border: 1px solid #232B5A;

background: #232B5A;
box-shadow: 1px 1px 2px rgba(196, 196, 196, 0.3);
border-radius: 9px;
}
#mySidebar::-webkit-scrollbar-track {
  border-radius: 0;
  background: #FFFFFF;
}

#mySidebar::-webkit-scrollbar-thumb {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #232B5A;

background: #232B5A;
box-shadow: 1px 1px 2px rgba(196, 196, 196, 0.3);
border-radius: 9px;

}

.action-date .contenu button {
    padding: 17px 30px 16px 30px;
    background: #DE6866;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.dev-serv .serv-title {
    margin: 0px 0 7px 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
    font-family: 'Montserrat';
    font-style: normal;
    color: #212A58;
    text-transform: lowercase;
}

.dev-serv .serv-info {
    text-align: left;
}

.dev-serv .serv-price .current-price {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 34px;
    color: #232B5A;
    padding-right: 24px;
}

.dev-serv .serv-info .serv-time {
    display: inline-block;
    margin-right: 15px;
    color: #22295d;
    font-weight: 400;
}

.dev-serv .serv-info .serv-price {
    display: inline-block;
    margin-right: 15px;
    font-weight: 400;
}

.dev-serv .serv-info .serv-price .old-price {
    color: #7f7f7f;
    margin-right: 10px;
    position: relative;
    font-weight: 400;
}

.dev-serv .serv-info .serv-price .old-price:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
}

.dev-serv .serv-info .serv-time i,
.dev-serv .serv-info .serv-price i {
    margin-right: 10px;
    color: #f15e61;
}

.all-info .serv-promo {
    color: #01a3a4;
    font-size: 12px;
}

.service-info-price .serv-promo {
    color: #01a3a4;
    font-size: 12px;
    /* text-align: left;*/
    padding-top: 6px;
}

.accordin .service-sous-item {
    padding-bottom: 44px;
}

.show-menu-service i {
    width: 1.25em;
    font-size: 20px;
    color: #222B5A;
    -webkit-text-stroke: 2px white;
}

a[class=collapsed] .fa-chevron-up {
    cursor: pointer;
    transform: rotate(180deg);
    transition: transform 0.2s ease-out 0s;
}

.dev-serv .serv-info .serv-promo>i, .dev-serv .service-info-price .serv-promo>i, .info-detail-service .serv-promo>i, .all-info .serv-promo>i {
    display: inline-block;
    padding: 3px;
    background: #01a3a4;
    color: white;
    margin-right: 5px;
    border-radius: 3px;
}


.dev-serv .serv-info .dropdown {
    display: inline-block;
}

.dev-serv .serv-info .dropdown>.btn {
    background: none;
    box-shadow: none;
    font-weight: 400;
}

.dev-serv .serv-info .dropdown.open>.btn {
    border-color: #ccc;
}

.dev-serv .serv-info .dropdown>.btn i {
    margin-right: 5px;
    color: #f15e61;
}

.dev-serv .serv-actions {
    text-align: left;
}

.dev-serv .serv-actions .dv-inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.dev-serv .serv-actions .input-group {
    max-width: 200px;
}

.dev-serv .serv-actions .input-group .input-group-addon {
    background: none;
    border-color: #f15e61;
    color: #f15e61;
}

.dev-serv .serv-actions .input-group .form-control {
    background: none;
    color: #f15e61;
    border-color: #f15e61;
    border-left: none;

    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -o-appearance: menulist;
    appearance: menulist;
}

.dev-serv .serv-desc {
    display: inline-block;
    margin-top: 10px;
    font-size: 11px;
    text-decoration: none;
    color: #22295d;
}

.dev-other-sale {
    background: white;
    padding: 25px;
    margin-bottom: 25px;
    border: 1px solid transparent;
}

.dev-other-sale:hover {
    border-color: #f15e61;
}

.dev-other-sale .row {
    margin-bottom: 0 !important;
}

.dev-other-sale .other-s-img {
    text-align: center;
}

.dev-other-sale .other-s-img img {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.dev-other-sale .other-s-info {
    text-align: left;
}

.dev-other-sale .other-s-info .other-s-title {
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dev-other-sale .other-s-info .rate {
    margin-bottom: 10px;
}

.dev-other-sale .other-s-info .rate i {
    color: #f15e61;
}

.dev-other-sale .other-s-info .other-s-loc {
    display: block;
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 300;
}

.dev-other-sale .other-s-info .other-s-loc i {
    margin-right: 11px;
}

.dev-modal-serv {
    padding: 15px 0;
    max-height: 450px;
    overflow-y: auto;
    background: #f6f6f6;
}

.dev-scrollbar::-webkit-scrollbar {
    width: 5px;
}

.dev-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.dev-scrollbar::-webkit-scrollbar-thumb {
    background-color: #f15e61;
    outline: 1px solid #f15e61;
}

.dev-history-list {
    padding: 25px 0 25px 20px;
    margin-bottom: 25px;
    border-bottom: 5px solid #f6f6f6;
    max-height: 450px;
    overflow-y: auto;
}

.dev-history-list .row {
    margin-bottom: 0 !important;
}

.dev-history-item {
    position: relative;
    padding: 0 0 25px 30px;
}

.dev-history-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #e3e3e3;
    height: 100%;
}

.dev-history-item:after {
    content: '';
    position: absolute;
    left: -15px;
    top: -9px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #c6c2c2;
}

.dev-history-item:last-child:before {
    display: none;
}

.dev-history-item:first-child:after {
    background: #e2b644;
}


.dev-history-item .his-item-header {
    text-align: left;
    padding-bottom: 25px;
}

.dev-history-item .his-item-header .his-title {
    font-size: 14px;
}

.dev-history-item:first-child .his-item-header .his-title {
    color: #e2b644;
}

.dev-history-item .his-item-info {
    text-align: left;
}

.dev-history-item .his-item-info .his-info-txt {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    color: #000;
    font-weight: 300;
}

.dev-history-item .his-item-info .his-info-txt i {
    font-size: 28px;
    vertical-align: middle;
    color: #dddddd;
    margin-right: 10px;
}

.dev-cat-item {
    margin: 15px 0;
    display: inline-block;
    width: 290px;
    height: 290px;
    border-radius: 50%;
    overflow: hidden;
    background: #20285e;
    text-align: center;

}

.cat-page .dev-cat-item {

    width: 150px;
    height: 150px;
}


.dev-cat-item .cat-wrap {
    display: table;
    width: 100%;
    height: 100%;
    background: rgba(32, 40, 94, 0.55);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dev-cat-item .cat-wrap .cat-content {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 10px;
}

.dev-cat-item .cat-wrap .cat-content .cat-name {
    color: white;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

.cat-page .dev-cat-item .cat-wrap .cat-content .cat-name {
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
}

.dev-cat-item .cat-wrap .cat-content .cat-name>i {
    font-size: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dev-cat-item:hover .cat-wrap {
    background: rgba(32, 40, 94, 0.85);
}

.dev-cat-item:hover .cat-wrap .cat-content .cat-name {
    color: #f15e61;
}

.dev-cat-item:hover .cat-wrap .cat-content .cat-name>i {
    margin-left: 5px;
    font-size: 16px;
}

.cat-page .dev-cat-item:hover .cat-wrap .cat-content .cat-name>i {
    margin-left: 5px;
    font-size: 14px;
}

/* calendar */

#calendar {
    margin: 8px 0;
}

.fc-toolbar.fc-header-toolbar .fc-button {
    background: none;
    box-shadow: none;
    text-shadow: none;
    border-color: #000000;
    border-radius: 0;
}

.fc-toolbar .fc-right .fc-button {
    padding: 0px 20px;
}

.fc-toolbar.fc-header-toolbar .fc-button.fc-state-active,
.fc-toolbar.fc-header-toolbar .fc-button.ui-state-active {
    background: #FFF;
    color: #266fdb;
}

.fc-toolbar .fc-center * {
    font-size: 16px;
    font-weight: 400;
    margin-top: 7px;
}



.fc-day-header {
    color: #6C90EC !important;
    font-weight: 400;
    text-transform: uppercase;
}

.fc th {
    font-weight: 400;
    padding: 5px 0;
    border: none;
}

.fc th a,
.fc th a:hover {
    color: #000000;
}

.fc td.fc-head-container {
    border: none;
}

.fc-event-container {
    cursor: pointer;
}

.fc .fc-row.fc-widget-header {
    border: none !important;
}


/* end calendar */

/* ----------- */


.nav-top {
    /*padding-bottom: 10px;*/
    position: relative;
    background-color: #fff;
    margin: 0;
}

.nav-top .navbar-brand {
    height: auto;
}

.navbar-toggle {
    margin-top: 17px;
}

.nav-top .navbar-brand img {
   /* width: 120px;*/
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background: none !important;
    outline: none
}

.navigation {
    margin-top: 10px;
}

.navigation li a {
    color: #22295d;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 34px;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    /*text-transform: uppercase;*/
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.navigation li a:hover,
.navigation li.active a {
    background: none;
    color: #f15e61;
}

.navigation li {
    margin-left: 25px;
}

.navigation li.link_talent a {

    padding: 0 12px;
    background: none;
    color: #f15e61;
    border: 1px solid #f15e61;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.navigation li.link_talent a:hover,
.navigation li.link_talent a:focus {
    background: #f15e61 !important;
    color: white;

}

.navigation .dropdown-menu {
    right: 0;
    left: inherit;
    border: none;
    box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.43);
}

.navigation .dropdown-menu:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #ffffff transparent;
    right: 20px;
    bottom: 100%;
}

.navigation .dropdown-menu li a {
    color: #333 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.navigation .dropdown-menu li a:hover {
    color: #f15e61 !important;
}

.nav_conditions {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    min-height: 68px;
}

.nav_conditions .navigation li a {
    color: #333
}

.pg-conditions {
    padding-top: 40px;
    padding-bottom: 60px;
    min-height: 400px;
}

.pg-conditions h1 {
    margin-bottom: 50px;
    font-size: 36px;
    color: #333333;
    font-weight: 300;
}
.links_cd{
    padding: 31px;
    background: #FFF;
    box-shadow: 0px 0px 12px 0px rgba(197, 209, 240, 0.32);
}
.description-cgv h2{
    color: #6C90EC !important;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.description-cgv p{
    color: #808CB7;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
}
.description-cgv{
  padding-bottom:40px;
}
section .title-cgv{
    color: #212A58;
    text-align: center;
    font-family: Montserrat;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 41px;
}
.pg-conditions .links_cd a {
    color: #232B5A;
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    line-height: 33px;
}

.pg-conditions .links_cd a.active {
    color: #6C90EC !important;
}



/*crop image*/
.cropit-image-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 250px;
    height: 250px;
    cursor: move;
}

.cropit-image-background {
    opacity: .2;
    cursor: auto;
}

.image-size-label {
    margin-top: 10px;
}

/*input {
    display: block;
}*/

.export {
    margin-top: 10px;
}

.hero_home {
    min-height: 480px;
    position: relative;
    /*background: url('../img/bg_hero.jpg') center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;*/
}

.hero_home #carousel-slider-home {
    width: 100%;
    height: 100%;
    position: absolute;
}

.hero_home #carousel-slider-home .carousel-inner,
.hero_home #carousel-slider-home .carousel-inner .item {
    height: 100%;
}


.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.hero_home .text_hero {
    position: relative;
    z-index: 2;
    margin: 100px 0 15px 0;
    min-height: 150px;
}

.hero_home .text_hero .p_1,
.hero_home .text_hero .p_3 {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    text-shadow: 1px 1.7px 3px rgba(0, 0, 0, 0.28);
    font-size: 40px;
    font-weight: 500;
    line-height: 57px;
}

.hero_home .text_hero .p_2 {
    color: #f15e61;
    font-size: 48px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.dev-form-container {
    padding: 25px;
    /*background: #000;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*width: 100%;*/
}

.mapcontainer {
    position: relative
}

.mapcontainer .dev-form-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(34, 41, 93, 0.6);
    padding: 10px 0;
}

.mapcontainer .dev-form-container.no-map {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 10px 0;
}

.dev-row {
    display: table;
    width: 100%;
}

.dev-col {
    display: table-cell;
    vertical-align: top;
}

.dev-col.dev-col-80 {
    width: 80%;
}

.dev-col.dev-col-40 {
    width: 40%;
}

.dev-col.dev-col-20 {
    width: 20%;
}



.search_row form>div {
    padding: 0 5px;
    position: relative;
}

.search_row form.dev-form>div {
    padding: 0 1px;
}

.search_row input {
    width: 100%;
    border: none;
    line-height: 24px;
    padding: 0 52px;
    border-radius: 4px;
    font-weight: 300;
    font-size: 14px;
    /*margin-bottom: 10px;*/
    border: 1px solid transparent;
    height: 47px;
}

.search_row input[type="text"] {
    color: #2c3e50;
}


.hero_home.bg_recherche .search_row input[type="text"] {

    border-radius: 14px;
    border: 1px solid #2c3e50;
}

.search_row input[type="submit"] {
    color: #fff;
    background: #f15e61;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.hero_home.bg_recherche .search_row input[type="submit"] {
    border-radius: 14px;
}

.search_row input[type="submit"]:hover {
    background: #4ca77a;
}

.search_row span.icon_close,
.search_row span.ico_sort {
    color: #000;
    position: absolute;
    top: 10px;
    right: 20px;
}

.search_row .location_field input {
    border: 1px solid transparent;
}

.search_row .categorie_field input {
    border: 1px solid transparent;
}

.search_row .dev-col.location_field input {
    width: 100% !important;
}

/*.hero_home .search_row input:focus , .hero_home .search_row .location_field input:focus{
    border: 1px solid #f15e61
}*/
.field_talent input {
    padding-right: 30px !important;
}

/*.field_talent:before {
    content: '';
    background: url('../img/bg_field_talent.png') center center no-repeat;
    width: 195px;
    height: 80px;
    position: absolute;
    bottom: 120%;
    left: -70px;
}*/
.search_row .location_field span.ico_map {
    color: #e4e4e4;
    position: absolute;
    top: 12px;
    left: 26px;
    font-size: 15px;
}

.search_row .date_field span.ico_disponibilte {
    color: #e4e4e4;
    position: absolute;
    top: 14px;
    left: 26px;
    font-size: 15px;
}

.search_row .field_talent span.ico_search {
    color: #e4e4e4;
    position: absolute;
    top: 15px;
    left: 26px;
    font-size: 15px;
}

.search_row .field_talent span.ico_filter {
    color: #04246E;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    z-index: 99999;
    padding: 11px 13px;
    display: block;
}

.search_row .location_field span.ico_spin {
    color: #e4e4e4;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 15px;
    opacity: 0;
    visibility: hidden;
}

.promotion-konfian span {
    padding-top: 31px !important;
    color: #7F98D7 !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300 !important;
    font-size: 13px;
    line-height: 16px;
}

.search_row .location_field input:focus~span.ico_spin {
    visibility: visible;
    opacity: 1;
}

.search_row .drop_list {
    position: absolute;
    top: 55px;
    width: 100%;
    padding: -15px 0px !important;
    /*  -webkit-box-shadow: 0px 3px 10px -2px rgba(92, 92, 92, 0.4);
    -moz-box-shadow: 0px 3px 10px -2px rgba(92, 92, 92, 0.4);
    box-shadow: 0px 3px 10px -2px rgba(92, 92, 92, 0.4);*/
    background: #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 0px 0px 4px 4px;
}

.opened-list-search {
    border-radius: 4px 4px 4px 0px !important;
}

.search_row .drop_list ul {
    list-style: none;
    padding: 16px 14px;
    margin: 0;
}

.drop_list .separator {
    opacity: 0.2;
    border-top: 1px solid #212A58;
    margin-left: 21px;
    margin-right: 21px;
}

.drop_list #cat_list li {
    padding-left: 10px;
}

.drop_list #cat_list_fixed li,.drop_list #ville_list2 li {
    padding-left: 10px;
}

.search_row_fixed .drop_list ul li a,.search_row_fixed2 .drop_list ul li a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 30px;
    color: #333333;
    display: block;
    text-decoration: none;
    padding: 0 10px -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.search_row_fixed .drop_list ul li a:hover,.search_row_fixed2 .drop_list ul li a:hover {
    background: #e7e8e9;
}

.search_row_fixed .drop_list ul,.search_row_fixed2 .drop_list ul {
    list-style: none;
    padding: 16px 14px;
    margin: 0;
    text-align: left;
}

.search_row_fixed .drop_list,.search_row_fixed2 .drop_list {
    display: none;
    position: fixed;
    width: 200px;
    min-height: 200px;
    top: 55px;
    width: 200px;
    padding: -15px 0px !important;
    background: #FFFFFF;
    mix-blend-mode: normal;
    border-radius: 0px 0px 4px 4px;
    z-index: 1;
    overflow: auto;
}

.search_row_fixed .drop_list .listwish,.search_row_fixed2 .drop_list .listwish {
    margin: 0;
    padding: 10px 0;
}



.search_row .drop_list ul li a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 30px;
    color: #333333;
    display: block;
    text-decoration: none;
    padding: 0 10px -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.search_row .drop_list ul li a:hover {
    background: #e7e8e9;
}

.search_row .drop_list {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 1;
    overflow: auto;
}

.search_row .drop_list .listwish {
    margin: 0;
    padding: 10px 0;
}

/*.search_row .field_talent input:focus {
    border-radius: 6px 6px 0 0
}*/
.search_row input:focus~.drop_list {
    visibility: visible;
    opacity: 1;
}

.search_row .drop_list .listwish>div {
    padding: 0 10px;
}

.search_row .drop_list .listwish>div p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300px;
    color: #151d25
}

.search_row .drop_list .listwish a {
    font-size: 12px;
    color: #f15e61;
    font-weight: 500;
    text-decoration: none;
    line-height: 30px;
}

.inputs-container {
    padding: 0 7px;
}

.promotion-konfian {
    background: #F0F4FF;
    margin-bottom: 16px;
    padding-top: 31px;
    padding-bottom: 14px;
}


.button-appliquer {
    text-decoration: none;
    text-align: right;
    width: 100%;
}

.button-appliquer a {
    color: #6C90EC;
}

.filter-by-promo {
    height: auto;
    width: 319px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 25px;
}

.filter-by-promo>div {
    margin-bottom: 8px;
}

.creneau-lis {
    /*padding-top: 14px;*/
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #232B5A;
}

.item-filter {
    display: inline;
    padding-right: 14px;
}

.block_result_search .filter-by-promo .rate {
    padding-top: 13px;
}

.block_result_search .all-filter-data {
    padding-bottom: 30px;
}

.block_result_search .filter-by-promo .rate i {
    font-size: 27px;
    padding-left: 5px;
    color: #FCC538;
    vertical-align: top;
}

.select-filter {
    display: inline;
    width: 30%;
    height: 40px;
    padding: 10px;
    line-height: 23px;
    appearance: revert;
    margin-left: 9px;
    margin-right: 9px;
    border: 1px solid #C5D1F0;
    border-radius: 5px;
    color: #232B5A;
    font-size: 11px;
}

.dev-combined-input {
    display: table;
    width: 100%;
    border: 1px solid white;
    border-radius: 4px;
    /*overflow: hidden;*/
    background: white;
    padding: 7px 0px;
    box-shadow: 4px 11px 13px rgb(62 57 106 / 7%);
}


.dev-combined-input>div {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.dev-combined-input>div>.form-control,
.dev-combined-input>div>.form-control:focus {
    border-radius: 0;
    border: none;
    box-shadow: none;

    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.dev-combined-input>div>.form-control.input-lg {
    height: 24px;
}

.dev-combined-input>div:not(:first-child, :last-child) {
    border-left: 1px solid #21285b;
}

.btn-sauvgarde-and-update {
    background: #6C90EC;
    color: white !important;
    border-radius: 4px;
    margin-top: 20px;
    padding: 7px 10px;
    line-height: 17px;
    font-size: 14px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
}

.close-my-account, .close-my-account:hover {
    width: 100%;
    margin-top: 40px;
    background: #DE6866;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: white;
    border-radius: 4px;
    border: 0;
    padding-top: 11px;
    padding-bottom: 11px;
}

.btn_srch {
    padding: 0 12px;
    background: #f15e61;
    color: #fff;
    border: 1px solid #f15e61;
    /*line-height: 53px;*/
    width: 100%;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    padding: 0 20px 0 10px;
    letter-spacing: 0.6px;
    height: 47px;

    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

.btn_srch i {
    margin-right: 7px;
    font-size: 18px;
}

.location_field_2 {
    padding: 0;
    position: relative;
}

.location_field_2 span.ico_map {
    color: #e4e4e4;
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 15px;
}

.search_row .location_field span.ico_cal {
    color: #e4e4e4;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px;
}

.location_field_2 span.ico_spin {
    color: #8B8B8B;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 15px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.location_field_2 #ville_r {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 14px;
    padding: 0 25px;
    text-decoration: none;
    color: #333;
    background: #fff;
    margin-bottom: 20px;

}

.location_field_2 #ville_r:focus+span {
    visibility: visible;
    opacity: 1;
}

.location_field_2 .drop_list {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 1;
    max-height: 220px;
    overflow: auto;
    position: absolute;
    top: 39px;
    width: calc(100% - 10px);
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px -2px rgba(92, 92, 92, 0.69);
    -moz-box-shadow: 0px 3px 10px -2px rgba(92, 92, 92, 0.69);
    box-shadow: 0px 3px 10px -2px rgba(92, 92, 92, 0.69);
    border-radius: 0 0 6px 6px;
    left: 5px;
}

.location_field_2 .drop_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.drop_list ul#ville_list {
    padding: 0;
    border: none
}
.drop_list ul#ville_list2 {
    padding: 0;
    border: none
}

.drop_list ul#ville_list_insc {
    padding: 0;
    border: none
}

.location_field_2 .drop_list ul li a {
    color: #f15e61;
    font-size: 14px;
    font-weight: 300;
    display: block;
    line-height: 31px;
    text-decoration: none;
    padding: 0 10px;
}

.location_field_2 #ville_r:focus~.drop_list {
    opacity: 1;
    visibility: visible;
}

.location_field_2 #ville_wish {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid #dfdfdf;
    border-radius: 14px;
    padding: 0 25px;
    text-decoration: none;
    color: #333;
    background: #fff;
    margin-bottom: 20px;

}

.location_field_2 #ville_wish:focus+span {
    visibility: visible;
    opacity: 1;
}

.location_field_2 #ville_wish:focus~.drop_list {
    opacity: 1;
    visibility: visible;
}

.second_block {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background: white;
}

.second_block .bl_img {

    display: inline-block;
    width: 60px;
    text-align: center;
}

.second_block .bl_img img {
    display: inline-block;
}

.second_block h3 {
    font-weight: 400;
    color: #20285e;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 15px;
}

.second_block p {
    font-weight: 300;
    color: #8395a7;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
}

.second_block .bl_1 {
    background: url('../img/form_1.png') 95% top no-repeat;
}

.second_block .bl_2 {
    background: url('../img/form_2.png') 95% top no-repeat;
}

.second_block .bl_3 {
    background: url('../img/form_3.png') 95% top no-repeat;
}

section.coup_de_coeur {
    background: #F0F4FE;
    padding-bottom: 55px;
}
section.coup_de_coeur_first {
    padding-top: 33px !important;
}

section.coup_de_coeur h1 {
    color: #20285e;
    font-weight: 400;
    font-size: 30px;
    position: relative;
    /*text-transform: uppercase;*/

}

section.coup_de_coeur p {
    color: #8395a7;
    font-weight: 400;
    font-size: 14px;
}

section.coup_de_coeur .title_laune {
    margin-bottom: 60px;
}



section.liste_tag_and_cat {
    background: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 50px;

}

section.liste_tag_and_cat h4 {
    color: #22295d;
}

section.liste_tag_and_cat p {
    color: #8395a7;
    font-weight: 400;
    font-size: 14px;
}

section.liste_tag_and_cat .title_laune {
    margin-bottom: 60px;
}

/*section.coup_de_coeur h1:before {
    content: '';
    position: absolute;
    background: url('../img/bg_h1.png') center center no-repeat;
    width: 100%;
    height: 17px;
    top: 100%;
    left: 0;
    right: 0;
}*/
section.coup_de_coeur .item {
    padding: 0 7.5px;
    position: relative;
}


.row.mg_7 {
    margin: 0 -7.5px
}

section.coup_de_coeur .item .cover {
    position: relative;
    height: 240px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    border-radius: 5px;
    overflow: hidden;

}

section.coup_de_coeur .item .cover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4);
}

section.coup_de_coeur .item .cover img {
    width: 100%;
    border-radius: 50%;
}

section.coup_de_coeur .item .cover .rating {
    position: absolute;
    top: 15px;
    right: 15px;
}

section.coup_de_coeur .item .cover .rating i {
    color: #fff;
    margin-right: 1px;
    font-size: 15px;
}

section.coup_de_coeur .item .cover .rating i.active {
    color: #eec20f
}

section.coup_de_coeur .item .cover .name {
    position: relative;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.69);*/
    z-index: 3;
    padding: 0 10px;
    bottom: 10px;
}

section.coup_de_coeur .item .bot_cover {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-top: 10px;
    /* padding-bottom: 5px;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(125,231,149,0.17) 28%, rgba(54,154,203,0.62) 100%); 
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(125,231,149,0.17) 28%,rgba(54,154,203,0.62) 100%); 
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(125,231,149,0.17) 28%,rgba(54,154,203,0.62) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9e369acb',GradientType=0 );  */
}

/*section.coup_de_coeur .item .bot_cover:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 24px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 6.9px 4px;
    border-color: transparent transparent #ffffff transparent;
}*/
section.coup_de_coeur .item .bot_cover .media {
    padding: 15px 10px;
    width: 100%;
    margin-top: 5px;
    float: left;
    /*background: rgba(0,0,0,.6);*/
}

section.coup_de_coeur .item .bot_cover .media .info_name img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

section.coup_de_coeur .item .bot_cover .media-right i {
    color: #fff;
    top: 10px;
}

section.coup_de_coeur .item .bot_cover .media .info_name h3 {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    margin: 0;
}

section.coup_de_coeur .item .bot_cover .media .info_name p {
    color: #fff;
    font-size: 12px;
    margin: 0;
    font-weight: 200;
}

section.coup_de_coeur .item .bot_cover a.plus {
    background: #fff;
    color: #fff;
    text-align: center;
    width: 50px;
    line-height: 50px;
    display: block;
    float: left;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

section.coup_de_coeur .item .bot_cover a.plus:hover {
    background: #51a079
}

.owl-theme .owl-controls .owl-page {
    margin-top: 30px;
}

.owl-theme .owl-controls .owl-page.active span {
    width: 10px;
    height: 10px;
    background: #f15e61;
}

.owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    border: 2px solid #f15e61;
    background: none
}

.block_categorie {
    padding-top: 50px;
    padding-bottom: 50px;
    background: white;
}

.title_block {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #232B5A;
    padding-bottom:15px;

}
.title_block_faq {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    color: #232B5A;
    padding-bottom:44px;
}
.logo-flotant-content{
    padding-top: 20px;
    padding-bottom: 20px
}
.logo-flotant,
.logo-flotant:hover,
.logo-flotant:focus{
    color: #22295D;
    text-decoration: none;
    font-family: 'Lexend Deca';
    font-size: 30px;
    font-weight: bold;
}
.logo-flotant span{
   color: #FF5E58
}
.footer-title-bloc{
    color: #F3F6FD;
    text-transform: uppercase;
     font-size: 14px;
     opacity: 0.55;
}

.text_title p {
    font-size: 14px;
    font-weight: 400;
    font-family: "Montserrat", Arial, sans-serif;
    color: #8395a7;
    margin-bottom: 0;
}

p.txt_ou {
    color: #34495e;
    font-size: 18px;
    margin-top: 20px;
}

.pad-0 {
    padding-bottom: 0 !important;
}

.mgb50 {
    margin-bottom: 50px !important;
}

.galerie_cat {
    float: left;
    margin: 0;
    width: 100%;
}

.galerie_cat .col_items {
    width: calc((100% / 3) - 20px);
    float: left;
    margin: 0 10px;
}

.galerie_cat .col {
    display: block;
    margin: 0 0 20px 0;
    position: relative;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

.galerie_cat .col:before {
    content: "";
    display: block;
}

.galerie_cat .col_1:before {
    padding-top: 120%;
}

.galerie_cat .col_2:before {
    padding-top: 200%;
}

.galerie_cat .col_3:before {
    padding-top: 56.25%;
}

.galerie_cat .col_4:before {
    padding-top: 65%;
}

.galerie_cat .col_5:before {
    padding-top: 90%;
}

.galerie_cat .col_6:before {
    padding-top: 145%;
}

.galerie_cat .col .title_blog {
    position: absolute;
    bottom: 0;
    display: block;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    /* IE6-9 */

}

.galerie_cat .col .title_blog p.title {
    padding: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    height: 30px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -15px;

    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.galerie_cat .col:hover .title_blog p.title {
    margin-top: -60px;
}

/*.galerie_cat .col .title_blog p.desc:before {
    position: absolute;
    content: '';
    height: 2px;
    width: 20px;
    background: #000;
    top: 0;
    left: 0;
}*/
.galerie_cat .col .title_blog p.desc {
    margin-bottom: 0px;
    padding-top: 0px;
    color: #000000;
    font-size: 15px;
    position: relative;
    font-weight: 400;
    max-height: 0;
    overflow: hidden;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    /*
     -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;*/
}

.galerie_cat .col:hover .title_blog p.desc {
    max-height: 500px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.galerie_cat .col .title_blog .btn_wrap {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -20px;
    /*opacity: 0;*/

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.galerie_cat .col:hover .title_blog .btn_wrap {
    height: 40px;
}

.galerie_cat .col .title_blog .btn_wrap .btn {
    min-width: 75%;
    background: none;
    border: 1px solid white;
    padding: 7px 15px;
    color: white;
    border-radius: 2px;
}

.block_com_soon .title_blog {
    height: 100%;
    background: rgba(255, 255, 255, 0.7) !important;
}

.block_com_soon .title_blog p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.savoir_faire {
    /*background: url('../img/bg_savoir.jpg') center center no-repeat;

    -webkit-background-size: cover;
    background-size: cover;*/
    background: #f7f7f7;
    padding-top: 50px;
    padding-bottom: 30px;
}

.savoir_faire .container {
    position: relative;
}

.savoir_faire .nav_tem {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.savoir_faire .nav_tem a:hover,
.savoir_faire .nav_tem a:focus {
    box-shadow: none;
    text-decoration: none;
    outline: none
}

.savoir_faire .nav_tem .next {
    right: 0;
    position: absolute;
}

.savoir_faire .title_savoir h1 {
    font-size: 30px;
    color: #20285e;
    font-weight: 400;
    margin: 0 0 10px 0;
    /*text-transform: uppercase;*/
}

.savoir_faire .title_savoir h2 {
    font-size: 18px;
    color: #151d25;
    font-weight: normal;
}

.savoir_faire .title_savoir p {
    color: #34495e;
    font-weight: 400;
    font-size: 12px;
}

.savoir_faire .vote {
    margin-top: 30px;
}

#carousel_savoir a {
    text-decoration: none;
}


.savoir_faire .vote span {

    border-radius: 50%;
    background-color: #20285e;
    width: 70px;
    height: 70px;
    display: inline-block;
    margin: auto;
    overflow: hidden;
}

.savoir_faire .vote span em {
    font-style: normal;
    display: block;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    height: 100%;
    width: : 100%;
}

.savoir_faire .vote span em img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.savoir_faire .com_j h3 {
    font-size: 16px;
    color: #20285e;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    ;
}

.savoir_faire .com_j p {
    font-size: 14px;
    color: #8395a7;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    ;
}

.savoir_faire .tt_demande a {
    border-style: solid;
    border-width: 2px;
    border-color: #f15e61;
    background-color: rgba(255, 255, 255, 0);
    color: #f15e61;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    text-decoration: none;
    border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

.savoir_faire .tt_demande a:hover {
    background: #f15e61;
    color: #fff
}

#carousel_savoir .item a .vote span {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#carousel_savoir .item a:hover .vote span {
    background: #1c8872
}

/*page recherche*/

.header_2 {
    background: #fff;
    color: #000;
    min-height: 64px;
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);*/

}

/*.header_2 .navigation li a {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}*/
.header_2 .navigation>li a:hover {
    color: #f15e61
}

.header_2 .nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: none
}

.header_2 .avatar_header {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: #22295d;
    /*box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);*/
    position: relative;
    top: -3px;
}

.header_2 a:hover,
.header_2 a:focus {
    text-decoration: none;
}

.header_2 .avatar_header img {
    width: 100%;
    border-radius: 50%;
}

.header_2 .icon_badge span,
.header_2 .icon_search span {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #22295d;
    /*background: #f1f1f1;*/
    color: #22295d;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    font-size: 15px;
    position: relative;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*.header_2 .icon_badge span i, .header_2 .icon_search span i {
    line-height: 35px;
}*/
.header_2 .icon_badge span em {
    position: absolute;
    top: -2px;
    right: -5px;
    font-style: normal;
    background-color: #e74c3c;
    display: inline-block;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
    border-radius: 50%
}

.header_2 .icon_badge span:hover,
.header_2 .icon_search span:hover {
    color: #fff;
    background: #22295d;
}

.bg_n {
    background: none
}

.header_2.bg_n .navigation li a {
    color: #fff
}

.bg_recherche {
    background: url('../img/bg_hero_r.jpg') top center no-repeat;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    min-height: 350px;
    max-height: 400px;
    position: relative;
}

.bg_recherche .text_hero {
    top: 20px;
}

.bg_recherche .search_row {
    /*margin-top: 30px;*/
}

.bg_wishlist .search_row {
    margin-top: 20px;
}

.bg_recherche .search_row .drop_list {
    border-radius: 6px;
    width: calc(100% - 12px);
    top: 45px;
}

.bg_recherche .search_row .drop_list li:hover {
    background: #F5F5F5;
}

p.p_4 {
    font-size: 36px;
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
}

p.p_5 {
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
}

.block_sort {
    padding: 15px 0;
    border-bottom: 1px solid white;
}

.block_sort .dp-title {
    text-align: left;
    font-size: 18px;
    color: #22295d;
    font-weight: 400;
    margin: 0;
    line-height: 43px;
}

.box_shad {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.21);
}

.field_sort {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 1px solid #000;
    border-radius: 0;
    padding: 0 10px;
    text-decoration: none;
    color: #333;
    background: #fff;
}

.sort_drop a {
    text-decoration: none;
}

.sort_drop.open>.dropdown-menu {
    width: 100%;
}

.field_sort i {
    float: right;
    line-height: 40px;
}

span.title_sort {
    display: inline-block;
    line-height: 40px;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
}

.block_sort .pag_num {
    padding-top: 5px;
}

.block_sort .pag_num span {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #808CB7;
    padding: 10px 13px 10px 13px;
    cursor: pointer;

    /*width: 24px;
    height: 24px;*/
    color: #333;
    text-align: center;
    /* line-height: 24px;*/
    /*border-radius: 50%;*/
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.block_sort .pag_num span a {
    text-decoration: none;
    color: #808CB7;
    font-weight: bold;
}

.block_sort .pag_num span.active {
    background: #808CB7;
    color: #fff
}

.block_sort .pag_num span.active a {
    color: #fff
}

.block_result_search {
    padding-top: 40px;
    padding-bottom: 100px;
    background-color: #FFFFFF;
}

.block_result_search h1 {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 11px 0;
    color: #b3b3b3;
}

.block_detail_article {
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
}

.block_detail_article img {
    width: 100%;
}

.block_detail_article h1 {
    color: #f15e61;
    /*  text-transform: uppercase;*/
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 30px;
    position: relative;
}

.block_detail_article h2 {
    color: #20285e;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 30px;
    position: relative;
}

.block_detail_article p {
    font-weight: 300;
    color: #8395a7;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
}

.info_detail_cat_article {
    /*    padding-left: 119px;*/
}

.section-chat {
    border: 1px solid #C5D1F0;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.section-chat .chat-detail {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 24px;
    display: flex;
    justify-content: space-between
}

.section-chat .chat-detail .title-messagerie {
    font-size: 15px;
    font-weight: 400;
    color: #212A58;
}

@media (max-width: 640px) {
    
    .message-container {
        width: 100% !important;
        margin-right: auto;
        margin-left: auto;
    }
    .logo-flotant-content{
        padding-top:12px;
        padding-bottom:12px
    }
    .logo-flotant-content .logo-flotant-mini{
        text-align: center;
       
    }
    .dev-footer a,.dev-footer span{
        font-family: 'Montserrat';
    }

    .section-chat .chat-detail {
        padding-left: 25px;
        padding-right: 25px;
        margin-top: 24px;
        display: block;
        justify-content: space-between
    }
    .section-chat .chat-detail .title-messagerie {
        font-size: 15px;
        padding-bottom:10px;
        display: inline-block;
        font-weight: 400;
        color: #212A58;
    }

    .inline .text-left {
        padding-top: 12px;
        padding-left: 0px !important;
        padding-bottom: 12px;
    }

    #container-pro {
        padding-left: 50px;
        padding-right: 70px;
        padding-top: 0px !important;
    }

    .ml-mr-32 {
        margin-left: 3px !important;
        margin-right: 24px !important;
    }

    .dev-btn-toggler.activer {
        background: #2ecc71;
        margin-right: 10px;
    }

    .dev-btn-toggler {
        display: inline-block;
        margin-right: 10px;
        min-width: 60px;
        min-height: 28px;
        position: relative;
        background: #d0d6e2;
        border-radius: 25px;
        font-size: 0;
        cursor: pointer;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .space-between-dispo {
        display: flex;
        width: 100% !important;
        flex-direction: row;
        justify-content: space-between;
        overflow-x: auto;
    }

    .dispo-day {
        font-size: 15px;
        font-weight: 700;
        color: #212A58;
        width: 100%;
        padding-right: 10px;

    }

    .select-dispo {
        line-height: 10px !important;
        padding: 5px 8px 5px 8px !important;
        border: 1px solid #A0ADB8;
        width: 47px;
    }


    .compte_pro {
        padding: 15px 0 !important;
    }

    .table_transactions .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #ddd !important;
    }

    .text_msg {
        color: #aeaeae;
        font-size: 12px;
        font-weight: 300;
        padding: 0px 0px !important;
    }

    .info_detail_cat_article {
        padding-left: 20px !important;
        padding-top: 50px !important;
    }

    .block_detail_article h1 {
        text-align: center;
    }
}



.detail_cat_article {
    color: #b3b3b3;
}

.media img {
    border-radius: 10px;
    width: 100%;
}

.bg_grey {
    background: #f7f7f7;
    border-radius: 10px
}

.block_result_search .block_left {
    padding: 10px 15px
}


.block_result_search .block_left .title_filter {
    color: #22295d;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 10px 0 0;
    position: relative;
    /*text-transform: uppercase;*/
}

.block_result_search .block_left .rate i {
    font-size: 16px;
    color: #eac52c;
    vertical-align: top;
}

.block_result_search .block_left p.title {
    margin-top: 15px;
    font-weight: 300;
}

.langue_filed input {
    width: 100%;
    border-radius: 10px;
    line-height: 32px;
    margin-top: 15px;
    border: 1px solid #d6d6d6;
    padding: 0 10px;
}

.sp_langues span {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 7px;
    background: #211f30;
    border-radius: 50px;
    line-height: 34px;
    color: #f15e61;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 12px;

}

.sp_langues span i {
    color: #fff;
    margin-left: 15px;
    cursor: pointer;
}

/*.block_result_search .block_left:before {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: -20px;
    bottom: 10%;
    font-size: 300px;
    z-index: 0;
    color: #fff
}*/
.block_result_search .block_left .sort_drop {
    position: relative;
}

.block_result_search .block_left .sort_drop span.arrow_bottom {
    position: absolute;
    right: 15px;
    line-height: 44px;
    top: 0;
}

.block_result_search .block_left .sort_drop .field_sort {
    background: #fff;
    margin-bottom: 20px;
}

/*end page recherche*/
/*slider*/

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
}

.slider.slider-horizontal {
    height: 30px;
    padding: 0 20px;
}

.slider.slider-horizontal .slider-track {
    height: 6px;
    width: 96%;
    margin-top: -3px;
    top: 50%;
    left: 2%;
}

.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -8px;
    margin-top: -6px;
}

.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider.slider-vertical {
    height: 220px;
    width: 30px;
}

.slider.slider-vertical .slider-track {
    width: 6px;
    height: 100%;
    margin-left: -3px;
    left: 50%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-handle {
    margin-left: -9px;
    margin-top: -12px;
}

.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #ecf0f1;
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    background-color: #f15e61;
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);*/

    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #22295d;
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);*/

    border: 1px solid #22295d;
}

.slider-handle.round {
    border-radius: 24px;
}

.slider-handle.triangle {
    background: transparent none;
}

.range_price .tooltip {
    /*display: none;*/
}

.range_price p.price {
    color: #333;
}

.range_price p.price span {
    font-size: 12px;
    font-weight: 400;
    color: #232B5A;
}

.range_price .division span:first-child {
    border-left: 1px solid #b3bcc1;
}

.range_price .division span {
    width: calc(100% / 31);
    border-right: 1px solid #b3bcc1;
    float: left;
    height: 10px;
}

.block_result_search .block_left .btn_alert {
    /*margin-top: 20px;*/
    padding: 20px 0 10px;
    /*border-top: 1px solid #d6d6d6;*/
}

.block_result_search .block_left .btn_alert a {
    background: #f15e61;
    display: inline-block;
    padding: 0 25px;
    border-radius: 14px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    line-height: 35px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.block_result_search .block_left .btn_alert a:hover {
    background: #48bf85
}

.block_result_search .block_left .btn_alert a i {
    margin-right: 5px;
}


.block_result_search .block_left .btn_alert button {
    background: #f15e61;
    display: inline-block;
    padding: 0 25px;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    font-weight: 400;
    line-height: 35px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid transparent;
}

.block_result_search .block_left .btn_alert button:hover {
    background: none;
    border-color: #f15e61;
    color: #f15e61;
}

.block_result_search .block_left .btn_alert button i {
    margin-right: 5px;
}

.bg_grey_2 {
    border-radius: 10px;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid transparent;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 330px;
}

.bg_grey_2:hover {
    border: 1px solid #f15e61;
}


.bg_white_2 {
    border-radius: 10px;
    background-color: #fff;
    /*box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);*/
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 2px solid #d3d3d3;
    padding: 5px;
}

.bg_white_2:hover {
    background: #f4f8fd;

}

.block_result_search .block_right .avatar {
    /* display: inline-block;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
    width: 70%;*/
}

.block_result_search .block_right .result_pers {
    margin-bottom: 30px;
}

.block_result_search .block_right .result_pers .avatar img {
    width: 100%;
    /*border-radius: 50%;*/
}

.block_result_search .block_right .result_pers .name_pers {
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}

.block_result_search .block_right .result_pers .rate i {
    color: #eac52c;
    font-size: 20px;
}

.block_result_search .block_right .result_pers .rate span {
    color: #fff;
}

.block_result_search .block_right .result_pers .img_membre {
    position: relative;
}

.block_result_search .block_right .result_pers .inf_pr_ava {
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    padding: 0 0 15px 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00999999', endColorstr='#000000', GradientType=0);
    /* IE6-9 */

}

.block_result_search .block_right .result_pers .prix_heure span {
    /*border: 2px solid #333333;
    border-radius: 14px;*/
    display: inline-block;
    padding: 0 20px;
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin-top: 50%;
    transform: translateY(-50%);
    line-height: 24px;
    position: relative;
}

.block_result_search .block_right .result_pers .prix_heure {
    text-align: right;
}

.block_result_search .block_right .result_pers .prix_heure span u {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;

}

.block_result_search .block_right .result_pers .pos_pers {
    margin-top: 30px;
    margin-bottom: 15px;
}

.block_result_search .block_right .result_pers .fz17 {
    color: #333
}

/*.fz17{
    font-size: 17px;
}*/
.pph_f_relt {
    font-size: 16px;
    color: #090909;
    margin-bottom: 30px;
}

.p_title_relt {
    color: #9a9a9a;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}

.p_title_relt b {
    color: #000;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
}

.p_title_relt span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
}

.block_result_search .block_right .result_pers .pos_pers span {
    color: #666
}

.block_result_search .block_right .result_pers .pos_pers span i {
    color: #c6c6c6;
    margin-right: 5px;
    font-size: 16px;
}

.block_result_search .block_right .result_pers .details_pers {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.43);
    position: absolute;
    min-width: 330px;
    padding: 20px;
    z-index: 1;
    left: calc((100% / 2) - 165px);
    top: 80%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.block_result_search .block_right .result_pers:hover .details_pers {
    visibility: visible;
    opacity: 1;
}

.block_result_search .block_right .result_pers .details_pers:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -10px;
    left: 50%;
}

.block_result_search .block_right .result_pers .details_pers .text {
    color: #333333;
    font-size: 12px;
    text-align: justify !important;
    line-height: 20px;
    margin-bottom: 15px;
}

.block_result_search .block_right .result_pers .details_pers .tags {
    margin-bottom: 15px;
}

.block_result_search .block_right .result_pers .details_pers .tags span {
    font-weight: bold;
    border-left: 3px solid #e7e7e7;
    margin-right: 10px;
    padding-left: 7px;
    font-size: 13px;
}

.block_result_search .block_right .result_pers .details_pers .link_profil {
    margin-bottom: 0;
}

.block_result_search .block_right .result_pers .details_pers .link_profil a {
    border-radius: 17px;
    background-color: #f15e61;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    line-height: 36px;
    padding: 0 30px;
    text-decoration: none;
}

.block_result_search .block_right .result_pers .pers_pro .img_membre {
    position: relative;
}

.block_result_search .block_right .result_pers .pers_pro .img_membre:before {
    content: '';
    position: absolute;
    background: url('../img/badge_pro.png') center center no-repeat;
    width: 37px;
    height: 37px;
    top: 0;
    right: 10px;
}

.pagination_result span.page {
    margin-left: 10px;
}

.pagination_result span.page a {
    font-size: 16px;
    color: #818181;
    font-weight: 500;
    display: inline-block;
    width: 40px;
    line-height: 44px;
    border-radius: 4px;
    border: 1px solid #fff;
    text-decoration: none;
    text-align: center;
}

.pagination_result span.page:hover a,
.pagination_result span.page.active a {
    border: 1px solid #818181;
    color: #333
}

.pagination_result span.bnt_nxt a {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    display: inline-block;
    line-height: 50px;
    border-radius: 4px;
    border: 1px solid #fff;
    text-decoration: none;
}

/*end slider*/

.num_step {
    padding: 10px 0;
    font-size: 16px;
    color: #605f5f;
    font-weight: normal;
}

.form-control:focus {
    border: 1px solid #ccc;
    box-shadow: none
}

.modal-content {
    background: #fff;
}

.modal_home .modal-dialog {
    margin-top: 100px;
}

.modal_home .modal-body {
    padding-top:0px;
    /*padding-bottom: 30px;*/
    word-break: break-word;
}

.modal_details .modal-body {
    padding: 15px 30px 30px 30px;
    word-break: break-word;
    text-align: left;
    font-weight: 300;
    line-height: 22px;
    white-space: pre-wrap;
}

.modal_home h1,
.modal_share h2 {
    font-weight: 300;
    color: #fff;
    font-size: 30px;
    margin-top: 0;
}

a,
a:focus {
    outline: none
}

.gant_mission {
    font-size: 16px;
}

.gant_mission span.cl_blue {
    color: #2daae1;
    font-weight: 500;
    font-size: 16px;
}

.mgb_0 {
    margin-bottom: 0 !important;
}

.modal_home h3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 10px;
    text-align: left;
    color: #212A58;
}

.mgbtop10{
    margin-top: 20px !important;
    margin-bottom: 20px;
    padding-left: 8px;
}
.modal_home .field_mail {
    margin-bottom: 10px;
    padding-Left: 15PX;
    padding-right: 15px;
}
.btn-connexion,.btn-connexion:focus{
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    background: #DE6866;
    border-radius: 4px !important;
    padding: 10px;
}
.btn-go-topemieum,.btn-go-topemieum:focus{
    width: 100%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF !important;
    background: #DE6866;
    border-radius: 4px !important;
    padding: 10px;
}
.enable-premieum{
   padding: 52px 56px 0px 56px;
}
.passer-premium{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        color: #212A58;
        padding-bottom:21px;
        text-align: center;
}
.souvenir-label,.souvenir-label a{
color: #808CB7;font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #808CB7;
}
.btn-inscription,btn-inscription:focus{
    border: 1px solid #FF5E58 !important;
    width: 100% !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color:#FF5E58;
    background: #FFFFFF;
    border-radius: 4px !important;
    padding: 10px;
}
.devenir-part-md{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    padding-top:39px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #6C90EC;
}
.modal_home .field_mail .input-group textarea {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 20px;
    resize: none;
}

.modal_home .field_mail1 {
    margin-bottom: 10px;
}

.modal_home .field_mail1 .input-group textarea {
    border: none;
    border-radius: 32px;
    box-shadow: none;
    padding: 20px;
    resize: none;
}

.modal_home .field_mail .input-group {
    border: 1px solid #C5D1F0;
    border-radius: 0;
}

.modal_home .field_mail1 .input-group {
    border: 1px solid #000;
    border-radius: 0;
    /*width: 495px;
    margin-left: 66px;*/
}

.modal_home .field_mail span {
    background: #fff;
    border: none;
    border-radius: 0;
    color: #808CB7;
    font-size: 18px;
}

.modal_home .field_mail1 span {
    background: #fff;
    border: none;
    border-radius: 24px 0 0 24px;
    color: #cccccc;
    font-size: 18px;
}

.modal_home .select_field>span {
    position: absolute;
    top: 10px;
    right: 25px;
    background: none;
}

.modal_home .field_mail input {
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #111;
    border: 1px solid #C5D1F0
    font-size: 13px
}

.modal_home .field_mail1 input {
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 0 24px 24px 0;
    box-shadow: none;
    color: #111;
    font-size: 13px
}

.modal_home .field_mail input[type="checkbox"] {
    height: 19px;
    line-height: 1;
}

.modal_home .field_mail textarea {
    color: #111;
    font-size: 13px;
}

.modal_home .btn_inscription a {
    color: #fff;
    border-radius: 24px;
    display: inline-block;
    text-decoration: none;
    padding: 0 50px;
    line-height: 40px;
    font-size: 14px;
    min-width: 180px;
    font-weight: 300;
    /*border: 2px solid #2daae1;*/
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #3599cc;
    background-image: -webkit-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: -o-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: linear-gradient(to right, #3599cc 0%, #7ee894 100%);
}

.modal_home .btn_inscription button {
    color: #f15e61;
    /*border-radius: 24px;*/
    display: inline-block;
    text-decoration: none;
    padding: 0 50px;
    line-height: 40px;
    font-size: 14px;
    min-width: 180px;
    font-weight: 300;
    border: 1px solid #f15e61;
    background: transparent;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.modal_home .btn_inscription button:hover {
    background: #f15e61;
    color: #fff
}


.modal_share .btn_connection a,
.modal_share .btn_connection button {
    color: #ffffff;
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    margin: 5px 0;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    width: 100%;
    font-weight: 300;
    background: #f15e61;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.modal_share .btn_connection:nth-child(1) a {
    background: #3b5998;
}

.modal_share .btn_connection:nth-child(2) a {
    background: #1d87be;
}

.modal_share .btn_connection:nth-child(3) a {
    background: #f15e61;
}



.bt-submit-share-with-freind {
    font-weight: 300;
    background: #f15e61;
    color: #fff
}

.bt-submit-share-with-freind:hover {
    color: #fff
}

.modal_share .btn_connection a i,
.modal_share .btn_connection button i {
    font-size: 16px;
    margin-right: 5px;
}


button.btn-clos {
    margin-bottom: 20px;
    padding: 7px 30px;
}

.btn_info button {
    margin-top: 39px;
    color: #f15e61;
    border-radius: 0;
    display: inline-block;
    text-decoration: none;
    padding: 0 50px;
    line-height: 40px;
    font-size: 14px;
    max-width: 100%;
    font-weight: 300;
    background: none;
    border: 1px solid #f15e61;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.modal_share #form-share-it input {
    margin-bottom: 10px;
}

.btn_info button:hover {
    background: #f15e61;
    color: #fff
}

.brrds-20 {
    border-radius: 20px !important
}

.datepicker.datepicker-dropdown {
    z-index: 9999 !important;
    min-width: 220px;
    text-align: center;
}

.datepicker.datepicker-dropdown table {
    width: 100%;
}

.datepicker.datepicker-dropdown table th {
    text-align: center !important;
}

.datepicker table tr td:hover,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-image: none !important;
    background-color: #f15e61 !important;
    color: #fff;
}

.sexe_insc label {
    margin-right: 10px;
    color: #414141 !important;
    font-size: 13px;
    font-weight: normal !important;
}

a.next-step {
    font-size: 12px;
    color: #0a0806;
    font-weight: normal;
}

.phone_field span {
    color: #111 !important;
    font-size: 14px !important;
    line-height: 20px;
}

.phone_field span img {
    margin-right: 5px;
}

a.bg_blue {
    background: #2daae1;
    color: #fff !important
}

.title_step {
    font-weight: normal !important;
    color: #f15e61 !important;
    font-size: 47px !important;
    margin-top: 0 !important;
}

.modal_home .btn_connection a {
    background: transparent;
    color: #3599cc;
    border-radius: 24px;
    display: inline-block;
    text-decoration: none;
    padding: 0 50px;
    line-height: 40px;
    font-size: 14px;
    border: 2px solid #3599cc;
    font-weight: 300;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.modal_home .btn_connection.grey a {
    border-color: #d2d1d1;
    color: #d2d1d1
}

.modal_home .btn_inscription.grey a {
    border: 2px solid #d2d1d1;
    background: #fff;
    color: #d2d1d1
}

.modal_home .btn_inscription.grey a:hover {
    color: #fff;
    border-color: #fff;
    background-color: #3599cc;
    background-image: -webkit-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: -o-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: linear-gradient(to right, #3599cc 0%, #7ee894 100%);
}

.modal_home .btn_inscription a:hover,
    {
    background: #2daae1;
    color: #fff
}

.modal_home .btn_connection a:hover {
    color: #fff;
    border-color: #fff;
    background-color: #3599cc;
    background-image: -webkit-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: -o-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: linear-gradient(to right, #3599cc 0%, #7ee894 100%);
}

.borde_b {
    border-bottom:1px solid #212A58;
    padding-bottom: 30px;
}
.hr-lg{
    margin-top: 30px !important;
    margin-bottom: 0px !important;
    border: 0!important;
    border-top: 1px solid #212A58 !important;
}

.check_condition label {
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #808CB7;
}

div.cl-grey {
    color: #808CB7;
    font-weight: 300;
}

.check_condition label input {
    margin-top: 0px;
}

.check_condition label a {
    color: #d2d1d1;
    font-weight: normal;
}

.modal_home .conex_fb a {
    background: #21285E;
    border-radius: 4px;
    display: block;
    line-height: 40px;
    text-align: center;
    padding: 10px 0px;
    text-decoration: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #FFFFFF;
}

.modal_home .conex_fb a span,
.modal_home .conex_gplus a span {
    font-size: 17px;
    margin-right: 20px;
}

.modal_home .conex_gplus a {
    background: #dd4b39;
    border-radius: 5px;
    display: block;
    line-height: 40px;
    color: #fff;
    text-align: left !important;
    padding: 0 10px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.field_obli {
    color: #858586;
    font-weight: 300;
    font-size: 14px;
}

.reste_con {
    margin-top: 0;
    margin-bottom: 0 !important;
}

.reste_con label {
    line-height: 40px;
    font-weight: 300;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    color: #808CB7;
}

.reste_con label input {
    margin-top: 14px;
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #C5D1F0;
    border-radius: 2px;
    padding-right:10px;


}

.mdp_oublie a {
    text-decoration: underline;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    text-decoration-line: underline;
    color: #808CB7;
}

section.block_resultas {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #FFFFFF;
}

section.block_resultas>.row {
    margin-bottom: 30px;
    text-align: center !important;
}

section.block_resultas>.row p {
    color: #333333;
    font-size: 14px;
    font-weight: 300;
}

section.block_resultas>.row h1 {
    color: #f15e61;
    font-size: 30px;
    font-weight: 200;
    margin: 25px 0;
}

.btn_add_demande {
    text-align: center;
}

.btn_add_demande a {
    border-radius: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    background: #f15e61;
    display: inline-block;
    line-height: 40px;
    padding: 0 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn_add_demande a:hover {
    background: #48bf85;
}

.panel_cat {
    background: none;
    border: none;
    box-shadow: none;
}

.panel_cat a {
    text-decoration: none;
}

.field_filter_pos input {
    width: 100%;
    color: #A9A9A9;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    padding: 0 10px;
    line-height: 30px;
    font-weight: 300;
}

.pad_l_0 {
    padding-left: 0;
}

.field_filter_pos span {
    color: #fff;
    background: #f15e61;
    border-radius: 10px;
    text-align: center;
    line-height: 30px;
    display: block;
}

.panel_cat a h2 i {
    font-weight: bold;
}

.panel_cat a.collapsed h2 i {
    -ms-transform: rotate(-90deg);
    /* IE 9 */

    -webkit-transform: rotate(-90deg);
    /* Chrome, Safari, Opera */

    transform: rotate(-90deg);
}

.result_wishlist {
    margin-bottom: 30px;
}

.result_wishlist .bg_grey {
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #f7f7f7;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.result_wishlist .bg_grey:hover {
    border: 1px solid #f15e61
}

.result_wishlist .numbre_list span {
    border: 1px solid #333;
    border-radius: 10px;
    text-align: center;
    display: block;
}

.result_wishlist .numbre_list a {
    text-decoration: none;
}

.result_wishlist .numbre_list span em {
    display: block;
    font-style: normal;
    color: #333;
    line-height: 33px;
    font-size: 14px;
    font-weight: bold;
}

.result_wishlist .numbre_list span em:first-child {
    border-bottom: 1px solid #333;
    border-radius: 10px 10px 0 0
}

.result_wishlist .numbre_list span em:last-child {
    color: #fff;
    background: #20a78b;
    border-radius: 0 0 9px 9px;
    border: none;
}

.result_wishlist .text_list h4 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 0;
}

.result_wishlist .text_list p {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

.result_wishlist .link_list a {
    background: #f15e61;
    border-radius: 24px;
    padding: 0 30px;
    color: #fff;
    display: inline-block;
    line-height: 34px;
    text-decoration: none;
    margin-top: 20px;
}

input[type=file],
input[type=file]:focus {
    outline: none
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.menu_wanted {
     min-height: 60px;
    /* background: #FFFFFF; */
    text-align: left;
    position: absolute;
    /* width: 150px; */
    padding-right: 45px;
}
.menu_wanted ul li{
    line-height:20px;

}
.menu_wanted ul {
    list-style: none;
    padding-top: 34px;
    padding-bottom: 34px;
    min-width: 278px;
    background-color: #FFFFFF;
}
.fixed-btn-menu{
    top: -40px;
     position: fixed !important;
}
.messagerie-page{
    background-color: #eff4ff!important;
    padding-top: 25px;
    padding-left: 310px;
    padding-right: 15px;
    min-height: 400px;
    padding-bottom: 64px;
}
.favoris-page{
    background-color: #eff4ff!important;
    padding-top: 25px;
    /* padding-bottom: 50px; */
    padding-left: 295px;
    min-height: 400px;
    padding-bottom: 64px;
  
}
.transactions-page{
    background-color: #eff4ff!important;
    padding-top: 38px;
    padding-left: 310px;
    padding-right: 15px;
    min-height: 400px;
    padding-bottom: 64px;
  
}
.compte-page{
    background-color: #eff4ff!important;
    padding-left: 310px;
    min-height: 400px;
    padding-bottom: 64px;
}
.menu_wanted ul li {
    position: relative;
    width: 100%;
}
}

.menu_wanted ul li:before {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border: 1px solid #2e86de;
}

.menu_wanted ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    /*text-transform: uppercase;*/
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menu_wanted ul li a span {
    display: block;
    line-height: 30px;
}

.menu_wanted ul li a span.ico {
    font-size: 20px;
}

.menu_wanted ul li a span.title_men {
    font-weight: 400!important;
    font-size: 13px;
    color: #232B5A;
    line-height: 42px;
}

li .active {
    color: blue !important
}

.menu_wanted ul li a:hover,
.menu_wanted ul li.active a {
    color: #2e86de !important;
}

.menu_wanted ul li.active:before {
    display: block;
}

.wanted_block .img_membre .avatar {
    display: inline-block;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
    width: 40%;
    position: relative;
}

.wanted_block .img_membre .avatar img {
    width: 100%;
    border-radius: 50%
}

.wanted_block .img_membre .name_wanted {
    line-height: 50px;
    font-size: 18px;
    color: #333333;
    font-weight: normal;
}

.wanted_block .img_membre .title_wanted {
    color: #fff;
    background: #000;
    font-weight: 300;
    font-size: 14px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    line-height: 34px;
    margin-bottom: 0;
}

.title_wanted1 {
    color: #333333;
    font-weight: bold;
    line-height: 34px;
}

.menu_left_wanted ul {
    padding: 15px;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
    background: white;
}

.menu_left_wanted ul li a {
    line-height: 30px;
    display: block;
    color: #cccccc;
    font-size: 14px;
    font-weight: 300;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.menu_left_wanted ul li a>i {
    float: right;
    display: none;
}

.menu_left_wanted ul li a span {
    margin-right: 5px;
    font-size: 18px;
    width: 24px;
    display: inline-block;
}

.menu_left_wanted ul li a:hover,
.menu_left_wanted ul li.active a {
    color: #f15e61;
}

.menu_left_wanted ul li.active a>i {
    display: block;
}

.menu_left_wanted ul li a>i.sub_item {
    display: block !important;
    float: left !important;
    margin-right: 10px;
    position: relative;
    top: 7px;
}

.menu_left_wanted ul li>ul {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.empty-favoris .col-md-6 {
    position: relative;
    padding-right: 40px;
}

.empty-favoris .col-md-6:before {
    content: "\f08a";
    position: absolute;
    font-family: FontAwesome;
    color: #e4e4e4;
    font-size: 80px;
    right: 0;
    z-index: -1;
}

.empty-favoris h4 {
    font-weight: 100;
    font-size: 24px;
    color: #333333
}

.empty-favoris p {
    color: #8b8b8b !important;
    font-weight: 300;
}

.empty-favoris p i {
    color: #333;
    font-weight: bold;
}

.item_fav {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    background: white;
    border-radius: 0;
    border: 1px solid transparent;
    min-height: 220px;
}

.item_fav:hover {
    border-color: #f15e61;
}

.item_fav .img_article .avatar {
    display: inline-block;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
    width: 80%;
    position: relative;
}

.item_fav .img_article .avatar img {
    width: 100%;
    border-radius: 50%
}

.item_fav .border_b {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
}

.mh_bl {
    min-height: 90px;
}

.item_fav h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}

.item_fav p {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    margin-bottom: 0;
}

.item_fav .like_fav,
.item_fav .share_fav {
    margin-top: 15px;
}

.item_fav .like_fav a {
    color: #e74c3c;
    font-weight: bold;
    font-size: 16px;
}

.item_fav .share_fav a {
    font-size: 12px;
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.item_fav .share_fav a i {
    font-weight: bold;
    margin-right: 5px;
}

.item_fav .share_fav a:hover {
    color: #f15e61
}

.empty-talents>div {
    position: relative;
    padding-left: 100px;
    padding-top: 80px;
}

.empty-talents>div:before {
    content: "";
    position: absolute;
    background: url('../img/ico_plus.png') center center no-repeat;
    left: 0;
    top: -10px;
    z-index: -1;
    width: 140px;
    height: 136px;
}

.empty-talents p {
    color: #8a8a8a !important;
    font-size: 12px;
    font-weight: 300;
}

.empty-talents .btn-add-talent {
    margin-top: 30px;
    margin-bottom: 30px;
}

.empty-talents .btn-add-talent a {
    border-style: solid;
    border-width: 1px;
    border-color: #f15e61;
    background-color: rgba(255, 255, 255, 0);
    color: #f15e61;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    line-height: 40px;
    padding: 0 24px;
    text-decoration: none;
    border-radius: 0;
    max-width: 100%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.empty-talents .btn-add-talent a:hover {
    background: #f15e61;
    color: #fff
}

.talent_profil .share_fav a {
    padding-left: 10px;
    border-left: 1px solid #ccc;
    font-size: 16px;
    margin-left: 5px;
}

.talent_profil .share_fav a i {
    margin-right: 0;
}

.talent_profil .share_fav a:first-child {
    border: none;
    font-size: 17px;
}

.talent_profil .status span {
    display: inline-block;
    line-height: 24px;
    color: #fff;
    font-style: 12px;
    font-weight: 300;
    border-radius: 24px;
    min-width: 100px;
    position: relative;
    margin-top: 15px;
}

.talent_profil .status span.active {
    text-align: right;
    padding-right: 10px;
    background: #f15e61;
}

.talent_profil .status span.active:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    width: 14px;
    height: 14px;
}

.talent_profil .status span.desactive {
    text-align: left;
    padding-left: 10px;
    background: #e74c3c;
}

.talent_profil .status span.desactive:before {
    content: '';
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.05);
    position: absolute;
    width: 14px;
    height: 14px;
}

.talent_profil .item_fav {
    position: relative;
}

.talent_profil .item_fav_text {
    position: absolute;
    background-color: white;
    border-radius: 10px;
    top: 0;
    left: 0;
    min-height: 140px;
    max-height: 140px;
    overflow-x: auto;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.talent_profil .item_fav:hover .item_fav_text {
    opacity: 1;
    visibility: visible;
}

.inactive {
    -webkit-filter: grayscale(100%);
}

.inactive a {
    pointer-events: none;
    cursor: default;
}
.modal .closeb {
    z-index: 100;
    color: #212A58;
    font-weight: 300;
    opacity: 1;
    position: absolute;
    right: 15px;
    background: #fff;
    border: none;
    top: 9px;
    font-size: 32px;
    line-height: 25px;
}

.modal .close {
    z-index: 100;
    color: #212A58;
    font-weight: 300;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 9px;
    font-size: 32px;
    line-height: 25px;
}

#modal-filter hr {
    border-top: 1px solid #F0F4FE;
    margin: 20px 15px;
}

#modal-filter .modal-footer {
    border: 1px solid #C5D1F0;
    box-shadow: 0px 4px 5px rgba(160, 173, 184, 0.5);
    border-radius: 4px 4px 0px 0px;
}

#modal-filter .modal-body {

    padding: 10px 20px 40px;

}

#modal-filter .range_price {
    padding: 0 15px;
}

#modal-filter .range_price .row::before {
    content: none;
}

#modal-filter .close {
    z-index: 100;
    color: #232B5A;
    font-weight: 100;
    right: initial;
    opacity: 1;
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 36px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 20px;
}

#modal-filter .modal-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #C5D1F0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #232B5A;
}

#modal-filter .modal-dialog {
    margin: 0px !important;
}

#modal-filter h5 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #232B5A;
    margin-top: 0;
}

.form-select-card {
    display: block;
    width: 100%;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#modal-filter .checkbox-info input[type="checkbox"]:checked+label::after, #modal-filter .checkbox-info input[type="radio"]:checked+label::after {
    color: #f15f61;
}


#modal-filter .rate i {
    font-size: 27px;
    padding-left: 5px;
    color: #FCC538;
    vertical-align: top;
}

#modal-filter .appliquer-btn {
    background: #DE6866;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    height: 45px;
    width: 137px;
    text-align: center;
    text-align: center;
    color: #FFFFFF;
}

#modal-filter .reset-mobile {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    text-decoration-line: underline;
    right: 42px;
    color: #232B5A;
    padding-right: 103px;
}
.enable-premium-content{
    position: absolute;
    background: #FFFFFF;
    border: 2px solid #F0F4FE;
    padding-bottom: 55px;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stats-knf{
    width: 100%;
    height: 680px;
    background: url(../img/stats-konfian.png) center center no-repeat;
}
.stats-knf1{
    width: 100%;
    height: 680px;
    background: url(../img/clients.png) center center no-repeat;
}

#modal-filter .checkbox-info {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 7px;
}

#modal-filter label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #232B5A;
}

#modal-filter .modal-header {
    padding-left: 0px;
    padding-right: 0px;
}

.block_pass p.erreur_p {
    color: #de4b39 !important
}

.block_pass p.succed_p {
    color: #2D9E1A !important;
}

.modal_home p.error {
    color: #de4b39
}

div.error>* {
    background: #fbe8e4 !important
}

/*profil*/

.bg_profil {
    padding-top: 65px;
}

.bg_profil .ban_info_profil {
    min-height: 70px;
    background-color: rgba(247, 247, 247, 0.6);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.16);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.bg_profil .spec-profil {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

.bg_profil .spec-profil span.name-spec {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    margin-right: 10px;
}

.bg_profil .spec-profil span.name-spec,
.bg_profil .spec-profil span.name-spec~i {
    line-height: 40px;
    display: inline-block;
}

.bg_profil .spec-profil span.name-spec~i {
    color: #d7af10;
    font-size: 20px;
}

.bg_profil .spec-profil .side_right span,
.bg_profil .spec-profil .side_right a {
    min-width: 130px;
    display: inline-block;
    padding: 0 20px;
}

.bg_profil .spec-profil .side_right .price {
    color: #fff;
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 14px;
    text-align: left;
    position: relative;
    left: 35px;
}

.bg_profil .spec-profil .side_right .price i {
    font-size: 20px;
}

.bg_profil .spec-profil .side_right a {
    background: #f15e61;
    border: 2px solid #f15e61;
    border-radius: 14px;
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
}

.bg_profil .spec-profil .side_right a i {
    font-size: 20px;
    margin-right: 10px;
}

.ban_info_profil .photo_profil {
    position: relative;
    min-height: 70px;
}

.ban_info_profil .photo_profil.super_user:before {
    content: '';
    position: absolute;
    width: 37px;
    height: 37px;
    left: 110px;
    top: -60px;
    z-index: 1;
    background: url(../img/bagde_2.png) center center no-repeat;
}

.ban_info_profil .photo_profil img {
    position: absolute;
    bottom: 20px;
    border-style: solid;
    border-width: 5px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(231, 231, 231);
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
}

.ban_info_profil .name_pers_profil p.nom_pers {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #333333;
    font-size: 24px;
    line-height: 40px;
}

.ban_info_profil .name_pers_profil a {
    text-decoration: none;
}

.ban_info_profil .name_pers_profil p.profil_location {
    margin-bottom: 0;
    line-height: 30px;
    color: #333333;
}

.ban_info_profil .name_pers_profil p.profil_location span {
    margin-right: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #333333
}

.ban_info_profil .name_pers_profil p.profil_location span i {
    color: #716E6E;
    font-size: 14px;
    margin-right: 3px;
}

.btn_share_profil {
    margin-top: 25px;
}

.btn_share_profil a {
    padding: 0 12px;
    display: inline-block;
    line-height: 20px;
    border-left: 1px solid #fff;
    font-size: 18px;
    color: #000000;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ban_info_profil .btn_share_profil a:hover,
.ban_info_profil .btn_share_profil a.active {
    color: #f15e61
}

.ban_info_profil .btn_share_profil a:first-child {
    border: none;
}

.tab_nav_profil {
    min-height: 50px;
    background: #22295d;
    border-bottom: 1px solid #ececec;
}

.tab_nav_profil ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.tab_nav_profil ul li {
    display: inline-block;
    margin: 0 20px;
    padding: 0 20px;
}

.tab_nav_profil ul li a {
    line-height: 50px;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    color: white;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.tab_nav_profil ul li.active a,
.tab_nav_profil ul li a:hover {
    color: #fff;
}

.tab_nav_profil ul li a i {
    color: #8b8b8b;
}

.active #f_ico_co {
    color: #f15e61;
}

.tab_nav_profil ul li a:hover i {
    color: #f15e61;
}

.tab_nav_profil ul li.active a:before {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    border: 1px solid #2e86de;
    width: 100%;
    /*    left: calc(50% - 12px);
    height: 21px;
    background: url(../img/arrow.png) center center no-repeat;*/
}

/* .block_item_talents {
    margin-top: 60px;
}
.block_item_talents .item_talent {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    border: 1px solid #f7f7f7;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    margin-bottom: 30px;
}
.block_item_talents .item_talent:hover {
    border: 1px solid #f15e61
}
.block_item_talents .item_talent .img_article .avatar {
    display: inline-block;
    border-style: solid;
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(247, 247, 247);
    box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.3);
    width: 80%;
    position: relative;
}
.block_item_talents .item_talent .img_article .avatar img {
    width: 100%;
    border-radius: 50%
}
.block_item_talents .item_talent .border_b {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
}
.block_item_talents .item_talent h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #333
}
.block_item_talents .item_talent p {
    font-size: 12px;
    font-weight: normal;
    color: #333;
    margin-bottom: 5px;
}
.block_item_talents .item_talent p i {
    color: #d7af10;
    font-size: 18px;
}
.block_item_talents .item_talent .ovh-text{
    max-height: 104px;
    overflow: hidden;
}
.block_item_talents .item_talent .price_item {
    position: absolute;
    top: 35px;
    right: 0;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px 0 0 20px;
    background: #7f8488;
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    color: #fff
}
.block_item_talents .item_talent .price_item em {
    font-style: normal;
    font-size: 12px;
    position: relative;
    top: -5px;
}
.block_item_talents .item_talent:hover .price_item {
    background: #f15e61
} */
.title_h2 {
    font-weight: 300;
    font-size: 36px;
    color: #333333;
    margin: 0;
}

.nav_comment ul {
    list-style: none;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #e7e7e7
}

.nav_comment ul li {
    display: inline-block;
    margin-right: 30px;
}

.nav_comment ul li a {
    font-size: 16px;
    color: #000000;
    font-weight: 300;
    display: block;
    line-height: 50px;
    text-decoration: none;
}

.nav_comment ul li.active a {
    border-bottom: 4px solid #e7e7e7;
    font-weight: normal;
}

.content_comment .avisload {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

.content_comment .img_comment {
    /*  border-style: solid;
    border-width: 6px;
    border-color: rgb(255, 255, 255);*/
    border-radius: 50%;
    border: 2px solid #fff;
    width: 60px;
    height: 60px;
    z-index: 15;
    margin: auto;
    margin-bottom: 5px;

}

.content_comment .img_comment img {
    width: 100%;
    border-radius: 50%;
}

.content_comment p.name_comment {
    font-size: 12px !important;
    color: #22295d !important;
    font-weight: normal !important;
    text-align: center !important;
    /*text-transform: uppercase;*/
}

.etoiles-avis .service-title {
    border: 1px solid #A2ACC4;
    margin-left: 17px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 11px;
    padding-right: 11px;
    border: 1px solid #A2ACC4;
    border-radius: 23px;
    color: #232B5A;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    display: inline-block;
}

.content_comment .etoiles i {
    color: #FCC538;
    font-size: 28px;
    line-height: 22px;
    padding-right: 5.17px;
}

.content_comment .etoiles-avis i {
    color: #FCC538;
    font-size: 28px;
    line-height: 22px;
    padding-right: 5.17px;
}


.content_comment .date_comment span {
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
}

.mgb_15 {
    margin-bottom: 15px !important;
}

.content_comment .cnt_comment {
    position: relative;
}

.content_comment .cnt_comment span.quote {
    position: absolute;
    color: #e7e7e7;
    left: 0px;
    top: -10px;
    font-size: 30px;
    z-index: -1;
}

.content_comment .cnt_comment .name_talent {
    font-weight: 400;
    font-style: italic;
}

.plus_comment a {
    border-style: solid;
    border-width: 2px;
    /*   border-color: #f15e61;
*/
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 30px;
    color: #f15e61;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.plus_comment a:hover {
    background: #f15e61;
    color: #fff
}

.block_profil h1 {
    text-align: center;
    font-size: 18px;
    color: #22295d;
    font-weight: 400;
    margin: 0;
    line-height: 43px;
}

.block_profil .brbt {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

.block_profil .liste_oper.tag span {
    background: #252525;
    border-radius: 0;
    display: inline-block;
    color: #f15e61;
    padding: 7px 15px;
    font-size: 12px;
    margin-right: 7px;
}

.ic_fav a {
    color: #2d82d8;
    /*    padding: 0 10px;
*/
}

.ic_fav a i {
    border: 1px solid #2d82d8;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50px;
    color: #2d82d8 !important;
}

.btn_edit_inf,
.btn_edit_inf:hover,
.btn_edit_inf:focus {
    text-decoration: none;
    margin-left: 10px;
}

.btn_edit_inf span {
    font-size: 12px !important;
    color: #fff;
    background: #f15e61;
    padding: 5px;
    border-radius: 0;
    position: relative;
    top: -4px;
    font-weight: 400;
}

.block_profil>.container>.row {
    margin-bottom: 30px;
}

.block_profil>.container>.row p {
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
}

.block_profil>.container>.row span {
    font-size: 16px;
    font-weight: 500;
}

.prof_blk_n .img-circle {
    margin-top: 30px;
    margin-bottom: 15px;
}

.prof_blk_n .col-sm-3 .pro_bdg {
    border: 1px solid #f15e61;
    border-radius: 50px;
    color: #f15e61;
    font-size: 13px;
    font-weight: 500;
    padding: 3px 10px;
    position: absolute;
    top: 30px;
    left: -50px;
}

.prof_blk_n .col-sm-3 .img_prf {
    display: inline-block;
    position: relative;
}

.prof_blk_n .col-sm-3 .img_prf .bdg_v {
    position: absolute;
    right: 0;
    top: 20px;
}

.prof_blk_n .col-sm-3 p {
    text-align: center !important;
}

.prof_blk_n .name_nn {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    color: #333;
    font-size: 19px !important;
    margin-bottom: 0px;
    font-weight: 400;
}

.prof_blk_n .star_nn {
    color: #d7af10;
    font-size: 14px !important;

}

.mgt_40 {
    margin-top: 40px;
}

.block_equipe_profil {
    position: relative;
    padding: 0 20px 20px;
    overflow: hidden;
}

.block_equipe_profil * {
    z-index: 1;
}

.block_equipe_profil .ico_poeple {
    position: absolute;
    color: #fff;
    font-size: 300px;
    bottom: -110px;
    z-index: 0;
    right: 0;
}

.block_equipe_profil .img_pers {
    border-style: solid;
    border-width: 6px;
    border-color: rgb(255, 255, 255);
    border-radius: 50%;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.52);
    width: 100px;
    height: 100px;
    z-index: 15;
    margin: auto;
}

.block_equipe_profil .img_pers img {
    width: 100%;
    border-radius: 50%;
}

.block_equipe_profil .name_pers {
    font-size: 18px !important;
    margin-bottom: 7px;
}

.block_equipe_profil .nb_pers {
    font-size: 14px !important;
    margin-bottom: 7px;
}

.block_equipe_profil .star_pers {
    color: #d7af10;
    font-size: 20px !important;
}

.block_equipe_profil .more_pers a {
    border-style: solid;
    border-width: 1px;
    border-color: #f15e61;
    display: inline-block;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 24px;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #f15e61;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.block_equipe_profil .more_pers a:hover {
    color: #fff;
    background: #f15e61;
}

.mgb_30 {
    margin-bottom: 30px !important;
}

.profil_experience .mission_item {
    border-left: 3px solid #e6e6e6;
    padding: 10px 0 10px 20px;
}

.profil_experience .mission_item p {
    margin-bottom: 0;
    line-height: 26px;
    font-size: 18px !important;
    color: #333333;
    font-weight: 300;
}

.profil_experience .mission_item .titre_mission span {
    font-weight: bold;
}

.profil_experience .mission_item .date_mission {
    font-size: 14px !important;
    font-weight: bold;
}

.more_infos {
    margin-top: 30px;
    text-align: center;
}

.more_infos a {
    border-style: solid;
    border-width: 1px;
    /*border-color: #f15e61;*/
    display: inline-block;
    line-height: 30px;
    padding: 0 20px;
    border-radius: 24px;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #3599cc;
    background-image: -webkit-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: -o-linear-gradient(left, #3599cc 0%, #7ee894 100%);
    background-image: linear-gradient(to right, #3599cc 0%, #7ee894 100%);

}

.more_infos a:hover {
    background: #f15e61;
    color: #fff
}

.profil_operatoire .operatoire_item {
    margin-bottom: 30px;
}

.profil_operatoire .operatoire_item .titre_operatoire {
    border-left: 3px solid #e6e6e6;
    padding: 0px 0 0px 20px;
    color: #333333;
    font-size: 18px !important;
}

.profil_operatoire .operatoire_item .text_operatoire {
    padding-left: 23px;
    text-align: justify;
}

.photos_portfolio .img_profotlio {
    position: relative;
    text-align: center;
}

.photos_portfolio .img_profotlio img {
    width: 100%;
    border-radius: 6px
}

.photos_portfolio .img_profotlio:before {
    content: '';
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px
}

.photos_portfolio .img_profotlio .nbr_photo {
    color: #fff;
    position: absolute;
    font-weight: bold;
    font-size: 24px;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
}

.profil_reference .items_reference {
    border-left: 3px solid #e6e6e6;
    padding: 15px 0 0 20px;
}

.profil_reference .items_reference p {
    font-size: 18px !important;
    color: #333333;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 30px;
}

.profil_reference .items_reference p span {
    font-weight: bold;
}

.profil_langues .items_langues span {
    border-left: 3px solid #e6e6e6;
    padding: 0 15px 0 15px;
    line-height: 20px;
    /*font-weight: 300;*/
    font-size: 12px;
    display: inline-block;
    margin-bottom: 10px;
}


.profil_categories .items_categories span {
    /* border-left: 3px solid #e6e6e6;
    padding: 0 15px 0 15px;*/
    line-height: 20px;
    /*font-weight: 300;*/
    font-size: 12px;
    display: inline-block;
    margin-bottom: 10px;
}

/*end profil*/
/*equipe*/

select {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: transparent;
    border-radius: 0;
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: #353535;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.select_field {
    position: relative;
}

.select_field .arrow_bottom {
    position: absolute;
    right: 35px;
    line-height: 44px;
    top: 0;
}

.modal_form input {
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: rgb(255, 255, 255);
    border-radius: 0;
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    font-size: 14px;
    color: #353535;
}

.modal_form textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    background-color: rgb(255, 255, 255);
    font-weight: 300;
    border-radius: 0;
    display: block;
    width: 100%;
    padding: 10px 20px;
    font-size: 14px;
    color: #353535;
    resize: none;
}

.modal_form *::-webkit-input-placeholder {
    color: #9BAFDF;
}
.modal_home  *::-webkit-input-placeholder {
    color: #9BAFDF;
}
.modal_home select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
   background-image: url(../../assets/images/arrow_down.svg);
  background-repeat: no-repeat;
  background-position-x: 99%;
    background-position-y: 14px;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
}

.modal_form *:-moz-placeholder {
    /* Firefox 18- */

    color: #353535;
}

.modal_form *::-moz-placeholder {
    /* Firefox 19+ */

    color: #353535;
}

.modal_form *:-ms-input-placeholder {
    color: #353535;
}

.block_equipe {
    padding-bottom: 50px;
}

ul.mg_15 {
    margin: 0 15px !important;
}

/*end equipe*/
/*activites*/

.block_activ_demande p {
    margin-bottom: 20px;
}

.block_activ_demande .field_search input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(193, 193, 193);
    border-radius: 5px;
    background-color: rgba(211, 211, 211, 0);
    width: 100%;
    line-height: 36px;
    padding: 0 15px;
}

.block_activ_demande * {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.block_activ_demande .btn_search a {
    line-height: 36px;
    border-radius: 5px;
    background-color: #f15e61;
    display: inline-block;
    padding: 0 15px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #f15e61;
    font-size: 28px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.block_activ_demande .btn_search {
    padding-left: 0;
}

.block_activ_demande .btn_search a:hover {
    background: #fff;
    color: #f15e61
}

.field_filter a {
    text-decoration: none;
}

.field_filter .span_filter span {
    text-align: right !important;
    display: block;
    line-height: 42px;
    font-size: 14px;
    font-weight: 300;
}

.field_filter .dropdown-menu {
    width: calc(100% - 30px);
    margin: 0 15px;
}

.table_transactions {
    border: 1px solid #C5D1F0;
    background-color: #fff;
}

.table_transactions table {
    margin: 0 10px;
    width: calc(100% - 20px);
    font-size: 14px;
    font-weight: 400;
}

.table_transactions table tr.accepter .state {
    color: #29a618
}

.table_transactions table tr.annuler .state {
    color: #e78e0e
}

.table_transactions table tr.Expirer .state {
    color: #ed2c2c
}

.content-wrapper .nav-pills {
    border-bottom: 1px solid #C5D1F0
}

.table_transactions .cl_blue {
    color: #31343d;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
}

.table_transactions .panel-heading {
    border-bottom: 2px solid #e9e9e9;
    line-height: 27px;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    background: #000;
}

.table_transactions table th {
    border-bottom: none !important;
    font-size: 14px;
    font-weight: 500;
    color: #212A58;
    font-family: 'Montserrat';
}

.table_transactions table td {
    font-weight: 300;
    vertical-align: middle !important;
}

#DataTables_Table_0_paginate {
    padding-right: 18px;
}

#DataTables_Table_0_info {
    padding-left: 18px;
    font-weight: 500;
}
}

.table_transactions table td .select_field select {
    border-radius: 0;
    line-height: 35px;
    border: 1px solid #999999;
    padding: 0 10px
}

.table_transactions table td .select_field span {
    line-height: 37px;
    right: 10px;
    color: #999999
}

.table_transactions table td p {
    margin-bottom: 10px;
    color: #6C90EC;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
}

.table_transactions table td p a {
    color: #6C90EC;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 400;
}

.table_transactions .plus_transactions {
    text-align: center !important;
}

.table_transactions .plus_transactions {
    color: #f15e61;
    font-size: 14px;
    font-weight: 400;
}

/*end activites*/
/*talent*/

p.location_profil {
    color: #fff;
    font-weight: 300;
}

.text_head_profil_talent {
    padding-top: 10px;
}

.text_head_profil_talent p {
    color: #333333;
    font-size: 12px;
}

.img_talent>div {
    display: block;
    margin: 0 0 20px 0;
    position: relative;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    border-radius: 6px
}

.img_talent>div:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.img_talent>div .overlay_block {
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 6px;
}

/*.img_talent > div:hover .overlay_block{
    opacity: 1;
    visibility: visible;
}*/

.img_talent>div .overlay_block .inf {
    top: 50%;
    margin-top: -44px;
    position: relative;
}

.img_talent>div .overlay_block .inf p.name {
    font-weight: bold;
    color: #fff;
    font-size: 24px;
}

.img_talent>div .overlay_block .inf p.name span {
    display: block;
    line-height: 28px;
}

.img_talent>div .overlay_block .inf p i {
    color: #f1c40f;
    font-size: 20px;
}

/*end talent*/











/*-----Chat*/
/* Style css le 12/10/2015 */

.inbox_n {
    font-size: 14px;
    font-weight: bold;
    margin: 28px 0;
    display: inline-block;
}

.inbox_n a {
    color: #151D25;
    text-decoration: none;
    margin-left: 10px;
}

/*.inline_bottom {
    border-bottom: 1px solid #e7e7e7;
}*/
.title_block_exp {
    color: #323232;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 30px;
    position: relative;
    /*text-align: center;*/
}

.text-area_style {
    margin: 0px 0 30px 0;
    background-color: #ffffff;
    border-color: #ffffff;
    resize: none;
    color: #8b8b8b;
    font-weight: normal;
    padding: 15px;
    font-size: 12px;
    box-shadow: none;
}

.text-area_style:focus {
    border-color: #ffffff;
}

/*.pos_btn {
    float: right;
    padding: 0px 25px 29px 25px;
}*/
.btn_send_msg {
    padding-bottom: 20px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px;
}

.btn_send_msg .btn {
    /*margin-left: 15px;
    font-weight: 300;
    outline: none;
    margin-bottom: 10px;*/

}

/*.btn_send_msg .btn:focus{
    outline: none;
}*/
.btn_style_accept {
    background: #21a78c;
    color: white;
    border-radius: 18px;
    font-size: 15px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

.btn_style_accept:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #21a78c;
    background-color: rgba(255, 255, 255, 0);
    color: #21a78c;
}

.btn_style_refus {
    border-radius: 18px;
    background-color: #8b8b8b;
    color: white;

    font-size: 15px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn_style_refus:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #8b8b8b;
    background-color: rgba(255, 255, 255, 0);
    color: #8b8b8b;

    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0 25px;
    outline: none;
}

.btn_style_send:focus {
    outline: none;
}

.btn_style_refus:focus {
    outline: none;
}

.btn_style_send {
    border-radius: 20px;
    background-color: #2daae1;
    color: white;

    font-size: 15px;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn_style_send:hover {
    border-style: solid;
    border-width: 1px;
    border-color: #2daae1;
    background-color: rgba(255, 255, 255, 0);
    color: #2daae1;
    font-size: 15px;
    line-height: 34px;
    border-radius: 20px;
    max-width: 100%;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0 25px;
    outline: none;
}

/*begin_profile*/

.card {
    padding-top: 20px;
    margin: 10px 0 20px 0;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card .card-heading {
    padding: 0 20px;
    margin: 0;
}

.card .card-heading.simple {
    font-size: 20px;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #e5e5e5;
}

.card .card-heading.image img {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    vertical-align: top;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.card .card-heading.image .card-heading-header {
    display: inline-block;
    vertical-align: top;
}

.card .card-heading.image .card-heading-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
}

.card .card-heading.image .card-heading-header span {
    font-size: 12px;
    color: #999999;
}

.card .card-body {
    padding: 0 20px;
    margin-top: 20px;
}

.card .card-media {
    padding: 0 20px;
    margin: 0 -14px;
}

.card .card-media img {
    max-width: 100%;
    max-height: 100%;
}

.card .card-actions {
    min-height: 30px;
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 0;
}

.card .card-comments {
    padding: 20px;
    margin: 0;
    background-color: #f8f8f8;
}

.card .card-comments .comments-collapse-toggle {
    padding: 0;
    margin: 0 20px 12px 20px;
}

.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span {
    padding-right: 5px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-comments .media-heading {
    font-size: 13px;
    font-weight: bold;
}

.card.people {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 300px;
    padding-top: 0;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: top;
}

.card.people:first-child {
    margin-left: 0;
}

.card.people .card-top {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 170px;
    height: 150px;
    background-color: #ffffff;
}

.card.people .card-top.green {
    background-color: #53a93f;
}

.card.people .card-top.blue {
    background-color: #427fed;
}

.card.people .card-info {
    position: absolute;
    top: 150px;
    display: inline-block;
    width: 100%;
    height: 101px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.people .card-info .title {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #404040;
}

.card.people .card-info .desc {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.people .card-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.hovercard {
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: white;
    border-radius: 9px;
    margin: 10px 0 30px 0;
}

.card.hovercard .cardheader {
    background: url("../img/cover_profil.png");
    background-size: cover;
    height: 135px;
}

.card.hovercard .avatar {
    position: relative;
    width: 140px;
    top: 80px;
}

[contenteditable][placeholder]:empty:before {
    content: attr(placeholder);
    position: absolute;
    color: #9BAFDF;
    font-weight: 300;
    background-color: transparent;
}


.card.hovercard .avatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 1);
}

.card.hovercard .info {
    padding: 4px 8px 10px;
}

.card.hovercard .info .title {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 1;
    color: #262626;
    vertical-align: middle;
}

.card.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}

/*End profile*/

.name_pers_chat {
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: left;
    padding-left: 140px;

}

.name_avatar {
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    display: block;
    padding-left: 140px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24);

}

.title_avatar {

    color: #5f5f5f;

}



.title_avatar a {
    text-decoration: none;
    color: #333333;
    font-size: 16px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24);

}

.info_avatar {

    color: #8b8b8b;
    font-size: 12px;
    font-weight: 300;
}

.verified {
    padding: 30px 0;
    background-color: white;
    font-size: 15px;
    font-weight: bold;
    color: #20a78b;
    border-style: solid;
    border-color: #F7F9F9 #F7F9F9;

}

.bottom_space {
    margin-bottom: 30px;
}

.verified_object {
    padding: 20px 15px;
}

.verified_object>.row {
    margin-bottom: 10px;
}

.verified_object>.row:last-child {
    margin-bottom: 0;
}

.verified_object .ico_check {
    width: 100px;
    float: left;
    text-align: center;
}

.verified_object .ico_check i {
    font-size: 40px;
}

.verified_object .item_verifier .ico_check i {
    color: #20a78b;
}

.ico_check_error i {
    color: #F15E61;
}

.verified_object .text_check {
    width: calc(100% - 100px);
    float: left;
    text-align: left;
}

.verified_object .text_check span {
    display: block;
}

.verified_object .text_check .sp_1 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
}

.verified_object .text_check .sp_2 {
    color: #8b8b8b;
    font-size: 13px;
    font-weight: bold;
}

.viewCal a {
    color: #2daae1;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

tfoot {
    display: none;
}

#calendar_chat {
    width: 100%;
    display: block;
}

#calendar_chat table {
    width: 100%;
    padding: 0;
    background: #F7F9F9;
    border-radius: 10px
}

#calendar_chat table thead {
    background: #fff
}

#calendar_chat table thead tr.mainhead {
    line-height: 90px;
}

#calendar_chat table thead tr.mainhead td {
    height: 90px !important;
    line-height: 90px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
}

#calendar_chat table thead tr.mainhead td i {
    color: #f15e61;
    font-size: 30px;
}

#calendar_chat table thead td.hover {
    background: #fff !important;
    border: none !important
}

#calendar_chat table thead td.btn {
    width: 100%;
}

#calendar_chat table thead td.btn:focus,
#calendar_chat table thead td.btn:active {
    box-shadow: none;
    background: none
}

#calendar_chat table thead td.btn.hover {
    border: 1px solid #fff !important
}

#calendar_chat table thead td.title {
    font-size: 30px;
    font-weight: 300;
}

#calendar_chat table td.name {
    font-weight: normal;
}

.dev-sale .img-capture {
    display: none;
}

#calendar_chat tbody td.selected {
    font-weight: bold;
    padding: 1px;
    color: white;
    border: 1px solid #2DAAE1;
    background-color: #2DAAE1;
}

#calendar_chat tbody {
    background: #F7F9F9
}

#calendar_chat table td {
    height: 30px;
    border-radius: 0;
    text-align: center;

}

#calendar_chat table td.weekend {
    color: #333;
}

#calendar_chat table.mt {
    display: none !important;
}

.check_size {
    font-size: 50px;
    color: #8b8b8b;
    position: relative;
    display: inline-flex;
}

.first_item {
    font-weight: bold;
    font-size: 14px;
    float: left;

}

.second_item {
    float: left;
    color: #26A78B;
}

.tel {
    text-indent: -10px;
    float: left;
}

.nicescroll-rails.nicescroll-rails-vr {
    width: 5px !important;
}

.dev-messages {
    max-height: 450px;
    min-height: 230px;
    overflow-y: auto;
   /* padding: 15px;*/
    margin-bottom: 50px;
}

.item_msg_chat {
    margin-bottom: 30px;
    cursor: pointer;
}

.img_sender {
    width: 50px;
}

.img_sender img {
    border-radius: 50%;
    width: 100%;
}

.item_msg_chat_right .img_sender {
    float: right;
}

.item_msg_chat_left .bubble_sent {
    position: relative;
    padding: 14px 10px;
    border: 1px solid #9BAFDF;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 17px;
    font-weight: 300;
    color: var(--ds-text,#172b4d);
    font-size: 13px;
    width: calc(100% - 67px);
    display: inline-block;
}

/* .item_msg_chat_left .bubble_sent:after {
    right: 100%;
    top: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-width: 11px;

} */

.item_msg_chat_right .bubble_sent {
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    background-color: rgb(243, 244, 249);
    color: var(--ds-text,#172b4d) !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-right: 17px;
    font-weight: 300;
    color: #8b8b8b;
    font-size: 13px;
    float: right;
    width: calc(100% - 67px);

}

.item_msg_chat_right .bubble_sent:after {
    left: 100%;
    top: 12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #f9fafb;
    border-width: 10px
}

.item_msg_chat_left .bubble_sent img,
.item_msg_chat_right .bubble_sent img {
    max-width: 80px;
    border-radius: 5px;
    margin: 4px;
}

/*.item_msg_chat_right .bubble_sent{
    background: #8b8b8b
}*/
.item_msg_chat_right p.date_msg_send {
    text-align: left;
}

.item_msg_chat_left p.date_msg_send {
    text-align: right;
}

p.date_msg_send {
    font-size: 10px;
    color: #8b8b8b;
    font-weight: 300;
    visibility: hidden;
}

.item_msg_chat:hover p.date_msg_send {
    visibility: visible;
}

.top_space {
    margin-top: 30px
}

.seen_msg {
    float: right;
    font-size: 10px;
    color: #B599A8;
}

.seen_msg_2 {
    float: left;
    font-size: 12px;
}

.time_msg {
    font-size: 10px;
    color: #B599A8;
}

.space_bottom_chat {
    margin-bottom: 286px;
}

.img_sender {
    float: left;
}

.top_msg_back {
    border-bottom: 1px solid #e7e7e7;
    background: white;
}

.dev-messages-form {
   /* padding: 15px 15px 15px 0;
    /* border: 1px solid #c4cdd5; */*/
    background: #fff;
    border-radius: 5px;
}

.dev-messages-form .f-row {
    display: table;
    width: 100%;
}

.dev-messages-form .f-row .f-col {
    display: table-cell;
    /*  vertical-align: top;*/
}

.dev-messages-form .f-row .f-col small {
    padding-left: 10px;
    display: block;
    color: #ccc;
}

.page-container {
    padding: 50px 0;
}

.dev-messages-form .f-row .f-col:first-child {
    width: 50px;
}

.dev-messages-form .f-row .f-col:last-child {
    width: 100px;
}

.dev-messages-form .ms-add-media {
    background: none;
    color: #89919b;
    font-size: 22px;
}

.dev-messages-form .ms-add-media input[type="file"] {
    display: none;
}

.dev-messages-form .form-control {
    border-radius: 0;
    border-width: 0 0 0 1px;
    border-color: #c4cdd5;
    box-shadow: none;
}



.border-grey .chat-wrapper .message-wrapper{
    display:flex;
}
.border-grey .chat-wrapper .message-wrapper #editable{
    width:70%;
}
.border-grey .chat-wrapper .message-wrapper #sendmessage{
    background-color: #6C90EC!important;
    color: white;
    width: 80px;
    text-align: end;
    HEIGHT: 40px;
    align-items: flex-end;
    POSITION: absolute;
    right: 26px;
    bottom: 32px;
}
.dev-messages-form .chat-wrapper {
    width: 100%;
}

.dev-messages-form .message-text {
    min-height: 1em;
    max-height: 97px;
    width: 100%;
    align-content: center;
    outline: none;
    overflow: hidden;
}

@media (max-width: 767px) {
.image-with-100{
    width:100%;
}
.border-grey .chat-wrapper .message-wrapper #sendmessage{
    background-color: #6C90EC!important;
    color: white;
    width: 80px;
    text-align: end;
    HEIGHT: 40px;
    align-items: flex-end;
    POSITION: absolute;
    right: 39px;
    bottom: 81px;
}
    .title-pg{
      text-align: center;
    }
    .profil-page section.services{
        padding:30px 0;
    }
    .favoris-page{
        background-color: #eff4ff!important;
        padding-top: 25px;
        padding-left: 0px !important;
        min-height: 400px;
    }
    .messagerie-page{
        background-color: #eff4ff!important;
        padding-top: 25px;
        padding-left: 15px !important;
        min-height: 400px;
    }
    .compte-page{
        background-color: #eff4ff!important;
        padding-top: 25px;
        padding-left: 0px !important;
        min-height: 400px;
    }
    .transactions-page{
        background-color: #eff4ff!important;
        padding-top: 25px;
        padding-left: 15px !important;
        min-height: 400px;
    }
    .menu_wanted{
        display:none;
    }
    .enable-premium-content {
        position: absolute;
        background: #FFFFFF;
        border: 2px solid #F0F4FE;
        padding-bottom: 55px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .mgbtop10{
        margin-top: 20px !important;
        margin-bottom: 35px !important;
        padding-left: 8px;
    }
    .chat-intene {
        padding-bottom: 33px;
    }

    .images-pro {
        display: block;
        padding-bottom: 0px !important;
    }

    .images-pro-profile {
        display: none !important;
    }

    .dev-auth-hero-container .auth-actions {
        display: none;
    }

    .total-resa-info-next {
        padding: 24px 31px;
    }

    .dev-messages-form .message-wrapper {
        width: 133px;
        border: 1px solid #e4e7ec;
        border-width: 0px 0px 0px 0px !important;
        /*background-color: #f9fafb;*/
        padding: 10px;
    }
}

@media all and (min-width: 600px) and (orientation:landscape) {
    .hidden-img-hero2{
        position: absolute;
        right: -24px;
        top: 24px;
        }
    .hidden-img-hero1 {
       position: absolute;
       bottom: 0;
       right: 72px;
    }
    .devenir-partenaire-bloc .content{
        float: left;
        background-color: #f2f6fd;
         width: 100%;
        padding: 24px 24px 24px 24px;
    } 
    .devenir-partenaire-bloc p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    color: #232B5A;
    padding-top: 5px;
    padding-bottom: 5px;
/*    padding-top: 30px;
    padding-bottom: 30px;*/
}
    .dev-messages-form .message-wrapper {
       /* width: 320px;*/
        border: 1px solid #e4e7ec;
        border-width: 0px 0px 0px 0px !important;
        /* background-color: #f9fafb;*/
        padding: 10px;
    }
}

.dev-conversation-panel {
    background: white;
    border-radius: 7px;
}

.dev-conversation-panel .p-header {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #f6f6f6;
}

.dev-conversation-panel .p-header .p-title {
    font-size: 16px;
    font-weight: 300;
    color: #8395a7;
    margin: 0;
}

.dev-conversation-panel .p-body {
    padding-top: 15px;
}

.dev-conversation-panel .p-body .txt-last-offer {
    color: #b2b2b2;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.dev-conversation-panel .p-body .txt-loc {
    display: block;
    color: #000;
    padding: 3px 0;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 7px;
}

.dev-conversation-panel .p-body .txt-loc i {
    margin-right: 10px;
    color: #8597a9;
    font-size: 20px;
    vertical-align: middle;
}

.dev-conversation-panel .p-body .b-total .b-txt {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

.dev-conversation-panel .p-body .b-total .b-nbr {
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    float: right;
    text-align: right;
}

.dev-auth-card {
    /*background: white;*/
    /*padding: 25px;*/
    /*margin: 25px 0;*/
}

.dev-auth-card .auth-top {
    display: table;
    margin-bottom: 15px;
}

.dev-auth-card .auth-top .auth-img {
    display: table-cell;
    vertical-align: top;
    width: 80px;
}

.dev-auth-card .auth-top .auth-img img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*border: 5px solid white;*/
    /*box-shadow: 0px 3px 2px rgba(0,0,0,.12);*/
}

.dev-auth-card .auth-top .auth-info {
    display: table-cell;
    vertical-align: top;
    padding-top: 7px;
}

.dev-auth-card .auth-top .auth-info>span {
    display: block;
    font-weight: 300;
}

.dev-auth-card .auth-top .auth-info .auth-name {
    font-size: 18px;
    color: #333333;
}

.dev-auth-card .auth-top .auth-info .auth-loc {
    font-size: 12px;
    color: #666666;
}

.dev-auth-card .auth-top .auth-info .auth-stat {
    font-size: 12px;
}

.dev-auth-card .auth-bottom .b-line {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 300;
    color: #22295d;
}

.dev-auth-card .auth-bottom .b-line i {
    margin-right: 7px;
}

/*begin style seconde page*/
.txt_price {
    color: black;
    font-size: 18px;
    font-weight: 500;
    display: table;
}

.txt_profile {
    color: #5A6690;
    font-weight: 500;
    display: block;
}

.txt_status {}

.text_msg {

    color: #aeaeae;
    font-size: 12px;
    font-weight: 300;
    padding: 14px 10px;

}

.inline {

    border-top: 1px solid #e7e7e7;
    background-color: #fff;
    border-radius: 5px;
}

.img_r {
    width: 40px;
    margin: auto;
    margin-top: 10px;
}

.img_r img {
    border-radius: 50%;
    width: 100%;
}

.msg_left_wanted ul {
    padding: 15px;
    list-style: none;
    margin: 0;
}

.txt_time {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: 300;
}

.inline:hover {
    background-color: #fafafa;
    transition: all 0.3s;
}

.block_search {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
}

.box_shad_top {
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 1) !important;
}

.viewCal a {

    font-weight: bold;
    font-size: 14px;
    color: #2daae1;
    text-align: center;
    text-decoration: none;
    display: block;

}

.aprouver .inline .msg_left_wanted .txt_status {
    color: #aeaeae;
    font-weight: 500;
}

.contractualiser .inline .msg_left_wanted .txt_status {
    color: #20a78b;
    font-weight: bold;
}

.rejeter .inline .msg_left_wanted .txt_status {
    color: red;
    color: #e74c3c;
    font-weight: bold;
}

.verified_left_wanted ul {
    padding: 7px;
    list-style: none;
    margin: 0;
}

.inline .text-left {
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
}

.inline .pos_block {
    padding-top: 10px;
}

.brd_bot {
    border-bottom: 1px solid #e7e7e7;
    ;
}

.text_accept_membre {
    margin-top: 30px;
    margin-bottom: 30px;
}

.text_accept_membre p {
    font-size: 20px;
    font-weight: 400;
    color: #333
}

.text_accept_membre p span {

    color: #2daae2
}

/*End*/




@media (max-width: 767px) {
.txt_profile {
    color: #5A6690;
    font-weight: 500;
    display: block;
    padding-bottom:10px;
}
.inline .text-left {
    padding-top: 12px;
    padding-left: 0px;
    padding-bottom: 12px;
}
.text_msg {
    color: #aeaeae;
    font-size: 12px;
    font-weight: 300;
    padding: 11px 0px;
}
     .box-message {
        display: flex;
        flex-flow: column;
      }
      .profile_card {
        order: 1;
      }
      .chat-intene {
        order: 2;
      }
    .dev-conversation-panel {
        background: white;
        border-radius: 7px;
        padding:15px;
    }
     .dev-messages-form {
        padding: 15px 15px 15px 15px;
        /* border: 1px solid #c4cdd5; */
        background: #fff;
        border-radius: 5px;
    }
    .dev-messages {
        max-height: 450px;
        min-height: 230px;
        overflow-y: auto;
        padding: 15px;
        margin-bottom: 50px;
    }
    .devenir-partenaire-bloc p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    line-height: 17px;
    color: #232B5A;
    padding-top: 2px;
    padding-bottom: 8px;
    }
    .btn_style_refus:hover,
    .btn_style_send:hover {
        font-size: 13px;
        padding: 0px 10px;
    }

    .name_avatar {
        color: white;
        font-weight: 400;
        position: absolute;
        top: 105px;
        left: 0;
        font-size: 19px;
    }

    .title_block_exp {
        text-align: center;
        font-size: x-large;
    }

    .text-area_style {
        width: 100%
    }

    .pos_btn {
        float: initial;
    }

    .bubble_sent {
        width: 79%;
    }

    .btn_send_msg {
        text-align: center;
    }

    .btn_style_refus {
        min-width: 49%;
        font-size: 13px;
        display: inline-block;
        position: relative;
    }

    .btn_style_send {
        /* float: right !important;
        width: 42%;*/
        font-size: 13px;
        /*position: absolute;*/
        display: inline-block;
        margin-left: 0px;
        min-width: 49%;
    }

    .bubble_sent_2 {
        float: left;
        width: 80%;
    }

    .check_size {
        display: inline;
        position: relative;
        float: left;
    }
}

.checked_text {
    font-weight: bold;
    text-decoration: none;
    list-style: none;
}

.checked_item {
    color: #8B8B8B;
}

.item_check {
    float: left;
}

/*End chat*/
/*.block_mn_compte *{*/
/*    text-align: left !important;*/
/*}*/

.btn-center {
    text-align: center !important;
}

.block_mn_compte .title_li_compte {
    color: #000000;
    line-height: 60px;
    font-size: 20px;
    font-weight: normal;
}

.block_mn_compte p {
    text-align: left;
    color: #8b8b8b !important;
    font-size: 15px !important;
}

.block_mn_compte .pdl_30 {
    padding-left: 30px;
}

.block_mn_compte input[type="text"] {
    min-width: 40%;
    border-radius: 10px;
    background-color: rgb(250, 250, 250);
    line-height: 36px;
    padding: 0 20px;
    border: none;
}

.block_mn_compte textarea {
    min-width: 100%;
    border-radius: 5px;
    background-color: white;
    padding: 20px;
    border: 1px solid #c4cdd5;
    resize: none;
}

.block_mn_compte .title_label span {
    font-size: 14px;
    color: #22295d;
    font-weight: 400;
    line-height: 30px;
}

.block_mn_compte .title_label_ad span {
    font-size: 14px;
    color: #22295d;
    font-weight: 300;
    line-height: 30px;
}

.block_mn_compte .checkbox {
    display: inline-block;
    margin-right: 20px;
}

.block_mn_compte .checkbox label {
    padding: 0;
    color: #8b8b8b
}

.block_mn_compte .checkbox label input {
    margin: 0px 5px 0 0;
}

.block_mn_compte .checkbox.check_notif label input {
    margin: 3px 7px 0 0;
    float: left;
}

.block_mn_compte .delete_compte * {
    text-align: center !important;
}

/*.block_mn_compte .delete_compte a{
    color: #2daae1;
    font-size: 14px;
    font-weight: 300;
}*/

.block_mn_compte .sort_drop {
    position: relative;
    margin-bottom: 15px;
}

.block_mn_compte .link_show_historique a {
    border-radius: 12px;
    background-color: #f15e61;
    border: 1px solid #f15e61;
    line-height: 40px;
    display: block;
    color: #fff;
    text-align: center !important;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.block_mn_compte .link_show_historique a:hover {
    background: #fff;
    color: #f15e61;
    font-weight: normal;
}

.mgb_60 {
    margin-bottom: 60px !important;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique span {
    display: block;
    height: 24px;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .date_demande * {
    text-align: center !important;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique:nth-child(odd) {
    background: #f6f6f6
}

.block_mn_compte .list_result_hitorique .item_list_hitorique:nth-child(even) {
    background: #fff
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .date_demande span:first-child,
.block_mn_compte .list_result_hitorique .item_list_hitorique .nom_pers_demande span:first-child {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .date_demande span:last-child {
    font-size: 20px;
    color: #333;
    font-weight: 300;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .nom_pers_demande span:last-child {
    font-size: 14px;
    color: #333;
    font-weight: 300;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .price_demande * {
    text-align: right !important;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .price_demande span:first-child {
    font-size: 22px;
    color: #333;
    font-weight: 100;
}

.block_mn_compte .list_result_hitorique .item_list_hitorique .price_demande span:last-child {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.block_mn_compte .add_carte {
    background: #fff;
    border-radius: 5px;
    min-height: 170px;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #2d82d8;
}

.block_mn_compte .add_carte:hover {
    background: #2d82d8;
    border-color: #2d82d8;
    color: #fff;
}

.block_mn_compte .add_carte * {
    text-align: center !important;

}

.block_mn_compte .add_carte a {
    color: #2d82d8;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
}

.block_mn_compte .add_carte a span {
    display: block;
    font-weight: 300;
}

.block_mn_compte .add_carte:hover a {
    color: #fff;
}

.block_mn_compte .carte_item {
    background: #c5c9e1;
    border-radius: 5px;
    min-height: 170px;
    display: table;
    width: 100%;
    margin-bottom: 30px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: relative;
    border: 1px solid transparent;
}

/*.block_mn_compte .carte_item:hover{
         border-color: #f15e61; 
}*/

.block_mn_compte .carte_item * {
    text-align: center !important;

}

.block_mn_compte .carte_item a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
}

.block_mn_compte .carte_item a span {
    display: block;
}

.block_mn_compte .carte_item a span.img_carte {
    position: absolute;
    bottom: 10px;
    right: 10px;


}

.block_mn_compte .carte_item a span.img_carte img {
    width: 40px;
    height: auto;
    border-radius: 5px;
}

.ico_close_carte {
    font-size: 30px;
    color: #838484
}

.block_mn_compte .title_carte_info {
    text-align: center !important;
}

.block_mn_compte .title_carte_info span {
    font-size: 16px;
}

.block_mn_compte .carte_item_info p {
    margin-bottom: 50px;
}

.block_mn_compte .carte_item_info span {
    color: #353636;
    font-size: 15px;
}

.block_mn_compte .carte_item_info a {
    color: #f15e61;
    font-size: 15px;
}

.block_mn_compte .carte_item_info span,
.block_mn_compte .carte_item_info a {
    display: block;
    line-height: 30px;
}

.block_mn_compte .title_label .ico_bank {
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 20px;
    display: block;
}

.block_mn_compte .title_label .ico_bank img {
    margin-right: 15px;

}

.block_mn_compte .btn_update {
    margin-top: 50px;
}

/*.block_mn_compte   .btn_update a{
    margin: 10px;
    color: #2daae1;
    font-weight: 300;
    font-style: 15px;
}
.block_mn_compte   .btn_update a i{
    font-size: 16px;
}*/

.block_mn_compte .mes_infos_compte input[type="text"],
.block_mn_compte .mes_infos_compte input[type="password"] {
    min-width: 100%;
    border-radius: 5px;
    background-color: white;
    line-height: 46px;
    padding: 0 15px;
    border: 1px solid #c4cdd5;
    font-weight: 300;
}

.block_mn_compte .mes_infos_compte .location_field_2 span.ico_map {
    top: 13px;
    z-index: 3;
}

.block_mn_compte .mes_infos_compte .location_field_2 input {
    padding-left: 30px;
}

.block_mn_compte .mes_infos_compte #ville_r {
    min-width: 100%;
    border-radius: 5px;
    background-color: white;
    line-height: 46px;
    padding: 0 15px 0 30px;
    border: 1px solid #c4cdd5;
    position: relative;
    height: 46px;
    font-weight: normal;
    font-size: 14px;
    color: #333;
}

.block_mn_compte .mes_infos_compte select {
    min-width: 100%;
    border-radius: 5px;
    background-color: white;
    line-height: 46px;
    padding: 0 15px;
    border: 1px solid #c4cdd5;
    position: relative;
    height: 46px;
    font-weight: 300;
}

.fs_n {
    font-style: normal;
}

i.fs_n:before {
    font-size: 16px;
}

.block_mn_compte .mes_infos_compte {
    margin-top: -15px;
}

.block_mn_compte .mes_infos_compte .row {
    margin-bottom: 0;
}

.block_mn_compte .mes_infos_compte .title_label {
    margin-top: 15px;
}

.block_mn_compte .mes_infos_compte .select_field {
    position: relative;
    margin-bottom: 10px;
}

.block_mn_compte .mes_infos_compte .select_field span {
    content: "";
    position: absolute;
    right: 25px;
    line-height: 46px;
    top: 0;
}

.btn_add {
    margin-top: 30px;
}

.btn_add a {
    border-style: solid;
    border-width: 1px;
    border-color: #f15e61;
    display: inline-block;
    line-height: 36px;
    padding: 0 40px;
    border-radius: 0;
    color: #f15e61;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn_add a:hover {
    background: #f15e61;
    color: #fff;
}

.btn_add button {
    border-style: solid;
    border-width: 1px;
    border-color: #f15e61;
    display: inline-block;
    line-height: 36px;
    padding: 0 40px;
    border-radius: 0;
    color: #f15e61;
    text-decoration: none;
    background: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn_add button:hover {
    background: #f15e61;
    color: #fff;
}



.block_avis_profil .content_comment .date_comment {
    font-size: 15px;
}

.block_avis_profil .content_comment .cnt_comment p {
    color: #8b8b8b;
    font-size: 13px;
}

.avisload .time-avis {
    color: #7B88A7;
    font-size: 11px;
    padding-left: 5px;
}

.avisload .author-avis {
    color: #232B5A;
    font-size: 11px;
}

.avisload .cnt_comment p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 22px;
    color: #7380A1;
}

.block_avis_profil .content_comment .cnt_comment textarea {
    resize: none;
    border-radius: 5px;
    background-color: white;
    border: 1px solid #c4cdd5;
    padding: 15px;
    width: 100%;

}

.block_avis_profil .content_comment .add_avis {
    border: none;
}


.block_avis_profil .content_comment .add_avis a:hover {
    background-color: #fff;
    color: rgb(45, 170, 225);
}

.block_avis_profil .card.hovercard .cardheader {
    height: 200px;
}

.block_avis_profil .card.hovercard .avatar {
    top: 150px;
}

.block_avis_profil .card.hovercard .name_avatar {
    position: relative;
    top: 70px;
}

.block_avis_profil .card.hovercard .name_pers_chat {
    padding-top: 20px;
    padding-bottom: 30px;
}

.mn_w300 {
    min-width: 300px;
    padding: 0 10px;
}

.pop_up_notification {
    background: #f7f7f7
}

.pop_up_notification .nt_msg {
    background: #fff;
    margin: 0px -10px;
}

.pop_up_notification .nt_msg em {
    font-style: normal;
    line-height: 50px;
    display: inline-block;
    font-size: 15px;
    color: #333333;
    font-weight: 500;

}

.pop_up_notification .nt_msg em a {
    font-size: 15px;
    color: #f15e61;
    font-weight: 500;
}

.pop_up_notification .nt_msg em a:hover {
    color: #333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pop_up_notification li {
    margin: 0 15px;
    border-bottom: 1px solid #fff;
    padding: 10px 0;
    position: relative;

}

.pop_up_notification li em.close {
    position: absolute;
    right: 0;
    line-height: 57px;
    top: 0;
    font-size: 12px;
    z-index: 10;
    width: 20px;
    text-align: center;

}

.pop_up_notification li span {
    background: none
}

.pop_up_notification li span.photo img {
    width: 100%;
}

.pop_up_notification li a {
    display: block;
}

.pop_up_notification li span.msg_cnt {
    width: inherit;
    height: inherit;
    background: none;
    text-align: left !important;
    border-radius: 0;
    color: #8b8b8b;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 14px;
    margin-left: 10px;

}

.pop_up_notification li span:hover {
    background: none !important
}

.pop_up_notification li span.msg_cnt:hover {
    color: #333;
}








.search-top.search_ro {
    margin: 0 -10px;
    padding: 0;
}

.search-top.search_ro input {
    width: 100%;
    border: none;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 6px;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 10px;
}

.search-top.search_ro input[type="text"] {
    color: #2c3e50;
    margin-bottom: 0;
}

.search-top.search_ro input[type="submit"] {
    color: #fff;
    background: #f15e61
}

.search-top.search_ro span.icon_close {
    color: #666;
    position: absolute;
    top: 4px;
    right: 10px;
    background: none;
    width: 10px;
    height: inherit;
    font-size: 13px;
    font-weight: 300;
}

.search-top.search_ro .location_field input {
    padding-left: 25px;
}

.search-top .field_talent input {
    padding-right: 30px !important;
}


.search-top.search_ro .field_talent {
    padding: 0;
}

.search-top.search_ro .drop_list ul {
    list-style: none;
    padding: 5px 0;
    margin: 0;
    border-top: 1px solid #e7e8e9;
    border-bottom: 3px solid #e7e8e9;
}

.search-top.search_ro .drop_list ul li {
    margin: 0;
}

.search-top.search_ro .drop_list ul li a {
    color: #f15e61 !important;
    font-size: 14px;
    font-weight: 300;
    display: block;
    line-height: 30px;
    text-decoration: none;
    padding: 0 10px;
}

.search-top.search_ro .drop_list {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 1;
}

.search-top.search_ro .drop_list .listwish {
    margin: 0;
    padding: 10px 0;
}

.search-top.search_ro .drop_list .listwish>div {
    padding: 0 10px;
}

.search-top.search_ro .drop_list .listwish>div p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    color: #151d25
}

.search-top.search_ro .drop_list .listwish a {
    font-size: 11px;
    color: #f15e61;
    font-weight: 500;
    text-decoration: none;
    line-height: 30px;
}


.pad_top {
    padding-top: 65px !important;
}

.coup_de_coeur_list {
    background: #fff !important;
}

.coup_de_coeur_list .container>.row {
    margin: 0 -10px
}

.coup_de_coeur_list .col-md-4 {
    padding: 0;
}

.coup_de_coeur_list .item {
    margin-bottom: 15px;
}


.tt_cc_cr {
    margin-top: 50px !important;
    margin-bottom: 50px !important;

}

.tt_cc_cr a {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(45, 170, 225);
    background-color: rgba(255, 255, 255, 0);
    border-radius: 20px;
    line-height: 40px;
    color: rgb(45, 170, 225);
    text-decoration: none;
    display: inline-block;
    padding: 0 25px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.tt_cc_cr a:hover {

    background-color: rgb(45, 170, 225);
    color: #fff;
}



span.nb_caracteres {
    font-size: 12px;
    margin-right: 5px;
    margin-top: 5px;
}

.modal_home .sub_cat {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(231, 231, 231);
    background-color: rgb(255, 255, 255);
    border-radius: 20px;
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 5px;
    font-size: 14px;
    color: #353535;
    text-align: left;
}

.modal_home .sub_cat input {
    border: none;
    padding: 0 0 0 13px;
    display: inline-block;

}

input.min_210 {
    max-width: 230px;
    min-width: 230px;
}

input.m_ini {
    min-width: 100px;
    max-width: 100px
}

.modal_home .sub_cat span {
    background: #eceded;
    border-radius: 20px;
    line-height: 28px;
    display: inline-block;
    font-size: 13px;
    padding: 0 10px;
    margin-right: 3px;
}

.modal_home .sub_cat span i {
    margin-left: 5px;
    font-size: 13px;
    color: #909191
}

.modal_home .sub_cat span i:hover {
    cursor: pointer;
}

.modal_home .sub_cat .drop-list {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.modal_home .sub_cat input:focus+.drop-list {
    visibility: visible;
    opacity: 1;
    height: inherit;
}

.modal_home .sub_cat .drop-list ul {
    list-style: none;
    padding: 0 10px;
    margin: 0;

}

.modal_home .sub_cat .drop-list ul li {
    display: block;
    cursor: pointer;
    color: #333;
    font-size: 13px;
    height: 40px;


}

.modal_home .sub_cat .drop-list ul li:hover {
    color: #f15e61;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.modal_home .sub_cat .drop-list ul a {
    text-decoration: none;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    display: block;
    height: 40px;
}

.modal_home .sub_cat .drop-list ul a:hover {
    color: #f15e61;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#list_mode {
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #85909B;
}

#list_mode .operatoire_item .titre_operatoire {
    font-weight: 600;
    font-size: 16px;
}

.modal-body .btn_edit_inf {
    float: right;
}

.modal-body .btn_edit_inf span {
    top: 0;
}

#list_references p {
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #85909B;
}

#list_langues {
    text-align: left;
}

#list_langues>span {
    display: block;
    margin-bottom: 10px;
}

#list_tags {
    text-align: left;
}

#list_tags>span {
    display: block;
    margin-bottom: 10px;
}

#list_cat_html>span:last-child {
    margin-bottom: 30px;
    border-bottom: 1px solid #85909B;
    padding-bottom: 15px;


}

#list_cat_html {
    text-align: left;
}

#list_cat_html>span {
    display: block;
    margin-bottom: 10px;
}

#list_cat_html>span:last-child {
    margin-bottom: 30px;
    border-bottom: 1px solid #85909B;
    padding-bottom: 15px;


}

#ModalEditerExperiences .date-picker,
#ModalEditerExperiences .date-picker:focus {
    height: 44px;
    border: 2px solid rgb(231, 231, 231);
}

#list_experiences {
    text-align: left;
}

#list_experiences .mission_item {
    margin-bottom: 10px;
    border-bottom: 1px solid #85909B;

}

#list_experiences .mission_item .date_mission i {
    margin-right: 3px;
}

#list_portfolio .img_profotlio {
    margin-bottom: 10px;
    text-align: left;
}

#list_portfolio .img_profotlio>span {
    display: block;
    margin-bottom: 10px;
}

#list_portfolio .img_profotlio img {
    width: 100%;
}

.load_photo {
    font-size: 40px;
    color: #f15e61;
}

/*dashbord*/
section.dashbord {
    padding: 30px 0
}

section.dashbord>.container>.row {
    margin-bottom: 60px;
}

section.dashbord .bg_blue {
    background: #f15e61;
    padding: 15px 15px 0;
    border-radius: 10px;
    float: left;
    width: 100%;
}

section.dashbord .bg_blue .top_card {
    border-bottom: 1px solid #47926d;
    float: left;
    width: 100%;
}

section.dashbord .bg_blue .top_card span.icon_card i {
    color: #47926d;
    font-size: 50px;
    position: relative;
    top: -14px;

}

section.dashbord .bg_blue .top_card span.stat {
    font-size: 14px;
    font-weight: bold;
    color: #fff
}

section.dashbord .bg_blue .top_card span.stat em {
    font-style: normal;
    font-size: 24px;
}

section.dashbord .bg_blue .stat_bot {
    float: left;
    width: 100%;
}

section.dashbord .bg_blue .stat_bot span {
    display: inline-block;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

section.dashbord .bg_blue .stat_bot span.val_stat {
    font-weight: bold;
}

section.dashbord .dropdown_month a {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #f15e61
}

section.dashbord .dropdown_month .dropdown-menu {
    left: 50%;
    margin-left: -80px;

}

section.dashbord .block_ventes .bg_grey {
    padding: 0 15px;
}

section.dashbord .block_ventes .bg_grey .title_block_vente {
    border-bottom: 1px solid #e1e1e1;
    line-height: 50px;
}

section.dashbord .block_ventes .bg_grey .title_block_vente span {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

section.dashbord .block_ventes .bg_grey .row_vente {
    border-top: 1px solid #e1e1e1;
    line-height: 50px;
}

section.dashbord .block_ventes .bg_grey .row_vente {
    padding: 0 10px;
}

section.dashbord .block_ventes .bg_grey .row_vente .val_ventes {
    font-weight: bold;
}

section.synthese_ventes {
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
}

section.synthese_ventes h2 {
    font-size: 22px;
    font-weight: normal;
    color: #151d25;
    margin-bottom: 30px;
}

section.synthese_ventes p {
    font-size: 14px;
    font-weight: normal;
    color: #151d25;
    margin-bottom: 30px;
}

section.synthese_ventes p a {
    font-size: 14px;
    font-weight: normal;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(104, 212, 159);
    color: rgb(104, 212, 159);
    text-decoration: none;
    border-radius: 20px;
    display: inline-block;
    line-height: 40px;
    padding: 0 40px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

section.synthese_ventes p a:hover {
    background: rgb(104, 212, 159);
    color: #fff
}

/*end dashbord*/
section.calendar {
    padding-top: 40px;
    padding-bottom: 40px;
}

section.calendar>.container>.row {
    margin-bottom: 40px;
}

section.calendar .ico_etat span {
    margin-right: 15px;
    display: inline-block;
    line-height: 50px;
    color: #333;
    font-size: 14px;
}

section.calendar .ico_etat span i {
    margin-right: 10px;
    font-size: 26px;
    position: relative;
    top: 3px
}

section.calendar .ico_etat .pr_valide i {
    color: #a6dcd1
}

section.calendar .ico_etat .pr_nego i {
    color: #fad59c
}

section.calendar .ico_etat .pr_indis i {
    font-size: 40px;
    top: 9px;
    color: #c5c5c5
}

section.calendar .page-header {
    border: none;
    width: 100%;
    margin: 0;
    line-height: 60px;
    padding: 0;
}

section.calendar .btn_calendar button {
    line-height: 26px;
    padding: 0 15px;
    border-radius: 10px;
    background: #fafafa;
    border: none;
    color: #333;
    margin-right: 10px;
}

section.calendar .btn_calendar button.active {
    background-color: #f15e61;
    color: #fff
}

section.calendar .top_calendar {
    width: 100%;
    text-align: center;
    background: #fafafa;
    padding: 10px;
}

section.calendar .top_calendar h3 {
    display: inline-block;
    margin: 0;
    font-size: 30px;
    color: #333333;
    line-height: 48px;
    font-weight: normal;
    background: none !important;
    border: none !important
}

section.calendar .top_calendar button.prev {
    float: left;
}

section.calendar .top_calendar button.next {
    float: right;
}

section.calendar .top_calendar button {
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background: #f15e61;
    padding: 0;
    border: none;
    margin-top: 10px;
    color: #fff
}

section.calendar .cal-row-head {
    background: #c5c5c5 !important;
    color: #fff;
    font-weight: 300;
}

section.calendar .cal-day-weekend span[data-cal-date] {
    color: #333
}

section.calendar .cal-month-day.cal-day-inmonth:hover {
    border: 2px solid #f15e61
}

section.calendar .cal-month-day.cal-day-outmonth {
    background: #fafafa
}

section.calendar .cal-month-day.cal-day-outmonth span {
    color: #b3bcc1;
    opacity: 0.5;
}

section.calendar [class*="cal-cell"]:hover,
section.calendar .cal-year-box .row-fluid:hover,
section.calendar .cal-row-fluid:hover {
    background: none
}

section.calendar .title_mission .bg_grey_3 {
    background: #000;

}

section.calendar .title_mission h1 {
    margin: 0;
    line-height: 50px;
    font-size: 25px;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;

}

section.calendar .date_mission .bg_grey_dark {
    background: #fff;
}

section.calendar .date_mission .bg_grey_dark span {
    font-size: 14px;
    color: #fff;
    display: block;
    line-height: 30px;
    font-weight: 300;
}

section.calendar .list_missions .item_miss {
    border-bottom: 2px solid #e4e4e4;
    padding: 5px 10px 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

section.calendar .list_missions .item_miss a {
    text-decoration: none;

}

section.calendar .list_missions .item_miss:hover {
    background: #f7f7f7
}

section.calendar .list_missions .item_miss .titl_miss>i {
    width: 30px;
    text-align: center;
    display: inline-block;
}

section.calendar .list_missions .item_miss .titl_miss span {
    font-size: 14px;
    color: #f15e61;
    font-weight: bold;
}

section.calendar .list_missions .item_miss .hor_loc {
    padding-left: 33px;
}

section.calendar .list_missions .item_miss .hor_loc span {
    font-size: 14px;
    font-weight: normal;
    color: #333333
}

section.calendar .list_missions .item_miss i {
    color: #c5c5c5;
    font-size: 16px;
}

section.calendar .list_missions .item_miss .time_miss i {
    color: #333
}

/*footer*/

footer.footer_top {
    background: #000;
    padding-top: 50px;
    padding-bottom: 50px;
}

footer.footer_top h2 {
    color: #fff;
    margin-top: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px;
}

footer.footer_top p {
    color: #ecf0f1;
    font-size: 12px;
    font-weight: 300;
}

footer.footer_top .block_2 a span {
    float: left;
    text-align: center;
    width: 34px;
    line-height: 34px;
    margin-right: 5px;
    color: #fff;
    background: #151d25;
    border-radius: 50%;
    font-size: 20px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

footer.footer_top .block_2 a span i:before {
    line-height: 34px;
}

footer.footer_top .block_2 a span.blog {
    font-size: 11px;
    font-weight: bold;
}

footer.footer_top .block_2 a span:hover {
    /*background: #fff;*/

    color: #5c6167;
}

footer.footer_top .block_3 a {
    display: block;
    line-height: 24px;
    color: #ecf0f1;
    font-size: 12px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

footer.footer_top .block_3 a:hover {
    color: #f15e61
}

footer.footer_top .block_4 .adress {
    line-height: 20px;
}

footer.footer_top .block_4 span.map_icon {
    line-height: 60px;
    float: left;
    width: 25px;
    font-size: 16px;
    color: #151d25
}

p.mail_footer i {
    margin-right: 10px;
    color: #151d25
}

.footer_bot {
    background: #151d25;
    padding-top: 15px;
    padding-bottom: 15px;
}

.footer_bot p {
    margin-bottom: 0;
    color: #ecf0f1;
    font-size: 14px;
    font-weight: 300;
}

.footer_bot p i {
    color: #e74c3c;
    margin: 0 2px;
}

.footer_bot a {
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    margin-left: 10px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.footer_bot a:hover {
    color: #f15e61
}


.dev-footer {
    background: #20285e;
    padding: 25px 0;
    text-align: center;
}

.dev-footer .f-logo {
    padding: 15px 0;
}

.dev-footer .f-logo img {
    display: inline-block;
}

.dev-footer .f-desc {
    padding: 25px 0;
    font-size: 12px;
    color: #ecf0f1;
    font-weight: 300;
}

.dev-footer-nav {
    padding: 0;
    display: inline-block;
}

.dev-footer-nav li {
    display: inline-block;
    padding: 7px 10px;
}

.dev-footer-nav li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 300;
    color: #ecf0f1;
}

.dev-footer-nav li a:hover,
.dev-footer-nav li a:focus {
    color: #f15e61;
}

.dev-socials {
    margin-top: 25px;
}

.dev-socials a {
    color: #ecf0f1;
    font-size: 20px;
    margin: 0 10px;
}

.type_offre_dem {
    text-align: center !important;
    border: 3px solid #E7E7E7;
    border-radius: 6px;
    cursor: pointer;
}

.type_offre_dem.active {
    border: 3px solid #f15e61;
}

.type_offre_dem h3 {
    margin: 10px 0;
}

.type_offre_dem p span {
    margin: 0 10px;
}

.type_offre_dem input.field_pr {
    display: inline-block;
    width: 70px;
    padding: 0;
    text-align: center;
    line-height: 32px;
    padding: 0 10px;
}

.type_offre_dem input[type="radio"] {
    width: 12px;
    display: inline-block;
}


.tootip_info_forfait {
    position: absolute;
    background: #fff;
    margin: 40px 20px 0 20px;
    padding: 15px;
    text-align: left;
    border-radius: 6px;
    border: 2px solid rgb(231, 231, 231);
    min-width: calc(100% - 40px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.tootip_info_forfait:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8.7px 6px;
    border-color: transparent transparent #ffffff transparent;
    right: 47px;
    top: -8px;
}

.tootip_info_forfait.active {
    visibility: visible;
    opacity: 1;
}

input[type="file"] {
    position: relative;
    cursor: pointer;
}

input[type="file"]:before {
    content: '';
    position: absolute;
    height: 100%;
    background: #fff;
    width: 100%;
    left: 0;
    border-radius: 0;
}

input[type="file"]:after {
    content: 'Charger une image';
    color: #2e86de;
    position: absolute;
    margin: auto;
    font-weight: 500;
    font-size: 12px;
    left: 0;
    right: 0;
    text-align: center;
}

input#joined-message:after,
input#joined-message:before {
    content: '';
    display: none !important;
}

input#joined-message {
    font-size: 12px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.steps_pmt {
    padding: 15px 0;
    border-bottom: 1px solid #E7E7E7;
    text-align: center;
}

.steps_pmt span {
    display: block;
    font-size: 14px;
}

.steps_pmt span.step_number em {
    font-size: 16px;
    background: #f5f5f5;
    border-radius: 50%;
    font-style: normal;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 15px;
    text-align: center;

}

.steps_pmt.active span.step_number em {
    background: #2d82d8;
    color: #fff;

}

.steps_pmt.next_stp span.step_number em {
    background: #fff;

}

.steps_pmt.disable {
    background: #fafafa;
}

.steps_pmt.next_stp {}

.steps_pmt.disable span {
    color: #ccc
}

.confirm_pmt span {
    line-height: 30px;
}

.confirm_pmt span em {
    font-style: normal;
}

.confirm_pmt .cnt_pmt {
    font-size: 14px;
    color: #000;
    line-height: 30px;
}

.code_srt {
    position: relative;
}

.code_srt input {
    min-width: 200px !important;
    max-width: 90% !important
}

.code_srt .ico_info_code {
    margin-left: 10px;
    font-size: 18px;
}

.code_srt .ico_info_code i:before {
    display: inline-block;
    line-height: 40px;
    height: 40px;

}

.card-detail .addonnum-carte {
    position: absolute;
    right: 25px;
    top: 9px;
    color: #9BAFDF;
    z-index: 1;
}

.card-detail .addonnum-carte i {
    color: #9BAFDF;
    font-size: 14px;
}

.phone-information .addonnum-carte {
    position: absolute;
    left: 183px;
    top: 11px;
    color: #9BAFDF;
}

.phone-information .addonnum-carte i {
    color: #9BAFDF;
    font-size: 14px;
}

.choose-your-card select {
    -webkit-appearance: auto !important;
    color: #BFC6DB;
}

.code_srt .tootip_code {
    display: inline-block;
    background: #fafafa;
    padding: 5px 10px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    margin-top: -3px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.code_srt .tootip_code p {
    margin: 0;
    font-size: 12px !important;
}

.code_srt .ico_info_code:hover~.tootip_code {
    opacity: 1;
    visibility: visible;
}

.block_mn_compte .carte_item.active {
    border: 1px solid #f15e61;
    background: #f15e61;
}

.block_mn_compte .carte_item input[type="radio"] {
    visibility: hidden;
}

.btn_add.mgt_10 {
    margin-top: 10px !important;
}

.validation_pmt .text-center {
    text-align: center !important;
}

.validation_pmt p {
    color: #333 !important;
}

.validation_pmt .ico_check {
    font-size: 130px !important;
    color: #52B753 !important;
}

.map-hero .carousel {
    min-height: 260px;
}

.map-hero .carousel-caption {
    z-index: 1;
}

/* Declare heights because of positioning of img element */
.map-hero .carousel .item {
    height: 260px;
    background-color: #555;
}

.map-hero .carousel img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 400px;
}

.myCarouselKonfian .icon-retour {
    position: absolute;
    top: 22px;
    left: 15px;
    z-index: 100004;
    background: #FFFFFF;
    display: block;
    box-shadow: 0px 1px 4px rgb(117 117 117 / 55%);
    border: none;
}

.myCarouselKonfian .icon-share-mobile {
    position: absolute;
    top: 22px;
    right: 15px;
    z-index: 100004;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgb(117 117 117 / 55%);
    border: none;
}

.service-info-price .old-price, .info-service-de .old-price {
    color: #7f7f7f;
    margin-right: 10px;
    position: relative;
    font-weight: 400;
}

.service-info-price .old-price:before, .info-service-de .old-price:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
}

.block-panier .close-button a {
    background: #6C90EC;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 47px 12px 47px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .dev-serv .serv-price .current-price {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 34px;
        color: #232B5A;
        padding-right: 0px;
    }

    .dev-serv .serv-info .serv-price {
        display: inline-block;
        margin-right: 0px;
        font-weight: 400;
    }

    .dev-auth-hero-container .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btn_resa_mobile button {
        width: 100%;
    }

    .block-panier .action-button button {

        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        position: initial;
    }

    .profil_register_panier {
        padding: 0px !important;
        padding-bottom: 34px !important;
    }

    .btn_resa_mobile.fixed {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        padding: 15px;
        border: 1px solid #C5D1F0;
        z-index: 9999;
    }

    .btn_resa_mobile_second.fixed {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        padding-left: 2px;
        border: 1px solid #C5D1F0;
        z-index: 9999;
    }

    .etoiles-avis .service-title {
        border: 1px solid #A2ACC4;
        margin-left: 4px;
        padding-top: 5px;
        padding-bottom: 1px;
        padding-left: 7px;
        padding-right: 11px;
        border: 1px solid #A2ACC4;
        border-radius: 23px;
        color: #232B5A;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 300;
        font-size: 8px;
        display: inline-block;
    }

    .block-panier .close-button a {
        background: #6C90EC;
        border-radius: 4px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
        text-align: center;
        color: #FFFFFF;
        padding: 12px 47px 12px 47px;
        width: 100%;
        margin-bottom: 0px;
    }

    .description-talent {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content_comment .etoiles-avis i {
        color: #FCC538;
        font-size: 15px;
        line-height: 22px;
        padding-right: 2.17px;
    }

    .dev-serv .button-service {
        padding: 5px 10px 5px 10px;
    }

    #formReservation .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .action-date {
        margin-right: 0px;
        margin-left: 0px;
    }

    .search_row .service-search {
        background: #F3F3F3;
        border-radius: 8px;
        height: 45px;
        z-index: 10;
    }

    .search_row .cp-search {
        background: #F3F3F3;
        border-radius: 8px;
        height: 45px;
        z-index: 10;
    }

    .search_row .disponibilite-search {
        background: #F3F3F3;
        border-radius: 8px;
        height: 45px;
        z-index: 10;
    }

    .mt-10 {
        top: 9px;
    }

    .intro-login>div {
        text-align: center;
    }

    .dev-auth-hero .retour-precedent {
        margin-right: 15px;
        margin-top: 34px;
        display: flex;
        align-items: baseline;
        COLOR: #232B5A;
        FONT-SIZE: 19px;
    }

    .favoris_icon i {
        font-size: 15px;
        padding-top: 0px;
        color: #232B5A;
        font-weight: lighter;
        line-height: 35px;
    }

    .action-date .contenu span {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 30px;
        color: #21285E;
        padding-left: 0px;
        padding-top: 17px;
    }

    /* .dev-auth-hero .auth-title{
        margin: 0 0 2px 0;
       }
       .dev-auth-hero .auth-loc{
        padding: 2px 0;
       }*/
    .dev-serv .all-info {
        padding-left: 12px;
    }

    .dev-auth-hero .auth-img {
        width: 85px;
    }

    .dev-auth-hero .auth-info {
        padding-left: 6px;
    }

    .btn-mb-share .btn-wb {
        width: 100%;
    }

    .only-mobile-show {
        display: none !important;
    }

    .search_row .drop_list {
        top: 53px;
    }

    .description-talent .decription-talent-item {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 300;
        font-size: 13px;
        color: #212A58;
        margin-bottom: 4px;
    }

    .actions .btn-see-fiche {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        color: #232B5A;
    }

    .description-talent .serv-promo {
        color: #01a3a4;
        font-size: 11px;
        padding-top: 5px;
    }

    .description-talent .serv-promo i {
        background-color: #01a3a4;
        padding: 4px;
        border-radius: 4px;
        color: white;
        font-size: 10px;
        padding-top: 5px;
        margin-right: 4px;
    }

    .description-talent .price-element {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        margin-bottom: 5px;
        color: #232B5A;
    }

    .action-date .contenu button {
        padding: 17px 30px 16px 30px;
        background: #DE6866;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 11px;
        line-height: 24px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
    }

    .dev-sale hr {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .mobile-hide-before-valid {
        display: none;
    }

    .dev-sale {
        padding-top: 0px;
        border-radius: 12px;
        padding-bottom: 12px;
    }

    .dev-sale .img-capture {
        display: block;
        width: 100%;
        height: 240px;
        border-radius: 10px 10px 0px 0px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .dev-sale .sale-info .sale-title {
        font-size: 16px;
    }

    .dev-sale .sale-info .sale-loc-etoile {
        font-size: 12px;
    }

    .block_result_search {
        padding-top: 0px;
    }

    .search_row .field_talent span.ico_search {
        color: #04246E;
        font-size: 17px;
        top: 10px;
    }

    .search_row .location_field span.ico_map_s {
        font-size: 17px !important;
        top: 10px !important;
    }

    .search_row .field_talent span.ico_search2 {
        top: 15px !important;
        color: #e4e4e4 !important;
    }

    .opened-list-search input {
        border-radius: 0px;
    }

    .block-panier .resa-detail {
        background: #FFFFFF;
        padding-bottom: 37px;
        padding-top: 4px;
        margin-top: 35px;
    }

    .resa-detail .item-reservation .delete-service {
        padding-top: 51px;
    }

    .resa-detail .item-reservation .price {
        padding-top: 42px;
    }

    .item-reservation .info-detail-service .dev-counter-input {
        position: initial;
        top: 0px;
    }

    .resa-detail .item-reservation .serv-promo {
        color: #01a3a4;
        font-size: 12px;
        display: block;
        position: initial;
    }

    .myCarouselKonfian .icon-add-favoris {
        position: absolute;
        right: 2px;
        top: 272px;
    }

}

@media (min-width: 768px) {
    .dev-btn-area {
        padding-right: 10px;
    }
    .min-height-customer-card{
    min-height: 267px;
}
    .min-height-customer-card-second{
    min-height: 202px;
}
    .devenir-partenaire-bloc h3{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 30px;
    color: #232B5A;
    }

    .modal-dialog {
        width: 630px;
        margin: 30px auto;
        overflow-y: auto !important;
    }

    .myCarouselKonfian {
        display: none;
    }

    .only-mobile-desktop {
        display: none !important;
    }


}

.button-search-in-map {
    position: absolute;
    z-index: 1000;
    /* pointer-events: none;*/
    top: 62px;
    text-align: center;
    padding-left: 71px;
}

.button-search-in-map .search-in-map {
    background: #222B5A;
    border-radius: 2px;
    width: 200px;
    height: 30px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #FFFFFF;
}

@media (max-width: 767px) {
    body {
        width: 100vw;
        overflow-x: hidden;
    }
    .dev-footer .first-phase{
        margin-bottom:30px;
    }



    .navbar-brand img {
        width: 100%;
    }

    .navbar-toggle {
        border: 1px solid #20285e;
    }

    .header_2 .navbar-toggle {
        border: 1px solid #333;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .navbar-toggle .icon-bar {
        background: #20285e;
    }


    .action-date .contenu-phrase {
        background: #FFFFFF;
        padding: 5px;
        /*padding-bottom:60px;*/
    }

    #navbar {
        /*width: 100vw;
        padding: 0 0 15px;
        float: left !important;*/
        background: #fff;
    }

    /* #navbar .navigation li a{
        color: #333;
        font-weight: 500;
        font-size: 14px;
    }*/
    .header_2 #navbar {
        border-top: 2px solid #ccc;
        background: none;
        padding-bottom: 0;
    }

    .header_2 .navigation li {
        margin-top: 5px;
    }

    .dev-sale .sale-auth .dev-img img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 4px solid #f2f2f2;
    }

    .header_2 .avatar_header {
        height: 40px;
        width: 40px;
    }

    li.link_talent {
        margin-top: 10px;
    }

    .header_2 .navbar-toggle .icon-bar {
        background: #333;
    }

    .header_2.bg_n .navbar-toggle {
        border: 1px solid #fff;
    }

    .header_2.bg_n .navbar-toggle .icon-bar {
        background: #fff
    }

    .header_2.bg_n #navbar {
        border-top: 2px solid #ccc;
        background: #fff;
    }

    .header_2.bg_n .navigation li a,
    .navigation .dropdown-menu li a {
        color: #333 !important
    }

    .modal_home .modal-dialog {
        margin-top: 30px;
    }

    .field_talent:before {
        left: 10px;
    }

    .second_block .bl_1,
    .second_block .bl_2,
    .second_block .bl_3 {
        margin-bottom: 30px;
    }

    .galerie_cat .col_items {
        width: 100%;
        margin: 0;
    }

    .search_row {
        margin-top: 0;
        margin-bottom: 0;
    }

    .hero_home .text_hero .p_1,
    .hero_home .text_hero .p_3 {
    font-size: 21px;
    line-height: 30px;
    }

    .hero_home .text_hero .p_2 {
        font-size: 24px;
    }

    .bg_recherche {
        min-height: 430px;
        max-height: 430px
    }

    .bg_recherche .search_row {
        margin-top: 130px;
    }

    .bg_recherche .text_hero {
        margin-top: 110px;
    }

    .block_result_search .block_right .result_pers .details_pers {
        max-width: 100%;
        margin: 0 10px;
        min-width: 100px
    }

    .block_sort .pag_num {
        padding-top: 10px;
        float: left !important;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    footer.footer_top .block_1,
    footer.footer_top .block_2,
    footer.footer_top .block_3,
    footer.footer_top .block_4 {
        margin-bottom: 30px;
    }

    footer.footer_top .block_2 {
        float: left;
        width: 100%;
    }

    .footer_bot * {
        text-align: center !important;
    }

    .footer_bot a {
        font-size: 13px;
        display: inline-block;
        margin: 10px 5px 0;
    }

    .dev-footer-nav {
        display: block;
    }

    .dev-footer-nav li {
        display: block;
    }

    .result_wishlist .link_list {
        text-align: center !important;
    }

    .result_wishlist .numbre_list {
        margin-bottom: 20px;
    }

    .menu_wanted {
        min-height: 60px
    }

    .menu_wanted ul li {
        margin: 0;
        /*width: calc((100vw / 6) - 4px);*/
        min-height: auto;
        padding: 5px 10px;
    }

    .menu_wanted ul li a span.ico {
        line-height: 40px;
    }

    .menu_wanted ul li a span.title_men {
        /*display: none;*/
    }

    .bg_profil .spec-profil {
        bottom: inherit;
        top: 80px;
        text-align: center !important;
    }

    .bg_profil .spec-profil .side_right {
        text-align: center !important;
    }

    .name_pers_profil {
        text-align: center;
    }

    .btn_share_profil {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .tab_nav_profil ul li {
        margin: 0 5px;
    }

    .tab_nav_profil ul li a {
        font-size: 12px;
    }

    .block_item_talents .item_talent .img_article .avatar {
        width: 60%;
    }

    .nav_comment ul {
        text-align: center;
    }

    .nav_comment ul li {
        margin: 0 10px;
    }

    .nav_comment ul li a {
        font-size: 14px;
    }

    .content_comment .etoiles,
    .content_comment .date_comment {
        text-align: center !important;
    }

    .field_filter .span_filter span {
        text-align: left !important;
    }

    .mb_fl {
        float: none !important;
        display: block;
    }

    .block_mn_compte .list_result_hitorique .item_list_hitorique * {
        text-align: center !important;
    }

    .block_avis_profil .card.hovercard {
        margin: 15px;
    }

    .mn_w300 {
        min-width: 80%;
        padding: 0 10px;
        max-width: 95%;
    }

    .pop_up_notification li a {
        padding: 0 !important;
    }

    section.dashbord .bg_blue {
        margin-bottom: 15px;
    }

    .modal_home .conex_fb a {
        margin-bottom: 15px;
    }

    .dev-sale .s-row .s-col:nth-child(2) {
        max-width: calc(100% - 105px);
    }

    .dev-sale .sale-info .sale-loc {
        font-size: 12px;
    }

    /* .dev-sale .sale-auth {
        text-align: center;
    }*/
    .dev-sale .s-row .s-col:first-child {
        margin-right: 10px;
    }

    .dev-sale .s-row {
        display: table;
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 11px;
        border-bottom: 1px solid #C5D1F0;
        padding-top: 11px;
    }
}

.salon-descri {
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 20px;
    word-break: break-word;
}

.btn_change_cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 44px;
    width: 200px;
    margin: auto;
    text-align: center;
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    border-radius: 0;
    font-weight: 300;
    /*    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);*/
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.btn_change_cover:hover {
    text-decoration: none;
    color: #f15e61;
    border-color: #f15e61
}

.coverture_item>input {
    display: none;

}

.coverture_item img {
    border-radius: 6px;
    border: 3px solid #ddd;

}

.coverture_item.active img {
    border: 3px solid #2DAAE1
}

#cal-week-box {
    display: none !important;
}

#formEtape2 .select_field>select {
    padding: 0 15px;
    text-align: center;
}

#formEtape2 .select_field>span {
    position: absolute;
    top: 10px;
    right: 25px;
    background: none;

}

.error_validation {
    color: #de4b39 !important;
    border: block;
    border: 1px solid !important;
}

.tel_flag>span {
    display: inline-block;
    width: 60px;
    background: none;
    border: none;
    position: absolute;
    padding: 0;
    line-height: 36px;
    padding-left: 10px;
}

.tel_flag>input {
    padding-left: 10px !important;
}

.title_label .ion-checkmark-round.verified {
    padding: 0;
    border: 0
}

.readLess {
    font-weight: bold;
    margin-left: 2px;
    color: #f15e61;
    cursor: pointer;
}

.alldescription p, .alldescription span, .alldescription li {
    font-weight: 300;
    line-height: 22px;
    word-break: break-word;
}

.moinsdescription p, .moinsdescription span, .moinsdescription li {
    font-weight: 300;
    line-height: 22px;
    word-break: break-word;
}

.readMore {
    font-weight: bold;
    margin-left: 2px;
    color: #f15e61;
    cursor: pointer;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .wanted_block .img_membre .avatar {
        width: 20%;
    }
}

.blk_end_sing img {
    margin: 0 auto 15px;

}

.mgb0 {
    margin-bottom: 0 !important;
}

.modal_share {
    margin-top: 80px;
}


.hero_ccm {
    min-height: 400px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    top: -19px;
    position: relative;
    z-index: -1;
}

.hero_dcc {
    background: url(../img/hero_dcc.jpg) center center no-repeat;
}

.hero_ccm .text-hr {
    margin-top: 100px;
}

.hero_ccm .text-hr h1 {
    font-weight: 300;
    font-size: 36px;
    color: #fff;
    letter-spacing: 1px
}

.hero_ccm .text-hr h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1px
}

.pg-ccm .container {
    background: #fff;
    padding-top: 60px;
    -webkit-transform: translateY(-140px);
    -ms-transform: translateY(-140px);
    -o-transform: translateY(-140px);
    transform: translateY(-140px);
}

.pg-ccm .container .item_ccm {
    position: relative;
}

.pg-ccm .container .item_ccm:before {
    content: '';
    position: absolute;
    top: 40%;
    right: 0;
    background: url(../img/ico_arc.png) center center no-repeat;
    width: 24px;
    height: 23px;

}

.pg-ccm .container .item_ccm:last-child:before {
    display: none;
}

.pg-ccm .container .item_ccm .img-responsive {
    margin: auto
}

.pg-ccm .container .item_ccm h3 {
    color: #172434;
    font-weight: 300;
    font-size: 23px;
    letter-spacing: 1px;
    min-height: 100px;
    margin-bottom: 15px;
    padding: 0 30px;
}

.pg-ccm .container .item_ccm p {
    color: #646e7b;
    font-size: 15px;
    font-weight: 300;

}

.pg-ccm .link_ccm {
    margin-top: 120px;
}

.pg-ccm .link_ccm a {
    display: inline-block;
    border-radius: 50px;
    font-weight: 400;
    font-size: 14px;
    border: 2px solid #1e2a36;
    padding: 10px 40px;
    margin-right: 20px;
    text-decoration: none;
    color: #1e2a36;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.pg-ccm .link_ccm a:hover {
    background: #1e2a36;
    color: #fff
}

.pg-ccm .link_ccm a:first-child {
    color: #f15e61;
    border: 2px solid #f15e61
}

.pg-ccm .link_ccm a:first-child:hover {
    color: #fff;
    background: #f15e61;
}

.pg-dcc .container {
    padding-left: 30px;
    padding-right: 30px;
}

.pg-dcc h1 {
    font-size: 20px;
    color: #3e3e3e
}

.pg-dcc .cl-grey {
    background: #fff;
    float: left;
    width: 100%;
    border: 1px solid #c4cdd5;
}

.pg-dcc .mgb30 {
    margin-bottom: 20px;
    margin-top: 15px;
}

.pg-dcc .brdrs {
    border-radius: 5px;
}

.pg-dcc label {
    color: #172434;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 40px;
    float: left;
    margin-right: 10px;
}

.pg-dcc .cl-grey input,.pg-dcc .cl-grey select{
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    background: transparent;
    min-width: 100%;
    float: left;
border: 1px solid #C5D1F0 !important;
    height: 41px !important;
    border-radius: 2px;
    max-width: 100%;
}

.pg-dcc input.cl-grey {
    line-height: 40px;
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}


.pg-dcc .checkbox input {
    margin-top: 13px;

}

.pg-dcc .textarea_field label {
    display: block;
    width: 100%;
}

.pg-dcc .textarea_field textarea {
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    resize: none;
    color: #172434;
    font-weight: 400;
    font-size: 14px;
}

.pg-dcc .text-field p {
    color: #646e7b;
    font-size: 14px;
    font-weight: 400;
}

.pg-dcc .text-field p a {
    text-decoration: none;
    color: #f15e61
}

.pg-dcc .btn_add_files a {
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #f15e61;
    border-radius: 18px;
    font-weight: 300;
    text-decoration: none;
}

.pg-dcc .file_icon img {
    width: 100%;
}

.pg-dcc .select_field select {
    background: transparent url(../img/arrow_sel.png) 99% center no-repeat;
    border: none
}

.pg-dcc .link_horaires {
    text-align: center;
}

.pg-dcc .link_horaires a {
    text-decoration: none;
    color: #333 !important;
    background: #cccccc;
    border-radius: 6px;
    padding: 7px 15px;
    margin: 10px;
    display: inline-block;
}

.pg-dcc .table_diponibilite {
    border-collapse: separate;
    border-spacing: 1em;
}

.pg-dcc .table>thead>tr>th,
.pg-dcc .table>tbody>tr>th,
.pg-dcc .table>tfoot>tr>th,
.pg-dcc .table>thead>tr>td,
.pg-dcc .table>tbody>tr>td,
.pg-dcc .table>tfoot>tr>td {
    border: none;
    text-align: center;
    color: #333;
    font-weight: 400;
}

.pg-dcc .horaire_td {
    background: #e9edf4;
    border-radius: 4px;
    width: calc(100% / 8);
    cursor: pointer;

}

.pg-dcc .horaire_td input {
    visibility: hidden;
    opacity: 0;
    width: 0;
}

.pg-dcc .horaire_td.active {
    background: #f15e61;
}

.pg-dcc .link_horaires span {
    text-decoration: none;
    color: #333 !important;
    background: #e9edf4;
    border-radius: 6px;
    padding: 7px 15px;
    margin: 10px;
    display: inline-block;
    font-weight: 300;
}

.pg-dcc .link_horaires span.active {
    background: #52b590;
    color: #fff !important
}

.pg-dcc .btn_add_cours {
    text-align: center;
    margin-top: 50px !important;
}

.pg-dcc .btn_add_cours input {
    line-height: 36px;
    border: none;
    padding: 0 20px;
    color: #fff;
    font-weight: 300;
    background-color: #f15e61;
    border-radius: 18px;
    margin: auto
}

.pg-dcc .location_field_2 {
    width: 80%;
    float: left;
    background: transparent;
}

.pg-dcc .location_field_2 span.ico_map {
    left: 10px;
}

.pg-dcc .location_field_2 #ville_r {
    background: transparent;
    border: none;
    margin: 0;
}

.pg-dcc .location_field_2 .drop_list ul li a {
    color: #333
}

.pg-dcc .location_field_2 .drop_list ul li a:hover {
    color: #f15e61;
}

.block_confirmation {
    background: #fff;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 70px;
    min-height: 50vh;
}

.block_confirmation h2 {
    color: #171717;
    font-size: 29px;

}

.block_confirmation .ico_chk {
    font-size: 80px;
    color: #f15e61;
    margin-bottom: 0;
}

.block_confirmation .text_chk {
    color: #3a3a3a;
    font-size: 15px;
    margin-bottom: 30px;
}

.block_confirmation .btn_add_cours a {
    display: inline-block;
    line-height: 36px;
    text-decoration: none;
    border: none;
    padding: 0 20px;
    color: #fff;
    font-weight: 300;
    background-color: #f15e61;
    border-radius: 18px;
    margin: auto;
}

.location_field input {
    width: 95% !important;
}

.location_field .drop_list {
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 102%;
    /* left: -1%;*/
    top: 100%;
    padding: 5px 15px;
    /*border: 2px solid #dfdfdf;*/
    /* border-radius: 14px;*/
    display: none;
}

.location_field_search_only .drop_list {
    max-height: 200px;
    overflow-y: auto;
  /*  position: absolute;*/
    z-index: 10;
    background: #fff;
    width: 100%;
    /* left: -1%; */
    top: 100%;
    padding: 12px 15px;
    border:1px solid #C5D1F0;
    /* border-radius: 14px; */
    display: none;
}

.location_field .drop_list ul,.location_field_search_only  .drop_list ul{
    list-style: none;
    text-align: left;
    margin-bottom: 0;

}

/*
.location_field input:focus ~ .drop_list{
    display: block;
}*/
.location_field .drop_list ul a,.location_field_search_only .drop_list ul a{
    line-height: 20px;
    padding: 3px 0;
    display: block;
    color: #333;
    text-decoration: none;
}

.location_field .drop_list ul a:hover,.location_field_search_only  .drop_list ul a:hover{
    color: #f15e61
}

.gold_cl {
    color: #d7af10 !important
}

.phr_contact {
    font-size: 14px;
    color: #b3b3b3;
    margin-bottom: 0;
    margin-top: 10px;
}

.phr_contact a {
    background: #f15e61;
    color: #fff;
    line-height: 36px;
    padding: 0 50px;
    margin-left: 10px;
    display: inline-block;
    border-radius: 16px;
    text-decoration: none;
}

.profil_reservation {
    padding: 20px;
    background: white;
    border-radius: 7px;
}

.profil_register_panier .mon-credit {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    color: #6C90EC;
}

.profil_register_panier {
    padding: 20px;
    margin-top: 32px;
    background: white;
    border-radius: 7px;
    margin-right: 0px;
    margin-left: 0px;
}

.profil_register_panier h3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    color: #212A58;
}

.profil_register_panier input[type=number].profil_register_panier input[type=date], .profil_register_panier input[type=text], .profil_register_panier input[type=password], .profil_register_panier input[type=email], .profil_register_panier select {
    border: 1px solid #C5D1F0;
    height: 41px;
    border-radius: 2px;
}

.profil_register_panier .form-check-label {
    margin-left: 34px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.3px;
    color: #212A58;
}

.profil_register_panier .card-info img {
    padding-right: 7px;
}

.profil_register_panier .card-info {
    border: 1px solid #C5D1F0;
    padding-top: 14px;
    padding-bottom: 37px;
}

.cg-commande {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    color: #808CB7;
    padding-top: 18px;
}

.action-commande button:hover {
    color: #FFFFFF;
}

.item-rea-small .qty, .item-rea-small .title, .item-rea-small .price {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: #212A58;
}

.confirmation-cmd h3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    padding-bottom: 8px;
    padding-top: 16px;
}

.confirmation-cmd p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    padding-bottom: 25px;

}

.item-rea-small {
    padding: 30px 18px 15px 18px;
    border-bottom: 1px solid #F0F4FE;
}

.resa-detail .horaire {
    background: #F0F4FE;
    text-align: center;
    padding: 15px 15px 15px 15px;
    margin-left: 31px;
    margin-right: 31px;
}

.resa-detail .horaire_conf {
    background: #F0F4FE;
    text-align: center;
    padding: 7px 15px 7px 15px;
    margin-bottom: 41px;
}

.resa-detail .horaire_conf h3 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 31px;
    line-height: 24px;
    color: #20285E;
}

.resa-detail .horaire_conf h4 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #20285E;
}

.action-commande {
    padding-bottom: 41px;
    padding-top: 43px;
}

.action-commande span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.3px;
    color: #00196E;
}

.action-commande button {
    background: #DE6866;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    padding: 11px 32px 11px 32px;
}

.profil_register_panier .card-resume {
    border: 1px solid #C5D1F0;
    padding-top: 14px;
    padding-bottom: 14px;
}

.profil_register_panier .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #7B1FA2;
}

.profil_register_panier .custom-control-input:checked~.custom-control-label.red::before {
    background-color: red;
}

.profil_register_panier .custom-control-input:checked~.custom-control-label.green::before {
    background-color: green;
}

.profil_register_panier .card-detail {
    padding-top: 16px;
    background: #F0F4FE;
    border: 1px solid #BFC6DB;
    border-radius: 0px;
    padding-left: 0px;
}

.profil_register_panier .card-info span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.3px;
    color: #B4C2E7;
}

.profil_register_panier .form-group p, .profil_register_panier .checkbox label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #808CB7;
}

.profil_register_panier .checkbox input[type=checkbox] {
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid #C5D1F0;
    border-radius: 2px;
}

.profil_register_panier *::-webkit-input-placeholder {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
    color: #9BAFDF;
}

.profil_reservation.affix {
    top: 100px;
    width: 360px;
}

.profil_reservation .titlebloc {
    background-color: #fff;
    color: #8395a7;
    font-weight: 300;
    padding: 0 0 15px 0;
    font-size: 18px;
    border-bottom: 1px solid #f6f6f6;
    text-align: center;
    margin-bottom: 20px;
    /*text-transform: uppercase;*/
}

.profil_reservation .lineservice {
    padding: 20px 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;

}

.profil_reservation .lineservice i {
    display: block;
    margin-bottom: 10px;
    font-size: 40px;
    color: #d1d7de;
}

.avatarItem {
    display: inline-block;
    position: relative;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #fff;
    margin-left: -4px;
}

.edit-team {
    color: #2d82d8 !important;
    margin-right: 10px
}

.dev-services-list .cartServiceCont {
    border: 1px solid #f15d61;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 5px 10px;
}

.profil_reservation .price {
    background-color: #fff;
    color: #8395a7;
    font-weight: 300;
    padding: 0 0 15px 0;
    font-size: 18px;
    border-bottom: 1px solid #f6f6f6;
    text-align: center;
    /*text-transform: uppercase;*/
}

.profil_reservation .price span {
    font-size: 14px;
}

.profil_reservation .price u {
    font-style: normal;
    font-size: 12px;
    position: relative;
    top: -5px;
    text-decoration: none;
}

.calendar {
    text-align: center;
    background: white;

}

.calendar.n-bg {
    background: none;

}

.calendar h3 {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    line-height: 49px;
    text-transform: uppercase;
    /*    border:1px solid #545454;
    border-bottom: 0;
    border-top: 0;
    background: #252525;*/
}

.calendar .rdrd {
    /*border: 1px solid #dcdcdc;*/
    /*padding:20px;*/
}

.calendar .date-picker-i {
    margin-bottom: 30px;
}

.calendar .table-condensed {
    width: 100%;
}

.calendar .table-condensed .datepicker-switch {
    font-size: 18px;
}

.calendar .table-condensed .datepicker-switch,
.calendar .table-condensed th {
    text-align: center;
    font-weight: 400;
    text-transform: capitalize;
}

.calendar .table-condensed th.next,
.calendar .table-condensed th.prev {
    font-size: 20px;
    color: #f15e61;
    cursor: pointer;
}

.calendar .table-condensed td.disabled {
    color: #ccc;
}

.calendar .table-condensed td {
    border: 2px solid #fff !important;
    text-align: center;
}

/*.calendar .table-condensed td.active{
    border-radius: 10px;
}*/
.calendar .datepicker-months td:hover,
.calendar .datepicker-years td:hover {
    background: none !important;
    color: #333;
}

.calendar .datepicker-months span.month,
.calendar .datepicker-years span.year {
    width: 33%;
    display: block;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.calendar .datepicker-months span.month:hover,
.calendar .datepicker-years span.year:hover,
.calendar .datepicker-months span.month.active,
.calendar .datepicker-years span.year.active {
    background: #f15e61;
    color: #fff
}

.calendar .select {
    margin-bottom: 15px;
}

.calendar .select select {
    position: relative;
    background: url('../img/arrow_sct.png') 93% center no-repeat;
}

#alert-modal-body-konfian {
    font-size: 18px;
    padding-bottom: 13px;
}

#alert-modal-global-konfian .modal-body button {
    background: #DE6866;
    border-radius: 4px;
    color: #FFFFFF;
    width: 92px;
}

.calendar .btn-resa input {
    line-height: 45px;
    background-color: #f15e61;
    border-radius: 0;
    color: #fff;
    width: 100%;
    border: none;
    border-radius: 5px;
    margin: 5px 0;
}

.calendar .btn-resa a {
    line-height: 40px;
    font-weight: 300;
    background-color: #f15e61;
    border-radius: 5px;
    color: #fff;
    width: 100%;
    border: none;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent;
}

.calendar .btn-resa a:hover {
    background-color: transparent;
    color: #f15e61;
    border-color: #f15e61;
}

.hours_span {
    margin-bottom: 30px;
}


.hours_span span {
    width: 30%;
    display: inline-block;
    margin: 1%;
    padding: 5px 0;
    border: 1px solid #f15e61;
    background: #f15e61;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px !important;
    color: #fff;
    font-weight: 300;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.hours_span span input {
    display: none;


}

/*.hours_span span:hover{
    border: 1px solid #f15e61;
    background: #fff;
    color: #f15e61;
}*/
.hours_span span.active {
    background: #fff !important;
    color: #f15e61 !important;
    font-weight: 300;
    border: 1px solid #f15e61 !important;
}

.hours_span span.disabled {
    border: 1px solid #f0f4ff !important;
    background: #f0f4ff !important;
    color: #040404 !important;
    cursor: not-allowed;
}

.row_price_cal {
    padding: 10px 15px;
    background: #f0f4ff;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.p_under_resa {
    text-align: center !important;
    color: #787878;
    font-weight: 400;
    margin-top: 10px;
    font-size: 12px !important;
    margin-bottom: 0;
}

.row_price_cal.bbn {
    border-bottom: none;
    margin-bottom: 10px;
}

.row_price_cal span {
    font-weight: 300;
    font-size: 14px !important;
}

.row_price_cal span:first-child() {
    max-width: 80%
}

.row_price_cal span.right_spn {
    font-weight: 500;
}

.lh40 {
    line-height: 40px;
    margin: 0;
}

.modal_form hr {
    height: 1px;
    background: #e1e1e1;
}

.row.mgb0 {
    margin-bottom: 0 !important;
}

.cl-green {
    color: #f15e61;
    text-decoration: none;
}

a.cl-green {
    color: #f15e61;
}

.pad0 {
    padding-left: 0;
    padding-right: 0;
}

.pad10 {
    padding: 0 10px !important;
}

.datepicker.datepicker-dropdown td.disabled {
    color: #e7e7e7
}

.datepicker.datepicker-dropdown .datepicker-months span.month,
.datepicker.datepicker-dropdown .datepicker-years span.year {
    width: 33%;
    display: block;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}

.datepicker.datepicker-dropdown .datepicker-months span.month:hover,
.datepicker.datepicker-dropdown .datepicker-years span.year:hover,
.datepicker.datepicker-dropdown .datepicker-months span.month.active,
.datepicker.datepicker-dropdown .datepicker-years span.year.active {
    background: #f15e61;
    color: #fff;
}

@media(max-width: 992px) {
    .title_block {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        color: #232B5A;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .title_block_faq {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        color: #232B5A;
        padding-bottom: 22px;
        margin-bottom: 0px;
    }
    .dev-sale .sale-info {
        text-align: left;
        margin-top: 0px;
    }

    .profil_reservation {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        margin-top: 25px;
    }

}

@media(max-width: 767px) {

    .search_row input,
    .search_row .btn_srch {
        width: 100% !important;
    }

    .hero_home .text_hero {
        top: 0;
    }

    .savoir_faire .nav_tem {
        display: none;
    }

    .field_talent:before {
        display: none;
    }

    .profil_reservation {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        margin-top: 25px;
    }

    .text-right.phr_contact {
        text-align: left !important;
    }

    .text-right.phr_contact a {
        padding: 0 30px;
    }

    .pg-dcc .container {
        padding-left: 15px;
        padding-right: 15px
    }

    #nbr_of_prof {
        margin-top: 30px;
    }

    .dev-form-container {
        padding: 5px;
        background: none;
    }

    .dev-row {
        display: block;
    }

    .dev-col {
        display: block;
        margin-bottom: 10px;
    }

    .dev-col.dev-col-80 {
        width: 100%;
    }

    .dev-col.dev-col-40 {
        width: 100%;
    }

    #alert-modal-global-konfian {
        margin-top: 30%;
    }

    .dev-col.dev-col-20 {
        width: 100%;
    }

    .hero_home .text_hero {
        min-height: auto;
    }

    /* here 007 */

    .inputs-container {
        padding: 0;
    }

}


@media(max-width: 480px) {
    .dev-combined-input {
        display: block;
        width: 100%;
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;


    }

    .mapcontainer .dev-combined-input {
        box-shadow: none !important;
    }

    .dev-combined-input>div {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .dev-combined-input>div>.form-control,
    .dev-combined-input>div>.form-control:focus {
        border-radius: 5px;
        border: 1px solid white;
    }

    .dev-combined-input>div>.form-control.input-lg {
        height: 53px;
    }

    .dev-combined-input>div:not(:first-child) {
        border-left: none;
    }

    .search_row input {
        height: 53px;
        line-height: 53px;
    }

    .search_row .location_field span.ico_map {
        top: 16px;
    }
}

.balance {
    font-size: 20px
}

/*style checkbox*/
*:focus,
*:active,
*:hover {
    outline: none !important
}

.checkbox_2 {
    outline: none
}

.checkbox_2 label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    outline: none
}

.checkbox_2 label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: transparent;
    -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;
}

.radio_button_2 label::before {
    border-radius: 8.5px !important;
}

.checkbox_2 label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

.checkbox_2 input[type="checkbox"],
.checkbox_2 input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    height: 0;
}

.checkbox_2 input[type="checkbox"]:focus+label::before,
.checkbox_2 input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox_2 input[type="checkbox"]:checked+label::after,
.checkbox_2 input[type="radio"]:checked+label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox_2 input[type="checkbox"]:indeterminate+label::after,
.checkbox_2 input[type="radio"]:indeterminate+label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}

.checkbox_2 input[type="checkbox"]:disabled+label,
.checkbox_2 input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.checkbox_2 input[type="checkbox"]:disabled+label::before,
.checkbox_2 input[type="radio"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox_2.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox_2.checkbox-inline {
    margin-top: 0;
    margin-right: 20px;
}

.check_se .checkbox_2.checkbox-inline {
    margin-right: 0;
    margin-left: 20px;
}

.check_se .checkbox_2.checkbox-inline label {
    font-weight: 400 !important;
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: #337ab7;
    border-color: #337ab7;
    outline: none
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
    background-color: #f15e61;
    border-color: #f15e61;
    outline: none;
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
    color: #f15f61;
}

.checkbox-warning input[type="checkbox"]:checked+label::before,
.checkbox-warning input[type="radio"]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {
    color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::before,
.checkbox-primary input[type="radio"]:indeterminate+label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::after,
.checkbox-primary input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::before,
.checkbox-danger input[type="radio"]:indeterminate+label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::after,
.checkbox-danger input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::before,
.checkbox-info input[type="radio"]:indeterminate+label::before {
    /*  background-color: #5bc0de;
  border-color: #5bc0de;*/
}

.checkbox-info input[type="checkbox"]:indeterminate+label::after,
.checkbox-info input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::before,
.checkbox-warning input[type="radio"]:indeterminate+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::after,
.checkbox-warning input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::before,
.checkbox-success input[type="radio"]:indeterminate+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::after,
.checkbox-success input[type="radio"]:indeterminate+label::after {
    background-color: #fff;
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.radio input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"]+label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"]+label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"]+label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked+label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"]+label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked+label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked+label:after,
input[type="radio"].styled:checked+label:after {
    /*  font-family: 'FontAwesome';
    content: "\f00c";*/
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {
    color: #fff;
}

.me_reserv {
    background-color: #ccc !important;
}

.non_lu {
    color: black;
    font-weight: bold;
}

.non_lu_bleu {
    background-color: #edf3f7;
}

.no_diponible {
    background-image: none !important;
    background-color: #ccc !important;
    color: #fff !important;
}

.html_dispo p {
    font-size: 15px !important;
    color: #F44336;
    letter-spacing: 0.6px;
}

.cl-grey.brdrs.invalid {
    background: #FFCDD2 !important
}

.bg_after {
    position: relative;

}

.bg_after:after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 50px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 16px;
}

.bg_after.perct:after {
    content: '%'
}

.bg_after.hhre:after {
    content: 'H'
}

.bg_after.euross:after {
    content: '€'
}

.modal-dialog {
    position: relative;
    width: auto;
    max-width: 600px;
    margin: 10px;
    border-radius: 5px;
    border: 0;
}

.modal-sm {
    max-width: 300px;
}

.modal-lg {
    max-width: 900px;
}

.empty-state-icon {
    font-size: 80px;
    color: #cdd2ed
}

.pagination_result .title_sort,
.pagination_result .page {
    display: none
}

.pagination_result .btn-prim-o {
    min-width: 40px;
    margin: 5px 3px
}

.pagination_result .btn-prim-o.custom_active {
    background-color: #f15e61;
}

.pagination_result .btn-prim-o.custom_active a {
    color: white;
}

.pagination_result .btn-prim-o a {
    color: #f15e61
}

.pagination_result .btn-prim-o a:hover,
.pagination_result .btn-prim-o:hover a {
    color: #fff;
    text-decoration: none;
}

.nb-menu-mobile {
    display: none;
}
@media (max-device-width:768px) and (orientation: landscape) {

}
@media (min-width: 768px) {

    .modal-dialog {
        margin: 30px auto;
    }
    .dev-footer .first-phase{
        margin-bottom:80px;
    }
}

@media (min-width: 320px) {
    .modal-sm {
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 620px) {
    .modal-dialog {
        margin-right: auto;
        margin-left: auto;
    }

    .modal-lg {
        margin-right: 10px;
        margin-left: 10px;
    }
}

@media (min-width: 920px) {
    .modal-lg {
        margin-right: auto;
        margin-left: auto;
    }
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    background: none;
    font-size: 14px;
    color: #4a507b;
    font-weight: 300;
    border: 1px solid #ccc;
}


.select2-container {
    width: 100%;
}

.tag-selected {
    display: inline-block;
    position: relative;
    padding: 7px;
    background: #dce2e7;
    font-size: 12px;
    color: #22295d;
    font-weight: 300;
    margin: 5px 5px 5px 0;
    border-radius: 5px;
}

.destroy-tag-selected {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;

}

.destroy-tag-selected:hover {
    text-decoration: none;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding: 7px 0 7px 30px;
    position: relative;
}

.select2-container--default .select2-selection--multiple:before {
    display: block;
    content: "\e090";
    position: absolute;
    top: 11px;
    left: 9px;
    font-family: 'simple-line-icons';
    font-size: 17px;
}

.concept-banner {
    padding: 100px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeff+0,3369e7+100 */
    background: #122337;
    /* Old browsers */
    background: -moz-linear-gradient(45deg, #103155 0%, #122337 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #103155 0%, #122337 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #103155 0%, #122337 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#103155', endColorstr='#122337', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.concept-banner h2,
.concept-banner p {
    color: #fff
}

.banner-actions .btn {
    margin: 0 10px;
}

.concept-banner h2,
.icons-banner h2 {
    font-size: 22px;
}

.icons-banner p {
    font-size: 18px;
    color: #20285e
}

.mobilebanner {
    background: transparent
}

td.fc-day.fc-past {
    background-color: #f0f4fe;
    color: #C5D1F0;
}

td.fc-day-top.fc-past .fc-day-number {
    color: #C5D1F0;
}

.alert {
    margin-bottom: 0;
}

.block_mn_compte .add-emp.mes_infos_compte .location_field_2 input,
.block_mn_compte .add-emp.mes_infos_compte .location_field_2 textarea {
    padding-left: 40px;
    color: #333;
}

.add-emp.mes_infos_compte .btn {
    margin: 0 10px;
}

.block_mn_compte .add-emp.mes_infos_compte {
    margin-top: 30px;
}

span.btn {
    cursor: inherit;
}

.nav-pills>li>a,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
    color: #22295d;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 12px;
    margin-right: 45px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #6C90EC;
    background-color: transparent;
    border-bottom: 2px solid #2d82d8;
    border-radius: 0;
    font-size: 12px;
}

.panel-default {
    padding: 20px;
    border: 0;
}

.table-responsive select.input-sm {
    line-height: inherit;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -o-appearance: menulist;
    appearance: menulist;
}

.table.table {
    width: 100% !important;
}


.facturencour {
    color: #C5D1F0 !important;
}

.dev-dash-stat .stat-top .stat-days small,
.dev-dash-stat .stat-bottom .stat-months small {
    display: block;
}

.table_transactions table .state {
    text-transform: capitalize;
}

#formEditerPortfoliosalon input {
    line-height: 0;
    padding: 10px 20px;
}

#formEditerPortfoliosalon input[type="file"]:before {
    background: transparent;
}

#formEditerPortfoliosalon input[type="file"]:after {
    display: none;
}

.nm-menu li a {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #707070;
    vertical-align: bottom;
    text-decoration: none;
    padding: 16px 10px;
}

.nav_mobile {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 1031;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    right: 0;
    background-color: #fff;
    /* Black*/
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 60px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
}

.nav_mobile ul {
    margin: 0;
    padding: 0;
}

/* The navigation menu links */
.nav_mobile a {
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.nav_mobile .subcat-title {
    opacity: 0.6;
    padding: 15px;
}

.nav_mobile li a {
    font-size: 14px;
    font-weight: 400;
    color: #8395a7;
    padding: 10px 0;
    display: block;
}

.nav_mobile li a em,.menu_wanted  li a em {
    font-style: normal;
    background-color: #e74c3c;
    display: inline-block;
    width: 15px;
    height: 15px;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
}

.nav_mobile li.submenu a {
    font-size: 14px;
    font-weight: 400;
    color: #22295d;
    padding: 15px 0;
    display: block;
}

.nav_mobile li>ul {
    display: none;
}

.nav_mobile li.open>ul {
    display: block;
}

.nav_mobile li.open {
    background: #eff1f4;
}

.nav_mobile li.submenu:after {
    content: "\e604";
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'simple-line-icons';
    top: 15px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform-origin: center;

}

.nav_mobile li.submenu.open:after {

    transform: rotate(180deg);
    transform-origin: center;

}

.nav_mobile li {
    display: block;
    position: relative;
    border-bottom: 1px solid #eff1f4;
}

.menu_user li {
    border-bottom: 0;
}

.nav_mobile li.link_talent {
    display: block;
    position: relative;
    border: 1px solid #f15e61;
    margin: 10px 15px;
    border-radius: 5px;
}

.nav_mobile li.link_talent a {

    color: #f15e61;
    padding: 10px 0;

}

/* Position and style the close button (top right corner) */
.nav_mobile .closebtn {
    position: absolute;
    top: 0;
    font-size: 33px;
}

#nav_mobile_header {
    height: 60px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 30000;
    display: none
}

.home_links h3 {
    font-size: 16px;
    color: #20285e;
    font-weight: 400;
}

.home_links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home_links ul li a {
    display: block;
    padding: 3px 0;
    font-weight: 300;
    color: #8395a7;
    margin: 0;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
.home_links ul li a {
    display: block;
    padding: 3px 0;
    font-weight: 300;
    color: #8395a7;
    margin: 0;
    font-size: 10px;
}
section.coup_de_coeur {
    background: #F0F4FE;
    padding-bottom: 25px !important;
}
section.coup_de_coeur_first {
    padding-top: 25px !important;
}
    .dev-nav-bottom {
        display: none;
    }
}

.no_found_4_dec {
    font-family: Montserrat, sans-serif;
    font-size: 28px;
    color: #20285E;
    margin: 20px 0;
}

.not_found_4_desc_2 {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 30px;
    color: #20285E;
}

.button_not_found {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #DE6866;
    text-decoration: none;
    text-decoration-color: currentcolor;
    text-decoration-line: none;
}

.card_not_found {
    width: 240px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DE6866;
    box-sizing: border-box;
    border-radius: 3px;
}

.block_result_404 {
    padding: 100px;
}

.form-paiement {
    height: 30px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 11.8px;
    letter-spacing: 0.1em;

    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    padding: 6px 12px;
}

.form-paiement::-webkit-input-placeholder {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    line-height: 11px;
    color: #E7E7E7;
}

.cgvspan {
    line-height: 14px !important;
    color: #232B5A;
    display: initial !important;
    font-size: 12px !important;
    font-style: normal;
}

#info-tel-pay {
    font-size: 18px;
    margin-left: 10px;
    color: #333333
}

.error_msg {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    padding: 14px;
    color: #F05D61 !important;
}

.error_input {
    border: 1px solid #df0f0f !important;
    border-width: 2px;
}

.modal_annuler .title_annuler {
    padding: 24px;
    height: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #232B5A;
}

.modal_annuler .desc_annuler {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 15px;
    color: #8B8C91;
    padding-bottom: 20px;
}

.item-portfolio-vide {
    background: #FFFFFF;
    border: 1px solid #C5D1F0;
    padding-top: 120px;
    padding-bottom: 120px;
    color: #9BAFDF;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
}

.modal_annuler .desc_suppression {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #212A58;
}
.modal_annuler .desc_suppression::first-letter {
    text-transform: uppercase;
}

.compte-galerie-modal {
    padding: 45px !important
}

.modal_annuler .annuler_btn {
    background: #FFFFFF;
    border: 1px solid #DE6866;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 350;
    font-size: 12px;
    color: #DE6866;
    height: 34px;
    width: 120px;
    transition: all 0.2s;
}
.modal_annuler .annuler_btn2 {
    background: #FFFFFF;
    border: 1px solid #DE6866;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 350;
    font-size: 12px;
    color: #DE6866;
    height: 34px;
    width: 120px;
    transition: all 0.2s;
}
@media (max-width: 767px) {
   .modal_annuler .confirmer_btn {
    width: 120px !important;
}
}

.modal_annuler .annuler_btn:hover {
    background: #DE6866;
    color: #ffffff;
}

.modal_annuler .confirmer_btn {
    background: #DE6866;
    border-radius: 3px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 350;
    font-size: 12px;
    border: none;
    color: #FFFFFF;
    height: 34px;
    width: 120px;
}
.modal_annuler .confirmer_btn2 {
    background: #DE6866;
    border-radius: 3px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 350;
    font-size: 12px;
    border: none;
    color: #FFFFFF;
    height: 34px;
    width: 120px;
}
.modal_annuler .modal-body {
    padding-bottom: 20px;
    word-break: break-word;
}

@media (max-width: 767px) {
    .modal_annuler .annuler_btn {
        margin-bottom: 10px;
    }

    .address-input {
        width: 100% !important
    }

    .title-right {
        padding-left: 12px !important;
    }

    .block_result_404 {
        padding: 46px;
    }
}

.title-right {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-size: 15px;
    line-height: 21px;
    padding-left: 60px;
    text-align: right;
    color: #959EA8;

}

.carousel-indicators li {
    width: 8px;
    height: 8px;
    margin: 2px;
    background-color: rgba(255, 255, 255, .8);
    border: none;
}

.carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 2px;
    background-color: rgb(108, 144, 236, .8);
}

.button-choisi-date-hidden {
    display: none !important;
}


/* JULIEN K */

.caption {
    position: relative;
}

.caption #caption-text {
    margin: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 20;
}

#caption-text {
    left: 15px;
}
.blog-title-top{
    margin-left: 29px !important;
    margin-bottom: 23px !important;
}
.comment-service{
    padding: 11px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 15px;
    color: #FFFFFF;
}
.blog-title-top h3{
        width: 80%;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height:18px;
        font-variant: small-caps;
        color: #FF5E58;
}
.blog-title-top p{
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        color: #FFFFFF;
        width: 69%;
}
.blog-title-top-small{
    margin-left: .3rem !important;
     margin-bottom: 15px !important;
}
.blog-title-top-small h3{
color: #FF5E58;width: 80%; font-weight: 400; font-size: 12px; text-transform: uppercase;
}
.blog-title-top-small p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #FFFFFF;
text-transform: uppercase;
}
.caption-2 {
    position: relative;
}

.caption-2 #caption-text {
    margin: -1px 0 0 0;
    color: #fff;
    background: rgba(41, 82, 123, 1);
    font-size: 15px;
}

.caption-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #FFFFFF;
}



.caption-body {
    color: white;
    font-size: 12px;
 /*   padding-top: 4px;
    padding-bottom: 4px;*/
}

.caption-address {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight:400;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
}

.img-full-width {
    width: 100% !important;
    height: 100% !important;
}

.logo-konfian {
    color: #22295D;
    font-family: 'Lexend Deca';
    font-size: 30px;
    font-weight: bold;
}

.logo-konfian-white {
    color: white;
    font-family: 'Lexend Deca' !important;
    font-size: 23px;
    font-weight: bold;
}

.mb-80 {
    margin-bottom: 80px;
}
.mbt-80 {
    margin-bottom: 80px;
}
.mbt-60 {
    margin-bottom: 40px;
}
.collapse-title {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #232B5A !important;
}
.separator-faq{
    border: 0.4px solid #C5D1F0;
    margin-top: 30px;
    opacity: 0.4;
}
.cursor-pointer .collapsed .fa-chevron-up {
    cursor: pointer;
    transform: rotate(180deg);
    transition: transform 0.2s ease-out 0s;

}
.faq-question .panel-group {
    margin-bottom: 30px;
}
.collapse-description {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 133.4%;
    color: #757575;
}

.font-500 {
    font-weight: 500 !important;
}

.mb-7 {
    margin-bottom: 7px;
}

.mt-17 {
    margin-top: 17px;
    margin-bottom: 7px;
}

.hidden-description {
    width: 50% !important
}

.margin-hero2 {
    padding: 20px !important;
    margin-bottom: 70px;
}

.mt-20 {
    margin-top: 20px
}

.hidden-description1 {
    width: 70%;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #232B5A;
    padding-bottom:15px;
}
.cashback-desc{
     padding: 40px;
     margin-top: 15;
    }
.ou-content-element{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #21285E;
    padding: 15px;
}
.see-more-part{
font-family: 'Montserrat';
font-style: normal;
font-weight:300;
font-size: 14px;
line-height: 17px;
text-decoration-line: underline;
color: #21285E;
}
.cover-top {
            width: 100%;
            height: 374px !important;
            border-radius: 4px;
        }
@media screen and (max-width: 740px) {
    .cashback-desc{
     padding: 27px!important;
     margin-top: 15;
    }
    .ou-content-element{
        font-family: Montserrat;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        color: #21285E;
        padding: 5px;
    }
    .devenir-partenaire-bloc {
        position: relative;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 20px;
    }
    .item-service-konfian{
        padding-left: 0px;
        padding-right: 10px;
        margin-bottom: 10px;
        height: 195px;
        min-width: 43%;
        margin: 0 0px;
       }
    .cover-top {
                width: 100%;
                height:195px !important;
            }
    .caption-title {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 16px;
        color: #FFFFFF;
    }
    .comment-service {
        padding: 11px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 300;
        font-size: 8px;
        line-height: 10px;
        color: #FFFFFF;
    }
    .caption-address {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 9px;
        line-height: 10px;
        color: #FFFFFF;
    }
    .hidden-img-hero1 {
       position: absolute;
       top: 16px;
       left: 50%;
       transform: translate(-50%, 0%);
    }
    .list-top-konfian{
        display: flex;
        flex-direction: row;
        height: 212px;
        overflow-x: scroll;
        white-space: nowrap;
        margin-left: 15px;
        overflow: overlay;
    }
   .list-top-konfian::-webkit-scrollbar {
          height: 5px;              /* height of horizontal scrollbar ← You're missing this */
          width: 4px;               /* width of vertical scrollbar */
          border: 1px solid #232B5A;

        background: #232B5A;
        box-shadow: 1px 1px 2px rgba(196, 196, 196, 0.3);
        border-radius: 9px;
        }
    .list-top-konfian::-webkit-scrollbar {
  height: 5px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #232B5A;

background: #232B5A;
box-shadow: 1px 1px 2px rgba(196, 196, 196, 0.3);
border-radius: 9px;
}
.mbt-80{
    margin-bottom:20px;
}




.list-top-konfian::-webkit-scrollbar-track {
  border-radius: 0;
  background: #FFFFFF;
}

.list-top-konfian::-webkit-scrollbar-thumb {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #232B5A;

background: #232B5A;
box-shadow: 1px 1px 2px rgba(196, 196, 196, 0.3);
border-radius: 9px;

}

    .hidden-description1 {
        width: 100% !important;
        text-align: center;
        margin-top: 163px;
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        color: #232B5A;
    }
    .see-all-detail{
      display: inline-grid;
    }
    .credit-cadeau-promo{
        text-align:center;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 40px;
    }
}
 .credit-cadeau-promo{
        padding-right: 0px;
    }
#mySidebar .logo-pro-menu{
    padding: 0px;
    width: 200px;
    position: fixed;
    top: auto;
    bottom: 0px;
    left: 0px;
    left: auto;
    background-color: #fff;
    width: 271px;
}
.logo-pro-menu .navbar-brand-pro{
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.logo-pro-menu .deconnexion-pro{
        float: right;
        font-size: 26px;
}
@media screen and (max-width: 992px) {

#mySidebar .logo-pro-menu{
    padding: 0px;
    width: 200px;
    position: fixed;
    top: auto;
    bottom: 0px;
    left: 0px;
    left: auto;
    background-color: #fff;
    width: 100%;
}
.logo-pro-menu .navbar-brand-pro{
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.logo-pro-menu .deconnexion-pro{
        float: right;
        font-size: 26px;
}
    .hidden-img-hero2 {
            position: ABSOLUTE;
            bottom: 0px;
            right: 0px;
        }
    .hidden-img-hero2 img{
         width:100%;
        }
    .devenir-partenaire-bloc .content {
        float: left;
        background-color: #f2f6fd;
        width: 100%;
        padding: 0px 0px 19px 0px;
    }
    .devenir-partenaire-bloc h3 {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 30px;
        color: #232B5A;
    }
    .hidden-description {
        width: 100% !important
    }

    .margin-hero2 {
        padding: 20px !important;
        margin-bottom: 0px !important;
    }
}

#DataTables_Table_0_length, #DataTables_Table_1_length {
    display: none;
}

#DataTables_Table_0_filter, #DataTables_Table_1_filter {
    display: none;
}

@media (max-width:992px) {
    #hidden-fixed {
        display: none
    }
    #navbar {
        display: none !important
    }
    .logo-flotant-content {
        padding-top: 11px !important;
        padding-bottom:7px!important;
    }
    .navbar-brand {
                 position: absolute;
                 left: 50%;
                 margin-left: -60px !important;  /* 50% of your logo width */
                 display: block;
    }

    .filter-btn-transaction-active {
        margin-right: 10px !important;
        padding: 7px 10px 7px 10px !important
    }


    .filter-btn-transaction {
        margin-right: 10px !important;
        padding: 7px 10px 7px 10px !important
    }

    .search-input {
        float: inherit !important;
        width: 100% !important;
    }

    #container-pro {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .hidden-fixed {
        display: none
    }

    .navbar-toggle {
        display: block !important;
        border: 1px solid #20285e;
        float: left;
        margin-left: 15px;
        margin-right: 0px;
        margin-top: 15px;
    }
    .icon-connexion-user{
    margin-right: 15px;
    display: block;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    }

    .header_2 .navbar-toggle {
        border: 1px solid #333;
        margin-top: 14px;
        margin-bottom: 0;
    }

    .navbar-toggle .icon-bar {
        background: #20285e;
    }
}

#show-section {
    display: none;
}

@media (max-width:1199px) {
    #hidden-section {
        display: none;
    }

    #show-section {
        display: block !important;
    }
}

.input-blue {
    border: 1px solid #C5D1F0;
    color: #9BAFDF;
    border-radius: 2px;
    font-weight: 300;
    height: 40px;
    font-size: 13px;
}

.input-blue::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9BAFDF;
    opacity: 1;
    /* Firefox */
}
.search-input-blue-cl {
    border: 1px solid #6C90EC;
    border-radius: 2px;
    height: 31px;
    border-radius: 4px;
    width: 100%;
    color: #9BAFDF!important;
}
.search-input-blue {
    border: 1px solid #6C90EC;
    border-radius: 2px;
    height: 31px;
    border-radius: 4px;
    width: 321px;
    color: #9BAFDF!important;
}

.search-input-blue::placeholder,.search-input-blue-cl::placeholder {
    color: #9BAFDF!important;
    opacity: 1;
}

.mt-40 {
    margin-top: 40px !important;
}

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

.bold-600 {
    font-weight: 500 !important
}

.filter-btn-transaction-active {
    background: #6C90EC;
    color: white;
    font-size:14px;
    border-radius: 4px;
    text-decoration: none;
    border: 0;
    font-weight: 300!important;
    height: 40px;
    line-height: 43px;
    margin-right: 19px;
    padding: 10px 10px 10px 10px
}

.filter-btn-transaction-active:hover {
    background: #6C90EC;
    color: white;
    font-size:14px;
    border-radius: 4px;
    text-decoration: none;
    border: 0;
    font-weight: 300!important;
    height: 40px;
    line-height: 43px;
    margin-right: 19px;
    padding: 10px 10px 10px 10px
}


.filter-btn-transaction {
    background: #FFFFFF;
    color: #6C90EC;
    font-size:14px;
    border-radius: 4px;
    text-decoration: none;
    line-height: 43px;
    border: 0;
    font-weight: 300!important;
    height: 40px;
    margin-right: 19px;
    padding: 10px 10px 10px 10px
}

.filter-btn-transaction:hover {
    background: #FFFFFF;
    color: #6C90EC;
    font-weight: 300!important;
    border-radius: 4px;
    text-decoration: none;
    line-height: 43px;
    border: 0;
    height: 40px;
    margin-right: 19px;
    padding: 10px 10px 10px 10px
}

.title-table {
    color: #212A58;
}

.btn-delete-card {
    width: 100%; background: transparent; color: #6C90EC; border: 1px solid #6C90EC; border-radius: 4px; height:40px; font-weight: 300
}

.btn-cancel-card {
    width: 100%; background: transparent; color: #6C90EC; border: 1px solid #6C90EC; border-radius: 4px; height:40px; font-weight: 300
}

.btn-save-card {
    width: 100%; background: #6C90EC; color: white; border-radius: 4px; border: 0; height:40px; font-weight: 300
} 

.td-transaction{
    color: #31343d !important;
    font-size: 14px;
    font-family: 'Montserrat';
    font-style: normal;

}
.td-transaction span{
    color: #31343d !important;
    font-size: 14px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight:400 !important;

}


.prev-btn-left-pagination {
    background: #FFFFFF;
    border: 1px solid #808CB7;
    border-radius: 4px 0px 0px 4px;
    height: 40px;

    padding: 7px 10px 7px 10px
}

.prev-btn-right-pagination {
    background: #FFFFFF;
    border: 1px solid #808CB7;
    border-radius: 0px 4px 4px 0px;
    height: 40px;
    padding: 7px 10px 7px 10px
}


.nb-pagination {
    background: #FFFFFF;
    border: 1px solid #808CB7;
    height: 40px;
    padding: 7px 13px 7px 13px;
    color: #808CB7 !important;
}

.nb-pagination-active {
    background: #808CB7;
    color: white;
    border: 1px solid #808CB7;
    height: 40px;
    padding: 7px 13px 7px 13px
}

#sub-nav-active {
    color: #6C90EC !important;
    font-weight: 700;
}

.test {
    position: fixed;
    z-index: 999 !important;
    background-color: #F0F4FE;
    height: 100% !important;
    width: 390px;
}

.sidebar {
    height: 100%;
    width: 280px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #F0F4FE;
    transition: 0.5s;
    overflow-x: hidden;
    padding-top: 60px;
    white-space: nowrap;
}

.sidebar a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

.sidebar a:hover {
    color: #f1f1f1;
}

main .sidebar {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.material-icons,
.icon-text {
    vertical-align: middle;
}

.material-icons {
    padding-bottom: 3px;
    margin-right: 30px;
}

#main {
    padding: 16px;
    margin-left: 85px;
    transition: margin-left 0.5s;
}

@media screen and (max-height: 450px) {
    .sidebar {
        padding-top: 15px;
    }

    .sidebar a {
        font-size: 18px;
    }
}

#nav-vertical-active {
    color: #6C90EC !important
}

.active-filter {
    color: #6C90EC !important;
    border-bottom: 2px #6C90EC solid;
    padding-bottom: 10px !important;
    cursor: pointer;
    font-weight: 500 !important
}

.active-compte-filter {
    color: #6C90EC !important;
    border-bottom: 2px #6C90EC solid;
    padding-bottom: 10px !important;
    cursor: pointer;
    font-weight: 500 !important
}

.msg-filter {
    color: #232B5A;
    font-weight: 400;
    cursor: pointer !important;
}

.compte-filter {
    color: #232B5A;
    font-weight: 400;
    cursor: pointer !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.compte_pro {
    padding: 30px 0;
}

.calendrier {
    padding: 30px 0;
}

.icon-select {
    position: relative;
    right: -39px;
    top: -22px;
}

.pagination>li>a {
    color: #808CB7!important
}

.pagination>.active>a {
    color: white!important
}

.services-page {
    padding: 30px 0 !important;
}

.check-box {
    transform: scale(2);
}

.select-dispo {
    line-height: 10px !important;
    padding: 7px 0px 8px 5px !important;
    border: 1px solid #A0ADB8;
    width: 52px;
    -moz-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(../../assets/images/arrow_down.svg);
    background-repeat: no-repeat;
    background-position-x: 86%;
    background-position-y: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    color: #232B5A;
}

.ml-60 {
    margin-left: 60px
}

.title-page {
    color: #212A58;
    font-size: 20px;
    margin-left: 25px
}

#container-pro {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}

.separator2 {
    height: 1px;
    background-color: #C5D1F0;
    border: none;
    margin: 0;
    margin-top: 10px;
}

.section-account {
    padding: 20px;
    border: 1px solid #C5D1F0;
}

.reset-padding {
    padding: 0 !important
}

.reset-margin {
    margin: 0 !important
}

.cursor-pointer {
    cursor: pointer !important
}

.toggle-collapse {
    position: relative;
    top: 3px
}

.flex-row {
    display: flex;
    flex-direction: row
}

.mb-30 {
    margin-bottom: 30px
}

.panel-title {
    font-size: 15px;
    font-weight: 700;
    color: #212A58
}
.section-profile-mango .panel-title {
    font-size: 19px;
    font-weight: 700;
    color: #212A58
}
.section-profile-mango .btn-save-l{
    padding: 17px 12px;
    font-weight: 400;
        font-size: 17px;
}

.dispo-day {
    font-size: 15px;
    font-weight: 500;
    color: #212A58;
    display: inline-block;
    width: 87px;
}

.of_dispo {
    padding-left: 10px;
    color: #232B5A
}

.space-between {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.btn-cancel {
    width: 100%;
    background: transparent;
    color: #6C90EC;
    border: 1px solid #6C90EC;
    border-radius: 4px;
    height: 40px
}

.btn-apply {
    width: 100%;
    background: #6C90EC;
    color: white;
    border-radius: 4px;
    border: 0;
    height: 40px
}

.btn-save {
    width: 100%;
    background: #DE6866;
    color: white!important;
    border-radius: 4px !important;
    border: 0;
    height: 44px
}

.btn-save:hover {
    width: 100%;
    background: #DE6866;
    color: white!important;
    border-radius: 4px !important;
    border: 0;
    height: 44px
}

.btn-cancel-service {
    width: 100%;
    background: #DE6866;
    color: white;
    border-radius: 4px !important;
    border: 0;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-edit-service {
    width: 100%;
    background: #6C90EC;
    color: white;
    border-radius: 4px !important;
    border: 0;
    height: 44px
}

.delete-img-portfolio {
    width: 15px;
    height: 15px;
    font-size: 10px;
    background: #6C90EC;
    border-radius: 50%;
    position: absolute;
    right: 21px;
    top: 6px;
    text-align: center;
    color: white;
    cursor: pointer;
}

.btn-add-picture {
    width: 100%;
    color: white;
    border-radius: 4px !important;
    border: 0;
    height: 44px;
    margin-top: 44px;
    background: #6C90EC;
}

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

.space-between-dispo {
    display: flex;
    width: 60%;
    flex-direction: row;
    justify-content: space-between;
}

.mr-10 {
    margin-right: 10px
}

.of_dipo {
    font-size: 13px;
    color: #232B5A;
    font-weight: 500
}

.ml-mr-32 {
    margin-left: 32px;
    margin-right: 32px
}

.container-select {
    height: 20px !important;
    margin-right: 16px
}

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

.message-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
}

.fc-day-grid .fc-today {
    background-color: #89A6F0;
}
@media (min-width: 991px) {
    .title-pg{
      padding-left: 333px;
    }
    .caption-top{
        bottom: 20px!important
    }
    .footer-bottom{
    display: flex;
    justify-content: space-between;
    }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size:17px !important;
    float: left !important;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    color: #C5D1F0 !important;
    text-decoration: none;
    padding-left: 17px;
    padding-top: 10px;
}
.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
    color: #9BAFDF !important;
    font-weight: 300 !important
}
.mr-30 {
    margin-right: 30px;
}
}
@media (max-width: 991px) {
.no-padding-right{
    padding-right:0px;
}
.caption-top{
        bottom:12px!important
    }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 10px !important;
    float: left !important;
}
.mr-30 {
    margin-right: 20px;
}
.btn_connection{
    padding-top:20px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    color: #C5D1F0 !important;
    text-decoration: none;
    padding-left: 2px;
}
.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
    color: #9BAFDF !important;
    font-weight: 300 !important
}

}
.btn-stripe{
    background-color: #254aa5;
    color: white;
    font-size: 16px;
    margin-top: 10px;
    font-family: 'Montserrat';
}
.btn-stripe:hover{
    background-color: #254aa5;
    color: white;
    font-size: 16px;
    margin-top: 10px;
    font-family: 'Montserrat';
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #C5D1F0;
}

.fc-ltr .fc-basic-view .fc-future .fc-day-number {
    color: #254AA5 !important
}

.fc-ltr .fc-basic-view .fc-today .fc-day-number {
    color: white !important
}

.fc-agendaDay-view .fc-today {
    background-color: white !important;
}


.fc-agendaWeek-view .fc-today {
    background-color: #ccd8f8 !important;
}


.fc-ltr .fc-basic-view .fc-past .fc-day-number {
    color: #C5D1F0 !important;
}

.fc-ltr .fc-basic-view .fc-other-month {
    color: green !important;
    opacity: 100 !important;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9BAFDF !important;
    line-height: 36px !important;
    font-weight: 300 !important
}



.fc-basic-view .fc-body .fc-row {
   /* height: 110px !important;*/
}

.fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
    overflow: visible !important;
    height: auto !important
}

.fc-center h2 {
    font-size: 21px !important;
    color: #254AA5 !important;
    text-transform: uppercase;
}

.fc-toolbar.fc-header-toolbar .fc-left .fc-prev-button {
    background: #254AA5 !important;
    border-radius: 4px 0px 0px 4px;
    width: 31px !important;
    height: 31px !important;
}

.fc-toolbar.fc-header-toolbar .fc-left .fc-next-button {
    background: #254AA5 !important;
    border-radius: 4px 0px 0px 4px;
    width: 31px !important;
    height: 31px !important;
}

.fc button .fc-icon {
    margin: 0 -2.8em !important;
}


.fc-toolbar.fc-header-toolbar .fc-left .fc-next-button {
    background: #254AA5 !important;
    border-radius: 0px 4px 4px 0px;
    margin-left: 1px
}

.fc-icon-right-single-arrow {
    color: white !important
}

.fc-icon-left-single-arrow {
    color: white !important
}

.fc-toolbar.fc-header-toolbar .fc-button {
    background: #eef2fe;
    border-color: transparent;
    border-radius: 4px;
    color: #484b63;
}


.fc-toolbar.fc-header-toolbar .fc-button {
    margin-right: 3px !important
}

.avatar_header_pro {
    width: 70px;
    height: 70px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
.icon-connexion-user {
    display: none;
}
.item-blog-konfian{
   padding-right:14px;
   padding-right:0px;
}
.item-service-konfian{
    padding-left:15px;
    height: 347px;
    padding-right:0px;
    margin-bottom: 41px;

}
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (max-width: 991px) {
    #hidden-separator {
        display: none !important
    }


    #show-separator-responsive {
        display: block !important
    }
}

#show-separator-responsive {
    display: none
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #F05D61 !important;
}

[type="radio"]:not(:checked)+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+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: white;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.w-90 {
    width: 90%
}

.seperator-position {
    position: relative;
    top: -14px
}

.seperator-position-responsive {
    position: relative;
    top: 15px
}

.title-section {
    font-size: 15px;
    color: #212A58;
    font-weight: 500
}

.section {
    background: #FFFFFF;
    border: 1px solid #C5D1F0;
    padding: 20px
}

.mt-30 {
    margin-top: 30px
}

.m-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.ml-15 {
    margin-left: 15px;
}

.bg-white {
    background-color: white;
}

.section-add-card {
    border: 1px solid #BFC6DB;
    padding: 13px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}


.section-method-save {
    border: 1px solid #BFC6DB;
}


.label-radio {
    color: #808CB7;
    font-weight: 300
}

.span-red {
    color: #F15E61
}

.p-10 {
    padding: 10px
}

.justify-center {
    display: flex;
    justify-content: center;
}

.align-right {
    float: right;
}

.btn-save-2 {
    width: 100%;
    background: #6C90EC;
    color: white;
    border-radius: 4px;
    border: 0;
    height: 40px
}

.bg-F0F4FE {
    background-color: #F0F4FE
}

.border-top-grey {
    border-top: 2px solid #BFC6DB
}

.section-prelevement {
    border: 1px solid #BFC6DB;
    padding: 13px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.mt-5 {
    margin-top: 5px !important
}

.return-back {
    font-size: 15px;
    color: #00196E;
    position: relative;
    top: 5px
}

.link-condition {
    color: #808CB7;
    text-decoration: underline
}

.more-bank {
    color: #B4C2E7; font-weight: 200; margin-left: 7px; font-size: 13px;
}

.link-condition:hover {
    color: #808CB7;
    text-decoration: underline
}

.check-icon {
    position: relative;
    left: 5px;
    bottom: 2px
}

.ml-10 {
    margin-left: 10px
}



.disable-list-style {
    list-style-type: none !important;
}

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

.mb-42 {
    margin-bottom: 42px;
}

.accept-condition,.accept-condition a {
    font-size: 13px;
    color: #808CB7;
    font-weight: 400;
}

.btn-purchase {
    background: #DE6866;
    color: white !important;
    border-radius: 4px;
    border: 0;
    height: 32px;
    color: #6C90EC;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 30px
}

.price-total {
    font-size: 15px;
    font-weight: 500;
    color: #212A58
}

input {
    color: black!important
}

.p-20 {
    padding: 20px !important
}

.dot-select-abo {
    height: 30px;
    width: 30px;
    background-color: #6C90EC;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: -17px;
    right: 1px
}

.view-old-facture {
    color: #808CB7
}

.view-old-facture:hover {
    color: #808CB7
}

.fc-day-grid-event {
    border-radius: 0px !important;
}

.border-grey {
    border: 1px solid #C5D1F0;
}

.arrow-filter {
    width: 16px;
    height: 21px
}

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

.title-modal {
    font-size: 16;
    font-weight: 500;
    color: #212A58;
    font-size: 15px !important;
}

.exit-position {
    position: relative;
    top: -8px
}

.flex-row-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.w-70 {
    width: 70%
}

.label-card-active {
    font-size: 14px;
}

.label-card-inactive {
    font-size: 14px;
}

[type="radio"]:checked+label {
    color: #212A58
}


[type="radio"]:not(:checked)+label {
    color: #808CB7;
    font-weight: 200;
}



.flex-end {
    display: flex;
    justify-content: flex-end
}

.td-date {
    font-size: 13px;
    font-weight: 400;
    color: #31343d;
    padding-top: 20px;
    padding-bottom: 20px
}

.td-description {
    font-size: 13px;
    font-weight: 400;
    color: #31343d;
    padding-top: 20px;
    padding-bottom: 20px
}

.td-price {
    font-size: 13px;
    font-weight: 400;
    color: #31343d;
    padding-top: 20px;
    padding-bottom: 20px
}

.td-action {
    font-size: 13px;
    font-weight: 400;
    color: #6C90EC;
    padding-top: 20px;
    padding-bottom: 20px
}

.my-offer {
    font-size: 17px;
    font-weight: 500;
    color: #333333
}

.offre-pro {
    color: #232B5A;
    font-size: 20px;
    font-weight: 500
}

.title-block {
    color: #212A58;
    font-weight: 700;
    font-size: 16px
}

.p-25 {
    padding: 25px;
}

.card-abo {
    border: 2px solid #6C90EC;
    border-radius: 4px;
    min-height: 164px;
}

.bg-6C90EC {
    background-color: #6C90EC;
}

.price-abo-light {
    font-size: 17px;
    font-weight: 500;
    color: #212A58
}

.price-abo-pro {
    font-size: 17px;
    font-weight: 500;
    color: #FFFFFF
}

.abo-light {
    font-size: 15px;
    font-weight: 700;
    color: #212A58
}

.abo-pro {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF
}

.btn-unsubscribe {
    background: #C5D1F0;
    color: white;
    border-radius: 4px;
    border: 0;
    height: 32px
}

.change-offer {
    background: #FFFFFF;
    color: white;
    border-radius: 4px;
    border: 0;
    height: 32px;
    color: #6C90EC
}

.modal-more {
    color: #F0F4FE;
    font-size: 13px;
    margin-left: 25px;
}
.modal-more-light,.modal-more-light:hover {
    color: #212A58;
    font-size: 13px;
    margin-left: 25px;
}

.modal-more:hover {
    color: white;
    font-size: 13px;
    margin-left: 25px;
}

.modal-more:focus {
    color: white;
    font-size: 13px;
    margin-left: 25px;
}

.abo-actif {
    color: #808CB7;
    font-size: 13px;
    font-weight: 300
}

.abo-inactive {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 300
}

.abo-monthly-payment-pro {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 300
}

.credential-card {
    font-weight: 500;
}

.text-underline {
    text-decoration: underline;
}

.abo-monthly-payment-light {
    color: #808CB7;
    font-size: 13px;
    font-weight: 300
}

.card-credit-active {
    background: #FFFFFF;
    border: 2px solid #6C90EC;
    border-radius: 4px;
    padding: 23px 10px 10px 23px
}

.card-credit {
    background: #FFFFFF;
    border: 2px solid #C5D1F0;
    border-radius: 4px;
    padding: 23px 10px 10px 23px
}

.remove-icon-position {
    position: relative;
    left: 5px;
    bottom: 2px
}

.modal-add-card {
    background: #F0F4FE;
    border-radius: 4px;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.remove-icon {
    height: 20px;
    width: 20px;
    background-color: #C5D1F0;
    border-radius: 50%;
}

.title-card {
    font-size: 15px;
    font-weight: 300;
    color: #808CB7;
}

.abo-price {
    color: #232B5A;
    font-size: 35px;
    font-weight: 600
}

.abo-detail {
    font-size: 15px;
    font-weight: 500;
    color: #212A58
}

.abo-duration {
    color: #232B5A;
    font-size: 18px;
}

.td-row {
    color: #31343d;
    font-size: 13px
}

.pt-15 {
    padding-top: 15px !important;
}

.toggle-dropdown {
    width: 16px;
    height: 21px;
}

.th-title {
    font-weight: 700 !important;
    font-size: 14px;
    color: #212A58
}

.th-filter-icon {
    width: 16px;
    height: 21px
}

.position-icon-search {
    position: absolute;
    right: 15px;
    top: 28px
}

.icon-search {
    width: 16px;
    height: 21px
}

.mt-23 {
    margin-top: 23px
}

.separator-grey {
    height: 1px;
    background-color: #C5D1F0;
    border: none;
}

.arrow {
    width: 18px;
    height: 15px
}

.input-search {
    float: right;
    margin-top: 4px;
    width: 100%;
    position: relative;
    top: 20px
}

.btn-add-team, .btn-add-team:hover {
    background: #6C90EC;
    border-radius: 4px;
    color: white
}

.nb-pagination-display {
    color: #808CB7;
    font-size: 14px;
    font-weight: 500
}

.pl-20 {
    padding-left: 20px !important
}

.max-z-index {
    z-index: 999 !important;
}

.pl-30 {
    padding-left: 30px;
}

.pl-31 {
    padding-left: 31px !important
}

#mySidebar .item-nav {
    font-family: "Montserrat";
    color: #5A6690;
    font-size: 15px;
    margin-left: 31px
}

.ic-menu-transaction {
    width: 20px;
    height: 20px
}

.ic-menu-equipe {
    width: 20px;
    height: 20px
}

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

.ml-12 {
    margin-left: 12px
}

#mySidebar .title-company {
    color: #212A58;
    font-size: 14px;
    font-weight: 500
}

#mySidebar .return-home {
    color: #808CB7;
    font-size: 12px !important;
    cursor: pointer
}

.return-home:hover {
    color: #808CB7 !important;
}

.width-separator-menu {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 50px
}

.separator-menu {
    height: 1px;
    background-color: #C5D1F0 !important;
    border: none;
}

.width-separator-menu-2 {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 60px
}

.item-compte {
    color: #5A6690;
    font-size: 15px;
    margin-left: 29px;
    font-family: "Montserrat";
}

.item-calendrier {
    color: #5A6690;
    font-size: 15px;
    margin-left: 32px;
    font-family: "Montserrat";
}

.btn-add-service {
    background: #6C90EC;
    border-radius: 4px;
    color: white
}

.min-z-index {
    z-index: -1 !important
}

.mr-10 {
    margin-right: 10px
}

.position-search-icon {
    position: absolute;
    right: 25px;
    top: 8px
}

.search-input {
    float: right;
    margin-top: 5px
}

.m-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-cashback {
    color: #212A58;
    font-weight: 500;
    font-size: 16px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #C5D1F0 !important;
    border-radius: 2px !important;
    height: 40px !important;
}




.fc-event.fc-draggable .fc-day-header .fc-widget-header .fc-wed .fc-today {
    color: red !important
}

.fc-slats {
    color: #6C90EC
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 8px !important;
    right: 1px;
    width: 20px;
}

.wrapper {
    position: relative;
}

.ic-crypto {
    position: absolute;
    top: 10px;
    right: 25px;
}

/*.row, .serv-info {
    padding-left: 10px !important;
    padding-right: 10px !important
}*/

#hidden-select-calendar {
    display: none !important;
}

.filter-messagerie a {
    text-decoration: none;
}

.item-portfolio {
    background: #FFFFFF;
    border: 1px solid #C5D1F0;
    padding: 31px 16px 5px 16px;
}

#tableteam th {
    cursor: pointer;
}

.up-card-bancaire {
    padding-bottom: 20px;
}

.up-card-bancaire select {
    border: 1px solid #C5D1F0;
    height: 40px;
}
.card-contact{
    height:532px;
    border-radius: 4px;
    padding: 95px 19px 24px 32px;
    background: #232B5A;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border: 1px solid #000000
}
.contactez-nous-form input{
    border: 1px solid #C5D1F0 !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    color: #9BAFDF !important;
    border-radius:2px;
    height:40px;
 }
 .contactez-nous-form .ico_map{
   top:9px !important;
 }
 .contactez-nous-form textarea{
    border: 1px solid #C5D1F0 !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 11px;
    color: #9BAFDF !important;
    border-radius:2px;
    height:180px;
 }
  .contactez-nous-form #re-submit-emp{
    border: 1px solid #DE6866;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    color: #DE6866;
 }
  .contactez-nous-form #submit-emp{
    border: 1px solid #DE6866;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    color: #FFFFFF;
    padding: 10px 16px;
    background: #DE6866;
    border-radius: 8px;
 }
.contactez-nous-form i{
   color: #9BAFDF !important;
}
.contactez-nous-form input::placeholder,.contactez-nous-form textarea::placeholder { 
  color: #9BAFDF !important;
  opacity: 1; 
}
.card-contact h3{
        font-family: 'Noto Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        color: #FF5E58;
}
.card-contact .social-contact{
    padding-top:90px;
}
.card-contact .vector{
    position: absolute;
    bottom: 0px;
    right: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    opacity: 0.2;
}

.card-contact .social-contact li{
   display:inline;
   padding-right:15px;
}
.card-contact p{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight:400;
    font-size: 12px !important;
    padding-top: 10px;
    color: #FFFFFF !important;
    }
.arrow-down-compte{
    width: 13px!important; position: absolute; top: 16px; right: 30px
}
.footer-only-mobile ul{
    padding-left: 0px;
    text-align: left;
    padding-bottom: 50px;
    list-style-type: none;
}
.footer-only-mobile li{
   padding-bottom:9px;
}
.footer-only-mobile a{
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 12px;
    line-height: 18px;
    color: #F3F6FD;
}
/*Calendrier*/
.dow{
    top:20px;
}
.calendrier-pro .add-reservation{
    width: 100%;
    border-radius: 10px;
    background-color: rgb(238, 242, 254);
    box-shadow: 0px 1px 32px 0px rgba(0, 0, 0, 0.02);
    border: none;
    padding: 16px;
    text-align: left;
    font-size: 16px;
    font-family: "Montserrat";
    color: rgb(30, 37, 78);
    font-weight: bold;
    line-height: 1.846;
}
.calendrier-pro .add-reservation i{
    padding-right:20px;
    }
.calendrier-pro  #datetCalKonfian{
   margin-top:30px;
}
.calendrier-pro  #datetCalKonfian .prev{
    right: 58px;
    color: #54585d;
}
.calendrier-pro  #datetCalKonfian .next{
    color: #54585d;
}
#datetCalKonfian  .table-condensed td {
    border: 0px solid #fff !important;
    text-align: center;
}
.calendrier-pro  #datetCalKonfian  .datepicker-switch {
  font-size:16px;
  font-family: "Montserrat";
  color: rgb(0, 0, 0);
  font-weight: 600;
  line-height: 0.857;
}


.horaire-label{
      font-size:16px;
      font-family: "Montserrat";
      color: rgb(0, 0, 0);
      font-weight: 600;
      line-height: 0.857;
}
.calendrier-pro  hr{
border-top: 1px solid #bdcbee;    
}
.calendrier-pro .fc-toolbar .fc-center * {
    font-weight: 600;
    font-size: 20px !important;
    color: #1e254e !important;
    margin-top: 6px;

}
.nonlu-notif{
    position: relative;
    top: -9px;
    right: 9px;
    font-style: normal;
    background-color: #e74c3c;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    /* line-height: 16px; */
    border-radius: 50%;
}
#calendar .fc-left .fc-today-button{
    color: #fff;
    background-color: #acbff4;
    font-size: 15px;
    font-weight: 600;
}
.calendrier-pro .fc-right .fc-button-group{
    background-color: #eef2fe;
    color: #484b63;
    border-radius: 5px;
    padding: 4px;
}
.calendrier-pro  .exept-hour span.float-right{
    text-align: right;
    width: -webkit-fill-available;
    color:#000000;
    color:#000000;
    font-size:18px;
    font-weight: 600;
}
.calendrier-pro  .equipe h4{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom:18px;
}
/*end calendrier*/
.up-card-bancaire button,
.up-card-bancaire button:focus,
.up-card-bancaire button:hover {
    height: 31px;
    background: #BFC6DB;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    margin-top: 15px;
}

.up-card-bancaire button:hover {
    background: #BFC6DB;
    color: #FFFFFF;
}

.button-blue {
    background: #6C90EC !important;
}

.icon-select-abo{
    width: 17px;
    height: 13px;
    margin-left: 6px;
    margin-top: 6px
}

.btn-add-card {
    margin-left: 19px;
    margin-top: 7px;
    height: 20px;
    width: 20px;
    text-align: center;
    font-size: 15px;
    background-color: #DE6866 !important;
    border-color: #DE6866 !important;
    color: white !important;
}
.sinscrire-depuis-home,
.sinscrire-depuis-home:focus,
.sinscrire-depuis-home:hover{
    background: #6C90EC;
    border-radius: 10px;
    color: white;
    padding: 10px 16px;
    border: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    left: calc(50% - 145.74px/2 - 432.13px);
    top: calc(50% - 36px/2 + 488.5px);
    border-radius: 8px;
}
.sinscrire-depuis-home span{
   padding-left:15px;
}
.devenir-partenaire-bloc{
    position: relative;
    padding-right: 0px;
}


.collapse-title span{
    position: absolute;
    right: 0px;
}

.btn-save-l {
    width: 100%;
    background: #DE6866;
    color: white!important;
    border-radius: 4px !important;
    border: 0;
}
.btn-save-l-1{
    background: #DE6866;
    color: white!important;
    border-radius: 4px !important;
    border: 0;
}

.actions-customers{
    display: flex;
    gap: 10px;
    padding-bottom: 25px;
}
.actions-customers .btn-dropdown{
    border: 1px solid #D9D9D9;
    background-color: white;
    line-height: 37px;
    color: #7E7E7E;
    font-family: 'Montserrat';
    font-size: 15px;
    border-radius: 10px;
}
.actions-customers .btn-secondary{
    background-color: #407BFF;
    color: white;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-size: 15px;
}
.actions-customers .btn-import{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #22295D;
    border-radius: 10px;
    font-size: 15px;
    color: white;
    height: 50px;
}
.customers-cl .search-customer{
    background-color: white;
    border: 1px solid #D9D9D9;
    height: 50px;
    width: 240px;
    float: left;
    border-radius: 10px;
}

.customers-cl .btn-filter{
    height: 50px;
    background-color: #407BFF;
    margin-left: 10px;
    border-radius: 10px;

}
.customers-cl  .search-wrapper {
    position: relative;
      width: 100%;

  }

  .customers-cl .search-wrapper .search-icon {
    position: absolute;
    left: 19px;
    top: 27px;
    transform: translateY(-50%);
    color: #7E7E7E;
    font-size: 19px;
    pointer-events: none;
  }
  .customers-cl .search-wrapper input.form-control {
    padding-left: 45px; /* espace pour l’icône */
    color: #7E7E7E;
    font-family: Montserrat;
  }
  .customers-panel td{
    font-family: Montserrat;
    font-size: 14px;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    font-weight: 300;

  }
  .customers-panel th{
    font-family: Montserrat;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}
.section-customer {
    padding: 10px;
    border: 1px solid #C5D1F0;
    border-radius: 15px;
}
.action-customer .btn-primary{
    background-color: #407BFF;
    border-radius: 10px;

    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 2;
    letter-spacing: 0;
    color: #fff;
        border: none;
        padding: 13px 30px;

}
.action-customer .btn-default{
    background-color: #FF5E58;
    border-radius: 10px;

    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 2;
    color: #fff;
    letter-spacing: 0;
        border: none;
        padding: 13px 30px;

}
.section-customer strong {
  color: #7E7E7E;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
}
.section-customer .update-icon {
    position: absolute;
    top: 10px;
    background-color: #407BFF;
    right: 10px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    align-items: center;
    display: flex
;
    justify-content: center;
    color: #fff;
        pointer-events: auto;
    z-index: 1000000000;

}
.card-h-customer{
    position: relative;margin-top: 50px;
}
.card-h-customer p{
    line-height: 30px;
}
.btn-class-md-customer{
    background-color: #22295D;
    line-height: 28px;
    border-radius: 10px;
    padding: 8px 20px;
}
.btn-close-md-customer{
    background-color: white;
    color: #7E7E7E;
    border:1px solid; #D9D9D9;
    line-height: 28px;
    border-radius: 10px;
    padding: 8px 20px;
}
.class-imp{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #000000;
}
.flex-bar-info{
    display: flex;

}
.progress-info{
  border-radius: 10px;
  border:1px solid #D9D9D9;
  padding: 10px;
  min-height: 40px;
}
.progress-info .info-file{
    padding-left: 10px;
}
.progress-info .info-file .name-file,.progress-info .info-file .file-size{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    line-height: 1; /* 100% */
    letter-spacing: 0;
}
.dropdown-customers-actions{
    border-radius: 20px;
    width: 350px;
}
.dropdown-customers-actions .link-with-icon,.dropdown-filter-customers .link-with-icon {
    display: inline-flex;
    align-items: center;
    gap: 26px;
    text-decoration: none;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 45px;
    letter-spacing: 0;
    width:100%;
}
.dropdown-filter-customers{
    width: 100%;
    border-radius: 20px;
}
.checkbox-table{
        width: 23px;
    height: 23px;
    border: border: 1px solid #D9D9D9;
    border: 1px solid #D9D9D9;
}

.back-btn-customer,.back-btn-customer:hover{
    background-color: #22295d;
    width: 25px;
    display: block;
    height: 25px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: white;
    border-radius: 7px;
    margin-left: 17px;
    margin-top: 4px;
    text-decoration: none;
}
.customer-add-cl-container {
  margin-top: 10px;
      display: flex;
    justify-content: space-between;
}
.customers-cl .btn-genere-mail,.mobile-customer .btn-genere-mail{
     background-color: #407BFF;
    color: white;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-size: 15px;
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
    align-items: center;

  }
 .customers-panel .btn-add-customer{
    background-color: #EC6D62;
    color: white;
    border-radius: 10px;
    font-family: 'Montserrat';
    font-size: 15px;
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
    align-items: center;
  }

@media (min-width: 992px) {
.modal-new-customer .modal-body {
    position: relative;
    padding: 37px;
}
.modal-new-customer .modal-footer {
    position: relative;
    padding: 37px;
}
  .customers-cl .btn-genere-mail{
    min-width: 196px;

  }
 .customers-panel .btn-add-customer{
    min-width: 196px;
  }
}
.actions-customers .btn-group{
    max-width:200px;
}
.note-block .time {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0;
    color: #7E7E7E;
}
@media (max-width: 667px) {
.note-block .time {
   float: left !important;
}
.actions-customers .btn-dropdown{
    width: 100%;
}
.actions-customers .btn-group{
    width:100%;
}
.mobile-right-auto{
    margin-left: auto;
}
.mobile-customer{
    display: flex;
}
.mobile-customer a,.mobile-customer button{
    width: 50%;
}
.customers-cl .search-wrapper input.form-control {
    padding-left: 45px;
    color: #7E7E7E;
    font-family: Montserrat;
    width: 100%;
}
.customer-add-cl-container {
    margin-top: 10px;
    display: flex
;
    flex-direction: column;
    width: 100%;
}
.customers-cl #profileForm{
    display: flex;
}
.title-pg-mb{
    margin-top: 27px;
}
 .customers-panel .btn-add-customer{
   margin-right: 5px;
    padding: 0px 6px;
  }
.customers-cl .btn-genere-mail{
        padding: 0px 6px;
  }
.customers-cl .search-customer{

    height: 50px;
    width: 220px;

}

}
.flex-column{
    display: flex;
    flex-direction: column;
}
.item-info-m {
padding-bottom: 20px;
}
.item-info-m span{
 font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  padding-top: 10px;
}
.item-info-m strong,#resaModalLabel{
 font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}
.modal-new-customer .modal-content {
    border-radius: 20px;
}

.modal-new-customer  .modal-header {
    border-bottom: 1px solid #D9D9D9;
}
.modal-new-customer  .modal-title {
    color: #000000;
    padding-top: 15px;
}
.modal-new-customer   .close {
    z-index: 100;
    color: #212A58;
    font-weight: 300;
    opacity: 1;
    position: absolute;
    right: 15px;/
    font-size: 32px;
        top: 20px;
    width: 35px;
    height: 35px;
    background-color: #F4F4F4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.download-btn-file-csv{
    display: inline-block;
    background-color: #22295D;
    color: #fff;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
}