/*@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;700&display=swap');*/

/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/1Ptsg8LJRfWJmhDAuUs4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/1Ptsg8LJRfWJmhDAuUs4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/1Ptsg8LJRfWJmhDAuUs4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/1Ptsg8LJRfWJmhDAuUs4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    position:relative;
    opacity:0;
}
body, input, select, textarea, button, .ui-btn, h1, h2, h3, h4, h5, h6 { font-family: 'Comfortaa', cursive; }

body.package_app_go33_app .app_biocoherence_only {display:none !important;}
body.package_app_biocoherence_app .app_33_only {display:none !important;}

body:not(.abo_plus) .show_abo_plus {display:none !important;}
body:not(.abo_me) .show_abo_me {display:none !important;}
body:not(.abo_pro) .show_abo_pro {display:none !important;}
body:not(.abo_me):not(.abo_pro) .show_abo_me_pro {display:none !important;}
body:not(.abo_plus):not(.abo_pro) .show_abo_plus_pro {display:none !important;}
body:not(.abo_me):not(.abo_plus):not(.abo_pro) .show_abo_me_plus_pro {display:none !important;}
body:not(.abo2_essential) .show_abo2_essential {display:none !important;}
body.abo2_essential .not_abo2_essential {display:none !important;}
body.abo_med .not_abo_med {display:none !important;}

body:not(.research) .mymodules_research {display:none !important;}
.not_mymodules, .blurred {pointer-events: none;opacity:0.4;filter:blur(1px);/*display:none !important;*/}
.not_mymodules.clickable {pointer-events:all;}
.not_mymodules.noblur {opacity:1;filter:none;}

