/*
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
*/
/*
html { font-size: 62.5%; }
body { font-size: 1.5em; }
*/

/*
 .ui-icon[class*=" fa-"] {
   background: none repeat scroll 0 0 transparent;
   text-indent: 0;
 }

 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon,
 .ui-button:hover .ui-icon,
 .ui-button:focus .ui-icon {
   background-image: none;
 }
 .dark-theme{
    background-color: #031f30;
 }
*/

/* jqueryui autocomplete+bootstrap issue fix (TODO: test it!) */
.ui-autocomplete { z-index:99; }
.tooltip-inner {
    text-align: start;
    white-space: pre-wrap;
}

/* new stuff */
.container-fluid {
    padding-top: 0 !important;
}
.page-view-container {
    position: relative;
    height: 100%;
    padding-bottom: 3rem;
}
header {
    background-color: #fff;  
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
header.fixed-top {
    z-index: 100 !important;
}
header.fixed-top .col button.btn-sm, 
header.fixed-top .col-auto button.btn-sm,
#tbbuttons4 button.btn-sm {
    font-size: 0.7em;
    text-transform: uppercase;
    font-weight: 600;
}
.logo-container{
    width: 160px;
}
.navbar-brand{
    width: 155px;
    height: auto;
}
#mainMenuLeft {
    width: 100%;
}
#mainMenuRight ul {
    margin-left: -120px;
}

.nav-item {
    margin-left: 10px;
}
#topheader .navbar-brand{
    min-height:40px;
}
.page-header-sticky {
    position: sticky;
    top: 135px;
    background-color: #fff;
}
#testSearch {
    width: 520px;
}
.text-bg-blue {
    background-color: #1990FA;
    color: #ffffff;
}
.text-orange {
    color: #faa61a;
    font-size: 1.5rem;
}
.text-light-blue {
    color: #56CEF4;
    font-size: 1.5rem;
}
.bg-grey {
    background-color:  #faa61a;
    color: #FFF;
    border-radius: 0.375rem;
}
.bg-light-red {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}
.bg-light-green,
.bg-outline-green,
.btn-outline-green {
    border-color: #13D913;
    color: #13D913;
}
.bg-light-blue,
.bg-outline-blue,
.btn-outline-blue {
    border-color: #56CEF4;
    color: #56CEF4;
}
.bg-orange,
.btn-outline-orange,
.bg-outline-orange {
    border-color: #faa61a;
    color: #faa61a ;
}
.settings a {
    border: 1px solid #faa61a !important;
    color: #faa61a;
}

.nav-item a{
    color: #faa61a;
}

.btn-outline-green:hover,
.active-green,
.bg-light-green:checked {
    background-color: #13D913;
    border-color: #13D913;
    color: #ffffff;
}
.btn-outline-orange:hover,
.active-orange,
.bg-orange:checked,
a.active,
.nav-item a:hover {
    background-color: #faa61a !important;
    border-color: #faa61a;
    color: #ffffff;
}
.nav-item .text-muted:hover{
    background: none !important;
}
.input-group-orange {
    border-color: #faa61a;
    background-color:  #faa61a;
    color: #FFF;
}
.btn-outline-blue:hover,
.bg-outline-blue:checked {
    background-color: #56CEF4;
    border-color: #56CEF4;
    color: #fff; 
}
.webix_el_select select {
    color: #faa61a !important;;
    border-color: #faa61a !important;
    background-color: #ffffff !important;
}
.webix_el_select select:hover {
    color: #ffffff !important;;
    border-color: #faa61a !important;
    background-color: #faa61a !important;
}
.order-str {
    margin-left: 5px;
}
.space-right {
    margin-left:20px;
}
.custom-pr-4 {
    padding-left: 2%;
}
.search-data-container {
    width: 100px;
}
.order-file-container {
    width: 300px;
}
.searc-btn-container {
    width: 150px;
}
.order-file-btn-container {
    width: 30px;
}

.form-check-input {
    height: 20px;
    width: 20px;
}
.form-check {
    width: 64px;
}
.form-check label {
    padding-left: 10px;
}
#test,#pdfOld, #pdfNew {
    padding: 4px 12px;
}
#test, #pdfOld i, #pdfNew i {
    font-size: 0.875rem;
}
span .text-color {
    color: #faa61a !important;
}
.alert-white {
    background-color: #fff;
    color: #6c757d;
    border-color: #dee2e6;
}
/* zones filter*/
.selected-zone-item,
#selectedZonesSave,
#clearDropZones {
    margin-left: 4px;
}
.bg-pickup-zone {
    background: rgba(244, 177, 86, 0.25);
    color: #F4B156;
}
.bg-drop-zone {
    background: rgba(86, 206, 244, 0.25);
    color: #F4B156;
}
/* Expert view action buttons */
.expert-btn-menu {
    margin-top: 25%;
    position: sticky;
    bottom: 3%;
    display: flex;
    justify-content: center;
    z-index: 3000;
}
.expert-action-menu {
    height: 75px;
    background-color: #ffffff;
    border: 1px solid #F4B156;
    box-shadow: 0px 0px 10px 5px #cccccc;
    border-radius: 0.25rem;
}
.hidden {
    display: none;
}
.counter {
    min-height: 50px; 
    min-width: 50px; 
}
.counter-info {
    padding-right: 50px;
}
.close-expert-view-buttons {
    height: 50px; 
    width: 50px; 
    font-size: 25px;
}

