@font-face {
    font-family:inter regular;
    src:url(/font/Inter-Regular.ttf)format("truetype");
    font-display:swap
}

@font-face {
    font-family:inter medium;
    src:url(/font/Inter-Medium.ttf)format("truetype");
    font-display:swap
}

@font-face {
    font-family:inter semibold;
    src:url(/font/Inter-SemiBold.ttf)format("truetype");
    font-display:swap
}

@font-face {
    font-family:inter bold;
    src:url(/font/Inter-Bold.ttf)format("truetype");
    font-display:swap
}

@font-face {
    font-family:"National 2 regular";
    src:url(/font/national-2-regular.woff2)format("truetype");
    font-display:swap
}

@font-face {
    font-family:"National 2 medium";
    src:url(/font/national-2-medium.woff2)format("truetype");
    font-display:swap
}

@font-face {
    font-family:"National 2 extrabold" ;
    src:url(/font/national-2-extrabold.woff2)format("truetype");
    font-display:swap
}

@font-face {
    font-family:"National 2 bold";
    src:url(/font/national-2-bold.woff2)format("truetype");
    font-display:swap
}


:root{
	
	/* products */
	--ringover:#3cc8c8;
    --ringover_light:#e3f3ee;
    --ringover_light_hover:#cfebe2;
    --cadence:#9b90d8;
    --cadence_light:#e2dff2;
    --cadence_light_hover:#d6d1ed;
    --empower:#8ea4f7;
    --empower_light:#e1e7fd;
    --empower_light_hover:#d6defc;
    --chatbot:#dbb900;
    --chatbot_light:#fef5cd;
    --chatbot_light_hover:#feefa7;
	
	/* color */
	--white:#ffffff;
	--black:0 0 0;
	--background:#f9fbff;
	--background_light:#fcfcfc;
	--font:#567191;
	--font_dark:#273a53;
	--font_medium:#576475;
	--font_light:#999;
	--font_verylight:#9ea3b1;
	
	--button:#00779e;
	--button_light:#e5f1f5;
	--button_hover:#006282;
	--button_active:#004961;
	
	--line_hover:#f7f9fe;
	--grey_border:#e9eaef;
	--grey_border_light:#f0f3fa;
	--grey_border_dark:#ccc;
	--grey_head:#f2f4f8;
	
	--blue:#2081E2;
	--blue_shadow:#2081E266;
	--blue_hover:#1a71c8;
	--blue_active:#1662ad;
	--blue_light:#e4f0ff;
	--blue_light_hover:#cddef9;
	--blue_light_active:#bed3f8;
	--green:#27C9D6;
	--green_hover:#17c4be;
	--green_active:#2fa9ab;
	--green_light:#60c6d433;
	--red:#f2587a;
	--red_hover:#ed2351;
	--red_active:#c71039;
	--red_light:#f7e3ea;
	--yellow:#f8bf0d;
	--yellow_hover:#facd47;
	--yellow_active:#fcde83;
	--orange:#f5b747;
	--orange_light:#f5b74733;
	--luminous_green:#3be187;
	--luminous_green_hover:#3be18766;
	--luminous_green_active:#1f804bd8;
	--toaster_green:#3EC961;
	--pink:#f06292;
	--purple:#9575cd;
	--purple_light:#f4f1fa;
	--salmon:#faf1f1;
	--salmon:#fff5f1;
	--blue_panopli:#1c61c6;


	/*Quicktalk*/
	--quicktalk-dark-bg-600:#172433;
	--quicktalk-dark-bg-500:#203145;
	--quicktalk-yellow: #ffb74d;

}

*{margin:0;padding:0;}
*::-webkit-scrollbar{width:5px;height:5px;}
*::-webkit-scrollbar-track{background:var(--blue_light);}
*::-webkit-scrollbar-thumb{background:var(--button);}

html{}
*{margin:0;padding:0;font-family:'Inter Regular';color:var(--font);}
body{font-size:13px;font-weight:400;background:linear-gradient(180deg, #CBEFF3 0%, #B6CDE8 100%);overflow:hidden;min-height:100vh;min-height:100dvh;text-align:center;padding:0 24px;}
/* body{font-size:13px;font-weight:400;background:var(--blue);overflow:hidden;min-height:100vh;min-height:100dvh;text-align:center;padding:0 24px;} */
body:before,body:after{content:'';width:40vw;height:40vw;border-radius:50%;position:absolute;z-index:1;border:14vw solid #fff5;left:-16vw;top:-36vw;}
body:before{border:12vw solid #fff5;right:-24%;left:initial;top:40%;}

.clear{clear:both;}

/* BTN */
.btn{position:relative;display:inline-block;height:40px;line-height:40px;background-color:var(--button);background-repeat:no-repeat;background-size:16px;background-position:10px center;padding:0 15px;border-radius:8px;cursor:pointer;color:var(--white);font-family:'Inter SemiBold';transition:all 0.15s;text-decoration:none;}
.btn:hover{background-color:var(--button_hover);}
.btn:active{background-color:var(--button_active);}
.btn.large{width:100%;padding:0;text-align:center;height:50px;line-height:50px;font-size:14px;}
.btn.small{border-radius:5px;line-height:24px;height:24px;font-family:'Inter Regular';font-size:11px;padding:0 10px;}
.btn.yellow{background-color:var(--yellow);}
.btn.yellow:hover{background-color:var(--yellow_hover);}
.btn.yellow:active{background-color:var(--yellow_active);}
.btn.ghost{background-color:var(--white);border:1px solid var(--grey_border);color:var(--font);}
.btn.ghost:hover{border-color:var(--grey_border_dark);}
.btn.ghost:active{background-color:var(--background);color:var(--font_dark);}
.btn.gift{background-image:url(/img/gift_white.svg);padding-left:32px;}
.btn.gift[data-rewards='0']{background-color:var(--grey_border_dark);pointer-events:none;}
.btn.send{background-image:url(/img/send.svg);padding-left:32px;}
.btn.remove{background-image:url(/img/trash_white.svg);padding-left:32px;background-color:var(--red);color:var(--white);}
.btn.remove:hover{background-color:var(--red_hover);}
.btn.remove:active{background-color:var(--red_active);}
.btn.copy{background-image:url(/img/copy_grey.svg);padding-left:32px;}
.btn.copy.ok{background-image:url(/img/circle_check_green.svg);background-color:var(--white);background-size:20px;box-shadow:0 0 0 3px var(--green_light);background-position:7px center;}
.btn.renew{background-image:url(/img/renew_grey.svg);padding-left:32px;}
.btn.add{background-image:url(/img/plus_white.svg);padding-left:32px;}
.btn.edit{background-image:url(/img/edit.svg);padding-left:32px;}
.btn.see{background-image:url(/img/eye.svg);padding-left:32px;}
.btn.ghost.add{background-image:url(/img/plus_grey.svg);}
.btn.wait{pointer-events:none;opacity:0.6;}
.btn.wait:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/loader.svg) no-repeat center center;background-size:24px;background-color:inherit;border-radius:10px;}
.btn.success{pointer-events:none;opacity:0.6;}
.btn.success:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/circle_check_green.svg) no-repeat center center;background-size:24px;background-color:inherit;border-radius:10px;}
.btn.error{pointer-events:none;opacity:0.6;}
.btn.error:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/img/circle_error_red.svg) no-repeat center center;background-size:24px;background-color:inherit;border-radius:10px;}


.btn.disabled{background-color: var(--grey_border_dark);cursor: not-allowed;}
.btn.disabled:hover{background-color: var(--grey_border_dark);}

.btn.hidden{display: none;}



/* TITLES */
h1{float:left;font-weight:700;font-family:Poppins,'Inter Bold';font-size:32px;color:var(--font_dark);line-height:40px;margin-bottom:34px;}
h2{font-weight:700;font-family:Poppins,'Inter Bold';font-size:16px;color:var(--font_dark);margin-top:32px;background-repeat:no-repeat;background-size:20px;background-position:left center;}
h2.logs{background-image:url(/img/list_grey.svg);padding-left:32px;}
h2.share{background-image:url(/img/share_grey.svg);padding-left:32px;background-size:18px;}
.h1_description{font-size:16px;font-family:'Inter SemiBold';}
.h2_description{font-size:14px;font-family:'Inter SemiBold';}

input,select,textarea{outline:none;}
input.error,select.error,textarea.error{background:var(--red_light) !important;box-shadow:0 0 10px var(--red_light) !important;}

/* TOASTER */
#toaster{position:fixed;z-index:1000;padding:15px 30px 15px 50px;font-size:16px;color:var(--white);line-height:20px;border-radius:12px;top:-50px;left:50%;transform:translateX(-50%);transition:all ease 0.20s;width:max-content;max-width:70%;background:url(/img/circle_check_green.svg) no-repeat 15px center var(--button);background-size:24px;font-family:'Inter SemiBold';}
#toaster.good{background-image:url(/img/circle_check_green.svg);}
#toaster.bad{background-image:url(/img/circle_error_red.svg);}
#toaster.on{top:10px;transform:translateX(-50%) scale(1);}


/* LOGIN PAGE */
#page_login , #page_create_password, #page_reset_password{position:absolute;z-index:2;width:calc(600px - 44px - 44px);background:url(/img/logo.svg) no-repeat 44px 54px var(--white);background-size:35px auto;padding:110px 44px 44px 44px;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity linear 1s}
#page_login.quicktalk , #page_create_password.quicktalk, #page_reset_password.quicktalk{background:url(/img/logo_big_quicktalk.svg) no-repeat 44px 54px var(--white); background-size: auto 25px;}
#page_login.quicktalk #btn_login,#page_reset_password.quicktalk #btn_reset_pwd ,#page_create_password.quicktalk #btn_create_pwd{background-color: var(--blue);}
#page_login.quicktalk #btn_login:hover, #page_reset_password.quicktalk #btn_reset_pwd:hover ,#page_create_password.quicktalk #btn_create_pwd:hover{background-color: var(--blue_hover);}
/* #page_login{position:absolute;z-index:2;width:calc(600px - 44px - 44px);background:url(/img/logo.svg) no-repeat 44px 54px var(--white);background-size:130px auto;padding:110px 44px 44px 44px;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity linear 1s}  */
#page_login h1 {font-size:24px;margin:0 0 10px 0}

#page_login.quicktalk h1 ,#page_reset_password.quicktalk h1, #page_create_password.quicktalk h1{float: none;font-family: 'National 2 extrabold', sans-serif; font-size: 1.7rem;} 
#page_reset_password.quicktalk .create_password_wrapper, #page_create_password.quicktalk .create_password_wrapper{align-items: center;}


.display_password{position:absolute;width:36px;height:36px;background:url(/img/eye.svg) no-repeat center center;background-size:16px;right:68px;cursor:pointer;margin-top:8px;border-radius:12px;}



.display_password.close{background-image:url(/img/eye_close.svg);}
.display_password:hover{background-color:var(--grey_border_light);}
.display_password:active{background-color:var(--grey_border);}
#page_login #forgotten_password_login{display:block;text-align:right;margin-top:5px;cursor:pointer;}
#page_login #forgotten_password_login:hover{text-decoration:underline;}
#page_login .or{text-transform:uppercase;position:relative;font-family:'Inter SemiBold';font-size:14px;margin:30px 0 10px 0;}
#page_login .or:before,#page_login .or:after{content:"";width:40%;height:1px;background:var(--grey_border);position:absolute;left:0;top:50%;}
#page_login .or:after{left:auto;right:0;}
#btn_login , #btn_create_pwd{margin-top:32px;}


