form {
display:inline
}
/* ==========================================================================
Base Styles
========================================================================== */
/* CSS Variables */
:root {
/* These are placeholders for any variables used in the system.
e.g.,--buttons_colors-background-color,--buttons_colors-color,--header_colors-color 
that are referenced in the CSS but defined elsewhere */
}
body {
direction:rtl;
font-family:'Heebo',sans-serif
}
a:-webkit-any-link {
text-decoration:underline;
cursor:pointer
}
select,input,textarea {
font-family:'Heebo',sans-serif;
-webkit-appearance:none
}
/* ==========================================================================
Typography
========================================================================== */
/* Typography styles would go here */
/* ==========================================================================
Layout Components
========================================================================== */
/* Wrappers */
.wrap {
margin:0 auto;
width:100%;
position:relative;
z-index:1
}
.wrap.mobile_only {
width:640px;
height:100%
}
/* Header */
.header {
float:right;
width:100%;
height:69px
}
.header .clinic_info {
float:right;
margin:0
}
.header .clinic_info .clinic_img {
float:right;
height:68px;
display:block;
position:relative;
width:212px;
text-align:center
}
.header .clinic_info .clinic_img img {
float:none;
display:inline-block;
max-height:68px;
min-height:45px;
max-width:100%
}
.header .clinic_info .clinic_name {
float:right;
color:white;
margin:14px 14px 0 0
}
.header .user {
float:right;
width:211px;
margin:0 10px 0 0;
height:69px
}
.header .user .user_img {
float:right;
margin:15px 15px 0 0;
width:45px;
height:45px;
position:relative;
overflow:hidden;
border-radius:50%;
border-width:2px;
border-style:solid;
background-color:transparent
}
.header .user .user_img img {
display:inline;
margin:0 auto;
height:100%;
width:auto;
min-height:45px;
min-width:45px
}
.header .user .user_info {
float:right
}
.header .user_info {
float:right;
width:132px
}
.header .user_info .name {
float:right;
font-weight:bold;
font-size:18px;
margin:16px 10px 0 0;
width:121px;
background:transparent
}
.header .user_info .job {
float:right;
margin:-2px 10px 0 0;
font-size:16px;
font-weight:bold;
width:120px
}
.header .messages_and_notifications {
float:left;
width:444px;
height:70px;
margin:0;
border:none !important
}
.header .messages_and_notifications .refresh_btn {
float:left;
position:relative;
width:68px;
height:60px;
cursor:pointer;
margin:3px 0 0 0;
text-align:center;
border:1px solid #0E416D;
border-radius:4px;
box-sizing:border-box;
padding:8px 0 0 0
}
.header .messages_and_notifications .refresh_btn img {
display:inline-block
}
.header .messages_and_notifications .messages {
float:left;
position:relative;
margin:0;
width:68px;
height:70px
}
.header .messages_and_notifications .export_excel_btn {
float:left;
position:relative;
width:68px;
height:60px;
cursor:pointer;
margin:3px 0 0 10px;
text-align:center;
border:1px solid #0E416D;
border-radius:4px;
box-sizing:border-box;
padding:8px 0 0 0
}
.header .messages_and_notifications .messages .messages_icon {
float:right;
margin:25px 18px 0 0
}
.header .messages_and_notifications .messages .messages_icon svg {
float:right;
width:32px
}
.header .messages_and_notifications .messages .new_messages {
position:absolute;
z-index:2;
width:19px;
height:19px;
text-align:center;
top:13px;
right:10px;
border:3px solid;
border-radius:20px;
font-size:12px
}
.header .messages_and_notifications .leader_logo {
float:left;
margin:11px 0 0 51px
}
.header .messages_and_notifications .get_default {
float:left;
position:relative;
width:68px;
height:70px;
border-right:2px solid #d2d4d5;
transition:all 0.25s linear
}
.header .messages_and_notifications .get_default .default {
padding:0px 6px;
border:1px solid transparent;
border-color:transparent transparent rgba(0,0,0,0.1) transparent;
cursor:pointer;
user-select:none;
color:#fff;
width:100%;
height:100%;
background-color:#D2232A
}
/* Content */
.content {
float:right;
width:100%;
height:100%;
padding:0 0 10px 0
}
/* Menu/Sidebar */
.content .menu_wrapper {
float:right;
width:212px;
padding:40px 0 0 0
}
.content .add_lead_btn {
float:right;
height:35px;
width:182px;
padding:0;
margin:0 18px;
background-color:var(--buttons_colors-background-color);
border-radius:44.5px
}
.content .add_lead_btn .add_lead_text {
float:right;
padding:0 26px 0 0;
margin:0 26px 0 0;
text-align:center;
font-size:16px;
color:white;
line-height:35px;
position:relative;
cursor:pointer
}
.content .add_lead_btn .add_lead_text::before {
content:"+";
position:absolute;
top:0;
right:0;
font-size:36px;
font-weight:normal
}
.content .menu {
float:right;
width:212px;
height:85%;
padding:0
}
.content .menu .link {
float:right;
position:relative;
width:100%;
color:#7687A3
}
.content .menu .link,
.content .menu .link * {
transition:all 0.1s linear
}
.content .menu .link svg {
float:right;
margin:19px 14px 0 0;
width:25px;
height:30px
}
.content .menu .link img {
float:right;
margin:19px 14px 0 0
}
.content .menu .link .return_call_btn {
width:23px
}
.content .menu .link .affiliator_btn,
.content .menu .link .affiliators_leads_btn {
margin:19px 21px 0 0;
width:24px
}
.content .menu .link span {
float:right;
font-size:16px;
margin:22px 24px 0 0;
font-weight:bold;
width:140px
}
/* Menu Submenu */
.content .menu .submenu {
float:right;
width:100%;
overflow-y:hidden;
height:49px;
transition:all 0.25s ease
}
.content .menu .submenu .link i {
position:absolute;
top:28px;
left:0;
cursor:pointer;
transition:all 0.25s linear
}
.content .menu .submenu.active .link i {
-webkit-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
.content .menu .logout_edit {
float:right;
margin:361px 0 0 0
}
.content .menu .logout_edit .link {
float:right;
width:100%;
height:43px;
background-color:transparent
}
.content .menu .logout_edit .link .link_img {
float:right;
margin:18px 38px 0 0;
width:20px
}
.content .menu .logout_edit .link span {
float:right;
font-size:16px;
margin:16px 24px 0 0;
font-weight:bold;
width:140px;
height:34px;
line-height:34px
}
.content .menu #leads_link:hover,
.content .menu #leads_link {
float:right;
width:100%;
margin:3px 0 0 0;
position:relative;
cursor:pointer
}
.content .menu #leads_link svg#Layer_1 {
float:right;
width:21px;
margin:19px 14px 0 0;
cursor:pointer
}
.content .menu #leads_link:hover,
.content .menu #leads_link svg#Layer_1:hover,
.content .menu .submenu svg.manage_leads_btn:hover,
.content .menu .submenu a.link:hover,
.content .menu span:hover {
font-weight:bold;
cursor:pointer
}
.content .menu #leads_link span {
float:right;
font-size:17px;
margin:24px 17px 10px 0;
width:146px;
cursor:pointer;
font-weight:bold;
background:transparent
}
.content .menu span.submenu {
margin:-8px 42px 10px 0;
width:178px;
float:right
}
.content .menu span.submenu a.link {
float:right;
margin:11px 0 0 0
}
.content .menu span.submenu svg#Layer_1 {
float:right;
width:29px;
margin:9px -7px 0 0;
cursor:pointer
}
.content .menu span.submenu a#campaign_leads svg#Layer_1,
.content .menu span.submenu a#unfiltered_leads svg#Layer_1 {
width:21px
}
.content .menu .submenu span {
float:right;
width:130px;
margin:15px 14px 0 0
}
/* ==========================================================================
Table Components
========================================================================== */
/* Table Layout */
.table_holder {
width:CALC(100% - 242px);
margin:68px 15px 0 0;
float:right
}
.table_holder .title_search {
float:right;
margin:0;
width:100%;
padding:0 0 5px 0;
border-bottom:2px solid #0F2951
}
.table_holder .title_search .title {
float:right;
font-weight:bold;
font-size:31px;
margin:0;
width:30%;
color:var(--header_colors-color)
}
/* Search Form in Tables */
.search_form {
float:left;
width:298px;
margin:8px 0 0 0px
}
.search_form .search_field {
float:right;
width:226px;
background:white
}
.search_form .search_field > img {
float:right;
width:15px;
margin:8px 21px 0 0
}
.search_form .search_field > input {
float:right;
width:152px;
margin:2px 0 0 0;
height:29px;
background:none;
border:0;
padding:0
}
.search_form .submit {
float:right;
padding:0;
margin:0 8px 0 0;
-webkit-appearance:none;
font-weight:bold;
width:61px;
height:33px;
font-size:15px;
border-radius:15px
}
/* Filters */
.filters {
float:right;
margin:14px 0 0 0
}
.filters .filter {
float:right;
font-size:16px;
text-decoration:none
}
.filters .filter:nth-child(1) {
color:black;
margin:0 0 0 8px
}
.filters .filter:nth-child(3) {
color:#51c05c;
margin:0 10px 0 5px
}
.filters .filter:nth-child(5) {
color:#e31b3b;
margin:0 5px 0 0
}
.filters span {
float:right;
color:black;
border-right:2px solid black;
height:18px;
margin:5px 0 0 0
}
/* ==========================================================================
Common UI Components
========================================================================== */
/* Color Pickers */
.color_picker {
height:20px;
width:20px;
border-radius:20px;
color:transparent !important;
border-color:black !important;
cursor:pointer
}
/* Search Boxes */
.common_search_box {
float:right;
border:1px solid #979797;
border-radius:15px;
margin:40px 0 0 0;
position:relative
}
.common_search_box::before {
content:'';
background-image:url(../../../design/default23/css/images/teams/magnifying.png);
background-repeat:no-repeat;
background-size:contain;
position:absolute;
top:10px;
right:10px;
width:26px;
height:26px
}
.common_search_box input {
float:right;
position:relative;
font-size:22px;
padding:4px 5% 2px 0;
margin:1px 1% 0 0;
border:0;
background:transparent;
height:38px;
color:#0F2951
}
.common_search_box input::placeholder {
color:#0F2951
}
.common_search_box input:focus-visible,
.common_search_box input:focus {
outline:none
}
/* Forms */
.common_add_wrapper {
float:right;
width:100%;
border-bottom:1px solid #B7B8B8
}
.common_add_wrapper .subtitle {
float:right;
width:100%;
font-size:20px;
font-weight:bold;
position:relative;
margin:10px 0 0 0
}
.common_add_wrapper .add_fields {
float:right;
width:100%;
padding:0;
margin:15px 0 15px 0
}
.common_add_wrapper .add_fields .add_field {
float:right;
width:fit-content;
margin:0 0 0 50px
}
.common_add_wrapper .add_fields .add_field label {
float:right;
width:100%;
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
color:black;
position:relative
}
.common_add_wrapper .add_fields .add_field label.required::after {
content:'שדה חובה';
position:absolute;
top:7px;
left:0;
font-size:14px;
font-weight:normal
}
.common_add_wrapper .add_fields .add_field .inputWrapper {
float:right;
width:100%;
height:40px;
border:0;
background-color:white;
border-radius:5px;
padding:0 10px;
box-sizing:border-box
}
.common_add_wrapper .add_fields .add_field .inputWrapper input {
float:right;
width:100%;
height:100%;
font-size:18px;
padding:0;
box-sizing:border-box;
border:0;
background:transparent
}
.common_add_wrapper .add_fields .add_field .inputWrapper input:focus {
outline:none
}
/* Buttons */
.btn {
font-size:16px;
cursor:pointer;
padding:8px;
margin:0 15px 20px 0;
text-align:center;
min-height:26px;
border-radius:5px;
border:none;
float:right
}
.common_add_wrapper .add_fields .add_btn {
float:right;
cursor:pointer;
background-color:var(--buttons_colors-background-color);
color:var(--buttons_colors-color);
margin:36px 0 0 0;
text-decoration:none
}
/* ==========================================================================
Overlay Components
========================================================================== */
/* Main Overlay */
#overlay {
position:fixed;
top:0;
right:0;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
display:none;
opacity:0;
z-index:11
}
#overlay .cold_lead_form {
background:white;
position:absolute;
top:134px;
right:0;
left:0;
margin:0 auto;
width:450px;
height:696px;
z-index:2
}
#overlay .add_lead {
width:654px !important;
background:white !important;
margin:auto !important;
height:660px !important;
cursor:default !important;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
overflow-x:hidden;
padding:0
}
#overlay .add_lead .add_lead_title {
padding:0;
margin:0
}
#overlay .stepsHolder {
min-height:1114px;
padding-bottom:150px
}
#overlay .add_lead .lead_form .submit {
margin:36px 0 0 0
}
/* Message Overlay */
#message_overlay {
position:fixed;
z-index:3;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
display:none;
opacity:0;
top:0;
right:0
}
#message_overlay .message_wrapper {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
width:552px;
padding:0 0 40px 0;
height:fit-content;
background:white;
border-radius:15px
}
#message_overlay .message_wrapper .message_header {
float:right;
position:relative;
width:100%;
height:62px;
border-radius:15px 15px 0 0
}
#message_overlay .message_wrapper .message_header .message_closer {
position:absolute;
top:19px;
right:14px;
width:28px;
height:28px;
z-index:2;
background:url(../../../design/default23/css/images/login/message_closer.png) top right no-repeat
}
#message_overlay .message_wrapper .message_header .message_title {
float:right;
width:100%;
padding:0;
margin:12px 0 0 0;
font-size:25px;
text-align:center;
position:relative;
z-index:1;
font-weight:bold
}
#message_overlay .message_wrapper .message_content {
float:right;
width:468px;
margin:60px 46px 0;
font-size:28px;
text-align:center
}
#message_overlay .message_wrapper .message_txt {
float:right;
width:100%
}
#message_overlay .message_wrapper .message_btn {
float:right;
border-radius:4px;
margin:40px 142px 0 0;
padding:6px 0 0 0;
width:188px;
height:46px;
text-decoration:none;
font-size:24px;
font-weight:bold
}
/* Confirmation Message Overlay */
#confirm_message_overlay {
position:fixed;
z-index:12;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
display:none;
opacity:0
}
#confirm_message_overlay .message_wrapper {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
width:566px;
height:400px;
background:white
}
#confirm_message_overlay .message_wrapper .message_header {
float:right;
position:relative;
width:100%;
height:62px
}
#confirm_message_overlay .message_wrapper .message_header .message_closer {
position:absolute;
top:19px;
right:14px;
width:28px;
height:28px;
z-index:2;
background:url(../../../design/default23/css/images/login/message_closer.png) top right no-repeat
}
#confirm_message_overlay .message_wrapper .message_header .message_title {
float:right;
width:100%;
padding:0;
margin:12px 0 0 0;
font-size:25px;
text-align:center;
position:relative;
z-index:1;
font-weight:bold
}
#confirm_message_overlay .message_wrapper .message_content {
float:right;
width:472px;
margin:60px 46px 0;
font-size:28px;
text-align:center
}
#confirm_message_overlay .message_wrapper .message_txt {
float:right;
width:100%
}
#confirm_message_overlay .message_wrapper .true_btn {
float:right;
border-radius:4px;
margin:80px 32px 0 0;
padding:6px 0 0 0;
width:188px;
height:46px;
text-decoration:none;
font-size:24px;
font-weight:bold
}
#confirm_message_overlay .message_wrapper .false_btn {
float:right;
border-radius:4px;
margin:80px 42px 0 0;
padding:6px 0 0 0;
width:188px;
height:46px;
text-decoration:none;
font-size:24px;
font-weight:bold
}
/* ==========================================================================
Animation Styles
========================================================================== */
/* CSS transitions,animations,and keyframes would go here */
/* ==========================================================================
Print Styles
========================================================================== */
@media print {
/* Print-specific styles would go here */
body {
background:#fff;
color:#000
}
.header,.footer,.menu_wrapper {
display:none
}
a {
color:#000;
text-decoration:underline
}
}
/* ==========================================================================
Documentation & Notes
========================================================================== */
/*
* This CSS file has been reorganized for better maintainability and readability.
* Structure:
* 1. Base Styles & CSS Variables
* 2. Typography
* 3. Layout Components (header,content areas,menus,etc.)
* 4. Table Components
* 5. Common UI Components (buttons,forms,search,etc.)
* 6. Overlay Components
* 7. Footer Components
* 8. Range Components
* 9. Animation Styles
* 10. Media Queries and Responsive Styles
* 11. Print Styles
*/
/* ==========================================================================
Media Queries and Responsive Styles
========================================================================== */
/* Small screens (mobile) */
@media only screen and (max-width:767px) {
.header{
height:100px
}
.header .company_logo{
float:right;
text-align:center;
width:210px;
position:relative;
height:72px;
margin:15px 0
}
.header .company_logo.centered{
position:absolute;
top:15px;
right:0;
left:0;
margin:0;
width:100%;
text-align:center
}
.header .company_logo .mobile_logo{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
float:none;
max-height:100%;
max-width:100%
}
.header .wallet_icon{
float:left;
width:55px;
height:55px;
margin:20px 0 0 20px
}
.header .wallet_icon a{
float:left;
width:100%;
height:100%
}
.header .wallet_icon a svg{
float:left;
width:100%;
height:100%
}
#quickview_overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
z-index:10;
display:none
}
#quickview_holder{
position:fixed;
top:0;
left:0;
width:0%;
height:100%;
transition:all 0.25s linear;
z-index:11;
overflow-y:scroll
}
#quickview_holder.opened{
width:80%
}
#quickview_holder .name{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
.profile_info{
float:right;
background:white;
width:CALC(100% - 50px);
margin:22px 25px 0 0
}
.profile_info .hidden_input{
display:none
}
.mobile_only .user_img{
float:right;
width:100%;
text-align:center;
padding:40px 0 0 0;
position:relative
}
.mobile_only .user_img label{
position:absolute;
display:inline-block;
width:30px;
height:30px;
z-index:2;
top:0;
right:190px;
padding:50px;
margin:0 auto
}
.mobile_only .user_img label svg{
width:100%;
height:100%
}
.mobile_only .user_img label svg *{
stroke:#535353
}
.profile_info img{
position:relative;
z-index:1;
border-radius:48px;
max-width:97px
}
.profile_info .user_info{
float:right;
width:100%;
text-align:center
}
.profile_info .user_info .name{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
.profile_info .user_info .job{
float:right;
width:100%;
text-align:center;
font-size:24px
}
.blocks_holder{
display:flex;
float:right;
margin:6px 25px 0 0;
width:CALC(100% - 50px);
height:132px;
flex-direction:row
}
.blocks_holder .sent_leads{
flex:1;
background:white;
width:194px;
height:132px;
margin:0
}
.blocks_holder .sent_leads .number{
float:right;
width:100%;
text-align:center;
font-size:26px;
font-weight:normal;
margin:18px 0 0 0
}
.blocks_holder .sent_leads .title{
float:right;
width:100%;
text-align:center;
font-size:26px;
font-weight:bold
}
.blocks_holder .monthly_commision{
flex:1;
background:white;
width:194px;
height:132px;
margin:0;
border-right:1px solid var(--buttons_colors-border);
border-left:1px solid var(--buttons_colors-border)
}
.blocks_holder .monthly_commision .number{
float:right;
width:100%;
text-align:center;
font-size:26px;
font-weight:normal;
margin:18px 0 0 0
}
.blocks_holder .monthly_commision .title{
float:right;
width:100%;
text-align:center;
font-size:26px;
font-weight:bold
}
.blocks_holder .total_sales{
flex:1;
background:white;
width:194px;
height:132px
}
.blocks_holder .total_sales .number{
float:right;
width:100%;
text-align:center;
font-size:26px;
font-weight:normal;
margin:18px 0 0 0
}
.blocks_holder .total_sales .title{
float:right;
width:100%;
text-align:center;
font-size:26px;
font-weight:bold
}
.closer{
float:right;
width:CALC(100% - 50px);
font-size:54px;
color:black;
font-weight:bold;
text-align:right;
margin:0 25px 0 0;
height:50px
}
.benefist_wrapper{
float:right;
width:90%;
margin:20px 5% 0;
padding:5px 10px;
background-color:white;
box-sizing:border-box
}
.benefist_wrapper .benefits_info{
float:right;
width:48%
}
.benefist_wrapper .benefits_info .title{
float:right;
width:100%;
font-size:26px;
text-align:center
}
.benefist_wrapper .benefits_info .number{
float:right;
width:100%;
font-size:26px;
font-weight:bold;
text-align:center
}
.benefist_wrapper .benefits_link{
float:left;
width:48%;
text-align:center;
font-size:26px;
font-weight:bold;
text-decoration:none;
padding:10px 5px;
border-radius:10px;
color:var(--buttons_colors-color);
background:var(--buttons_colors-background-color);
margin:10px 0 0 0
}
.profile_menu{
float:right;
margin:15px 25px 170px 0;
width:CALC(100% - 50px)
}
.profile_menu .link{
float:right;
text-align:center;
background:white;
color:black;
font-size:33px;
width:100%;
font-weight:bold;
padding:14px 0 0 0;
height:67px;
margin:0 0 17px 0;
text-decoration:none;
border-radius:9px
}
.profile_menu .lang{
float:right;
background:white;
color:black;
font-size:33px;
width:100%;
font-weight:bold;
/* padding:14px 0 0 0;
*/
height:81px;
margin:0 0 17px 0
}
.profile_menu .lang select.selectby_lang{
float:right;
text-align:center;
background:white;
color:black;
font-size:33px;
font-weight:bold;
height:100%;
width:502px;
border:none;
padding:3px 167px 0 0;
text-decoration:none
}
.profile_menu .lang label{
float:right;
background-repeat:no-repeat;
background-position:25px 26px;
background-size:36px;
width:88px;
height:79px;
margin:1px 0 0 0;
background-image:url(../../../design/default23/css/../../../design/default8/css/images/mcontact/white_arrow_down.svg)
}
/* --- New footer styling,should be consistent on all pages --- */
.shareIconSvg{
float:right;
max-width:100%;
max-height:100%;
width:48px;
height:48px;
fill:#606B86
}
#iconPopupWrapper{
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
z-index:999;
display:none
}
#iconPopupWrapper .iconPopup{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
max-width:500px;
height:100%;
max-height:500px;
background:white;
border-radius:10px;
padding:20px 20px 80px 20px;
box-sizing:border-box;
border:1px solid black;
overflow:hidden
}
#iconPopupWrapper .iconPopup .closeIconPopup{
position:absolute;
top:-15px;
right:2px;
width:50px;
height:50px;
font-size:40px;
cursor:pointer;
z-index:2
}
#iconPopupWrapper .iconPopup .searchWrapper{
float:right;
width:98%;
margin:0 1%
}
#iconPopupWrapper .iconPopup .searchWrapper input{
float:right;
width:100%;
height:50px;
border:0;
border-radius:10px;
padding:0 20px;
box-sizing:border-box;
font-size:18px;
border:1px solid rgba(0,0,0,0.2)
}
#iconPopupWrapper .iconPopup #iconsResults{
float:right;
width:100%;
height:100%;
overflow-y:scroll;
margin:20px 0 0 0;
text-align:center
}
#iconPopupWrapper .iconPopup #iconsResults .icon{
float:none;
display:inline-block;
height:50px;
width:50px;
border:1px solid transparent;
padding:15px;
margin:0 10px;
cursor:pointer;
transition:all 0.2s ease;
border-radius:25px;
box-sizing:content-box
}
#iconPopupWrapper .iconPopup #iconsResults .icon:hover{
border-color:black
}
/* mobile footer menu */
.footer{
position:fixed;
bottom:0;
right:0;
left:0;
float:right;
width:100%;
height:160px;
z-index:3;
background:#E6E7E8;
box-shadow:0 -5px 5px -5px #333;
text-align:center;
padding:20px 0 0 0
}
.footer .menu_links{
float:none;
display:inline-block;
width:122px;
height:160px;
padding:34px 12px 0;
text-align:center
}
.footer .menu_links a{
float:none;
display:inline-block;
margin:0 11px 0 0;
padding:0 0 0 0;
width:auto;
font-size:23px;
color:#003f80;
text-decoration:none;
text-align:center;
background-position:top center;
background-repeat:no-repeat;
height:160px
}
.footer .menu_links a img.image {
float:right;
margin:0 40px 5px 0;
width:48px
}
.footer .menu_links a svg.image,
.footer .menu_links a .shareIconSvg{
float:right;
margin:0 46px 5px 0;
width:38px
}
.footer .menu_links a span {
float:right;
width:131px;
text-align:center;
margin:2px 0 0 0;
font-size:24px;
color:#606B86 !important;
background:transparent !important
}
.footer .sendLeadLink{
position:absolute;
top:-50px;
right:0;
left:0;
width:fit-content;
margin:0 auto
}
.footer .sendLeadLink a img{
display:inline-block;
height:100px
}
/* end mobile footer menu */
}
/* Medium screens (tablets) */
@media only screen and (min-width:768px) and (max-width:1024px) {
/* Tablet-specific styles would go here */
}
/* Large screens (desktops and beyond) */
@media only screen and (min-width:1025px) {
/* Desktop-specific styles would go here */
}
/* --- Add lead new version,this styling is for both mobile and desktop --- */
.add_lead{
float:right !important;
width:100% !important;
margin:0 !important;
padding:0 0 40px 0;
height:auto  !important;
cursor:default !important
}
.add_lead .add_lead_title{
float:right;
font-size:33px;
margin:0 0 13px 0;
padding:8px 0 7px 0;
width:100%;
text-align:center;
letter-spacing:2px;
font-weight:bold
}
.add_lead .add_lead_subtitle{
float:right;
color:black;
font-size:29px;
font-weight:bold;
width:100%;
text-align:center;
margin:30px 0 0 0
}
.add_lead .lead_form{
float:right;
padding:27px 10px 25px;
margin:0 0 130px 0;
width:CALC(100% - 20px);
background:white
}
.add_lead .lead_form label.floating_label{
display:block;
position:absolute;
top:-30px;
right:0;
color:var(--buttons_colors-background-color);
font-size:18px
}
.stepsHolder{
float:right;
width:100%;
min-height:264px;
position:relative;
overflow:hidden;
height:fit-content
}
.stepsHolder .stepsWrapper{
position:absolute;
top:0;
right:0;
min-height:264px;
width:10000px;
transition:all 0.25s ease
}
.stepsHolder .stepsWrapper .step{
float:right;
width:620px;
margin:56px 0 0 0
}
/* 
.add_lead .lead_form .services{
float:right;
width:100%;
margin:56px 0 0 0
} */
.add_lead .lead_form .services .services_holder{
float:right;
width:100%
}
.add_lead .lead_form .services .service{
float:none;
width:97%;
margin:0 1% 20px 0;
display:inline-block;
border-radius:15px;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color);
border:1px solid;
border-color:var(--buttons_colors-border)
}
.add_lead .lead_form .services .service .service_img{
float:right;
width:57px;
height:57px;
position:relative;
box-sizing:border-box;
margin:5px 55px 0 0
}
.add_lead .lead_form .services .service .service_img img{
float:right;
width:100%;
height:100%
}
.add_lead .lead_form .services .service .service_img .image{
display:block
}
.add_lead .lead_form .services .service .service_img .image_active{
display:none
}
.add_lead .lead_form .services .service.active .service_img .image{
display:none
}
.add_lead .lead_form .services .service.active .service_img .image_active{
display:block
}
/* .add_lead .lead_form .services .service .service_img .default_service_image{
background:#e0e0e0
} */
.add_lead .lead_form .services .service span{
float:right;
width:fit-content;
text-align:right;
font-weight:bold;
font-size:22px;
margin:20px 30px 17px 0;
transition:all 0.25s linear;
max-width:CALC(100% - 190px)
}
.add_lead .lead_form .services .service_img.circle_img_service{
background:transparent;
border-radius:50%
}
.add_lead .lead_form #service_select_holder{
position:relative;
float:right;
width:99%;
margin:0 0 20px 0;
border-radius:15px;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color);
border:1px solid;
border-color:var(--buttons_colors-border);
cursor:pointer
}
.add_lead .lead_form #service_select_holder::after{
content:'';
position:absolute;
top:30%;
left:5%;
background:url(../../../design/default23/css/../../../design/default22/css/images/arrw_down.png) top right no-repeat;
background-size:contain;
width:47px;
height:46px;
z-index:2;
transform:rotate(270deg)
}
.add_lead .lead_form #service_select_holder  .service_img{
float:right;
width:97px;
height:97px;
position:relative;
box-sizing:border-box;
margin:5px 55px 0 0
}
.add_lead .lead_form #service_select_holder  .service_img img{
float:right;
width:100%;
height:100%
}
.add_lead .lead_form #service_select_holder  .service_img .image{
display:block
}
.add_lead .lead_form #service_select_holder  .service_img .image_active{
display:none
}
.add_lead .lead_form #service_select_holder .service.active .service_img .image{
display:none
}
.add_lead .lead_form #service_select_holder .service.active .service_img .image_active{
display:block
}
/* .add_lead .lead_form #service_select_holder  .service_img .default_service_image{
background:#e0e0e0
} */
.add_lead .lead_form #service_select_holder span{
float:right;
width:fit-content;
text-align:right;
font-weight:bold;
font-size:32px;
margin:31px 30px 27px 0;
transition:all 0.25s linear;
max-width:CALC(100% - 190px)
}
.add_lead .lead_form #service_select_holder .service_img.circle_img_service{
background:transparent;
border-radius:50%
}
/* .add_lead .lead_form  #carousels_placeholder{
float:right;
width:100%;
height:auto;
padding:0;
margin:0
} */
.add_lead .lead_form .input_holder.lang_left{
float:left;
text-align:left
}
.add_lead .lead_form .input_holder{
float:right;
width:99%;
margin:20px 0 38px 0;
height:75px;
box-shadow:1px 1px 1px #ebebec;
position:relative;
border:1px solid rgba(0,0,0,0.32);
border-radius:4px
}
.add_lead .lead_form .input_holder,
.add_lead .lead_form .input_holder .input_placeholder{
transition:all 0.25s linear
}
.add_lead .lead_form .input_holder .input_placeholder.lang_left{
float:left
}
.add_lead .lead_form .input_holder .input_placeholder{
float:right;
width:50px;
height:100%;
text-align:center;
color:black;
font-weight:bold;
font-size:30px;
display:none
}
.add_lead .lead_form .input_holder .input_placeholder img{
float:right;
display:inline-block;
width:24px;
margin:24px 0 0 0
}
.add_lead .lead_form .input_holder.city_holder .input_placeholder img{
width:36px;
margin:24px 5px 0 0
}
.add_lead .lead_form .input_holder.city_holder .input_name_input .auto_complete{
float:right;
z-index:2;
width:100%
}
.add_lead .lead_form .input_holder.city_holder .input_name_input .auto_complete .city_option{
float:right;
margin:0px 0 0 0;
font-size:28px;
width:100%;
border:1px solid;
z-index:2
}
.add_lead .lead_form .input_holder .input_name_placeholder.lang_left{
float:left
}
.add_lead .lead_form .input_holder .input_name_placeholder{
float:right;
padding:3px 0 0 0;
height:58px
}
.add_lead .lead_form .input_holder.lang_left input{
float:left;
text-align:left;
direction:ltr
}
.add_lead .lead_form .input_holder input{
float:right;
width:CALC(100% - 10px);
height:54px;
padding:0 5px 0 0;
margin:12px 0 0 0;
font-size:36px;
background:none;
border:0;
display:block;
transition:all 0s linear;
-webkit-appearance:textfield
}
.add_lead .lead_form .input_holder input:focus{
outline:none
}
.add_lead .lead_form .input_holder textarea::placeholder,
.add_lead .lead_form .input_holder input::placeholder{
color:transparent;
display:none
}
.add_lead .lead_form .input_holder textarea:-ms-input-placeholder,
.add_lead .lead_form .input_holder input:-ms-input-placeholder{
color:transparent;
display:none
}
.add_lead .lead_form .input_holder textarea::-ms-input-placeholder,
.add_lead .lead_form .input_holder input::-ms-input-placeholder{
color:transparent;
display:none
}
.add_lead .lead_form .input_holder.active input{
display:block
}
/* ------------ input_name ---------- */
.add_lead .lead_form .input_holder .input_name_placeholder span{
}
.add_lead .lead_form .input_holder .input_name_placeholder.active span{
display:none
}
.add_lead .lead_form .input_holder .input_name_placeholder .input_name_img{
margin:23px 10px 0 10px
}
.add_lead .lead_form .input_holder .active .input_name_img{
margin:5px 0 0 10px
}
.add_lead .lead_form .input_holder .input_name_placeholder.active{
padding:20px 0 0 0;
height:38px;
width:30px;
right:10px;
top:0;
bottom:auto;
margin:0
}
/* ------------ input_phone ---------- */
.add_lead .lead_form .input_holder .input_phone_placeholder.active span{
display:none
}
.add_lead .lead_form .input_holder .input_phone_placeholder .input_phone_img{
margin:26px 10px 0 10px
}
.add_lead .lead_form .input_holder .active .input_phone_img{
margin:5px 0 0 10px
}
.add_lead .lead_form .input_holder .input_phone_placeholder.active{
padding:20px 0 0 0;
height:38px;
width:30px;
right:10px;
top:0;
bottom:auto;
margin:0
}
/* ------------ city_holder ---------- */
.add_lead .lead_form .input_holder.city_holder select{
width:475px;
height:65px;
padding:8px 20px 0 0;
background:transparent;
border:none;
font-size:36px
}
.add_lead .lead_form .city_holder .city_display{
float:right;
position:relative;
margin:-4px 0 0 0
}
.add_lead .lead_form .city_holder .city_display .auto_complete{
position:absolute;
-webkit-box-shadow:3px 3px 8px 3px rgba(0,0,0,0.4);
-moz-box-shadow:3px 3px 8px 3px rgba(0,0,0,0.4);
box-shadow:3px 3px 8px 3px rgba(0,0,0,0.4);
z-index:2;
width:460px;
background:white;
top:100%;
display:none
}
.add_lead .lead_form .city_holder .city_display .auto_complete .city_option{
width:100%;
font-size:30px;
padding:5px
}
/* ------------ input_comments ---------- */
.add_lead .lead_form .input_holder.input_comments{
height:165px
}
.add_lead .lead_form .input_holder.input_comments textarea{
background:transparent;
border:none;
font-size:36px;
height:160px;
width:98%;
-webkit-appearance:textarea;
margin:0 1% 0 0;
padding:0
}
textarea::placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder {
color:gray
}
/* ------------ input_email ---------- */
.add_lead .lead_form .input_holder .input_email_placeholder.active span{
display:none
}
.add_lead .lead_form .input_holder .input_email_placeholder .input_email_img{
margin:35px 10px 0 10px
}
.add_lead .lead_form .input_holder .active .input_email_img{
margin:5px 0 0 10px
}
.add_lead .lead_form .input_holder .input_email_placeholder.active{
padding:20px 0 0 0;
height:38px;
width:30px;
right:10px;
top:0;
bottom:auto;
margin:0
}
/* ------------ input_number ---------- */
.add_lead .lead_form .input_holder .input_placeholder > span{
float:right;
margin:20px 10px 0 10px
}
/* ------------ radios_holder ---------- */
.add_lead .lead_form .radios_holder{
height:auto
}
.add_lead .lead_form .radios_holder .input_placeholder{
float:right;
width:100%
}
.add_lead .lead_form .radios_holder .input_placeholder span{
}
.add_lead .lead_form .radios_holder .radio_holder{
float:right;
width:40%;
margin:0 5%
}
.add_lead .lead_form .radios_holder .radio_holder input{
float:right;
width:35px;
height:35px;
margin:0;
padding:0;
-webkit-appearance:radio
}
.add_lead .lead_form .radios_holder .radio_holder label{
float:right;
font-size:30px;
margin:-5px 10px 0 0
}
/* ------------ input_date ---------- */
.add_lead .lead_form .input_holder .input_date_placeholder{
width:240px;
text-align:right
}
.add_lead .lead_form .input_holder .input_date_placeholder label{
color:#868686;
font-weight:normal;
margin:16px 0 0 0;
float:right;
width:100%;
display:block
}
.add_lead .lead_form .input_holder .input_date_placeholder label svg{
float:right;
width:24px;
height:auto;
margin:10px 10px 0 10px
}
.add_lead .lead_form .input_holder .input_date_input{
width:270px
}
.add_lead .lead_form .existing{
float:right;
width:88%;
margin:0 6% 38px
}
.add_lead .lead_form .existing .existing_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
/* in english */
.add_lead .lead_form.EN .existing .existing_title{
direction:ltr
}
.add_lead .lead_form .existing .existing_input{
float:right;
background:#ebebec;
width:258px;
height:66px;
padding:0;
position:relative;
box-sizing:border-box
}
.add_lead .lead_form .existing .existing_input:hover,
.add_lead .lead_form .existing .existing_input.active{
border:3px solid var(--buttons_colors-border)
}
.add_lead .lead_form .existing .existing_input.yes{
border-top-right-radius:25px;
border-bottom-right-radius:25px;
margin:25px 7px 0 5px
}
.add_lead .lead_form .existing .existing_input.no{
border-top-left-radius:25px;
border-bottom-left-radius:25px;
margin:25px 0 0 0
}
.add_lead .lead_form .existing .existing_input span{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
color:black;
font-size:33px;
width:120px;
text-align:center;
height:52px
}
.add_lead .lead_form .existing .lead_services .checkbox{
float:right;
width:100%;
font-size:28px;
color:#383838
}
input[type=checkbox]{
width:24px;
height:24px;
-webkit-appearance:checkbox
}
.add_lead .lead_form .return_time_holder.lang_left{
float:left;
direction:ltr
}
.add_lead .lead_form .return_time_holder{
float:right;
background:#ebebec;
border-radius:4px;
box-shadow:1px 1px 1px #ebebec;
width:CALC(100% - 25px);
height:55px;
padding:10px;
margin:13px 0 38px 0
}
.add_lead .lead_form .return_time_holder.lang_left select{
float:left;
text-align:left
}
.add_lead .lead_form .return_time_holder select,
.add_lead .lead_form .input_holder select{
float:right;
width:100%;
color:black;
font-size:30px;
text-align:center;
background:none;
border:0;
height:100%;
-webkit-appearance:none
}
.add_lead .lead_form .comments{
float:right;
margin:38px 0 0 0;
width:100%
}
.add_lead .lead_form .comments .comments_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
.add_lead .lead_form .comments .textarea_holder{
float:right;
background:#ebebec;
border-radius:4px;
box-shadow:1px 1px 1px #ebebec;
width:508px;
height:75px;
padding:10px;
margin:25px 0 0 0
}
.add_lead .lead_form .comments .textarea_holder textarea{
float:right;
width:100%;
padding:0;
margin:0;
border:0;
background:none;
height:80px;
font-size:25px;
resize:none
}
.add_lead .lead_form .conditions_terms.lang_left{
float:left
}
.add_lead .lead_form .conditions_terms{
float:right;
font-size:30px
}
.add_lead .lead_form .conditions_terms input[type="checkbox"]{
width:25px;
height:25px;
border:none;
margin:10px 10px 0 15px;
float:right;
background:#EBEBEC;
color:black;
-webkit-appearance:checkbox
}
.add_lead .lead_form .conditions_terms.lang_left input:checked{
float:left
}
.add_lead .lead_form .conditions_terms input:checked{
color:black;
font-style:normal
}
.add_lead .lead_form .conditions_terms.lang_left span{
float:left
}
.add_lead .lead_form .conditions_terms span{
float:right
}
.add_lead .lead_form .conditions_terms span.link{
float:none;
color:#507aee
}
.add_lead .lead_form .submit{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
float:right;
margin:36px 5px 0 0;
width:100%;
height:74px;
font-size:32px;
font-weight:bold;
padding:0;
text-align:center;
border:0;
color:white;
border-radius:4px;
background-color:#8B5DDA;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 12px 0 rgba(0,0,0,0.2)
}
/* In multiple services design,we have 2 services in a row,img full width and text aligned to bottom of service block,so were gonna use flex so the height will always be the same */
.add_lead .lead_form .services.multiple{
display:flex;
justify-content:space-evenly;
position:relative;
padding-bottom:150px;
flex-direction:row;
align-items:stretch;
flex-wrap:wrap
}
.add_lead .lead_form .services.multiple .service{
width:30%;
margin:0 0 40px 0;
display:inline-block;
border-radius:5px;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color);
border:1px solid;
border-color:var(--buttons_colors-border);
display:flex;
flex-direction:column;
justify-content:space-between;
position:relative;
box-sizing:border-box;
padding:10px 0 10px 0;
height:auto
}
.add_lead .lead_form .services.multiple .service.active{
border-color:gray;
border-width:2px
}
.add_lead .lead_form .services.multiple .service .service_img{
width:50%;
height:100%;
position:relative;
box-sizing:border-box;
margin:0 25%
}
.add_lead .lead_form .services.multiple .service .service_title{
width:100%;
max-width:100%;
text-align:center;
font-size:22px;
margin:0;
padding:15px 0 10px 0;
border-bottom:0;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color)
}
.add_lead .lead_form .step1 .next_step{
position:absolute;
bottom:20px;
right:0;
left:0;
top:auto;
margin:0 auto;
border-radius:15px;
width:200px;
height:50px;
font-size:26px;
line-height:46px;
background-color:var(--buttons_colors-background-color);
color:var(--buttons_colors-color)
}
/* .add_lead .lead_form .services .service .service_img .default_service_image{
background:#e0e0e0
} */
.add_lead .lead_form .services .service span{
float:right;
width:fit-content;
text-align:right;
font-weight:bold;
font-size:22px;
margin:20px 30px 17px 0;
transition:all 0.25s linear;
max-width:CALC(100% - 190px)
}
.add_lead .lead_form .services .service_img.circle_img_service{
background:transparent;
border-radius:50%
}
.add_lead .lead_form #service_select_holder{
position:relative;
float:right;
width:99%;
margin:0 0 20px 0;
border-radius:15px;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color);
border:1px solid;
border-color:var(--buttons_colors-border);
cursor:pointer
}
.add_lead .lead_form #service_select_holder::after{
content:'';
position:absolute;
top:30%;
left:5%;
background:url(../../../design/default23/css/images/arrw_down.png) top right no-repeat;
background-size:contain;
width:47px;
height:46px;
z-index:2;
transform:rotate(270deg)
}
.add_lead .lead_form #service_select_holder  .service_img{
float:right;
width:97px;
height:97px;
position:relative;
box-sizing:border-box;
margin:5px 55px 0 0
}
.add_lead .lead_form #service_select_holder  .service_img img{
float:right;
width:100%;
height:100%
}
.add_lead .lead_form #service_select_holder  .service_img .image{
display:block
}
.add_lead .lead_form #service_select_holder  .service_img .image_active{
display:none
}
.add_lead .lead_form #service_select_holder .service.active .service_img .image{
display:none
}
.add_lead .lead_form #service_select_holder .service.active .service_img .image_active{
display:block
}
/* .add_lead .lead_form #service_select_holder  .service_img .default_service_image{
background:#e0e0e0
} */
.add_lead .lead_form #service_select_holder span{
float:right;
width:fit-content;
text-align:right;
font-weight:bold;
font-size:32px;
margin:31px 30px 27px 0;
transition:all 0.25s linear;
max-width:CALC(100% - 190px)
}
.add_lead .lead_form #service_select_holder .service_img.circle_img_service{
background:transparent;
border-radius:50%
}
/*
Multiple services design,we have 2 services in a row,img full width and text aligned to bottom and center of service block,so were gonna use flex so the height will always be the same
*/
.add_lead .lead_form .multiple_services{
border:0 !important;
padding:0;
margin:0 !important;
width:100% !important;
display:flex;
flex-direction:row;
justify-content:space-evenly;
align-items:stretch;
flex-wrap:wrap
}
.add_lead .lead_form .multiple_services::after{
display:none
}
.add_lead .lead_form .multiple_services .service_wrapper{
float:none;
width:26%;
margin:0 20px 40px;
border-radius:5px;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color);
border:1px solid;
border-color:var(--buttons_colors-border);
position:relative;
box-sizing:border-box;
padding:10px 0 10px 0;
height:auto;
text-align:center
}
.add_lead .lead_form .multiple_services .service_wrapper .service_img{
float:none !important;
display:inline-block !important;
width:60% !important;
height:auto !important;
position:relative !important;
box-sizing:border-box !important;
margin:0 !important
}
.add_lead .lead_form .multiple_services .service_wrapper .service_img img{
width:100%;
height:100%
}
.add_lead .lead_form .multiple_services .service_wrapper .service_title{
float:none !important;
display:inline-block !important;
width:100% !important;
max-width:100% !important;
text-align:center !important;
font-size:22px !important;
margin:0 !important;
padding:15px 0 10px 0 !important;
border-bottom:0 !important;
background-color:var(--buttons_colors-color);
color:var(--buttons_colors-background-color)
}
/* .add_lead .lead_form  #carousels_placeholder{
float:right;
width:100%;
height:auto;
padding:0;
margin:0
} */
.add_lead .lead_form .input_holder.lang_left{
float:left;
text-align:left
}
.add_lead .lead_form .input_holder{
float:right;
width:99%;
margin:20px 0 38px 0;
height:75px;
box-shadow:1px 1px 1px #ebebec;
position:relative;
border:1px solid rgba(0,0,0,0.32);
border-radius:4px
}
.add_lead .lead_form .input_holder,
.add_lead .lead_form .input_holder .input_placeholder{
transition:all 0.25s linear
}
.add_lead .lead_form .input_holder .input_placeholder.lang_left{
float:left
}
.add_lead .lead_form .input_holder .input_placeholder{
float:right;
width:50px;
height:100%;
text-align:center;
color:black;
font-weight:bold;
font-size:30px;
display:none
}
.add_lead .lead_form .input_holder .input_placeholder img{
float:right;
display:inline-block;
width:24px;
margin:24px 0 0 0
}
.add_lead .lead_form .input_holder.city_holder .input_placeholder img{
width:36px;
margin:24px 5px 0 0
}
.add_lead .lead_form .input_holder.city_holder .input_name_input .auto_complete{
float:right;
z-index:2;
width:100%
}
.add_lead .lead_form .input_holder.city_holder .input_name_input .auto_complete .city_option{
float:right;
margin:0px 0 0 0;
font-size:28px;
width:100%;
border:1px solid;
z-index:2
}
.add_lead .lead_form .input_holder .input_name_placeholder.lang_left{
float:left
}
.add_lead .lead_form .input_holder .input_name_placeholder{
float:right;
padding:3px 0 0 0;
height:58px
}
.add_lead .lead_form .input_holder.lang_left input{
float:left;
text-align:left;
direction:ltr
}
.add_lead .lead_form .input_holder input{
float:right;
width:CALC(100% - 10px);
height:54px;
padding:0 5px 0 0;
margin:12px 0 0 0;
font-size:36px;
background:none;
border:0;
display:block;
transition:all 0s linear;
-webkit-appearance:textfield
}
.add_lead .lead_form .input_holder input:focus{
outline:none
}
.add_lead .lead_form .input_holder textarea::placeholder,
.add_lead .lead_form .input_holder input::placeholder{
color:transparent;
display:none
}
.add_lead .lead_form .input_holder textarea:-ms-input-placeholder,
.add_lead .lead_form .input_holder input:-ms-input-placeholder{
color:transparent;
display:none
}
.add_lead .lead_form .input_holder textarea::-ms-input-placeholder,
.add_lead .lead_form .input_holder input::-ms-input-placeholder{
color:transparent;
display:none
}
.add_lead .lead_form .input_holder.active input{
display:block
}
/* ------------ input_name ---------- */
.add_lead .lead_form .input_holder .input_name_placeholder.active span{
display:none
}
.add_lead .lead_form .input_holder .input_name_placeholder .input_name_img{
margin:23px 10px 0 10px
}
.add_lead .lead_form .input_holder .active .input_name_img{
margin:5px 0 0 10px
}
.add_lead .lead_form .input_holder .input_name_placeholder.active{
padding:20px 0 0 0;
height:38px;
width:30px;
right:10px;
top:0;
bottom:auto;
margin:0
}
/* ------------ input_phone ---------- */
.add_lead .lead_form .input_holder .input_phone_placeholder.active span{
display:none
}
.add_lead .lead_form .input_holder .input_phone_placeholder .input_phone_img{
margin:26px 10px 0 10px
}
.add_lead .lead_form .input_holder .active .input_phone_img{
margin:5px 0 0 10px
}
.add_lead .lead_form .input_holder .input_phone_placeholder.active{
padding:20px 0 0 0;
height:38px;
width:30px;
right:10px;
top:0;
bottom:auto;
margin:0
}
/* ------------ city_holder ---------- */
.add_lead .lead_form .input_holder.city_holder select{
width:475px;
height:65px;
padding:8px 20px 0 0;
background:transparent;
border:none;
font-size:36px
}
.add_lead .lead_form .city_holder .city_display{
float:right;
position:relative;
margin:-4px 0 0 0
}
.add_lead .lead_form .city_holder .city_display .auto_complete{
position:absolute;
-webkit-box-shadow:3px 3px 8px 3px rgba(0,0,0,0.4);
-moz-box-shadow:3px 3px 8px 3px rgba(0,0,0,0.4);
box-shadow:3px 3px 8px 3px rgba(0,0,0,0.4);
z-index:2;
width:460px;
background:white;
top:100%;
display:none
}
.add_lead .lead_form .city_holder .city_display .auto_complete .city_option{
width:100%;
font-size:30px;
padding:5px
}
/* ------------ input_comments ---------- */
.add_lead .lead_form .input_holder.input_comments{
height:165px
}
.add_lead .lead_form .input_holder.input_comments textarea{
background:transparent;
border:none;
font-size:36px;
height:160px;
width:98%;
-webkit-appearance:textarea;
margin:0 1% 0 0;
padding:0
}
textarea::placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder {
color:gray
}
/* ------------ input_email ---------- */
.add_lead .lead_form .input_holder .input_email_placeholder.active span{
display:none
}
.add_lead .lead_form .input_holder .input_email_placeholder .input_email_img{
margin:35px 10px 0 10px
}
.add_lead .lead_form .input_holder .active .input_email_img{
margin:5px 0 0 10px
}
.add_lead .lead_form .input_holder .input_email_placeholder.active{
padding:20px 0 0 0;
height:38px;
width:30px;
right:10px;
top:0;
bottom:auto;
margin:0
}
/* ------------ input_number ---------- */
.add_lead .lead_form .input_holder .input_placeholder > span{
float:right;
margin:20px 10px 0 10px
}
/* ------------ radios_holder ---------- */
.add_lead .lead_form .radios_holder{
height:auto
}
.add_lead .lead_form .radios_holder .input_placeholder{
float:right;
width:100%
}
/* Empty ruleset removed */
.add_lead .lead_form .radios_holder .radio_holder{
float:right;
width:40%;
margin:0 5%
}
.add_lead .lead_form .radios_holder .radio_holder input{
float:right;
width:35px;
height:35px;
margin:0;
padding:0;
-webkit-appearance:radio
}
.add_lead .lead_form .radios_holder .radio_holder label{
float:right;
font-size:30px;
margin:-5px 10px 0 0
}
/* ------------ input_date ---------- */
.add_lead .lead_form .input_holder .input_date_placeholder{
width:240px;
text-align:right
}
.add_lead .lead_form .input_holder .input_date_placeholder label{
color:#868686;
font-weight:normal;
margin:16px 0 0 0;
float:right;
width:100%;
display:block
}
.add_lead .lead_form .input_holder .input_date_placeholder label svg{
float:right;
width:24px;
height:auto;
margin:10px 10px 0 10px
}
.add_lead .lead_form .input_holder .input_date_input{
width:270px
}
.add_lead .lead_form .existing{
float:right;
width:88%;
margin:0 6% 38px
}
.add_lead .lead_form .existing .existing_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
/* in english */
.add_lead .lead_form.EN .existing .existing_title{
direction:ltr
}
.add_lead .lead_form .existing .existing_input{
float:right;
background:#ebebec;
width:258px;
height:66px;
padding:0;
position:relative;
box-sizing:border-box
}
.add_lead .lead_form .existing .existing_input:hover,
.add_lead .lead_form .existing .existing_input.active{
border:3px solid var(--buttons_colors-border)
}
.add_lead .lead_form .existing .existing_input.yes{
border-top-right-radius:25px;
border-bottom-right-radius:25px;
margin:25px 7px 0 5px
}
.add_lead .lead_form .existing .existing_input.no{
border-top-left-radius:25px;
border-bottom-left-radius:25px;
margin:25px 0 0 0
}
.add_lead .lead_form .existing .existing_input span{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
color:black;
font-size:33px;
width:120px;
text-align:center;
height:52px
}
.add_lead .lead_form .existing .lead_services .checkbox{
float:right;
width:100%;
font-size:28px;
color:#383838
}
input[type=checkbox]{
width:24px;
height:24px;
-webkit-appearance:checkbox
}
.add_lead .lead_form .return_time_holder.lang_left{
float:left;
direction:ltr
}
.add_lead .lead_form .return_time_holder{
float:right;
background:#ebebec;
border-radius:4px;
box-shadow:1px 1px 1px #ebebec;
width:CALC(100% - 25px);
height:55px;
padding:10px;
margin:13px 0 38px 0
}
.add_lead .lead_form .return_time_holder.lang_left select{
float:left;
text-align:left
}
.add_lead .lead_form .return_time_holder select,
.add_lead .lead_form .input_holder select{
float:right;
width:100%;
color:black;
font-size:30px;
text-align:center;
background:none;
border:0;
height:100%;
-webkit-appearance:none
}
.add_lead .lead_form .comments{
float:right;
margin:38px 0 0 0;
width:100%
}
.add_lead .lead_form .comments .comments_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
.add_lead .lead_form .comments .textarea_holder{
float:right;
background:#ebebec;
border-radius:4px;
box-shadow:1px 1px 1px #ebebec;
width:508px;
height:75px;
padding:10px;
margin:25px 0 0 0
}
.add_lead .lead_form .comments .textarea_holder textarea{
float:right;
width:100%;
padding:0;
margin:0;
border:0;
background:none;
height:80px;
font-size:25px;
resize:none
}
.add_lead .lead_form .conditions_terms.lang_left{
float:left
}
.add_lead .lead_form .conditions_terms{
float:right;
font-size:30px
}
.add_lead .lead_form .conditions_terms input[type="checkbox"]{
width:25px;
height:25px;
border:none;
margin:10px 10px 0 15px;
float:right;
background:#EBEBEC;
color:black;
-webkit-appearance:checkbox
}
.add_lead .lead_form .conditions_terms.lang_left input:checked{
float:left
}
.add_lead .lead_form .conditions_terms input:checked{
color:black;
font-style:normal
}
.add_lead .lead_form .conditions_terms.lang_left span{
float:left
}
.add_lead .lead_form .conditions_terms span{
float:right
}
.add_lead .lead_form .conditions_terms span.link{
float:none;
color:#507aee
}
.add_lead .lead_form .submit{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
float:right;
margin:36px 5px 0 0;
width:100%;
height:74px;
font-size:32px;
font-weight:bold;
padding:0;
text-align:center;
border:0;
color:white;
border-radius:4px;
background-color:#8B5DDA;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12),0 1px 12px 0 rgba(0,0,0,0.2)
}
.admins_login .wrapper{
float:none;
width:640px;
margin:15px auto 0
}
.admins_login .wrapper .secure_login{
float:right;
width:100%
}
.admins_login .wrapper .secure_login .title{
float:right;
width:100%;
text-align:center;
font-size:30px;
font-weight:bold;
margin:0 0 15px 0
}
.admins_login .wrapper .secure_login .input_holder{
float:right;
width:100%;
font-size:26px;
margin:0 0 10px 0
}
.admins_login .wrapper .secure_login .input_holder label{
float:right;
width:100%;
text-align:center
}
.admins_login .wrapper .secure_login .input_holder input{
float:right;
width:90%;
padding:5px 5%;
font-size:20px;
text-align:center
}
.admins_login .wrapper .secure_login .submit{
float:right;
width:100%;
padding:5px 0;
text-align:center;
font-weight:bold
}
.header .messages_and_notifications .notifications{
float:left;
position:relative;
width:68px;
height:70px;
transition:all 0.25s linear
}
.header .messages_and_notifications .notifications .notifications_icon{
float:left;
margin:12px 0 0 23px
}
.header .messages_and_notifications .notifications .notifications_icon svg{
float:left;
width:28px
}
.header .messages_and_notifications .notifications .new_notifications{
position:absolute;
z-index:2;
width:17px;
height:17px;
text-align:center;
top:16px;
right:15px;
cursor:default;
border-radius:20px;
font-size:12px;
color:#FFFFFF !important;
background-color:#A82029
}
.header .messages_and_notifications .notifications .updates_window{
position:absolute;
top:0;
padding:90px 0 0 0;
left:20px;
width:319px;
background:none;
display:none;
z-index:1
}
.header .messages_and_notifications .notifications:hover .updates_window,
.header .messages_and_notifications .notifications.active .updates_window{
display:block
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper{
float:right;
width:100%;
height:100%;
position:relative;
box-shadow:1px 1px 1px rgba(0,0,0,0.4)
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .title{
float:right;
width:100%;
position:relative
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .title:before{
content:"";
position:absolute;
left:10px;
bottom:22px;
width:0;
height:0;
border-left:12px solid transparent;
border-right:12px solid transparent;
border-bottom:14px solid
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .title span{
float:right;
width:94%;
padding:0 6% 0 0
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder{
float:right;
width:100%;
background:white;
max-height:270px;
overflow-y:scroll
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates{
float:right;
width:100%
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates .update{
float:right;
width:100%;
cursor:pointer;
transition:all 0.25s linear;
border-bottom:1px solid #ecedee
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates:hover .info,
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates:hover .date{
background:transparent
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates .update .line_indicator{
float:right;
width:7px;
height:100%;
visibility:hidden
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates .update.unread .line_indicator{
visibility:visible
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates .update .date{
float:right;
width:93%;
padding:4px 4% 0 0
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates .update .info{
float:right;
width:93%;
margin:0 4% 0 0
}
.header .messages_and_notifications .notifications .updates_window .updates_wrapper .updates_holder .updates .update .info a{
float:right;
color:black;
text-decoration:none
}
.seoform span {
float:left;
width:100px
}
.seoform div input {
width:500px
}
.seoform div {
float:left;
width:100%;
margin-bottom:15px
}
/* css fixes */
ol {
position:relative;
right:20px
}
a{
outline:0
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
cursor:pointer
}
.ie a img {
border:0
}
.hidden {
position:absolute;
left:0;
top:-100000px
}
/*
* span {
display:inline-block
}
*/
/*
#lbuttons,
#lbuttons div,
#lbuttons a,
#lbuttons img,
.fxc #subtoolbar,
.fxc #admin_panel {
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
transform:2DValue(val) 3DValueSetToNull(0);
transform:2DValue(val);
-webkit-transform :translateZ(0);
-o-transform :translateZ(0);
-webkit-transform :translateZ(0);
transform :translateZ(0);
-webkit-transition:all 0.5s linear
}
.fxc #admin_pusher,
.fxc #sys_website {
-webkit-transition:all 0.5s linear
}
*/
body {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
min-width:100%;
min-height:100%;
padding:0;
margin:0
}
p {
padding:0;
margin:0
}
div.bs {
float:right
}