﻿/*bootstrap menu collapase override*/
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

/*stops the total sideways collapse of the menu under 768px */
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

/*end of the bootstrap collapse overriding*/

/*bootstrap style overrides*/
label {font-weight:normal;}
.panel-title {font-weight:bold;}
/*end of bootstrap style overrides*/


html, body, .fullHeightX 
{
    height:100%;
}

.topBanner
{
    min-height:50px;
    padding-top:2px;
    padding-left:10px;
    background-color:#f8f8f8;
    color:#008080;
    margin-bottom:20px;
    font-size:18pt;
    border:1px solid #e7e7e7;
    border-radius:4px;
}
.topBanner a
{
    color:#008080;
    text-decoration:none;
}

.sideMenu
{
    background-color:white;   
}
.mainContent
{
    border-top:1px solid #e7e7e7;
    border-left:1px solid #e7e7e7;
    border-radius : 4px;
    background-color:white;
}
.mainContent .subMenuItem
{
    display:inline-block;
    min-width:150px;
    padding-top:5px;
    color:#008080;
    margin:3px;
    padding-top:2px;
    padding-bottom:2px;
}
.mainContent .subMenuItem.heading
{
    font-weight:bold;
}
.mainContent .subMenuItem a
{
    display:inline-block;
    width:100%;
    color:#008080;
    line-height:1em;
    border-left:2px solid #008080;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
}
.mainContent .embeddedLink a
{
    display:inline-block;
    width:100%;
    padding:2px;
    padding-left:10px;
    color:#008080;
}
.mainContent .embeddedLink a:hover
{
    background-color:#008080;
    color:#FFFFFF;
}
.mainContent .subMenuItem a:hover
{
    background-color:#008080;
    color:#FFFFFF;
}

.topMenu .menuItem
{
    padding-top:5px;
    color:#008080;
    margin:3px;
    padding-top:2px;
    padding-bottom:2px;
}
.topMenu a
{
    color:#008080;
    text-decoration:none;
}
#FT-navbar .menuItem a
{
    display:inline-block;
    width:100%;
    color:#008080;
    line-height:1em;
    border-left:2px solid #008080;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
}
#FT-navbar .menuItem a:hover
{
    background-color:#008080;
    color:#FFFFFF;
}

.sideMenu .menuItem
{
    padding-top:5px;
    color:#008080;
    margin:3px;
    padding-top:2px;
    padding-bottom:2px;
}
.sideMenu .menuItem a
{
    display:inline-block;
    width:100%;
    color:#008080;
    line-height:1em;
    border-left:2px solid #008080;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
}
.sideMenu .menuItem a:hover
{
    background-color:#008080;
    color:#FFFFFF;
}

.clickableRow:nth-child(odd)
{
    background-color:#f8f8f8;
}

.clickableRow.filteredEven
{
    background-color:#f8f8f8;
}
.clickableRow.filteredOdd
{
    background-color:white;
}

.clickableRow:hover
{
    background-color:#e7e7e7;
    cursor:pointer;
}
.clickableRow a
{
    text-decoration:none;
}
.unclickableRow:nth-child(odd)
{
    background-color:#f8f8f8;
}
.unclickableRow a
{
    text-decoration:none;
}

.splitter /* simple line across most of the container */
{
    min-height:10px;
    border-top:1px solid #e7e7e7;
    width:90%;
    margin:auto auto;
    margin-top:10px;
    margin-bottom:3px;
}

.checkItem input[type="checkbox"] /*pads out the checkbox and the label a little*/
{
    margin-right:10px;
}

.textItem label
{
    margin-right:5px;
}
.textItem.listStyle label
{
    min-width:150px;
    margin-right:5px;
}
.textItem.listStyle select
{
    width:120px;
}

.textItem input[type="text"], input[type="password"]
{
    margin-right:5px;
}
.textItem span
{
    color:Red;
}

/* report layout 'table'*/

