/******************* BUTTON ********************/
.ion-button {
      --background: #4e82b2;
}

ion-button{
      --color: #fff;
}

.ion-button-outline{      
      --border-color:#4e82b2;
      --color:#4e82b2;
      color:#4e82b2;
}

.ion-button-clear {
      --color: #4e82b2;      
}

/***************** IONIC NATIVE COMPONENTS ***************************/
.ion_segment_button {
      --background-hover: #4e82b2;
      --color:#000;
      --indicator-color: #4e82b2;
      --color-checked: #000;
}

/********************************************/
.background_color {
      background-color: #4e82b2;
      --background: #4e82b2;      
      font-family: inherit;
      
      color: #fff;

      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

.submenu_background_color {
      --background: #ffffff;
      background-color: #ffffff;
}

.background_tint_color {
      --background: #d6d6d6;
      background: #d6d6d6;
}

.search_box_holder {
      background-color: #ffffff;
}

.text_bg_color{
      --background: #ffffff;
      background-color: #ffffff;
      color: #000;
}

.text_color {
      color: #000 !important;
}

.menu_item{
      color: #fff !important;
}

/************ HIGHLIGHTS *************/
.highlight_Q{
      color: red; 
      font-family: inherit;
}

.highlight_A{
      font-family: inherit;
      color: blue; 
}

.highlight_S{
      font-family: inherit;
      color: green; 
}

.highlight_B{
      font-family: inherit;
      color: orange; 
}

/********************* TEXT HIGHLIGHTING (Annotations) ***************************/
.line1_text>span::selection{
      background: #96c6f3;      
}

/********************* INDEXING ***************************/
.index_holder{
      scrollbar-color: #96c6f3 #fff;
}