.common_header {
    display: none;
}

.map_side {
    left: 15.5%;
    width: 70%;
    position: relative;
}

.modes {
    position: absolute;
    top: 10px;
    right: 140px;
    z-index: 1;
}

.getdata {
    position: absolute;
    top: 62px;
    right: 10px;
    z-index: 1;
    display: none;
}

.edit {
    position: absolute;
    top: 100px;
    right: 10px;
    z-index: 1;
    display: none;
}

.list {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.close {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.radius_border{
    border: 1px solid #919191;
    border-radius: 5px;
}

.custom_zoomcontrol {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 36px;
    height: 80px;
    overflow: hidden;
    z-index: 1;
    background-color: #f5f5f5;
}

.custom_zoomcontrol span {
    display: block;
    width: 36px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.custom_zoomcontrol span img {
    width: 12px;
    height: 12px;
    margin-top: 14px;
    border: none;
}

.custom_zoomcontrol span:first-child{
    border-bottom: 1px solid #bfbfbf;
}

#drawingMap {
    border-radius: 5px;
    width: 100%;
    height: 100vh;
}

#undo.disabled, #redo.disabled {
    background-color:#ddd;
    color:#9e9e9e;
}

.area {
    position: absolute;
    background: #fff;
    border: 1px solid #888;
    border-radius: 3px;
    font-size: 12px;
    top: -5px;
    left: 15px;
    padding: 2px;
}

.label_marker {
    position: relative;
    bottom: 40px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
}

.label_marker:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}

.label_marker .title {
    display: block;
    text-align: center;
    border: 1px solid #242424;
    background: #FFF;
    padding: 5px 7px;
    color: #242424;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_1 {
    display: block;
    text-align: center;
    border: 1px solid #ca0303;
    background: #e70202;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_2 {
    display: block;
    text-align: center;
    border: 1px solid #d8508e;
    background: #ff6aae;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_3 {
    display: block;
    text-align: center;
    border: 1px solid #956606;
    background: #e88d01;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_4 {
    display: block;
    text-align: center;
    border: 1px solid #e0a721;
    background: #f8c347;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_5 {
    display: block;
    text-align: center;
    border: 1px solid #609e04;
    background: #7ccf00;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_6 {
    display: block;
    text-align: center;
    border: 1px solid #208220;
    background: #2eab2e;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_7 {
    display: block;
    text-align: center;
    border: 1px solid #242424;
    background: #0f4d0f;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_8 {
    display: block;
    text-align: center;
    border: 1px solid #03779e;
    background: #02ade7;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_9 {
    display: block;
    text-align: center;
    border: 1px solid #075e89;
    background: #028acf;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_10 {
    display: block;
    text-align: center;
    border: 1px solid #351e9a;
    background: #4529c0;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_marker .marker_11 {
    display: block;
    text-align: center;
    border: 1px solid #242424;
    background: #ad4fff;
    padding: 5px 7px;
    color: #FFF;
    font-size: 12px;
    font-weight: normal; 
    border-radius: 3px;
}

.label_user {
    position: relative;
    bottom: 40px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
}

.label_user:nth-of-type(n) {
    border: 0; 
    box-shadow: 0px 1px 2px #888;
}

.label_user .title {
    display: block;
    text-align: center;
    background: #e70202;
    padding: 5px 7px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
}

.label_address {
    position: relative;
    bottom: 40px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
}

.label_address:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}

.label_address .title {
    display: block;
    text-align: center;
    background: #097309;
    padding: 5px 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.label_area {
    background-color: rgba( 255, 255, 255, 0.7 );
    color: #0B2161;
    font-size: 15px;
    font-weight: bold;
}



/* media */
@media screen and (max-width:1024px)
{
	.map_side
	{
		left:80px;
		width:calc(100% - 160px);
	}
}

@media screen and (max-width:768px)
{
	.map_side
	{
		left:30px;
		width:calc(100% - 60px);
	}
}