// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
/**/
//7,124,204


/* Add to app.scss - Performance optimizations */


/* 2. Optimize heavy selectors */
.simulating * {
  animation-duration: 0s !important;
  transition-duration: 0s !important;
  will-change: auto; /* Disable expensive animations during sim */
}

/* 3. Container queries for better performance */
.main-container {
  contain: layout style paint;
}

.chart-container {
  contain: layout paint;
}

/* 4. Reduce paint areas */
.dropdown-content {
  contain: layout;
  transform: translateZ(0);
}

/* 5. Optimize frequently changing elements */
.simulation-speed, .portfolio-display, .price-display {
  contain: layout;
  will-change: contents;
}

/* 6. Disable expensive effects during simulation */
.simulating .hov:hover {
  transform: none !important;
}

.simulating .pulse {
  animation: none !important;
}

/* 7. Optimize modal performance */
.modal-wrapper {
  contain: layout style paint;
  transform: translateZ(0);
}

//.liveValue {visibility: hidden}


@media (min-aspect-ratio: 2/1) {
.bigTitle{
font-size:20vh !important
}

.subTitle{
font-size:4vh !important
}

.titleIcon{
width:20vh !important
}


.minimap{
height:auto !important;
width:auto !important
}


}




.simulating * {
  animation-duration: 0s !important;
  transition-duration: 0s !important;
}


.botIcon{
width:14px;

}

.full{
  opacity:1 !important;
}

.brightWhite > .stat{
color:white !important;
opacity:1 !important;
}

.roboBtn{
  background:linear-gradient(0deg, rgba(43, 43, 43, 0.8), rgba(43, 43, 43, 0.9)),url("../assets/robo.gif") !important;
  background-size:cover !important;
background-position:center !important; 
}

.histTrades{
  border-bottom:1px solid white;
  padding:13px;
  padding-left:30px;

   //style="padding:15px;padding-top:5px;border-bottom:1px solid white"
}

.dateHistTrade{
opacity:.5;
  position:absolute;
}


.ma-1{
  fill:yellow;
}
#\:1\.container{
visibility:hidden !important;
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf{
  display:none !important;
}

.VIpgJd-ZVi9od-l4eHX-hSRGPd{
  pointer-events:none !important;
}


.bulk{

}

.bulkTxt{
  position:absolute;
right:145px;
top:15px;
  font-size:12px;
  font-style:italic;
}

.bulkBtn{
  position:absolute;
right:60px;
width:70px;
cursor:pointer;
top:5px;
}

#goog-gt-{
 display:none !important; 
}

font{
   -webkit-user-select: none !important; /* Safari */
  -ms-user-select: none !important; /* IE 10 and IE 11 */
  user-select: none !important; /* Standard syntax */ 

}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{
  background-color:transparent !important;
  box-shadow: none !important;
}


body{
  top:0 !important;
  -webkit-user-select: none !important; /* Safari */
  -ms-user-select: none !important; /* IE 10 and IE 11 */
  user-select: none !important; /* Standard syntax */
}

/*
<style>#google_translate_element,.skiptranslate{display:none;}body{top:0!important;}</style>

ion-app{
  margin-top:-40px !important;
}
*/

.noOpac{
  opacity:1 !important
}
.Recessions{
  pointer-events:none !important;
}

tooltip-box{
pointer-events:none !important;
}
/*
.discord{
  position:absolute;
  width:500px;
  height:500px;
}
*/
.moreIcon{
font-size:30px;
margin-top:-5px;
}

.loanBadge{
position:absolute;
z-index:5;
margin-top:-3px;
margin-left:106px;
}

.loancycl{
  position:absolute;
  margin-top:6px;
  margin-left:15px;
}

.arrowForward{
opacity:.5;
font-size:20px;
margin-right:10px;
margin-top:5px;
}



.loading{
  width:100%;
  height:100%;
  position:absolute;
  background:#33332D;
  z-index:9999999 !important;
}
//page-baklava .node-editor .background {background-color:green !important}
.heart{
opacity:.3;
cursor:pointer;
}

.host{
  opacity:.5;
  font-size:14px;
  padding-left:10px;
}
.fav{
  opacity:.7;
}

.discord{
  width:18px;
  float:right;
  margin-right:-3px
}
.socialBtns{
  position:absolute;
  right:35px;
  font-size:22px;
  margin-top:-3px
}

