*{
border:0;
padding:0;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
font-family:'Varela Round',sans-serif,FontAwesome;
}
*:before,*:after{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html[dir="rtl"] *{
direction:rtl;
}
html,body{
/*height:100%;*/
text-align:center;
cursor:default;
margin:auto;
}
a,a:visited,a:active{
color:#038;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#79C;
}
a.a_clr{
font-weight:normal;
color:#000;
}
.main_tabs{
padding:0;
overflow:hidden;
display:table;
border-collapse:collapse;
width:100%;
}
.main_tabs ul{
list-style-type:none;
display:table-row;
}
.main_tabs li{
display:block;
background:#79C;
text-align:center;
padding:4px;
text-decoration:none;
font-size:18px;
border:2px solid #FFF;
font-weight:bold;
transition:background .5s;
}
.main_tabs li:hover:not(.active){
background:#3D80C7;
}
.main_tabs .active{
color:#FFF;
background:#38C;
}
.main_tabs ul.main_tabs_sub{
display:none;
position:absolute;
left:0;
right:0;
padding:6px;
}
.main_tabs_sub li{
display:block;
position:relative;
z-index:100;
}
.main_tabs li:hover ul{
display:block;
}
#main_view{
margin:0;
padding:0;
background:#fff;
border:2px solid #38C;
}
#main_view td:empty{
display:none;
}
#pelf td:empty,#debtors td:empty{
height:1.5em;
}
#main_view td+.clsp:empty{
display:inline-block;
min-height:26px;
}
#main_view select{
max-width:90px;
font-size:.9em;
}
#mORD{
margin:1px;
background:#fff;
border:2px solid #82E;
/*float:left;*/
}
div[id^="box"]{
border-top:1px solid #82E;
}
div[id^="box"] div span{
vertical-align:top;
}
table{
border-collapse:collapse;
width:100%;
}
caption,.caption{
background:#79C;
line-height:30px;
}
.ord_decor td,.ord_decor textarea{
line-height:22px;
text-align:justify;
text-align:start;
margin:2px;
display:block;
}
.ord_decor td{
border-bottom:1px solid #82E;
}
.ord_decor tr div{
display:block;
float:right;
min-width:99%;
line-height:22px;
text-align:start;
margin:2px;
}
textarea{
background:#eee;
width:99%;
height:auto;
transition:height 0.5s;
-webkit-transition:height 0.5s;
}
textarea:focus{
height:88px;
}
span{
line-height:22px;
margin:auto 2px;
font-size:16px;
min-width:140px;
display:inline-block;
}
input,select{
font-size:16px;
background:#eee;
min-width:90px;
}
input[type="tel"]{
max-width:8em;
}
input[type="number"]{
max-width:4em;
}
tbody.office select{
min-width:auto;
}
.other_f{
text-align:start;
}
select.arow_l{
direction:ltr;
font-weight:normal;
}
select.arow_r{
direction:rtl;
font-weight:bold;
}
html[dir="rtl"] select.arow_l{
direction:rtl;
}
html[dir="rtl"] select.arow_r{
direction:ltr;
}
#mORD input[type="date"]{
height:20px;
max-width:160px;
}
select[disabled]{
margin:auto 2px;
background:#fff;
color:#000;
appearance:none;
-webkit-appearance:none;
}
select[disabled] option{
display:none;
}
input[type="checkbox"]{
min-width:auto;
height:18px;
width:18px;
margin:0 4px;
vertical-align:middle;
}
tbody.office tr td:first-child{
width:auto;
}
input[type="submit"]{
text-transform:uppercase;
}
.dec_btn_sml{
background:#79C;
border:2px solid #000;
padding:2px 4px;
margin:2px;
color:#fff;
text-align:center;
vertical-align:middle;
}
.dec_txt,.dec_inp,.dec_btn{
background:#79C;
border:2px solid #000;
padding:2px 4px;
margin:2px;
color:#fff;
line-height:32px;
text-align:center;
font-size:18px;
font-weight:bold;
vertical-align:middle;
height:38px;
min-width:110px;
}
.dec_btn{
cursor:pointer;
}
.dec_btn_sml:hover,.dec_btn:hover{
background:#38C;
}
.dec_txt{
background:#19b;
border:0;
padding:4px;
min-width:98%;
}
.flex_tb_tb{
display:table;
width:100%;
background:#19b;
border:1px solid #fff;
border-width:1px 0;
}
.flex_tb_tr{
display:table-cell;
}
.flex_tb_tb form{/*login/statcar*/
display:table-cell;
}
.rsp_tbl{
width:100%;
margin-bottom:.1em;
}
.rsp_tbl thead{
position:absolute;
padding:0;
border:0;
height:1px;
width:1px;
overflow:hidden;
}
.rsp_tbl th{
background:#79C;
border:2px solid #FFF;
border-right:0;
font-weight:normal;
text-align:center;
color:#FFF;
padding:6px;
}
.rsp_tbl th:first-child{
border-width:2px;
}
.rsp_tbl thead th:first-child{
min-width:116px;
}
.rsp_tbl tbody td:first-child{
text-align:start;
}
.rsp_tbl tbody,.rsp_tbl tr,.rsp_tbl th,.rsp_tbl td{
display:block;
padding:0;
white-space:normal;
}
.rsp_tbl th,.rsp_tbl td{
padding:.5em;
vertical-align:middle;
}
.rsp_tbl caption{
margin-bottom:1em;
font-size:1em;
font-weight:bold;
text-align:center;
}
.rsp_tbl tfoot{
font-size:.8em;
font-style:italic;
}
.rsp_tbl tbody tr{
/*margin-bottom:.5em;*/
border-bottom:2px solid #79c;
}
.rsp_tbl tbody tr:hover td{
border-top:1px solid red;
background:#DDD;
}
.rsp_tbl tbody tr:last-of-type{
margin-bottom:0;
}
.rsp_tbl tbody th[scope="row"]{
color:#FFF;
}
.rsp_tbl td{
background:rgba(238,238,238,0.6);
text-align:start;
padding:2px 4px;
border-top:1px solid #82E;
}
.rsp_tbl tbody .weekday{
background:#19b;
}
.rsp_tbl tbody tr:hover td.weekday{
background:#19b;
}
:focus{
outline:none;
}
.clr{
clear:both;
}
.min_96{
min-width:96px;
}
.min_116{
min-width:116px;
}
.w_60{
width:60px;
}
.w_110{
width:110px;
}
.w_160{
width:160px;
}
.txt_cnt{
text-align:center;
}
/*footer*/
.ful_pop{
display:none;
height:100%;
width:100%;
top:0;
left:0;
bottom:0;
right:0;
position:fixed;
overflow:auto;
z-index:1000;
text-align:center;
background:rgba(255,255,255,0.9);
}
.mar_mid{
margin:0 auto;
}
.lang_select_call{
position:fixed;
height:40px;
width:40px;
top:0;
right:0;
z-index:50;
}
html[dir="rtl"] .lang_select_call{
right:auto;
left:0;
}
.basic_img_close{
width:30px;
height:30px;
position:relative;
margin:16px auto;
z-index:20;
background-image:url('../img/delete.png');
background-size:contain;
}
a.navi,div[id*="lang_"]{
width:100px;
height:100px;
margin:0 auto;
padding:1px;
display:block;
}
.gmap{
background-image:url(../../all/gmap.png);
}
.waze{
background-image:url(../../all/waze.png);
}
#lang_select #lang_ru{
background-image:url(../../all/lang-ru.png);
}
#lang_select #lang_he{
background-image:url(../../all/lang-he.png);
}
#lang_select #lang_en{
background-image:url(../../all/lang-en.png);
}
.show{
display:;
}
.hide{
visibility:hidden;
position:fixed;
bottom:-2000px;
}
a[href*="tel"]{
text-decoration:none;
color:inherit;
cursor:inherit;
font-weight:inherit;
}
#users_teams,#users_admins,#reg_form,#reg_team_form{
display:table;
margin:0 auto;
}
.offi::after{
font-family:FontAwesome;
color:#19b;
content:"\f0b1";
position:absolute;
z-index:86;
line-height:22px;
font-size:18px;
margin:auto 18px;
}
td.meet a::after{
font-family:FontAwesome;
content:"\f007";
color:#38C;
position:absolute;
z-index:80;
line-height:20px;
font-size:18px;
margin:auto 1px;
}
td.stor a::before{
font-family:FontAwesome;
content:"\f03c";
color:#38C;
position:absolute;
z-index:80;
line-height:22px;
font-size:18px;
margin:auto 134px;
}
td.clsp{
display:inline-block;
width:50%;
line-height:20px;
}
.ord_decor #box_route td.clsp{
display:inline-block;
width:48%;
text-align:center;
}
.smhd{
display:inline-block;
}
#box_route tr{
text-align:start;
}
#box_route span{
min-width:140px;
}
.bg-m{
background:#19b !important;
}
.bg-r{
background:#f66 !important;
}
.bg-g{
background:#7d7 !important;
}
.cl-r{
color:#f66;
}
.cl-g{
color:#7D7;
}
.fs-s{
font-size:.8em;
}
.gear,.check{
position:relative;
}
.gear:after{
content:"\f013";
font-family:FontAwesome;
padding:0 10px;
display:inline-block;
animation:spin 1s infinite linear;
-webkit-animation:spin 1s infinite linear;
transform-origin:50% calc(50% - .8px);
}
.check:after{
content:"\f00c";
font-family:FontAwesome;
padding:8px;
}
.i_call:after,.i_gmap:after,.i_waze:after,.i_tran:after{
font-family:FontAwesome;
content:"\f2be";
line-height:20px;
font-size:22px;
width:30px;
display:inline-block;
padding:0 10px;
text-align:center;
color:#19b;
}
.i_gmap:after{
content:"\f041";
}
.i_waze:after{
content:"\f0d1";
}
.i_tran:after{
content:"\f1ab";
}
.i_wifi:before{
font-family:FontAwesome;
content:"\f1eb";
line-height:30px;
font-size:30px;
z-index:1000;
display:block;
position:fixed;
margin:10px 20px;
width:40px;
top:0;
text-align:center;
color:#ff6961;
animation:cwifi 1s infinite linear;
-webkit-animation:cwifi 1s infinite linear;
}
@-webkit-keyframes cwifi{
from{content:"\f1eb";}
to{content:"\f06a";}
}
@keyframes cwifi{
from{content:"\f1eb";}
to{content:"\f06a";}
}
.alrt{
animation:calrt 2s infinite linear;
-webkit-animation:calrt 2s infinite linear;
}
@-webkit-keyframes spin{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes calrt{
0%{background:initial;}
50%{background:red;}
100%{background:initial;}
}
@keyframes calrt{
0%{background:initial;}
50%{background:red;}
100%{background:initial;}
}
/*MEDIA 30*/
@media(min-width:30em){
.rsp_tbl tbody td[data-title]:before{
font-size:.9em;
}
}
/*END MEDIA 30*/
/*MEDIA 48*/
@media(min-width:48em){
tbody.office tr td:first-child{
width:250px;
}
.container{
margin:2%;
}
.main_tabs li{
padding:6px;
}
.ord_decor td,.ord_decor textarea{
display:table-cell;
}
.ord_decor #box_route td{
display:block;
}
.ord_decor tr div{
min-width:49%;
}
.ord_decor span,.ord_decor input,.ord_decor select{
min-width:auto;
}
.ord_decor .viewnew{
display:inline-block;
width:50%;
}
.ord_decor .viewnew span{
min-width:200px;
}
.dec_txt{
min-width:220px;
}
/*.dec_btn{
min-width:110px !important;
}*/
}
/*END MEDIA 48*/
/*MEDIA 62*/
@media(min-width:62em){
.ord_decor tr div{
min-width:30%;
}
.ord_decor #box_route td,.ord_decor #box_route td.clsp{
display:inline-block;
width:auto;
}
td.meet a::after{
line-height:12px;
font-size:10px;
}
.smhd{
display:none;
}
#box_route span{
min-width:auto;
}
.offi::after{line-height:26px;margin:auto 6px auto;font-size:10px;}
td.stor a::before{line-height:12px;font-size:12px;margin:auto 104px;}
td.clsp{
display:table-cell;
width:auto;
line-height:auto;
}
.main_tabs li{
display:table-cell;
padding:10px 14px;
}
html[dir="rtl"] .main_tabs ul.main_tabs_sub{
right:auto;
}
html[dir="ltr"] .main_tabs ul.main_tabs_sub{
left:auto;
}
.main_tabs_sub li{
display:block;
}
.rsp_tbl tfoot{
font-size:.9em;
}
.rsp_tbl thead{
position:relative;
clip:auto;
height:auto;
width:auto;
overflow:auto;
}
.rsp_tbl{
font-size:0.85em;
}
.rsp_tbl th{
display:table-cell;
}
.rsp_tbl td{
display:table-cell;
padding:.1em;
}
.rsp_tbl tbody{
display:table-row-group;
}
.rsp_tbl tbody tr{
display:table-row;border-width:1px;
}
.rsp_tbl caption{
font-size:1.5em;
}
.rsp_tbl tbody td{
text-align:center;
}
.rsp_tbl tbody td[data-title]:before{
content:none;
}
.rsp_tbl tbody th[scope="row"]{
color:#5e5d52;
text-align:left;
}
.rsp_tbl tr{
display:table-row;
}
#main_view td:empty,#main_view td+.clsp:empty{
display:table-cell;
}
/*#pelf td:empty{
display:table-cell;
}*/
.dec_txt,.dec_inp,.dec_btn{
display:inline-block;
}
}
/*END MEDIA 62*/
/*MEDIA 68*/
@media(min-width:68em){
#main_view{
margin:0 1px;
padding:0 3px;
}
#main_view select{
max-width:auto;
font-size:.9em;
}
.rsp_tbl{
font-size:1em;
}
.rsp_tbl th{
padding:.6em .1em;
}
.rsp_tbl td{
padding:.2em .1em;
}
.container{
margin:2em auto;
max-width:75em;
}
.main_tabs li{
padding:12px 16px;
}
}
/*END MEDIA 68*/
/*MEDIA 82*/
@media(min-width:82em){
.ord_decor #box_route td,.ord_decor #box_route td.clsp{
display:table-cell;
}
}
/*Decoration button check*/
.dec_chk[type=checkbox]{
height:0;
width:0;
visibility:hidden;
}
.dec_chk{
color:#fff;
cursor:pointer;
text-indent:-9999px;
width:80px;
height:30px;
background:grey;
display:block;
/*border-radius:30px;*/
position:relative;
border:2px solid #000;
/*padding:2px 4px;*/
margin:0 20px;
}
.dec_chk:after {
content:'';
position:absolute;
left:0px;
/* right:40px; */
top:0px;
width:30px;
height:26px;
background:#fff;
/* 	border-radius:30px; */
transition:0.3s;
}
.dec_chk:checked + label {
background:#7D7;
}
.dec_chk:checked + label:after {
left:100%;
transform:translateX(-100%);
}
.dec_chk:active:after {
width:40px;
}
/*Slider out: button used with span element after*/
.sld_snap {
position:absolute;
width:29px!important;
height:29px!important;
margin:5px !important;
top:4px;
left:4px;
cursor:pointer;
}
html[dir="rtl"] .sld_snap{
left:auto;
right:4px;
}
.sld_snap:before {
color:#f66;
content:"\f06a";
position:absolute;
font-size:44px;
line-height:44px;
background:#eee;
left:-7px;
top:-7px;
padding:1px;
width:40px;
height:40px;
border-radius:50%;
}
html[dir="rtl"] .sld_snap:before{
left:auto;
right:-7px;
}
.sld_snap + span {
max-height:10em;
opacity:1;
height:auto;
overflow:hidden;
transition:opacity 1s linear,max-height 3s linear;
}
.sld_snap:checked + span {
opacity:0;
max-height:0;
overflow:hidden;
border:none;
}
.sld_box{
position:absolute;
display:block;
top:48px;
left:20px;
right:20px;
padding:8px;
margin:auto;
border:1px solid #ddd;
border-radius:3px;
text-align:center;
background:#f66;
font-size: 20px;
}
/*END Slider out*/