/* old stuff */
.webix_ss_filter input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-weight: bold;
    color: #A7A7A7;
}

.grid-sticky-header{
    position: sticky;
    top: 168px;
    z-index: 99;/*102*/
    background:#FFF;
    overflow: hidden;
}

/* vana Planlogi osa*/
#dropmenudiv{position:fixed;border:1px solid #CADFF4;border-bottom-width:0;font:normal 11px Helvetica,Verdana;line-height:18px;z-index:9999}
#dropmenudiv a{width:100%;display:block;text-indent:3px;border-bottom:1px solid #CADFF4;padding:1px 0;text-decoration:none;font-weight:none;color:#545454}
/*body{margin:0;padding:0;left:0;top:0}*/
#dropmenudiv a:hover{background-color:#DCE8F4;font-weight:700}
#example .details{border-right:2px solid #A19B9E;border-top:0 none}
td.sellnk{background-color:#71DF71;width:120px;text-align:center;border-radius:5px;-moz-border-radius:5px}
td.lnk{background-color:#E8E8E8;width:120px;text-align:center;border-radius:5px;-moz-border-radius:5px}
a.sellnk{color:#E5F9E5;text-decoration:none}
a.lnk{color:#545454;text-decoration:none}
a.lnk2{color:#E5F9E5;text-decoration:none;border-radius:5px;-moz-border-radius:5px;background-color:#71DF71;float:right;position:relative;top:2px;right:2px;line-height:20px}
input.lnk22{color:#E5F9E5;border-radius:5px;-moz-border-radius:5px}
input.lnk22:focus{color:#E5F9E5;border-radius:5px;-moz-border-radius:5px;border:1px solid green}
.lnk2btn{color:#fff;text-decoration:none;border-radius:5px;-moz-border-radius:5px;background-color:#CD702B;position:relative;top:2px;right:-2px;line-height:20px}
.lnk2btn2{color:#545454;text-decoration:none;border-radius:5px;-moz-border-radius:5px;background-color:#EEE;position:relative;top:2px;right:-2px;line-height:20px}
.lnk2btnc{color:#fff!important;text-decoration:none;border-radius:3px;-moz-border-radius:3px;background-color:#CD702B;position:relative;top:2px;right:2px;line-height:20px}
#tellimused .lnk2btnc{right:-4px}
#tabbid a.lnk2btn{color:#fff}
.jutt_y{border-top-width:1px;border-top-style:solid;border-top-color:#000}
.jutt_a{border-bottom:1px solid #000}
.jutt_p{border-right:1px solid #000}
.jutt_v{border-left:1px solid #000}
.jutt_y_t{border-top-width:2px;border-top-style:double;border-top-color:#788D9A}
.jutt_a_t{border-bottom-width:1px;border-bottom-style:double;border-bottom-color:#788D9A}
.rklm_jutt,.saatmine{border-top-style:double;border-top-color:#788D9A;background-color:#EAF3F6;font-weight:700}
.saatmine{background-color:#BEDAE3}
.ord_add_gray{background-color:#D6D6D6;padding:3px}
.hall{border-color:gray}
.sinine{border-color:blue}
.dedede{border-color:#DDD}
.j_punane{border-color:red}
.j_roheline{border-color:#13D913}
.paremal{text-align:right}
.vasakul{text-align:left}
.keskel{text-align:center}
.error{color:red;font-size:10px}
.note{color:green}
.t_rasvane{font-weight:700}
.t_punane{color:red}
#example td.t_punane{color:red}
.t_hall{color:gray}
.t_sinine{color:#48C0F3}
.t_valge{color:#fff}
.t_roheline{color:#13D913}
.t_t{color:#545454}
.valge_tt{background-color:#fff}
tr.p2is{background-color:#77B1C4}
tr.sd_hall{background-color:#A0A1A5}
.tekst{font-family:Helvetica,tahoma,verdana;font-size:12px}
.menyy{color:#DDEAF1}
.pt{font-size:8px;color:gray}
.vt{font-size:10px;color:gray}
.st{font-size:14px;color:gray}
.vst{font-size:18px;color:gray}
.t10{font-size:10px}
.k22{line-height:22px}
.k26{line-height:26px}
.l3{width:300px}
.l90{width:90px}
.l40{width:40px}
.l35{width:35px}
.none{border:0;background-color:transparent}
.ymber{border:1px solid #77B1C4;font-family:Helvetica,tahoma,verdana;font-size:12px;line-height:22px;color:#545454}
.ymber td{padding:0}
.ymber .p2is2_v{background-color:#77B1C4;color:#DDEAF1}
.ymber .p2is2_p{background-color:#77B1C4;color:#DDEAF1;text-align:right}
.ymber td.p2is2_v,td.p2is2_p{border-top:1px solid #BCD5E4}
.ymber .p2is3{vertical-align:top;min-height:200px}
.triibud{empty-cells:show}
.triibud td{border-bottom:1px solid #F7D9C2;color:#545454}
.triibud th{border-right:0;border-top:0;border-left:0;border-bottom:1px solid #F3C5A2;line-height:22px;color:#A7A7A7}
.triibud th:last-child{border-right:0 none}
.triibud td:last-child{border-right:0 none}
.ttriibud{border-color:#788D9A;border-bottom-style:double;text-align:left;font-size:12px;font-weight:700}
#example .sisekast th{color:#DDEAF1;background-color:#919191}
#example .sisekast td{color:#545454!important;background-color:#fff}
#example .sisekast #lingid{background-color:#fff;text-align:left;font-weight:400}
#example .sisekast #lingid a{color:#545454}
#example .sisekast #muudatused{background-color:#fff;font-weight:400}
.d_paremal{border-right:1px solid #E68842!important}
.d_p{border-right:1px solid #F9E1CE!important}
.d_all_r td,d_all th{border-bottom:1px solid #E68842!important}
.d_all{border-bottom:1px solid #E68842!important}
.d_peal_r td,d_all th{border-top:1px solid #E68842!important}
.d_peal{border-top:1px solid #E68842!important}
.d_vasakul{border-left:1px solid #E68842!important}
.hh_paremal_r td,.hh_paremal_r th{border-right:1px solid #DDD}
.hh_all_r td{border-bottom:1px solid #DDD}
.hh_paremal{border-right:1px solid #DDD}
.hh_vasakul{border-left:1px solid #DDD}
.lingid a{text-decoration:none;color:gray;font-size:10px}
.triibud_kylgedel{border-right:1px solid #788D9A;border-left:1px solid #788D9A;border-bottom:double #788D9A;empty-cells:show;border-spacing:1px}
.triibud2{border-right:1px solid #788D9A;border-top:1px solid #788D9A;empty-cells:show}
.triibud2 td{border-left:1px solid #788D9A;border-bottom:1px solid #788D9A}
.triibud2 th{border-left:1px solid #788D9A;border-bottom:1px solid #788D9A;background-color:#77B1C4;line-height:22px;color:#DDEAF1}
.triibud2 input{border:0;text-align:right;background-color:transparent}
.kalender{font-size:11px}
.kmnt_img{background-image:url(../images/comment.gif);background-repeat:no-repeat;background-position:top right}
.pais_alumine{background:url(../images/p2ise_taust_01.jpg) repeat-x top left;height:71px}
.pais_keskmine{background:url(../images/p2ise_taust_02.jpg) no-repeat top left;width:48px;height:71px}
.pais_pealmine{background:url(../images/p2ise_taust_04.jpg) repeat-x top left;height:71px}
#rp{z-index:9999;position:absolute;top:0;height:38px;width:100%}
.pais_tekstid{position:relative;top:15px;font-weight:700;color:#545454}
#pnimi:first-child{background-color:#E4FBE9;opacity:.5}
INPUT,SELECT,TEXTAREA{font-size:12px;color:#333;font-family:Helvetica,Tahoma,Verdana;border:1px solid silver;background-color:#F9F9F9;outline:none}
.inputt{font-size:12px;color:#333;font-family:Helvetica,Tahoma,Verdana;border:1px solid silver;background-color:#F9F9F9;outline:none}
input:focus{background-color:#FEFCFA;border:1px solid #E9C482;color:#D8973A}
input[type=checkbox]:focus{border:0 none}
.hover{background-color:#FEF6E9}
.click{background-color:#FDE9C8}
.hovercell{background-color:#B2D1FF}
.esimesealla thead tr:first-child td{border-bottom:1px solid #F7B03D}
.esimesealla tbody td:first-child{border-right:1px solid #F7B03D}
#autod-list{padding:3em 1em 2em}
#autod-list span.title{font-weight:700;font-size:16px;color:#C4B747;display:block}
#cars_table_list{margin:0;padding:0;border:0;float:left;clear:both;width:950px}
#cars_table_list td{margin:0;padding:0;border-bottom:1px solid #CD702B;border-left:1px solid #CD702B;width:100%}
#cars_table_list td:first-child{border-left:0}
#cars_table_list form{margin:0;padding:0}
#cars_table_list input:focus{background:#FDF7D9}
#cars_table_list td.delete-me a{display:block;padding:.2em 1em;background:#EEE;color:red}
#cars_table_list tr.rw1{background:#EEE}
#cars_table_list tr.rw2{background:#FFF}
#cars_table_list tr:hover td{background:#FEF6E9}
#cars_table_list tr.head td{text-align:center;font-weight:600;border:0;text-align:center;border-bottom:1px solid #CD702B}
#cars_table_list tr.head:hover td,#cars_table_list tr.foot:hover td{background:none}
#cars_table_list tr.head span{display:block;font-size:.9em;color:#999;clear:both}
#cars_table_list td.c1{width:100px;padding:.2em .5em}
#cars_table_list td.c2{padding:.2em .5em;width:170px}
#cars_table_list td.c1 input,#cars_table_list td.c2 input{width:100%;line-height:20px;margin:0;padding:0;background:transparent;display:block;margin-right:.1em}
#cars_table_list table{width:100%;border:0;padding:.2em;margin:0;border-spacing:0}
#cars_table_list table td{border-bottom:0;border-top:0}
#cars_table_list td.c1 input.save_button{float:left;margin-right:5px;color:#fff!important;text-decoration:none;border-radius:3px;-moz-border-radius:3px;background-color:#CD702B;position:relative;top:2px;right:2px;line-height:15px;width:20px;border:0;cursor:pointer;display:none}
#cars_table_list td.c1 input.delete_button{color:#fff!important;text-decoration:none;border-radius:3px;-moz-border-radius:3px;background-color:#CD702B;position:relative;top:2px;right:2px;line-height:15px;width:20px;border:0;cursor:pointer}
#cars_table_list tr.foot td{border:0;padding-top:2em}
.linfo table{margin:0 0 1em;padding:0;border:0;border-spacing:0;border-bottom:.1em #CCC solid;width:100%}
.linfo table td{font-size:.75em}
.linfo table tr:first-child td{border-bottom:.1em #CCC dashed}
#cars table{text-align:right;width:100%;border:0;margin:0;padding:0;border-spacing:0;font:normal .8em/1.5em Arial}
#cars .tpais{font-weight:700;font-style:italic}
#cars .bl{border-left:.1em #BBB solid}
#cars .bt{border-top:.1em #BBB solid}
#cars .br{border-right:.1em #BBB solid}
#cars .bb{border-bottom:.1em #BBB solid}
#id_tell tr.trClosed td,#id_pakk tr.trClosed td{background:#7A7A7A;color:#FFF}
#sidumine2 .ui-tabs .ui-tabs-panel{font-size:1em!important}
#sidumine2 .risthover td{width:50px!important;text-align:right}
#tellimused #tellija_kood,#tellimused #tellija_arve_maksja_info td{font-size:.9em;font-style:italic}
#tellimused #tellija_arve_maksja_info td:first-child{font-size:1em;font-style:normal}
#tellimused #tellija_kood a,#tellimused #tellija_arve_maksja_info a{color:#CD702B;font-weight:700}
#tellimused #tellija_arve_maksja_teade td{color:red}
.changed-arrow-down{background:url(../images/228ef1_256x240_icons_icons.png) no-repeat -48px 0;width:12px;height:12px;display:block;float:right;margin-top:5px}
#user-my-button-data{width:100%}
#user-my-button-data td{border-style:none;text-align:left}
#user-my-button-data td:first-child{width:150px;text-align:right}
#notice_for_user{color:red;padding:.5em;display:none}
#ref1-dialog{display:none}
#invoicingView .error,#invoicingView .error a{color:red}
.lastcb-delete-row{cursor:pointer;display:block;width:20px;text-align:center}
.lastcb-delete-row:hover{background:#F7B64C}
#client_dept_info{color:red;font-weight:600;padding:1em 0;text-align:right;font-size:14px;}
#client_dept_info2{padding:1em 0;font-size:14px;}
#client_dept_info2 .redbold{color:red;font-weight:600;}

.ui-dialog.ui-widget.ui-widget-content,
.ui-datepicker.ui-widget.ui-widget-content{
    font-size: .9em;
}

/*
#klh .lisaread td:first-child:not(:empty)::after{
    content: '.';
    margin-right:4px;    
}
*/
#klh table{
    counter-reset: rowNumber;
}
#klh tr.lisaread{
    counter-increment: rowNumber;
}
#klh tr.lisaread td:first-child::before{
    content: counter(rowNumber);
    min-width: 1em;
    margin-right: 0.5em;
}
#klh tr.lisaread td:last-child{
    padding:0.5em;
}