/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/theme/styles/index.scss ***!
  \***********************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/components/Layout/layout.css ***!
  \****************************************************************************************************************/
 /* Header */
 body, html {
    font-weight: 400
}

/*Hotjar custom settings*/

._hj_feedback_container ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right 
._hj-21t0-__MinimizedWidgetMiddle__label{
 background-color: #038DA8 !important;   
}

#_hj_feedback_container button{
    background-color: #038da8 !important;
 }


a.nav-link .nav-item a {
    color: #336699;
    font-size: 13px;
}

.dc-main-navigation .nav-item a {
    color: #336699 !important;
    font-size: 13px;
}

.dc-main-navigation .navbar-toggler svg {
    color: #757575 !important;
    width: 15px !important;
    height: 24px !important;
}

.dc-main-navigation .nav-item:nth-child(-n+5) a:after {

    padding-left: 8px;
    color: #EA8C00;
}

@media only screen and (min-width:768px) {
    .dc-main-navigation .nav-item:nth-child(-n+4) a:after {
        content: '|';
    }

    li.nav-item:nth-child(5) a {
        padding-left: 3px !important;
    }

}

.dc-main-navigation .nav-item a {
    padding: 5px 4px !important;
}

li.nav-item:nth-child(n+6) a {
    padding-left: 8px;
}

.dc-main-navigation .nav-item a:hover {
    color: #369 !important;
    background-color: transparent !important;
}

.nav {
    align-items: center;
}

.header {
    padding: 18px;
}

