#myViz ul {}

	.modal {
    	z-index: 1000000000;
    }

	#myViz .modal-header {
    	padding: 10px;
  		width: 100%;
	}

	#myViz .modal-dialog {
    	height: 100%;
  		width: 95%;
	}

	#myViz .modal-body {
    	overflow: auto;
    	margin: 0 10px 0 10px;
	}

	#myViz .modal-footer {
    	width: 100%;
    	padding: 10px;    
	}

	div.footertable {
    	display: table;
    	padding: 0px;
    	width: 100%;
	}
	
	div.footerrow {
    	display: table-row;
    	padding: 10px;
    	width: 100%;
	}

	div.headercell {
   		display: table-cell;
    	padding: 1px;
    	vertical-align: middle;
	}

	#ButtonGroup {
    	float: right;
	}
	div.footercell {
   		display: table-cell;
    	padding: 2px;
	}
	#footerOne
	{
    	vertical-align: top;
    	float: left;
	}

	#footerTwo
	{
    	float: right;
	}

	#footerLogo
	{
    	width: 100px;
    	height: 70px;
	}

	#slide {
		width: 135px;
	}

	#headerTable {
    	height: 100%;
    	width: 100%;
        padding: 0px;
	}

	#headerRow {
    	height: 100%;
    	width: 100%;
	}

	#holder-table {
    	height: 100%;
	}

    #holder {
        height: 100%;
    	width: 100%;
    }

	#accordion {
    	list-style: none;
    	margin: 0px;
    	padding: 0px;
        font: small Roboto,sans-serif
		color: #4693b8;
        font-weight: normal;
        padding-left: 0px;
    	margin-left: 0px;
        text-decoration: none;
        vertical-align: middle;/
		min-width: 200px;
	    box-shadow: 3px 3px 3px #999999;
    	padding-right: 10px;
		background: #ffffff;
	}

	#slider-range{
     	margin-left: 25px;
    	margin-right: 25px;
	}
	
    #lblDataRange {
        background-color: #EBEBEB;-color: transparent;
        color: grey;
        font-size: 12px;
        text-align: center;
    }

    #dataRange {
		border: 0; 
    	color: #222222; 
    	font-weight: normal;
    	text-align: center;
    	width: 175px;
    	color: #045FB4;
    }

	#lblAmount {
		border: 0; 
    	color: #222222; 
    	font-weight: normal;
    	text-align: center;
    }

	div.ui-slider-range.ui-widget-header{
        border: 1px #959595;
        color: #959595;
        border-color: #959595;
	}

	div.ui-slider{
	    vertical-align: middle;
   		text-align: center;
    	resize: 130px 2px;
	}

    a.ui-slider-handle.ui-state-default {
        background: #045FB4 url("chartclientlibs/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
        border: 1px solid #045FB4;
        color: #ffffff;
        border-color: #045FB4; 

    	border-top-left-radius:	20px;
		border-top-right-radius:	20px;
		border-bottom-left-radius:	20px;
		border-bottom-right-radius:	20px;
    }

	.ui-slider .ui-slider-handle {
    	cursor: default;
    	height: 1.3em;
    	position: absolute;
    	width: 1.3em;
    	z-index: 2;
	}

	div.ui-slider.ui-slider-horizontal{
        background: #ffffff url("chartclientlibs/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50%;
        border: 1px solid #000000;
        color: #ffffff;
        border-color: #000000;
    	height: 2px;

	}

	.ui-accordion-content-active { 
    	height: inherit !important; 
	}

	.ui-widget-content {
		border:0;
    }

    div.panel-group.ui-accordion.ui-widget{
        font: small Roboto,sans-serif;
        color: yellow;
        font-weight: bold;
        padding-left: 5x;
        text-decoration: none;
        vertical-align: middle;
    }

	div.panel-collapse.ui-accordion-content{
        background: #FFFFFF;
        /*border: 1px solid grey;*/
    	padding: 5px;
	}

	div.navbar.navbar-default {
        background: #FFFFFF;
        border: 0px solid #FFFFFF;  
    }

    #formDiv {
    	margin-left: 0px !important;
    	padding-left: 0px !important;
    	text-align: center;
    }

	#filterList {
    	min-width: 200px;
	}

    #navbarCollapse {
        padding: 5px;
    }
    .btn-info {
        width: 5.8em; 
        height: 3.8em;
        text-align: center;
	    line-height: 18px;
    	padding: 2px 2px 2px 2px;
    }

	#customizeMenuDiv{
		border: none;
    	border-style: none;
    	width: 0px;
	}

    .disp_tbl {
        display: table;
    }
    
    .disp_tbl_row {    
        display: table-row;
    }

    .disp_tbl_cell {    
        display: table-cell;
    }
    
    .top_right{
        vertical-align: top;
        float: right;
    }
    
    .top{
        vertical-align: top;
        display: none;
    }

	.ui-accordion-header{
   		background: #ffffff;
   		font-size: 14px;
	}