/* CREATE ACCOUNT PAGE */
#page_create{position:absolute;z-index:2;width:calc(600px - 44px - 44px);background:url(/img/logo_big_quicktalk.svg) no-repeat 44px 54px var(--white);background-size:130px auto;padding:110px 44px 44px 44px;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity linear 1s}
#page_create h1{font-size:24px;margin:0 0 10px 0}
#page_create p.desc{font-size:16px;line-height:24px;}
#page_create p.terms{font-size:14px;text-align:left;line-height:32px;color:var(--font_dark);padding-left:10px;}
#page_create p.terms.first{margin-top:16px;}
#page_create p.terms span.checkbox{display:block;float:left;margin:6px 12px 0 0;width:18px;height:18px;border-radius:5px;border:1px solid var(--grey_border_dark);cursor:pointer;transition:all ease 0.3s;}
#page_create p.terms span.checkbox:hover{border-color:var(--green);}
#page_create p.terms span.checkbox.on{border-color:var(--green);background:url(/img/check_green.svg) no-repeat center;background-size:16px;box-shadow:0 0 0 5px var(--green_light);}
#page_create p.terms span.checkbox.error{border-color:var(--red);background-color:var(--red_light);box-shadow:0 0 0 5px var(--red_light);transform:scale(1.1);}
#page_create p.terms a{font-family:'Inter SemiBold';color:var(--green);text-decoration:none;}
#page_create p.terms a:after{content:"";display:inline-block;width:16px;height:16px;background:url(/img/link_blank.svg) no-repeat;background-size:16px;vertical-align:sub;opacity:0.5;margin-left:5px;}
#page_create p.terms a:hover{text-decoration:underline;}
.btn_linkedin, .btn_google{margin-top:16px;line-height:56px;height:56px;width:calc(100% - 2px);text-align:center;padding:0;font-size:16px;font-family:'Inter SemiBold';color:var(--font_dark)}
.btn_linkedin:before , .btn_google:before{content:"";display:inline-block;width:24px;height:56px;vertical-align:bottom;margin-right:10px;}
.btn_linkedin:before{background:url(/img/linkedin.svg) no-repeat center;background-size:24px;}
.btn_google:before{background:url(/img/google.svg) no-repeat center;background-size:24px;}
#page_create .btn.btn.next{background:var(--green);margin-top:16px;line-height:56px;height:56px;width:calc(100% - 2px);text-align:center;padding:0;font-size:16px;font-family:'Inter SemiBold';}
#page_create .btn.btn.next:after{content:"";display:inline-block;vertical-align:bottom;width:24px;height:56px;background:url(/img/arrow_right.svg) no-repeat center;background-size:24px;margin-left:10px;}
#page_create .btn.btn.next:hover{background:var(--green_hover);}
#page_create .btn.btn.next:active{background:var(--green_active);}
#page_create .continue{margin-top:16px;text-align:center;}
#page_create .continue span{color:var(--blue);font-weight:700;font-size:14px;cursor:pointer;}
#page_create .continue span:hover{text-decoration:underline;}
#page_create .or{text-transform:uppercase;position:relative;font-family:'Inter SemiBold';font-size:14px;margin:30px 0 10px 0;}
#page_create .or:before,#page_create .or:after{content:"";width:40%;height:1px;background:var(--grey_border);position:absolute;left:0;top:50%;}
#page_create .or:after{left:auto;right:0;}
#select_language{position:absolute;background:var(--grey_border_light);border:0;height:32px;line-height:32px;width:64px;top:54px;right:44px;box-shadow:none;padding:0;}
#select_language:hover,#select_language.on {box-shadow:0 0 0 3px var(--grey_border_light);background-color:var(--white)}
#select_language:before{height:32px;}
#select_language .value img{margin:8px 0 0 8px;}
#select_language .underselect{top:36px;}
#select_language .underselect li{text-align:center;}
#select_language .underselect li img{float:none;margin-right:0;}

#section_with_linkedin{display:none;}
#section_with_email{display:none;}
#section_champaign{display:none;}
#section_champaign_google{display:none;}
#section_confirm_linkedin{display:none;}
#section_confirm_password{display:none;}
#input_create_country{position:absolute;left:90px;width:76px;padding:0 10px;background:transparent;box-shadow:none;border-radius:0;border-top:0;border-bottom:0;border-color:var(--grey_border);}
#input_create_country .underselect{max-width:none;width:300px;}
#input_create_phone{margin-left:110px;width:calc(100% - 110px)}
#page_create.wait:before{content:"";position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:url(/img/loader.svg) no-repeat center center var(--white);background-size:44px;border-radius:22px;}
#page_create.init #section_with_linkedin{display:block;}
#page_create.with_email #section_with_email{display:block;}
#page_create.champaign #section_champaign{display:block;}
#page_create.champaign_google #section_champaign_google{display:block;}
#page_create.confirm_linkedin #section_confirm_linkedin{display:block;}
#page_create.confirm_password #section_confirm_password{display:block;}

.section_confirm{font-size:14px;}
.section_confirm img{width:40px;margin:30px;}
.section_confirm strong{font-size:20px;display:block;color:var(--font_dark);margin-bottom:12px;font-family:'Inter Bold';}
#force_password{position:absolute;right:110px;margin-top:14px;font-family:'Inter SemiBold';font-size:11px;border-radius:7px;height:20px;line-height:20px;text-transform:uppercase;padding:0 8px;color:var(--white);background:var(--green);}
#force_password.none{display:none;}
#force_password.veryweak{background:url(/img/hand_down_white.svg) no-repeat 7px center var(--red);background-size:16px;padding-left:28px;}
#force_password.weak{background:var(--red);}
#force_password.average{background:var(--orange);}
#force_password.strong{background:var(--green);}
#force_password.verystrong{background:var(--green);}
#force_password.excellent{background:url(/img/hand_up_white.svg) no-repeat 7px center var(--green);background-size:16px;padding-left:28px;}


#btn_reset_pwd{margin: 18px 0;}
#btn_back_login{cursor: pointer;}
#btn_back_login:hover{text-decoration: underline;}

/* STRUCTURE CONNEXIA */
#wrapper{position:relative;z-index:2;max-width:1600px;border-radius:24px;background:#fff9;height:calc(100vh - 48px);text-align:left;margin:24px auto 0 auto;box-shadow:0px 1px 1px 0px #9E9EA772}

#left_column{position:absolute;z-index:3;width:76px;top:0;left:0;height:100%;}
#logo{display:block;width:76px;height:76px;background:url(/img/logo_small.svg) no-repeat center center;background-size:36px;margin-top:14px;}
#logo_quicktalk{display:block;width:76px;height:76px;background:url(/img/logo_quicktalk.svg) no-repeat center center;background-size:36px;margin-top:14px;}

#main_column{position:absolute;z-index:2;top:20px;left:96px;bottom:20px;right:20px;background:var(--white);border-radius:5px;padding:12px;overflow-y:auto;box-shadow:0 0 0 20px var(--white);}
#main_column::-webkit-scrollbar{width:5px;}
#main_column::-webkit-scrollbar-track{background:var(--grey_border_light);}
#main_column::-webkit-scrollbar-thumb{background:var(--grey_border_dark);}


/* MENU */
#menu{list-style-type:none;position:absolute;top:50%;transform:translateY(-50%);}
#menu li{position:relative;}
#menu li span{position:absolute;left:50px;top:10px;height:28px;line-height:28px;background:var(--button);color:var(--white);padding:0 10px;border-radius:8px;pointer-events:none;opacity:0;transition:all ease 0.4s;}
#menu li:hover span{left:55px;opacity:1;transition:all ease 0.15s;}
#menu a{position:relative;display:block;width:48px;height:48px;border-radius:20px;background:url(/img/menu_dashboard.svg) no-repeat center ;background-size:24px;margin:14px 0 0 14px;transition:all ease 0.2s;}
#menu a:hover{background-color:var(--white);box-shadow:1px 6px 20px 0px rgba(18, 18, 18, 0.05);background-size:28px;}
#menu a:active{background-size:24px;}
#menu li a.on{background-color:var(--button);background-size:24px;}
#menu li a.on.quicktalk, #menu li a.quicktalk span, #user_menu.on.quicktalk, .ressource_menu.quicktalk li.on, .btn.quicktalk{background-color:var(--blue);}
.ressource_menu.quicktalk li:hover{background-color:var(--blue_light);}

#menu li a[data-page=dashboard]{background-image:url(/img/menu_dashboard_grey.svg);}
#menu li a[data-page=dashboard].on{background-image:url(/img/menu_dashboard_white.svg);}
#menu li a[data-page=customers]{background-image:url(/img/menu_customers_grey.svg);}
#menu li a[data-page=customers].on{background-image:url(/img/menu_customers_white.svg);}
#menu li a[data-page=invitations]{background-image:url(/img/menu_invitations_grey.svg);}
#menu li a[data-page=affiliate]{background-image:url(/img/menu_affiliate_grey.svg);}
#menu li a[data-page=affiliate].on{background-image:url(/img/menu_affiliate_white.svg);}
#menu li a[data-page=deals]{background-image:url(/img/menu_deals_grey.svg);}
#menu li a[data-page=deals].on{background-image:url(/img/menu_deals_white.svg);}
#menu li a[data-page=tickets]{background-image:url(/img/menu_tickets_grey.svg);}
#menu li a[data-page=tickets].on{background-image:url(/img/menu_tickets_white.svg);}
#menu li a[data-page=commissioning]{background-image:url(/img/menu_commissioning_grey.svg);}
#menu li a[data-page=commissioning].on{background-image:url(/img/menu_commissioning_white.svg);}

#menu li a[data-page=ressources]{background-image:url(/img/menu_ressources_grey.svg);}
#menu li a[data-page=ressources].on{background-image:url(/img/menu_ressources_white.svg);}
#menu li a[data-page=events]{background-image:url(/img/menu_events_grey.svg);}
#menu li a[data-page=events].on{background-image:url(/img/menu_events_white.svg);}
#menu li a[data-page=usersettings]{background-image:url(/img/settings.svg);}
#menu li a[data-page=logout]{background-image:url(/img/logout_red.svg);color:var(--red);}
#menu li.hide{display:none;}
#menu li.onlyresponsive{display:none;}

#user_menu{position:absolute;bottom:32px;left:14px;width:48px;height:48px;background:url(/img/menu_user_grey.svg) no-repeat center;background-size:32px;cursor:pointer;border-radius:20px;transition:all ease 0.2s;}
#user_menu:hover{background-color:var(--white);box-shadow:1px 6px 20px 0px rgba(18, 18, 18, 0.05);}
#user_menu.on{background-image:url(/img/menu_user_white.svg);background-color:var(--button);}
#user_menu ul{opacity:0;pointer-events:none;position:absolute;list-style-type:none;width:250px;bottom:-20px;left:47px;background:#fff;border-radius:20px;box-shadow:1px 6px 20px 0px rgba(18, 18, 18, 0.05);padding:15px;cursor:default;transition:all ease-in-out 0.15s;}
#user_menu.on ul{opacity:1;left:52px;pointer-events:auto;}
#user_menu ul li{font-size:14px;}
#user_menu ul li a{display:block;line-height:40px;padding:0 15px 0 45px;background-repeat:no-repeat;background-position:15px center;background-size:20px;border-radius:12px;text-decoration:none;}
#user_menu ul li a:hover{background-color:var(--grey_border_light);}
#user_menu ul li a:active{background-color:var(--grey_border);}
#user_menu ul li.head{display:table-cell;background:url(/img/menu_user_grey.svg) no-repeat left center;padding-left:50px;background-size:40px;line-height:20px;border-bottom:15px solid var(--white);vertical-align:middle;height:40px;}
#user_menu ul li.head strong{display:block;}
#user_menu ul li[data-menu=settings] a{background-image:url(/img/settings.svg);}
#user_menu ul li[data-menu=logout] a{background-image:url(/img/logout.svg);}
#user_menu ul li[data-menu=logout] a:hover{background-color:var(--red_light);}

.page{display:none;}
.page.on{display:block;}

/* TABLE */
.main_table{width:100%;border-collapse:collapse;}
.main_table.wait{min-height:100px;background:url(/img/loader.svg) no-repeat left 60px;background-size:28px;}

.main_table th{text-align:left;border-bottom:1px solid var(--grey_border);color:var(--font_light);font-weight:400;height:48px;font-size:11px;text-transform:uppercase;}
.main_table th.sort{cursor:pointer;}
.main_table th.sort:after{content:"";width:16px;height:16px;display:inline-block;background:url(/img/sort.svg) no-repeat center;background-size:16px;margin-left:10px;vertical-align:bottom;opacity:0.5;}
.main_table th.sort:hover{color:var(--font_dark);}
.main_table th.sort:hover:after{opacity:1;}
.main_table th.sort.down{color:var(--font_dark);}
.main_table th.sort.down:after{background-image:url(/img/sort_down.svg);opacity:1;}
.main_table th.sort.up{color:var(--font_dark);}
.main_table th.sort.up:after{background-image:url(/img/sort_up.svg);opacity:1;}
.main_table th.[data-proporty=name]{width:15%;}
.main_table th.[data-proporty=company]{width:15%;}
.main_table th.[data-proporty=email]{width:20%;}
.main_table th.[data-proporty=phone]{width:15%;}
.main_table th.[data-proporty=reward]{width:20%;}

/*Sticky thead*/
.main_table th{ position: sticky; top: -12px; background: var(--white);   z-index: 1;}
#table_deals th, #table_tickets th, #table_head_commissioning th, #table_affiliate_logs th{ top: 60px; }

.sticky_wrapper{display: flex ; position: sticky; top: -12px; padding: 15px 0; flex-direction: row; justify-content: space-between; background: var(--white); z-index: 2;}
.sticky_wrapper > h1{margin-bottom: 0; float: none;}


