.wrap-outer {
	display:inline-block!important;
}

.dropdown_long {
	width:475px;
	cursor: pointer;
}

.dropdown_medium {
	width:294px;
	cursor: pointer;
}

.dropdown_small {
	width:100px;
	cursor: pointer;
}

.options_div{
	vertical-align:middle;
}

.options_button_div{
	vertical-align:middle;
	padding:5px;
}

.center_btn {
	margin-bottom:2px!important;
}

.btn-info.addall {
	background-image:url("../images/add_all.gif");
	background-repeat:no-repeat;
	background-position:7px 8px;
	width:130px;
	text-align:left;
}
.btn-info.add {
	background-image:url("../images/add.gif");
	background-repeat:no-repeat;
	background-position:7px 8px;
	width:130px;
	text-align:left;
}
.btn-info.remove {
	background-image:url("../images/remove.gif");
	background-repeat:no-repeat;
	background-position:7px 8px;
	width:130px;
	text-align:left;
}
.btn-info.removeall {
	background-image:url("../images/remove_all.gif");
	background-repeat:no-repeat;
	background-position:7px 8px;
	width:130px;
	text-align:left;
}

.form-horizontal .control-label {
	width:20%!important;
}

.form-horizontal .controls {
	margin-left:20%!important;
}

#waitDiv
{
    opacity:0.5;
    background-color:#000;
    color:#fff;
    z-index:9999;
    height:100%;
    max-height:100%!important;
    min-height:100%!important;
    width:100%;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
}

.loader {
	position: fixed; top: 46%; left: 48%; z-index: 9999; padding:5px 10px; background-color:#fff; border:1px solid #ccc; border-radius:5px;
}

.actions_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	display: inline-block;
}

.actions_li {
	display: inline;
	margin-right: 10px;
}

.modify_search {
	float:left;
}

.graph {
	float: right;
	margin-top: 3px;
}

.boxInfos{
	padding: 5px 0 5px 0 !important;
	margin-top: 0px;
	margin: 10px 0 10px 0!important;
	font-size: 12px;
	width: 100%;
	align-items: center;
	display:inline-block;
	background-color: #f6f6f6;
  	border: 1px solid #cfcfcf;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	-o-border-radius: 3px;
  	border-radius: 3px;
  	-webkit-transition: all 0.2s ease-out;
  	-moz-transition: all 0.2s ease-out;
  	-ms-transition: all 0.2s ease-out;
  	-o-transition: all 0.2s ease-out;
 	transition: all 0.2s ease-out;
}

.clear:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.tabInfos {
	float: left;
	width: 48%;
	border: 0;
}

.tabInfos th {
	text-align: right;
}


.scroller{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	overflow-y: scroll;
	height: 500px;
	width:250px;
}

.search_result {
/* 	overflow-X: scroll;
    max-width:95%;
    max-height:80%; */
    margin-top: 1px;
    position: relative;
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	.wrap-outer {display: flex!important;}
	#table_div div{position:absolute!important;width:100%!important;}
	
[role="contentinfo"] li:first-child {border-top: none!important;}
[role="contentinfo"] li {border-bottom:none!important;font-size: 1.28rem;padding: 0 0 0 11px;}


}


@media only screen and (min-width: 320px) {
	
}

.graph_table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: gray;
}

.graph_td {
	display: table-cell;
	vertical-align: top;
}

.button{
	cursor: pointer;
}

input[type="checkbox"] {
	margin: 0 3px 0 0!important;
	display: inline-block;
}

label {
	display: inline-block!important;
	margin-bottom:0!important;
	font-size:12px!important;
}

span {
	display:block;
}

.modify_search_bt {font-size:12px; margin-top: 10px; padding:0px; display: block;}


/* common css */
.float_l{float:left}
.float_r{float:right}
.clr{ clear:both;}

.marg_t10{margin-top:10px}
.marg_min10{margin-top:-10px}
.mgr_r5{margin-right:5px}
.hgt_65{height:65px}
.wd40p{ width:50%}
.wd100p{ width:100%}

