.awesomeGridTable table {
    border-collapse: collapse;
}

table.awesomeGridTable tbody tr:hover {
    background-color: rgba(109, 153, 255, 0.52);
}

table.awesomeTable tbody tr:hover {
    background-color: #dbe836;
    animation: colorchange infinite; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange infinite; /* Chrome and Safari */
}

@keyframes colorchange
    {
      0%   {background-color: red;}
      25%  {background-color: green;}
      50%  {background-color: blue;}
      75%  {background-color: purple;}
      100% {background-color: deeppink;}
    }

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
      0%   {background-color: red;}
      25%  {background-color: green;}
      50%  {background-color: blue;}
      75%  {background-color: purple;}
      100% {background-color: deeppink;}
}

.awesomeGridTable tr td md-select, .awesomeGridTable tr td md-checkbox, .awesomeGridTable tr td md-input-container {
    margin: 0;
}
/*
   autocomplete style for this table style
   */

.awesomeGridTable tbody tr {
    border: none;
}

    .awesomeGridTable tbody tr td md-autocomplete {
        background-color: transparent;
    }

        .awesomeGridTable tbody tr td md-autocomplete md-autocomplete-wrap {
            margin: 0;
            box-shadow: none;
            background-color: transparent !important;
        }

/* .awesomeGridTable tbody tr td md-autocomplete md-autocomplete-wrap input {
    height: 36px;
} */

span.index_.ng-binding {
    padding: 4px 6px 4px 6px;
    background-color: #9E9E9E;
    color: white;
    /*border-radius: 7px;*/
}

/* Awesome Grid Table */
.awesomeGridTable {
    border-collapse: collapse;
    /*text-align: center;*/
    width: 100%;
    background-color: white;
}

    .awesomeGridTable thead {
        background-color: #0e47a1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3c6cde), to(#6d99ff));
        background-image: -webkit-linear-gradient(top, #3c6cde, #6d99ff);
        background-image: -moz-linear-gradient(top, #3c6cde, #6d99ff);
        background-image: linear-gradient(to bottom, #3c6cde, #6d99ff);
        color: white;
        /* min-height: 50px !important; */
    }

        /*.awesomeGridTable thead th:first-child {
            padding: 15px 15px 15px 15px;
        }*/

    .awesomeGridTable td:first-child {
        padding: 0 15px 0 15px;
    }

    /*.awesomeGridTable thead th:first-child {
        border-color: transparent;
        border-radius: 0px 10px 0px 0px;
    }

    .awesomeGridTable thead tr th:last-child {
        border-color: transparent;
        border-radius: 10px 0px 0px 0px;
        height: 40px;
    }*/

    .awesomeGridTable tbody tr:nth-child(even) {
        background-color: rgba(158, 158, 158, 0.13);
    }

    .awesomeGridTable tr td input {
        width: 100%;
        outline: 0;
        /* height: 30px;
    font-size: 16px; */
        background-color: transparent;
        border: 0;
        /*border-bottom: 1px solid #0e47a1;
   text-align: center;*/
    }


    .awesomeGridTable tfoot {
        background-color: #0e47a1;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#3c6cde), to(#6d99ff));
        background-image: -webkit-linear-gradient(top, #3c6cde, #6d99ff);
        background-image: -moz-linear-gradient(top, #3c6cde, #6d99ff);
        background-image: linear-gradient(to bottom, #3c6cde, #6d99ff);
        color: white;
    }

        .awesomeGridTable tfoot th:first-child {
            /*border-radius: 0px 0px 10px 00px;*/
        }

        .awesomeGridTable tfoot tr th:last-child {
            /*border-radius: 0px 0px 00px 10px;*/
        }

.ClickableRow {
    outline: none;
    cursor: pointer;
    user-select: none;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes vError {
    from {
        background-color: rgba(232, 232, 232, 0.00);
    }

    to {
        background-color: rgba(255, 0, 0, 0.07);
    }
}

@keyframes vError {
    from {
        background-color: rgba(232, 232, 232, 0.00);
    }

    to {
        background-color: rgba(255, 0, 0, 0.08);
    }
}

.error {
    border: 1px solid red;
    animation-name: vError;
    animation-duration: 0.5s;
    animation-iteration-count: 2;
}

.awesomeGridTable thead th {
    white-space: nowrap;
    /*border: 1px solid dimgray;*/
}

.right-border {
    border-right: 1px solid dimgray;
}

table.awesomeGridTable td, table.awesomeGridTable th {
    border: 1px solid dimgray;
    padding-right: 5px;
}