.left { float: left;}
.right { float: right;}
.black {color:black !important}
.card-title {
    color: green !important
}
.card-header{
    background-color: transparent !important;
    border-bottom: none !important
}
.card  { border:none !important}
.font-13{ font-size:13px;}

.map-panel {
    width: 408px;
    position: absolute;
    top: 0;
    z-index: 3;
    opacity: 0;
    height: 0;
    left: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    transition-property: -webkit-transform,transform,opacity;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.0,0.0,0.2,1);
}
.map-pane-visible {
    opacity: 1;
    height: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    background: #fff;
}
.map-pane-content, .map-pane-content-shim {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
@media (hover: hover){
    .scrollable-x, .scrollable-y {
        outline-offset: -2px;
        overflow-x: hidden;
        overflow-y: hidden;
        scrollbar-width: thin;
    }
}
.map-pane-content {
    background-color: #fff;
}
.map-pane-content.scrollable-y {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.map-pane-toggle-button-container {
    position: absolute;
    z-index: 0;
    top: 8px;
    left: 100%;
    display: none;
}
.map-pane-visible .map-pane-toggle-button-container {
    display: block;
}
.map-pane-toggle-button {
    width: 23px;
    height: 48px;
    cursor: pointer;
    background: rgba(255,255,255,0.9) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAQAAAAXDMSnAAAAi0lEQĂ¢â‚¬Â¦ueTldC08kcT5YOY9xYujqQM03XKXuaLmEtNF1e1Nz89gbL+0do6OEwRwAAAABJRU5ErkJggg==) 7px center/7px 10px no-repeat;
    border-left: 1px solid #D4D4D4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.card-map {
    margin-bottom: 0.8rem;
    border: none;
    border-radius: 0;
    box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
    max-height: 100px;
}
.section-categorical-shortcut-button li{
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;
    padding-bottom: 11px;
    width: 74px;
    text-align:center;
}
.section-categorical-shortcut-button li:hover {
    border-radius: 8px;
    color: rgba(0, 0, 0, 0.87);
    background-color: rgba(0,0,0,.03);
}
.result-search-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.result-search::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.result-search::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.map-pane-visible.hide-visible{
    left: -408px;
}
div[name="contentTitle"]{
    line-height:1.5
}
div[name=title] {
    font-weight:bold;
    font-size: 14px
}
div[name=title] {
    font-weight:bold;
}
div[name=address]{
    font-style:italic;
         font-size: 13px
}
#div-ResultSearch {
    height: 310px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.5;
}
 
#div-ResultSearch div[name=contentInfo] {
    padding: 5px;
    border-bottom: 1px solid #d8d8d8;
    cursor: pointer !important;
}
#div-ResultSearch .div-title{
    font-weight: 700;
}
#div-ResultSearch a{
    text-align: right;
    color:blue;
    cursor: pointer
}
#div-ResultSearch div[name=contentInfo]:hover{
    background-color: #fafafa;
}
.pageing-footer{
    position: absolute;
    bottom: 0;
}
 /* width */
#div-ResultSearch::-webkit-scrollbar {
  width: 7px;
}

/* Track */
#div-ResultSearch::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#div-ResultSearch::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
#div-ResultSearch::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.bg-color-none {
    background-color:none !important;
    box-shadow: none !important
}
#div-info table td:first-child {
    font-size: 16px;
    padding: 10px;
}
.gm-svpc{display:none !important}
#div-detail h4{
    font-family: 'Google Sans',Roboto, Arial,sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.75rem;
    color: #2f2f2f
}
#div-detail .info-address{
    color: inherit;
    letter-spacing: 0.01428571em;
    font-family: Roboto, Arial,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
}
#div-Back .btn-default{
    background-color: #0000001a !important;
}
#div-detail .fa {
    color: #3185ff !important;
    font-size:18px;
}
#div-detail a{
    cursor: pointer;
     font-size: 14px
}
#div-detail a:hover{
        color: #007bff !important;
       
}
#div-detail .fa-map-marker { font-size: 20px}
#div-img {
    height: 200px;
    margin-bottom: 10px;
}
#div-img img {
    height: 100%;
    width: 100%;
}

div[name="contentTitle"] a{
    color:blue !important;
    cursor:pointer !important;
}
#div-keysearch .card-header {
    padding-left: 0px;
}
#div-keysearch .card-title{
    text-shadow: 2px 2px #e9ecef;
    font-size: 20px;
}
/* end css ban do */

#div-detail:hover{
    overflow-y:scroll
}
/* width */
#div-detail::-webkit-scrollbar {
  width: 7px;
  margin-right: -10px
}

/* Track */
#div-detail::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#div-detail::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
#div-detail::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.warning {
    color: orangered !important;
    font-style:italic;
    font-size:13px !important
}

#div-keysearch .form-group {
    margin-bottom:10px!important
}
.pageing-footer label {
    margin-bottom: 0 !important
}
    #map {
        min-height: calc(100vh - 201px);
    }
@media (max-width: 1300px) {
   #map {
        min-height: calc(120vh - 140px);
    } 
}