.boxInfos .wd40p{width:40% !important}
.boxInfos .wd40p ul{ list-style:none; padding:0 0 0 10px;}
.boxInfos .wd40p ul li{list-style:none; font-size:11px;}
.boxInfos .wd40p ul li label{ margin-right:5px; font-weight:bold; text-align:right; width:40%; min-width:193px; font-size:12px; float:left}
.boxInfos .wd40p ul li p{ padding:0; margin:0; font-weight:normal; text-align:left; width:100%;font-size:12px;min-width:265px;}

.boxInfos .wd60p{width:60% !important}
.boxInfos .wd60p ul{ list-style:none;}
.boxInfos .wd60p ul li{list-style:none; font-size:11px;}
.boxInfos .wd60p ul li label{ margin-right:5px; font-weight:bold; text-align:right; width:13%;min-width:92px;font-size:12px; float:left}
.boxInfos .wd60p ul li p{ padding:0; margin:0; font-weight:normal; text-align:left; width:100%;font-size:12px;min-width:260px;}

.boxInfos .wd100p ul li label{ margin-right:5px; font-weight:bold; text-align:right; width:20%;min-width:92px;font-size:12px; float:left}
.boxInfos .wd100p ul li p{ padding:0; margin:0; font-weight:normal; text-align:left; width:100%;font-size:12px;min-width:265px;}

ul.columns li{height:65px;}
/* ul.nav-tabs li a{font-size:1.50rem !important;} */
/* ul.nav-tabs li a.tabs_red{font-size:1.50rem !important;color:red;} */

