.mobilescreen{display:none;}
table thead th {
    text-transform: capitalize !important;
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
	text-align:center !important;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
}
thead{
width: 350px;
    border-right: 1px solid white;
    background-color: #00AEEF;
    color: grey;
    flex: 1;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
	
}
table.carrier-list {
    margin: 35px 5px;
	background: #F2F3F4;
}
tr:not(thead tr) {
    border: 1px solid lightgrey;
   
}
tr td {
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
}
table.carrier-list > tbody > tr > td:nth-of-type(1) {
  padding-left: 1em;
  text-align:left !important;
}
table td:last-child, table th:last-child {
    padding-right: 5px;
}
.carrier-list td .checkmark {
    color: blue; /* Set the color of the checkmark */
    font-weight: bold; /* Optionally, make the checkmark bold */
	text-align:center;
}
/* Target all cells in the table except the header row */
.carrier-list tbody td {
 text-align:center;
}
thead th:hover {
    background: #00416B;
}

input#searchInput {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.search-container {
    position: relative;
    display: inline-block;
	width: 100%;
	margin-top:75px;
}


input[type=text] {
    padding: 15px 2.08em;
   }

@media (max-width: 470px){
    table.carrier-list {
        width: 100%; /* Adjust the width as needed */
        margin: 35px 5px;
        background: #F2F3F4;
        display: block; /* Change from grid to block for better responsiveness */
        overflow-x: auto; /* Allow horizontal scrolling if needed */
    }
}
@media (max-width: 470px){
    table thead th {
        writing-mode: vertical-rl;
        text-orientation: upright;
        padding: 5px;
        margin: 0px;
        line-height: 1;
        font-size: 12px; /* Adjust the font size as needed */
    }
}

@media (max-width: 470px){
table.carrier-list > tbody > tr > td:nth-of-type(1) {
    padding-left: .5em;
    text-align: left !important;
    font-size: 10px;
}
}
@media (max-width: 470px){
.fullscreen{display:none;}
.mobilescreen{display: block; text-align:end;}

}
@media (max-width: 470px){
input#searchInput {
    width: 80%;
    
}

}