/******* by  phithakkhet@haii.or.th
*
*	@import url(../fonts/supermarketregular.css);
*	@import url(../fonts/thsarabunnew.css);
*
*
*******/
* {outline: 0;}

	@font-face {
        font-family: "Kittithada Medium 65 (กิตติธาดา มีเดียม 65)";
        src: url('../fonts/253967286-PSL244pro.eot');
        src: url('../fonts/253967286-PSL244pro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/253967286-PSL244pro.svg#Kittithada Medium 65 (กิตติธาดา มีเดียม 65)') format('svg'),
        url('../fonts/253967286-PSL244pro.woff') format('woff'),
        url('../fonts/253967286-PSL244pro.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
body h1,h2,h3,h4,h5{ 
	font-family: 'Kittithada Medium 65 (กิตติธาดา มีเดียม 65)', supermarketregular, sans-serif;  
	color:#0B4D61; 
}
body h6 > a:link{  
	color:#555; 
}

/*
a{
color:#0B4D61;
}
a:link{
	color:#0B4D61;

} */
a:hover{
	font-weight:bold;
	text-decoration:none;
}
i{
	color:#0B4D61; 

}
.table i{
	color:#999; 

}
.btn i{
	color:#fff; 

}
.bg-style i{
	color:#fff;
}
small {
	color:#555; 
}
small > i{
	color:#555; 
}
.bg-theme{
	background:#055E87;
	color:#fff;
}
.bg-theme small{
	color:#fff;
}
.bg-theme p{
	color:#fff;
}
.content-info {
    font-size: 0.8;
    line-height: 1.4;
    margin-top: 20px;
	}
.box-gray{
	background:#f5f5f5;
	padding: 10px;
	height:100%;
	position:relative;
	
}

.box-gray h1 {
	color: #222;
	font-size: 5em;

}
.box-gray h2 {
	color: #555;
	line-height:1px;
}
.box-gray h3 {
	color: #555;
	font-size: 2em;
	letter-spacing: 3px;
}
.box-gray > .img-icon-info > .fa-plus-circle{
	font-size:2.5em;
}


.box-info{
	background:#0B4D61;
	padding: 10px;

	
}
.box-info h1 {
	color: #fff;
	font-size: 5em;

}
.box-info h2 {
	color: #fff;
	line-height:1px;
}
.box-info h3 {
	color: #fff;
	font-size: 2em;
		letter-spacing: 3px;
}

*, p{
	color:#777;
}
.tag-link{
	background:#fff;
	 color: #555;
	 margin-left:2px;
	 font-size: 0.8em;
	 display:cell-table;
}
.tag-link > a:link{
	 color: #fff;
	 margin-left:2px;
	 font-size: 0.8em;
	 display:cell-table;
}

.navbar{
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);   
}
  

	
.powered{
	font-size: 0.9em;
	margin: 10px 0px;
}
.powered span{
font-style: italic;
color: #555;
}
.page-header {
    border-bottom: 1px solid #eee;
    margin: 10px 0 20px;
    padding-bottom: 9px;
}
.sub-menu-top{
	margin-top:20px;
}
.tag-date {
	 background: #999;
	 padding: 0px 5px;
	 color: #fff;
	 margin-right:10px;
	 font-size: 0.7em;
	 line-height:1px;
	 font-weight:none;
}
.header{
	
}
.nav-tabs {
    border-bottom: 0px solid #ddd;
		color:#0B4D61;
}
.bs-content{
	margin-top:20px;
}
.space-content{
	margin-top:20px;
}
#tab_active:hover{
	color:#0B4D61;
	font-weight:bold;

}
.bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav > li > a {
    color: #0B4D61;
    font-weight: 500;
}
.navbar-header {
	background:#0B4D61;
}
.navbar-header a {
	color:#fff;
}
.navbar-default {
    background-color: #0B4D61;
    border-color: #0B4D61;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.navbar-default .navbar-brand a:hover {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}
.nav-tabs li img {
	width: 70px;
	height: 70px;
}

/* sub-menu-link  */
.sub-menu-link{
	float:right;
	display:box;
}
.sub-menu-link a:link{
	color: #555;
}
.sub-menu-link a:hover{
	color: #0B4D61;
}
.sub-menu-link a:visited { 
    color: #555;
}
/* / sub-menu-link  */


.nav-pills a:link{
	color:005B6B;
	font-size:0.6em;
}

.bs-docs-masthead, .bs-docs-header {
    background-repeat: repeat-x;
    color: #428712;
    padding: 0px 15px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	width: 100%;
	line-height:20px;
	
}
.bs-docs-masthead .bs-docs-booticon {
    margin: 0 auto 30px;
}

@media (min-width: 992px) {
.bs-docs-masthead .lead {
    font-size: 30px;
    width: 80%;
	
	
}


}
@media only screen and (min-device-width: 320px){
	.bg-img {
		 background: url("../img/thaiwater/banner/thaiwater-banner1.png") no-repeat center; 
		 background-position: 50% 70px; 
	}
}
.bs-docs-header {
    font-size: 20px;
   margin-top:20px;
}
.bs-docs-header h1 {
    color: #0B4D61;
    margin-top: 0;
}
.bs-docs-header h2 {
    color: #444545;
    margin-top: 0;
}
.bs-docs-header p {
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
}
.bs-docs-header .container {
    position: relative;
}
@media (min-width: 768px) {
	
.bs-docs-header {
    font-size: 24px;
    text-align: left;
		width: 100%;
}
.bs-docs-header h1 {
    font-size: 60px;
  line-height: 25px;
}
}
@media (min-width: 992px) {
.bs-docs-header h1, .bs-docs-header p {
    margin-right: 380px;
		width: 100%;
}
}

/*  button */
.btn-outline {
    background-color: transparent;
    border-color: #0B4D61;
    color: #0B4D61;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    background-color: #0B4D61;
    border-color: #0B4D61;
    color: #fff;
}
.btn-outline-inverse {
    background-color: transparent;
    border-color: #cdbfe3;
    color: #fff;
}
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active {
    background-color: #fff;
    border-color: #fff;
    color: #0B4D61;
    text-shadow: none;
}

.img-sst{
	width:170px;
	height:120px;
	position:relative;
	display:block;
}
.img-icon-info{
	background:#fff;
	position:absolute;
	top:15px;
	right:15px;
	    border-radius: 50%;
}
.img-icon-info a:hover{
	color:#fff;

}
.box-shadow{
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}
/*  box card */
.box-card{
	   box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
	   padding: 10px;
	   	position:relative;
}

.box-card:hover{
	border:1px solid #0B4D61;
}
.box-card > h3{
	   color: #555;
}
.box-card i {
	font-size:2.5em;
}
.img-icon-info > .fa-info-circle{
		font-size:2.5em;
		   color: #555;
}
.box-card > a > img {
	text-align:center;
}


/*  box widget */
.box-widget{
	   box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
	   padding: 10px;
	   position:relative;
}

.box-widget:hover{
	border:1px solid #0B4D61;
}
.box-widget > h3{
	   color: #555;
}
.box-widget i {
	font-size:2.5em;
}
.img-icon-info > .fa-info-circle{
		font-size:2.5em;
		   color: #555;
}
.box-widget > a > img {
	text-align:center;
}
footer{
	background:#f5f5f5;
	width:100%;
	margin:auto;
}
footer > h6{
	color:#999;
}
/* bs-docs-footer */
.bs-docs-footer a:link{
	color:#999;
}
.breadcrumb-top{
 margin-top: 50px;
}
.breadcrumb{
	box-shadow: 1px 1px 2px #999;
}
.bg-img {
	 background: url("../img/thaiwater/banner/thaiwater-banner.png") no-repeat top center;
	padding:20px;
	height:204px;
}
.bg-img h1{
	font-size:4em;
	line-height:10px;
}
.bg-img h2{
	font-size:2em;
	color: #6F4713;
	line-height:20px;
}
.bg-img a:link{
	font-size:1em;
	color:#6F4713;
}
.bg-img a:hover{
	font-weight:bold;
	color:#6F4713;
}
.bg-img a:visited{
	color:#6F4713;
}

/* tab menu */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;

    border-top: 3px solid #0B4D61;
    border-right: 3px solid #0B4D61;
    border-left: 3px solid #0B4D61;
	background:#0B4D61;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #fff;
    cursor: default;
    font-weight: bold;
}
.box-shadow{
	background:#fff;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);
}
.margin-top{
	margin-top: 20px;
}
.background{
	z-index:1;
	position:relative;
}
.background::before{
 content: "";
	z-index:-1;
    opacity: 0.6;
	position:fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

	background-image:url("../img/thaiwater/background/bg-thaiwater2015.jpg");
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}
.bg-color{
	background:#0B4D61;
}
.bg-gray {
    background-color: #0B4D61;
    color: #fff;
	padding:3px 10px;
}
.bg-gray i {
	color:#fff;
}
/*  table */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   
    font-size: 0.9em;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
	border: 1px solid #ddd;
}
/* table fixed header */
.table > thead > tr > th{
	color: #fff;

}
.table > thead > tr > th > span{
	color: #fff;

}
.bg-style{
	background-image:url("../img/thaiwater/background/bg-header-table.png");
	background-size:cover;
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
	
	
}
.bg-style tr td{
color:#eee;
}
.bg-style tr td small {
color:#eee;
}
.bg-style tr td b {
color:#eee;
}
.nav-style{
	border-bottom:1px solid #0B4D61;
}

