/*!
 *  Custom CSS for Intranet
 *  These settings override core bootstrap CSS
 */

/* Base font size from which other elements are calculated */

/* Fonts */

/* Helvetica lookalike TexGyreHeros */
/* Normal width */
@font-face {
    font-family: 'texgyreheros';
    src: url('/fonts/texgyreheros/texgyreheros-regular-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheros-regular-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheros-regular-webfont.svg#texgyreherosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('/fonts/texgyreheros/texgyreheros-bold-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheros-bold-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheros-bold-webfont.svg#texgyreherosbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('/fonts/texgyreheros/texgyreheros-italic-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheros-italic-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheros-italic-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheros-italic-webfont.svg#texgyreherositalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('/fonts/texgyreheros/texgyreheros-bolditalic-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheros-bolditalic-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheros-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheros-bolditalic-webfont.svg#texgyreherosbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}


/* Condensed */
@font-face {
    font-family: 'texgyreheroscn';
    src: url('/fonts/texgyreheros/texgyreheroscn-regular-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheroscn-regular-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheroscn-regular-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheroscn-regular-webfont.svg#texgyreheroscnregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreheroscn';
    src: url('/fonts/texgyreheros/texgyreheroscn-bold-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheroscn-bold-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheroscn-bold-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheroscn-bold-webfont.svg#texgyreheroscnbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreheroscn';
    src: url('/fonts/texgyreheros/texgyreheroscn-italic-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheroscn-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheroscn-italic-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheroscn-italic-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheroscn-italic-webfont.svg#texgyreheroscnitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'texgyreheroscn';
    src: url('/fonts/texgyreheros/texgyreheroscn-bolditalic-webfont.eot');
    src: url('/fonts/texgyreheros/texgyreheroscn-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/texgyreheros/texgyreheroscn-bolditalic-webfont.woff') format('woff'),
         url('/fonts/texgyreheros/texgyreheroscn-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/texgyreheros/texgyreheroscn-bolditalic-webfont.svg#texgyreheroscnbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}


/* Base font size from which all others are computed */
html {
	font-size: 12px;
}

/* Default font (if available) */
body {
  font-family: 'texgyreheros', Arial, Helvetica, sans-serif;
}




/*body {
 font-family: Arial, Helvetica, sans-serif;
}*/

/* Main Menu button divider */ 

@media (min-width: 768px) {
.nav-main-left{    
    border-right: solid 1px #0078aa;
	padding-right:10px;
}

.nav-main-right{    
    border-left: solid 1px #0078aa;
	border-right: solid 1px #0078aa;
	padding-left:10px;
	padding-right:10px;
}
}


/* Make the dark navbar links white */
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 1);
}

/* Set all navbar links to a larger font */
.navbar-nav .nav-link {
	font-size: 1.1rem;
}

/* Background colour light grey */
.lightgrey {
	background-color: #f5f5f5
}

/* Reduce standard card-block padding from 1.25 rem to match BS3 well and panel padding */
.card-block {
    padding: 0.75rem;
}

/* BS4 alpha6 remove additional spacing between cards in a group */
.card-deck .card:not(:last-child) {
    margin-right: 0px;
}

/* Colours */

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

/* Replicate BS3 panels using outline cards */

.card-outline-primary-bs3 {
    background-color: #fff;
    border-color: #2e6da4;
}

.card-outline-primary-bs3 .card-header {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.card-outline-success-bs3 {
    background-color: #fff;
    border-color: #d6e9c6;
}

.card-outline-success-bs3 .card-header {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.card-outline-info-bs3 {
    background-color: #fff;
    border-color: #bce8f1;
}

.card-outline-info-bs3 .card-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.card-outline-warning-bs3 {
    background-color: #fff;
    border-color: #faebcc;
}

.card-outline-warning-bs3 .card-header {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.card-outline-danger-bs3 {
    background-color: #fff;
    border-color: #ebccd1;
}

.card-outline-danger-bs3 .card-header {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/* Gates Travel Intranet Theme */

.card-outline-blue1 {
    background-color: #fff;
    border-color: #00264d;
}

.card-outline-blue1 .card-header {
    color: #fff;
    background-color: #003366;
    border-color: #00264d;
}

.card-outline-primary-gtw {
    background-color: #fff;
    border-color: #0078aa;
}

.card-outline-primary-gtw .card-header {
    color: #fff;
    background-color: #0078aa;
    border-color: #0078aa;
}

.card-outline-secondary-gtw {
    background-color: #fff;
    border-color: #008ac4;
}

.card-outline-secondary-gtw .card-header {
    color: #fff;
    background-color: #008ac4;
    border-color: #008ac4;
}

.card-outline-info-gtw {
    background-color: #fff;
    border-color: #bce8f1;
}

.card-outline-info-gtw .card-header {
    color: #00264d;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/* Use RAL Signal Colours for contextual colours */

.card-outline-success-gtw {
    background-color: #fff;
    border-color: #0f8558;
}

.card-outline-success-gtw .card-header {
    color: #fff;
    background-color: #0f8558;
    border-color: #0f8558;
}

.card-outline-warning-gtw {
    background-color: #fff;
    border-color: #f7ba0b;
}

.card-outline-warning-gtw .card-header {
    color: #3a2405;
    background-color: #f7ba0b;
    border-color: #f7ba0b;
}

.card-outline-danger-gtw {
    background-color: #fff;
    border-color: #a02128;
}

.card-outline-danger-gtw .card-header {
    color: #fff;
    background-color: #a02128;
    border-color: #a02128;
}

/* Fix the width of People cards */

.card-people {
	width: 45%;
	min-height: 110px	
}


@media (min-width: 991px) {
.card-people {
	width: 32%;	
}
}


@media (max-width: 767px) {
.card-people {
	min-width: 100%;	
}
}


/* No styling on links (e.g. feature card) */
.linknostyle 
a				{
    color: #000 !important;
    text-decoration: none !important;
}

.bg-primary-gtw {
    color: #fff !important;
    background-color: #0050a1 !important;
}

.bg-success-gtw {
    color: #fff !important;
    background-color: #0f8558 !important;
}

.bg-info-gtw {
    color: #fff !important;
    background-color: #dcedff !important;
}

.bg-warning-gtw {
    color: #fff !important;
    background-color: #f7ba0b !important;
}

.bg-danger-gtw {
    color: #fff !important;
    background-color: #a02128 !important;
}

.bg-inverse-gtw {
    color: #fff !important;
    background-color: #373a3c !important;
}

.text-primary-gtw {
    color: #0050a1 !important;
}

.text-success-gtw {
    color: #0f8558 !important;
}

.text-info-gtw {
    color: #dcedff !important;
}

.text-warning-gti {
    color: #f7ba0b !important;
}

.text-danger-gti {
    color: #a02128 !important;
}

/* Image Cycler */
#cycler {position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}
#slideshow img { display: none }
#slideshow img.first { display: block }

/* Remove border from element */
.border-none {
	border:none;
}

/* Align columns to bottom of row.
 * You set the font-size to 0 on the row (otherwise you'll end up with a pesky space between columns), 
 * then remove the column floats, set display to inline-block, re-set their font-size, 
 * and then vertical-align can be set to anything you need. */
.row-align-bottom {
    font-size: 0;
}
.row-align-bottom > * {
    float: none;
    display: inline-block;
    font-size: 12px; /* if using LESS it's quicker to just use @font-size-base */
}
.row-align-bottom > *:last-child {
    vertical-align: bottom;
}
.row-align-bottom p:last-child {
    margin-bottom:
}

/* Admin CMS pages */
.container-cms {
	max-width:767px;
}