/*
|--------------------------------------------------------------------------------
| Red color
|--------------------------------------------------------------------------------
*/
.dropdown-item.active, .dropdown-item:active { color: #fff;  background-color: #084030; }
.dp-note {background: #ccc; }
.datepicker {background: #2d2d2d;color: #fff; }
.datepicker .datepicker--nav-title {color: #fff; }
.datepicker .datepicker--cell.-focus- {background-color: gray; }
.datepicker .datepicker--cell.-selected- { background-color: #6c1111; }
.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: #9f6911;color: #fff;}
.navbar-top-right .navbar-nav-top li.nav-item .nav-link {color: #fff; }
.navbar-top-right .navbar-nav-top li.nav-item .nav-link.c-1 {background-color: #ffffff;color: #000; }
.navbar-top-right .navbar-nav-top li.nav-item .nav-link.c-2 { background-color: #4d4d4d;color: #fff; }
.navbar-top-right .navbar-nav-top li.nav-item .nav-link.c-3 {background-color: #4d4d4d;color: #d8b345;}

.navbar-menu .navbar-nav li.nav-item.active, .navbar-menu .navbar-nav li.nav-item:hover {border-bottom: 1px solid #9f6911; }
.navbar-menu .navbar-nav li.nav-item .nav-link {color: #fff; }

@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: #6a1515; }
.calendar-show .calendar-title {color: #bf8b4b;  background-image: url(../images/bg-title-red.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: #f53232; }
.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: #800a0a !important; }

.slide-banner {background-color: #c6cdc9; }
.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: #8d0b0b; }
.slide-banner .label_text p {color: #392726; }
.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: #240202;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#240202), color-stop(#400808), color-stop(#400808), to(#400808));
  background-image: -webkit-linear-gradient(top, #240202, #400808, #400808, #400808);
  background-image: -o-linear-gradient(top, #240202, #400808, #400808, #400808);
  background-image: linear-gradient(to bottom, #240202, #400808, #400808, #400808); }

section.news .news-title { color: #bf8b4b; background-image: url(../images/bg-title-red.png); }
section.news .nav-flex-side-bar a { color: #6b6b6b;border-bottom: 1px solid #6b6b6b; }
section.news .nav-flex-side-bar a.active, section.news .nav-flex-side-bar a:hover {color: #921212; }
section.news .tab-pane .desc-news {color: #4c4b24;}
section.news .nav-pills .nav-link {color: #fff;}
section.news .nav-pills .nav-link:hover {border-bottom: 2.5px solid #9f6911; color: #fff; }
section.news .nav-pills .nav-link:hover::after {color: #fff;background: #fff;border: 2.5px solid #9f6911; }
section.news .nav-pills .nav-link.active::after { color: #fff;background: #fff;border: 2.5px solid #9f6911; }
section.news .nav-pills .nav-link.active, section.news .nav-pills .show > .nav-link {color: #fff;border-bottom: 2.5px solid #9f6911; }

section.history {background-color: #cdc6c6; }
section.history .nav-pills .nav-link {color: #9f6911;}
section.history .nav-pills .nav-link:hover {border-bottom: 2.5px solid #400808;color: #400808; }
section.history .nav-pills .nav-link:hover::after {color: #fff; background: #fff; border: 2.5px solid #400808;}
section.history .nav-pills .nav-link.active::after { color: #fff; background: #fff; border: 2.5px solid #400808;}
section.history .nav-pills .nav-link.active, section.history .nav-pills .show > .nav-link {color: #400808;border-bottom: 2.5px solid #400808; }
section.history .wrapper-tab .wrapper-half {color: #6b6b6b; }
section.history .wrapper-tab .wrapper-full {color: #6b6b6b; }
section.history .wrapper-tab .label-title-tab {color: #400808; }

section.partner { background-color: #cdc6c6; }
section.map {  background-color: #392626; }

.footer { background-color: #392626;}
.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: #d9724a;}
.footer .footer-wrapper .site-map-footer a.title-site-map em, .footer .footer-wrapper .site-map-footer p.title-site-map em { color: #d9724a; }
.footer .footer-wrapper .site-map-footer a {color: #d9724a; }
.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: #f53232;border-color: #f53232; }

@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: #f53232; border-color: #f53232; }
}

/* ////// SEEREEN CSS ////// */
.title-calendar{ color:#851414;}
#custom-cells-events div {color:#000;border-bottom:1px solid #9fa4a1;}
.bg-calendar{background-color:#c6cdc9;}
.color-green{color: #430000;}
		#style-1::-webkit-scrollbar	{background-color: #c6cdc9;	}
    #style-1::-webkit-scrollbar-thumb{background-color: #430000;}
    .slide-banner-page {background-color: #691717; background-blend-mode: overlay;}
.news-title-page2{color: #915a17;}
.arrow_cal{-webkit-filter: invert(40%) grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(300%) contrast(1.5);
  filter: grayscale(100%) brightness(100%) sepia(80%) hue-rotate(-50deg) saturate(300%) contrast(1.5)}

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

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

.list-style-01 ol li::before {color: #fcd000; background: #430000; box-shadow: 1px 1px 0 #999;}
.btn-send { background-color: #81492e;  color: #fff;}
.btn-send:hover {background-color: #8f5438; color: #fff;}

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

 .title-page{ color: #612e1a; font-weight: bold;font-size: 1em; }
.panel-group .panel .panel-heading h4 a {background: #ccc; color: #000;}
.panel-group .panel .panel-heading h4 a em {color: #999; }

/* knowledge */
.card-body-knowledge{background-color: #f9e2e2;}
.btn-knowledge{background-color: #ac1c1c; color: #fff;}
.btn-knowledge:hover{color: #fff; background-color: #990b0b;}

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

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

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

.news-title-page1 { background-image: url(../images/bg-title-red.png);}