@charset "utf-8";
/* CSS Document */

:root{
	--bs-msw-blue-rgb:0,56,122;
	--bs-msw-blue:#00387a;
	--bs-msw-orange-rgb:237,113,31;
	--bs-msw-orange:#ed711f;
	--bs-mbb-blue-rgb:0,142,182;
	--bs-mbb-blue:#008fb5;
	--bs-mbb-light-blue-rgb:0,194,243;
	--bs-mbb-light-blue:#00c2f3;
	--bs-mbb-cream-rgb:242,228,206;
	--bs-mbb-cream:#f2e4ce;
	--bs-mxd-green-rgb:0,111,42;
	--bs-mxd-green:#006f2a;
	--bs-mxd-yellow-rgb:221,222,55;
	--bs-mxd-yellow:#ddde37;
	--bs-mxd-lime-rgb:161,197,30;
	--bs-mxd-lime:#a1c51e;
	--bs-bb-orange-rgb:245,130,32;
	--bs-bb-orange:#f58220;
	--bs-bb-yellow-rgb:225,203,5;
	--bs-bb-yellow:#e1cb05;
	--bs-bb-turq-rgb:0,145,108;
	--bs-bb-turq:#00916c;
	--bs-fb-green-rgb:113,190,69;
	--bs-fb-green:#71be45;
}

body {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background:no-repeat fixed;
	background-position:center;
	background-size:cover;
	background-image:url('https://wtj.mcgillsbusstop.info/images/backgrounds/bg-0.jpg');
	z-index:-2;
}

.loader {
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background:url('https://wtj.mcgillsbusstop.info/images/loading-bus-driving.gif') 50% 50% no-repeat rgba(255,255,255,1);
}

.bg-cover {
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:fixed;
	z-index:-1;
	background-color:rgba(255,255,255,0.1);
}

.bg-header {
	background:rgba(255,255,255,1);
	background:-moz-linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(0,56,157,1) 80%);
	background:-webkit-linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(0,56,157,1) 80%);
	background:linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(0,56,157,1) 80%);
}

.bg-header-orange {
	background:rgba(255,255,255,1);
	background:-moz-linear-gradient(0deg, rgba(240,126,54,1) 20%, rgba(255,255,255,1) 80%);
	background:-webkit-linear-gradient(0deg, rgba(240,126,54,1) 20%, rgba(255,255,255,1) 80%);
	background:linear-gradient(0deg, rgba(240,126,54,1) 20%, rgba(255,255,255,1)) 80%);
}

.bg-login-card {
	background:rgba(255,255,255,1);
	background:-moz-linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.6) 100%);
	background:-webkit-linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.6) 100%);
	background:linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0.6) 100%);
}

.flipH {
	transform:scale(-1, 1);
	-moz-transform:scale(-1, 1);
	-webkit-transform:scale(-1, 1);
	-o-transform:scale(-1, 1);
	-ms-transform:scale(-1, 1);
	transform:scale(-1, 1);
}

.flipV {
	transform:scale(1, -1);
	-moz-transform:scale(1, -1);
	-webkit-transform:scale(1, -1);
	-o-transform:scale(1, -1);
	-ms-transform:scale(1, -1);
	transform:scale(1, -1);
}

.div-100 {
	height:100vh;
}

.div-100p {
	height:100%;
}

.cursor-hand {
	cursor:pointer;
}

.list-item-padding-5 {
	padding-top:5px !important;
	padding-right:5px !important;
	padding-bottom:5px !important;
	padding-left:5px !important;
}

.list-item-padding-10 {
	padding-top:10px !important;
	padding-right:10px !important;
	padding-bottom:10px !important;
	padding-left:10px !important;
}

.progress {
    height:20px !important;
}

.progress-bar {
    width:0px;
}

.progress-bar-danger {
    background-color:#e90f10;
}

.progress-bar-warning {
    background-color:#ffad00;
}

.progress-bar-success {
    background-color:#02b502;
}

.login-seperator {
   width:100%; 
   text-align:center; 
   border-bottom:1px solid #004788; 
   line-height:0.1em;
   margin:10px 0 20px; 
}

.login-card-bg {
	background-color:rgba(255,255,255,1)
}

.logo-login {
	height:auto;
	max-width:60%;
}

.logo-menu {
	height:auto;
	max-width:180px;
}

.logo-menu-sm {
	max-height:30px;
	width:auto;
}

.logo-menu-xs {
	max-height:20px;
	width:auto;
}

.logo-header {
	max-height:40px;
	width:auto;
}

.naptan-area-logo-table {
	max-height:30px;
	width:auto;
}

.rtp-area-logo-table {
	max-height:20px;
	width:auto;
}