.ipst_lft_fltr{ padding:0; margin:0; background:#fafafa !important;}
.ipst_lft_fltr_opt_lst{ padding:0; margin:0;}
.ipst_lft_fltr_opt_lst .ttl{ line-height:12px; padding:5px; margin:0 0 10px !important; background:#e0e5ee !important; border:1px solid #afbad3 !important; font-size:14px !important; color:#405176 !important;}
.ipst_lft_fltr_opt_lst .ttl input.chk-filter{ float:left;}
.ipst_lft_fltr_opt_lst .ttl input.chk-filter[type="checkbox"] {background-color:#ccc; color: white;}


#scroll_a, #scroll_b, #scroll_c{height:167px !important; padding:0; margin-bottom:20px !important; border:0px; overflow:scroll; font-size:13px !important; font-family:Arial, Helvetica, sans-serif !important; color:#3d3d3d !important}
#scroll_a .alt-scroll-holder .alt-scroll-content .listing, #scroll_b .alt-scroll-holder .alt-scroll-content .listing, #scroll_c .alt-scroll-holder .alt-scroll-content .listing{ padding:0 0 3px !important; margin-left:4px !important; width:auto !important;white-space: nowrap !important;}


.styled-v-bar{ /* sample CSS class for a different vertical scrollbar look */
	background:	url(custom-scroll-bar.png) center top no-repeat;						
	width: 10px;
	margin-right: 0;
	margin-bottom: 4px;
}

.styled-v-bar ins{ /* Style for the "ins" inner element, or bottom of the scrollbar */ 
	display: block;
	background:	url(custom-scroll-bar.png) center bottom no-repeat;
	width: 10px;
	height: 4px;
	position: absolute;
	top: 100%;
}


/*
@media screen and (max-width: 980px) {
  .map-view{ width:650px !important;  overflow-x:scroll  !important;}
}
@media screen and (max-width: 800px) {
  .map-view{ width:500px;!important;  overflow-x:scroll  !important;}
}
@media screen and (max-width: 1280px) {
  .map-view{ width:735px;  overflow-x:scroll  !important;}
}
@media screen and (max-width: 1024px) {
  .map-view{ width:735px;  overflow-x:scroll  !important;}
}
@media screen and (max-width: 768px) {
  .map-view{ width:480px !important;  overflow-x:scroll  !important;}
}*/


.map-view{ position:relative; background:#fff;}

.map-legend{ padding:0; margin:0; position:absolute; left:20px; top:20px; z-index:999; }
.map-legend ul{ padding:0; margin:0; list-style:none}
.map-legend ul li{ padding:0; margin:0 0 2px; list-style:none; font-size:12px; line-height:12px;}
.map-legend ul li span{ padding:1px; margin:2px 5px 0 0; height:12px; width:12px; display:inline-block}

.map-legend ul li span.col_0{ background:#FFFF40}
.map-legend ul li span.col_1{ background:#C0FF00}
.map-legend ul li span.col_2{ background:#40FF00}
.map-legend ul li span.col_3{ background:#008080}
.map-legend ul li span.col_4{ background:#000080}

.sliderClass .google-visualization-controls-slider-horizontal {
  width:500px !important;
}

.sliderClass .google-visualization-controls-slider-thumb {
    border: 1px solid #14894e;
}

.sliderClass{
	margin-left: 170px;
}

div.google-visualization-controls-slider-horizontal {
position: relative;
float: left;
}
span.google-visualization-controls-rangefilter-thumblabel {
position: relative;
float: left;
}

.chart_filter{ width:100%; overflow:hidden;}
.chart_filter .ipst_lft_fltr.float_l{ width:20%; display:inline-block;}
.chart_filter .map-view.float_r{width:79%; display:inline-block; overflow:auto}

#tools .language-switcher .dropdown-menu li a{
	text-align:left !important;
}

#tools .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff; }
.medium #tools .dropdown-toggle .caret {
	margin-top: 12px;
	border-top-color: #fff;
	border-bottom-color: #fff; }	
  #tools .dropdown-toggle:hover .caret,
  #tools .dropdown-toggle:focus .caret {
	border-top-color: #005580;
	border-bottom-color: #005580; }

[dir="rtl"] .content .main, .content [role="main"] {
	
     width: 100%;
     margin-right: 0;
}

[dir="rtl"] .nav-tabs>li, [dir="rtl"] .form-horizontal .control-label {
	float: right;	
}

[dir="rtl"] .form-horizontal .controls .columns input{
	float: right;
}

[dir="rtl"] .form-horizontal .controls {
	margin-left: auto !important;
	margin-right: 20% !important;
}

[dir="rtl"] .btn-info.addall {
	background-image:url("../images/remove_all.gif");
}
[dir="rtl"] .btn-info.add {
	background-image:url("../images/remove.gif");
}
[dir="rtl"] .btn-info.remove {
	background-image:url("../images/add.gif");
}
[dir="rtl"] .btn-info.removeall {
	background-image:url("../images/add_all.gif");
}
[dir="rtl"] .modify_search {
	float: right;
}
[dir="rtl"] .graph {
	float: left;
}

[dir="rtl"] .boxInfos .wd40p ul li p {
    text-align: right;
}
[dir="rtl"] .boxInfos .wd40p {
    float: right;
}
[dir="rtl"] .boxInfos .wd40p ul li label {
    float: right;
    text-align: left;
    margin-right: 0px;
    margin-left: 5px;
}

[dir="rtl"] .boxInfos .wd60p ul li p {
    text-align: right;
}
[dir="rtl"] .boxInfos .wd60p {
    float: right;
}
[dir="rtl"] .boxInfos .wd60p ul li label {
    float: right;
    width: 16%;
    text-align: left;
    margin-right: 0px;
    margin-left: 5px;
}

[dir="rtl"] .boxInfos .wd40p ul {
    padding: 0 10px 0 0;
}

[dir="rtl"] .boxInfos .wd100p ul li label {
    float: right;
    padding-left: 10px;
    width: auto;
    min-width: auto;
}

[dir="rtl"] .boxInfos .wd100p ul li p {
    text-align: right;
}

[dir="rtl"] .boxInfos .wd100p ul {
    padding: 0 10px 0 0;
}

[dir="rtl"] .chart_filter .ipst_lft_fltr.float_l {
    float: right;
}

[dir="rtl"] .chart_filter .map-view.float_r {
    float: left;
}
[dir="rtl"] input[type="checkbox"] {
    margin: 0 0px 0 3px!important;
}
[dir="rtl"] .ipst_lft_fltr_opt_lst .ttl input.chk-filter {
    float: right;
}
[dir="rtl"] .alt-scroll-content {
	left: 0px;
	right: 14px;
}
[dir="rtl"] .sliderClass {
	margin-left: 0px;
    margin-right: 170px;
}