html, body{font-family:Helvetica, Arial,Verdana,sans-serif; font-size:12px;color:#1f1e1d;line-height:20px;margin:0;text-align:justify;
background-color:#EEEEEE;}

#PageContent{font-family:"Merriweather", Arial,Verdana,sans-serif; min-height: 100%;word-wrap: break-word;}
#pageheader .database-title {position: absolute;top: 10px;color: #ffffff;font-weight: bold;font-size: 30px;line-height:30px;left: 80px;margin-right:50px;}
#pageheader .logo {height: 70px; margin-left: 5px;margin-top: 5px;margin-bottom:5px;}
.navbar{margin-bottom:0;}
.navbar-toggle{margin-top:20px;}
#pageheader .navbar .container{background-color:#62A3BB;}

@media screen and (min-width: 768px) {
	#pageheader .database-title {position: absolute;top: 15px;color: #ffffff;font-weight: bold;font-size: 40px;left: 20px;}
	#pageheader .logo {height: 90px; margin-left: 50px;margin-top: 10px;}
	#pageheader{BACKGROUND: #fbfaf6 url(banner.jpg) no-repeat center top;height:160px;background-size: 100% 109px}
	#pageheader .database-title{position: absolute; top: 60px;color: #ffffff;font-weight: bold;font-size: 40px;left: 158px;}
	.navbar{margin-bottom:20px;}
	#pageheader .navbar .container{background-color:#1F1E1D;}
}

#pageheader .title-banner{height:108px;position:relative;}
#pageheader .ihl-title{position: absolute;top: 30px;color: #ffffff;font-weight: bold;font-size: 20px;text-transform: uppercase;left: 160px;}
#pageheader .ihl-title a, #pageheader .database-title a{color: #ffffff}
#pageheader .top-links{position:absolute;top:0;right:10px;}
#pageheader .top-links ul li{display: inline;background-color: #1F1E1D;padding:5px;}
#pageheader .top-links ul li.active{background-color:#62a3bb;}
#pageheader .top-links ul li a{color:#ffffff;font-size:14px;}

#pageheader .navbar{background-color:#EEEEEE;border:0;border-radius:0;color:#FFFFFF;z-index:1000}

#pageheader .navbar li{border-right:1px solid #CBC6C0;min-width: 110px;text-align:left;}
#pageheader .navbar li.active{background-color:#62a3bb;}
#pageheader .navbar-default .navbar-nav>li>a {color: #fff;text-transform:uppercase; font-weight: bold; font-size: 16px;}
 @media screen and (min-width: 992px) {
 #pageheader .navbar li{min-width: 150px;}
}
#pageheader .navbar-default .navbar-nav>li:focus>a, 
#pageheader .navbar-default .navbar-nav>li:hover>a,
#pageheader .navbar-default .navbar-nav>.active>a, 
#pageheader .navbar-default .navbar-nav>.active>a:focus, 
#pageheader .navbar-default .navbar-nav>.active>a:hover{color:#1F1E1D;background-color:#62a3bb;}

#pageheader .navbar li.adv-search {border-right:0}
#pageheader .navbar li.adv-search span {padding-right:10px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #62a3bb;color:#1F1E1D
}
.navbar-default .navbar-toggle:focus .icon-bar , .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}
#navbar.affix {
    top: 0;
    left: 0;
    right: 0;
  }
#navbar {
  /* Added `.affix-top` class css when the element is top */
  &.affixed-top {
    background: black;
  }
  /* Added `.affix` class css when the element is >= 170px (Look: line 8 html) */
  &.affix {
    background: gray;
    top: 0;
    left: 0;
    right: 0;
  }
  /* Added `.affix-bottom` class css when the element is footer */
  &.affix-bottom {
    background: red; 
  }
}
.tooltip {
    position: fixed;
}
.side-menu.affix-top
{
    top: 180px;
}

.side-menu.affix
{
    top: 80px;
}

#sidebar .menu-list li.divider{border-bottom: 1px dotted #ffffff;  margin-top: 20px;  margin-bottom: 20px;}
#sidebar .menu-list{ padding-left: 20px;}
#sidebar .menu-list a{ color:#ffffff;font-size: 18px;}
#sidebar .menu-list li.active, #sidebar .menu-list li:hover{background-color:#62a3bb;color:#1F1E1D;}

#sidebar{display:none;}
#sidebar.active{
	display:block;
	position:fixed;
	top:80px;
	right:0;
    width: 220px;
   	background-color: #31302f;
  	bottom:0;
    color:#ffffff;
}

#mobile-activebreadcrumb{padding-top:0}
#mobile-activebreadcrumb h4{padding-top:10px;padding-bottom:10px;}