.navbar-toggler-icon {
    background-image: require("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Footer */
.footer {
    background-color: #EEEEEE;
    height: 100px;
    width: 100%;
}

.footer_content {
    font-size: 13px;
    color: #222222;
    font-size: 13px;
}

.footer_content a {
    color: #222 !important;
}


.footer_content a:hover {
    color: #038DA8 !important;
}

@media screen and (max-width: 767px) {
    .footer_content {
        padding-bottom: 15px;
        text-align: center;
    }

    .footer {
        padding: 20px 0px 0px 0px;
        height: auto !important;
    }
}

.navbar {
    background: #fff;

}

.navbar.p-4 {
    position: relative;
}

.nav-menu-pipe {
    color: #EA8C00 !important;
}

@media (min-width: 992px) {
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        overflow: hidden !important;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #D6D6D6
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #9C9C9C
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.dc-search-sidebar-options select {
    background: require('./img/DropdownIcon.svg') no-repeat right;
    -webkit-appearance: none;
    background-position-x: 97% !important;
    background-position: center right;
}

.dc-datatable-header .dc-page-size-options select {
    background: require('./img/DropdownIcon.svg') no-repeat right;
    background-position-x: 85% !important;
    padding: 0 10px;
    background-position: center right;
    -webkit-appearance: none;
}

.search-page-sizer-input {
    background: require('./img/DropdownIcon.svg') no-repeat right;
    -webkit-appearance: none;
    background-position-x: 85% !important;
    background-position: center right;
    min-width: 60px;
    padding: 0 7px;
}

.breadcrumb {
    background-color: transparent !important;
    margin-top: 16px;
    padding: .75rem 0rem;
}

.breadcrumb a, .breadcrumb-item {
    font-size: 14px !important;
}

.breadcrumb {
    background: url(84aa99ac6269db9bd13e.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px !important;
}

@media only screen and (max-width: 767px) {
    .navbar-collapse {
        position: absolute;
        width: calc(100% + 30px);
        top: 16px;
        background: rgb(255, 255, 255);
        left: -15px;
        padding: 14px;
        box-shadow: 0 0 2px #ddd;
        border-radius: 2px;
    }

    .dc-toggle {
        position: absolute;
        top: -50px;
        right: 0px;
    }

    nav.container-fluid.navbar.navbar-expand-md {
        width: 100%;
    }

    .dc-main-navigation {
        width: 100%;
    }

    .dc-main-navigation .nav-item a {
        padding: 10px 4px !important;
    }

    .dc-main-navigation .nav-item a, a.nav-link .nav-item a {
        font-size: 14px;
    }
}

.breadcrumb-item+.breadcrumb-item:before {
    float: inherit !important;
    color: #fff !important

}

li.breadcrumb-item {
    display: inline !important;
}

.breadcrumb {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .dc-main-navigation .navbar-expand-md {
        padding: 0 !important;
    }
}

main {
    min-height: calc(100vh - 212px);
}

.layout{
   max-width: 100% !important;
}

/*!***********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/rc-slider/assets/index.css ***!
  \***********************************************************************************************************************/
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/react-bootstrap-table-next/dist/react-bootstrap-table2.min.css ***!
  \***********************************************************************************************************************************************************/
.react-bootstrap-table table{table-layout:fixed}.react-bootstrap-table th.sortable{cursor:pointer}.react-bootstrap-table th .order>.dropdown>.caret{margin:10px 0 10px 5px;color:#ccc}.react-bootstrap-table th .order>.dropup>.caret{margin:10px 0;color:#ccc}.react-bootstrap-table th>.react-bootstrap-table-sort-order>.caret{margin:10px 6.5px}.react-bootstrap-table th .order-4:before{margin-left:3.5px;content:"\2191";opacity:.4}.react-bootstrap-table th .order-4:after{content:"\2193";opacity:.4}.react-bootstrap-table th .caret-4-asc:before{margin-left:3.5px;content:"\2191"}.react-bootstrap-table th .caret-4-asc:after{content:"\2193";opacity:.4}.react-bootstrap-table th .caret-4-desc:before{margin-left:3.5px;content:"\2191";opacity:.4}.react-bootstrap-table th .caret-4-desc:after{content:"\2193"}.react-bootstrap-table th[data-row-selection]{width:30px}.react-bootstrap-table td>.selection-input-4,.react-bootstrap-table th>.selection-input-4{margin:-4px}.react-bootstrap-table td.react-bs-table-no-data{text-align:center}.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated{animation-fill-mode:both}.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.bounceIn,.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.bounceOut{animation-duration:.75s}.react-bootstrap-table td.react-bootstrap-table-editing-cell .animated.shake{animation-duration:.3s}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,50%,90%{transform:translate3d(-10px,0,0)}30%,70%{transform:translate3d(10px,0,0)}}.react-bootstrap-table td.react-bootstrap-table-editing-cell .shake{animation-name:shake}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.react-bootstrap-table td.react-bootstrap-table-editing-cell .bounceIn{animation-name:bounceIn}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.react-bootstrap-table td.react-bootstrap-table-editing-cell .bounceOut{animation-name:bounceOut}.react-bootstrap-table .reset-expansion-style{padding:0}.react-bootstrap-table .row-expansion-style{padding:8px}.react-bootstrap-table .row-expand-slide-appear{max-height:0;overflow:hidden}.react-bootstrap-table .row-expand-slide-appear-active{max-height:1000px;transition:max-height 3s linear}.react-bootstrap-table .row-expand-slide-exit{max-height:1000px}.react-bootstrap-table .row-expand-slide-exit-active{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0,.95,0,.95)}
/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/leaflet/dist/leaflet.css ***!
  \*********************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(cab155b6ee25ecd4541b.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(64859daad6c1e719d2b3.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(871deead6fbe28d9b668.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/react-leaflet-markercluster/dist/styles.min.css ***!
  \********************************************************************************************************************************************/
.marker-cluster-small{background-color:rgba(181,226,140,0.6)}.marker-cluster-small div{background-color:rgba(110,204,57,0.6)}.marker-cluster-medium{background-color:rgba(241,211,87,0.6)}.marker-cluster-medium div{background-color:rgba(240,194,12,0.6)}.marker-cluster-large{background-color:rgba(253,156,115,0.6)}.marker-cluster-large div{background-color:rgba(241,128,23,0.6)}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px "Helvetica Neue", Arial, Helvetica, sans-serif}.marker-cluster span{line-height:30px}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s ease-in;-moz-transition:-moz-transform 0.3s ease-out, opacity 0.3s ease-in;-o-transition:-o-transform 0.3s ease-out, opacity 0.3s ease-in;transition:transform 0.3s ease-out, opacity 0.3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;-moz-transition:-moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;-o-transition:-o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;transition:stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/templates/Banner/Banner.css ***!
  \***************************************************************************************************************/
/* Banner CSS */
h1 {
    font-size: 40px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 14px;
}

.banner_container {
    padding: 20px 14px;
    height: 290px;
    display: flex;
    align-items: center;
    color: #fff;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
    margin-bottom: 38px;
    margin-left: 20px;
    margin-right: 20px;
}

/* .banner_container:after {
    top: 150px;
    left: 50%;
    opacity: 1;
    width: 100%;
    background-color: #F9F9F9;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: skew(-87.2deg, 2deg);
    transform: skew(-86.1deg, 2deg);
    z-index: 1;
    position: absolute;
    content: "";
    height: 100%;
} */

.banner_overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(3 141 168 / 76%);
    z-index: 0;
    cursor: pointer;
    user-select: none;
}

.banner_content {
    max-width: 100%;
    line-height: 1.8;
    color: black;
}

.banner_content a {
    color: black;
    text-decoration: underline;
}

.banner_content a:active,
.banner_content a:visited {
    color: black !important
}
/* 
.banner_content a:active,
.banner_content a:visited {
    color: #fff !important;
} */

.banner_title {
    font-weight: 700;
    color: black;
}

h3.banner_subtitle {
    font-weight: 500;
    line-height: 1.5;
    color: black;
}

.download_data {
    max-width: 370px;
    margin-left: auto;
}

.download_data_head {
    background: #E6E6E6;
    height: 30px;
    color: #222222;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 5px 15px;
    width: 154px;
    position: relative;
}

.download_data_head p {
    font-weight: 400;
}

.download_data_head:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 30px;
    background: #e6e6e6;
    top: 0;
    right: -11px;
    transform: skew(34deg, 0deg);
}

.download_data_body {
    background: #ffffff;
    padding: 0px 18px;
    border: 1px solid #EEEEEE;
    border-radius: 0px 6px 6px 6px;
    box-shadow: 2px 4px 10px -2px #cacaca;
}

.download_items {
    display: flex;
    align-items: center;
    padding: 18px 0px;
}

.download_items:nth-child(2) {
    border-top: 1px solid #ddd;
}

.download_lt_icon {
    padding-right: 15px;
}

.dwBtn {
    width: 47px;
    height: 23px;
    border-radius: 4px;
    font-size: 13px;
    padding: 0;
}

.button_type_xlsx,
.button_type_xlsx:focus,
.button_type_xlsx:visited {
    border: none !important;
    box-shadow: none !important;
    background-color: #70CFBC !important;
}

.button_type_csv,
.button_type_csv:focus,
.button_type_csv:visited {
    border: none !important;
    box-shadow: none !important;
    background-color: #CF7070 !important;
}

.button_type_txt,
.button_type_txt:focus {
    border: none !important;
    box-shadow: none !important;
    background-color: #cfb670 !important;
}

.button_type_txt:visited {
    border: none !important;
    color: white !important;
    box-shadow: none !important;
    background-color: #cfb670 !important;
}

.button_type_txt:hover {
    border: none !important;
    color: #0978bc !important;
    box-shadow: none !important;
    background-color: #cfb670 !important;
}

.button_type_pdf,
.button_type_pdf:focus,
.button_type_pdf:visited {
    border: none !important;
    box-shadow: none !important;
    background-color: #81c784 !important;
}



.button_type_xlsx {
    background: #70CFBC;
    margin-right: 10px;
    width: 47px;
    height: 23px;
    border-radius: 4px;
    font-size: 13px;
    padding: 0;
    line-height: 1.6;
}

.button_type_csv {
    background: #CF7070 !important;
    margin-right: 10px;
    width: 47px;
    height: 23px;
    border-radius: 4px;
    font-size: 13px;
    padding: 0;
    line-height: 1.6;
}

.button_type_txt {
    background: #cfb670 !important;
    margin-right: 10px;
    width: 47px;
    height: 23px;
    border-radius: 4px;
    font-size: 13px;
    padding: 0;
    line-height: 1.6;
}

.button_type_pdf {
    background: #81c784 !important;
    margin-right: 10px;
    width: 47px;
    height: 23px;
    border-radius: 4px;
    font-size: 13px;
    padding: 0;
    line-height: 1.6;
}


.download_item_title {
    color: #222222;
    padding-bottom: 2px;
}

body .download_item_title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222222 !important;
}

.download_more {
    text-align: right;
    /* margin-top: 12px; */
    margin-bottom: 12px;
}

.download_more_link {
    color: #336699 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.zIndex2 {
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .banner_content {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .banner_container {
        padding: 15px;
        height: auto;
    }

    h1 {
        font-size: 24px;
    }

    h3 {
        font-size: 16px;
    }

    .banner_content {
        max-width: 100%;
    }

    .banner_container:after,
    .banner_overlay {
        width: 200%;
        height: 117%;
    }

    .banner_container:after {
        transform: skew(-72.1deg, 2deg);
    }


}

.bann_con {
    padding-top: 10px;
    padding-bottom: 10px;
}
#bannerAnchor {
    color:rgb(10, 9, 9) !important;
}

#bannerAnchor:hover{
   color: #3f51b5 !important;
}
/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/theme/styles/_variables.scss ***!
  \****************************************************************************************************************/

$backgroundColor:   #f9fafb;
$borderColor:       #dce4ef;
$primaryDark:       #162e51; 
$primary:           #06639D; 
$primaryLight:      #27AAE1; 
$primaryDust:       #dce4ef; 
$secondaryDark:     #EAC200; 
$secondary:         #FFD666; 
$secondaryLight:    #FFFAEE; 
$grayDark:          #323A45;
$grayMedium:        #A7AAAC;
$grayLight:         #dddddd;
$grayDust:          #eeeeee;
$headingColor:      #003366;
$textColor:         #3B3B3B;
$linkColor:         #0A77BD;
$linkHoverColor:    #003366;
$navBarBackgroundColor: #0978bc;
$navBarLink:        #FFFFFF;
$navBarLinkActive:  #FFFFFF;
$navBarLinkHoverBack:   #002245;
$navBarLinkActiveBack:  #305e92;
$navBarLinkActiveHoverBack: #f2d13c;
$navBarLinkActiveHover: #FFFFFF;
$heroBackgroundColor: #0A77BD;
$heroTextColor:     #FFFFFF;
$heroHeadingColor:  #FFFFFF;
$footerBackgroundColor: #162e51;
$footerText:        #FFFFFF;
$footerLink:        #FFFFFF;
$footerLinkHover:   #FFFFFF;
$fontText: 'Rubik','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
$fontHeading:'Rubik Bold','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
$info:          #16A2B7;
$warning:       #FEC108;
$danger:        #DB3545;
$success:       #28A645;
$csvIcon:       #0b4498;
$rdfIcon:       #e36504;
$jsonIcon:      #005051;
$pdfIcon:       #e0051e;
$xmlIcon:       #5e962c;
$zipIcon:       #3B0053;
$htmlIcon:      #1c82b8;
$dataIcon:      #666666;

/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/theme/styles/general.scss ***!
  \*************************************************************************************************************/
html {
  /*Convert font size to base 10 for easier calculations (1rem = 10px)*/
  font-size: 62.5%;
}
body {
  font-weight: 400;
  font-family: 'Open Sans', sans-serif !important;
  h1,h2,h3,h4 {
    font-family: 'Open Sans', sans-serif !important;
  }
}

/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/theme/styles/_variables.scss (1) ***!
  \********************************************************************************************************************/

$backgroundColor:   #f9fafb;
$borderColor:       #dce4ef;
$primaryDark:       #162e51; 
$primary:           #06639D; 
$primaryLight:      #27AAE1; 
$primaryDust:       #dce4ef; 
$secondaryDark:     #EAC200; 
$secondary:         #FFD666; 
$secondaryLight:    #FFFAEE; 
$grayDark:          #323A45;
$grayMedium:        #A7AAAC;
$grayLight:         #dddddd;
$grayDust:          #eeeeee;
$headingColor:      #003366;
$textColor:         #3B3B3B;
$linkColor:         #0A77BD;
$linkHoverColor:    #003366;
$navBarBackgroundColor: #0978bc;
$navBarLink:        #FFFFFF;
$navBarLinkActive:  #FFFFFF;
$navBarLinkHoverBack:   #002245;
$navBarLinkActiveBack:  #305e92;
$navBarLinkActiveHoverBack: #f2d13c;
$navBarLinkActiveHover: #FFFFFF;
$heroBackgroundColor: #0A77BD;
$heroTextColor:     #FFFFFF;
$heroHeadingColor:  #FFFFFF;
$footerBackgroundColor: #162e51;
$footerText:        #FFFFFF;
$footerLink:        #FFFFFF;
$footerLinkHover:   #FFFFFF;
$fontText: 'Rubik','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
$fontHeading:'Rubik Bold','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
$info:          #16A2B7;
$warning:       #FEC108;
$danger:        #DB3545;
$success:       #28A645;
$csvIcon:       #0b4498;
$rdfIcon:       #e36504;
$jsonIcon:      #005051;
$pdfIcon:       #e0051e;
$xmlIcon:       #5e962c;
$zipIcon:       #3B0053;
$htmlIcon:      #1c82b8;
$dataIcon:      #666666;

/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/components/Resource/resource.scss ***!
  \*********************************************************************************************************************/
.dc-datatable-header {
  position: relative;
  display: flex;
  align-content: stretch;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 1.4rem;
  .dc-page-size-options {
    label {
      display: inline-block;
      margin: 0 5px 0 0;
      font-size: 1.4rem;
    }
    select {
      display: inline-block;
      max-width: 80px;
      width: auto;
      height: 32px;
      border: 1px solid $grayLight;
      background: white;
    }
  }
  .density-buttons {
    display: inline-block;
    button[type="button"] {
      padding: 6px;
      margin: -1px;
      border: 1px solid $grayLight;
      background: white;
      &:first-of-type {
        margin-left: 8px;
        border-radius: 5px 0 0 5px;
      }
      &:last-of-type {
        border-radius: 0 5px 5px 0;
      }
    }
  }

  .data-table-results {
    min-width: 170px;
    p {
      margin-bottom: 0;
    }
  }

  .dc-modal-open-button {
    position: relative;
    display: inline-block;
    background: white;
    border-radius: 5px;
    border: 1px solid $grayLight;
    padding: 8px 16px;
  }

  .table-header-rows-per-page {
    span {
      font-weight: 400;
    }
  }
  .table-header-select select {
    border: 1px solid $grayLight;
  }
  .table-controls {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 85%;
  }
  .fullscreen-button {
    border: none;
    background-color: transparent;
    height: 40px;
    vertical-align: middle;
  }
}

@media screen and (max-width: 768px) {
  .dc-datatable-header,
  .data-table-density {
    display: block;
    & > div {
      margin: 5px 0;
    }
    .dc-modal-open-button {
      width: 100%;
    }
  }
}

/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/templates/FeaturedDatasets/featureddatasets.scss ***!
  \************************************************************************************************************************************/
.dc-featured-datasets {
  padding-top: 80px;
  padding-bottom: 60px;
  ol {
    display: flex;
    align-items: flex-start;
    align-content: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    list-style: none;
    padding: 0;
  }
  li {
    width: 30%;
  }
  h2.dc-featured-title {
    text-align: center;
    display: block;
    margin-bottom: 30px;
  }
  // Override default styles.
  .search-list-item {
    background: none;
    border: none;
    border-radius: none;
    padding: 0;
    h2 {
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 768px) {
    li {
      width: 100%;
    }
  }
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/templates/LeafletData/leaflet.scss ***!
  \**********************************************************************************************************************/
*,
*:before,
*:after {
    box-sizing: border-box;
}

/*  Container */

.dflex {
    display: flex;
}

.programStatus .rmsc .dropdown-heading .dropdown-heading-value {
    display: flex !important;
}



.customdrawer-paper .MuiDrawer-paperAnchorRight {
    width: 25%;
}

.customdrawer-paper .ListItems {
    display: flex;
    flex-direction: column;
    padding-left: 29px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
    overflow-y: scroll;
}

.customdrawer-paper .button-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
    margin-bottom: 20px;
}

.customdrawer-paper .button-container>button {
    margin-right: 15px;
}

.selectcolumns {
    display: flex;
    flex-direction: row-reverse;
}

.spaceBetween {
    justify-content: space-between;
}

.alignCenter {
    align-items: center;
}

.justifyEnd {
    justify-content: flex-end;
}

.w-100 {
    width: 100%;
}

.leaflet-div-icon {
    background: transparent;
    border: none;
}

/* Map Search */

.map_container {
    position: relative;
    margin-bottom: 1px !important;
}

.search_form_container {
    width: 420px;
    /* width: 100%; */
    /* background: #fff; */
    /* box-shadow: 0 0 14px #ddd; */
    padding: 40px;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-90.5%, -50%);
    z-index: 999;
    transition: all 0.8s;
}

.search_form_container.active,
.advanced_search_container.active {
    transform: translate(0%, -50%);
    transition: all 0.8s;
}

.advanced_search_container {
    width: 100%;
    padding: 40px;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-97.25%, -50%);
    z-index: 999;
    transition: all 0.8s;
}

.advanced_search_container.active .advanceseachContainer_div {
    transform: translate(0) !important;
}

.advanced_search_container.active .advanced_container {
    opacity: 1;
}

.form_control:focus-visible {
    outline: none !important;
    border: 2px solid #038da8;
}

.relative {
    position: relative;
}

.SearchIcon {
    position: absolute;
    right: 6px;
    top: 6px;
}

.quickSearch_Box {
    padding-right: 36px !important;
}

.advanced_container {
    position: relative;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 14px #ddd;
    opacity: 0;
    transition: opacity 1s;
    padding-right: 15px !important;
}

.advance_search_clearicon {
    margin-top: -3px;
    margin-right: 7px;
}

.advanceseachContainer_div {
    position: relative;
}

.form_control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

.formGroup {
    padding-bottom: 16px;
}

.search_box_title {}

.link {
    color: #038da8;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.textRight {
    text-align: right;
    font-size: 14px;
}

.searchBtn {
    height: 36px;
    background-color: #038da8;
    color: #fff;
    display: block;
    border: none;
    border-radius: 4px;
    padding: 5px 15px;
}

.advanced_search_link {
    color: #336699;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.search_container .formGroup:nth-child(8) {
    text-align: right;
}

.search_container {
    /* display: none; */
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 14px #ddd;
    position: relative;
}

.AdvanceSearchBtn {
    min-width: 100px;
}

.search_container .formGroup:nth-child(2),
.advanced_search_container .formGroup:nth-child(2) {
    text-align: right;
}

.advance_title_formGroup {}

.clear_search.link {
    font-size: 14px !important;
    cursor: pointer;
    display: inline;
    color: #336699 !important;
}

.advance_clear_search {
    color: #038da8 !important;
    background: #e5f3f6 !important;
    padding: 4px 15px;
    border-radius: 4px;
}

.advanceClear {
    margin-right: 26px;
}

.backto_project_search {
    color: #336699 !important;
    padding-top: 8px;
}

.search_box_title.link {
    color: #038da8 !important;
    font-weight: 600 !important;
    cursor: auto !important;
}

.downloadBtn_text {
    color: #fff !important;
    font-weight: 600 !important;
    cursor: auto !important;
    display: flex;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 10px;
}

.searchTextmsg {
    font-weight: 500 !important;
    cursor: auto !important;
    padding-top: 35px;
    padding-bottom: 15px;
    padding-left: 0px !important;
}

.select-columnTitle {
    color: #038da8 !important;
    font-weight: 700 !important;
    cursor: auto !important;
}

.advance_search_link {
    color: #336699 !important;
}

.leaflet-container {
    height: 600px !important;
    border: 1px solid #d4dadc;
}

.visualize_data_head {
    background: #e6e6e6;
    height: 52px;
    color: #222222;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 5px 28px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-right: 4px solid white;

}

.visualize_data_head_last {
    background: #e6e6e6;
    height: 52px;
    color: #222222;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 5px 28px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;

}

.visualize_data_head.active {
    background: #038da8;
}

.visualize_data_head_last.active {
    background: #038da8;
}

.visualize_data_head.active h3 {
    color: #fff;
}

.visualize_data_head_last.active h3 {
    color: #fff;
}

.visualize_data_head h3 {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 22px;
    color: #9a9a9a;
}

.visualize_data_head_last h3 {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 22px;
    color: #9a9a9a;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.table {
    margin-bottom: 0rem !important;
}

thead {
    background: #eeeeee;
}



@media only screen and (max-width: 1199px) {
    .table th {
        position: sticky;
        top: 0;
        border-bottom: 1px solid #e6e6e6 !important;
        background: #eee;
    }

    .react-bootstrap-table {
        display: block;
        width: 100%;
        max-height: 400px !important;
        overflow: unset !important;
    }
}

.react-bootstrap-table table {
    table-layout: auto !important;
}

.react-bootstrap-table  {
    overflow-x: scroll !important;
    width: 100%;
}



.table th {
    padding: 13px 15px;
    color: #222222;
    font-size: 15px;
}

.table td {
    padding: 10px 15px;
    font-size: 13px;
    color: #555555;
    font-weight: 400;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: none !important;
}

.table-bordered td,
.table-bordered th {
    border-bottom: 1px solid #e6e6e6 !important;
    border: none;
    cursor: pointer;
}

.rmsc .dropdown-container {
    border-radius: 0px !important;
}

.rmsc .dropdown-container {
    height: 36px !important;
}

.rmsc .dropdown-heading {
    height: 34px !important;
}

.dropdown-heading-value {
    font-size: 14px !important;
}

.rmsc .dropdown-container:focus-within {
    box-shadow: #038da8 0 0 0 1px !important;
    border-color: #038da8 !important;
}

.customContainer {
    display: flex;
    float: right;
}

.bootstrapTableContainer {
    display: flex;
    margin-bottom: 85px;
    max-height: 400px !important;

}

.downloadBtn {
    height: 36px;
    background-color: #fff;
    color: #038da8;
    display: block;
    border: none;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    display: inline-flex;
    align-items: center;
    float: right;
}

.allDatadownloadBtn {
    height: 36px;
    background-color: #038da8;
    color: #fff;
    display: block;
    border: none;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    float: right;
}

.allDatadownloadBtnContainer {
    display: flex;
    justify-content: center;
}

.columnSettingsBtn {
    height: 36px;
    background-color: #038da8;
    color: #fff;
    display: block;
    border: none;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    float: right;
}

.disableBtn {
    height: 36px;
    background-color: #a4c8ce;
    color: #fff;
    display: block;
    border: none;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    float: right;
}

.downloadIcon {
    margin-right: 10px;
}

.collapse_conatiner {
    position: absolute;
    right: -25px;
    top: 0px;
    background: #fff;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 25px;
    cursor: pointer;
}

.search_form_container.active .search_container {
    opacity: 1;
}

.search_form_container.active .collapse_conatiner img,
.advanced_search_container.active .collapse_conatiner img {
    transform: rotate(180deg);
}

.seachContainer_div {
    position: relative;
}

.search_form_container.active .seachContainer_div {
    transform: translate(0) !important;
}

.search_container {
    opacity: 0;
    transition: opacity 1s;
}

.sortable span {
    float: right;
}

@media screen and (max-width: 767px) {
    .seachContainer_div {
        transform: translateX(-100%) !important;
    }

    .advance_Search_actions {
        margin-right: 2px;
    }

    .search_form_container {
        min-width: 295px !important;
        max-width: 295px !important;
        padding: 0px;
        left: 0%;
        transform: translate(0%, -50%);
        padding-right: 16px !important;
    }

    .advanced_search_container {
        padding: 0px;
        padding-right: 16px !important;
    }
}

@media screen and (max-width: 576px) {
    .advanced_search_container {
        transform: translate(-94.5%, -50%);
    }

    .visualize_data_head {
        height: 35px;
        font-size: 12px !important;
    }

    .visualize_data_head_last {
        height: 35px;
        font-size: 12px !important;
    }

    .visualize_data_head h3 {
        font-size: 12px !important;
    }

    .visualize_data_head_last h3 {
        font-size: 12px !important;

    }
}

.sortable span {
    position: relative;
    height: 22px;
}

.react-bootstrap-table th .caret-4-asc:before,
.react-bootstrap-table th .caret-4-desc:before,
.react-bootstrap-table th .order-4:before {
    background-image: require("../../templates/LeafletData/img//up.svg") !important;
    background-repeat: no-repeat;
    content: "" !important;
    position: absolute;
    top: 3px;
    left: -11px;
    width: 10px;
    height: 10px;
    margin-left: 0px !important;
}

.react-bootstrap-table th .caret-4-asc:after,
.react-bootstrap-table th .caret-4-desc:after,
.react-bootstrap-table th .order-4:after {
    background-image: require("../../templates/LeafletData/img/down.svg") !important;
    background-repeat: no-repeat;
    content: "" !important;
    position: absolute;
    bottom: -3px;
    left: -11px;
    width: 10px;
    height: 10px;
    margin-left: 0px !important;
}

.leaflet-map-home {
    position: absolute;
    right: 13px;
    top: 43px;
    z-index: 9999;
    border: none !important;
    background: #fff;
    width: 30px;
    height: 28px;
    line-height: 13px;
}

.leaflet-map-home1 {
    position: absolute;
    right: 13px;
    top: 43px;
    z-index: 999;
    border: none !important;
    background: #fff;
    width: 30px;
    height: 28px;
    line-height: 13px;
}


.marker-cluster-large div,
.marker-cluster-large,
.marker-cluster-small div,
.marker-cluster-small,
.marker-cluster-medium div,
.marker-cluster-medium {
    background-color: rgba(3, 141, 161, 0.6) !important;
}

.marker-cluster span {
    color: #fff !important;
}

.range_input_div {
    display: flex;
    align-items: center;
    height: 30px;
    justify-content: space-between;
    margin-bottom: 5px;
}

input.range_input {
    height: 24px;
    width: 100%;
    border: 1px solid #ccc;
    font-size: 13px;
    color: #3b3b3b;
    padding: 0 10px;
    overflow: auto;
}

input.range_input:last-child {
    margin-left: 16px;
    text-align: right;
}

@media only screen and (min-width: 768px) {
    input.range_input.year {
        max-width: 40% !important;
    }

    .advanced_search_container {
        width: 95%;
    }
}

input.range_input:focus-visible {
    outline: none;
    border: 2px solid #038da8;
}

.range_label {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px !important;
}

.rc-slider-rail,
.rc-slider-track {
    height: 10px !important;
}

.rc-slider-handle {
    width: 17px !important;
    height: 17px !important;
    margin-top: -4px !important;
    border: 1px solid #b7b7b7 !important;
}

.rc-slider {
    width: 96% !important;
    margin: auto;
}

.rc-slider-track {
    background-color: #038da8 !important;
}

.rc-slider-handle-dragging {
    box-shadow: "rgb(3 141 168) 0px 0px 4px 2px !important";
}

.rmsc .select-item.selected {
    background: #fff !important;
}

.rmsc .select-item {
    font-size: 14px !important;
}

.rmsc .item-renderer {
    align-items: center !important;
}

.rmsc .select-item:focus,
.rmsc .select-item:hover {
    background-color: #f1f3f5 !important;
}

.rmsc .item-renderer input {
    margin-right: 10px !important;
}

.rmsc .select-item {
    padding: 10px 12px !important;
    margin-bottom: 0px !important;
}

.advanced_search_options {
    height: 291px;
    padding-right: 15px;
}

.advance_Search_actions {
    padding-top: 30px;
}

.advance_Search_actions .formGroup {
    padding-bottom: 0px !important;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    box-shadow: 0px 0px 5px #038da8 !important;
}

.rmsc .clear-selected-button {
    display: none !important;
}

svg.dropdown-search-clear-icon.gray {
    position: absolute;
    z-index: 1;
    right: 35px;
    top: 5px;
}

svg.dropdown-search-clear-icon.gray line {
    color: #aaa;
}

.aboutData_container {
    padding: 32px 0px;
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.Downloaddata_container {
    border: 3px solid white;
    border-width: initial;
    margin-bottom: 50px;
    padding-top: 65px;
    padding-bottom: 25px;

}

.aboout_body_text {
    font-size: 15px;
    color: #222222;
    line-height: 28px;
}

.aboout_body_text_download {
    font-size: 16px;
    color: #222222;
    line-height: 28px;
    text-align: center;
}

.about_list {
    padding-inline-start: 0px;
}

.about_list_none {
    padding-inline-start: 0px;
}

.about_list_black {
    padding-inline-start: 0px;
}

.about_list li {
    margin-left: 18px;
}

.about_list_none li {
    margin-left: 18px;
}

.about_list_black li {
    margin-left: 18px;
}

.inline {
    display: inline;
}

.aboout_subtitle {
    color: #555555;
    font-size: 16px;
}

.aboout_title {
    color: #038da8;
    font-weight: bold;
    font-size: 24px;
}

.about_link {
    color: #336699;
}

.about_img {
    max-width: 100%;
}

.about_list {
    list-style: none;
}

.about_list_none {
    list-style: none;
}

.about_list_black {
    list-style: none;
}

.about_list li::before {
    content: "\2022";
    color: #038da8;
    font-weight: bold;
    display: inline-block;
    width: 1.1em;
    font-size: 18px;
    margin-left: -18px;
}

.about_list_none li::before {
    color: #038da8;
    font-weight: bold;
    display: inline-block;
    width: 1.1em;
    font-size: 18px;
    margin-left: -18px;
}

.about_list_black li::before {
    content: "\2022";
    color: #05171b;
    font-weight: bold;
    display: inline-block;
    width: 1.1em;
    font-size: 18px;
    margin-left: -18px;
}

.data_header_panels {
    display: flex;
    border-bottom: 1px solid #ddd;
}

.textCenter {
    text-align: center;
}

@media only screen and (min-width: 1400px) {
    .lghide {
        display: none;
    }

    .lgshow {
        display: block;
    }

    .w-lg-95 {
        width: 95%;
    }

    .col-cus-lg-7 {}

    .col-cus-lg-7 {}
}

@media only screen and (max-width: 1400px) {
    .lghide {
        display: block;
    }

    .lgshow {
        display: none;
    }
}

.leaflet-touch .leaflet-bar a:first-child {
    margin-bottom: 28px !important;
}

.leaflet-touch .leaflet-bar a:last-child {
    border-top: 1px solid #ccc !important;
}

.container-loader {
    height: 600px;
    width: 100%;
    position: absolute;
    background: #ffffff85;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-loader1 {
    height: 530px;
    width: 100%;
    position: absolute;
    background: #ffffff85;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px !important;
}

.container-loader2 {
    height: 100%;
    width: 80%;
    position: absolute;
    background: #ffffff85;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;

}

.container-loader3 {
    height: 900px;
    width: 100%;
    position: absolute;
    background: #ffffff85;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px !important;
}

.container-loader4 {
    height: 900px;
    width: 510%;
    position: absolute;
    background: #ffffff85;
    z-index: 99999;
    right: -101%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner-border {
    width: 6rem !important;
    height: 6rem !important;
    border: 0.25em solid #038da8 !important;
    border-right-color: transparent !important;
}


.modalCheckbox label,
.options label {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
    font-size: 14px !important;
}

.modalCheckbox input:checked,
.options input:checked {
    border: none !important;
    background-color: #038da8 !important;
}

.modalCheckbox input[type="checkbox"],
.options input[type="checkbox"] {
    margin-right: 8px !important;
}

.modalCheckbox input,
.options input {
    height: 20px !important;
    width: 20px !important;
    flex-shrink: 0 !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    border: 1px solid grey !important;
    border-radius: 3px !important;
    outline: none !important;
    transition-duration: 0.3s !important;
    cursor: pointer !important;
}

.modalCheckbox input:checked:before {
    content: "\2713" !important;
    display: block !important;
    text-align: center !important;
    color: #fff !important;
    position: absolute;
    left: 5px !important;
    top: 4px !important;
}

.options input:checked:before {
    content: "\2713" !important;
    display: block !important;
    text-align: center !important;
    color: #fff !important;
    left: 17px !important;
    top: 10px !important;
}

.rmsc .dropdown-heading .dropdown-heading-value {
    padding-right: 20px;
}

span.caret-4-asc {
    margin-left: 3px;
}

.rmsc.multi-select {
    cursor: pointer;
}

.about_section {
    margin-bottom: 55px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

@media only screen and (min-width: 768px) {
    .advance_Search_actions {
        padding-right: 20px !important;
    }
}

body a:focus,
body a:hover,
body a:visited {
    color: #0978bc;
}

.Question_Icon {
    margin-left: 8px;
    cursor: pointer;
}

.advanceModal.modal {
    display: block !important;
    z-index: 999999;
}

.advanceModal.modal .modal-dialog {
    padding: 35px !important;
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    margin: 0;
}

.advanceModal.modal .modal-dialogAlert {
    padding: 35px !important;
    position: absolute;
    left: 50%;
    width: 35%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    margin: 0;
}

.advanceModal1.modal .modal-dialog1 {
    padding: 35px !important;
    position: absolute;
    left: 50%;
    width: 47%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    margin: 0;
}

.advanceModal .modal-dialog {
    max-width: 65%;
    border-radius: 0px;
    background: #fff;
}

.advanceModal .modal-content {
    border-radius: 0px;
    border: none;
}

.advanceModal .modal-body {
    max-height: calc(100vh - 270px);
    overflow-y: auto;
}

.advanceModal .modal-header {
    padding: 0px;
    padding-bottom: 15px;
    border-bottom: transparent;
}

.advanceModal .modal-title {
    font-size: 18px;
    color: #038da8;
    font-weight: 600;
}

.advanceModal .modal-body {
    padding: 22px 0px 15px;
}

.advanceModal .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgba(10, 10, 10, 0.45);
}

.advanceModal .modal-content {
    border-radius: 0;
}

.advanceModal .modal-text {
    padding-bottom: 22px;
    padding-right: 10px;
    font-size: 15px;
    color: #717171;
}

.modal-text:last-child {
    padding-bottom: 0px !important;
}

@media only screen and (max-width: 1024px) {
    .advanceModal .modal-dialog {
        max-width: 80%;
    }
}

.text-field-icon {
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 10px;
}

.text-field-icon_close {
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 6px;
}


.text-field-icon.l1 {
    right: 35px;
    top: 5px;
    color: #aaa;
}

.cardImgContainer {
    display: flex;
    justify-content: center;
    height: 60px;
    width: 22%;
    height: 22%;
    padding: 5%;
    float: left;
    background: #9e9e9e1a;
    border-radius: 40px;
}

.cardImgContainer>img {
    height: 41px;
    width: 36px;
}

.cardTitle {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

.cardButton {
    display: flex;
    justify-content: center;

}

.cardButton1 {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-left: 50px;
}

.cardTitle .title {
    font-size: larger;
    font-weight: 600;

}

.cardList>li {
    list-style: circle;
    color: #038da8;

}



.cardHeader {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}

.cardFooter {
    display: flex;
    justify-content: center;
    padding-top: 24px;
}

.cardButton .Button {
    height: 36px;
    background-color: #038da8;
    color: #fff;
    display: block;
    border: none;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

.cardButton1 .Button {
    height: 36px;
    background-color: #038da8;
    color: #fff;
    display: block;
    border: none;
    margin-right: 10px;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 895px) {
    .cardImgContainer {
        display: flex;
        justify-content: center;
        height: 60px;
        width: 35% !important;
        height: 25% !important;
        padding: 5%;
        display: block;
        float: left;
        background: #9e9e9e1a;
        border-radius: 40px;
    }
}

@media only screen and (max-width: 520px) {
    .cardImgContainer {
        display: flex;
        justify-content: center;
        height: 60px;
        width: 24% !important;
        height: 25% !important;
        padding: 5%;
        display: block;
        float: left;
        background: #9e9e9e1a;
        border-radius: 40px;
    }
}

@media only screen and (max-width: 425px) {
    .cardImgContainer {
        display: flex;
        justify-content: center;
        height: 60px;
        width: 23% !important;
        height: 38% !important;
        padding: 5%;
        display: block;
        float: left;
        background: #9e9e9e1a;
        border-radius: 40px;
    }
}

@media only screen and (max-width: 1025px) {
    .container-loader2 {
        height: 100%;
        width: 90% !important;
        position: absolute;
        background: #ffffff85;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;

    }
}

.container-loader2 {
    height: 100%;
    width: 80%;
    position: absolute;
    background: #ffffff85;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;

}


#cardLinkButton {
    color: #fff !important;
    text-decoration: underline;
}

#card-link {
    color: white !important;
    text-decoration: underline;
}



.banner_container1 {
    padding: 20px 14px;
    height: 150px;
    display: flex;
    align-items: center;
    color: #fff;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
    margin-bottom: 38px;

}



.banner_overlay1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #038da8c2;
    z-index: 0;
    cursor: pointer;
    user-select: none;
}

#abouthomeLink {
    color: #fff !important;
}

.bootstrapTableContainer .MuiPaper-rounded-6 {
    position: relative;
    display: block;
    width: 100%;
    overflow-x: auto;
    max-height: 400px !important;
    overflow-y: scroll;
}

.bootstrapTableContainer .MuiInputBase-root-87 {
    flex-direction: row-reverse;
}

.bootstrapTableContainer .MuiInputAdornment-root-104 {
    margin: unset;
}

.bootstrapTableContainer .MuiSvgIcon-root {
    fill: #aeb4bd !important;
    width: 27px;
    height: 20px;


}

.bootstrapTableContainer .MuiTableCell-body-42 {
    font-size: 13px;
    color: #555555;
    padding-right: unset;
    font-weight: 400;
}

.bootstrapTableContainer .MuiFormControl-root-70 {
    border: 1px solid #bbb8b8;
    border-bottom: white;

}

@media screen and (max-width: 767px) {
    .exportTabaleDataDiv {
        padding: unset;
        display: flex !important;
        justify-content: center !important;
    }

    .exportBtn {
        margin-bottom: 10px !important;
        justify-content: center !important;
        width: 75% !important;

    }

    .columnsSettingsDiv {
        padding: unset;
        display: flex !important;
        justify-content: center !important;
    }

    .cusstomsettingBtn {

        margin-bottom: 20px;
        justify-content: center;
        width: 75%;
        margin-top: 10px !important;
    }

    .react-bootstrap-table th.sortable {
        min-width: 200px !important;
        position: sticky;
        top: 0px;
        background-color: #eeeeee;
    }

    .cusstomsettingBtn {
        margin-right: 0px !important;
    }

    .customdrawer-paper .MuiDrawer-paperAnchorRight {
        width: 60% !important;
    }

    .banner_container1 {
        padding: 15px;
        height: auto;
    }

    .map_container {
        margin-top: 400px;
    }

    .aboutData_container {
        padding: 32px 0px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .banner_container1:after,
    .banner_overlay {
        width: 200%;
        height: 117%;
    }

    .banner_container1:after {
        transform: skew(-72.1deg, 2deg);
    }

    .footerbutton {

        padding-right: 64px;
    }

    .advanced_search_options {
        overflow: scroll;
    }

    .bootstrapTableContainer th .order-4:before {
        left: -11px !important;

    }

    .bootstrapTableContainer th .order-4:after {
        left: -11px !important;

    }
}

.bootstrapTableContainer .filter-label {
    border-top: 1px solid #dcc8c8;
    border-bottom: 1px solid #d6d6cc;
    padding-top: 10px;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    /* margin-left: 10px; */
    margin-bottom: 0px !important;
    margin-top: 15px;
}

.bootstrapTableContainer th {
    padding-left: unset;
    padding-right: unset;
    text-align: center;
    padding-bottom: unset;
}



.bootstrapTableContainer .sr-only {
    display: none;
}

.FilterSearch {
    background-repeat: no-repeat;
    background-position: 96% 55%;
    padding-right: 25px;
}

.exportBtn {
    white-space: nowrap;
    height: 36px;
    background-color: #038da8;
    margin-left: 50px;
    color: #fff;
    display: block;
    border: none;
    border-radius: 4px;
    padding: 5px 8px;
    margin-top: 30px;
    margin-bottom: 40px;
    display: inline-flex;
    align-items: center;
    float: right;
}

.cusstomsettingBtn {
    white-space: nowrap;
    height: 36px;
    background-color: #038da8;
    ;
    color: #fff;
    display: block;
    border: none;
    border-radius: 4px;
    padding: 5px 20px;
    margin-top: 30px;
    margin-bottom: 40px;
    display: inline-flex;
    align-items: center;
    float: right;
}

@media screen and (max-width: 768px) {
    .map_container {
        margin-top: 400px;
    }

    #card1 {
        margin-top: 20px;
    }

    .exportBtn {
        margin-right: 72px !important;
        white-space: nowrap;
        height: 36px;
        background-color: #038da8;
        ;
        color: #fff;
        display: block;
        border: none;
        margin-right: 10px;
        border-radius: 4px;
        padding: 5px 8px;
        margin-top: 30px;
        margin-bottom: 40px;
        display: inline-flex;
        align-items: center;
        float: right;
    }
}

@media screen and (min-width: 1024px) {

    .exportBtn {
        white-space: nowrap;
        height: 36px;
        background-color: #038da8;
        ;
        color: #fff;
        display: block;
        border: none;
        margin-right: 10px;
        border-radius: 4px;
        padding: 5px 8px;
        margin-top: 30px;
        margin-bottom: 40px;
        display: inline-flex;
        align-items: center;
        float: right;
    }
}

@media screen and (max-width: 425px) {

    .tableBtns .MuiButton-containedSizeLarge {
        padding: 7px 19px;
        margin-right: 10%;
    }

    .container-loader4 {
        height: 900px;
        width: 140% !important;
        top: -70% !important;
        position: absolute;
        background: #ffffff85;
        z-index: 99999;
        right: -20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .advanceModal.modal .modal-dialogAlert {
        padding: 35px !important;
        position: absolute;
        left: 50%;
        width: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        margin: 0;
    }


    .banner_container {
        background-position: 75% 80% !important;
    }

    .bann_con {
        margin: unset !important;
    }

    .banner_content {
        background: #ffffffa1;
        padding-left: 22px;
        border-radius: 10px;
        padding-right: 22px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .advanceMap .markercluster-map {
        height: 700px !important;
    }

    .advanceMap .advanced_container {
        margin-top: 100px !important;
    }


    .programStatus .rmsc .dropdown-heading .dropdown-heading-value {
        display: block !important;
    }

    #card1 {
        margin-top: 20px;
    }

    .cardFooter {
        text-align: center;
    }

    .exportBtn {
        margin-right: 0px !important;
        margin-left: 0px !important;
        white-space: nowrap;
        height: 36px;
        background-color: #038da8;
        ;
        color: #fff;
        display: block;
        border: none;
        margin-right: 10px;
        border-radius: 4px;
        padding: 5px 8px;
        margin-top: 30px;
        margin-bottom: 40px;
        display: inline-flex;
        align-items: center;
        float: right;
    }
}

.customdrawer-paper .listItem {
    background-repeat: no-repeat;
    background-position: 94% 69%;
    cursor: pointer;
}



.customdrawer-paper .outerbox {
    border: 1px solid #e6e5e5;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-right: 15px;
    margin-top: 15px;
}

.react-bootstrap-table th.sortable {

    min-width: 200px !important;
    position: sticky;
    top:0px;
    background-color: #eeeeee;
}



.listItem .MuiSvgIcon-root {
    width: 20px !important;
    height: 20px !important;
}

.exportTabaleDataDiv {
    padding: unset;
}

.columnsSettingsDiv {
    padding: unset;
}

.button-container .MuiButton-label {
    font-size: 12px;
}

.customdrawer .MuiDrawer-paper {
    overflow-y: hidden !important;
}

.City .multi-select .dropdown-content {
    overflow: hidden !important;
    position: absolute !important;
    z-index: 9999 !important;
    max-height: 250px;
}

.City .multi-select .dropdown-content .panel-content {
    height: 100%;
}

.City .multi-select .dropdown-content .panel-content .select-panel {
    height: 100%;
}

.City .rmsc ul {
    max-height: 180px !important;

}

.County .multi-select .dropdown-content {
    position: absolute !important;
    z-index: 9999 !important;
    height: 180px !important;
}

.County .multi-select .dropdown-content .panel-content {
    height: 100% !important;
}

.County .multi-select .dropdown-content .panel-content .select-panel {
    height: 100% !important;
}


.County .rmsc ul {
    max-height: 130px !important;
}



.programType .multi-select .dropdown-content {
    overflow-y: hidden !important;
    z-index: 9999 !important;
    max-height: 125px !important;
}

.programType .multi-select .dropdown-content .panel-content {
    height: 100% !important;
}

.programType .multi-select .dropdown-content .panel-content .select-panel {
    height: 100% !important;
}

.programType .rmsc ul {
    max-height: 86px !important;
}

.programSubtype .multi-select .dropdown-content {
    bottom: 38px;
    top: unset;
}

.programSubtype .rmsc ul {
    height: 180px;
}

.programStatus .rmsc .dropdown-content {
    bottom: 40px !important;
    top: unset
}


.QuicksearchButton {
    padding-bottom: 0px !important;
    padding-top: 30px !important;
}

.selectAll {
    display: flex;
    justify-content: space-between;
    padding: 3px;
}

.clearAll {
    color: #038da8 !important;
    padding-right: 12px;
}

.selectAllcheck input:checked {
    border: none !important;
    background-color: #038da8 !important;
}

.modal-body .MuiButton-label {
    font-size: 12px;
}

.bootstrapTableContainer .filter-label {
    width: 100%;
}

.backdrop {
    background-color: rgb(131, 103, 103) !important;
}



.nextBtn {
    background: gray;
    font-size: 15px;
    border-radius: 14px;
    padding: 4px;
    border: none !important;
}

.tableBtns {
    display: flex;
    position: absolute;
    width: 87%;
    justify-content: flex-end;
}

.tableBtns .MuiButton-label {
    font-size: 11px;
}

.tableBtns .atag {
    margin-right: 10%;
}

@media screen and (max-width: 1430px) {

    .tableBtns .atag {
        margin-right: -4%;
    }
}

.dataLoader {
    position: sticky;
    top: 100%;
    background: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.vscroll .MuiLinearProgress-barColorPrimary {
    background-color: #87CEEB !important;
}

.vscroll .MuiLinearProgress-root {

    top: -63px;
    height: 5px;
    padding: 3px;
}

.customdrawer-paper{
    z-index: 13000 !important;
}

.hover-underline {
  text-decoration: none;
}
 .hover-underline:hover {
  text-decoration: underline;
}

/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./src/theme/styles/index.scss (1) ***!
  \***************************************************************************************************************/