@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");

/***************************************************
  custom css
****************************************************/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.titre-cout{
    font-size: 11px;
    color: #007292;
    text-transform: uppercase;
    line-height: 13.2px;
    vertical-align: bottom;
    font-weight: bold;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
em,
strong,
button,
blockquote,
small,
strike,
sub,
sup,
tt,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

header {
    z-index: 11;
    position: relative;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
}

table thead {
    border-bottom: 2px solid #e4e4e4;
}

table tr td,
table tr th {
    padding: 15px 10px;
    vertical-align: middle;
}

table tbody tr {
    border-bottom: 1px solid #e4e4e4;
}

table tbody tr:last-child {
    border-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Lato", sans-serif;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    color: #282828;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

button {
    font-family: "Lato", sans-serif;
    cursor: pointer;
    outline: none;
}

body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
}

body {
    color: #282828;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
    overflow-x: hidden;
    line-height: 1.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

body.popup-active {
    overflow: hidden;
}

main.popup-active {
    overflow: hidden;
}

img,
svg {
    max-width: 100%;
    display: block;
}

.font-none {
    display: none;
}

/* selection css */
::-moz-selection {
    background: #282828;
    color:  #017292;
}

::selection {
    background: #282828;
    color:  #017292;
}

/* custom btn */
.cm-btn {
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.theme-btn,
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    min-width: 100px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    border: 1px solid;
    color: #ffffff;
    background-color:  #017292;
    border-color:  #017292;
}

.theme-btn:hover,
button:hover {
    color:  #017292;
    background-color: #ffffff;
    border-color:  #017292;
}

@media only screen and (max-width: 767px) {
    .theme-btn,
    button {
        display: block;
        font-size: 16px;
        padding: 16px 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        text-transform: uppercase;
    }
}

.theme-btn2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    min-width: 100px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    border: 1px solid;
    background-color:  #017292;
    color: #ffffff;
    border-color: #ffffff;
}

.theme-btn2:hover {
    background-color: #ffffff;
    color:  #017292;
}

@media only screen and (max-width: 767px) {
    .theme-btn2 {
        display: block;
        font-size: 16px;
        padding: 16px 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        text-transform: uppercase;
    }
}

.theme-btn3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    min-width: 100px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    border: 1px solid;
    background-color: #ffffff;
    border-color:  #017292;
    color:  #017292;
}

.theme-btn3:hover {
    background-color:  #017292;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .theme-btn3 {
        display: block;
        font-size: 16px;
        padding: 16px 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        text-transform: uppercase;
    }
}

.theme-btn4 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    min-width: 100px;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
    border: 1px solid;
    background-color: #ffffff;
    border-color: #282828;
    color: #282828;
}

.theme-btn4:hover {
    background-color:  #017292;
    color: #ffffff;
    border-color:  #017292;
}

@media only screen and (max-width: 767px) {
    .theme-btn4 {
        display: block;
        font-size: 16px;
        padding: 16px 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        text-transform: uppercase;
    }
}

ul,
li {
    list-style: none;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1920px;
    }
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="search"],
input[type="date"],
input[type="datetime-local"],
input[type="tel"],
textarea,
select {
    background-color: #ffffff;
    font-size: 14px;
    color: #282828;
    border: 1px solid #e4e4e4;
    font-family: "Lato", sans-serif;
    padding: 10px 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    outline: none;
}

select {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cg%3E%3Cg transform='rotate(90 5.5 3.5)'%3E%3Cpath d='M6.867 3.754L3.147.037a.7.7 0 0 1 0-.992.708.708 0 0 1 .996 0l4.214 4.211a.701.701 0 0 1 .02.969l-4.231 4.24a.702.702 0 0 1-.995 0 .7.7 0 0 1 0-.992z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 90% center;
    -moz-background-size: 11px 7px;
    background-size: 11px 7px;
    background-color: transparent;
}

label {
    display: block;
    font-size: 13px;
    color: #282828;
    line-height: 1.3;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #282828 !important;
    background-image: none !important;
    color: #282828 !important;
}

form ::-webkit-input-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form :-moz-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form ::-moz-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form :-ms-input-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form ::-ms-input-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form ::placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form ::-webkit-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form :-moz-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form ::-moz-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form ::-ms-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

form :-ms-placeholder {
    font-size: 14px;
    color: #282828;
    opacity: 1;
    font-family: "Lato", sans-serif;
    font-weight: 300;
}

.no-script-msg {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999999999;
    padding: 10px 15px;
    color: #fff;
    background: red;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
}

