body{ font-family: Roboto,sans-serif; font-size:12px;}
*{margin:0; padding: 0;}
#masthead{display:none;}

/**********Top Heading**********/
.heading{text-align: center;background:#428bca;padding:30px 10px}
.heading .head1 h3{font-family: 'Merriweather', serif; color:#fff;font-size: 23px; font-weight: 300; line-height: 42px;margin-bottom:0px;}
.heading .head2 h3{font-family: Roboto,sans-serif; font-size: 30px;color:#fff; font-weight: 500; text-transform:uppercase; margin-bottom:0px;line-height:42px;}
.heading .head3 h3{font-family: 'Merriweather', serif; font-size: 16px;color:#fff; font-style: italic; font-weight: 400; margin-bottom:0px; line-height:42px;}
.heading .head4 h3 {margin-bottom: 0px; display: block; color:#bae8ea;font-weight: 400;font-family: Roboto,sans-serif;font-style: italic;font-size: 16px; text-align: center; position: relative;}
.heading .head4 h3 span {padding: 0 50px;position: relative;z-index: 1;}
.heading .head4 h3 :before {background:#bae8ea;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 13%;left:0;}
.heading .head4 h3 :after {background:#bae8ea;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 13%;right:0;}

.department .panel-body .divTable { border-right: 1px solid #e2e2e2 !important; border-top: 1px solid #e2e2e2 !important;}
/******* budget-select-box ******/
.budget-select-box{background:#f4f4f4; padding: 20px 0px;}
.budget-select-box .sort_by_d{width:100%!important;}
.budget-select-box .sort_by_d label{font-size: 18px;font-weight: 400;font-family: Roboto,sans-serif; display:block;}
.budget-select-box .sort_by_d select{border: 1px solid #ddd;border-radius: 0px;}
.select2-container{width:100%!important;}
.select2-container--default .select2-selection--multiple{min-height: 34px!important;border: 1px solid #ddd!important; border-radius: 0px!important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #ddd 1px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{display:block!important; min-height: 33px;padding:0px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{width: auto;}
.select2-container .select2-search--inline .select2-search__field{margin-top:0px!important; min-height: 33px!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-right: 0px!important;margin-left: 6px;}
.select2-search{padding:0px!important;}
.select2-container--default .select2-selection--multiple{height: auto;}
.select2-search input{padding: 4px 20px 4px 5px !important; min-height: 30px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #428bca!important; border-radius: 0px!important; color: #fff;padding: 0 6px!important;font-size: 11px;border: 1px solid #428bca!important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color:#fff!important;}
.select2-container--default .select2-results__option[aria-selected="true"] {background-color: #e6f2fc!important;}

/*accordion*/
.accordian-main{margin:0px auto 20px auto; clear: both;}
.department {box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);margin:0px auto 30px auto;padding: 0px 0px;}
.accordion-toggle-budget { display: block;}
.department h2.dept_head {background: #428bca;color: #f5f5f5 !important;padding: 12px 15px;font-size: 21px!important;text-align:left;font-weight: 500!important;outline:0;font-family: Roboto,sans-serif;letter-spacing: 1px;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title{font-family: Roboto,sans-serif;}
.content-area .entry-content .accordian-main .panel-group .panel-default:nth-child(5n+2) .panel-heading h4.panel-title{}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title a{color:#5caedb!important;box-shadow: none; font-weight: bold;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before{display:none;}

/*department total*/
.department .panel .panel-collapse .panel-body { width: 100%; overflow-x: auto; overflow-y:hidden; }
.department .divTableCell, .department .divTableHead {	 word-break: initial; }

.dept_total{margin:0px auto 20px auto; width:100%}
.total-sub-main{width:100%; margin:auto;}
.dpt-total-head h3{margin-bottom:13px!important; color:#555; display: block; font-weight: 400!important;font-family: Roboto,sans-serif;font-size:18px!important; text-align: center; position: relative;}
.dpt-total-head h3 span {padding: 0 14px;position: relative;z-index: 1;}
.dpt-total-head h3 :before {background:#aaa;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 15%;right:100%}
.dpt-total-head h3 :after {background:#aaa;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 15%;right:0;left:100%;}
.total-sub { border-right: 1px solid #ddd; display: inline-block; font-size: 13px; font-weight: normal; margin: 0 0 13px; padding: 0 10px; }
.total-sub:first-child{ border-left:1px solid #ddd;}
.total-sub span{padding:0 10px 0 0; color:#666; font-weight: bold;}

/*grand_total at last bottom of page ***/
.grand_total .total-sub-main {
    background: #fff none repeat scroll 0 0;
    padding-top: 15px;
}
.grand_total{background:#33a2a8 ; width:100%; margin:auto; padding:10px;box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);}
.grand_total .divTableCell{text-align:center;}
.grand-head {margin: 10px 0 25px 0;}
.grand_total .grand-head h3 {margin-bottom: 0px; color:#fff; display: block; font-weight: 400;text-shadow: #1f5046 1px 1px;font-family: Roboto,sans-serif;font-style: italic;font-size:30px; text-align: center; position: relative;}
.grand_total .grand-head h3 span {padding: 0 15px;position: relative;z-index: 1;}

.table-head {color: #555;font-weight: 400;font-size: 16px;letter-spacing: 0px;font-family: Roboto,sans-serif;background: #f4f4f4;word-break: break-word;}
.divTableRow.table-footer{ color: #555;font-weight: bold;font-size: 13px;letter-spacing: 0px;font-family: Roboto,sans-serif;background: #f4f4f4;word-break: break-word;}
.panel{border-bottom:1px solid #ddd; border-top:0; border-left:0; border-right:0; box-shadow:none !important; border-radius: 0 !important;}
.panel-heading{padding: 15px;border-top-left-radius:0px;border-top-right-radius: 0px;}
.panel-group .panel{border-radius: 0px;}
.panel{border-bottom:0px; padding:0px 10px;}
.panel-body{color: rgb(120, 120, 120);line-height: 26px;}
.panel-default{ border:none !important; margin-bottom: 20px !important; }
.panel-default > .panel-heading{ background:#f5f5f5!important; }
/*.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before{display:none!important;}*/
.divTableRow .divTableCell:first-child{text-align: center;}
/*.divTableRow:nth-child(2n){background:#f6f6f6;}*/


.panel-title > a {
    font-size: 17px;
    font-weight:500;
    outline: 0;
    letter-spacing: 1px;
}
.color-red .panel-heading{ border-color:rgba(232, 78, 64, 0.52)!important; border-bottom: 3px solid transparent;}
.color-red .divTableRow:nth-child(2n){background:rgba(236, 90, 77, 0.06);}
.color-red .panel-title > a{color: #e84e40!important;}

.color-blue .panel-heading{ border-color:rgba(92, 174, 219, 0.51) !important; border-bottom: 3px solid transparent;}
.color-blue .panel-title > a{color: #5caedb!important;}
.color-blue .divTableRow:nth-child(2n){background:rgba(92, 174, 219, 0.05)}

.color-green .panel-heading{ border-color:rgba(60, 192, 131, 0.52)!important; border-bottom: 3px solid transparent;}
.color-green .panel-title > a{color: #3cc083!important;}
.color-green .divTableRow:nth-child(2n){background:rgba(60, 192, 131, 0.05);}

.color-yellow .panel-heading{ border-color:rgba(239, 176, 27, 0.52)!important; border-bottom: 3px solid transparent;}
.color-yellow .panel-title > a{color: #EFB01B!important;}
.color-yellow .divTableRow:nth-child(2n){background:rgba(239, 176, 27, 0.07);}

.color-purple .panel-heading{ border-color:rgba(163, 130, 237, 0.51)!important; border-bottom: 3px solid transparent;}
.color-purple .panel-title > a{color: #a382ed!important;}
.color-purple .divTableRow:nth-child(2n){background:rgba(163, 130, 237, 0.07);}

.color-orange .panel-heading{ border-color:rgba(248, 133, 71, 0.51)!important; border-bottom: 3px solid transparent;}
.color-orange .panel-title > a{color: #f88547!important;}
.color-orange .divTableRow:nth-child(2n){background:rgba(248, 133, 71, 0.08);}

.panel-title > a:hover, a{text-decoration: none;}
.panel-title > a > span{
    font-size: 15px !important;
    padding: 0px 18px;
}

.panel-body{border-top:0px!important; padding:15px 0px!important;}
/* DivTable.com */

.divTable{
	display: table;
	width: 100%;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE!important;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
	display: table-cell;
	padding: 3px 10px;
	word-break: break-word;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}
.divTableBody .dataTables_filter{
	display: none;
}
.divTableBody .dataTables_info{
	display: none;
}
.sorting_disabled
{
background-image:none !important;
}

/*** Contact Form ***/
.content-area.contact-area { width: 100%; margin-right: 0;}
.content-area .entry-content .sort_by_d { width: 49%; display: inline-block;vertical-align: bottom;}
.content-area .entry-content .search_d { width: 49%; display: inline-block;vertical-align: bottom;margin-left: 1%;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title { margin-bottom: 0;}
.report-table .content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title a { text-decoration: none;box-shadow: none;color: #000;}
.content-area .entry-content .accordian-main .panel-group .panel-collapse .divTable .dataTables_wrapper { border: 0 none;}
.content-area .entry-content .accordian-main .panel-group .panel-collapse .divTable { }
.content-area .entry-content .accordian-main .panel-group .panel-collapse .divTable .dataTables_wrapper table.dataTable.no-footer { border-bottom: 0 none;font-size: 14px;}
.accordian-main .panel-group .panel-collapse .divTable .dataTables_wrapper table.dataTable thead th { border-bottom:1px solid #d1d1d1;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title{ border-radius: 0;position: relative;padding: 15px;
	display: inline-block; border-bottom: 0 none;color: #fff;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading { background:none; padding: 0; border-radius: 0; display: flex;}
.content-area .entry-content .accordian-main .panel-group .panel-default { overflow: visible;}
.content-area .entry-content .sort_by_d label { font-size: 14px;font-weight: normal;}
.content-area .entry-content .search_d input.form-control { color: #686868;}
.divTable .dataTables_wrapper table.dataTable tbody th, .divTable .dataTables_wrapper table.dataTable tbody td { padding: 8px 20px;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title:before { border-style: solid;content: "";
    border-width: 49px 0 0 47px; height: 0; right:-47px; position: absolute; top: 0px; width: 0;}
/*
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title:before { background-color: #fff; bottom: -4px; content: "";
    height: 6px; left: 0; margin: auto; position: absolute; width: 15px;}
.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title:after {background-color: rgba(232, 78, 64, 0.52); border: 1px solid rgba(232, 78, 64, 0.52);
 border-radius: 50%; bottom: -3px; content: ""; display: block; height: 5px; left: 0; margin: auto; position: absolute; width: 5px;}
*/

.message { text-align: center; }

.content-area .entry-content .accordian-main .panel-group .panel-default.Director .panel-heading h4.panel-title:before { border-color: transparent transparent transparent #f55a4e;}
.content-area .entry-content .accordian-main .panel-group .panel-default.Director .panel-heading h4.panel-title { background-color: #f55a4e;}
.content-area .entry-content .accordian-main .panel-group .panel-default.Director .panel-heading { border-bottom: 2px solid #f55a4e !important; }
.content-area .entry-content .accordian-main .panel-group .panel-default.Deputy_Director .panel-heading h4.panel-title:before { border-color: transparent transparent transparent #5caedb;}
.content-area .entry-content .accordian-main .panel-group .panel-default.Deputy_Director .panel-heading h4.panel-title { background-color: #5caedb;}
.content-area .entry-content .accordian-main .panel-group .panel-default.Deputy_Director .panel-heading { border-bottom: 2px solid #5caedb !important; }
.content-area .entry-content .accordian-main .panel-group .panel-default.Administrative_Services_Officer .panel-heading h4.panel-title:before { border-color: transparent transparent transparent #3cc083;}
.content-area .entry-content .accordian-main .panel-group .panel-default.Administrative_Services_Officer .panel-heading h4.panel-title { background-color: #3cc083;}
.content-area .entry-content .accordian-main .panel-group .panel-default.Administrative_Services_Officer .panel-heading { border-bottom: 2px solid #3cc083 !important; }
.content-area .entry-content .accordian-main .panel-group .panel-default.color-red.NET .panel-heading h4.panel-title:before { border-color: transparent transparent transparent #efb01b;}
.content-area .entry-content .accordian-main .panel-group .panel-default.color-red.NET .panel-heading h4.panel-title { background-color: #efb01b;}
.content-area .entry-content .accordian-main .panel-group .panel-default.color-red.NET .panel-heading { border-bottom: 2px solid #efb01b !important; }
.content-area .entry-content .accordian-main .panel-group .panel-default.color-red.IT .panel-heading h4.panel-title:before { border-color: transparent transparent transparent #a382ed;}
.content-area .entry-content .accordian-main .panel-group .panel-default.color-red.IT .panel-heading h4.panel-title { background-color: #a382ed;}
.content-area .entry-content .accordian-main .panel-group .panel-default.color-red.IT .panel-heading { border-bottom: 2px solid #a382ed !important; }


/* responsive */
@media only screen and (min-width:980px) and (max-width:1024px) { 
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before { right: -46px; }
	.total-sub-main{overflow-x: scroll;padding: 0px 20px 20px 0px;}
	.total-sub{display:table-cell;}
	.contact-area .accordian-main .panel-default .panel-collapse .panel-body{overflow-x:scroll;}
}
@media only screen and (min-width:980px) and (max-width:985px) {
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before { border-width: 53px 0 0 48px; }
}
@media only screen and (min-width:768px) and (max-width:979px) { 
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before { border-width: 53px 0 0 48px; }
	.contact-area .site-main article .entry-content { margin: 0 auto; width: 720px; }	
	.contact-area .accordian-main .panel-default .panel-collapse .panel-body { padding: 15px 0; }
	.contact-area .accordian-main .panel-default .panel-collapse .panel-body .divTableBody .dataTables_wrapper {  width: 99%;}
	.contact-area .accordian-main .panel-default .panel-collapse .panel-body{overflow-x:scroll;}
	.dept_total {margin: 10px auto 20px auto;}
	.total-sub-main{overflow-x: scroll;padding: 0px 20px 20px 0px;}
	.total-sub{display:inline-block;}
	.dpt-total-head h3 :before,.dpt-total-head h3 :after {width:30%}
	.grand_total .divTable{overflow-x:scroll;padding: 0 0 15px 0;border-right:none!important;display:block!important;}
}
@media screen and (max-width: 767px) {
    .panel-body{overflow-x: auto;} 
    .divTable{display: block;}
	.contact-area .site-main article .entry-content { margin: 0 auto; width: 96%; }
    .contact-area .site-main article .entry-content .sort_by_d { display: inline-block; width: 100%; }
    .content-area .entry-content .search_d{ display:inline-block; width: 100%; margin-top: 10px; margin-left: 0; }
    .content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before { border-width: 53px 0 0 48px; }
	.dept_total {margin: 10px auto 20px auto;}
	.dpt-total-head h3 :before,.dpt-total-head h3 :after {display:none;}
	.grand_total .divTable{overflow-x:scroll;padding: 0 0 10px 0;border-right:none!important;display:block!important;}
	.total-sub-main{overflow-x: scroll;padding: 0px 20px 20px 0px;}
	.total-sub{display:inline-block;}
	.grand_total .grand-head h3 :before, .grand_total .grand-head h3 :after{ display: none; }
}
@media screen and (max-width: 640px) {
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title {  padding: 15px 2px 15px 15px; }
	.content-area .entry-content .accordian-main .panel-default .panel-title a.accordion-toggle-budget { font-size: 14px; }
	.content-area .entry-content .accordian-main .panel-default .panel-title a.accordion-toggle-budget span { font-size: 12px !important; padding: 0 5px;}
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before { border-width: 50px 0 0 48px;}
	.divTableRow{ display: table-row; }
	.divTableCell, .divTableHead{ word-break: initial; }

}
@media screen and (max-width: 480px) { 
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title::before { display: none; }
	.content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading h4.panel-title { border-bottom: 0 none; text-align: center; }
	.site-content .content-area .entry-content .accordian-main .panel-group .panel-default .panel-heading { text-align: center;display: block;}
	.content-area .entry-content .accordian-main .panel-group .panel-collapse .divTable .dataTables_wrapper table.dataTable.no-footer { font-size: 12px; }
	.content-area .entry-content .accordian-main .panel-group .divTableBody { display: inline-block;}
}
@media screen and (max-width:360px){
	.dpt-total-head h3 :before, .dpt-total-head h3 :after {display: none;}
	
	.grand_total .divTable{overflow-x:scroll;padding: 0 0 10px 0; border-right:none!important;}
	.grand_total .grand-head h3{font-size:22px;}
	.grand_total .grand-head h3 :before, .grand_total .grand-head h3 :after{ display: none !important; }
	.heading .head2 h3{font-size: 25px;line-height: 65	px;}
	.heading .head3 h3{font-size: 14px;line-height: 30px;}
	.heading .head1 h3{font-size: 17px;line-height: 24px;}
	.divTableRow{ display: table-row; }
	.divTableCell, .divTableHead{ word-break: initial; }

	
}