body {
    /* font-family: 'Source Sans Pro', sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif;*/
}
 #side-menu span {
    /*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif;*/
	font-family: PMingLiU, Arial, Helvetica, sans-serif;
	font-size: 15px
}
 h1 {
     /*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif;*/
	 font-family: PMingLiU, Arial, Helvetica, sans-serif;
	 margin: 0;
	 letter-spacing: 5px;
}
p
{
	line-height: 1.9em
}
h1.page-title
{
	/*font-size: 3em*/
}
 h2
 {
	font-family: PMingLiU, Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif*/
 }

 .post-content h1 {
     color:#D14323;
	 
}
 .post-content
 {
	 font-size: 17px;
	 padding: 0 20px;
	 /*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif;*/
	font-family: PMingLiU, Arial, Helvetica, sans-serif;
 }
 .page-title {
     color: #eee;
}
 #sidebar-wrapper {
     background: #C55A11; 
}
 .side-nav-logo {
     background: #C55A11;
     padding: 20px 
}
 #side-menu ul li a {
     line-height: 1.4
}
 #side-menu > ul > li.open a {
    /*background: #7d9f51;*/
    /*color: #48ffc5*/
     background: #82a553;
     color: #fff;
}
 #side-menu ul ul li a {
     background: #C55A11;
}
 #side-menu ul > li.has-sub > a:before, #side-menu ul > li.has-sub > a:after {
     background: #455;
}
 #side-menu > ul > li > a:hover {
     background: #7d9f51;
    /*color: #48ffc5*/
     color: #fff;
}
 .page-header {
    /*background: #a6bfae;
    */
     min-height: 150px;
     /*background: linear-gradient(rgba(120,157, 74, 0.95), rgba(120,157, 74, 0.75)), rgba(0, 0, 0, 0.55) url(../jud_annualrpt_template1_files/20150904A2_LAI_0272.jpg) no-repeat center */
/*
	background: linear-gradient(rgba(120,157, 74, 1), rgba(120,157, 74, 0.75)), rgba(120, 120, 120, 0.55)
*/
	background: #C55A11;
}
.page-header .page-quote img
{
	height:160px;margin:auto
}
 .post-holder img {
     margin: auto 
}
 #side-menu ul {
     list-style-type: square !important;
     list-style-position: inside;
}
 p.font-changer {
     /*text-align: center;*/
     padding: 0 8px;
     margin:0;
	 line-height:2em;
	 float:right
}
 p.font-changer span {
     cursor: pointer;
     margin: 0 1px;
	
}
p.font-changer span[class^="js-font-"], p.font-changer span[class^="js-font"] a {
   font-family: arial
}
 .js-font-decrease {
     font-size: 80% !important;
}
 .js-font-increase {
     font-size: 138% !important;
}
 li a:before {
     color: #989df4;
     float: left;
}
 li.active a:before {
     color: #fdbc84;
}
 .breadcrumb {
     font-size: 15px 
}
 a.menu-toggle {
     color: #fff 
}

.cel-history-title
{
	display: none;
}
.cel-history-innercontent table
{
	width: 100%
}
.cel-history-innercontent table td
{
vertical-align:top;
border-bottom: 1px solid #ccc
}
.cel-history-innercontent table tr:nth-child(2n+0)
{
background-color: #eceefb
}
.cel-history-innercontent table tr:nth-child(2n+1)
{
background-color: #f2f2fe
}
.cel-history-innercontent table td:first-child
{
	width:15%;text-align:center;
}
.post-block .post-pic
{
	max-height: 220px
}
.widget.ddl
{
	display: none
}

.caseload-title-bullet 
{
	display:inline-block;
	width: 5%;
	margin-top: 8px !important;
	margin-right: 0px !important;	
	vertical-align: top;
}
.caseload-title
{
	display:inline-block;
	width: 85%;
	vertical-align: top;
}