.ressource_menu{position: sticky; top: -12px;}



.search_box{display:inline-block;background:url(/img/search_grey.svg) no-repeat 10px center var(--white);background-size:16px;padding-left:34px;border:1px solid var(--grey_border);border-radius:8px;height:40px;line-height:40px;box-shadow:0 0 5px rgba(0,0,0,0.05);transition: all ease 0.3s;}
.search_box:hover{border-color:var(--grey_border_dark)}
.search_box.active{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
.search_box.activated{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
.search_box input{background:transparent;border:0;box-shadow:0;width:200px;}




.main_table td{line-height:26px;padding:10px 0;border-bottom:1px solid var(--grey_border);}
.main_table td.name{font-family:'Inter SemiBold';max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--font_dark);}
.main_table td.company{font-family:'Inter SemiBold';color:var(--font_dark);}
.main_table td.date{font-size:12px;color:var(--font_light);}
.main_table td.label{font-size:12px;color:var(--font_light);}
.main_table td.actions{text-align:right;}
.main_table td p.opportunity{}
.main_table td p.opportunity em{font-style:normal;font-size:11px;color:var(--font_light);}
.main_table tr.pointer{cursor:pointer;}
.main_table tr:hover{background-color:var(--background);}
.main_table tr.pointer:active{background-color:var(--grey_border_light);}
.main_table tr.table_head:hover{background-color:transparent;}
.main_table.tight td{padding:5px 0}
.main_table.mini td{padding:1px 0;border-bottom:0;}
.flag_num{width:24px;height:16px;border-radius:5px;vertical-align:text-top;margin-right:5px;}

.head_button{float:right;}

/* ASIDE */
#aside{position:absolute;width:0;opacity:0;background:var(--white);right:0;bottom:0;top:0;border-radius:10px 17px 17px 10px;z-index:3;padding:0;transition:all ease-out 0.2s;background-repeat:no-repeat;background-position:center center;background-size:35px;}
#aside.open{opacity:1;width:800px;box-shadow:-1px 0 1px 0px #9E9EA772,-5px 0 7px 0px rgba(0, 0, 0, 0.1);padding:32px 12px 32px 32px;}
#aside.wait{background-image:url(/img/loader.svg);}
#aside h1{float:none;}
#aside h2{margin-bottom:5px;}
#aside h2 span.btn{margin-left:10px;}
#close_aside{display:none;position:absolute;z-index:9;right:20px;top:20px;border-radius:16px;width:40px;height:40px;background:url(/img/close.svg) no-repeat center center var(--white);background-size:16px;cursor:pointer;opacity:0.5;}
#close_aside:hover{background-color:var(--grey_border_light);opacity:1;}
#close_aside:active{background-color:var(--grey_border);opacity:1;}
#aside.open #close_aside{display:block;}
#aside_content{overflow-x:hidden;overflow-y:auto;height:100%;padding-right:20px;}
#aside .main_table td.label{width:30%;}


/* SELECT */
.select{display:inline-block;position:relative;padding:0 15px;width:250px;background:var(--white);height:38px;line-height:38px;cursor:default;border:1px solid var(--grey_border);border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,0.05);transition:all ease 0.3s;vertical-align:middle;text-align:left;}
.select:hover{border-color:var(--grey_border_dark)}
.select:before{content:"";position:absolute;display:block;width:38px;height:38px;background:url(/img/expand.svg) no-repeat center;background-size:16px;right:0;top:0;pointer-events:none;transition:all ease 0.25s;}
.select span.value{display:block;padding:1px 20px 0 0;overflow:hidden;width:calc(100% - 40px);height:100%;position:relative;text-overflow:ellipsis;white-space:nowrap;}
.trigger_select{user-select:none;cursor:pointer;}
.select div.underselect{display:none;min-width:100%;max-width:100%;padding:10px 0;position:absolute;z-index:9;top:42px;left:0;background:var(--white);border:1px solid var(--grey_border);border-radius:10px;box-shadow:0 10px 15px 0 var(--rgba_blue-7);margin-left:-1px;z-index:100;}
.select div.underselect:before{content:"";position:absolute;width:15px;height:15px;background:var(--white);transform:rotate(45deg);top:-9px;left:25px;border-top:1px solid var(--grey_border);border-left:1px solid var(--grey_border);z-index:-1}
.select:hover div.underselect{border-color:var(--grey_border_dark);}
.select:hover div.underselect:before{border-color:var(--grey_border_dark);}
.select ul{list-style-type:none;max-height:300px;overflow:auto;max-width:100%;}
.select ul::-webkit-scrollbar{width:5px;}
.select ul::-webkit-scrollbar-track{background:var(--blue_light);}
.select ul::-webkit-scrollbar-thumb{background:var(--blue);}
.select ul li{height:38px;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.select ul li.disabled{pointer-events:none;opacity:0.5;}
.select ul li.disabled:before{content:"-----";padding-right:10px;}
.select ul li.hide{display:none;}
.select ul li a{display:block;height:38px;padding:0 15px;margin-left:-15px;width:100%;text-decoration:none;line-height:38px;}
.select p.search{height:38px;border-bottom:1px solid var(--grey_border);margin-top:-5px;background:url(/img/search_grey.svg) no-repeat 12px center;background-size:20px;}
.select p.search input{box-shadow:none;border:0;background:transparent;padding-left:45px;width:calc(100% - 60px)}
.select.good{box-shadow:0 0 10px var(--luminous_green) !important;}
.select.bad{box-shadow:0 0 10px var(--red) !important;}
.select.wait span.value:after{content:"";display:block;position:absolute;width:100%;height:38px;top:0;left:0;background:url(/img/loader.svg) no-repeat center center var(--white);background-size:35px;}
.select.hidden{display:none;}

.select.on div.underselect{display:block;}
.select.on .trigger_select{pointer-events:none;}
.select.on:before{transform:scaleY(-1);}
.select.on div.underselect{border-color:var(--grey_border_dark);}
.select.on div.underselect:before{border-color:var(--grey_border_dark);}
.select.on{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
.select.activated{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
.select > .underselect > ul > li > em,.select > .trigger_select > em{display:inline-block;border-radius:5px;padding:0 5px 0 5px;line-height:24px;height:24px;border:0;color:var(--blue);font-size:13px;vertical-align:top;font-style:normal;margin-top:8px;float:right;max-width:90px;overflow:hidden;text-overflow:ellipsis;background:var(--blue_light);}
.select > .trigger_select > em{margin:6px 10px 0 0;}
.select ul li:hover,.select ul li.hover{background-color:var(--blue_light);}
.select ul li:hover em,.select ul li.hover em{background-color:var(--blue_light_hover);}
.select img{width:24px;height:16px;border-radius:5px;margin:11px 5px 0 0;float:left;}

.select.phone_country{position:absolute;z-index:2;border-color:transparent;border-radius:0;width:75px !important;background:0 0;border-right:1px solid var(--grey_border);padding:0 10px;box-shadow:none;}
.select.phone_country div.underselect{width:320px;max-width:none;}
.select.phone_country.on{border-color:transparent;box-shadow:none;}
input.phone_phone{padding-left:104px !important;width:calc(100% - 120px) !important;}


/* POPUP */
#popup_background{opacity:0;pointer-events:none;position:fixed;z-index:11;top:0;bottom:0;left:0;right:0;backdrop-filter:blur(1px);background:rgba(57, 71, 89, 0.5);transition:all ease 0.25s;}
#popup_background.on{opacity:1;pointer-events:auto;}
#close_popup{position:absolute;z-index:5;right:0;top:0;border-radius:16px;width:40px;height:40px;background:url(/img/close.svg) no-repeat center;background-size:16px;cursor:pointer;opacity:0.5;}
#close_popup:hover{background-color:var(--grey_border_light);opacity:1;}
#close_popup:active{background-color:var(--grey_border);opacity:1;}
#popup{display:none;position:fixed;z-index:11;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px;background:var(--white);width:500px;border-radius:10px;box-shadow:0 0 0 20px var(--white);text-align:left;}
#popup.on{display:block;}
#popup_content{padding:12px;}
#popup_content .title{font-family:poppins,'Inter Bold';font-size:20px;color:var(--font_dark);margin-bottom:12px;}
#popup_content p{font-size:14px;margin-bottom:20px;}
.content_input{float:left;height:40px;margin:10px 5px 0 5px;width:calc(100% - 52px);padding-left:40px;border:1px solid var(--grey_border);background-color:var(--grey_border_light);background-position:10px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;}
.content_input input{background:transparent;border:0;outline:0;height:40px;width:100%;color:var(--font_dark);}
.content_input input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--grey_border_light) inset !important;}
.content_input input::placeholder{color:var(--font_light);font-family:'Inter Regular';}
.content_input input.disabled{cursor:not-allowed;}
.content_input select{background:transparent;border:0;outline:0;height:40px;width:calc(100% - 10px);cursor: pointer;}
.content_input.ringover{background-image:url(/img/logo.svg);}
.content_input.user{background-image:url(/img/user_grey.svg);}
.content_input.lightning{background-image:url(/img/lightning.svg);}
.content_input.filter{background-image:url(/img/filter_grey.svg);}
.content_input.email{background-image:url(/img/email_grey.svg);}
.content_input.company{background-image:url(/img/company_grey.svg);}
.content_input.phone{background-image:url(/img/phone_grey.svg);}
.content_input.country{background-image:url(/img/country_grey.svg);}
.content_input.country .select{border-color:transparent;border-radius:0;background:0;padding:0 10px;box-shadow:none;width:calc(100% - 20px)}
.content_input.calendar{background-image:url(/img/calendar_grey.svg);}
.content_input.role{background-image:url(/img/job_grey.svg);}
.content_input.role select{width:calc(100% - 20px)}
.content_input.pass{height:48px;background-image:url(/img/secure_grey.svg);}
.content_input.pass input{height:48px;line-height:48px;}
.content_input.w50{width:calc(50% - 52px)}
.content_input .switch_label{display:inline-block;line-height:40px;}
.content_input .switch{float:right;margin:7px;}
.content_input.blank{padding-left:10px;width:calc(100% - 22px);}
#popup.champaign:before{content:"Congratulations!";position:absolute;z-index:4;background:url(/img/champaign.svg) no-repeat center center var(--white);background-size:100px;top:0;bottom:0;left:0;right:0;text-align:center;font-weight:700;font-size:28px;font-family:poppins,'Inter Bold';color:var(--font_dark);padding-top:50px;}
#popup.success:before{content:"";position:absolute;z-index:4;background:url(/img/circle_check_green.svg) no-repeat center center var(--white);background-size:100px;top:0;bottom:0;left:0;right:0;}
#popup.popup_catalog{width:900px;max-height:90%;height:90%;}
#popup.popup_catalog #popup_content{position:absolute;height:calc(100% - 24px);width:calc(100% - 48px);}
#popup h1{float:none;}
.input_mydate{display:block;line-height:42px;cursor:pointer;}


.switch{display:block;position:relative;width:45px;height:26px;border-radius:13px;background:var(--red);cursor:pointer;}
.switch:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--white);position:absolute;top:5px;left:5px;transition:all cubic-bezier(0.19, 0.48, 0.38, 1.55) 0.15s}
.switch:hover:before{transform:scale(1.2);}
.switch.on{background:var(--luminous_green);}
.switch.on:before{left:24px;}



.affiliate_topbox{display: flex ; gap: 2.75rem; flex-direction: row;}
#quicktalk_link_box,#affiliate_link_box{flex:2;display: flex ; flex-direction: column; justify-content: space-between;  width: 100%;}

#quicktalk_link_box .btn.copy{background-color: var(--blue); color: var(--white); background-image:url(/img/copy.svg);padding-left:32px;}
#quicktalk_link_box .btn.copy:hover{background-color: var(--blue_hover); color: var(--white);}

#quicktalk_gift_box{flex:1;position: relative; background-color: var(--quicktalk-dark-bg-600); overflow: hidden;display: flex;  gap: 32px; border-radius: 16px; padding: 16px;}
.quicktalk_gift_box_content{position: relative; z-index: 2; background: none;display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; text-align: center; gap: 20px; padding-inline: 20px; padding-block: 24px; border-radius: 16px;}
.quicktalk_gift_box_img{position: absolute; right: -7rem; bottom: -4rem; z-index: 1; display: grid; height: 34rem; width: 34rem; color: var(--quicktalk-dark-bg-500); place-items: center;}
.quicktalk_gift_box_img img{ height: 100%;}
.quicktalk_gift_box_content h2 ,.quicktalk_gift_box_content h3{color: var(--white); font-weight: 600;}
h1.quicktalk{  font-family: 'National 2 extrabold', sans-serif; font-size: 2rem; margin-bottom: 0; }
#quicktalk_link_box h2{font-family: 'National 2 extrabold', sans-serif; font-size: 1.5rem;     background-image: none; padding-left: 0}
.quicktalk_gift_box_content h2{font-family: 'National 2 bold', sans-serif; font-size: 1.5rem; margin-top: 0;}
.quicktalk_description{font-family: 'National 2 bold', sans-serif; font-size: 1.125rem;}

