.accredited, .accredited th, .accredited td{
  //background: white;
  //border: #ccd0d4 solid 1px;
  border-top: 0;
}

.accredited td,
.accredited th{
  min-width:35px;
  padding:15px;
}
.accredited th{
  border-top:0;
  border:1px solid #be002b;
}
.accredited td{
  white-space: nowrap;
  border: #ccd0d4 solid 1px;
}
.accredited tr:first-child th{
  background:#de002b;
  color: white;
}
table.accredited {
  border-collapse: collapse;
  max-width:100%;
  overflow: auto;
  display: block;
  margin-top: 3px;
}
table.accredited.resultTable.pa, table.accredited.resultTable.pe{ 
  max-width: 100%;
  margin: 0 auto;
  padding-right: unset;
  border: 1px solid #F1F1F1;

  font-size: 15px;
}
table.accredited.resultTable.pa th, table.accredited.resultTable.pe th{ 
  background-color: #F1F1F1;
  border: 0;
  color: #000;
}
table.accredited.resultTable.pa td, table.accredited.resultTable.pe td{ 
  white-space: wrap;
  border: 1px solid #F1F1F1;
  background: #FFF;
}


.accredited textarea{
  height: 200px;
}
.accredited td>input[type=checkbox] {
    margin-top: 0;
    width: 20px;
    height: 20px;
    padding: 2px !important;
}

.accred_menu {
  padding: 10px 0;
  margin: 10px 0;
  margin-bottom:0;
}
.accred_menu a{
    border: 1px solid #ccd0d4;
    padding: 15px 20px;
    text-decoration: none;
    line-height: 54px;
}
.accred_menu a:hover{
  background: #F9F9F9;
  color: black;
}
.accred_menu a.active{
  background: #de002b;
  color: white;
  font-weight: bold;
  border-bottom:0;
}

button.get_json,button.add_line,button.add_line_top,button#sas{
  background:#135e96;
  padding: 15px 20px;
  margin: 10px;
  margin-left: 0;
  color: #FFF;
  border:0;
  text-transform: capitalize;
  cursor: pointer;
}
button.get_json:hover,button.add_line:hover,button.add_line_top:hover,button#sas:hover{
  background:red;
}
.sas_message{display:none;}//temp remove
/*
table.accredited.resultTable tr td {
    background: transparent !important;
}
table.accredited.resultTable tr:nth-child(even) {
    background-color: #f2f2f2bf; 
}

table.accredited.resultTable tr:nth-child(odd) {
    background-color: #fff; 
}
table.accredited td, table.accredited th {
    padding-top: 15px !important;
padding-bottom: 0px !important;
    }
.description {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    word-break: break-word;
    max-height: 3.6em; 
    transition: max-height 0.3s ease-in-out;
}

.expanded {
    white-space: normal;
    max-width: none;
    max-height: 1000px; 
    transition: max-height 0.5s ease-in-out;
}

.read-more-toggle {
    color: #007bff;
    cursor: pointer;
    margin-left: 5px;
    display: inline;
}

table.accredited.resultTable {
    width: 100%;
    border-collapse: collapse;
}

table.accredited.resultTable th {
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
}

table.accredited.resultTable tr td {
    text-align: left;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.accredited tr:first-child th:nth-child(3) {
    width: 40%;
}

body #wrapper table tr td p, body #wrapper table tr th p, body #wrapper #container #content #shortcode_all_tabs .shortcode_tab .tab_content td p {
    font-size: 16px;
    line-height: 22px;
}

@media screen and (max-width: 768px) {

    table, tbody, th, td, tr {
        display: block;
        width: 100%;
    }

    table td, table th {
        padding: 2em 1rem .5rem;
    }

    tr:first-child {
        display: none !important;
    }

    tr {
        border: none;
        padding: 10px;
        border-radius: 8px;
        display: flex;
        flex-wrap: wrap;
    }

    td:first-child, td:nth-child(2) {
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        position: relative;
    }

    td:nth-child(3), td:nth-child(4), td:nth-child(5) {
        width: 100%;
        padding-left: 45%;
        padding-right: 1rem;
        position: relative;
    }

    td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        top: 5px;
        font-weight: bold;
        text-align: left;
        width: 50%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
    }

    td:last-child {
        border-bottom: none;
    }

    body main.wrapper table td {
        padding-top: 35px !important;
    }

    table.accredited {
        width: 95% !important;
        max-width: 95% !important;
    }

    td[data-label="Contact"]:before {
        content: attr(data-label);
    }

    td[data-label="Contact"] {
        position: relative;
        padding-left: 45px; 
    }
}
*/