div[data-role="page"] {
    background: darkgray;
}

.badge {
   position:relative;
}
.badge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-5px;
   right:-5px;
   font-size:1em;
   font-weight: bold;
   background:red;
   color:white;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
   border: 1px solid white;
}

.hidden {
    display : none;
}

a[data-dbapp] {
    display : none
}

.footer_icon {
    width  : 30px;
    height : 30px;
}

li svg {
    width  : 30px;
    height : 30px;
}

.ferry  {}
.busext {}
.busint {}
.notice {}

.padding10 {
    padding : 10px;
}

.blkctr {
    text-align : center;
}

.crediticon svg {
    padding : 6px;
    border-radius : 6px;
    background-color: #2C3E50;
    width  : 40px;
    height : 40px;
}

.crediticon path,
.crediticon rect {
    fill : white;
}

.ui-block-a {
    width : 100%;
}

div[data-dbtime='1a'], div[data-dbtime='2a'] {
    text-align : center;		     
    color : gray;
    font-weight : normal;
    text-decoration: line-through;
}

div[data-dbtime='1b'], div[data-dbtime='2b'] {
    text-align : center;		     
    color : #3247BF;
    font-weight : normal;
}

div[data-dbtime='1c'], div[data-dbtime='2c'] {
    text-align : center;
    color : #3247BF;
    font-weight : normal;
}

.ferry .ui-btn-active path,
.busext .ui-btn-active path,
.busint .ui-btn-active path,
.notice .ui-btn-active path,
.notice .ui-btn-active rect {
    fill : RGB(255, 255, 255);
}

.ferry path {
    /* fill : RGB(70, 140, 200);*/
    fill : #3498db;
}

.busext path {
    /*fill : RGB(167, 68, 68);*/
    fill : #c1392b;
}

.busint path {
    /*fill : RGB(63, 117, 64);*/
    fill : #16A085;
}

.club path {
    fill : RGB(53, 113, 142);
}

.notice path,
.notice rect {
    /* fill : RGB(60, 60, 128); */
    fill : RGB(194, 161, 61);
}