/* COLOURS */
	.oceanbluef {color: #004785}
	.oceanblueb {background-color: #004785}
	.outbackredf {color: #C5351C}
	.outbackredb {background-color: #C5351C}
	.skybluef {color: #008DC7;}
	.palegrayf {color: #e0e0e0;}
	.av_a {color: #E42313}
	.av_v {color: #1D3176}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
#system_version {
	position: absolute;
	top: 11px;
	left: 11px;
	color: #008DC7;
	margin: 0;
	z-index: 99999999999;
}
/* BUTTONS */
	a.btn {
		display: inline-block;
		text-decoration: none;
	}
	button,
	a.btn.blue {
		background-color: #004784;
		border: 1px solid #004784;
		color: #fff;
		font-size: 12px;
		padding: 6px 20px;
	}
	button.grey,
	a.btn.grey,
	button.close {
		background-color: #d1d3d1;
		border: 1px solid rgba(75,80,73,0.5);
		color: rgba(75,80,73,1);
	}
	button.red,
	a.btn.red,
	button.reject,
	button.discard,
	button.snr,
	button.service_not_required {
		background-color: #C5351C;
		border: 1px solid rgba(197, 53, 28, 0.50);
		color: rgba(255,255,255,1);
	}
	button.skyblue,
	a.btn.skyblue,
	button.save {
		background-color: #008DC7;
		border: 1px solid rgba(0, 141, 199, 0.50);
		color: rgba(255,255,255,1);
	}
	.disabled {
		cursor: no-drop;
	}
	.disabled:hover {
		background: #aaa;
	}
/* TEXT */
	body {
		font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
		font-size: 14px
	}
	table {
		font-size: 14px;
	}
	h1,h2,h3,h4 {font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;}
	.center {text-align: center}
	.pull-right {float: right;}
	.link {
		background-color: transparent;
    	color: -webkit-link;
    	text-decoration: underline;
    	cursor: auto;
    	border: 0;
    	cursor: pointer;
	}	
	/* CLEARFIX */
	section:after,
	.clearfix:after {
		content:"";
		display:table;
		clear:both;
	}
/* AUTOCOMPLETE */
	#autocompleteResultNode {
		position: absolute;
		background-color: #fff;
		border: 1px solid #999;
		border-top: 2px solid #fff;
		box-shadow: 0px 2px 4px #999;
		font-size: 12px;
		height: 18.8em;
    	overflow-y: auto;
		z-index: 999999;
	}
	#autocompleteResultNode div {
		padding: 4px;
	}
	#autocompleteResultNode div:hover {
		cursor: pointer;
		background-color: #008DC7;
		color: #fff;
	}
	#autocompleteResultNode .acSelected {
		background-color: aliceblue;
	}
/* PREDICT TEXT */
	#predictResultNode {
		position: absolute;
		background-color: white;
		border: 1px solid #aaa;
		box-shadow: 2px 2px 5px rgba(100,100,100,0.7);
		font-family: monospace;
		font-size: 14px;
		max-height: 170px;
		overflow-y: auto;
		overflow-x: hidden;
		white-space: nowrap;
		min-width: 130px;
	}
	#predictResultNode div {
		padding: 1px 6px;

	}
	#predictResultNode .acSelected {
		background-color: #008DC7;
		color: white;
	}
	#predictResultNode div:hover {
		background-color: #008DC7;
		color: white;
		cursor: pointer;
	}	