.socialBtns>ion-icon:hover{
  opacity:1;
  -webkit-transform: scale(1.1);
}

.socialBtns>ion-icon{
  cursor:pointer;
    opacity:.5;
padding-right:15px;
}

.sandboxBtn{
  z-index:99999 !important;
  position:absolute;bottom:5px;margin-right:40px;
}

.dragIT{
    -webkit-app-region: drag !important;
    cursor:move !important;
}

.menubar{
width:100vw;
height:12px;
position:absolute;
z-index:999999 !important;
}

.ion-diagnostic-error-line .ion-diagnostic-blob-num{color:black !important}

#ion-diagnostics .ion-diagnostic-blob-num{color:white !important}

#ion-diagnostics, .ion-diagnostics-header, .ion-diagnostic-stack-header, .ion-diagnostic-message, .ion-diagnostic-stack, .ion-diagnostic-title, .ion-diagnostic-file-header, {
  background:black!important;
  color:white !important;
}

.titleAd{
  max-width:25vw
}



.iheartURL{
  position:absolute;
  right:50px;
  top:10px;
}




input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.bakTik{
  position:absolute;right:10px;bottom:52px;z-index:1;color:white;text-align:right;font-size:15px
}

.opact{
  opacity:.25;
}
.whte{
  opacity:.5 !important;
}

.skipTut{
  background:gray;cursor:pointer;z-index:999;position:absolute;bottom:140px;right:30px;opacity:.7
}

.skipTut:hover{
  opacity:1;
  -webkit-transform: scale(1.02) !important;
}

.limitOrders{
  position:absolute;
  left:560px;
  bottom:15px;
  height:83px;
  border:2px dotted rgba(255,255,255,.2);
  padding-top:3px;
  padding-bottom:3px;
  padding-left:15px;
  padding-right:15px;
text-align:justify !important;
text-justify:inter-word !important;
}

.nono:hover{
cursor:no-drop;
}
.soon{
background:#077ccc;font-size:12px;position:absolute;bottom:80px;left:250px;z-index:99
}
.soon2{
background:#077ccc;font-size:12px;position:absolute;bottom:80px;right:90px;z-index:99
}

 #lim {
        height: 80px;
        overflow: hidden;
        line-height: 10px; /* vert-center */
    }

.buy{color:rgba(25, 255, 25, 0.7) !important}
.sell{color:rgb(255, 25, 25) !important}

.categories{
display:inline-block;font-size:22px;position:absolute;right:75px;top:8px
}

.categories>ion-icon:hover{
opacity:1 !important;
}

.categories>ion-icon{
  padding-left:5px;padding-right:5px;cursor:pointer;opacity:.8
}
.helpDrop.dropdown-content{
min-width:125px !important;
}

.blinkingLED{
  animation: blink 0.6s linear infinite;
}

.blinkingLED2{
  animation: blinkthree 1.2s linear infinite;
}

@keyframes blink{
0%{opacity: 1;}
50%{opacity: .3;}
100%{opacity: 1;}
}
@keyframes blinktwo{
0%{opacity: 1;}
50%{opacity: .6;}
100%{opacity: 1;}
}

@keyframes blinkthree{
0%{opacity: 1;}
50%{opacity: .7;}
100%{opacity: 1;}
}
select{
  cursor:pointer;
}
.noDrag{
  -webkit-app-region: no-drag !important;
}



.numadj{
background:rgb(40,40,40);
color:white;
width:33px;

}