.quicktalk_gift_box_content strong{font-size:3rem;color:var(--quicktalk-yellow);font-family:'National 2 bold';}
#welcome,#welcome span{font-size:1.5rem;color:var(--font_dark);font-family:'National 2 bold';}
#welcome span{color:var(--blue);}

.share_box{display:flex; flex-direction: row; flex-wrap: wrap;gap: 8px;align-items: stretch;}
.share_box span{flex: 162px;}

/* AFILIATE PAGE */
/*#affiliate_link_box{width:calc(50% - 20px);float:left;margin-right:40px;} */
#affiliate_link_box .btn.ghost, #quicktalk_link_box .btn.ghost {float:left;background-color:transparent;color:var(--font);text-align:center;width:calc(50% - 7px);padding:0;}
#affiliate_link_box .btn.ghost:before{content:"";display:inline-block;width:24px;height:40px;background-repeat:no-repeat;background-position:center;background-size:16px;vertical-align:bottom;margin-right:5px;}
#quicktalk_link_box .btn.ghost:before{content:"";display:inline-block;width:24px;height:40px;background-repeat:no-repeat;background-position:center;background-size:20px;vertical-align:bottom;margin-right:5px;}
#affiliate_link_box .btn.linkedin:before, #quicktalk_link_box .btn.linkedin:before {background-image:url(/img/linkedin.svg);}
#affiliate_link_box .btn.twitter:before, #quicktalk_link_box .btn.twitter:before {background-image:url(/img/x.svg);}
#affiliate_link_box .btn.facebook:before, #quicktalk_link_box .btn.facebook:before {background-image:url(/img/facebook.svg);}
/*#affiliate_link_box .btn.mail ,#quicktalk_link_box .btn.mail{margin-right:10px;} */
#affiliate_link_box .btn.mail:before , #quicktalk_link_box .btn.mail:before{background-image:url(/img/send.svg);}
#affiliate_link_box .btn:hover, #quicktalk_link_box .btn:hover{background-color:var(--white);}
#affiliate_link_box .btn:active, #quicktalk_link_box .btn:active{background-color:var(--background);}

#share_mail_list{list-style-type:none;margin-top:24px;}
#share_mail_list li{line-height:60px;border:1px solid var(--grey_border);padding:0 0 0 60px;font-size:16px;cursor:pointer;margin-top:10px;border-radius:8px;background:url(/img/send.svg) no-repeat 20px center;background-size:24px;}
#share_mail_list li[data-device=gmail]{background-image:url(/img/gmail.svg);}
#share_mail_list li[data-device=hotmail]{background-image:url(/img/hotmail.svg);}
#share_mail_list li[data-device=yahoo]{background-image:url(/img/yahoo.svg);}
#share_mail_list li:hover{border-color:var(--grey_border_dark);}

#affiliate_gift_box{display:none;position:relative;width:calc(50% - 60px);height:300px;float:left;background:url(/img/rewards.png) no-repeat right bottom var(--grey_border_light);border-radius:20px;border:20px solid var(--grey_border_light);}
#affiliate_gift_box div{position:relative;width:170px;height:calc(100% - 40px);background:var(--white);text-align:center;border-radius:16px;padding:40px 15px 0 15px;}
#affiliate_gift_box .title{font-weight:700;font-size:14px;}
#affiliate_gift_box .title:before{content:"";display:inline-block;width:16px;height:16px;background:url(/img/gift_grey.svg) no-repeat left center;background-size:16px;vertical-align:text-top;margin-right:5px;}
#affiliate_gift_box strong{display:block;font-size:36px;color:var(--font_dark);font-family:poppins,'Inter Bold';margin:30px 0 10px 0;}
#affiliate_gift_box .btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
#affiliate_gift_box em{font-style:normal;font-family:'Inter SemiBold';}

#referral_link_box{position:relative;background:var(--grey_border_light);border:1px solid var(--grey_border);border-radius:8px;height:40px;line-height:40px;padding:10px;margin:24px 0 16px 0;}
#referral_link_box .link{position:absolute;font-family:'Inter SemiBold';color:var(--font_dark);font-size:16px;}
#referral_link_box .btn{float:right;background-color:transparent;color:var(--font);}


#affiliate_leads_box{margin-top:24px;}

td.estimation.hidden{display: none;}


.affiliate_status{display:inline-block;line-height:16px;background-position:0 center;background-repeat:no-repeat;background-size:16px;padding:0 0 0 24px;font-size:11px;font-family:'Inter SemiBold';}
.affiliate_status.CONFIRMED{background-image:url(/img/circle_check_green.svg);color:var(--green);}
.affiliate_status.INELIGIBLE{background-image:url(/img/circle_error_red.svg);color:var(--red);}
.affiliate_status.PENDING{background-image:url(/img/circle_wait_orange.svg);color:var(--orange);}
.estimate_label.INELIGIBLE{display:none;}
.estimate_amount.INELIGIBLE{display:none;}
.estimate_label.CONFIRMED{font-family:'Inter SemiBold';}
.estimate_amount.CONFIRMED{font-family:'Inter SemiBold';}


/*To be deleted moved to class search_box for many uses */
#search_box_lead{display:inline-block;background:url(/img/search_grey.svg) no-repeat 10px center var(--white);background-size:16px;padding-left:34px;border:1px solid var(--grey_border);border-radius:8px;height:40px;line-height:40px;box-shadow:0 0 5px rgba(0,0,0,0.05);transition: all ease 0.3s;}
#search_box_lead:hover{border-color:var(--grey_border_dark)}
#search_box_lead.active{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
#search_box_lead.activated{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
#search_box_lead input{background:transparent;border:0;box-shadow:0;width:200px;}
/******/


#affiliate_estimate_rewards{display:none;position:relative;border:2px solid var(--grey_border);border-radius:8px;padding:15px;margin:20px 5px 20px 5px;font-weight:700;}
#affiliate_estimate_rewards:hover{border-color:var(--orange);}
#affiliate_estimate_rewards p{font-size:15px;font-weight:700;margin-bottom:5px;}
#affiliate_estimate_rewards label{display:block;font-family:'Inter SemiBold';margin:20px 0 10px 0;}
#affiliate_estimate_rewards ul{list-style-type:none;display:flex;background:var(--grey_border_light);border-radius:8px;padding:4px;height:40px;width:calc(100% - 150px - 8px - 20px)}
#affiliate_estimate_rewards ul li{line-height:40px;border-radius:6px;text-align:center;width:50%;cursor:pointer;opacity:0.6;}
#affiliate_estimate_rewards ul li:hover{opacity:1;}
#affiliate_estimate_rewards ul li.on{background:var(--white);cursor:default;opacity:1;}
#affiliate_estimate_rewards input[type=range]{-webkit-appearance:none;appearance:none;background:var(--grey_border_light);padding:0;width:calc(100% - 150px - 40px - 20px);height:8px;border-radius:4px;}
#affiliate_estimate_rewards input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;background-color:var(--button);transition:all 0.2s ease-in-out;border-radius:8px;cursor:pointer;}

#affiliate_estimate_rewards .range_value{display:inline-block;width:40px;background:var(--grey_border_light);height:28px;border-radius:8px;}
#affiliate_estimate_rewards .range_value input{width:100%;border:0;background:transparent;text-align:center;height:28px;}
#estimate_card{position:absolute;top:15px;bottom:15px;right:15px;width:150px;text-align:center;background:var(--grey_border_light);border-radius:8px;padding-top:20px;}
#estimate_card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:url(/img/rewards_coins.png) no-repeat center bottom;background-size:auto 100px;}
#estimate_card p{font-size:13px;padding:0 10px;}
#estimate_card strong{font-size:20px;color:var(--font_dark);}


#get_rewards{list-style-type:none;}
#get_rewards li{position:relative;padding:15px 10px 15px 70px;border:1px solid var(--grey_border_light);cursor:pointer;border-radius:12px;margin-bottom:20px;}
#get_rewards li:last-child{margin-bottom:0;}
#get_rewards li:hover{border-color:var(--grey_border);box-shadow:0 0 3px rgba(0,0,0,0.05);}
#get_rewards li:active{border-color:var(--grey_border_dark);}
#get_rewards li strong{font-family:'Inter SemiBold';display:block;color:var(--font_dark);font-size:14px;margin-bottom:5px;}
#get_rewards li:before{content:"";position:absolute;width:48px;border-radius:6px;left:10px;top:10px;bottom:10px;background:var(--orange);background-repeat:no-repeat;background-size:24px;background-position:center;}
#get_rewards li.amazon:before{background-color:var(--yellow);background-image:url(/img/gift_white.svg);}
#get_rewards li.panopli:before{background-color:var(--blue_panopli);background-image:url(/img/panopli_white.svg);}
#get_rewards li.donation:before{background-color:var(--pink);background-image:url(/img/donation_white.svg);}
#get_rewards li.deposit:before{background-color:var(--purple);background-image:url(/img/bank_white.svg);}


/* USERSETTINGS PAGE */
.card{float:left;display:none;width:calc(100% - 250px - 30px);margin-left:30px;}
.card.quicktalk{width:calc(100% - 60px); margin-right:30px;}
.card.open{display:block;}
.card h2{margin-bottom:12px;}
.card td.label{width:240px;}
.card label{display:inline-block;height:40px;line-height:40px;width:170px;vertical-align:middle;}
.card input{height:38px;line-height:38px;background-color:var(--white);border:1px solid var(--grey_border);width:350px;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,0.05);transition:all ease 0.3s;padding:0 10px;vertical-align:middle;background-position:10px center;background-repeat:no-repeat;background-size:24px;}
.card input:hover{border-color:var(--grey_border_dark)}
.card input:focus{border-color:var(--blue);box-shadow:0 0 0px 3px var(--blue_shadow);z-index:1;}
.card input.wait,.card select.wait,.card textarea.wait{background-image:url(/img/loader.svg);background-color:transparent;color:transparent;border-color:transparent;box-shadow:none;}
.card input.good,.card select.good,.card textarea.good{box-shadow:0 0 10px var(--luminous_green);}
.card input.bad,.card select.bad,.card textarea.bad{box-shadow:0 0 10px var(--red);}
#input_user_phone{width:150px;}
.user_status{display:inline-block;line-height:20px;padding:0 5px;border-radius:5px;font-size:11px;font-weight:700;margin-left:10px;vertical-align:middle;background:var(--green_light);color:var(--green);}

.user_delete_confirm_body{display: flex ; flex-direction: column; gap: 10px; margin: 15px 0;}
.user_delete_confirm_body>.warning , .update_deal_status_warning>.warning, .remove_product_warning.warning{background-color: var(--orange_light); padding: 10px 10px 10px 50px; border-width: 1px; border-style: dashed; border-radius: 12px;  background-size: 30px; background-position-x: 10px; font-size: 14px;margin-bottom:15px;}
.update_deal_status_warning>.warning{width: -webkit-fill-available;}
.update_deal_status_title{margin-top: 15px;}
.transfert_user_deals{display: flex; align-items: center; gap: 5px;}
.transfert_user_deals>.transfer_icon{background:url(/img/double_arrow_right.svg) no-repeat center center ;background-size:contain; height: 25px; width: 25px;min-width: 25px;margin-top: 10px;}
#table_ringover_contacts a ,#table_useful_contacts a  {text-decoration: none;}
#table_ringover_contacts a:hover , #table_useful_contacts a:hover {text-decoration: underline;}


#popup_btns_reset_pwd>.btn{width: 100%; text-align: center;margin-top: 10px;}

