/*
|--------------------------------------------------------------------------------
| CSS black_white
|--------------------------------------------------------------------------------
*/
body{color:white;}
header{background-image: linear-gradient(#000, #000),url(../images/bg-cover-1.png); background-blend-mode: saturation;}
.slide-banner .img-bg{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.dropdown-item.active, .dropdown-item:active { color: #fff;  background-color: #084030; }
.dp-note {background: #ccc; }
.datepicker {background: #444;color: #fff; }
.datepicker .datepicker--nav-title {color: #fff; }
.datepicker .datepicker--cell.-focus- {background-color: gray; }
.datepicker .datepicker--cell.-selected- { background-color: #888; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {color: #444; }
.datepicker--day-name {color: #707070; }

.navbar-top-right .navbar-nav-top .div-search .form-control {background: #fff;}
.navbar-top-right .navbar-nav-top .div-search .input-group-append button {background: #444;color: #fff;}
.navbar-top-right .navbar-nav-top li.nav-item .nav-link {color: #fff; }
.navbar-menu .navbar-nav li.nav-item.active, .navbar-menu .navbar-nav li.nav-item:hover {border-bottom: 1px solid #FFF; }
.navbar-menu .navbar-nav li.nav-item .nav-link {color: #fff; }
.datepicker--cell.-selected-{color: #FFF;}
.arrow_cal{-webkit-filter: grayscale(100%); filter: grayscale(100%); }

@media only screen and (max-width: 991px) {
.navbar-menu .navbar-toggler .navbar-toggler-icon {color: #9f6911; }
.navbar-menu .navbar-nav {border-top: 1px solid #ddd; }
.navbar-menu .navbar-nav li.nav-item {border-bottom: 1px solid #dddddd;}
.navbar-menu .navbar-nav li.nav-item .nav-link { color: #555; }
.navbar-menu .navbars-menu-main { background: white; }
.navbar-menu .form-control {background: #fff; }
.navbar-menu .input-group-append button { background: #9f6911;color: #fff; }
 }

.calendar-show {background-color: #000; }
.calendar-show .calendar-title {color: #FFF;background-image: url(../images/bg-title-gray.png);}
.calendar-show .calendar-content .calendar-detail strong {color: #084030;}
.calendar-show .calendar-content .calendar-detail strong a { color: #084030; }
.owl-nav button span {color: #fff;}
.owl-nav button span:hover { background: #f58232; }
.owl-dots .owl-dot { background: #ababac !important;-webkit-box-shadow: 1px 1px 2px #000; box-shadow: 1px 1px 2px #000; }
.owl-dots .owl-dot.active, .owl-dots .owl-dot .owl-dot:hover {background: #FFF !important; }

.slide-banner {background-color: #333; }
.slide-banner .item .vdo {background-color: black;}
.slide-banner .item .vdo .overlay { background-color: black; }
.slide-banner .owl-dots { background: #00000078; }
.slide-banner .label_text { color: #fff; }
.slide-banner .label_text h1 { color: #FFF; }
.slide-banner .label_text p {color: #FFF; }
.slide-banner .label_text a.btn { color: #fff;background-color: #f58232; -webkit-box-shadow: 1px 3px 1px #685b52; box-shadow: 1px 3px 1px #685b52; }

section.news {
  background-color: #1e1e1e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), color-stop(#383838), color-stop(#383838), to(#383838));
  background-image: -webkit-linear-gradient(top, #1e1e1e, #383838, #383838, #383838);
  background-image: -o-linear-gradient(top, #1e1e1e, #383838, #383838, #383838);
  background-image: linear-gradient(to bottom, #1e1e1e, #383838, #383838, #383838); }
section.news .img-icon{-webkit-filter: grayscale(100%); filter: grayscale(100%);}

section.news .news-title { color: #FFF;  background-image: url(../images/bg-title-gray.png); }
section.news .nav-flex-side-bar a { color: #FFF;border-bottom: 1px solid #6b6b6b; }
section.news .nav-flex-side-bar a.active, section.news .nav-flex-side-bar a:hover {color: #FFF; }
section.news .tab-pane .desc-news {color: #FFF;}
section.news .nav-pills .nav-link {color: #fff;}
section.news .nav-pills .nav-link:hover {border-bottom: 2.5px solid #ccc; color: #fff;}
section.news .nav-pills .nav-link:hover::after {color: #fff;background: #000;border: 2.5px solid #ccc; }
section.news .nav-pills .nav-link.active::after { color: #fff;background: #000;border: 2.5px solid #ccc; }
section.news .nav-pills .nav-link.active, section.news .nav-pills .show > .nav-link {color: #fff;border-bottom: 2.5px solid #ccc;}
.bg-white{background-color: #000 !important;}
.text-dark,a.text-dark:hover {color:#FFF !important;}

section.history {background-color: #ccc; }
section.history .nav-pills .nav-link {color: #333;}
section.history .nav-pills .nav-link:hover {border-bottom: 2.5px solid #084030;color: #084030; }
section.history .nav-pills .nav-link:hover::after {color: #fff; background: #ccc; border: 2.5px solid #000;}
section.history .nav-pills .nav-link.active::after { color: #fff; background: #ccc; border: 2.5px solid #000;}
section.history .nav-pills .nav-link.active, section.history .nav-pills .show > .nav-link {color: #084030;border-bottom: 2.5px solid #084030; }
section.history .wrapper-tab .wrapper-half {color: #FFF; }
section.history .wrapper-tab .wrapper-full {color: #FFF; }
section.history .wrapper-tab .label-title-tab {color: #FFF; }
.history .img-icon{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.history hr{border-bottom:1px solid #666;}

section.partner { background-color: #ccc; }
section.map {  background-color: #000; }

.footer { background-color: #000;}
.footer .footer-wrapper .intro-footer h3 { color: #fff;}
.footer .footer-wrapper .intro-footer .icon-contact {color: #fff; }
.footer .footer-wrapper .intro-footer .label-contact {color: #fff;}
.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: #fff;}
.footer .footer-wrapper .site-map-footer a.title-site-map em, .footer .footer-wrapper .site-map-footer p.title-site-map em { color: #fff; }
.footer .footer-wrapper .site-map-footer a {color: #fff; }
.footer .footer-copyright {background-color: #666767;}
.footer .footer-copyright .copyright { color: #fff;}
.footer .footer-copyright .social a {color: #fff; }
.footer .footer-copyright .social a:hover {color: #ccc;border-color: #ccc; }

@media only screen and (max-width: 991px) {
.footer .footer-copyright {background-color: #414143; }
.footer .footer-copyright .social a { color: #fff;border: 1px solid #fff; }
.footer .footer-copyright .social a:hover { color: #ccc; border-color: #ccc; }
}

/* ////// SEEREEN CSS ////// */
.title-calendar{ color:#FFF;}
#custom-cells-events div {color:#FFF;border-bottom:1px solid #9fa4a1;}
.bg-calendar{background-color:#333;}
.color-green{color: #FFFF00;}
		#style-1::-webkit-scrollbar	{background-color: #888;	}
    #style-1::-webkit-scrollbar-thumb{background-color: #FFF;}
.slide-banner-page {background-color: #000; background-blend-mode: overlay;}
.news-title-page2{color: #FFF;}

/* pagination */
.breadcrumb-item a{  color: #6c757d;}
.breadcrumb-item.active {  color: #CCC;}

.page-item.active .page-link{background-color: #444 !important; border-color: #444 !important; color: white;}
.page-link{color: #333;background-color: #e2e2de !important;}

.list-style-01 ol li::before {color: #fcd000; background: #444; box-shadow: 1px 1px 0 #999;}
.btn-send { background-color: #333;  color: #fff;}
.btn-send:hover {background-color: #444; color: #fff;}

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

 .title-page{ color: #FFF; font-weight: bold;font-size: 1em; }
.panel-group .panel .panel-heading h4 a {background: #333; color: #FFF;}
.panel-group .panel .panel-heading h4 a em {color: #999; }

/* knowledge */
.card-body-knowledge{background-color: #fbeddb;}
.btn-knowledge{background-color: #555; color: #fff;}
.btn-knowledge:hover{color: #fff; background-color: #444;}

.arrow-up-knowledge { border-bottom: 15px solid #fbeddb; }
.arrow-down-knowledge {border-top: 15px solid #fbeddb;}
.news-content h5{ color: #FFF;}

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

/* TAB */
#publish-tab {color: #FFF; }
.publish-tab { background-color: #333; color: #FFF;}
.publish-tab:hover, .publish-tab a.active {  background-color: #222 !important;  color: #fff !important; }
.publish-tab a.nav-link{color: #FFF !important;  }
.publish-tab a.nav-link.active{ color: #FFF !important;}
.publish-tab a.nav-link:hover{color: #FFF !important;}

.dropdown-menu {background-color: #222 !important; }
.dropdown-item{color: #ffff;}
.dropdown-item:hover{background-color: #333;color: #ffff; }
.news-title-page1{background-image: url(../images/bg-title-gray.png);}
.table{color: #fff;}
.news .card{ background-color: #333;}
.card-body-knowledge{background-color: #333; }

.laws-tab:hover,.laws-tab a.active {background-color: #333 !important;}
.laws-tab{ background-color: #555;color: #fff; }
section.news .nav-pills .laws-tab .nav-link.active, section.news .nav-pills .laws-tab .show > .nav-link{   background-color: #333 !important;}
section.news .nav-pills .laws-tab .nav-link {  color: #fff;}
.thead-green th {  color: #fff;  background-color: #333;  border-color: #333;}
.name-ceo,.cite3{color: #fff;}