.red{
  color:red;
}
.mainMenu{
  z-index:-999 !important;
object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.indicator-axis>text{
//transform:translateY(20px) rotate(-90deg) !important;
transform:translateY(63px) translateX(50px)rotate(0deg) !important;
text-transform:uppercase;
text-align:left !important;}
::-webkit-scrollbar {
width: 0px;
background: transparent; 
display:none;
}
.middleArrow:before{
  right:50% !important;
}
.superrightArrow:before{
  right:50px !important;
}
.superleftArrow:before{
  left:4px !important;
}
.leftArrow:before{
left:80px !important;
}

.rightArrow:before{
  right:80px !important;
}

.has-arrow.arrow-bottom:before{
  border-top:5px solid rgba(50,100,100,.93) !important;
}

.has-arrow.arrow-top:before{
  border-bottom:5px solid rgba(50,100,100,.93) !important;
}

.wrong {
background:rgba(220, 70, 80, 1) !important;
}

.check{
  background:green !important;
}

tooltip-box{
  z-index:99999 !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
margin-left:2px;
cursor:pointer;
}

.asyncLearn{
position:absolute;left:0;margin-left:-90px;margin-top:10px;opacity:.7
}

.asyncLearn:hover{
  opacity:1;
}

.range-knob{
  background:#077ccc;
    width:20px !important;
  height:20px !important;
  top:12px !important;
}

.range-bar{
height:3px !important
}

.numInput{
  //background:transparent !important;
  background:rgba(0,0,0,.3);
  border-radius:10px;
  padding-left:10px;
  width:100px;
}
.minimap{
bottom:.5vh !important;
right:calc(15% - 10px) !important;
}

.cstm{
  color:white !important;
  background:#33332D;
}

.opachov{
  opacity:.5
}
.opachov:hover{
  opacity:1
}

.cstm:hover{
  background:#33332D !important;
}

.supstance ~ .axisannotation path {

  fill:rgba(40,40,50,1) !important;
  border:1px white;
}

.scope-composed-annotation {
font-size:12px !important;
}

.huebee__container{
  margin-left:20px;
}

@font-face {

  font-family: "RobotoThin";
  src: url("../assets/RobotoMono-Thin.ttf");

}

@font-face {

  font-family: "RobotoReg";
  src: url("../assets/RobotoMono-Regular.ttf");

}

@font-face {

  font-family: "RobotoBold";
  src: url("../assets/RobotoMono-SemiBold.ttf");

}


.portfolioPrompt{
  position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;font-size:25px;font-family: 'RobotoReg', monospace;margin-top:10vh;width:80%;
}

.bigTitle{
  font-family: 'RobotoThin', monospace;
}

.subTitle{
  font-family: 'RobotoReg', monospace;
}


//.indent{margin-left:51px !important}
.fullopac{opacity:1 !important}

.hov { -webkit-transition: .2s;-webkit-app-region: no-drag !important}
.hov:hover { cursor: pointer; -webkit-transform: scale(1.02);opacity:1 !important}

.hov2 { -webkit-transition: .2s;-webkit-app-region: no-drag !important}
.hov2:hover { cursor: pointer; -webkit-transform: scale(1.1);opacity:1 !important}

/*button,div,span{*/
button{
   font-family: 'RobotoBold', monospace;
}

.mono{
  font-family: 'RobotoBold', monospace;
  letter-spacing: -1px; 
}


.swiper-container{
z-index:99 !important;
}

.slide{
  animation:flicker .7s infinite;

}

@keyframes flicker{
  $steps:5;
  @for $i from 0 through $steps{
    #{percentage($i*(1/$steps))}{
      opacity:.05+(random()/4);
     filter:blur(random()/5+px) hue-rotate(random()*-20+deg);

    }
  }
}
/**/



.cmm{
  font-family: 'RobotoBold', monospace;
  color:white;
  z-index:9999;
  width:33%;
  position:absolute;
  left:0;right:0;bottom:9vh;
  margin-left:auto;margin-right:auto;
  cursor:pointer;
}

tooltip-box{
background-color:rgba(50,100,100,.93) !important;
//color:black !important;
font-size:14px !important;
//font-style: italic !important;
padding-left:15px !important;
font-weight:bold !important;
}

.label{
  font-size:16px;
}

.chart{
  pointer-events:none !important;
}

#testCanvas{
  height:50vh !important;

}

.modalHeader{
position:absolute !important;
z-index:9999 !important;
}

.stat{
  font-weight:bold;
  font-size:20px;
  font-style:normal !important
}
.portDrop{
  background:transparent;color:#33332D;width:150px;margin-left:10px
}
.portDrop2{
  background:transparent;color:white;width:150px;margin-left:10px
}

.headerPad{
  height:50px;
}

.itm{
  color:white;
  background:transparent;
  cursor:pointer;
}

.itm:hover{
background:rgba(255,255,0,.3)
}

.helpSimpBtn{

font-size:23px;
position:absolute;
right:55px;
top:10px;
opacity:.7


}

.helpSimpBtn:hover{
  -webkit-transform: scale(1.1);
  cursor: pointer;
  opacity:.9;
}

.closeBtn{
opacity:.7;
font-size:30px;
position:absolute;
right:15px;
top:7px;
}

.closeBtn:hover{
  -webkit-transform: scale(1.1);
  cursor: pointer;
  opacity:1;
}