/* DASHBOARD PAGE */
#h1_dashboard{color:var(--button);}
#h1_dashboard strong{color:var(--font_dark);font-family: Poppins,'Inter Bold';}
#partner_status{float:right;height:40px;border:1px solid var(--grey_border);border-radius:12px;line-height:40px;padding:0 15px;text-transform:uppercase;}
#partner_status:after{content:"";background-repeat:no-repeat;background-position:right center;background-size:24px;color:var(--font_dark);font-weight:700;padding:0 26px 0 10px;}
#partner_status.STARTER:after{content:"STARTER";background-image:url(/img/status_STARTER.svg);}
#partner_status.SILVER:after{content:"SILVER";background-image:url(/img/status_SILVER.svg);}
#partner_status.GOLD:after{content:"GOLD";background-image:url(/img/status_GOLD.svg);padding-right:30px;}
#partner_status.PLATINUM:after{content:"PLATINUM";background-image:url(/img/status_PLATINUM.svg);padding-right:30px;}
#db_news{float:left;width:calc(50% - 20px);margin:0 40px 20px 0;height:480px;}
#db_news h2{margin:0;line-height:30px;}
#db_news .content{height:410px;background:url(/img/dashboard_news.svg) no-repeat top left var(--background);background-size:cover;border-radius:12px;text-align:center;display:flex;flex-direction: row; justify-content: center; align-items: center; padding: 5px 30px; transition:all ease 0.15s;}
#db_news .content .title{font-family:Poppins,'Inter Bold';font-size:24px;margin-bottom:5px;color:var(--button); }
#db_news .content .text{font-size:16px;padding:0 70px;line-height:28px;margin-bottom:30px;}
#db_news .content .content_body{    width: 100%; display: flex; flex-direction: column; gap: 15px;height: 100%; justify-content: center; align-items: center;}
#db_news .content .previous,#db_news .content .next{height: 28px;width:28px;min-width: 28px; cursor: pointer; }
#db_news .content .previous{background:url(/img/slider_arrow_left.svg) no-repeat center center; }
#db_news .content .next{background:url(/img/slider_arrow_right.svg) no-repeat center center; }
.news_img_container{ display: flex ;  flex-direction: column;  justify-content: center;align-items: center;}
.news_img_container > img {height:205px ;width:90% ; object-fit: cover; object-position: top; border-radius: 20px; }
.news_text_container{display: flex ; flex-direction: column; align-items: center; gap: 5px;}
#db_news .content .category{display: flex ; justify-content: center; padding: 6px 12px; color: var(--green); background: var(--green_light); border-radius: 6px; font-weight: 900;}


#db_global_stats{float:left;width:calc(50% - 20px);height:500px;}
#db_global_stats span.left_to_get_reward{float:right;line-height:30px;font-size:14px;font-weight:700;}
#db_global_stats h2{margin:0;line-height:30px;}
#db_global_stats div.gauge{ background: var(--grey_border); height: 30px; border-radius: 50px; position: relative; overflow: hidden; margin-bottom: 5px; margin-top: 2px;}
#db_global_stats div.gauge span{/*position:absolute;top:0;left:0;background:var(--button);height:12px;border-radius:6px;/*width:38%;*/}
#db_canvas_opport{}
#db_canvas_opport canvas{width:100%;}

#db_objective{ margin-bottom:15px; display: none;}
#db_documents{float:left;width:calc(50% - 20px);margin-right:40px;height:500px;}
#db_leads_stats{float:left;width:calc(50% - 20px);height:500px;position:relative;}
#db_leads_stats .stat{width:calc(33.33% - 8px - 2px - 24px);height:46px;padding:12px;border:1px solid var(--grey_border);border-radius:12px;float:left;margin:12px 12px 0 0;}
#db_leads_stats .stat:nth-child(3n+4){margin-right:0px;}
#db_leads_stats .stat label{font-size:14px;font-family:'Inter Bold';line-height:21px;display:block;color:var(--font_light);margin-bottom:4px;}
#db_leads_stats .stat strong{font-size:14px;font-family:'Inter Bold';line-height:21px;display:block;color:var(--font_dark);}


#db_leads_stats .db_leads_stats_line{display: flex;}
.chart_title_wrapper{display: flex ; flex-direction: row; justify-content: space-between; align-items: center;}

.empty_state_container{border: var(--font_verylight); border-radius: 12px; border-style: dashed; display: flex ; align-items: flex-end; justify-content: center; margin-top: 15px; padding: 60px 15px 15px 15px; min-height: 220px; background: url(/img/empty_state.svg) no-repeat top center, var(--background); background-position-y: 12px;}
.empty_state_container>p{font-size: 14px;}


#progress_percent,#reward_left_amount{color:var(--button_hover);font-family:Poppins, 'Inter bold';}
#level_progress>span{position: absolute; top: 0; height: 30px; text-align: center; color: var(--font_dark); display: flex;align-items:center;justify-content:center;}
#level_progress > .progress{background: var(--green);opacity: 0.8;}
#level_progress > .previous{display: none; background: repeating-linear-gradient(-45deg, transparent, transparent 5px, var(--blue_light_active) 8px, var(--blue_light_active) 8px);border-right: var(--font_light) dashed;}
#level_progress > .next{display: none;right: 0;}

#documents_table td {cursor: pointer;}


/* CUSTOMERS PAGE */
.warning{color:var(--red);display:inline-block;padding-left:20px;background:url(/img/warning_red.svg) no-repeat left center;background-size:16px;}
.team_status{display:inline-block;line-height:20px;padding:0 5px;border-radius:5px;font-size:11px;font-weight:700;vertical-align:middle;}
.team_status.s1{background:var(--green_light);color:var(--green);}
.team_status.s0{background:var(--orange_light);color:var(--orange);}
.team_status.s-1{background:var(--red_light);color:var(--red);}
#td_deal_team_status{font-size:11px;}
#aside .bloc_product{padding:20px;border-radius:5px;margin:32px 0 0 0;font-size:12px;}
#aside .bloc_product h2{margin-bottom:0;line-height:26px;}
#aside .bloc_product .main_table td{border-color:#fff9;}
#aside .bloc_product .main_table tr:hover{background-color:#fff9;}
#aside .bloc_product.RINGOVER{background:var(--ringover_light);}
#aside .bloc_product.RINGOVER h2{margin-top:0;color:var(--ringover);}
#aside .bloc_product.EMPOWER{background:var(--empower_light);margin-top:5px;}
#aside .bloc_product.EMPOWER h2{margin-top:0;color:var(--empower);}
#aside .bloc_product.CADENCE{background:var(--cadence_light);margin-top:5px;}
#aside .bloc_product.CADENCE h2{margin-top:0;color:var(--cadence);}
#aside .bloc_product .infos{width:calc(40% - 15px);float:left;}
#aside .bloc_product .infos .btn.send{margin-top:10px;}
#aside .bloc_product .next_billing{position:relative;width:calc(60% - 15px - 25px);float:left;padding:15px;background:var(--white);border-radius:15px;margin-left:25px;font-size:11px;}
#aside .bloc_product .next_billing:before{content:attr(data-title);position:absolute;top:-20px;font-size:12px;font-weight:700;background:url(/img/billing.svg) no-repeat 12px center var(--white);background-size:16px;border-radius:8px 8px 0 0;line-height:24px;padding:0 15px 0 35px;color:var(--font_dark)}
#aside .bloc_product .next_billing .main_table td.name{width:320px;max-width:320px;}
#aside .bloc_product .next_billing .main_table td.x{width:20px;color:var(--font_light);}
#aside .bloc_product .next_billing .main_table tr.total_line{background:var(--grey_border_light);}
#aside .bloc_product .next_billing .main_table tr.total_line td{padding-left:10px;}
#aside .bloc_product .next_billing .main_table td.total{text-align:right;font-family:'Inter SemiBold';padding:0 10px 0 0;}

.veriff_line{border-top:1px solid var(--grey_border_light);background-size:40px auto;padding-left:50px;background-repeat:no-repeat;background-position:left center;line-height:30px;}
.veriff_line:hover{background-color:var(--grey_border_light);}
.veriff_line:first-child{border-top:0;}
.veriff_line.PENDING{background-image:url(/img/veriff_orange.svg);}
.veriff_line.SUCCESS{background-image:url(/img/veriff_green.svg);}
.veriff_line.FAILED{background-image:url(/img/veriff_red.svg);}
.veriff_line span.state{display:none;}
.veriff_line.PENDING span.state{color:var(--orange);display:inline-block;}
.veriff_line.FAILED span.state{color:var(--red);display:inline-block;}
.veriff_line span.btn{display:none;}
.veriff_line.PENDING span.btn{display:block;float:right;margin:2px 0 0 5px;}
.veriff_line span.reason{display:none;}
.veriff_line.FAILED span.reason{display:inline-block;font-size:12px;color:var(--font_light);}
.veriff_line span.name{display:none;}
.veriff_line.SUCCESS span.name{display:block;text-transform:capitalize;}

.pin_code_text{ display: block;text-align: center; font-weight: 900; font-family: poppins, 'Inter Bold'; text-indent: 1em; letter-spacing: 1em; font-size: 32px; margin-bottom: 15px;}
#bloc_product .main_table td.label {width: auto;}

#table_customers_invoices .company{width:unset}
#table_customers_invoices .company.PENDING{color:var(--orange);background:url(/img/warning_orange.svg) no-repeat left center;padding-left:20px;background-size:16px;}
#table_customers_invoices .company.PENDING:after{content:attr(data-unpaid);font-size:11px;color:var(--font_light);font-family:'Inter Regular';margin-left:7px;}





/* DEALS PAGE */
.deal_contact{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}
.onboarded{display:inline-block;width:26px;height:26px;background:url(/img/onboarded_green.svg) no-repeat left center;background-size:20px;vertical-align:bottom;}
.onboarded{background-image:url(/img/customer.svg);}
/* .onboarded.s0{background-image:url(/img/onboarded_orange.svg);} */
/* .onboarded.s-1{background-image:url(/img/onboarded_red.svg);} */
.onboarded.INELIGIBLE{background-image:url(/img/ineligible.svg);background-size:16px;}
.onboarded.INPROGRESS{background-image:url(/img/increase.svg);background-size:16px;}
.onboarded.CUSTOMER_OLD{background-image:url(/img/customer_removed.svg);}
.onboarded.DISQUALIFIED{background-image:url(/img/disqualified.svg);}
.deal_issue{line-height:16px;font-size:11px;background:url(/img/warning_red.svg) no-repeat left 1px;background-size:14px;padding-left:18px;}
.dealtab{display:none;}
.dealtab.on{display:block;}
.menutab{list-style-type:none;height:40px;}
.menutab li{float:left;line-height:37px;border-bottom:3px solid var(--grey_border_light);cursor:pointer;padding:0 20px;}
.menutab li:hover{border-color:var(--grey_border_dark);cursor:pointer;}
.menutab li:active{background:var(--grey_border_light);}
.menutab li.on{border-color:var(--button);cursor:default;}
.menutab.hidden{display:none;}
.deal_status{display:inline-block;line-height:20px;padding:0 5px;border-radius:5px;font-size:11px;font-weight:700;vertical-align:middle;margin-right:8px;}
.deal_status.PENDING{background:var(--orange_light);color:var(--orange);border-color:var(--orange);}
.deal_status.TEST{background:var(--blue_light);color:var(--blue);border-color:var(--blue);}
.deal_status.INELIGIBLE{background:var(--red_light);color:var(--red);border-color:var(--red);}
.deal_status.LOST{background:var(--red_light);color:var(--red);border-color:var(--red);}
.deal_status.WON{background:var(--green);color:var(--white);border-color:var(--green);}
.deal_status.PROPOSAL{background:var(--green_light);color:var(--green);border-color:var(--green);}
.deal_status.ADMIN{background:var(--green_light);color:var(--green);border-color:var(--green);}
.deal_status.MANAGEMENT{background:var(--purple_light);color:var(--purple);border-color:var(--purple);}
.deal_status.COMMERCIAL{background:var(--blue_light);color:var(--blue);border-color:var(--blue);}
.deal_status.COMMISSION{background:var(--orange_light);color:var(--orange);border-color:var(--orange);}
.deal_status.OTHER{background:var(--grey_border);color:var(--font);border-color:var(--font);}
.deal_status.INPROGRESS{background:url(/img/increase.svg) no-repeat left center;font-size:13px;font-weight:400;padding-left:20px;background-size:16px;}
.deal_status.CUSTOMER{background:url(/img/customer.svg) no-repeat left center;font-size:13px;font-weight:400;padding-left:20px;background-size:16px;}
.deal_status.DISQUALIFIED{background:url(/img/disqualified.svg) no-repeat left center;color:var(--red);font-size:13px;font-weight:400;padding-left:20px;background-size:16px;}
.deal_status.CLOSED{background:url(/img/customer_removed.svg) no-repeat left center;color:var(--red);font-size:13px;font-weight:400;padding-left:20px;background-size:16px;}
.main_table td.company .deal_status{margin:0 0 0 8px;}
.deal_description{font-size:14px;margin-bottom:15px;}
.deal_warning{margin-bottom:15px;font-size:14px;}
.deal_warning strong{color:var(--red);background:url(/img/warning_red.svg) no-repeat left center;background-size:20px;padding-left:24px;display:block;}

#deal_detail_invitation_team,#deal_detail_invitation_yes,#deal_detail_invitation_no{display:none;}
#deal_detail_invitation_team.open,#deal_detail_invitation_yes.open,#deal_detail_invitation_no.open{display:block;}

