@charset "utf-8";

.placeholder {
	color:#aaa;
}

.no-js .js-only, .js .no-js-only {
	display:none;
}

/* WRAPPERS*/
#msis {
	width:100%;
	padding:0;
}

#msis a {
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
#msis a:hover {
	text-decoration:underline;
}

/* SEARCH FORM */
#msis-search-form {
	padding:0;
	margin:10px 0;
}

	#msis-search, 
	#msis-submit {
		padding:0;
	}
	#msis-search {
		padding:8px 1%; /* http://stackoverflow.com/a/10638420/692456 */
		width:98%/*92%;*/
	}
	/*
	#msis-submit {
		width:5%;
		height:34px;
		background: #002C47 url("../search-button-white.png") no-repeat center center;
		color:#fff;

		line-height: 0;
		text-indent: -9999px;

		border:0;
		margin:0;
		padding:0;
	}
	*/

#msis-tabs {
	margin-top:15px;
}

/* DRAFT watermark */
.draft {
	background:url('../draft-watermark.png') center top repeat-y;
}


/* TABS */
/* If javascript is disabled, display as a normal ul */
.js .tabs {
	margin-left:0;
	padding-left:0 !important;
}
.js .tabs li {
	list-style:none;
	float:left;
	margin-right:20px;
	padding:0 !important;
}
.js .tabs a {
	display:block;
	height:100%;
	padding:15px 10px !important;
	border-bottom:3px solid #ddd;
}
.js .tabs a:visited {
	color:rgb(0,110,171) !important;
}
.js .tabs .selected a {
	font-weight:bold;
	border-bottom:3px solid #9FCF67;
	color:#222 !important;
	cursor:default;
}
.js .tabs .selected a:hover {
	text-decoration:none !important;
}

#msis-list-header a:visited {
	color:rgb(0,110,171);
}


/* Shown or hidden according to Modernizr.input.placeholder - this is done with javascript since Modernizr does not add placeholder/no-placeholder attribute to html tag */
.placeholder-fix {
	font-size:80%;
	margin-top:5px;
	color:#777;	
}

/* RESULTS */
.msis-results {
	margin-top:25px;
}

#msis-list-header h3 {
	float:left;
}

#msis-sort {
	float: right;
	font-size: 100%;
	border: 1px solid #d7d7d7;
	padding: 10px;
	background-color: #f2f2f2;
	margin-top: 10px;
}

#msis-sort-details {
	float: left;
	font-size: 100%;
	border: 1px solid #d7d7d7;
	padding: 10px;
	background-color: #f2f2f2;
	margin-top: 10px;
}
	#msis-sort .selected {
		cursor: default;
		text-decoration: none;
		color: #333 !important;
	}
#msis-sort .selected:hover {
	text-decoration:none;
}

/*
.msis-results h3, #msis-sort {
	margin:0;
	padding:0;
}
#msis-sort, #msis-count-end {
	padding:0 11px;
}
*/


	.msis-list {
		padding:0 !important;
		margin:0;
		list-style:none;
		clear:both;
	}

		.msis-record {
			border-top:1px solid #e2e2e2;
			padding:10px 0 !important;
		}
		.msis-record:last-child {
			border-bottom:1px solid #e2e2e2;
		}

		.msis-record p {
			margin:0;
			padding:0 !important;
		}
		.msis-record-field {
			float:left;
		}
		.msis-field-product {
			width:69%;/*45%;*/
			margin-right:2%;
		}
			.msis-actives {
				color:rgb(0,110,171);
			}
			.msis-actives:hover {
				text-decoration:underline;
			}
		.msis-trade-names {
			color:#333;
		}
		.msis-actives, .msis-trade-names, .msis-dose-form {
			/*
			text-overflow:ellipsis;
			overflow:hidden;
			white-space:nowrap;
			*/
			display:block;
		}
		.msis-dose-form, .msis-expected-supply {
			color:#888;
		}
		
		.msis-field-updated {
			width:29%;
			text-align:right;
			color:#888;
		}
		.msis-record-count {
			color: #888;
			/*float:right;*/
			text-align:right;
			margin-bottom:40px;
			margin-left:0;
		}
		.msis-no-records {
			color:#000;
			text-align:left;
			padding-left: 0 !important;
		}


.minor {
	color:#888;
}

.minor-status-green {
	color:#008707;
}

#msis-detail-table {
	font-size:95%;
}


hr.fieldset-divider {
	border-top:1px solid #eee;
}

/*
	This next section is part of Work Reg: 2689
	This is the CSS for the New Search-Export to Excel feature
	M Seldon 22/01/2021
*/

ol#export {
	margin: 0 0 5px -20px;
}

#divID #export {
	list-style: none;
}

#divID #export li {
	padding: 10px 30px;
	margin-bottom: 0px;
}

#divID #one {
	background: url(../Images/excel-icon.png) no-repeat 2px 50%;
}

.search-summary-wrapper {
	float: right;
	background-image: url("../images/bg.png");
	background-repeat: repeat-x;
	border: 1px solid #00264c;
	padding: 5px;
	text-align: left;
	width: auto;
	font-family: Verdana, Arial, sans-serif;
	margin-bottom: 15px;
}

.box-title {
	color: #00264c;
	font-size: 15.2999px;
	border-bottom: 1px dotted;
	padding-bottom: 8px;
	margin-top: 4px;
}

.l-g-TGA-Custom {
	margin: 0 auto;
	max-width: 80%;
}

.l-g-TGA-Custom-Column {
	width: 90%;
}

.l-g-TGA-Custom-Footer-Menu-Header {
	font-size: 91.5625%;
}

.l-g-TGA-Custom-Footer-Menu-Title {
	font-family: Noto Sans, Open Sans, Verdana, Arial, sans-serif;
	font-size: 1.35017em;
	font-weight: 600;
}

.ext-custom-footer-image {
	background: url(../Images/bg-ext.png) 0 0 no-repeat;
	height: 11px;
	width: 17px;
	padding-right: 17px;
	text-decoration: none;
	zoom: 1;
}
.ext-custom-footer-image2 {
	background-image: url(../Images/bg-ext-footer.png);
}

	/*
	End of Work Reg: 2689 Addition
*/
	/*
@media only screen and (max-width:767px) {
	
	#msis-tabs {
		margin-left:0 !important;
	}
		#msis-tabs li {
			margin:0 !important;
			width:50%;
			text-align:center;
		}
		#msis-tabs li a {
			display:block;
		}
		.msis-results h3,
		.msis-sort {
			float:none;
		}
		.msis-results ul li:first-child {
			margin-top:0 !important;
		}
		.msis-results ul li:last-child {
			margin-bottom:0 !important;
		}
		.msis-results ul,
		.msis-results ul li {
			margin-left:0 !important;
		}
		#msis .product,	
		#msis .dosage,
		#msis .updated {
			width:100%;
		}
}

@media only screen and (max-width:510px) {
	#msis-tabs li {
		width:100%;
	}
	#msis-tabs li a {
		margin:1% 0;
	}
}
*/
	[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x- ng-cloak {
	display: none !important;
}