#accordion .ui-icon { 
    display: none; 
}

#accordion .ui-accordion-header a { 
    padding-left: 0; 
}

#accordion h4 {
	margin: 0px 0px 0px 0px;
    background: #ffffff !important;
    height: 40px !important;
    width: 212px;
}

#accordion h4:not(:first-child) {
    border-top: 1px dotted #D8D8D8;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-state-default {
	border: 0px solid #FFFFFF;
}

.btn-primary{
    height: 36px;
    width: 100px;
}

.resetSearch{
	background: #ffffff;
    padding : inherit;
    border-top: 1px dotted #D8D8D8;    
}

.keep-open-on-click{
	height: 0px;
    padding:0px;
}

#resetDiv{
    padding-right: 10px;
	background: #ffffff;
	box-shadow: 3px 3px 3px #999999;
	position: relative;    
}

.highcharts-yaxis-title{
	font-size: 13px;
	font-weight: 400px;
}

#sub-dropdown select{
	border: 1px solid #D3D3D3 !important;
}

#sub-dropdown select.sortseries{
    background-repeat: no-repeat;
    background-image: url("images/ascending.png");
    background-position: left;
    background-size: 16px 16px;
    padding-left: 16px;
}

#SortAscend {
    background: url("images/ascending.png") no-repeat left; 
    background-size: 16px 16px;
    padding-left: 16px;
}
#SortDescend{
    background: url("images/descending.png") no-repeat left;
    background-size: 16px 16px;
    padding-left: 16px;
}

#selectDeselectTbl tr{
	width: 133px;
    height: 22px !important;		
	padding: 0px !important;

	text-align: left;
    color: black;
    /*width: 200px;*/
    border: 1px solid gray;
}

#selectDeselectTbl td{
	min-width: 20px;
    height: 22px !important;		
	padding: 0px !important;

    vertical-align: middle !important;
}

#selectDeselectTbl td input{
	width: 15px;
}

#selectDeselectTbl td label{
	vertical-align: middle !important;
    text-align: right !important;
}

.loctrIconColor option:before{
    content: " ";
    height: 16px;
    width: 10px;
    background: #FFFFFF;
    display: inline-block;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
	top: -0.7em;
    bottom: -0.7em;
}

#filterListDiv{
	position: relative;
    height: 550px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-left: 10px;
}

#titleholder{
    font-weight: bold;
    text-align: center;
    width: 470px;
}

#filterListTbl td{
	min-width: 20px;
    height: 22px !important;		
	padding: 0px !important;		
}

#filterListTbl td input{
	width: 15px;
}

#filterListTbl td label{
	vertical-align: middle !important;
}

/*
 * Chart Parent div style
 */
#parentDataDisplay{
	padding: 5px 10px;
	width: 100%;
	border: 1px solid gray;
}

#parentDataDisplay .parentDataDisplayHeader{
	padding: 0 0 3px;
}

#parentDataDisplay .parentDataDisplayTitle{
	font-weight: bold;
}

#parentDataDisplay .parentDataDisplayBody{
}

#parentDataDisplay .parentDataDisplayStatList{
	
}

#parentDataDisplay .parentDataDisplayStatList li{
	display: inline-block;
    padding: 0 7px 0 0;
	position: relative;
    padding-left: 20px;
}

#parentDataDisplay .parentDataDisplayStatItemTitle{
}

#parentDataDisplay .parentDataDisplayStatItemValue{
	
}

#parentDataDisplay .color-box {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    position: absolute;
    left: 5px;
    top: 5px;
}

#vizTableFooter{
	font-size: 12px;
}