#team_invitation{display:none;padding:20px;border:1px solid var(--grey_border);border-radius:8px;margin-top:15px;box-shadow:0 0 5px rgba(0,0,0,0.05);background:var(--background_light)}
#team_invitation.open{display:block;}
#team_invitation .select.phone_country{height:24px;line-height:24px;}
#team_invitation .select img{height:14px;width:20px;border-radius:3px;margin:5px 5px 0 0}
#team_invitation .select:before{height:26px;}
#team_invitation .select div.underselect{top:28px;}

.deals.head_button, .leads.head_button{display: flex ; align-items: center; gap: 5px;}

#input_deals_type ul{max-height:none;}
#input_deals_type ul li{background-repeat:no-repeat;background-size:20px;background-position:15px center;padding-left:40px;}
#input_deals_type .value{background:url(/img/ligthning.svg) no-repeat 0 center;background-size:20px;padding-left:25px;}
#input_deals_type ul li[data-value=all]{padding-left:15px;}
#input_deals_type[data-value=all] .value{padding-left:0;}
#input_deals_type ul li[data-value=customer_paid]{background-image:url(/img/customer.svg);}
#input_deals_type[data-value=customer_paid] .value{background-image:url(/img/customer.svg);}
#input_deals_type ul li[data-value=customer_close]{background-image:url(/img/customer_removed.svg);}
#input_deals_type[data-value=customer_close] .value{background-image:url(/img/customer_removed.svg);}
#input_deals_type ul li[data-value=customer_warning]{background-image:url(/img/warning_red.svg);}
#input_deals_type[data-value=customer_warning] .value{background-image:url(/img/warning_red.svg);}
#input_deals_type ul li[data-value=deal_pending]{background-image:url(/img/increase.svg);}
#input_deals_type[data-value=deal_pending] .value{background-image:url(/img/increase.svg);}
#input_deals_type ul li[data-value=deal_disqualified]{background-image:url(/img/disqualified.svg);}
#input_deals_type[data-value=deal_disqualified] .value{background-image:url(/img/disqualified.svg);}
#input_deals_type ul li[data-value=deal_ineligibles]{background-image:url(/img/ineligible.svg);}
#input_deals_type[data-value=deal_ineligibles] .value{background-image:url(/img/ineligible.svg);}


.bloc_product tr.hidden {display: none}

span.remove_product{ float: right; display: block; width: 24px; height: 24px; border-radius: 8px; cursor: pointer; background: url(/img/trash_red.svg) no-repeat center; background-size: 18px; filter: grayscale(1);}
span.remove_product.hidden{display: none;}

.text_right{text-align: right;}


.onboarded.INELIGIBLE{position: relative; display: inline-block; cursor: pointer;}
.ineligible_tooltip_text{visibility: hidden; min-width: 250px; background-color: var(--red_light);  color: var(--red_active); text-align: center; padding: 8px;    border: var(--red_active) dashed 2px; border-radius: 6px; position: absolute; z-index: 99; bottom: 125%; left: -10px; opacity: 0; transition: opacity 0.3s; font-size: 14px;}
.ineligible_tooltip_text::after{content: ""; position: absolute; top: 100%;  left: 9px;  border-width: 7px; border-style: solid; border-color: var(--red_active) transparent transparent transparent;}
.onboarded.INELIGIBLE:hover .ineligible_tooltip_text{visibility: visible; opacity: 1;}


/* PURCHASE ORDER */
#content_opportunity{margin-bottom:20px;}
.edit_opportunity{float:right;width:30px;height:30px;background:url(/img/edit_stroke.svg) no-repeat center;border:1px solid var(--grey_border_light);cursor:pointer;border-radius:8px;background-size:16px;margin-left:10px;}
.edit_opportunity:hover{border-color:var(--grey_border_dark);}
.edit_opportunity:active{border-color:var(--grey_border_dark);background-color:var(--background);}
.remove_opportunity{float:right;width:30px;height:30px;background:url(/img/trash_red.svg) no-repeat center;border:1px solid var(--grey_border_light);cursor:pointer;border-radius:8px;background-size:16px;margin-left:10px;}
.remove_opportunity:hover{border-color:var(--red);}
.remove_opportunity:active{border-color:var(--red);background-color:var(--red_light);}
.content_po{padding:20px 20px 15px 20px;border:1px solid var(--grey_border);border-radius:8px;margin-top:20px;}
.content_po h2{margin-top:0;}
.content_po .main_table{margin-bottom:15px;}
.content_po.WON,.content_po.LOST{padding-bottom:0;}
.content_po.WON .btn.open_purchaseorder,.content_po.LOST .btn.open_purchaseorder{display:none;}
.content_po.WON .remove_opportunity{display:none;}
.content_po.WON .main_table tr:last-child td,.content_po.LOST .main_table tr:last-child td{border:0;}

#deal_detail_purchase_order_no,#deal_detail_purchase_order_yes{display:none;}
#deal_detail_purchase_order_no.open,#deal_detail_purchase_order_yes.open{display:block;}
#table_purchaseorders{border-top:1px solid var(--grey_border);}
.po_status{background-color:var(--grey_border);background-repeat:no-repeat;background-size:14px;background-position:5px center;font-size:10px;display:inline-block;padding:0 10px;border-radius:5px;line-height:20px;}
.po_status.ACCEPTED{background-image:url(/img/check_white.svg);background-color:var(--green);color:var(--white);padding-left:22px;}
.po_status.SENT{background-image:url(/img/send.svg);padding-left:22px;}
.po_status.STARTED{background-image:url(/img/edit.svg);padding-left:22px;}
.po_status.DELETED,.po_status.EXPIRED,.po_status.ABORT{background-image:url(/img/trash_red.svg);background-color:var(--red_light);color:var(--red);padding-left:22px;}

#purchase_order_contract{display:none;position:relative;padding:20px;border:1px solid var(--grey_border);border-radius:8px;margin-top:15px;box-shadow:0 0 5px rgba(0,0,0,0.05);background:var(--background_light);transition:margin ease 0.3s;}
#purchase_order_contract.open{display:block;margin-top:-42px;}
#purchase_order_contract.wait{height:60px;overflow:hidden;position:relative;padding:0;}
#purchase_order_contract.wait:before{content:"";position:absolute;width:100%;height:100%;background:url(/img/loader.svg) no-repeat 20px center var(--background_light);background-size:28px;}
#purchase_order_contract.disabled{pointer-events:none;}
#purchase_order_contract_content{margin-bottom:20px;border-bottom:1px solid var(--grey_border);padding-bottom:20px;}
#purchase_order_contract_content.disabled{pointer-events:none;}
#purchase_order_contract h2:first-of-type{margin-top:0;}
#purchase_order_contract .main_table td.label{width:250px;}
#close_purchaseorder{position:absolute;z-index:5;right:5px;top:5px;border-radius:16px;width:40px;height:40px;background:url(/img/close.svg) no-repeat center;background-size:16px;cursor:pointer;opacity:0.5;}
#close_purchaseorder:hover{background-color:var(--grey_border_light);opacity:1;}
#close_purchaseorder:active{background-color:var(--grey_border);opacity:1;}
#purchaseorder_id{font-size:10px;background:var(--button_light);border-radius:7px;line-height:20px;display:inline-block;padding:0 7px;margin-bottom:10px;}
#purchaseorder_id:before{content:"#";padding-right:2px;}
#purchaseorder_big_warning{display:none;position:absolute;z-index:1;background:url(/img/warning_red.svg) no-repeat 10px center var(--red_light);background-size:20px;line-height:42px;width:calc(100% - 80px);border-radius:5px;padding-left:40px;}
#purchaseorder_big_warning.on{display:block;}

#btn_save_purchaseorder{margin-right:10px;}
#btn_send_purchaseorder{margin-right:10px;}
#btn_see_purchaseorder{margin-right:10px;}
#btn_remove_purchaseorder{float:right;}

.menuchoice{list-style-type:none;}
.menuchoice li{display:inline-block;line-height:24px;cursor:pointer;padding:0 10px;border-radius:4px;border:1px solid var(--grey_border);background:var(--white)}
.menuchoice li:hover{background-color:var(--grey_border_light);}
.menuchoice li:active{background-color:var(--grey_border);}
.menuchoice li.on{color:var(--button);background:url(/img/check_blue.svg) no-repeat 5px center var(--button_light);background-size:12px;padding-left:20px;border-color:var(--button_light);}
.po_select{border-color:transparent;height:24px;line-height:24px;border-radius:5px;background:var(--button_light);color:var(--button);box-shadow:none; width: auto;}
.po_select .value img{margin-top:4px;}
.po_select .underselect li{line-height:38px;}
.po_select:before{height:24px}
.po_select.on{box-shadow:none;border-color:var(--grey_border_dark);}
.po_select.phone_country{height:24px;}
.po_select.phone_country .value{line-height:24px;}
#purchase_order_contract .select .value img{height:14px;width:20px;border-radius:3px;margin:5px 5px 0 0}
#purchase_order_contract .select:before{height:26px;}
#purchase_order_contract .select div.underselect{top:28px;}
.po_input{border:1px solid transparent;height:24px;padding-left:10px;border-radius:5px;background:var(--button_light);color:var(--button);width: 100%;}
.po_phone{padding-left: 104px !important; width: calc(100% - 106px) !important;}
.po_input:focus{border-color:var(--grey_border_dark);}
.po_textarea{display:block;border:1px solid transparent;height:50px;/*width:400px;*/width: auto;padding:10px;border-radius:5px;background:var(--button_light);color:var(--button);margin-bottom:2px}
.po_textarea:focus{border-color:var(--grey_border_dark);}
.po_td_flex{display: flex;gap: 2px;}
.po_td_col{flex-direction: column;}

#menutab_catalog{height:37px;border-bottom:3px solid var(--grey_border_light);}
#catalog_content{height:calc(100% - 100px);overflow:auto;}
#catalog_content::-webkit-scrollbar{width:5px;}
#catalog_content::-webkit-scrollbar-track{background:var(--blue_light);}
#catalog_content::-webkit-scrollbar-thumb{background:var(--button);}
#catalog_content td.name{width:320px;}
#catalog_content td.price{line-height:22px;}
#catalog_content td.comment{width:340px;max-width:300px;overflow:auto;line-height:18px;color:var(--font_light);font-size:12px;}
#catalog_content td.comment::-webkit-scrollbar{width:5px;height:5px;}
#catalog_content td.comment::-webkit-scrollbar-track{background:var(--blue_light);}
#catalog_content td.comment::-webkit-scrollbar-thumb{background:var(--button);}
#catalog_content.LICENSE_NUMBER_porta .activation_fees,#catalog_content.NUMBER_porta .activation_fees{display:none;}
#catalog_content.LICENSE_NUMBER_activation .porta_fees,#catalog_content.NUMBER_activation .porta_fees{display:none;}

#search_into_catalog{border-bottom:1px solid var(--grey_border);height:60px;position:relative;}
#search_into_catalog span{float:left;position:relative;}
#search_into_catalog span:before{content:"";top:10px;left:0;position:absolute;height:40px;width:30px;background:url(/img/search_grey.svg) no-repeat center;background-size:16px;}
#search_into_catalog input{height:40px;border:1px solid transparent;border-radius:5px;margin-top:10px;padding-left:30px;width:130px;}
#search_into_catalog ul{display:none;list-style-type:none;margin-top:15px;float:right;}
#search_into_catalog li{display:inline-block;line-height:30px;padding:0 15px;border-radius:5px;cursor:pointer;}
#search_into_catalog li:hover{background:var(--grey_border_light);}
#search_into_catalog li:active{background:var(--grey_border);}
#search_into_catalog li.on{color:var(--button);background:url(/img/check_blue.svg) no-repeat 10px center var(--button_light);background-size:12px;padding-left:30px;}
#search_into_catalog.NUMBER_activation ul,#search_into_catalog.LICENSE_NUMBER_activation ul,#search_into_catalog.NUMBER_porta ul,#search_into_catalog.LICENSE_NUMBER_porta ul{display:block;}

#purchase_order_cart{border-radius:8px;overflow:hidden;margin-bottom:5px;border:1px solid var(--grey_border);box-shadow:0 0 5px rgba(0, 0, 0, 5%);background:var(--white);}
#purchase_order_cart.empty{    border: var(--font_verylight);
		border-radius: 12px;
		border-style: dashed;
		display: flex
	;
		align-items: flex-end;
		justify-content: center;
		margin-top: 15px;
		padding: 60px 15px 15px 15px;
		min-height: 220px;
		background: url(/img/empty_state.svg) no-repeat top center, var(--background);
		background-position-y: 12px;}
