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 {
 text-decoration: none;
 cursor: pointer;
 cursor: hand;
 outline: none;
 display: block;
}

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


div#descriptionN {
    left: 0px !important;
    top: unset !important;
    bottom: 0 !important;
    width: 100%  !important;
}

.state-result-table {
    width: 100%;
}

.state-result-table-row {
    width: 100%;
}

.state-result-table-cell.state-result-table-cell-per-bar {
    flex: 1;
    display: flex;
}

.state-result-table-row {
    display: flex !important;
}

.front-page-state-map#state-map{
    padding-bottom: 20px;
}

/*.info_panel .flag-icon {
    border: 1px solid #ccc;
}*/
.info_panel {
    min-width: 260px;
    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: 3%;
            bottom: 20%;*/
    /*background-color: rgba(255,255,255, .8);*/
    padding-bottom : 10px; 
}

/*.info_panel ul {
    display: block;
    float: left;
    list-style-type: none;
}*/

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


g {
    fill: #ccc;
}
   
text {
    /* fill: rgb(0, 0, 0) !important; */
    stroke: none;
    pointer-events: none;
    /* text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); */
    font-family: 'Lato';
    font-size: 11px;
}

path {
    fill: #BBC5DA;
    cursor: pointer;
}

.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;
}

/*g path.st1:hover {
    cursor: pointer;
    stroke: #000000;
    stroke-width: 3px;
}*/

.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: 2px;
    z-index: -1;
}*/

 /*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;
}

.inner-page-advertisement-div {
    display: block;
    width: 28%;
    background: #e3e3e3;
    padding: 0 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.state-page {
    margin-bottom: 20px;
    display: flex;
}

/*.state-page-social {
    margin-top: 0px;
    margin-bottom: 20px;
}*/

.inner-page-advertisement-div-mobile {
    display: none;
}

.main-map, #main-map {
    position: relative;
    margin-bottom: 20px;
    width: 70%;
}

.parliament-map, #parliament-map {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    flex: 0 0 calc(72% - 6px);

}

.parliament-social-buttons {
    margin-top: -30px;
    margin-bottom: 20px;
}

.state-map, #state-map {
    position: relative;
    width: 100%;
    flex: 1;

}

/*.flex-center.inner-wrap.state-page-section-1 {
    display: flex;
    flex:  0 0 calc(70% - 10px);
    width:  100%;
    max-width: 100%;
}*/
/*@media only screen and (max-width: 520px) {
    .main-map {
        position: relative;
        margin-bottom: 20px;
        width: 100%;
        background-color: #EBF0F3;
        max-height : 300px;
    }
}*/

.state-advertisement-div {
    display: block;
    width: 300px;
    height:600px;
}

.state-advertisement-mobile-div {
    display: none;
}

.state-social-buttons {
        margin-bottom: 20px;
}
@media screen and (max-width: 764px) {
    .map-map, #main-map {
        width: 100%;
    }

    .info_panel {
        position: fixed !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100%;
        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 : 10px; 
    }

    .flex-center.inner-wrap.state-page-section-1 {
        width: 100%;
/*        padding: none;
        display: flex;*/
    }

    .inner-page-advertisement-div-mobile {
        display: block;
        background: #e3e3e3;
        padding:  0 5px;
    }  

    .inner-page-advertisement-div {
        display: none;
        background: #e3e3e3;
    } 

    .state-advertisement-mobile-div {
        display: block;
        background: #e3e3e3;
        padding:  0 5px;
    }  

    .state-advertisement-div {
        display: none;
    } 

    .parliament-map, #parliament-map {
        position: relative;
        margin-bottom: 20px;
        width: 100%;
        /*flex: 0 0 calc(70% - 6px);*/
        background-color: #ebf0f3;
    }

    .parliament-social-buttons {
        margin-top: -10px;
        margin-bottom: 20px;
    }

    .state-social-buttons {
        margin-top: -10px;
        margin-bottom: 20px;
    }

    .state-page {
        display: block;
    }
}