#vizTableFooter div{
	font-weight: 'bold'; 
	font-size: '12px';
	color: '#286090';
}

#vizLoader{
	width: 100%;
	text-align: center;
	margin: 50px 0 50px 0;
}

#vizLoader img{
    display: block;
    margin: auto;
}

#tableTitleHeader{
	color:#333333;
	font-size:18px;
	fill:#333333;
	text-align: center;
	padding: 15px;
}

#tableFooter, #disclaimer{
    font-size: 12px;
}

#messageFooter {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

#tableBranding{
    font-size: 14px;
    color: #286090;
    font-weight: bold;
}

.swapViz{
    padding-left: 35px;
    color: #404040;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
}

#swapToChartHeader, #swapToChartFooter{
	background-image: url("images/VizChartInactive.png");
	background-size: 30px; /*Graphics are little different*/
}

#swapToTableHeader, #swapToTableFooter {
	background-image: url("images/VizTableInactive.png");
	background-size: 25px;
}

#swapToChartHeader:hover, #swapToChartFooter:hover {
	background-image: url("images/VizChartActive.png");
	color: #286090;
}

#swapToTableHeader:hover, #swapToTableFooter:hover {
	background-image: url("images/VizTableActive.png");
	color: #286090;
}

@media print 
{
    @page { 
        size: auto;   /* auto is the initial value */ 

        overflow-x: visible !important;
        overflow-y: visible !important;
        overflow: visible !important;
        float: none !important;
        position: relative !important;
        width: auto !important;
    }

    body { 
        transform:scale(.93,.93);
        transform-origin: 40% 80%;
        -moz-transform: scale(1.1,1.1);
        -moz-transform-origin: top left; 
        zoom: 80%;
        font-size: 0.75em;

        overflow-x: visible !important;
        overflow-y: visible !important;
        overflow: visible !important;           
        float: none !important;
        position: relative !important;
        width: auto !important;        
    }

    *{ 
        overflow: visible !important;
        overflow-y: visible !important;#
    }
}

/* Modal header "X" button formatting */
.close {
    vertical-align: middle !important;
    font-size: 3.0em !important;
    font-weight: normal !important;
    color: #000; 
    opacity: 1;
    padding: 2px !important;
}


/*** DataTables ***/
#dyn_footer_tab {
    /* border: 1px solid #666 !important; */
    margin: 10px !important;
}

#footer_image {
   width: 330px;
   height: 80px;
   background-image:url('images/Black-lockup.jpg');
   background-size: 330px 80px;
}

.excelbtn  {
    background: url(images/fa-download.png) !important;
	background-color: Transparent !important;
   	background-repeat: no-repeat !important;
    border: none !important;
    overflow: visible !important;
    outline: none !important;
    width: 25px;
    height: 25px;
	background-size: 25px 25px !important;
    vertical-align: middle !important;
    padding: 8px 25px 8px 8px;
}

#swapToTableHeader  {
	background-color: Transparent !important;
   	background-repeat: no-repeat !important;
    border: none !important;
    overflow: visible !important;
    outline: none !important;
    width: 25px;
    height: 25px;
	background-size: 25px 25px !important;
    vertical-align: middle !important;
    padding: 13px 28px 3px 8px;
}

#swapToChartHeader  {
   	background-repeat: no-repeat !important;
    border: none !important;
    overflow: visible !important;
    outline: none !important;
    width: 30px;
    height: 30px;
	background-size: 30px 30px !important;
    vertical-align: middle !important;
    padding: 8px 30px 6px 8px;
}

.iconToolTip {
    position: relative;
    display: inline-block;
}

.iconToolTip span,
#btnOne .dt-buttons a.dt-button span{
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
	
    /* Position the tooltip */
    top: -5px;
    right: 115%; 
    position: absolute;
    z-index: 1;
}

#swapToChartHeader:hover span,
#swapToTableHeader:hover span,
#DownloadButton:hover span,
#btnOne .dt-buttons a:hover span{
    visibility: visible;
}


.iconToolTip span::after,
#btnOne .dt-buttons a:hover span::after{
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
}


.dataTables_wrapper { 
 font-family: Arial, Helvetics, sans-serif; 
 padding: 0; 
 margin: 0; 
 } 