.cart_elem{border-top:1px solid var(--grey_border);padding:24px 15px;position:relative;/*height:30px; */}
.cart_elem:first-child{border-top:0;border-top-left-radius:8px;border-top-right-radius:8px;}
.cart_elem:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.cart_elem.total{background:var(--background);text-align:right;}
.cart_elem.total .elem{display:inline-block;margin-right:30px;}
.cart_elem.total .elem strong{display:inline;float:none;margin:0;}

.cart_elem .minmax{position:absolute;background:var(--white);border:1px solid var(--grey_border);padding:10px;border-radius:8px;font-size:12px;line-height:18px;/*left:547px;*/z-index:2;box-shadow:0 0 2px rgba(0, 0, 0, 0.05);opacity:0;pointer-events:none;transition:all ease 0.15s;}

.cart_elem span.product{/*position:absolute;*/font-size:11px;/*top:18px;*/}
.cart_elem strong{display:block;float:left;/*width:220px*/;margin-right:30px;color:var(--font_dark);color:var(--button);line-height:30px;padding-top:7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cart_elem input{width:70px;height:30px;border:0;text-align:center;border-radius:5px;color:var(--button);background:var(--button_light);font-weight:700;}
.cart_elem input.disabled{cursor:not-allowed;}

.cart_elem .heading_part , .cart_elem .body_part {display: flex; flex-direction: row; justify-content: space-between;}
.cart_elem .body_part{margin-top: 2px;}

.cart_elem .cart_price{position: relative;}

/* .cart_input{float:right;} */
.cart_input{display: flex ; flex-direction: row; align-items: center;}
.cart_input div{float:left;text-align:center;margin-right:15px;}
.cart_input div.cart_second_price{display:none;}
.cart_input label{font-size:11px;margin-bottom:3px;/*line-height:30px */;margin-right:5px;}
.cart_input .cart_ask_permission{float:right;line-height:30px;cursor:pointer;color:var(--font_light);font-size:11px;}
.cart_input .cart_ask_permission:hover{color:var(--button);text-decoration:underline;}
.cart_elem[data-product=LICENSE_NUMBER] .cart_second_price,.cart_elem[data-product=NUMBER] .cart_second_price{display:block;}

.remove_purchaseorder_elem{/*position:absolute;top:5px;right:5px;*/width:24px;height:24px;border-radius:8px;cursor:pointer;background:url(/img/trash_red.svg) no-repeat center;background-size:16px;filter:grayscale(1);opacity:0.5;}
.remove_purchaseorder_elem:hover, .remove_product:hover{filter:grayscale(0);background-color:var(--grey_border_light);opacity:1;}
.remove_purchaseorder_elem:active{background-color:var(--red_light);}

.cart_elem .minmax:before{content:"";position:absolute;width:10px;height:10px;background:var(--white);border-bottom:1px solid var(--grey_border);border-left:1px solid var(--grey_border);transform:rotate(225deg);top:calc(50% - 6px);right:-6px;}
.cart_elem .minmax.on{opacity:1; /*left:550px;top:10px; */left: -93px;	top: -13px;}
.cart_elem .flag_num{margin:0 0 0 2px;}

.cart_elem.number_first_line{}
.cart_elem.number_first_line span.cart_ask_permission{opacity:0;pointer-events:none;}
.cart_elem.number_first_line .cart_price input{background:var(--grey_border);color:var(--font);pointer-events:none;}
.cart_elem.number_second_line{border-top:0;margin-top:-35px;}
.cart_elem.number_second_line strong{opacity:0;}
.cart_elem.number_second_line span.product{display:none;}
.cart_elem.number_second_line .cart_input{padding:5px 20px 5px 20px;background:var(--button_light);border-radius:10px;}
.cart_elem.number_second_line .cart_input input{background:var(--white);}
.cart_elem.number_second_line .cart_input div.cart_quantity{display:none;}
.cart_elem.number_second_line .remove_purchaseorder_elem{display:none;}

.cart_input .cart_permission{display:none;background:url(/img/hourglass_white.svg) no-repeat 5px center var(--orange);background-size:16px;padding:5px 5px 5px 25px;border-radius:5px;/*margin:-5px 0 0 -15px; */}
.cart_permission{  align-items: center; }
.cart_input .cart_permission.PENDING{background-image:url(/img/hourglass_white.svg);background-color:var(--orange);}
.cart_input .cart_permission.ACCEPTED{background-image:url(/img/check_white.svg);background-color:var(--green);}
.cart_input .cart_permission.REFUSED{background-image:url(/img/cross_white.svg);background-color:var(--red);}
.cart_input .cart_permission .remove_ask_permission{display:inline-block;width:24px;height:24px;background:url(/img/close.svg) no-repeat center;vertical-align:middle;background-size:16px;border-radius:5px;}
.cart_input .cart_permission .remove_ask_permission:hover{background-image:url(/img/close_red.svg);background-color:var(--red_light);box-shadow:0 0 1px 0px var(--white)}
.cart_input .cart_permission .remove_ask_permission:active{box-shadow:0 0 1px 0px var(--red);}
.cart_input .cart_permission input{background:var(--white);}
.cart_input .cart_permission.ACCEPTED input{pointer-events:none;}
.cart_input .cart_permission label{color:var(--white);}
.cart_elem.ask_permission .cart_permission{display:flex;}
.cart_elem.ask_permission .cart_price input{display:none;}
.cart_elem.ask_permission .cart_ask_permission{display:none;}
.cart_elem.ask_permission.ACCEPTED .cart_permission{background:url(/img/check_white.svg) no-repeat 5px center var(--green);background-size:20px;}
.cart_elem.ask_permission.REFUSED .cart_permission{background:url(/img/close_white.svg) no-repeat 5px center var(--red);background-size:20px;}

.cart_elem .cart_price .label_activation_price{display:none;}
.cart_elem .cart_price .label_porta_price{display:none;}
.cart_elem[data-plan_id=plan463] .cart_price .label_monthly_price{display:none;}
.cart_elem[data-plan_id=plan463] .cart_price .label_activation_price{display:inline-block;}
.cart_elem[data-plan_id=plan464] .cart_price .label_monthly_price{display:none;}
.cart_elem[data-plan_id=plan464] .cart_price .label_porta_price{display:inline-block;}

#purchaseorder_warning{display:none;line-height:24px;background:url(/img/warning_red.svg) no-repeat;background-size:24px;padding-left:30px;margin-bottom:15px;}
#purchaseorder_warning.on{display:block;}



/* RESSOURCES & EVENTS PAGES */
.ressource_menu{width:230px;background:var(--background);list-style-type:none;padding:10px;border-radius:8px;float:left;margin-top:13px;}
.ressource_menu li{line-height:40px;border-radius:8px;cursor:pointer;padding:0 0 0 15px;position:relative;}
.ressource_menu li:hover{background-color:var(--button_light);}
.ressource_menu li.on{background-color:var(--button);color:var(--white);}

.ressource_menu li.on:before{content:"";position:absolute;width:40px;height:40px;top:0;right:0;background:url(/img/arrow_right.svg) no-repeat center;background-size:16px;}

#table_ressources_list{float:left;width:calc(100% - 250px - 30px);margin-left:30px;}
#table_events_list{float:left;width:calc(100% - 250px - 30px);margin-left:30px;}
span.doctype{display:inline-block;border-radius:5px;width:40px;height:40px;line-height:40px;vertical-align:middle;margin-right:10px;background:var(--pink);color:var(--white);text-align:center;font-size:10px;text-transform:uppercase;}
span.doctype.pdf{background:var(--red_light);color:var(--red);}
span.doctype.ppt{background:var(--orange_light);color:var(--orange);}
span.doctype.xls{background:var(--green_light);color:var(--green);}
span.doctype.doc{background:var(--blue_light);color:var(--blue);}
span.doctype.jpg{background:var(--empower_light);color:var(--empower);}
span.doctype.webinar{background:url(/img/computer.svg) no-repeat center var(--grey_border);background-size:20px;}





/* TICKETS PAGES */
.ticket_status{display:inline-block;line-height:20px;padding:0 5px;border-radius:5px;font-size:11px;font-weight:700;vertical-align:middle;}

.ticket_status.new{background:var(--blue_light);color:var(--blue);}
.ticket_status.hold{background:var(--red_light);color:var(--red);}
.ticket_status.pending{background:var(--orange_light);color:var(--orange);}
.ticket_status.solved{background:var(--green_light);color:var(--green);}
.ticket_status.closed{background:var(--purple_light);color:var(--purple);}
.ticket_status.open{background:var(--empower_light);color:var(--empower);}

.chat_container_date{text-align: center;}

.message_container{display: flex; flex-direction: column; gap: 5px;}
.message_container.personal_msg{ align-items: flex-start;}
.message_container.foreign_msg{ align-items: flex-end;}
.message{width: fit-content;max-width: 75%; padding: 12px; border: 1px solid var(--grey_border); border-radius: 12px;}
.message img{ border: 1px solid var(--grey_border_dark); border-radius: 10px;}
.message img{width: -webkit-fill-available;}
.message.personal_msg{background: var(--ringover_light);color: var(--font);}

.message_sender_container{display: flex; gap: 10px;margin-top: 15px;}
.content_textarea{width: 100%; padding: 10px; border: 1px solid var(--grey_border);  background-color: var(--grey_border_light);border-radius: 8px;}
#ticket_chat_body>div{ display: flex;flex-direction: column;gap: 15px;}

.ticket_chat_container{ height: 95%; display: flex ; flex-direction: column; justify-content: space-between;}
.chat_body{ height: -webkit-fill-available;  overflow: overlay; padding: 0 12px;}

.message_attachments{display: inline-flex; gap: 5px;}
.message_attachment_container{display: flex ; border: 1px solid var(--grey_border); border-radius: 10px;}

.message_attachment_img{aspect-ratio: 1 / 1; border-radius: 10px;object-fit: cover;}
.message_attachment_container.doc{height: 80px; width: 80px;background:url(/img/download_rounded.svg) no-repeat center var(--grey_border);background-size:40px;justify-content: center; padding: 10px; align-items: flex-end; text-decoration: none;font-size: 11px;}
.message_attachment_container.img{height: 100px; width: 100px;}


.message_attachment_container.doc::before{  position: absolute; opacity: 0;pointer-events: none;content: attr(data-tooltip);background: var(--white);border: 1px solid var(--grey_border);padding: 10px;border-radius: 8px;font-size: 12px;line-height: 18px;z-index: 2;box-shadow: 0 0 2px rgba(0, 0, 0, 0.05);opacity: 0;pointer-events: none;transition: allease 0.15s;padding: 8px;transform: translateY(-20px);}
.message_attachment_container.doc:hover::before{ opacity: 1; transform: translateY(50); transition-duration: 300ms;}
#create_ticket_message{height: auto; display: flex;align-items: center;}

#page_tickets .search_box,  #page_commissioning  .search_box{        margin-left: -34px; width: 100%;}
#page_tickets .search_box input,  #page_commissioning  .search_box input{  width: 100%;}



/* CREATE PASSWORD */
#content_input_password.error ,#content_confirm_password.error  {border-color:var(--red);background-color:var(--red_light);}
#content_input_password.success{border-color:var(--green);background-color:var(--green_light);}
.create_password_wrapper{display: flex ; gap: 5px; flex-direction: column; align-items: flex-start;}
.create_password_wrapper h1 {font-size:24px;margin:0;}
.create_password_wrapper>span {margin-left:15px;}

#strength_msg{opacity: 0;color: var(--white); position:absolute;height:36px;right:120px;cursor:default;margin-top:6px;border-radius:12px;display: flex;align-items: center; padding:0 10px 0 10px;}
#strength_msg.veryweak{background-color: var(--red);}
#strength_msg.weak{background-color: var(--orange);}
#strength_msg.average{background-color: var(--yellow);}
#strength_msg.strong{background-color: var(--green);}
#strength_msg.verystrong{background-color: var(--green_hover);}
#strength_msg.excellent{background-color: var(--blue);}
#strength_msg span{color: var(--white);}
#strength_msg.weak span,#strength_msg.veryweak span,#strength_msg.average span{background:url(/img/hand_down_white.svg) no-repeat left center;background-size:16px;padding-left: 25px;}
#strength_msg.excellent span, #strength_msg.verystrong span, #strength_msg.strong span{background:url(/img/hand_up_white.svg) no-repeat left center;background-size:16px;padding-left: 25px;}


@media (max-width: 980px) {
	
	body{padding:0;overflow-y:auto;background:var(--white)}
	#wrapper{border-radius:0;height:100vh;margin:0;box-shadow:none;}
	#left_column{width:0;right:72px;left:auto;}
	#left_column #logo, #left_column #logo_quicktalk{display:none;}
	#left_column ul#menu{transform:none;position:fixed;height:0vh;overflow:hidden;background-color:var(--white);background:linear-gradient(180deg, #CBEFF3 0%, #B6CDE8 100%);}
	#left_column ul#menu li.onlyresponsive{display:block;}
	#left_column ul#menu li a{width:calc(100% - 60px - 48px - 2px);margin:0;background-position:18px center;background-color:#fff9;text-decoration:none;padding-left:48px;border:1px solid var(--white);margin:-1px 30px 0 30px;border-radius:0;backdrop-filter: blur(10px);}
	#left_column ul#menu li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}
	#left_column ul#menu li:last-child a{border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
	#left_column ul#menu li a.on{background:url(/img/check_button.svg) no-repeat 20px center var(--white);background-size:24px;}
	#left_column ul#menu li span{position:static;opacity:1;background:transparent;color:var(--font_dark);font-size:16px;line-height:48px;}
	#left_column ul#menu li a.on span{color:var(--button);font-weight:900;}
	#left_column ul#menu.open{height:100vh;left:0;right:0;top:0;padding-top:100px;}
	#main_column{position:static;border-radius:0;box-shadow:none;}
	h1{font-size:24px;margin:16px 0 16px 0;float:none;background:url(/img/logo_small.svg) no-repeat left center;background-size:30px;padding-left:40px;}
	h1.quicktalk{font-size:24px;margin:16px 0 16px 0;float:none;background:url(/img/logo_quicktalk.svg) no-repeat left center;background-size:30px;padding-left:40px;}
	#user_menu{display:none;}
	#burger_menu{display:block;width:72px;height:72px;background:url(/img/burger.svg) no-repeat center;background-size:24px;margin-top:12px;cursor:pointer;position:relative;z-index:1;}
	#burger_menu.open{background-image:url(/img/close.svg);}
	
	.empty_state_container{background-size: 210px;min-height: 130px;}

	.head_button{ display: flex ;float:none;background:var(--background);padding:10px;height:40px;margin:0 -12px 0 -12px;padding:12px;}
	.head_button #search_box_lead{float:left;background-color:var(--white);flex: 1;}
	.head_button .btn.add{float:right;width:0;padding:0 0 0 40px;background-position:center center;overflow:hidden;}
	.deals.head_button {flex-wrap: wrap; height: auto;}
	/* dashboard */
	#partner_status{float:left;margin:-15px 0 15px 0}
	#db_news{float:none;width:100%;margin-right:0;height:auto;}
	#db_global_stats{float:none;width:100%;height:auto;}
	#db_global_stats span.left_to_get_reward{float:none;}
	#db_documents{float:none;width:100%;margin-right:0;height:auto;}
	#db_leads_stats{float:none;width:100%;height:auto;}
	
	.main_table tr.table_head{display:none;}
	.main_table td.plan{display:none;}
	.main_table td.mrr{display:none;}
	.main_table td.licenses{display:none;}
	.main_table td.name{max-width:200px;width:200px;}
	.main_table td.date{display:none;}
	.main_table .team_status{float:left;width:50px;margin:3px 10px 0 0;text-align:center;}
	.warning{overflow:hidden;width:0;height:20px;}
	.news_img_container > img {object-fit: cover; object-position: top; border-radius: 20px; }
	
	/* popup & aside */
	#popup{top:0;left:0;right:0;bottom:0;transform:none;width:100%;border-radius:0;padding:0;}
	#popup #close_popup{background-color:var(--grey_border);opacity:1;top:15px;right:15px;box-shadow:0 0 0 2px var(--white);}
	#aside.open{position:fixed;z-index:4;top:0;left:0;right:0;bottom:0;padding:0 0 0 12px;width:calc(100% - 12px);border-radius:0;}
	#aside h1{background:transparent;padding-left:0;}
	#aside #close_aside{background-color:var(--grey_border);opacity:1;top:15px;right:15px;box-shadow:0 0 0 2px var(--white);}
	.menutab{}
	.menutab li{padding:0 5px;font-size:11px;background:var(--background);margin-right:5px;border-radius:5px;border:0;}
	.menutab li.on{background:var(--button_light);color:var(--button);}
	
	/* ressources */
	.ressource_menu{width:100%;margin:0 -12px;padding:12px;border-radius:0;float:none;}
	#table_ressources_list{float:none;width:100%;margin-left:0;}
	#table_events_list{float:none;width:100%;margin-left:0;}
	
	/* customers */
	.bloc_product .infos{float:none;width:100%;}
	.bloc_product .next_billing{float:none;width:calc(100% - 30px);margin:5px 0 0 0;border-radius:5px;}
	#table_customers_invoices td.label{display:none;}
	#table_customers_invoices td.company{font-size:11px;}
	#table_customers_documents td.label{display:none;}
	#table_customers_documents td.company{font-size:11px;}
	
	/* purchase order */
	#purchase_order_contract .main_table td.label{width:auto;padding-right:10px;}
	#popup.popup_catalog{width:100%;max-height:none;height:auto;}
	#popup.popup_catalog #popup_content{position:static;height:auto;width:auto;}
	#menutab_catalog{height:auto;border-bottom:0;}
	#menutab_catalog li{float:none;}
	#catalog_content{height:auto;}
	.menuchoice li{margin:2px 0;}
	
	
	/* userssettings */
	.card{width:100%;margin-left:0;float:none;}
	.card input{width:auto;}
	.setting_table td{border:0;}
	.setting_table td.label{display:block;padding:0;}
	.setting_table td.form{display:block;padding:0 0 20px 0}
	.setting_table td.form input,.setting_table td.form select{width:calc(100% - 24px)}
	#table_users_list td.email{display:none;}
	#table_users_list td.phone{display:none;}
	#table_ringover_contacts tr, #table_useful_contacts tr{display: flex ; flex-direction: column; align-items: start;  }
	#table_ringover_contacts td, #table_useful_contacts td{    width: 100%; max-width: none; }
	#table_ringover_contacts td.name, #table_ringover_contacts td.email ,#table_ringover_contacts td.job, #table_useful_contacts td.name ,#table_useful_contacts td.job , #table_useful_contacts td.email ,#table_useful_contacts td.phone {    border: none; padding: 2px 0;}
	#table_ringover_contacts tr.table_head , #table_useful_contacts tr.table_head { display: none; }
	.user_delete_confirm_body>.warning, .update_deal_status_warning>.warning, .remove_product_warning.warning{width: auto; height: auto;}

	#table_useful_contacts, #table_users_list{margin-bottom: inherit;}


	/* deals */
	#table_head_deals th[data-property="firstname"],#table_head_deals th[data-property="email"] ,#table_head_deals th[data-property="phone"],#table_head_deals th[data-property="created_date"]{display:none;}
	#table_deals_list td.status,#table_head_deals th[data-property="lead_status"] {text-align: end;}
	#bloc_product .infos{float:none;width:100% !important;}
	#bloc_product .next_billing{float:none;width:calc(100% - 30px) !important;margin:35px 0  5px 0 !important;border-radius:5px;}
	#dash_access > .label {display: none; }
	.remove_product_warning{width: inherit; height: inherit;}
	#remove_product_wrapper{margin-top: 40px;}
	

	.opportunity>.deal_name{display: none;}
	td.status .deal_issue{content: url(/img/warning_red.svg); display: flex;  height: 18px; background: inherit; padding-left: inherit;}
	td.status p:not(:first-of-type) { display: none; }

	.bloc_product .infos table{margin-bottom: inherit;}

	/* customers */
	#table_head_customers th[data-property="plantype"],#table_head_customers th[data-property="nb_licenses"] ,#table_head_customers th[data-property="mrr"],#table_head_customers th[data-property="CREATION_DATE"]{display:none;}
	
	/* tickets */
	#table_head_tickets th[data-property="id"],#table_head_tickets th[data-property="description"],#table_head_tickets th[data-property="category"] ,#table_head_tickets th[data-property="created_at"],#table_head_tickets th[data-property="updated_at"]{display:none;}
	#table_tickets_list td.id,#table_tickets_list td.description,#table_tickets_list td.category,#table_tickets_list td.creation_date,#table_tickets_list td.update_date{display:none;}
	#table_tickets_list td.status,#table_head_tickets th[data-property="status"] {text-align: end;}


	.select.on{ z-index: 11; }
	.select div.underselect .close_select { display: block; position: absolute;  z-index: 10;  width: 40px;  height: 40px; background: url(/img/close.svg) no-repeat center center var(--blue_light); background-size: 16px; border-radius: 12px;top: 15px; right: 15px; cursor: pointer; }
    .select div.underselect { position: fixed; overflow: auto;  top: 0 !important; left: 0;bottom: 0;right: 0;min-width: auto !important;max-width: none !important;width: 100% !important;border-radius: 0;border: 0;padding-top: 50px; }
	.select ul { max-height: 90%; }

	/* Affiliate */
	#affiliate_link_box{ float: none; width: 100%; margin-right: 0;}
	#affiliate_link_box>.btn.mail , #affiliate_link_box>.btn.linkedin{ float: none; width: 100%; margin-right: 0; margin-bottom: 10px;}
	#affiliate_gift_box{ float: none; width: calc(100% - 40px); margin-right: 0; height: 260px;}
	#referral_link_box .link {font-size: 15px;}
	#table_affiliate_logs td.company,#table_affiliate_logs td.email,#table_affiliate_logs td.phone,#table_affiliate_logs td.creation_date,#table_affiliate_logs td.update_date{display:none;}
	#table_affiliate_logs td.name{width: unset;}
	.leads.head_button {height: unset; flex-wrap: wrap;}


	.main_table {margin-bottom: 50px;}


	.affiliate_topbox{gap: 3rem; flex-direction: column;}

	/* Login */

	#page_login, #page_create_password, #page_reset_password {width: 85%; padding: 0px; background: none;}
	#page_login > h1, #page_create_password > h1 , .create_password_wrapper > h1 , #page_reset_password>h1{background: url(/img/logo_small.svg) no-repeat center top; background-size: 60px; padding-top: 90px; padding-left: 0;  width: 100%;}
	.display_password {right: 5px;}
	#select_language{top: 0; right: 5px;}


	#strength_msg {right: 35px;height: 27px; margin-top: 12px; padding: 0 10px 0 6px;}


	/*.sticky_wrapper{flex-wrap: wrap;  position: fixed; top: 0;}
	.main_table > .table_head{position: relative; }*/
	.sticky_wrapper{display: block;padding: 0;}
	#table_head_deals{top: 230px;}

	.sticky_wrapper .select {flex-grow: 1;}
}




/*============================
	DATE PICKER
============================*/
.calendarContainer{background-color:#f4f8ff;position:absolute;width:224px;display:block;margin:0 0 0 0;z-index:1;font-style:normal;padding:10px;border-radius:10px;}
.calendarContainer table{border-collapse:collapse;width:100%;}
#datepicker_mois{height:50px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #b9cfff;}
#datepicker_mois td{text-align:center;color:var(--blue);font-weight:700;cursor:default;}
#datepicker_mois td.td_prevnext{text-align:left;width:50px;vertical-align:top;}
#datepicker_mois td.td_prevnext span{cursor:pointer;display:inline-block;border:2px solid #b9cfff;width:20px;height:20px;border-radius:30px;text-align:center;line-height:18px;margin:13px 0 0 13px;position:relative;padding:0;}
#datepicker_mois td.td_prevnext span:before{content:"";position:absolute;width:9px;height:2px;background:#b9cfff;transform:rotate(40deg);top:6px;left:7px;}
#datepicker_mois td.td_prevnext span:after{content:"";position:absolute;width:9px;height:2px;background:#b9cfff;transform:rotate(-40deg);top:12px;left:7px;}
#datepicker_mois td.td_prevnext.prev span:before{top:12px;left:5px;}
#datepicker_mois td.td_prevnext.prev span:after{top:6px;left:5px;}
#datepicker_mois td.td_prevnext span:hover{border-color:var(--blue);}
#datepicker_mois td.td_prevnext span:hover:before{background:var(--blue);}
#datepicker_mois td.td_prevnext span:hover:after{background:var(--blue);}
#calendar_content{border-collapse:collapse;width:100%;}
#calendar_content td{width:14.3%;height:35px;line-height:35px;text-align:center;border-radius:10px;cursor:default;font-size:12px;font-weight:600;}
#calendar_content td.empty{color:#e4e4e3;}
#calendar_content td.selected{color:var(--white);background:var(--blue);}
#calendar_content td.choosable:hover{background:var(--blue_light);}
#calendar_content td.choosable.selected:hover{background-color:var(--blue);}
#calendar_content th{width:14.3%;font-size:13px;font-weight:400;color:var(--blue);text-align:center;height:30px;}