/* HEADER */
	header {
		box-shadow: 0 3px 3px rgba(0,0,0,0.2);
		/*border-bottom: 1px solid #666;*/
		background-color: #fff;
		/*height: 80px;*/
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 5001;
	}
	header .left {
		float: left;
		width: 25%;
		max-width: 265px;
		padding: 10px;
	}
	header .left img {
		width: 100%;
		height: auto;
	}
	header .middle {
		width: 50%;
		margin: auto;
	}
	header .middle h1 {
		text-align: center;
		font-weight: normal;
		color: #004785;
		margin: 0;
		padding: 10px 0 5px;
	}		
	header .middle h1 b {
		color: #C5351C;
	}
	header .middle ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	header .middle ul li {
		line-height: 2;
		display: inline-block;
	}
	header .middle ul li .currentPage {
		background-color: #008DC7;
		color: white;
	}
	header .middle ul li:hover {
		background-color: rgba(0, 71, 133, 0.2)
	}
	header .middle ul li a,
	header .middle ul li span {
		text-decoration: none;
		padding: 0 1em;
		color: #000;
		display: block;
	}
	header .middle nav {
		display: none;
		text-align: center;
	}

	header .right {
		width: 25%;
		float: right;
		text-align: right;
	}
	header .right ul {
		list-style: none;
		margin: 5px;
		padding: 0;
	}
	header .right ul.modules li {
		text-align: center;
		display: inline-block;
		background-color: rgba(0, 71, 133, 0.1);
	}
	header .right ul.modules li:hover {
		background-color: rgba(0, 71, 133, 0.4);
	}	
	header .right ul.modules li a {
		text-decoration: none;
		color: #000;
		padding: 0 1em;
		display: inline-block;
		line-height: 2;		
	}	
	header .user {
		line-height: 1.4;
		text-align: right;
	}
	header .user li {
		/*padding-right: 5px;*/
	}
	header .user .current:before {
		font: normal normal normal 14px/1 FontAwesome;
		content: "\f007  ";
		margin-left: 0.5em;
	}
	header .tech_support {
		display: none;
		color: #004785;
		// float: right;
		position: absolute;
		right: 1em;
		width: 20em;
		border: 1px solid;
		padding: 1em;
		background-color: white;
		box-shadow: 5px 5px 15px 0px;
		line-height: 1.4em;
	}
	header .tech_support div {
		margin-bottom: 0.5em;
		text-align: right;
	}
	header .tech_support h4 {
		text-align: left;
		margin: 0.25em 0;
	}
	header .tech_support a {
		text-decoration: none;
		color: #004785;
	}
	header .tech_support a:hover {
		text-decoration: underline;
	}
	header .helpLink {
		font-size: 1.2em;
		color: #004785;
		float: right;
		text-decoration: none;
		border-bottom: 1px dotted;
		margin-right: 5px;
		margin-top: 8px;
	}





	main {
		max-width: 1280px;
		margin: auto;
		margin-top: 7em;
		padding: 10px;
	}
	
	.fa-agedcare:before {
		margin-top: -2px;
		content: 'AGED';
		font-family: arial, sans-serif;
		font-weight: bold;
		font-size: 0.6em;
		background-color: #333;
		color: white;
		border-radius: 8px;
		padding: 1px 4px;
	}
/* PUBLIC PAGES - login, password reset */
	.login {
		text-align: center;
	} 
	.login .logo {
		margin: 54px auto 35px;
		display: block;
		width: 100%;
		max-width: 696px;		
	}
	.login h1 {
		margin-bottom: 60px;
	}
	.login h3.success {
		margin-top: -30px;
		margin-bottom: 30px;
		display: none;
	}
	.login h3.failed {
		margin-top: -30px;
		margin-bottom: 30px;
		color: #C5351C;
	}	
	.login label {
		width: 70px;
		display: inline-block;
		text-align: left;
		vertical-align: middle;
	}
	.login input {
		border: 1px solid #004785;
		margin-bottom: 8px;
		padding: 5px;
		width: 180px;
	}
	.login button {
		width: 270px;
		margin-bottom: 30px
	}