body.abo2_essential .abo2_not_essential_only {pointer-events: none;opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body.abo2_essential .abo2_not_essential_only_clickable {opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body:not(.abo2_essential) .abo2_essential_only {pointer-events: none;opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body:not(.abo2_essential) .abo2_essential_only_clickable {opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body:not(.abo_pro) .abo_pro_only {pointer-events: none;opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body:not(.abo_pro) .abo_pro_only_clickable {opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body:not(.abo_plus) .abo_plus_only {pointer-events: none;opacity:0.4;filter:blur(3px);/*display:none !important;*/}
body:not(.abo_plus) .abo_plus_only_clickable {opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body:not(.logged) .logged_only {pointer-events: none;opacity:0.4;filter:blur(3px);/*display:none !important;*/}
body.abo_none .abo_only_clickable {opacity:0.4;filter:blur(1px);/*display:none !important;*/}
body.abo_plus .not_abo_plus_only {display:none !important;}
body.abo_ok .not_abo_only {display:none !important;}


.generalbackground {display: flex; justify-items: center; align-items: center;justify-content: center;}
.abo_info {display:none;position:absolute;font-size:50%;border:1px solid #ccc;background-color:#bbbbee66;border-radius:2px;padding:3px;transform: rotate(5deg);top: 20px;left:3px;z-index:999;}
.abo_info.not_mymodules {display:block;}
.abo_info_essential.essential {display:block;}
.abo_info_basic.basic {display:block;}
.abo_info_hasnot:before {content:'';display: block;position:absolute;top:50%;left:0px;background-color:rgba(255,0,0,0.2);width:100%;height:2px;transform:rotate(15deg);}
.ui-page {transition:filter 0.5s;}
.ui-loading .ui-page {filter:blur(5px);}

body{ background:#000 !important; color:#FDDFB1;}
.ui-page-theme-a { background:#000; color:#FDDFB1;opacity:0;transition:opacity 1s;}
body2.package_app_go33_app, body.package_app_go33_app .ui-page-theme-a, body.package_app_go33_app .moreinfos { opacity:1; background:linear-gradient(170deg, #2A1B32 0%, #232F7C 100%); }
body2.package_app_biocoherence_app, body.package_app_biocoherence_app .ui-page-theme-a, body.package_app_biocoherence_app .moreinfos {opacity:1; background:linear-gradient(170deg, #1C3B52 0%, #0F162A 100%); background-color:rgba(28,59,82,0.9);}

.ui-page-theme-a .ui-header {border-bottom:1px solid rgba(255,255,255,0.3); background-color:rgba(42,29,54,0.9);}
body.package_app_biocoherence_app .ui-header {border-bottom:1px solid rgba(255,255,255,0.3); background-color:rgba(28,59,82,0.9);}
body.package_app_biocoherence_app .ui-page-theme-a .ui-footer {background-color:rgba(28,59,82,0.98);color:#FFF !important;}

body.academic .experimental_only {display:none;}
body.experimental .academic_only {display:none;}
i.academicexperimental {color:#9B9442EE !important;}
.button-academicexperimental {background-color: #E5E2CCEE !important;color: #888 !important;position: absolute;right: 10px;bottom: 4px;width: 150px !important;padding: 6px 0px;font-size: 70%;}

h1,h2,h3,h4,h5,h6 {color:#FCC062;}
.ui-loader {top:0 !important;left:0 !important;background-color: #000;width: 0;height: 6px;-webkit-transition: width 0.5s ease-out;box-shadow: 0px 1px 5px rgba(0,0,0,0.25);animation: loaderG 5s infinite;text-align:right;}
.ui-loader-default {margin-left: 0 !important;margin-top: 0 !important;    border-width:0px 6px !important; border-style:solid !important; border-color:rgba(255,255,255,0.9) !important;}
.ui-icon-loading {background-image:none !important;padding:0 !important;border-radius:0 !important;width:6px !important;height:6px !important;}
html.platform-ios .ui-loader,html.platform-ios .ui-icon-loading {height: 32px;}
@keyframes loaderG {
    0% {margin-left:0%;width: 10px;border-left-width:6px;background-color:rgba(0,0,0,0.25);transform: translateX(0);}
    65% {width: 50%;margin-left:0%;padding-left:40%;border-left-width:30px;background-color:rgba(255,255,255,0.25);transform: translateX(30px);}
    90% {width: 20%;margin-left:80%;padding-left:70%;border-left-width:60px;background-color:rgba(0,0,0,0.25);transform: translateX(30px);}
    100% {width: 20%;margin-left:100%;padding-left:70%;border-left-width:100px;background-color:rgba(0,0,0,0);transform: translateX(30px);}
}
.ui-panel-dismiss.ui-panel-dismiss-open {background-color: rgba(0,0,0,0.7);}

#menu {background-color:#222;color:#999;}
#menu a,#menu p {color:#999;}
#menu .ui-panel-inner {margin-top:60px;max-height:100%;overflow-x:hidden;overflow-y:auto;}
#menu .ui-panel-inner::after {display:block;content:' ';height:150px;}
#menu .ui-header {border-width:0px !important;}
#menu a.menu_mylogin {padding:8px;border-radius:0px !important;height: 50px;width: 100%;text-align: left;}
#menu a.menu_mylogin .myphoto_menu {vertical-align: middle;}


#welcome .onlyfullscreen {display: none;}
#welcome.infullscreen .nofullscreen {display: none;}
#welcome.infullscreen .onlyfullscreen {display: block;}

.tags {}
.tags .tag {text-decoration:none;display:inline-block;padding:6px;border-radius:6px;border:1px solid #ddd;background-color:#eee;color:#777;margin:2px;} 

.hometitlezone {position:absolute;width:100%;text-align:left;transition-property: border,padding;transition-duration:0.3s;overflow:hidden;}
.hometitlezone h2 {padding-bottom:10%;padding:0;margin:0;margin-top:1em;width:100%;display:inline-block;text-align:center;transition-property: all;transition-duration:0.3s;}
.hometitlezone.scrolled {text-align:left; position:sticky;top:-35px;padding-top:35px;height:58px;z-index:11;border-bottom:1px solid rgba(255,255,255,0.3); background-color:rgba(42,29,54,0.9);}
.hometitlezone.scrolled h2 {width:280px;font-size:120%;}
.hometitlezone2 {text-align:center;opacity:0;display:hidden;}
.hometitlezone_help {font-size:18px !important;/*position: absolute;margin-top:-10px;*/}
.mainmenu {position:absolute;width:100%;height:100%;top:120px;padding-bottom:300px;/*bottom:0px;overflow-x:hidden;overflow-y:auto;*/}
p#homecoue {padding:0 5%;}
p#homeversion {padding:25% 5%;font-size: 80%;}


.buttons {display:flex !important;justify-content:center;align-items:center;flex-wrap:wrap;background-color:#282828/*rgba(42,29,54,0.9)*/ !important;}
.buttons button {display:inline-block;max-width:360px;text-align:left;}
.buttons button h4 {font-size:16px;padding:0;margin:0;}
.buttons button .buttontext {white-space:normal;text-transform:none;font-size:14px;}
span.buttontext_legend { width: 100%; text-align: center; padding: 16px 0px;}


.loadinganim .hometitlezone {animation: hometitlezone 3s ease-in-out;}
.loadinganim .hometitlezone2 {animation: hometitlezone2 3s ease-in-out;}
.loadinganim .hometitlezone_help {animation: hometitlezone2 5s ease-in-out reverse;}
.loadinganim .mainmenu {animation: mainmenu 6s ease-in-out;}
@keyframes hometitlezone { 0% {height:100%;padding-top:120px;} 75% {height:100%;padding-top:120px;} 100% {height:30%;padding-top:0;} }
@keyframes hometitlezone2 { 0% {opacity:1;display:inline-block;} 75% {opacity:1;display:inline-block;} 100% {opacity:0;display:inline-block;} }
@keyframes mainmenu { 0% {opacity:0;zoom:100%;} 75% {opacity:0;zoom:100%;} 100% {opacity:1;zoom:100%;} }

.welcome_langs {text-align: center;width: 100%;}
.welcome_langs .ui-controlgroup-controls {border-radius: 6px;overflow: hidden;}
.welcome_langs .ui-controlgroup-controls, #welcome_langs .ui-controlgroup-controls .ui-radio, #welcome_langs .ui-controlgroup-controls label.ui-radio-off {background: none !important;}
.welcome_langs .ui-radio input {opacity: 0;}
.welcome_langs .ui-controlgroup-controls label.ui-radio-on  {background-color: #D6AE66 !important;background: #D6AE66 !important; border-radius: 6px;}

.ui-controlgroup-controls, .ui-controlgroup-controls .ui-radio, .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-controls .ui-select, .ui-controlgroup-controls li {color:#333;}
.ui-mobile label, .ui-controlgroup-label, .ui-controlgroup-label legend {font-size:16px;color:#eee;}

.introtexts {width: 100%;display:flex;flex-wrap:wrap;justify-content: center;padding-bottom:350px;}
.introtexts h3 {min-width:80%;margin:2em 2em 1em 2em;text-align:center;clear:both;}
.introtexts p {margin:1em 2em 1em 2em;max-width:500px;text-align:justify;}
.introtexts ul {margin:1em 2em 1em 2em;text-align:justify;}

.introtexts_zones {margin:0;padding:0 0 20em 0 !important;}
.introtexts_zones li {list-style:none;clear:both;display:block;}
.introtexts_zones li h4 {text-align:center;font-size:120%;margin:3em 0em 2em 0em;}
.introtexts_zones li h5 {color:#fff; text-shadow: 0px 0px 3px rgba(200,255,255,0.9);margin:0;}
.introtexts_zones li ul {padding:0;margin:0 0 5em 0;}
.introtexts_zones li ul li {margin:3em 0em;text-align:left;position: relative; }
.introtexts_zones li ul li span.img  {width:50%;max-width:250px;float:left;margin:-1em 1em 1em -2.5em;position:relative;}
.introtexts_zones li ul li span.img::before {position:absolute;z-index:2;content:"";top:0;left:0;right:0;bottom:0;box-shadow: inset 0px 0px 5px 5px rgba(39,37,83,0.99);}
.introtexts_zones li ul li span.img img {max-width:100%;position:relative;z-index:1;}
.introtexts_zones li ul li .zmdi-help {opacity:0.7; /*position: absolute;left:-1em;*/}
.introtexts_zones li ul li span.subtext {display:block;padding-right:0em;}
.introtexts_zones li:nth-child(even) ul li:nth-child(even),.introtexts_zones li:nth-child(odd) ul li:nth-child(odd) {text-align:right;}
.introtexts_zones li:nth-child(even) ul li:nth-child(even) span.img , .introtexts_zones li:nth-child(odd) ul li:nth-child(odd) span.img {float:right;margin:-1em -2.5em 1em 1em;}
.introtexts_zones li:nth-child(even) ul li:nth-child(even) span.subtext, .introtexts_zones li:nth-child(odd) ul li:nth-child(odd) span.subtext {padding-right:0em;padding-left:0em;}
.introtexts_zones li ul li p, .introtexts_zones li ul li div {display: none;}

#welcomecoue {padding: 10px 30px;}

dl, dt {display: inline-block;margin: 0 }
dl dt {border-bottom:1px dotted #888;}
dl dd {display:none;font-style: italic;font-weight: bold;font-size:90%;}
dl:hover dd {display:inline-block;}



.tool_help {font-size:14px;position:absolute;left:12px;opacity:0.7;}

.homezone3 {display:block;position:relative;margin:0;padding:0 !important;text-align:center;font-size:166%;text-decoration:none;display:flex; flex-wrap:wrap;align-items: center;  justify-content: center;text-align:center;}
.fixedtools {position:fixed;top:6px;left:0;right:0;z-index:101;}


.nd2-card {max-width:2000px !important;max-height:600px !important;overflow-y:auto !important;}
.nd2-card .nd2-chart {margin:0px 10px !important;width:97% !important;}
.ui-input-text:after, .ui-input-search:after {display:none;}
.button {/*border:1px solid #888;background-color:#ccc;border-radius:2px;*/padding:2px;spacing:2px;display:inline-block;color:#333;text-decoration:none;}
.graphtitle {position:absolute;font-weight: bold;font-size:110%;margin:-22px 10px;}
ul.addresseslist li.change {font-style:italic;}

.carte {background-size:cover;background-position: center;}
.carte_fullscreen {height:100%;max-height:100% !important;margin:0px;}
.carte_fixed_fullscreen {position:fixed !important;z-index:101;top:0;left:0;margin:0px;width:100% !important;height:100% !important;max-width:10000px !important;max-height:10000px !important;}
.deckpage {background:linear-gradient(170deg, #141 0%, #252 65%);}
.deck {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:85%;padding-top:40px;}
.card_on_deck {flex:1;margin:8px;flex-grow:0;}
.card_on_deck, .card_on_deck .nd2-card,.card_on_deck .nd2-card .back {border-radius:8px;width:140px;height:254px;margin: 0px -1px -12px 0px;}
.card_on_deck .nd2-card .front {border-radius:8px;width:140px !important;height:254px !important;margin: 0px -1px -12px 0px;background-size:cover;}
.carte_verso {background-image: url(../img/versodore.jpg);}
.card_on_deck .nd2-card {transition-property: all;transition-duration:1s;}
.carte .card-title {margin:5%;padding:0 !important;}
.carte .card-title.has_phrase {/*margin-top:15%;*/}
.card-series {color:#000 !important;text-shadow: 0px 0px 1px rgba(255,255,255,0.9);display:inline-block;z-index:3;background-color:rgba(255,255,255,0.5);border-radius:4px;padding:1px 4px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-decoration:none;background-size:cover;}
.carte .card-primary-title {font-size:160%;max-width:100% !important;background-color:rgba(255,255,255,0.8);border-radius:16px;padding:10px;color:#222;text-align:center;text-decoration:none;}
.carte .card-subtitle {max-width:100% !important;white-space: normal !important;padding-bottom:4px;font-size:13px;line-height:16px;}
.carte .card-subtitle div.bordertop {border-top: 1px solid rgba(0,0,0,0.05);}
.carte .card-supporting-text {background-color:rgba(255,255,255,0.45);border-radius:16px 16px 0px 0px;color:#222;text-align:center;text-decoration:none;font-size:120%;line-height:110%;margin: 0;max-height: 25%;overflow: auto;position: absolute;left:0;right:0;bottom: 0px;border-bottom: 77px solid rgba(255,255,255,0);}
.carte .card-supporting-text::after {display:block;content:' ';height:10px;}
.carte .card-supporting-text ul li {padding-top:0;padding-bottom:0;}
.carte .card-supporting-text ul li span.img {display:none;}
.carte .card-supporting-text ul li span.img img {max-height:32px;}
.carte .card-supporting-text ul li h3,.carte .card-supporting-text ul li h2 {text-shadow: 0px 0px 0px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2) !important;}
.carte .card-supporting-text ul li.locked {background-color:rgba(255,255,255,0.6);}

.card-header {background-color:rgba(0,0,0,0.5);color:#fff;padding:8px;margin:48px 10px -8px 10px;border-radius:4px;text-align:center;text-decoration:none;font-size:80%;}
.tab_phrases .card-header {position:absolute;z-index:9;margin-left:58px;font-weight:bold;}
.carte .card-header.card-phrase2 {margin-left:15%;}
.carte .card-header.card-phrase3 {margin-left:20%;}
.carte .card-header.card-phrase4 {margin-left:25%;}
.meditation_only {z-index:12 !important;height: 100%;overflow: auto;position: absolute !important;top:0px;background-color:#000;width:100%;}
.meditation_only p {padding:1em 3em;max-width:400px;text-align:justify;opacity:0.5;margin-bottom:1000px;}
@media only screen and (orientation : landscape) { 
    .meditation_only img {max-width:400px;right:0;position: absolute;} 
    .meditation_only p {max-width:250px;} 
}
.mudra_neg {position:relative;width:100%;overflow:hidden;}
.mudra_neg::before {position:absolute;z-index:2;content:"";top:0;left:0;right:0;bottom:0;box-shadow: inset 0px 0px 15px 15px rgb(0,0,0);}
.mudra_neg img {position:relative;z-index:1;filter:invert();width:100%;}

span.help_illustration img {mix-blend-mode: multiply;}

.carte .card-action {position: fixed !important;width: 100%;max-width: 100%;bottom: 0px;right:0;z-index:13;padding: 10px 0px 15px 0px;background-color: rgba(255,255,255,0.5);transition-property: all;transition-duration:1s;}
.carte div.bas {width:100%;text-align:center;display:flex;flex-wrap:nowrap;justify-content:center;}
.carte div.meditation_button {box-sizing: border-box;margin-right:2px;border:1px solid #eee;font-size:200%;color:#333;background-color:#fff;border-radius:4px;display:inline-block;min-width:125px;overflow:visible;max-width:50%;padding:10px;height:52px;text-align:center;transition-property: all;transition-duration:1s;}
.carte div.meditation_button a {border-radius:0px !important;padding:0;margin:0;height:auto;line-height:32px;display:block;}
.carte div.produits {box-sizing: border-box;font-size:200%;margin-right:2px;border:1px solid #eee;color:#333;background-color:#fff;border-radius:4px;display:inline-block;min-width:135px;max-width:35%;height:52px;padding:10px;text-align:center;}
.carte div.produits a {border-radius:0px !important;padding:0;margin:0;height:auto;line-height:32px;display:block;}
.carte div.videobutton {box-sizing: border-box;font-size:200%;margin-right:2px;border:1px solid #eee;color:#333;background-color:#fff;border-radius:4px;display:inline-block;min-width:35px;max-width:35%;height:52px;padding:10px;text-align:center;}
.carte div.videobutton a {border-radius:0px !important;padding:0;margin:0;height:auto;line-height:32px;display:block;}
.carte div.chatbutton {display:none !important;box-sizing: border-box;font-size:200%;margin-right:2px;border:1px solid #eee;color:#333;background-color:#fff;border-radius:4px;display:inline-block;min-width:35px;max-width:35%;height:52px;padding:10px;text-align:center;}
.carte div.chatbutton a {border-radius:0px !important;padding:0;margin:0;height:auto;line-height:32px;display:block;}
.carte div.sharebutton {box-sizing: border-box;font-size:200%;margin-right:2px;border:1px solid #eee;color:#333;background-color:#fff;border-radius:4px;display:inline-block;min-width:35px;max-width:35%;height:52px;padding:10px;text-align:center;}
.carte div.sharebutton a {border-radius:0px !important;padding:0;margin:0;height:auto;line-height:32px;display:block;}

.produits.meditation_dim.dimmed {min-width:50px !important;}
.produits.meditation_dim.dimmed,.videobutton.meditation_dim.dimmed,.chatbutton.meditation_dim.dimmed {display:none;}
.carte.playing div.meditation_button {border:0px solid #444;background-color:#444 !important;color:#AAA !important;box-shadow: 1px 1px 25px 25px #444;height:222px;padding:20px 10px;min-width:100%;width:100%;margin: 0px 50px;position: absolute;bottom: 20px;z-index: 99;}
.carte.playing .card-action {max-width: 414px;background-color: rgba(255,255,255,0);}

.carte > div {position:relative;z-index:2;}
.carte .carte-bg {background-color:#000;position:absolute;z-index:0;left:0;top:0;bottom:0;right:0;background-size:cover;background-position: center;}
.meditation_dim {transition-property: all;transition-duration:1s;}
.meditation_dim.dimmed {filter: brightness(0.2);}

.card_on_deck.chosen {z-index:3;animation:chosen 0.5s ease-in-out 0.5s;animation-fill-mode :forwards;}

#tirageprops button {background-color:rgba(255,255,255,0.95) !important;color:#000 !important;}
#tirageprops button.redbutton {background-color:rgba(255,230,230,0.95) !important;color:#044 !important;}
#nomtirage_tags {margin-bottom:30px;font-size: 80%;}

@keyframes chosen { 0% {zoom:100%;margin-top:0;} 100% {zoom:150%;margin-top:-5%;} }

@media screen and (max-width: 900px) {
    .card_on_deck {flex:1;margin:1px;}
    .card_on_deck, .card_on_deck .nd2-card,.card_on_deck .nb-d2-card .back {border-radius:8px;width:65px;height:118px;margin: 0px -1px -7px 0px;}
    .card_on_deck .nd2-card .front {border-radius:8px;width:65px !important;height:118px !important;margin: 0px -1px -7px 0px;}
}
@media screen and (max-width: 800px) {
    .w800 {display:none;}
}
@media screen and (min-width: 801px) {
    .w800m {display:none;}
}
@media screen and (max-width: 1023px) {
    .w1024 {display:none;}
}

.transparentheader,.transparentheader_notabs {padding-top:0px !important;position:absolute;top:0;bottom:0;padding-top:0px !important;}
.transparentheader .ui-header ,.transparentheader_notabs .ui-header,.transparentheader .ui-header a.ui-btn {border-bottom-width:0px; background-color:rgba(0,0,0,0) !important;box-shadow:none !important;text-shadow: 0px 0px 0px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2) !important;}
.transparentheader_notabs .transfertoheader {display:none;}
.transparentheader .ui-header ul.nd2Tabs li {line-height:70px !important;}
.transparentheader .ui-header ul.nd2Tabs .nd2Tabs-active::after {bottom:22px !important;}
.transparentheader .ui-btn-left,.transparentheader_notabs .ui-btn-left {text-shadow: 0px 0px 0px rgba(255,255,255,0.9), 1px 1px 1px rgba(0,0,0,0.5), -1px -1px 1px rgba(0,0,0,0.2), 1px -1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0,0,0,0.2) !important;}
.ui-content.has_nd2Tabs {margin-top: 92px;}
.ui-header.has_nd2Tabs h1 {padding-bottom: 0px;}
.nd2Tabs.notitle {margin-top: 8px;}
.ui-content.fixed {position:fixed;}
.ui-content-padded {padding:5%}
.ui-content-padded-notright {padding:5% 0% 5% 5%;}
.ui-content-padded-right {padding-right:5%;}

.nd2-toast-message {text-align: center;margin-bottom: 8px;}
.nd2-toast {max-height:96px;white-space:normal;line-height:150%;}
.nd2-toast-action {bottom:12px;}
.nd2-toast-wrapper:has(.nd2-toast-action) {padding-bottom:32px;}
html.platform-ios .nd2-toast {padding:8px;border-radius:8px;margin:10%;width:80%;left:40%;}

ul.type_tirage {display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding: 10px 0px 10px 0;/*margin-left: -8px;/*align-items:center;justify-content:center;height:100%;*/}
ul.type_tirage li {list-style:none;position:relative;z-index:2;flex:1;min-width:177px;width:177px;max-width:177px;padding:16px;text-align:center;min-height:220px;text-align:center;/*background-color:#494383;*/color:#FCC062;/*box-shadow: 0px 1px 5px rgba(0,0,0,0.25);/*border:1px solid #ddd;*/ border-radius:8px !important;margin:5px;background-repeat:no-repeat;background-size:contain;transition-property: all;transition-duration:1s;}
ul.type_tirage li > a {display:block;text-align:left;text-decoration:none;color:#FCC062 !important;height:100%;max-width:170px;overflow:hidden;background-repeat:no-repeat;background-size:50px;background-position:bottom center;}
ul.type_tirage li p {color:#FDDFB1;width: 200px;max-width:100%;font-size:85%;}
.moreinfos {display:none;position:fixed;z-index:999;top:0;left:0;right:0;bottom:0;background:linear-gradient(320deg, #2A1B32 0%, #232F7C 100%); color:#FDDFB1;padding:15% 5%;overflow:auto;text-align:justify;transition-property: all;transition-duration:1s;}
.moreinfos p {padding-bottom:50px;}
.moreinfosclose {position:fixed;bottom:20px;left:25px;width:calc(100vw - 50px) !important;right:25px;box-sizing:border-box;background-color:#898 !important;color:#FFF !important;box-shadow: 1px 1px 25px 25px #2A1B32;}
.deckquestion {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:100%;position: absolute;z-index:9;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7);color:#ddd;padding:5%;overflow:auto;text-align:center;font-size:200%;}
ul.type_tirage li .moreinfost {padding:2px;position: absolute;top:16px;right:8px;}
ul.type_tirage li .lasttirage {position:absolute;bottom:13px;zoom:80%;left:0px;right:30px;}
ul.type_tirage li .lasttirage div.mestirages {height:auto !important;}
ul.type_tirage li .lasttirage div.mestirages i.zmdi-play {right:-16px;}
ul.type_tirage li .lasttirage div.mestirages .username {display:none !important;}
ul.type_tirage li .lasttirage div.mestirages.hasusername {padding-left: 10px;}
ul.type_tirage li .lasttirage div.mestirages .exploration-titre { max-height: 44px;overflow: hidden;display: inline-block;}

ul.type_tirage li .lasttirage .notinlast {display:none;}
.onlyinlast {display:none;}
ul.type_tirage li .lasttirage .onlyinlast {display:inline-block;}
ul.type_tirage li .lasttirage .zmdi-calendar-check {/*color:#fff;*/}
ul.type_tirage .famille_tirage {display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}
ul.type_tirage .famille_tirage button {flex:1;padding:0px;min-width:40px;max-width:130px;height:40px;min-height:40px;text-align:center;}
ul.type_tirage .famille_tirage button.ui-btn:hover {background-color: rgba(255,255,255,0.1);color:#FFF;font-size:110%;}
ul.type_tirage .famille_tirage button .famille_tirage_nom {display:none;}
ul.type_tirage .tirage_famille .famille_picto {padding:2px;position: absolute;top:16px;right:16px;}
ul.type_tirage .tirage_famille h3 {margin-bottom:4px;}
ul.type_tirage .tirage_famille p {margin-top:0px;}
.card-series-overlist {position: absolute;top: 0;max-width:82px/*ios:76px*/;}

body.package_app_biocoherence_app #picto_tirage_carte, body.package_app_biocoherence_app #picto_tirage_quizz {display:none;}
/*
ul.type_tirage .tirage_famille_mesure {border-radius:24px !important;height:215px !important;margin-top:10px;margin-bottom:10px;overflow:visible;}
ul.type_tirage .tirage_famille_mesure::before {content:' ';z-index:1;display:block;position:absolute;left:25%;right:25%;top:-10px;bottom:100%;background-color:#393373;}
ul.type_tirage .tirage_famille_mesure::after {content:' ';z-index:1;display:block;position:absolute;left:25%;right:25%;bottom:-10px;top:100%;background-color:#393373;}
ul.type_tirage .tirage_famille_scan {border-radius:240px !important;width:187px !important;min-width:187px !important;height:187px !important;min-height:187px !important;max-height:187px !important;max-width:187px !important;margin:30px 0px 0px 0px !important;}
ul.type_tirage .tirage_famille_scan a {text-align:center;}
*/

.moreinfos_showall {display:inline-block !important;opacity:1;max-height:200px;overflow:visible;position:relative !important;z-index:1 !important;background:none !important;padding:5% !important;}
p.margin {margin:1em;}

div.carte_mini {display: inline-block;float:left;width:18px;height:32px;border-radius:2px;background-size:cover;background-position: center;margin:-4px 4px -12px 4px;}

div.cardlist {display:flex;flex-wrap:nowrap;overflow-x:auto;margin:-22px 0em 0em 0em;padding: 0px 0px 0px 54px;height:160px;width: 100%;box-sizing: border-box;/*align-items:center;justify-content:center;height:100%;*/}
div.cardlist_1dos {justify-content:center;}
#home_cards { margin: 2em 0em;}
div.cardlist_big {padding-top: 30px;height:228px;}

div.card-series-list {display:flex;flex-wrap:nowrap;position:relative;min-width:80px;}
div.cardlist::after {  content: "";  flex: 0 0 120px;}
div.cardlist .cardplace {flex:1;margin:22px 2px 2px 0px;max-width:65px /*!important*/;min-width:65px;width:65px;min-height:118px;max-height:118px !important;height:118px;overflow:visible;transition-property: all;transition-duration:1s;}
div.cardlist .cardplace {position:absolute;left:0px;}
div.cardlist .cardplace_spread {flex: 1;position:relative !important;transform:rotate(0deg) !important;}
div.cardlist .cardplace:nth-of-type(2) {position:absolute;transform:rotate(10deg);}
div.cardlist .cardplace:nth-of-type(3) {position:absolute;transform:rotate(20deg);}
div.cardlist .cardplace:nth-of-type(4) {position:absolute;transform:rotate(-10deg);}
div.cardlist .cardplace:nth-of-type(5) {position:absolute;transform:rotate(-20deg);}
div.cardlist .card-series-list:hover .cardplace {position:relative;transform:rotate(0deg);}
div.cardlist .card-series-list:hover .cardplace:nth-of-type(1) {position:absolute ;left:0px;}
div.cardlist .card-series-list:hover .cardplace:nth-of-type(2) {position:absolute ;left:65px;}
div.cardlist .card-series-list:hover .cardplace:nth-of-type(3) {position:absolute ;left:130px;}
div.cardlist .card-series-list:hover .cardplace:nth-of-type(4) {position:absolute ;left:195px;}
div.cardlist .card-series-list:hover .cardplace:nth-of-type(5) {position:absolute ;left:260px;}
div.cardlist .card-series-list:hover .cardplace:nth-of-type(6) {margin-left:325px;}
div.cardlist .cardplace > a {position:absolute;text-decoration:none;width:65px;height:118px;transition-property: all;transition-duration:1s;margin:0;}
div.cardlist .cardplace:hover {z-index:100;}
div.cardlist .cardplace > a:hover {opacity:1;width:86px;height:157px;margin-top:-22px;margin-left:-10px;}
div.cardlist .card-title {opacity:0;transition-property: all;transition-duration:0.3s;transition-delay: 0.2s;font-size:10px;}
div.cardlist .cardplace > a:hover .card-title {opacity:1;font-size:11px;line-height:12px;}
div.cardlist .card-title .card-primary-title, div.cardlist .cardplace .card-title .card-subtitle {text-overflow: clip !important; white-space:normal;font-size:10px !important;line-height:12px;}
div.cardlist .cardplace > a:hover .card-title .card-primary-title, div.cardlist .cardplace > a:hover .card-title .card-subtitle {text-overflow: clip !important; white-space:normal;font-size:11px !important;line-height:12px;}
div.cardlist .carte_locked {opacity:0.5;min-width:60px;min-height:108px;width:60px;height:108px;margin-top:21px;}
div.cardlist .carte_locked::before {content:'\f191';font: normal normal normal 14px/1 'Material-Design-Iconic-Font';width:100%;position:absolute;top:40%;text-align:center;font-size:32px;color:#fff;opacity:1;}
div.cardlist .carte_unlocked {box-shadow: 0px 0px 12px 1px rgba(255,255,255,0.5);}
div.cardlist .selected {flex: 10;min-width: 90px;}
div.cardlist .selected > a {box-shadow: 0px 0px 6px 9px rgba(255,255,255,0.7);opacity:1;width:86px;height:157px;margin-top:-22px;margin-left:-10px;}
div.cardlist .selected > a .card-title {opacity:1;font-size:11px;line-height:12px;}
div.cardlist .selected > a .card-title .card-primary-title, div.cardlist .selected > a .card-title .card-subtitle {text-overflow: clip !important; white-space:normal;font-size:11px !important;line-height:12px;}

.cardplace_morewidth {max-width: 500px !important;min-width: 220px !important;}
.altcards {font-style: italic;}

div.cardlist_1dos .carte_locked::before {content:'';}

#home_cards_spacer {height:205px;}
#home_tirages_spacer {height:325px;}
.list_fullscreenable {position:absolute;width:100%;transition-property: all;transition-duration:0.3s;background-color:rgba(66,70,125,0);}
.list_fullscreen {background-color:rgba(40,32,65,0.98);position:absolute;z-index:4;padding-bottom:1000px;padding-left:0px;}
.list_fullscreen div.cardlist,.list_fullscreen div.card-series-list,.list_fullscreen ul.type_tirage {flex-wrap:wrap !important;justify-content:center;align-items:center;height:100%;width:100%;padding:0;}
.list_fullscreen div.cardlist  .cardplace {position:relative !important;left:0px !important; transform:rotate(0deg) !important;margin-left:0px !important;width:120px;min-width:120px;max-width:120px !important;min-height:218px;max-height:218px !important;height:218px;}
.list_fullscreen div.cardlist  .cardplace > a {width:120px;height:218px;}
.list_fullscreen div.cardlist  .cardplace > a:hover {width:140px;height:262px;}
.list_fullscreen ul.type_tirage li {min-width:177px;width:177px;max-width:50%;box-sizing: border-box;height:270px;min-height:270px;}
.list_fullscreen ul.type_tirage .famille_tirage {min-width:100%;}
.list_fullscreen ul.type_tirage .famille_tirage button {text-align:center;height:50px;}
.list_fullscreen ul.type_tirage .famille_tirage button .famille_tirage_nom {display:block;padding:0px 20px;}

.onlyfullscreen {display:none;}
.list_fullscreen .onlyfullscreen {display:block;}

.alwaysdeployed div.cardlist .cardplace {position:relative !important;left:0px !important; transform:rotate(0deg) !important;margin-left:0px !important;}

.card-series-list {padding-right:40px;}
.tirage_famille .card-series-overlist {left:16px;top:16px;opacity:0.7;font-size:90% !important;}
.list_fullscreen .card-series-list {margin-top:40px;padding-top:20px !important;padding-right:0px;}
.list_fullscreen .cardlist .card-series-overlist {font-size:120%;max-width:300px;padding:4px 20px;}
.tirage_preview {opacity: 0.8; filter: grayscale();}

.serieslist a {background-color: transparent !important;}
.serieslist.list_fullscreen h2 {position: fixed;top: 15px;z-index: 2000;left: 60px;}
.serieslist.list_fullscreen {margin-top:50px;}
.serieslist p {text-align:center;}
.serieslist p.sizes {text-align:center;opacity:0.6;}

div.author_moreinfos {font-style:italic;color:#f0f0f0;font-size:80%;text-align:right;margin:0em 1em;}
img.author_picture {max-width:50%;float:right;margin:0em -1em 1em 1em;}

.deploy {white-space:normal !important;text-overflow:initial !important;overflow:visible !important;}

.ui-mobile .ui-page {max-height:100%;height: 100vh;}
.ui-content {position: absolute;width: 100%;height: 100%;box-sizing: border-box;padding:0;scroll-behavior: smooth;}
.ui-content .rendered {height:100%;}
.nd2Tabs-content-tab.nd2Tab-active {height: 100%;overflow:hidden;  }
.ui-content-withheader {position:relative !important;padding-top:64px;max-height:100%;overflow-x:hidden;overflow-y:auto;}
.ui-content-withheader::after {display:block;content:' ';height:150px;}
.ui-listview { margin:0em !important; }
.ui-listview > li p {color: #fff;}

ul#resonner li p {color:#FFF;}
ul#resonner li .prix {color:#CFC;}
.ui-listview .ui-li-has-thumb > img:first-child, .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child {width:auto !important;}

.appupdate {margin: 16px; border-bottom: 2px dotted rgba(255,255,255,0.3);}
.appupdate h2 {text-align: center;}

#drawcards3, #drawcards3 .ui-content {background-color:#000;}
.phrases {display: flex;flex-direction: column;position: absolute;left: 0;top: 0;bottom: 0;right: 0;}
a.phrase {flex:1;min-height:20%;display:flex; flex-wrap:nowrap;align-items: center;  justify-content: center;text-align:center;text-decoration:none;background-size:cover;background-position: center;margin: -5px -10px -5px -20px;padding: 10px;box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);}
.phrase h2 {color:rgba(0,0,0,0.7);font-size:80%;background-color:rgba(0,0,0,0.5);color:#FFF;margin:0px 0px 5px 10px;min-width:80px;max-width:120px;/*white-space:nowrap;*/}
.phrase p {font-size:130%;background-color:rgba(255,255,255,0.5);border-radius:20px;padding:10px;margin:10px 0px;color:#222;font-weight:bold;}
a.phrase {/*transform:rotate(0.5deg);/*animation:phrase1 2s ease-in;*/transition-property: all;transition-duration:1s;}
a.phrase:hover {/*transform:rotate(-0.5deg);*/}
#drawcards3 a.phrase:nth-of-type(1) {/*min-height:28%;*/padding-top:78px;}
a.phrase:nth-of-type(2),a.phrase:nth-of-type(4) {/*transform:rotate(-0.5deg);animation:phrase2 3s ease-out;*/}
a.phrase:nth-of-type(2):hover,a.phrase:nth-of-type(4):hover {/*transform:rotate(0deg);*/}
#drawcards3 a.phrase:last-of-type {/*min-height:28%;*/padding-bottom:58px;}
#drawcards3 .tab_phrases .bas {width:100%;text-align:center;display:flex;flex-wrap:nowrap;justify-content:center;position: fixed !important;width: 100%;max-width: 100%;bottom: 0px;right:0;z-index:13;padding: 10px 0px 15px 0px;background-color: rgba(255,255,255,0.5);transition-property: all;transition-duration:1s;}
#drawcards3 .tab_phrases .bas a {box-sizing: border-box;margin-right:2px;border:1px solid #eee;color:#333;background-color:#fff;border-radius:4px !important;display:inline-block;min-width:125px;height:44px;overflow:visible;max-width:50%;text-align:center;transition-property: all;transition-duration:1s;}
#drawcards3 .tab_phrases .bas a.main {flex: 5;}
#drawcards3 .tab_phrases .bas a.ui-btn-tirage {background-color:rgba(100,100,200,0.5) !important;}
#drawcards3 .tab_phrases .bas a.ui-btn-tirage span {font-size: 9px;white-space: normal;width: 60px;display: inline-block;line-height: 8px;}
#drawcards3 .tab_phrases .bas .username {margin-top:-3px;}

@keyframes phrase1 { 0% {opacity:0;transform:rotate(-1deg);} 100% {opacity:1;transform:rotate(0.5deg);} }
@keyframes phrase2 { 0% {opacity:0;transform:rotate(1deg);} 100% {opacity:1;transform:rotate(-0.5deg);} }

#partagezone {z-index:100001;background-color:#000;height:350px;width:350px;position: fixed;bottom: 0;left:0;}
#partagezone .phrases {/*display: flex;flex-wrap: wrap;width: 100%;height: 100%;*/}
#partagezone .noshare {display:none !important;}
#partagezone a.phrase {animation:none !important;padding:10px !important;min-height:20% !important;min-width: 100% !important;}
@media screen and (min-width: 401px) and (max-width: 450px) {#partagezone a.phrase p {font-size:110%;} }
@media screen and (max-width: 400px) {#partagezone a.phrase p {font-size:100%;} }
#partagezone h3.suptitle {position:absolute;bottom:100%;width: 100%;text-align: center;background-color: rgba(0,0,0,0.7);padding: 1000px 0px 100px 0px;margin: 0;}

.ui-btn-icon-notext:after {background-color: rgba(0,0,0,0.3);}

#mestirages_last {text-align:center;}
#mestirages {display: flex;flex-wrap:wrap;width:100%;box-sizing: border-box;}
#mestirages li {list-style:none;flex:1;min-width:245px;}
#mestirages li.button {list-style:none;flex:2;min-width:100%;margin-left:-3em;}
#mestirages li.button a.ui-btn {color:rgba(255,255,255,0.6);}
.tirage-titre {position:absolute;top:0;left:80px;opacity:0.7;font-style:italic;font-size:80%;padding:0px 8px;}
.exploration-titre {clear:both;}
#mestirages a.mestirages {padding-top:20px;height:50px;display: block;}
.mestirages div.mestirages_inner {padding-top:20px;display: block;position: relative;}
.mestirages div.mestirages_inner .username {margin-top:-20px;}
.mestirages i.zmdi-play {position:absolute;right:0px/*ios:-16px*/;top:50%;font-size:24px;margin-top:-12px;}
.mestirages .username {position: absolute;left: 0;}
.mestirages.hasusername {padding-left: 130px;}
div.mestirages {display:block;height:70px;position:relative;border:1px solid #668;background-color:#303677/*#181464*/;padding:10px 30px 10px 10px;margin: 8px 8px 8px 8px;border-radius:8px;overflow:hidden;}
div.mestirages a.mestirages {position:relative;display:block;text-align:left;z-index:2;text-decoration:none;color:#FCC062;}
div.mestirages a.tool {position:absolute;z-index:2;top:-8px;right:-16px;border:1px solid #FFF;background-color:#A77;color:#EEE;padding:5px 10px;border-radius:100px;}
.mestirages_list {/*margin-left:-16px;margin-right:-16px;*/}
div.mestirages_big div.mestirages {height:auto;max-height:300px;overflow:auto;}
div.mestirages_big div.mestirages .exploration-titre {font-size:125%;display:block;font-weight:bold;}
div.mestirages_big div.mestirages .resume {font-size:95%;}
div.mestirages_big .username {float:right;position: relative !important;}
div.mestirages_big .buttons_line {display:flex;justify-content: center;}

.resume {display:block; font-size:60%;position:relative;z-index:2;}
div.mestirages .chart {position:absolute;opacity:0.5;z-index:0;left:0;top:0;bottom:0;right:0;width:100%;height:72px;border-radius:8px;}
#drawcards3 {background-color:#000;}
li.tabs_cardmedit i {color:#000;background-color:#fff;border-radius:16px;width:12px;box-shadow: 0px 0px 3px 6px #fff;}
.meditation {background-color:#000;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index:15;}
.meditation .ui-controlgroup-controls {background-color:rgba(0,0,0,0.05) !important;}
.meditation .evaluation {background-color:#444;padding-top:20%;color:#444;text-align:center;height:100%;z-index:13;position:relative;}
.meditation .evaluation .evaluationresult {display:none;z-index:15;position:absolute;top:0;left:0;width:100%;height:100%;padding-top:30%;}
.meditation .player {position: absolute;z-index:12;background-color:#222;left:0;right:0;top:0;padding:80px 0px 200px 0px;bottom:0px;overflow-x:hidden;overflow-y:auto;color:#888;text-align:center;}
.meditation .playing {position: absolute;z-index:11;background-color:#111;top:80px;bottom:0;left:0;right:0;color:#888;text-align:center;}
.meditation input[type=radio] {/*opacity:0;position:absolute;*/}
.meditation .ui-controlgroup-controls, .meditation .ui-checkbox, .meditation .ui-radio {background-color:#777;}

.meditation h3, .meditation fieldset legend {width:100%;color:#aaa;font-size:19px;}
.meditation .ui-radio {background-color:#666;display: inline-block;}
.meditation label {background-color:#777 !important;color:#FFF;}
.meditation .ui-radio label {padding-left:12px !important;}
.meditation label::after {/*display:none;*/}
.meditation .evaluation .ui-radio {/*display:inline-block;width:8%;*/}
.meditation .evaluation label {height:32px;padding-left:12px !important;}
.meditation .evaluation .ui-radio:first-of-type label {background-color:#855 !important;}
.meditation .evaluation .ui-radio:last-of-type label {background-color:#585 !important;}
.meditation .ui-btn.ui-checkbox-on.ui-checkbox-on {color:#FFF !important;}
.meditation .ui-checkbox-off .ui-radio {display:none;}
.meditation .ui-checkbox .ui-radio {/*float:right;*/}
.meditation .ui-controlgroup-vertical label.ui-btn:after {top:20px;}
.meditation .meditation_filelist {display:flex;flex-wrap:wrap;width:100%;justify-content:flex-end;/*float:right;*/background-color:#777;}
.meditation .meditation_filelist label {text-align:right;}
.flag {filter:grayscale(60%);width:16px;border:1px solid #333;border-radius:2px;margin:0px 4px;}
.flag_count {position:absolute;margin:-8px 0px 0px -8px;display:inline-block;width:12px;height:12px;border-radius:12px;background-color:rgba(0,0,0,0.5);color:#bbb;border:1px solid rgba(0,0,0,0.7);font-size:8px;}
.meditation .flag {position:absolute;bottom:22px;right:2px;transform:rotate(20deg);}
.meditation .playing #playerstack {position: absolute;bottom: 80px;left: 0;right: 0;z-index:11;margin: 1em;background-color:#444 !important;box-shadow: 1px 1px 25px 25px #444;}
.meditation .playing #playerstack_title {position: relative;z-index:9;}
.meditation .playing #playerstack_contents {background-color:#000;position: absolute;top: 0;z-index: 0;bottom: 150px;overflow-x: hidden;overflow-y: auto;}
.meditation .playing #playerstack_contents p {padding:1em 3em;max-width:400px;text-align:justify;opacity:0.7;margin-bottom:1000px;}
.meditation fieldset > label {display: none;}
.stackable .ui-radio-off {color:#888;background-color: #444 !important;}
.stackable .ui-radio-off .duration {opacity: 0.7; }
.stackable label {text-align: right !important;}
.stackable .labeltitre {display: block;padding-bottom: 4px;}

.meditation .ui-btn.ui-radio-off .labeltitre {color: #888;}
.meditation .ui-btn.ui-radio-on .labeltitre {color: #FFF;}
.meditation .labeltext {font-weight:bold;}

.ui-controlgroup-horizontal .ui-btn.ui-checkbox-on, .ui-controlgroup-horizontal .ui-btn.ui-radio-on {color:#FFF !important;}

.playlist-compact fieldset legend {/*position:absolute;*/}
.playlist-compact fieldset .ui-radio {float:right;}

.bottombuttons {position:fixed;z-index:11 !important;left:0px;right:0px;bottom:0px;padding:25px;width:100% !important;box-sizing:border-box;background-color:rgba(40,40,40,0.95);}
.bottombuttons_separated {background: none !important;display: flex;flex-wrap: wrap;}
.bottombuttons_separated .ui-btn { flex: 1;min-width: 300px; background-color:rgba(40,40,40,0.95); box-shadow: 1px 1px 5px 5px #222; margin:0px 10px 10px 15px; }
.bottombuttons_separated .ui-btn.small { min-width: 200px;  }
.bottombuttons .bottombutton {position:relative !important;margin-top:15px;}
.bottombuttons_big {overflow: auto;max-height: 90vh;}
@media screen and (min-width:812px)  {
  .ui-content:has(.bottombuttons_big) {width:50vw;}
  .bottombuttons_big {min-height: 100vh;max-height: 100vh;left:50vw;width:50vw !important;top: 0;overflow: auto;}
}

.bottombutton {position:fixed;z-index:11 !important;bottom:30px;left:25px;width:calc(100vw - 50px) !important;right:25px;color: #333;box-sizing:border-box;background-color:rgba(255,255,255,0.98) !important; box-shadow: 1px 1px 5px 5px #fff;}
.meditation .bottombutton {background-color:#494 !important;color:#FFF !important;box-shadow: 1px 1px 25px 25px #444;}
.meditation .player .bottombutton {background-color:#494 !important;}
.meditation .playing .bottombutton {background-color:#644 !important;color:#C99 !important;}

.subscribebuttons {display: flex;flex-wrap: wrap;}
.subscribebuttonzonetitle {min-width:100%;background-color: none !important;background: none !important;border:none !important;margin-top:8px !important;display:flex;}
.subscribebuttonzone {flex:1;position:relative;margin:1px;background-color: #000;border:1px solid #000;border-radius:4px;}
.subscribebuttonzone:has(.subscribebuttonlabel.ui-radio-on) {border:1px solid #fff;box-shadow: 1px 1px 5px 5px #222;}

.subscribebuttonzone .ui-btn {background-color:#000 !important;color:#fff;}
.subscribebuttonzone .producttitle {padding:0;margin:0;text-align:left;flex:1;}
.subscribebuttonzone .productowned {color:#FFF !important;text-shadow: -1px -1px 2px rgba(255,255,255,0.9), 1px 1px 2px rgba(255,255,255,0.9);}
.subscribebuttonzone .productsup, .subscribebuttonzone .productsub {font-size:90%;text-align:center;}
.subscribebuttonzone .productdiscount {position:absolute;right:0px;top:-10px;transform: rotate(5deg);max-width:60px;padding:1px 4px;border-radius:2px;color:#080;background-color:rgba(255,255,255,0.9);}
.subscribebuttonzone .productlabel {display:flex;text-transform: none;color:#fff; }
.subscribebuttonzone .productdescription {text-transform: none;font-size:80%;color:#ccc;}
.subscribebuttonzone .productpricezone {display:block;text-align:right;color:#fff;}
.subscribebuttonzone .productprice {font-size:110%;}
.subscribebuttonlabel {padding:2px 8px;}
.subscribebuttonlabel::before,.subscribebuttonlabel::after {display:none;opacity:0;}

.productnormalprice { color:#900;text-decoration:line-through;font-style:italic; }

.subscribebuttonzone_owned {border: 1px solid #400;background-color: #200;}
.subscribebuttonzone_owned .ui-btn {background-color: #200 !important;}

.subscribe_pleasewait {  margin:10px;border-radius:4px;  height: 100px;line-height: 100px;text-align: center;font-weight:bold;font-size:105%;animation: blink 5s infinite ease-in;     }
.ui-input-text input, .ui-input-search input, textarea.ui-input-text.ui-textinput-autogrow {line-height: 30px !important;}

.ui-bottom-sheet {background-color: #444 !important;color:rgba(255,255,255,0.9);text-shadow: none !important;}
.ui-bottom-sheet label {color:rgba(255,255,255,0.8) !important;}
.ui-bottom-sheet button, .ui-bottom-sheet input[type=submit],.ui-bottom-sheet .ui-btn,.ui-bottom-sheet .ui-btn:hover, .ui-bottom-sheet .ui-controlgroup-controls, .ui-bottom-sheet .ui-controlgroup-controls .ui-radio, .ui-bottom-sheet .ui-controlgroup-controls .ui-checkbox {background-color: #111;color:rgba(255,255,255,0.8);}
.ui-bottom-sheet .ui-btn.ui-btn-active, .ui-bottom-sheet .ui-btn.ui-radio-on, .ui-bottom-sheet .ui-btn.ui-checkbox-on {background-color: #676 !important;color:rgba(240,255,240,0.8) !important;}
.ui-bottom-sheet a {background-color: #111;color:rgba(255,255,255,0.8);}
#help.ui-bottom-sheet {/*background-color: #ddd;*/}
#helptext h2,#helptext h3,#helptext h4,#helptext h5 {color:#877031;}
.ui-bottom-sheet span.img {max-width:55%;float:right;margin:-3em -2em 1em 1em;}
.ui-bottom-sheet span.img .legend {margin:0;padding:0;font-size:70%;opacity:0.7;}
.ui-bottom-sheet span.img img {max-width:100%}
.ui-bottom-sheet h2 img {max-width:55%;float:right;}
.ui-bottom-sheet ul.ui-listview li {clear: both;padding: 10px; }
.ui-bottom-sheet textarea.ui-input-text {min-height: 50px;background: transparent none !important;color:rgba(255,255,255,0.8);border: 1px solid #ffffff;border-radius: 0.3125em;padding: 2px;}
.ui-bottom-sheet .ui-input-text input {line-height: 30px;padding: 2px 8px;}

#helptext .nohelp {display:none;}
#helptext p span {display:block;margin-top:10px;}
#helptext p span.title {color:#444;font-size:140%;}
#helptext .zmdi-help {display: none;}
#starting,#preload {background-color: rgba(255,255,255,0.95);}
#starting .ui-input-text:after {background:none !important;}
#starting input.invitationcode {text-align:center;}

#reader {background-color:#fff !important;color:#333;text-align: justify;}

#series ul li a p {color:#fff;}
#series ul li a:after {background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2%20c-0.158%2C0-0.311%2C0.023-0.457%2C0.058C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9%20c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E");}
#series ul li a.series_unavailable:after {background-image:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;}
#series ul li a.series_unavailable.alert:after {background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;}

.alert .zmdi-notifications-active {color:green;}
.noalert .zmdi-notifications-active {color:#888 !important;opacity:0.5 !important;}
.alert .no_alert {display:none;}
.noalert .is_alert {display:none;}



.preload_charts {display:flex;justify-content: center;align-items: center;}
.preload_charts div {flex:1;min-width:160px;text-align:center;}
.preload_charts .ct-series-a .ct-slice-pie {fill:#484;}
.preload_charts .ct-series-b .ct-slice-pie {fill:#CCC;}
.preload_charts .ct-series-c .ct-slice-pie {fill:#448;}
.preload_charts .ct-label {fill:rgba(0,0,0,0.6);font: normal normal normal 14px/1 'Material-Design-Iconic-Font';text-shadow: -1px -1px 2px rgba(255,255,255,0.9), 1px 1px 2px rgba(255,255,255,0.9);}
.preload_charts a {width:10px;display:inline-block;margin:0px 2px;border-width:0px;}


.lastnewstitle {max-width: 130px; display: inline-block; text-overflow: ellipsis; overflow : hidden ; white-space : nowrap;}
#lastnews .ui-li-count {border-radius:32px;right:0;top:10px;font-size:9px;}

.vumeter {/*position:absolute;z-index:0;height:8px;background-color:#F00;left:0px;top:0px;width:0px;*/}
.audioplayer {position:relative;border-radius:16px;width:100%;height:108px;text-align:left;margin-bottom: 10px;}
.audioplayer .buttons_left {font-size:20px;display: inline-block;position:absolute;z-index:2; width:45px; height:38px;line-height:38px;text-align:left;left:0px; padding-left:2px;}
.audioplayer .buttons_left .ui-btn {padding:0px;display:inline-block;}
.audioplayer .buttons_right {font-size:20px;display: inline-block;position:absolute;z-index:2; width:75px; height:38px;line-height:38px; text-align:right;right:0px; padding-right:2px;white-space:nowrap;}
.audioplayer .buttons_right .ui-btn {padding:0px 6px;display:inline-block;}
.audioplayer .buttons_bottom {font-size:20px;position:absolute; bottom:0; z-index:2; width:100%; left:0;right:0;display:flex; justify-content:space-between;align-items:center;height:38px;line-height:38px; text-align:right;right:0px; padding-right:2px;white-space:nowrap;}
.audioplayer .buttons_bottom .ui-btn {display:inline-block;border-radius: 100px !important;width:39px;height:39px;max-width:39px;max-height:39px;padding:0;}
.audioplayer .buttons_bottom .playbutton {border-radius: 100px !important;background-color: rgba(255,255,255,0.9);}
.audioplayer .buttons_bottom i.zmdi {width: 39px;height: 39px;line-height: 39px;font-size:26px;}
.audioplayer .buttons_bottom i.zmdi.deactivated {opacity:0.05;}

.audioplayer .title {display: inline-block; color:#fff;position:absolute; top:53px;left:0;right:0;text-align:center;z-index:2; text-overflow:ellipsis; font-size:11px;white-space:nowrap; }
.audioplayer .subtitle {display: inline-block; position:absolute; top:0px;left:0;right:0;text-align:center;z-index:2; text-overflow:ellipsis; font-size:9px; color:#aaa; white-space:nowrap;}
.audioplayer .subtitle2 {display: inline-block; position:absolute; top:17px;left:0;right:0;text-align:center;z-index:2; text-overflow:ellipsis; font-size:9px; color:#aaa; white-space:nowrap;}
.audioplayer .info {display: inline-block; position:absolute; top:52px;left:0px;right:0px;z-index:2; width:100%; font-size:10px;text-align:right; }
.audioplayer .info .position {font-weight:bold;height:13px;position: absolute;left:0px;}
.audioplayer .info .duration {height:13px;padding-left:12px;position: absolute;right: 0px;}
.audioplayer .info .hourminutesecond {background:none;border:none;}
.audioplayer .progress_wf {position:absolute;left:0px;top:-25px;height:50px;width:100%;right:0px;z-index:0;opacity: 0.3;}
.audioplayer .amp_bg {position:absolute;left:0px;top:30px;height:4px;width:100%;right:0px;z-index:1;background-color:rgba(128,128,128,0.3);border-radius:2px;overflow:hidden;}
.audioplayer .amp {position:absolute;left:0px;bottom:0px;height:4px;width:100%;z-index:1;background-color:rgb(255,255,255,0.5);border-right:4px solid rgba(255,255,255,0.9);border-radius:2px;}
.audioplayer .progress_bg {display:none;position:absolute;left:0px;top:0px;height:2px;width:100%;right:0px;z-index:1;background-color:rgba(40,0,0,0.3);border-radius:2px;overflow:hidden;}
.audioplayer .progress {position:absolute;left:0px;bottom:0px;height:2px;width:100%;z-index:1;background-color:rgb(128,150,128,0.5);border-right:4px solid rgba(128,150,128,0.8);border-radius:2px;transition-property: all;transition-duration:2s;}

.audioplayer .canvasdiv {position:absolute;left:0px;top:13px;height:34px;right:0px;z-index:0;}
.audioplayer canvas.wf {position:absolute;width:100%;height:3px;bottom:0px;z-index:0;opacity:0.4;mix-blend-mode: soft-light;}

.hourminutesecond {border:1px solid rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.2);color:#EEE;border-radius:3px;padding:2px 4px;font-family:sans-serif;display:inline-block;min-width:25px;text-align:right;}
.hourminutesecond .hour {font-weight:bold;padding:0px 1px;}
.hourminutesecond .minute {padding:0px 1px;}
.hourminutesecond .second {font-size:80%;padding:0px 1px;}
.hourminutesecond .separator {font-weight:normal;font-size:60%;padding:0px 1px;}

.ui-panel.ui-panel-position-bottom {max-height:90%;}

#sharecanvas {width:150px;margin-left:-1em;margin:380px -1em -1em -1em;}
#sharecanvas img {width:100%;max-height:500px;max-width:100%;/*max-width: 150px;position: absolute;bottom: 0;z-index: 1;right: 0;*/}
#sharecardcanvas {margin:380px -1em -1em -1em;}
#sharecardcanvas img {max-height:500px;max-width:100%;}
.sharetext {position: absolute;bottom: 0px;top: 92px;width:100%;left: 0;min-width:94%;max-width:500px;z-index:2;}
.sharetext .sharetexta {position: absolute;height:300px !important;top: 0px;right: 0;left: 0;opacity: 0.8;width:100%;padding:12px !important;}
.sharetext #partagetextb {display:none;}
.appshareinfos {position: absolute;top: 0;left:0;padding-top:12px !important;width:100%;text-align:center;padding:2px;/*background-color:rgba(255,255,255,0.95);color:#222;border:1px solid #eee;border-radius:2px;*/}
.appshareinfos .zmdi-copy {position: absolute;right:10px;}
.sharecopy {color:#000;position: absolute;top:8px;right:5px;z-index:21;}
#partagea {margin-top:2em;}
#appshareurl {padding:1em;}
#nomtirage {font-size:120%;line-height:120%;min-height:40px;}

@media screen and (min-width: 801px) {
 #sharecanvas {float:right;margin-top:80px;width: 400px;}
 #sharecardcanvas {float:right;margin-top:80px;width: 400px;}
 .sharetext {right: 400px;width:auto;min-width:auto;}
}



.socialshareb33 {/*top: 10px;*/}
.socialshareb {display:flex;flex-wrap:nowrap;position:absolute;padding: 0em;top: 40px;width: 100%;justify-content: center;margin: 0em -1em;}
a.socialshare {display:block;min-width:52px;max-height:20px;}
a.socialshare.socialnotshared {background-color:#800 !important;}
a.socialshare.socialshared {background-color:#080 !important;}
.shared_exploration {border:1px solid #ccc;border-radius:4px;padding:4px 12px;color:#fff;background-color:rgba(0,0,0,0.1);}

.video {padding:0.5em 11em;margin:0.5em -10em; background-color:#000;text-align:center;}
.video::before {position: absolute;left:50%;top:30%;color:red;z-index:2;content:"\f408";font: normal normal normal 24px/1 'Material-Design-Iconic-Font';}
.video iframe {margin:1em 0em;}
#video,#video .ui-content {background-color:#000;}

#distanttolocal {display:none;position:fixed;top:0px;left:0px;right:0px;padding:4px;border-radius:4px;background-color:rgba(255,255,255,0.5);text-align:center;display:flex;justify-content: center;align-items: center;}

#loginprofilepicture {padding-top:6em;margin-top:-2em;}
.profile-thumbnail {width:100px !important;height:100px !important;border-radius:33px;border:1px solid #eee !important;}
.profile-thumbnail-small {width:32px !important;height:32px !important;border-radius:11px;}
.login_logged, .login_unlogged, .login_unorlogged {max-width: 800px;margin: 0 auto;}

.panel-profile {display: flex;color:#333;}
.panel-profile > div {flex:1;}
.panel-profile .profile-text {color:#333;}
.username {text-align:center;display: inline-block;}
.user_photo {display:inline-block;width:48px;height:48px;text-align:center;border-radius:33% !important;border:1px solid #eee;overflow:hidden !important;background-color:#444;background-size:cover;background-position:center;background-image:url(../img/avatar.jpg);transition-property: all;transition-duration:0.3s;}
.fullname {display:block;}
.username .sex {/*position:absolute;right:2px; top:50%;*/}
.user_photo100 {width:100px;height:100px;}
.noname .username .fullname {margin-right:0px;}
.noname .username .fullname {display:none;}
.username .zoomed {opacity: 0;overflow: hidde,;height: 0px;min-height: 0px;transition-property: all;transition-duration:0.3s;}
.username.zoomable:hover .user_photo {width: 200px;height: 200px;}
.username.zoomable:hover .zoomed {opacity: 1;height: auto;min-height: 100px;}

#login label,#login legend {color:#fff;}
#login .ui-checkbox label,#login .ui-radio label {color:#444;}
.mylogin {font-family: Courier;margin: 8px 0px;}
#login .chooselang {float: left;margin-right: 12px;}

.hidden {display:none !important;}
.visible {opacity: 1;transition-property: opacity;transition-duration:1s;}
.invisible {opacity: 0 !important;transition-property: opacity;transition-duration:1s;}

#pulse_editcontact_id {float: right; font-size: 80%;color: #888;}
#editcontact_formphotodiv {text-align: center;}

ul.chats li {list-style: none;}
ul.chats > li {margin-top:20px;padding-top:20px;border-top:1px dashed rgba(255,255,255,0.05);}
ul.chats > li.chat a:hover {background:none !important;}
ul.chats > li::first-of-type {border-top-width:0px;}
ul.chats li ul {padding:0px 0px 0px 20px;text-align:left;}
li.chat a {color:#000;text-decoration:none;}
li.chat a.message {display: block;padding:12px;min-height:25px;text-align:right;padding:0px !important;}
li.chat p {display:inline-block;white-space:normal;background-color: rgba(160, 160, 255, 0.7);border-radius:4px 0px 4px 4px;padding:3px 8px;margin:10px 90px 0px 4px !important;position:relative;right:2px;border:1px solid #fff;overflow:visible;}

li.chat_isme a.message {text-align:left;}
li.chat_isme p {display:inline-block;background-color: #aaa !important;margin:10px 4px 0px 96px !important;border-radius:0px 4px 4px 4px;position:relative;right:auto;max-width:70%;}
li.chat_isme > .chatcontact .contact .name {display: none;}

li.chat_isme > .chatdate i.zmdi-thumb-up,li.chat_isme > .chatdate i.zmdi-thumb-down {display:none;}
li.chat a.ui-button-icon-right {  padding-right:0px;}

ul.chats li ul li.chat_isme p {left:0px;}
ul.chats li ul li.chat p {margin:12px 82px 0px 4px !important;}
ul.chats li ul li.chat_isme p {margin:12px 4px 0px 92px !important;}

a.message.anwering {position: fixed;z-index: 10000;top: 0px;zoom: 2;}

a.message .zmdi-edit {position:absolute;right:-16px;bottom:0px;font-size:12px;color:rgba(255,255,255,0.7);}
li#messagenew {padding-top:15px;border-top:1px solid rgba(255,255,255,0.05);opacity:0.5;}
/*li.chat a.message p::before {content: '';
position: absolute;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid rgba(160, 160, 255, 0.7);}*/
li.chat p.chat_principal{font-size:110%;}
li.chat div.chatcontact {position:absolute;right:5px;text-align:left;width:70px;font-size:70%;font-weight: normal;z-index:101;}
/*li.chat_isme div.chatcontact {left:-14px;right:auto;text-align:right;width:72px;}
li.chat ul li.chat_isme div.chatcontact {left:28px;}*/
li.chat div.chatcontact img {border-radius:32px 32px 32px 0px !important;}
li.chat_isme div.chatcontact img {border-radius:32px 32px 0px 32px !important;}

li div.chatcontact img {max-height:32px;background-color:#ddd;border:1px solid #ccc;position: absolute;margin-bottom:3px;}
li div.chatcontact div.contact_initials {width:32px;height:32px;background-color:#ddd;border:1px solid #ccc;position: absolute;margin-bottom:3px;overflow:hidden;}
li div.chatcontact div.contact_initials span { text-transform: uppercase;display:inline-block;font-size:22px;color:#777;width:16px;overflow: hidden;} 
li.chat div.contact_initials {border-radius:32px 32px 32px 0px !important;}
li.chat_isme div.contact_initials {border-radius:32px 32px 0px 32px !important;background-color:#eee;}

li div.chatcontact .name {white-space: nowrap;overflow:hidden;margin-top:32px;font-size:80%;display: inline-block;}
li.chat div.chatdate {display:none;}
li.chat.answering div.chatdate {display:block;}
li.chat.answering .ui-li-count {display:none;}
li.chat.answering a.message p {border:1px dashed rgba(0,0,0,0.6);}
li.chat div.chatdate {font-style: italic;font-size:50%;white-space: normal;position:absolute;right:22px;width:30px;margin-top:-40px;text-align:right;z-index:102;}
li.chat div.chatdate .date {position:absolute;right:20px;top:10px;}
li.chat div.chatdate i.zmdi {position:absolute;right:-4px;}
li.chat div.chatdate i.zmdi.zmdi-thumb-down {top:20px;}
li.chat div.chatdate i.zmdi.zmdi-thumb-up {top:2px;}
li.chat div.chatdate .note {position:absolute;right:25px;top:25px;}

li.chat div.chatdate i.zmdi {opacity:0.4;margin:0px 4px;}
li.chat div.chatdate i.zmdi::before {font-size:250%;}
li.chat div.chatdate i.zmdi:hover {opacity:1;}
li.chat div.chatdate i.zmdi.ilike {color:green;}
li.chat div.chatdate i.zmdi.idislike {color:red;}
li.chat div.chatdate .note .rendered {display: inline-block;}
li.chat a.message .ui-li-count {margin-top:6px;right:0px;border-radius: 20px;border:1px solid #eee;background-color:#f0f0f0;}

li.chat {padding-bottom:5px;}
li.chat ul {padding-top:2px;}

#chatanswer {background-color:#eee !important;overflow:visible;}
#chatanswer #chatanswer_tools {position:absolute;background-color:#e0e0e0;left:0;right:0;bottom:100%;}
#chatanswer #chatanswer_tools i {border:1px solid rgba(255,255,255,0.8);background-color:rgba(255,255,255,0.7);padding:4px 20px;margin:4px;border-radius:2px;}
#chatanswer form {position: absolute;left: 0px;right:0px;top: 0px;bottom: 0px;}
#chatanswer textarea#chattext {background-color:#eee;width:auto !important;height:auto !important;
right: 60px;position: absolute;left: 0px;top:0px;bottom: 0px;appearance: none !important;
border: none;margin:0px !important;padding:8px;}
#chatanswer button.chatok {box-shadow:none !important;background-color:#999;color:#333;}


html {position: absolute;top: 0px;left: 0;right: 0;bottom: 0px;height:100vh !important;width: 100vw !important;overflow:hidden;}
body {position: absolute;top: 0px;left: 0;right: 0;bottom: 0px;height:100vh !important;width: 100vw !important;overflow:hidden;}

body:not(.platform-ios) .ios_only {display:none !important;}
body:not(.platform-android) .android_only {display:none !important;}

/* APPLE LOOK AND FEEL */
/* also possible : env(safe-area-inset-top)*/
@media only 
screen and (orientation : portrait) {
html.platform-ios {/*bottom: -20px;*/}
body.platform-ios .ui-content {/*padding-top: 10px !important;top: 0px;bottom: 0px !important;height: auto;*/}
body.platform-ios .ui-content-withheader {margin-top:36px;}
body.platform-ios .ui-header-fixed {top:0px !important;}
body.platform-ios .fixedtools {top:10px;}
body.platform-ios #menu .ui-content {margin-top:36px;}
}
@media only 
screen and (orientation : landscape) {
body.platform-ios a.phrase {padding-left:40px;padding-right:40px;box-sizing: border-box;}
body.platform-ios .ui-bottom-sheet {padding-left:40px;padding-right:40px;box-sizing: border-box;}
}

@media only 
screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait),    /* X , XS, 11 Pro, 12,3 mini */
screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) and (orientation : portrait),    /* X , XS, 11 Pro, 12 mini */
screen and (device-width : 390px) and (device-height : 844px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait), /* 12,13 pro */
screen and (device-width : 393px) and (device-height : 852px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait), /* 14 pro */
screen and (device-width : 428px) and (device-height : 844px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait), /* iphone 12 Pro Max */
screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : portrait), /* 11, XR */
screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait), /* XS Max, 11 Pro Max */
screen and (device-width : 428px) and (device-height : 926px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait),  /* iphone 12,13 Pro Max */
screen and (device-width : 430px) and (device-height : 932px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait)  /* iphone 14 Pro Max */
{
html.platform-ios {/*bottom: -75px;*/}
body.platform-ios .ui-content {padding-top: 32px !important;top: 0px;bottom: 0px !important;height: auto;}
body.platform-ios #ble .ui-content {margin-top: 92px !important;padding-top: 0px !important;}
body.platform-ios .ui-content.ui-content-withheader {margin-top:29px;}
body.platform-ios .ui-header-fixed {top:27px !important;}
body.platform-ios .fixedtools {top:36px;}
body.platform-ios .tab .carte .carte-bg,.tab .phrases {padding-top:0px !important;}
body.platform-ios .nd2Tabs-content-tab.nd2Tab-active {height: auto; position: absolute;top: 0px;bottom: 0;left: 0;right: 0;padding-top:27px;}
body.platform-ios #ble .nd2Tabs-content-tab.nd2Tab-active  {padding-top: 0px !important;}

body.platform-ios .ui-bottom-sheet {border-radius:16px 16px 0px 0px;}
body.platform-ios #distanttolocal {top:32px;}
body.platform-ios .serieslist.list_fullscreen h2 {top:47px;}
body.platform-ios #menu .ui-content {margin-top:68px;}
body.platform-ios.package_app_biocoherence_app #pulse_contactchoose {top: 38px;}

}
@media only 
screen and (device-width : 393px) and (device-height : 852px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait), /* 14 pro */
screen and (device-width : 430px) and (device-height : 932px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait)  /* iphone 14 Pro Max */
{
html.platform-ios {/*bottom: -75px;*/}
body.platform-ios .ui-content {padding-top: 47px !important;top: 0px;bottom: 0px !important;height: auto;}
body.platform-ios #ble .ui-content {margin-top: 107px !important;padding-top: 0px !important;}
body.platform-ios .ui-content-withheader {margin-top:73px;}
body.platform-ios .ui-header-fixed {top:42px !important;}
body.platform-ios .fixedtools {top:51px;}
body.platform-ios .tab .carte .carte-bg,.tab .phrases {padding-top:0px !important;}
body.platform-ios .nd2Tabs-content-tab.nd2Tab-active {height: auto; position: absolute;top: 0px;bottom: 0;left: 0;right: 0;padding-top:42px;}
body.platform-ios #ble .nd2Tabs-content-tab.nd2Tab-active  {padding-top: 0px !important;}

body.platform-ios .ui-bottom-sheet {border-radius:16px 16px 0px 0px;}
body.platform-ios #distanttolocal {top:47px;}
body.platform-ios .serieslist.list_fullscreen h2 {top:62px;}
body.platform-ios #menu .ui-content {margin-top:83px;}
}




.openscan_info {margin-top:200px;position:absolute;z-index:2;text-align:center;width:100%;}
.scan_info {margin-top:20px;/*position:absolute;*/z-index:2;text-align:center;width:100%;flex: 1;min-width: 360px;position: relative;padding-bottom: 500px;padding-top: 24px;margin-top: -24px;background: rgba(38,38,92,0.92);background: linear-gradient(180deg, rgba(38,38,92,0) 0%, rgba(38,38,92,0.92) 96px, rgba(38,38,92,0.92) 95%, rgba(38,38,92,0) 100%);}
.scan_info_withpulse {padding: 16px;z-index:1;text-align:center;width:100%;flex: 1;min-width: 360px;position: relative;padding-bottom: 500px;}
.scan_info_withpulse .withpulse {padding-top: 80px;}
.scan_info_withpulse .withpulse ul.datalist li {font-size: 100%;padding: 6px 0px;position: relative;}
.scan_info_withpulse .withpulse ul.datalist li div.bar {/*left: 0px;top: 0px;bottom: 0px;width: 30px;border: 0px solid #eee;position: absolute;*/}

.scan_info h3 {clear: both;margin:0px;}
.scan_info h4 {clear: both;margin-bottom:0px;}
.scan_info .pulsecatlist,.scan_info_withpulse .pulsecatlist {margin: 0 !important;padding: 0 !important;}
.scan_info .pulsecatlist h2 {color: #fff;font-size: 13px;}
.scan_info_withpulse .pulsecatlist h2 {color: #fff;font-size: 13px;}
.scan_info h3.recommendedcards {position: sticky;top: -33px;z-index: 99999;background-color: rgba(38,38,92,0.92);padding-top: 45px;padding-bottom: 8px; margin-top: 80px;border-bottom: 1px solid #444;}

.mesure_zones {display: flex;flex-wrap: wrap;margin-top:50px;padding-top: 0px;/*padding-bottom: 200px;*/}
.pulse_chart {flex: 1;height: 350px;min-width: 360px;max-width: 428px; position: sticky; top: 50px;}
.pulse_chart.livechart_fullscreen {background-color: rgba(38,38,92,0.92);bottom: 0px;height: calc(100% - 30px) !important;opacity: 0.9 !important;padding-top: 30px;}
.pulse_chart.partial {filter: sepia(); }
.pulse_chart.preview {opacity: 0.2; filter: grayscale(); }

.mesure_zones .bottombutton {left: auto;max-width: 414px !important;color: #333 !important;}
.ecgdatas_ontop {margin: 0;padding: 0;display: flex;position: absolute;right: 60px; top: 16px;}
.ecgdatas_ontop ul {margin: 0;padding: 0;display: flex;}
.ecgdatas_ontop ul li {list-style:none;flex: 1;position: relative;}
.ecgdatas_ontop ul li {line-height: 38px;padding: 10px 2px 0px 12px;min-width:36px;position: relative;}
.ecgdatas_ontop ul li .ui-li-count {left: -5px;top: 11px;min-width:34px;min-height: 23px;overflow: hidden;}
.ecgdatas_ontop ul li .ui-li-count span {position: relative;z-index: 1;}
.ecgdatas_ontop ul li .legend {left: 0;top: 13px;width: 38px;font-size: 11px;opacity: 0.6;position: absolute;text-align: center;}
.ecgdatas_ontop ul li i {margin-top:20px;}

span.bluetoothstate {min-height: 22px !important;top: 11px !important;min-width: 1px !important;margin-right: 20px;overflow: visible !important;left: 11px !important;border-radius: 2px;}
span.bluetoothstate::after {content: '';position: absolute;top: -3px;height: 2px;background-color: #fff;left: 20%;right: 20%;border-radius: 2px 2px 0px 0px;}

.disclaimer {position: absolute;bottom:15px;z-index: 902;width:100%;white-space: nowrap;font-size: 12px;color: #ffffffaa;text-align: center;padding: 3px;border: 1px solid #ffffff88;margin: 0px -1px;background-color: #00000033;border-radius: 0px;text-overflow: ellipsis;}
@media screen and (min-width:812px)  {
    .disclaimer {position: absolute;bottom:75px;left: 29%;max-width:43%;}
}

.scan_scanszone {position: relative;height: 100%;width: 92%;padding: 8px;}
.scan_scanszone > div {position: absolute;border: 1px solid #888;background-color: rgba(255,255,255,0.1);border-radius: 8px;padding: 6px;transition-property: none;transition-duration:0s;overflow: hidden;}
.scan_scanszone_results {overflow: auto;}
.scan_scanszone_results > div {position: relative;margin-top: 8px;}
.scan_former {left: 45%;top: 0;width: 10%;height: 10%;opacity: 0.5;}
.scan_current {left: 5%;width: 90%;top: 15%;height: 70%;box-shadow: 1px 1px 25px 1px rgba(255,255,255,0.8);}
.scan_current #scan_vumeter {position: absolute;z-index: 2;left: 0%;width: 100%;top: 45%;height: 55%;background: rgb(63,94,251);background: linear-gradient(-90deg, rgba(63,94,251,1) 0%, rgba(159,117,51,1) 50%, rgba(255,0,52,1) 100%); clip-path: circle(50% at 50% 100%);}
.scan_current #scan_vumeter #scan_needle {position: absolute;z-index: 4;left: 50%;width: 10px;bottom: -80%;height: 160%;background-color: rgba(255,255,255,0.6);border-radius: 10px;transition-property: all;transition-duration:0.9s;}
.scan_current #scan_progress {position: absolute;z-index: 3;top: 0%;left: 0;width: 0;height: 5px;background-color: rgba(255,255,255,0.5);transition-property: width;transition-duration:0.9s;}

.scan_scanszone_results .scan_current {height: auto;margin: 5px;left: 4%;width: 90%;}
.scan_next {top: 90%;width: 10%;height: 10%;opacity: 0.5;transition-property: width;transition-duration:0.7s;box-shadow: 1px 1px 0px 0px rgba(255,255,255,0);}
.scan_next_lower {left: 10%;background-color: rgba(255,100,100,0.4) !important;}
.scan_next_equal {left: 45%;}
.scan_next_higher {left: 80%;background-color: rgba(100,100,255,0.4) !important;}
.scan_next_tobechosen {opacity: 0.9 !important;box-shadow: 1px 1px 25px 1px rgba(255,255,255,0.8);}
.scan_scanszone.swap > div {transition-property: all;transition-duration:0.6s;}
.scan_scanszone.swap .scan_former {top: -20%;opacity: 0;}
.scan_scanszone.swap .scan_current {left: 45%;top: 0;width: 10%;height: 10%;opacity: 0.5;}
.scan_scanszone.swaptolower .scan_next_lower {left: 0%;width: 100%;top: 15%;height: 70%;opacity: 1;}
.scan_scanszone.swaptolower .scan_next_equal {top:110%;transform: rotate(-25deg);opacity: 0;}
.scan_scanszone.swaptolower .scan_next_higher {top:115%;transform: rotate(25deg);opacity: 0;}
.scan_scanszone.swaptoequal .scan_next_lower {top:110%;transform: rotate(-25deg);opacity: 0;}
.scan_scanszone.swaptoequal .scan_next_equal {left: 0%;width: 100%;top: 15%;height: 70%;opacity: 1;}
.scan_scanszone.swaptoequal .scan_next_higher {top:115%;transform: rotate(25deg);opacity: 0;}
.scan_scanszone.swaptohigher .scan_next_lower {top:115%;transform: rotate(25deg);opacity: 0;}
.scan_scanszone.swaptohigher .scan_next_equal {top:110%;transform: rotate(-25deg);opacity: 0;}
.scan_scanszone.swaptohigher .scan_next_higher {left: 0%;width: 100%;top: 15%;height: 70%;opacity: 1;}
.scan_scanszone.depop > div {transition-property: none;transition-duration:0s;}
.scan_scanszone.depop .scan_next {top:110%;opacity: 0;}
.scan_scanszone.pop > div {transition-property: all;transition-duration:0.6s;}
.scan_scanszone.pop .scan_next {top:90%;opacity: 0.5;}
.scan_scanszone.swap #scan_title, .scan_scanszone.pop #scan_title {opacity:0;}

.pulse_loading {margin-top:150px;position:absolute;z-index:2;text-align:center;width:100%;}
ul.pulse_loading {margin-left: 0px; padding: 0;}
ul.pulse_loading li {position: relative;list-style:none;clear:both;display:block;border: 1px solid #ccc; border-radius:4px; padding: 4px; margin: 2px 15%; animation:flash 0.1s ease-out 1 normal; }
ul.pulse_loading li::after {content:' ';position:absolute;z-index: 0;left:0;top:0;bottom:0;background-color:rgba(255,255,255,0.5); animation:fullwidth 1s ease-out 1 normal; animation-fill-mode :forwards; }
@keyframes flash { 0% { opacity: 0;background-color:rgba(255,255,255,0.1); } 50% { background-color:rgba(255,255,255,1); } 100% { background-color:rgba(255,255,255,0); } }
@keyframes blink { 0% { opacity: 0;background-color:rgba(255,255,255,0); } 50% { background-color:rgba(255,255,255,0.2); } 100% { background-color:rgba(255,255,255,0); } }
@keyframes fullwidth { 0% { width: 0%;background-color:rgba(255,255,255,0.1); } 100% { width: 100%;background-color:rgba(255,255,255,0.5); } }


/* https://codepen.io/thebabydino/pen/bdfjc */
.radardiv {  
  position: fixed;
  top: 0;bottom:0;
  left: 0;right:0;
  overflow: hidden;
  height: 100%;
  background: radial-gradient(#2A1B32, #232F7C),
    linear-gradient(90deg, #2A1B32 1px, #232F7C 1px), 
    linear-gradient(#2A1B32 1px, #232F7C 1px);
  background-size: 100%, 2px 1px, 1px 2px;
}
.radar, .sweep { position: absolute; }
.radar {
  overflow: hidden; 
  top: 70%; left: 50%;
  margin: -117px;
  width: 248px; height: 248px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.5),
    inset 0 0 0 1px hsla(0, 0%, 100%, 0.15);
  background: 
    repeating-radial-gradient(transparent, transparent 23px, #FDDFB1 25px, #FDDFB1 27px), 
    linear-gradient(transparent 49.75%, #FDDFB1 49.75%, #FDDFB1 50.25%, transparent 50.25%) 50% no-repeat,
    linear-gradient(90deg, transparent 49.75%, #FDDFB1 49.75%, #FDDFB1 50.25%, transparent 50.25%) 50% no-repeat,
    linear-gradient(#333, #111);
  background-size: 100%, 218px 218px, 218px 218px, 100%;
  opacity: 0.95; transition-property: all;transition-duration:0.2s;
}
@media only screen and (min-width: 800px) { 
 .measuring .radar {top: 50%;left: 70%;}
}

.sweep {
  box-sizing: border-box;
  top: 16px; left: 16px;
  border-right: solid 1px hsla(145, 50%, 40%, .3);
  width: 108px; height: 108px;
  border-radius: 100% 0 0 0;
  transform-origin: 100% 100%;
  background: linear-gradient(50deg, rgba(34, 34, 34, 0) 56%, hsla(145, 50%, 40%, 1));
  animation: sweep 5s infinite linear;
  opacity: 0.5; transition-property: all;transition-duration:0.2s;
}
@keyframes sweep { to { transform: rotate(360deg); } }

.radar.beat { opacity: 1; /*transform: rotate(2deg) scaleX(1.1) scaleY(1.1);*/ }
.radar.beat .sweep { opacity:1; }



/* https://dev.to/pixmy/create-waves-with-pure-css-5gp */
.wave-box {  position: fixed;  top: 0;  transform: rotate(80deg);   left: 0; transition-property: all;transition-duration:1s;}
.wave-box-down {  top: 2000px;  transform: rotate(-80deg);   left: -250px; }
.measuring .wave-box {  top: 50%;transform: rotate(0deg) scaleX(4) scaleY(0.01);left: 0%;zoom: 10%;transition-duration:0.2s; }
.wave-box.beat {  top: 50%;transform: rotate(0deg) scaleX(8) scaleY(0.1);left: -50%;zoom: 10%; }
.measuring .not_measuring {display: none;}
.measuring_in_progress {background-color: #800 !important; color: #F88 !important;}
.measuring_in_progress_ok {background-color: #080 !important; color: #8F8 !important;}
.only_measuring {display: none;}
.measuring .only_measuring {display: block;}
.only_measured {display: none;}
.measured .only_measured {display: block;}

.wave {
  position: absolute;
  opacity: .4;
  width: 1500px;
  height: 1300px;
  margin-left: -150px;
  margin-top: -250px;
  border-radius: 43%;
}
@keyframes wrotate {  from { transform: rotate(0deg); }  from { transform: rotate(360deg); }  }
.wave.-one {  animation: wrotate 7000ms infinite linear;  opacity: .1;  background: #0af;}
.wave.-two {  animation: wrotate 3000ms infinite linear;  opacity: .1;  background: black;}
.wave.-three {  animation: wrotate 7500ms infinite linear;  background-color: #77daff;}
.wave-box-down .wave.-one { animation-duration:70000ms !important; }
.wave-box-down .wave.-two { animation-duration:30000ms !important; }
.wave-box-down .wave.-three { animation-duration:75000ms !important; }
.measuring .wave.-one {  animation: wrotate 2000ms infinite linear;  opacity: .5;  background: #fa0;margin-left: -200px;}
.measuring .wave.-two {  animation: wrotate 1000ms infinite linear;  opacity: .1;  background: white; margin-left: 500px;width: 400px;}
.measuring .wave.-three {  animation: wrotate 2500ms infinite linear;  background-color: #ffda77;width: 400px;}


.quizzdiv {position:absolute;background: radial-gradient(#2A1B32, #232F7C),
linear-gradient(90deg, #2A1B32 1px, #232F7C 1px), 
linear-gradient(#2A1B32 1px, #232F7C 1px);
background-size: 100%, 2px 1px, 1px 2px;
width: 100%;height: 100%;justify-content: center;display: flex;padding-top: 90%;
}
.quizz-box {animation:quizz 5s infinite;font-size:800%;color:rgba(255,255,255,0.5);font-weight: bold;width: 80px;height: 100px;}
.quizz-box-rotation {animation:wrotate 60s infinite;}
@keyframes quizz { 
  0% { opacity:0; } 
  5% {opacity:1;transform: rotate(0deg);}  
 10% {transform: rotate(180deg);} 
 20% {transform: rotate(180deg);font-size:800%;} 
 25% {transform: rotate(180deg);font-size:1200%;} 
 30% {transform: rotate(180deg);font-size:800%;} 
 40% {transform: rotate(180deg);} 
 50% {transform: rotate(360deg);} 
 60% {opacity:1;} 
 65% {opacity:0;}
}

#bluetoothinfo #info {clear: both;padding:10px;min-height:15px;}
#bluetoothinfo #info_img {clear: both;margin: 0px -16px -20px -16px;min-height:80px;}
#bluetoothinfo #info_img img {width: 100%;}
#bluetooth_buyinfo {margin: 10px;text-align: center;font-weight: bold;font-style: italic;color: #aaa;}
#bluetooth_buy {position: absolute;bottom: 30px;color: #000;left: 10px;right: 10px;text-align: center;}

#blehome #biocoherencetitle .title_abo {font-size:80%;font-weight:bold;margin-top:-4px;text-shadow: 0px 0px 6px rgba(200,255,255,0.9);}
#ble.ui-page .ui-header { height: 64px;}
#ble.ui-page .ui-header .nd2Tabs { position: absolute; top: 10px; left: 0px;right: 0px;overflow: visible;}
@media screen and (min-width:400px) {#ble.ui-page .ui-header .nd2Tabs {left:16px;} }

#ble.ui-page .ui-header .nd2Tabs li {line-height: 24px;margin: -3px 0px 10px 0px;padding: 20px 4px 0px 4px;/*10px 2px 0px 12px*/;min-width:36px;position: relative;}
#ble.ui-page .ui-header .nd2Tabs-active {background-color: #ddd;color: #333 !important;border-radius: 4px 4px 0px 0px;}
#ble.ui-page .ui-header .nd2Tabs li .ui-li-count {left: 2px;top: 13px;min-width:26px;min-height: 23px;}
#ble.ui-page .ui-header .nd2Tabs li.bigcount {min-width:50px;}
#ble.ui-page .ui-header .nd2Tabs li.bigcount .ui-li-count {left: 2px;min-width:40px;}
#ble.ui-page .ui-header .nd2Tabs li .legend {left: 0%;top: 21px;min-width: 26px;font-size: 6px;opacity: 0.6;position: absolute;right: 0;text-align: center;}
#ble.ui-page .ui-header .nd2Tabs li i {margin-top:20px;}
#ble.ui-page .ui-header .nd2Tabs li.hascount {/*padding-right:36px;*/}
#ble.ui-page .ui-header .nd2Tabs li.bluetoothstateli .bluetoothstate {top: -8px !important;left: 5px !important;}
#ble.ui-page .ui-header .nd2Tabs li.bluetoothstateli .legend {top: -1px !important; right: auto !important;}

.ct-line {stroke-width: 1px;}

.pulse_home {margin-top:32px;position:relative;width: 100%;height:auto;min-height:100%;display:flex;flex-wrap:wrap;justify-content: center;align-content: center;/*padding-bottom:350px;*/}
.pulse_home h3 {min-width:80%;margin:2em 0em 1em 0em;text-align:center;clear:both;}
#pulse_home_contact {max-width:180px;text-align:center;position: relative;display: flex;/*min-height:150px;*/}
#pulse_home_contact .username {margin:24px auto;}
#pulse_home_new {flex:1;min-width:390px;max-width:100%;height:auto;display: flex;flex-wrap: wrap;align-content: start;justify-content: center;/*padding: 0;*/}
.pulse_home_buttons {min-width:210px;max-width:50%;box-sizing: border-box;padding-right:5%;/*min-height:150px;*/}
.pulse_home_buttons button {margin:10px;}
#pulse_home_files {flex:1;min-width:360px;/*max-width:450px;*/height:auto;/*min-height:150px;*/padding-bottom:100px;display: flex;flex-wrap: wrap;align-content: start;justify-content: center;}
.pulse_home .filelist {text-align:left;justify-content:left;align-items:center;}

#pulse_home_tirages {width: 100%;overflow: hidden;max-height:5px;transition:all 0.3s;}
#pulse_home_tirages.shown {overflow: auto;max-height:350px;}
#pulse_home_tirages .famille_tirage #picto_tirage_carte, #pulse_home_tirages .famille_tirage #picto_tirage_quizz, #pulse_home_tirages .tirage_famille_carte, #pulse_home_tirages .tirage_famille_quizz {display:none !important;}
#pulse_home_tirages .type_tirage {/*flex-wrap:wrap;*/}

.pulsehomemenudiv {display: flex;flex-wrap:wrap;}
.pulsehomemenudivtitle {display: flex;flex-wrap:wrap;}
.pulsehomemenudivtitle * {color:#444;flex:1;padding:8px;margin:0;}

.pulsehomemenu {flex:1;max-width:100%;}
.pulsehomemenu_report:empty {display:none;}
.pulsehomemenu_report:not(:empty) {position:relative;min-width: 300px;max-width:95vw;box-sizing:border-box;box-shadow: 8px 6px 6px #999;margin:6px auto 0px auto;background-color: #FFFFFF !important;color: #111;padding:24px 16px 0px 16px;border-top-left-radius: 12px !important;clip-path: polygon(0 26px,26px 0,100% 0,150% 0%,150% 110%,110% 110%,0% 110%,0% 110%,0% 0% )}
.pulsehomemenu_report:not(:empty)::before {position: absolute;width: 0px;height: 0px;content: '';border: 12px transparent solid;border-bottom-color: #EEE;top: 0px;left: 0px;border-right-color: #EEE;}
.pulsehomemenu_report .report {max-height:85vh;overflow:auto;}
.report h1,.report h2,.report h3,.report h4,.report h5,.report h6 {color:#555;font-weight:bold;padding:0;margin:20px 0px 0px 0px;}
.report section:not(:empty) {padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed #999;}
.report ul.datalist {flex-wrap:wrap;}
.report ul.datalist li {max-width:200px;}
.report_close {display: block;position:absolute;left:0;top:0;padding:10px 42px;}

#biocoherence_buythisreport {min-width: 90%;margin: 5%;text-align:center;}
 
@media screen and (min-width:800px) { .pulsehomemenu {max-width:48%;} }

.pulsehomemenu h1 {color:#333;/*font-size:150%;*/font-weight:normal;text-align:center;}
.pulsehomemenu h2 {color:#338;/*font-size:130%;*/font-weight:normal !important;}
.pulsehomemenu h2 i {font-weight:bold; width:40px; text-align:center;color:#555; }
.pulsehomemenu p {color:#333 !important;padding-left: 45px;}
.pulsehomemenu a.ui-btn-icon-right {padding:0em 1em;}
.pulsehomemenu .ui-li-divider {padding:0em 1em;}
.pulsehomemenu .ui-li-divider h1 {margin: .45em 0 0 0;}
.pulsehomemenu li {max-width: 500px;margin: 0 auto;}

#pulse_home_notloggedinfo {padding:10%;min-width:100vw;box-sizing:border-box;text-align:center;}
#pulse_home_notloggedinfo2 {padding:5% 0%;box-sizing:border-box;width:100%;}

@media screen and (min-width:900px) {
    body.logged .pulse_home { /*flex-wrap:nowrap;*/ }   
    #pulse_home_notloggedinfo {/*padding: 5% 0;/*max-width: 40vw;*/}
    .pulse_home h3 {margin:0em;}
}

.scrollable {height: calc(100% - 100px);overflow: auto;padding-bottom:100px;scroll-behavior: smooth;}

#ble.ui-page .ui-content, #files .ui-content { top:0px;margin-top: 64px;background-color: #ddd;color: #444;bottom: 0px;}
.ui-footer-fixed {position: fixed;}
ul.pulsecatlist {margin: -20px 0px 0px -1px !important;padding: 20px 0px 100px 8px !important;}
#ble.ui-page ul.pulsecatlist/*, #ble.ui-page ul.pulsecatlist li , #ble.ui-page ul.pulsecatlist .cli_level1 h4*/, #ble.ui-page .livechart_fullscreen {background-color: #ddd;background:linear-gradient(170deg, #ccc 0%, #eee 100%);}
.pulsecatlist .catlistdata .ui-li-count {text-decoration:none;display: block;width:40px;overflow:hidden;position:relative;margin: -20px 0px 0px 10px;/*background-color: #fff;/*padding-top: 5px !important;*/}
.pulsecatlist .catlistdata_large .ui-li-count {width:64px;}
.pulsecatlist li {position: relative/*initial*/;list-style: none;max-width: 100%;overflow: hidden;}
.filelist h2 {float:left;width:100%;margin: 4px 0px;text-align:left;}
.filelist .ui-li-count {top: 20px;color:#999;}
.filelist_report {display:flex !important;flex-wrap: wrap;}
.filelist_report li:not(.nobg) {background-color: #ddc !important;color: #444;height: 152px !important;width: 108px !important;margin:2px;border-top-left-radius: 12px !important;clip-path: polygon(0 26px,26px 0,100% 0,150% 0%,150% 100%,100% 100%,0% 100%,0% 100%,0% 0% )}
.filelist_report li:not(.nobg)::before {position: absolute;width: 0px;height: 0px;content: '';border: 12px transparent solid;border-bottom-color: #EED;top: 0px;left: 0px;border-right-color: #EED;}
.filelist_report li.withdetails {height: auto !important;width: auto !important;padding: 24px !important;}
.filelist_report li.withdetails .fileinfo {display:none;}
.filelist_report li h2 {color: #222;white-space:wrap;padding-top:24px;font-size:110%;}
.filelist_report li .fileabout {font-size: 80%;line-height: 90%;color:#555;}
.filelist_report li .fileinfos {position: absolute;bottom:0;left:0;right:0;padding:8px;background-color:#d8d8c8;border-top: 1px solid #00000009;}
.filelist_report li .file_isshared {/*position: absolute;top: 11px;left: 40px;*/}
.filelist_report li .pulse_details {padding-bottom:22px;}
.filelist_report li .pulse_details p {color: #444;padding:4px 12px;}

.filelist_flex {display:flex;overflow:auto;}
.filelist_flex li {flex: 1;width: 200px;border: 1px solid #ddd;border-radius:4px;margin: 4px;padding: 4px;}
.pulsecatlist h2 {/*float:left;*/text-decoration:none;display:inline-block !important;width:100%;margin: 0 8px 0 0; color: #222;line-height: 28px;text-align: centern;}
.pulsecatlist .big h2 {width:100%;text-align: center;margin-bottom: 8px;}
.pulsecatlist .cli_level1 h4 {text-align: left !important;margin: 15px 0 0 0;color: #111;}
.pulsecatlist .cli_level1 h4 i {margin-right: 20px;opacity: 0.5;width: 17px;}
.pulsecatlist .cli_level1 a {text-decoration: none;color: #111;}
.pulsecatlist_nodetails button,.pulsecatlist_nodetails .bigonly,.pulsecatlist_nodetails .bigonlyb {display: none !important;}
.pulsecatlist.has_level1open { background-color:#aaa !important; }
.pulsecatlist.has_level1open .cli_level1 {opacity: 0.3;  }
.pulsecatlist .cli_level1.level1open {opacity: 1 !important; font-weight:bold;color:#000;background-color:#ddd !important;  }
.pulsecatlist .cli_level1.level1open h4 {/*color: #ddd;*/}
.pulsecatlist .cli_level1.level1open h4 .cli_title {margin-left:40px;}
.pulsecatlist .cli_level1.level1open h4 i:not(.academicexperimental) {opacity: 1 !important; font-weight:bold;color:#000;position: absolute;z-index: 99;width: 30px;background-color: #ddd;height: 24px;line-height: 24px;
border-width: 1px 0px 1px 1px;border-style: solid;border-color: #888;margin-top: -5px; }
ul.cli_level1 {height: calc(100% - 130px);overflow: auto;padding-bottom:100px;}
ul.cli_level1 .cli_level1 {transition-property: all;transition-duration:0.3s;}
ul.cli_level2 {height: calc(100% - 130px);overflow: auto;opacity: 0;position: absolute;left:100%;border-left: 1px solid #888;right: -100%;top: 44px;/*bottom: -10000px;*/overflow: auto;transition-property: all;transition-duration:0.3s;}
ul.cli_level2.level2open {opacity: 1;left:38px;right: 0%;}
@media screen and (min-width:811px)  {
ul.cli_level2.level2open {left:250px;}
.pulsecatlist h2 {width:35%;}
ul.cli_level2 li.title {display:none;}
ul.cli_level1 {height: calc(100% - 230px);}
ul.cli_level2 {height: calc(100% - 230px);}

}
ul.cli_level2 li.title h1 {color:#444;text-align:center;padding:16px;}
#pulsecatlistinfo {/*min-height: 52px;*//*bottom: 76px;position:absolute;left:0;right:0;*/}
ul.pulsecatlist {}


.filelist li {transition-property: all;transition-duration:0.3s;border-top: 1px solid #666;}
.filelist li sup {float:right;padding: 1px 4px;}
.filelist li sup.date {width: 80px;text-align: right;}
.filelist li.withdetails {border: 1px solid #666;background-color: rgba(0,0,0,0.1);border-radius: 4px;}
.filelist .pulse_details {clear: both;overflow: hidden;height: 0px;opacity: 0;transition-property: all;transition-duration:0.3s;}
.filelist li.withdetails .pulse_details {display: block;opacity: 1;height: auto;}
.filelist .pulse_closedetails {display: none;}
.filelist li.withdetails .pulse_closedetails {display: block;position:absolute;left:0;top:0;padding:10px 42px;}
.filelist .pulse_details a:not(.ui-btn) {color: #000;}
.filelist .pulse_details .property_has i {color: green;}
.filelist .pulse_details .property_hasnot i {color: red;}
.filelist .pulse_details p.property_hasnot {color: #F88 !important;/*text-decoration: line-through;*/opacity: 0.8;}
.filelist .hasnot_needed {opacity: 0.6;}
.filelist .hasnot_needed h2 {color: red;}
.filelist li.refresh {min-width:100%;}

.file_isdemo {border: 1px solid #999;background-color:#aab;color: #444;padding: 0px 2px;border-radius: 4px;font-size: 10px;}
.file_isshared {border: 1px solid #999;background-color:#aba;color: #444;padding: px 2px;border-radius: 4px;font-size: 10px;}

.catlistdatascols {display: flex;clear:both;}
.catlistdatas {}
.catlistdatasend {flex-grow: 5;text-align: right;justify-content: right;/*clear:both;float: right;*/}
.catlistdata {position: relative !important;text-align: center;height:68px;width:59px;max-width:59px;overflow:hidden;position: relative;}
.catlistdata_large {width:83px;max-width:83px;}
.catlistdatatitle {display:block;left: 0;top: 3px;font-size: 10px;opacity: 0.9;position: absolute;right: 5px;text-align: center;height:12px;line-height:10px;overflow:hidden;background-color: #f0f0f0;}
.catlistdata i {display: inline-block;font-weight: normal;font-size: 85%;text-align: right;float: right;}
.catlistdata i.double {display: inline-block;font-weight: normal;font-size: 70%;line-height: 100%;text-align: right;float: right;padding-top: 4px;}

.catlistdatagroup {position: absolute;left: 10px;right: 10px;text-align: center;display: flex;z-index: 9;}
.catlistdatagroup_data {bottom: -10px;}
.catlistdatagroup_mean {top: 5px;}
.catlistdatagroup_range {top: 5px;}

.filelist li {transition-property: all;transition-duration:0.3s;}
.filelist li.more {height: 0;overflow: hidden;padding: 0px;}
.filelist li.moreshow {min-height:52px;/*height: auto !important;width:auto !important;padding: 10px;*/}
li.swipable {transition-property: all;transition-duration:0.3s;}
.swipedleft {display: none;}
.swipeleft {transform: translateX(-50px);}
.swipeleft .swipedleft {display: block;position: absolute;left: 100%;width: 50px;padding: 0px 20px 0px 0px;top: 0;bottom: 0;color: #F00;/*background-color: #F00 !important;*/line-height: 100%;text-align: center;}
.swipedleft i {margin-top: 50%;font-size: 32px;}

div.list_bottomsort {min-height:30px;background-color:rgba(60,60,60,0.95);position: sticky;top: 0px;z-index: 99; margin: 0px -16px -2px -16px; padding: 0px 16px 0px 16px;}
div.div-sort {  }
.ui-page .ui-content div.list_bottomsort {/*min-height: 52px;*//*bottom: 8px;position:absolute;left:0;right:0;*/}
div.list_bottomsort a {color:#BBB !important;}
div.list_bottomsort i {color:#BBB;}
div.list_bottomsort:has(.ui-btn-left) div.bottom_mainmenu {margin-left:32px;}
div.list_bottomsort .ui-btn-left {background-color:rgba(0,0,0,0.5) !important;border-radius:0px !important;top:0px;}

.ui-bottom-sheet div.list_bottomsort {  }
div.div-btn-sort { display:flex;flex-wrap:nowrap;flex:1;border-right: 1px solid rgba(255,255,255,0.5);margin-right: -1px; position: relative; }
.ui-btn-sort {flex: 1; border-width: 0px 0px 0px 1px;background: none !important;text-decoration:none; text-transform: uppercase;font-weight: 500;font-size: 16px;padding: .7em 0em;display: block;position: relative;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;cursor: s-resize;-webkit-user-select: none;line-height: 1.3;}
.ui-btn-sort::first-of-type { border-width: 0px;}
.ui-btn-sort i {transition-property: all;transition-duration:0.3s;}
.ui-btn-sort.sort_reverse i {transform: rotate(180deg);}
.ui-btn-sort .notsorted {display: none;}
.ui-btn-sort.notsorted .notsorted {display: inline-block;}
.ui-btn-sort.notsorted .sorted {display: none;}
.ui-btn-sort .reversed {display: none;}
.ui-btn-sort.sort_reverse .sorted {display: none;}
.ui-btn-sort.sort_reverse .reversed {display: inline-block;}

.ui-btn-floatright {float:right;width:auto !important;}
.ui-btn-record {background-color: rgb(170, 68, 68) !important; color: rgb(255, 255, 255) !important;}
.ui-btn-play {background-color: rgb(68,170, 68) !important; color: rgb(255, 255, 255) !important;}
.ui-btn-white {background-color: rgb(255,255,255,0.9) !important; color: rgb(0, 0, 0) !important;}
.ui-btn-fair {background-color: rgb(255,255,255,0.5) !important; color: rgb(0, 0, 0) !important;}

button.ui-btn {border-width:1px !important;}
.ui-page-theme-a .ui-btn {background-color: #FFFFFF22;}
.ui-page-theme-a .ui-btn.green {background-color: #494;}


#ble .ui-li-count  {overflow: hidden;}
#ble .ui-li-count  span {position: relative;z-index: 1;}
.b_quality {position: absolute;z-index: 0;left: 0;bottom: 0;width: 100%;}
.b_quality_good {background-color: #080;}
.b_quality_good_inv {background-color: #088;transform: rotate(180deg);}
.b_quality_bad {background-color: #800;}
.b_progress {position: absolute;z-index: 0;left: 0;bottom: 0;height: 8px;background-color: #080;}
.b_progress_pass2 {background-color: #0CC;}

#tab_pulsetime {background-color: #887;background-position:top center;background-size:cover;}
#tab_pulsetime h5.subtitle {color:#EEB;background:none;}
@media screen and (max-height:1000px)  {
    #tab_pulsetime h5.subtitle {display:none;}
}
#pulsebody {height: calc(100% - 500px);overflow: auto;padding-bottom: 600px;/* position: absolute; */left: 0;right: 0;width:100%;max-width: 1200px;margin: 0 auto;}
#pulsebodyorgans {height: calc(100% - 500px);overflow: auto;padding-bottom: 600px;/* position: absolute; */left: 0;right: 0;max-width: 500px;/*margin: 0 auto;*/}
#pulsebody svg,#pulsebodyorgans svg {height: auto;width:100%;}
#pulsebodytop {/*position:absolute;*/text-align:center;/*left: 20%;width:60%;/*margin-top: 10px;*/}
#tab_pulsetime[pulsebodypointsin=organs] #pulsebodytop {left: 0px;width: 190px;}
#pulsebodyvars {/*display: inline-block;*/width:190px;margin:0 auto;}
#pulsebodyvars h2 {font-size:20px;font-weight:bold;padding:0;margin:0;}
#pulsebodyvars button,#pulsebodyvars .bigonlyb, #pulsebodyvars .adddatasinfos {display: none;}
#pulsebodybottom2 {/*position:absolute;z-index:9;*/left:0;right:0;bottom:0px;max-width:400px;margin:0 auto;max-height: 50%;overflow-x:hidden;overflow-y: auto;}
#pulsebodybottom2:not(:empty) {background-color:#EEEEDDCC;padding:4px 16px 16px 16px;border-radius:4px;}
#pulsebodybottom2 h5 {padding:0;margin:0;color: #660;font-weight: bold;font-size:110%;}
#tab_pulsetime #meridianschartdiv {/*position:absolute;/*bottom:0px;padding-bottom:110px;*/background-color: #EEEEDDBB;margin: 0 auto !important;max-width: 480px;left: 0;right: 0;}
.morelessdata {display:flex;align-items: center;}
@media screen and (min-width:812px)  {
    #pulsebodybottom2,#tab_pulsetime #meridianschartdiv {bottom:-20px;}
    #tab_pulsetime[pulsebodypointsin=organs] #pulsebodybottom2 {left:auto;}
    #pulsebodybottom2:not(:empty) {padding-bottom:130px;}
    #tab_pulsetime #meridianschartdiv {padding-bottom:140px;}
    #pulsebodybottom2 .morelessdata {display:flex;flex-direction:column;position:absolute;left:-40px;width:50px;top:0%;}
    #pulsebodybottom2 .morelessdata .graphtools {flex-wrap:wrap;}

}

#ble .ui-content .tabtitle {display: none;}
#blefooter {height: 78px; color: #222;}
#blefooter .footerplayerzone {white-space: nowrap;}
#pulse_contactchoose {width:auto;min-width:50px;padding:4px 20px;}
#pulse_contactchoose.notsaved #pulse_contact_photo {border:2px dotted red;}
#pulse_contactchoose.notsaved #pulse_contact_photo::before {content: '\f221';font: normal normal normal 14px/1 'Material-Design-Iconic-Font';opacity:0.7;color:red;width:100%;height:100%;font-size:40px;line-height:40px;}
#ble .measure_info {font-size: 110%;opacity: 0.6;}

h5.subtitle_top, .livechart_fullscreen h5.subtitle {/*margin-top: 2px !important;*/}
h5.subtitle {display:flex;align-items: center;line-height:80%;z-index: 888;position: sticky;top:0px;/*position: absolute;*/padding: 10px 28px 4px 28px;height: 42px;width:100%;clear:both;margin: 2px 0px 0px 0px;box-sizing: border-box;color: #888;font-size: 18px;font-weight: bold;background-color: #DDDDDDDD;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-bottom:1px solid #ccc;overflow:hidden;}
#tab_pulsemain h5.subtitle {background-color: #DDD;}
h5.subtitle span {font-weight: normal;margin-left:10px;max-width:50%;white-space:nowrap;overflow:ellipsis; }
h5.subtitle .graphlegends {float:right;white-space:normal;padding: 0px 0px 0px 12px;font-size: 10px;text-align: right;max-width: 28%;position: absolute;right: 50px;}
h5.subtitle b {font-size:110%;}
.pulsehomelink {color:#999;padding-right:14px;}
h5.subtitle.subtitle_goback {position:absolute;z-index:889;left:0px;top: 4px;height:39px;width: 30px;padding: 10px;margin: 0;border: none !important;background: none !important;}

#ble .nd2Tab-active {height: calc(100% - 64px);}

@media screen and (min-width:812px)  {
  #blefooter {bottom:auto;top: 10px;left: auto;right: 60px;width: 45%;height: 50px;background: none;border: none;color: #FFF;}
  .ui-page .ui-content div.list_bottomsort  {/*bottom: 82px;*/padding: 0px 16px 0px 16px;display:flex;}
  #pulsecatlistinfo {/*bottom: 84px;*/}
  #pulse_contactchoose {position: fixed;left: 60px;padding:0px;}
  #ble.ui-page {/*padding-top: 10px !important;*/}
  #ble.ui-page .ui-header {/*top:auto !important;bottom: 0px;*/}
  #ble.ui-page .ui-content {/*margin-top:-8px !important;*/}
  #ble.ui-page .ui-header .nd2Tabs {left: 65px;}
  #ble .nd2Tab-active {height: calc(100%);}
  h5.subtitle {padding-top: 16px;height: 42px;}
  ul.cli_level1 {padding-right:32px !important;}
  ul.cli_level2 {top:42px;}
}
@media screen and (min-height:1024px)  {
  h5.subtitle {padding-top: 6px;height: 50px;}
}
@media screen and (max-width:811px)  {
 body.package_app_biocoherence_app #pulse_contactchoose {position: fixed;left: 8px;padding: 0px;top: 14px/*38px for iphone*/;}
}

.pulse_contact, #pulse_contact, #pulse_save_contact {text-align: center;position: relative;margin-bottom: 16px;}
.pulse_contact_photo, #pulse_contact_photo {position: absolute; z-index: 3;}
.pulse_contact_photo a.ui-btn,#pulse_contact_photo a.ui-btn {width: 48px !important;height: 48px !important;margin: 0 !important;padding: 0 !important;}
.pulse_contact_photo i.zmdi-account,#pulse_contact_photo i.zmdi-account {width: 48px !important;height: 48px !important;margin: 0 !important;padding: 0 !important;line-height: 48px;color: #fff;}
.contactlist {display: flex;flex-wrap: wrap;justify-content: center;}
.contactlist li {flex: 1;min-width: 120px;max-width: 120px;margin: 2px;border: 1px solid rgba(0,0,0,0.1);background-color: rgba(0,0,0,0.05);border-radius: 8px;text-align: center;padding: 0px !important;overflow: hidden;height: 85px;}
.contactlist li>a {height: 85px;padding: 0 !important;}
.contactlist .username {width: 100%;}
.contactlist .ui-li-count {top: 13px;right: 4px;}
.contactlist li.contact_chosen {border-color:#efe;}

.footerplayerzone a {display:inline-block;max-width:30px !important;float:left;}
.footerplayerzone > div {float:left;}
#playerpositiondiv {width:auto;position:relative;}
#playerpositiondiv .ui-slider {margin-top:15px;}
#playerpositiondiv .ui-slider .ui-slider-track {margin:0px 0px 0px 0px !important;}

#playerpositiondiv.noscroll .playerpositiontime {display:none;}
#playerpositiondiv.noscroll .section {height:25px;line-height:25px;top:0px;}
#playerpositiondiv:not(.noscroll) .section.sectionall {display:none;/*block;min-width:100%;margin-top:50px;*/}
#playerpositiondiv.noscroll .section.sectionall {display:block;height: 25px;line-height: 25px;margin-top: 28px;opacity:0.7;}

#ble_info {position:absolute;z-index:9999;left:25%;right:25%;bottom:-80px;opacity:0;height:30px;line-height:30px;box-sizing: border-box;background-color:#00000088;color:#DDD;border:1px solid #888;border-radius:8px;transition:all 0.3s;overflow:hidden;}
@media screen and (max-width:500px)  {
    #ble_info {left:5%;right:5%;}
}
#ble_info.shown {bottom:100px;opacity:0.9;}
#ble_info .ui-loader {position: absolute;display: block;z-index: 0;bottom: 0;height: 100%;}

#ble_markersinfo_zone {width:100%;}
#ble_markersinfo_zone .scan_scanszone_results {display: flex;flex-wrap: wrap;overflow:visible;padding:0;height:auto;}
#ble_markersinfo_zone .scan_scanszone_results > div {flex:1;width:100px !important;}
#ble_markersinfo_zone .scan_scanszone_results h3, #ble_markersinfo_zone .scan_scanszone_results a {color:#222;padding:0;margin:0;text-decoration:none;}

#playerpositionmax {float:right;margin-top:18px;opacity: 0.8;font-size: 10px !important;}
#playerpositioncurrent {float:left;margin-top:18px;opacity: 0.8;font-size: 10px !important;}
input#playerposition {display: none;margin: 10px 0px 0px -20px;opacity: 0.8;font-size: 10px !important;}
#playerpositionsize {position: absolute;z-index: 0;top: 3px;right:0px;width:100%;height: 8px;background-color: rgba(240,240,240,0.5);border-radius: 8px;}
#playerpositionevents {/*position: relative;*/}
#playerpositionevents .event {position: absolute;top: -5px;bottom: 10px;min-width:3px;background-color:rgba(255,255,255,0.3);}
#playerpositionevents .section {position: absolute;top: -15px;height: 15px;line-height:15px;min-width:3px;background-color:rgba(0,0,0,0.3);color:#ffffff99;border:1px solid #88888888;border-radius:4px;font-size:8px;padding:0px 4px;box-sizing: border-box;overflow:hidden;transition:all 0.3s;}
#playerpositionevents .section.sectionhere {background-color:rgba(255,255,255,0.7);color:#00000099;}

#pulse_load_info {text-align: center;margin-top: 8px;}
#pulsetitle {/*display: none;*/}
#pulseaddmarker {z-index:1100 !important;}
#pulseloadsave button, #pulseaddmarker button {color: #AAA !important;}
#pulseaddmarker div {color: #AAA;}
#pulseaddmarker label {color: #EEE !important;background-color:#000 !important;}
#pulseaddmarker .markercolor0 {color: #F00 !important;}
#pulseaddmarker .markercolor1 {color: #999 !important;}
#pulseaddmarker .markercolor2 {color: #0F0 !important;}
#pulseaddmarker button.button_valid {background-color: #060 !important;color: #FFF !important;}
#pulseaddmarker button.button_delete {background-color: #600 !important;color: #FFF !important;}
#markercolor-listbox-popup {background-color: #bbb;}

@media screen and (min-width:800px) and (max-width:1000px)  {
#pulseaddmarker:not(.ui-panel-closed) {left: 50%;right: 0;width: 50%;top: 0;bottom: 0;height: 100%;max-height: 100%;}
.ui-panel-dismiss.showbeatchart {display:none;}
#tab_pulsepulse .list_bottomsort {left: 50%}
}


#tab_pulsetime[pulsebodypointsin=meridians] .pulsebodypointsin_if:not(.pulsebody_meridians) {display:none;}
#tab_pulsetime[pulsebodypointsin=points] .pulsebodypointsin_if:not(.pulsebody_points):not(.pulsebody_meridians) {display:none;}
#tab_pulsetime[pulsebodypointsin=organs] .pulsebodypointsin_if:not(.pulsebody_organs) {display:none;}
#tab_pulsetime[pulsebodypoints=meridians] .pulsebodypoints_if:not(.pulsebody_meridians) {display:none;}
#tab_pulsetime[pulsebodypoints=points] .pulsebodypoints_if:not(.pulsebody_points) {display:none;}
#tab_pulsetime[pulsebodypoints=organs] .pulsebodypoints_if:not(.pulsebody_organs) {display:none;}
#tab_pulsetime[pulsebodypoints=energy] .pulsebodypoints_if:not(.pulsebody_energy) {display:none;}
#tab_pulsetime[pulsebodypoints=entropy] .pulsebodypoints_if:not(.pulsebody_entropy) {display:none;}
#tab_pulsetime[pulsebodypoints=commonphases] .pulsebodypoints_if:not(.pulsebody_commonphases) {display:none;}

#tab_pulsetime #pulsebodybottom a {opacity:0.5;}
#tab_pulsetime #pulsebodybottom a.bottom_mainmenu {background-color:rgba(0,0,0,0.5) !important;}
#tab_pulsetime #pulsebodybottom a.bottom_submenu {}
#tab_pulsetime[pulsebodypointsin=meridians] #pulsebodybottom #pulsebodypoints_meridians,
#tab_pulsetime[pulsebodypointsin=points] #pulsebodybottom #pulsebodypoints_points,
#tab_pulsetime[pulsebodypointsin=organs] #pulsebodybottom #pulsebodypoints_organs
 {color:#FFF;font-weight:bold;opacity:1;background:none !important;}
#tab_pulsetime[pulsebodypoints=energy] #pulsebodybottom #pulsebodypoints_energy,
#tab_pulsetime[pulsebodypoints=entropy] #pulsebodybottom #pulsebodypoints_entropy,
#tab_pulsetime[pulsebodypoints=commonphases] #pulsebodybottom #pulsebodypoints_commonphases
 {color:#FFF;font-weight:bold;opacity:1;background:none !important;}


#addmarker_ongraph { position: absolute;right:1px;width: 18px;top:190px;padding-top: 25px;height: 20px;border-right: 1px dotted #fff;color: #fff;}

#markernamesuggestions {width:100%;text-align:right;padding:2px;}
#markernamesuggestions a {border:1px solid #ccc;padding:3px;margin:2px 8px; color:#888; }

 div.playerzone i.zmdi-hc-2x {line-height:10px;}

div.chartzone {/*position:relative;*/width:100%;/*float:left;*/padding-top:0px;margin-right:20px;max-width: 430px;display:flex;flex-wrap: wrap;}
div.chartzone .ui-select {position:absolute;top: -0.5em;}
div.chartzone .ui-select a {box-shadow:none !important;}
div.chartzone a#live {position:absolute;margin-left:80px;color:#888;margin-top:-12px;}
div.chartzone a#live.live {color:#000;}

.nd2-chart .ct-area {fill-opacity: 0.4;}

#heartchartinvmfcc .ct-labels span.ct-horizontal {justify-content: left;text-align: left;text-anchor: start;transform: rotate(30deg);}
#heartchartinvmfcc .ct-series-b .ct-line {stroke-width: 2px;}

#heartchartfft .ct-point, #heartchartfft .ct-line {stroke-width: 2px;} 
#heartchartfft .ct-series-a .ct-line {stroke-width: 1px;} 
#heartchartfft .ct-series-e .ct-line, #heartchartfft .ct-series-e .ct-point {stroke: #777;} /*vlf*/
#heartchartfft .ct-series-f .ct-line, #heartchartfft .ct-series-f .ct-point {stroke: #BBB;} /*lf*/
#heartchartfft .ct-series-g .ct-line, #heartchartfft .ct-series-g .ct-point {stroke: #FFF;} /*hf*/
#heartchartfft .ct-series-h .ct-area {fill: #666666BB;} /*harmony main*/
#heartchartfft .ct-series-i .ct-area {fill: #0088FF66;} /*harmony music*/
#heartchartfft .ct-series-j .ct-area {fill: #FF880066;} /*harmony phi*/

#heartvpkchart .ct-series-a .ct-bar {stroke-width:7%;}
#heartvpkchart .ct-series-b .ct-bar {opacity:0.8;}
#heartvpkchart .ct-series-a .ct-bar[dosha=vata] {stroke:#72D1F7;}
#heartvpkchart .ct-series-a .ct-bar[dosha=pitta] {stroke:#FDB040;}
#heartvpkchart .ct-series-a .ct-bar[dosha=kapha] {stroke:#59B458;}
#heartvpkchart .ct-series-b .ct-bar[dosha=vata] {stroke:#D1D8DD;}
#heartvpkchart .ct-series-b .ct-bar[dosha=pitta] {stroke:#DA4D28;}
#heartvpkchart .ct-series-b .ct-bar[dosha=kapha] {stroke:#9B9442;}

.chartzone_ecg {}

.fft_fullscreen,.fft_fullscreen canvas {position: absolute !important;z-index: 101;left: 0;right: 0;width: 100% !important;top: 22px;bottom: 80px;height: calc(100% - 30px) !important;opacity: 1 !important;}
@media screen and (min-width:812px)  {
.fft_fullscreen,.fft_fullscreen canvas {height: calc(100% - 56px) !important;}
}

#stripe path {stroke: #fff;  stroke-width: 2px;}
.stripe { mask: url("#mask");}
.heartchart {max-height:300px;}
@media screen and (min-height:800px)  {
 #heartchartzoom {min-height:300px;height:300px;}
}
@media screen and (max-height:800px)  {
 #heartchartzoom {display:none;}
}
.heartchart.nd2-chart .ct-point {stroke-width: 1px;}
.heartchart.nd2-chart .ct-series-a .line {color:#666;opacity:0.6;}  /*clean pulse*/
.heartchart.nd2-chart .ct-series-b .line {stroke-width: 2px;color:#000;} /*noisy pulse2*/
.heartchart.nd2-chart .ct-series-b .ct-area {fill-opacity: 0.2;fill:#888;} /*noisy pulse2*/
.heartchart.nd2-chart .ct-series-c .ct-area {fill-opacity: 0.6;fill:#800;} /*vector*/
.heartchart.nd2-chart .ct-series-d .ct-area {fill: #F88;fill-opacity: 0.6;}/*discard*/
.heartchart.nd2-chart .ct-series-e .ct-area {fill: #F88;fill-opacity: 0.6;}/*discard2*/
.heartchart.nd2-chart .ct-series-f .ct-point {stroke-width: 6px;stroke: green;fill: green;}/*cursor*/
.heartchart .discarded {stroke-width: 18px !important; stroke: red !important; fill: red !important; z-index: 9;opacity: 1; }
.heartchart .discarded_line {stroke-width: 5px !important; stroke: red !important;fill: red !important; z-index: 9;opacity: 0.8; }

.pulsechart.nd2-chart .ct-point {stroke-width: 2px;}

#beatchart .ct-area {fill-opacity: 0.9;}

#beatchart .ct-series-a .ct-area {opacity:0.5;fill: #607DAB;}/*bpm*/
#beatchart .ct-series-a .ct-line,#beatchart .ct-series-a .ct-point {opacity:0.6;stroke-width: 1px;stroke: #4a5b63;} /*bpm1*/
#beatchart .ct-series-b .ct-line,#beatchart .ct-series-b .ct-point {opacity:0.9;stroke-width: 1px;stroke: #4a5b63;} /*bpm1*/
#beatchart .ct-series-c .ct-line,#beatchart .ct-series-c .ct-point {stroke-width: 3px;stroke: rgb(233, 150, 43,0.3)} /*beat*/
#beatchart .ct-series-d .ct-line/*,#beatchart .ct-series-d .ct-point*/ {stroke-width: 0px;} /*short*/
#beatchart .ct-series-d .ct-area {opacity:0.5;fill: rgb(80,142,96);} /*short*/
#beatchart .ct-series-d .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*short text*/
#beatchart .ct-series-e .ct-line/*,#beatchart .ct-series-e .ct-point*/ {stroke-width: 2px;stroke:rgb(142,80,96);} /*medium*/
#beatchart .ct-series-e .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*medium text*/
#beatchart .ct-series-f .ct-line,#beatchart .ct-series-f .ct-point {stroke-width: 3px;opacity: 0.8;stroke:rgb(0,188,212);} /*long*/
#beatchart .ct-series-f .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*long text*/
#beatchart .ct-series-g .ct-line,#beatchart .ct-series-g .ct-point {stroke-width: 3px;opacity: 0.8;stroke:rgb(0,208,162);} /*vlong*/
#beatchart .ct-series-g .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*vlong text*/

.eventinfo {z-index:302;/*width:50px;*/position:absolute;bottom:-5px;}
#eventinfo {z-index:303;}
#eventinfo li {min-width: 20px;}

.event_negpos0 {background-color: #C77 !important;color:#FFF !important; } 
#beatchart .ct-series-h .ct-area {fill: #C77; opacity:0.5;} /*markers neg*/
#beatchart .ct-series-h .ct-point {stroke: #C77;stroke-width: 1px;} 
.event_negpos1 {background-color: #AA0 !important;color:#FFF !important; } 
#beatchart .ct-series-i .ct-area {fill: #AA0; opacity:0.5;} /*markers neutral*/
#beatchart .ct-series-i .ct-point {stroke: #AA0;stroke-width: 1px;} 
.event_negpos2 {background-color: #7C7 !important;color:#FFF !important; } 
#beatchart .ct-series-j .ct-area {fill: #7C7; opacity:0.5;} /*markers pos*/
#beatchart .ct-series-j .ct-point {stroke: #7C7;stroke-width: 1px;} 
#beatchart .ct-series-h .ct-label, #beatchart .ct-series-i .ct-label, #beatchart .ct-series-j .ct-label {/*transform: rotate(90deg);*/} /*cursor*/

#beatchart .ct-series-k .ct-label {fill: rgba(255,255,255,0.8);color:rgba(255,255,255,0.8);} /*cursor*/
#beatchart .ct-series-k .ct-area, #beatchart .ct-series-l .ct-area {fill: #FFF; opacity:0.2;} /*cursor*/
#beatchart .ct-series-k .ct-point {opacity: 0;} /*cursor*/
#beatchart .ct-series-k .ct-point:nth-of-type(1) {opacity: 0.9;stroke-width: 10px;} /*cursor*/
#beatchart .ct-series-m .ct-area {fill: #000; opacity:0.2;} /*pause*/

.event_button {padding: 2px;text-align: center;max-width: 100% !important;transition-property: all;transition-duration:0.3s;}
.event_button_mode_realtime {max-width: 200px !important;min-width: 200px !important;min-height: 50px;line-height: 50px;font-size: 30px !important;}
.event_button.clicked_other {opacity: 0;}
.event_button.clicked_here {opacity: 1;box-shadow: 1px 1px 2px 2px rgba(255,255,255,0.3);}

.pulse_chart svg .ct-label {fill: #fff;color: #fff;}
.pulse_chart svg .ct-grid {stroke: rgba(255,255,255,0.2);}

.nd2-chart .graphtools,.livechart .graphtools {position: absolute;bottom: 30px;right: 20px;}
.graphtools {display: flex;height:24px;}
.graphtools a {flex: 1;padding: 4px 8px;border-radius: 4px;background-color: rgba(0,0,0,0.3);color: #fff;margin: 0px 2px;font-size: 80%;border: 1px solid rgba(0,0,0,0.3);}
.graphtools a.here {border: 1px solid rgba(255,255,255,0.3);background-color: rgba(255,255,255,0.3);box-shadow: 1px 1px 2px 2px rgba(255,255,255,0.3);}

#beatchart  g.ct-series-h text.ct-label, a.marker-icon, input#addmarkername {/*font: normal normal normal 17px/1 'Material-Design-Iconic-Font';fill:#977;color:#444; */}

.chakraschart .ct-series-a .ct-bar {/*stroke-linecap: round;*/}
g#chakras_points circle {stroke:#FFF;stroke-width:3px;opacity: 0.8;}
g#chakras_halo ellipse {stroke-width:0px;opacity: 0.5;filter:url(#blur45);}
g#chakras_points circle.cw {stroke-dasharray: 3 5;animation: waveform_moveanim 125s linear infinite normal;}
g#chakras_points circle.ccw {stroke-dasharray: 3 5;animation: waveform_moveanim 125s linear infinite reverse;}

g.resonancelinks path,g#links path {stroke-dasharray: 3 15;stroke-linecap:round; animation: waveform_moveanim 125s linear infinite normal;/*filter: url(#blur1);*/}
g#meridians_points circle {stroke:#FFF;stroke-width:1px;opacity: 0.8;}

/*line*/
.meridianschart .ct-series-a {opacity:0.5; } /*yang*/
.meridianschart .ct-series-a .ct-area {fill:  #FFF; } /*yang*/
.meridianschart .ct-series-b {opacity:0.2; } /*yang*/
.meridianschart .ct-series-b .ct-area {fill:  #000; } /*yin*/
.meridianschart .ct-series-c .ct-area,.meridianschart .ct-series-d .ct-area {fill:  #0C0;stroke:  #0F0; stroke-width: 1px; } /*base*/
.meridianschart .ct-series-e .ct-area,.meridianschart .ct-series-f .ct-area {stroke:  #080; stroke-width: 1px; fill:  #080; } /*harmo*/
.meridianschart .ct-series-g .ct-area,.meridianschart .ct-series-h .ct-area {stroke:  #800; stroke-width: 1px; fill:  #080; } /*harmoneg*/
.meridianschart .ct-series-i .ct-line,.meridianschart .ct-series-j .ct-line {stroke:  #FFF; stroke-width: 5px; transform: translateX(5px); stroke-dasharray: 3 2;} /*vibe*/
.meridianschart .ct-series-k .ct-area,.meridianschart .ct-series-l .ct-area {fill:  #aaa; } /*breadth*/
.meridianschart .ct-series-k .ct-point,.meridianschart .ct-series-l .ct-point {stroke-width: 1px; } /*breadth*/
/*bar*/
.meridianschart .ct-series-a .ct-bar {stroke:#FFF;stroke-width:20px; } /*yang*/
.meridianschart .ct-series-b .ct-bar {stroke:#000;stroke-width:20px; } /*yin*/
.meridianschart .ct-series-c .ct-bar, .meridianschart .ct-series-d .ct-bar {stroke:  #F4C63D; stroke-width: 20px; } /*base*/
.meridianschart .ct-series-e, .meridianschart .ct-series-f, .meridianschart .ct-series-g, .meridianschart .ct-series-h {} /*yang*/
.meridianschart .ct-series-e .ct-bar,.meridianschart .ct-series-f .ct-bar {stroke:  #bf6a15; stroke-width: 14px; fill:  #080; opacity:0.6; } /*harmo*/
.meridianschart .ct-series-g .ct-bar,.meridianschart .ct-series-h .ct-bar {stroke:  #800; stroke-width: 20px; fill:  #080; opacity:0.6; } /*harmoneg*/
.meridianschart .ct-series-i .ct-bar,.meridianschart .ct-series-j .ct-bar {stroke:  #FFF; stroke-width: 15px; /*transform: translateX(5px);*/ stroke-dasharray: 1 5;stroke-dashoffset: 50%;} /*vibe*/
.meridianschart .ct-series-i .ct-point,.meridianschart .ct-series-j .ct-point {stroke:  #FFF; stroke-width: 15px; /*transform: translateX(5px);*/ stroke-dasharray: 1 5;stroke-dashoffset: 50%;} /*vibe*/
.meridianschart .ct-series-k .ct-bar,.meridianschart .ct-series-l .ct-bar {stroke:  #bf6a15; stroke-width: 5px; opacity:0.5; } /*breadth*/
.meridianschart .ct-series-k .ct-point,.meridianschart .ct-series-l .ct-point {stroke-width: 1px; } /*breadth*/
.meridianschart .ct-series-c, .meridianschart .ct-series-e, .meridianschart .ct-series-g, .meridianschart .ct-series-i, .meridianschart .ct-series-k {transform: translateY(-1px);}
.meridianschart .ct-series-d, .meridianschart .ct-series-f, .meridianschart .ct-series-h, .meridianschart .ct-series-j, .meridianschart .ct-series-l {transform: translateY(1px);}


/*WOW! ul.datalist li:has(.bar:not(.horizontal)) = 10x slower interface everywhere*/
h5.datalistinfo {text-align:center;color:#666;}
ul.datalist {display: flex;/*flex-wrap: wrap;*/overflow: auto;width: 100%;padding: 0;margin: 0px 4px 0px 0px;}
ul.datalist li {flex: 1;min-width: 60px;max-width: 100px;max-height: 50px;overflow: hidden;list-style:none;margin: 2px; border: 1px solid #fff;border-radius: 4px;background-color: #eee;color: #333;font-size: 14px;white-space: nowrap;box-sizing: border-box;position:relative;}
ul.datalist a {color: #333;text-decoration:none;}
ul.datalist a:active {color: #000;font-weight:bold;}
ul.datalist li:has(.bar) {position:relative;padding-left:14px !important;}
ul.datalist li:has(.bar.horizontal) {position:relative;padding-left:0px !important;padding-bottom:14px !important;}
ul.datalist li.title {border: none; background: none;}
.livechart:not(.livechart_fullscreen) ul.datalist.big li.title {min-width: 100%;}
ul.datalist li.verybig {min-width: 100%;}
ul.datalist li.open:not:has( .datalist) {flex: 100;min-width: 100%;max-width: 100%;max-height: 150px;white-space: normal;}
ul.datalist li.green {background-color: #4C4;color: #FFF;}
ul.datalist li.medium,ul.datalist_medium li {min-width: 112px;max-width: 50%;}
ul.datalist li.big,ul.datalist_big li {min-width: 150px;max-width: 100%;}
ul.datalist li.big2,ul.datalist_big2 li {min-width: 165px;max-width: 100%;}
ul.datalist li.larger,ul.datalist_larger li {max-width: 100%;}
ul.datalist li.bigopen,ul.datalist_bigopen li {flex: 100;min-width: 100%;max-width: 100%;max-height: 150px;white-space: normal;margin: 2px 0px;}
ul.datalist li.open ul.datalist li.open:not:has( .datalist) {flex: 1;min-width: 60px;max-width: 100px;max-height: 50px;}
ul.datalist li.open ul.datalist li h5 {display:none;}
ul.datalist li:has(.moreinfos)::after,ul.datalist li:has( .infos)::after {display:block;position:absolute;right:0;bottom:0;content:'...';}/*moreinfos opens in fullscreen*/
ul.datalist li .moreinfos,ul.datalist li .infos {opacity:0;position:fixed;white-space: normal;top:100%;bottom:-100%;transition:all 0.3s;display:block;}/*moreinfos opens in fullscreen*/
ul.datalist li.open .moreinfos,ul.datalist li.open .infos {opacity:1;top:0%;bottom:0%;}/*,ul.datalist li:hover .moreinfos*/
ul.datalist li b {display: block;white-space: nowrap;}
ul.datalist li div.bar {height: 100%;left:0;bottom:0;position:absolute;width: 10px;background-color: #fff;border: 1px solid #eee;overflow: hidden;white-space:normal;}
ul.datalist li div.bar.commonphase {width: 3px;height: 3px;border: 2px dotted #ddd;}
ul.datalist li div.bar div.val { position: absolute;bottom: 0px;width: 100%;height: 100%;background-color: #888;overflow: hidden; }
ul.datalist li div.bar.horizontal {width: 100% !important;height: 10px !important;}
ul.datalist .moreinfos h4, ul.datalist .moreinfos h5, ul.datalist .moreinfos h6, #helptext h5, #helptext h6 {margin-bottom: 0;padding: bottom: 0;} 
ul.datalist .moreinfos ul.datalist {flex-wrap:wrap;}
ul.datalist .moreinfos ul.datalist li {min-width:120px;max-width: 200px;max-height: 300px;}
ul.properties {display: flex;flex-wrap: wrap;padding: 0;margin: 0;}
ul.properties li {flex: 1;min-width: 45%;}
ul.recipes {flex-wrap:wrap;}
ul.datalist.datalist_lines,ul.datalist.datalist_big {flex-wrap:wrap;}
ul.datalist li div.bar.notes {line-height:6px;}
ul.datalist li.thin {max-height:25px;}
ul.datalist li.thin b {display: inline-block;position:relative;}

ul.datalist li.parasite_Bacteries b::before {display:inline-block;content:' ';border-radius:16px;width:16px;height:16px;background-color:#FF0000;}
ul.datalist li.parasite_Virus b::before {display:inline-block;content:' ';border-radius:16px;width:16px;height:16px;background-color:#00FF00;}
ul.datalist li.parasite_Champignons b::before {display:inline-block;content:' ';border-radius:16px;width:16px;height:16px;background-color:#0000FF;}
ul.datalist li.parasite_Parasites b::before {display:inline-block;content:' ';border-radius:16px;width:16px;height:16px;background-color:#FF00FF;}

#pulseparasites ellipse.parasite.here {stroke-width:4px !important;}

span.strands::before {content:'\f18e';font-family: 'Material-Design-Iconic-Font';opacity: 0.5;display: inline-block;margin-right:4px;}

#helptext ul.datalist {flex-wrap:wrap;}
#helptext ul.datalist li {white-space:normal;max-height:150px;}

.nd2-chart {margin:0 !important;}
.livechart {width:375px;margin:0;float: left;position:relative;}
.livechart_border {border:1px solid #ccc;margin:1px 0px;}
.livechart_verybig {height:306px;padding-top:40px;box-sizing: border-box;}
.livechart_verybig .nd2-chart {height:250px;margin-top:106px;}
.livechart_big,.livechart_big .nd2-chart {height:250px;}
.livechart_big:has(h5.subtitle) {height:290px;}
.livechart_medium,.livechart_medium .nd2-chart {height:180px;}
.livechart_msmall,.livechart_msmall .nd2-chart {height:150px; max-width: 128px;}
.livechart_small,.livechart_small .nd2-chart {height:120px;}
.livechart_xsmall,.livechart_xsmall .nd2-chart {height:80px;}
.livechart_xxsmall,.livechart_xxsmall .nd2-chart {height:60px;}
.livechart_square,.livechart_square .nd2-chart {width: 180px !important;height: 180px;}
.livechart_square:has(h5.subtitle) {height:220px;}
.livechart_nexttosquare {width: auto !important;min-width:180px;height: 180px;flex:1;}
.livechart_msmallsquare,.livechart_msmallsquare .nd2-chart {width: 150px !important;height: 150px;}
.livechart_mini,.livechart_mini {height:25px;margin-top: -15px;}
.livechart_mini ul.datalist li {min-width: 30px;white-space: nowrap;}
.livechart_mini ul.datalist li:hover {flex:1;min-width: 30px;}
.livechart ul.datalist li {padding: 6px;}
.livechart i.zmdi-zoom-in {position:absolute;left:0;top:30px;padding:16px;z-index:902;}
.livechart_fullscreen i.zmdi-zoom-in {z-index:1402;/*border:1px solid #aaa;border-radius:4px;background-color:#ccc;*/}
.livechart_fullscreen:not(:has(h5.subtitle)) i.zmdi-zoom-in {border:1px solid #aaa;border-radius:4px;background-color:#ccc;}
.livechart_fullscreen i.zmdi-zoom-in:before{content:'\f1ef'}
.livechart:not(.livechart_fullscreen) .only_fullscreen {display:none;}
.livechart.livechart_fullscreen .only_fullscreen {position:absolute;bottom:0px;left:0;right:0;background-color:#ddd;}
#pulsecatinfo_ontopchart {position:absolute;left:60px;top:2px;z-index:100;}
.livechart_fullscreen #eventinfo {bottom:10px;z-index:1099;}

.livechart_fullscreen {padding-bottom: 70px;}
.chartzone_wraponfullscreen {flex-wrap:nowrap;}
.chartzone_wraponfullscreen.livechart_fullscreen {flex-wrap:wrap;}
.livechart_fullheight {/*height: auto !important;min-height: calc(100% - 80px) !important;*/}
.livechart_fullscreen:not(.nd2-chart) {position: fixed !important;z-index: 1401;left: 0;right: 0;width: 100% !important;max-width: 100% !important;top: 0;bottom: 80px;height: calc(100% - 70px) !important;opacity: 1 !important;}
.livechart_fullscreen .livechart_hasnext {height: calc(100% - 200px);width:100% !important;}
.livechart_fullscreen .nd2-chart {/*height:100%;*/width:100% !important;}
.nd2-chart.livechart_fullscreen {position: absolute !important;z-index: 1201;left: 0;right: 0;width: 100% !important;max-width: 100% !important;top: 0;bottom: 80px;margin:0;height: calc(100% - 70px) !important;opacity: 1 !important;}
.livechart_fullscreen .nd2-chart {position: relative !important;z-index: 1201;left: 0;right: 0;width: 100% !important;max-width: 100% !important;top: 0;bottom: 80px;margin:0;height: calc(100% - 70px) !important;opacity: 1 !important;}
.livechart_fullscreen .nd2-chart {/*position: relative !important;z-index: 101;left: 0;right: 0;width: 100% !important;max-width: 100% !important;opacity: 1 !important;*/}
.livechart_fullscreen .pulsechart {top:86px;}
@media only screen and (orientation : landscape) { 
 .livechart_fullscreen #pulsecatinfo_ontopchart {left:400px;top:7px;}
 .livechart_fullscreen .pulsechart {top:56px !important;height: calc(100% - 60px) !important;}
 .livechart_fullscreen .livechart_hasnext {width: calc(100% - 350px) !important;height: calc(100% - 40px) !important;}
 .chartzone_wraponfullscreen.livechart_fullscreen ul.datalist li.verybig {/*min-width: 20%;*/}
}

.bigpoint {stroke-width: 12px !important; filter: drop-shadow(0px 0px 2px rgb(0 0 0 / 0.4)); z-index: 9;opacity: 1; }
.mediumpoint {stroke-width: 6px !important; }
.smallpoint {stroke-width: 1px !important; }
#scatterchart .ct-point {stroke-width: 3px;}
#scatterchart .ct-area {fill-opacity: 0.05;}
#scatterchart .ct-label {font-weight: bold;stroke: #000;fill: #FFF;z-index: 9;}
#scatterchart .bigpoint {stroke: #000 !important;}
#wfhistochart .ct-point {stroke-width: 1px;}

#beatinfo ul {flex-wrap:wrap;}

.columns {display:flex;flex-wrap:wrap;height: calc(100% - 500px);overflow-x:hidden;overflow-y: auto;padding-bottom: 600px;}
.columns .column {min-width:390px;flex:1;margin-bottom:30px;}
.columns .column .livechart:not(.livechart_square) {width:100% !important;}

.smallcolumns {display:flex;flex-wrap:wrap;}
.smallcolumns > * {flex:1;min-width:150px;}


@media screen and (width:390px)  {.livechart {width:390px;}}
@media screen and (min-width:412px) and (max-width:413px)  {.livechart {width:412px;}}
@media screen and (width:414px)  {.livechart {width:414px;}}
@media screen and (width:428px)  {.livechart {width:428px;}}
@media screen and (width:430px)  {.livechart {width:430px;}}

@media screen and (min-width:690px)  and (max-width:999px) {
    .livechart {float:left;}
    .livechart {width:480px;} 
    .livechart_big {/*width:100% !important;*/}
    .chartzone {/*min-width: 100%;max-width: 2000px;*/}
}

@media screen and (max-width:800px) {
#beatchartvarselect {/*display:none;*/}
#div_scatterchart {/*position: absolute;right: 0;background-color: #ddd;border:1px solid #ccc;*/}
}

@media screen and (min-width:1000px) {
    .livechart {width:480px;}
    .chartzone {min-width: 100%;max-width: 2000px;}
    .livechart_big,.livechart_verybig {width:100vw !important;}
    .livechart_big {height:400px !important;}
    .livechart_medium {height:220px !important;}
    .livechart_small {height:160px !important;}
    .column {min-width:100% !important;}
}


.beatchartlength-button {position:absolute;right:16px;top:0px;width:30px;min-width:30px;margin:10px;}
#beatchartlegend {color: #888;}
a#beatchartlength-button {box-shadow: none;}
a#beatchartlength-button::after {content: '\f238'; font: normal normal normal 20px/1 'Material-Design-Iconic-Font'; background-image: none; }

#beatchartopts {position: absolute;top: 8px;left: 98%;width: 10%;margin:0px;font-size:70%;height:40px;line-height:20px;overflow-x:auto;overflow-y:hidden;text-align:left;line-height:12px}
#beatchartopts:hover {z-index: 10;left: 0%;width: 100%;background-color: #ddd;}

.cli.ui-li-divider {border-top: 1px solid #CCC;background-color: #ddd;}
.vumeter .bigonly ,.cli .bigonly {visibility:hidden;} 
.vumeter.big .bigonly,.cli.big .bigonly {visibility:visible;} 
.vumeter .bigonlyb,.cli .bigonlyb {display:none;} 
.vumeter.big .bigonlyb,.cli.big .bigonlyb {display: block !important;} 
.vumetergroup {float: left; height: 52px;padding: 1px 8px;overflow: auto;display: flex;max-width: 98%;}
.vumetergroup .vugroupname {transform: rotate(-90deg) translate(-45px,0px);font-size: 9px;width: 10px;height: 10px;}
.vumeter {display:inline-block;position:relative;width:180px;min-width:50px;margin:1px 1px 0px 0px;height:25px;/*float:right;*/overflow:hidden;background-color:rgb(245,245,245);color:#888;border:1px solid #ddd;border-radius:8px;}
.vumeter.big {width:100%;height:260px;box-shadow: 1px 1px 8px 8px #fff;/*position: absolute;z-index: 99;left: 10px; top: 5px;right: 10px;*/}
.vumeter.big::after {/*content: '\f135';position: absolute;z-index: 99;right: 5px; bottom:5px; font-size:17px; color: #888;font: normal normal normal 17px/1 'Material-Design-Iconic-Font';*/}
.vumeter div {position:absolute;overflow:hidden;}
.vumeter .catlistdatagroup {visibility:hidden;}
.vumeter.big .catlistdatagroup {visibility:visible;}
.vumeter .vuname {visibility:hidden;}
.vumeter.big .vuname {visibility:visible;top: 80%;z-index: 9;overflow: visible;transform: rotate(-90deg);height: 10px;width: 10px;right: 10px;font-size:15px;white-space: nowrap;}
.vumeter .vurange,.vumeter .vurange_min {visibility:hidden;}
.vumeter.big .vurange {visibility:visible;bottom: 12px;right: 26px;z-index: 9;overflow: visible;height: 10px;font-size:15px;}
.vumeter.big .vurange_min {visibility:visible;bottom: 12px;left: 6px;z-index: 9;overflow: visible;height: 10px;font-size:15px;}
.vumeter .vurange_xaxislegend {visibility:hidden;}
.vumeter.big .vurange_xaxislegend {visibility:visible;bottom: 12px;border-top: 1px solid #ddd;left:0;right:0;text-align:center;z-index: 9;overflow: visible;height: 10px;font-size:15px;}
.vumeterdisplay {position:absolute;border-left: 8px solid rgb(0, 208, 162, 0.9);border-bottom: 8px solid rgb(0, 208, 162, 0.9);border-top: 0px solid rgba(0,0,0,0);border-right: 0px solid rgba(0,0,0,0);
    transform: rotate(135deg);margin-top: 0px;margin-left: -10px;
    left: 0%;top: 67%;width:10px;height:10px;background-color:rgba(255,255,255,0) !important;border-radius:1px; }
.vumeter .vu_val {visibility:hidden;}
.vumeter.big .vu_val {visibility:visible;font-size: 12px;}
.vumeterdisplay.v  {zoom: 120%;/*width:10px; height:10px;bottom:47%;  border-radius: 8px; margin-left:-5px; */z-index:11;}
.vumeterdisplay.l   {zoom: 100%;/*width:8px; height:8px; bottom:47.5%;border-radius: 8px; margin-left:-4px; */z-index:11;}
.vumeterdisplay.m {zoom: 80%;/*width:6px;   height:6px; bottom:48%;  border-radius: 8px; margin-left:-3px; */z-index:12;}
.vumeterdisplay.s  {zoom: 60%;/*width:4px;  height:4px; bottom:48.5%;border-radius: 8px; margin-left:-2px;*/ z-index:13;}
.vumeterdisplay.b   {zoom: 50%;/*width:2px; height:2px; bottom:49%;  border-radius: 8px; margin-left:-1px;*/ z-index:14;}
.vumeter .v, .graphlegends .v {background-color:rgb(0, 208, 162, 0.9) ;border-color:rgb(0, 208, 162, 0.9) ;color: #FFF;}
.vumeter .l, .graphlegends .l {background-color:rgb(0, 188, 212, 0.9) ;border-color:rgb(0, 188, 212, 0.9) ;color: #FFF;}
.vumeter .m, .graphlegends .m {background-color:rgb(142,80,96/*3, 169, 244*/, 0.9) ;border-color:rgb(3, 169, 244, 0.9) ;color: #FFF;}
.vumeter .s, .graphlegends .s {background-color:rgb(80,142,96/*96,125,171/*33, 150, 243*/, 0.9) ;border-color:rgb(33, 150, 243, 0.9) ;color: #FFF;}
.vumeter .b, .graphlegends .b {background-color:rgb(233, 150, 43, 0.9) ;border-color:rgb(233, 150, 43, 0.9) ;color: #FFF;}

.graphlegends .green {background-color:rgb(0, 155, 0, 0.9) ; color: #FFF;}
.graphlegends .red {background-color:rgb(150, 20, 60, 0.9) ; color: #FFF;}
.graphlegends .yellow {background-color:rgb(185, 185, 0, 0.9) ; color: #FFF;}
.graphlegends .blue {background-color:rgb(0, 100, 255, 0.9) ; color: #FFF;}
.graphlegends .purple {background-color:rgb(105, 0, 185, 0.9) ; color: #FFF;}
.graphlegends .commonphases {background-color:rgb(255, 100, 255, 0.9) ; color: #FFF;}

g[highlightcolor=green] path[name=path] {stroke:rgb(100, 255, 100) !important;}
g[highlightcolor=red] path[name=path] {stroke:rgb(255, 100, 100) !important;}
g[highlightcolor=purple] path[name=path] {stroke:rgb(255, 100, 255) !important;}
g[highlightcolor=yellow] path[name=path] {stroke:rgb(255, 255, 100) !important;}
g[highlightcolor=blue] path[name=path] {stroke:rgb(100, 100, 255) !important;}
g[highlightcolor=pink] path[name=path] {stroke:rgb(255, 100, 255) !important;}

#beatchart .ct-series-d .ct-area {opacity:0.5;fill: #607DAB;} /*short*/
#beatchart .ct-series-d .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*short text*/
#beatchart .ct-series-e .ct-line/*,#beatchart .ct-series-e .ct-point*/ {stroke-width: 2px;stroke:#8E5060;} /*medium*/
#beatchart .ct-series-e .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*medium text*/
#beatchart .ct-series-f .ct-line,#beatchart .ct-series-f .ct-point {stroke-width: 3px;opacity: 0.8;stroke:#508E60;} /*long*/
#beatchart .ct-series-f .ct-label {fill: rgba(0,0,0,0.9);color:rgba(0,0,0,0.9);} /*long text*/



.vumeterdisplay_minmax {position:absolute;bottom:40%;left:0;right: 100%;height:20%;overflow: visible !important;}
.vumeterdisplay_mean {position:absolute;bottom:40%;left:0; right: auto !important;width: 0px;border-radius: 0px;border-width: 1px 0px 1px 0px;border-style:dotted;border-color:#333;height:20%;overflow: visible !important;/*background: none !important;*/}
.vumeter_minmax_v {bottom:30%;height: 36%;background-color:rgb(0, 208, 162, 0.6);z-index:1;}
.vumeter_minmax_l {bottom:34%;height: 32%;background-color:rgb(0, 188, 212, 0.6);z-index:1;}
.vumeter_minmax_m {bottom:38%;height: 24%;background-color:rgb(3, 169, 244, 0.6);z-index:2;}
.vumeter_minmax_s {bottom:42%;height: 16%;background-color:rgb(33, 150, 243, 0.6);z-index:3;}
.vumeter_minmax_b {bottom:46%;height: 8%;background-color:rgb(233, 150, 43, 0.6);z-index:1;}
.vumeterdisplay_minmax.vumeter_minmax_b::before {content: '';position: absolute;left: -1px;bottom: -150%;height: 400%;width: 1px;background-color:rgb(233, 150, 43, 0.8);z-index:1;}
.vumeterdisplay_minmax.vumeter_minmax_b::after {content: '';position: absolute;right: -1px;bottom: -150%;height: 400%;width: 1px;background-color:rgb(233, 150, 43, 0.8);z-index:1;}
.vu_neg {position: absolute;z-index: 0;left: 0;top: 0;bottom: 0;background-color: #FEE;border-radius: 8px 0px 0px 8px;}
.vu_pos {position: absolute;z-index: 0;right: 0;top: 0;bottom: 0;background-color: #EFE;border-radius: 0px 8px 8px 0px;}
.cli .favorite {position:absolute;top:-4px;right:4px;width:40px;height:40px;border: none !important;/*background: none !important;*/box-shadow: none !important;}

.vumeterdisplay_mean.vumeter_minmax_l::before {/*content: '';position: absolute;right: 50%;bottom: -50%;height: 200%;width: 1000px;background-color:rgb(0, 0, 200, 0.1);z-index:1;*/}

.vumeter_mainbg {content: '';position: absolute;bottom: 35%;top: 30%;background-color:rgb(0, 200, 0, 0.25);z-index:1;width: 100%;clip-path: polygon(100% 0%, 0% 50%, 0% 100%, 100% 100%);
background: linear-gradient(90deg, 
    rgba(200, 200, 0, 0.1)  0%,rgba(200, 200, 0, 0.1)  8%, rgba(0, 0, 0,0)  8%, rgba(0, 0, 0,0) 10%,
    rgba(200, 200, 0, 0.1) 10%,rgba(255, 200, 0, 0.1) 18%, rgba(0, 0, 0,0) 18%, rgba(0, 0, 0,0) 20%,
    rgba(255, 200, 0, 0.1) 20%,rgba(255, 200, 0, 0.1) 28%, rgba(0, 0, 0,0) 28%, rgba(0, 0, 0,0) 30%,
    rgba(0, 200, 0,   0.1) 30%  ,rgba(0, 200, 0, 0.1) 38%,   rgba(0, 0, 0,0) 38%, rgba(0, 0, 0,0) 40%,
    rgba(0, 200, 0,   0.1) 40%  ,rgba(0, 200, 0, 0.1) 48%,   rgba(0, 0, 0,0) 48%, rgba(0, 0, 0,0) 50%,
    rgba(0, 200, 0,   0.1) 50%  ,rgba(0, 200, 0, 0.1) 58%,   rgba(0, 0, 0,0) 58%, rgba(0, 0, 0,0) 60%,
    rgba(0, 200, 0,   0.1) 60%  ,rgba(0, 200, 0, 0.1) 68%,   rgba(0, 0, 0,0) 68%, rgba(0, 0, 0,0) 70%,
    rgba(200, 0, 200,   0.1) 70%  ,rgba(200, 0, 200, 0.1) 78%,   rgba(0, 0, 0,0) 78%, rgba(0, 0, 0,0) 80%,
    rgba(200, 0, 200,   0.1) 80%  ,rgba(255, 0, 200, 0.1) 88%,   rgba(0, 0, 0,0) 88%, rgba(0, 0, 0,0) 90%,
    rgba(220, 0, 230,   0.1) 90%  ,rgba(230, 0, 230, 0.1) 98%,   rgba(0, 0, 0,0) 98%, rgba(0, 0, 0,0) 100%
);}
.vumeter_main {content: '';position: absolute;bottom: 0%;top: 0%;left: 0;right: 0;background-color:rgb(0, 0, 200, 0.95);z-index:2;overflow: visible !important;
background: linear-gradient(90deg, 
    rgb(200, 200, 0)  0%,rgb(200, 200, 0)  8%, rgba(0, 0, 0,0)  8%, rgba(0, 0, 0,0) 10%,
    rgb(255, 200, 0) 10%,rgb(255, 200, 0) 18%, rgba(0, 0, 0,0) 18%, rgba(0, 0, 0,0) 20%,
    rgb(255, 200, 0) 20%,rgb(255, 200, 0) 28%, rgba(0, 0, 0,0) 28%, rgba(0, 0, 0,0) 30%,
    rgb(0, 200, 0) 30%,rgb(0, 200, 0) 38%, rgba(0, 0, 0,0) 38%, rgba(0, 0, 0,0) 40%,
    rgb(0, 200, 0) 40%,rgb(0, 200, 0) 48%, rgba(0, 0, 0,0) 48%, rgba(0, 0, 0,0) 50%,
    rgb(0, 200, 0) 50%,rgb(0, 200, 0) 58%, rgba(0, 0, 0,0) 58%, rgba(0, 0, 0,0) 60%,
    rgb(0, 200, 0) 60%,rgb(0, 200, 0) 68%, rgba(0, 0, 0,0) 68%, rgba(0, 0, 0,0) 70%,
    rgb(200, 0, 200) 70%,rgb(200, 0, 200) 78%, rgba(0, 0, 0,0) 78%, rgba(0, 0, 0,0) 80%,
    rgb(200, 0, 200) 80%,rgb(255, 0, 200) 88%, rgba(0, 0, 0,0) 88%, rgba(0, 0, 0,0) 90%,
    rgb(230, 0, 230) 90%,rgb(230, 0, 230) 98%, rgba(0, 0, 0,0) 98%, rgba(0, 0, 0,0) 100%
);
clip-path: polygon(0% 0%);
}

.vumeter_negpos .vumeter_mainbg {clip-path: polygon(100% 0%, 50% 50%, 0% 0%, 0% 100%, 100% 100%);
background: linear-gradient(90deg, 
    rgba(230, 0, 230, 0.1)  0%  ,rgba(230, 0, 230, 0.1)  8%, rgba(0, 0, 0,0)  8%, rgba(0, 0, 0,0) 10%,
    rgba(100, 150, 0, 0.1) 10%,rgba(100, 150, 0, 0.1) 18%, rgba(0, 0, 0,0) 18%, rgba(0, 0, 0,0) 20%,
    rgba(0,   200, 0, 0.1) 20%,rgba(0, 200, 0, 0.1) 28%, rgba(0, 0, 0,0) 28%, rgba(0, 0, 0,0) 30%,
    rgba(0, 200, 0,  0.1) 30%,rgba(0, 200, 0, 0.1) 38%,   rgba(0, 0, 0,0) 38%, rgba(0, 0, 0,0) 40%,
    rgba(0, 200, 0, 0.1) 40%,rgba(0, 200, 0, 0.1) 48%,   rgba(0, 0, 0,0) 48%, rgba(0, 0, 0,0) 50%,
    rgba(0, 200, 0, 0.1) 50%,rgba(0, 200, 0, 0.1) 58%,   rgba(0, 0, 0,0) 58%, rgba(0, 0, 0,0) 60%,
    rgba(0, 200, 0,  0.1) 60%,rgba(0, 200, 0, 0.1) 68%,   rgba(0, 0, 0,0) 68%, rgba(0, 0, 0,0) 70%,
    rgba(0,   200, 0, 0.1) 70%,rgba(0, 200, 0, 0.1) 78%,   rgba(0, 0, 0,0) 78%, rgba(0, 0, 0,0) 80%,
    rgba(100, 150, 0, 0.1) 80%,rgba(100, 150, 0, 0.1) 88%,   rgba(0, 0, 0,0) 88%, rgba(0, 0, 0,0) 90%,
    rgba(230, 0, 230,   0.1) 90%,rgba(230, 0, 230, 0.1) 98%,   rgba(0, 0, 0,0) 98%, rgba(0, 0, 0,0) 100%
);}
.vumeter_negpos .vumeter_main {
background: linear-gradient(90deg, 
    rgb(230, 0, 230)  0%  ,rgb(230, 0, 230)  8%, rgba(0, 0, 0,0)  8%, rgba(0, 0, 0,0) 10%,
    rgb(100, 150, 0) 10%,rgb(100, 150, 0) 18%, rgba(0, 0, 0,0) 18%, rgba(0, 0, 0,0) 20%,
    rgb(0,   200, 0) 20%,rgb(0, 200, 0) 28%, rgba(0, 0, 0,0) 28%, rgba(0, 0, 0,0) 30%,
    rgb(0, 200, 0) 30% ,rgb(0, 200, 0) 38%,   rgba(0, 0, 0,0) 38%, rgba(0, 0, 0,0) 40%,
    rgb(0, 200, 0) 40%,rgb(0, 200, 0) 48%,   rgba(0, 0, 0,0) 48%, rgba(0, 0, 0,0) 50%,
    rgb(0, 200, 0) 50%,rgb(0, 200, 0) 58%,   rgba(0, 0, 0,0) 58%, rgba(0, 0, 0,0) 60%,
    rgb(0, 200, 0) 60% ,rgb(0, 200, 0) 68%,   rgba(0, 0, 0,0) 68%, rgba(0, 0, 0,0) 70%,
    rgb(0,   200, 0) 70%,rgb(0, 200, 0) 78%,   rgba(0, 0, 0,0) 78%, rgba(0, 0, 0,0) 80%,
    rgb(100, 150, 0) 80%,rgb(100, 150, 0) 88%,   rgba(0, 0, 0,0) 88%, rgba(0, 0, 0,0) 90%,
    rgb(230, 0, 230) 90%  ,rgb(230, 0, 230) 98%,   rgba(0, 0, 0,0) 98%, rgba(0, 0, 0,0) 100%
);}

.vumeter_mainvibe {content: '';position: absolute;right: 0px;bottom: 0;top: 0;margin-right: 0%;background-color:rgb(200, 0, 200, 0.95);z-index:3;
    background: repeating-linear-gradient(45deg, rgba(200, 0, 200, 0.95), rgba(200, 0, 200, 0.75) 20%, rgba(200, 0, 200, 0) 20%, rgba(200, 0, 200, 0.25) 30%);
}


.vumeter_mainvibe2bg {content: '';position: absolute;left: 0px;bottom: 0%;top: 30%;background-color:rgb(0, 200, 0, 0.25);z-index:1;width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 255,0.2)  0%,rgba(0, 255, 0,0.2)  50%, rgba(255, 0, 0,0.2)  100%);
 clip-path: url(#smallSinGauge);/*polygon(100% 100%, 0% 75%, 0% 25%, 100% 0%);*/
 /*background-image: linear-gradient(-90deg,transparent 0%,transparent 50%, white 50%, white 100%),
 linear-gradient(  0deg, rgba(0,200,0,0.43) 0%, rgba(0,200,0,0.43) 50%, rgb(0, 200, 0, 0.15) 50%, rgb(0, 200, 0, 0.15) 100%);
 background-size:0.2em 0.2em;*/
 }
.vumeter.big .vumeter_mainvibe2bg { clip-path: url(#sinGauge); max-width: 370px; margin: 0 -30%; left: 50%;}
.vumeter_mainvibe2 {content: '';position: absolute;left: 0px;right: 0px;bottom: 0%;top: 0%;background-color:rgb(0, 200, 0, 0.95);z-index:2;overflow: visible !important;
    background: linear-gradient(90deg, rgb(0, 0, 255)  0%,rgb(0, 255, 0)  50%, rgb(255, 0, 0)  100%);
    clip-path: polygon(0% 0%);
}

#pulsecatinfo_ontopchart .vurange_xaxislegend {font-size:70%;width:100%;text-align:center;}
#pulsecatinfo_ontopchart .vumeter1.s {visibility:visible !important;}
#pulsecatinfo_ontopchart .catlistdatagroup_data {/*bottom: -64px;min-width: 320px;*/top: 22px;width: 83px;left: 0px;height: 30px;bottom: auto;flex-wrap:wrap;}
#pulsecatinfo_ontopchart .catlistdatagroup_data:hover {width: auto;overflow:visible;}
#pulsecatinfo_ontopchart .catlistdata1,#pulsecatinfo_ontopchart .catlistdata1 .catlistdata {visibility:visible !important;height:30px;width:auto; }
#pulsecatinfo_ontopchart .catlistdatatitle {display:none;}

.energy_and_information .vumeter {overflow:visible;}
.energy_and_information .vumeter::before {display:block;content:'';z-index:0;position:absolute;left:103%;width:180px;min-width:50px;margin:1px 1px 0px 0px;height:25px;/*float:right;*/overflow:hidden;background-color:rgb(245,245,245);color:#888;border:1px solid #ddd;border-radius:8px;margin-top:-1px;}
.energy_and_information .vumeter_information {left:103%;}
.energy_and_information .vurange_xaxislegend .vumeter_information {position:absolute;width:100%;}

@media screen and (max-width:811px)  {
.energy_and_information.energy_and_information_2lines .vumeter::before {left:0%;top:55px;}
.energy_and_information.energy_and_information_2lines .vumeter_mainvibe2bg.vumeter_information {left: 1px;top: 62px;bottom: -62px;}
.energy_and_information.energy_and_information_2lines .vurange_xaxislegend .vumeter_information {left:0%;top:106px;}
}
.energy_and_information.energy_and_information_always2lines .vumeter::before {left:0%;top:55px;}
.energy_and_information.energy_and_information_always2lines .vumeter_mainvibe2bg.vumeter_information {left: 1px;top: 62px;bottom: -62px;}
.energy_and_information.energy_and_information_always2lines .vurange_xaxislegend .vumeter_information {left:0%;top:106px;}

.energy_and_information .vumeter.big {margin-bottom:130px;box-shadow: 1px 1px 8px 8px #fff;/*position: absolute;z-index: 99;left: 10px; top: 5px;right: 10px;*/}
.energy_and_information .vumeter.big::before {width:100%;left:0;top:100%;margin-top:30px;height:100px;box-shadow: 1px 1px 8px 8px #fff;/*position: absolute;z-index: 99;left: 10px; top: 5px;right: 10px;*/}
.energy_and_information .vumeter.big .vumeter_information {left:0;top:100%;margin:10px 0px 0px 0px !important;bottom: -130px;}
.energy_and_information .vumeter.big .vurange_xaxislegend .vumeter_information {top:120px;border-top: 1px solid #ddd;}


.energy .vumeter_information {display: none !important;}
.energy .btn-energy,.energy .btn-energy:focus,.energy .btn-energy:hover {color: white;}
.information .vumeter_energy {display: none !important;}
.information .btn-information,.information .btn-information:focus,.information .btn-information:hover {color: white;}
.vu_pro .vumeter_information {}
.energyandinformation .vumeter_information {top: 78% !important;}

.vumeter_mainbreadth {content: '';position: absolute;bottom: 25%;top: 25%;background-color:rgba(255,255,255,0.4); border-width: 0px 1px 0px 1px;border-style: dotted;border-color: #444;z-index:1;background: repeating-linear-gradient(45deg, rgba(0,0,0, 0.07), rgba(0,0,0, 0.07) 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 20%); }

.color_main {color:rgb(0, 200, 0, 0.95);}
.color_vibe2 {color:rgb(0, 0, 255, 0.95);}

.vumeter_histories {display: flex;padding-left: 40px;position:relative;height: 210px;overflow-x: auto;overflow-y: hidden;background-color: #f0f0f0;color: #888;border: 1px solid #ddd;border-radius: 8px;box-shadow: 1px 1px 8px 8px #fff;}
.vumeter_histories .vuname {display: none;}
.vumeter_histories .vurange {position:absolute;left: 0px;top: 5px;bottom: 25px;z-index: 9;font-size: 70%;padding: 2px;width: 26px;/*background-color: #f0f0f0;*/border-width: 1px 0px 1px 0px;border-style: dotted; border-color: #AAA;}
.vumeter_histories .vurange_height {position:absolute;left: 0px;right: 0px;top: 5px;bottom: 25px;}
.vumeter_histories .vurange0 {position: absolute;left: 0px;bottom: 25px;z-index: 10;font-size: 70%;padding: 2px;}
.vumeter_history1 {flex: 1;/*max-width: 33px;*/position: relative;border-left: 1px dashed #ccc;}
.vumeter_history1_sameday {margin-left:-5px;border-left: 1px dashed #fff;}
.vumeter_history1_farday {margin-left:20px;border-left-width: 2px;}
.vumeter_history1 .date {position: absolute; bottom: 0; left: 0px;z-index: 8;font-size: 70%;line-height: 90%;text-align: left;right: 0px;}
.vumeter_history1 .vumeter {border: none;}
.vumeter_history {transform: rotate(-90deg) translate(-23px,-80px);height: 10px;max-height: 10px;width: 180px;/*background: none !important;*/}
.vumeter_histories .vu_neg {right: 0;top: auto;}
.vumeter_histories .vu_pos {left: 0;bottom: auto;}
.vumeter_history1_opened .date {background-color: rgba(0,0,0,0.1);border: 1px solid #999;margin-right: -1px;z-index: 9;border-radius: 4px;};

/*.vumeterdisplay.long_v  {left:55%;width:25%;height:8px;background-color:rgb(139, 195, 74, 0.8);z-index:2;}
.vumeterdisplay.v       {left:55%;width:20%;height:6px;background-color:rgb(76, 175, 80, 0.8);z-index:1;}
.vumeterdisplay.short_v {left:55%;width:15%;height:4px;background-color:rgb(0, 150, 136, 0.8);z-index:2;}
.vumeterdisplay.beat_v  {left:55%;width:10%;height:2px;background-color:rgb(255, 150, 60, 0.8);z-index:3;}
*/

#beatvulegend {display: flex;flex-wrap: wrap;overflow: visible;}
#beatvulegend > div {flex: 1;height: 14px;}
#beatvulegend .vumeterdisplay {width:10px;height:10px;display:inline-block;position:relative !important;left:0px !important;margin-left:10px;}

#cvu_key {display: none;}


#heartchartfft .ct-series-a .ct-line {stroke:#629970/*44A*/;}
#heartchartfft .ct-series-b .ct-line {stroke:#996270/*C00*/;}
#heartchartfft .ct-series-c .ct-area {fill:#19C2D8/*080*/;}
#heartchartfft .ct-series-d .ct-area {fill:#19D4AB;}/*vlong*/
#heartchartfft2 .ct-series-a .ct-line {stroke:#629970/*44A*/;}
#heartchartfft2 .ct-series-b .ct-line {stroke:#996270/*C00*/;}
#heartchartfft2 .ct-series-c .ct-area {fill:#19C2D8/*080*/;}
#heartemotions .ct-series-a .ct-line {stroke:#629970/*44A*/;}
#heartemotions .ct-series-b .ct-line {stroke:#996270/*C00*/;}
#heartemotions .ct-series-c .ct-line {fill:#19C2D8/*080*/;}
#heartemotions .ct-series-d .ct-area {fill:#19D4AB;}/*vlong*/
.barsmlv .ct-series-a .ct-bar {stroke:#629970/*44A*/;}
.barsmlv .ct-series-b .ct-bar {stroke:#99627088/*C00*/;stroke-width:2% !important;}
.barsmlv .ct-series-c .ct-bar {stroke:#19C2D888/*080*/;stroke-width:4% !important;}
.barsmlv .ct-series-d .ct-bar {stroke:#19D4AB88;stroke-width:8% !important;}/*vlong*/

.datalist li.s {background-color:#62997088;}
.datalist li.m {background-color:#99627088;}
.datalist li.l {background-color:#19C2D888;}
.datalist li.v {background-color:#19D4AB88;}



.waveform_move {
  stroke: rgba(255,255,255,0.8);
  animation: waveform_moveanim 5s linear infinite normal;
  stroke-dasharray: 40 20 40 100;
}
@keyframes waveform_moveanim { 0% { stroke-dashoffset: 1000; } 100% { stroke-dashoffset: 0; } }

@keyframes pulse { 0% { transform: translate(0px,0px); } 50% { transform: translate(-0.2px,-0.2px); } 100% { transform: translate(0.2px,0.2px); } }

body {
  margin: 0;
}


#login_anim_div {opacity:0;top:100%;z-index: 10000;background-color:#59ACA6;text-align:center;transition:all 0.9s;}
#login_anim_div.shown {opacity:1;top:0;}
#login_anim_title {padding: 30% 10%;box-sizing: border-box;}
.balloon-container {
  height: 100vh;position:absolute;top:0;z-index:0;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  transition: opacity 500ms;
}

.balloon {
  height: 125px;
  width: 105px;
  border-radius: 75% 75% 70% 70%;
  position: relative;
}

.balloon:before {
  content: "";
  height: 75px;
  width: 1px;
  padding: 1px;
  background-color: #FDFD96;
  display: block;
  position: absolute;
  top: 125px;
  left: 0;
  right: 0;
  margin: auto;
}

.balloon:after {
    content: "▲";
    text-align: center;
    display: block;
    position: absolute;
    color: inherit;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
}

@keyframes balloonFloat {
  from {transform: translateY(100vh);
  opacity: 1;}
  to {transform: translateY(-100vh);
  opacity: 0;}
}