/*
|--------------------------------------------------------------------------------
| Blue color
|--------------------------------------------------------------------------------
*/
.text-green { color: #032fa0 !important; }
.text-yellow { color: #f0bb18 !important; }
.text-muted { color: #959595 !important; }
.btn-main { color: #0141a1; }
.btn-main:hover {  color: #032fa0; }
.navbar-header {background-image: linear-gradient(#034acc, #034acc),url(../images/bg-top.png);  background-blend-mode: hue;}
.navbar-header .form-control {background: #e9e9e9; }
.navbar-header .input-group-append button {background: #032fa0;color: #fff; }
.navbar-top-right .navbar-nav li.nav-item {border-right: 2px solid #97ced8; }
.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: #ccf0f7;}
.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 {background-color: #e7edeb !important; }
.navbar-top-middle .navbar-nav li.nav-item .nav-link {color: #000;}
.navbar-top-middle .navbar-nav li.nav-item.active .nav-link {color: #032fa0; }

@media only screen and (max-width: 991px) {
.navbar-header-middle .navbar-toggler .navbar-toggler-icon {color: #032fa0; }
.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: #032fa0;color: #fff;}
 }

.owl-nav button span { color: #fff;background: rgba(34, 34, 34, 0.6); }
.owl-nav button span:hover {background: #032fa0; }
.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: #015edc !important; }
.owl-dots .owl-dot .owl-dot:hover { background: #015edc !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: #032fa0; }
section .subtitle-section {color: #000;}
section.news .nav-pills .nav-link {background-color: #d8e6ec; color: #000;}
section.news .nav-pills .nav-link:hover {border-bottom: 2px solid #014ca1; }
section.news .nav-pills .nav-link.active, section.news .nav-pills .show > .nav-link {border-bottom: 2px solid #014ca1; color: #014ca1; }
section.news .nav-pills .nav-item {background-color: #d8e6ec; }
section.news .card-news .card-body {background-color: #fafafa; }
section.news .card-news .card-link { border-bottom: 2px solid #014ca1; }

section.about {background-color: #fafafa; }
section.about .accordion > .card .card-header { background-color: #f2f2f2;}
section.about .accordion > .card .card-header:after {color: #333; background: #363636; color: #fff;}
section.about .accordion > .card .card-header[aria-expanded="true"] { background-color: #363636; color: #fff; }
section.about .accordion > .card .card-header[aria-expanded="true"]::after { background-color: #3382db; }
section.about .accordion > .card .card-body {color: #959595;}
section.about .card-calendar .card-title {color: #000; }
section.about .card-calendar .card-text {color: #959595 !important; }
.footer {background-image: linear-gradient(#034acc, #034acc),url(../images/bg-footer.png); background-blend-mode: hue;}
.footer .footer-wrapper .intro-footer h3 {color: #4ca1f9;}
.footer .footer-wrapper .intro-footer .icon-contact {color: #7ab4dd; }
.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: #464646;}
.footer .footer-copyright .social a { color: #3b71c1; }
.footer .footer-copyright .social a:last-child {border-left: 1px solid #3b71c1; }

@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 #e1e0e0;}
.procurement ul li a {color: #333;}

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

.bread{ background-color: #FFF; }
.title-page{ color:#055baa; }
.color-brown {  color: #ac3b03;}
.color-blue {  color: #2342a7; }
.btn-send {background-color: #2060a8; color: #fff;}
.btn-send:hover {background-color: #0a509f; color: #fff;}

/* knowledge */
.card-body-knowledge{background-color: #e1ebf4; }
.btn-knowledge{	background-color: #2060a8; color: #fff;}
.btn-knowledge:hover{color: #fff; background-color: #0a509f;}
.arrow-up-knowledge { border-bottom: 15px solid #e1ebf4; }
.arrow-down-knowledge { border-top: 15px solid #e1ebf4;}
.news-content h5{color: #1452a7;}

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

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

  /* TAB */
  #publish-tab { color: #515050;}
  .publish-tab { background-color: #ebebeb;  color: #333;}
  .publish-tab:hover, .publish-tab a.active {  background-color: #1b78b8 !important;  color: #fff !important;}
  .publish-tab a {color:#333;}
  .nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active {background: #3f6cbb; border-bottom: 2px solid #3f6cbb;}

  .thead-green th {  background-color: #3863a3;  border-color: #3863a3;}


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