/* BOOKING LIST */
	.booking_list tr:hover {
		cursor: pointer;
	}
	.booking_list td input {
		width: 100%;
	}
	.booking_list thead td {
		padding: 6px 6px;
	}
	.booking_list tr#search {
		height: 35px;
	}
	.booking_list time {
		display: none;
	}
	.booking_list .status span {
		font-size: 10px;
		display: block;
	}
	@keyframes faxing {
		0%   { background: linear-gradient(to right, #ff7f04 0%, #ff7f04 100%);}
		5%   { background: linear-gradient(to right, #ffb76b 0%, #ffb76b   5%, #ff7f04  6%, #ff7f04 100%);}
		10%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  10%, #ff7f04 11%, #ff7f04 100%);}
		15%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  15%, #ff7f04 16%, #ff7f04 100%);}
		20%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  20%, #ff7f04 21%, #ff7f04 100%);}
		25%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  25%, #ff7f04 26%, #ff7f04 100%);}
		30%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  30%, #ff7f04 31%, #ff7f04 100%);}
		35%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  35%, #ff7f04 36%, #ff7f04 100%);}
		40%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  40%, #ff7f04 41%, #ff7f04 100%);}
		45%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  45%, #ff7f04 46%, #ff7f04 100%);}
		50%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  50%, #ff7f04 51%, #ff7f04 100%);}
		55%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  55%, #ff7f04 56%, #ff7f04 100%);}
		60%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  60%, #ff7f04 61%, #ff7f04 100%);}
		65%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  65%, #ff7f04 66%, #ff7f04 100%);}
		70%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  70%, #ff7f04 71%, #ff7f04 100%);}
		75%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  75%, #ff7f04 76%, #ff7f04 100%);}
		80%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  80%, #ff7f04 81%, #ff7f04 100%);}
		85%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  85%, #ff7f04 86%, #ff7f04 100%);}
		90%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  90%, #ff7f04 91%, #ff7f04 100%);}
		95%  { background: linear-gradient(to right, #ffb76b 0%, #ffb76b  95%, #ff7f04 96%, #ff7f04 100%);}
		100%   { background: linear-gradient(to right, #ff7f04 0%, #ff7f04 100%);}
	}
	.booking_list .fax_progress {
			animation-name: faxing;
			animation-duration: 4s;
			animation-iteration-count: infinite;
		}
	.booking_list .fax_success {
		background: #ffb76b;
	}
	.booking_list .fax_failed {
		background: #ffb76b;
		box-shadow: inset 0 0 0 6px red;
		color: red;
		font-weight: bold;
		text-align: center;
	}
	.booking_list .fax_failed small{
		display: block;
		color: black;
		font-weight: normal;
		text-align: left;
	}
	.booking_list .pending {
		background-color: #8DB3E2 !important;
		color: #000;
	}
	.booking_list .review {
		background-color: #E28DB3 !important;
		color: #000;
	}
	.booking_list .incomplete {
		background-color: #E2B38D !important;
		color: #000;
	}
	.booking_list .rfds_edited {
		background-color: #8DB3E2 !important;
		color: #000;
	}
	.booking_list .accepted {
		background-color: #6D9EEC !important;
	}
	.booking_list .assigned {
		background-color: #3399FF !important;
	}
	.booking_list .dispatched {
		background-color: #FFFF66 !important;
		color: #000;
	}
	.booking_list .acknowledged {
		background-color: #FABF8F !important;
		color: #000;
	}	
	.booking_list .enroute,
	.booking_list .enroute_r {
		background-color: #66FF99 !important;
		color: #000;		
	}
	.booking_list .pickup,
	.booking_list .pickup_r {
		background-color: #FFCCFF !important;
		color: #000;
	}
	.booking_list .mobile,
	.booking_list .mobile_r {
		background-color: #CDFA90 !important;
		color: #000;		
	}
	.booking_list .dropoff,
	.booking_list .dropoff_r {
		background-color: #009999 !important;
		color: #000;
	}
	.booking_list .enroute_r,
	.booking_list .pickup_r,
	.booking_list .mobile_r,
	.booking_list .dropoff_r {
		background: url('images/return_trip.png');
	}
	.booking_list .servicenotr {
		background-color: rgba(197, 53, 28, 0.5);
	}

	.booking_list .completed {
		background-color: #BFBFBF !important;
		color: #666;
	}
	.booking_list .dispatched small,
	.booking_list .completed small {
		font-style: italic;
		display: block;
		line-height: 1.1;
		margin-top: 5px;
	}	
	.booking_list .deleted,
	.booking_list .rejected {
		color: red;
	}
	.booking_list .changeStatus {
		padding: 0;
		width: 1em;
	}
	.booking_list .changeStatus i {
		padding: 0.5em;
		width: 1em;
		text-align: center;
	}
	.booking_list .changeStatus i:hover {
		background-color: #C5351C
	}
	.booking_list .changeStatus.pending .statusLess {
		display: none;
	}
	.booking_list .changeStatus.pending .statusMore {
		margin-bottom: 2em;
	}
	.booking_list .changeStatus.completed .statusMore {
		display: none;
	}
	.booking_list .changeStatus.completed .statusLess {
		margin-top: 2em;
	}
	.booking_list .pending.priority,
	.booking_list .accepted.priority {
		box-shadow: inset 0 0 0 4px red;
	}

/* PREVENT TEXT SELECTION */
	.noselect {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
/* DISPATCH VIEW OF BOOKING FORM */
	.dispatchView main {
		margin-top: 0px;
	}
	.dispatchView #system_version {
		display: none;
	}
	.dispatchView.readonly h2 {
		color: red;
		// margin-top: -16px !important;
		text-align: center;
	}

/* VIEW OF TASK FORM */
	.taskView main {
		margin-top: 0px;
	}
	.taskView #system_version {
		display: none;
	}
	.taskView.readonly h2 {
		color: red;
		text-align: center;
	}

/* REJECT BOOKING POPUP */
	.modalDialog {
		display: none;
		width: 400px;
		background-color: white;
		border: 1px solid #eee;
		position: relative;
	}
	.modalDialog .heading {
		background-color: #eee;
		margin-bottom: 1em;
	}
	.modalDialog .contents {
		padding: 0 2em;
	}
	.modalDialog button {
		background-color: #004784;
		border: 1px solid #004784;
		color: #fff;
		font-size: 12px;
		padding: 6px 20px;
	}
	.modalDialog .close {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 18px;
		line-height: 1em;
    	margin: 0;
    	padding: 0.5em 0.75em;	    
	}
	.modalDialog .close:hover {
	    background-color: #e81123;
	    color: white;
	    opacity: 1;
	}
	.modalDialog .heading h2 {
		font-size: 18px;
		line-height: 1em;
		font-weight: bold;
    	margin: 0;
    	padding: 0.5em 0 0.5em 1em;
    }
    .modalDialog section {
    	padding: 0.5em 5%;
    	background-color: transparent;
    	border: none;
    	margin: 0;
    }
    .modalDialog label {
    	width: 38%;
    	font-size: 14px;
    	padding-left: 0 !important;
    	vertical-align: top;
    	line-height: 22px;
    	margin-bottom: 0.5em;
    }
    .modalDialog select {
    	height: 24px;
    }
    .modalDialog select,
    .modalDialog textarea {
    	width: 60%;
    }    
	.modalDialog div button {
		margin-top: 1.5em;
		margin-bottom: 0.5em;
		margin-right: 6%;
		float: right;
	}
	.modalDialog .returnOnly {
		float: left;
	}
	.modalDialog .wholeBooking {
		float: right;
		background-color: #C5351C;
		border: 1px solid rgba(197, 53, 28, 0.50);
		margin-right: 1%;
	}
/* FACILITY SELECTOR */
	#facilitySelector {
		width: 80%;
		height: 80%;
		left: 10%;
		top: 15%;
		position: absolute;
		background-color: white;
		border: 2px solid #999;
		text-align: left;
		font-size: 10px;
		overflow-y: hidden;
		box-shadow: 0 0 0 500px rgba(0,0,0,0.4);
	}
	#facilitySelector .selectorHeader {
		border-bottom: 1px solid #eee;
	}
	#facilitySelector .selectorHeader h3 {
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		margin-right: 2em;
	}
	#facilitySelector .selectorHeader .buttons_group_selector {
		margin-top: 12px;
		display: inline-block;
		vertical-align: middle;
		max-width: 73%;
	}
	#facilitySelector .selectorHeader .buttons_group_selector button {
		margin: 0 0.5em 12px 0;
	} 

	#facilitySelector .selectorBody {
		height: 87%;
		overflow-y: scroll;
		padding-bottom: 2em;
	}


	#facilitySelector h3 {
		text-align: center;
		margin: 0.5em;
	}
	#facilitySelector aside {
		width: 16.666%;
		float: left;
		padding-right: 1.5em;
	}
	#facilitySelector aside div {
		padding-left: 0.7em
	}
	#facilitySelector label {
		font-weight: normal;
		margin: 0;
		margin-left: 0.5em;
	}
	#facilitySelector :checked + label {
		background-color: yellow;
	}
