body { background-color: black;color:yellow; }
.carousel-caption{color:yellow;}
.carousel-item img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
a { color: #000; }
.text-primary { color: #939393; }
.divider { color: rgba(0, 0, 0, 0.65); background: #e8e8e8; }
.btn-main {background: #444; color: #ffff00; }
.btn-main:hover { color: #ffff00; background: #555;  }
.btn-all { background: #444; color: #ffff00; border-top: 2px solid transparent !important; }
.btn-all:hover { color: #ffff00; background: #555;  }
footer .partner:after {border-top-color: #000; }
footer .partner:before {border-top-color: #444; }
footer .footer {background: #444; }
footer .footer .address {color: #ffff00; }
.bottom-footer-wrapper {background: #222;color: #ffff00; }
.bottom-footer .social a {border: 1px solid yellow; color: yellow; }
.footer { color: #ffff00;}
.footer .footer-link { color: #ffff00; }
.footer .footer-link:hover {color: rgba(255, 255, 0, 0.8); }

.circle { background: #ffff00; }
.text-success {color: #a3cf5d; }
.text-danger {color: #939393; }
.warning { background: #faad3b; }
.danger {  background: #939393; }
.success {  background: #a3cf5d; }
.readmore span {border-bottom: 1px solid #363636; }

.pagination li > a {color: #000;background-color: #ffff00; }
.pagination li > a.active {color: #ffff00;background-color: #000; }
.navbar-mobile.navbar-fixed-top {  background: rgba(255, 255, 255, 0.9) !important; }
.navbar-mobile.navbar-default .navbar-nav > li.active > a {  color: white;  border-bottom: 3px solid #ec1c23;  background-color: #ff3838; }

.carousel-indicators li {  border: 2px solid #ffff00; }
.carousel-indicators li.active {  background: #ffff00; }

.mobile-footer .btn-main {background: #4a3f3b; }

.main-header {color: #fff; background-color: #000;}

.navbar-wrapper .top-navbar { border-bottom: 1.2px solid #3e3f40; }
.navbar-wrapper .bottom-navbar .nav-link { color: #fff; }
.navbar-wrapper .bottom-navbar .nav-link:hover {color: #d3c75e; }
#sidebar,
#footer-sidebar {background: #353535; color: #fff;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
#dismiss {color: #867b71; }
#dismiss:hover {color: #2f2f2f; }
.overlay { background: rgba(0, 0, 0, 0.7);}
#sidebar .sidebar-header,
#footer-sidebar .sidebar-header {  background: #474747; }
#sidebar ul p,
#footer-sidebar ul p {color: #fff; }
#sidebar ul li a,
#footer-sidebar ul li a {color: #ffff00; }
#footer-sidebar ul li .title { color: #ffff00; background: #2f2f2f; }
#sidebar ul li { border-bottom: 1px solid #3c3c3c; }
#sidebar ul li a:hover,
#footer-sidebar ul li a:hover {  color: #ffff00;  background: #2f2f2f; }
#sidebar ul li.active > a,
#footer-sidebar ul li.active > a,
a[aria-expanded="true"] {  color: #ffff00;  background: #2f2f2f; }

ul ul a { background: #474747; }
a.download {  background: #474747;  color: #fff; }
a.article,
a.article:hover {  background: #474747 !important;  color: #fff !important; }
.navbar-toggler {  color: #fff !important; }

@media screen and (max-width: 768px) {
.nav-action { background: #2e2e2e; }
.nav-action .change-fontsize .white,
.nav-action .change-fontcolor .white {color: #fff; }
.nav-action .change-fontsize .yellow,
.nav-action .change-fontcolor .yellow {color: #f1c644; }
}
.nav-action .change-fontcolor span {background: #4d4d4d; }
.nav-action .change-fontcolor span {color: #fff; }
.nav-action .change-fontcolor span.active {background: #fff;color: #000; }
.nav-action .change-fontcolor .white {color: #fff; }
.nav-action .change-fontcolor .yellow {color: #f1c644; }
.news { background-color: #000;}
.news .nav.nav-pills .nav-item .nav-link {color: rgba(255, 255, 0, 0.6); }
.news .nav.nav-pills .nav-item .nav-link:before { border-bottom: 2px solid rgba(255, 255, 0, 0.6); }
.news .nav.nav-pills .nav-item .nav-link.active { color: #FFFF00; }
.news .nav.nav-pills .nav-item .nav-link.active:before { border-bottom: 2px solid #FFFF00; }
.news .tab-content { background: #000; }
.news-list .news-item .news-img .news-actions {color: #FFFF00; }
.news-list .news-item .news-img .news-actions span:hover { color: rgba(255, 255, 0, 0.9); }
.news-list .news-item .news-desc {background: #333;}
.news-list .news-item .news-desc:after {border-bottom-color: #333;}
.news-list .news-item .news-desc .news-title,.news-list .news-item .news-desc .news-title a {color: #FFFF00; }
.news-list .news-item .news-desc .news-date,
.news-list .news-item .news-desc .news-place {color: #FFFF00; }
.news-list .news-item:hover .news-img .news-actions {background: rgba(0, 0, 0, 0.6); }
.news-list .news-item:hover .news-desc {background-color: #292929; }
.news-list .news-item:hover .news-desc:after {border-bottom-color: #292929; }
.news-list .news-item:hover .news-desc .news-title, .news-list .news-item:hover .news-desc .news-title a { color: #FFFF00; }
.news-list .news-item:hover .news-desc .news-date,
.news-list .news-item:hover .news-desc .news-place {color: #FFFF00; }

.e-mag .content-control .btn-circle { background: #FFFF00;border: 1px solid #5e5e5e; }
.e-mag .content-control .btn-circle:hover {border: 1px solid #FFFF00;box-shadow: 0px 4px 6px 0px #cfcfcf; }
.e-mag-menus .nav.nav-pills:after {border-top-color: #171717;}
.e-mag-menus .nav.nav-pills:before {border-top-color: #FFFF00;}
.e-mag-menus .nav.nav-pills .nav-item .nav-link { color: rgba(255, 255, 0, 0.6);}
.e-mag-menus .nav.nav-pills .nav-item .nav-link:before { border-bottom: 2px solid rgba(255, 255, 0, 0.6); }
.e-mag-menus .nav.nav-pills .nav-item .nav-link:hover .menu .menu-icon {color: #FFFF00; }
.e-mag-menus .nav.nav-pills .nav-item .nav-link.active {color: #FFFF00; }
.e-mag-menus .nav.nav-pills .nav-item .nav-link.active:before { border-bottom: 2px solid #FFFF00; }
.e-mag-menus .nav.nav-pills .nav-item .nav-link.active .menu .menu-icon { color: #FFFF00; }
.mascot{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.e-mag-menus {background-image: linear-gradient(#333, #333);
  /* url(../images/content-bg.png); */ background-blend-mode: saturation;}

.content .content-readmore {color: #FFFF00; }

@media screen and (max-width: 768px) {
  .carousel-caption { color: #ffff00; }
  .carousel-caption .btn-main {background: #939393;color: #ffff00; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .carousel-caption {color: #ffff00; }
  .carousel-caption .btn-main { background: #939393;color: #ffff00;} }

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

#main-navbar .nav-link{color: rgba(255,255,0,1) !important; }
.dropdown-item {border-bottom: 1px solid #3c3c3c; color: #FFFF00; }
#navbars-menu-mainul li div.dropdown-menu a{  color: #FFFF00; }
  #navbars-menu-main ul.navbar-nav li:hover > ul.dropdown-menu { background-color:#313131;  }
  .dropdown-submenu>.dropdown-menu { background-color:#313131 !important;}
  .dropdown-item:hover{ background-color: #4a4949; color: #FFFF00; }
     	/* page */
  .title-page{ color: #FFFF00;}
  .head_pages{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}
  .breadcrumb{background-color:#222;}
  .breadcrumb-item a,.breadcrumb-item.active{color: #FFFF00;}

/* pagination */
.page-item.active .page-link{background-color: #444 !important;	color: yellow;}
.page-link{color: #333;background-color: #e2e2de !important;}

.btn-send {background-color: #333; color: #fff; }
.btn-send:hover {background-color: #444; color: #fff;}
.color-brown{ color: #FFFF00;}
.color-blue{color: #FFFF00;}
.address img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
    	/* ข่าวจัดซื้อจัดจ้าง */
      .date-procurement{color: rgb(175, 175, 175);}
      .procurement ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
      .procurement ul li a {color: #FFFF00;}

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

.panel-group .panel .panel-heading h4 a { background: #f6f9fc;  color: #000;}
.panel-group .panel .panel-heading h4 a em { color: #999;}

  /* TAB */
#publish-tab {color: #515050; }
.publish-tab { background-color: #ebebeb;  border-radius: 2px;  color: #333;}
.publish-tab:hover, .publish-tab a.active {  background-color: #c19b02 !important;  color: #fff !important;}

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

  @media screen and (max-width: 768px) {
    .menu-mobile.dropdown-item{color: #FFF;  }
    .menu-mobile{background-color:#3c3c3c; }
    .menu-mobile a.dropdown-item { border-bottom: 1px solid #515151 !important; background-color:#3c3c3c; }
  }

  @media screen and (min-width: 812px) and (max-width: 823px){
  .main-nav .co-logo-mobile { background: linear-gradient(to right, #ffe7b8 0%, #b99654 100%); }
  }