.no-pad {
    padding: 0 !important;
}

.pointer {
    cursor: pointer;
}

.pad {
    padding: 10px;
    box-sizing: border-box;
}

.top-pad {
    padding-top: 10px;
}

.left-pad {
    padding-left: 10px;
}

.right-left-padding {
    padding: 0 10px;
}

.top-bottom-padding {
    padding: 10px 0;
}

.bottom-pad {
    padding-bottom: 10px;
}

.right-pad {
    padding-right: 10px;
}

.no-margin {
    margin: 0 !important;
}

.margin {
    margin: 10px;
}

.top-margin {
    margin-top: 10px;
}

.left-margin {
    margin-left: 10px;
}

.bottom-margin {
    margin-bottom: 10px;
}

.right-margin {
    margin-right: 10px;
}

.right-left-margin {
    margin: 0 10px;
}

.top-bottom-margin {
    margin: 10px 0;
}

.top-bottom-auto-margin {
    margin: 10px auto;
}

.bg-white {
    background: #fff;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-black {
    color: #000;
}

.text-faded {
    color: rgba(0, 0, 0, 0.54)
}

.text-white {
    color: #fff;
}

.text-blue {
    color: #369;
}

.text-red {
    color: #b23;
}

.text-primary {
    background: #369;
}

.text-danger {
    background: #b23;
}

.text-warning {
    background: rgb(218, 147, 17);
}

.text-success {
    background: rgb(30, 230, 11);
}

.text-secondary {
    background: #323232;
    color: #fff;
}

.btn {
    padding: 5px 10px;
    border: none;
    color: #fff;
}

.btn-primary {
    background: #369;
}

.btn-danger {
    background: #b23;
}

.btn-warning {
    background: rgb(218, 147, 17);
}

.btn-success {
    background: rgb(30, 230, 11);
}

.btn-secondary {
    background: #323232;
    color: #fff;
}

.right-float {
    float: right;
}

.left-float {
    float: left;
}

.left-text {
    text-align: left;
}

.right-text {
    text-align: right;
}

.block {
    display: block;
}

.text-normal {
    font-size: 1em;
}

.text-small {
    font-size: .8em;
}

.text-x-small {
    font-size: .7em;
}

.text-xx-small {
    font-size: .6em;
}

.text-xxxx-small {
    font-size: .5em;
}

.text-x-large {
    font-size: 1.2em;
}

.text-xx-large {
    font-size: 1.4em;
}

.text-xxx-large {
    font-size: 1.6em;
}

.border {
    border: 1px solid #323232;
    box-sizing: border-box;
}

.no-border {
    border: none;
}

.width100 {
    width: 100%;
}

.no-list {
    list-style: none;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.radius {
    border-radius: 10px;
}

.mw-100 {
    max-width: 100%;
}

.img-responsive {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

#search-btn{
    padding: 7px;
}
.beetween{
    color: black;
    
    font-size: 2rem;
}
.esri-search {
    width: 100%!important;
}
.esri-search__submit-button{
	background-color: #336699;
    border-radius: 0px;
    color: white;
}
#police-station{
	color:black;
}
.info-heading{
	border-radius:0px;
}
.sugetion{
	color:black;
	position: absolute;
    background-color: #fff;
    width: 18%;
	box-shadow: 0 0 7px 1px #ccc;
	z-index:2;
}
#sugetionautocomplete-list div{
	padding: 7px;
    border: 0.5px solid #e5e5e5;
	cursor:pointer;
}
.clear{
	text-align:right;
	margin-bottom: 5px;
}
.panel-heading{
	font-weight:Bold;
	text-align:center;
	font-size:16px;
}
#my-location{
	color: black;
    text-align: center;
    box-shadow: 0 0 7px 1px #ccc;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
	display:none;
}
.zoom-btn{
	margin-left:5px;
	margin-bottom:10px;
	color:#000;
}

.close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    background-color: #f0f0f0;
    margin: auto;
    padding: 5px;
    text-align: center;
    color: #2e2e2e;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    z-index: 2;
    right: 29px;
    top: 3px;
	display:none;
}
.close-icon:after{
	 content: "X";
}