@import url('https://fonts.googleapis.com/css?family=Orbitron');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');


body{
    background-color: black;
    margin: 5px;

}

label{
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 1px;
    margin-left: 0px;
    font-weight: 700;
}

.bottom-bar{
display: block;
line-height:28px;
padding-top: 5px;


}
ons-search-input .search-input {
    height:30px;
}
.ldf_14_center{
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  margin:3px;
  line-height: 30px;
}
.ldf_9{
    font-family: 'Orbitron', sans-serif;
    font-size: 9px;
    margin: 1px;
  
}
.ldf_12{
  font-family: 'Orbitron', sans-serif;
  font-size: 12px;
  margin: 1px;

}
.ldf_16{
  font-family: 'Orbitron', sans-serif;
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top:1px;
}

.ldf_14{
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 1px;
    margin-top:1px;
}
.ldf_22{
    font-family: 'Orbitron', sans-serif;
    font-size: 22px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 1px;
    margin-top:1px;
}
.ldf_40{
    font-family: 'Orbitron', sans-serif;
    font-size: 40px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 1px;
    margin-top:1px;
    
    
}
.ldf_mono{
  font-family: monospace;
}
.f_22{
  font-family: 'Orbitron', sans-serif;
  font-size: 22px;
}
.ldc_green{
    color: #00ff00;
}
.ldc_black{
  color: black;
}
.ldc_transparent{
  color:transparent;
}
.ldc_indigo{
  color: indigo;
}
.ldc_grey{
    color: grey;
}
.ldc_yellow{
    color: #FFFF00;
}
.ldc_red{
  color: crimson;
}
.ldc_coral{
  color: coral;
}
.ldc_navy{
  color:navy;
}
.ldc_orange{
  color:orangered;
}
.ldc_blue{
    color:royalblue;
}
.ldc_crinsom{
  color:crimson;
}
.ldc_white{
  color:white;
}
.right{
    text-align: right;
    white-space: nowrap;
}
.left{
    text-align: left;
}
.bold{
    font-weight: bold;
}
.under{
  text-decoration: underline;
}
.subtitle_9{
    font-family: 'Orbitron', sans-serif;
    font-size: 9px;
    margin: 1px;
    white-space: nowrap;
    background-color: transparent;
    color:coral;
}
.minitag{
    font-family: 'Orbitron', sans-serif;
    font-size: 9px;
    margin:under;
    margin-left:100px; 
    background-color: orangered; 
    color: white; 
    padding-left:5px; 
    padding-right:5px;
    line-height: 20px;
}
.list_on{
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    margin: 3px;
    font-weight: bold;
    color: greenyellow;
    background-color:#0707ca;
    line-height: 44px;
}
.list_off{
    font-family: 'Orbitron', sans-serif;
    font-size: 14px;
    margin: 1px;
    font-weight: bold;
    color: darkgrey;
    background-color:#303030;
    max-height:70px;
    }
