form {
display:inline
}
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
}
.color_picker{
height:20px;
width:20px;
border-radius:20px;
color:transparent !important;
border-color:black !important;
cursor:pointer
}
.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
}
.wrap{
margin:0 auto;
/*width:1400px;
*/
position:relative;
z-index:1
}
.wrap.mobile_only{
width:640px;
height:100%
}
.header{
float:right;
width:100%;
height:69px
}
.header .user{
float:right;
border-left:2px solid #e5e6e7;
width:211px;
margin:0;
height:69px
}
.header .user .user_img{
float:right;
margin:5px 15px 0 0;
width:55px;
height:55px;
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:55px;
min-width:55px
}
.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 .clinic_info{
float:right;
margin:0 40px 0 0
}
.header .clinic_info .clinic_img{
float:right;
height:68px;
display:block;
position:relative
}
.header .clinic_info .clinic_img img{
float:right;
max-height:68px;
min-height:45px;
position:absolute;
top:0;
bottom:0;
margin:auto
}
.header .clinic_info .clinic_name{
float:right;
color:white;
margin:14px 14px 0 0
}
.header .messages_and_notifications{
float:left;
width:444px;
height:70px;
margin:0;
border:none !important
}
.header .messages_and_notifications .refresh_btn,
.header .messages_and_notifications .go_back{
float:left;
position:relative;
width:68px;
height:70px;
border-right:2px solid #d2d4d5;
font-size:30px;
cursor:pointer;
margin:0 0 0 0;
text-align:center;
line-height:2.4
}
.header .messages_and_notifications .messages{
float:left;
position:relative;
margin:0;
width:68px;
height:70px;
border-right:2px solid #d2d4d5
}
.header .messages_and_notifications .export_excel_btn{
float:left;
position:relative;
width:68px;
height:70px;
border-right:2px solid #d2d4d5;
font-size:30px;
cursor:pointer;
margin:0 0 0 0;
text-align:center;
line-height:2.4
}
.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
}
.hidden{
display:none
}
.content{
float:right;
width:100%;
height:100%;
padding:0 0 10px 0
}
.content .menu_wrapper{
float:right;
width:212px
}
.content .add_lead{
float:right;
width:CALC(100% + 1px);
height:89px;
cursor:pointer;
margin-top:-2px;
margin-right:-2px
}
.content .add_lead .add_lead_button{
float:right;
max-width:100%;
max-height:100%;
width:CALC(100% - 22px)
}
.content .add_lead .add_lead_txt{
float:right;
font-size:23px;
font-weight:bold;
color:white;
margin:31px 15px 0 0
}
.content .menu{
float:right;
width:212px;
height:85%;
padding:25px 0 0 0
}
.content .menu .link{
float:right;
position:relative;
width:100%
}
.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 .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:18px;
margin:16px 14px 0 0;
font-weight:bold;
width:140px
}
.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:20px;
margin:12px 14px 0 0;
font-weight:bold
}
.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
}
.content .menu img.colleagues{
float:right;
margin:19px 14px 0 0;
width:27px;
height:27px
}
.content .menu .link .badge{
position:absolute;
z-index:2;
width:14px;
height:14px;
text-align:center;
line-height:18px;
right:8px;
border-style:solid;
border-radius:20px;
font-size:17px;
top:14px
}
.table_holder{
width:1058px;
margin:68px auto;
float:unset
}
.table_holder .title_search{
float:right;
margin:0;
width:1058px;
border-bottom:2px solid #b1b1b1
}
.table_holder .title_search .title{
float:right;
font-weight:bold;
font-size:31px;
margin:6px 0 0 0;
width:745px
}
.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{
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
}
.page_limit{
float:left;
width:170px;
margin:16px 0 0 0
}
.page_limit select{
float:right;
background:white;
border:0;
padding:0;
font-size:16px;
width:65px;
height:24px
}
.page_limit span{
float:right;
font-size:17px;
font-weight:bold;
margin:-2px 7px 0 0;
width:85px;
background:transparent
}
.leads_table{
float:right;
width:1058px;
margin:41px 0 0 0
}
.leads_table .header_row{
float:right;
width:100%;
margin:0 0 7px 0
}
.search_field .fa{
margin:7px 10px 0 0;
cursor:pointer
}
.pages{
float:right;
margin:32px 0 0 0
}
.pages a{
float:right;
text-decoration:none;
color:black;
font-size:18px;
font-weight:bold;
margin:0 0 0 9px
}
.pages .active{
color:#d2232a
}
/* 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
}
.footer .menu_links{
float:none;
display:inline-block;
width:122px;
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
}
.footer .menu_links a img.image {
float:right;
margin:0 40px 5px 0;
width:48px
}.footer .menu_links a svg.image {
float:right;
margin:0 40px 5px 0;
width:48px
}
.footer .menu_links a span {
float:right;
width:131px;
text-align:center;
margin:2px 0 0 0;
font-size:24px;
background:transparent !important
}
/* end mobile footer menu */
.lead_range .numbers_range .number{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
padding:0px 10px
}
.lead_range .range_slider .slider_button{
border-radius:50%;
height:42px;
width:42px;
background:#ebebeb;
position:absolute;
left:-1px;
bottom:-1px
}
#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:404px;
background:white !important;
margin:auto;
height:660px;
cursor:default !important;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
overflow-x:hidden
}
#overlay .add_lead .add_lead_title{
float:right;
position:relative;
font-size:24px;
margin:0;
padding:8px 0 7px 0;
width:100%;
text-align:center;
letter-spacing:2px
}
#overlay .add_lead .add_lead_title .closer{
position:absolute;
top:7px;
right:4px;
width:15px;
height:15px;
cursor:pointer;
background:url(../../../design/default21/css/images/dashboard/x.svg) top right no-repeat
}
#overlay .add_lead .add_lead_subtitle{
float:right;
color:black;
font-size:20px;
font-weight:bold;
width:100%;
text-align:center;
margin:7px 0 0 0
}
#overlay .add_lead .lead_form{
float:right;
margin:10px 0 0 0;
padding:0 16px 0;
width:372px
}
#overlay .add_lead .lead_form .services{
float:right;
display:flex;
flex-direction:row;
flex-wrap:wrap;
width:100%;
height:fit-content;
font-weight:bold;
padding:0px 0px;
margin:5px 0 5px 0;
justify-content:space-evenly
}
#overlay .add_lead .error{
border:2px solid #da4140
}
#overlay .add_lead .lead_form .services .service{
margin:2px 4px 2px 4px;
color:black;
width:80px;
height:fit-content
}
#overlay .add_lead .lead_form .services .service .service_img{
float:right;
background:transparent;
text-align:center
}
#overlay .add_lead .lead_form .services .service .service_img.circle_img_service{
background:transparent;
border-radius:50%;
border-width:2px
}
#overlay .add_lead .lead_form .services .service .service_img img{
max-height:90%;
max-width:90%;
margin:0 auto;
display:inline-block
}
#overlay .add_lead .lead_form .services .service .service_img .image_active{
display:none
}
#overlay .add_lead .lead_form .services .service span{
text-align:center;
font-size:15px;
margin:2px 0 0 0;
float:right;
width:100%
}
#overlay .add_lead .lead_form .services .service.active .service_img{
border:2px solid var(--buttons_colors-border)
}
#overlay .add_lead .lead_form .services .service:hover .service_img img,
#overlay .add_lead .lead_form .services .service.active .service_img img{
}
#overlay .add_lead .lead_form .services .service:hover > span,
#overlay .add_lead .lead_form .services .service.active > span{
}
#overlay .add_lead .lead_form #carousels_placeholder{
float:right;
width:100%;
height:auto;
padding:0;
margin:0
}
#overlay .add_lead .lead_form .input_holder{
float:right;
background:#ebebec;
width:342px;
margin:20px 11px 8px 0;
height:37px;
border-radius:2px;
position:relative
}
#overlay .add_lead .lead_form .input_holder,
#overlay .add_lead .lead_form .input_holder .input_placeholder{
transition:all 0.25s linear
}
#overlay .input_holder .floating_label{
opacity:0;
position:absolute;
right:0;
top:0;
font-size:14px;
transition:top 150ms ease-in-out,opacity 150ms ease-in-out,color 150ms ease-in-out
}
#overlay .input_holder select.filled + .floating_label,
#overlay .input_holder select:focus + .floating_label,
#overlay .input_holder input.filled + .floating_label,
#overlay .input_holder input:focus + .floating_label{
opacity:1;
top:-21px
}
#overlay .input_holder.error select:focus + .floating_label,
#overlay .input_holder.error input:focus + .floating_label,
#overlay .input_holder.error label.floating_label{
color:#da4140
}
#overlay .add_lead .lead_form .input_holder .input_placeholder{
float:right;
width:32px;
height:29px;
text-align:center;
padding:2px 8px 0 0;
color:black;
font-weight:bold;
font-size:30px
}
#overlay .add_lead .lead_form .input_holder .input_placeholder .st0{
fill:black
}
#overlay .add_lead .lead_form .input_holder .input_placeholder img{
float:right;
display:inline-block;
width:22px;
margin:24px 0 0 0
}
#overlay .add_lead .lead_form .input_holder .input_name_placeholder{
float:right;
width:32px;
height:29px;
text-align:center;
padding:2px 8px 0 0;
color:black;
font-weight:bold;
font-size:30px
}
#overlay .add_lead .lead_form .input_holder input{
float:right;
width:280px;
height:28px;
padding:0 5px 0 0;
margin:6px 3px 0 0;
font-size:24px;
background:none;
border:0;
display:block;
transition:all 0s linear;
-webkit-appearance:textfield
}
#overlay .add_lead .lead_form .radios_holder{
height:auto
}
#overlay .add_lead .lead_form .radios_holder .input_placeholder{
width:100%;
font-size:26px;
font-weight:normal;
height:auto
}
#overlay .add_lead .lead_form .input_holder input[type="radio"]{
-webkit-appearance:radio;
width:15px;
height:15px;
padding:0;
margin:0
}
#overlay .add_lead .lead_form .select_holder{
float:right;
position:relative;
height:30px;
padding-bottom:0
}
#overlay .add_lead .lead_form .select_holder label{
position:absolute;
top:0;
right:0;
width:100%;
text-align:right;
margin:0;
padding:0
}
#overlay .add_lead .lead_form .select_holder select{
float:right;
width:318px;
color:black;
font-size:20px;
text-align:center;
background:none;
border:0;
margin:0 12px 0 0;
height:30px;
-webkit-appearance:menulist
}
#overlay .add_lead .lead_form .radios_holder label{
float:right;
margin:-4px 0 0 0
}
#overlay .add_lead .lead_form .radios_holder .radio_holder{
float:right;
margin:0 80px 0 0
}
#overlay .add_lead .lead_form .input_date{
height:auto
}
#overlay .add_lead .lead_form .input_date  .input_placeholder{
width:100%;
font-size:26px;
font-weight:normal;
height:auto
}
#overlay .add_lead .lead_form .input_date  .input_placeholder svg{
height:22px;
width:auto
}
#overlay .add_lead .lead_form .input_date input{
width:CALC(100% - 10px)
}
#overlay .add_lead .lead_form .input_date  label{
float:right;
margin:0 10px 0 0;
width:CALC(100% - 10px);
text-align:right
}
#overlay .add_lead .lead_form .input_date  .radio_holder{
float:right;
margin:0 80px 0 0
}
::placeholder{
color:black
}
#overlay .add_lead .lead_form .existing{
float:right;
width:100%;
margin:17px 0 14px 0
}
#overlay .lead_form form.disable_select > *{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.lead_range .range_slider{
float:right;
width:100%;
border:none;
border-radius:25px;
height:40px;
margin:17px 0 14px 0;
background-color:#A87C33;
background-image:linear-gradient(90deg,#DD2120,#CB682D,#A87C33,#859D3F,#3FB046);
position:relative;
-webkit-box-shadow:inset 0 0 10px 2px rgba(0,0,0,0.3);
-moz-box-shadow:inset 0 0 10px 2px rgba(0,0,0,0.3);
box-shadow:inset 0 0 10px 2px rgba(0,0,0,0.3)
}
.lead_range .numbers_range{
color:white;
justify-content:space-between;
display:flex;
flex-direction:row;
position:absolute;
font-size:20px;
font-weight:bold;
padding:6px 0;
width:100%
}
#overlay .add_lead .lead_form .existing .existing_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:19px
}
#overlay .add_lead .lead_form .existing .existing_input{
float:right;
background:#ebebec;
width:173px;
height:36px;
padding:0;
position:relative;
box-sizing:border-box
}
#overlay .add_lead .lead_form .existing .existing_input:hover,
#overlay .add_lead .lead_form .existing .existing_input.active{
border-style:solid;
border-width:2px
}
#overlay .add_lead .lead_form .input_holder.active input{
display:block
}
/* ------------ input_name ---------- */
#overlay .add_lead .lead_form .input_holder .input_name_placeholder span{
}
#overlay .add_lead .lead_form .input_holder .input_name_placeholder.active span{
display:none
}
#overlay .add_lead .lead_form .input_holder .input_name_placeholder .input_name_img{
float:right;
margin:7px 11px 0 10px;
display:inline-block;
width:19px
}
#overlay .add_lead .lead_form .input_holder .active .input_name_img{
margin:5px 0 0 10px
}
#overlay .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 ---------- */
#overlay .add_lead .lead_form .input_holder .input_phone_placeholder.active span{
display:none
}
#overlay .add_lead .lead_form .input_holder .input_phone_placeholder .input_city_img{
float:right;
margin:3px 10px 0 10px;
width:26px
}
#overlay .add_lead .lead_form .input_holder .input_phone_placeholder .input_phone_img{
margin:9px 10px 0 10px
}
#overlay .add_lead .lead_form .input_holder .active .input_phone_img{
margin:5px 0 0 10px
}
#overlay .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
}
/* ------------ input_email ---------- */
#overlay .add_lead .lead_form .input_holder .input_email_placeholder.active span{
display:none
}
#overlay .add_lead .lead_form .input_holder .input_email_placeholder .input_email_img{
margin:13px 10px 0 10px
}
#overlay .add_lead .lead_form .input_holder .active .input_email_img{
margin:5px 0 0 10px
}
#overlay .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
}
#overlay .add_lead .lead_form .existing{
float:right;
width:100%
}
#overlay .add_lead .lead_form .existing .existing_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:22px
}
#overlay .add_lead .lead_form .existing .existing_input:hover,
#overlay .add_lead .lead_form .existing .existing_input.active{
border-style:solid;
border-width:2px
}
#overlay .add_lead .lead_form .existing .existing_input.yes{
border-top-right-radius:25px;
border-bottom-right-radius:25px;
margin:5px 7px 0 5px
}
#overlay .add_lead .lead_form .existing .lead_services{
display:block
}
#overlay .add_lead .lead_form .existing .existing_input.no{
border-top-left-radius:25px;
border-bottom-left-radius:25px;
margin:5px 0 0 0
}
#overlay .add_lead .lead_form .existing .existing_input span{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
color:black;
font-size:21px;
width:81px;
text-align:center;
height:32px
}
#overlay .add_lead .lead_form .existing .lead_services .checkbox{
border-top:1px solid #D8D8D8;
float:right;
width:100%;
font-size:20px;
color:#383838;
margin:12px 0 0 0
}
#overlay .checkbox input[type=checkbox]{
display:none
}
#overlay .checkbox input[type=checkbox]+label{
width:100%;
height:26px;
background:url(../../../design/default21/css/images/form/checkbox_empty.png) 100% 0 no-repeat;
display:inline-block
}
#overlay input[type=checkbox]:checked + label{
background:url(../../../design/default21/css/images/form/checkbox_checked.png) 100% 0 no-repeat;
;
width:100%;
height:26px;
display:inline-block;
padding:0 0 0 0px
}
#overlay .checkbox label span{
margin:0 32px 0 0;
position:absolute
}
#overlay .add_lead .lead_form .input_comments{
margin:20px 12px 0 0;
height:auto
}
#overlay .add_lead .lead_form .input_comments .lead_comments{
border:none;
resize:none;
background:transparent;
font-size:24px;
float:right;
width:320px;
height:110px;
padding:0 5px 0 0;
margin:5px 7px 0 0
}
#overlay .add_lead .lead_form .city_holder select{
float:right;
width:286px;
color:black;
font-size:23px;
text-align:center;
background:none;
border:0;
margin:-6px 1px 0 0;
height:37px
}
#overlay .add_lead .lead_form .city_holder .input_name_input {
position:relative;
margin:-7px 0 0 0
}
#overlay .add_lead .lead_form .city_holder .input_name_input  .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:286px;
background:white;
top:46px;
display:none
}
#overlay .add_lead .lead_form .city_holder .input_name_input  .auto_complete .city_option{
width:100%;
font-size:25px
}
#overlay .add_lead .lead_form .city_holder .input_name_input  .auto_complete .city_option:hover{
background:#ececec
}
#overlay .add_lead .lead_form .input_holder img.city_name_img {
margin:7px 0 0 0
}
#overlay .add_lead .lead_form .return_time_holder select{
float:right;
width:318px;
color:black;
font-size:20px;
text-align:center;
background:none;
border:0;
margin:0 12px 0 0;
height:30px;
-webkit-appearance:menulist
}
#overlay .add_lead .lead_form .comments{
float:right;
margin:38px 0 0 0;
width:100%;
display:none
}
#overlay .add_lead .lead_form .comments .comments_title{
float:right;
width:100%;
text-align:center;
font-weight:bold;
font-size:28px
}
#overlay .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
}
#overlay .add_lead .lead_form .comments .textarea_holder textarea{
float:right;
width:100%;
padding:0;
margin:0;
border:0;
background:none;
height:80px
}
#overlay .add_lead .lead_form .conditions_terms{
float:right;
margin:20px 0 0 0;
font-size:20px
}
#overlay .add_lead .lead_form .conditions_terms input[type="checkbox"]{
width:18px;
height:18px;
border:none;
margin:7px 20px 0 10px;
float:right;
-webkit-appearance:checkbox
}
#overlay .add_lead .lead_form .conditions_terms span{
float:right
}
#overlay .add_lead .lead_form .conditions_terms a.term_link{
color:#507aee;
text-decoration:none;
cursor:pointer
}
#overlay .add_lead .lead_form .submit{
float:right;
margin:14px 6px 0 0;
width:355px;
height:42px;
font-size:22px;
font-weight:bold;
padding:0;
text-align:center;
border:0;
border-radius:25px
}
#message_overlay{
position:fixed;
z-index:3;
background:rgba(0,0,0,0.7);
width:100%;
height:100%;
display:none;
opacity: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
}
#message_overlay .message_wrapper .message_header{
float:right;
position:relative;
width:100%;
height:62px
}
#message_overlay .message_wrapper .message_header .message_closer{
position:absolute;
top:19px;
right:14px;
width:28px;
height:28px;
z-index:2;
background:url(../../../design/default21/css/design/<?php echo DEFAULT_THEME;
?>/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
}
#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/default21/css/design/<?php echo DEFAULT_THEME;
?>/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
}
/* ------------ search ---------- */
#overlay .search{
width:965px;
background:white !important;
margin:auto;
height:585px;
cursor:default !important;
position:absolute;
top:0;
right:59px;
left:0;
bottom:0;
height:auto;
max-height:605px
}
#overlay .search .search_title{
float:right;
position:relative;
font-size:26px;
margin:0;
padding:8px 0 7px 0;
width:100%;
text-align:center;
letter-spacing:2px
}
#overlay .search .search_title .closer{
position:absolute;
top:17px;
right:20px;
width:20px;
height:20px;
cursor:pointer;
background:url(../../../design/default21/css/images/dashboard/x.svg) top right no-repeat
}
#overlay .search .search_subtitle{
float:right;
font-size:20px;
font-weight:bold;
width:90px;
text-align:right;
margin:25px 47px 0 0
}
#overlay .search .advanced_search_form{
float:right;
font-size:19px;
font-weight:bold;
width:100%;
height:410px;
text-align:right;
margin:19px 0 0 0
}
#overlay .search .advanced_search_form .search_parameters{
display:flex;
flex-direction:row;
flex-wrap:wrap
}
#overlay .search .sector{
margin:0 42px 25px 10px;
display:flex;
flex-direction:row;
width:385px
}
#overlay .search .sector .search_by_title {
flex:1
}
#overlay .search .sector .date_inputs{
width:214px;
margin:0 20px 0 0
}
#overlay .search .sector .date_inputs > span{
float:right;
margin:2px 2px
}
#overlay .search .sector .date_inputs select{
float:right;
font-size:18px;
color:#5a5655;
border:0;
border-bottom:1px solid black;
background:white;
width:64px
}
#overlay .search .sector input[type="text"],
#overlay .search .sector .search_select{
float:right;
font-size:18px;
color:#5a5655;
border:0;
border-bottom:1px solid black;
background:white;
width:220px
}
#overlay .search .sector .search_by_btn{
width:32px;
margin:3px 5px
}
#overlay .sector .search_by_btn svg,
#overlay .sector .search_by_btn svg *{
transition:all 0.07s linear
}
#overlay .sector .search_by_btn svg,
#overlay .sector .search_by_btn span svg {
float:right;
max-width:100%
}
#overlay .sector .search_by_btn svg .st_btn0{
float:right;
max-width:100%;
fill:black
}
#overlay .search .advanced_search_form .bottom_search{
float:right;
width:100%;
margin:31px 46px 0 0
}
#overlay .search .advanced_search_form .bottom_search .free_search .search_by_title{
float:right;
width:100%
}
#overlay .search .advanced_search_form .bottom_search .free_search .input_free_search{
float:right;
width:861px;
height:35px;
border:1px solid
}
#overlay .search .advanced_search_form .submit{
float:right;
border:0;
padding:0;
margin:20px 327px 20px 0;
-webkit-appearance:none;
font-weight:bold;
width:305px;
height:42px;
font-size:21px
}
.table_holder_container{
overflow:auto
}
.submit_loader {
opacity:0.6;
background-color:#333;
position:fixed;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:9;
display:none
}
.submit_loader.submit_loading {
display:block
}
.submit_loader .loader{
position:absolute;
border-radius:50%;
opacity:1;
border:5px solid transparent;
border-right-color:white;
right:50%;
top:50%;
width:60px;
height:60px;
-webkit-animation:spin 0.5s linear infinite;
animation:spin 0.5s linear infinite
}
@-webkit-keyframes spin {
0% { -webkit-transform:rotate(0deg)
}
100% { -webkit-transform:rotate(360deg)
}
}
@keyframes spin {
0% { transform:rotate(0deg)
}
100% { transform:rotate(360deg)
}
}
.add_lead .lead_form .carousel_obj{
float:right;
width:100%;
margin:0 0 37px 0
}
.add_lead .lead_form .carousel_obj .title{
float:right;
width:CALC(100% - 20px);
padding:0 20px 0 0;
text-align:center;
font-size:30px;
font-weight:bold;
margin:0 0 20px 0
}
.add_lead .lead_form .carousel_obj .carousel_holder{
float:right;
width:100%;
overflow-x:scroll;
overflow-y:hidden
}
.add_lead .lead_form .carousel_holder .carousel_slider{
float:right;
width:100%;
height:100px;
position:relative;
padding:0 0 10px 0;
text-align:center
}
.add_lead .lead_form .carousel_holder .carousel_slider .carousel_item{
float:none;
width:145px;
padding:24px 5px;
border-radius:55px;
display:inline-block
}
.add_lead .lead_form .carousel_holder .carousel_slider .carousel_item img{
display:inline-block;
max-height:60px
}
.add_lead .lead_form .carousel_holder .carousel_slider .carousel_item span{
float:right;
width:100%;
text-align:center;
font-size:24px
}
.add_lead .lead_form .carousel_holder .carousel_slider .carousel_item.active{
border:4px solid var(--main-border-color);
width:137px;
padding:20px 5px
}
select.select_with_arrow{
background-image:url(../../../design/default21/css/data:image/svg+xml;
utf8,<svg version=1.1 id=Layer_1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink x=0px y=0px viewBox=0 0 17.8 17.6 style=enable-background:new 0 0 17.8 17.6;
xml:space=preserve><rect width=100% height=100%/><g transform=translate(3.5,6)"><path d="M4.6,3.7L4.6,3.7L1.5,0.3C1.2-0.1,0.6-0.1,0.3,0.2C-0.1,0.5-0.1,1,0.2,1.4c0,0,0,0,0,0l4.6,4.9 c0.3,0.3,0.8,0.4,1.2,0c0,0,0,0,0,0l4.6-4.9c0.3-0.3,0.3-0.9,0-1.2c-0.3-0.3-0.9-0.3-1.2,0L6.3,3.7L5.4,4.5"/></g></svg>');
background-repeat:no-repeat;
background-position:0;
outline:none
}
.tox-tinymce{
float:right;
width:100%;
height:100%
}
/* --------- Button default --------- */
.button{
border-style:solid !important;
border-width:1px !important;
border-radius:15px !important
}
.mobile_only .add_lead .lead_form .services .service .service_img:hover,
.mobile_only .add_lead .lead_form .services2 .service .service_img:hover,
.mobile_only .add_lead .lead_form .services2 .service.active .service_img,
.mobile_only .add_lead .lead_form .services .service.active .service_img{
border-width:4px;
border-style:solid;
border-color:var(--primary_colors-border)
}
@media screen and (max-width:1440px){
.content{
width:1400px
}
.table_holder{
margin:68px 69px 0 0;
float:right
}
.form_holder{
width:1188px
}
}
@media screen and (max-width:1366px){
.content{
width:1493px
}
.header{
width:1366px
}
.form_holder{
width:1228px
}
}
@media screen and (max-device-width:1024px),(max-width:1024px){
.content{
width:1008px
}
.header{
width:1283px
}
.form_holder{
width:1024px
}
.table_holder{
width:772px;
margin:64px 16px 0 0;
float:right
}
.table_holder .title_search .title{
width:345px
}
}
@media screen and (max-width:768px),(max-device-width:768px){
.content{
width:100%
}
.wrap{
float:right;
margin:0;
width:640px
}
.mobile_only .header,
.mobile_only .content{
float:right
}
.mobile_only .header{
width:100%;
height:103px;
position:relative
}
.mobile_only .content{
padding:0 0 60% 0
}
}
/* ----- Bounce animation ----- */
.bounce-7 {
animation-name:bounce-7;
animation-timing-function:cubic-bezier(0.280,0.840,0.420,1)
}
@keyframes bounce-7 {
0%   { transform:scale(1,1)      translateY(0)
}
10%  { transform:scale(1.1,.9)   translateY(0)
}
30%  { transform:scale(.9,1.1)   translateY(-15px)
}
50%  { transform:scale(1.05,.95) translateY(0)
}
57%  { transform:scale(1,1)      translateY(-7px)
}
64%  { transform:scale(1,1)      translateY(0)
}
100% { transform:scale(1,1)      translateY(0)
}
}
/* --------- submenues -------- */
#submenu_holder{
display:none;
position:fixed;
width:300px;
z-index:10
}
#submenu_holder .submenu{
float:right;
width:100%;
background:white;
border-radius:7px;
box-shadow:0px 0 5px 1px grey
}
#submenu_holder .submenu .links{
float:right;
width:95%;
padding:0 2.5% 0 0
}
#submenu_holder .submenu .links .link{
float:right;
width:98%;
padding:6px 1%;
text-decoration:none;
margin:4px 0;
color:black;
border-radius:5px;
transition:all 0.2s linear
}
#submenu_holder .submenu .links .link:hover{
background:#0085FF;
color:white
}
.no_permission{
float:right;
width:98%;
padding:0 2% 0 0;
margin:15px 0 0 0
}
.no_permission .title{
float:right;
width:100%;
font-size:24px;
font-weight:bold;
margin:10px 0 10px 0
}
.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;
border-right:2px solid #d2d4d5;
transition:all 0.25s linear
}
.header .messages_and_notifications .notifications .notifications_icon{
float:left;
margin:18px 0 0 20px
}
.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:12px;
right:8px;
cursor:default;
border-radius:20px;
font-size:12px
}
.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 .update:hover{
background:rgba(0,0,0,0.3)
}
.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
}