/* IMAGES */
.img_logo {
    height: 40px;
    width: 88px;
}
.img_logo_mini {
    height: 40px;
    width: 40px;
}
.survey_wrapper {
    border: 2px solid #CCC;
    background-color: #fff;
    padding: 20px;
}
.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 80%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
.customer_item {
    padding-top: 3px;
    padding-bottom: 3px;
}
.customer_item span {
    padding-right: 3px;
}

.pac-container {
    z-index: 1051 !important;
}
.sel {
    border: 1px solid #333333;
    height: 32px;
    margin-bottom: 10px;
    text-align: center;
}
.loption {
    font-size: 16px;
    font-weight: bold;
    padding-top: 6px;
}
.google_chart {
    width: 100%; 
    /*min-height: 350px;*/
}

.adjust_legend {
    padding-top: 10px;
    margin-left: 15px;
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 768px) { 
    .survey_wrapper {
        padding: 10px;
    }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
  
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}


@media screen and (max-width: 320px) {
    @-ms-viewport { width: 320px; }

}