body {
    margin: 0;
}

.default {
    fill: #ccc;
}	


/*#resetButtonP, #zoom_in, #zoom_out, #zoom_close, #resetButtonN {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #3498db;
  padding: 5px 15px 5px 15px;
    text-decoration: none;
    position: relative;
    top: 10px;
     left: 10px; 
    float: right;
    right: 10px;
    cursor: pointer;
    cursor: hand;
    outline: none;
}*/

 /*tab-content>.tab-pane, .tab-content>.tab-pane.active {
background: #fff;
padding: 20px 0px;
position: relative;
}*/

 .buttonwrapper {
position: absolute;
right: 10px;
top: 10px;
/*max-width: 30px;* mole*/
}

#P_zoom_in, #P_zoom_out, #P_zoom_close, #N_zoom_in, #N_zoom_out, #N_zoom_close, .close-btn {
 text-decoration: none;
 cursor: pointer;
 cursor: hand;
 outline: none;
 display: block;
}




.shadow {
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.main-map, #main-map {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    background-color: #EBF0F3;
}


@media only screen and (max-width: 520px) {
    .main-map {
        position: relative;
        margin-bottom: 20px;
        width: 100%;
        background-color: #EBF0F3;
        max-height : 300px;
    }
}

/*.info_panel .flag-icon {
    border: 1px solid #ccc;
}*/
.info_panel {
    width: 320px;
    position: absolute;
    border: 1px solid #ccc;
    background: #ffffff;
    font-size: 12px;
    font-family: 'Lato', Arial, Helvetica, Arial, Tahoma, sans-serif;
    color: #333;
    white-space: nowrap;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
    z-index: 99999;
    /*transform:translate(-50%,-50%);
    transition:opacity .1s,z-index 0s linear .1s;
    overflow: hidden; */
    /*right: 2%;
    bottom: 6%;*/
    /*background-color: rgba(255,255,255, .8);*/
    padding-bottom : 10px;
}

@media screen and (max-width: 764px) {
    .info_panel {
        position: fixed !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 70px !important;
        border: 1px solid #ccc;
        background: #ffffff;
        font-size: 12px;
        font-family: 'Lato', Arial, Helvetica, Arial, Tahoma, sans-serif;
        color: #333;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
        z-index: 999999;
        overflow: hidden;
        padding-bottom : 0;
		margin: 0 auto;		
    }
}

.info_panel::first-line {
    font-weight: bold;
}


g {
    fill: #ccc;
}

   


text {
    fill: white;
    stroke: none;
    pointer-events: none;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
    font-family: 'Lato';
    font-size: 11px;
}

.frames {
    fill: none;
    pointer-events: none;
    stroke: #000000b5;
    stroke-miterlimit: 10;
}




#svg, #svgP, #svgN {
    width: 100%;
    left: 0;
    top: 0;
     height: auto;  
}

/* .pNone{
    pointer-events: none;
} */


/*.st0 {
    fill: #EBF0F3;
}*/

.st1 {
    stroke: #FFFFFF;
    stroke-width: 1px;
    stroke-linejoin: round;
}

.st2 {
    font-family: 'Lato';
}

.st3 {
    font-size: 11px;
}

.st4 {
    font-size: 11px;
}

/*.st5 {
    fill: #48A3DA;
    stroke: #FFFFFF;
    stroke-width: 1.2938;
    stroke-miterlimit: 10;
}

.st6 {
    font-family: 'MyriadPro-Regular';
}

.st7 {
    fill: #FFFFFF;
}

.st8 {
    font-family: 'Lato-Bold';
}

.st9 {
   stroke: #FFFFFF;
    stroke-width: 1px;
    stroke-linejoin: round;
}

.st10 {
    fill: #818EA0;
    stroke: #FFFFFF;
    stroke-width: 1.2938;
}

.st11 {
    fill: none;
    stroke: #000000;
}*/

/*.st12 {
    fill: none;
}

.st13 {
    fill: none;
    stroke: #000000;
    stroke-miterlimit: 10;
}

.st14 {
    fill: #196AB4;
    stroke: #FFFFFF;
    stroke-width: 1.2938;
}*/


/*.st15 {
    fill: #010101;
}*/

/* lines */
.st16 {
    fill: none;
    stroke: #000000;
    stroke-miterlimit: 10;
    pointer-events: none;
}

.st17{fill:none;stroke:#6D6E71;stroke-miterlimit:0.75;pointer-events: none;stroke-dasharray:3,3,3,3,3,3;}

.PTie{
    fill: url("#P_TIE");
}

.PCount {
    fill: url("#P_COUNT");
}

.NTie{
    fill: url("#N_TIE");
}

.NCount{
    fill: url("#N_COUNT");
}

/*path:hover, polygon:hover, polyline:hover{
    cursor: pointer;
    stroke: #262626;
    stroke-width: 3px;
}*/

 /*g:hover > path,  g:hover > polygon, g:hover > polyline  {
       
        cursor: pointer;
        cursor: hand;
        stroke: #000;
        stroke-width: 3px;
    }

*/
    
    
g:hover > text  g:focus > text{
    cursor: pointer;
    /*cursor: hand;*/
}


.hover {
    cursor: pointer;
    stroke: #000;
    stroke-width : 2px;
}

.hoverOut {
    stroke: #fff;
    stroke-width : 1px;
}

/* legend text for overview map */
.text2 {
    fill: #000;
    font-family: 'Lato';
    font-size: 11px;
    pointer-events: none;
    text-shadow: none;
    stroke: none;
}

#atstbx g {
    fill: rgb(255, 255, 255);;
}

/* Nsabah */
.sabahN .st5 { 
    fill: none; 
    stroke: #231F20; 
    stroke-width: 1;
    stroke-miterlimit: 10; 
}

/* Nsarawak */
.sarawakN .st5 {
    fill: none;
    stroke: #231F20;
    stroke-width: 1; /*0.5*/
}

.sarawakN .st6 {
    fill: none;
    stroke: #231F20;
    stroke-width: 1; /*0.5*/
    stroke-miterlimit: 10;
}