.iziToast-wrapper{
  padding-top:55px !important;
  padding-left:80px !important;
}

.coords{
      font-family: 'RobotoReg', monospace;
  font-style: italic;
}
path.tradearrow{
  stroke:#fff !important;
}
.tradearrow .buy path{
  stroke-width: 10;
}
.tradearrow{
stroke-width: 1.5;
  //transform: scale(2) translateX(-11.85em) translateY(-6.3em);
  //padding-right:100px !important;
  //fill:#0000ff;
}

.tradearrow:hover{
cursor:pointer
}

.disclaimerModal{
  .modal-wrapper{

  width:530px !important;
  height:315px !important;
  left: calc(50% - (520px/2)) !important;
  top: calc(50% - (315px/2)) !important;
}
}

.podcastsModal{
  .modal-wrapper{

  width:530px !important;
  height:600px !important;
  left: calc(50% - (520px/2)) !important;
  top: calc(50% - (600px/2)) !important;
}
}

.quizModal{
  .modal-wrapper{

  width:520px !important;
  height:410px !important;
  left: calc(50% - (520px/2)) !important;
  top: calc(50% - (410px/2)) !important;
}
}
.modalPortfolio{
.modal-wrapper{

  width:80% !important;
  height:70% !important;
  left:10% !important;
  top:15% !important;
}
}

.modalIndicator{
.modal-wrapper{


  height:500px !important;

  top:calc(50vh - 250px) !important;
}
}

.modalIdle{
.modal-wrapper{


  height:300px !important;

  top:calc(50vh - 150px) !important;
}
}

.learnModal{
  .modal-wrapper{

  width:700px !important;
  height:650px !important;
  left: calc(50% - (700px/2)) !important;
  top: calc(50% - (620px/2)) !important;
}
}

.extrasModal{
  .modal-wrapper{

  width:700px !important;
  height:555px !important;
  left: calc(50% - (700px/2)) !important;
  top: calc(50% - (520px/2)) !important;
}
}

.tutorialModal{
  font-family: 'RobotoBold', monospace;
  .scroll-content {
  background: url("../assets/bck.png") !important;
background-size:cover !important;
background-position:center !important;  
  }
.modal-wrapper{

  width:700px !important;
  height:330px !important;
  left: calc(50% - (700px/2)) !important;
  top: calc(50% - (330px/2)) !important;
}
}


.simpleBot{

  select{
  margin:1px;
  max-width:95px !important;
}

.debounceDropdn{
max-width:130px !important;
}

.modal-wrapper{

    left: calc(50% - (640px/2));
    top: calc(50% - (650px/2));
    position: absolute;
    width: 640px;
    height: 650px;
    border:1px solid white;
}


}



.loanModal{
.modal-wrapper{
    left: calc(50% - (500px/2));
    top: calc(50% - (600px/2));
    position: absolute;
    width: 500px;
    height: 610px !important;
    border:1px solid white;

}
}



.label{
  font-weight:500;
 // font-size:40px;
}




.scroll-content{
  background: url("../assets/3px-tile.png") !important;
  //background-size:30% !important;
  background-color: rgb(51,51,45) !important;
}
.setMarket:hover{
  -webkit-transform: scale(1.03);
  cursor: pointer;
}

.ptr{
  cursor:pointer
}
button{
  opacity:.92
}
button:hover{
  cursor: pointer; -webkit-transform: scale(1.03);opacity:1 
}

.alert-radio:hover{
  -webkit-transform: scale(1.008) !important;
}

.colorInputBrush{
  //margin-top:-17px;
  width:25px;
  height:20px;
  cursor:pointer !important;
}
:root{
   --sma1:#5260ff;
   --ema1:#d3050f;

   --close:#852e2e;
   --adj:#6E75A8;
   --gains:#cc9900;
   --vol:#aaa;
   --atr:#5260ff;

   --dxy:#81F499;
   --unemployment:#899E8B;
   --housing:#AFECE7;
   --yields:#5260ff;
   --recess:#d3050f;
   --vix:#FFA500;
   --industry:#FFC0CB;
   --sp:#cc9900;
   --news:#fedc56;
}

.alert-title{
    font-family: 'RobotoReg', monospace;
  letter-spacing: -1px;
}



.alert-wrapper{
    border:1px solid white;
  color:white !important;
 //background: url("../assets/3px-tile.png") !important;
  background-color: rgb(30,31,31) !important;
  max-width:500px;
  min-width:300px
}