#dttable {
 border-collapse: collapse; 
 font-family: Arial, Helvetics, sans-serif; 
 overflow: hidden; 
 z-index: 0; 
 border: 1px solid #666; 
 font-size: .9em; 
 } 

 thead tr th { 
 text-transform: uppercase;
 background: #EFEFEF; 
 border-right: 1px solid #b0b0b0; 
 } 
 tr th td { 
 background-color: #EFEFEF; 
 text-transform: uppercase; 
 color: #666666; 
 }
 caption { 
 text-align: center;
 /* text-transform: uppercase; */
 font-weight: bold; 
 font-size: 1.5em; 
 color: #444; 
 padding: 10px; 
 } 
 table.dataTable thead th.sorting_1 { 
 vertical-align: middle;
 background-image: none !important;
 }
 .sorting_asc, .sorting_desc { 
 background-color: #4693B8; 
 color: #fff; 
 }

 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { 
 color: #eee !important; 
 }

 .child tr>td:first-child { 
 font-weight: bold; 
 } 
 table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.display tbody tr.odd >.sorting_1, table.dataTable.display tbody tr.even >.sorting_1, tr:hover { 
 background: #eaf6fb; 
 z-index: -1;
 } 
 table.dataTable.display tbody td { 
 border-color: #fff; 
 color: #333;
 } 
 table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { 
 border-top: 1px solid #ddd; 
 border-right: 1px solid #ddd; 
 } 
 table.dataTable.cell-border tbody td { 
 text-align: right; 
 } 
 tbody tr th:first-child, tbody tr td:first-child { 
 padding-left: 10px; 
 text-align: left;
 font-weight: bold;
 }
/*
 tr:hover, tbody tr:hover > th, tr:hover > td:hover, tr:hover > table.dataTable.display tbody tr > td.sorting_1, tr:hover > td.sorting_1 { 
 background-color: #ffffcc !important; 
 }
*/
 tr:hover, tbody tr:hover > th { 
 background-color: #ffffcc !important;
 } 
 td:first-child { 
 /* border-left: 1px solid #b0b0b0;  */
 } 
 table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { 
 background-color: #F4F6F9; 
 } 
 table.dataTable.cell-border tbody td:last-child { 
 } 
 table.dataTable.cell-border tbody td:first-child, table.dataTable.cell-border tbody th:first-child { 
 border-left: 1px solid #b0b0b0; 
 } 

 .dataTables_filter input { 
 padding: 0px;  
 box-shadow: none; 
 transition: box-shadow 0.3s; 
 font-size: 1.2em; 
 } 

 .dataTables_filter label { 
 text-transform: uppercase;
 font-weight: bold !important; 
 color: #333; 
 font-size: .9em; 
 }
 .dataTables_length label {
 text-transform: uppercase;
 font-weight: bold !important; 
 color: #333; 
 font-size: .9em; 
 }

 .dataTables_paginate { 
 font-size:1em !important; 
 font-weight:normal !important; 
 text-transform:capitalize !important; 
 } 

 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, div.dataTables_paginate a.first:hover, div.dataTables_paginate a.previous:hover { 
 color: #FFF !important; 
 background-color: #0c6291 !important; 
 background: #0c6291; 
 text-decoration: none; 
 padding: 1px 2px; 
 outline: 0; 
 border: none; 
 border-radius: 0; 
 } 
 .dataTables_wrapper .dataTables_paginate .paginate_button, #data_table_previous, #data_table_next { 
 padding: 4px 8px; 
 outline: 0; 
 border: none; 
 border-radius: 0; 
 color: #1c6c96 !important; 
 background-color: #f2f2f2 !important; 
 background: #f2f2f2; 
 text-decoration: none; 
 } 
 .dataTables_wrapper .dataTables_paginate .paginate_button:hover, #data_table_previous:hover, #data_table_next:hover { 
 color: #fff !important; 
 background-color: #0c6291 !important; 
 background: #0c6291 !important; 
 } 
 div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before { 
 position: relative; 
 top: 0; 
 left: 0; 
 display: inline; 
 font-family: FontAwesome; 
 padding: 0 2px 0 0; 
 } 
 div.dataTables_paginate a.last:after, div.dataTables_paginate a.next:after { 
 position: relative; 
 top: 0; 
 left: 0; 
 display: inline; 
 font-family: FontAwesome; 
 padding: 0 0 0 2px; 
 } 
 .dataTables_wrapper .dataTables_paginate #data_table_previous.paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover { 
 color: #999 !important; 
 } 

 .dataTables_wrapper .dataTables_paginate { padding-top:.75em; } 

 select { 
 margin: 0 5px; 
 border: 1px solid #111; 
 background: transparent; 
 width: 60px; 
 padding: 5px; 
 font-size: 1em; 
 border: solid 2px #0287B4; 
 height: 34px; 
 }