#pagebody{background-color:#ffffff;}
.green{color:#7EA191}

#left-part .menu{font-size:12px;}
#left-part ul.menu{font-size:12px;list-style-type: none;padding-left: 20px;}
#left-part ul.backtotop{font-size:12px;list-style-type: none;padding-left: 0;margin-top:40px;}


#middle-part.bordered {border-left:1px dotted #000000}
#right-part {padding-right: 0;}
#right-part .home-block{background-color:#e3e3e3;padding:5px;margin-bottom:10px;text-align: left;}
#right-part .home-block .title{color:#1F1E1D;text-transform:uppercase; font-weight: bold; font-size: 14px;}
#right-part .home-block ul{margin-top:10px;list-style-type: none;padding-left:20px;font-size: 12px;}
#right-part .home-block ul li{background-color: transparent;background-image: url('bullet.gif');background-repeat: no-repeat;
    background-attachment: scroll; background-position: 0pt 0.5em; padding-left: 9px;margin-bottom: 3px;line-height: 1.5em;
    cursor: pointer;margin-bottom: 10px;}
#right-part .home-block .centered-block{width:100%;text-align:center;margin-top:10px;margin-bottom:10px;}

a.related, a.quicknav{background-color:#1F1E1D;border-radius: 1px;border-color:#1F1E1D;margin-bottom: 5px;}
a.related:hover, a.quicknav:hover, a.related:active, a.quicknav:active{background-color:#62a3bb;border-radius: 1px;}
/* for breadcrumb */
ul.cihl-breadcrumb {list-style-type :none;padding-left:0px; }
ul.cihl-breadcrumb>li{display:inline-block;vertical-align:middle;border-color:#DED3D3;border-style:solid;border-radius:4px;border-width:1px;padding-left:20px;
padding-right:0px;background:#f4f4f2;font-size:14px;line-height:20px;color:#8d8070;text-align:left;text-transform:uppercase;margin-right:10px;height:30px;margin-bottom: 10px; }
ul.cihl-breadcrumb>li a{color:#8d8070;display:block;float:left;padding-top:5px;padding-bottom:5px;margin-right:10px;}
ul.cihl-breadcrumb>li a.dropdown-toggle{padding-left:8px;padding-right:8px;background-color:#ffffff;display:block;float:right;height:28px;margin-right:0;border-color:#DED3D3;
border-left-style:solid;border-left-width:1px;padding-top:12px;padding-bottom:5px;margin-right:1px;}
ul.cihl-breadcrumb li.sep{border-color:transparent ;background:transparent;padding-top:10px;padding-bottom:10px;padding-left:0;padding-right:10px;margin:0 } 
ul.cihl-breadcrumb ul.dropdown-menu{max-height:300px;overflow-y:scroll;}
/* left navigation*/
.side-menu { overflow-y: auto;width: 170px;}
 @media screen and (min-width: 992px) {
.side-menu {width: 155px;}
 }

ul.cihl-nav{list-style-type :none;padding-left:0px; font-size:12px;text-align: left;}
ul.cihl-nav .active a{color:#62a3bb;}
ul.cihl-nav li{margin-bottom: 10px;}
ul.cihl-nav ul{padding-left:0px; list-style-type :none;}
ul.cihl-nav ul li{padding-left:0px; background-color: transparent;background-image: url('bullet.gif');background-repeat: no-repeat;
    background-attachment: scroll; background-position: 0pt 0.5em; padding-left: 9px;margin-bottom: 3px;line-height: 1.5em;
    cursor: pointer;margin-bottom: 10px;}
    ul.cihl-nav .cihl-indent{padding-left:20px;}
/*ul.cihl-nav ul.current {max-height: 130px;overflow-y: scroll; overflow-x: hidden;}*/
/*ul.cihl-nav ul.childs {max-height: 110px;overflow-y: scroll; overflow-x: hidden;padding-right: 15px;}*/
.left-part{overflow-y: scroll; overflow-x: hidden;}
/* pages index*/
.list-group{text-align:left}
li.list-group-item .h3title {
    color: #000000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.linkList{font-size:12px;}
.link2linesGreen1, .link2linesGreen2, .link2linesGreen3{
color:#088a08;font-weight:bold;
}
.link2lines,. link2lines1, .link2lines2, .link2lines3, .link2linesGreen1, .link2linesGreen2, .link2linesGreen3{
height:3em;display:block;float:left; cursor:pointer;
}

/*.link2lines1{max-width:630px;height:3em;}
.link2lines2{max-width:300px;height:3em;}
.link2lines3{max-width:180px;}*/
.link2lines1{min-height:3em;}
.link2lines2{min-height:3em;}


.listNumber{width:2em;min-height:3em;display:block;float:left; display:-moz-inline-box;}    
.list-group-item .label{font-size: 14px;} 
.list-group-item .green .label{background-color:#7EA191;color:#ffffff;}

/* for pages content */
.intro{
display:block;color:#000000;FONT-SIZE: 16px;font-weight: bolder;line-height:1.6em;letter-spacing:0.2px;margin:0;text-align:justify;font-style:italic;
padding-bottom:15px;padding-top:15px;}
.Note{FONT-SIZE: 11px; line-height:1.6em;letter-spacing:0.2px;margin:0;padding:10 0 5 0;text-align:justify;display:block;font-weight:bold;}
.L2, H2{FONT-SIZE: 22px; padding-top:20px;padding-bottom: 10px;z-index:1;font-weight:bold}
.L3, H3{FONT-SIZE: 15px; padding-top:20px;padding-bottom: 10px;z-index:1;font-weight:bold}
.L4, H4{FONT-SIZE: 14px;padding-top:20px;padding-bottom: 10px;line-height:1.1em;;font-weight:bold}
/*.l3_anchor::before, .fnAnchorLinkEnd::before, .fnAnchorLink::before {
  content:"";
  display:block;
  height:120px; /* fixed header height*/
  margin:-120px 0 0; /* negative fixed header height */
  visibility:hidden;
}*/
.cihltooltip{cursor:pointer;}
.FootNote{display:none;}
.footnoteBlock{ overflow: hidden;background-color: #ececec;margin-top:40px;}
.footnoteAtEnd{
	display: block;
   
    padding-left: 10px;
    padding-right: 10px;
}
.footnoteAtEnd:first-of-type{margin-top:20px;}
    
a{color:#8a7e7e; font-weight:bold;}
a:hover, a:active{color:#717171; font-weight:bold;}

h1, .L1 {font-size:24px;font-weight:bold;color:#000000;margin-bottom: 20px !important;}
p.first {text-indent: 50px;}
.footnoteSeparator{height: 40px;}
.Normal{padding:10 0 5 0;}
.Normal6pt{padding:6 0 5 0;}
.NormalUnderline {text-decoration:underline;padding:6 0 5 0;}
.Reference{display: block;padding:10 0 5 0;}
.Quote{padding-bottom:5px;padding-left:30px;}
.QuoteWQuote {padding-bottom:5px;padding-left:60px;}
.NormalBullet{padding-left: 10px;margin-left: 10px;list-style-type :none;background-color: transparent;display: block;}
.footer{BACKGROUND: #fbfaf6 url(footer.png) no-repeat center top;height:199px}
.footer .logo{margin-left: 20px;margin-top: 20px;height: 100px;}
.logo_label{color: #ffffff;text-transform: uppercase;position: absolute;left: 30px;top: 130px;width: 200px;font-size: 11px;text-align: left;}
.ShortName{font-style:italic;padding-top: 10px;}
.FullName{line-height:1.3em;padding-top:5px;padding-left: 20px;}
.cihltable{font-size:11px;}

.tooltip > .tooltip-inner {max-width:450px;}

.socialbar{background-color:#ffffff;text-align: center;padding-bottom: 10px;  padding-top: 20px;}
/*Change icons circle size and color here*/
.social-icons .fa {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 2.5em;
	margin-left: 10px;
    margin-right: 10px;
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}
.social-icons .fa-twitter{color:#ffffff;background-color:#55ACEE}
.social-icons .fa-facebook{color:#ffffff;background-color:#3B5999}
.social-icons .fa-google-plus{color:#ffffff;background-color:#DD4B39}
.social-icons .fa-linkedin{color:#ffffff;background-color:#0077B5}
.social-icons .fa-envelope-o{color:#ffffff;background-color:#F46899;cursor: pointer;}
.social-icons .fa-print{color:#ffffff;background-color:#C52F30;cursor: pointer;}

.cihl-accordion .panel-heading{padding-top:0;padding-bottom:0;background-color:#62A3BB;}
.cihl-accordion .panel-heading h4{padding-top:5px;padding-bottom:5px;}
.cihl-accordion .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.cihl-accordion  .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.cihl-accordion .title{font-weight: bold;font-size: 18px;}

.credit .panel-heading{padding-top:0;padding-bottom:0;background-color:#62A3BB;}
.credit .panel-heading h4{padding-top:5px;padding-bottom:5px;}
.credit .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.credit  .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.credit .title{font-weight: bold;font-size: 18px;}

.modal-title{font-size: 18px;font-weight: bold;}
.modal_message{height: 280px;}
.captcha_block{vertical-align:middle;height: 80px; margin-top: 10px;border-radius:5px;background-color:#F4F4F2;padding:10px;}
.captcha_block .btn{margin-top: 20px;}
.captcha_block #captchaCtrl{margin-right: 10px;}
.cihl-intro{margin-bottom:10px;}