.questionAlert > .alert-wrapper{
width:800px !important;
max-width:800px !important;
}

.earlyAccessAlert .alert-wrapper{
width:800px !important;
max-width:800px !important;
}

.alert-md .alert-radio-icon{
  border-color:#077ccc !important;
}

.alert-md .alert-radio-inner{
  background-color:#077ccc !important;
}

.alert-md .alert-button{
  color:white !important;
  margin-right:20px !important;
  margin-bottom:5px !important;
  background-color:#077ccc !important;
  font-weight:bold !important;
  //min-width:50px !important;
  //width:80px !important;
  text-align:center !important;
}

.alert-md .alert-tappable{
  margin-left:10px !important;
}
.alert-md .alert-checkbox-label{
  color:white !important;
}

.alert-md .alert-input{
  color:white !important;
}

.alert-message{
  color:white !important;
}

.alert-radio-label{
    color:white !important;
     letter-spacing: -1px;
}

.portfolio .close-chart path.line { stroke: var(--close) !important }
.portfolio .adj-close-chart path.line { stroke: var(--adj) !important }
.portfolio .portfolio-chart path.line { stroke: var(--gains) !important }


//.sma.ma-0 path.line { stroke: #a20 !important }
.sma.ma-0 path.line { stroke: var(--sma1) !important }
.sma.ma-1 path.line { stroke: var(--sma2) !important }
.sma.ma-2 path.line { stroke: var(--sma3) !important }
.sma.ma-3 path.line { stroke: var(--sma4) !important }
.sma.ma-4 path.line { stroke: var(--sma5) !important }
.sma.ma-5 path.line { stroke: var(--sma6) !important }
.sma.ma-6 path.line { stroke: var(--sma7) !important }


.ema.ma-0 path.line { stroke: var(--ema1) !important }
.ema.ma-1 path.line { stroke: var(--ema2) !important }
.ema.ma-2 path.line { stroke: var(--ema3) !important }
.ema.ma-3 path.line { stroke: var(--ema4) !important }
.ema.ma-4 path.line { stroke: var(--ema5) !important }
.ema.ma-5 path.line { stroke: var(--ema6) !important }
.ema.ma-6 path.line { stroke: var(--ema7) !important }


select{
  background:rgb(40,40,40)
}

.discordCtrls{
position:absolute;
margin-left:493px;
width:100px;
margin-top:-25px;
z-index:9999 !important

}

.translateCtrls{
position:absolute;
color:white;
margin-left:120px;
width:100px;
margin-top:-20px;
z-index:9999 !important

}

#discordFrame{
  position:absolute;
  top:63px;
z-index:9999 !important
}

#translateFrame{
  position:absolute !important;
  top:100px;
  left:100px;
z-index:9999999999 !important
}

#pipFrame{
  position:absolute;
  top:63px
}

#radioFrame{
  position:absolute;
  top:63px
}
.pip{
  position:absolute;
  //width:20vw;
 // height:11.2vw;
 opacity:.95;
 width:320px;
 height:185px;
  left:15px;top:50px;
}

.minimize{
position:absolute;
  margin-top:4px;
  margin-left:-22px;
}

.audiowav{
  position:absolute;
  width:20px;
  margin-left:-27px;
  cursor:pointer;
}

.pipRadio{
  position:absolute;
  //width:20vw;
 // height:11.2vw;
 opacity:.95;
 width:250px;
 height:350px;
 user-select: none !important; 
  left:50px;top:58px;
  z-index:999;
}

.youtube{

width:630px;
height:354px;
//height:19.68vw;
  //height:610% !important;
}
.txtbtn{
  color:orange;
  opacity:.8;
  font-family: 'RobotoBold', monospace;
}

.txtbtn:hover{
  opacity:1;
  cursor:pointer;
}

.rangeSlide:hover{
cursor:grab;
}

.colorInput{
width:30px;
height:20px;

}


input[type="color"] {
  -webkit-appearance: none;
  border: none;
}
input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0 !important;
}
input[type="color"]::-webkit-color-swatch {
  border: none !important;
}


.colorInput:hover{

cursor:pointer
}

.trendList{
  color:white;background:transparent;padding:15px;padding-bottom:15px;border-bottom: 1px solid white;font-size:18px;font-family: 'RobotoBold', monospace;
}

