:root {
    --bkg_color : #001f20;
    --bkg_color : #999999;	
    --lightrow  : #ccc;
    --darkrow   : #bbb;
    --hoverrow  : #808080;
    --rowcolor  : black;
    --rowhovercolor  : black;
}

::-webkit-scrollbar { 
    -webkit-appearance:none; 
    width:10px;
}
::-webkit-scrollbar-track {
    background: grey; 
}
::-webkit-scrollbar-thumb {
    background:#bbb;
}
::-webkit-scrollbar-thumb:hover {
    background:#ccc; 
}




.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

#XLSbutton{
	border:none; 
	background-color: transparent;
    }

#autoapprove {
    display : none;
}
#excelexport {
    height: 24px;
    transition : .35s;
    cursor : pointer;
}
#excelexport:hover {
    filter: invert();
}
#export_div {
    position : fixed;
    z-index  : 65000;
    top		: 128px;
    right	: 160px;
}
#logo {
    position : absolute;
    left     : 48px;
    top      : 16px;
    z-index  : 1000;
}
#langs {
    position : absolute;
    right    : 8px;
    top      : 8px;
    z-index  : 1000;
    width    : 112px;
}
#currency_rates {
    font-size : 1.2em;
    width : 25%;
}
#currency_rates th{
    background : var(--bkg_color);
    color      : white;
}
#currency_rates tr:nth-child(odd){
    background : var(--lightrow);
    color      : black;
}
#currency_rates tr:nth-child(even){
    background : var(--darkrow);
    color      : black;
}
#getting_rates {
    width : 480px;
    height: 320px;
    top : calc(100% - 160px);
    left: calc(100% - 240px);
    visible: block;
}
#active_form {
    position : absolute;
    top      : 0px;
    left     : 70%;
    width    : 300px;
    height   : 32px;
    font-size: .5em;
    color    : white;
}
#menu-title {
    width    : 100%;
    height   : 48px;
    line-height  : 48px;
    position : relative;
    top      : 24px;
    background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    opacity  : 0;
    color    : white;
    font-size: 2em;
    border-radius : 8px;
    transition : opacity 1s;
}
#main {
	position: relative;
	z-index: 32;
	top: 32px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.428572;
/*	background-color: #fff;*/
	overflow: auto; 
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	max-height: calc(100% - 142px);
	width:calc(100%);
	margin-left : auto;
	margin-right : auto;
	border-radius : 8px;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
/*	overflow-y: scroll;*/
}

#login-div {
    position : absolute;
    z-index  : 29514;
    width    : 768px;
    height   : 300px;
    border-radius : 16px;
    top      : 150px;
    left     : calc(50% - 384px);
    background : var(--bkg_color);
    color    : white;
    opacity  : 1;
    display  : block;
    transition: .5;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#footer {
    position   : absolute;
    bottom     : 4px;
    left       : 0px;
    width      : 100%;
    text-align : center;
    color      : white;
    font-size  : 1em;
}

.ah-label {
    color : white;
}
.shadowed_text {
    color : white;
    text-shadow : 2px 2px 8px #CCC;
}
.title_bar{
    width : 100%;
    height: 64px;
    background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,1) 50%,rgba(0,0,0,0));
}
.title_bar_text {
    color : white;
    line-height : 64px;    
}
.newone {
    position	: fixed;
    top		: 124px;
    right	: 32px;
    width	: 32px;
    height	: 32px;
    z-index     : 29000;
    background	: #BCBCBC;
    color	: black;
    border: 0px;
    font-size : 12px;
    text-decoration: none;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 8px; 
    padding : 4px 8px;
    width: auto;
    transition: .5s;
}
.newone:hover {
    font-weight : bold;
    background	: #CCC;
}

.button{
    position:fixed;
    top: 52px;
    z-index: 65535;
    right: 32px;
    width: 96px;
    min-width: 96px;
    color: black; 
    border: 0px;
    font-size : 12px;
    text-decoration: none;
    background-color: #616569;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    padding : 4px 8px;
    width: auto;
    transition: .5s;
}
.button:hover{
    color:white!important;
    background-color: #A1A5A9;!important;
    text-decoration: none;
    -webkit-box-shadow: 0 0 8px white; 
    -moz-box-shadow: 0 0 8px white; 
    box-shadow: 0 0 8px white;  
}

.loginbutton {
    color : var(--bkg_color);
    background : white;
    width: 96px;
    min-width: 96px;
    color: black; 
    border: 0px;
    font-size : 14px;
    text-decoration: none;
    width: auto;
    transition: .5s;
}
.loginbutton:hover{
    color:white!important;
    background-color: #A1A5A9;!important;
    text-decoration: none;
    -webkit-box-shadow: 0 0 8px white; 
    -moz-box-shadow: 0 0 8px white; 
    box-shadow: 0 0 8px white;  
}

.radiused {
    border : 0px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 8px; 
    padding : 4px 8px;
}

.logintable {
    margin : 0 auto;
    width:50%;
    align-self : center;
}
.logintable td {
    padding : 4px;
    text-align : right;
}
.logintable td:first-child{
    text-align : left;
}

 .title {
    font-size : 2em;
    text-decoration: bold;
}

.white {
    color : white;
}
.under {
    text-decoration : underline;
}
.fullwidth {
    width: calc(100% - 20px);
}