/* SUBCONTRACT FORMS */
	.subcontractDialog .hidden {
		display: none;
	}
	.subcontractDialog th {
		padding: 0 1em;
		font-size: 14px;
	}
	.subcontractDialog td {
		text-align: center;
		border: 1px solid #eee;
	}
	.subcontractDialog .right {
		text-align: right }
	.subcontractDialog button {
		margin-top: 1em;
		padding: 0.5em 1em;
	}
	.subcontractDialog button.cancelForm {
		background-color: #d1d3d1;
		border: 1px solid rgba(75,80,73,0.5);
		color: rgba(75,80,73,1);		
	}
	.subcontractDialog button.submitForm {
		float: right;
	}
	.subcontractDialog form {
		display: inline-block;
		background: #dddddd;
		padding: 1.5em;
	}
	.subcontractDialog table {
		border-collapse: collapse
	}
	.subcontractDialog .wwwWarning {
		font-size: 12px;
		display: block;
		width: 330px;
		margin: 16px 0 8px 0;
	}
    .subcontractDialog input.subcontractor {
        margin-bottom: 8px;
        margin-right: 12px;
    }
    .subcontractDialog #help-message {
        font-size: 14px;
        padding: 8px;
    }
    .subcontractDialog .submitForm {
        display: none;
    }
	.subcontract {
		background-color: #FBCAAF;
		border: 1px solid #F0461C;
		position: relative;
	}
	button.subcontract {
		background-color: #004784;
		border: 1px solid #004784;
/*		display: none;*/
	}	
	.subcontract h4 {
		color: #F0461C;
	}	
	.subcontract h5 {
		margin: 0;
	}


	.subcontract .enter_times {
		width: 49.5%;
		display: inline-block;
		margin-left: 1%;
	}
	.subcontract .enter_times small {
		display: block;
	}
	.subcontract .enter_times label {
		width: 35%;
	}
	.subcontract .subcontract_at_ward,
	.subcontract .subcontract_handed_over,
	.subcontract .subcontract_received_back {
		display: block;
	}
	.subcontract .subcontract_no_ward {
		max-width: 49.5%;
	}	
	.subcontract .subcontract_no_ward label {
		width: 35%;
		max-width: 70px;
		vertical-align: middle;
		display: inline-block;
	}
	.subcontract .subcontract_no_ward select,
	.subcontract .subcontract_no_ward textarea {
		max-width: 343px;
	}
	.subcontract .subcontract_no_ward select {
		margin-bottom: 8px;
	}
	.subcontract .subcontract_no_ward textarea {
		height: 60px;
		display: inline-block;
		vertical-align: top;
	}	
	.subcontract .subcontract_no_ward_reason.textarea {
		width: 100%;
		margin: 0;
	}
	.subcontract .subcontract_submit {
		position: absolute;
		bottom: 0.5em;
		right: 0.5em;
	}

	.subcontract button {
		margin-top: 1em;
		margin-right: 1em;
		float: right;
		background-color: #F0461C;
		border-color: #F0461C;
		color: white;
	}
	.billing td.subcontracted {
		line-height: 0.8;
		background: #004785 !important;
		color: white;		
	}
	.billing td.subcontracted:after {
		content: ' SUBCONTRACTED';
		font-size: 8px;
		font-weight: bold;
	}
