:root{
--pbt-font-size: 16px;
--pbt-font-size-smaller: 0.9em;
--pbt-font-size-small: 0.8em;
--pbt-font-size-very-small: 0.7em;
--pbt-font-size-bigger: 1.1em;
--pbt-font-size-big: 1.2em;
--pbt-menu-border-radius: 5px;
--pbt-input-border-radius: 10px;
--pbt-input-padding: 10px;
--pbt-btn-border-radius: 25px;
--pbt-margin: 15px;
--pbt-padding: 10px;
--pbt-padding-to-edge: 25px;
--pbt-padding-to-bottom: 25px;
--pbt-popup-max-width: 360px;
--pbt-transition-slow: 0.5s ease;
--pbt-transition-normal: 0.3s ease;
--pbt-transition-fast: 0.2s ease;
--pbt-icon-size-big: 28px;
--pbt-note-size: 18px;
--pbt-badge-font-size: 10px;
--pbt-badge-font-weight: 700;
--pbt-badge-size: 15px;

--pbt-highlight-color: #47A9D1;
--pbt-highlight-shade-color: #163745;
--pbt-bg-color: #03121b;
--pbt-menu-bg-color: #0b1e2b;
--pbt-menu-bg-tint-color: #0d222f;
--pbt-menu-font-color: #fff;
--pbt-menu-border-color: #3c5059;
--pbt-tabbar-bg-color: #122a3baa;
--pbt-list-border-color: #ffffff22;
--pbt-font-color: #fff;
--pbt-title-color: #fff;
--pbt-btn-color: #47A9D1;
--pbt-cashgame-color: #47A9D1;
--pbt-tournament-color: #fac723;
--pbt-transaction-color: #464686;
--pbt-expenses-color: #ff5a5a;
--pbt-casinogames-color: #28dd28;
--pbt-jackpot-color: #936fac;
--pbt-value-type-color: #777;
--pbt-yellow: #ffe135;
--pbt-disabled-color: #6b7b82;
--pbt-disabled-toogle-bar-color: #333;
--pbt-active-toggle-bg-color: #235468;
--pbt-corner-bg-color: #0d222f;
--pbt-quick-select-color: #6b7b82;
--pbt-quick-select-bg-color: #0C2530;
--pbt-tag-bg-color: #081921;
--pbt-tag-border-bottom-color: #243a44;
--pbt-box-shadow: 0px 0px 30px #000;
}


@font-face {font-family: 'Roboto'; font-weight: 400; src: url("lib/Roboto-Regular.ttf") format("truetype");}
@font-face {font-family: 'Roboto'; font-weight: 700; src: url("lib/Roboto-Bold.ttf") format("truetype");}
@font-face {font-family: 'Roboto'; font-weight: 100; src: url("lib/Roboto-Thin.ttf") format("truetype");}
@font-face {font-family: 'Framework7 Icons'; font-style: normal; font-weight: 400; src: url('lib/Framework7Icons-Regular.ttf') format('truetype');}
.f7-icons{font-family: 'Framework7 Icons';font-weight: normal;font-style: normal;font-size: 1em;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;-webkit-font-feature-settings: "liga";-moz-font-feature-settings: "liga=1";-moz-font-feature-settings: "liga";font-feature-settings: "liga";text-align: center;}

