/***********************************************
 * To override the default style (for project)
 ***********************************************/

/*
 *  Sytral colors scheme
 *  - white: #FFFFFF
 *  - red sytral: #e2001a;
 *  - grey sytral: #707173
 *  - light grey shade: #f1f5f5
 *  - dark grey shade: #272727
 */

/* Allow to hide [] in geolocation */
app-journey-details {
    visibility: hidden;
}

.iframeSips{ 
    overflow: scroll !important;
}

body {
  font-family: "Roboto" !important;
}

a, p, span {
    font-family: "Roboto" !important;
}


h1, h2, h3, h4 {
  font-family: "TTRoundCondensed" !important;
}


#container::before {
    background: linear-gradient(to bottom,rgba(255,255,255,.85) 0,rgba(0,0,0,0) 100%) 0 0/cover,url(/assets/img/background.jpg) top center/cover no-repeat !important;
}

/* Top header */
.h1-header, .log-box {
    background: rgba(0,0,0,.7) !important;
}


@media screen and (max-width:750px) {
 h1 {
  background:0 0 !important;
 }
}

.navbar-logo {
    background: url(/assets/img/tcl-logo.svg) 0 0/contain no-repeat !important;
    margin-left: 1em;
}

#user-name {
    font-weight: bold !important;
}


/* Header navbar */
nav.sidenav li a {
    color: #333 !important;
    font-weight: bold;
    opacity: 1;
}

nav.sidenav li.active a {
    color: #e2001a !important;
}

nav.sidenav li a:hover {
    background-color: transparent !important;
}

.label-info {
    color: #e2001a !important;
}

h2 {
    color: #333 !important;
    border-top: 3px solid #333 !important;
}

/* Buttons */
.highlight-bt {
    background-color: #e2001a !important;
    color: #ffffff !important;
    border: 2px solid #e2001a !important;
}

.highlight-bt:focus, .highlight-bt:hover {
    border: 2px solid #e2001a !important;
    color: #e2001a !important;
    background: #ffffff !important;
}

.btn-primary {
    background-color: #e2001a !important;
    color: #ffffff !important;
    border: 2px solid #e2001a !important;
}

.btn-primary:focus, .btn-primary:hover {
    border: 2px solid #e2001a !important;
    color: #e2001a !important;
    background: #ffffff !important;
}

.secondary-bt {
    color: #e2001a !important;
}

.highlight-bt, .secondary-bt {
    font-family: "Roboto" !important;
    font-style: normal !important;

}

.secondary-bt:focus, .secondary-bt:hover {
    border: 2px solid #e2001a !important;
    color: #e2001a !important;
}

.search-filter {
    background-color: #ffffff !important;
}

button.lang {
    display: none;
}

/* Icons and badges */
.fa-exclamation {
    color: #e2001a !important;
    font-size: 43px !important;
}

.icon-bus {
    background-color: #ffffff !important;
}

.icon-invoice {
    background-color: #f0f0f0 !important;
}


/* Extras */
.total-bill {
    background-color: #d1d1d1 !important;
    color: #222 !important;
}

/* Tab panel */
.tab-typeTrip>ul.tabs a.active, .tab-typeTrip>ul.tabs a.active:link, .tab-typeTrip>ul.tabs a.active:visited {
    background: #e2001a !important;
    color: #ffffff !important;
}

.tab-typeTrip>ul.tabs a:focus, .tab-typeTrip>ul.tabs a:hover {
    color: #e2001a !important;
}

/* Footer */
footer {
    background-color: #272727 !important;
}


/* Custom fonts */


@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "TTRoundCondensed";
    src: url("../fonts/TTRoundsCondensed-Regular.woff2") format("woff2"), url("../fonts/Roboto-TTRoundsCondensed-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}