:root {
--main-color: #000;
--main-color-href: #000;
--main-color-href-hover: #000;
--main-background-color: #edeef0; /*#eff3f5*/
--main-background-color-accent: #fff;
--main-font-size: 14px;
--billboard-color-booked: #9ca7ee;
--billboard-color-reserved: #ff9e83;
--billboard-color-free: #fff;
--billboard-color-choose: #8dffd5;
--prop-border-radius: 4px;
}
body{
font-family: "SF Pro Display", "Helvetica", "Arial";
font-size: var(--main-font-size);
color: var(--main-color);
background-color: var(--main-background-color);
overflow: hidden;
}
a{
color: var(--main-color-href);
}
a:hover{
color: var(--main-color-href-hover);
}
.align-center{
text-align: center;
}
.align-right{
text-align: right;
}
.align-left{
text-align: left;
}
.fw-100{
font-weight: 100;
}
.fw-200{
font-weight: 200;
}
.fw-300{
font-weight: 300;
}
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.fw-700{
font-weight: 700;
}
.fw-800{
font-weight: 800;
}
.fw-900{
font-weight: 900;
}
ul{
padding: 0;
list-style: none;
}
/* dashboard */
.dashboard_block{
width: 100%;
height: 100%;
position: relative;
margin: 0;
padding: 0;
background-color: var(--main-background-color);
}
.dashboard_container{
margin: 0 auto;
padding: 15px 0;
width: 960px;
/* min-width: 1000px; */
font-size: 0;
}
.dashboard_menu_container{
display: inline-block;
width: 25%;
height: 100%;
position: relative;
vertical-align: top;
}
.site_logo{
width: 100%;
}
.site_logo img{
width: 100%;
}
.left_block_menu{
/* border: 1px solid #eee;
background: #fff; */
}
.left_block_main{
border: 1px solid #ddd;
background-color: var(--main-background-color-accent);
border-radius: var(--prop-border-radius);
}
.user_avatar{
margin-bottom: 8px;
position: relative;
}
.user_avatar img{
width: 100%;
}
.user_data{
margin: 16px 0 35px 0;
text-align: center;
}
.user_avatar_img{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 240px;
height: 240px;
display: block;
border-radius: var(--prop-border-radius) var(--prop-border-radius) 0 0;
}
.user_avatar_edit_button{
position: absolute;
right: 0;
top: 0;
font-size: 14px;
background-color: rgb(255, 255, 255);
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0.3;
color: #666;
border-radius: 0 var(--prop-border-radius) 0 0;
transition: opacity 0.2s
}
.user_avatar_edit_button:hover{
opacity: 0.4;
}
.user_name{
display: block;
font-size: 20px;
font-weight: 600;
line-height: 20px;
background-color: var(--main-background-color-accent);
text-align: center;
padding: 10px 0;
color: #000;
border: 1px solid #ddd;
border-radius: 0 0 var(--prop-border-radius) var(--prop-border-radius);
}
.user_type{
display: block;
font-size: 16px;
font-weight: 500;
line-height: 12px;
}
.scrolling_content_block{
overflow: hidden;
position: relative;
height: 100%;
border-radius: var(--prop-border-radius);
}
.scrolling_content_block_step12,
.scrolling_content_block_step2{
scrollbar-width: none;
-ms-overflow-style: none;
}
.scrolling_content_block_step12::-webkit-scrollbar,
.scrolling_content_block_step2::-webkit-scrollbar{
width: 0 !important
}
.main_menu{
margin-bottom: 50px;
}
.main_menu_elements{
overflow: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
justify-content: space-between;
scrollbar-width: none;
-ms-overflow-style: none;
}
.main_menu_elements::-webkit-scrollbar { width: 0 !important }
.main_menu_list{
margin-top: 20px;
font-size: 18px;
}
.main_menu_list a{
display: block;
line-height: 30px;
font-size: 14px;
font-weight: 400;
transition: color 0.2s;
color: #777;
}
.main_menu_list a path{
fill: #777;
transition: fill 0.2s;
}
.menu_icon{
display: inline-block;
width: 46px;
text-align: center;
}
.menu_icon i{
font-size: 14px;
position: relative;
top: 1px;
}
.menu_name{
display: block;
margin-left: 46px;
}
.second_menu_list{
font-size: 14px;
}
.second_menu{
width: 100%;
}
.second_menu_list a{
display: block;
line-height: 19px;
font-size: 12px;
font-weight: 400;
transition: color 0.2s;
color: #777;
}
.second_menu_list .menu_icon i{
font-size: 20px;
}
.second_menu_credit{
margin: 7px 0 0px 46px;
font-size: 12px;
font-weight: 400;
}
.main_menu_list a.active,
.second_menu_list a.active{
/* box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
color: #663399; */
font-weight: 700;
color: #000;
}
.main_menu_list a:hover path,
.main_menu_list a.active path{
fill: #000;
}
.main_menu_list a:hover,
.second_menu_list a:hover{
color: #000;
}
.dashboard_content_container{
display: inline-block;
width: 75%;
height: 100%;
position: relative;
}
.content_container{
padding-left: 8px;
height: 100%;
}
.map_layer{
width: 100%;
position: relative;
display: block;
border: 1px solid #ddd;
background: #fff;
border-radius: var(--prop-border-radius);
}
.mapboxgl-ctrl-logo,
.mapbox-improve-map{
display: none !important;
}
.mapboxgl-popup-tip{
display: none;
}
.mapboxgl-popup-content{
padding: 5px;
top: -15px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
background: #000;
color: #fff;
border-radius: 6px;
}
.popup_container{
display: block;
position: relative;
height: 30px;
font-family: "SF Pro Display", "Helvetica", "Arial";
}
.popup_owner{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
position: absolute;
top: 0;
left: 3px;
}
.popup_monitor{
position: absolute;
top: 0;
right: 0;
}
.popup_monitors{
position: absolute;
width: 30px;
height: 26px;
font-size: 26px;
line-height: 26px;
text-align: center;
top: 2px;
right: 0;
}
.popup_monitors span{
position: absolute;
font-size: 14px;
left: 50%;
margin-left: -4px;
}
.popup_name{
display: block;
margin-left: 40px;
margin-right: 40px;
font-size: 14px;
line-height: 16px;
font-weight: 500;
}
.popup_time{
display: block;
font-size: 12px;
line-height: 14px;
margin-left: 40px;
margin-right: 40px;
color: #ddd;
}
.popup_monitor_portrait_count{
color: #000;
position: absolute;
right: 6px;
top: 3px;
font-weight: 600;
font-size: 12px;
}
.popup_monitor_landscape_count{
color: #000;
position: absolute;
left: 14px;
top: 4px;
font-weight: 600;
font-size: 12px;
}
.popup_monitor_billboard_count{
color: #000;
position: absolute;
right: 5px;
top: 2px;
font-weight: 600;
font-size: 12px;
}
.popup_monitor_lightbox_count{
color: #000;
position: absolute;
right: 4px;
top: 3px;
font-weight: 600;
font-size: 10px;
line-height: 9px;
text-align: center;
}
.map_filter_layer{
display: block;
width: 100%;
height: 50px;
background: rgba(0, 0, 0, .7);
z-index: 2;
position: absolute;
}
.map_filter_layer a i{
font-size: 12px;
margin-left: 1px;
}
.map_filter_layer.all_border{
border: 1px solid #ddd;
}
.filter_location{
display: inline-block;
width: 33.33%;
padding: 2px 5px;
border-right: 1px solid #eee;
font-size: 14px;
}
.filter_location:last-child{
border-right: none;
}
.filter_header{
display: block;
font-size: 12px;
font-weight: 300;
}
.filter_body{
display: block;
transition: color 0.2s;
cursor: pointer;
}
.filter_body:hover{
color: #007bff;
}
.filter_arrow{
float: right;
}
.marker-custom {
width: 33px;
height: 33px;
line-height: 33px;
border-radius: 100%;
text-align: center;
cursor: pointer;
transition: background-color 0.2s, border 0.2s;
}
.marker-custom::after, .marker-custom::before {
content: "";
vertical-align: -4px;
border-radius: 100%;
}
.marker-custom::before {
display: inline-block;
width: 16px;
height: 16px;
background-color: rgba(0,203,134,.7);
animation: pulsate2 7s infinite ease-out;
}
.marker-custom::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 33px;
width: 32px;
background-color: #00cb86;
animation: pulsate 7s infinite ease-out;
opacity: 0;
border-radius: 50%;
}
.marker-custom.active {
background-color: rgba(73, 144, 208, 0.22);
border: 1px solid rgb(73, 144, 208);
box-sizing: content-box;
}
.marker-custom.marker-landscape::before{
width: 20px;
height: 14px;
border-radius: 3px;
}
.marker-custom.marker-landscape::after{
height: 24px;
width: 32px;
border-radius: 6px;
}
.marker-custom.marker-portrait::before{
width: 14px;
height: 20px;
margin-bottom: -2px;
border-radius: 3px;
}
.marker-custom.marker-portrait::after{
height: 32px;
width: 24px;
border-radius: 6px;
}
.marker-custom.marker-green::before{
background-color: rgba(153, 255, 220, 0.8) !important;
border: 1px solid rgba(0, 154, 102, 0.7) !important;
}
.marker-custom.marker-green::after{
background-color: #26ffb5 !important;
}
.marker-custom.marker-blue::before{
background-color: rgba(146, 201, 255, 0.8);
border: 1px solid rgba(0, 102, 204, 0.7);
}
.marker-custom.marker-blue::after{
background-color: rgb(84, 169, 255);
}
.marker-custom.marker-orange::before{
background-color: rgba(255, 216, 176, 0.8);
border: 1px solid rgba(255, 129, 0, 0.7);
}
.marker-custom.marker-orange::after{
background-color: #ffa64b;
}
.marker-custom.marker-yellow::before{
background-color: rgba(252, 255, 146, 0.8) !important;
border: 1px solid rgba(204, 0, 0, 0.7) !important;
}
.marker-custom.marker-yellow::after{
background-color: rgb(255, 147, 84) !important;
}
@keyframes pulsate {
30%, 100% {
transform: scale(1.2, 1.2);
opacity: 0;
}
0% {
transform: scale(0.5, 0.5);
opacity: 0.7;
}
100% {
opacity: 0;
}
}
@keyframes pulsate2 {
0% {transform: scale(1);}
1% {transform: scale(1.3);}
5% {transform: scale(1);}
100% {transform: scale(1);}
}
.location_view{
border: 1px solid #ddd;
margin-bottom: 8px;
width: 100%;
position: relative;
background: #fff;
display: flex;
flex-direction: column;
height: 322px;
justify-content: space-between;
}
.location_view:last-child{
margin-bottom: 0px;
}
.empty_view{
display: block;
text-align: center;
top: 50%;
position: absolute;
margin-top: -47px;
font-size: 14px;
width: 100%;
}
.empty_view i{
display: block;
font-size: 60px;
color: #ddd;
}
.empty_view span{
margin-top: 10px;
display: block;
font-size: 16px;
color: #999;
}
.navigation_panel{
display: flex;
width: 100%;
height: 35px;
font-size: 14px;
background: #000000;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: absolute;
z-index: 2;
bottom: 0;
}
.navigation_panel.step2{
margin-top: 8px;
margin-bottom: 8px;
border: 1px solid #ddd;
}
.button_back,
.button_next{
background: #626463;
width: 100%;
display: block;
line-height: 35px;
color: #fff;
font-weight: 500;
cursor: default;
transition: background 0.2s;
}
.button_back{
float: left;
}
.button_back i{
font-size: 12px;
margin-right: 5px;
}
.button_next{
float: right;
}
.button_next i{
font-size: 12px;
margin-left: 5px;
}
.button_back:hover,
.button_next:hover{
color: #fff;
}
.next_button_block_list .button_next.active{
background: #4bbd71;
cursor: pointer;
}
.navigation_panel.step2 .prev_button_block{
width: 75%;
padding: 15px;
}
.navigation_panel.step2 .button_prev{
font-size: 18px;
font-weight: 600;
text-decoration: underline;
}
.navigation_panel.step2 .next_button_block{
width: 25%;
padding: 15px 15px 15px 0;
}
.navigation_panel.step2 .button_next{
border-radius: 5px;
background: #003366;
font-size: 20px;
}
.navigation_panel.step2 .next_button_description{
font-size: 18px;
font-weight: 600;
float: right;
margin-right: 10px;
}
.location_view_main_block{
display: flex;
width: 100%;
height: calc(100% - 85px);
flex-direction: row;
position: relative;
justify-content: space-between;
}
.location_view_owner{
width: 19%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.location_owner_photo{
width: 100%;
display: flex;
height: 60%;
padding: 5px;
justify-content: flex-end;
align-items: center;
flex-direction: column;
}
.location_owner_info{
width: 100%;
height: 100%;
padding: 5px;
text-align: center;
vertical-align: top;
font-size: 14px;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-y: auto;
}
.loi_img{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 115px;
height: 115px;
border-radius: 6px;
}
.loi_type{
line-height: 14px;
color: #999;
font-weight: 600;
}
.loi_name{
font-size: 20px;
font-weight: 500;
line-height: 20px;
margin-top: 15px;
}
.loi_rating{
font-size: 8px;
margin-top: 4px;
color: #febf00;
}
.loi_rating span{
color: #000;
margin-left: 5px;
}
.loi_href{
margin-top: 10px;
}
.location_view_place{
width: 20%;
font-size: 14px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding-right: 40px;
}
.lvp_name{
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.lvp_link a{
color: #999;
font-size: 11px;
text-decoration: underline;
}
.lvp_link a:hover{
color: var(--main-color-href-hover);
}
.lvp_time{
margin-top: 5px;
}
.lvp_planes{
margin-top: 10px;
font-size: 28px;
line-height: 28px;
position: relative;
}
.lvp_planes span{
font-size: 13px;
position: absolute;
top: 0;
left: 50%;
font-weight: 600;
margin-left: -4px;
}
.location_view_info{
display: inline-block;
width: 50%;
height: 100%;
vertical-align: top;
padding: 5px;
border-left: 1px solid #eee;
overflow: hidden;
}
.location_perf{
display: inline-flex;
flex-direction: column;
justify-content: start;
width: 45%;
height: 100%;
text-align: center;
vertical-align: top;
}
.lop_type{
position: relative;
}
.lop_type svg{
height: 100%;
}
.lop_type span{
font-size: 14px;
position: absolute;
top: 0;
left: 0;
margin-left: calc(50% - 5px);
color: #888;
}
.lop_type.horisontal_tv{
max-height: 30%;
padding: 5px;
}
.lop_type.horisontal_tv span{
top: calc(35% - 6px);
}
.lop_type.vertical_tv{
max-height: 50%;
padding: 5px;
}
.lop_type.vertical_tv span{
top: calc(40% - 6px);
}
.lop_type.media{
max-height: 20%;
color: #888;
padding: 5px;
}
.lop_type.media i{
height: 100%;
font-size: 1rem;
margin-right: 10px;
}
.lop_type.media i:last-child{
margin-right: 0;
}
.location_description{
display: block;
position: relative;
width: 100%;
height: 100%;
text-align: left;
}
.ld_name{
font-size: 20px;
font-weight: 500;
}
.ld_address{
font-size: 12px;
line-height: 16px;
margin-bottom: 5px;
}
.ld_worktime{
font-size: 12px;
line-height: 14px;
}
.ld_planes{
margin-top: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
}
.vertical_tv{
display: inline-block;
vertical-align: top;
width: calc(50% - 10px);
margin-left: 10px;
}
.vertical_tv .panel_img{
width: 15%;
}
.vertical_tv .panel_info{
width: 85%;
}
.horisontal_tv{
display: inline-block;
vertical-align: top;
width: 50%;
}
.horisontal_tv .panel_img{
width: 30%;
}
.horisontal_tv .panel_info{
width: 70%;
}
.panel_info{
display: inline-block;
font-size: 10px;
line-height: 11px;
padding-left: 10px;
color: #666;
}
.panel_type,
.panel_size,
.panel_resolution,
.panel_amount,
.panel_formats{
display: block;
}
.panel_formats i{
margin-left: 2px;
}
.panel_img{
display: inline-block;
width: 30%;
vertical-align: top;
padding-top: 2px;
}
.ld_top{
display: flex;
flex-direction: column;
margin: 0;
}
.ld_text{
font-size: 12px;
padding-bottom: 40px;
}
.ld_bottom{
display: block;
text-align: right;
position: absolute;
bottom: 5px;
right: 20px;
width: 100%;
margin: 0;
line-height: 36px;
}
.ld_addbutton{
font-size: 12px;
display: inline-block;
text-align: center;
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
width: 118px;
transition: all 0.2s;
height: 29px;
color: #6699CC;
line-height: 28px;
}
.ld_addbutton i{
transition: color 0.2s;
color: #6699CC;
margin-left: 5px;
position: relative;
font-size: 12px;
}
.ld_addbutton:hover{
border-color: #6699CC;
}
.ld_addbutton:hover i{
//color: #007bff;
}
.location_view_photo{
display: inline-block;
width: 61%;
height: 100%;
vertical-align: top;
}
.lvp_left_block{
display: flex;
height: 100%;
width: 100%;
vertical-align: top;
border: 3px solid #fff;
position: relative;
overflow: hidden;
}
.hover_image{
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
visibility: hidden;
opacity: 0;
cursor: zoom-in;
transition: visibility 0.2s, opacity 0.2s;
}
.hover_image i{
position: absolute;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
color: #fff;
font-size: 20px;
}
.lvp_other .hover_image i{
font-size: 14px;
margin-left: -7px;
margin-top: -7px;
}
.location_view_main_block li:hover .hover_image,
.lvp_other:hover .hover_image{
visibility: visible;
opacity: 1;
}
.lvp_main{
display: flex;
width: 50%;
height: 100%;
flex-direction: column;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
border: 3px solid #fff;
position: relative;
}
.lvp_main img{
display: none;
}
.lvp_right_block{
height: 25%;
width: 100%;
display: inline-flex;
flex-direction: row;
justify-content: space-between;
}
.lvp_other{
width: calc(25% - 6px);
height: calc(100% - 6px);
display: flex;
flex-direction: row;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin: 3px;
cursor: pointer;
position: relative;
}
.lvp_other img{
display: none;
}
.lvp_hidden_block,
.lvp_hidden{
display: none;
}
.reserve_top_block{
position: relative;
display: block;
width: 100%;
height: 40px;
margin-bottom: 5px;
font-size: 18px;
}
.places_block{
display: inline-flex;
flex-direction: column;
width: calc(25% - 5px);
background: #fff;
margin-top: 5px;
margin-left: 5px;
border: 1px solid #eee;
font-size: 14px;
vertical-align: top;
justify-content: space-between;
padding: 5px;
}
.places_header{
display: block;
font-size: 12px;
font-weight: 300;
text-align: center;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-bottom: 5px;
}
.place_item{
display: block;
border: 1px solid #ddd;
border-radius: 2px;
padding: 3px 7px;
line-height: 18px;
margin-top: 5px;
cursor: pointer;
transition: border 0.2s
}
.place_item.current{
border: 1px solid #999;
}
.place_item.not_available{
opacity: 0.5;
}
.place_available {
width: 8px;
height: 8px;
position: relative;
display: inline-block;
background: #ddd;
border-radius: 50%;
margin-right: 4px;
}
.place_available.available{
background: #49d7a7;
}
.place_name{
display: inline-block;
color: #999;
font-size: 14px;
transition: color 0.2s;
}
.place_name i{
font-style: normal;
font-size: 10px;
position: relative;
top: -1px;
left: 1px;
}
.place_item.current .place_name,
.place_item:hover .place_name{
color: #000;
}
.place_delete{
float: right;
font-size: 12px;
color: #aaa;
cursor: pointer;
transition: color 0.2s;
}
.place_delete:hover{
color: #a21414;
}
.place_save{
border-top: 1px solid #eee;
padding-top: 5px;
margin-top: 5px;
font-size: 0;
}
.favorites_select{
display: inline-block;
width: calc(100% - 30px);
font-size: 14px;
position: relative;
cursor: pointer;
padding: 0 5px;
transition: color 0.2s;
}
.favorites_select:hover {
color: #007bff;
}
.favorites_arrow{
float: right;
margin-right: 5px;
}
.place_save_button{
display: inline-block;
width: 30px;
font-size: 16px;
text-align: center;
border-left: 1px solid #eee;
color: #aaa;
cursor: pointer;
transition: color 0.2s;
}
.place_save_button:hover{
color: #007bff;
}
.location_view_addr_block{
display: block;
height: 40px;
width: 100%;
border-bottom: 1px solid #ddd;
font-size: 14px;
line-height: 40px;
text-align: right;
}
.lvab_text{
position: relative;
}
.lvab_del a{
color: #000;
padding: 10px;
font-size: 12px;
transition: color 0.2s;
}
.lvab_del a:hover{
// color: #666;
}
.popup_window_place{
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
margin: 0 auto;
text-align: center;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: all 0.2s;
}
.popup_window_place.active{
visibility: visible;
opacity: 1;
z-index: 4;
}
.popup_window_place .location_view{
width: 90%;
height: 290px;
top: 50px;
margin: 0 auto;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
}
.popup_window_place .location_view_main_block{
height: calc(100% - 80px);
}
.popup_window_place .location_view_add_block{
display: block;
height: 40px;
width: 100%;
border-top: 1px solid #ddd;
font-size: 14px;
line-height: 40px;
text-align: right;
}
.add_content_layer{
width: 100%;
position: relative;
border: 1px solid #ddd;
background: #f4f5f6;
font-size: 14px;
padding: 25px;
height: 330px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.add_content_layer h1{
font-size: 21px;
font-weight: 400;
height: 40px;
padding: 0 25px;
margin-top: 25px;
}
.add_content_layer_container{
display: flex;
flex-direction: row;
width: 660px;
flex: 0 0 auto;
transition: margin 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
.add_content_left_block{
width: 27%;
height: 100%;
display: block;
position: relative;
}
.aclb_top{
padding: 0 13px;
margin-top: 32px;
}
.addcb_ad_type{
font-size: 40px;
line-height: 80px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.addcb_ad_type a{
padding: 5px 25px;
border: 1px solid #ddd;
background: #fff;
color: #ccc;
border-radius: 4px;
transition: background 0.2s, color 0.2s;
width: 42%;
text-align: center;
}
.addcb_ad_type a.active,
.addcb_ad_type a:hover{
background: #f2f2f2;
color: #999;
}
.addcb_loading{
text-align: center;
}
.addcb_loading input{
display: none;
}
.addcb_loading label{
display: block;
background: #999;
color: #FFF;
padding: 11px;
border-radius: 4px;
cursor: pointer;
font-size: 15px;
z-index: 3;
position: relative;
}
.addcb_loading label .addcb_loading_progress{
background: #24a9e7;
position: absolute;
width: 0%;
height: 100%;
left: 0;
border-radius: 4px;
top: 0;
z-index: -1;
transition: width 0.2s;
}
.addcb_preloading_progress{
display: none;
}
.addcb_preloading_sucess{
position: relative;
top: -5px;
display: none;
}
.addcb_preloading_sucess span{
font-size: 10px;
display: block;
line-height: 10px;
position: absolute;
width: 100%;
left: 0;
bottom: -10px;
font-weight: 300;
}
.addcb_files{
display: block;
margin: 0 10px;
margin-top: 7px;
}
.addcbf_item{
position: relative;
}
.addcbfi_name{
text-decoration: underline;
}
.addcbfi_del{
color: #666;
cursor: pointer;
transition: color 0.2s;
margin-left: 7px;
font-size: 10px;
}
.addcbfi_del:hover{
color: #000;
}
.addcb_agree{
margin: 0 auto;
display: block;
cursor: pointer;
position: relative;
}
.addcba_check{
font-size: 14px;
width: 20px;
height: 25px;
display: block;
position: absolute;
transition: color 0.2s;
}
.addcba_text{
font-size: 12px;
margin-left: 18px;
color: #000;
position: relative;
top: 1px;
font-weight: 400;
line-height: 18px;
display: block;
transition: color 0.2s;
}
.addcba_text a{
text-decoration: underline;
}
.addcb_addinfo{
width: 90%;
margin: 0 auto;
display: block;
cursor: pointer;
padding: 0 13px;
margin-top: 5px;
position: relative;
}
.addcb_addinfo .addcba_text a{
text-decoration: underline;
color: #bbb;
}
.addcb_prohibited{
margin: 0 auto;
display: block;
cursor: pointer;
margin-top: 5px;
position: relative;
}
.addcb_prohibited .addcba_check{
color: #b04854;
}
.addcb_prohibited .addcba_text{
top: 1px;
}
.addcb_prohibited .addcba_text a{
text-decoration: underline;
color: #999;
}
.add_content_right_block{
width: 73%;
padding: 0 5px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.monitor_block_img{
display: block;
}
.monitor_block_img.horizontal{
width: 400px;
height: 226px;
}
.monitor_block_img img{
width: 100%;
height: 100%;
}
.monitor_requirements{
padding: 0 12px;
margin-top: 7px;
font-size: 11px;
line-height: 17px;
}
.monitor_requirements_item{
color: #ccc;
position: relative;
}
.mri_name{
font-weight: 500;
}
.mri_type{
font-weight: 500;
}
.mfl_first_block{
display: inline-block;
width: 25%;
height: 100%;
font-size: 14px;
text-align: center;
vertical-align: top;
position: relative;
}
.mfl_first_block_icon{
position: absolute;
margin-top: 16px;
}
.mfl_first_block input{
width: 85%;
border: 0;
border-bottom: 1px solid #fff;
margin-top: 16px;
line-height: 16px;
outline: none;
color: #fff;
background: transparent;
padding-left: 20px;
}
.mfl_first_block input::placeholder{
font-style: italic;
color: #ccc;
font-size: 12px;
font-weight: 400;
}
.mfl_last_group_block{
width: 75%;
display: inline-block;
text-align: right;
}
.mfl_supergroup_block{
color: #fff;
display: inline-block;
vertical-align: top;
font-size: 12px;
height: 50px;
text-align: center;
font-weight: 400;
padding: 17px 15px;
position: relative;
min-width: 115px;
cursor: pointer;
transition: background-color 0.2s;
}
.mfl_supergroup_block:hover{
background-color: rgba(0, 0, 0, 0.3);
}
.mfl_supergroup_block .mfl_supergroup_item{
color: #fff;
padding: 3px 5px;
border-radius: 4px;
transition: all 0.2s;
border-radius: 4px;
}
.mfl_supergroup_block.active .mfl_supergroup_item{
background-color: hsl(0, 0%, 100%);
color: #000;
font-weight: 500;
}
.mfl_second_block{
display: inline-block;
vertical-align: top;
font-size: 12px;
height: 50px;
text-align: center;
font-weight: 400;
padding: 17px 15px;
position: relative;
min-width: 110px;
}
.mfl_third_block{
display: inline-block;
height: 100%;
vertical-align: top;
font-size: 12px;
height: 50px;
text-align: center;
font-weight: 400;
padding: 17px 15px;
position: relative;
min-width: 110px;
}
.mfl_last_block{
display: inline-block;
height: 100%;
vertical-align: top;
font-size: 12px;
line-height: 50px;
text-align: center;
font-weight: 400;
padding: 0 15px;
position: relative;
}
.add_items_block{
width: calc(80% - 5px);
overflow: hidden;
overflow-x: auto;
outline: none;
}
.draggable_container{
display: flex;
flex-direction: row;
}
.next_button_block_list{
width: 20%;
text-align: center;
}
.next_button_block{
text-align: center;
font-size: 14px;
display: flex;
align-items: center;
margin-right: 25px;
}
.add_items_block .add_item{
display: block;
float: left;
width: 180px;
height: 30px;
padding: 0 0 0 8px;
flex: 0 0 auto;
position: relative;
border-right: 1px solid #313131;
}
.add_items_block .add_item_img{
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-top: -1px;
vertical-align: top;
}
.add_items_block .add_item_name{
width: 100px;
display: inline-block;
margin-top: 6px;
vertical-align: top;
font-size: 13px;
font-weight: 400;
margin-left: 14px;
color: #fff;
}
.add_items_block .add_item_delete{
cursor: pointer;
display: inline-block;
vertical-align: top;
padding: 7px;
font-size: 13px;
color: #CC6666;
}
.add_items_block .add_item_delete.tpl_item_delete{
padding: 0;
}
.add_items_block .add_item_delete.tpl_item_delete i{
line-height: 30px;
}
.top_menu_container{
margin: 0 auto;
width: 960px;
display: flex;
height: 100%;
}
.top_menu_container ul{
margin-bottom: 0;
display: flex;
justify-content: flex-end;
width: 100%;
height: 100%;
align-items: flex-end;
}
.top_menu_container ul li a{
font-weight: 600;
padding: 0 15px;
}
.top_menu_container ul li:last-child a{
padding-right: 0;
}
.location_view_add_block{
display: block;
height: 45px;
width: 100%;
border-top: 1px solid #ddd;
font-size: 14px;
line-height: 40px;
text-align: right;
}
.add_content_layer_container.ad_settings{
flex-direction: column;
padding: 0;
}
.ad_settings_data{
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.asd_name{
margin-right: 15px;
}
.asd_start_date input{
border: none;
background: #e5eeeb;
font-size: 14px;
text-align: center;
font-weight: 700;
padding: 4px 0;
width: 200px;
outline: none;
border-radius: 4px;
}
.rd-container{
border: 1px solid #ddd;
background-color: #f4f5f6;
font-size: 16px;
border-radius: 4px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}
.rd-back,
.rd-next{
font-weight: 300;
outline: none;
}
.rd-month-label{
font-weight: 300;
margin-bottom: 5px;
}
.rd-days-head{
font-size: 12px;
}
.rd-day-body{
padding: 2px 3px;
font-size: 12px;
border-radius: 4px;
transition: background 0.2s;
}
.rd-day-body:hover{
background: #f2f2f2;
}
.rd-day-body.rd-day-selected,
.rd-time-option:hover,
.rd-time-selected{
background: #0099da;
}
.rd-day-next-month,
.rd-day-prev-month{
color: #ddd;
}
.rd-day-body.rd-day-disabled{
color: #ddd;
background: transparent;
}
.rd-back[disabled],
.rd-next[disabled]{
color: #ddd;
}
.ad_settings_header{
display: block;
font-size: 12px;
font-weight: 500;
}
.range_picker{
display: inline-block;
vertical-align: top;
width: 100%;
}
.range_picker .irs--round .irs-grid{
height: 28px;
}
.range_picker .irs--round .irs-grid-pol{
background-color: #000000;
}
.range_picker .irs-grid-pol{
width: 1px;
height: 16px;
}
.range_picker .irs-grid-pol.small {
height: 0px;
margin-top: 5px;
}
.range_picker .irs--round .irs-grid-text{
font-size: 10px;
color: #000;
}
.range_picker .irs--round .irs-line{
top: 18px;
height: 4px;
background-color: #c1c1c1;
z-index: 2;
/* border: 1px solid #f4f5f6; */
}
.range_picker .irs--round.irs-with-grid{
height: 40px;
}
.range_picker .irs--round .irs-handle{
top: 12px;
width: 14px;
height: 14px;
border: 4px solid #0099da;
background-color: #0099da;
box-shadow: none;
z-index: 5;
}
.range_picker .irs--round .irs-handle::before{
content: '';
z-index: 5;
content: '';
position: absolute;
width: 10px;
height: 4px;
left: -11px;
top: 2px;
background: linear-gradient(90deg, rgba(0,153,218,0) 0%, rgba(0,153,218,1) 100%);
}
.range_picker .irs--round .irs-handle::after{
content: '';
z-index: 5;
content: '';
position: absolute;
width: 10px;
height: 4px;
right: -11px;
top: 2px;
background: linear-gradient(90deg, rgba(0,153,218,1) 0%, rgba(0,153,218,0) 100%);
}
.irs--round .irs-single{
top: 27px;
font-size: 10px;
background: #000;
color: #fff;
z-index: 2;
visibility: hidden;
opacity: 0;
padding: 2px 4px 1px 4px;
transition: visibility 0.2s, opacity 0.2s;
}
.irs--round .irs-single.active{
visibility: visible;
opacity: 1;
}
.irs--round .irs-single::before{
content: none;
}
.range_picker .irs--round .irs-bar{
top: 18px;
height: 2px;
background-color: #000;
}
.range_view{
font-size: 20px;
text-align: right;
font-weight: 500;
color: #000;
line-height: 16px;
}
.ad_settings_broadcasts,
.ad_settings_duration{
margin-top: 10px;
}
.ad_settings_summary{
display: flex;
justify-content: space-between;
}
.ass_left_block{
width: 85%;
display: flex;
}
.asslb_container{
display: flex;
justify-content: space-between;
height: 100%;
align-items: flex-end;
margin-right: 20px;
}
.asslb_title{
font-size: 12px;
font-weight: 500;
line-height: 12px;
margin-right: 5px;
}
.asslb_text{
font-size: 40px;
font-weight: 500;
line-height: 40px;
}
.ass_right_block{
display: flex;
width: 15%;
}
.assrb_container{
display: flex;
align-items: flex-end;
}
.assrb_title{
font-size: 14px;
font-weight: 500;
line-height: 14px;
margin-right: 5px;
}
.assrb_text{
font-size: 40px;
font-weight: 500;
line-height: 40px;
}
.assrb_price{
font-size: 20px;
font-weight: 600;
line-height: 20px;
}
.assrb_price i{
position: relative;
font-size: 12px;
top: -4px;
margin-right: 1px;
}
.ld_added_loc{
font-size: 12px;
display: inline-block;
text-align: center;
border: 1px solid #006600;
border-radius: 5px;
width: 118px;
transition: all 0.2s;
height: 29px;
color: #006600;
line-height: 28px;
}
.ld_added_loc i{
color: #006600;
margin-left: 5px;
position: relative;
font-size: 12px;
}
.ad_summary_left_block{
width: 50%;
padding-left: 35px;
padding-right: 25px;
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 30px;
}
.aslb_name{
display: block;
font-size: 16px;
font-weight: 600;
}
.aslb_name_block input{
width: 100%;
font-size: 14px;
border: 0;
border-bottom: 1px solid #333;
outline: none;
background-color: var(--main-background-color-accent);
transition: border 0.2s;
}
.aslb_name_block input::placeholder{
font-size: 14px;
font-style: italic;
transition: color 0.2s;
}
.aslb_name_block input.error{
border-bottom: 1px solid #f54e4e;
}
.aslb_name_block input.error::placeholder{
font-size: 14px;
font-style: italic;
color: #f54e4e;
}
.aslb_summ_block{
margin-top: 20px;
}
.asld_summ_container{
display: flex;
background: #eee;
font-size: 9px;
justify-content: space-between;
margin-top: 5px;
border-radius: 5px;
}
.asld_sc_name{
display: block;
}
.asld_sc_text{
font-size: 16px;
line-height: 16px;
margin-top: 5px;
display: block;
}
.ad_summary_right_block{
width: 50%;
display: flex;
justify-content: flex-end;
align-items: center;
margin-right: 5px;
}
.asld_summ_item{
padding: 10px 5px;
}
.asld_summ_item:first-child{
padding-left: 10px;
}
.asld_summ_item:last-child{
text-align: right;
padding: 10px;
background-color: #52ac61;
color: #fff;
width: 23%;
border-radius: 0 5px 5px 0;
}
.asld_summ_item:last-child .asld_sc_text{
font-size: 20px;
}
.asld_sc_text i{
position: relative;
font-size: 11px;
top: -5px;
margin-right: 1px;
}
.asld_summ_locations{
font-size: 14px;
line-height: 20px;
}
.asld_summ_locations span{
font-weight: 500;
font-size: 16px;
margin-left: 5px;
}
.aslb_summ_later{
margin-top: 10px;
display: block;
text-align: right;
font-size: 14px;
}
.aslb_summ_later a{
color: #bbb;
text-decoration: underline;
}
.paypal_color{
color: #3b7bbf;
font-style: italic;
}
.navigation_panel.step2 .button_next.pay_button{
background: #009933;
}
.popup_window_place_full{
position: absolute;
width: 100%;
height: 100%;
/* background: rgba(255, 255, 255, 0.8); */
margin: 0 auto;
text-align: center;
visibility: hidden;
opacity: 0;
z-index: -1;
display: flex;
padding: 0 45px;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.popup_window_place_full.active{
visibility: visible;
opacity: 1;
z-index: 999;
}
.location_view_full{
width: 100%;
position: relative;
height: auto;
display: flex;
flex-direction: column;
background-color: var(--main-background-color-accent);
border-radius: 9px;
box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3);
}
.location_view_full .location_view_full_exit{
position: absolute;
font-size: 12px;
top: 0;
right: 0;
padding: 5px 10px;
z-index: 6;
cursor: pointer;
}
.location_view_full .location_view_full_header_block{
display: flex;
width: 100%;
flex-direction: row;
padding: 25px;
padding-bottom: 20px;
}
.location_view_full .location_view_owner{
width: 40%;
flex-direction: row;
}
.location_view_full .location_owner_photo{
height: 100%;
width: 80px;
justify-content: start;
align-items: start;
padding: 0;
}
.location_view_full .loi_img{
width: 80px;
height: 80px;
border-radius: 4px;
background-size: cover;
}
.location_view_full .location_owner_info{
justify-content: center;
align-items: start;
padding: 0;
padding-left: 16px;
height: 80px;
}
.location_view_full .loi_name{
margin-top: 0;
font-size: 16px;
line-height: 16px;
text-align: left;
}
.location_view_full .location_view_place{
width: 60%;
padding-right: 0;
align-items: flex-end;
justify-content: space-between;
text-align: left;
}
.location_view_full .lvp_name{
font-size: 16px;
line-height: 18px;
}
.lvp_texts{
display: flex;
flex-direction: column;
text-align: right;
}
.location_view_full .lvab_text,
.location_view_full .lvp_time{
font-size: 11px;
font-weight: 400;
line-height: 11px;
color: #000;
margin-top: 3px;
}
.location_view_full .location_view_planes{
width: 20%;
}
.location_view_full .lvp_planes{
font-size: 60px;
line-height: 60px;
}
.location_view_full .lvp_planes span{
font-size: 20px;
line-height: 70px;
margin-left: -7px;
}
.location_view_full .lvp_planes_description{
font-size: 12px;
display: block;
line-height: 14px;
font-weight: 600;
}
.location_view_full .location_view_add{
display: flex;
justify-content: flex-end;
align-items: center;
width: 21%;
}
.location_view_full .location_view_add a{
font-size: 0;
}
.location_view_full .location_view_add_header{
background: #084470;
padding: 5px 15px;
color: #fff;
border-radius: 4px;
font-size: 11px;
border: 0;
position: relative;
bottom: 2px;
}
.location_view_full .location_view_remove_header{
background: #509b4d;
padding: 5px 15px;
color: #fff;
border-radius: 4px;
font-size: 11px;
border: 0;
position: relative;
bottom: 2px;
}
.location_view_full .location_view_add_icon{
background: #009933;
padding: 7px 9px;
color: #fff;
font-size: 12px;
border-radius: 0 4px 4px 0;
position: relative;
top: -1px;
}
.location_view_full .location_view_main_block{
padding: 0 25px 25px 25px;
height: calc(100% - 135px);
}
.location_view_full .location_view_main_block img{
height: 300px;
min-width: 100%;
}
.location_view_full .location_view_photo{
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.location_view_full .lvp_main_photo{
width: 100%;
height: calc(100% - 80px);
}
.location_view_full .lvp_main_photo .lvp_main{
width: 100%;
}
.location_view_full .lvp_other_photo{
width: 100%;
height: 80px;
display: flex;
}
.location_view_full .lvp_other_photo .lvp_main{
width: 16.66%;
}
.top_menu{
position: relative;
display: block;
width: 100%;
height: 55px;
background: #0f0e0e;
}
.tpc_left_block{
width: 25%;
height: 35px;
margin: 10px 0;
display: flex;
}
.tpc_right_block{
width: 75%;
display: flex;
align-items: center;
justify-content: flex-end;
color: #fff;
}
.user_ava{
height: 100%;
margin-right: 15px;
position: relative;
}
.user_ava i{
color: #ffffff;
font-size: 10px;
position: absolute;
top: -7px;
right: -7px;
background: #aa3aff;
border-radius: 50%;
padding: 4px;
}
.user_ava img{
height: 100%;
height: 35px;
width: 35px;
}
.user_ava_img{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 30px;
height: 30px;
display: block;
}
.tpc_campaign{
padding: 0 20px;
}
.tpc_campaign_name{
font-size: 10px;
position: relative;
top: -1px;
margin-right: 5px;
}
.tpc_money{
padding: 0 20px;
}
.tpc_menu{
padding: 0 20px;
line-height: 55px;
/* width: 120px; */
text-align: center;
cursor: pointer;
transition: background-color 0.2s;
display: flex;
align-items: center;
}
.tpc_menu:hover,
.tpc_menu.active{
background-color: #222;
}
.tpc_meny_arrow{
margin-left: 5px;
}
.site_logo_img{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
display: block;
}
.tpc_menu_top{
position: relative;
}
.tpc_menu ul{
padding:0;
margin:0;
opacity:0;
visibility:hidden;
position:absolute;
z-index:5;
transition: all .2s ease-in-out;
display: block;
line-height: 35px;
right: -20px;
top: 27px;
width: auto;
}
.tpc_menu ul.show{
opacity:1;
visibility:visible;
margin:0;
z-index: 40;
}
.tpc_menu ul li{
float:none;
display:block;
border:0;
}
.tpc_menu ul li:last-child {
box-shadow: none;
}
.tpc_menu ul a {
padding: 0 50px 0 20px !important;
width: auto;
min-width: 170px;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
background: #fff;
box-shadow: 1px 3px 4px #bbb;
transition: all 0.2s;
font-weight: 400 !important;
text-align: left;
position: relative;
color: #777;
}
.tpc_menu ul li.active a,
.tpc_menu ul li.tpc_menu_li_small a{
color: #000;
}
.tpc_menu ul a:hover {
background-color: #ddd;
color: #000;
}
.tpc_menu ul li:last-child > a {
border-radius: 0 0 3px 3px;
}
.tpc_menu ul li.tpc_menu_li_divider{
border-bottom: 1px solid #ddd;
}
.tpc_menu_click span{
position: absolute;
font-size: 12px;
right: 20px;
color: #666;
margin-top: 1px;
top: 0;
display: none;
}
.tpc_menu ul li.active .tpc_menu_click span{
display: block;
}
.tpc_notifications{
padding: 0 20px;
position: relative;
}
.tpc_notifications_alert{
position: absolute;
width: 5px;
height: 5px;
background: #e30613;
top: 0;
border-radius: 50%;
right: 16px;
}
.adv_filters_menu_container{
position: absolute;
z-index: 1;
transition: all .2s ease-in-out;
display: block;
line-height: 25px;
top: 51px;
font-size: 14px;
background: rgba(0, 0, 0, 0.7);
margin: 0;
text-align: left;
visibility: hidden;
opacity: 0;
width: 160px;
left: 0;
}
.adv_filters_menu_container.show{
visibility: visible;
opacity: 1;
}
.adv_filters_menu_container li{
position: relative;
cursor: pointer;
transition: all 0.2s;
padding: 0 10px;
line-height: 35px;
}
.adv_filters_menu_container li:hover{
background-color: #000;
}
.adv_filters_menu_container li.active{
background-color: #000;
}
.adv_filters_menu_container li a span{
font-size: 12px;
color: #fff;
}
.adv_filters_menu_container li .check_icon{
position: absolute;
left: 10px;
}
.mfl_second_block,
.mfl_third_block,
.mfl_last_block{
cursor: pointer;
transition: background-color 0.2s;
}
.mfl_second_block:hover,
.mfl_third_block:hover,
.mfl_last_block:hover,
.mfl_second_block.active,
.mfl_third_block.active,
.mfl_last_block.active{
background-color: rgba(0, 0, 0, 0.3);
}
.chained_locations{
position: absolute;
z-index: 1;
transition: all .2s ease-in-out;
display: block;
line-height: 25px;
left: 0;
top: 51px;
font-size: 14px;
background: rgba(0, 0, 0, 0.7);
margin: 0;
text-align: left;
padding: 10px;
border-top: 0;
visibility: hidden;
opacity: 0;
width: 180px;
cursor: default;
}
.chained_locations.show{
visibility: visible;
opacity: 1;
}
.select_country_placeholder{
font-size: 11px;
color: #fff;
display: inline-block;
}
.select_country{
border: none !important;
padding: 0;
text-decoration: underline;
outline: none;
font-size: 12px;
background-color: transparent;
color: #fff;
height: 25px;
line-height: 25px;
float: none;
display: inline-block;
margin-bottom: 5px;
}
.select_city{
display: block;
border: none !important;
padding: 0;
outline: none;
font-size: 12px;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
height: 25px;
line-height: 25px;
float: none;
display: block;
padding: 0 10px;
border-radius: 4px;
}
.select_country.nice-select .list,
.select_city.nice-select .list{
box-shadow: none;
border: 0;
border-radius: 0;
background: #000;
padding: 5px 0;
border-radius: 4px;
}
.select_city.nice-select .list{
border-radius: 0 0 4px 4px;
margin-top: 0;
width: 100%;
}
.select_country.nice-select .option.focus,
.select_country.nice-select .option.selected.focus,
.select_country.nice-select .option:hover,
.select_city.nice-select .option.focus,
.select_city.nice-select .option.selected.focus,
.select_city.nice-select .option:hover{
background: #000;
}
.select_country.nice-select::after{
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
right: -8px;
}
.select_city.nice-select::after{
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.select_country.nice-select .option,
.select_city.nice-select .option{
color: #ddd;
line-height: 25px;
min-height: 25px;
}
.select_country.nice-select .option.selected,
.select_country.nice-select .option:hover,
.select_city.nice-select .option.selected,
.select_city.nice-select .option:hover{
color: #fff;
font-weight: 400;
}
.select_city.nice-select.open{
background-color: #000;
border-radius: 4px 4px 0 0;
}
.adv_stc_type{
display: inline-block;
width: 29px;
margin-left: 3px;
}
.selected_stype_icon{
position: absolute;
right: 10px;
}
.click_to_select_surfaces .adv_filters_menu_container{
text-align: center;
line-height: 40px;
}
.click_to_select_surfaces .adv_filters_menu_container li{
display: inline-block;
margin-right: 2px;
padding: 2px 0;
line-height: 12px;
font-weight: 600;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.3);
width: 23px;
}
.click_to_select_surfaces .adv_filters_menu_container li:last-child{
margin-right: 0;
}
.click_to_select_surfaces .adv_filters_menu_container li.active{
background-color: #fff;
}
.click_to_select_surfaces .adv_filters_menu_container li.active a span{
color: #000;
}
/*
.chained_locations select{
outline: none;
padding: 3px 10px;
border: 1px solid #ddd;
border-radius: 2px;
width: 180px;
margin-bottom: 5px;
}
*/
.chained_locations select:last-child{
margin-bottom: 0;
}
.mfl_second_block a,
.mfl_third_block a{
color: #fff;
}
/*
.mfl_second_block a span,
.mfl_third_block a span{
display: block;
font-size: 10px;
color: #888;
}
.mfl_second_block a span.select_icon{
display: inline;
margin-left: 2px;
}
*/
.adv_filters_menu_switch a i{
font-size: 16px;
color: #999;
}
.mapboxgl-ctrl-bottom-right{
left: 0;
right: auto;
}
.navigation_panel_map{
position: absolute;
bottom: 10px;
right: 10px;
width: 180px;
z-index: 2;
border-radius: 5px;
overflow: hidden;
}
.button_next_map{
background: #626463;
width: 100%;
display: block;
line-height: 35px;
color: #fff;
font-weight: 500;
font-size: 16px;
text-align: center;
cursor: default;
transition: background 0.2s;
}
.button_next_map i{
font-size: 12px;
margin-left: 3px;
}
.button_next_map:hover{
color: #fff;
}
.button_next_map.active{
background-color: #4bbd71;
cursor: pointer;
}
.npm_item{
line-height: 35px;
background: #000;
color: #c7c7c7;
font-size: 10px;
text-align: left;
padding: 0 10px;
cursor: pointer;
position: relative;
border-bottom: 1px solid #313131;
}
.npm_item.empty{
text-align: center;
cursor: default;
border-bottom: 0;
}
.add_item_img{
width: 20px;
height: 20px;
display: inline-block;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
top: 6px;
position: relative;
vertical-align: top;
}
.add_item_name{
margin-left: 10px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 110px;
position: relative;
display: inline-block;
vertical-align: top;
}
.add_item_delete{
position: absolute;
right: 10px;
color: #9a0404;
transition: color 0.2s;
line-height: 10px;
}
.add_item_delete:hover{
color: #ea3f3f;
}
.add_item_delete i{
line-height: 35px;
}
.npm_items{
max-height: 120px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.npm_items::-webkit-scrollbar {
width: 5px !important;
}
.npm_items::-webkit-scrollbar-track {
background-color: #000;
}
.npm_items::-webkit-scrollbar-thumb {
border: 3px solid #000;
border-left: 0;
background-clip: padding-box;
border-radius: 7px;
background-color: #fff;
}
.location_view_main_block li{
position: relative;
}
.gallery_img{
width: 572px;
height: 240px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: relative;
display: block;
}
.lSAction>.lSNext{
background-image: url('data:image/svg+xml;utf8,');
top: 0;
height: 100%;
margin-top: 0;
right: 0;
width: 60px;
background-repeat: no-repeat;
background-position: center;
}
.lSAction>.lSPrev{
background-image: url('data:image/svg+xml;utf8,');
top: 0;
height: 100%;
margin-top: 0;
left: 0;
width: 60px;
background-repeat: no-repeat;
background-position: center;
}
.lSAction>a{
transition: all 0.2s;
}
.lSAction>a:hover{
background-color: rgba(0, 0, 0, 0.3);
}
.lSSlideOuter .lSPager.lSpg>li a{
background-color: #000;
}
.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a{
background-color: #77797a;
}
.location_view_desc_block{
display: flex;
padding: 0 25px 25px 25px;
justify-content: center;
}
.lvdb_monitor{
width: 50%;
/* background-color: #e3e7e8;
border-radius: 7px; */
padding: 0 15px;
display: flex;
position: relative;
align-items: center;
}
.lvdv_m_type{
width: 50%;
position: relative;
}
.lvdv_m_content{
width: 50%;
}
.lvdv_m_content{
display: flex;
align-items: center;
justify-content: flex-end;
}
.lvdv_m_count{
position: absolute;
font-size: 23px;
font-weight: 600;
top: 22px;
left: 50%;
color: #fff;
margin-left: -6px;
z-index: 1;
}
.lvdv_m_info{
position: absolute;
font-size: 14px;
top: -10px;
right: -12px;
cursor: help;
color: #5b5c5d;
}
.lbdb_description{
width: 50%;
font-size: 14px;
display: flex;
padding-left: 25px;
align-items: center;
}
.lbdb_d_ico{
width: 10%;
font-size: 20px;
color: #fbc534;
}
.lbdb_d_text{
width: 90%;
text-align: left;
padding: 0 6px;
max-height: 120px;
overflow-y: auto;
line-height: 16px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.lbdb_d_text::-webkit-scrollbar {
width: 2px !important;
}
.lbdb_d_text::-webkit-scrollbar-track {
background-color: #eff3f5;
}
.lbdb_d_text::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
}
.location_view_close{
text-align: right;
padding: 0 25px 15px 0;
}
.location_view_full_exit.location_view_close_bottom{
position: relative;
font-size: 14px;
text-decoration: underline;
}
.lvdv_m_type.lvdv_m_type_portrait .lvdv_m_count{
top: 38px;
}
.lvdv_m_type.lvdv_m_type_portrait .lvdv_m_info{
right: 5px;
}
.lvdv_m_type.lvdv_m_type_landscape .lvdv_m_count{
top: 27px;
}
.lvdv_m_type.lvdv_m_type_landscape .lvdv_m_info{
right: -20px;
}
.lvdv_m_type.lvdv_m_type_billboard .lvdv_m_count{
top: 13px;
}
.lvdv_m_type.lvdv_m_type_billboard .lvdv_m_info{
right: 0px;
}
.lvdv_m_type.lvdv_m_type_citylight .lvdv_m_count{
top: 21px;
}
.lvdv_m_type.lvdv_m_type_citylight .lvdv_m_info{
right: 21px;
}
.quickTooltip::before {
content: attr(data-quicktip);
position: absolute;
background: #000;
top: -20px;
left: 50%;
text-indent: 0;
color: #fff;
font-size: 10px;
padding: 2px 7px;
border-radius: 5px;
white-space: nowrap;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.2s ease-in-out;
}
.quickTooltip:hover::before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.list_table{
position: relative;
margin-top: 5px;
width: 100%;
max-height: calc(100% - 390px);
font-size: 12px;
line-height: 12px;
overflow-y: auto;
border: 1px solid #ddd;
border-radius: var(--prop-border-radius);
scrollbar-width: none;
-ms-overflow-style: none;
}
.list_table.list_table_first{
margin-top: 55px;
max-height: calc(100% - 95px);
}
.list_table::-webkit-scrollbar {
width: 8px !important;
}
.list_table::-webkit-scrollbar-track {
background-color: transparent;
}
.list_table::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 3px solid #fff;
}
.add_items_block{
scrollbar-width: none;
-ms-overflow-style: none;
}
.add_items_block::-webkit-scrollbar {
height: 4px !important;
}
.add_items_block::-webkit-scrollbar-track {
background-color: #000;
}
.add_items_block::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #FFF;
border: 1px solid #000;
}
.table_list,
.table_ads{
width: 100%;
}
.table_list tr{
background-color: var(--main-background-color-accent);
transition: background-color 0.2s;
}
.table_list tr:not(.tpm_item_descr){
cursor: pointer;
}
.table_list tr:nth-child(even) {
background-color: #f2f2f2;
}
.table_list tr:hover{
background-color: #eee;
}
.table_list td{
padding: 10px;
}
.table_list_name{
text-align: center;
}
.table_photo{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 35px;
height: 35px;
border-radius: 50%;
display: inline-block;
}
.table_location{
display: block;
font-size: 14px;
font-weight: 500;
line-height: 18px;
}
.table_address{
display: block;
line-height: 11px;
}
.table_address,
.table_time{
font-size: 11px;
}
.table_time{
font-weight: 600;
font-style: italic;
}
.table_monitor{
width: 60px;
position: relative;
display: inline-block;
text-align: center;
}
.table_main_photo{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 110px;
height: 60px;
display: block;
}
.table_add_check{
color: #509b4d;
font-size: 16px;
}
.table_delete{
font-size: 10px;
color: #c3c4c5;
cursor: pointer;
transition: color 0.2s;
}
.table_delete i,
.table_add_check i{
padding: 10px;
}
.table_delete.empty{
visibility: hidden;
}
.table_delete:hover{
color: #999;
}
.table_add_plus{
color: #084470;
font-size: 16px;
opacity: 0.5;
transition: opacity 0.2s;
}
.table_add_plus:hover{
opacity: 1;
}
.table_add_plus i{
padding: 10px;
}
.table_name{
text-align: center;
font-size: 12px;
margin-top: 4px;
display: block;
}
.table_count{
margin-left: 5px;
}
.add_item_empty{
font-size: 10px;
color: #fff;
line-height: 30px;
}
.table_list_cost{
padding-right: 20px !important;
}
.table_list_slider{
width: 180px;
padding-right: 20px !important;
}
.noui-block-input{
font-size: 12px;
text-align: center;
margin-bottom: 7px;
}
.noui-block-input input{
background-color: transparent;
border: 1px solid #ddd;
padding: 3px 5px;
border-radius: 3px;
text-align: center;
outline: none;
width: 70px;
transition: background-color 0.2s;
}
.noui-block-input input:hover,
.noui-block-input input:focus{
background-color: #fff;
}
.noui-block-error{
font-size: 11px;
color: #999;
}
.upload_content_layer{
display: flex;
width: 100%;
height: 330px;
background-color: var(--main-background-color-accent);
border: 1px solid #ddd;
padding: 25px;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: var(--prop-border-radius);
}
.ucl_left_block{
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ucl_right_block{
width: 50%;
display: flex;
justify-content: center;
padding-left: 35px;
}
.ucl_two_blocks{
font-size: 12px;
display: flex;
}
.ucltb_left{
width: 40%;
font-weight: 400;
line-height: 12px;
}
.ucltb_right{
width: 60%;
text-align: right;
}
.ucltb_right_type_files{
display: flex;
padding: 0 10px;
}
.ucltb_adtype{
padding: 8px;
margin-right: 10px;
cursor: pointer;
border-radius: 5px;
transition: all 0.2s;
}
.ucltb_adtype:hover,
.ucltb_adtype.active{
background-color: #dedfe0;
box-shadow: 0px 0px 6px rgba(0, 0, 0, .17);
}
.ucltb_text_small{
font-size: 10px;
font-weight: 300;
display: block;
color: #666;
line-height: 11px;
}
.ucltb_text_href{
display: block;
font-size: 14px;
margin-top: 10px;
font-weight: 400;
text-decoration: underline;
}
.ucltb_text_href a{
color: #555;
}
.ucl_one_block{
font-size: 14px;
font-weight: 400;
margin-top: 30px;
}
.ucl_one_block:first-child{
margin-top: 0px;
}
.uclrb_monitor{
position: relative;
}
.uclrm_image_insert.landscape span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 218px;
position: absolute;
top: 13px;
left: 5px;
height: 135px;
border-radius: 4px;
}
.uclrm_image_insert.portrait span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 134px;
position: absolute;
top: 9px;
left: 6px;
height: 216px;
border-radius: 4px;
}
.uclrm_image_insert.billboard span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 192px;
position: absolute;
top: 8px;
left: 43px;
height: 116px;
border-radius: 3px;
}
.uclrm_image_insert.billboard2 span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 168px;
position: absolute;
top: 6px;
left: 5px;
height: 101px;
border-radius: 3px;
}
.uclrm_image_insert.portrait2 span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 136px;
position: absolute;
top: 7px;
left: 6px;
height: 219px;
border-radius: 4px;
}
.uclrm_image_insert.citylight span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 121px;
position: absolute;
top: 9px;
left: 83px;
height: 193px;
border-radius: 3px;
}
.uclrm_image_insert.citylight2 span{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 121px;
position: absolute;
top: 9px;
left: 4px;
height: 193px;
border-radius: 3px;
}
.next_step_panel{
display: flex;
width: 100%;
height: 50px;
margin-top: 8px;
background-color: var(--main-background-color-accent);
border: 1px solid #ddd;
justify-content: space-between;
align-items: center;
border-radius: var(--prop-border-radius);
}
.next_step_panel.nsp_sticky{
position: sticky;
top: 0;
border-radius: var(--prop-border-radius);
z-index: 30;
}
.prev_button_block{
font-size: 14px;
font-weight: 600;
margin-left: 25px;
}
.next_step_button_prev{
width: 100%;
display: block;
line-height: 29px;
font-weight: 500;
padding: 0 29px;
border-radius: 5px;
}
.next_step_button_next{
background: #626463;
width: 100%;
display: block;
line-height: 29px;
color: #fff;
font-weight: 500;
padding: 0 29px;
border-radius: 5px;
cursor: default;
transition: background-color 0.2s;
}
.next_step_button_next:hover{
color: #fff;
}
.next_step_button_next.active{
background-color: #4bbd71;
cursor: pointer;
}
.asslb_title_calendar{
font-size: 14px;
margin-right: 10px;
}
.asslb_calendar input{
background: transparent;
border: 0;
width: 40px;
padding: 0;
margin: 0;
text-decoration: underline;
outline: none;
cursor: pointer;
font-size: 12px;
position: relative;
bottom: -4px;
}
.ad_settings_buttons_block{
display: flex;
justify-content: space-around;
}
.asbb_button{
padding: 3px 20px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 12px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.09);
transition: all 0.2s;
}
.asbb_button:hover,
.asbb_button.active{
background-color: #8052af;
color: #fff;
}
.add_content_layer_scroller{
display: flex;
width: 660px;
overflow: hidden;
}
.ad_plans_container{
display: flex;
}
.adpc_plan_item{
display: flex;
width: 180px;
height: 180px;
margin-right: 30px;
flex-direction: column;
background-color: #8b9b9d;
color: #fff;
padding: 10px;
text-align: right;
cursor: pointer;
position: relative;
transition: box-shadow 0.2s;
}
.adpc_plan_item:last-child{
margin-right: 0;
}
.adpc_plan_item:hover{
box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.4);
}
.adpc_plan_item.blue{
background: #6677b8;
}
.adpc_plan_item.greengray{
background-color: #7d9189;
}
.adpc_plan_item.yellowgray{
background-color: #9f9b88;
}
.adpc_plan_item.green{
background-color: #42c793;
}
.adpc_plan_item.aqua{
background-color: #51bfc9;
}
.adpc_pi_block{
margin-bottom: 10px;
}
.adpc_pi_block_name{
font-size: 11px;
display: block;
line-height: 11px;
}
.adpc_pi_block_value{
font-size: 25px;
line-height: 25px;
}
.adpc_pi_block.adpc_pi_block_price{
position: absolute;
bottom: 0;
left: 10px;
margin-bottom: 5px;
}
.adpc_pi_block_value i{
position: relative;
font-size: 14px;
top: -6px;
margin-right: 2px;
}
.add_content_layer_container.ad_plans{
overflow-x: auto;
outline: none;
scrollbar-width: none;
-ms-overflow-style: none;
}
.add_content_layer_container.ad_plans::-webkit-scrollbar {
height: 2px !important;
}
.add_content_layer_container.ad_plans::-webkit-scrollbar-track {
background-color: #f4f5f6;
}
.add_content_layer_container.ad_plans::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
}
.final_content_layer,
.pay_content_layer{
position: relative;
display: flex;
width: 100%;
height: 330px;
background-color: #f4f5f6;
border: 1px solid #ddd;
padding: 25px;
flex-direction: row;
justify-content: center;
align-items: center;
}
.pay_content_layer{
align-items: flex-start;
}
.fcl_left_block{
width: 60%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pcl_left_block{
margin-top: 35px;
font-size: 14px;
width: 20%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pcl_right_block {
position: relative;
margin-top: 35px;
font-size: 14px;
width: 80%;
display: flex;
padding: 0 0 0 20px;
height: calc(100% - 30px);
flex-direction: column;
}
.pcl_top_block{
position: absolute;
font-size: 14px;
top: 25px;
width: calc(100% - 50px);
left: 25px;
}
.payment_method{
width: 100%;
}
.payment_method li{
font-size: 16px;
line-height: 36px;
border-bottom: 1px solid #ddd;
/* border-left: 3px solid #f4f5f6; */
transition: all 0.2s;
padding: 0 10px;
}
.payment_method li.active,
.payment_method li:hover{
cursor: pointer;
background: #e5e5e5;
/* border-left: 3px solid #ff6a00; */
}
.pcl_top_total{
float: right;
}
.pcl_top_total i{
font-size: 11px;
position: relative;
top: -4px;
}
.pcl_top_total span{
font-size: 18px;
font-weight: 600;
}
.pcl_right_item{
position: absolute;
height: 248px;
top: 0;
padding-right: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
visibility: hidden;
opacity: 0;
}
.pcl_right_item.active{
visibility: visible;
opacity: 1;
}
.pcl_ri_top{
width: 100%;
}
.card_container{
margin-bottom: 10px;
}
.card_text{
font-size: 12px;
display: block;
}
.card_container input{
width: 100%;
background-color: transparent;
border: 1px solid #ddd;
padding: 6px 10px;
border-radius: 4px;
outline: none;
transition: background-color 0.2s;
}
.card_container input:focus{
background-color: #fdfdfd;
}
.card_container_three{
width: 32%;
}
.card_container.cc_three{
display: flex;
justify-content: space-between;
}
.card_notify{
color: #999;
font-size: 12px;
}
.pcl_rib_container{
text-align: right;
position: relative;
display: block;
}
.pcl_rib_container button{
background: #f19100;
line-height: 29px;
color: #fff;
font-weight: 500;
padding: 0 30px;
border: 0;
border-radius: 5px;
outline: none;
}
.next_step_button_next.active2{
background-color: #dddddd;
cursor: pointer;
color: #000;
}
.pcl_rib_container button.paypal{
background: #0070ba;
}
.pcl_rib_container button.liqpay{
background: #7ab72b;
}
.map_content_layer{
display: block;
width: 100%;
height: 282px;
border: 1px solid #ddd;
border-radius: var(--prop-border-radius);
}
.ads_final_filters{
font-size: 12px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
}
.adsff_text{
padding: 0 5px 0 15px;
}
.adsff_left a{
padding: 10px;
margin-right: 5px;
border-bottom: 1px solid transparent;
transition: all 0.2s;
font-size: 14px;
opacity: 0.5;
}
.adsff_left a.active,
.adsff_left a:hover{
border-bottom: 1px solid #333;
}
.adsff_left a.active{
opacity: 1;
/*font-weight: 400;*/
}
.adsff_right{
display: flex;
align-items: center;
}
.nice-select.select_filter{
border: none;
background: transparent;
width: 100px;
text-align: center !important;
float: none;
font-size: 14px;
height: auto;
line-height: 30px;
}
.nice-select.select_filter .list{
border-radius: 0;
}
.nice-select.select_filter .option{
min-height: 30px;
line-height: 30px;
}
.list_table.no_border_list{
border: 0;
margin-top: 5px;
overflow: initial;
}
.ad_collect_item{
margin-top: 5px;
border: 1px solid #ddd;
background-color: var(--main-background-color-accent);
display: flex;
border-radius: var(--prop-border-radius);
}
.aci_left{
width: 50%;
padding: 30px;
border-right: 1px solid #e4e5e6;
}
.acil_owner{
display: block;
}
.acil_owner .location_view_owner{
width: 100%;
flex-direction: row;
}
.acil_owner .location_owner_photo{
padding: 0;
align-items: flex-start;
width: auto;
}
.acil_owner .loi_img{
width: 70px;
height: 70px;
}
.acil_owner .location_owner_info{
display: flex;
text-align: left;
align-items: flex-start;
position: relative;
padding: 10px;
}
.acil_owner .loi_name{
margin-top: 0;
font-size: 16px;
line-height: 16px;
}
.acil_location{
display: block;
margin-top: 20px;
height: 60px;
overflow: hidden;
word-break: break-word;
word-wrap: break-word;
}
.acil_location.acil_location_owner{
height: auto;
overflow: initial;
}
.acil_location_block .acil_location{
position: relative;
}
.btn-showmore{
display: none;
transition: color 0.2s;
font-size: 12px;
}
.line-showmore{
width: 100%;
text-align: center;
display: none;
border-top: 1px dashed #aaa;
color: #bbb;
transition: color 0.2s;
margin-top: 5px;
}
.btn-showmore:hover{
color: #999;
}
.acil_lheader{
display: block;
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
line-height: 18px;
}
.acil_location_block .acil_lheader{
margin-bottom: 10px;
}
.acil_promo_location{
display: flex;
flex-direction: column;
font-size: 14px;
line-height: 14px;
position: relative;
color: #666;
min-height: 26px;
margin-top: 10px;
}
.acilpl_name{
font-size: 15px;
font-weight: 600;
color: #000;
margin-bottom: 3px;
}
.acilpl_addr{
font-size: 12px;
line-height: 16px;
}
.acil_location_block .acilpl_addr{
margin-bottom: 5px;
}
.acilpl_count_owner{
font-size: 12px;
margin-bottom: 5px;
}
.acilpl_count{
position: absolute;
top: -5px;
right: 0;
padding: 6px;
background-color: #d8d8d8;
font-size: 16px;
font-weight: 500;
border-radius: 3px;
}
.acil_statistics{
margin-top: 20px;
}
.acils_today{
line-height: 30px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row;
}
.acilst_name{
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
line-height: 10px;
}
.acilst_data{
font-size: 30px;
font-weight: 700;
}
.acils_all{
display: block;
margin-top: 15px;
}
.acilsa_name{
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
line-height: 10px;
}
.acilsa_block{
display: block;
width: 100%;
margin-top: 5px;
position: relative;
}
.acilsa_data{
font-weight: 600;
position: absolute;
z-index: 1;
left: 5px;
top: 4px;
font-size: 17px;
color: #fff;
}
.acilsa_dataall{
position: absolute;
z-index: 1;
right: 5px;
top: 4px;
font-size: 17px;
}
.acilsa_datagraph{
display: block;
width: 100%;
position: relative;
height: 20px;
border-radius: 3px;
background: #ddd;
margin-top: 2px;
}
.acilsa_datagraph span.acilsa_dataall_percentage{
width: 70%;
height: 100%;
position: relative;
display: block;
border-radius: 3px;
transition: width 0.2s;
}
.acilsa_datagraph.green span.acilsa_dataall_percentage{
background-color: #52ba54;
}
.acilsa_datagraph.blue span.acilsa_dataall_percentage{
background-color: #6fccdb;
}
.location_online{
display: flex;
font-size: 10px;
font-weight: 600;
color: #ff0000;
text-transform: uppercase;
}
.location_online i{
font-size: 4px;
position: relative;
top: 5px;
margin-left: 3px;
}
.acil_location_block .location_online{
position: absolute;
right: 0;
top: -20px;
}
.aci_right{
width: 50%;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
.acir_top{
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 30px 30px 0 30px;
text-align: right;
}
.acirt_status{
position: absolute;
text-align: center;
}
.acirt_status span{
background: #f5e37d;
font-weight: 600;
padding: 3px 0;
width: 100px;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
border-radius: 3px;
}
.acirt_status.green span{
background: #72db70;
}
.acirt_status.yellow span{
background: #f5e37d;
}
.acirt_status.red span{
background: #e57373;
}
.acirtm_date{
font-size: 12px;
position: relative;
margin-right: 18px;
top: 2px;
}
.acirtm_menu{
font-size: 30px;
position: absolute;
top: 0;
right: 0;
padding: 5px 10px;
}
.map_layer.terms_layer{
background-color: var(--main-background-color-accent);
overflow-y: auto;
padding: 25px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.map_layer.terms_layer::-webkit-scrollbar {
width: 6px !important;
}
.map_layer.terms_layer::-webkit-scrollbar-track {
background-color: var(--main-background-color-accent);
}
.map_layer.terms_layer::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
}
.scrolling_content_block_step3{
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.scrolling_content_block_step3::-webkit-scrollbar {
width: 6px !important;
}
.scrolling_content_block_step3::-webkit-scrollbar-track {
background-color: var(--main-background-color);
}
.scrolling_content_block_step3::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #edeef0;
}
.scrolling_content_block_step4{
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.scrolling_content_block_step4::-webkit-scrollbar {
width: 6px !important;
}
.scrolling_content_block_step4::-webkit-scrollbar-track {
background-color: var(--main-background-color);
}
.scrolling_content_block_step4::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #edeef0;
}
.terms_header{
text-align: center;
margin-bottom: 30px;
}
.terms_header .terms_header_16{
font-weight: 300;
margin-bottom: 0;
font-size: 16px;
}
.terms_header .terms_header_14{
font-weight: 300;
margin-bottom: 0;
font-size: 14px;
}
.terms_header h2{
font-weight: 500;
margin: 0;
line-height: 20px;
font-size: 20px;
}
.terms_body p{
margin-bottom: 10px;
font-size: 14px;
}
.terms_body h3{
font-weight: 600;
font-size: 16px;
}
.terms_body strong{
font-weight: 600;
}
.terms_body a{
color: #005bbd;
}
.terms_body p.terms_disclaimer{
color: #777;
font-size: 13px;
margin-top: 20px;
}
.terms_warning{
font-size: 16px;
font-weight: 600;
text-align: center;
margin-bottom: 40px;
}
.terms_body p.no_mb{
margin-bottom: 0;
}
.terms_body ul{
font-size: 14px;
margin-left: 25px;
list-style: disc;
}
.surf_type_name{
position: relative;
}
.surf_type_sub_name{
position: absolute;
left: 0;
top: 10px;
font-size: 9px !important;
font-weight: 300;
line-height: 14px;
}
.check_text.top{
top: -3px;
position: relative;
}
.mfl_third_block.disabled{
opacity: 0.5;
}
.mfl_third_block.disabled:hover,
.mfl_third_block.disabled:hover a{
cursor: default;
background-color: transparent;
}
.ucl_left_block_mod{
width: 50%;
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
}
.ucllb_mode_select{
font-size: 12px;
display: flex;
justify-content: space-evenly;
}
.ucllb_mode_select a{
padding: 0 10px;
color: #666;
transition: all 0.2s;
}
.ucllb_mode_select a.active{
color: #000;
border-bottom: 1px solid #000;
}
.ucllb_mode_select a:hover{
border-bottom: 1px solid #000;
}
.ucllb_mode_container{
font-size: 12px;
margin-top: 15px;
position: relative;
}
.ucllb_mode_item{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: all 0.2s;
}
.ucllb_mode_item.active{
visibility: visible;
opacity: 1;
}
.uclmi_double{
display: flex;
}
.uclmi_double .uclmi_item:first-child{
margin-right: 10px;
}
.uclmi_item_head{
font-size: 10px;
color: #999;
}
.ucib_icons{
padding: 8px 10px;
color: #fff;
background-color: #243946;
border-radius: 4px 0 0 4px;
}
.ucib_icons i{
margin-right: 5px;
}
.ucib_input input{
border: 0;
background-color: #5b8eaf;
color: #fff;
text-align: center;
padding: 6px 0;
border-radius: 0 4px 4px 0;
outline: none;
cursor: pointer;
width: 130px;
}
.select_period{
height: 30px;
line-height: 30px;
border: 0;
background-color: #243946;
color: #fff;
font-size: 12px;
min-width: 90px;
text-align: center !important;
border-radius: 4px;
}
.nice-select.select_period .list{
background-color: #243946;
border-radius: 4px;
min-width: 90px;
}
.nice-select.select_period .option{
min-height: 30px;
line-height: 30px;
text-align: center;
color: #ddd;
}
.nice-select.select_period .option.focus,
.nice-select.select_period .option.selected.focus,
.nice-select.select_period .option:hover{
background-color: #243946;
color: #fff;
}
.uclmi_item{
margin-bottom: 10px;
}
.ucib_radio{
display: block;
position: relative;
margin-top: 5px;
}
.ucib_radio_item{
padding: 5px 6px;
margin-right: 5px;
cursor: pointer;
border-radius: 4px;
transition: all 0.2s;
}
.ucib_radio_item.active,
.ucib_radio_item:hover{
background-color: #5b8eaf;
color: #fff;
}
.uclmi_item.uclmi_item_green .ucib_input input{
background-color: #5baf63;
padding: 10px 0px;
width: 170px;
font-size: 20px;
line-height: 20px;
position: relative;
top: 3px;
border-bottom: 1px solid #fff;
cursor: inherit;
height: 45px;
}
.uclmi_item.uclmi_item_green .ucib_input input::placeholder{
color: #fff;
opacity: 0.5;
font-style: italic;
}
.uclmi_item.uclmi_item_green .ucib_icons{
padding: 15px 30px;
background-color: #244628;
}
.uclmi_item.uclmi_item_white .ucib_icons{
padding: 8px 20px;
}
.nice-select.select_publications{
float: none;
display: inline-block;
border: 0;
min-width: 125px;
text-align: center !important;
height: 30px;
line-height: 30px;
border-radius: 0 4px 4px 0;
font-size: 12px;
}
.nice-select.select_publications .list{
border-radius: 4px;
min-width: 125px;
}
.nice-select.select_publications .option{
min-height: 30px;
line-height: 30px;
text-align: center;
}
.uclmi_plan{
display: flex;
margin-top: 10px;
text-align: center;
cursor: pointer;
padding: 3px;
border-radius: 5px;
transition: all 0.2s;
opacity: 0.8;
}
.uclmi_plan:hover{
opacity: 1;
}
.uclmi_plan.active{
opacity: 1;
box-shadow: inset 0 0 1px 1px rgb(91, 142, 175);
}
.uclmip_left{
background-color: #037993;
display: flex;
color: #fff;
border-radius: 4px 0 0 4px;
width: 70%;
display: flex;
justify-content: space-evenly;
}
.uclmip_left.color_1{
background-color: #037993;
}
.uclmip_left.color_2{
background-color: #024c93;
}
.uclmip_left.color_3{
background-color: #2c0399;
}
.uclmip_left_item{
padding: 5px 10px 11px 10px;
}
.uclmip_left_item_head{
font-size: 8px;
}
.uclmip_left_item_body{
display: block;
font-size: 20px;
line-height: 20px;
}
.uclmip_right{
background-color: #0d7333;
color: #fff;
border-radius: 0 4px 4px 0;
width: 30%;
}
.uclmip_right_item{
padding: 5px 10px 13px 10px;
}
.uclmip_right_item_head{
font-size: 8px;
}
.uclmip_right_item_body{
display: block;
font-size: 26px;
line-height: 20px;
}
.uclmi_plans{
max-height: 190px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.uclmi_plans::-webkit-scrollbar {
width: 10px !important;
}
.uclmi_plans::-webkit-scrollbar-track {
background-color: var(--main-background-color-accent);
}
.uclmi_plans::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
border-left: 6px solid #fff;
}
.start_billboard{
min-width: 220px;
}
.uclmi_price{
margin-top: 50px;
font-size: 20px;
}
.uclmi_price_body{
font-size: 32px;
}
.uclmi_price_body i{
font-size: 20px;
position: relative;
top: -6px;
margin-right: 2px;
}
.insert_publications{
display: inline-block;
min-width: 125px;
text-align: center;
height: 30px;
line-height: 30px;
border-radius: 0 4px 4px 0;
font-size: 12px;
background-color: #fff;
}
.loading_subpage{
position: absolute;
width: 100%;
height: 100%;
background: #f7f7f7;
z-index: 999999999999999;
overflow: hidden auto;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s;
border: 1px solid #ddd;
border-radius: var(--prop-border-radius);
margin-left: 8px;
visibility: hidden;
opacity: 0;
}
.loading_subpage.show{
visibility: visible;
opacity: 1;
}
.spinner1 {
width: 60px;
height: 30px;
text-align: center;
font-size: 10px;
}
.spinner1 > div {
background-color: #e7e7e7;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner1 .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner1 .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner1 .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner1 .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40% ,100%{ -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
}
}
.insert_advertiser_loading{
border: 1px solid #ddd;
background-color: var(--main-background-color-accent);
height: 100%;
position: absolute;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.2s
}
.insert_advertiser_loading.show{
visibility: visible;
opacity: 1;
}
.ad_collect_item.empty_ad_collect_item{
justify-content: center;
align-items: center;
height: 165px;
flex-direction: column;
font-size: 26px;
color: #ccc;
font-weight: 300;
}
.show_popup_information_uploading{
font-size: 14px;
position: absolute;
width: 100%;
height: 330px;
padding: 25px;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: all 0.2s;
}
.show_popup_information_uploading.show{
visibility: visible;
opacity: 1;
z-index: 10;
}
.spui_container{
position: relative;
overflow-y: hidden;
display: block;
width: 100%;
height: 100%;
border: 1px solid #ddd;
background: #fff;
border-radius: 6px;
padding: 20px 20px 30px 20px;
z-index: 99;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.06);
background-color: #fff;
}
.spiu_close{
position: absolute;
right: 0;
top: 0;
padding: 5px 10px;
cursor: pointer;
}
.spiu_text{
margin: 10px 0;
width: 100%;
height: 100%;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.spiu_text::-webkit-scrollbar {
width: 10px !important;
}
.spiu_text::-webkit-scrollbar-track {
background-color: #fff;
}
.spiu_text::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
border-left: 6px solid #fff;
}
#map_select_block{
position: relative;
}
.ucib_radio_item.noselected.active{
background-color: #f4f5f6;
color: #000;
padding: 5px 0px;
font-weight: 600;
cursor: default;
}
.aslb_summ_later_billboard{
margin-top: 15px;
display: block;
font-size: 14px;
}
.aslb_summ_later_billboard a{
margin-right: 10px;
}
.aslb_check{
background-color: #d3941b;
padding: 5px 30px;
border-radius: 4px;
color: #fff;
font-size: 12px;
}
.aslb_pay{
background-color: #4bbd71;
padding: 5px 30px;
border-radius: 4px;
color: #fff;
font-size: 12px;
}
.aslb_pay_later{
border: 1px solid #cccccc;
padding: 5px 30px;
border-radius: 4px;
color: #999;
font-size: 12px;
}
.aslb_check:hover,
.aslb_pay:hover{
color: #fff;
}
.aslb_pay_later:hover{
color: #666;
}
.acilc_menu{
font-size: 12px;
display: flex;
justify-content: flex-start;
margin-bottom: 30px;
}
.acilc_menu_item{
padding: 0 5px 5px 5px;
color: #666;
transition: all 0.2s;
border-bottom: 1px solid #f4f5f6;
margin-right: 5px;
}
.acilc_menu_item.active{
color: #000;
border-bottom: 1px solid #000;
}
.acilc_menu_item:hover{
border-bottom: 1px solid #000;
}
.acilcmi_badge{
margin-left: 2px;
padding: 0px 3px 1px 3px;
background-color: #d45c5c;
border-radius: 4px;
color: #fff;
font-size: 9px;
font-weight: 500;
position: relative;
top: -2px;
}
.acill_gallery{
cursor: move;
display: flex;
flex-direction: row;
overflow-x: auto;
outline: none;
margin-top: 15px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.acill_gallery::-webkit-scrollbar {
height: 10px !important;
}
.acill_gallery::-webkit-scrollbar-track {
background-color: #f4f5f6;
}
.acill_gallery::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #f4f5f6;
border-top: 6px solid #f4f5f6;
}
.acilg_item{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 130px;
height: 70px;
display: block;
float: left;
flex: 0 0 auto;
position: relative;
margin-right: 5px;
}
.acilg_item:last-child{
margin-right: 0;
}
.acil_location_block .acils_today{
margin-bottom: 20px;
}
.acil_location_block .acilst_data{
font-size: 26px;
}
.acillc_menu{
font-size: 12px;
justify-content: flex-end;
position: absolute;
width: 100%;
height: 67px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: flex-end;
padding-bottom: 25px;
padding-right: 30px;
z-index: 20;
}
.acillc_menu_item{
padding: 0 5px 5px 5px;
color: #666;
transition: all 0.2s;
border-bottom: 1px solid #f4f5f6;
margin-right: 5px;
}
.acillc_menu_item:last-child{
margin-right: 0;
}
.acillc_menu_item.active{
color: #000;
border-bottom: 1px solid #000;
}
.acillc_menu_item:hover{
border-bottom: 1px solid #000;
}
.acil_right{
width: 50%;
display: flex;
flex-direction: column;
position: relative;
}
.acil_location_container{
width: 100%;
height: 100%;
}
.acil_lc_item{
width: 100%;
height: 100%;
padding-top: 57px;
display: flex;
justify-content: center;
align-items: center;
min-height: 330px;
}
.acil_buttons{
width: 100%;
text-align: right;
margin-top: 35px;
}
.acilb_archive{
padding: 4px 15px;
border: 1px solid #ddd;
border-radius: 4px;
color: #999;
transition: all 0.2s;
}
.acilb_archive:hover{
border: 1px solid #ccc;
color: #444;
}
.acilb_edit{
padding: 4px 15px;
border-radius: 4px;
background-color: #3ebb41;
color: #f4f5f6;
margin-left: 5px;
font-weight: 500;
transition: all 0.2s;
}
.acilb_edit:hover{
background-color: #33aa36;
color: #f4f5f6;
}
.aci_left{
position: relative;
}
.loading_acil_right,
.loading_acil_left{
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-background-color-accent);
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: all 0.2s;
}
.loading_acil_right.show,
.loading_acil_left.show{
visibility: visible;
opacity: 1;
z-index: 999;
}
.uclrm_image_insert span.uclrm_text_insert span{
position: relative;
color: #f4f5f6;
display: flex;
justify-content: center;
align-items: center;
top: 0;
flex-direction: column;
left: 0;
font-size: 10px;
text-align: center;
}
.uclrm_image_insert span.uclrm_text_insert span i{
font-size: 15px;
margin-top: 5px;
}
.alb_list_container{
display: block;
width: 100%;
height: 306px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.alb_list_container::-webkit-scrollbar {
width: 10px !important;
}
.alb_list_container::-webkit-scrollbar-track {
background-color: var(--main-background-color-accent);
}
.alb_list_container::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 2px;
background-color: #bbb;
border-left: 8px solid #fff;
}
.alblc_table{
width: 100%;
}
.alblc_table tr{
transition: background-color 0.2s;
border-top: 1px solid #ddd;
}
.alblc_table tr:hover{
background-color: #f2f2f2;
cursor: pointer;
}
.alblc_table tr.active{
background-color: #f5f6d7;
}
.alblc_table td{
padding: 5px;
}
.alblc_avatar{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 30px;
height: 30px;
border-radius: 3px;
display: block;
}
.alblc_name{
display: block;
font-weight: 600;
text-align: left;
margin-bottom: 1px;
}
.alblc_period{
color: #999;
font-size: 10px;
text-align: left;
}
.alblc_descr{
display: block;
font-size: 10px;
text-align: center;
color: #777;
margin-bottom: 2px;
}
.alblc_data{
display: block;
font-size: 10px;
text-align: center;
font-weight: 600;
}
.alblc_image_horizontal{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 40px;
height: 60px;
display: block;
}
.alblc_image{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 60px;
height: 60px;
display: block;
}
.alblc_table td:last-child{
width: 50px;
}
.location_info_empty{
display: flex;
justify-content: center;
flex-direction: column;
padding: 50px;
font-size: 20px;
color: #ccc;
line-height: 18px;
font-weight: 300;
}
.location_info_empty i{
font-size: 36px;
margin-bottom: 6px;
color: #ddd;
}
.acir_vertical{
display: flex;
width: 100%;
height: 100%;
justify-content: space-between;
padding: 30px;
}
.uclbr_info{
width: 100%;
height: 100%;
}
.uclbri_header{
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
display: block;
}
.uclbri_item{
margin-bottom: 10px;
}
.uclbri_item_header{
text-transform: uppercase;
display: block;
font-size: 10px;
color: #999;
}
.uclbri_item_text{
font-size: 14px;
}
.uclbri_download{
margin-top: 20px;
}
.uclbri_download a{
color: #666;
transition: all 0.2s;
}
.uclbri_download a:hover{
color: #000;
}
.uclbri_accept{
position: absolute;
bottom: 30px;
left: 30px;
width: calc(100% - 60px);
text-align: center;
}
.uclbri_accept .uclbri_item_text{
display: block;
margin-top: 5px;
}
.uclbri_item_text a{
color: #fff;
border-radius: 4px;
width: 60px;
height: 20px;
display: inline-block;
line-height: 20px;
text-align: center;
margin-right: 5px;
transition: background-color 0.2s;
}
.uclbri_item_text a.uclbri_edit{
background-color: #3ebb41;
color: #f4f5f6;
width: 120px;
}
.uclbri_confirm{
background-color: #1eb51e;
margin-right: 5px;
}
.uclbri_confirm:hover{
background-color: #16a216;
}
.uclbri_decline{
background-color: #af0008;
}
.uclbri_decline:hover{
background-color: #97080e;
}
.acir_horizontal{
width: 100%;
height: 100%;
padding: 30px;
align-items: center;
display: flex;
flex-direction: column;
}
.acir_horizontal .uclbr_info{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}
.acir_horizontal .uclbri_header{
width: 100%;
margin-bottom: 5px;
line-height: 20px;
text-align: center;
margin-top: 5px;
}
.acir_horizontal .uclbri_item_group{
text-align: center;
}
.acir_horizontal .uclbri_download{
width: 100%;
margin-top: 1px;
text-align: center;
margin-bottom: 10px;
}
.uclrm_image_insert span.view_magnify a{
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 14px;
display: flex;
color: #fff;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.3);
cursor: pointer;
transition: all 0.2s;
}
.uclrm_image_insert span.view_magnify a:hover{
background: rgba(0, 0, 0, 0);
font-size: 20px;
color: #fff;
}
.ad_collect_item.flash{
animation: flashelement .5s;
}
@keyframes flashelement{
0% {transform: scale(1);}
25% {transform: scale(1.05);}
100% {transform: scale(1);}
}
.popup_window_place_full_overlay{
background-color:transparent;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:block;
}
.fullscreen_navigation{
display: flex;
position: absolute;
width: 100%;
height: 100%;
color: #ededed;
}
.fullscreen_navigation_back{
width: 50%;
height: 100%;
opacity: 0;
font-size: 300px;
font-weight: 900;
position: absolute;
left: 0;
line-height: 300px;
transition: all 0.2s;
}
.fullscreen_navigation_back.active:hover{
cursor: pointer;
opacity: 1;
}
.fullscreen_navigation_next{
width: 50%;
height: 100%;
opacity: 0;
font-size: 300px;
font-weight: 900;
position: absolute;
right: 0;
line-height: 300px;
text-align: right;
transition: all 0.2s;
}
.fullscreen_navigation_next.active:hover{
cursor: pointer;
opacity: 1;
}
.addcb_agree.flash{
animation: flashelement .4s;
}
.addcb_agree.flash .addcba_check,
.addcb_agree.flash .addcba_text,
.addcb_agree.flash .addcba_text a{
color: red;
}
.scb_background_map{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border: 1px solid #ddd;
background: #f2f2f2;
box-sizing: border-box;
}
.scb_add_container{
position: absolute;
background-color: var(--main-background-color-accent);
border: 1px solid #ddd;
width: 90%;
left: 5%;
top: 5%;
height: 320px;
border-radius: 4px;
box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.1);
font-size: 14px;
padding: 30px;
display: flex;
z-index: 10;
justify-content: space-between;
}
.scb_add_container.scb_add_container_blue{
background-color: #46b2e1;
}
.scbac_left_block{
width: 65%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.loading_subpage_master{
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-background-color-accent);
z-index: 999999999999999;
overflow: hidden auto;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s;
visibility: hidden;
opacity: 0;
}
.loading_subpage_master.show{
visibility: visible;
opacity: 1;
}
.acbacli_header{
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.acbacli_select{
display: block;
width: 100%;
position: relative;
}
.acb_select_head{
display: block;
font-size: 10px;
color: #999;
text-transform: uppercase;
}
.acb_select_container{
height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.acb_select_descr{
background-color: #243946;
color: #fff;
width: 35%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
border-radius: 4px 0 0 4px;
}
.acb_select_descr i{
margin-left: 5px;
font-size: 10px;
}
.acb_select_insert{
background-color: #5b8eaf;
color: #fff;
width: 65%;
height: 40px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
border-radius: 0 4px 4px 0;
transition: background-color 0.2s;
}
.acbsl_full{
margin: 0 10px;
width: 100%;
font-size: 14px;
}
.acbsl_left{
margin-left: 10px;
width: 60%;
font-size: 14px;
}
.acbsl_center{
width: 30%;
text-align: center;
font-size: 9px;
text-transform: uppercase;
}
.acbsl_right{
margin-right: 10px;
width: 10%;
text-align: center;
}
.acb_select_list{
display: block;
margin-left: 35%;
position: absolute;
width: 65%;
left: 0;
visibility: hidden;
opacity: 0;
top: 40px;
z-index: 999;
transition: all 0.2s;
}
.acbsl_item{
height: 40px;
display: flex;
align-items: center;
background-color: #084165;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}
.acbsl_item span{
opacity: 0.8;
}
.acbsl_item:hover{
background-color: #165d89;
}
.acbsl_item.active{
background-color: #165d89;
}
.acbsl_item.active span{
opacity: 1;
}
.acbsl_item:last-child{
border-radius: 0 0 4px 4px;
}
.acbsl_item.disabled{
background-color: #144a6c;
cursor: default;
}
.acbsl_item.disabled span{
opacity: 0.5;
}
.acbsl_item.hidden{
display: none;
}
.acbacli_select.active .acb_select_insert{
border-radius: 0 4px 0 0;
}
.acbacli_select.active .acb_select_list{
visibility: visible;
opacity: 1;
top: 55px;
}
.acb_select_close{
background-color: transparent;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 1000;
}
.acb_select_list ul{
z-index: 1001;
margin-bottom: 0;
position: relative;
}
.acbacli_select.error .acb_select_insert{
background-color: #af5b5b;
}
.acb_textarea_container textarea{
width: 100%;
height: 100%;
border: 1px solid #ddd;
resize: none;
outline: none;
padding: 5px 10px;
line-height: 18px;
}
.scbac_right_block{
width: 35%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.scbacr_progress{
width: 100%;
height: 30px;
display: block;
text-align: right;
}
.scvacr_item{
width: 10px;
height: 10px;
display: inline-block;
background-color: #ddd;
transition: background-color 0.2s;
border-radius: 50%;
position: relative;
}
.scvacr_item.active{
background-color: #5b8eaf;
}
.scvacr_item::before{
content: '';
position: absolute;
width: 4px;
height: 1px;
border-bottom: 2px solid #ddd;
top: 4px;
left: -3px;
transition: all 0.2s;
}
.scvacr_item.active::before{
border-bottom: 2px solid #5b8eaf;
}
.scvacr_item:first-child::before{
content: none;
}
.scbacr_surface{
display: block;
width: 100%;
height: calc(100% - 30px);
text-align: right;
margin-top: 20px;
}
.scbacr_surface svg{
opacity: 0;
visibility: hidden;
transition: all 0.1s;
}
.scbacr_surface svg.active{
opacity: 1;
visibility: visible;
}
.acbacl_buttons{
text-align: right;
margin-bottom: 4px;
}
.acbacl_button_back{
padding: 7px 20px;
margin-right: 5px;
}
.acbacl_button_back.hide{
display: none;
}
.acbacl_button_next{
padding: 7px 20px;
background-color: #52ac61;
color: #fff;
font-weight: 600;
border-radius: 4px;
}
.acbacl_button_next:hover{
color: #fff;
}
.acbacli_choosen{
display: flex;
width: 100%;
height: 100%;
}
.acbacli_choosen_item{
width: 50%;
padding: 10px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
border-radius: 10px;
transition: all 0.2s;
}
.acbacli_choosen_item:first-child{
margin-right: 10px;
}
.acbaclici_selection{
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
height: 100px;
border-radius: 10px;
background-color: #000;
color: #fff;
transform: scale(0.9);
transition: all 0.2s;
}
.acbaclici_selection span{
text-align: center;
line-height: 14px;
}
.acbaclici_description{
text-align: center;
font-size: 12px;
line-height: 12px;
color: #000;
}
.acbacli_choosen_item.active{
background-color: #a4bfe2;
}
.acbacli_choosen_item:hover{
background-color: #a4bfe2;
cursor: pointer;
}
.acbacli_choosen_item:hover .acbaclici_selection,
.acbacli_choosen_item.active .acbaclici_selection{
transform: scale(1);
}
.acbsl_full.acbsl_time_pair{
width: 80%;
margin-right: 0;
}
.acbsl_time_pair input{
background: transparent;
border: none;
outline: none;
width: 90px;
text-align: center;
font-size: 18px;
color: #fff;
cursor: pointer;
text-decoration: underline;
}
.acbacli_select.default_cursor .acb_select_container{
cursor: default;
}
.ui-timepicker-wrapper{
width: 100px;
box-shadow: none;
border: none;
margin-top: 6px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.ui-timepicker-wrapper::-webkit-scrollbar {
width: 10px !important;
}
.ui-timepicker-wrapper::-webkit-scrollbar-track {
background-color: #084165;
}
.ui-timepicker-wrapper::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 2px;
background-color: #bbb;
border-left: 6px solid #084165;
border-right: 2px solid #084165;
}
.ui-timepicker-list li.ui-timepicker-am,
.ui-timepicker-list li.ui-timepicker-pm{
height: 40px;
display: flex;
align-items: center;
background-color: #084165;
color: #eee;
transition: all 0.2s;
cursor: pointer;
justify-content: center;
}
.ui-timepicker-list li.ui-timepicker-am:hover,
.ui-timepicker-list li.ui-timepicker-pm:hover{
background-color: #165d89;
}
.ui-timepicker-list li.ui-timepicker-am.active,
.ui-timepicker-list li.ui-timepicker-pm.active{
background-color: #165d89;
color: #fff;
}
.ui-timepicker-list:hover li.ui-timepicker-selected,
.ui-timepicker-list li.ui-timepicker-selected{
background-color: #165d89;
color: #fff;
}
.acbsl_full_add{
width: 5%;
margin-right: 6px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 16px;
font-size: 10px;
}
.acbslfa_item{
opacity: 0.5;
transition: all 0.2s;
cursor: pointer;
}
.acbslfa_item:hover,
.acbslfa_item.active{
opacity: 1;
}
.acbsl_full.acbsl_time_pair2{
width: 80%;
margin-right: 0;
text-align: center;
font-size: 18px;
}
.acbsl_full.acbsl_settings input{
background: transparent;
border: none;
outline: none;
width: 100%;
text-align: center;
font-size: 14px;
color: #fff;
}
.acbsl_full.acbsl_settings input::placeholder,
.acbsl_full.acbsl_settings2 input::placeholder{
color: #fff;
opacity: 0.4;
}
.acbsl_full.acbsl_settings2{
text-align: center;
}
.acbsl_full.acbsl_settings2 input{
background: transparent;
border: none;
outline: none;
width: 100px;
text-align: center;
font-size: 18px;
color: #fff;
}
.dropzone{
height: 170px;
border: 1px dashed #ddd;
background-color: var(--main-background-color-accent);
border-radius: 4px;
padding: 10px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.dropzone::-webkit-scrollbar {
width: 10px !important;
}
.dropzone::-webkit-scrollbar-track {
background-color: #e7e7e7;
}
.dropzone::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 2px;
background-color: #bbb;
border-left: 6px solid #e7e7e7;
border-right: 2px solid #e7e7e7;
}
.dropzone .dz-message{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #bbb;
font-weight: 300;
margin: 0;
}
.dropzone .dz-preview{
margin: 10px;
min-height: 90px;
background: #e7e7e7;
}
.dropzone .dz-preview .dz-image{
border-radius: 4px;
width: 90px;
height: 90px;
}
.dropzone .dz-preview .dz-details{
font-size: 10px;
}
.dropzone .dz-preview .dz-details .dz-filename{
overflow: hidden;
text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-size{
font-size: 12px;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
border-radius: 4px;
}
.dropzone .dz-preview .dz-error-message{
width: 90px;
left: 0;
top: 100px;
font-size: 10px;
border-radius: 4px;
}
.dropzone .dz-preview .dz-progress{
display: none;
}
.acb_input_item{
width: 100%;
height: 40px;
}
.acb_input_item input{
width: 100%;
height: 40px;
border: 1px solid #ddd;
outline: none;
border-radius: 4px;
font-size: 18px;
padding: 0 10px;
text-align: center;
}
.acb_input_item input::placeholder{
color: #ddd;
}
.acb_input_groups{
display: flex;
}
.acb_input_groups .acbacli_input{
width: 33%;
margin-right: 10px;
}
.acb_input_groups .acbacli_input:last-child{
margin-right: 0;
}
.acbacli_select_groups{
display: flex;
}
.acbacli_select_groups .acbacli_select{
width: 50%;
}
.acbacli_select_groups .acbacli_select:first-child{
margin-right: 10px;
}
.acb_checkbox_container{
height: 40px;
display: flex;
padding: 5px 0;
}
.acb_checkbox_item{
margin-right: 20px;
cursor: pointer;
}
.acb_checkbox_item_text{
margin-left: 5px;
line-height: 18px;
}
.acbacli_finish{
width: 100%;
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #46b2e1;
color: #fff;
left: 0;
top: 0;
border-radius: 20px;
z-index: 99;
}
.acbacli_finish_header{
font-size: 30px;
font-weight: 600;
margin-bottom: 10px;
}
.acbacli_finish_header i{
margin-right: 10px;
}
.acbacli_finish_text{
font-size: 16px;
margin-bottom: 40px;
}
.acbacli_finish_url a{
color: #fff;
text-decoration: underline;
}
.mapboxgl-ctrl-geocoder{
width: 100% !important;
max-width: 100% !important;
box-shadow: none;
}
.mapboxgl-ctrl-geocoder--icon-search{
display: none;
}
.mapboxgl-ctrl-geocoder--input{
text-align: left !important;
}
.mapboxgl-ctrl-geocoder--input.error{
border: 1px solid #ff0000;
box-shadow: 1px 1px 11px rgba(255, 0, 0, 0.1);
}
.mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions{
box-shadow: none;
border: 1px solid #ddd;
}
.scb_background_map .mapboxgl-canvas-container.mapboxgl-interactive{
cursor: crosshair;
}
.overlay_map_off{
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
background: transparent;
}
.content_edit_location{
border: 1px solid #ddd;
background-color: var(--main-background-color-accent);
display: flex;
padding: 20px;
font-size: 14px;
border-radius: var(--prop-border-radius);
}
.cel_left_block{
width: 60%;
}
.cel_header{
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
.content_edit_location hr{
border: 0;
border-bottom: 1px solid #ddd;
margin: 15px 0;
}
.acbacli_remove_group{
margin-left: 5px;
margin-top: -3px;
}
.acbacli_remove_group i{
cursor: pointer;
color: #999;
transition: color 0.2s;
}
.acbacli_remove_group i:hover{
color: #444;
}
.acbacli_select_remove_block{
margin-bottom: 5px;
border-top: 1px solid #ddd;
padding: 5px 0;
}
.acbacli_insert_button{
margin-top: 10px;
}
.acbacli_insert_button a{
color: #999;
transition: color 0.2s;
}
.acbacli_insert_button a:hover{
color: #444;
}
.acbacli_insert_button i{
font-size: 12px;
}
.cel_photos_block{
display: flex;
flex-wrap: wrap;
max-height: 200px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.cel_photos_block::-webkit-scrollbar {
width: 6px !important;
}
.cel_photos_block::-webkit-scrollbar-track {
background-color: #eff3f5;
}
.cel_photos_block::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #eff3f5;
}
.cel_photos_add{
width: calc(33.3% - 6px);
margin: 3px;
border: 2px dashed #ddd;
display: flex;
justify-content: center;
height: 90px;
align-items: center;
border-radius: 4px;
background: #eee;
cursor: pointer;
}
.cel_photos_add:hover svg path{
transition: opacity 0.2s;
}
.cel_photos_add:hover svg path{
opacity: 0.5;
}
.cel_photos_edit{
width: calc(33.3% - 6px);
height: 90px;
margin: 3px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.cel_photos_img{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
border-radius: 4px;
z-index: 1;
}
.cel_photos_overlay{
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.51);
z-index: 2;
transition: all 0.2s;
}
.cel_photos_view{
margin-right: 15px;
font-size: 16px;
color: #aaa;
cursor: pointer;
z-index: 3;
transition: all 0.2s;
visibility: hidden;
opacity: 0;
}
.cel_photos_del{
color: #aaa;
z-index: 3;
font-size: 16px;
cursor: pointer;
transition: all 0.2s;
visibility: hidden;
opacity: 0;
}
.cel_photos_edit:hover .cel_photos_overlay,
.cel_photos_edit:hover .cel_photos_view,
.cel_photos_edit:hover .cel_photos_del{
visibility: visible;
opacity: 1;
}
.cel_photos_view:hover,
.cel_photos_del:hover{
color: #fff;
}
.acbacli_buttons_save{
background-color: #31b268;
color: #fff;
height: 35px;
display: inline-flex;
width: 120px;
margin-right: 10px;
border-radius: 4px;
align-items: center;
justify-content: center;
transition: all 0.2s
}
.acbacli_buttons_save:hover{
background-color: #2a9e5c;
color: #fff;
}
.acbacli_buttons_cancel{
height: 35px;
display: inline-flex;
width: 120px;
margin-right: 10px;
border-radius: 4px;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
color: #999;
transition: all 0.2s;
}
.acbacli_buttons_cancel:hover{
border: 1px solid #aaa;
color: #666;
}
.content_edit_location .acb_select_descr{
background-color: #eee;
color: #444;
}
.content_edit_location .acb_select_head{
margin-bottom: 5px;
}
.content_edit_location .acbsl_full.acbsl_settings input{
color: #444;
}
.content_edit_location .acb_select_insert{
background-color: #fff;
color: #444;
}
.content_edit_location .acbsl_full.acbsl_settings input::placeholder,
.content_edit_location .acbsl_full.acbsl_settings2 input::placeholder{
color: #444;
}
.content_edit_location .acbsl_item{
background-color: #ffffff;
color: #000;
}
.content_edit_location .acbsl_item:hover{
background-color: #eee;
}
.content_edit_location .acbsl_item.active{
background-color: #eee;
}
.content_edit_location .acbsl_time_pair input{
color: #444;
}
.content_edit_location .acb_select_container{
height: 42px;
border: 1px solid #ddd;
border-radius: 4px;
}
.content_edit_location .acbacli_select.active .acb_select_list{
top: 60px;
}
.content_edit_location .acb_select_list ul{
border: 1px solid #ddd;
border-top: 0;
}
.content_edit_location .ui-timepicker-list li.ui-timepicker-am,
.content_edit_location .ui-timepicker-list li.ui-timepicker-pm{
background-color: #fff;
color: #666;
}
.content_edit_location .ui-timepicker-list:hover li.ui-timepicker-selected,
.content_edit_location .ui-timepicker-list li.ui-timepicker-selected{
background-color: #eee;
color: #000;
}
.content_edit_location .ui-timepicker-list li.ui-timepicker-am:hover,
.content_edit_location .ui-timepicker-list li.ui-timepicker-pm:hover{
background-color: #eee;
}
.content_edit_location .ui-timepicker-wrapper{
margin-top: 5px;
border: 1px solid #ddd;
border-top: 0;
}
.content_edit_location .ui-timepicker-wrapper::-webkit-scrollbar-track {
background-color: #fff;
}
.content_edit_location .ui-timepicker-wrapper::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 2px;
background-color: #bbb;
border-left: 6px solid #fff;
border-right: 2px solid #fff;
}
.cel_right_block{
width: 40%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 35px;
padding-left: 20px;
}
.cel_surface_img{
position: relative;
}
.celsi_description{
position: absolute;
color: #fff;
z-index: 1;
text-align: center;
width: 100%;
left: 0;
font-size: 12px;
line-height: 14px;
}
.celsi_description.celsi_portrait{
top: calc(50% - 36px);
left: -1px;
}
.celsi_description.celsi_landscape{
top: calc(50% - 36px);
left: -1px;
}
.celsi_description.celsi_billboard{
top: calc(50% - 66px);
left: -2px;
}
.celsi_description.celsi_citylight{
top: calc(50% - 60px);
left: -2px;
}
.content_edit_location .celsi_description hr{
margin: 2px auto;
border-bottom: 1px solid #999;
width: 60%;
}
.cel_surface_address{
padding: 20px;
text-align: center;
color: #666;
}
.cel_surface_map{
display: block;
margin-top: 30px;
border: 1px solid #ddd;
width: 100%;
height: 245px;
position: relative;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact{
display: none;
}
.cel_photos_input{
display: none;
}
.lvf_header{
font-size: 16px;
padding: 10px;
font-weight: 500;
}
.lvf_text{
font-size: 14px;
text-align: left;
padding: 0 20px;
margin-bottom: 0;
}
.lvf_input textarea{
font-size: 14px;
width: calc(100% - 40px);
margin: 0 20px;
outline: none;
padding: 10px;
resize: none;
border: 1px solid #ddd;
border-radius: 4px;
background-color: white;
}
.lvf_buttons{
font-size: 14px;
margin: 20px;
}
.lvf_buttons a{
padding: 5px 20px;
border-radius: 4px;
color: #fff;
}
.lvf_buttons a.confirm_reject{
background-color: #ee4d4d;
margin-right: 10px;
}
.lvf_buttons a.decline_reject{
background-color: #499ee6;
}
.popup_window_place_full.popup_window_place_full_owner{
position: fixed;
width: 710px;
}
.lvf_buttons a.confirm_reject2,
.lvf_buttons a.confirm_reject_billboard{
background-color: #ee4d4d;
margin-right: 10px;
}
.lvf_buttons a.decline_reject2{
background-color: #499ee6;
}
.popup_window_place_full2{
position: fixed;
width: 710px;
height: 100%;
/* background: rgba(255, 255, 255, 0.8); */
margin: 0 auto;
text-align: center;
visibility: hidden;
opacity: 0;
z-index: -1;
display: flex;
padding: 0 45px;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.popup_window_place_full2.active{
visibility: visible;
opacity: 1;
z-index: 9999;
}
.popup_window_place_full_overlay2{
background-color:transparent;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:block;
}
.location_view_full .location_view_full_exit2{
position: absolute;
font-size: 12px;
top: 0;
right: 0;
padding: 5px 10px;
z-index: 6;
cursor: pointer;
}
.lvf_buttons a.confirm_reject3,
.lvf_buttons a.confirm_reject5{
background-color: #ee4d4d;
margin-right: 10px;
}
.lvf_buttons a.decline_reject3{
background-color: #499ee6;
}
.popup_window_place_full3{
position: fixed;
width: 710px;
height: 100%;
/* background: rgba(255, 255, 255, 0.8); */
margin: 0 auto;
text-align: center;
visibility: hidden;
opacity: 0;
z-index: -1;
display: flex;
padding: 0 45px;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.popup_window_place_full3.active{
visibility: visible;
opacity: 1;
z-index: 9999;
}
.popup_window_place_full_overlay3{
background-color:transparent;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:block;
}
.location_view_full .location_view_full_exit3{
position: absolute;
font-size: 12px;
top: 0;
right: 0;
padding: 5px 10px;
z-index: 6;
cursor: pointer;
}
.location_view_full .location_view_full_exit4{
position: absolute;
font-size: 12px;
top: 0;
right: 0;
padding: 5px 10px;
z-index: 6;
cursor: pointer;
}
.arblc_table{
width: 100%;
}
.arblc_table td{
padding: 5px 0;
}
.insert_budget{
display: inline-flex;
min-width: 160px;
height: 44px;
line-height: 37px;
border-radius: 0 4px 4px 0;
font-size: 22px;
font-weight: 600;
background-color: #5baf63;
color: #fff;
margin-bottom: 5px;
justify-content: center;
align-items: center;
top: 4px;
position: relative;
}
.noUi-horizontal{
margin: 7px 0 25px 0;
}
.noUi-connect {
background-color: #5b8eae;
}
.insert_publications_new{
display: inline-block;
min-width: 125px;
text-align: center;
height: 30px;
line-height: 30px;
border-radius: 0 4px 4px 0;
font-size: 12px;
background-color: #5b8eaf;
color: #fff;
border: 0;
outline: none;
}
.acilst_data.flash{
animation: flashelement_strong .3s;
}
@keyframes flashelement_strong{
0% {transform: scale(1);}
25% {transform: scale(1.3);}
100% {transform: scale(1);}
}
.uclrm_text_insert{
position: absolute;
border-radius: 4px;
font-size: 11px;
color: #bbb;
display: none;
justify-content: center;
align-items: center;
text-align: center;
padding: 10px;
flex-direction: column;
}
.uclrm_image_insert .uclrm_text_insert{
display: block;
padding: 0;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
}
.uclrm_image_insert .uclrm_text_insert.show{
opacity: 1;
visibility: visible;
}
.uclrm_text_insert.portrait{
width: 134px;
top: 9px;
left: 6px;
height: 216px;
}
.uclrm_text_insert.landscape{
width: 218px;
top: 13px;
left: 5px;
height: 135px;
}
.user_page{
display: block;
width: 100%;
height: auto;
border: 1px solid #ddd;
border-radius: var(--prop-border-radius);
background: #fff;
}
.up_header_block{
display: block;
width: 100%;
height: 280px;
position: relative;
}
.uphb_cover{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
display: block;
}
.uphb_main{
position: absolute;
left: 30px;
bottom: 30px;
display: flex;
}
.uphb_main_avatar{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 120px;
height: 120px;
display: block;
border-radius: 50%;
border: 3px solid #fff;
box-shadow: 0 0 0.1875rem rgba(0,0,0,.5);
}
.uphb_main_name{
text-shadow: 1px 1px 0.5rem rgba(0, 0, 0, 0.72);
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
}
.uphb_main_title{
font-size: 30px;
line-height: 36px;
}
.uphb_main_type{
font-size: 13px;
}
.uphb_main_rating{
font-size: 8px;
margin-top: 5px;
color: #ffd100;
}
.upmb_widgets{
display: flex;
width: 100%;
height: auto;
padding: 0 5px;
}
.upmb_widget{
display: flex;
width: 33%;
height: 80px;
font-size: 14px;
border: 1px solid #ddd;
justify-content: space-between;
align-items: center;
margin: 10px 5px;
}
.upmbw_icon{
font-size: 40px;
margin-left: 20px;
}
.upmbw_icon.upmbw_icon_green{
color:#66bb6a;
}
.upmbw_icon.upmbw_icon_blue{
color:#5c6bc0;
}
.upmbw_icon.upmbw_icon_orange{
color:#f57c00;
}
.upmbw_text{
align-items: flex-end;
display: flex;
flex-direction: column;
line-height: 24px;
margin-right: 20px;
}
.umpbw_text_digit{
font-size: 24px;
font-weight: 600;
}
.umpbw_text_desc{
text-transform: uppercase;
font-size: 12px;
color: #999;
}
.upmb_about{
display: block;
width: 100%;
height: auto;
font-size: 14px;
padding: 20px 20px 10px 20px;
}
.upmb_about h4{
font-size: 16px;
font-weight: 600;
}
.upmb_images{
width: 100%;
height: auto;
font-size: 14px;
padding: 0 20px 10px 20px;
display: flex;
flex-wrap: wrap;
}
.upmb_photos_view{
width: calc(33.3% - 6px);
height: 130px;
margin: 3px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.upmb_photos_view:hover .cel_photos_overlay,
.upmb_photos_view:hover .cel_photos_view{
visibility: visible;
opacity: 1;
}
.upmb_location{
font-size: 14px;
display: flex;
padding: 0 20px;
}
.upmb_location_left{
width: 80%;
}
.upmb_location_name{
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.upmb_location_main{
display: flex;
font-size: 12px;
flex-direction: column;
color: #666;
}
.upmb_location_right{
display: flex;
justify-content: center;
align-items: center;
width: 20%;
height: auto;
}
.upmb_location_right .celsi_description{
font-size: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50%;
}
.upmb_location_right .celsi_description.celsi_landscape{
height: 60%;
}
.upmb_location_right hr{
width: 60%;
margin: 1px auto;
}
.upmb_location_block{
padding: 10px 0;
margin: 10px 0;
border-bottom: 1px solid #ddd;
}
.upmb_location_block:last-child{
border-bottom:0;
}
.up_main_block hr{
border: 0;
border-bottom: 1px solid #ddd;
}
.upmb_location_descr{
margin-top: 10px;
}
.upmb_review_block{
font-size: 14px;
padding: 20px;
}
.upmb_review_block h4{
font-size: 16px;
font-weight: 600;
}
.ummbrb_review{
display: flex;
margin-top: 20px;
}
.ummbrb_review_avatar{
width: 70px;
height: 70px;
display: block;
margin-right: 10px;
}
.ummbrb_review_avatar_image{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 60px;
height: 60px;
display: block;
border-radius: 50%;
}
.ummbrb_review_text{
width: calc(100% - 80px);
display: flex;
flex-direction: column;
position: relative;
}
.ummbrb_review_text_author a{
font-size: 16px;
font-weight: 500;
}
.ummbrb_review_text_date{
font-size: 12px;
color: #666;
}
.ummbrb_review_text_review{
margin-top: 10px;
}
.umbrb_review_rating{
font-size: 11px;
margin-top: 4px;
color: #febf00;
position: absolute;
right: 0;
top: 0;
}
.ummbrb_review_empty{
color: #999;
padding-top: 10px;
}
.ummbrb_add_review_rating{
line-height: 15px;
}
.ummbrb_add_review_rating .rating {
border: none;
margin-left: -3px;
}
.ummbrb_add_review_rating .rating > input { display: none; }
.ummbrb_add_review_rating .rating > label::before {
margin: 0 2px;
font-size: 1em;
font-family: 'Font Awesome 5 Pro';
display: inline-block;
content: "\f005";
}
.ummbrb_add_review_rating .rating > label {
color: #ddd;
float: right;
margin-bottom: 0;
}
.ummbrb_add_review_rating .rating > input:checked ~ label,
.ummbrb_add_review_rating .rating:not(:checked) > label:hover,
.ummbrb_add_review_rating .rating:not(:checked) > label:hover ~ label {
color: #fd8e00;
cursor: pointer;
font-weight: 900;
}
.ummbrb_add_review_rating .rating > input:checked + label:hover,
.ummbrb_add_review_rating .rating > input:checked ~ label:hover,
.ummbrb_add_review_rating .rating > label:hover ~ input:checked ~ label,
.ummbrb_add_review_rating .rating > input:checked ~ label:hover ~ label {
color: #fd8e00;
font-weight: 900;
}
.ummbrb_add_review{
margin-top: 20px;
}
.ummbrb_add_review_input textarea{
width: 100%;
height: 100px;
outline: none;
border: 1px solid #ddd;
resize: none;
border-radius: 4px;
padding: 5px 10px;
}
.ummbrb_add_review_control{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 5px;
}
.ummbrb_add_review_send input{
border: 0;
padding: 5px 40px;
border-radius: 4px;
background-color: #24a9e7;
color: #fff;
font-weight: 500;
}
.ummbrb_add_review_rating_descr{
font-size: 10px;
color: #bbb;
}
.hover_avatar{
top: 0;
left: 0;
position: absolute;
width: 120px;
height: 120px;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0.4;
border-radius: 50%;
cursor: pointer;
transition: visibility 0.2s, opacity 0.2s;
}
.hover_avatar i{
position: absolute;
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
color: #fff;
font-size: 20px;
}
.uphb_avatar{
border-radius: 50%;
margin-right: 20px;
}
.uphb_avatar .hover_avatar i{
font-size: 24px;
margin-left: -12px;
margin-top: -12px;
}
.uphb_avatar:hover .hover_avatar{
visibility: visible;
opacity: 1;
}
.uphb_edit_cover{
position: absolute;
font-size: 14px;
bottom: 23px;
right: 20px;
}
.uphb_edit_cover a{
background-color: #fff;
color: #666;
padding: 5px 20px;
border-radius: 4px;
box-shadow: 0 0 0.1875rem rgba(0,0,0,.5);
transition: color 0.2s;
}
.uphb_edit_cover a:hover{
color: #000;
}
.up_main_block_form{
display: block;
font-size: 14px;
width: 100%;
height: auto;
padding: 20px;
}
.upmn_double{
display: flex;
}
.upmn_item{
display: flex;
width: 100%;
flex-direction: column;
margin-bottom: 10px;
}
.upmn_double .upmn_item{
width: 50%;
}
.upmn_double .upmn_item:first-child{
margin-right: 5px;
}
.upmn_double .upmn_item:last-child{
margin-left: 5px;
}
.upmn_item_legend{
font-size: 10px;
text-transform: uppercase;
color: #999;
}
.upmn_item_input input,
.upmn_item_input textarea{
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
padding: 5px 10px;
outline: none;
}
.upmn_item_input textarea{
resize: none;
height: 100px;
}
.select2-selection--single .select2-selection__arrow::after{
content: "\f107";
font-family: 'Font Awesome 5 Pro';
}
.select2-selection--single{
padding: 5px 0;
border-radius: 4px;
}
.select2-selection--single .select2-selection__rendered{
padding-left: 10px;
}
.upmn_item_input.upmn_item_input_submit{
text-align: right;
margin-top: 10px;
}
.upmn_item_input.upmn_item_input_submit input{
background-color: #24a9e7;
color: #fff;
font-weight: 600;
width: calc(33.33% - 5px);
border: 0;
}
.budget_comment{
font-size: 11px;
color: #999;
margin-top: 2px;
}
.lvdv_m_content{
flex-direction: column;
}
.table_show_location{
font-size: 12px;
width: 100%;
line-height: 14px;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.location_show_hr{
width: 100%;
border: 0;
border-bottom: 1px solid #ddd;
margin-top: 5px;
margin-bottom: 5px;
}
.lvdv_m_type.lvdv_m_type_portrait .lvdv_m_information{
position: absolute;
font-size: 10px;
top: 33px;
color: #fff;
z-index: 1;
text-align: center;
left: 24px;
line-height: 13px;
}
.lvdv_m_type.lvdv_m_type_landscape .lvdv_m_information{
position: absolute;
font-size: 10px;
top: 22px;
color: #fff;
z-index: 1;
text-align: center;
left: 34px;
line-height: 13px;
}
.lvdv_m_information hr{
margin: 2px auto;
}
.lvdv_m_type.lvdv_m_type_portrait{
text-align: left;
padding-left: 13px;
}
.lvdv_m_type.lvdv_m_type_landscape{
margin-left: -10px;
margin-right: 15px;
}
.aslb_summ_check_wall{
font-size: 12px;
margin-top: 10px;
cursor: pointer;
}
#aslb_summ_check_wall_icon{
margin-right: 4px;
}
.stripe_payment_form{
margin-bottom: 20px;
text-align: right;
margin: 20px;
position: relative;
}
.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 10px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #f2f2f2;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.lvf_payment{
font-size: 14px;
padding: 20px 20px 0 20px;
text-align: left;
}
.card-errors{
font-size: 12px;
text-align: left;
color: #fa755a;
height: 18px;
}
.stripe_payment_form button{
font-size: 16px;
font-weight: 600;
background: #4bbd71;
color: #fff;
border: 0;
padding: 5px 30px;
border-radius: 4px;
outline: none;
}
.payment_form_credentials{
position: absolute;
left: 0;
font-size: 12px;
bottom: 0;
}
a.pfc_powered{
color: #999;
}
a.pfc_terms{
color: #999;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #ddd;
}
.popup_window_place_full_overlay2.location_view_full_background{
background-color: rgba(0, 0, 0, 0.4);
}
.fa-spin-fast {
-webkit-animation: fa-spin .5s linear infinite;
animation: fa-spin .5s linear infinite
}
.payment_form_last_step{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
font-size: 14px;
text-align: center;
visibility: hidden;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all 0.2s;
}
.payment_form_last_step.active{
visibility: visible;
opacity: 1;
}
.payment_form_last_step_text{
display: block;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}
.payment_form_last_step_button{
background: #ccc;
width: 200px;
height: 34px;
display: inline-block;
line-height: 34px;
color: #fff;
border-radius: 4px;
transition: background 0.2s;
}
.payment_form_last_step_button:hover{
color: #fff;
}
.payment_form_last_step_button.success{
background: #4bbd71;
}
.payment_form_last_step_button.error{
background: #fa755a;
}
.noUi-pips-horizontal{
padding-top: 0;
}
.table_list_slider .noUi-pips-horizontal{
height: auto;
}
.noUi-marker-horizontal.noUi-marker-large{
height: .4625rem;
}
.noUi-value-horizontal{
font-size: 9px;
padding-top: 5px;
}
.upmn_triple{
display: flex;
}
.upmn_triple .upmn_item{
width: 33.33%;
}
.upmn_triple .upmn_item{
margin-right: 5px;
margin-left: 5px;
}
.upmn_triple .upmn_item:first-child{
margin-left: 0;
}
.upmn_triple .upmn_item:last-child{
margin-right: 0;
}
.upmn_header{
margin: 10px 0;
display: block;
font-weight: 600;
text-transform: uppercase;
}
.upmn_item_button a{
display: block;
background-color: #f6f6f6;
color: #666;
font-weight: 500;
width: 100%;
border: 1px solid #ddd;
padding: 5px 10px;
border-radius: 4px;
text-align: center;
}
.upmn_double.upmn_half_double .upmn_item:first-child{
width: 66.66%;
}
.upmn_double.upmn_half_double .upmn_item:last-child{
width: 33.33%;
}
.upmn_hr{
border: 0;
border-bottom: 1px solid #ddd;
margin-top: 10px;
}
.popup_window_change_full{
position: fixed;
width: 710px;
height: 100%;
/* background: rgba(255, 255, 255, 0.8); */
margin: 0 auto;
text-align: center;
visibility: hidden;
opacity: 0;
z-index: -1;
display: flex;
padding: 0 45px;
justify-content: center;
align-items: flex-start;
transition: all 0.2s;
margin-top: 40px;
}
.popup_window_change_full.active{
visibility: visible;
opacity: 1;
z-index: 9999;
}
.lvf_input input{
font-size: 18px;
width: calc(100% - 40px);
margin: 0 20px;
outline: none;
padding: 5px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: white;
font-weight: 600;
text-align: center;
}
.lvf_buttons a.confirm_reject4{
background-color: #ee4d4d;
margin-right: 10px;
}
.popup_window_change_full .popup_window_place_full_overlay2{
background-color: rgba(0, 0, 0, 0.4);
}
.upmn_last_item{
display: flex;
width: 100%;
flex-direction: row;
margin-bottom: 10px;
}
.upmn_last_item .form-check{
width: 50%;
}
.upmn_last_item .form-check-label{
margin-top: 12px;
position: relative;
margin-left: 30px;
cursor: pointer;
}
.upmn_last_item .uniform-checker{
display: inline-block;
left: -30px;
}
.upmn_last_item .upmn_item_input_submit{
width: 50%;
}
.upmn_last_item .upmn_item_input_submit input{
width: 100%;
}
.form-check-label a{
transition: text-decoration 0.2s
}
.form-check-label a:hover{
text-decoration: underline;
}
.uniform-uploader .action{
user-select: none;
border: 1px solid #ddd;
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px;
background-color: #f2f2f2;
}
.upmn_divider{
border: 0;
border-bottom: 1px solid #ddd;
margin: 10px 0;
}
.upmn_selector{
border: 1px solid #ddd;
border-radius: 4px;
}
.upmn_selector_block{
display: flex;
}
.upmn_selector_block_element{
padding: 5px 20px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #f6f6f6;
width: 50%;
text-align: center;
cursor: pointer;
transition: all 0.2s;
}
.upmn_selector_block_element:last-child{
border-right: 0;
}
.upmn_selector_block_element.active{
border-bottom: 1px solid transparent;
background-color: transparent;
}
.upmn_selector_block_element:hover{
background-color: transparent;
}
.upmn_disclaimer{
margin-top: 20px;
}
.upmn_selector_block_page{
padding: 15px 15px 5px 15px;
}
.upmn_item_input.upmn_item_input_insert{
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
padding: 7px 10px;
outline: none;
background-color: transparent;
height: auto;
}
.up_main_block_form .error{
opacity: 0;
transform: translateY(10px);
transition-property: opacity, transform;
transition-duration: 0.35s;
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
color: #FA755A;
}
.up_main_block_form .error.visible {
opacity: 1;
transform: none;
}
.uniform-uploader .filename{
color: #ccc;
}
.uniform-uploader .filename.file_selected{
color: #000;
}
.upmn_item_input input::placeholder{
color: #ccc;
}
.upmn_item_input.upmn_item_input_submit input{
transition: background-color 0.2s;
}
.upmn_item_input.upmn_item_input_submit input:disabled{
background-color: #ccc;
}
input.error_input::placeholder{
color: #fab5aa;
}
.uniform-uploader .filename.error_input{
color: #fab5aa;
}
.select2-container.error_input .select2-selection__rendered{
color: #fab5aa;
}
.check_required_phone.error_input{
color: #fab5aa;
}
.upmn_img_description{
font-size: 11px;
color: #bbb;
line-height: 11px;
margin-bottom: 15px;
}
.upmn_header_two{
font-size: 18px;
text-align: center;
margin-bottom: 10px;
}
.upmn_list li{
position: relative;
}
.upmn_list li span{
text-transform: uppercase;
position: absolute;
left: 100px;
}
.grop_add_check{
font-size: 20px;
}
.table_monitor.table_monitor_group{
display: flex;
justify-content: center;
align-items: center;
}
.agency_block_layer {
display: flex;
width: 100%;
height: 410px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: var(--prop-border-radius);
padding: 25px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.group_left_block,
.group_right_block{
width: 48%;
}
.group_right_block{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.acbacli_buttons.acbacli_buttons_group{
text-align: right;
}
.acbacli_select_group .acbsl_left{
width: 90%;
}
.tpm_item.hidden{display: none;}
.table_list tr.checked{
background-color: #e5ffe9;
}
.acbacli_buttons_create,
.acbacli_buttons_groupsave{
background-color: #31b268;
color: #fff;
height: 35px;
display: inline-flex;
width: 120px;
border-radius: 4px;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.acb_select_container.error .acb_select_insert{
background: rgba(255, 0, 0, 0.1);
}
.list_table.list_table_group{
max-height: calc(100% - 415px);
}
.acbacli_select.disabled .acb_select_container{
cursor: default;
}
.acil_lc_item.acil_lc_item_up{
padding-top: 0;
}
.arblc_table_zebra tr{
background-color: var(--main-background-color-accent);
transition: background-color 0.2s;
border: 1px solid #ddd;
}
.arblc_table_zebra tr td{
padding: 5px;
}
.arblc_table_zebra tr:nth-child(even) {
background-color: #f2f2f2;
}
.arblc_table_title{
display: block;
text-align: center;
margin-bottom: 10px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
#insert_group_list .acil_lc_item{
min-height: 230px;
}
#insert_group_list .alb_list_container{
max-height: 306px;
height: auto;
}
.table_supergroup_count{
text-align: center;
}
.table_supergroup_count span{
display: block;
font-size: 14px;
font-weight: 600;
}
.acbacli_choosen_item.active{
}
.acbacli_input.only_agency_block{
position: absolute;
bottom: -15px;
left: 0;
opacity: 0;
transition: opacity 0.2s;
}
.acbacli_choosen_item.active .acbacli_input.only_agency_block{
opacity: 1;
}
.acbacli_input.only_agency_block .acb_checkbox_container{
padding-top: 0;
}
.acil_lheader_type{
float: right;
margin-top: -3px;
}
.acil_lheader_type i{
font-size: 26px;
color: rgba(0, 102, 204, 0.7);
}
.scrolling_content_block.stubs_scrolling_block .next_step_panel.nsp_sticky{
margin-top: 0;
}
.main_menu_divider{
margin: 0 15px;
border: 0;
border-bottom: 1px solid #ddd;
}
.stubs_scrolling_block .aci_right{
justify-content: center;
}
.stubs_scrolling_block .acir_middle{
margin-top: 30px;
}
.acbacli_buttons_archive{
height: 35px;
display: inline-flex;
width: calc(100% - 40px);
margin: 20px 0;
border-radius: 4px;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
color: #999;
transition: all 0.2s;
}
.acbacli_buttons_archive:hover {
border: 1px solid #ff5e00;
color: #ff5e00;
}
.acil_container.acil_container_stub{
height: 100%;
position: relative;
}
.acil_container.acil_container_stub .acil_statistics{
margin-bottom: 45px;
}
.acil_container.acil_container_stub .acil_buttons{
position: absolute;
bottom: 20px;
right: 0;
}
.acilst_data_bonus{
font-size: 10px;
font-weight: 600;
}
/* billboard settings */
.table_phot_billboard{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 80px;
height: 50px;
border-radius: 4px;
display: block;
}
.tripple_progress{
display: flex;
width: auto;
}
.trip_element{
width: 50px;
height: 4px;
top: 5px;
/* border: 1px solid #eee;*/
border-radius: 6px;
margin-right: 3px;
position: relative;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.trip_element.trip_element_quart{
margin-right: 11px;
}
.trip_element:last-child{
margin-right: 0px;
}
.trip_element_desription{
width: 100%;
display: flex;
position: relative;
z-index: 2;
font-weight: 500;
color: #444;
font-size: 9px;
justify-content: center;
align-items: center;
top: -12px;
transition: all 0.2s;
}
.trip_element_progress{
width: 100%;
position: absolute;
height: 100%;
top: 0;
left: 0;
z-index: 1;
border-radius: 6px;
}
.trip_element.fill{
background-color: var(--billboard-color-booked);
}
.trip_element.empty{
background-color: var(--billboard-color-free);
}
.trip_element.reserved{
background-color: var(--billboard-color-reserved);
}
.trip_element.fill_empty{
background-color: var(--billboard-color-free);
}
.trip_element.fill_empty .trip_element_progress{
background-color: var(--billboard-color-booked);
}
.trip_element.fill_reserved{
background-color: var(--billboard-color-reserved);
}
.trip_element.fill_reserved .trip_element_progress{
background-color: var(--billboard-color-booked);
}
.trip_element.reserved_fill{
background-color: var(--billboard-color-booked);
}
.trip_element.reserved_fill .trip_element_progress{
background-color: var(--billboard-color-reserved);
}
.trip_element.reserved_empty{
background-color: var(--billboard-color-free);
}
.trip_element.reserved_empty .trip_element_progress{
background-color: var(--billboard-color-reserved);
}
.trip_element.empty_fill{
background-color: var(--billboard-color-booked);
}
.trip_element.empty_fill .trip_element_progress{
background-color: var(--billboard-color-free);
}
.trip_element.empty_reserved{
background-color: var(--billboard-color-reserved);
}
.trip_element.empty_reserved .trip_element_progress{
background-color: var(--billboard-color-free);
}
.trip_element .trip_element_desription::before{
content: '';
background-color: transparent;
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0px;
z-index: -1;
border-radius: 3px 3px 0 0;
transition: background-color 0.2s;
}
.trip_element.selected .trip_element_desription::before{
background-color: var(--billboard-color-choose);
}
.table_list.table_billboard tr{
background-color: #fff;
}
.table_list.table_billboard tr.tpm_item_descr{
/* background-color: #f2f2f2; */
}
.table_list.table_billboard tr:not(.tpm_item_descr):hover,
.table_list.table_billboard tr.active:not(.tpm_item_descr){
background-color: #f2f2f2;
}
.table_list.table_billboard tr.tpm_item_descr{
border-bottom: 1px solid #ddd;
}
.table_show_info{
font-size: 18px;
color: #ddd;
transition: color 0.2s;
}
.table_list.table_billboard tr:hover .table_show_info,
.table_list.table_billboard tr.tpm_item.active .table_show_info{
color: #666;
}
.table_list.table_billboard tr.tpm_item .table_show_info i{
transition: transform 0.2s;
}
.table_list.table_billboard tr.tpm_item.active .table_show_info i{
transform: rotate(180deg);
}
.tpm_item_descr .tpm_item_descr_div{
height: auto;
max-height: 0;
overflow: hidden;
margin: 0px 10px;
transition: all 0.2s;
}
.tpm_item_descr.active .tpm_item_descr_div{
max-height: 800px;
margin: 10px;
}
.tripple_block{
display: flex;
align-items: center;
margin-bottom:5px;
}
.tripple_block:last-child{
margin-bottom:0px;
}
.tripple_surface{
color: #444;
width: 17px;
height: 16px;
font-size: 9px;
display: flex;
justify-content: center;
align-items: center;
border: 1px dashed #aaa;
margin-right: 10px;
font-weight: 600;
}
.tripple_surface.trips_1{
border-left: 3px solid #666;
}
.tripple_surface.trips_2{
border-right: 3px solid #666;
}
.tripple_surface.trips_3{
border-top: 3px solid #666;
}
.tripple_surface.trips_4{
border-bottom: 3px solid #666;
}
.table_no_wrap{
white-space: nowrap;
}
.tripple_hr{
margin: 5px 0;
border: 0;
border-bottom: 1px solid #ddd;
}
.insert_owner_billboard{
border: 1px solid #ddd;
background: #fff;
width: 100%;
height: 100%;
border-radius: var(--prop-border-radius);
overflow: hidden;
}
.table_billboard_notes{
display: flex;
flex-direction: column;
width: 712px;
border: 1px solid #ddd;
background-color: #fff;
padding: 10px 13px;
position: fixed;
bottom: 15px;
z-index: 10;
border-radius: var(--prop-border-radius);
}
.tbn_notes{
display: flex;
justify-content: space-between;
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.tbn_controls{
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.tbn_textarea{
width: calc(100% - 120px);
margin-top: 5px;
bottom: -2px;
position: relative;
}
.tbn_textarea textarea{
width: 100%;
border: 1px solid #ddd;
height: 100%;
outline: none;
resize: none;
font-size: 14px;
padding: 5px 10px;
line-height: 14px;
border-radius: var(--prop-border-radius);
}
.tbn_textarea textarea::placeholder{
color: #ccc;
}
.tbn_button{
width: 100px;
}
.tbn_button button{
border: 1px solid #4bbd71;
background-color: #4bbd71;
border-radius: 3px;
padding: 8px 15px;
width: 100px;
font-size: 14px;
outline: none;
transition: all 0.2s;
position: relative;
color: #fff;
transition: all 0.2s;
line-height: 14px;
}
.tbn_button button:disabled{
border: 1px solid #aaa;
background-color: #aaa;
}
.tbn_colors_fill{
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 50%;
background-color: var(--billboard-color-booked);
position: relative;
bottom: -1px;
}
.tbn_colors_reserved{
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 50%;
background-color: var(--billboard-color-reserved);
position: relative;
bottom: -1px;
margin-left: 10px;
}
.tbn_colors_free{
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 50%;
background-color: var(--billboard-color-free);
position: relative;
bottom: -1px;
margin-left: 10px;
}
.tbn_colors_chose{
width: 10px;
height: 10px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 50%;
background-color: var(--billboard-color-choose);
position: relative;
bottom: -1px;
margin-left: 10px;
}
.adsff_right_element{
display: flex;
align-items: center;
}
.adsff_right_element .adsff_text{
padding-left: 5px;
color: #999;
font-size: 10px;
}
.adsff_right_element .nice-select.select_filter{
padding-left: 0;
font-size: 12px;
width: auto;
}
.adsff_right_element .nice-select.select_filter::after{
right: 18px;
}
.billboard_search{
border: 0;
outline: 0;
border-bottom: 1px solid #ddd;
}
.billboard_search::placeholder{
font-style: italic;
color: #ccc;
}
.nice-select.select_filter .option {
min-height: 25px;
line-height: 25px;
padding-right: 18px;
}
.trip_full_control{
display: block;
padding: 5px 0 10px 0;
text-align: center;
position: relative;
}
.tfc_left{
position: absolute;
left: 0;
color: #aaa;
}
.tfc_center{
font-size: 16px;
font-weight: 500;
}
.tfc_right{
position: absolute;
right: 0;
color: #aaa;
}
.tfc_left:hover,
.tfc_right:hover{
color: #666;
}
.trip_full_block{
display: flex;
flex-direction: column;
align-items: center;
}
.trip_element_menu{
display: flex;
flex-direction: column;
z-index: 3;
background-color: #fff;
position: absolute;
border: 1px solid #ddd;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.trip_element_menu_element{
padding: 5px 10px;
transition: background-color 0.2s;
}
.trip_element_menu_element:hover{
background-color: #f2f2f2;
}
.tbn_selects_head{
color: #999;
}
.triple_hr_full{
width: 100%;
border: 0;
border-bottom: 1px solid #ddd;
position: relative;
top: -3px;
margin: 3px 0px;
}
.cel_header a{
color: #1c5ca0;
}
.cel_header a:hover{
color: #1c75d4;
}
.cel_main_block{
width: 100%;
}
.cem_sides_selector{
display: flex;
height: 30px;
border-bottom: 1px solid #ddd;
width: 100%;
}
.cem_ss_items{
display: flex;
}
.cem_ss_item{
width: auto;
min-width: 90px;
height: 30px;
padding: 0 10px;
align-items: center;
justify-content: center;
display: flex;
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
background-color: #f6f6f6;
margin-right: 1px;
margin-left: 1px;
transition: all 0.2s;
}
.cem_ss_item_add{
opacity: 0.5;
}
.cem_ss_item.active{
background-color: #fff;
border-bottom: 1px solid #fff;
}
.cem_ss_item:hover{
cursor: pointer;
background-color: #fff;
opacity: 1;
}
.cem_ss_item .tripple_surface{
margin-right: 0px;
margin-left: 10px;
}
.cem_side_container{
position: relative;
display: flex;
width: 100%;
padding-top: 31px;
}
.cem_sc_left{
width: 25%;
position: relative;
display: flex;
flex-direction: column;
}
.cem_sc_items{
display: flex;
flex-direction: column;
}
.cem_sc_item{
width: calc(100% + 1px);
min-height: 30px;
padding: 5px 35px 5px 5px;
line-height: 14px;
align-items: center;
align-items: center;
display: flex;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-radius: 0;
background-color: #fff;
z-index: 1;
transition: all 0.2s;
color: #999;
position: relative;
}
.cem_sc_item.active{
border-right: 1px solid #fff;
color: #000;
}
.cem_sc_item:hover{
cursor: pointer;
color: #000;
}
.cem_sc_item.cem_sc_item_last{
border-bottom: 1px solid #fff;
}
.cem_sc_item .tripple_surface{
position: absolute;
right: 0;
opacity: 0.5;
transition: all 0.2s;
}
.cem_sc_item:hover .tripple_surface,
.cem_sc_item.active .tripple_surface{
opacity: 1;
}
.cem_sc_right{
width: 75%;
border-left: 1px solid #ddd;
padding: 0 20px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.cem_sc_right::-webkit-scrollbar {
width: 6px !important;
}
.cem_sc_right::-webkit-scrollbar-track {
background-color: #fff;
}
.cem_sc_right::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
}
.cem_scr_schedule{
position: relative;
}
.cem_scr_loading__next{
display: block;
width: 100%;
text-align: right;
padding: 5px;
color: #999;
font-size: 12px;
transition: all 0.2s;
}
.cem_scr_loading__prev{
position: absolute;
top: 10px;
right: 0;
display: block;
padding: 5px;
color: #999;
font-size: 12px;
transition: all 0.2s;
}
.cem_scr_loading__prev:hover,
.cem_scr_loading__next:hover{
cursor: pointer;
color: #000;
}
.cem_scr_loading__prev i{
position: relative;
bottom: -3px;
}
.cem_scr_loading__next i{
position: relative;
bottom: 2px;
}
.cem_scrsc_item{
display: block;
width: 100%;
}
.cem_scrc_item_header{
display: block;
width: 100%;
font-size: 16px;
background-color: #eff3f5;
padding: 5px 10px;
margin-bottom: 10px;
color: #666;
transition: color 0.2s;
border-radius: 3px;
cursor: pointer;
}
.cem_scrc_item_header i{
color: #ccc;
float: right;
position: relative;
bottom: -3px;
transition: all 0.2s;
}
.cem_scrc_item_header:hover,
.cem_scrc_item_header:hover i,
.cem_scrsc_item.active .cem_scrc_item_header{
color: #000;
}
.cem_scrsc_item.active .cem_scrc_item_header i{
transform: rotate(180deg);
color: #000;
}
.cem_scrc_item_header_line{
display: flex;
width: calc(100% - 20px);
height: 5px;
margin-top: 3px;
margin-bottom: 3px;
}
.cem_scrcihl_fill{
width: 100%;
border-radius: 3px;
margin-right: 1px;
background-color: var(--billboard-color-booked);
}
.cem_scrcihl_reserved{
width: 100%;
border-radius: 3px;
margin-right: 1px;
background-color: var(--billboard-color-reserved);
}
.cem_scrcihl_empty{
width: 100%;
border-radius: 3px;
margin-right: 1px;
background-color: var(--billboard-color-free);
}
.cem_scrc_item_container{
display: none;
width: 100%;
margin-bottom: 10px;
padding: 0 10px;
}
.cem_scrc_item_calendar table{
width: 100%;
text-align: center;
font-size: 12px;
}
.cem_scrc_item_calendar table tr{
border-bottom: 1px solid #ddd;
}
.cem_scrc_item_calendar table th{
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
color: #999;
}
.cem_scrc_item_calendar table th.cal_ord_day{
width: 45px;
}
.cem_scrc_item_calendar table th.cal_empty{
width: 10px;
}
.cem_scrc_item_calendar table td{
position: relative;
z-index: 0;
}
.cem_scrc_item_calendar table td.cal_week_num{
font-size: 10px;
color: #999;
}
.cem_scrc_item_calendar table td.not_active{
opacity: 0.3;
}
.cem_scrc_item_calendar table td.cal_ord_day{
background-color: #fff;
}
.cod_fill{
display: block;
width: 50%;
height: 5px;
background-color: var(--billboard-color-booked);
margin-left: 25%;
margin-bottom: 3px;
border-radius: 10px;
}
.cod_reserved{
display: block;
width: 50%;
height: 5px;
background-color: var(--billboard-color-reserved);
margin-left: 25%;
margin-bottom: 3px;
border-radius: 10px;
animation: flashelement .5s;
}
.cod_empty{
display: block;
width: 50%;
height: 5px;
background-color: var(--billboard-color-free);
margin-left: 25%;
margin-bottom: 3px;
border-radius: 10px;
animation: flashelement .5s;
}
.cal_week_selector{
font-size: 16px;
color: #aaa;
width: 40px;
transition: all 0.2s;
}
.cal_month_selector{
font-size: 16px;
color: #aaa;
width: 40px;
transition: all 0.2s;
}
.cal_week_selector:hover{
cursor: pointer;
color: #000;
}
.cal_month_selector i{
display: block;
}
.cal_month_selector:hover{
cursor: pointer;
color: #000;
}
.cem_scrc_item_calendar table td.cal_ord_day::before{
content: "";
background-color: #fff;
width: calc(100% - 2px);
height: calc(100% - 4px);
border-radius: 3px;
position: absolute;
left: 1px;
top: 2px;
z-index: -1;
transition: background-color 0.2s;
}
.cem_scrc_item_calendar table td.cal_ord_day:hover:not(.not_active){
cursor: pointer;
}
.cem_scrc_item_calendar table td.cal_ord_day:hover:not(.not_active)::before{
background-color: #eee;
}
.cem_scrc_item_calendar table td.cal_ord_day.selected::before{
background-color: var(--billboard-color-choose) !important;
}
.cem_sc_memo{
position: absolute;
bottom: 0;
font-size: 12px;
left: 0;
}
.cem_sc_memo_item_element{
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
position: relative;
bottom: -2px;
}
.cem_sc_memo_item_element.cem_sc_memo_item_paid{
background-color: var(--billboard-color-booked);
}
.cem_sc_memo_item_element.cem_sc_memo_item_book{
background-color: var(--billboard-color-reserved);
}
.cem_sc_memo_item_element.cem_sc_memo_item_free{
border: 1px solid #ddd;
background-color: var(--billboard-color-free);
}
.cem_sc_memo_item_element.cem_sc_memo_item_choose{
background-color: var(--billboard-color-choose);
}
.cem_save_container{
margin-top: 10px;
border-top: 1px solid #ddd;
padding-top: 10px;
position: relative;
}
.cem_save_container textarea::placeholder{
color: #ccc;
}
.cem_save_buttons{
margin-top: 10px;
display: flex;
justify-content: space-between;
}
.cem_sb_button{
border: 0;
border: 1px solid #ddd;
border-radius: 3px;
padding: 5px 15px;
font-size: 14px;
margin-right: 5px;
outline: none;
opacity: 0.3;
transition: all 0.2s;
position: relative;
width: 100px;
}
.cem_sb_button:active,
.cem_sb_button:focus,
.cem_sb_button_cancel:active,
.cem_sb_button_cancel:focus,
.cem_sb_button_save:active,
.cem_sb_button_save:focus{
outline: none;
}
.cem_sb_button i{
font-size: 12px;
margin-right: 5px;
}
.cem_sb_button.active,
.cem_sb_button:hover{
opacity: 1;
}
.cem_sb_button span{
width: 100%;
position: absolute;
height: 4px;
left: 0;
bottom: 0;
border-radius: 0 0 3px 3px;
}
.cem_sb_button.cem_sb_button_paid span{
background-color: var(--billboard-color-booked);
}
.cem_sb_button.cem_sb_button_booked span{
background-color: var(--billboard-color-reserved);
}
.cem_sb_button.cem_sb_button_free span{
background-color: var(--billboard-color-free);
}
.cem_sb_button_cancel{
border: 1px solid #ddd;
background-color: #fff;
border-radius: 3px;
padding: 5px 15px;
font-size: 14px;
margin-right: 5px;
outline: none;
transition: all 0.2s;
position: relative;
width: 100px;
}
.cem_sb_button_save{
border: 1px solid #4bbd71;
background-color: #4bbd71;
border-radius: 3px;
padding: 5px 15px;
width: 100px;
font-size: 14px;
outline: none;
transition: all 0.2s;
position: relative;
color: #fff;
}
.cem_sc_right_empty{
margin: 40px 0 0 115px;
font-size: 25px;
color: #ccc;
font-weight: 300;
line-height: 25px;
position: relative;
}
.cem_sc_right_empty i{
font-size: 30px;
}
.cem_save_overlay{
position: absolute;
z-index: 999;
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #ccc;
visibility: hidden;
opacity: 0;
transition: all 0.2s;
}
.cem_save_overlay.show{
visibility: visible;
opacity: 1;
}
.cem_sc_overlay{
position: absolute;
z-index: 999;
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #ccc;
visibility: hidden;
opacity: 0;
transition: all 0.2s;
}
.cem_sc_overlay.show{
visibility: visible;
opacity: 1;
}
.cem_side_header.cel_header{
position: absolute;
top: 0;
font-weight: 600;
left: 0;
width: 100%;
text-align: center;
margin-bottom: 0;
padding: 3px 10px;
border-bottom: 1px solid #ddd;
}
.side_delete{
color: #ccc;
position: absolute;
right: 0px;
top: 0px;
font-size: 20px;
padding: 0 7px;
transition: color 0.2s;
}
.side_delete:hover{
cursor: pointer;
color: #000;
}
.lvf_text.lvf_text_center{
text-align: center;
}
.cem_slide_name{
padding: 10px 0;
font-weight: 600;
}
.slide_delete{
font-size: 16px;
padding: 3px 5px;
position: relative;
margin-left: 5px;
bottom: -1px;
color: #ccc;
transition: color 0.2s;
}
.slide_delete:hover{
cursor: pointer;
color: #000;
}
.cem_select_format{
position: absolute;
left: 7px;
top: 4px;
}
.cem_sf_classic{
padding: 2px 5px;
border-radius: 3px;
color: #ccc;
transition: all 0.2s;
}
.cem_sf_classic:hover{
cursor: pointer;
color: #666;
}
.cem_sf_classic.active{
color: #444;
background-color: #f0f0f0;
}
.cem_sf_digital{
padding: 2px 5px;
border-radius: 3px;
color: #ccc;
transition: all 0.2s;
}
.cem_sf_digital:hover{
cursor: pointer;
color: #666;
}
.cem_sf_digital.active{
color: #444;
background-color: #f0f0f0;
}
.cem_sc_digital{
width: 100%;
padding: 0 20px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.cem_sc_digital::-webkit-scrollbar {
width: 6px !important;
}
.cem_sc_digital::-webkit-scrollbar-track {
background-color: #fff;
}
.cem_sc_digital::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
}
.cem_sc_digital .cem_scr_loading__prev{
position: relative;
width: 100%;
text-align: right;
margin: 5px 0 20px 0;
}
input[type=range] {
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8px;
cursor: pointer;
animate: 0.2s;
background: #f2f2f2;
border-radius: 25px;
border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
border: 1px solid #ccc;
height: 15px;
width: 15px;
border-radius: 50%;
background: var(--billboard-color-booked);
cursor: pointer;
-webkit-appearance: none;
margin-top: -3.6px;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8px;
cursor: pointer;
animate: 0.2s;
background: #f2f2f2;
border-radius: 25px;
border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
border: 1px solid #000000;
height: 15px;
width: 15px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 8px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 39px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #ac51b5;
border: 0px solid #000101;
border-radius: 50px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #ac51b5;
border: 0px solid #000101;
border-radius: 50px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 20px;
width: 39px;
border-radius: 7px;
background: #65001c;
cursor: pointer;
}
.cem_scrc_range{
display: flex;
}
.cem_scrc_range_input{
width: 60%;
}
.cem_scrc_range_view{
width: 20%;
display: flex;
justify-content: center;
font-size: 20px;
font-weight: 600;
position: relative;
top: -2px;
}
.cem_scrc_item_header_percent{
position: absolute;
right: 34px;
}
.table_billboard tr.tpm_item_descr td{
padding: 0;
}
.table_billboard_description{
text-align: center;
font-size: 11px;
line-height: 11px;
margin-top: 5px;
}
.popup_container.popup_container_billboard{
min-width: 120px;
line-height: 16px;
}
.popup_owner_name{
display: block;
font-weight: 600;
margin-right: 40px;
}
.popup_billboard_name{
display: block;
margin-right: 40px;
font-weight: 300;
}
.marker-custom.marker-billboard::before,
.marker-custom.marker-digital_billboard::before{
width: 20px;
height: 14px;
border-radius: 3px;
}
.marker-custom.marker-billboard::after,
.marker-custom.marker-digital_billboard::after{
height: 24px;
width: 32px;
border-radius: 6px;
}
.marker-custom.marker-citylight::before,
.marker-custom.marker-digital_citylight::before{
width: 14px;
height: 20px;
margin-bottom: -2px;
border-radius: 3px;
}
.marker-custom.marker-citylight::after,
.marker-custom.marker-digital_citylight::after{
height: 32px;
width: 24px;
border-radius: 6px;
}
.marker-custom.marker-billboard .marker_stalk,
.marker-custom.marker-digital_billboard .marker_stalk{
position: absolute;
width: 6px;
height: 5px;
bottom: 4px;
left: calc(50% - 3px);
animation: pulsate2 7s infinite ease-out;
}
.marker-custom.marker-citylight .marker_stalk,
.marker-custom.marker-digital_citylight .marker_stalk{
position: absolute;
width: 4px;
height: 5px;
bottom: 2px;
left: calc(50% - 2px);
animation: pulsate2 7s infinite ease-out;
}
.marker-custom.marker-portrait .marker_stalk{
position: absolute;
width: 8px;
height: 1px;
bottom: 4px;
left: calc(50% - 4px);
animation: pulsate2 7s infinite ease-out;
}
.marker-custom.marker-landscape .marker_stalk{
position: absolute;
width: 10px;
height: 1px;
bottom: 6px;
left: calc(50% - 5px);
animation: pulsate2 7s infinite ease-out;
}
.marker-custom.marker-digital_billboard .marker_digital{
position: absolute;
width: 2px;
height: 2px;
top: 13px;
right: 9px;
border-radius: 50%;
animation: rgb 5s infinite ease-out;
}
.marker-custom.marker-digital_citylight .marker_digital{
position: absolute;
width: 2px;
height: 2px;
top: 9px;
right: 12px;
border-radius: 50%;
animation: rgb 5s infinite ease-out;
}
.marker-custom.marker-blue .marker_stalk{
background-color: rgba(146, 201, 255, 0.8);
border: 1px solid rgba(0, 102, 204, 0.7);
border-top: none;
}
.marker-custom.marker-orange .marker_stalk{
background-color: rgba(255, 216, 176, 0.8);
border: 1px solid rgba(255, 129, 0, 0.7);
border-top: none;
}
.marker-custom.marker-green .marker_stalk{
background-color: rgba(153, 255, 220, 0.8) !important;
border: 1px solid rgba(0, 154, 102, 0.7) !important;
border-top: none;
}
.marker-custom.marker-yellow .marker_stalk{
background-color: rgba(252, 255, 146, 0.8) !important;
border: 1px solid rgba(204, 0, 0, 0.7) !important;
border-top: none;
}
@keyframes rgb {
0% {background-color: red;}
33% {background-color: green;}
66% {background-color: blue;}
100% {background-color: red;}
}
.popup_billboard .lvp_texts{
height: 100%;
justify-content: center;
}
.popup_billboard .lvdb_monitor{
align-items: start;
}
.popup_billboard .lvdv_m_content{
font-size: 14px;
align-items: flex-end;
line-height: 18px;
text-align: right;
}
.popup_billboard .lvlvmc_item_agency{
font-size: 16px;
font-weight: 600;
}
.popup_billboard .lvlvmc_item_id{
font-size: 12px;
}
.popup_billboard .lvlvmc_phone{
font-size: 12px;
display: none;
}
.popup_billboard .lvlvmc_addr{
font-size: 12px;
line-height: 12px;
margin-top: 3px;
display: none;
}
.popup_billboard .location_view_full .location_view_main_block{
padding-top: 25px;
}
.lvdv_m_type.lvdv_m_type_billboard .lvdv_m_information{
position: absolute;
font-size: 10px;
top: 21px;
color: #fff;
z-index: 1;
text-align: center;
left: 0;
line-height: 13px;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
.lvdv_m_type.lvdv_m_type_billboard .lvdv_m_information hr{
width: 33%;
}
.lvdv_m_type.lvdv_m_type_citylight .lvdv_m_information{
position: absolute;
font-size: 10px;
top: 28px;
color: #fff;
z-index: 1;
text-align: center;
left: 0;
line-height: 13px;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
.lvdv_m_type.lvdv_m_type_citylight .lvdv_m_information hr{
width: 33%;
}
.lvdv_m_type.lvdv_m_type_digital_citylight .lvdv_m_information{
position: absolute;
font-size: 10px;
top: 22px;
color: #fff;
z-index: 1;
text-align: center;
left: 0;
line-height: 13px;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
.lvdv_m_type.lvdv_m_type_digital_citylight .lvdv_m_information hr{
width: 33%;
}
.popup_billboard .trip_element{
width: 42px;
}
.popup_billboard .location_view_schedule{
padding: 0 25px;
}
.popup_billboard .tfc_left,
.popup_billboard .tfc_right{
font-size: 12px;
top: 9px;
}
.popup_billboard .tbn_controls{
padding: 25px;
}
.scan-circle {
overflow: visible;
width: 6px;
height: 6px;
border-radius: 50%;
transform-origin: center;
background-color: #000;
box-shadow: 0 4px 10px 0 rgba(0,0,0,.3);
text-align: center;
cursor: pointer;
}
.scan-circle .pulse {
position: absolute;
top: -4px;
left: -4px;
overflow: visible;
margin: auto;
width: 14px;
height: 14px;
border-radius: 50%;
transform-origin: center;
animation: pulse-me 4s ease-out infinite;
box-shadow: 0 0 3px #000;
opacity: 0;
border: 1px solid rgba(0, 0, 0, 0.6);
}
.scan-circle .pulse.one {
animation-delay: 0s;
}
.scan-circle .pulse.two {
animation-delay: 1s;
}
.scan-circle .pulse.three {
animation-delay: 2s;
}
.scan-circle .pulse.four {
animation-delay: 3s;
}
@keyframes pulse-me {
0% {
opacity: 1;
transform: scale(0);
}
50% {
opacity: 1;
}
100% {
transform: scale(2);
opacity: 0;
}
}
.scan-circle.marker-blue{
background-color: rgb(0, 128, 255);
}
.scan-circle.marker-blue .pulse{
box-shadow: 0 0 3px rgb(0, 128, 255);
border: 1px solid rgba(0, 128, 255, 0.6);
}
.scan-circle.marker-green{
background-color: rgb(0, 154, 102);
}
.scan-circle.marker-green .pulse{
box-shadow: 0 0 3px rgb(0, 154, 102);
border: 1px solid rgba(0, 154, 102, 0.6);
}
.scan-circle.marker-orange{
background-color: rgb(255, 129, 0);
}
.scan-circle.marker-orange .pulse{
box-shadow: 0 0 3px rgb(255, 129, 0);
border: 1px solid rgba(255, 129, 0, 0.6);
}
.scan-circle.marker-red{
background-color: rgb(204, 0, 0);
}
.scan-circle.marker-red .pulse{
box-shadow: 0 0 3px rgb(204, 0, 0);
border: 1px solid rgba(204, 0, 0, 0.6);
}
.scan-circle.marker-magenta{
background-color: rgb(157, 0, 255);
}
.scan-circle.marker-magenta .pulse{
box-shadow: 0 0 3px rgb(157, 0, 255);
border: 1px solid rgba(157, 0, 255, 0.6);
}
.scan-circle.marker-pink{
background-color: rgb(255, 0, 247);
}
.scan-circle.marker-pink .pulse{
box-shadow: 0 0 3px rgb(255, 0, 247);
border: 1px solid rgba(255, 0, 247, 0.6);
}
.scan-circle.marker-brown{
background-color: rgb(168, 70, 0);
}
.scan-circle.marker-brown .pulse{
box-shadow: 0 0 3px rgb(168, 70, 0);
border: 1px solid rgba(168, 70, 0, 0.6);
}
.lvdc_show_contacts{
width: 100%;
}
.show_contacts_button{
border: 0;
background-color: transparent;
width: 100%;
font-size: 13px;
outline: none;
transition: all 0.2s;
position: relative;
color: #444;
transition: all 0.2s;
text-align: center;
}
.show_contacts_button:focus,
.show_contacts_button:active{
outline: none;
box-shadow: none;
}
.cel_billboard_remove{
display: block;
width: 100%;
}
.cel_billboard_remove a{
height: 35px;
display: inline-flex;
width: 100%;
margin-right: 10px;
border-radius: 4px;
align-items: center;
justify-content: center;
border: 1px solid #eee;
color: #ccc;
transition: all 0.2s;
}
.cel_billboard_remove a:hover{
border: 1px solid #c91212;
color: #b70000;
}
.trip_full_edit{
display: block;
margin-top: 13px;
text-align: right;
margin-bottom: 3px;
width: 100%;
}
.trip_edit_billboard{
background-color: #f2f2f2;
height: 24px;
display: inline-flex;
padding: 0 20px;
margin-right: 10px;
border-radius: 4px;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
transition: all 0.2s;
}
.trip_edit_billboard:hover{
background-color: #e2e2e2;
}
.trip_schedule_billboard{
background-color: #31a6b2;
color: #fff;
height: 24px;
font-weight: 500;
display: inline-flex;
padding: 0 20px;
border-radius: 4px;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.trip_schedule_billboard:hover{
background-color: #0c8490;
color: #fff;
}
.side_edit{
font-size: 12px;
padding: 5px;
position: relative;
top: -1px;
color: #ddd;
transition: all 0.2s;
}
.side_edit:hover{
color: #999;
cursor: pointer;
}
.side_edit_form{
position: relative;
display: inline-block;
}
.side_edit_form input{
font-size: 14px;
border: 0;
border-bottom: 1px solid #ccc;
outline: none;
padding: 0px 50px 0px 5px;
width: 200px;
}
.edit_side_ok{
position: absolute;
top: 1px;
right: 22px;
font-size: 11px;
color: #ddd;
padding: 2px 5px;
transition: all 0.2s;
}
.edit_side_ok:hover{
color: #999;
cursor: pointer;
}
.edit_side_cancel{
position: absolute;
top: 0;
right: 3px;
font-size: 12px;
color: #ddd;
padding: 2px 5px;
transition: all 0.2s;
}
.edit_side_cancel:hover{
color: #999;
cursor: pointer;
}
.slide_edit{
font-size: 12px;
padding: 5px;
position: relative;
top: -1px;
color: #ddd;
transition: all 0.2s;
margin-left: 3px;
margin-right: -10px;
}
.slide_edit:hover{
color: #999;
cursor: pointer;
}
.slide_edit_form{
position: relative;
display: inline-block;
height: 24px;
}
.slide_edit_form input{
font-size: 14px;
border: 0;
border-bottom: 1px solid #ccc;
outline: none;
padding: 0px 50px 0px 5px;
width: 200px;
}
.edit_slide_ok{
position: absolute;
top: 1px;
right: 22px;
font-size: 11px;
color: #ddd;
padding: 2px 5px;
transition: all 0.2s;
}
.edit_slide_ok:hover{
color: #999;
cursor: pointer;
}
.edit_slide_cancel{
position: absolute;
top: 0;
right: 3px;
font-size: 12px;
color: #ddd;
padding: 2px 5px;
transition: all 0.2s;
}
.edit_slide_cancel:hover{
color: #999;
cursor: pointer;
}
.cem_scrc_range_save{
width: 20%;
}
.insert_digital_button{
width: 100%;
border: 1px solid #22d250;
border-radius: 4px;
background-color: #22d250;
color: #fff;
padding: 3px;
outline: none;
transition: all 0.2s;
}
.insert_digital_button:disabled{
border: 1px solid #ddd;
background-color: #fff;
color: #ddd;
}
.insert_digital_button:focus,
.insert_digital_button:active{
outline: none;
box-shadow: none;
}
.insert_digital_button:not(:disabled):hover{
background-color: #15b740;
}
.alb_list_container.alb_list_players_container{
padding: 30px 20px 20px 20px;
}
.alb_list_container.alb_list_players_container h3{
text-align: center;
margin-bottom: 15px;
}
.arblc_table.arblc_players_table th,
.arblc_table.arblc_players_table tr.arblcpt_front td{
padding: 5px;
}
.arblc_table.arblc_players_table tr.arblcpt_back td{
padding: 0;
}
.arblc_table.arblc_players_table th{
text-align: center;
}
.player_status_red{
color: #ff4700;
}
.player_status_green{
color: #00b300;
}
.alblc_data.alblc_data_left{
text-align: left;
}
.player_show_more{
color: #ccc;
transition: color 0.2s;
}
.arblc_table.arblc_players_table tbody tr{
transition: all 0.2s;
}
.arblc_table.arblc_players_table tbody tr.arblcpt_front:hover{
cursor: pointer;
background-color: #f6f6f6;
}
.arblc_table.arblc_players_table tbody tr.arblcpt_front:hover .player_show_more{
color: #444;
}
.player_show_more i{
transition: all 0.2s;
}
.arblc_table.arblc_players_table tbody tr.arblcpt_front.active .player_show_more i{
color: #444;
transform: rotate(180deg);
}
.show_player_edit_block{
height: auto;
max-height: 0;
overflow: hidden;
transition: all 0.2s;
}
.arblcpt_back.active .show_player_edit_block{
max-height: 500px;
}
.speb_container{
display: block;
padding: 10px 5px;
}
.speb_status_block{
display: block;
margin-bottom: 15px;
text-align: center;
}
.speb_first_block{
display: block;
font-size: 16px;
text-align: center;
margin-bottom: 15px;
}
.speb_fb_login_name{
color: #999;
}
.speb_fb_login_value{
color: #000;
font-weight: 600;
}
.speb_fb_pin_name{
color: #999;
margin-left: 20px;
}
.speb_fb_pin_value{
color: #000;
font-weight: 600;
}
.speb_edit_block{
display: flex;
margin-bottom: 15px;
}
.speb_edit_item{
width: calc(33% - 5px);
margin-right: 5px;
display: flex;
flex-direction: column;
}
.speb_edit_item:last-child{
margin-right: 0;
}
.speb_edit_item_header{
margin-bottom: 3px;
}
.speb_edit_item_input_monitors{
border: 1px solid #ddd;
border-radius: 4px;
padding: 2px 5px;
outline: none;
width: 100%;
}
.speb_edit_item_input_diagonal{
border: 1px solid #ddd;
border-radius: 4px;
padding: 2px 5px;
outline: none;
width: 100%;
}
.speb_edit_item_button{
border: 0;
border-radius: 4px;
padding: 3px 5px;
outline: none;
width: 100%;
background-color: #3ebb41;
line-height: 14px;
color: #fff;
}
.speb_change_block{
display: block;
text-align: center;
margin-bottom: 15px;
}
.speb_reactivate{
border: 1px solid #ccc;
border-radius: 4px;
padding: 2px 10px;
margin-right: 10px;
color: #ccc;
transition: all 0.2s;
}
.speb_reactivate:hover{
border: 1px solid #119cb3;
color: #119cb3;
}
.speb_delete{
border: 1px solid #ccc;
border-radius: 4px;
padding: 2px 10px;
margin-right: 10px;
color: #ccc;
transition: all 0.2s;
}
.speb_delete:hover{
border: 1px solid #b33611;
color: #b33611;
}
.arblcpt_add{
text-align: right;
}
.speb_add{
border-radius: 4px;
padding: 4px 14px;
margin-right: 10px;
color: #fff;
transition: all 0.2s;
background-color: #f9860f;
}
.speb_add:hover{
color: #fff;
}
tr.arblcpt_add td{
padding-top: 20px;
}
.arblc_table.arblc_players_table tbody tr.arblcpt_front{
border-top: 1px solid #eee;
}
.header_print{
width: 6px;
height: 6px;
background-color: #124bcb;
display: inline-block;
margin-right: 4px;
position: relative;
top: -2px;
}
.header_digital{
width: 6px;
height: 6px;
background-color: #cb2312;
display: inline-block;
margin-right: 4px;
position: relative;
top: -2px;
border-radius: 50%;
}
.choose_side_type {
border-radius: 20px;
padding: 20px;
width: 150px;
display: inline-block;
line-height: 16px;
transition: all 0.2s;
box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.2);
transform: scale(0.9);
}
.choose_side_type.active{
background-color: #ecf3ff;
transform: scale(1);
}
.choose_side_type:hover{
cursor: pointer;
transform: scale(1);
}
.choose_side_type i{
font-size: 35px;
margin-bottom: 5px;
display: block;
}
.lvf_buttons a.confirm_reject6{
background-color: #ee4d4d;
margin-right: 10px;
display: inline-block;
min-width: 130px;
}
.lvf_buttons a.decline_reject6{
background-color: #499ee6;
display: inline-block;
min-width: 130px;
}
.popup_window_place_full6{
position: fixed;
width: 710px;
height: 100%;
/* background: rgba(255, 255, 255, 0.8); */
margin: 0 auto;
text-align: center;
visibility: hidden;
opacity: 0;
z-index: -1;
display: flex;
padding: 0 45px;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.popup_window_place_full6.active{
visibility: visible;
opacity: 1;
z-index: 9999;
}
.popup_window_place_full_overlay6{
background-color:transparent;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
display:block;
}
.location_view_full .location_view_full_exit6{
position: absolute;
font-size: 12px;
top: 0;
right: 0;
padding: 5px 10px;
z-index: 6;
cursor: pointer;
}
.tpc_notifications{
cursor: pointer;
transition: background-color 0.2s;
line-height: 55px;
}
.tpc_notifications:hover,
.tpc_notifications.active{
background-color: #222;
}
.tpc_notifications_alert{
top: 18px;
}
.tpn_noti_show_block{
position: absolute;
line-height: 20px;
box-shadow: 1px 3px 4px #bbb;
width: 300px;
background-color: #fff;
color: #444;
right: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
cursor: default;
transition: all 0.2s;
}
.tpc_notifications.active .tpn_noti_show_block{
opacity: 1;
visibility: visible;
z-index: 9;
}
.tpbsb_header{
display: flex;
justify-content: space-between;
line-height: 12px;
border-bottom: 1px solid #ddd;
padding: 12px 15px 2px 15px;
}
.tpbsb_header h4{
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
}
.close_noti_block{
color: #ccc;
transition: all 0.2s;
padding: 0 5px;
}
.close_noti_block:hover{
cursor: pointer;
color: #999;
}
.tpbsb_item{
display: flex;
padding: 5px 15px;
transition: all 0.2s;
}
/*
.tpbsb_item:hover{
cursor: pointer;
background-color: rgba(0, 0, 0, 0.05);
}
*/
.tpbsp_ileft{
width: 15%;
display: flex;
justify-content: center;
align-items: center;
}
.tpbspi_icon{
background-color: #eee;
position: relative;
border-radius: 50%;
width: 35px;
height: 35px;
font-size: 16px;
line-height: 16px;
display: flex;
justify-content: center;
align-items: center;
color: #444;
}
.tpbspi_icon.green{
color: #00a048;
}
.tpbspi_icon.torquoise{
color: #11a4ab;
}
.tpbspi_icon.red{
color: #981313;
}
.tpbspi_icon_add{
position: absolute;
font-size: 11px;
background-color: #eeeeee;
line-height: 10px;
padding: 1px;
border-radius: 50%;
bottom: 4px;
right: 3px;
}
.tpbsp_icenter{
width: 75%;
text-align: left;
line-height: 14px;
padding-left: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.tpbsp_ic_main{
display: block;
font-weight: 600;
}
.tpbsp_ic_second{
font-size: 12px;
color: #888;
}
.tpbsp_iright{
width: 10%;
}
.tpbspir_icon{
font-size: 12px;
color: #ccc;
padding: 5px;
transition: all 0.2s;
}
.tpbspir_icon:hover{
color: #888;
}
.tpbsb_footer{
line-height: 12px;
border-top: 1px solid #ddd;
padding: 8px 15px 8px 15px;
text-align: center;
}
.tpn_noti_show_block .tpbsb_footer a{
color: #444;
text-transform: uppercase;
font-size: 10px;
}
.tpbsb_main{
max-height: 250px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.tpbsb_main::-webkit-scrollbar {
width: 6px !important;
}
.tpbsb_main::-webkit-scrollbar-track {
background-color: #fff;
}
.tpbsb_main::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
}
.header_menu .tpbsp_ic_main a{
color: #444;
padding: 0;
}
.ummbrb_nitem{
display: flex;
padding: 5px;
margin: 20px 0;
}
.ummbrb_nitem_left{
width: 60px;
}
.ummbrb_ileft{
display: flex;
align-items: center;
}
.ummbrb_icon{
background-color: #eee;
position: relative;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 16px;
display: flex;
justify-content: center;
align-items: center;
color: #444;
}
.ummbrb_icon_add{
position: absolute;
font-size: 11px;
background-color: #eeeeee;
line-height: 10px;
padding: 1px;
border-radius: 50%;
bottom: 7px;
right: 6px;
}
.ummbrb_nitem_center{
width: calc(100% - 220px);
line-height: 18px;
}
.ummbrb_ic_main{
display: block;
font-weight: 600;
}
.ummbrb_ic_second{
font-size: 12px;
color: #888;
}
.ummbrb_ic_second a{
margin-left: 10px;
color: #888;
}
.ummbrb_nitem_right{
width: 150px;
display: flex;
justify-content: center;
}
.ummbrbnr_avatar{
position: relative;
width: 100%;
display: flex;
justify-content: flex-end;
}
.ummbrbnr_avatar_image{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 26px;
height: 26px;
display: block;
border-radius: 50%;
margin-right: 5px;
}
.ummbrbnr_avatar_text{
display: flex;
flex-direction: column;
line-height: 14px;
text-align: center;
}
.ummbrbnr_avatar a{
font-weight: 600;
}
.ummbrbnr_avatar .umbrb_review_rating{
font-size: 9px;
width: 100%;
text-align: center;
position: relative;
margin-top: 0;
}
.ummbrb_container{
display: block;
margin-top: 10px;
}
.ummbrb_ad{
display: flex;
}
.ummbrb_ad_image{
width: 70px;
}
.ummbrb_ad_image_img{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 60px;
height: 60px;
display: block;
border-radius: 4px;
}
.ummbrb_ad_text{
font-size: 12px;
line-height: 15px;
width: calc(100% - 70px);
}
.ummbrb_ad_text_item_header{
width: 140px;
display: inline-block;
color: #999;
}
.ummbrb_notifications_settings{
float: right;
color: #ccc;
transition: all 0.2s;
}
.ummbrb_notifications_settings:hover{
color: #888;
cursor: pointer;
}
.ummbrb_ad_text_item{
display: flex;
}
.ummbrb_ad_text_item_text{
display: inline-block;
width: calc(100% - 140px);
}
.ummbrb_pagination{
display: flex;
margin-top: 30px;
justify-content: center;
}
.ummbrb_pagination a{
border: 1px solid #ddd;
border-radius: 4px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
color: #999;
transition: all 0.2s;
}
.ummbrb_pagination a:hover{
color: #444;
border-color: #aaa;
}
.ummbrb_pagination a.active{
border-color: #ddd;
color: #444;
background-color: #f2f2f2;
cursor: default;
}
.ummbrb_pagination a:first-child{
padding: 0 10px;
width: auto;
}
.ummbrb_pagination a:last-child{
padding: 0 10px;
width: auto;
margin-right: 0px;
}
.ummbrb_pagination span{
padding: 0 10px;
margin-right: 5px;
}
.lvf_noti_block{
display: flex;
font-size: 14px;
text-align: left;
padding: 2px 20px;
}
.lvf_noti_block .acb_checkbox_item{
width: 33%;
display: flex;
}
.lvf_select{
font-size: 14px;
margin: 5px 20px;
padding: 5px;
border: 1px solid #ddd;
border-radius: 4px;
outline: none;
}
.lvf_buttons a.decline_reject4 {
background-color: #499ee6;
}
.stripe_choose_cards{
display: block;
font-size: 16px;
text-align: left;
margin-bottom: 20px;
}
.scc_item{
padding: 5px;
border-radius: 6px;
transition: all 0.2s;
}
.scc_item:hover,
.scc_item.active{
background-color: #f2f2f2;
cursor: pointer;
}
.scc_item_check{
margin-right: 10px;
}
.scc_item_save{
float: right;
padding-right: 10px;
}
.card_item {
display: flex;
width: 100%;
padding: 5px;
border: 1px solid #ddd;
border-bottom: 0;
}
.card_item.card_item_header{
font-weight: 600;
text-align: center;
background-color: #f2f2f2;
border-radius: 6px 6px 0 0;
}
.card_item:last-child{
border-radius: 0 0 6px 6px ;
border-bottom: 1px solid #ddd;
}
.ci_num{
width: 5%;
text-align: center;
}
.ci_name{
width: 50%;
margin-left: 5px;
text-align: left;
}
.ci_exp{
width: 40%;
text-align: center;
}
.ci_controls{
width: 5%;
text-align: center;
color: #bbb;
transition: all 0.2s;
}
.card_item:not(.card_item_header) .ci_controls:hover{
cursor: pointer;
color: #444;
}
.mt-20{
margin-top: 20px;
}
.ci_date{
width: 20%;
text-align: center;
}
.ci_transaction{
width: 20%;
margin-left: 5px;
text-align: left;
}
.ci_card{
width: 20%;
margin-left: 5px;
text-align: left;
}
.ci_description{
width: 40%;
margin-left: 5px;
text-align: left;
}
.ci_amount{
width: 15%;
text-align: right;
margin-right: 5px;
position: relative;
}
.ci_amount_title{
position: absolute;
left: 5px;
top: 4px;
color: #999;
}
.noty_settings_hr{
height: 0;
border: 0;
border-bottom: 1px solid #ddd;
margin: 5px 20px;
}
.ci_s_name{
width: 30%;
text-align: left;
margin-left: 5px;
}
.ci_s_date{
width: 16%;
text-align: center;
}
.ci_s_cost{
width: 16%;
text-align: center;
}
.loading_aci_right{
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-background-color-accent);
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
opacity: 0;
z-index: -1;
transition: all 0.2s;
}
.loading_aci_right.show{
visibility: visible;
opacity: 1;
z-index: 999;
}
.acirc_menu{
font-size: 12px;
justify-content: flex-end;
position: absolute;
width: 100%;
height: 60px;
background: rgba(255, 255, 255, 0.8);
display: flex;
align-items: center;
padding-bottom: 0;
margin-bottom: 0;
padding-right: 30px;
z-index: 20;
}
.acirc_menu_item{
padding: 0 5px 5px 5px;
color: #666;
transition: all 0.2s;
border-bottom: 1px solid #f4f5f6;
margin-right: 5px;
}
.acirc_menu_item:last-child{
margin-right: 0;
}
.acirc_menu_item.active{
color: #000;
border-bottom: 1px solid #000;
}
.acirc_menu_item:hover{
border-bottom: 1px solid #000;
}
.aci_right{
padding: 0;
}
.aci_advert_container{
width: 100%;
height: 100%;
}
.aci_lc_item {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 350px;
flex-direction: column;
padding-top: 50px;
}
.acir_top{
position: relative;
padding: 10px 30px 0 30px;
}
.acir_middle{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.aci_lc_schedule{
width: 100%;
height: 100%;
padding: 10px 30px;
}
.acilcsch_header{
font-size: 14px;
text-align: center;
font-weight: 500;
margin-bottom: 15px;
}
.acilcsch_body{
display: flex;
flex-direction: row-reverse;
width: 100%;
height: 270px;
}
.acilcsch_left{
width: 45%;
margin-left: 8px;
}
.acilcsch_right{
width: 55%;
height: 100%;
position: relative;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.acilcsch_right::-webkit-scrollbar {
width: 6px !important;
}
.acilcsch_right::-webkit-scrollbar-track {
background-color: #fff;
}
.acilcsch_right::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 7px;
background-color: #bbb;
border: 2px solid #fff;
}
.acilcsch_timeline {
list-style: none;
border-left: 3px solid #bbb;
margin-left: 10px;
}
.acilcsch_timeline li {
position: relative;
}
.acilcsch_timeline .timeline_circle {
margin-top: -9px;
top: 50%;
left: -6px;
width: 9px;
height: 9px;
background: #fff;
border: 2px solid #bbb;
border-radius: 50%;
display: block;
position: absolute;
}
.acilcsch_timeline .timeline_gray .timeline_circle{
background: #bbb;
}
.acilcsch_timeline .timeline_line {
margin-top: -5px;
top: 50%;
left: -3px;
width: 7px;
height: 3px;
background: #bbb;
border-radius: 4px;
display: block;
position: absolute;
}
.acilcsch_timeline .timeline_gray .timeline_line{
background: #bbb;
}
.acilcsch_timeline .timeline_check {
margin-top: -8px;
top: 50%;
left: 0px;
width: 10px;
height: 4px;
border-left: solid 4px #bbb;
border-bottom: solid 4px transparent;
border-top: solid 4px transparent;
border-right: solid 4px transparent;
display: block;
position: absolute;
}
.acilcsch_timeline .timeline_label {
position: relative;
z-index: 100;
margin-left: 10px;
font-weight: 600;
}
.acilcsch_timeline .timeline_label.circle{
font-weight: 600;
}
.acilcsch_timeline .timeline_label.line{
font-weight: 400;
font-size: 10px;
}
.acilcsch_timeline .timeline_gray .timeline_label{
color: #bbb
}
.acilcsch_left_players{
display: flex;
flex-direction: column;
}
.aclcslp_item{
padding: 5px 8px;
transition: all 0.2s;
position: relative;
text-align: right;
}
.aclcslp_item::before{
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: '\f0d9';
position: absolute;
left: 8px;
transition: all 0.2s;
color: transparent;
}
.aclcslp_item.active{
background-color: #f2f2f2;
font-weight: 600;
}
.aclcslp_item:hover::before,
.aclcslp_item.active::before{
color: #888;
}
.adv_no_views{
display: block;
font-size: 14px;
text-align: center;
color: #999;
}
.adv_no_views i{
display: block;
font-size: 30px;
margin-bottom: 4px;
color: #ddd;
}
/* NEW ADD LOCATION */
.new_add_block{
border: 1px solid #ddd;
background-color: var(--main-background-color-accent);
border-radius: var(--prop-border-radius);
display: flex;
flex-direction: column;
font-size: 14px;
height: 100%;
}
.nab_main{
height: calc(100% - 90px);
}
.nab_bottom{
height: 90px;
padding: 20px 30px;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.go-to-next{
border: none;
outline: none;
padding: 5px 30px;
font-size: 16px;
border-radius: 6px;
background-color: #f2f2f2;
color: #272727;
transition: all 0.2s;
cursor: pointer;
background-color: #a8e5a5;
}
.go-to-prev{
border: none;
outline: none;
padding: 5px 30px;
font-size: 16px;
background-color: transparent;
cursor: pointer;
color: #272727;
margin-right: 10px;
transition: all 0.2s;
}
.go-to-next:hover,
.go-to-prev:hover{
color: #272727;
}
.go-to-next.hide,
.go-to-prev.hide{
opacity: 0;
visibility: hidden;
}
.slider {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.slider__wrap {
position: absolute;
height: 100%;
width: 100%;
top: 0%;
left: 0;
right: auto;
overflow: hidden;
transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: 0% 50%;
transition-delay: 250ms;
opacity: 0;
}
.slider__wrap.slider__wrap_left{
transform: translateX(100%);
}
.slider__wrap.slider__wrap_right{
transform: translateX(-100%);
}
.slider__wrap--hacked {
opacity: 1;
}
.slider__back {
position: absolute;
width: 100%;
height: 100%;
background-size: auto 100%;
background-position: center;
background-repeat: none;
transition: filter 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: filter 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-filter 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__inner {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0%;
background-size: auto 133.3333%;
background-position: center;
background-repeat: none;
transform: scale(0.8);
transition: box-shadow 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 150ms step-end, -webkit-transform 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 150ms step-end;
transition: transform 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 150ms step-end, -webkit-transform 150ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
opacity: 1;
box-shadow: 0 1vh 6vh rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.slider__slide {
position: absolute;
left: 0;
height: 100%;
width: 100%;
transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-delay: 300ms;
pointer-events: none;
z-index: 0;
}
.slider__slide--active {
transform: translatex(0%);
z-index: 2;
}
.slider__slide--active .slider__wrap {
transform: translateX(0);
transform-origin: 100% 50%;
opacity: 1;
animation: none;
}
.slider__slide--active .slider__inner {
transform: scale(1);
box-shadow: 0 1vh 6vh rgba(0, 0, 0, 0);
pointer-events: auto;
opacity: 1;
transition: box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1ms step-end, -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1ms step-end;
transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), box-shadow 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 1ms step-end, -webkit-transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-delay: 300ms;
}
.slider__slide:not(.slider__slide--active) .slider__wrap.slider__wrap_left {
animation-name: hack-left;
animation-duration: 600ms;
animation-delay: 250ms;
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.slider__slide:not(.slider__slide--active) .slider__wrap.slider__wrap_right {
animation-name: hack-right;
animation-duration: 600ms;
animation-delay: 250ms;
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
@keyframes hack-left {
0% { transform: translateX(0); }
50% { transform: translateX(-100%); }
51% { transform: translateX(-100%); }
52% { transform: translateX(-100%); }
100% { transform: translateX(-100%); }
}
@keyframes hack-right {
0% { transform: translateX(0); }
50% { transform: translateX(100%); }
51% { transform: translateX(100%); }
52% { transform: translateX(-100%); }
100% { transform: translateX(-100%); }
}
.nab_standart_block{
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
}
.babsb_header{
height: 20%;
display: flex;
flex-direction: column;
justify-content: flex-end;
font-size: 28px;
font-weight: 800;
line-height: 30px;
}
.babsb_header.babsb_header_center{
align-items: center;
text-align: center;
}
.babsb_header.babsb_header_left{
padding: 0 70px;
}
.babsb_body_one_block{
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 80%;
}
.nab_button_type_one{
padding: 10px 30px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 18px;
color: #0a0a0a;
min-width: 40%;
font-weight: 500;
text-align: center;
cursor: pointer;
transition: all 0.2s;
}
.nab_button_type_one:hover{
background-color: #47bed7;
color: #fff;
}
.nab_button_type_one.active{
background-color: #47bed7;
color: #fff;
}
.nab_button_type_one:first-child{
margin-bottom: 10px;
}
.nab_button_type_two{
padding: 10px 30px;
border: 1px solid #ddd;
border-radius: 4px;
color: #0a0a0a;
min-width: 40%;
text-align: left;
cursor: pointer;
transition: all 0.2s;
}
.nab_button_type_two h4{
font-size: 18px;
}
.nab_button_type_two p{
font-size: 14px;
line-height: 16px;
margin-bottom: 5px;
}
.nab_button_type_two:hover{
background-color: #47bed7;
color: #fff;
}
.nab_button_type_two.active{
background-color: #47bed7;
color: #fff;
}
.nab_button_type_two:first-child{
margin-bottom: 15px;
}
.babsb_body_two_block{
padding: 0 70px;
display: flex;
align-items: center;
height: 100%;
}
.babsb_left_block{
width: 50%;
margin-right: 20px;}
.bablb_list{
max-height: 285px;
margin-bottom: 0;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.bablb_list::-webkit-scrollbar {
width: 6px !important;
}
.bablb_list::-webkit-scrollbar-track {
background-color: #fff;
}
.bablb_list::-webkit-scrollbar-thumb {
border: 3px solid #fff;
border-left: 0;
background-clip: padding-box;
border-radius: 7px;
background-color: #aaa;
}
.babsb_right_block{
width: 50%;
margin-left: 20px;
}
.babsb_devices{
display: block;
width: 285px;
height: 285px;
position: relative;
}
.babsb_device{
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 100%;
height: 100%;
display: block;
position: absolute;
opacity: 0;
transform: translateY(20px);
transition: all .2s;
}
.babsb_device.active,
.babsb_device_insert{
opacity: 1;
transform: translateY(0px);
}
.bablb_list_element{
padding: 10px 25px;
cursor: pointer;
transition: all 0.2s;
color: #666;
text-transform: uppercase;
}
.bablb_list_element.active,
.bablb_list_element:hover{
color: #000;
background-color: #f0f0f0;
}
.bablb_le_big{
display: block;
font-size: 20px;
font-weight: 300;
line-height: 20px;
transition: all 0.2s;
}
.bablb_le_small{
display: block;
line-height: 14px;
font-size: 14px;
margin-top: 3px;
margin-left: 12px;
}
.bablb_list_element.active .bablb_le_big{
font-weight: 500;
}
.babsb_input_block input{
border: 0;
background-color: #f2f2f2;
padding: 10px 15px;
outline: none;
font-size: 18px;
width: 100%;
border-radius: 4px;
}
.babsb_input_block input::placeholder{
font-size: 16px;
color: #aaa;
}
.babsb_header_map {
min-height: 150px;
height: 20%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 70px;
}
.babsb_header_map_icon{
width: 20%;
}
.babsb_header_map_text{
margin-left: 20px;
width: 80%;
}
.babsb_header_map_text h4{
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.babsb_input_header{
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.babsb_input_block_time{
display: flex;
justify-content: space-between;
align-items: center;
}
.babsb_input_block_time_container{
display: flex;
justify-content: space-between;
width: 85%;
}
.babsb_input_block_time_container .select2-container{
width: 47%!important;
}
.babsb_input_block .babsb_input_block_time svg{
width: 10%;
}
.clr{
clear:both;
}
.timeselect{
display: inline-block;
position: absolute;
top: calc(50% - 200px);
z-index: 999;
left: calc(50% - 200px);
}
.timeselect input[type=text]{
padding:3px 5px;
}
.timeselect ul{
font-size: 12px;
border: 1px solid #c6c6c6;
background-color: #f6f6f6;
margin: 0;
padding: 0;
width: 400px;
}
.timeselect ul li{
cursor: pointer;
width: auto;
float: left;
margin: 0;
list-style-type: none;
padding: 3px 7px;
text-align: center;
border-radius: 4px;
}
.timeselect ul li.separator{
clear:both;
width:100%;
padding:0;
margin:0;
text-align:center;
font-weight:bold;
}
.timeselect ul li hr{
padding: 0;
margin: 0;
border: 0;
border-bottom: 1px solid #ddd;
}
.timeselect ul li.separator:hover{
background-color: transparent;
}
.timeselect ul li:hover{
background-color: #c6c6c6;
}
.babsb_input_block label{
font-weight: 500;
}
.babsb_header_map_city_select{
display: flex;
align-items: center;
}
.babsb_header_map_city_header{
width: 30%;
}
.babsb_header_map_text .mapboxgl-ctrl-geocoder{
border: 0;
background-color: #f9f9f9;
}
.babsb_header_map_text .acb_input_item input{
height: 33px;
border: 0;
color: #8a8989;
font-size: 14px;
}
.mb-10{
margin-bottom: 10px;
}
.mb-20{
margin-bottom: 20px;
}
.select2-results__group{
padding: 0rem 1rem;
}
.babsb_header_map_city_select .select2-selection--single{
color: #8a8989;
border: 0;
background-color: #f9f9f9;
}
.babsb_input_block_time_container .select2-selection__arrow{
display: none;
}
.babsb_input_block_time_container .select2-selection--single .select2-selection__rendered{
padding-right: 10px;
text-align: center;
}
.select2-results>.select2-results__options{
max-height: 180px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.select2-results>.select2-results__options::-webkit-scrollbar {
width: 9px !important;
}
.select2-results>.select2-results__options::-webkit-scrollbar-track {
background-color: #fff;
}
.select2-results>.select2-results__options::-webkit-scrollbar-thumb {
border: 3px solid #fff;
background-clip: padding-box;
border-radius: 7px;
background-color: #aaa;
}
.select2-results__option{
padding: .3rem 1rem;
}
.babsb_input_block_time_container .select2-selection--single{
border: 0;
background-color: #f2f2f2;
font-size: 18px;
padding: 7px 0;
}
.babsb_input_block_change_work_hours{
cursor: pointer;
}
.babsb_input_block_time_container.ibtc_close,
.babsb_input_block_time_container.ibtc_open{
height: 41px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
background-color: #f2f2f2;
border-radius: 4px;
}
.babsb_input_label{
font-size: 16px;
color: #131313;
}
.babsb_input_checkblock{
position: relative;
font-size: 16px;
color: #838383;
line-height: 20px;
}
.babsb_input_checkblock input{
position: absolute;
width: 0;
height: 0;
top: -1px;
-webkit-appearance: none;
outline: none;
background-color: transparent;
}
.babsb_input_checkblock label{
margin-left: 24px;
cursor: pointer;
line-height: 16px;
}
.babsb_input_checkblock input::before{
font-family: "Font Awesome 5 Pro";
font-weight: 400;
color: #838383;
font-size: 18px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.babsb_input_checkblock input[type=checkbox]::before{
content: '\f0c8';
}
.babsb_input_checkblock input[type=checkbox]:checked::before{
content: '\f14a';
}
.babsb_input_checkblock input[type=radio]::before{
content: '\f111';
}
.babsb_input_checkblock input[type=radio]:checked::before{
content: '\f192';
}
.currency_selector_block .select2-selection--single{
border: 0;
font-size: 16px;
background-color: #f2f2f2;
height: 47px;
display: flex;
align-items: center;
padding: 0 5px;
}
.babsb_input_block .cost_input{
background-color: #e0f4e2;
font-size: 22px;
}
.babsb_input_block .cost_input::placeholder{
font-size: 18px;
}
.babsb_input_block .input_console,
.input_console{
border: 0;
background-color: #bbe4de;
padding: 10px 35px 10px 15px;
outline: none;
font-size: 16px;
width: 100%;
border-radius: 4px;
}
.input_console::placeholder{
transition: all 0.2s;
color: #aaa;
}
.input_console.input_console_error::placeholder{
color: #d66565;
}
.babsb_consoles_item{
position: relative;
}
.input_console_delete{
position: absolute;
top: 7px;
right: 10px;
color: #aaa;
padding: 5px;
transition: all 0.2s;
}
.input_console_delete:hover{
cursor: pointer;
color: #111;
}
.input_console_add{
border: 1px solid #c3c3c3;
padding: 10px 35px 10px 15px;
outline: none;
font-size: 16px;
width: 100%;
border-radius: 4px;
color: #999;
transition: all 0.2s;
}
.input_console_add:hover{
border: 1px solid #999;
cursor: pointer;
color: #444;
}
.input_console_add i{
margin-right: 10px;
}
.babsb_consoles{
max-height: 250px;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.babsb_consoles::-webkit-scrollbar {
width: 9px !important;
}
.babsb_consoles::-webkit-scrollbar-track {
background-color: #fff;
}
.babsb_consoles::-webkit-scrollbar-thumb {
border: 3px solid #fff;
background-clip: padding-box;
border-radius: 7px;
background-color: #aaa;
}
.babsb_input_checkblock_tripple{
display: flex;
width: 100%;
}
.babsb_input_checkblock_tripple .babsb_input_checkblock{
width: 33.33%;
}
.babsb_input_checkblock_sides{
display: flex;
width: 100%;
height: 30px;
}
.babsb_input_checkblock_sides .babsb_input_checksides{
width: 30px;
margin-right: 10px;
position: relative;
}
.babsb_input_checksides input{
width: 0;
outline: none;
height: 0;
-webkit-appearance: none;
background-color: transparent;
}
.babsb_input_checksides input::before{
font-size: 16px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
border: 2px solid #ddd;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
color: #aaa;
transition: all 0.2s;
}
.babsb_input_checksides input[type=radio]::before{
content: attr(data-text);
}
.babsb_input_checksides input[type=radio]:checked::before{
border: 2px solid #999;
color: #666;
font-weight: 600;
}
.nab_successful_block{
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.nab_successful_block.success{
background-color: #a3db9a;
}
.nab_successful_block_container{
display: block;
width: 65%;
padding: 50px;
background-color: #4a7f42;
border-radius: 20px;
color: #fff;
transition: all 0.2s;
transform: scale(0);
}
.nab_successful_block.success .nab_successful_block_container{
transform: scale(1);
}
.nsbsbc_header{
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 30px;
}
.nsbsbc_header_text{
font-size: 36px;
line-height: 36px;
font-weight: 700;
}
.nsbsbc_body_big_text{
font-size: 36px;
font-weight: 700;
line-height: 42px;
margin-bottom: 30px;
}
.nsbsbc_body_small_text{
font-size: 20px;
line-height: 22px;
margin-bottom: 30px;
}
.nsbsbc_body_activate{
margin-bottom: 20px;
}
.nsbsbc_body_activate a{
display: block;
width: 100%;
text-align: center;
padding: 7px;
background-color: #d3e00a;
border-radius: 10px;
font-size: 26px;
font-weight: 600;
}
.nsbsbc_body_list{
display: block;
}
.nsbsbc_body_list.nsbsbc_body_list_center{
text-align: center;
}
.nsbsbc_body_list a{
padding: 5px;
color: #fff;
}
.mt-50{
margin-top: 50px;
}
.error_new_element{
animation: flashelementnew .5s;
}
@keyframes flashelementnew{
0% {transform: scale(1);box-shadow:none;}
25% {transform: scale(1.05);box-shadow: 1px 1px 13px 7px rgba(255, 0, 0, 0.1);}
100% {transform: scale(1);box-shadow:none;}
}
.circleloader {
position: absolute;
box-sizing: border-box;
top: 50%;
margin-top: -10px;
border-radius: 16px;
width: 180px;
height: 20px;
padding: 4px;
background: rgba(137, 137, 137, 0.4);
transition: all 0.2s;
opacity: 1;
visibility: visible;
}
.nab_successful_block.success .circleloader{
opacity: 0;
visibility: hidden;
}
.circleloader:before {
content: '';
position: absolute;
border-radius: 16px;
width: 20px;
height: 12px;
left: 0;
background: #FFF;
-webkit-animation: push 2s infinite linear;
animation: push 2s infinite linear;
}
@keyframes push {
50% {
left: 156px;
}
}