/*
 * Customize drop down
 */
#customizeMenuButton{
    border: medium none;
    text-align: center;
}

/* Grey hover appears from some other css clash*/
#customizeMenuButton:hover,
#customizeMenuButton:focus, 
#customizeMenuButton.focus, 
#customizeMenuButton:active, 
#customizeMenuButton.active, 
.open > .dropdown-toggle#customizeMenuButton {
	background-color: #fff;
}


#customizeMenuButton span{
	color: #045fb4;
    line-height: 15px;
}

#customizeMenuButton .customizeIcon{
    font-size: 1.8em;
    font-weight: bold;
    line-height: 15px;
}

#customizeMenuButton .customizeText{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 0 10px;
}

.customizeDropdownMenu .dropdown-menu{
    border: 0 none;
    border-radius: 0;
    box-shadow: 3px 3px 3px #999999;
    overflow: auto;
    width: 250px;
}

/*
 * Customize menu accordion
 */
 
#customizeMenuOptions .customizeMenuOptionHeader{
	border-bottom: 1px solid #d0d0d0;
    font-size: 1em;
    margin: 5px 5px 5px 3px;
    color: #212121;
}

#customizeMenuOptions .ui-icon { 
	display: none; 
}

#customizeMenuOptions .ui-accordion-icons {
    padding-left: 10px;
}


#customizeMenuOptions .customizeMenuOptionBody{
	border-bottom: 1px solid #d0d0d0;
	padding: 3px;
	font-size: .9em;
	max-height: 300px;
    min-height: 100px;
    /*overflow: auto;*/
}

/*
 * Customize menu reset button
 */
 
#customizeMenuReset {
    line-height: 20px;
    padding: 15px 0 10px;
    text-align: center;
    vertical-align: middle;
}

#customizeMenuReset button {
    background-color: #ffffff;
    border: 1px solid #045fb4;
    border-radius: 2px;
    color: #045fb4;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 15px;
    width: 120px;
}

/*
 * Customize menu sort area
 */
 
#customizeMenuOptions .vizSelectWrapper{
	margin: 10px;
}

#customizeMenuOptions .vizSelectWrapper select{
	width: 100%;
	cursor: pointer;
	padding: 3px 1px 3px 5px;
}
    
/*
 * Customize menu label filters
 */
#customizeMenuFilterSelectAllOptions{
    padding: 0 0 0 20px;
}
 
#customizeMenuLabelFilterOptions{
    padding: 0 0 0 20px;
    text-transform: capitalize;
	overflow-y: scroll;
	height: 150px;
} 

#customizeMenuLabelFilterOptions div label, #customizeMenuFilterSelectAllOptions div label{
    font-size: 13px;
    display: inline;
    cursor: pointer;
    font-family: Verdana,Arial,sans-serif; /* to override the active class that ref prev*/
	vertical-align: bottom;
}

#customizeMenuLabelFilterOptions div label input, #customizeMenuFilterSelectAllOptions div label input{
	width: 15px;
    height: 15px;
    cursor: pointer;
}

/*
 * Customize menu range filters
 */
#vizMenuRangeFilterValDiv{
    color: #045fb4;
    font-weight: bold;
    margin: 0 20px 10px;
    padding: 10px 5px 25px;
}

#vizMenuRangeFilterDiv{
	margin: 0 15px 10px;
    padding: 10px 0 15px;
}

#vizMenuRangeFilterDiv{
	margin: 0 15px 10px;
    padding: 10px 0 15px;
} 

#vizMenuRange{
	border: 1px solid #808080;
} 

.customizeMenuSubmit {
    line-height: 20px;
    padding: 15px 0 10px;
    text-align: center;
    vertical-align: middle;
}

.customizeMenuSubmit button {
    background-color: #045fb4;
    border: 1px solid #045fb4;
    border-radius: 2px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    padding: 7px 15px;
    width: 120px;
}