.card-app-logo {
	max-height:60px;
	width:auto;
}

.app-logo {
	height:auto;
	max-width:60%;
}

.dep-service-logo {
	width:auto;
	max-height:30px;
}

.loading-wtj {
	width:75%;
	height:auto;
}

.refresh-bar {
	height:6px;
}

.btn-msw-orange {
	--bs-btn-color:#fff;
	--bs-btn-bg:#f07e36;
	--bs-btn-border-color:#f07e36;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#ed6612; - 45/50
	--bs-btn-hover-border-color:#cc580f;
	--bs-btn-focus-shadow-rgb:225,83,97;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#cc580f;
	--bs-btn-active-border-color:#d55c10;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#f07e36;
	--bs-btn-disabled-border-color:#f07e36;
}

.text-msw {
	--bs-bg-opacity:1;
	color:rgba(var(--bs-msw-blue-rgb),var(--bs-bg-opacity))!important;
}

.text-msw-orange {
	--bs-bg-opacity:1;
	color:rgba(var(--bs-msw-orange-rgb),var(--bs-bg-opacity))!important;
}

.text-link-msw {
	--bs-bg-opacity:1;
	color:rgba(var(--bs-msw-blue-rgb),var(--bs-bg-opacity))!important;
	text-decoration: none;
}

.text-link-msw:hover {
	--bs-bg-opacity:1;
	color:rgba(var(--bs-msw-orange-rgb),var(--bs-bg-opacity))!important;
	text-decoration: none;
}

.text-mse-cream, .text-mxd-cream {
	--bs-bg-opacity:1;
	color:rgba(var(--bs-mse-cream-rgb),var(--bs-bg-opacity))!important;
}

.live-icon {
	color:#00ff00;
}

.bg-offcanvas-menu {
	background-color:#eeeeee;
}

.bg-msw-blue {
	--bs-bg-opacity:1;
	background-color:rgba(var(--bs-msw-blue-rgb),var(--bs-bg-opacity))!important;
}

.bg-msw-orange {
	--bs-bg-opacity:1;
	background-color:rgba(var(--bs-msw-orange-rgb),var(--bs-bg-opacity))!important;
}

.bg-mxd-green {
	--bs-bg-opacity:1;
	background-color:rgba(var(--bs-mxd-green-rgb),var(--bs-bg-opacity))!important;
}

.bg-blue {
	background-color:#0d6efd;
}

.bg-purple {
	background-color:#6f42c1;
}

.bg-pink {
	background-color:#d63384;
}

.bg-yellow {
	background-color:#ffc107;
}

.gray-100 {
	background-color:#f8f9fa;
}

.gray-200 {
	background-color:#e9ecef;
}

.gray-300 {
	background-color:#dee2e6;
}

.gray-400 {
	background-color:#ced4da;
}

.gray-500 {
	background-color:#adb5bd;
}

.gray-600 {
	background-color:#6c757d;
}

.gray-700 {
	background-color:#495057;
}

.gray-800 {
	background-color:#343a40;
}

.gray-900 {
	background-color:#212529;
}

.one {
	font-size:1px;
}

.eight {
	font-size:8px;
}

.nine {
	font-size:9px;
}

.one-zero {
	font-size:10px;
}

.one-one {
	font-size:11px;
}

.one-two {
	font-size:12px;
}

.one-three {
	font-size:13px;
}

.one-four {
	font-size:14px;
}

.one-five {
	font-size:15px;
}

.one-six {
	font-size:16px;
}

.one-seven {
	font-size:17px;
}

.one-eight {
	font-size:18px;
}

.one-nine {
	font-size:19px;
}

.two-zero {
	font-size:20px;
}

.two-one {
	font-size:21px;
}

.two-two {
	font-size:22px;
}

.two-three {
	font-size:23px;
}

.two-four {
	font-size:24px;
}

.two-five {
	font-size:25px;
}

.three-zero {
	font-size:30px;
}

.three-five {
	font-size:35px;
}

.four-zero {
	font-size:40px;
}

.four-five {
	font-size:45px;
}

.five-zero {
	font-size:50px;
}

.five-five {
	font-size:55px;
}

.six-zero {
	font-size:60px;
}

.seven-zero {
	font-size:70px;
}

.eight-zero {
	font-size:80px;
}

.nine-zero {
	font-size:90px;
}

.one-zero-zero {
	font-size:100px;
}

.one-one-zero {
	font-size:110px;
}

.one-two-zero {
	font-size:120px;
}

.one-three-zero {
	font-size:130px;
}

.one-four-zero {
	font-size:140px;
}

.one-five-zero {
	font-size:150px;
}

.two-zero-zero {
	font-size:200px;
}