.panda-container {
    /*width:80%;*/
    width: 100%;
    margin:0 auto 20px 0;
}
.panda-container h2 {
    text-align: center;
}
.panda-container .panda-input {
    width: 100%;
}
.panda-container .panda-input label {
    font-weight: 600;
}
.panda-container .panda-input select {
    width: 100%;
    padding:10px;
    margin-bottom: 20px;
}
.panda-container .panda-input button {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border: 2px solid #1e73be;
    border-radius: 4px 4px 4px 4px;
    background-color: #1e73be;
    padding: 16px 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
.panda-container input {
    /*width: 97% !important;*/
    width: 100%;
    padding:10px;
    margin-bottom: 20px !important;
}

.panda-result-div {
    background:white;
    -webkit-box-shadow: 0px 1px 35px -14px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 35px -14px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 35px -14px rgba(0,0,0,0.75);
}
.panda-result-div table {
    table-layout: fixed;
}
.panda-result-div table thead th, .panda-result-div table tbody td {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*
.panda-container {
    max-width: 80rem !important;
}
*/
.panda-result-div .apply-button a {
    padding: 6px 12px;
    text-decoration: none;
    background: #1e73be;
    color: #fff;
    border-radius: 5px;
    margin: 10px;
}
.exchange-rate {
	width: 18%;
}
.panda-display-result-table {
    margin-top: 40px;
}

/* Credits:
    This bit of code: Exis | exisweb.net/responsive-tables-in-wordpress
    Original idea: Dudley Storey | codepen.io/dudleystorey/pen/Geprd */
  
@media screen and (max-width: 600px) {
    .panda-result-div table { margin: 0.5rem 0; }
    .panda-result-div table thead th {
        text-overflow: unset;
    }
    .panda-result-div table {
	    table-layout: auto;
	}
	.panda-result-div {
	    margin-top: 20px;
    	overflow-x: auto;
    }
    /*thead {display: none;}
    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tbody td {display: block;  text-align:center;}
    tbody td:before { 
        content: attr(data-th); 
        display: block;
        text-align:center;  
    }*/
}