.grid-container{border:1px solid #ccc;font-size:16px;border-bottom:2px solid #f45919;margin:40px 0}.grid-header,.grid-data{display:grid;grid-template-columns:repeat(7,1fr)}.grid-item{padding:5px 0 5px 5px}.grid-item.header{background-color:#e9ebeb;border:1px solid #fff}button,input{font-size:18px}.input-group{display:flex;align-items:center;position:relative}.input-filed-wrap{position:relative;flex-grow:1;margin-right:10px}#tides-search-input{width:100%;border-radius:4px;padding:10px 15px;border:1px solid #bac1c1}#tides-search-button,#tides-clear-button{background-color:#f45919;color:#fff;border:none;padding:10px 25px;cursor:pointer}.tm-search-wrap{max-width:900px;margin:0 auto;background-color:#e9eded;padding:40px 10px}.input-group{max-width:480px;margin:0 auto}#tides-clear-button{margin-top:10px}#loader{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:28px}#error-message{position:absolute;left:0;margin-top:-1px;color:red;width:138%}#tides-results-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:50px}#tides-results-table thead{background-color:#e9ebeb;border-color:#fff}#tides-results-table th{border:1px solid #fff}#tides-results-table{border-bottom:2px solid #f45919 !important}@media (max-width:750px){.grid-header,.grid-data{grid-template-columns:1fr;grid-template-rows:repeat(7,1fr)}.grid-data .grid-item{border:1px solid #d8d7d7}.grid-item{grid-column:span 1}.grid-container{display:grid;grid-template-columns:repeat(2,1fr)}}