* { 
	margin: 0; 
	padding: 0;
	overflow-x: unset !important;
	-ms-overflow-style: none;
}

::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif,"Trebuchet MS"; 
	border:none; margin:0; padding:0;
    line-height: 1;
	color: var(--texts);
	font-size: 12px;
	background-attachment: fixed;
	background-image: linear-gradient(to right, var(--bgg-l), var(--bgg-r));
}


html, body {
width: 100%;
height: 100%;
touch-action: manipulation;
touch-action: pan-y;
}

html::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: var(--bgg-l);
    z-index: 9999;
}

@media (prefers-color-scheme: dark) {
  :root {
	 --invoice-bg: #ffffff;
	 --invoice-tx: #000000;
	 --topmenu-l: #222D32;
	 --topmenu-r: #22211E;
     --bgg-l: #000000;
	 --bgg-r: #000000; 
	 --menu-l: #222D32;
	 --menu-r: #22211E; 
	 --centertag: #282828;
	 --texts: #E1E1E1;
	 --texts-grey: #8A8A8A;
	 --input-fields-bg: #404040;
	 --input-fields-autocomplete-bg: #262626;
	 --input-fields-tx: #B3B3B3;
	 --input-fields-border: #555555;
	 --input-fields-hover: #787878;
	 --input-fields-placeholder:#B3B3B3;
	 --joblist-fields-bg: #404040;
	 --gradient-tbg: linear-gradient(to right, #67b26b, #4ca2cb);
	 --swipem-top: #282828;
	 --swipem-under: linear-gradient(to right, rgba(95, 106, 112, 1) , rgba(119, 116, 112, 1));
	 --tbl-color: #404040;
	 --tbl-border: #202020;
	 --table-hover: #404040;
	 --checkbox-bg: #5A5A5A;
	 --mdl-bg-fullback: rgb(0,0,0);
	 --mdl-bg: rgba(0,0,0,0.1);
	 --mdl-bg-content: rgba(0,0,0,0.8);
	 --mdl-border: #555555;
     --main-mdl-body: rgba(0, 0, 0, 0.7);
	 --main-mdl-bg: #282828;
	 --main-mdl-bl: #393939;
	 --main-mdl-bb: #000000;
	 --main-mdl-tx: #E1E1E1;
	 --main-mdl-field-bg: #404040;
	 --main-mdl-field-b1: #555555;
	 --main-mdl-field-b2: #555555;
	 --main-mdl-field-sh: #303030;
	 --main-mdl-success: linear-gradient(to right, #2D6C30, #205B77) !important;
	 --main-mdl-button-bg: #404040;
	 --main-mdl-button-bg-hover: #696969;
	 --main-mdl-button-border: #A8A8A8;
	 --main-mdl-button-lblue:#3B7AB5;
	 --main-mdl-button-lblue-hover:#4391DA;
	 --main-mdl-button-tx: #F0F0F0;
	 --sendbutton-bg: #404040;
	 --sendbutton-bg-hover: #282828;
	 --sendbutton-tx: #E1E1E1;
	 --sendbutton-border: #555555;
	 --sendbutton-shadow: 0 4px 8px 0 rgba(0,0,0,0.6), 0 3px 10px 0 rgba(0,0,0,0.13);
	 --expenses-tbl-header:#404040;
	 --apl-switch-bg: #D9DADC;
	 --apl-switch-bgi: #404040;
	 --apl-switch-knob: #d9d9d9;
	 --shortcut-tx: #E1E1E1;
	 --shortcut-bg: linear-gradient(to right,rgba(89, 105, 118, 0.4), rgba(64, 102, 84, 0.4));
	 --shortcut-bg-hover: linear-gradient(to right,#2F4F6C, #3B6C55);
	 --calendar-bg: #181818;
	 --grey-ico: invert(10%);
	 --grey-icog: brightness(2);
	 --black-ico: invert(80%);
	 --reports-menu-marker: #404040;
	 --dropmenu-bg: rgba(20, 20, 20, 0.9);
	 --dropmenu-selected: #545454;
	 --button-wgr-border-hover: #ffffff;
	 --button-wgr-border: Transparent;
     --calendar-theme: dark-theme;
     --autocomplete-theme: dark;
     --disabler: blur(0.9px) contrast(60%) brightness(40%);
     --list-tbl-border: #cfcfcf;
     --list-tbl-hover: #696969;
     --notifycation-bg: rgba(40, 40, 40, 1);
     --notifycation-border: rgba(0, 0, 0, 1);
     --hr-gradblack: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
     --chart-income: #E5AC15;
     --chart-income-novat: #E5AC15;
     --chart-transactions: #4ca2cb;
     --chart-vat: #E31A51;
     --evrkl-mark: #4D844A;
     --evrkl-mark-bg: transparent;
	 --clipboard-selected: #000000;
	 --tooltip-shadow: #000000;
	 }
}
  

@media (prefers-color-scheme: light) {
  :root {
	 --invoice-bg: #ffffff;
	 --invoice-tx: #000000;
	 --topmenu-l: #646C70;
	 --topmenu-r: #777470;
     --bgg-l: #bad4e3;
	 --bgg-r: #F0E8DF;
	 --menu-l: #646C70;
	 --menu-r: #777470;
	 --centertag: rgba(255, 255, 255, 0.5);
	 --texts: #636363;
	 --texts-grey: #c0c0c0;
	 --input-fields-bg: #F4F4F4;
	 --input-fields-autocomplete-bg: #F9F9F9;
	 --input-fields-tx: #000000;
	 --input-fields-border: #BECCD4;
	 --input-fields-hover: #ebebeb;
	 --input-fields-placeholder:#000000;
	 --joblist-fields-bg: #f9f9f9;
	 --gradient-tbg: linear-gradient(to right, #67b26b, #4ca2cb);
	 --swipem-top: #f2f2f2;
	 --swipem-under: linear-gradient(to right, rgba(95, 106, 112, 1) , rgba(119, 116, 112, 1));
	 --tbl-color: #f9f9f9;
	 --tbl-border: #c0c0c0;
	 --table-hover: #e6f5ff;
	 --checkbox-bg: #e4e4e4;
	 --mdl-bg-fullback: rgb(255,255,255);
	 --mdl-bg: rgba(255,255,255,0.6);
	 --mdl-bg-content: rgba(255,255,255,0.8);
	 --mdl-border: #888;
     --main-mdl-body: rgba(0, 0, 0, 0.35);
	 --main-mdl-bg: #ffffff;
	 --main-mdl-bl: #f9f9f9;
	 --main-mdl-bb: #ddd;
	 --main-mdl-tx: #444;
	 --main-mdl-field-bg: #fff;
	 --main-mdl-field-b1: #dddddd;
	 --main-mdl-field-b2: #cccccc;
	 --main-mdl-field-sh: #eeeeee;
	 --main-mdl-success: linear-gradient(to right, #67b26b, #4ca2cb);
	 --main-mdl-button-bg: #fcfcfc;
	 --main-mdl-button-bg-hover: #EEEEEE;
	 --main-mdl-button-border: #c9c9c9;
	 --main-mdl-button-lblue: #57AAF8;
	 --main-mdl-button-lblue-hover:#4391DA;
	 --main-mdl-button-tx: #404040;
	 --sendbutton-bg: #ffffff;
	 --sendbutton-bg-hover: linear-gradient(rgba(255,255,255,0.88) 2.32%, rgba(180,180,180,0.81) 100%);
	 --sendbutton-tx: #000000;
	 --sendbutton-border: #c0c0c0;
	 --sendbutton-shadow: 0 4px 8px 0 rgba(255,255,255,0.1), 0 3px 10px 0 rgba(0,0,0,0.13);
	 --expenses-tbl-header:#F3F3F3;
	 --apl-switch-bg: #D9DADC;
	 --apl-switch-bgi: #fff;
	 --apl-switch-knob: #fff;
	 --shortcut-tx: #fff;
	 --shortcut-bg: linear-gradient(to right,rgba(89, 105, 118, 0.5), rgba(64, 102, 84, 0.5));
	 --shortcut-bg-hover: linear-gradient(to right,#62a4de, #6aba94);
	 --calendar-bg: #EBEBEB;
	 --grey-ico: invert(60%);
	 --grey-icog: invert(0%);
	 --black-ico: invert(0%);
	 --reports-menu-marker: #ffffff;
	 --dropmenu-bg: rgba(255, 255, 255, 0.9);
	 --dropmenu-selected: #ddd;
	 --button-wgr-border: #ffffff;
	 --button-wgr-border-hover: #747474;
     --calendar-theme: light-theme;
     --autocomplete-theme: light;
     --disabler: blur(0.7px) contrast(25%) brightness(155%);
     --list-tbl-border: #cfcfcf;
     --list-tbl-hover: #e1e1e1;
     --notifycation-bg: rgba(40, 40, 40, 1);
     --notifycation-border: rgba(0, 0, 0, 0.4);
     --hr-gradblack: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
     --chart-income: #E5AC15;
     --chart-income-novat: #E5AC15;
     --chart-transactions: #4ca2cb;
     --chart-vat: #E31A51;
     --evrkl-mark: #AFE4B7;
     --evrkl-mark-bg: transparent;
     --clipboard-selected: #C5F0C7;
     --tooltip-shadow: #c0c0c0;
}
}

 @font-face {
font-family: 'PT Sans Narrow';
font-display: swap;
src: url('../lib/fonts/PTSans-Narrow.eot'); /* IE9 Compat Modes */
src: url('../lib/fonts/PTSans-Narrow.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../lib/fonts/PTSans-Narrow.woff2') format('woff2'), /* Super Modern Browsers */
     url('../lib/fonts/PTSans-Narrow.woff') format('woff'), /* Pretty Modern Browsers */
     url('../lib/fonts/PTSans-Narrow.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../lib/fonts/PTSans-Narrow.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
 
 a:link { text-decoration: none; color: inherit;}
 a:visited { text-decoration: none; color: inherit;}
 a:hover { text-decoration: none; color: inherit;}


div.white_nott_box{
	background-color: var(--centertag);
	position: relative;
	width: 80%;
	text-align: center;
	top: 25%;
	left: 50%;
	padding: 30px;
	transform: translate(-50%, 0); 
	border-radius: 10px;
}

.table03 {
border: 0;
width: 100%;
font-family: Helvetica;
font-weight: normal;
font-size: 16px;
color:#FFFFFF;
background-color: #000000;
background: linear-gradient(to bottom, var(--topmenu-l), var(--topmenu-r));
padding:10px
}


.table_idv {
font-family: Helvetica;
font-weight: normal;
font-size: 13px;
color: var(--texts);
background-color: var(--tbl-color);
border-color: var(--tbl-border);
border:1px;
border-collapse:collapse;
border-radius:13px;
}


@media only screen and (max-width: 800px) {
   	   .table_idv { width:97%; }
}

@media only screen and (min-width: 800px) {
   	   .table_idv { width:90%; }
}


.table_idv td {
	margin: 5px;
	padding: 3px 4px;
    height: 40px;
    vertical-align: middle;
    border: 1px solid var(--tbl-border);
    border-collapse: collapse;

}

.table_idv th {
	padding: 3px 4px;
	height: 50px;
    background-color: var(--tbl-color);
    font-family: Helvetica;
	font-weight: normal;
	font-size: 13px;
    color: var(--texts);
    border-collapse:collapse;
    border-color: var(--tbl-border);

}

.table_idv_th_left {
	border-top-left-radius:11px;
}

.table_idv_th_right {
	border-top-right-radius:11px;
}

.table_idv_thd_left {
	border-bottom-left-radius:11px;
}

.table_idv_thd_right {
	border-bottom-right-radius:11px;
}



p {
	font-family: Arial; 
	font-size: 14px;
	line-height: 130%;
	margin-bottom: 0px;
    margin-top: 0px;    
     
}

p.big_sums {
	font-family: 'PT Sans Narrow';
	font-size: 4.0vw;
	line-height: 110%;
	margin-bottom: 0;
    margin-top: 0;
    color:  var(--texts);
}

p.medium_sums {
	font-family: 'PT Sans Narrow';
	font-size: 4.0vw;
	line-height: 130%;
	margin-bottom: 0;
    margin-top: 0;
    color:  var(--texts);
}

p.normal_sums {
	font-family: 'PT Sans Narrow';
	font-size: 2.0em;
	line-height: 130%;
	margin-bottom: 0;
    margin-top: 0;
    color:  var(--texts);
}


p.sums {
	font-family: 'PT Sans Narrow';
	font-size: 18px;
	line-height: 130%;
	margin-bottom: 0;
    margin-top: 0;
    color:  var(--texts);
}

.padding5 {
    padding:5px;
}

.padding10 {	
	padding:10px;	
}

.padding15 {	
	padding:15px;	
}

div.big {
	font-family: Arial; 
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
}

p.big {
	font-family: Helvetica; 
	color:#666666;
	font-size: 30px;
    font-size: 3.5vw;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
}

p.mid_small {
	font-family: Helvetica;
	font-weight: lighter; 
	font-size: 14px;
	line-height: 120%;
	margin-bottom: 2px;
    margin-top: 2px;
}

p.antraste {
	font-family: Arial; 
	font-size: 22px;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
}

p.antraste_small {
	font-family: Helvetica;
	font-weight: lighter;
	font-size: 18px;
	color: #ffffff;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
}


p.antraste_gray {
	font-family: Helvetica; 
	font-size: 10px;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
    color: #999999;
    line-height: 18px;
}

p.tekstas {
	font-family: Arial; 
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
}

p.small {
	font-family: Arial; 
	font-size: 8px;
	line-height: 100%;
	margin-bottom: 0px;
    margin-top: 0px;
}

p.embossed {
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	color: #a0a0a0;
	opacity: 0.3;
	font: 20px 'Helvetica';
}

div.small {
	font-family: Arial; 
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 0px;
        margin-top: 0px;
}

p.dashbig {
	font-family: Helvetica;
	color:#666666;
    font-size: 3.5vw;
	line-height: 100%;
	margin-bottom: 2px;
    margin-top: 2px;
}

.big_fields {
margin: 4px 4px;
padding: 5px 8px;
font-family: Helvetica;
font-weight: lighter; 
color: var(--input-fields-tx);
border: 1px solid var(--input-fields-border); 
background-color: var(--input-fields-bg);
border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input, big_fields{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
   	   .big_fields { width:90%; font-size: 25px;  }
}

@media only screen and (min-width: 800px) {
   	  .big_fields { width:90%; font-size: 16px;  }
}


.nbutton {  
	border-radius: 4px;
   background: linear-gradient(to right, #67b26b, #4ca2cb) !important;
   border: none;
   color: #FFFFFF;
   display: inline-block;  
   text-align: center;  
   font-size: 19px;  
   padding: 10px;  
   width: 200px;  
   transition: all 0.5s;  
   cursor: pointer;  
   margin: 5px;
}

.nbutton span {  
	cursor: pointer;  
	display: inline-block;  
	position: relative;  
	transition: 0.5s;}

.nbutton span:after {
content: '\00bb';  /* CSS Entities. To use HTML Entities, use →*/
position: absolute;  opacity: 0;  top: 0;  right: -20px;  transition: 0.5s;
}

.nbutton:hover span {  padding-right: 25px;}
.nbutton:hover span:after {  opacity: 1;  right: 0;}



.centertag {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-radius: 10px;
  background-color: var(--centertag);
  background: var(--centertag); 
}

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -22px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 22px; 
}
.site-footer {
  background-color: #000000;
  background: rgb(0, 0, 0); /* Fallback */
  background: rgba(0, 0, 0, 0.5);
}


@media only screen and (max-width: 800px) {
   	   .centertag { width:97%; }
   	   p.dashbig{ font-size: 5.5vw; }
   	   .table01 { width:98%; }
   	   .table_idv { width:98%; }
   	   .mobile_hide { display: none; }
}

@media only screen and (min-width: 800px) {
   	   .centertag { width:90%; }
   	   .table01 { width:90%; }
   	   .table_idv { width:99%; }
   	   .desktop_hide { display: none; }
}



@media only screen and (max-width:800px) {
        table[class=container], td[class=responsiveCell] {width: 100% !important; }
        td[class=responsiveCell] {display: block !important; }
      }
      
@media only screen and (max-width:1000px) {
        table[class=container], td[class=responsiveC2] {width: 100% !important;}
        td[class=responsiveC2] {display: block !important;}
      }
      
      
 @media all and (max-width: 800px) {
    td.hidecol_1{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

 @media all and (max-width: 800px) {
    th.hidecol_1{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

 @media all and (min-width: 800px) {
    img.hidemenu_1{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

 @media all and (max-width: 800px) {
    div.hidemenu_1{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
    img.hideicon{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 

}