/*body { width: 100%; height: 100%; font-family: Segoe UI, Arial, Verdana, sans-serif !important; color: #333; font-size: 14px; background-color: #fff; }*/
body { width: 100%; height: 100%; font-family: Open Sans, sans-serif !important; color: #333; font-size: 13px; background-color: #fff; }

html { width: 100%; height: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: 1px; }

.navbar-brand { padding: 0; }
.navbar-default { background-color: #fff; border-color: #e7e7e7; padding-top: 5px; padding-bottom: 5px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: transparent; }
.navbar-default .navbar-nav>li>a { color: #999; font-weight: 700; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #000; background-color: transparent; }
.navbar { position: relative; min-height: 50px; margin-bottom: 0; border: none; }

.map-left-sec { background-color: #84b4e0; padding: 10px; height: 100%; min-height: 810px; overflow: hidden; border-radius: 50px; margin: 15px 0; }
.map-left-sec h3 { text-align: center; color:#ffffcc; font-size:18px; }
.map-left-sec h4.txt-one { text-align: center; margin-top: 25px; margin-bottom: 15px; font-size: 14px; color:#002060; }
.map-left-sec h4.txt-one span { font-size: 46px; color: #ffffcc; }
.map-left-sec h4.txt-two { text-align: center; margin-bottom: 15px; font-size: 14px; color:#002060; }
.map-left-sec h4.txt-two span { font-size: 24px; color: #ffffcc; }
.map-left-sec h4.txt-three { text-align: center; margin-top: 55px; margin-bottom: 15px; font-size: 14px; color:#ffffcc; text-transform:uppercase; }
.map-left-sec h4.txt-four { font-size: 46px; color: #ffffcc; text-align:right; }
.map-left-sec h4.txt-five { text-align:left; margin-top:20px; margin-bottom: 15px; font-size: 14px; color:#002060; }
.map-bg { background-color: #f2f3f6; }
.map-bg-home { background-color: #f9f9f9; }
.map-border-r { border-right: 1px solid #fff; }

.mapLeftSec{
background: #15155d; /* Old browsers */
background: -moz-linear-gradient(top, #15155d 0%, #2b2ba0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #15155d 0%, #2b2ba0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #15155d 0%, #2b2ba0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15155d', endColorstr='#2b2ba0', GradientType=0 ); /* IE6-9 */
padding: 15px; height: 100%; /*min-height: 730px;*/ overflow: hidden; border-radius: 25px; margin:20px 0 15px 0;
}
.whiteBox, .whiteBox1, .whiteBox2, .whiteBox3, .whiteBox4 { background:#fff; color:#0000cc; float:left; margin:15px 0; width:100%;}
.whiteBox h3, .whiteBox1 h3, .whiteBox2 h3, .whiteBox3 h3, .whiteBox4 h3{ text-align:center; font-size:31px;}
.whiteBox h4, .whiteBox1 h4, .whiteBox2 h4, .whiteBox3 h4, .whiteBox4 h4{ text-align:center; font-size:15px; line-height:1.4em;}
.whiteBox p.txtOne, .whiteBox1 p.txtOne, .whiteBox2 p.txtOne, .whiteBox3 p.txtOne, .whiteBox4 p.txtOne { text-align: left; font-size:14px; font-weight:600; margin: 15px 0;}
.whiteBox p.txtTwo, .whiteBox1 p.txtTwo, .whiteBox2 p.txtTwo, .whiteBox3 p.txtTwo, .whiteBox4 p.txtTwo{ text-align: center; font-size:14px; font-weight:600; margin-top:15px;}
.leftChartsec{ float:left; width:100%;}
.leftChartsec img{ display:block; margin:0 auto;}
.whiteBox { margin:10px 0 10px 0;}
.whiteBox1 { margin: 2px 0 0 0;}
.whiteBox4 { margin: 4px 0 0 0;}
.whiteBox2,.whiteBox3 { margin:2px 0 0 0; padding-bottom: 10px;}
.whiteBox2 p.txtThree { text-align: center; font-size:14px; font-weight:600; margin-top:15px; margin-top: 2px;}
.whiteBox2 p.txtTwo { margin-top: 12px;}
.whiteBox4 p.txtThree { text-align: center; font-size:14px; font-weight:600;  margin:0; padding-bottom: 10px; }
.front .mapLeftSec { margin:0; }

.custom-tab { padding: 0; }

.marg-top-bot-30{ margin:30px 0;}
.img-align-center{ display:block; margin:0 auto;}

.tabbable-line > .custom-tab { border-bottom: 1px solid #dedede; margin: 0px; }
.tabbable-line > .custom-tab > li { margin-right: 30px; text-transform: uppercase; font-weight: 700; font-size: 14px; }
.tabbable-line > .custom-tab > li > a { border: 0; margin-right: 0; color: #999; padding: 10px 0; }
.tabbable-line > .custom-tab > li > a > i { color: #a6a6a6; }
.tabbable-line > .custom-tab > li.open, .tabbable-line > .custom-tab > li:hover { border-bottom: 4px solid #2cb9ef; }
.tabbable-line > .custom-tab > li.open > a, .tabbable-line > .custom-tab > li:hover > a { border: 0; background: none!important; color: #000; }
.tabbable-line > .custom-tab > li.open > a > i, .tabbable-line > .custom-tab > li:hover > a > i { color: #a6a6a6; }
.tabbable-line > .custom-tab > li.open .dropdown-menu, .tabbable-line > .custom-tab > li:hover .dropdown-menu { margin-top: 0px; }
.tabbable-line > .custom-tab > li.active { border-bottom: 4px solid #2cb9ef; position: relative; }
.tabbable-line > .custom-tab > li.active > a { border: 0; color: #005f8f; }
.tabbable-line > .custom-tab > li.active > a > i { color: #fff; }
.tabbable-line > .custom-tab > li:last-child { margin-right: 0; }
.tabbable-line > .custom-tab > li:last-child.open, .tabbable-line > .custom-tab > li:last-child:hover { border-bottom: none; }

.custom-tab>li.active>a, .custom-tab>li.active>a:focus, .custom-tab>li.active>a:hover { background-color: transparent; }
.custom-tab > li { margin-bottom: 0px; }

.three-btns { margin: 6px 0 0 0; padding: 0; }
.three-btns a { background-color: #f2f3f6; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #333; padding: 6px; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.three-btns a:hover { background-color: #e4e5e8; text-decoration: none; }

.map-txt { text-align: right; padding: 15px 0 0 0; }

.donut-chart-sec img { margin: 0 auto; }

.reset-btn { margin: 20px 0; }

.topicTitle { color: #2cb9ef; border-bottom: 4px solid #2cb9ef; padding-bottom: 7px; font-size: 21px; }

.subtopicTitle { color: #333; font-size: 18px; padding: 10px 0; }

.compareInstrument { margin: 20px 0; }

.sum-area p.txtB { font-weight: 600; color: #666; }
.sum-area p.txtB span { font-weight: normal; color: #337ab7; }

#myCarousel .carousel-caption { left: 0; right: 0; bottom: 0; text-align: left; padding: 10px; background: rgba(255,255,255,0.8); text-shadow: none; }
#myCarousel .list-group { position: absolute; bottom: 0; }
#myCarousel .list-group-item { border-radius: 2px; cursor: pointer; }
#myCarousel .list-group .active { background-color: #337ab7; }

.carousel-caption { color: #000; }
@media (min-width: 992px) {
#myCarousel { padding-right: 0%; }
}
@media (max-width: 991px) {
.carousel-caption p,  #myCarousel .list-group { display: none; }
}

.map-chart-sec { background-color: #9ab1c5; margin-top: 20px; }

.home-news-sec { margin: 20px 0; }
.home-news-sec h6 { font-size: 15px; line-height: 18px; font-weight: bold; color: #000; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.home-news-sec ul { padding: 0; margin: 0; }
.home-news-sec ul li { position: relative; display: block; list-style: none; margin-bottom: 17px; overflow: hidden; }
.home-news-sec .txt-grey { font-size: 11px; color: #818181; line-height: 18px; text-transform: uppercase; word-wrap: break-word; }
.home-news-sec h5 { font-weight: 600; font-size: 14px; line-height: 20px; color: #000; margin: 0px; }
.home-news-sec h5 a { color: #000; }

.publication-sec { font-size: 13px; line-height: 16px; word-wrap: break-word; }
.publication-sec ul { list-style: none; padding-left: 0px; }
/*.media:first-child { margin-top: 15px; }*/
.n02v5-body ul li { list-style: none; margin: 0px 0px 25px 0px; overflow: hidden; float: right; }
.media { display: inline-block; /*width: 100%;*/ }
.publication-sec h6 { font-size: 15px; line-height: 18px; font-weight: bold; color: #000; margin: 0px 0px 15px 0px; text-transform: uppercase; }
.publication-pic img { /*width: 110px; height: 62px;*/ border: none; margin: 0px 12px 0px 0px; float: left; display: block; }
.publication-sec .publication-text { display: table-cell; padding-bottom: 2px; }
.publication-sec .grey-txt { font-size: 11px; color: #818181; line-height: 18px; text-transform: uppercase; word-wrap: break-word; }
.publication-sec h5 { font-weight: 600; font-size: 14px; line-height: 20px; color: #000; margin: 0px; }
.publication-sec h5 a { color: #000; }

.more-btn { min-height: 28px; font-size: 13px; padding: 3px 8px; line-height: 18px; border-radius: 0px; border: 1px solid #dedede; color: #39beea; word-wrap: break-word; white-space: normal; text-align: left; background-color: #fff; }
.more-btn:hover, .more-btn:focus, .more-btn.focus, .more-btn:active, .more-btn.active, .open>.dropdown-toggle.more-btn { background-color: #fff!important; border-color: #39beea; border: 1px solid #39beea; color: #39BEEA; }
.more-btn:hover, .more-btn:focus, .more-btn.focus, .more-btn:active, .more-btn.active, .open>.dropdown-toggle.more-btn { background-color: #fff!important; border-color: #39beea; border: 1px solid #39beea; color: #39BEEA; }

.data-chart-sec{ position:relative; clear:both;}
.data-chart-sec .filter-sec{ position:absolute; top:90px; right:0; background-color:#f2f3f6; padding:0 10px 10px 10px;}
.data-chart-sec .filter-sec h4{ color:#2489c5; font-size:16px; text-transform:uppercase; font-weight:bold; margin-top:20px; margin-bottom:0;}
.data-chart-sec .filter-sec ul{ padding:0; margin:10px; float:left;}

.checkbox-custom, .radio-custom { opacity: 0; position: absolute; }
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer; }
.checkbox-custom-label, .radio-custom-label { position: relative; }
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before { content: ''; background: #fff; border: 2px solid #2489c5; display: inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 2px; margin-right: 10px; text-align: center; line-height: 9px;}
.checkbox-custom:checked + .checkbox-custom-label:before { content: "\f00c"; font-family: 'FontAwesome'; background:#2489c5; color: #fff; font-size: 8px; }
.radio-custom + .radio-custom-label:before { border-radius: 50%; }
.radio-custom:checked + .radio-custom-label:before { content: "\f00c"; font-family: 'FontAwesome'; color: #bbb; }
.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label { outline: 1px solid #ddd; /* focus style */ }

.select {		
    width: 100%;		
    min-width: 40px;		
    height: 46px;		
    border: 1px solid #aaa;		
    color: #000;		
    line-height: 18px;		
    font-size: 1em;		
    padding-left: 25px;		
	border-radius:5px;		
}

/* Footer Style */
/*
footer { margin-top: 20px; padding: 15px 0; background-color: #f7f7f7; border-top: 1px solid #dedede; }
.inner-footer { padding: 20px 0; float: left; width: 100%; }
.footer-links { margin: 0; padding: 0; float: left; }
.footer-links li { list-style-type: none; display: inline-block; margin: 0 10px 0 0; padding: 0; color: #808084; font-size: 13px; font-weight: 600; }
.footer-links li a { color: #818181; }
.footer-links li a:hover { color: #818181; text-decoration: underline; }
.copyright { color: #808084; font-size: 12px; float: right; margin: 12px 0 0 0; }
*/
/* Font face Style */
@font-face { font-family: 'Segoe UI'; src: url('../fonts/segoeui/SegoeUI.eot'); src: url('../fonts/segoeui/SegoeUI.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui/SegoeUI.woff2') format('woff2'), url('../fonts/segoeui/SegoeUI.woff') format('woff'), url('../fonts/segoeui/SegoeUI.ttf') format('truetype'), url('../fonts/segoeui/SegoeUI.svg#SegoeUI') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Segoe UI'; src: url('../fonts/segoeui/SegoeUI-SemiBold.eot'); src: url('../fonts/segoeui/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui/SegoeUI-SemiBold.woff2') format('woff2'), url('../fonts/segoeui/SegoeUI-SemiBold.woff') format('woff'), url('../fonts/segoeui/SegoeUI-SemiBold.ttf') format('truetype'), url('../fonts/segoeui/SegoeUI-SemiBold.svg#SegoeUI-SemiBold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Segoe UI'; src: url('../fonts/segoeui/SegoeUI-Bold.eot'); src: url('../fonts/segoeui/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui/SegoeUI-Bold.woff2') format('woff2'), url('../fonts/segoeui/SegoeUI-Bold.woff') format('woff'), url('../fonts/segoeui/SegoeUI-Bold.ttf') format('truetype'), url('../fonts/segoeui/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg'); font-weight: bold; font-style: normal; }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.align-h{ vertical-align:top; display:inline-block; margin-right:10px;}
.data-chart-sec .filter-sec { bottom:0; top:inherit; border-bottom: 6px solid #bdd7ee; position:inherit;}
.data-chart-sec .filter-sec h4{font-size:14px;}
.data-chart-sec .filter-sec label{font-size:11px;}
}

@media (min-width: 768px) {
.navbar-nav { float: right !important; margin: 0; }
}
@media only screen and (max-width:767px) {
/*.footer-links { float: none; text-align: center; }
.footer-links li { margin: 0 4px 0 0; font-size: 11px; } */
.copyright { float: none; text-align: center; }
.align-h{ vertical-align:top; display:inline-block; margin-right:10px;}
.data-chart-sec .filter-sec h4{font-size:12px;}
.data-chart-sec .filter-sec label{font-size:10px;}
.data-chart-sec .filter-sec{top:10px;}
.data-chart-sec .filter-sec {position: inherit; margin-bottom:10px; border-bottom: 6px solid #bdd7ee;}
.map-left-sec h4.txt-four { text-align: center;}
.map-left-sec h4.txt-five { text-align:center;}
@media (min-width:320px) and (max-width: 480px) {
}