@media (max-width: 1600px )
{
	.widget
	{
		padding: 20px
	}
}
@media (max-width: 1400px )
{
	.widget.list
	{
		display: none
	}
	/*.widget.ddl
	{
		display: block
		
	}*/
	#court-list
	{
		display: block !important
		
	}

}
@media (min-width: 1025px) {
/*@media (min-width: 768px) {*/
	 
     #sidebar-wrapper {
         width: 330px;
    }
     #wrapper {
         padding-left: 330px;
    }
		#court-list
	{
		margin: 10px auto
	}

}
@media screen and (max-width: 768px) {
.caseload-title
{
	width: 75%;
}
	
	 .tb-caseload
	 {
		width: 100% !important
	 }
	 .horizontal-scroll-wrapper
	 {
	 overflow-x:scroll
	 }
	 /*.tb-caseload th, td.contentbold
	 {
		transform: rotate(90deg);
		transform-origin: left top 0;
	 }
	 */
     .menu-toggle {
         background: #C55A11; 
    }
	.cel-history-title
	{
		display: block;
	}
	.cel-history-year
	{
		display: none;
	}
	.cel-history-content
	{
		margin-left: 0 !important
	}
	#court-list
	{
		margin: 10px auto
	}
	body.home .img-responsive
	{
		width: 100%
	}

}
@media (max-width: 500px) {
.caseload-title
{
	width: 75%;
}	
	
	.page-header .page-quote img
	{
		max-width: 40% !important;
		height: auto;
		
	}
	.page-header .page-quote
	{
		text-align: center;
	}
	.img-responsive
	{
		width: 100%
	}
}
.tb-caseload
{
	width:90%
}
.tb-caseload td
{
	border: 1px solid #fff;
	padding: 3px 10px
}
.tb-caseload .fa-square {
font-size:6px;color:#828bff
}
.contentbold
{
	font-weight: bold
}
.contenttitle {
    font-family: PMingLiU, Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif;*/
    font-size: 1.188em;
    font-weight: bold;
    color: #666666;
   text-align: left !important;
   display:block;
   margin-bottom: 10px;
   letter-spacing: 2px
}
.contenttitle span.triangle
{
	margin-right:15px;
	color:#ffc219;
}
h2 span.triangle
{
	margin-right:15px;
	color:#ffc219;
}
tr.digits-row td
{
	width:45px
}

.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:3px solid #666666;
  width:50%;
  height:50%;
  left:25%; 
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}

button{
  display:inline-block;
  vertical-align:middle;
  border-radius:30px;
  margin:.20rem;
  font-size: 1rem;
  color:#666666;
  background:   #ffffff;
  border:1px solid #666666;  
}

button:hover{
  border:1px solid #666666;
  background:#666;
  color:#fff;
}

.js-font.fas.fa-print, .print
{
	color:#782be7
}
.print:hover, .print:hover > .fa-print
{
	color:#905fd8;
	text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.footer-widget
{
	margin-bottom: 20px
}
.footer-widget h3
{
	margin-bottom:25px
}
#top1 {
    float: right;
    /*position: fixed;*/
    bottom: 0;
    right: 0;
    color: #555;
    padding: 5px 10px;
    background: #ccc;
    display: none;
    border-top-left-radius: 18px;
}
#topcontrol {
    z-index: 99999;
}

.color-100 .mcc--item, .color-100 .mdat--citation .text, .color-100 .mdat--key-figures, .color-100 .mdat--text a {
    color: #5179a6;
}
.mdat--citation .text:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 960px)
{
.mdat--citation .text {
    font-size: 4rem;
    margin-bottom: 40px;
}
.mdat--citation {
    margin-left: 230px;
    padding-left: 34px;
    margin-bottom: 60px;
}
}
@media screen and (min-width: 768px){
.mdat--citation .text {
    font-size: 3.2rem;
    margin-bottom: 30px;
}
.mdat--citation .text {
    /*font-family: FreightBigProBold,arial,helvetica,sans-serif;*/
    font-weight: 700;
    line-height: 1.5;
}}

.breadcrumb
{
	display:none
}
.page-breadcrumb:after
{
	content: "\00a0 "
	
}
.album .page-breadcrumb:after
{
	content: ""
}
.widget {
    background-color: #ddd;
	border-radius: #eae7e7
}
#swipebox-overlay {
	background-color: rgba(255,255,255, 0.95) !important
}
#swipebox-bottom-bar, #swipebox-top-bar
{
	background-color: rgba(120,157,74, 0.95) !important
}
a.grey span
{
	/*color: #bbb*/
	color:#5c773b
}
@media (min-width: 1171px), print
{
#u2545 {
    z-index: 607;
    margin-left: 1px;
    margin-top: 11px;
}
}
#u2545{
	border-radius: 100px;
    position: relative;
    width: 65px;
    background-color: #d14323;
    height: 6px;
	margin-bottom:25px
}
.colelem {
    display: inline;
    float: left;
    clear: both;
}
.post-meta 
{
	display: none
}
.ug-lightbox .ug-lightbox-top-panel-overlay
{
	background-color: #C55A11 !important;
	    opacity: 1 !important
}
.fa-bars:before
{
	font-size: xx-large
}
.table th, .table td {
			white-space: nowrap;
			text-align: center;
		}
		.table td:first-child {
			text-align: left;
		}
		.table .td-purple {
			background-color: #d9dcfd !important
		}
		.table .fa-square {
			font-size: 6px;
			color: #828bff;
			margin:0 10px
		}
		
		
		.table td, .table th
		{
			background-color: #f2f2fe;
		}
		.table .sub-head td, .table .sub-head th
		{
			background-color: #eceefd;
		}
		#dtHorizontalExample td.highlight {
			background-color: #fff !important;
		}
		.table .dt-right, td.dt-right
		{
		text-align: right !important
		}