.highlight {
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 20px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout + .bs-callout {
    margin-top: -5px;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.nav-style{
	border-bottom:2px solid #0B4D61;
}
.footer h4{
	font-size: 1.5em;
	color: #555;
}
.footer h6{
	color: #888;
}
.footer a{
	color: #888;
}

.footer h6 > a{
	color: #888;
}
.footer h6 > a:link{
	color: #888;
}
.btn-default i {
	color:#555;
}
.date i{
	color:#999;
}
.bg-form{
		background-image:url("../img/thaiwater/background/bg-bw.png");
		background-size:cover;
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
	margin-left:3px;
	margin-right:3px;
}

.map-station-info {
	line-height:100%;
	display:table-cell;
overflow: auto; width: 215px; height: 150px;
}

.map-station-info-name{
	font-weight: bold;
	color:#555;
} 
.map-station-info-address{
	
}
.map-station-info-value{
	font-size: 1.3em;
		font-weight: bold;
	text-align:center;
}
.map-station-info-value-name{
	text-align:center;
}
.map-station-info-date{
	color: #555;
}
.map-station-info-date i {
	color: #555;
}
.map-station-info-value-ref{
	padding-top:3px;
	border-top:1px solid #ccc;
	display:block;
}
.map-station-info-value-ref span{
	color:#555;
}

.text-red{
	color:#ff0000;
}
.bs-callout small{
	color:#999;
}
.bs-callout-default {
    border-left-color: #0B4D61;
}
.hr{
	    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #aaa -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
}
.bg-legend-map{
	background:#fff;
	border:1px solid #ccc;

	margin-bottom:10px;
}
.box-card{
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);

}