/*



    ons-select {
        background-color:#303030;
        color: coral;
    }
    .select-input {
        background-color: #181818;
        color:green;
    }

*/



  
      .recomended_playlist {
        padding-left: 10px;
      }

      .recomended_playlist_title {
        font-size: 12px;
        font-weight: bold;
      }

      .thumbnail {
        width: 120px;
        height: 120px;
        display: table;
        background-color: rgba(0, 0, 0, 0.42);
      }

      .thumbnail ons-icon {
        font-size: 70px;
        color: rgba(190, 190, 190, 0.74);
        display: table-cell;
        vertical-align: middle !important;
      }

      .recomended_list {
        height: 150px;
      }

      .recomended {
        background: linear-gradient(rgb(208, 247, 211),#151715);
        padding-top: 44px;
      }

      .menu_list {
        background: transparent;
      }

      .menu_item {
        color: white;
        font-size: 12px;
      }

      .menu_item ons-icon {
        margin-right: 10px;
        color: gray;
        font-size: 16px;
      }

      .category {
        margin: 20px 0px;
        padding: 0px 30px;
      }

      .category_wrapper {
        max-width: 120px;
        width: 90%;
        margin: auto;
        background-color: rgba(128, 128, 128, 0.62);
      }

      .category_wrapper ons-icon {
        font-size: 55px;
        padding-top: 10px;
        line-height: 0.75em;
      }

      .category_thumbnail {
        display: inline-block;
        margin: 16px 0px;
      }

      .category_title {
        font-size: 12px;
        font-weight: bold;
        padding-top: 10px;
      }
    

      .noselect {
        -webkit-user-select:none;
        -webkit-touch-callout:none;
             -moz-user-select:none;
             -ms-user-select:none;
             user-select:none;  
      }

      .title_select{
        line-height: 32px;
        text-align: right;
        margin-right: 5px;
        color: greenyellow;
        font-weight: bold;
      }


 
/*
    CSS --- onu_full_edit
*/

.xxx{
  background-color:#303030;
  color: yellow;
  width: 100%;
}

.cfg_minitag_extra1{
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  color: white; 
}
.cfg_minitag_extra2{
  font-family: 'Orbitron', sans-serif;
  font-size: 14px; 
  color: white; 
}
.cfg_minitag_extra3{
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  color: white; 
}
.cfg_minitag_extra4{
  font-family: 'Orbitron', sans-serif;
  font-size: 10px; 
  margin:0px; 
  line-height: 20px;
  white-space: nowrap;
}
.col_extra1{
  text-align: center;
  background-color:magenta; 
  margin-left: 5px;
}
.col_extra2{
  text-align: center;
  background-color:crimson; 
  margin-left: 5px;
}
.col_extra3{
  text-align: center;
  background-color:blue; 
  margin-left: 5px;
}
.col_extra4{
  text-align: center;
  background-color:forestgreen; 
  margin-left: 5px;
}
.tag_cfg{
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  color: white; 
  line-height: 20px;
}

.onu_cell{
  background-color: blue;
  color: white;
  text-align: center; 
 
/*border: 1px solid white;*/
}
.onu_off{
  font-size: 18px;
  font-family: monospace;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top:1px;
  color:darkgrey;
  border: solid 2px darkgrey;
  white-space: nowrap;
  text-align: right;
  padding-left: 2px;
  padding-right: 2px;
  
}
.onu_on{
  font-size: 18px;
  font-family: monospace;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top:1px;
  color: #00ff00;
  border: solid 2px green; 
  white-space: nowrap;
  text-align: right;
  ;
}
.onu_non{
  font-size: 18px;
  font-family: monospace;
  margin-left: 1px;
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top:1px;
  color: grey;
  border: solid 2px grey;
  white-space: nowrap;
  text-align: right;
  padding-left: 2px;
  padding-right: 2px;
}

.mini{
  font-family: Orbitron;
  font-size: 12px;
  margin-top:0px;
  
  background-color: blue; 
  color: white; 
  padding-left:5px; 
  padding-right:5px;
  border-radius: 2px;
}

.mini_info1{
  font-family: Orbitron;
  font-size: 14px;
  
  
  background-color:indigo; 
  color: white; 
  padding-left:5px; 
  padding-right:5px;
  border-radius: 2px;
  margin-left: 5px;
  text-align: center;

  width:30px;
  float:left;
}
.mini_info2{
  font-family: Orbitron;
  font-size: 14px;
  
  
  background-color:darkorange; 
  color: white; 
  padding-left:5px; 
  padding-right:5px;
  border-radius: 2px;
  margin-left: 5px;
  width:30px;
  float:left;
  text-align: center;
}
.mini_info3{
  font-family: Orbitron;
  font-size: 14px;
  
  
  background-color:royalblue; 
  color: white; 
  padding-left:5px; 
  padding-right:5px;
  border-radius: 2px;
  margin-left: 5px;
  white-space: nowrap;
  float:left;
  width: 40px;
  text-align: center;
}
.mini_info4{
  font-family: Orbitron;
  font-size: 12px;
  color: #00ff00; 
  margin-left: 5px;
  white-space: nowrap;
  font-weight: bold;
  float:left;
  width:100%;

}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink {
  animation: blinker 1s step-start infinite;
}
section {
  text-align: center;
  float: left;
}
canvas {
  padding: 10px;
  margin: 0em;
}

.list-item-small{
  height:30px;
  min-height: 30px;
}

.nospace{
  margin:0px;
  padding:0px;
}

.toast_success{
  background-color: forestgreen;
}
.toast_fail{
  background-color:orangered;
}
.toast_alert{
  background-color:royalblue;
}
/*
div#sidebar p {
  color: #F0F;
}
*/


.ltotal{
  width: 100%;
  
}
.mtext_green{
  border-radius: 2px;
  background-color: green;
  color:white;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}
.mtext_indigo{
  border-radius: 2px;
  background-color: indigo;
  color:white;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}
.mtext_pink{
  border-radius: 2px;
  background-color: pink;
  color:white;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}
.mtext_red{
  border-radius: 2px;
  background-color: orangered;
  color:white;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}
.mtext_blue{
  border-radius: 2px;
  background-color: royalblue;
  color:white;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}
.mtext_coral{
  border-radius: 2px;
  background-color: coral;
  color:white;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}

.mtext_transparent{
  border-radius: 2px;
  margin: 5px 1px 5px 1px;
  text-align: center;
  vertical-align: middle;
}
.dialog-full{
  width: 350px;
}
/* Seletores Padroes / Classes Padroes - Minhas Customizacoes */
    /* ons-page */
        .page__background{
          background-color:#181818;
        }
    /* ons-list */
        ons-list-item{
          background-color: #181818;
          margin: 1px;
        }
    /* ons-dialog */
          .dialog-container {
            /* background-color:#001800; */
            background: #282828;
          }
          ons-dialog p {
            margin:10px 5px 5px 5px;
          }
    /* seletor ons-select e select */
    .select-material{
      width: 100%;
    }
    .select-input {
      background-color:#424242;
      color:yellow; 
      font-family: 'Orbitron'; 
      font-size: 14px; 
      font-weight: bold;
      max-height: 24px;
      height: 24px;
      line-height: 24px;
      border-radius: 2px;
      padding: 0px 5px 0px 5px;
      margin: 6px 0px 6px 0px;
    }

    /*ons-row*/
    ons-row{
      align-items: center;
    }
    
    /* selector ons-input*/
    ons-input{
      color:yellowgreen;
      font-size: 14px; 
      font-weight: bold;
    }
    .text-input {
      font-family: 'Orbitron';
      background-color: #424242;
      font-size:14px;
      color: yellow;
      border-radius: 2px;
      margin: 6px 0px 6px 0px;
      padding-left: 3px;
    }
    .text-input--material__label {
      font-family: 'Orbitron';
      font-size: 14px;
      font-weight: bold;
      color: color-mod(#fff a(30%));
      position: absolute;
      left: 0;
      top: 2px;
      pointer-events: none;
      margin: 6px 0px 6px 5px;
    }
    .text-input--material__label--active {
      font-family: 'Orbitron';
      font-size: 20px;
      height: 18px;
      color: #00ff00;
      font-weight: bold;
      margin:0px;
      -webkit-transform: translate(0, -75%) scale(0.75);
      transform: translate(0, -75%) scale(0.75);
      -webkit-transform-origin: left top;
      transform-origin: left top;
      transition: color 0.1s ease-in, -webkit-transform 0.1s ease-in;
      transition: transform 0.1s ease-in, color 0.1s ease-in;
      transition: transform 0.1s ease-in, color 0.1s ease-in, -webkit-transform 0.1s ease-in;
    }
/**************************/
.bg_blue{
  background-color: royalblue;
  color: white;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  border-radius: 2px;
}
.bg_coral{
  background-color: coral;
  color: white;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  border-radius: 2px;
}
.bg_green{
  background-color: darkgreen;
  color: white;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  border-radius: 2px;
}
.bg_red{
  background-color: orangered;
  color: white;
  margin-left: 3px;
  margin-right: 3px;
  text-align: center;
  border-radius: 2px;
}
.listx{
  color: darkgrey;
  background-color:#202020;
  border-radius: 2px;
  margin: 1px;
  
  }
.in_title{
  font-family: 'Orbitron';
  font-weight: bold;
  font-size: 16px;
  color:  #00FF00;
  margin: 0px 5px 0px 5px;
}
.in_subtitle{
  font-family: 'Orbitron';
  font-size: 14px;
  color:  yellow;
  margin: 0px 3px 0px 3px;
}
.out_title{
  font-family: 'Orbitron';
  font-weight: bold;
  font-size: 16px;
  color:  #00FF00;
  margin: 0px 5px 0px 5px;
}

/*xxsssssr123777777*/

/*teste1236666699998888a*/