.categorySection{
    background: #FFFFFF;
    /* border: 1px solid #612E2E; */
    /* margin-top: 5px; */
    font-size: 0.95rem;
    text-align: left;
    padding: 15px 12.7rem 15px 15px;
    position: relative;
    min-height: 600px;
}
.categorySection::before {
    content: "";
    background-image: url(/sites/default/files/bg-gradient-rght.png);
    background-repeat: no-repeat;
    width: 13.7rem;
    height: 100%;
    position: absolute;
    right: -85px;
    top: 45px;
    margin-top: -30px;
}

.category{
	/* display: inline-block; */
	/* width: 49%; */
	/* text-align: center; */
}

.subCategory{
	display: inline-block;
	/* width: 100%; */
	/* background-color: rgb(255, 255, 255); */
	height: 200px;
	vertical-align: top;
	padding: 15px;
	overflow-y: auto;
	margin: 10px 0;
	/* border: 1px solid #EAEAEA; */
	border-radius: 5px;
	color: #000000;
	box-shadow: 0 2px 3px 1px #f1f1f1;
}

#subCat::-webkit-scrollbar {
    width: 0.9em;
}
 
#subCat::-webkit-scrollbar-track {
    #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	*border-radius: 10px;
}
 
#subCat::-webkit-scrollbar-thumb {
  *background-color: rgba(230, 230, 230, 0.59);
  background-color: #CFCFCF;
  outline: 0px solid #bbb;
}

.subCategoryLayerList{
	/* display: inline-block; */
	/* width: 100%; */
	/* width: 49%; */
	/* background-color: rgb(249, 249, 249); */
	height: 300px;
	vertical-align: top;
	padding: 15px;
	overflow-y: auto;
	text-align: left;
	margin: 10px 0;
	/* border: 1px solid #EAEAEA; */
	border-radius: 5px;
	color: #000000;
	box-shadow: 0 2px 3px 1px #f1f1f1;
}

#subCatLayers::-webkit-scrollbar {
    width: 0.9em;
}
 
#subCatLayers::-webkit-scrollbar-track {
    #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	*border-radius: 10px;
}
 
#subCatLayers::-webkit-scrollbar-thumb {
  *background-color: rgba(230, 230, 230, 0.59);
  background-color: #CFCFCF;
  outline: 0px solid #bbb;
}

.catDiv{
    display: inline-block;
    margin: 5px 10px 20px 5px;
    padding: 5px 15px;
    color: #a7a7a7;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.6rem;
}

.subCatDiv{
    *
    display: inline-block;
    /* background: #276898; */
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
    /* color: #0074BD; */
    cursor: pointer;
}

.catDivActive{
    /* background: #E2E2E2 !important; */
    color: #06A879;
    font-weight: bold;
    /* padding-left: 3px; */
}

.layerDiv{
    display: inline-block;
    background: #247D91;
    margin: 5px;
    padding: 3px 7px 3px 7px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

.layerDivActive{
    /* background: #E2E2E2 !important; */
    color: #06A879;
    font-weight: bold;
    /* padding-left: 3px; */
}

.layerRow{
	  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	  padding: 3px;
	  /* color: #0074BD; */
	  /* border-bottom: 1px solid rgba(0, 0, 0, 0.18); */
}

.layerName{
	display: inline-block;
	/* background: #ccc; */
	padding: 2px;
	border-radius: 3px;
	margin-right: 5px;
	width: 80%;
	font-family: sans-serif;
}

.addLayer{
	display: inline-block;
	/* background: #666; */
	padding: 3px;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: top;
	/* float: right; */
	/* color: #0074BD; */
	width: 100%;
}

.subCategoryLayersSelected{
	display: inline-block;
	width: 44%;
	background-color: rgba(221, 236, 244, 1);
	height: 200px;
	vertical-align: top;
	padding: 5px;
	overflow-y: scroll;
	text-align: left;
	background-color: rgba(237, 237, 237, 1);
}

#selectedLayersDiv::-webkit-scrollbar {
    width: 0.9em;
}
 
#selectedLayersDiv::-webkit-scrollbar-track {
    #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	*border-radius: 10px;
}
 
#selectedLayersDiv::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
  outline: 0px solid #bbb;
}

.layerInfoFrame{
	width: 66%;
	margin-left: 13px;
	vertical-align: top;
	margin-top: 10px;
}

#layerInfo{
	width: 100%;
	height: 100%;
	border: 0;
}

#instructToSelect{
	/* height: 200px; */
	width: 100%;
	background-color: #F5F5F5;
	margin-top: 30px; 
	padding: 10px 0 10px 0;
	font-size: 1em;
	text-align: center;
}

#layerInfo::-webkit-scrollbar {
    width: 0.9em;
}
 
#layerInfo::-webkit-scrollbar-track {
    #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	*border-radius: 10px;
}
 
#layerInfo::-webkit-scrollbar-thumb {
  *background-color: rgba(230, 230, 230, 0.59);
  background-color: #CFCFCF;
  outline: 0px solid #bbb;
}

.user-guide {
    /* width: 100%; */
    padding: 10px;
    background-color: #f7f7f7;
    margin-top: 7%;
    color: #929292;
    font-weight: 400;
    border-radius: 5px;
}

/* Drupal customized css */

.tabs{
	display: none !important;
}

#breadcrumb{
	display: none !important;
}

h1#page-title{
	display: none;
}

/* Drupal customized css end */

.catDiv.catDivActive {
    /* background: #E2E2E2 !important; */
    color: #06A879;
    font-weight: bold;
    border-bottom: 3px solid #06A879;
    /* padding-left: 3px; */
}

#subCat::-webkit-scrollbar, #subCatLayers::-webkit-scrollbar{
    width: 0.4rem;
    height: 0.6rem;
}
#subCat::-webkit-scrollbar-track, #subCatLayers::-webkit-scrollbar-track{
    background: none;
    /* border: 1px solid #e0e0e0; */
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); */
}
#subCat::-webkit-scrollbar-thumb, #subCatLayers::-webkit-scrollbar-thumb{
    background-color: #EFEFEF;
    outline: 0px solid #696969;
}
#subCat::-webkit-scrollbar-thumb:hover, #subCatLayers::-webkit-scrollbar-thumb:hover{
    background-color: #b1b0b0;
}
.data-selectors{
	display: none;
	margin: 30px 0 15px 0;
	font-weight: bold;
	color: #969696;
}