#ddinput {
    text-transform: uppercase;
}
#submitek, confirmek {
    disabled: true !important;
}
.blink_me {
  font-size : 2.5em;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.shadow-div {
    height : 100%;
    width  : 100%;
    opacity : 0.8;
    background-color : black;
}
#kmsedit {
    position : fixed;
    width    : 1024px;
    height   : 380px;
    top      : calc(50% - 190px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#employeeedit {
    position : fixed;
    width    : 1024px;
    height   : 480px;
    top      : calc(50% - 240px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#corid {
    clear: both;
    max-height: 192px;
    height: 192px;
    overflow-y: scroll;
}
#correctionsedit {
    position : fixed;
    width    : 1024px;
    height   : 320px;
    top      : calc(50% - 160px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#expenseedit {
    position : fixed;
    width    : 1024px;
    height   : 400px;
    top      : calc(50% - 200px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#premiumsedit {
    position : fixed;
    width    : 1024px;
    height   : 480px;
    top      : calc(50% - 240px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#auto_premium {
    position : fixed;
    width    : 1024px;
    top      : calc(50% - 240px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : #787878;
    opacity : 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#kmsratesedit {
    position : fixed;
    width    : 1024px;
    height   : 256px;
    top      : calc(50% - 128px);
    left     : calc(50% - 512px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 1;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#dietsedit {
    position : fixed;
    width    : 768px;
    height   : 360px;
    top      : calc(50% - 180px);
    left     : calc(50% - 384px);
    color    : #FFF;
    display  : none;
    border-radius : 16px;
    transition: opacity .5s linear;
    -webkit-box-shadow: 4px 4px 8px #555;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    4px 4px 8px #555;  /* Firefox 3.5 - 3.6 */
    box-shadow:         4px 4px 8px #555;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    z-index:29514;
    background : var(--bkg_color);
    opacity : 0;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#editwisetable {
    z-index:32323;
    margin : auto;
    align : center;
    width : 95%;
}
#wisetable {
    font-size: .7vw;
    z-index:33;
    margin : auto;
    align : center;
    width : 100%;
}
#wisetable th {
    padding : 4px;
    position : sticky;
    top : 0px;
    background : var(--bkg_color);
    color : white;
}
#wisetable tr {
    width:100%;
}
#wisetable tr:nth-child(2n+1) {
    background : var(--darkrow);
    cursor: pointer;
    transition : .5s;
    color : var(--rowcolor);
}
#wisetable tr:first-child {
    border-radius: 8px;
    cursor:default;
}
#wisetable tr:nth-child(2n+2) {
    background : var(--lightrow);
    cursor: pointer;
    transition : .5s;
    color : var(--rowcolor);
}
#wisetable tr:nth-child(2n+2):hover {
    background : var(--hoverrow);
    color : var(--rowhovercolor);
}
#wisetable tr:nth-child(2n+1):hover {
    background : var(--hoverrow);
    color : var(--rowhovercolor);
}
#wisetable td {
    white-space:nowrap;
    padding : 4px;
}
#wisetable tr:first-child th:first-child,
    table.Info tr:first-child td:first-child {
        border-top-left-radius: 0px;
    }
    
#wisetable tr:last-child th:last-child,
    table.Info tr:last-child td:last-child {
        border-top-right-radius: 0px;
    }




#wisetable2 {
    font-size: .7vw;
    z-index:33;
    margin : auto;
    align : center;
    width : 100%;
}
#wisetable2 th {
    padding : 4px;
    position : sticky;
    top : 0px;
    background : var(--bkg_color);
    color : white;
}
#wisetable2 tr {
    width:100%;
}
#wisetable2 tr:nth-child(2n+1) {
    background : var(--darkrow);
    cursor: pointer;
    transition : .5s;
    color : var(--rowcolor);
}
#wisetable2 tr:first-child {
    border-radius: 8px;
    cursor:default;
}
#wisetable2 tr:nth-child(2n+2) {
    background : var(--lightrow);
    cursor: pointer;
    transition : .5s;
    color : var(--rowcolor);
}
#wisetable2 tr:nth-child(2n+2):hover {
    background : var(--hoverrow);
    color : var(--rowhovercolor);
}
#wisetable2 tr:nth-child(2n+1):hover {
    background : var(--hoverrow);
    color : var(--rowhovercolor);
}
#wisetable2 td {
    white-space:nowrap;
    padding : 4px;
}
#wisetable2 tr:first-child th:first-child,
    table.Info tr:first-child td:first-child {
        border-top-left-radius: 0px;
    }
    
#wisetable2 tr:last-child th:last-child,
    table.Info tr:last-child td:last-child {
        border-top-right-radius: 0px;
    }














#downloading_currency, #downloading_drivers, calculating {
    position : absolute;
    width : 800px;
    height: auto;
    left : calc(50% - 400px);
    top : calc(50% - 50px);
    background: white;
    opacity : 0;
    display : none;
    transition : opacity .5s;
    border-radius: 8px;
}
#drvban {
    width : 95%;
}

#centered {
    margin-left: auto;
    padding-top : 16px;
    width  : 90%;
    height : 90%;
}
#dietable {
    color : white;
    font-size : 1.3em;
}
#confirmation {
    position : absolute;
    height : 200px;
    width  : 400px;
    color  : white;
    font-size : 1.2em;
    left   : calc(50% - 200px);
    top    : calc(50% - 100px);
    border-radius : 4px;
    background : grey;
    z-index : 65535;
}
#delete {
    position : absolute;
    height : 200px;
    width  : 400px;
    color  : white;
    font-size : 1.2em;
    left   : calc(50% - 200px);
    top    : calc(50% - 100px);
    border-radius : 4px;
    background : grey;
    z-index : 65535;
}
#blockingdiv {
    width : 100%;
    height: 100%;
    left : 0px;
    top : 0px;
    position : fixed;
    background : black;
    opacity : .98;
    display : none;
    z-index : 65534;
}
.noarrows::-webkit-inner-spin-button, 
.noarrows::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.active-menu {
	font-weight : 900;
}
.active-menu:hover {
	text-decoration : underline;
}

.inactive-menu {
}
.inactive-menu:hover {
	text-decoration : line-through;
}