/* 配色 - blue */

body{
  background: linear-gradient(90deg, rgba(31,144,205,1) 0%, #292e8e 25%);
}
/* 右上個人btn */
.top_nav .nav>li>a,
.top_nav .nav>li>a:focus,
.top_nav .nav>li>a:hover,
.top_nav .nav .open>a:active,
.top_nav .nav .open>a:focus{
  background: rgb(68,130,222);
  background: linear-gradient(rgba(68,130,222,1) 0%, rgba(10,59,134,1) 90%);
}
/* 光線svg */
.main_container .top_nav{
  background-image: url(/assets/static/svg/blue_nav.svg);
  background-repeat:no-repeat;
  background-position: right top;
  background-size: auto 120px;
}
/* menu */
.nav-md .side-menu{
  background-color: rgb(24, 97, 194);
}
.nav-md .nav.side-menu>li>a:hover,
.nav-md .nav.side-menu>li>a.active{
  background-color: #5D9DF2;
}
.nav-sm .side-menu .menu-link.active i{
  color: #2086c7;
}
.nav-md .nav.side-menu>li>a{
  border-top: 1px solid rgb(93, 162, 251);
  border-bottom: 2px solid #004194;
}
.child_menu{
  background-color: #4389E5;
  border-radius: 6px;
}
.nav.child_menu li {
  border-top: 1px solid rgb(123, 176, 255);
  border-bottom: 2px solid rgb(18, 116, 202);
}
.nav.child_menu li:hover{
  background-color: #206ACB;
  color: #fff !important;
}
.nav.child_menu li:hover a{
  color: #fff !important;
}

/* 縮側邊欄底色 */

.nav-sm .side-menu>li>a.active i{
  color: #2085C6;
}
.nav.child_menu li:hover a{
  color: #fff !important;
}
/* 縮側邊欄底色 */

/* more btn */
button.btn.more_btn{
  background: linear-gradient(#4481dd 0%, #292e8e 90%);
}
/* 置頂 */
.all_announce .type_btn{
  background: linear-gradient(#02b8b8,#008B8B);
  color:#fff;
}
.announce_title .type_btn{
  background: linear-gradient(#02b8b8,#008B8B);
  color:#fff;
}
/* 查詢 btn */
.search_announce .search_btn{
  background: linear-gradient(#4481dd 0%, rgb(88, 146, 246) 40%, #292e8e 100%);
}
/* 查詢 底色 */
.search_announce{
  background: linear-gradient(rgb(123, 204, 248), rgb(91, 157, 255));
  box-shadow: 0px 3px 10px rgba(41,46,142,0.4);
}
/* 公告tr */
.all_announce thead tr{
  border-bottom: 3px solid #292e8e;
}
/* 公告td a */
.all_announce a:hover, a:focus{
  color: #0242b1;
}
/* tool icon active bgc */
.dropdown-menu>li>a:active{
  background-color: #0242b1;
}
footer {
	background: #f3f3f3;
	border-top: solid 2px #e6e9ed;
}
footer a, footer a:visited{ color: rgba(10, 8, 6, .75); }
footer a:hover{ color: rgba(10, 8, 6, 1); }

a, a:visited{ color: #363636; }

/* -----primary------- */
.btn-primary,.btn-primary:not(:disabled):not(.disabled):active {
  color: #fff;
  background: linear-gradient(#4481dd 0%, #292e8e 100%);
}
.btn-primary:hover:not(:disabled){ opacity: 0.8; }


/* ------info------- */

.btn-info,
.btn-info:not(:disabled):not(.disabled):active,
.btn.btn-info:focus {
  color: #fff;
  background: linear-gradient(rgb(3, 200, 200),#008B8B);
  border-color: rgb(3, 200, 200);
}
.btn-info:hover{ opacity: 0.8; }

/* --------------------- */
.nav-tabs .nav-link:hover{
  color: #033997;
}
.nav-tabs>.announce_tab.active>a,
.nav-tabs>.announce_tab.active>a:focus{
  color: #033997;
  border: none;
  border-bottom: 4px solid #033997;
}

.theme-default .bs-datepicker-head,
.theme-green .bs-datepicker-head{
  background-color: #033997 !important;
}
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*="select-"]:after,
.theme-default .bs-datepicker-body table td[class*="select-"] span:after{
  background-color: #033997 !important;
}
.theme-green .bs-datepicker-body table td span.selected{
  background-color: #00A5A5 !important;

}

.pagination-page.page-item.active a{
  background-color: #033997 !important;
}
.pagination-prev .page-link:hover,
.pagination-next .page-link:hover{
  color: #033997 !important;
}
.today-class{
  color: #00A5A5;
  font-weight: 700;
}
.event_date.active{
  background-color: #00A5A5;
}
.view_file .file_item a{
  color: #023181;
}

/* 公告對象 */
.x_content a.btn-app.apService {
  background-color: #D9E8F5;
}

.x_content a.btn-app.unit {
  background-color: #E0F4E9;
}

.modal-content .modal-body button.theme-apService {
  background-color: #D9E8F5;
}

.modal-content .modal-body button.theme-unit {
  background-color: #E0F4E9;
}