/* Renegotiated Time */
    #renegTimes section  {
    	background-color:rgba(255, 215, 0, 0.4);
    	padding-bottom: 0.5em;
    }
	#renegTimes section label {
		width: 110px;
	}
	#renegTimes section input {
		margin-right:1em;
		width:10em;
	}
    #renegTimes section button {
/*    	margin-bottom: 0.5em;*/
    }
    #renegTimes section .originalTime {
    	margin-bottom: 0.5em;
    	min-height: 16px;
    }
    #renegTimes .negotiatedByHospital {
    	margin-bottom: 8px;
    }
    #renegTimes .yesno {
    	margin-left:-4px;
    }
    .billing #renegTimes {
    	margin-bottom: 0.5em;	
    }
	#renegTimes .negotiatedReturnTime,
	#renegTimes .outbound {
		display: none;
	}
	#renegTimes.is_return_trip .negotiatedReturnTime,
	#renegTimes.is_return_trip .outbound {
		display: block;
	}
	#renegTimes.is_return_trip .single_trip {
		display: none;
	}
	#renegTimes.is_return_trip section {
		width: 49%;
		float: left;
	}
	#renegTimes .negotiatedOutboundTime {
		margin-right: 2%;
	}
	#opturionNew .postCalc {
		background-color: #bada55;
		font-weight: bold;
	}
	.ipaddress {
		position: fixed;
		font-size: 11px;
		right: 10px;
		bottom: 10px;
	}
	.nowrap {
		white-space: nowrap;
	}