.reportList
{
    list-style-type: none;
    padding-left: 0px;
}
.reportLine
{
    border-bottom:1px solid grey;
}
.reportLine.heading span
{
    font-weight:bold;
    border-left:1px solid grey;
    padding-left:1px;
    text-align:center;
}
.report
{
   display:inline-block;
   text-align:center;
}
.report.airline
{
    min-width:25px;
}
.report.airport
{
    min-width:50px;
}
.report.date
{
    min-width:75px;
}
.report.currency
{
    min-width:75px;
}
.report.season
{
    min-width:115px;
}
.report.price
{
    min-width:75px;
}
.report.price.negative
{
    color:Red;
}
.report.faretype
{
    min-width:95px;
}
.report.errorMsg
{
    width:200px;
}
.report.errorMsg.content
{
    font-size:7pt;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.report.so
{
    background-color:#99CC00;
}
.report.itx
{
    background-color:#FFCC99;
}
.report.cat
{
    background-color:#FF9900;
}
.report.pnr
{
    min-width:60px;
}
.report.surname
{
    width: 100px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

.report.adults
{
    min-width:30px;
}
.report.booking
{
    min-width:60px;
}
.report.cabin
{
    min-width:85px;
}
.report.ref
{
    min-width:40px;
}
.report.new
{
    background-color:#fafdd6;
}



/*selection boxes*/
.selection.so
{
    background-color:#eeffbb;
}
.selection.itx
{
    background-color:#FFddbb;
}
.selection.cat
{
    background-color:#ffe4bb;
}


/*Wait icon*/

.cssload-container{
	display: inline-block;
	width:60px;
}

.cssload-loading i{
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 50%;
	background: rgb(0,128,128);
}
.cssload-loading i:first-child{
	opacity: 0;
	animation:cssload-loading-ani2 0.5s linear infinite;
		-o-animation:cssload-loading-ani2 0.5s linear infinite;
		-ms-animation:cssload-loading-ani2 0.5s linear infinite;
		-webkit-animation:cssload-loading-ani2 0.5s linear infinite;
		-moz-animation:cssload-loading-ani2 0.5s linear infinite;
	transform:translate(-12px);
		-o-transform:translate(-12px);
		-ms-transform:translate(-12px);
		-webkit-transform:translate(-12px);
		-moz-transform:translate(-12px);
}
.cssload-loading i:nth-child(2),
.cssload-loading i:nth-child(3){
	animation:cssload-loading-ani3 0.5s linear infinite;
		-o-animation:cssload-loading-ani3 0.5s linear infinite;
		-ms-animation:cssload-loading-ani3 0.5s linear infinite;
		-webkit-animation:cssload-loading-ani3 0.5s linear infinite;
		-moz-animation:cssload-loading-ani3 0.5s linear infinite;
}
.cssload-loading i:last-child{
	animation:cssload-loading-ani1 0.5s linear infinite;
		-o-animation:cssload-loading-ani1 0.5s linear infinite;
		-ms-animation:cssload-loading-ani1 0.5s linear infinite;
		-webkit-animation:cssload-loading-ani1 0.5s linear infinite;
		-moz-animation:cssload-loading-ani1 0.5s linear infinite;
}




@keyframes cssload-loading-ani1{
	100%{
		transform:translate(24px);
		opacity: 0;
	}
}

@-o-keyframes cssload-loading-ani1{
	100%{
		-o-transform:translate(24px);
		opacity: 0;
	}
}

@-ms-keyframes cssload-loading-ani1{
	100%{
		-ms-transform:translate(24px);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-loading-ani1{
	100%{
		-webkit-transform:translate(24px);
		opacity: 0;
	}
}

@-moz-keyframes cssload-loading-ani1{
	100%{
		-moz-transform:translate(24px);
		opacity: 0;
	}
}

@keyframes cssload-loading-ani2{
	100%{
		transform:translate(12px);
		opacity: 1;
	}
}

@-o-keyframes cssload-loading-ani2{
	100%{
		-o-transform:translate(12px);
		opacity: 1;
	}
}

@-ms-keyframes cssload-loading-ani2{
	100%{
		-ms-transform:translate(12px);
		opacity: 1;
	}
}

@-webkit-keyframes cssload-loading-ani2{
	100%{
		-webkit-transform:translate(12px);
		opacity: 1;
	}
}

@-moz-keyframes cssload-loading-ani2{
	100%{
		-moz-transform:translate(12px);
		opacity: 1;
	}
}

@keyframes cssload-loading-ani3{
	100%{
		transform:translate(12px);
	}
}

@-o-keyframes cssload-loading-ani3{
	100%{
		-o-transform:translate(12px);
	}
}

@-ms-keyframes cssload-loading-ani3{
	100%{
		-ms-transform:translate(12px);
	}
}

@-webkit-keyframes cssload-loading-ani3{
	100%{
		-webkit-transform:translate(12px);
	}
}

@-moz-keyframes cssload-loading-ani3{
	100%{
		-moz-transform:translate(12px);
	}
}
/*end wait icon*/

.waitMessage /*must be below the wait icon */
{
    display:none;
}
.waitMessage .text
{
    margin-left:15px;
}