my-app.css

/* Your app custom files in this file */
.view-left {
  float: left;
  width: 320px;
  /*border-right: 1px solid #b2b2b2;*/ /*removes the side hairline*/
}
.view-main {
  width: -webkit-calc(100% - 321px);
  width: -moz-calc(100% - 321px);
  width: -ms-calc(100% - 321px);
  width: calc(100% - 321px);
}

/* useless? */
/* This will fix flicker navbar in left panel view */
/*.panel-left .page-content {
  padding: 0;
}
.panel-left .page {
  margin-top: 44px;
  padding-bottom: 44px;
}
.panel-left .navbar {
  position: relative;
  margin-bottom: -44px;
}*/
:root {
  --desktop-red: #ff3b30;
  --desktop-blue: #0078d7; 
}

/* bottoni colorati */
.list-block .item-link.list-button-red {
  padding: 0 15px;
  text-align: left;
  color: var(--desktop-red);
  display: block;
  line-height: 43px;
}
.list-block .item-link.list-button {
  padding: 0 15px;
  text-align: left;
  color: var(--desktop-blue);
  display: block;
  line-height: 43px;
}

.list-block .item-link .item-inner.no-chevron {
  background-image: none;
}

.list-block .item-link .item-inner.no-chevron-blue {
  color: var(--desktop-blue);
  background-image: none;
}

.list-block .item-link .item-inner.no-chevron-red {
  color: var(--desktop-red);
  background-image: none;
}

.list-block ul .my-class {
  /*background: #007aff;*/
  color: var(--desktop-blue);
}

/* blue color for links and icons etc. */
a,
.tabbar a.active,
.list-block .item-link.list-button {
  color: var(--desktop-blue);
}