.no-script-msg:before {
    content: "";
    background-image: url(../images/script-alert.svg);
    display: block;
    min-width: 15px;
    min-height: 15px;
    margin-right: 10px;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.sidbar .sidbar-adminbox .adminbox-left, .photobox .photobox-item, .estcontact-list .estcontact-proicon, .photo-modal .photomodal-list .photomodal-imgcover,
.theme-img {
    position: relative;
    overflow: hidden;
    display: block;
}

.sidbar .sidbar-adminbox .adminbox-left img, .photobox .photobox-item img, .estcontact-list .estcontact-proicon img, .photo-modal .photomodal-list .photomodal-imgcover img,
.sidbar .sidbar-adminbox .adminbox-left svg,
.photobox .photobox-item svg,
.estcontact-list .estcontact-proicon svg,
.photo-modal .photomodal-list .photomodal-imgcover svg,
.sidbar .sidbar-adminbox .adminbox-left iframe,
.photobox .photobox-item iframe,
.estcontact-list .estcontact-proicon iframe,
.photo-modal .photomodal-list .photomodal-imgcover iframe,
.theme-img img,
.theme-img svg,
.theme-img iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.sidbar .sidbar-menulist .menulist-item:after, .sidbar .sidbar-userdtl .userdtl-item:before, .estcontact-list .estcontact-post:before {
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -moz-transition: ease 0.5s;
    transition: ease 0.5s;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.cs-popup {
    z-index: 10 !important;
}

/**********************************************************
//////////////////    slick    ////////////////////////////
**********************************************************/
/** SLICK SLIDER**/
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    display: table;
    content: '';
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 0.0625rem;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none !important;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 0.0625rem solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.ct-slider:not(.slick-initialized) *:not(:first-child) {
    display: none;
}

/**********************************************************
//////////////////    header    ///////////////////////////
**********************************************************/
.das-header {
    width: 100%;
    max-width: -webkit-calc(100% - 260px);
    max-width: -moz-calc(100% - 260px);
    max-width: calc(100% - 260px);
    -webkit-box-shadow: 0 0 4px rgba(34, 31, 31, 0.4);
    -moz-box-shadow: 0 0 4px rgba(34, 31, 31, 0.4);
    box-shadow: 0 0 4px rgba(34, 31, 31, 0.4);
    margin-left: auto;
    background-color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    padding: 15px 45px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
    .das-header {
        max-width: -webkit-calc(100% - 230px);
        max-width: -moz-calc(100% - 230px);
        max-width: calc(100% - 230px);
        padding: 10px 25px;
    }
}

@media only screen and (max-width: 767px) {
    .das-header {
        max-width: 100%;
        padding: 21px 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.das-header .das-logocover {
    font-size: 0;
    max-width: 144px;
    display: block;
    padding-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .das-header .das-logocover {
        padding-bottom: 0;
    }
}

.das-header .toggle-menubtn {
    font-size: 0;
    margin-left: auto;
    padding: 4px;
}

.das-header .toggle-menubtn:before {
    content: "";
    width: 27px;
    height: 19px;
    display: block;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' viewBox='0 0 27 19'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230e4e8b' d='M27 .5v3H0v-3zM0 8h27v3H0zm0 7.5h27v3H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

@media only screen and (min-width: 768px) {
    .das-header .toggle-menubtn {
        display: none;
    }
}

.das-header .dasheader-dptext {
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    text-align: right;
    color:  #017292;
}

@media only screen and (max-width: 1325px) {
    .das-header .dasheader-dptext {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .das-header .dasheader-dptext {
        display: none;
    }
}

.das-header .dasheader-dptext strong {
    font-size: 15px;
    font-weight: 400;
    display: block;
}

@media only screen and (max-width: 1325px) {
    .das-header .dasheader-dptext strong {
        font-size: 13.5px;
    }
}

/**********************************************************
//////////////////    footer    ///////////////////////////
**********************************************************/
/**********************************************************
//////////////////    Home page    ////////////////////////
**********************************************************/
.login-page {
    background-image: url("../images/login-bg.svg");
    background-repeat: no-repeat;
    background-position: 46.7% 44.5%;
    -moz-background-size: 3241px;
    background-size: 3241px;
    background-color: #e0e0e0;
}

.login-header {
    -webkit-box-shadow: 0 0 4px rgba(34, 31, 31, 0.4);
    -moz-box-shadow: 0 0 4px rgba(34, 31, 31, 0.4);
    box-shadow: 0 0 4px rgba(34, 31, 31, 0.4);
    background-color: #ffffff;
    padding: 21px 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .login-header {
        padding: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
    }
}

.login-header .login-logocover {
    display: block;
    font-size: 0;
}

.login-header .logheader-mobtoggle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    background-color: rgba(127, 184, 48, 0.3);
    padding: 7px 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

@media only screen and (min-width: 992px) {
    .login-header .logheader-mobtoggle {
        display: none;
    }
}

.login-header .logheader-dptext {
    text-align: right;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 300;
    color:  #017292;
}

@media only screen and (max-width: 1199px) {
    .login-header .logheader-dptext {
        font-size: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .login-header .logheader-dptext {
        display: none;
    }
}

.login-header .logheader-dptext strong {
    display: block;
    font-size: 15px;
}

@media only screen and (max-width: 1199px) {
    .login-header .logheader-dptext strong {
        font-size: 12px;
    }
}

.home-logincover {
    margin-top: 100px;
}

@media only screen and (max-width: 767px) {
    .home-logincover {
        margin: 48px 0;
    }
}

.home-logincover .homelogin-subcover {
    max-width: 1018px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 33px;
    text-align: center;
}

@media only screen and (max-width: 1199px) {
    .home-logincover .homelogin-subcover {
        max-width: 83%;
        padding: 20px;
    }
}

.home-logincover .homelogin-form {
    margin: 40px auto 140px;
    max-width: 230px;
}

@media only screen and (max-width: 767px) {
    .home-logincover .homelogin-form {
        margin: 30px auto 50px;
        max-width: 100%;
    }
}

.home-logincover .homelogin-form .label {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.home-logincover .homelogin-form input {
    max-width: 224px;
    margin-left: auto;
    margin-right: auto;
}

.home-logincover .homelogin-toptext {
    margin: 80px 0 40px;
    text-align: center;
    font-size: 23px;
    color:  #017292;
    font-weight: 300;
    line-height: 1.6;
}

@media only screen and (max-width: 767px) {
    .home-logincover .homelogin-toptext {
        margin: 30px auto;
        font-size: 22px;
        line-height: 1.5;
        max-width: 210px;
    }
}

.home-logincover .homelogin-toptext span {
    display: block;
    font-size: 18px;
    font-weight: 700;
    min-width: 220px;
}

.home-logincover .homelogin-btn {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 17px;
}

.home-logincover .homelogin-link {
    font-size: 12px;
    color:  #017292;
    display: block;
    line-height: 1.2;
}

.home-logincover .homelogin-link:hover {
    color: #282828;
}

.home-logincover .homelogin-bottomtext {
    line-height: 21px;
    font-size: 14px;
    font-weight: 300;
    max-width: 565px;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .home-logincover .homelogin-bottomtext {
        font-size: 13px;
        max-width: 95%;
    }
}

/**********************************************************
//////////////////    Home page    ////////////////////////
**********************************************************/
.vue-groupe {
    background-image: url("../images/vue-groupe.svg");
    background-repeat: no-repeat;
    background-position: 46.7% 44.5%;
    -moz-background-size: 3241px;
    background-size: 3241px;
    background-color:  #017292;
}

@media only screen and (max-width: 991px) {
    .vue-groupe {
        background: #ffffff;
    }
}

@media only screen and (max-width: 767px) {
    .vue-groupe .login-header {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 375px) {
    .vue-groupe .login-header .logheader-mobtoggle {
        font-size: 12px;
        padding: 6px 9px;
    }
}

.vuegroupe {
    margin: 30px 50px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 40px 25px 35px 85px;
    position: relative;
}

@media only screen and (max-width: 1365px) {
    .vuegroupe {
        padding: 25px;
    }
}

@media only screen and (max-width: 1199px) {
    .vuegroupe {
        margin: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe {
        margin: 25px 0 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 35px;
        padding-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (max-width: 375px) {
    .vuegroupe {
        padding: 0 15px;
    }
}

.vuegroupe .vuegroupe-titlecover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .vuegroupe .vuegroupe-titlecover {
        margin-bottom: 15px;
    }
}

.vuegroupe .vuegroupe-titlecover .vuegroupe-title {
    font-size: 22px;
    line-height: 1.4;
    text-transform: uppercase;
    color:  #017292;
    margin-top: 15px;
}

@media only screen and (max-width: 1199px) {
    .vuegroupe .vuegroupe-titlecover .vuegroupe-title {
        font-size: 19px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe .vuegroupe-titlecover .vuegroupe-title {
        margin-top: 0;
        font-size: 18px;
    }
}

.vuegroupe .vuegroupe-titlecover .vuegroupe-titleicon {
    display: block;
    max-width: 121px;
}

@media only screen and (max-width: 1199px) {
    .vuegroupe .vuegroupe-titlecover .vuegroupe-titleicon {
        max-width: 100px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe .vuegroupe-titlecover .vuegroupe-titleicon {
        display: none;
    }
}

.vuegroupe .vuegroupe-rechercher input {
    max-width: 410px;
    margin: 0 auto;
    display: block;
    padding-left: 40px;
    position: relative;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M13.768 7.748a6.02 6.02 0 1 1-12.04 0 6.02 6.02 0 0 1 12.04 0z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M15.273 15.273l-3.274-3.274'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px 50%;
    -moz-background-size: 15px;
    background-size: 15px;
    background-color: transparent;
}

.table-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-top: 26px;
}

@media only screen and (max-width: 991px) {
    .table-navigation {
        display: none;
    }
}

.table-navigation .tablega-btn {
    font-size: 0;
    width: 13px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.62' height='13.83' viewBox='0 0 7.62 13.83'%3E%3Cg id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' transform='translate(7.62) rotate(90)'%3E%3Cpath id='Icon_ionic-ios-arrow-forward-2' data-name='Icon ionic-ios-arrow-forward' d='M5.323,6.912.28,1.683a1.01,1.01,0,0,1,0-1.4.936.936,0,0,1,1.349,0L7.343,6.212a1.014,1.014,0,0,1,.028,1.363L1.633,13.542a.934.934,0,0,1-1.349,0,1.01,1.01,0,0,1,0-1.4Z' transform='translate(13.83 0) rotate(90)'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: 7px;
    background-size: 7px;
    background-color: transparent;
    padding: 5px;
    margin: 0 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.table-navigation .tablega-btn.tablegation-next {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table-navigation .tablega-btn:hover {
    -moz-background-size: 6px;
    background-size: 6px;
}

.table-navigation .tablegation-number {
    font-size: 15px;
    line-height: 1.2;
}

.ac-dc {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 0;
    right: -16px;
    cursor: pointer;
}

.ac-dc:before {
    content: "";
    width: 12px;
    height: 7px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cg%3E%3Cg transform='rotate(90 6 3.5)'%3E%3Cpath d='M7.038 3.653L3.138-.56a.839.839 0 0 1 0-1.124.704.704 0 0 1 1.043 0l4.42 4.773c.279.302.285.786.02 1.098L4.185 8.993a.71.71 0 0 1-.522.232.71.71 0 0 1-.521-.232.839.839 0 0 1 0-1.124z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ac-dc.active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vuegroupe-table {
    margin-top: 20px;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table {
        margin-top: 0;
    }
}

.vuegroupe-table .vuegroupe-tabletitle {
    font-size: 11px;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: 700;
}

.vuegroupe-table .vuegroupe-tabletitle span {
    display: block;
    font-size: 9px;
}

.vuegroupe-table .vuegroupe-tabletitle.tabletitle-sub {
    line-height: 1.1;
}

.vuegroupe-table tr th,
.vuegroupe-table tr td {
    padding: 10px;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table tr th,
    .vuegroupe-table tr td {
        padding: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table thead {
        display: none;
    }
}

.vuegroupe-table thead th:last-child {
    width: 8%;
}

@media only screen and (max-width: 1199px) {
    .vuegroupe-table thead th:last-child {
        width: 3%;
    }
}

.vuegroupe-table thead .vuegroupe-editnamelab {
    width: 200px;
}

@media only screen and (max-width: 1440px) {
    .vuegroupe-table thead .vuegroupe-editnamelab {
        width: 160px;
    }
}

.vuegroupe-table thead .vuegroupe-editemaillab {
    width: 230px;
}

.vuegroupe-table thead .vuegroupe-labcover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
}

.vuegroupe-table tbody td:last-child {
    padding-left: 0;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table tbody td:last-child {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table tbody td:nth-child(2) {
        position: absolute;
        top: 38px;
    }

    .vuegroupe-table tbody td:nth-child(4) {
        position: absolute;
        right: 0;
        top: 38px;
    }

    .vuegroupe-table tbody td:nth-child(3) {
        padding-left: 0;
    }

    .vuegroupe-table tbody td:nth-child(5) {
        position: absolute;
        right: 0;
        top: 58px;
    }

    .vuegroupe-table tbody td:nth-child(6) {
        margin-left: auto;
    }

    .vuegroupe-table tbody td:nth-child(7) {
        padding-left: 0;
    }

    .vuegroupe-table tbody td [rp-deta]:after {
        content: attr(rp-deta);
        margin-left: 3px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table tbody tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        position: relative;
        height: 98px;
        padding: 15px 0 20px;
    }
}

.vuegroupe-table .vuegro-namelink {
    font-size: 13px;
    color:  #017292;
    line-height: 1.2;
    display: block;
}

@media only screen and (max-width: 500px) {
    .vuegroupe-table .vuegro-namelink {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

.vuegroupe-table .vuegro-namelink[log-deta] {
    position: relative;
}

.vuegroupe-table .vuegro-namelink[log-deta]:before {
    content: attr(log-deta);
    position: absolute;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 6px 10px;
    font-size: 12px;
    top: 110%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.vuegroupe-table .vuegro-namelink[log-deta]:hover:before {
    opacity: 1;
    visibility: visible;
}

.vuegroupe-table .vuegro-text,
.vuegroupe-table .vuegro-number,
.vuegroupe-table .vuegro-subtext {
    font-size: 13px;
    color: #282828;
    line-height: 1.2;
}

.vuegroupe-table .vuegro-editbtn {
    width: 19px;
    height: 19px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='jtl2a'%3E%3Cpath fill='%23fff' d='M.931 9.403a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230e4e8b' d='M14.15 6.344L13.114 5.31a.827.827 0 0 0-1.17 0l-.974.974 2.206 2.206.974-.975a.827.827 0 0 0 0-1.17zM5.793 11.46l-.219 1.967a.413.413 0 0 0 .457.457l1.966-.217 4.789-4.789-2.206-2.205z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%230e4e8b' stroke-miterlimit='20' d='M.931 9.403a9 9 0 1 1 18 0 9 9 0 0 1-18 0z' clip-path='url("%23jtl2a")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    display: block;
}

.vuegroupe-table .vuegro-editbtn.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cdefs%3E%3CclipPath id='j30ba'%3E%3Cpath fill='%23fff' d='M.931 9.686a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230e4e8b' d='M.931 9.686a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3Cpath fill='none' stroke='%230e4e8b' stroke-miterlimit='20' d='M.931 9.686a9 9 0 1 1 18 0 9 9 0 0 1-18 0z' clip-path='url("%23j30ba")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M14.15 6.628l-1.036-1.035a.827.827 0 0 0-1.17 0l-.974.974 2.206 2.205.974-.974a.827.827 0 0 0 0-1.17zm-8.357 5.115l-.219 1.968a.413.413 0 0 0 .457.457l1.966-.217 4.789-4.79-2.206-2.205z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

.vuegroupe-table .vuegro-edit .vuegro-text {
    font-size: 13px;
    display: block;
    line-height: 1.2;
}

@media only screen and (max-width: 500px) {
    .vuegroupe-table .vuegro-edit .vuegro-subtext {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 110px;
        overflow: hidden;
    }
}

.vuegroupe-table .vuegro-edit input {
    margin-bottom: 0;
    font-size: 13px;
    padding: 7px 20px;
    display: none;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table .vuegro-edit.vuegro-editemail .vuegro-subtext {
        font-size: 0;
        width: 19px;
        height: 15px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' viewBox='0 0 19 15'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23282828' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M3.384 1h12.992C17.269 1 18 1.73 18 2.624v9.744c0 .893-.73 1.624-1.624 1.624H3.384c-.893 0-1.624-.73-1.624-1.624V2.624C1.76 1.731 2.49 1 3.384 1z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23282828' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M18 2.624v0L9.88 8.308v0L1.76 2.624v0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        -moz-background-size: cover;
        background-size: cover;
        background-color: transparent;
        display: block;
    }
}

.vuegroupe-table .vuegro-status {
    position: relative;
    overflow: hidden;
    font-size: 0;
    left: 12px;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table .vuegro-status {
        left: 0;
    }
}

.vuegroupe-table .vuegro-status._active {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #7FB830;
}

.vuegroupe-table .vuegro-status._active:before {
    content: "";
    width: 9px;
    height: 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: #ffffff;
    left: 3px;
    top: 4px;
}

.vuegroupe-table .vuegro-status._sleepy {
    display: block;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23807d7d' d='M12.128 3.387a.39.39 0 0 0-.46.553 7.41 7.41 0 0 1-8.733 10.492.39.39 0 0 0-.458.553 8.195 8.195 0 1 0 9.65-11.592z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23807d7d' d='M3.605 7.72h3.07l-3.37 4.044a.39.39 0 0 0 .3.64h3.903a.39.39 0 1 0 0-.78h-3.07l3.37-4.044a.39.39 0 0 0-.3-.64H3.605a.39.39 0 1 0 0 .78z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23807d7d' d='M3.214 5.322a.39.39 0 0 0-.39-.39H1.263l1.874-2.5a.39.39 0 0 0-.312-.625H.48a.39.39 0 0 0 0 .78h1.562L.17 5.088a.391.391 0 0 0 .312.625h2.344a.39.39 0 0 0 .39-.39z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23807d7d' d='M5.166 1.027h.836L4.846 2.762a.39.39 0 0 0 .325.607h1.561a.391.391 0 1 0 0-.78h-.836L7.053.854a.39.39 0 0 0-.326-.607H5.166a.39.39 0 1 0 0 .78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 18px;
    height: 20px;
}

.vuegroupe-table tr th:first-child,
.vuegroupe-table tr td:first-child {
    padding-left: 25px;
}

@media only screen and (max-width: 1199px) {
    .vuegroupe-table tr th:first-child,
    .vuegroupe-table tr td:first-child {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe-table tr th:first-child,
    .vuegroupe-table tr td:first-child {
        padding-left: 7px;
    }
}

@media only screen and (max-width: 500px) {
    .vuegroupe-table tr th:first-child,
    .vuegroupe-table tr td:first-child {
        max-width: 175px;
    }
}

.vuegroupe-privileged {
    max-width: 245px;
    width: 100%;
    position: absolute;
    top: 25px;
    right: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e4e4e4;
    background-color: #ffffff;
    padding: 15px 23px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 1199px) {
    .vuegroupe-privileged {
        top: 20px;
        right: 20px;
        padding: 13px 16px;
    }
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged {
        top: 50%;
        right: 50%;
        position: fixed;
        z-index: 2;
        -webkit-transform: translate(50%, -50%) scale(0);
        -moz-transform: translate(50%, -50%) scale(0);
        -o-transform: translate(50%, -50%) scale(0);
        transform: translate(50%, -50%) scale(0);
        min-width: 390px;
        padding: 30px 50px;
    }

    .vuegroupe-privileged.active {
        -webkit-transform: translate(50%, -50%) scale(1);
        -moz-transform: translate(50%, -50%) scale(1);
        -o-transform: translate(50%, -50%) scale(1);
        transform: translate(50%, -50%) scale(1);
    }
}

@media only screen and (max-width: 400px) {
    .vuegroupe-privileged {
        min-width: 90%;
        padding: 25px 40px;
    }
}

.vuegroupe-privileged .close-icon {
    display: none;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .close-icon {
        display: block;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg%3E%3Cg%3E%3Cpath d='M17.072 15.287l-1.586 1.586-4.038-4.038-4.038 4.038-1.586-1.586 4.038-4.038L5.824 7.21 7.41 5.624l4.038 4.038 4.038-4.038 1.586 1.586-4.038 4.039zM11.448 0A11.238 11.238 0 0 0 .199 11.249c0 6.22 5.028 11.248 11.249 11.248 6.22 0 11.248-5.028 11.248-11.248S17.668 0 11.448 0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        -moz-background-size: contain;
        background-size: contain;
        background-color: transparent;
        top: 13px;
        right: 14px;
        width: 23px;
        height: 23px;
        font-size: 0;
        position: absolute;
    }
}

@media only screen and (max-width: 375px) {
    .vuegroupe-privileged .close-icon {
        width: 20px;
        height: 20px;
    }
}

.vuegroupe-privileged .vuegroupe-prtext {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .vuegroupe-prtext {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .vuegroupe-privileged .vuegroupe-prtext {
        font-size: 14px;
    }
}

.vuegroupe-privileged .vuegroupe-prname {
    font-size: 12px;
    font-weight: bold;
    display: block;
    line-height: 1.6;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .vuegroupe-prname {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .vuegroupe-privileged .vuegroupe-prname {
        font-size: 14px;
    }
}

.vuegroupe-privileged .vuegroupe-contactlist {
    margin-top: 5px;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .vuegroupe-contactlist {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .vuegroupe-privileged .vuegroupe-contactlist {
        margin-top: 18px;
    }
}

.vuegroupe-privileged .contactlist-link {
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
    display: block;
    padding: 2px 0 2px 17px;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .contactlist-link {
        font-size: 16px;
        padding: 0 0 4px 27px;
    }
}

@media only screen and (max-width: 375px) {
    .vuegroupe-privileged .contactlist-link {
        font-size: 14px;
        padding: 2px 0 2px 22px;
    }
}

.vuegroupe-privileged .contactlist-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vuegroupe-privileged .contactlist-link:hover {
    color:  #017292;
}

.vuegroupe-privileged .contactlist-link.contactlist-phone:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%234e4d4d' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M2.621 1.243H8.38c.636 0 1.151.515 1.151 1.151v9.212c0 .636-.515 1.151-1.151 1.151H2.62a1.151 1.151 0 0 1-1.151-1.151V2.394c0-.636.515-1.151 1.151-1.151z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%234e4d4d' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M5.5 10.454v0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 11px;
    height: 14px;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .contactlist-link.contactlist-phone:before {
        width: 13px;
        height: 19px;
    }
}

.vuegroupe-privileged .contactlist-link.contactlist-email:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%234e4d4d' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M2.004 1.004h7.992c.55 0 1 .45 1 .999v5.994c0 .55-.45 1-1 1H2.004c-.55 0-1-.45-1-1V2.003c0-.55.45-1 1-1z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%234e4d4d' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M10.995 2.003v0L6 5.5v0L1.005 2.003v0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 12px;
    height: 10px;
}

@media only screen and (max-width: 991px) {
    .vuegroupe-privileged .contactlist-link.contactlist-email:before {
        width: 16px;
        height: 13px;
    }
}

/**********************************************************
//////////////////    dashboard    ////////////////////////
**********************************************************/
@media only screen and (min-width: 768px) {
    .rpestablishment {
        display: none;
    }
}

.sidbar {
    background-color:  #017292;
    width: 260px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 50px 0;
    z-index: 11;
}

@media only screen and (max-width: 1199px) {
    .sidbar {
        width: 230px;
        padding: 30px 0;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar {
        width: -webkit-calc(100% - 37px);
        width: -moz-calc(100% - 37px);
        width: calc(100% - 37px);
        padding: 70px 0 20px;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        z-index: 12 !important;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        overflow-y: auto;
    }

    .sidbar.active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 375px) {
    .sidbar {
        padding: 55px 0 10px;
    }
}

.sidbar .close-icon {
    font-size: 0;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23feffff' d='M23.53 21.528l-2.194 2.194-5.585-5.585-5.584 5.585-2.194-2.194 5.585-5.585-5.585-5.584 2.194-2.194 5.584 5.585 5.585-5.585 2.194 2.194-5.585 5.584zM15.75.387C7.15.387.195 7.34.195 15.943.195 24.546 7.149 31.5 15.75 31.5c8.603 0 15.557-6.954 15.557-15.557 0-8.602-6.954-15.556-15.557-15.556z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    position: absolute;
    top: 22px;
    right: 25px;
}

@media only screen and (min-width: 768px) {
    .sidbar .close-icon {
        display: none;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .close-icon {
        width: 28px;
        height: 28px;
    }
}

.sidbar .sidbar-top {
    padding: 0 33px 55px;
}

@media only screen and (max-width: 1199px) {
    .sidbar .sidbar-top {
        padding: 0 20px 35px;
    }
}

.sidbar .sidbar-adminbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 17px;
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-adminbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        margin-bottom: 22px;
    }
}

.sidbar .sidbar-adminbox .adminbox-left {
    margin-right: 13px;
    max-width: 65px;
    min-width: 65px;
    max-height: 65px;
    min-height: 65px;
    border: 2px solid #ffffff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media only screen and (max-width: 1199px) {
    .sidbar .sidbar-adminbox .adminbox-left {
        max-width: 53px;
        min-width: 53px;
        max-height: 53px;
        min-height: 53px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-adminbox .adminbox-left {
        max-width: 94px;
        min-width: 94px;
        max-height: 94px;
        min-height: 94px;
        margin: 0 0 18px 0;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .sidbar-adminbox .adminbox-left {
        max-width: 80px;
        min-width: 80px;
        max-height: 80px;
        min-height: 80px;
        margin: 0 0 15px 0;
    }
}

.sidbar .sidbar-adminbox .adminbox-name {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    line-height: normal;
}

@media only screen and (max-width: 1199px) {
    .sidbar .sidbar-adminbox .adminbox-name {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-adminbox .adminbox-name {
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .sidbar-adminbox .adminbox-name {
        font-size: 15px;
    }
}

.sidbar .sidbar-menulist .menulist-item {
    position: relative;
}

.sidbar .sidbar-menulist .menulist-item:after {
    content: "";
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 44px;
    position: absolute;
}

@media only screen and (max-width: 1199px) {
    .sidbar .sidbar-menulist .menulist-item:after {
        left: 33px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-menulist .menulist-item:after {
        left: 45px;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .sidbar-menulist .menulist-item:after {
        left: 35px;
    }
}

.sidbar .sidbar-menulist .menulist-item.info:after {
    background-image: url("../images/pen-icon.png");
    width: 16px;
    height: 16px;
}

.sidbar .sidbar-menulist .menulist-item.tarifs:after {
    background-image: url("../images/tarifs.png");
    width: 18px;
    height: 11px;
}

.sidbar .sidbar-menulist .menulist-item.demandes:after {
    background-image: url("../images/demandes.png");
    width: 15px;
    height: 14px;
}

.sidbar .sidbar-menulist .menulist-item.liste:after {
    background-image: url("../images/liste.png");
    width: 13px;
    height: 15px;
}

.sidbar .sidbar-menulist .menulist-item.avis:after {
    background-image: url("../images/avis.png");
    width: 14px;
    height: 15px;
}

.sidbar .sidbar-menulist .menulist-item.nous:after {
    background-image: url("../images/nous.png");
    width: 15px;
    height: 11px;
}

.sidbar .sidbar-menulist .menulist-item.docume:after {
    background-image: url("../images/docume.png");
    width: 11px;
    height: 15px;
}

.sidbar .sidbar-menulist .menulist-item.active, .sidbar .sidbar-menulist .menulist-item:hover {
    background-color: #337AB7;
}

.sidbar .sidbar-menulist .menulist-link {
    padding: 10px 5px 10px 80px;
    display: block;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .sidbar .sidbar-menulist .menulist-link {
        padding: 10px 5px 10px 65px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-menulist .menulist-link {
        padding: 10px 5px 10px 83px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .sidbar-menulist .menulist-link {
        font-size: 15px;
        padding: 10px 5px 10px 73px;
    }
}

.sidbar .disconnect-btn {
    max-width: 152px;
    display: block;
    margin: 37px auto 0;
    font-size: 13px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 9px 12px;
}

@media only screen and (max-width: 1199px) {
    .sidbar .disconnect-btn {
        padding: 8px 12px;
        max-width: 140px;
        margin: 30px auto 0;
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .disconnect-btn {
        font-size: 13px;
        text-transform: uppercase;
        padding: 10px 12px;
        max-width: 153px;
        margin-left: 83px;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .disconnect-btn {
        margin: 15px auto 0;
        font-size: 12px;
        max-width: 143px;
        margin-left: 75px;
    }
}

.sidbar .sidbar-userdtl {
    padding: 0 12px;
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
    }
}

.sidbar .sidbar-userdtl .userdtl-item {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item {
        padding: 33px 0 0 0;
        margin: 0 11px;
    }
}

.sidbar .sidbar-userdtl .userdtl-item:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.sidbar .sidbar-userdtl .userdtl-item .userdtl-text,
.sidbar .sidbar-userdtl .userdtl-item p {
    font-size: 14px;
    color: #ffffff;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item .userdtl-text,
    .sidbar .sidbar-userdtl .userdtl-item p {
        font-size: 14px;
        text-transform: capitalize;
        text-align: center;
    }
}

@media only screen and (max-width: 375px) {
    .sidbar .sidbar-userdtl .userdtl-item .userdtl-text,
    .sidbar .sidbar-userdtl .userdtl-item p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item .userdtl-text span,
    .sidbar .sidbar-userdtl .userdtl-item p span {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item.address {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2;
    }
}

.sidbar .sidbar-userdtl .userdtl-item.address:before {
    width: 11px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M5.189 7.63a1.854 1.854 0 1 1 .001-3.708 1.854 1.854 0 0 1-.001 3.707zm0-7.042A5.185 5.185 0 0 0 0 5.776c0 3.892 5.189 9.636 5.189 9.636s5.188-5.744 5.188-9.636A5.185 5.185 0 0 0 5.19.588z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item.address:before {
        width: 19px;
        height: 27px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item.type {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
    }
}

.sidbar .sidbar-userdtl .userdtl-item.type:before {
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M10.093 12.466l-2.37-2.363 2.37-2.37 2.364 2.363zM8.357 6.368c.359 0 .653.294.653.653 0 .359-.294.653-.653.653a.655.655 0 0 1-.653-.653c0-.36.294-.653.653-.653zM7.05 8.98a.655.655 0 0 1-.653-.653c0-.36.294-.653.653-.653.36 0 .653.294.653.653 0 .359-.294.653-.653.653zM5.745 7.674a.655.655 0 0 1-.653-.653c0-.36.294-.653.653-.653.36 0 .653.294.653.653 0 .359-.294.653-.653.653zm-1.77-1.332l-2.37-2.364 2.37-2.37L6.34 3.972zm3.076-1.28c.36 0 .653.294.653.653 0 .36-.294.653-.653.653a.655.655 0 0 1-.653-.653c0-.359.294-.653.653-.653zm3.741 1.972l2.599-2.599a.65.65 0 0 0 0-.92L10.557.68a.65.65 0 0 0-.92 0L7.037 3.28 4.439.68a.654.654 0 0 0-.92 0L.685 3.515a.65.65 0 0 0 0 .92l2.599 2.599L.685 9.632a.65.65 0 0 0 0 .921l2.834 2.834a.65.65 0 0 0 .92 0l2.599-2.599 2.598 2.599c.131.13.294.189.464.189.17 0 .333-.065.464-.19l2.833-2.833a.65.65 0 0 0 0-.92z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item.type:before {
        width: 23px;
        height: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item.statut-asset {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
    }
}

.sidbar .sidbar-userdtl .userdtl-item.statut-asset:before {
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237fb830' d='M5.564 9.968a.406.406 0 0 1-.574 0L2.35 7.33a.406.406 0 0 1 0-.574l.574-.574a.406.406 0 0 1 .574 0l1.778 1.777 3.807-3.807a.406.406 0 0 1 .574 0l.574.574a.406.406 0 0 1 0 .574L5.564 9.968zM6.292.345a6.291 6.291 0 1 0 0 12.583 6.291 6.291 0 0 0 0-12.583z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media only screen and (max-width: 767px) {
    .sidbar .sidbar-userdtl .userdtl-item.statut-asset:before {
        width: 24px;
        height: 24px;
    }
}

.desmain-cover {
    width: 100%;
    max-width: -webkit-calc(100% - 260px);
    max-width: -moz-calc(100% - 260px);
    max-width: calc(100% - 260px);
    margin-left: auto;
    background-color: #ffffff;
    height: -webkit-calc(100vh - 70px);
    height: -moz-calc(100vh - 70px);
    height: calc(100vh - 70px);
    overflow-y: auto;
    padding: 15px 41px 10px 47px;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .desmain-cover {
        max-width: -webkit-calc(100% - 230px);
        max-width: -moz-calc(100% - 230px);
        max-width: calc(100% - 230px);
        padding: 10px 20px 10px 20px;
        height: -webkit-calc(100vh - 55px);
        height: -moz-calc(100vh - 55px);
        height: calc(100vh - 55px);
    }
}

@media only screen and (max-width: 991px) {
    .desmain-cover {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .desmain-cover {
        max-width: 100%;
        height: -webkit-calc(100vh - 70px);
        height: -moz-calc(100vh - 70px);
        height: calc(100vh - 70px);
        padding-bottom: 30px;
    }
}

.desmain-cover ::-webkit-scrollbar {
    width: 11px;
}

.desmain-cover ::-webkit-scrollbar-track {
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.desmain-cover ::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.desmain-cover .connection-date {
    text-align: right;
    font-size: 11px;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .desmain-cover .connection-date {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .infor-photobox .main-titlebox {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    .infor-photobox .main-subtitle {
        display: none;
    }
}

.main-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .main-title {
        margin: -20px -20px 0 -20px;
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
        background-color: #057abc;
        color: #ffffff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        padding: 12px;
        font-size: 13px;
        position: relative;
        z-index: 11;
    }

    .main-title:before {
        content: "";
        width: 14px;
        height: 14px;
        background-image: url("../images/main-title-icon.png");
        background-repeat: no-repeat;
        background-position: center center;
        -moz-background-size: cover;
        background-size: cover;
        background-color: transparent;
        display: block;
        margin-right: 9px;
    }
}

.main-subtext {
    line-height: 1.4;
    color: #777777;
    font-size: 13px;
    font-style: italic;
    max-width: 530px;
    margin-top: 13px;
}

@media only screen and (max-width: 767px) {
    .main-subtext {
        display: none;
    }
}

.infor-cover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -24px;
}

@media only screen and (max-width: 1199px) {
    .infor-cover {
        margin: 0 -15px;
    }
}

@media only screen and (max-width: 991px) {
    .infor-cover {
        margin: 0;
    }
}

.infor-cover .infor-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 56.1%;
    -moz-box-flex: 0;
    flex: 0 0 56.1%;
    max-width: 56.1%;
}

.infor-cover .infor-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 43.9%;
    -moz-box-flex: 0;
    flex: 0 0 43.9%;
    max-width: 43.9%;
}

.infor-cover .main-subtext {
    margin-top: 2px;
}

.infor-cover .infor-left,
.infor-cover .infor-right {
    padding-left: 24px;
    padding-right: 24px;
}

@media only screen and (max-width: 1199px) {
    .infor-cover .infor-left,
    .infor-cover .infor-right {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .infor-cover .infor-left,
    .infor-cover .infor-right {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -moz-box-flex: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0;
    }
}

.edit-btn {
    font-size: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .edit-btn:hover:after {
        margin-right: 0 !important;
    }
}

.edit-btn.active:after {
    margin-right: -54px !important;
}

.edit-btn.active:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18'%3E%3Cdefs%3E%3CclipPath id='f52aa'%3E%3Cpath fill='%23fff' d='M.099 9a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230e4e8b' d='M.099 9a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3Cpath fill='none' stroke='%230e4e8b' stroke-miterlimit='20' d='M.099 9a9 9 0 1 1 18 0 9 9 0 0 1-18 0z' clip-path='url("%23f52aa")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M13.317 5.942l-1.035-1.036a.827.827 0 0 0-1.17 0l-.974.974 2.205 2.206.974-.974a.827.827 0 0 0 0-1.17zm-8.356 5.115l-.22 1.968a.413.413 0 0 0 .457.456l1.966-.217 4.79-4.789L9.747 6.27z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.edit-btn:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3CclipPath id='2w3ba'%3E%3Cpath fill='%23fff' d='M0 9a9 9 0 1 1 18 0A9 9 0 0 1 0 9z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%230e4e8b' d='M13.219 5.942l-1.036-1.036a.827.827 0 0 0-1.17 0l-.974.974 2.206 2.206.974-.974a.827.827 0 0 0 0-1.17zm-8.357 5.115l-.219 1.968a.413.413 0 0 0 .457.456l1.966-.217 4.789-4.789L9.649 6.27z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%230e4e8b' stroke-miterlimit='20' d='M0 9a9 9 0 1 1 18 0A9 9 0 0 1 0 9z' clip-path='url("%232w3ba")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
    width: 18px;
    height: 18px;
}

@media only screen and (max-width: 767px) {
    .edit-btn:before {
        width: 28px;
        height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .edit-btn:before {
        width: 23px;
        height: 23px;
    }
}

.edit-btn[title]:after {
    content: attr(title);
    color:  #017292;
    font-size: 13px;
    line-height: 1.3;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    padding-left: 5px;
    margin-right: -54px;
}

.edit-btn.photobox-edit {
    margin-top: -11px;
}

@media only screen and (max-width: 767px) {
    .edit-btn.photobox-edit {
        display: none;
    }
}

.photobox {
    margin-top: 6px;
    margin-bottom: 30px;
}

.photobox .photobox-item {
    float: left;
    margin: 2px;
    width: -webkit-calc(34% - 4px);
    width: -moz-calc(34% - 4px);
    width: calc(34% - 4px);
    padding-top: 17.455%;
}

@media only screen and (max-width: 767px) {
    .photobox .photobox-item {
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
        padding-top: 25.7%;
    }
}

.photobox .photobox-item:first-child {
    width: -webkit-calc(66% - 4px);
    width: -moz-calc(66% - 4px);
    width: calc(66% - 4px);
    padding-top: 35.637%;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

@media only screen and (max-width: 767px) {
    .photobox .photobox-item:first-child {
        width: -webkit-calc(50% - 4px);
        width: -moz-calc(50% - 4px);
        width: calc(50% - 4px);
        padding-top: 52.637%;
    }
}

.photobox .photobox-item:nth-child(2) {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.photobox .photobox-item:nth-child(3) {
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}

.photobox:after {
    content: "";
    display: table;
    clear: both;
}

.main-titlebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-top: 25px;
}

.main-titlebox .titlebox-btn {
    font-size: 9px;
    padding: 6px 15px;
}

@media only screen and (max-width: 767px) {
    .main-titlebox .edit-btn,
    .main-titlebox .titlebox-btn {
        display: none;
    }
}

.main-subtitle {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
}

@media only screen and (max-width: 1199px) {
    .main-subtitle {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .main-subtitle {
        font-size: 16px;
    }
}

.main-subtitle small {
    font-size: 11px;
}

@media only screen and (max-width: 767px) {
    .main-subtitle small {
        display: none;
    }
}

.establishment-box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e4e4e4;
    margin-top: 10px;
    padding: 25px 20px 17px 20px;
}

@media only screen and (max-width: 1199px) {
    .establishment-box {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .establishment-box {
        margin: 10px 0 15px;
    }
}

.establishment-box .establishment-text {
    font-size: 13px;
    line-height: 1.6;
}

@media only screen and (max-width: 1199px) {
    .establishment-box .establishment-text {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .establishment-box .establishment-text {
        font-size: 13px;
    }
}

.establishment-box .establishment-edittext {
    padding: 0;
    overflow: hidden;
    border: 0;
    resize: none;
}

.facility .establishment-box {
    padding: 13px 20px;
}

@media only screen and (max-width: 1199px) {
    .facility .establishment-box {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .facility .establishment-box {
        padding: 14px 20px;
    }
}

.checkbox-cover {
    position: relative;
    margin-bottom: 14px;
}

.checkbox-cover label {
    font-size: 13px;
    line-height: normal;
    padding-left: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 5;
    cursor: pointer;
}

.checkbox-cover label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e4e4e4;
    cursor: pointer;
}

.checkbox-cover label:after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237fb830' d='M6.272 10.353a.406.406 0 0 1-.574 0L3.06 7.715a.406.406 0 0 1 0-.574l.574-.574a.406.406 0 0 1 .574 0l1.777 1.777 3.807-3.807a.406.406 0 0 1 .574 0l.574.574a.406.406 0 0 1 0 .574l-4.668 4.668zM7 .73a6.291 6.291 0 1 0 0 12.583A6.291 6.291 0 0 0 7 .73z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    position: absolute;
    left: 1px;
    top: 1px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.checkbox-cover [type="checkbox"] {
    display: none;
}

.checkbox-cover [type="checkbox"]:checked ~ label:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.checkbox-cover [type="checkbox"][disabled] ~ label {
    cursor: context-menu;
}

.checkbox-cover [type="checkbox"][disabled] ~ label:before {
    background-color: #e4e4e4;
}

.edit-subbtn {
    text-transform: uppercase;
    display: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .edit-subbtn {
        display: block;
        width: 100%;
        color: #ffffff;
        background-color:  #017292;
        border-color:  #017292;
    }

    .edit-subbtn:hover {
        color:  #017292;
        background-color: #ffffff;
        border-color:  #017292;
    }
}

.accordion-box {
    margin-top: 5px;
}

.accordion-box .accordion-titlebox {
    padding: 15px 0;
}

@media only screen and (min-width: 768px) {
    .accordion-box .edit-subbtn {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-left: auto;
        display: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
}

@media only screen and (max-width: 767px) {
    .accordion-box .edit-subbtn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        display: inline-block;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.1;
        margin: 0;
        min-width: 100px;
        padding: 8px 12px;
        text-align: center;
        text-decoration: none;
        text-transform: none;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
        border: 1px solid;
        color: #ffffff;
        background-color:  #017292;
        border-color:  #017292;
    }

    .accordion-box .edit-subbtn:hover {
        color:  #017292;
        background-color: #ffffff;
        border-color:  #017292;
    }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
    .accordion-box .edit-subbtn {
        display: block;
        font-size: 16px;
        padding: 16px 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        text-transform: uppercase;
    }
}

.accordion-box .edit-subbtn.active {
    background-color:  #017292;
    color: #ffffff;
}

@media only screen and (min-width: 768px) {
    .accordion-box .accordion-dtl {
        padding: 30px 0;
        border-top: 1px solid #e4e4e4;
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .accordion-box .accordion-dtl {
        padding: 15px 0;
    }
}

@media only screen and (max-width: 767px) {
    .accordion-box .accordion-dtl {
        padding: 5px 0 22px;
    }
}

.accordion-box .autrecheckbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.accordion-box .autrecheckbox .autrecheck-cover {
    position: relative;
    margin-left: 15px;
    margin-top: -12px;
    margin-bottom: -12px;
}

.accordion-box .autrecheckbox .autrecheck-cover .delete-btn {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion-box .autrecheckbox .autrecheck-cover input {
    margin: 0;
    padding: 6px 40px 6px 16px;
}

.accordion-box .acnumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    position: relative;
}

.accordion-box .acnumber input {
    margin-bottom: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 11px;
    padding: 4px 22px 4px 12px;
    max-width: 107px;
}

.accordion-box .acnumber .delete-btn {
    position: absolute;
    right: 7px;
    width: 15px;
}

.accordion-box .accordion-checkitem {
    float: left;
    margin: 14px 15px 0 0;
}

.accordion-box .accordion-checklist {
    margin-bottom: 23px;
}

.accordion-box .accordion-checklist:last-child {
    margin-bottom: 0;
}

.accordion-box .accordion-checklist:after {
    content: "";
    display: table;
    clear: both;
}

.accordion-box .accordion-subtitle {
    font-size: 12px;
    text-transform: uppercase;
    line-height: normal;
}

.accordion-box .accordion-titlebox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.accordion-box .accordion-title {
    font-size: 14px;
    line-height: 1.3;
}

@media only screen and (max-width: 767px) {
    .accordion-box .accordion-title {
        font-size: 16px;
    }
}

.accordion-box .accordion-item {
    border-bottom: 1px solid #e4e4e4;
}

@media only screen and (min-width: 768px) {
    .accordion-box .accordion-item:last-child {
        border-bottom: 0;
    }
}

.accordion-box .accordion-item.active .accordion-btn {
    -webkit-transform: rotate(181deg);
    -moz-transform: rotate(181deg);
    -o-transform: rotate(181deg);
    transform: rotate(181deg);
}

@media only screen and (max-width: 767px) {
    .accordion-box .edit-btn {
        display: none;
    }
}

.accordion-box .accordion-btn {
    padding: 10px;
    font-size: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 767px) {
    .accordion-box .accordion-btn {
        display: none;
    }
}

.accordion-box .accordion-btn:before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cg%3E%3Cg transform='rotate(90 5.5 3.5)'%3E%3Cpath d='M6.867 3.754L3.147.037a.7.7 0 0 1 0-.992.708.708 0 0 1 .996 0l4.214 4.211a.701.701 0 0 1 .02.969l-4.231 4.24a.702.702 0 0 1-.995 0 .7.7 0 0 1 0-.992z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 11px;
    height: 7px;
    display: block;
}

.estcontact {
    margin-top: 49px;
}

@media only screen and (max-width: 767px) {
    .estcontact {
        margin-top: 32px;
        padding-bottom: 25px;
        border-bottom: 1px solid #e4e4e4;
    }
}

.control-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
}

.control-btn a:last-child {
    margin-left: 10px;
}

@media only screen and (max-width: 767px) {
    .control-btn a:last-child {
        margin-left: 13px !important;
    }
}

@media only screen and (max-width: 375px) {
    .control-btn a:last-child {
        margin-left: 7px !important;
    }
}

.delete-btn {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3CclipPath id='kamna'%3E%3Cpath fill='%23fff' d='M0 9a9 9 0 1 1 18 0A9 9 0 0 1 0 9z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%230e4e8b' stroke-miterlimit='20' d='M0 9a9 9 0 1 1 18 0A9 9 0 0 1 0 9z' clip-path='url("%23kamna")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%230e4e8b' d='M5.523 6.682h6.954l-.384 6.139a.87.87 0 0 1-.868.815h-4.45a.87.87 0 0 1-.868-.815zm7.243-1.738c.16 0 .29.13.29.29v.579c0 .16-.13.29-.29.29H5.234a.29.29 0 0 1-.29-.29v-.58c0-.16.13-.29.29-.29h2.173l.17-.338a.43.43 0 0 1 .387-.24h2.07c.165 0 .316.093.39.24l.17.339z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
    font-size: 0;
    width: 18px;
    height: 18px;
}

@media only screen and (max-width: 767px) {
    .delete-btn {
        width: 27px;
        height: 27px;
    }
}

@media only screen and (max-width: 767px) {
    .delete-btn {
        width: 23px;
        height: 23px;
    }
}

@media only screen and (min-width: 768px) {
    .rpestcontact {
        display: none;
    }
}

.estcontact-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    width: 100%;
}

.estcontact-form .col-full {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.estcontact-form .complaint-editbnt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
}

.estcontact-form .complaint-btn {
    width: 18px;
    height: 18px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23e0e0e0' d='M8.048 13.371a.531.531 0 0 1-.751 0L3.845 9.92a.531.531 0 0 1 0-.751l.751-.751a.531.531 0 0 1 .751 0l2.325 2.325 4.98-4.98a.531.531 0 0 1 .752 0l.75.75a.531.531 0 0 1 0 .752L8.049 13.37zM9 .782a8.23 8.23 0 1 0 0 16.462A8.23 8.23 0 0 0 9 .782z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    display: block;
    margin-right: 7px;
}

.estcontact-form .complaint-btn:hover, .estcontact-form .complaint-btn.active {
    width: 21px;
    height: 21px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237fb830' d='M6.272 10.353a.406.406 0 0 1-.574 0L3.06 7.715a.406.406 0 0 1 0-.574l.574-.574a.406.406 0 0 1 .574 0l1.777 1.777 3.807-3.807a.406.406 0 0 1 .574 0l.574.574a.406.406 0 0 1 0 .574l-4.668 4.668zM7 .73a6.291 6.291 0 1 0 0 12.583A6.291 6.291 0 0 0 7 .73z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

.estcontact-form .cancel-btn {
    font-size: 0;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='18' viewBox='0 0 17 18'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23a7a6a6' d='M12.885 11.968l-1.16 1.16-2.956-2.954-2.955 2.955-1.16-1.161 2.955-2.955-2.955-2.955 1.16-1.16L8.77 7.853l2.955-2.955 1.16 1.16L9.93 9.013zM8.769.782A8.223 8.223 0 0 0 .54 9.013c0 4.552 3.679 8.23 8.23 8.23 4.552 0 8.231-3.678 8.231-8.23 0-4.551-3.68-8.23-8.23-8.23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

.estcontact-form input,
.estcontact-form select {
    margin-bottom: 3px;
    font-size: 13px;
    padding: 5px 10px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form input,
    .estcontact-form select {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form input,
    .estcontact-form select {
        margin-bottom: 7px;
        font-size: 14px;
        padding: 11px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form input,
    .estcontact-form select {
        padding: 11px 11px;
        font-size: 14px;
    }
}

.estcontact-form input.name,
.estcontact-form select.name {
    font-weight: 700;
}

.estcontact-form .estcontact-name ::-webkit-input-placeholder {
    font-weight: 700;
}

.estcontact-form .estcontact-name :-moz-placeholder {
    font-weight: 700;
}

.estcontact-form .estcontact-name ::-moz-placeholder {
    font-weight: 700;
}

.estcontact-form .estcontact-name :-ms-input-placeholder {
    font-weight: 700;
}

.estcontact-form .estcontact-name ::-ms-input-placeholder {
    font-weight: 700;
}

.estcontact-form .estcontact-name ::placeholder {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .estcontact-name ::-webkit-input-placeholder {
        font-weight: 400;
    }

    .estcontact-form .estcontact-name :-moz-placeholder {
        font-weight: 400;
    }

    .estcontact-form .estcontact-name ::-moz-placeholder {
        font-weight: 400;
    }

    .estcontact-form .estcontact-name :-ms-input-placeholder {
        font-weight: 400;
    }

    .estcontact-form .estcontact-name ::-ms-input-placeholder {
        font-weight: 400;
    }

    .estcontact-form .estcontact-name ::placeholder {
        font-weight: 400;
    }
}

.estcontact-form .estcontact-name ::-webkit-placeholder {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .estcontact-name ::-webkit-placeholder {
        font-weight: 400;
    }
}

.estcontact-form .estcontact-name :-moz-placeholder {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .estcontact-name :-moz-placeholder {
        font-weight: 400;
    }
}

.estcontact-form .estcontact-name ::-moz-placeholder {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .estcontact-name ::-moz-placeholder {
        font-weight: 400;
    }
}

.estcontact-form .estcontact-name ::-ms-placeholder {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .estcontact-name ::-ms-placeholder {
        font-weight: 400;
    }
}

.estcontact-form .estcontact-name :-ms-placeholder {
    font-weight: 700;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .estcontact-name :-ms-placeholder {
        font-weight: 400;
    }
}

.estcontact-form .imgfile-box {
    position: relative;
    padding: 5px 10px;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 28px;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .imgfile-box {
        height: 41px;
    }
}

.estcontact-form .imgfile-box:before {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23707070' d='M9.93 7.984a2.382 2.382 0 0 1 2.384 2.385 2.382 2.382 0 0 1-2.384 2.384 2.382 2.382 0 0 1-2.385-2.384A2.382 2.382 0 0 1 9.93 7.984zm0 6.11a3.727 3.727 0 0 0 3.725-3.725A3.727 3.727 0 0 0 9.93 6.643a3.727 3.727 0 0 0-3.726 3.726 3.727 3.727 0 0 0 3.726 3.725zM4.713 7.388V5.153H6.95V2.917h5.216l1.364 1.49h2.362c.82 0 1.49.671 1.49 1.49v8.943c0 .82-.67 1.49-1.49 1.49H3.968c-.82 0-1.49-.67-1.49-1.49V7.388zm-2.235-4.47V.681h1.49v2.235h2.236v1.49H3.968v2.236h-1.49V4.407H.243v-1.49z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 17px;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .imgfile-box:before {
        width: 20px;
        height: 18px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: initial;
        right: 19px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form .imgfile-box:after {
        content: attr(responsive-title);
    }
}

.estcontact-form .imgfile-box.active {
    background-color: #7FB830;
}

.estcontact-form .imgfile-box.active:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M9.93 7.984a2.382 2.382 0 0 1 2.384 2.385 2.382 2.382 0 0 1-2.384 2.384 2.382 2.382 0 0 1-2.385-2.384A2.382 2.382 0 0 1 9.93 7.984zm0 6.11a3.727 3.727 0 0 0 3.725-3.725A3.727 3.727 0 0 0 9.93 6.643a3.727 3.727 0 0 0-3.726 3.726 3.727 3.727 0 0 0 3.726 3.725zM4.713 7.388V5.153H6.95V2.917h5.216l1.364 1.49h2.362c.82 0 1.49.671 1.49 1.49v8.943c0 .82-.67 1.49-1.49 1.49H3.968c-.82 0-1.49-.67-1.49-1.49V7.388zm-2.235-4.47V.681h1.49v2.235h2.236v1.49H3.968v2.236h-1.49V4.407H.243v-1.49z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
}

.estcontact-form .imgfile-box.active:after {
    color: #ffffff;
}

.estcontact-form .imgfile-box input {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.estcontact-form ::-webkit-input-placeholder {
    font-size: 13px;
}

.estcontact-form :-moz-placeholder {
    font-size: 13px;
}

.estcontact-form ::-moz-placeholder {
    font-size: 13px;
}

.estcontact-form :-ms-input-placeholder {
    font-size: 13px;
}

.estcontact-form ::-ms-input-placeholder {
    font-size: 13px;
}

.estcontact-form ::placeholder {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form ::-webkit-input-placeholder {
        font-size: 12px;
    }

    .estcontact-form :-moz-placeholder {
        font-size: 12px;
    }

    .estcontact-form ::-moz-placeholder {
        font-size: 12px;
    }

    .estcontact-form :-ms-input-placeholder {
        font-size: 12px;
    }

    .estcontact-form ::-ms-input-placeholder {
        font-size: 12px;
    }

    .estcontact-form ::placeholder {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form ::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 400;
    }

    .estcontact-form :-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
    }

    .estcontact-form ::-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
    }

    .estcontact-form :-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
    }

    .estcontact-form ::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
    }

    .estcontact-form ::placeholder {
        font-size: 14px;
        font-weight: 400;
    }
}

.estcontact-form ::-webkit-placeholder {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form ::-webkit-placeholder {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form ::-webkit-placeholder {
        font-size: 14px;
        font-weight: 400;
    }
}

.estcontact-form :-moz-placeholder {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form :-moz-placeholder {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form :-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
    }
}

.estcontact-form ::-moz-placeholder {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form ::-moz-placeholder {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form ::-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
    }
}

.estcontact-form ::-ms-placeholder {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form ::-ms-placeholder {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form ::-ms-placeholder {
        font-size: 14px;
        font-weight: 400;
    }
}

.estcontact-form :-ms-placeholder {
    font-size: 13px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-form :-ms-placeholder {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form :-ms-placeholder {
        font-size: 14px;
        font-weight: 400;
    }
}

.estcontact-form .col-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -moz-box-flex: 0;
    flex: 0 0 40%;
    max-width: 40%;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .col-right {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form .mail-colestcontact {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -moz-box-flex: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-form .hide-colestcontact {
        display: none;
    }
}

.estcontact-form .col-left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -moz-box-flex: 0;
    flex: 0 0 60%;
    max-width: 60%;
}

@media only screen and (max-width: 767px) {
    .estcontact-form .col-left {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.estcontact-form .estcontact-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px;
}

.estcontact-form .estcontact-row .estcontact-col {
    padding: 0 3px;
}

.estcontact-list {
    max-height: 424px;
    overflow-y: auto;
    padding-right: 5px;
    margin-top: 15px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list {
        max-height: 359px;
    }
}

@media only screen and (max-width: 991px) {
    .estcontact-list {
        max-height: initial;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-list {
        margin-bottom: 15px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
    }
}

.estcontact-list .estcontact-item {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e4e4e4;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px;
}

.estcontact-list .estcontact-item.estcontact-new {
    display: none;
}

@media only screen and (max-width: 767px) {
    .estcontact-list .estcontact-item.estcontact-new {
        -webkit-box-ordinal-group: 100001;
        -webkit-order: 100000;
        -moz-box-ordinal-group: 100001;
        order: 100000;
    }
}

.estcontact-list .estcontact-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
}

.estcontact-list .estcontact-leftbox {
    padding-left: 10px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list .estcontact-leftbox {
        padding-left: 5px;
    }
}

.estcontact-list .estcontact-title {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list .estcontact-title {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .estcontact-list .estcontact-title {
        font-size: 15px;
    }
}

.estcontact-list .estcontact-proicon {
    margin: 21px 0 6px;
    max-width: 48px;
    min-height: 48px;
    min-width: 48px;
    max-height: 48px;
    border: 1px solid #e4e4e4;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M11.993 1.37a5.752 5.752 0 0 1 5.745 5.747 5.752 5.752 0 0 1-5.745 5.746 5.753 5.753 0 0 1-5.747-5.746 5.753 5.753 0 0 1 5.747-5.746zm0 12.793c3.884 0 7.045-3.161 7.045-7.046 0-3.885-3.161-7.046-7.045-7.046-3.886 0-7.047 3.16-7.047 7.046 0 3.885 3.161 7.046 7.047 7.046z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23fff' d='M22.445 22.048c-.958.284-1.837.617-2.692.94-2.227.845-4.332 1.643-7.76 1.643-3.421 0-5.522-.796-7.745-1.638-.854-.323-1.734-.657-2.693-.941v-3.403c1.811-1.025 4.219-2.115 5.197-2.547.729.803 2.589 2.508 5.241 2.508 2.65 0 4.51-1.705 5.239-2.508.981.433 3.397 1.527 5.213 2.556zm.979-4.326c-2.391-1.404-5.969-2.943-6.121-3.008a.65.65 0 0 0-.779.212c-.018.023-1.788 2.384-4.531 2.384-2.727 0-4.516-2.361-4.534-2.385a.649.649 0 0 0-.778-.211c-.151.065-3.717 1.598-6.105 2.999a.65.65 0 0 0-.322.56v4.27c0 .294.198.55.481.628 1.089.294 2.087.672 3.053 1.038 2.235.846 4.545 1.72 8.205 1.72 3.667 0 5.982-.876 8.221-1.724.965-.366 1.964-.744 3.051-1.04a.65.65 0 0 0 .481-.626v-4.256a.652.652 0 0 0-.322-.561z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: 24px;
    background-size: 24px;
    background-color: #e4e4e4;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list .estcontact-proicon {
        max-width: 38px;
        min-height: 38px;
        min-width: 38px;
        max-height: 38px;
        -moz-background-size: 17px;
        background-size: 17px;
        margin: 14px 0 4px;
    }
}

@media only screen and (max-width: 991px) {
    .estcontact-list .estcontact-proicon {
        max-width: 48px;
        min-height: 48px;
        min-width: 48px;
        max-height: 48px;
        -moz-background-size: 24px;
        background-size: 24px;
        margin: 21px 0 6px;
    }
}

@media only screen and (max-width: 767px) {
    .estcontact-list .estcontact-proicon {
        margin: 9px 0 6px;
    }
}

.estcontact-list .estcontact-text {
    font-size: 13px;
    line-height: 1.2;
    padding: 3px 0;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list .estcontact-text {
        font-size: 12px;
        padding: 2px 0;
    }
}

@media only screen and (max-width: 991px) {
    .estcontact-list .estcontact-text {
        font-size: 13px;
    }
}

.estcontact-list .estcontact-post {
    font-size: 15px;
    padding-left: 24px;
    position: relative;
    line-height: 1.5;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list .estcontact-post {
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    .estcontact-list .estcontact-post {
        font-size: 15px;
    }
}

.estcontact-list .estcontact-post:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
}

@media only screen and (max-width: 1199px) {
    .estcontact-list .estcontact-post:before {
        -webkit-transform: scale(0.8) translateY(-3px);
        -moz-transform: scale(0.8) translateY(-3px);
        -o-transform: scale(0.8) translateY(-3px);
        transform: scale(0.8) translateY(-3px);
        left: 4px;
    }
}

@media only screen and (max-width: 991px) {
    .estcontact-list .estcontact-post:before {
        -webkit-transform: scale(1) translateY(0);
        -moz-transform: scale(1) translateY(0);
        -o-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        left: 0;
    }
}

.estcontact-list .estcontact-post.direction:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18' viewBox='0 0 16 18'%3E%3Cg%3E%3Cg%3E%3Cpath d='M15.515 14.725v1.392c0 .887-.72 1.606-1.607 1.606H2.13c-.887 0-1.606-.72-1.606-1.606v-1.392c0-2.413 1.904-4.364 4.29-4.478l1.6 6.405 1.07-4.55-1.07-1.875h3.212l-1.07 1.874 1.07 4.551 1.6-6.405c2.385.114 4.29 2.065 4.29 4.478zM3.735 4.873a4.283 4.283 0 1 1 8.566 0 4.283 4.283 0 0 1-8.566 0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 18px;
}

.estcontact-list .estcontact-post.medecin:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14'%3E%3Cg%3E%3Cg%3E%3Cpath d='M10.966 7.222v.95a.475.475 0 0 1-.474.474H9.068v1.424a.475.475 0 0 1-.475.475h-.95a.475.475 0 0 1-.474-.475V8.646H5.745a.475.475 0 0 1-.475-.474v-.95c0-.262.212-.475.475-.475h1.424V5.323c0-.262.212-.474.474-.474h.95c.262 0 .475.212.475.474v1.424h1.424c.262 0 .474.213.474.475zM2.422 2.95h-.475c-.787 0-1.424.637-1.424 1.424v7.595c0 .787.637 1.424 1.424 1.424h.475zm11.867 0h-.474v10.443h.474c.787 0 1.424-.637 1.424-1.424V4.374c0-.787-.637-1.424-1.424-1.424zM6.22 2h3.798v.95H6.219zM3.371 13.393h9.494V2.95h-.95V1.526c0-.787-.637-1.424-1.423-1.424H5.745c-.787 0-1.425.637-1.425 1.424V2.95h-.949z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 16px;
    height: 14px;
    top: 4px;
}

.rpreferral {
    margin-top: 15px;
}

@media only screen and (min-width: 768px) {
    .rpreferral {
        display: none;
    }
}

.referrals-list {
    margin-top: 20px;
    margin-left: -4px;
}

.referrals-list .referrals-item {
    float: left;
}

.referrals-list .referrals-item.referrals-new {
    width: 100%;
    max-width: 300px;
    display: none;
}

.referrals-list .referrals-item.referrals-new .referrals-cover {
    position: relative;
}

@media only screen and (min-width: 768px) {
    .referrals-list .referrals-item.referrals-new .referrals-cover {
        background-color: #fbfbfb;
        border: 1px solid #e4e4e4;
        padding: 4px 38px 4px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .referrals-list .referrals-item.referrals-new .referrals-cover {
        padding: 0;
    }
}

.referrals-list .referrals-item.referrals-new input {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    height: 21px;
    border: 0;
}

@media only screen and (max-width: 767px) {
    .referrals-list .referrals-item.referrals-new input {
        font-size: 13px;
        height: 41px;
        padding: 13px 15px;
        border: 1px solid #e4e4e4;
        background-color: rgba(224, 224, 224, 0.15);
    }
}

.complaint-emailbtn {

    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23d6d6d6' d='M8.586 15.294a.626.626 0 0 1-.886 0l-4.072-4.071a.626.626 0 0 1 0-.886l.886-.886a.626.626 0 0 1 .886 0l2.743 2.743 5.874-5.875a.626.626 0 0 1 .886 0l.886.886a.626.626 0 0 1 0 .886l-7.203 7.203zM9.708.445C4.347.445 0 4.792 0 10.154c0 5.361 4.347 9.708 9.708 9.708 5.362 0 9.709-4.347 9.709-9.708 0-5.362-4.347-9.709-9.709-9.709z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
    display: block;
    right: 10px;
}


.referrals-list .referrals-item.referrals-new .complaint-emailbtn {
    position: absolute;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23d6d6d6' d='M8.586 15.294a.626.626 0 0 1-.886 0l-4.072-4.071a.626.626 0 0 1 0-.886l.886-.886a.626.626 0 0 1 .886 0l2.743 2.743 5.874-5.875a.626.626 0 0 1 .886 0l.886.886a.626.626 0 0 1 0 .886l-7.203 7.203zM9.708.445C4.347.445 0 4.792 0 10.154c0 5.361 4.347 9.708 9.708 9.708 5.362 0 9.709-4.347 9.709-9.708 0-5.362-4.347-9.709-9.709-9.709z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
    display: block;
    right: 10px;
}

@media only screen and (max-width: 767px) {
    .referrals-list .referrals-item.referrals-new .complaint-emailbtn {
        min-width: 26px;
        min-height: 26px;
        margin-left: 12px;
        position: initial;
    }
}

.referrals-list .referrals-item.referrals-new .complaint-emailbtn.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237fb830' d='M6.272 10.353a.406.406 0 0 1-.574 0L3.06 7.715a.406.406 0 0 1 0-.574l.574-.574a.406.406 0 0 1 .574 0l1.777 1.777 3.807-3.807a.406.406 0 0 1 .574 0l.574.574a.406.406 0 0 1 0 .574l-4.668 4.668zM7 .73a6.291 6.291 0 1 0 0 12.583A6.291 6.291 0 0 0 7 .73z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
}

.referrals-list .referrals-cover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e4e4e4;
    margin-left: 4px;
    padding: 6px 8px 6px 9px;
    margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
    .referrals-list .referrals-cover {
        border: 0;
        padding: 0;
    }
}

.referrals-list .referrals-text {
    font-size: 13px;
    line-height: 1;
}

@media only screen and (max-width: 1199px) {
    .referrals-list .referrals-text {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .referrals-list .referrals-text {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .referrals-list .referrals-text {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #e4e4e4;
        padding: 13px 15px;
    }
}

@media only screen and (max-width: 375px) {
    .referrals-list .referrals-text {
        padding: 11px 10px;
        font-size: 12px;
    }
}

.referrals-list .control-btn {
    margin-left: 7px;
}

@media only screen and (max-width: 767px) {
    .referrals-list .control-btn {
        margin-left: 11px;
    }
}

.referrals-list .control-btn a:last-child {
    margin-left: 4px;
}

.referrals-list:after {
    content: "";
    display: table;
    clear: both;
}

.popup-opener {
    cursor: pointer;
}

.modal-title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
    margin-bottom: 6px;
}

.modal-text {
    font-size: 13px;
    font-style: italic;
    line-height: 1.3;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .modal-text {
        color: #777777;
        max-width: 270px;
        margin: 0 auto;
    }
}

.photo-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    padding: 55px 30px 40px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    max-width: 1018px;
}

@media only screen and (max-width: 1325px) {
    .photo-modal {
        max-width: 90%;
    }
}

@media only screen and (max-width: 1199px) {
    .photo-modal {
        padding: 45px 20px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .photo-modal {
        padding: 35px 20px 30px;
        max-width: 93%;
    }
}

.photo-modal.active {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.photo-modal .close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg%3E%3Cpath d='M17.624 16.038l-1.586 1.586L12 13.586l-4.038 4.038-1.586-1.586L10.414 12 6.376 7.962l1.586-1.586L12 10.414l4.038-4.038 1.586 1.586L13.586 12zM12 .751A11.238 11.238 0 0 0 .751 12C.751 18.22 5.78 23.249 12 23.249c6.22 0 11.249-5.029 11.249-11.249C23.249 5.78 18.22.751 12 .751z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 24px;
    height: 24px;
}

@media only screen and (max-width: 767px) {
    .photo-modal .close-icon {
        width: 20px;
        height: 20px;
    }
}

.photo-modal .photomodal-listcover {
    position: relative;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-listcover {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1;
        margin: 0 -2px 24px;
        max-height: 30vh;
        overflow-y: auto;
    }
}

.photo-modal .photomodal-rightbtn,
.photo-modal .photomodal-leftbtn {
    position: absolute;
    top: 50%;
    font-size: 0;
    padding: 6px;
}

.photo-modal .photomodal-rightbtn:before,
.photo-modal .photomodal-leftbtn:before {
    content: "";
    min-width: 15px;
    min-height: 9px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cg%3E%3Cg transform='rotate(90 5.5 3.5)'%3E%3Cpath d='M6.867 3.754L3.147.037a.7.7 0 0 1 0-.992.708.708 0 0 1 .996 0l4.214 4.211a.701.701 0 0 1 .02.969l-4.231 4.24a.702.702 0 0 1-.995 0 .7.7 0 0 1 0-.992z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    z-index: 2;
    display: block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.photo-modal .photomodal-rightbtn:hover:before,
.photo-modal .photomodal-leftbtn:hover:before {
    min-width: 12px;
    min-height: 7px;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-rightbtn,
    .photo-modal .photomodal-leftbtn {
        display: none;
    }
}

.photo-modal .photomodal-rightbtn {
    left: -41px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.photo-modal .photomodal-leftbtn {
    right: -41px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.photo-modal .photomodal-cover {
    padding: 10px 32px 1px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-cover {
        padding: 26px 0 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
    }
}

.photo-modal .photomodal-maxtext {
    text-align: right;
    font-size: 10px;
    color: #777777;
    line-height: 1;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-maxtext {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        color: #282828;
    }
}

.photo-modal .photomodal-list {
    margin: -2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    white-space: nowrap;
    counter-reset: chapter;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
    }
}

.photo-modal .photomodal-list .photomodal-list1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 449px;
    -moz-box-flex: 0;
    flex: 0 0 449px;
    max-width: 449px;
}

.photo-modal .photomodal-list .photomodal-list2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    max-height: 241px;
}

.photo-modal .photomodal-list .photomodal-item {
    float: left;
    padding: 2px;
    width: 222px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-list .photomodal-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 4px 2px;
        float: initial;
    }
}

.photo-modal .photomodal-list .photomodal-item .photomodal-imgcover {
    padding-top: 53.07%;
}

@media only screen and (max-width: 1325px) {
    .photo-modal .photomodal-list .photomodal-item .photomodal-imgcover {
        padding-top: 45.07%;
    }
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-list .photomodal-item .photomodal-imgcover {
        padding-top: 100%;
    }
}

.photo-modal .photomodal-list .photomodal-item:first-child {
    width: 100%;
}

.photo-modal .photomodal-list .photomodal-item:first-child .photomodal-imgcover {
    padding-top: 53.4%;
}

@media only screen and (max-width: 1325px) {
    .photo-modal .photomodal-list .photomodal-item:first-child .photomodal-imgcover {
        padding-top: 45.4%;
    }
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-list .photomodal-item:first-child .photomodal-imgcover {
        padding-top: 100%;
    }
}

.photo-modal .photomodal-list .photomodal-item:before {
    content: counter(chapter);
    font-size: 10px;
    counter-increment: chapter;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3CclipPath id='s9taa'%3E%3Cpath fill='%23fff' d='M0 9a9 9 0 1 1 18 0A9 9 0 0 1 0 9z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M1 9a8 8 0 1 1 16 0A8 8 0 0 1 1 9z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='20' d='M0 9a9 9 0 1 1 18 0A9 9 0 0 1 0 9z' clip-path='url("%23s9taa")'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 18px;
    height: 18px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    z-index: 5;
    top: 10px;
    right: 7px;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-list .photomodal-item:before {
        top: 10px;
        right: 38px;
    }
}

.photo-modal .photomodal-list .photomodal-deletebtn {
    position: absolute;
    font-size: 0;
    top: 31px;
    right: 5px;
    width: 18px;
    height: 19px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19'%3E%3Cdefs%3E%3CclipPath id='ei4xa'%3E%3Cpath fill='red' d='M0 9.5a9 9 0 1 1 18 0 9 9 0 0 1-18 0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23fff' stroke-miterlimit='20' d='M0 9.5a9 9 0 1 1 18 0 9 9 0 0 1-18 0z' clip-path='url("%23ei4xa")'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='red' d='M5.523 7.182h6.954l-.384 6.139a.87.87 0 0 1-.868.815h-4.45a.87.87 0 0 1-.868-.815zm7.243-1.738c.16 0 .29.13.29.29v.579c0 .16-.13.29-.29.29H5.234a.29.29 0 0 1-.29-.29v-.58c0-.16.13-.29.29-.29h2.173l.17-.338a.43.43 0 0 1 .387-.24h2.07c.165 0 .316.093.39.24l.17.339z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-list .photomodal-deletebtn {
        width: 19px;
        height: 19px;
        top: 6px;
        right: 12px;
    }
}

.photo-modal .photomodal-list:after {
    content: "";
    display: table;
    clear: both;
}

.photo-modal .edit-subbtn {
    margin: 51px auto 0;
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    text-transform: uppercase;
}

.photo-modal .edit-subbtn.active {
    background-color:  #017292;
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .photo-modal .edit-subbtn {
        margin: 0;
        max-width: 100%;
    }
}

.photo-modal .photomodal-uploadbox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #707070;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 10px;
    margin: 20px 0;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-uploadbox {
        margin: 16px 0 0;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3;
    }
}

.photo-modal .photomodal-uploadbox input {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}

.photo-modal .photomodal-uploadbox:after {
    content: "";
    width: 0;
    background-color: #7FB830;
    position: absolute;
    height: 100%;
    z-index: 3;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    left: 0;
}

.photo-modal .photomodal-uploadbox.active:after {
    width: 100%;
}

.photo-modal .photomodal-uploadbox.active .uploadbox-text {
    color: #ffffff;
}

.photo-modal .photomodal-uploadbox.active .uploadbox-text:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 23 21'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M12.5 10.087a3.056 3.056 0 0 1 3.06 3.06 3.056 3.056 0 0 1-3.06 3.058 3.056 3.056 0 0 1-3.058-3.059 3.056 3.056 0 0 1 3.059-3.059zm0 7.839a4.782 4.782 0 0 0 4.78-4.78 4.782 4.782 0 0 0-4.78-4.78 4.782 4.782 0 0 0-4.779 4.78 4.782 4.782 0 0 0 4.78 4.78zM5.81 9.322V6.454h2.867V3.587h6.692l1.75 1.912h3.03c1.051 0 1.911.86 1.911 1.911v11.472c0 1.051-.86 1.912-1.911 1.912H4.853a1.918 1.918 0 0 1-1.912-1.912v-9.56zM2.94 3.587V.719h1.912v2.868h2.868v1.912H4.853v2.867H2.941V5.5H.074V3.587z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.photo-modal .photomodal-uploadbox .uploadbox-text {
    padding-left: 37px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 4;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-uploadbox .uploadbox-text {
        font-size: 14px;
        padding-left: 31px;
    }
}

.photo-modal .photomodal-uploadbox .uploadbox-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='21' viewBox='0 0 23 21'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23272727' d='M12.5 10.087a3.056 3.056 0 0 1 3.06 3.06 3.056 3.056 0 0 1-3.06 3.058 3.056 3.056 0 0 1-3.058-3.059 3.056 3.056 0 0 1 3.059-3.059zm0 7.839a4.782 4.782 0 0 0 4.78-4.78 4.782 4.782 0 0 0-4.78-4.78 4.782 4.782 0 0 0-4.779 4.78 4.782 4.782 0 0 0 4.78 4.78zM5.81 9.322V6.454h2.867V3.587h6.692l1.75 1.912h3.03c1.051 0 1.911.86 1.911 1.911v11.472c0 1.051-.86 1.912-1.911 1.912H4.853a1.918 1.918 0 0 1-1.912-1.912v-9.56zM2.94 3.587V.719h1.912v2.868h2.868v1.912H4.853v2.867H2.941V5.5H.074V3.587z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 23px;
    height: 21px;
}

@media only screen and (max-width: 767px) {
    .photo-modal .photomodal-uploadbox .uploadbox-text:before {
        top: 0;
    }
}

.nouscontacter .nouscontacter-form {
    margin-top: 20px;
}

.nouscontacter textarea,
.nouscontacter .nouscontacter-textarea {
    min-height: 259px;
    display: block;
}

.nouscontacter .nouscontacter-subtext {
    font-size: 10px;
    text-align: right;
    margin-top: 14px;
    line-height: 1.2;
}

@media only screen and (max-width: 767px) {
    .nouscontacter .nouscontacter-subtext {
        font-size: 14px;
    }
}

.nouscontacter .theme-btn {
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-top: 13px;
}

@media only screen and (max-width: 767px) {
    .nouscontacter .theme-btn {
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .nouscontacter .main-subtext {
        display: block;
        font-size: 13px;
        margin-top: 20px;
    }
}

/**********************************************************
///////////    Tarifs et disponibilités    ////////////////
**********************************************************/
@media only screen and (max-width: 991px) {
    .tarifset .main-subtext {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .main-title {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .tarifset .main-title.rp-show {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .tarifset .main-title.rp-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .edit-btn {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .tarifset .tarifsetresp-filter {
        display: none;
    }
}

.tarifset .tarifsetresp-toptitle {
    font-size: 16px;
    color: #282828;
    line-height: 1.4;
}

.tarifset .tarifsetresp-cover {
    padding: 13px;
}

.tarifset .tarifsetresp-cover select {
    margin-bottom: 13px;
}

.tarifset .tarifsetresp-cover .tarifsetresp-subinput {
    max-width: 72px;
    margin-bottom: 0;
}

@media only screen and (max-width: 375px) {
    .tarifset .tarifsetresp-cover .tarifsetresp-subinput {
        max-width: 62px;
    }
}

.tarifset .tarifsetresp-subcover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.tarifset .tarifsetresp-checkitem {
    margin-left: 16px;
}

@media only screen and (max-width: 375px) {
    .tarifset .tarifsetresp-checkitem {
        margin-left: 9px;
    }
}

.tarifset .tarifsetresp-checkitem input {
    display: none;
}

.tarifset .tarifsetresp-checkitem input:checked ~ label:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.tarifset .tarifsetresp-checkitem .tarifsetresp-checkbox {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-left: 24px;
    position: relative;
    line-height: 1.3;
}

@media only screen and (max-width: 375px) {
    .tarifset .tarifsetresp-checkitem .tarifsetresp-checkbox {
        font-size: 14px;
    }
}

.tarifset .tarifsetresp-checkitem .tarifsetresp-checkbox:before {
    content: "";
    left: 0;
    top: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    position: absolute;
    width: 16px;
    height: 16px;
}

.tarifset .tarifsetresp-checkitem .tarifsetresp-checkbox:after {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237fb830' d='M6.272 10.353a.406.406 0 0 1-.574 0L3.06 7.715a.406.406 0 0 1 0-.574l.574-.574a.406.406 0 0 1 .574 0l1.777 1.777 3.807-3.807a.406.406 0 0 1 .574 0l.574.574a.406.406 0 0 1 0 .574l-4.668 4.668zM7 .73a6.291 6.291 0 1 0 0 12.583A6.291 6.291 0 0 0 7 .73z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    position: absolute;
    left: 1px;
    top: 4px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.tarifset .tarifsetresp-text {
    font-size: 13px;
    color: #777777;
    line-height: 18px;
    font-style: italic;
    margin-bottom: 16px;
}

.tarifset .tarifsetresp-text span {
    text-decoration: underline;
}

.tarifset .tarifsetresp-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 10px;
}

.tarifset .tarifset-subtext {
    font-size: 13px;
    color: #777777;
    font-style: italic;
    text-align: right;
    line-height: 1.2;
    margin-bottom: 35px;
    margin-top: -15px;
}

@media only screen and (max-width: 991px) {
    .tarifset .tarifset-subtext {
        display: none;
    }
}

.tarifset .tarifset-cover {
    margin-right: 55px;
}

@media only screen and (max-width: 1325px) {
    .tarifset .tarifset-cover {
        margin-right: 0;
    }
}

.tarifset .tachambre-table {
    padding: 45px 0 20px 40px;
    margin-top: 11px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e4e4e4;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1325px) {
    .tarifset .tachambre-table {
        padding: 25px 0 13px 20px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table {
        padding: 0;
        border: 0;
        margin-bottom: 15px;
    }
}

.tarifset .tachambre-table th,
.tarifset .tachambre-table td {
    padding: 5px 13px;
    font-size: 13px;
}

@media only screen and (max-width: 1325px) {
    .tarifset .tachambre-table th,
    .tarifset .tachambre-table td {
        padding: 4px 9px;
    }
}

@media only screen and (max-width: 1199px) {
    .tarifset .tachambre-table th,
    .tarifset .tachambre-table td {
        padding: 4px 7px;
    }
}

.tarifset .tachambre-table table {
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table table {
        width: 100%;
    }
}

.tarifset .tachambre-table .edit-subbtn {
    display: none;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-top: 25px;
    margin-right: 41px;
}

.tarifset .tachambre-table thead,
.tarifset .tachambre-table tr {
    border: 0;
}

.tarifset .tachambre-table .tacchambre-type {
    width: 19.2%;
}

@media only screen and (max-width: 1199px) {
    .tarifset .tachambre-table .tacchambre-type {
        width: 155px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table tbody td {
        display: none;
    }

    .tarifset .tachambre-table tbody td.tacshow-rp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        width: 100%;
        position: relative;
        padding: 6px 0;
    }

    .tarifset .tachambre-table tbody td.tacshow-rp:before {
        content: attr(rp-title);
        font-size: 13px;
        color: #007292;
        line-height: 1.2;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table tbody tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 22px 16px 28px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #e4e4e4;
        margin-bottom: 10px;
        width: 100%;
    }
}

.tarifset .tachambre-table .tacofficiel-tarif {
    width: 9.8%;
}

.tarifset .tachambre-table .tactable-border {
    position: relative;
}

.tarifset .tachambre-table .tactable-border:before {
    content: "";
    background-color: #e4e4e4;
    top: 0;
    left: 13px;
    bottom: 0;
    position: absolute;
    width: 1px;
}

@media only screen and (max-width: 1199px) {
    .tarifset .tachambre-table .tactable-border:before {
        left: 7px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table .tactable-border {
        display: none;
    }
}

.tarifset .tachambre-table thead th {
    font-size: 11px;
    color: #007292;
    text-transform: uppercase;
    line-height: 13.2px;
    vertical-align: bottom;
}

@media only screen and (max-width: 1199px) {
    .tarifset .tachambre-table thead th {
        font-size: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table thead {
        display: none;
    }
}

.tarifset .tachambre-table .datepicker {
    max-width: 124px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23cbc7c7' d='M11.49 5.793H1.515v7.839h9.977zm1.426-2.138v9.977a1.43 1.43 0 0 1-1.425 1.425H1.514A1.425 1.425 0 0 1 .09 13.632l.007-9.977c0-.784.627-1.425 1.418-1.425h.713V.804h1.425V2.23h5.701V.804h1.425V2.23h.713a1.43 1.43 0 0 1 1.425 1.425zm-2.85 4.988H8.64V7.218h1.426zm-2.85 0H5.79V7.218h1.425zm-2.851 0H2.939V7.218h1.426z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 90% center;
    -moz-background-size: 13px;
    background-size: 13px;
    background-color: transparent;
    display: block;
    margin: 0;
    max-height: 31px;
    padding: 5px 10px;
    resize: none;
    overflow: hidden;
    font-size: 9px;
    line-height: 1.2;
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table .datepicker {
        -moz-background-size: 19px;
        background-size: 19px;
        max-height: 41px;
        max-width: 100%;
        height: 41px;
        font-size: 12px;
    }
}

.tarifset .tachambre-table input {
    margin: 0;
    max-width: 61px;
    padding: 6px 10px;
}

.tarifset .tachambre-table input[disabled] {
    border-color: #e4e4e4;
    background-color: #e4e4e4;
}

.tarifset .tachambre-table input.block-input {
    cursor: context-menu;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: line-through;
}

@media only screen and (max-width: 1199px) {
    .tarifset .tachambre-table input {
        padding: 5px 8px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 991px) {
    .tarifset .tachambre-table input {
        font-size: 14px;
        padding: 11px 16px;
        max-width: 100% !important;
        width: 100% !important;
    }
}

.tarifset-gir {
    margin-bottom: 38px;
}

@media only screen and (max-width: 991px) {
    .tarifset-gir {
        margin-bottom: 15px;
    }
}

.tarifset-gir .tarifset-gircover {
    padding: 28px 20px 17px 38px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #e4e4e4;
    margin-top: 12px;
}

@media only screen and (max-width: 991px) {
    .tarifset-gir .tarifset-gircover {
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border: 0;
        margin-top: 0;
    }
}

.tarifset-gir .tarifset-gircover .edit-subbtn {
    margin-left: auto;
    display: none;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-top: 20px;
}

.tarifset-gir .tarifset-girtitle {
    font-size: 13px;
    color: #1b6bb1;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media only screen and (max-width: 991px) {
    .tarifset-gir .tarifset-girtitle {
        font-size: 16px;
        color: #282828;
        font-weight: 700;
        margin: 0;
    }
}

.tarifset-gir .tarifset-girlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
    .tarifset-gir .tarifset-girlist {
        padding: 15px 15px 0;
    }
}

.tarifset-gir .tarifset-girlist .tarifset-giritem {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-right: 36px;
}

@media only screen and (max-width: 991px) {
    .tarifset-gir .tarifset-girlist .tarifset-giritem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
    }
}

@media only screen and (max-width: 375px) {
    .tarifset-gir .tarifset-girlist .tarifset-giritem {
        margin-right: 20px;
    }
}

.tarifset-gir .tarifset-girlist p {
    font-size: 13px;
    margin-right: 20px;
    line-height: 1.2;
}

@media only screen and (max-width: 991px) {
    .tarifset-gir .tarifset-girlist p {
        margin-bottom: 5px;
    }
}

.tarifset-gir .tarifset-girlist input {
    margin: 0;
    width: 61px;
    text-align: center;
    padding: 6px 10px;
}

.documents-itemlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 45px -12px 0;
}

@media only screen and (max-width: 767px) {
    .documents-itemlist {
        margin: 22px -12px 0;
    }
}

.documents-itemlist .documents-item {
    padding: 0 12px 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 190px;
    -moz-box-flex: 0;
    flex: 0 0 190px;
    max-width: 190px;
}

@media only screen and (max-width: 375px) {
    .documents-itemlist .documents-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 170px;
        -moz-box-flex: 0;
        flex: 0 0 170px;
        max-width: 170px;
    }
}

.documents-itemlist .documents-itemcover {
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    min-height: 140px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.documents-itemlist .documents-itemicon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
}

.documents-itemlist .documents-itemicon img {
    max-width: 51px;
}

.documents-itemlist .documents-itemtext {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    max-width: 120px;
    margin-top: 11px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    text-transform: capitalize;
}

@media only screen and (max-width: 375px) {
    .documents-itemlist .documents-itemtext {
        font-size: 14px;
        line-height: 15px;
        margin-top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .documents-box .main-subtext {
        display: block;
    }
}

/**********************************************************
//////////////    DEMANDES ORIENTATIONS    ////////////////
**********************************************************/
.demandor-tabcover {
    padding: 26px 12px 10px 29px;
    -webkit-box-shadow: 0 1px 2px rgba(34, 31, 31, 0.4);
    -moz-box-shadow: 0 1px 2px rgba(34, 31, 31, 0.4);
    box-shadow: 0 1px 2px rgba(34, 31, 31, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    margin-top: 20px;
}

@media only screen and (max-width: 991px) {
    .demandor-tabcover {
        padding: 0;
        border: none;
        margin-top: 32px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.demandor-tabcover ::-webkit-scrollbar {
    width: 11px;
}

.demandor-tabcover ::-webkit-scrollbar-track {
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.demandor-tabcover ::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.demandor-tabcover table {
    width: 100%;
}

.demandor-tabcover .demandor-topfilter {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
}

@media only screen and (max-width: 991px) {
    .demandor-tabcover .demandor-topfilter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
    }
}

.demandor-tabcover .demandor-topfilter .rechercher-col {
    padding-right: 47px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
    -moz-box-flex: 0;
    flex: 0 0 47%;
    max-width: 47%;
}

@media only screen and (max-width: 1199px) {
    .demandor-tabcover .demandor-topfilter .rechercher-col {
        max-width: 40%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40%;
        -moz-box-flex: 0;
        flex: 0 0 40%;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tabcover .demandor-topfilter .rechercher-col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 17px;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::-webkit-input-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col :-moz-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::-moz-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col :-ms-input-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::-ms-input-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::-webkit-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col :-moz-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::-moz-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col ::-ms-placeholder {
        color: #282828;
    }

    .demandor-tabcover .demandor-topfilter .rechercher-col :-ms-placeholder {
        color: #282828;
    }
}

.demandor-tabcover .demandor-topfilter .rechercher-col input {
    max-width: 100%;
    margin: 0;
    display: block;
    padding-left: 40px;
    position: relative;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M13.768 7.748a6.02 6.02 0 1 1-12.04 0 6.02 6.02 0 0 1 12.04 0z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M15.273 15.273l-3.274-3.274'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px 50%;
    -moz-background-size: 15px;
    background-size: 15px;
    background-color: transparent;
}

.demandor-tabcover .demandor-topfilter .demandor-selectcol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 53%;
    -moz-box-flex: 0;
    flex: 0 0 53%;
    max-width: 53%;
    padding-right: 27px;
}

@media only screen and (max-width: 1199px) {
    .demandor-tabcover .demandor-topfilter .demandor-selectcol {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 60%;
        -moz-box-flex: 0;
        flex: 0 0 60%;
        max-width: 60%;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tabcover .demandor-topfilter .demandor-selectcol {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.demandor-tabcover .demandor-topfilter .demandor-selectcol select {
    margin-bottom: 0;
}

@media only screen and (max-width: 375px) {
    .demandor-tabcover .demandor-topfilter .demandor-selectcol select {
        font-size: 13px;
        padding: 10px 14px;
    }
}

.demandor-tabcover .demandor-topfilter .demandor-label {
    margin-right: 21px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

@media only screen and (max-width: 991px) {
    .demandor-tabcover .demandor-topfilter .demandor-label {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 7px;
        margin-right: 0;
    }
}

.demandor-tabcover .demandor-topfilter .demandor-select {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    margin-right: 19px;
}

@media only screen and (max-width: 991px) {
    .demandor-tabcover .demandor-topfilter .demandor-select {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 48%;
        -moz-box-flex: 0;
        flex: 0 0 48%;
        max-width: 48%;
    }
}

@media only screen and (max-width: 767px) {
    .demandor-tabcover .demandor-topfilter .demandor-select {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: -webkit-calc(50% - 13px);
        max-width: -moz-calc(50% - 13px);
        max-width: calc(50% - 13px);
        margin-right: 13px;
    }

    .demandor-tabcover .demandor-topfilter .demandor-select:last-child {
        max-width: 100%;
    }
}

.demandor-tabcover .demandor-topfilter .demandor-select:last-child {
    margin: 0;
}

.demandor-tablecover {
    padding-right: 16px;
    max-height: 60vh;
    overflow: hidden;
    overflow-y: auto;
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    .demandor-tablecover {
        padding: 0;
    }
}

.demandor-tablecover td,
.demandor-tablecover th {
    padding: 13px 12px;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover td,
    .demandor-tablecover th {
        padding: 11px 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .demandor-tablecover td,
    .demandor-tablecover th {
        padding: 10px 6px;
    }
}

.demandor-tablecover .date-titext {
    width: 10%;
}

.demandor-tablecover .person-titext {
    width: 17%;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .person-titext {
        width: 16%;
    }
}

.demandor-tablecover .rdv-titext {
    width: 11%;
}

@media only screen and (max-width: 1199px) {
    .demandor-tablecover .rdv-titext {
        width: 13%;
    }
}

.demandor-tablecover .visite-titext {
    width: 11%;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .visite-titext {
        width: 12%;
    }
}

@media only screen and (max-width: 1199px) {
    .demandor-tablecover .visite-titext {
        width: 8%;
    }
}

.demandor-tablecover .advisor-titext {
    width: 12.2%;
}

.demandor-tablecover .statut-titext {
    width: 12.4%;
}

.demandor-tablecover .Commen-titext {
    width: 13.6%;
    text-align: center;
}

.demandor-tablecover thead th {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 5;
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover thead {
        display: none;
    }
}

.demandor-tablecover .consultant-popbox {
    position: relative;
}

.demandor-tablecover .consultant-popcover {
    position: absolute;
    top: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 12px 16px 11px 19px;
    z-index: 2;
}

.demandor-tablecover .consultant-popcover .consultant-ptitle,
.demandor-tablecover .consultant-popcover strong {
    font-size: 15px;
    line-height: 1.5;
    display: block;
    margin-bottom: 3px;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .consultant-popcover .consultant-ptitle,
    .demandor-tablecover .consultant-popcover strong {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 2px;
        white-space: nowrap;
    }
}

.demandor-tablecover .consultant-popcover .consultant-plink,
.demandor-tablecover .consultant-popcover a {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 3px;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .consultant-popcover .consultant-plink,
    .demandor-tablecover .consultant-popcover a {
        font-size: 12px;
    }
}

.demandor-tablecover .consultant-popcover {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.demandor-tablecover .consultant-popcover.active {
    opacity: 2;
    visibility: visible;
}

.demandor-tablecover .comment-textlink {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23272727' d='M15.655 6.176H4.345V4.29h11.31zm-3.77 5.655h-7.54V9.946h7.54zm-7.54-4.713h11.31v1.885H4.345zM2.46.521A1.882 1.882 0 0 0 .585 2.406L.575 19.37l3.77-3.77H17.54a1.89 1.89 0 0 0 1.885-1.884V2.406A1.89 1.89 0 0 0 17.54.52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    font-size: 0;
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .comment-textlink {
        width: 24px;
        height: 24px;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .comment-textlink {
        width: 20px;
        height: 20px;
    }
}

.demandor-tablecover .comment-textb {
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .comment-textb {
        position: absolute;
        right: 59px;
        top: 49px;
        padding: 0;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .comment-textb {
        top: 39px;
        right: 49px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .pdf-textb {
        position: absolute;
        right: 14px;
        top: 49px;
        padding: 0;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .pdf-textb {
        top: 39px;
    }
}

.demandor-tablecover .pdf-textb a,
.demandor-tablecover .pdf-textb .pdf-textlink {
    font-size: 0;
    display: block;
    margin: 0 4px;
    width: 15px;
    height: 19px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='0 0 15 19'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23272727' d='M7.954 6.86V1.93l4.93 4.93zM8.66.521H1.967a1.76 1.76 0 0 0-1.76 1.76v14.792c0 .972.788 1.76 1.76 1.76h10.565a1.76 1.76 0 0 0 1.761-1.76V6.156z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    position: relative;
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .pdf-textb a,
    .demandor-tablecover .pdf-textb .pdf-textlink {
        width: 18px;
        height: 22px;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .pdf-textb a,
    .demandor-tablecover .pdf-textb .pdf-textlink {
        width: 16px;
        height: 20px;
    }
}

.demandor-tablecover .pdf-textb a:before,
.demandor-tablecover .pdf-textb .pdf-textlink:before {
    content: attr(tooltip-text);
    font-size: 12px;
    position: absolute;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    z-index: 3;
    padding: 6px 9px;
    white-space: nowrap;
    top: -22px;
    left: 2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .pdf-textb a:before,
    .demandor-tablecover .pdf-textb .pdf-textlink:before {
        font-size: 11px;
        left: -20px;
    }
}

.demandor-tablecover .pdf-textb a:hover:before,
.demandor-tablecover .pdf-textb .pdf-textlink:hover:before {
    opacity: 1;
    visibility: visible;
}

.demandor-tablecover .consultant-infolink {
    display: inline-block;
}

.demandor-tablecover .status-text {
    line-height: normal;
    font-size: 12px;
}

.demandor-tablecover .status-text small {
    display: block;
    font-size: 10px;
    margin-top: -3px;
}

.demandor-tablecover .status-text.info-tooltip:after {
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M10.68 5.764a4.68 4.68 0 1 1-9.36 0 4.68 4.68 0 0 1 9.36 0z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M6 7.636V5.764'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='20' d='M6 3.892v0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    display: inline-block;
}

.demandor-tablecover .visits-text {
    font-size: 12px;
}

@media only screen and (max-width: 1199px) {
    .demandor-tablecover .visits-text {
        font-size: 0;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .visits-text {
        padding: 0;
    }
}

.demandor-tablecover .visits-text.vi-effectuee {
    color: #7fb830;
}

.demandor-tablecover .visits-text.vi-effectuee:before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-bottom: -4px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%237fb830' d='M7.279 13.11a.531.531 0 0 1-.751 0L3.076 9.658a.531.531 0 0 1 0-.75l.751-.752a.531.531 0 0 1 .751 0l2.325 2.325 4.98-4.98a.531.531 0 0 1 .751 0l.751.751a.531.531 0 0 1 0 .751L7.28 13.11zM8.23.52a8.23 8.23 0 1 0 0 16.461 8.23 8.23 0 0 0 0-16.461z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .visits-text.vi-effectuee:before {
        width: 15px;
        height: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .visits-text.vi-effectuee:before {
        width: 21px;
        height: 21px;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .visits-text.vi-effectuee:before {
        width: 18px;
        height: 18px;
    }
}

.demandor-tablecover .visits-text.vi-annulee {
    color: #eda709;
}

.demandor-tablecover .visits-text.vi-annulee:before {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-bottom: -4px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23eda709' d='M12.346 11.707l-1.16 1.16L8.23 9.912l-2.955 2.955-1.16-1.16L7.07 8.752 4.115 5.797l1.16-1.16L8.232 7.59l2.955-2.955 1.16 1.16-2.955 2.956zM8.231.52A8.223 8.223 0 0 0 0 8.751c0 4.552 3.68 8.231 8.23 8.231 4.552 0 8.231-3.679 8.231-8.23C16.461 4.2 12.782.52 8.231.52z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: contain;
    background-size: contain;
    background-color: transparent;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover .visits-text.vi-annulee:before {
        width: 15px;
        height: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .visits-text.vi-annulee:before {
        width: 21px;
        height: 21px;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .visits-text.vi-annulee:before {
        width: 18px;
        height: 18px;
    }
}

.demandor-tablecover tbody td {
    font-size: 13px;
    line-height: normal;
}

@media only screen and (max-width: 1325px) {
    .demandor-tablecover tbody td {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover tbody td {
        display: none;
        font-size: 14px;
    }

    .demandor-tablecover tbody td.person-subtextt, .demandor-tablecover tbody td.rdvdate-subtext, .demandor-tablecover tbody td.visits-text, .demandor-tablecover tbody td.consultant-popbox, .demandor-tablecover tbody td.status-text, .demandor-tablecover tbody td.comment-textb, .demandor-tablecover tbody td.pdf-textb {
        display: block;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover tbody td {
        font-size: 13px;
    }
}

@media only screen and (min-width: 992px) {
    .demandor-tablecover tbody tr:nth-child(1), .demandor-tablecover tbody tr:nth-child(2), .demandor-tablecover tbody tr:nth-child(7), .demandor-tablecover tbody tr:nth-child(8), .demandor-tablecover tbody tr:nth-child(13), .demandor-tablecover tbody tr:nth-child(14) {
        background-color: #f8f8f8;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover tbody tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        position: relative;
        min-height: 110px;
        padding-top: 21px;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover tbody tr {
        min-height: 100px;
        padding-top: 11px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .rdvdate-subtext {
        position: absolute;
        top: 37px;
    }

    .demandor-tablecover .rdvdate-subtext:before {
        content: attr(rp-text) "";
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .rdvdate-subtext {
        top: 27px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .consultant-popbox {
        position: absolute;
        top: 21px;
        right: 10px;
        padding-top: 0;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .consultant-popbox {
        top: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .person-subtextt {
        padding-top: 0;
        font-size: 16px;
        color:  #017292;
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .person-subtextt {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .demandor-tablecover .status-text {
        position: absolute;
        top: 60px;
        font-size: 14px;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
    }

    .demandor-tablecover .status-text small {
        display: inline-block;
        font-size: 14px;
        margin-right: 3px;
    }

    .demandor-tablecover .status-text small:after {
        content: " :";
    }
}

@media only screen and (max-width: 375px) {
    .demandor-tablecover .status-text {
        top: 52px;
    }
}

.messagerie-popup {
    max-width: 1018px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 55px 15px 25px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    top: 50%;
    left: 50%;
}

@media only screen and (max-width: 1325px) {
    .messagerie-popup {
        max-width: 768px;
    }
}

@media only screen and (max-width: 991px) {
    .messagerie-popup {
        max-width: 478px;
    }
}

@media only screen and (max-width: 767px) {
    .messagerie-popup {
        max-width: 94%;
        padding: 50px 20px 13px;
    }
}

.messagerie-popup.active {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.messagerie-popup .demandor-tablecover {
    max-height: initial;
    overflow: hidden;
    padding: 0;
    margin-top: 27px;
}

@media only screen and (max-width: 991px) {
    .messagerie-popup .demandor-tablecover {
        display: none;
    }
}

.messagerie-popup .demandor-tablecover table {
    width: 100%;
}

.messagerie-popup ::-webkit-scrollbar {
    width: 11px;
    margin-top: 20px;
}

.messagerie-popup ::-webkit-scrollbar-track {
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.messagerie-popup ::-webkit-scrollbar-thumb {
    background: #e4e4e4;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.messagerie-popup .messagerie-chat {
    margin-top: 36px;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagerie-chat {
        margin-top: 16px;
    }
}

.messagerie-popup .messagchat-messbox {
    max-height: 300px;
    overflow-y: auto;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-messbox {
        max-height: 250px;
    }
}

@media only screen and (max-width: 375px) {
    .messagerie-popup .messagchat-messbox {
        max-height: 230px;
    }
}

.messagerie-popup .messagchat-chatbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    margin-bottom: 14px;
}

.messagerie-popup .messagchat-chatbox .messagchat-chattime {
    font-size: 9px;
    line-height: 1.3;
    font-style: italic;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-chatbox .messagchat-chattime {
        font-size: 14px;
        margin-bottom: 7px;
    }
}

@media only screen and (max-width: 375px) {
    .messagerie-popup .messagchat-chatbox .messagchat-chattime {
        font-size: 12px;
        margin-bottom: 5px;
    }
}

.messagerie-popup .messagchat-chatbox .messagchat-chatmess {
    padding: 12px 7px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-chatbox .messagchat-chatmess {
        font-size: 15px;
        line-height: 20px;
        padding: 10px;
    }
}

@media only screen and (max-width: 375px) {
    .messagerie-popup .messagchat-chatbox .messagchat-chatmess {
        font-size: 14px;
        line-height: 19px;
        padding: 9px;
    }
}

.messagerie-popup .messagchat-chatbox.messagchat-user {
    max-width: 434px;
}

.messagerie-popup .messagchat-chatbox.messagchat-user .messagchat-chatmess {
    background-color: rgba(51, 122, 183, 0.1);
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-chatbox.messagchat-user {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 375px) {
    .messagerie-popup .messagchat-chatbox.messagchat-user {
        margin-bottom: 15px;
    }
}

.messagerie-popup .messagchat-chatbox.messagchat-admin {
    max-width: 304px;
    margin-left: auto;
    margin-top: 21px;
}

.messagerie-popup .messagchat-chatbox.messagchat-admin .messagchat-chatmess {
    background-color: #efeded;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-chatbox.messagchat-admin .messagchat-chatmess {
        text-align: right;
    }
}

.messagerie-popup .messagchat-chatbox.messagchat-admin:last-child {
    margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-chatbox.messagchat-admin:last-child {
        margin-bottom: 17px;
    }
}

.messagerie-popup .messagchat-textbox {
    max-width: 362px;
}

.messagerie-popup .messagchat-textbox .messagchat-texttitle {
    font-size: 9px;
    line-height: 1.3;
    margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-textbox .messagchat-texttitle {
        font-size: 14px;
        font-weight: 700;
    }
}

.messagerie-popup .messagchat-textbox .messagchat-textinput,
.messagerie-popup .messagchat-textbox textarea {
    min-height: 60px;
    max-height: 60px;
    display: block;
}

.messagerie-popup .messagchat-btn {
    display: block;
    margin: 15px auto 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .messagchat-btn {
        width: 100%;
        max-width: 100%;
    }
}

.messagerie-popup .messagerie-cover {
    max-width: 716px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .modal-title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .modal-text {
        font-size: 16px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .messagerie-popup .modal-text {
        font-size: 15px;
    }
}

.messagerie-popup .close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 0;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg%3E%3Cg%3E%3Cpath d='M17.624 16.038l-1.586 1.586L12 13.586l-4.038 4.038-1.586-1.586L10.414 12 6.376 7.962l1.586-1.586L12 10.414l4.038-4.038 1.586 1.586L13.586 12zM12 .751A11.238 11.238 0 0 0 .751 12C.751 18.22 5.78 23.249 12 23.249c6.22 0 11.249-5.029 11.249-11.249C23.249 5.78 18.22.751 12 .751z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    width: 24px;
    height: 24px;
}

@media only screen and (max-width: 767px) {
    .messagerie-popup .close-icon {
        width: 20px;
        height: 20px;
    }
}

/**********************************************************
////////////////    Retours clients    ////////////////////
**********************************************************/
.retourscl-topcover {
    padding: 20px 12px;
}

@media only screen and (max-width: 991px) {
    .retourscl-topcover {
        padding: 20px 0;
    }
}

.retourscl-topcover .retourscl-toptitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    position: relative;
    padding-left: 26px;
    margin-bottom: 23px;
}

.retourscl-topcover .retourscl-toptitle:before {
    content: "";
    width: 22px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22.141px' height='20.531px' viewBox='9.891 10.531 22.141 20.531' enable-background='new 9.891 10.531 22.141 20.531' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FDD138' d='M21,10.79l3.322,6.103l6.757,1.315l-4.703,5.087l0.853,6.916L21,27.25l-6.229,2.96l0.854-6.916 l-4.704-5.087l6.758-1.315L21,10.789'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M21,10.79L21,10.79l3.322,6.103l0,0l6.757,1.315l0,0l-4.703,5.087 l0,0l0.853,6.916l0,0L21,27.25l0,0l-6.229,2.96l0,0l0.854-6.916l0,0l-4.704-5.087l0,0l6.758-1.315l0,0L21,10.789l0,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

.retourscl-topcover .retourscl-listbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 0 -42px;
}

@media only screen and (max-width: 1199px) {
    .retourscl-topcover .retourscl-listbox {
        margin: 0 -30px;
    }
}

@media only screen and (max-width: 991px) {
    .retourscl-topcover .retourscl-listbox {
        margin: 0;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.retourscl-topcover .retourscl-toplist {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    flex: 0 0 50%;
    max-height: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding: 0 42px;
}

@media only screen and (max-width: 1199px) {
    .retourscl-topcover .retourscl-toplist {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 991px) {
    .retourscl-topcover .retourscl-toplist {
        padding: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.retourscl-topcover .retourscl-topitem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .retourscl-topcover .retourscl-topitem {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
    }
}

.retourscl-topcover .retourscl-topitem .retourscl-subnavtitle {
    font-size: 14px;
    margin-right: auto;
    line-height: 1.5;
    max-width: 200px;
    font-weight: 700;
}

.retourscl-topcover .retourscl-topitem .retourscl-progression {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 98px;
    -moz-box-flex: 0;
    flex: 0 0 98px;
    max-height: 98px;
    position: relative;
    height: 4px;
    background-color: #707070;
    display: block;
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .retourscl-topcover .retourscl-topitem .retourscl-progression {
        margin-top: 8px;
    }
}

.retourscl-topcover .retourscl-topitem .retourscl-progreinner {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #000000;
}

.retourscl-topcover .retourscl-topitem .retourscl-subnavstar {
    font-size: 12px;
    line-height: 1.5;
}

.feedcover-list {
    margin-top: 25px;
    padding-right: 10px;
    overflow-y: auto;
    max-height: 40vh;
}

@media only screen and (max-width: 767px) {
    .feedcover-list {
        margin-top: 0;
        max-height: initial;
        padding-right: 0;
    }
}

.feedcover-list .feedcover-item {
    border: 1px solid #E0E0E0;
    border-bottom: 0;
    padding: 22px 20px;
}

.feedcover-list .feedcover-item:last-child {
    border-bottom: 1px solid #E0E0E0;
}

.feedcover-list .feedcover-topcover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin-bottom: 6px;
}

.feedcover-list .feedcover-textbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    .feedcover-list .feedcover-textbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
    }
}

.feedcover-list .feedcover-textbox .theme-btn4,
.feedcover-list .feedcover-textbox a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 5px 17px;
    margin-right: 10%;
}

@media only screen and (max-width: 991px) {
    .feedcover-list .feedcover-textbox .theme-btn4,
    .feedcover-list .feedcover-textbox a {
        margin: -7px 0 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    .feedcover-list .feedcover-textbox .theme-btn4,
    .feedcover-list .feedcover-textbox a {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin-top: 0;
        font-size: 11px;
    }
}

.feedcover-list .feedcover-text {
    font-size: 13px;
    line-height: 1.7;
}

.feedcover-list .feedcover-toptitle {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.feedcover-list .feedcover-star {
    display: block;
    margin-right: 12px;
    min-width: 72px;
    min-height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='71.422px' height='13px' viewBox='13.281 10.234 71.422 13' enable-background='new 13.281 10.234 71.422 13' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23CACACA' d='M20.359,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.074-0.793L20.359,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M20.359,10.644L20.359,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.074-0.793l0,0 L20.359,10.644L20.359,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23CACACA' d='M34.664,10.644l2.003,3.68l4.075,0.793l-2.836,3.068l0.514,4.171l-3.757-1.785l-3.757,1.784l0.516-4.171 l-2.837-3.067l4.075-0.793L34.664,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M34.664,10.644L34.664,10.644l2.003,3.68l0,0l4.075,0.793l0,0 l-2.836,3.068l0,0l0.514,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.516-4.171l0,0l-2.837-3.067l0,0l4.075-0.793l0,0 L34.664,10.644L34.664,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23CACACA' d='M48.968,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.837-3.067l4.075-0.793L48.968,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M48.968,10.644L48.968,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.837-3.067l0,0l4.075-0.793l0,0 L48.968,10.644L48.968,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23CACACA' d='M63.272,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.074-0.793L63.272,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M63.272,10.644L63.272,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.074-0.793l0,0 L63.272,10.644L63.272,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23CACACA' d='M77.575,10.644l2.004,3.68l4.075,0.793l-2.836,3.068l0.514,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.075-0.793L77.575,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M77.575,10.644L77.575,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.836,3.068l0,0l0.514,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.075-0.793l0,0 L77.575,10.644L77.575,10.644'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: repeat-x;
}

.feedcover-list .feedcover-star .feedcover-staritem {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='71.422px' height='13px' viewBox='13.281 10.234 71.422 13' enable-background='new 13.281 10.234 71.422 13' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FDD138' d='M20.359,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.074-0.793L20.359,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M20.359,10.644L20.359,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.074-0.793l0,0 L20.359,10.644L20.359,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FDD138' d='M34.664,10.644l2.003,3.68l4.075,0.793l-2.836,3.068l0.514,4.171l-3.757-1.785l-3.757,1.784l0.516-4.171 l-2.837-3.067l4.075-0.793L34.664,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M34.664,10.644L34.664,10.644l2.003,3.68l0,0l4.075,0.793l0,0 l-2.836,3.068l0,0l0.514,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.516-4.171l0,0l-2.837-3.067l0,0l4.075-0.793l0,0 L34.664,10.644L34.664,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FDD138' d='M48.968,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.837-3.067l4.075-0.793L48.968,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M48.968,10.644L48.968,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.837-3.067l0,0l4.075-0.793l0,0 L48.968,10.644L48.968,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FDD138' d='M63.272,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.074-0.793L63.272,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M63.272,10.644L63.272,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.074-0.793l0,0 L63.272,10.644L63.272,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FDD138' d='M77.575,10.644l2.004,3.68l4.075,0.793l-2.836,3.068l0.514,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.075-0.793L77.575,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M77.575,10.644L77.575,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.836,3.068l0,0l0.514,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.075-0.793l0,0 L77.575,10.644L77.575,10.644'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat-x;
    display: block;
    min-height: 13px;
}

.feedcover-list .feedcover-star .feedcover-staritem.un {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='71.422px' height='13px' viewBox='13.281 10.234 71.422 13' enable-background='new 13.281 10.234 71.422 13' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FD8B38' d='M20.359,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.074-0.793L20.359,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M20.359,10.644L20.359,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.074-0.793l0,0 L20.359,10.644L20.359,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FD8B38' d='M34.664,10.644l2.003,3.68l4.075,0.793l-2.836,3.068l0.514,4.171l-3.757-1.785l-3.757,1.784l0.516-4.171 l-2.837-3.067l4.075-0.793L34.664,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M34.664,10.644L34.664,10.644l2.003,3.68l0,0l4.075,0.793l0,0 l-2.836,3.068l0,0l0.514,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.516-4.171l0,0l-2.837-3.067l0,0l4.075-0.793l0,0 L34.664,10.644L34.664,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FD8B38' d='M48.968,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.837-3.067l4.075-0.793L48.968,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M48.968,10.644L48.968,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.837-3.067l0,0l4.075-0.793l0,0 L48.968,10.644L48.968,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FD8B38' d='M63.272,10.644l2.004,3.68l4.075,0.793l-2.837,3.068l0.515,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.074-0.793L63.272,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M63.272,10.644L63.272,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.837,3.068l0,0l0.515,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.074-0.793l0,0 L63.272,10.644L63.272,10.644'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23FD8B38' d='M77.575,10.644l2.004,3.68l4.075,0.793l-2.836,3.068l0.514,4.171l-3.757-1.785l-3.757,1.784l0.515-4.171 l-2.836-3.067l4.075-0.793L77.575,10.644'/%3E%3Cpath fill='none' stroke='%23F0F0F0' stroke-miterlimit='20' d='M77.575,10.644L77.575,10.644l2.004,3.68l0,0l4.075,0.793l0,0 l-2.836,3.068l0,0l0.514,4.171l0,0l-3.757-1.785l0,0l-3.757,1.784l0,0l0.515-4.171l0,0l-2.836-3.067l0,0l4.075-0.793l0,0 L77.575,10.644L77.575,10.644'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 14px;
}

.feedcover-list .feedcover-star .feedcover-staritem.deux {
    width: 27px;
}

.feedcover-list .feedcover-star .feedcover-staritem.trois {
    width: 42px;
}

.feedcover-list .feedcover-star .feedcover-staritem.quatre {
    width: 57px;
}

.feedcover-list .feedcover-star .feedcover-staritem.cinq {
    width: 72px;
}

.retourscl-feedtitle {
    font-size: 15px;
    line-height: 1.4;
}

@media only screen and (max-width: 767px) {
    .retourscl-feedtitle {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .retoursclients .main-subtext {
        display: block;
    }
}

.retoursclients .retoursclients-title {
    background-color: transparent;
    text-transform: capitalize;
    color: #282828;
    line-height: 1.1;
    margin: 20px 0 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0;
    font-size: 16px;
}

.retoursclients .retoursclients-title:before {
    display: none;
}

@media only screen and (min-width: 768px) {
    .retoursclients .rp-show {
        display: none;
    }
}

/**********************************************************
//////////////    liste des admissions    /////////////////
**********************************************************/
.admissio-tablist {
    margin-top: 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -1px;
}

@media only screen and (max-width: 991px) {
    .admissio-tablist {
        margin-bottom: 35px;
    }
}

.admissio-tablist .admissio-tabitem {
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6;
    padding: 15px 19px;
    cursor: pointer;
    line-height: 1.3;
    border-right: 0;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 991px) {
    .admissio-tablist .admissio-tabitem {
        background-color: transparent;
        border-color: #000000 !important;
        padding: 10px 14px;
        margin: 0 -5px 0 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}

.admissio-tablist .admissio-tabitem:last-child {
    border-right: 1px solid #e6e6e6;
}

.admissio-tablist .admissio-tabitem.active {
    background-color: #ffffff;
    border-bottom-color: #ffffff;
}

@media only screen and (max-width: 991px) {
    .admissio-tablist .admissio-tabitem.active {
        background-color: #057abc;
        border-color: #057abc;
        margin: 0 -5px 0 0;
        border: 0 !important;
        z-index: 3;
    }

    .admissio-tablist .admissio-tabitem.active a,
    .admissio-tablist .admissio-tabitem.active .admissio-tablink {
        color: #ffffff;
    }
}

.admissio-tablist a,
.admissio-tablist .admissio-tablink {
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 14px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    .admissio-tablist a,
    .admissio-tablist .admissio-tablink {
        font-size: 16px;
        text-transform: capitalize;
    }
}

@media only screen and (max-width: 360px) {
    .admissio-tablist a,
    .admissio-tablist .admissio-tablink {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tablist a .admissio-innertext,
    .admissio-tablist .admissio-tablink .admissio-innertext {
        display: none;
    }
}

.admissio-tabcover {
    margin-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.admissio-tabcover .demandor-tablecover {
    max-height: 50vh;
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover {
        max-height: initial;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover tr {
        min-height: 145px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .dentree-subtext,
    .admissio-tabcover .demandor-tablecover .personne-subtext,
    .admissio-tabcover .demandor-tablecover .tsejour-subtetx,
    .admissio-tabcover .demandor-tablecover .dateinputt-box,
    .admissio-tabcover .demandor-tablecover .tarif-subtext,
    .admissio-tabcover .demandor-tablecover .regler-subtext,
    .admissio-tabcover .demandor-tablecover .dentrée-subtext,
    .admissio-tabcover .demandor-tablecover .personneag-subtext,
    .admissio-tabcover .demandor-tablecover .tsejour-subtext,
    .admissio-tabcover .demandor-tablecover .econseiller-subtext,
    .admissio-tabcover .demandor-tablecover .confirmt-subtext,
    .admissio-tabcover .demandor-tablecover .defacture-subtd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        padding: 0;
        position: absolute;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .dentree-subtext:before,
    .admissio-tabcover .demandor-tablecover .tarif-subtext:before,
    .admissio-tabcover .demandor-tablecover .regler-subtext:before,
    .admissio-tabcover .demandor-tablecover .dentrée-subtext:before {
        content: attr(rp-text);
        margin-right: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .confirmt-subtext {
        top: 74px;
        right: 0;
    }

    .admissio-tabcover .demandor-tablecover .confirmt-subtext .adstatustb {
        font-size: 12px;
        padding: 6px 11px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .dentrée-subtext {
        left: 0;
        top: 70px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .econseiller-subtext {
        top: 44px;
        right: 0;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .defacture-subtd {
        top: 100px;
        right: 0;
    }

    .admissio-tabcover .demandor-tablecover .defacture-subtd .docnumber {
        width: 18px;
        height: 22px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .tsejour-subtetx,
    .admissio-tabcover .demandor-tablecover .tsejour-subtext {
        top: 46px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .personne-subtext,
    .admissio-tabcover .demandor-tablecover .personneag-subtext {
        top: 20px;
        left: 0;
        color:  #017292;
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .tarif-subtext {
        right: 0;
        top: 44px;
    }

    .admissio-tabcover .demandor-tablecover .tarif-subtext:before {
        content: attr(rp-text) "TTC";
        margin-right: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .dateinputt-box {
        top: 97px;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box .file-uploadbox {
        display: none;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::-webkit-input-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box :-moz-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::-moz-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box :-ms-input-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::-ms-input-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::-webkit-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box :-moz-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::-moz-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box ::-ms-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box :-ms-placeholder {
        font-size: 13px;
        color: #4a4545;
    }

    .admissio-tabcover .demandor-tablecover .dateinputt-box .dateinputt {
        width: 100%;
        max-width: 138px;
        padding: 7px 10px;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23cbc7c7' d='M11.49 5.793H1.515v7.839h9.977zm1.426-2.138v9.977a1.43 1.43 0 0 1-1.425 1.425H1.514A1.425 1.425 0 0 1 .09 13.632l.007-9.977c0-.784.627-1.425 1.418-1.425h.713V.804h1.425V2.23h5.701V.804h1.425V2.23h.713a1.43 1.43 0 0 1 1.425 1.425zm-2.85 4.988H8.64V7.218h1.426zm-2.85 0H5.79V7.218h1.425zm-2.851 0H2.939V7.218h1.426z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 90% center;
        -moz-background-size: 13px;
        background-size: 13px;
        background-color: transparent;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .hideadmin-titext {
        top: 44px;
        left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .dentree-subtext {
        top: 68px;
        left: 0;
    }
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover .demandor-tablecover .regler-subtext {
        top: 68px;
        right: 0;
    }

    .admissio-tabcover .demandor-tablecover .regler-subtext .adstatustb {
        position: absolute;
        top: 28px;
        font-size: 12px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        min-width: 83px;
        margin: 0;
        padding: 6px;
        right: 30px;
    }
}

.admissio-tabcover .adstatustb {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 12px;
    text-transform: uppercase;
    padding: 3px 5px;
    line-height: 1;
    margin-left: 10px;
    min-width: 66px;
    display: inline-block;
    text-align: center;
}

.admissio-tabcover .adstatustb.regler {
    border-color: #7fb830;
    color: #7fb830;
}

.admissio-tabcover .adstatustb.aregler {
    border-color: #eda709;
    color: #eda709;
}

.admissio-tabcover td,
.admissio-tabcover th {
    padding: 11px 8px;
}

.admissio-tabcover .tarif-titext {
    width: 8%;
}

@media only screen and (max-width: 1199px) {
    .admissio-tabcover .defacture-subtd {
        font-size: 0;
        padding-right: 0;
    }

    .admissio-tabcover .defacture-subtd .docnumber {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .admissio-tabcover .defacture-titext {
        font-size: 0;
    }

    .admissio-tabcover .defacture-titext span {
        display: none;
    }
}

.admissio-tabcover .dateinputt-box input,
.admissio-tabcover .dateinputt-box .dateinputt {
    font-size: 13px;
    margin-bottom: 0;
    margin-right: 5px;
    max-width: 86px;
    padding: 6px;
    float: left;
}

.admissio-tabcover .dateinputt-box .file-uploadbox {
    width: 13px;
    height: 17px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='17' viewBox='0 0 13 17'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23272727' d='M12.579 3.601L9.403.421A.778.778 0 0 0 8.85.196h-.198v4.152h4.153V4.15a.776.776 0 0 0-.227-.549zm-4.964 8.014v2.595c0 .287-.232.52-.519.52H6.058a.519.519 0 0 1-.52-.52v-2.595H3.425a.52.52 0 0 1-.365-.888l3.128-3.105a.553.553 0 0 1 .78 0l3.128 3.105a.519.519 0 0 1-.365.888zm0-7.008V.195H1.127a.777.777 0 0 0-.779.778v15.054c0 .431.347.778.779.778h10.9a.777.777 0 0 0 .779-.778V5.386H8.394a.78.78 0 0 1-.779-.78z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-size: 0;
    margin-top: 6px;
}

.admissio-tabcover .dateinputt-box ::-webkit-input-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box :-moz-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box ::-moz-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box :-ms-input-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box ::-ms-input-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box ::placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box ::-webkit-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box :-moz-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box ::-moz-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box ::-ms-placeholder {
    font-size: 0;
}

.admissio-tabcover .dateinputt-box :-ms-placeholder {
    font-size: 0;
}

.admissio-tabcover .ac-dc {
    top: 4px;
    right: -14px;
}

@media only screen and (max-width: 1325px) {
    .admissio-tabcover .ac-dc {
        right: -12px;
    }
}

.admissio-tabcover .ac-dc:before {
    width: 8px;
    height: 5px;
}

.admissio-tabcover .docnumber {
    font-size: 0;
    width: 15px;
    height: 19px;
    display: block;
    margin-top: -2px;
    float: left;
    margin-right: 8px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='19' viewBox='0 0 15 19'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23272727' d='M7.92 6.86V1.93l4.93 4.93zM8.622.521h-6.69A1.76 1.76 0 0 0 .17 2.281v14.792c0 .972.789 1.76 1.761 1.76h10.565a1.76 1.76 0 0 0 1.761-1.76V6.156z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
    background-color: transparent;
}

.admissio-tabcover .admissio-totalvbox {
    margin: 20px -12px 0 -29px;
    border-top: 1px solid #e6e6e6;
    padding: 10px 29px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
}

.admissio-tabcover .admissio-totalvbox .admissio-totaltitle {
    font-size: 12px;
    color: #ffffff;
    line-height: 1.3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #2c1919;
    padding: 3px 15px;
    margin-right: 12px;
}

.admissio-tabcover .admissio-totalvbox .admissio-total {
    display: block;
    font-size: 13px;
    line-height: 1.2;
}

@media only screen and (max-width: 1325px) {
    .hideadmin-titext {
        display: none;
    }
}

.admissio-tabcover2 .confirmt-titext {
    width: 19%;
}

.admissio-tabcover2 .adstatustb {
    margin-left: 0;
}

@media only screen and (max-width: 991px) {
    .admissio-tabcover2 .demandor-tablecover tr {
        min-height: 125px;
    }
}

.ui-datepicker {
    -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border: 1px solid rgba(14, 78, 139, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 12px;
    display: none;
}

.ui-datepicker .ui-datepicker-calendar th {
    font-size: 12px;
    padding: 6px 5px;
    line-height: 1.4;
    background-color: #f5f5f5;
}

.ui-datepicker td,
.ui-datepicker th {
    padding: 0;
}

.ui-datepicker tr {
    border: 0;
}

.ui-datepicker .ui-state-default {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 31px;
    width: 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding: 3px;
    font-size: 14px;
    background: transparent;
    border: 0;
}

.ui-datepicker .ui-state-default.ui-state-hover, .ui-datepicker .ui-state-default.ui-state-active {
    background-color: #000000;
    color: #ffffff;
}

.ui-datepicker .ui-state-default.ui-state-highlight {
    background-color: #282828;
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-bottom: 6px;
    background-color: transparent;
    border: 0;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all {
    font-size: 0;
    position: relative;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 1px solid rgba(14, 78, 139, 0.2);
}

.ui-datepicker .ui-datepicker-header .ui-corner-all:before {
    content: "";
    border-width: 7px;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    top: 5px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all:hover {
    border-color: #000000;
    background-color: #000000;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all:hover.ui-datepicker-next:before {
    border-left-color: #ffffff;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all:hover.ui-datepicker-prev:before {
    border-right-color: #ffffff;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    text-align: center;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    order: 3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    border-left-color: #000000;
    border-right: 0;
    left: 8px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    order: 1;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    border-left: 0;
    right: 8px;
    border-right-color: #000000;
}