body{
    margin: 0;
    padding: 0;
}
.main {
    width: 100%;
}
.g_plate_info {
    cursor: pointer;
}

.genplan-status.item-state-1 .circle {
    background: #8A8A8A !important;
}

.genplan-status.item-state-2 .circle {
    background: #E9A13C !important;
}

.genplan-status.item-state-5 .circle {
    background: #E9A13C !important;
}

.genplan-status.item-state-3 .circle {
    background: #2F6697 !important;
}
.genplan-status.item-state-3  {
    border-color: #2F6697 !important;
}

.genplan-status.item-state-5  {
    border-color: #E9A13C !important;
}

#genpalan-svg-plan g.land-label rect.lstate-3 {
    fill: #2F6697;
}

#genpalan-svg-plan g.land-label rect.lstate-1 {
    fill: #8A8A8A !important;
}

#genpalan-svg-plan g.land-label rect.lstate-2 {
    fill: #E9A13C;
}

#genpalan-svg-plan g.land-label rect.lstate-5 {
    fill: #E9A13C;
}

#genpalan-svg-plan g.land-label rect.lstate-3 {
    fill: #2F6697;
}

.plate_info.hoverder-status-stroke-1 {
    stroke: #8A8A8A !important;
}
.plate_info.hoverder-status-stroke-2 {
    stroke: #E9A13C !important;
}
.plate_info.hoverder-status-stroke-3 {
    stroke: #2F6697 !important;
}
.plate_info.hoverder-status-stroke-5 {
    stroke: #E9A13C !important;
}


.circle_info.hoverder-status-1 {
    fill: #8A8A8A !important;
}

.circle_info.hoverder-status-2 {
    fill: #E9A13C;
}

.circle_info.hoverder-status-5 {
    fill: #E9A13C;
}
.circle_info.hoverder-status-3 {
    fill: #2F6697;
}



#genpalan-svg-plan .hoverder-status-3{
    fill: #2F6697 !important;
    transition: 0.2s;
    opacity: .8;
}
#genpalan-svg-plan .hoverder-status-2 {
    fill: #E9A13C !important;
    transition: 0.2s;
    opacity: .8;
}
#genpalan-svg-plan .hoverder-status-5 {
    fill: #E9A13C !important;
    transition: 0.2s;
    opacity: .8;
}

#genpalan-svg-plan .hoverder-status-1{
    fill: #8A8A8A !important;
    transition: 0.2s;
    opacity: .8;
}

#genpalan-svg-plan path {
    transition: 0.1s;
}

svg#genpalan-svg-plan > g > path:hover {
    cursor: pointer;
}

#genpalan-svg-plan .svg__images {
    position:relative;
}
#genpalan-svg-plan .main__content {
    width: 100%;
}
#genpalan-svg-plan g.land-label {
    display: none;
}
#genpalan-svg-plan .plate_info.show {
    opacity: 1;
}
#genpalan-svg-plan .state_info {
    font-family: 'Jost', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin: 13px 0 2px 0;
    position: relative;
}
#genpalan-svg-plan .size_info {
    font-family: 'Jost', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
}
#genpalan-svg-plan .price_info {
    font-family: 'Jost', sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
}

#genpalan-svg-plan .hidden.hide {
    opacity: .4;
    transition: 0.2s;
}
#genpalan-svg-plan .hidden {
    opacity: 1;
    transition: 1s;
}