/* classes for p tags in div .stop-info */
.my-h1 {
  font-size: 21px !important;
}

.my-h2 {
  font-size: 18px !important;
}

.my-h3 {
  font-size: 15px !important;
  color: #28a54c !important;
}

/*---------------------------------------*/

.italic {
  font-style: italic !important;
}

.message {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  color: red !important;
  text-align: center !important;
}

ul li {
  display: block;
  margin: 5px;
  padding: 0;
  float: left;
}

ul li button {

  font-size: 24px !important;
  color: #28a54c !important;
}

.line-number {
  font-size: 22px;
}

/* additional color classes defined on this app needs */
.metro {
  color: #ff6319;
}

.light-dark {
  color: #a2a2a2;
}

.tools-icons-links {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  padding-top: 15px 5px 15px 0;
  margin: 0;
  float: right;
  font-size: 35px;
}

/* I override IONIC CSS here */
.item-content {
  padding: 10px !important;;
}
.col .button{
  margin:10px;
  float: right;
}
h1 {
  margin-left: 15px !important;
}
.col h3,.col h4{
  margin:10px;
}

.item p {
  margin-bottom: 5px;
}

.col, .row {
  padding: 0;
}

.myItalic {
  font-style: italic;
}
.spinner svg {
  width: 19% !important;
  height: 85px !important;
}

.loading-container .loading {
  background-color: transparent !important;

}
input[type=date]{
  position: relative;
  display: block;
  margin:10px;
  font-size: 1.15em;
  width:90%;
}