.pointer{
    cursor: pointer;
}

.art\.title{
	margin-top: 0.7em;
}

.li-dash:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}

.mo-loading {
    position: fixed;
    width: auto;
    left: 50%;
    top: 0px;
    z-index: 10000;
}

.mo-loading-tag {
  background-color: #337AB7 !important;
  border-color: #337AB7 !important;
  color: white;
}

/* fix for carousel image to fit the panel size */
.carousel img {
    width:100% !important;
    min-width:100 !important;
    height: auto;
}
/* fix for carousel image to fit the panel size end */

/* go to top */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    left: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    left: 10px; /* padding from the left side of the window */
}
/* go to top end */

/* hihglighting */
.highlight{
	background: #CBDB2A;
}

/* end highlighting */
/* ribbon */
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
/* ribbon end */

.home-img{
    width:32px;
    height: auto;
    position: absolute;
  	margin-top: -15px;
  	margin-left: -15px;
  	transition: all .2s ease-in-out;
}
.home-img:hover{
    transform: scale(1.5);
}
.dropdown-menu li:hover {
    cursor: pointer;
}
.dropdown:hover {
    cursor: pointer;
}

.search-results{
	width: 100%;
	text-align: left;
}

.search-results tr{
	vertical-align: top;	
}

.search-results-dset{
	min-width: 80px;
	
}

/*navigation control*/
.navbar-nav.navbar-right:last-child {
    margin-right: 10px;
}
.beta{
	margin-left:40px;
}

.nav-control {
  position: absolute;
  top: 20px;
  bottom: 10px;
  left: 0;
  width: 18px;
  font-size: 20px;
  opacity: .5;
}
.nav-control.left {
  background:url("../images/left.PNG") repeat-y;
  background-repeat: round;
   margin-left: -5px;
}
.nav-control.right {
  right: 0;
  left: auto;
  background:url("../images/right.PNG"); repeat-y;
  background-repeat: round;
  margin-right: -5px;
}
.nav-control:hover,
.nav-control:focus {
  opacity: 1;
  cursor:pointer;
}

.toc-node-label-title {
	white-space: nowrap;
	font-weight: bold;
	vertical-align: top;
	padding-right: 0.5em;
}

/*end navigation control*/

.footnotes {
	margin-top: 1em;
    border-top: thin solid #D2D2D2;	
}

.footnote {
	margin-top: 0.8em;
}

.footnote-id {
	vertical-align: top;
	padding-right: 0.5em;
	white-space: nowrap;
}

.footnote-ref {
	color: #337AB7;
	position: relative; top: -0.2em; font-size: 90%;	
}
.popover {
    max-width: 450px;
}
.dyn-ref {
     cursor: pointer;
     color: #337AB7;
     text-decoration: underline;
}
.dyn-ref:hover {
     text-decoration: none;
     text-shadow: 1px 1px 1px #337AB7;
}

.selected {
   font-weight: bold;
   color: #337AB7;
}
.not-selected {
	font-weight: normal;
	color: #000;
}

.updates-pane{
	overflow-x: auto;
	overflow-y: scroll;
}

.toc-pane{
	overflow: auto;
}