.maList{
  color:white;background:transparent;padding:15px;padding-bottom:15px;border-bottom: 1px solid white;font-size:18px;font-family: 'RobotoBold', monospace;
}

.desc{
  font-family: 'RobotoBold', monospace;padding:20px
}


.backBtn{
color:gray;opacity:.5;font-size:40px;left:20px;top:5px;position:absolute;
}
.backBtn:hover{
cursor: pointer; -webkit-transform: scale(1.02);opacity:1 !important;color:white !important;
}

.pointernone{
  pointer-events:none;
}

.halfopac{
pointer-events:none;
opacity:.4;
}


.quartopac{
pointer-events:none;
opacity:.2 !important;
}

.halfOpacwHover{
opacity:.4 !important;
}
.halfOpacwHover{
-webkit-transform: scale(1) !important;
}




.led-green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-yellow {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #FFD400;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FFD400 0 2px 12px;
}


.led-red {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 0.5s infinite;
  -ms-animation: blinkRed 0.5s infinite;
  -o-animation: blinkRed 0.5s infinite;
  animation: blinkRed 0.5s infinite;
}

@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}

.led-box {
  height: 30px;
  width: 30px;
  position:absolute !important;
  margin-left:230px;
  margin-top:-26px;

}

.graphs{
  margin-top:30px;
  //width:200vw !important;
}

body>ion-app>ng-component.app-root>ion-nav>page-home.ion-page.force-visible {
    z-index:105 !important;
    display:block !important;
}

page-home {

  //background:#333 !important;
  background: url("../assets/3px-tile.png");
  background-color: rgb(51,51,45) !important;
}

page-litegraph {
  //background:#333 !important;
  background-color: rgb(80,80,80) !important;
}

page-baklava {
  //background:#333 !important;
  background-color: rgb(80,80,80) !important;
}



.dark{
	color:white;
 background: url("../assets/3px-tile.png");
 background-color: rgb(51,51,45) !important;
}


.md .modal-wrapper {
    border-radius: 2px;
    overflow: hidden;

}




@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
   from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


.animated {
  -webkit-animation-duration: 1000ms !important;
  animation-duration: 1000ms !important;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

   .animated.infinite {
        animation-iteration-count: infinite;
    }

ion-backdrop{
	visibility: visible !important;
}
.modal-wrapper {

    left: calc(50% - (500px/2));
    top: calc(50% - (640px/2));
    position: absolute;
    width: 500px;
    height: 640px;
    border:1px solid white;
}


.custom-browser{
  z-index:1001;
  .browser{
    z-index: 1001;
  }
  webview{
    z-index: 1002;
  }
}


.trendline {
    stroke: #2196F3;
    stroke-width: 1.5;
    fill: none;
    cursor: move;
}

.trendline circle {
    stroke-width: 0;
    fill: #2196F3;
    display: none;
    cursor: nwse-resize;
}

.mouseover .trendline path {
    stroke-width: 2;
    stroke: #1976D2;
}

.mouseover .trendline circle {
    stroke-width: 1;
    stroke: #1976D2;
    display: inline;
}

.dragging .trendline {
    stroke: #0D47A1;
    stroke-width: 2;
}

.interaction .trendline path, 
.interaction .trendline circle {
    pointer-events: all;
}

.interaction .trendline .body {
    cursor: move;
}

.interaction .trendline .start, 
.interaction .trendline .end {
    cursor: nwse-resize;
}

.trendline-coords {
    font-size: 12px;
    fill: #666;
    pointer-events: none;
}

/* Support and resistance line variants */
.trendline.support {
    stroke: #4CAF50;
}

.trendline.resistance {
    stroke: #F44336;
}

.trendline.support circle {
    fill: #4CAF50;
}

.trendline.resistance circle {
    fill: #F44336;
}

.interaction path, .interaction circle {
    pointer-events: all;
}

.interaction .body {
    cursor: move;
}

.interaction .start, .interaction .end {
    cursor: nwse-resize;
}

.trendline {
    stroke: #2196F3;
    stroke-width: 1.5;
    fill: none;
}

.trendline circle {
    stroke-width: 0;
    fill: #2196F3;
    display: none;
}

.mouseover .trendline path {
    stroke-width: 2;
    stroke: #1976D2;
}

.mouseover .trendline circle {
    stroke-width: 1;
    stroke: #1976D2;
    display: inline;
}

.dragging .trendline {
    stroke: #0D47A1;
    stroke-width: 2;
}