body{background-color:var(--pbt-bg-color);margin:0px;color:#eee;font-size:var(--pbt-font-size);font-family:'Roboto';font-weight:400;}

/* LINKS */
a, .link{color:var(--pbt-highlight-color);text-decoration:none;cursor:pointer}
a.btn{text-decoration:none}

/* INPUTS */
input, select, textarea, button{background:var(--pbt-menu-bg-color);border:1px solid var(--pbt-list-border-color);color:var(--pbt-font-color);font-family:'Roboto',sans-serif;font-size:var(--pbt-font-size);border-radius:var(--pbt-input-border-radius);padding:var(--pbt-input-padding);margin:0px 0px var(--pbt-margin);width:100%;max-width:600px;outline:none;box-shadow:0px 0px 30px #00000033;box-sizing: border-box;}
input:focus,button:active,select:focus{box-shadow:0px 0px 10px #47A9D133}
input:disabled{color:var(--pbt-value-type-color)}
input.hidden{position: absolute; width: 0; height: 0; border: none; padding: 0; margin: 0; opacity: 0;}
input[type=range]{box-shadow:none!important}
textarea{min-height:100px}
.btn{text-align:center;padding:10px 20px;border-radius:var(--pbt-input-border-radius);border:2px solid var(--pbt-highlight-color);text-transform:uppercase;color:var(--pbt-btn-color);background:var(--pbt-menu-bg-color);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:fit-content;margin:20px 0px;vertical-align:top}
.btn .f7-icons{margin-right:5px}
.btn.red{color:var(--pbt-expenses-color)!important;border-color:var(--pbt-expenses-color)}
.btn.green{color:var(--pbt-casinogames-color)!important;border-color:var(--pbt-casinogames-color)}
.label{color:var(--pbt-highlight-color);text-transform:uppercase;font-size:var(--pbt-font-size-small);padding:0px 0px 5px 0px;outline: none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transform:translate3d(10px, 5px, 0px);}
.input-div{text-align:left}
.card input, .popup-page input, .popup input, .card select, .popup-page select, .popup select, .card textarea, .popup-page textarea, .popup textarea{background:var(--pbt-bg-color)}
.btn-sticky-right{margin-top:0px;position:sticky;top:50px;float:right;z-index:15}
.f7-icons{-webkit-user-select: none;  -moz-user-select: none;  user-select: none;}

/* checkbox */
.cb{display:inline-block;position:relative;text-align:center;width:24px;height:24px;}
.cb-input{width:100%;height:100%;top:0px;border:2px solid var(--pbt-list-border-color);position:relative;border-radius:4px}
.cb-input:active, .cb-input:hover, .cb-input:focus{border-color:var(--pbt-list-border-color)}
.cb.active .cb-input{border-color:var(--pbt-highlight-color)}
.cb .f7-icons{font-size:20px;font-weight:700;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;color:var(--pbt-title-color);opacity:0}
.cb.active .f7-icons{opacity:1}

/* PAGE */
body{margin:0px;padding:0px;}
#page{width:100%;height:100vh;position:relative;display: flex;justify-content: flex-start;}
#content{overflow-y: scroll;overflow-x: auto;width: 100%;transition:var(--pbt-transition-slow);-webkit-transition:var(--pbt-transition-slow);}
#content.opacity-0{transition:0s;-webkit-transition:0s;}
.content-inner{padding: 20px 20px 50px;}

/* menu */
#menu{background:var(--pbt-menu-bg-color);text-align:center;position:relative;box-shadow:0px 0px 30px #00000033;}
#menu.closed li{text-align:center;}
#menu.closed li span {display:none}
#menu.closed li .f7-icons{font-size:24px;margin-right:0px}
#menu ul{margin:20px 0px 0px;padding:0px;list-style:none}
#menu li{white-space:nowrap;padding:10px 15px;margin:10px;cursor:pointer;text-align:left;border-radius:var(--pbt-menu-border-radius);-webkit-user-select: none;  -moz-user-select: none;  user-select: none;}
#menu li:hover{color:var(--pbt-highlight-color)}
#menu li .f7-icons{position:relative;margin-right:5px;}
#menu-btn{margin:20px;cursor:pointer;}
#menu-btn .f7-icons{position:relative;transition:var(--pbt-transition-slow);-webkit-transition:var(--pbt-transition-slow);}
#menu.closed #menu-btn .f7-icons{transform:rotate(180deg)}
#menu .active-link{background:var(--pbt-highlight-color);}
#menu-logo{position:absolute;bottom:20px;left:0px;right:0px;text-align:center}
#menu-logo img{width:80px;margin:20px;transition:var(--pbt-transition-normal);-webkit-transition:var(--pbt-transition-normal);}
#menu.closed #menu-logo img{width:40px;}
#menu-logo div{text-align:center;color:var(--pbt-value-type-color);font-size:var(--pbt-font-size-very-small);padding:0px 5px}
#menu.closed div{font-size:0.6em;}

/* tab bar */
#tabbar{display:flex;align-items: center;background-color:var(--pbt-tabbar-bg-color);position:sticky;top:0px;border-radius:var(--pbt-menu-border-radius);margin-bottom:40px;overflow-x:auto;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index:100}
#tabbar .active-link{background:var(--pbt-highlight-color);}
.tabbar-link{padding:10px 15px;position:relative;cursor:pointer;white-space:nowrap;border-radius:var(--pbt-menu-border-radius);-webkit-user-select: none;  -moz-user-select: none;  user-select: none;}
.tabbar-link:hover{color:var(--pbt-highlight-color)}
.tabbar-link .badge{position: absolute;right: 5px;top: 0px;font-family:'Roboto',sans-serif;}
#tabbar .f7-icons{font-size:var(--pbt-font-size-big)}

/* filter */
.h-with-hr{display: flex;flex-direction: row;justify-content: center;align-items: center;}
.h-with-hr h2{font-size:var(--pbt-font-size-small);font-weight:400;text-transform:uppercase;color:var(--pbt-value-type-color);margin:0px 10px;padding:0px;white-space:nowrap}
.h-with-hr hr{width:100%;}
.fltr-popup-page .accordion-btn{padding:10px var(--pbt-padding);align-items:center;}
.fltr-popup-page .accordion-content{margin-bottom:var(--pbt-padding)}
.fltr-popup-page .accordion-content .row{align-items: center;padding:5px var(--pbt-padding)}
.fltr-popup-page .accordion-content .row:nth-child(even){background:var(--pbt-menu-bg-tint-color)}
.fltr-popup-page .accordion-content .row .col{text-align:left}
.badge{display: inline-flex;align-items: center;align-content: center;justify-content: center;color:var(--pbt-badge-font-color);background: var(--pbt-expenses-color);position: relative;box-sizing: border-box;text-align: center;vertical-align: middle;font-weight:var(--pbt-badge-font-weight);font-size:var(--pbt-badge-font-size);line-height:1em;border-radius: 100%;height: var(--pbt-badge-size);min-width: var(--pbt-badge-size);}
.badge:empty{display:none}

/* loading block */
#loading-block{top:0px;left:0px;width:100%;height:100vh;position:fixed;z-index:2000;display:none;pointer-events: all;background:rgba(0,0,0,.4);text-align:center}
.spinnerdots { margin: 0px auto 0; width: 70px; text-align: center; } .spinnerdots > div { width: 10px; height: 10px; margin:0px 1px; background-color: var(--pbt-highlight-color); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both; animation: sk-bouncedelay 1.2s infinite ease-in-out both; } .spinnerdots .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinnerdots .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } }
#loading-block .spinnerdots{margin-top:50vh;}
#loading-block .spinnerdots > div{background-color:#fff; width:15px; height:15px; margin:0px 2px;}

/* toggle */
.toggle{display:inline-block;width:56px;min-width:56px;height:34px;position:relative;}
.toggle-inactive .toggle-input{pointer-events:none}
.toggle-input{height:34px!important;width:56px!important;padding:0px;top:2px;position:absolute;opacity:0;cursor:pointer;margin:0px!important;left:0px}
.toggle-bar{height:14px;width:32px;position:absolute;top:10px;left:12px;border-radius:7px;background-color:var(--pbt-disabled-toogle-bar-color);pointer-events:none;-webkit-transition:var(--pbt-transition-normal);transition:var(--pbt-transition-normal);}
.toggle-btn{height:24px;width:24px;position:absolute;left:0px;top:5px;border-radius:100%;background-color:var(--pbt-disabled-color);pointer-events:none;-webkit-transition:var(--pbt-transition-normal);transition:var(--pbt-transition-normal)}
.active .toggle-bar{background-color:var(--pbt-active-toggle-bg-color);}
.active .toggle-btn{left:32px;background-color:var(--pbt-highlight-color);}
.toggle-over-input{position:absolute;right:0px;bottom:-1px}
.list-with-toggle .row{border-bottom:1px solid var(--pbt-list-border-color);padding:5px 0px 20px;margin:0px 0px 10px}
.list-with-toggle .row .col:last-child{width:auto}
.list-with-toggle .row:last-child{border-bottom:none;padding:5px 0px 0px;margin:0px;}
.list-with-toggle .title{padding:5px 5px 5px 0px;}
.list-with-toggle .small{padding:0px 5px 0px 0px;color:var(--pbt-value-type-color)}

/* small sticky headline */
.small-sticky-headline-box{text-align:center!important;position:sticky!important;top:40px;z-index:12;max-width:600px}
.small-sticky-headline-box div{background-color:var(--pbt-menu-bg-tint-color);border-radius:var(--pbt-input-border-radius);display:inline-block;padding:5px 10px;margin:calc(var(--pbt-margin) / 2) var(--pbt-padding-to-edge);font-size:var(--pbt-font-size-small);color:var(--pbt-value-type-color);font-weight:700}

/* accordion */
.accordion-btn{cursor:pointer;padding:var(--pbt-padding) 0px}
.accordion-btn .chevron{color:var(--pbt-value-type-color);font-weight:700;pointer-events:none;padding:0px 5px 0px 0px;}
.accordion-content{overflow:hidden;height:0px;-webkit-transition:height 0.3s ease-out;transition:height 0.3s ease-out;}
.accordion-list{margin:0px;padding:0px;list-style:none}
.accordion-list li{border-bottom:1px solid var(--pbt-list-border-color)}
.accordion-list li:last-child{border-bottom:none}
.accordion-list .accordion-btn{display:flex;align-items: center;justify-content: space-between;}
.accordion-list .accordion-btn .chevron{padding:0px 5px;}
.accordion-list .title, .accordion-list .accordion-btn .f7-icons{pointer-events:none}

/* range slider */
.range-slider-div{padding:10px 0px;position:relative}
.range-slider-value{display:inline-flex;align-items:center;align-content:center;justify-content:center;background:var(--pbt-highlight-color);position:absolute;box-sizing: border-box;text-align:center;vertical-align:middle;font-size:14px;line-height:14px;border-radius:var(--pbt-menu-border-radius);height:26px;top:-15px;opacity:0;padding:5px;}
.range-slider-value input{width:4ch;min-width:0ch;max-width:100%;border:none;background:var(--pbt-highlight-color);padding:0px;text-align:center;margin:0px}

/* poker cards */
.pokercard-in-note{max-height:calc(var(--pbt-font-size) - 5px);border-radius:4px;vertical-align:middle;background:#eee;padding:2px;}
.h-4colordeck{background:#e04f4f!important}
.d-4colordeck{background:#2e87e0!important}
.s-4colordeck{background:#555555!important}
.c-4colordeck{background:#23c223!important}
.pbt-font-size3 .pokercard-in-note{max-height:calc(var(--pbt-font-size) * 1.1 - 5px)}
.pbt-font-size4 .pokercard-in-note{max-height:calc(var(--pbt-font-size) * 1.2 - 5px)}

/* graph */
.trend-div{position:relative}
.graphnumber{font-size:var(--pbt-font-size-small);position:absolute;left:var(--pbt-padding);line-height:1em;}
.gnp{right:var(--pbt-padding);left:auto}
.xmarks{margin-left:-50%}
.notepoint{margin-top:calc(calc(var(--pbt-note-size) / 2) * -1);margin-left:calc(calc(var(--pbt-note-size) / 2) * -1);display:inline-flex;align-items:center;align-content:center;justify-content:center;background-color:var(--pbt-menu-bg-color);position:absolute;box-sizing:border-box;text-align:center;vertical-align:middle;font-size:18px;border-radius:100%;height:var(--pbt-note-size);min-width:var(--pbt-note-size);pointer-events:none;touch-action:none;z-index:1;}
.graphtapline{width:1px;height:1px;border-left:1px dashed var(--pbt-highlight-color);position:absolute;top:30px;}
.graphtapline-dot{position:absolute;width:8px;height:8px;margin-top:-2px;margin-left:-4px;border-radius:100%;background:var(--pbt-highlight-color)}
.graphtapinfo{position:absolute;background:var(--pbt-menu-bg-tint-color);border:1px solid var(--pbt-highlight-color);box-sizing: border-box;padding:5px 7px;border-radius:var(--pbt-menu-border-radius);font-size:var(--pbt-font-size-small);z-index:10;max-width:45%;}
.trend-div .graphtapinfo .graphtapinfonote .f7-icons, .replay-link-in-note{font-size:22px!important;}
.clicktoedit{float:right;cursor:pointer}
.clicktoedit .f7-icons{font-size:20px;color:var(--pbt-highlight-color);pointer-events:none}
.graphtapinfostack{white-space:nowrap}
.graphtapinfostack .f7-icons{display:none}
.corner{border-top:1px solid var(--pbt-highlight-color);border-right:1px solid var(--pbt-highlight-color);box-sizing: border-box;width:10px;height:10px;position:absolute;background:var(--pbt-menu-bg-color)}

/* session */
.br-session{position:relative}
.br-session .accordion-btn{padding:10px 50px 10px 10px;border-radius:var(--pbt-input-border-radius);position:relative}
.br-session .options{position:absolute;right:0px;top:0px;bottom:0px;border-left:1px solid var(--pbt-list-border-color);display: inline-flex;align-items: center;}
.br-session .options .f7-icons{padding:10px;pointer-events:none;}
.br-session-stats, .br-session-note{border-top:1px solid var(--pbt-list-border-color);word-break: break-word;}
.br-stats-table{border-spacing:0px;padding:0px;table-layout:fixed}
.br-stats-table td:first-child{padding:0px 2px 15px 0px;}
.br-stats-table td:nth-child(2){padding: 0px 2px 15px;text-align:center;border-left:1px solid var(--pbt-list-border-color);border-right:1px solid var(--pbt-list-border-color);}
.br-stats-table td:last-child{padding:0px 0px 15px 2px;text-align:right}
.value-type{text-transform:uppercase;color:var(--pbt-value-type-color);}

/* popover */
.popover{display:none;position:absolute;z-index:20;left:10px;border-radius:var(--pbt-input-border-radius);box-shadow:var(--pbt-box-shadow);}
.popover ul{margin:0px;padding:0px;list-style:none;background:var(--pbt-menu-bg-tint-color);border-radius:var(--pbt-input-border-radius);}
.popover li{padding:10px 20px 10px 10px;border-top:1px solid var(--pbt-list-border-color);white-space:nowrap;background:none!important}
.popover li:first-child{border-top:none}
.popover li .f7-icons{margin-right:5px}
.popover-active{display:inline-block}

/* popup */
.popup{position:fixed;left:0;top:0px;width:100%;height:100vh;z-index:1100;display:flex;align-items: center;   justify-content: center;text-align:left;transition:var(--pbt-transition-normal);-webkit-transition:var(--pbt-transition-normal);opacity:0;background:#00000066}
.popup-inner{background:var(--pbt-menu-bg-tint-color);padding:10px 20px;border-radius:var(--pbt-input-border-radius);max-width:var(--pbt-popup-max-width);max-height:80vh;overflow-y:auto;-webkit-transition:var(--pbt-transition-fast);transition:var(--pbt-transition-fast);width:100%;box-shadow:var(--pbt-box-shadow);transform:scale(0.9);}
.popup-btn{font-size:var(--pbt-font-size-big);color:var(--pbt-highlight-color);padding:5px 15px;margin:0px;font-weight:700;text-transform:uppercase;cursor:pointer;width:auto;border:none;background:var(--pbt-popup-bg-color);border-radius:20px}
.popup-btn:hover{background:var(--pbt-highlight-shade-color)}
.popup-btn-row{display:flex;position:sticky;bottom:0px;justify-content: flex-end;gap:0px 20px;flex-wrap:wrap;background:var(--pbt-popup-bg-color);margin:0px -5px;z-index:1;padding-top:10px}
.popup .spinnerdots > div {background-color:var(--pbt-dtp-icons-color)}
.popup .border-top{border-top:1px solid var(--pbt-popup-bg-tint-color);}
.popup .border-bottom{border-bottom:1px solid var(--pbt-popup-bg-tint-color);}

/* popup page */
.popup-page{position:fixed;left:0;top:0px;width:100%;height:100vh;z-index:1100;transition:var(--pbt-transition-normal);-webkit-transition:var(--pbt-transition-normal);background-color:#00000099;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity:0;overflow-y:auto}
.popup-page-inner{margin:var(--pbt-margin) auto;width:100%;max-width:600px;background:var(--pbt-menu-bg-color);border-radius:var(--pbt-input-border-radius);position:relative;text-align:left}
.popup-page .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:0px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-color:var(--pbt-tabbar-bg-color);box-shadow:0px 0px 10px #00000033;z-index:1;border-top-right-radius:10px;border-top-left-radius:10px;}
.popup-page .header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.popup-page .header .f7-icons{font-size:var(--pbt-icon-size-big);padding:var(--pbt-padding);cursor:pointer}
.popup-page .header .left-btn, .popup-page .header .right-btn{min-width:calc((var(--pbt-padding) * 2) + var(--pbt-icon-size-big))}

/* date time picker */
.dtp{position:absolute;z-index:2;-webkit-transition:var(--pbt-transition-normal);transition:var(--pbt-transition-normal);box-shadow:var(--pbt-box-shadow);border-radius:var(--pbt-input-border-radius);padding:0px 0px 10px}
.dtp-inner{background:var(--pbt-menu-bg-tint-color);padding:5px 20px 10px;border-radius:var(--pbt-input-border-radius);border:1px solid var(--pbt-popup-bg-tint-color);}
.dtp-inner table{border-spacing:0px;padding:0px;width:auto}
.dtp-inner .div-td:nth-child(2){padding-left:5px}
.fix-hight-overlap{top:-40px}
.small-screen .dtp-inner .div-table, .small-screen .dtp-inner .div-td{display:block}
.small-screen .dtp-inner .div-td:nth-child(2){padding-left:0px}
.dtp td, td .dtp td{vertical-align:middle;text-align:center;padding:3px 0px;position:relative;}
.dtp .f7-icons{font-size:var(--pbt-icon-size-big);cursor:pointer;padding:5px;border-radius:20px}
.dtp .f7-icons:hover{background:var(--pbt-highlight-shade-color)}
.dtp input, .dtp select{text-align:center;background:var(--pbt-bg-color);border-radius:var(--pbt-input-border-radius);padding:var(--pbt-input-padding) 0px;border:none;min-width:1px;width:auto;font-size:1em;margin:0px}
#dtp-ampm{min-width:calc(var(--pbt-icon-size-big) + 10px)}
.dtp-td-left{background:var(--pbt-popup-bg-tint-color);border-top-left-radius:5px;border-bottom-left-radius:5px}
.dtp-td{background:var(--pbt-popup-bg-tint-color);border-radius:0px}
.dtp-td-right{background:var(--pbt-popup-bg-tint-color);border-top-right-radius:5px;border-bottom-right-radius:5px}
#dtp-minutes-input{width:50px;height:50px;text-align:center;font-size:16px!important;line-height:16px;padding:0px;top:50px;position:relative;margin:0px;border-radius:100%;box-sizing:border-box;border:2px solid var(--pbt-highlight-color);background:var(--pbt-popup-bg-color)}
#dtp-hour-div{background:var(--pbt-popup-bg-tint-color);margin:auto;border-radius:100%;position:relative;line-height:1em;width:240px;height:240px;touch-action:none;}
#dtp-minutes-div{margin:auto;border-radius:100%;position:absolute;top:32px;left:32px;width:176px;height:176px;border:12px solid var(--pbt-popup-bg-color);box-sizing:border-box;text-align:center;touch-action:none;}
.dtp-hour, .dtp-minutes, .dtp-minutes-hide{display:inline-flex;align-items: center;align-content: center;justify-content: center;position: absolute;box-sizing: border-box;text-align: center;vertical-align: middle;line-height:1em;border-radius: 100%;transition:var(--pbt-transition-normal);cursor:pointer;width:30px;height:30px;z-index:2;}
.dtp-minutes-hide{opacity:0;cursor:none;pointer-events:none;width:10px;height:10px;z-index:1}
.dtp-hour p, .dtp-minutes p{font-size:14px!important;margin:0px;padding:0px;}
.dtp-hour-a, .dtp-minutes-a{background:var(--pbt-highlight-color);transform:scale(1.2);color:var(--pbt-popup-bg-color);font-weight:700;opacity:1;}
.dtpampm .dtp-hour span{font-size:7px!important;display:block;line-height:3px;}
#dtp-hour-line, #dtp-minutes-line{top:76px;left:76px;height:2px;background:var(--pbt-highlight-color);position:absolute;transform-origin:center left;box-sizing:border-box;z-index:0}
#dtp-hour-line{width:95px;}
#dtp-minutes-line{width:55px;}

/* charts */
.diagramtable{table-layout:fixed;width:100%;}
.diagramtable td{position:relative;}
.diadiv{min-height:1px;position:absolute;width:calc(100% - 2px);left:0px}
.diadivplus{border-top-right-radius:4px;border-top-left-radius:4px;margin:1px 1px 0px;background:var(--pbt-casinogames-color);}
.diadivminus{border-bottom-right-radius:4px;border-bottom-left-radius:4px;margin:0px 1px 1px;background:var(--pbt-expenses-color);}
.diavalue{position:absolute;bottom:5px;width:100%;font-size:var(--pbt-font-size-small);text-align:center;left:0px;}
.dianumber{position:absolute;font-size:var(--pbt-font-size-small);white-space:nowrap;color:#fff;text-align:center;left:0px;width:100%;top:5px}
.dianumber .rotate-90{-webkit-transform:rotate(90deg) translateX(50%);transform: rotate(90deg) translateX(50%);display:inline-block;}
.dianumber-bars, .diavalue-bars{position:absolute;font-size:var(--pbt-font-size-small);white-space:nowrap;color:#fff;}
.dianumber-bars, .diavalue-bars{z-index:1;top:7px;}
.dianumber-bars{right:5px;}
.diavalue-bars{left:5px;}
.diagramtable-bars{min-width:400px}
.diagramtable-bars td{vertical-align:middle;position:relative;height:28px}
.diagramtable-bars .dianumber{position:relative}
.diagramtable-bars .diadiv{position:absolute;height:28px;width:auto;min-width:1px;top:0px;left:auto;top:0px}
.diagramtable-bars .diadivplus{border-top-left-radius:0px;border-bottom-right-radius:4px;}
.diagramtable-bars .diadivminus{border-bottom-right-radius:0px;border-top-left-radius:4px;}

/* quick select bar */
.quick-select-bar{margin:var(--pbt-margin) 0px;max-width:600px;text-transform:uppercase;font-size:var(--pbt-font-size-small);background:var(--pbt-menu-bg-color);border-radius:8px;}
.quick-select-bar .row{justify-content:space-around;gap:unset;border-top:1px solid var(--pbt-list-border-color);cursor:pointer}
.quick-select-bar .row:first-child{border-top:none;}
.quick-select-btn{padding:var(--pbt-margin) var(--pbt-padding);color:var(--pbt-quick-select-color)}
.quick-select-btn .f7-icons{margin:0px 5px 0px 0px}
.quick-select-btn.active{color:var(--pbt-highlight-color);}

/* card */
.card{border:1px solid var(--pbt-list-border-color);border-radius:10px;background:var(--pbt-menu-bg-color);margin:0px 0px 20px;max-width:600px;}
.card-header{background-color:var(--pbt-menu-bg-tint-color);box-shadow:0px 0px 10px #00000033;padding:var(--pbt-padding);text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;}
.card-header h2{margin:0px}
.card-header-with-icon{display:flex;align-items: center;justify-content: space-between;padding:0px}
.card-header-with-icon i{font-size:1.5em;margin:20px 30px;}
.card-header-with-icon .f7-icons{border-left:1px solid var(--pbt-list-border-color);padding:20px 30px;margin:0px;color:var(--pbt-highlight-color);cursor:pointer}
.card table, .card .table{width:100%}
.card-data-table-header td{border-bottom:1px solid var(--pbt-list-border-color);vertical-align:middle;}
.card .table-even-bg tr:nth-child(even), .card .table-even-bg .tr:nth-child(even){background:var(--pbt-menu-bg-tint-color)}
.flex .card{margin:0px}
.card-btn-bar{border-top:1px solid var(--pbt-list-border-color);padding:10px;display: flex;justify-content: space-between; align-items: center;}
.card-btn-bar:empty{display:none}
.card-btn-bar .big-icon{margin-left:15px}

/* donut shart */
.donut{position:relative;width:40vw;max-width:180px;display:inline-block;text-align:center;vertical-align:top;padding:0px 1vw}
.donut-text{-moz-transform: translateY(0.1em);-ms-transform: translateY(0.1em);-webkit-transform: translateY(0.1em);transform: translateY(0.1em);}
.donut-number{fill:var(--pbt-font-color);font-size:0.3em;line-height: 1;text-anchor: middle;-moz-transform: translateY(-0.25em);-ms-transform: translateY(-0.25em);-webkit-transform: translateY(-0.25em);transform: translateY(-0.25em);}
.donut-label{fill:var(--pbt-value-type-color);font-size: 0.2em;text-transform: uppercase;text-anchor: middle;-moz-transform: translateY(0.7em);-ms-transform: translateY(0.7em);-webkit-transform: translateY(0.7em);transform: translateY(0.7em);}
.legende-color{width:10px;height:10px;}
.donut-legende{width:auto!important;display:inline-block;}
.donut-legende td{vertical-align:middle;font-size:var(--pbt-font-size-small);text-align:left;padding:2px;}

/* tags */
.tags{margin:5px 0px}
.tag{font-size:var(--pbt-font-size-small);display:inline-flex;align-items:center;border-radius:var(--pbt-menu-border-radius);padding:6px;margin:5px 10px 5px 0px;background:var(--pbt-tag-bg-color);border-bottom:1px solid var(--pbt-tag-border-bottom-color);line-height:1em}
.tags .tag .f7-icons{font-size:var(--pbt-font-size);padding-left:5px;cursor:pointer}
.tag .f7-icons{font-size:var(--pbt-font-size-small);padding-left:5px;color:var(--pbt-value-type-color)}


/* GENERAL */
h1{margin-top:0px;color:var(--pbt-highlight-color);font-size:1.6em}
h2{color:var(--pbt-highlight-color);font-size:1.4em}
h3{font-size:1.2em;font-weight:normal;margin:0px}
b{font-weight:700}
ul{margin:20px 0px;padding:0px 0px 0px 20px}
hr{border:none;border-bottom:1px solid var(--pbt-list-border-color);margin:var(--pbt-padding) 0px}
table{border-collapse: collapse;border-spacing: 0;}
td{padding:10px}
.card-data-table td{text-align:right;}
.card-data-table td:first-child{text-align:left;padding-left:var(--pbt-padding)}
.card-data-table td:last-child{padding-right:var(--pbt-padding)}
.table-even-bg tr:nth-child(even), .table-even-bg .tr:nth-child(even){background:var(--pbt-menu-bg-color)}
.table{display:table}
.table-head{font-weight:700}
.tr{display:table-row}
.td{display:table-cell;padding:10px}
.cursor-pointer{cursor:pointer}
.text-align-center{text-align:center!important;}
.text-align-left{text-align:left!important;}
.small{font-size:var(--pbt-font-size-small)}
.border-left{border-left:1px solid var(--pbt-list-border-color)}
.border-right{border-right:1px solid var(--pbt-list-border-color)}
.padding{padding:var(--pbt-padding)}
.padding-10{padding:10px}
.padding-top{padding-top:var(--pbt-padding)}
.padding-bottom{padding-bottom:var(--pbt-padding)}
.padding-top-bottom{padding-top:var(--pbt-padding);padding-bottom:var(--pbt-padding)}
.margin{margin:var(--pbt-margin)}
.margin-top{margin-top:var(--pbt-margin)}
.margin-left{margin-left:var(--pbt-margin)}
.margin-right{margin-right:var(--pbt-margin)}
.margin-bottom{margin-bottom:var(--pbt-margin)}
.no-margin{margin:0px}
.no-margin-top{margin-top:0px}
.no-margin-bottom{margin-bottom:0px}
.display-none{display:none!important}
.fit-content{width:fit-content}
.transition-normal{transition:var(--pbt-transition-normal);-webkit-transition:var(--pbt-transition-normal);}
.big-icon{font-size:var(--pbt-icon-size-big)}
.yellow{color:var(--pbt-yellow) !important;}
.green{color:var(--pbt-casinogames-color) !important}
.red{color:var(--pbt-expenses-color) !important;}
.grey{color:var(--pbt-value-type-color) !important;}
.opacity-0{opacity:0}
.rotate-45{-webkit-transform:rotate(45deg);transform: rotate(45deg);}
.rotate-90{-webkit-transform:rotate(90deg);transform: rotate(90deg);}
.rotate-180{-webkit-transform:rotate(180deg);transform: rotate(180deg);}
.rotate-240{-webkit-transform:rotate(240deg);transform: rotate(240deg);}
.rotate-225{-webkit-transform:rotate(225deg);transform: rotate(225deg);}
.rotate-270{-webkit-transform:rotate(270deg);transform: rotate(270deg);}
.nowrap{white-space:nowrap}
.flex{display:flex;flex-wrap:wrap;gap:40px;align-items: flex-start;}
.flex-row{display: flex; align-items: flex-start;gap:var(--pbt-padding)}
.flex-row-center{display: flex; align-items: flex-start; align-items:center; gap:var(--pbt-padding)}
.flex-center{display:flex;flex-wrap:wrap;gap:40px;align-items: center;justify-content: center;}
.flex-center-center{display:flex;width:100%;height:100vh;align-items: center;justify-content: center;}
.row{display: flex; justify-content: space-between; align-items: flex-start;gap:var(--pbt-padding)}
.col{width:100%}
.space-between{justify-content:space-between}
.gap-20{gap:20px}
.width-100{width:100%}
.full-size{max-width:none;width:100%}
.overflow-hidden{overflow:hidden}
.thumb{width: 150px;margin: 0px 0px 5px 0px;padding: 0px;border-radius: 10px;min-width: 150px;}
.clear{clear:both}
.max-width-300{max-width:300px}
.max-width-600{max-width:600px}
.login-form{width:100%;max-width:350px;}
#login-language{text-align:center;margin:30px;}
#login-language div{display:flex;justify-content: center; align-items: center; gap: 5px; cursor:pointer}
.language-flags img{margin:10px;cursor:pointer;border-radius:var(--pbt-menu-border-radius)}
.cashgame{color:var(--pbt-cashgame-color) !important}
.tournament{color:var(--pbt-tournament-color) !important}
.transaction{color:var(--pbt-transaction-color) !important}
.expenses{color:var(--pbt-expenses-color) !important}
.casinogames{color:var(--pbt-casinogames-color) !important}
.jackpot{color:var(--pbt-jackpot-color) !important}
.pointer-events-none{pointer-events:none;touch-action:none;}
.pointer-events-all{pointer-events:all;touch-action:all;}
.inline-block{display:inline-block}
.winnings-bar{border-spacing:0px;border-collapse:separate;}
.winnings-bar td{height:25px;font-size:var(--pbt-font-size-small);font-weight:700;vertical-align:middle;text-align:center;color:var(--pbt-menu-bg-color);border-right:1px solid var(--pbt-menu-bg-color);border-left:1px solid var(--pbt-menu-bg-color)}
.winnings-bar td:first-child{border-bottom-left-radius:8px;border-left:none}
.winnings-bar td:last-child{border-bottom-right-radius:8px;border-right:none}
.winnings-bar-td0{background:var(--pbt-cashgame-color)}
.winnings-bar-td1{background:var(--pbt-tournament-color)}
.winnings-bar-td4{background:var(--pbt-casinogames-color)}
.winnings-bar-td5{background:var(--pbt-jackpot-color)}


#logo{width:100px;margin:0px 0px 20px}

#msg-container{position:fixed;z-index:2001;left:0px;top:0px;width:100%;height:100vh;display:flex;flex-direction:column-reverse;pointer-events:none;}
.msg{margin:0px auto max(var(--pbt-padding-to-bottom),env(safe-area-inset-bottom, 0px));border-radius:var(--pbt-input-border-radius);background:var(--pbt-font-color);transition:var(--pbt-transition-slow);-webkit-transition:var(--pbt-transition-slow);padding:var(--pbt-padding);color:#000;opacity:0;transform:translateY(100px);font-size:var(--pbt-font-size);pointer-events:auto;display:inline-block}

@media screen and (min-width: 600px) {
:root{
--pbt-padding: 20px;
}
.content-inner{padding: 40px 40px 60px;}
}

@media screen and (max-width: 600px) {
:root{
--pbt-font-size: 14px;
}
#menu li{margin:0px}
#menu-btn{margin:20px 10px}
#menu-logo img{margin:20px 5px}
.popup-page{background-color:#000000;backdrop-filter: none;-webkit-backdrop-filter: none;}
.popup-page-inner{height:100vh;max-width:none;border-radius:0px;border:none}
}

@media screen and (max-width: 400px) {
.tabbar-link{padding:10px 10px;}
}