/**
 * APEX_MOBILE.CSS
 * 
 * CSS for mobile Oracle APEX apps
 * @version: 0.3
 */
 
/*
 * center page title
 */
.t-Header-logo {
    text-align: center;
}

/*
 * remove white space around region
 */
/*.t-Body-content { 
    margin-top: -1px; 
}*/

/*
 * remove white space around region
 */
/*.t-Body-contentInner { 
    padding: 0.2em;
}*/

/*
 * set color of heart icon to red ;)
 */
.fa.fa-heart {
    color: red;
}

/*
 * style parameter container
 * - light grey background
 * - black bottom border
 * - padding within
 */
#parameters {
  background-color: #108a90;
  border-bottom: 1px solid black;
  padding: 8px;
}

/*
 * style list divider for more contrast
 * - grey background
 * - white font
 */
li.a-ListView-divider.ui-bar-inherit {
    background-color: rgba(0,0,0,.55);
    color: white;
}

/*
 * hide save_button
 */
.save_button {
    display: none;
}

/*
 * style delete button:
 * - create distance to form
 * - enlarge and emphasize font
 * - style rounded border
 */
.delete_button {
    margin-top: 20px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid darkred;
}


/* 
 * display check buttons in list view
 */
.syn-check-1::before {
  content: "\f00c";
  color: green;
  top: revert;
  /* padding-block: 1em; */
}

.syn-check-0::before {
  content: "\f00d";
  color: #ff3a30; /* color: red; */
  top: revert;
  /* padding-block: 1em; */
}

/* 
 * display schedule icon in list view
 */
.danger-list::before {
  content: "\f0c0"; /*"\f071";*/
  color: red; /* color: red; */
  top: revert;
  padding-block: 1.2em;
}

/* 
 * display schedule icon in activity view
 */
.danger-text::before {
  content: "\f0c0"; /*"\f071";*/
  color: red; /* color: red; */
  top: revert;
  margin-left: 5px;
}

/* 
 * display task icon in list view
 */
.task-list::before {
  content: "\f0ad";
  color: darkorange; /* color: red; */
  top: revert;
  padding-block: 1.2em;
  margin-left: -3em;
}

/* 
 * display autom. attend icon in list view
 */
.auto-attend-list::before {
  content: "\f008";
  color: green;
  margin-left: -3em;
  top: revert;
}

/* 
 * display rideshares exists icon in list view
 */
.rideshares-list::before {
  content: "\f1b9"; /*"\f1b9";*/
  color: blue;
  //margin-left: -6em;
  padding-block: 2.4em;
  top: revert;
}

/* 
 * display attend restricted icon in list view
 */
.attend-restricted-list::before {
  content: "\f084";
  color: burlywood;
  margin-left: -3em;
  padding-block: 2.4em;
}

/* 
 * display attend blocked icon in list view
 */
.attend-blocked-list::before {
  content: "\f023";
  color: tomato;
  margin-left: -6em;
  padding-block: 2.4em;
}