* { margin:0; padding:0;}
 .content h1, .content  h2,  .content  h3,  .content  h4, .content  h5, .content  h6 { margin:0; padding:0;}

body {
  font-family: source_sans_proregular;
  font-weight: normal; }
  @font-face {
  font-family: 'source_sans_proregular';
  src: url("../fonts/sourcesanspro-regular.woff2") format("woff2"), url("../fonts/sourcesanspro-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'source_sans_prolight';
  src: url("../fonts/sourcesanspro-light.woff2") format("woff2"), url("../fonts/sourcesanspro-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

  
.content {  width:100%; float:left; padding:5%;}

	.pager-status, .tableGridSection, .searchSection, .headTitleSection, .tableTabSection { margin-bottom:30px;}
  .headTitleSection, .searchSection { float:left; width:100%; padding:20px; border:1px solid #b2b2b2;}
.headTitleSection, .searchSection { min-height:120px;}
  
 .tableTabSection { float:left; width:100%;}
.tableTabSection ul, .tableTabSection li { padding:0; margin:0; list-style-type:none;}
.tableTabSection li { float:left; margin-right:3px;}
.tableTabSection li a { display:inline-block; padding:11px 13px; text-decoration:none; background:#e2e1dd; color:#484848; font-size:14px;}
.tableTabSection li.active a { background:#094b96; color:#fff;}


/**** Advance Filter Section Start *****/
.content .advanceFilterSection {
	width:100%; float:left; border-radius:0; box-shadow:none; border:1px solid #b2b2b2; margin-bottom:30px;
}
.content .advanceFilterSection .panel-heading { border-radius:0;  border-color:#b2b2b2;}
.content .advanceFilterSection label { max-width:104px; float:left; color:#094b96;}
.content .advanceFilterSection .form-group { float:left; padding:10px; margin-bottom:0;}
.content .advanceFilterSection .form-group label { padding-right:10px; padding-top:7px;}
  .content .advanceFilterSection .sctField, .content .advanceFilterSection .inpField  {  float:left;}
    .content .advanceFilterSection .sctField select, .content .advanceFilterSection .inpField input  { padding:0 10px; height:33px; line-height:33px;  width:100%; border:1px solid #b2b2b2; border-radius:0; box-shadow:none;}
/**** Advance Filter Section End *****/

/**** Form Section Start *****/
.formSection { border:1px solid #b2b2b2; width:100%; float:left; padding:0; margin-bottom:30px;}
.formSection .leftWrap, .formSection .rightWrap { padding:20px;}
.formSection label { color:#094b96; float:left; padding:10px; width:30%;}
.formSection .form-group { float:left; width:100%; margin-bottom:10px;}
.formSection .inputWrap { float:left; width:70%; font-family: source_sans_proregular;}
.formSection .inputWrap input, .formSection .inputWrap select { width:100%; box-shadow:none; border-radius:0; padding:0 10px; height:33px; line-height:33px; border:1px solid #b2b2b2;}
.formSection  .glyphicon:before { font-weight:bold; font-size:20px; }
.formSection .cls-link { padding-top:5px;}
/**** Form Section End *****/

.headTitleSection .head, .headTitleSection .list-view { float:left;}
.headTitleSection .list-view { width:auto; float:right; width:31%; max-width:390px;}
.headTitleSection .head { margin-top:15px;}
.headTitleSection .head, .headTitleSection .list-view { padding:0;}
.headTitleSection .head .ttl { font-size:28px; font-weight:normal; padding-top:8px;}
.headTitleSection .list-view ul,  .headTitleSection .list-view li { list-style-type:none;}
.headTitleSection .list-view ul {float:right; margin-top:12px; width:100%;}
.headTitleSection .list-view ul li { float:left;}
.headTitleSection .list-view ul li a { text-decoration:none; color:#1C1C1C; display:inline-block;}
.headTitleSection .list-view ul li a:hover { color:#094b96;}
.headTitleSection .list-view ul li .icon { position:relative; width:29px; height:29px; padding-top:35px; margin:0 auto;}
.headTitleSection .list-view ul li .listview.icon:before {  content:""; top:0; position:absolute; z-index:1; left:0; background-position: left -481px top 5px;  }
.headTitleSection .list-view ul li .listview.icon:before {width:29px; height:29px;   margin-left:0;}
.headTitleSection .list-view ul li:hover .dropList { display:block; margin-top:0; margin-top: 0;
    margin-left: 5px; background:#fff;}
.headTitleSection.single .list-view ul li { float:right;}
	
 
 .list-view li {
      position: relative; padding-right:5%;}
	   .list-view li:last-child { padding-right:0;}
  .list-view li ul {
        position: absolute;
        display: none;
        z-index: 10;
        border: 1px solid #b2b2b2;
        width: 50px; }
 .list-view li ul a {
          margin-left: 0; }

.list-view li a {
      position: relative;
      padding-left: 10px; }
.list-view li a p, .list-view li a span {
        font-size: 15px;
        padding-top:0;
        display: block;
        font-family: source_sans_proregular; margin-bottom:0; }
.list-view li a span.icon {
        padding-top: 0; }
.list-view li a:hover {
        color: #094b96;
        text-decoration: none;
        background: none; }
   .list-view li a:hover .icon.listview:before {
          background-position: left -481px top -71px; }
.list-view li a:hover .icon.plus:before {
          background-position: left top -71px; }
.list-view li a:hover .icon.trash:before {
          background-position: left -85px top -71px; }
.list-view li a:hover .icon.print:before {
          background-position: left -171px top -71px; }
.list-view li a:hover .icon.calendar:before {
          background-position: left -271px top -71px; }
		  .list-view li a:hover .icon.export:before {
          background-position: left -351px top -72px; }
		  		  .list-view li a:hover .icon.import:before {
          background-position: left -420px top -70px; }
.list-view li a .icon {
        display: block;
        position: relative; }
.list-view li a .icon:before {
          content: "";
          left: 0;
		  top:0;
          background: url("../images/table-icons.png") no-repeat;
          width: 35px;
          height: 35px;
          position: absolute;
          left: 50%;
          margin-left: -12px; }
.list-view li a .icon.plus:before {
          background-position: left top; }
.list-view li a .icon.trash:before {
          background-position: left -85px top 0; }
.list-view li a .icon.print:before {
          background-position: left -171px top 0; }
.list-view li a .icon.calendar:before {
          background-position: left -271px top 0; }
			.list-view li a .icon.import:before {
  background-position: left -420px top 0px; }
		    .list-view li a .icon.export:before {
          background-position: left -351px top 0px; }
		  
		  
.searchSection .sortWrap, .searchSection .searchWrap  { padding:0; margin-top:23px;} 
.searchSection .shorting { float:left; padding:0;}
.searchSection .searchWrap { float:right;}
.searchSection .shorting  { float:left;}
.searchSection .sortWrap .txt { float:left; padding:5px;}
.searchSection .sortWrap .txt:first-child { padding-left:0;}
.searchSection .sortWrap .dropList { border:1px solid #b2b2b2; float:left;}
.searchSection .sortWrap .dropList .select { border:0; padding:5px;}
.searchSection .sortWrap .dropList .select select {}

.searchSection .searchWrap .searchInpt { float:right; width:80%;}
.searchSection .searchWrap .searchInpt .txt { width:15%; min-width:62px; float:right; padding:7px 5px 5px 5px; display:inline-block; text-align:right;}
.searchSection .searchWrap .searchBox { width:75%; float:right;}
.searchSection .searchWrap .searchBox  input { width:100%; border:1px solid #b2b2b2; padding:7px 30px 7px 10px; background:url("../images/top-search-icon.png") no-repeat right 10px top 6px;}



/*** Table Section Start ******/
.tableGridSection { float:left; width:100%;  border:1px solid #b2b2b2; padding-bottom:0; }
.tableGridSection table.table-bordered { margin-bottom:0; }
.tableGridSection table, .tableGridSection td, .tableGridSection th { border:0;}

.tableGridSection .table-bordered > thead > tr > th, .tableGridSection  .table-bordered > tbody > tr > th, .tableGridSection .table-bordered > tfoot > tr > th, .tableGridSection  .table-bordered > thead > tr > td, .tableGridSection  .table-bordered > tbody > tr > td, .tableGridSection  .table-bordered > tfoot > tr > td { border:0;}
.tableGridSection .table-bordered > thead > tr > th { background:#094b96; color:#fff; padding:20px 10px; border-right:2px solid #fff;}
.tableGridSection .table-bordered > thead > tr > th:last-child { border-right:0;}
.tableGridSection .table-bordered > tbody > tr > td{ padding:20px 10px; background:#fff; border-bottom:1px solid #b2b2b2;}
.tableGridSection .table-bordered > tbody > tr:hover > td { background:#fff;}
.tableGridSection .table-bordered > tbody > tr:last-child td { border-bottom:0;}

 .checkboxwrap {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .checkboxwrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #b2b2b2; }
  .checkboxwrap:hover input ~ .checkmark {
    background-color: #ccc; }
 .checkboxwrap input:checked ~ .checkmark {
    background-color: #094b96; }
 .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
 .checkboxwrap input:checked ~ .checkmark:after {
    display: block; }
 .checkboxwrap .checkmark:after {
    left: 9px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
	

	.pager-status, .pagination-count { float:left; width:100%; text-align:center;}
	.pager-status .pagination { margin:0; padding:0;}
	.pager-status li a, .pager-status li a.active {  padding:0 10px !important; text-align:center; display:inline-block; height:30px; line-height:27px !important;  }
	.pager-status li.first a, .pager-status li.prev a, .pager-status li.next a, .pager-status li.last a { width:30px; height:30px; display:inline-block; text-indent:-9999px;  padding:10px; border-radius:0 !important; background:url("../images/pagin-arrow.png") no-repeat;}
	.pager-status li.first a { background-position:left 6px bottom 6px;}
	.pager-status li.prev a { background-position:left 6px top 7px;}
	.pager-status li.last a { background-position:right 6px bottom 6px;}
	.pager-status li.next a { background-position:right 6px top 6px;}
	/*** Table Section End ******/

	

@media (max-width: 766px) { 
.tableTabSection li { margin-bottom:3px;}
.headTitleSection, .searchSection { padding:20px;}
.searchSection .sortWrap { padding:20px 15px 30px 15px; margin-top:0; border-bottom:1px solid #b2b2b2;}
.searchSection .searchWrap { width:100%; padding:20px 15px; margin-top:0; }
.searchSection .searchWrap  .searchInpt { width:100%;}
.searchSection .searchWrap  .searchInpt .txt { padding:10px 0 5px 0; }
.headTitleSection .list-view { text-align:center; width:100%; float:left;  max-width:100%;}
.headTitleSection.single .list-view {float:right; width:auto; }
.headTitleSection.single .head {  padding-bottom:0; width:auto; padding-top:15px;}
.headTitleSection.single li { float:right;}

.headTitleSection .list-view > ul { float:left; margin:0 auto; width:100%;}
.headTitleSection .list-view ul li { float:none; display:inline-block; margin:20px; padding-right:10px;}
.headTitleSection .head {  padding-bottom:20px; }
.searchSection .searchWrap .searchBox { width:100%;}
.searchSection .searchWrap .searchInpt .txt { text-align:left; width:100%;}
.content .advanceFilterSection .form-group { padding:0; width:100%;}
.content .advanceFilterSection .form-group label { width:100%;}
.content .advanceFilterSection .sctField, .content .advanceFilterSection .inpField { width:100%;}
.content .advanceFilterSection .sctField select, .content .advanceFilterSection .inpField input { width:100%;}
.content .advanceFilterSection .btnWrap { padding-top:10px;}
.formSection .labelWrap { width:100%; padding:10px 0;}
.formSection .inputWrap { width:100%;}
.formSection .rightWrap { padding-top:0;}
body .dashboardSection {padding:15px; text-align:center;}
body .dashboardSection ul.chart li { width:45%; margin-left:10px; display:inline-block; float:none; min-height: 118px; max-height:140px; max-width:140px;}
body .dashboardSection ul.chart li { background-size:100%; margin-bottom:34px;}
body .dashboardSection ul.chart li .txt { font-size:13px; margin-top:-8px;}
body .dashboardSection ul.chart li.red:after, body .dashboardSection ul.chart li.blue:after  { width:100%; background-size:100% !important; left:0;}
body .chartWrapper .list .ttl { text-align:left;}
body .chartWrapper .list { padding:0;}
body .chartWrapper .list .ttl h2 { padding-bottom:15px; display:block;}
body .chartWrapper div.list .ttl span.txt { float:none;}
.newClient { background:#f4f4f4; float:left; width:100%;}
body  .chartDetailWrap { margin-top:0;}
body .chartDetailWrap .wrap h3 { padding-bottom:20px; text-align:left;}
body .chartDetailWrap .ttlHead {width:100%; margin-right:0; text-align:right;}
body .chartDetailWrap .ttlHead span { font-size:41px;}
body .chartDetailWrap .wrap .listView { margin-top: 20px;
    max-width: 200px;
    margin: 0 auto; text-align:left;}
}

.primaryBtn, .secondoryBtn, .tertiaryBtn { border:0 !important; border-radius:0 !important; box-shadow:none !important;}
 .primaryBtn {
    background-color: #094b96 !important;
    color: #fff !important; }
  .primaryBtn:hover {
      background-color: #1467c5 !important; }
 .secondoryBtn {
    background-color: #e2e1dd !important;
    color: #484848 !important; }
 .secondoryBtn:hover {
      background-color: #f3f1ec !important; }
  .tertiaryBtn {
    background-color: #73726d !important;
    color: #fff !important; }
 .tertiaryBtn:hover {
      background-color: #96958e !important; }
	  
	  /**** Dashboard Section Start *****/
	  .dashboardSection {
		 width:100%; float:left; border:1px solid #b2b2b2; padding:20px;
	  }
	.dashboardSection ul.chart {  width:100%; max-width:1040px; margin:20px auto; text-align:center;}
	.dashboardSection ul.chart li { list-style-type:none; display:inline-block; float:none; padding:0; position:relative; min-height:175px; width:174px; margin-left:30px; margin-bottom:30px; background:url("../images/chart-bg.png") no-repeat left top;}
	.dashboardSection ul.chart li .txt { position:absolute; left:0; top:50%; font-size:16px; z-index:99; text-align:center; display:block; width:100%; line-height:normal; margin-top:-15px;}
	.dashboardSection ul.chart li:first-child { margin-left:0;}	
	.dashboardSection ul.chart li.red:after {content:""; width:174px; height:175px; position:absolute; background:url("../images/chart-red.png") no-repeat left top; left:0;}
	.dashboardSection ul.chart li.blue:after {content:""; width:174px; height:175px; position:absolute; background:url("../images/chart-blue.png") no-repeat left top; left:0;}

	.dashboardSection ul.chart li.red.one:after {background:url("../images/chart-red-one.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.two:after {background:url("../images/chart-red-two.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.three:after {background:url("../images/chart-red-three.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.four:after {background:url("../images/chart-red-four.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.five:after {background:url("../images/chart-red-five.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.six:after {background:url("../images/chart-red-six.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.seven:after {background:url("../images/chart-red-seven.png") no-repeat left top;}
	.dashboardSection ul.chart li.red.eight:after {background:url("../images/chart-red-eight.png") no-repeat left top;}

	
	.dashboardSection ul.chart li.blue.one:after {background:url("../images/chart-blue-one.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.two:after {background:url("../images/chart-blue-two.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.three:after {background:url("../images/chart-blue-three.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.four:after {background:url("../images/chart-blue-four.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.five:after {background:url("../images/chart-blue-five.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.six:after {background:url("../images/chart-blue-six.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.seven:after {background:url("../images/chart-blue-seven.png") no-repeat left top;}
	.dashboardSection ul.chart li.blue.eight:after {background:url("../images/chart-blue-eight.png") no-repeat left top;}
	
	.dashboardSection .tableTabSection { margin:20px 0;}
	.dashboardSection .tableTabSection li a { min-width:120px; text-align:center;}
	.chartWrapper { float:left; width:100%; max-width:1046px; margin-top:20px;}
		.chartWrapper .list { margin-bottom:0; padding:19px;}
 	.chartWrapper .list .ttl { float:left; width:100%; padding:10px;}
	.chartWrapper .list .ttl h2 { display:inline; text-transform:uppercase; font-size:18px; color:#1b1b1b;}
	.chartWrapper .list .ttl .redTxt, .chartWrapper .list .ttl .blueTxt { display:inline-block; float:right;}
		.chartWrapper .list .ttl span { display:inline-block; position:relative; padding-left:38px; color:#9a9a9a;}
	.chartWrapper .list .ttl span::before { content:""; display:inline-block; position:absolute; width:20px; height:20px; left:10px;}
	.chartWrapper .list .ttl span.redTxt::before { background:#094b97;}
		.chartWrapper .list .ttl span.blueTxt::before { background:#f73d00;}


	.chartDetailWrap {width:100%; float:left; background:#f4f4f4; padding:10px; margin-top:46px;}
	.chartDetailWrap h3 { float:left; display:inline-block; text-transform:uppercase;}
	.chartDetailWrap .ttlHead { float:right; text-align:left; text-transform:uppercase; margin-right:44px;}
	.chartDetailWrap .ttlHead  .count { display: block; padding-bottom: 6px;}
		.chartDetailWrap .ttlHead span { display:block; font-size:48px; line-height:34px; }
					.chartDetailWrap .wrap:first-child {margin-top:0; padding:20px;}
			.chartDetailWrap .wrap { padding:12px; float:left; width:100%; background:#fff; margin-top:10px;}
			.chartDetailWrap .wrap h4 { margin:0 -8px; font-size:17px; text-transform:uppercase;}
			.chartDetailWrap .wrap .list { margin-top:20px;}
			.chartDetailWrap .wrap div:first-child { padding-left:0;}
			.chartDetailWrap .wrap  .listView { padding-top:30px;}
				.chartDetailWrap .wrap li { list-style-type:none; padding-bottom:10px;}
				 .chartDetailWrap .wrap li .txt { padding-left:20px; color:#9a9a9a; }
				 .chartDetailWrap .wrap li .txt:before { content:""; display:inline-block; position:absolute; width:20px; height:20px; left:10px;} 
	 .chartDetailWrap .wrap li .txt.redTxt:before { background:#f73d00;}
	 	 .chartDetailWrap .wrap li .txt.blueTxt:before { background:#094b97;}
	 .chartDetailWrap .wrap li .txt.greyTxt:before { background:#dcdbd9;}

	 /**** Dashboard Section End *****/
	  
	  @media (min-width: 768px) and (max-width: 1024px) { 
		body .headTitleSection .list-view ul { width:100%;}
		body .headTitleSection .list-view ul li { float:none; display:inline-block;}
		body .headTitleSection .list-view {float:right; width:100%;}
		body .chartWrapper .list .ttl h2 {display:block; padding-bottom:15px;}
	  }
	  	  @media (min-width: 992px) {
				body .chartWrapper > .list { border-right:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;  }
				body .chartWrapper > .list:nth-child(2), body .chartWrapper > .list:nth-child(4), body .chartWrapper > .list:nth-child(6) { border-right:0px;}
				body .chartWrapper > .list:nth-child(5), body .chartWrapper > .list:nth-child(6) { border-bottom:0;}
		  }