@media (min-width: 652px) { 
    .pad-top-30-md{
            padding-top: 30px;
    }
}

.checkbox-top {
    display: flex;
    padding-left: 30px; 
}

.light-gray{
    background-color: lightgray;
}

.font-size-12{
    font-size: 12px;
}

.white-background{
    background-color: #ffffff
}

.box-shadow{
    box-shadow: 5px 9px 5px -4px rgba(0,0,0,0.21);
}

.stretched{
    width:100%;
}

td:first-child {
    padding-left: 30px;          
}

th:first-child{
    padding-left: 30px;
}

.round-table{
    border-collapse: collapse;
    border-radius: 5px;
    overflow: hidden;
}
 
tbody:nth-child(even) 
{
      background-color: #f2f2f2;
}

thead tr th{
      padding-top:15px;
}

.responsive-table{
    overflow-x:auto;
}

.card{
    margin-top: 30px;
    background-color: white;
    margin-top: 30px;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 5px 9px 5px -4px rgba(0,0,0,0.21);
}

.card.flat-card{
    box-shadow:none;
}

.card.success{
    background-color: #aaffb6;
    border-color:#343534;
}

.card.conflict{
    background-color: #eef274;
    border-color:#95993d;
}

.no-padding-h{
    padding-left:0;
    padding-right:0;
}

span.not-found {
    margin-top: 25px;
    display: block;
}

.ReactTable {
    font-size: small;
    text-align: left;
}

.ReactTable .rt-th {
    text-align: left;
    font-weight: bold;
}

.ResponseList .tag.badge:hover {
    background-color: hsl(0, 64%, 61%);
    transition: 300ms;
    cursor: pointer;
}

.ResponseList .fa.fa-plus-circle:hover {
    color: hsl(110, 76%, 31%);
    transition: 300ms;
    cursor: pointer;
}

.newReviewEmail {
    width: 100%;
}

