/*
|--------------------------------------------------------------------------------
| Color black_white
|--------------------------------------------------------------------------------
*/
body{background-color:black; color:white;}
.text-green { color: #FFF !important; }
.text-yellow { color: #f0bb18 !important; }
.text-muted { color: #FFF !important; }
.btn-main { color: #FFF; }
.btn-main:hover {  color: #ccc; }
.navbar-header {background-image: linear-gradient(#000, #000),url(../images/bg-top.png);  background-blend-mode: saturation;}
.navbar-header .form-control {background: #e9e9e9; }
.navbar-header .input-group-append button {background: #03a016;color: #fff; }
.navbar-top-right .navbar-nav li.nav-item {border-right: 2px solid #ccc; }
.navbar-top-right .navbar-nav li.nav-item .nav-link {color: #fff; }
.navbar-top-right .navbar-nav li.nav-item .nav-link.nav-link-sky { color: #ccc;}
.navbar-top-right .navbar-nav li.nav-item .nav-link.c-1 {background-color: #222;color: #fff; }
.navbar-top-right .navbar-nav li.nav-item .nav-link.c-2 { background-color: #222;color: #fff; }
.navbar-top-right .navbar-nav li.nav-item .nav-link.c-3 { background-color: #222;color: #d8b345; }
.navbar-top-right .navbar-nav li.nav-item .nav-link.current {background-color: #ffffff; color: #222; }
.navbar-top-right .navbar-nav li.nav-item.active .nav-link {color: #fff; }
.navbar-header-middle,.dropdown-menu {background-color: #666 !important; }
.dropdown-item{color: #FFF;}
.dropdown-item:hover{background-color: #888;color: #FFF; }
.navbar-top-middle .navbar-nav li.nav-item .nav-link {color: #FFF;}
.navbar-top-middle .navbar-nav li.nav-item.active .nav-link {color: #FFF; }

@media only screen and (max-width: 991px) {
.navbar-header-middle .navbar-toggler .navbar-toggler-icon {color: #03a016; }
.navbar-header-middle .navbar-nav {border-top: 1px solid #ddd; }
.navbar-header-middle .navbar-nav li.nav-item { border-bottom: 1px solid #dddddd; }
.navbar-header-middle .form-control {background: #fff; }
.navbar-header-middle .input-group-append button {background: #03a016;color: #fff;}
 }

.owl-nav button span { color: #fff;background: rgba(34, 34, 34, 0.6); }
.owl-nav button span:hover {background: rgba(255, 255, 255, 0.4);}
.owl-dots .owl-dot {background: #FFF !important;-webkit-box-shadow: 1px 1px 2px #000;box-shadow: 1px 1px 2px #000; }
.owl-dots .owl-dot.active {background: #888 !important; }
.owl-dots .owl-dot .owl-dot:hover { background: #888 !important; }

.slide-banner .item .vdo { background-color: black;}
.slide-banner .item .vdo .overlay {background-color: black;}
.slide-banner .label_text {color: #fff; }
.slide-banner .label_text h1 {color: #fff; text-shadow: -1px -1px 0 #d13d02,
 1px -1px 0 #d13d02,-1px 1px 0 #d13d02, 1px 1px 0 #d13d02;}
.slide-banner .text-slide-vdo1 {text-shadow: 0px 1px 4px #000; }
.slide-banner .text-slide-vdo2 { text-shadow: 0px 1px 4px #000; }
.slide-banner .text-slide-credit {color: #909090; }
section .title-section { color: #03a016; }
section .subtitle-section {color: #000;}
section.news .nav-pills .nav-link {background-color: #333; color: #ccc;}
section.news .nav-pills .nav-link:hover {border-bottom: 2px solid #000; }
section.news .nav-pills .nav-link.active, section.news .nav-pills .show > .nav-link {border-bottom: 2px solid #fff; color: #fff; }
section.news .nav-pills .nav-item {background-color: #333; }
section.news .card-news .card-body {background-color: #333; }
section.news .card-news .card-link { border-bottom: 2px solid #fff; }

section.about {background-color: #000; }
section.about .accordion > .card .card-header { background-color: #555;}
section.about .accordion > .card .card-header:after {color: #333; background: #555; color: #fff;}
section.about .accordion > .card .card-header[aria-expanded="true"] { background-color: #555; color: #fff; }
section.about .accordion > .card .card-header[aria-expanded="true"]::after { background-color: #999; }
section.about .accordion > .card .card-body {color: #FFF; background-color: #333;}
section.about .card-calendar .card-title {color: #FFF; }
section.about .card-calendar .card-text {color: #FFF !important; }
.card-calendar{background-color: #555;}
.footer {    background-image: linear-gradient(#000, #000),url(../images/bg-footer.png);  background-blend-mode: hue;}
.footer .footer-wrapper .intro-footer h3 {color: #FFF;}
.footer .footer-wrapper .intro-footer .icon-contact {color: #ccc; }
.footer .footer-wrapper .intro-footer .detail-contact {color: #fff;}
.footer .footer-wrapper .site-map-footer a.title-site-map, .footer .footer-wrapper .site-map-footer p.title-site-map {color: #d9a74a;}
.footer .footer-wrapper .site-map-footer a.title-site-map em, .footer .footer-wrapper .site-map-footer p.title-site-map em {color: #d9a74a; }
.footer .footer-wrapper .site-map-footer a {color: #d9a74a; }
.footer .footer-copyright {background-color: #111111; }
.footer .footer-copyright .copyright {color: #FFF;}
.footer .footer-copyright .social a { color: #FFF; }
.footer .footer-copyright .social a:last-child {border-left: 1px solid #FFF; }

@media only screen and (max-width: 767px) {
  .footer .copyright {color: #fff !important;}
}


 /* ////////SEEREEN//////// CSS */

/* ข่าวจัดซื้อจัดจ้าง */
.date-procurement{color: rgb(175, 175, 175);}
.procurement ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.procurement ul li a {color: #FFF;}
.btn-all{color:#FFF;}
.btn-all:hover{color:rgba(255, 255, 255, 0.9);}

/* pagination */
.page-item.active .page-link{background-color: #444; border-color: #444;	color: white;}
.page-link{color: #333;background-color: #e2e2de;}

.bread{ background-color: #333; }
.title-page{ color:#FFF; }
.color-brown {  color: #FFF;}
.color-blue {  color: #FFF; }
.btn-send {background-color: #444; color: #fff;}
.btn-send:hover {background-color: #555; color: #fff;}
.address img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.hr01{border-bottom:1px solid #333;}
.table{color:#FFF;}
.wrap-content .card{ background-color: #333;}

/* knowledge */
.card-body-knowledge{background-color: #333; }
.btn-knowledge{	background-color: #444444; color: #fff;}
.btn-knowledge:hover{color: #fff; background-color: #555;}
.arrow-up-knowledge { border-bottom: 15px solid #333; }
.arrow-down-knowledge { border-top: 15px solid #333;}
.news-content h5{color: #FFF;}

/* gallery */
#aniimated-thumbnials div img{border: 5px solid #FFF; box-shadow: 0px 0px 5px #bcbcbb;}

.panel-group .panel .panel-heading h4 a { background: #333;  color: #FFF;}
.panel-group .panel .panel-heading h4 a em {  color: #FFF; }

  /* TAB */
  #publish-tab { color: #FFF;}
  .publish-tab { background-color: #555;  color: #FFF;}
  .publish-tab:hover, .publish-tab a.active {  background-color: #333 !important;  color: #fff !important;}
  .publish-tab a {color:#FFF;}
  .nav-vertical .nav-left ~ .tab-content .tab-pane {    background-color: #000;}
  .nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active { color: #fff;background: #444; border-bottom: 2px solid #444;}
.name-ceo,.cite3 {  color: #fff;}
.thead-green th {  color: #fff;  background-color: #333;  border-color: #333;}


.font-footer {    background-image: linear-gradient(#000, #000),url(../images/bg-footer.png);  background-blend-mode: hue;}