table.member-list td, table.judge-list td, table.training-list td, table.visitor td,  table.expenditure td, table.complaints tbody td
	{
		padding: 5px 10px !important;
		border: 1px solid #fff
	}


	table.member-list span.fa-square, table.judge-list span.fa-square, table.expenditure span.fa-square, table.complaints span.fa-square
	{
		width:22px;
		color:#848bff
	}

	table.member-list td
	{
		word-break: normal
	}
	table.member-list td:first
	{
		word-break: keep-all;
	}
	table.member-list td.section_desc
	{
		word-break: keep-all;
	}
	table.member-list.admin td.section_desc
	{
		word-break: break-all;
	}
	table.complaints thead td {
		border-bottom: none !important
	}
	table.complaints thead td
	{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff
	}
	table.complaints thead tr:first-child td {
		padding: 5px 10px !important
	}
	table.complaints td {
		padding: 0 10px !important
	}
	
	table.complaints tbody td:first-child {
		min-width: 120px
	}
	table.complaints tbody td:not(:first-child) {
		max-width: 50px;
		min-width: 30px
	}

	@media screen and  (max-width: 768px) {
		table.complaints td {
			padding: 0 3px !important
		}
		table.complaints td {
			font-size: 16px !important
		}
	}
	table span.fa-square
	{
		position: relative;
		top: -3px
	}
	
	.btn.btn-info.btn-sm.dropdown-toggle
	{
		font-size: 16px
	}
	
	
	
	
	/* For 2nd version */
	.page-header 
{
	/*min-height: 100px*/
	min-height: 173px
}

.side-nav-logo
{
	padding: 10px 20px
}
.post-content h1 {
	text-transform: none
}
.page-title
{
	font-weight: 500; color: #FFF;
}
p.page-title-sub, h1.page-title-sub
{
line-height:1.5em;font-size:32px; font-family: Times New Roman, Times, serif !important;letter-spacing:1.5px; color: #FFF;text-transform:none;font-size:32px;font-weight:500
}

#sidebar-wrapper
{
background: #fff;

}
#side-menu ul li a
{
	line-height: 1.4em
}
#side-menu span
{
font-family: PMingLiU, Arial, Helvetica, sans-serif;
font-weight: normal
}
.js-font-normal
{
	color: #555
}
#side-menu > ul > li > a
{
background: #fff;
border-bottom: 1px solid #eee
}
#side-menu > ul > li.open a
{
background: #efefef;
color: #333;

}
#wrapper .page-header .inner-padding
{
	padding: 15px 80px
}
@media screen and (max-width: 1366px)
{
	#wrapper .page-header .inner-padding
	{
		padding: 15px 40px;
	}
}
@media screen and (max-width: 1179px)
{
	#test
	{
		display:none
	}
}
@media (min-width: 768px)
{
	
}
@media screen and (max-width: 1024px)
{
/*@media screen and (max-width: 768px){ */
	#sidebar-wrapper
	{
		position: fixed !important;
		left:330px !important
	}
	
	#wrapper.toggled
	{
		/*width: 300px;*/
		padding-left: 300px
	
	}
	#wrapper.toggled #sidebar-wrapper
	{
		width: 300px;
	}
	
	#side-menu {
		width: 283px;
	}
	#wrapper.toggled #page-content-wrapper
	{
		/*left: 300px*/
	}
	.headtop
	{
		display: none
	}
	.font-changer.js-font
	{
		display:none
	}
	#sidebar-wrapper .text-xx
	{
		display: block !important
	}
	#wrapper .page-header .inner-padding
	{
		padding:1px 15px 15px 15px
	}

	table.member-list.admin td
	{
		padding: 3px !important
	}
	table.member-list.admin td.section_desc
	{
		max-width: 100px !important
	}
	
}
body, p {
	/*font-family: Arial, Helvetica,  Microsoft JhengHei, SimHei, sans-serif !important;*/
	font-family: PMingLiU, Arial, Helvetica, sans-serif  !important;
}
.page-breadcrumb
{
	/*background-color: #fcfcf9;*/
	background-color: #fff;
	min-height: 36px;
	display:none;
}
.print:hover
{
	color:#905fd8
}
.side-nav-logo
{
/*	
background: linear-gradient(rgba(120,157, 74, 1), rgba(120,157, 74, 0.75)), rgba(120, 120, 120, 0.55);
*/
background: #C55A11;
}

table.dataTable thead th, table.dataTable thead td
{
	border-bottom-color: #ddd !important
}
.dataTables_wrapper.no-footer .dataTables_scrollBody
{
	border-bottom-color: #ddd !important	
}
.dataTables_wrapper.no-footer .dataTables_scrollBody
{
	border-bottom-color: #ddd !important	
}
.fa-angle-double-right
{
	color: #777 !important
}
body, .main-container
{
	background: #fff
}