.scrollbar
{
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

#scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#scrollbar::-webkit-scrollbar
{
	width: 6px;
	height: 6px;
	background-color: #F5F5F5;
}

#scrollbar::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

.toc-column-hidden {
	width: 00px;
} 


/*
 * Navdoc Look&Feel
 */
li {list-style-type: none;}

.smaller{
	font-size: 90%;
}

.text-UCC{
	color: #2DC3E9;
}
.text-DA{
	color: #CBDB2A;
}
.text-IA{
	color: #942864;
}
.text-TDA{
	color: #F99D1C;
}

.label-UCC{
	background-color: #2DC3E9;
}
.label-DA{
	background-color: #CBDB2A;
}
.label-IA{
	background-color: #942864;
}
.label-TDA{
	background-color: #F99D1C;
}

.timeline-UCC{
	border-right: thin solid #2DC3E9;
}
.timeline-DA{
	border-right: thin solid #CBDB2A;
}
.timeline-IA{
	border-right: thin solid #942864;
}
.timeline-TDA{
	border-right: thin solid #F99D1C;
}

.highlighting-on{
	background-color: #CBDB2A !important;
}

.menu{
	display: inline-block;
    min-width: 45px;
    padding: 1px;
    text-align: center;
    cursor:pointer;   
}

.menu-docset{
	background-color: #2DC3E9;
	color: #fff; 
}

.menu-topic{
	border-style: solid;
	border-width: 1px;
	border-color: #2DC3E9;
	color: #2DC3E9; 
}

.menu-active{
	 border-bottom: 3px solid black;
}

.article-menu{
	display: inline-block;
    padding: 1px;
    text-align: center;
    color: #333;
    margin-left: 1em;
    cursor:pointer;
}

.article-menu .inactive{
    color: #999;
}


.toc{
	font-weight: 200;
	font-size: 85%;
}

.menu-nowidth{
    min-width: 0px;
}

.collapse-tag{
	display: inline-block;
    min-width: 45px;
    padding: 1px;
    text-align: center;   
}

.tag{
	display: inline-block;
    min-width: 45px;
    padding: 1px;
    text-align: center;   
}

.tag-docset{
	background-color: #2DC3E9;
	color: #fff;
}

.tag-topic{
	border-style: solid;
	border-width: 1px;
	border-color: #2DC3E9;
	color: #2DC3E9; 
}

.tag-lg{
	width: 100%;
	margin: 7px;
    padding: 7px;
    text-align: center;
    border-color: #2DC3E9;
    border-style: solid;
	border-width: 1px;
	
}
.tag-lg:hover{
	background-color: #2DC3E9;
}

.tag-lg a{
    color: #000 !important;
}

.tag-text{
	color: #2DC3E9;
}

.link-footer{
	color: #fff;
}
.link-footer:hover {
	color: #fff;
}

.white{

}

.ALL{
	background-color: #fff;
	color: #2DC3E9;
}

.DA{
	background-color: #CBDB2A;
	color: #fff;
}
.IA{
	background-color: #942864;
	color: #fff;
}
.TDA{
	background-color: #F99D1C;
	color: #fff;
}
.Topic{
	border-style: solid;
	border-width: 1px;
	border-color: #2DC3E9;
	color: #2DC3E9;
}

.Topic-off{
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	color: #D2D2D2;
}

.Feedback{
	border-style: solid;
	border-width: 1px;
	border-color: #E92DC3;
	color: #E92DC3;
}


.article-ref{
	border-style: none;
    border-bottom: 1px dotted #2DC3E9;
	
}

.btn-UCC {
  border-color: #2DC3E9;
  color: #2DC3E9;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #18bbe5;
  border-color: #16a8cd;
  color: #16a8cd;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {

  border-color: #2DC3E9;
  color: #2DC3E9;
}

.btn-DA {
  border-color: #CBDB2A;
  color: #CBDB2A;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #bac922;
  border-color: #a6b41e;
  color: #a6b41e;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  border-color: #CBDB2A;
  color: #CBDB2A;
}

.btn-IA {
  background-color: #942864;
  border-color: #942864;
  color: white;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #802356;
  border-color: #6c1d49;
  color: white;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #942864;
  border-color: #942864;
  color: white;
}

.btn-article-nav {
  background-color: #F99D1C;
  border-color: #F99D1C;
  color: white;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #f59206;
  border-color: #dc8306;
  color: white;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #F99D1C;
  border-color: #F99D1C;
  color: white;
}



/*
 * Base structure
 */
.title{
	padding-top: 0.5em;
	text-align: center;
	font-weight: bold;
}

.para{
	margin-top: 1em;
}

.section-body .para:first-child{
	margin: 0 0 0px;
}

.title .para{
	margin: 0 0 0px;
	display: inline-block;
}

.title-collapse{
	display:inline-block;
}

.body{
	padding-top: 0.5em;
}

.section tr td {
	padding-top: 0.5em;
}

.paraNo {
	display: inline;
}

.list-indent{
	margin-left: 20px
}

.var-list-term{
	vertical-align: top;
	padding-right: 1em;
}

.var-list-item{
	vertical-align: top;
}

.section-no{
	vertical-align: top;
	padding-right: 0.5em;
}

/* footer styles
      -------------------------------------------------- */

html,
body {
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif !important;
  height: 100%;
  padding-top: 40px; // for fixed-navbar
  /* The html and body elements cannot have any padding or margin. */
}

.centered {
    align: center;
}

.panel-borderless {
  border: 0;
  box-shadow: none;
}

.container-fluid,.panel {
	height:100%;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}


/* Footer panel styles */
.panel-default > .panel-heading-footer {
	background: #464342; 
	color: #cecbca;  
}
.panel-body-footer {
	background: #464342; 
	color: #cecbca; 
}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #2DC3E9;
  border-style: dashed none;
  border-width: 1px 0 0 0;
  margin: 15px;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}

.nowrap{
	white-space: nowrap;
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/*
 * Tables
 */
.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.top-aligned tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    vertical-align: top;
}

.centered tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    align: center;
}

/* Fix for Bootstrap 3 with Angular UI Bootstrap */

.modal { 
	display: block;
}