/* Empty. Add your own CSS if you like */
body,html {
  text-align: center;
}
body, .ionic-body, ion-content,.scroll-content,.item-content,input,.item.item-input  {
    background-color: rgb(20, 20, 25);
    color:#fff;
}
.item-complex .item-content, .item-radio .item-content{
  background: transparent;
}
.tabs {
    background-color: #000;
}
ion-tabs.tabs-color-active-positive .tab-item {
    color: rgb(179, 0, 125);
}
ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
    color: rgb(109,196,199);
}
.alert {
  display:block;
  padding: 10px;
}
.alert-success {
  color: #28a54c;
}
.alert-danger {
  color: #e42112;
}
.alert.alert-success {
  background-color: #28a54c;
  color: #fff;
}
.alert.alert-danger {
  background-color: #e42112;
  color: #fff;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  background: transparent!important;
  color: #fff;
}
.bar.bar-stable,.bar.bar-stable .title {
  background-color: rgb(179, 0, 125)!important;
  color: rgb(255,255,255)!important;
  
}
.bar,.bar-header{
  background-color: rgb(179, 0, 125);
  color: rgb(255,255,255);
}
.white {
  color: rgb(255,255,255);
}
.bg.white {
  background-color: rgb(255,255,255);
}
.green,.colored {
  color: rgb(109,196,199);
}
.bg.colored a:hover {
  color: rgba(70,70,70,0.8);
}
.bg.colored {
  background-color: rgb(109,196,199);
  color: rgb(255,255,255);
}
.bg.colored.softed50 {
  background-color: rgba(109,196,199,0.5);
  color: rgb(255,255,255);
}
.grey {
  color: rgb(70,70,70);
}
.grey.softed50 {
  color: rgb(140,140,140);
}
.bg.grey {
  background-color: rgb(70,70,70);
  color: rgb(255,255,255);
}
.bg.grey.softed50 {
  background-color: rgba(70,70,70,0.5);
  color: rgb(255,255,255);
}
.scandata {
  height:auto;
}
.scandata .item {
  font-size: 1.7em;
  display:block;
  padding: 1em;
  height:auto;
  white-space: normal;
  background:rgba(109,196,199,1);
  color: rgb(255,255,255);
}
.item.scaninfo {
  background-color: rgba(255,255,0,1);
  color:rgb(0,0,0);
  font-size: 1.5em;
  
  display:block;
}
.scandata label {
  width: 100%; 
  display:block;
}
.scanlist .item {
  font-size: 1.2em;
  text-align:left;
}
#qrscanner.item.item-input {
    border:0;
    border-color: rgb(109, 196, 199);
    border-style: solid;
    border-width: 0 0 3px;
    
}
#ticketnr {
  text-align:center;
}
.item.item-input.big {
    background-color: rgb(25,25,30);
    border-color: rgb(109, 196, 199);
    border-style: solid;
    border-width: 0 0 3px;
    font-size: 2em;
    margin: -1px;
    padding: 0.2em 0.5em;
}
.item.item-input.big .icon {
  min-width:28px;
}
.item.item-input.big input{
  font-size: 1em;
    flex:none;
   padding: 0 44px 0 0;
   height:38px;
}

.item.item-input.big input::-webkit-input-placeholder {
  color: darkcyan ;
  padding-top:10px;
}
.item.item-input.big input:-moz-placeholder {
  color: darkcyan ;
  padding-top:10px;
}
.item.item-input.big input::-moz-placeholder {
  color: darkcyan ;
  padding-top:10px;
}
.item.item-input.big input:-ms-input-placeholder { /* IE10+ */
  color: darkcyan ;
  padding-top:10px;
}

.loader{
    display: inline-block;
    font-size: 4em;
    height: 100%;
    left: 0;
    margin: 60px auto;
    padding-bottom: 60px;
    padding-top: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    color:rgb(109,196,199);
}
.loader .icon{
  animation: animationFrames linear 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(359deg) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(359deg) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(359deg) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(359deg) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(359deg) ;
  }
}