@media all {
    .ABT_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ABT_col {
        flex: 0 0 33%;
        box-sizing: border-box;
        padding: 15px;
        text-align: center
    }

    @media (max-width: 768px) {
        .ABT_col {
            flex: 0 0 100%
        }
    }

    input,
    select {
        margin: 0;
        font: inherit;
        color: inherit
    }

    select {
        text-transform: none
    }
    optgroup:nth-child(even) {
        color: #6b5291;
    }
    optgroup:nth-child(odd) {
        color: #529182;
    }
    optgroup {
        text-transform: uppercase;
        padding-bottom: 5px;
    }
    optgroup option{
        text-transform: capitalize;
        color: #000;
    }
    optgroup option:first-child{
        padding-top: 5px;
    }

    html input[type=button] {
        cursor: pointer
    }

    input {
        line-height: normal
    }

    /* table {
        border-spacing: 0;
        border-collapse: collapse
    }

    td,
    th {
        padding: 0
    } */

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    :after,
    :before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    input,
    select {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    table {
        background-color: transparent
    }

    th {
        text-align: left
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .table>tbody>tr>td,
    .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table>thead:first-child>tr:first-child>th {
        border-top: 0
    }

    .table .table {
        background-color: #fff
    }

    .table-bordered {
        border: 1px solid #ddd
    }

    .table-bordered>tbody>tr>td,
    .table-bordered>thead>tr>th {
        border: 1px solid #ddd
    }

    .table-bordered>thead>tr>th {
        border-bottom-width: 2px
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
    }

    .form-control {
        display: block;
        max-width: unset !important;
        width: -webkit-fill-available;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }

    .form-group {
        margin-bottom: 15px
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }

    .panel>.table {
        margin-bottom: 0
    }

    .panel>.table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

    .panel>.table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child {
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child {
        border-bottom-right-radius: 3px
    }

    .panel>.table-bordered {
        border: 0
    }

    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .panel>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-bordered>thead>tr:first-child>th {
        border-bottom: 0
    }

    .panel>.table-bordered>tbody>tr:last-child>td {
        border-bottom: 0
    }

    .panel-default {
        border-color: #ddd
    }

    .form-control {
        border-radius: 0;
        box-shadow: none;
        border-color: #d2d6de
    }

    .form-control:focus {
        border-color: #3c8dbc;
        box-shadow: none
    }

    .form-control:not(select) {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .table>thead>tr>th,
    .table>tbody>tr>td {
        border-top: 1px solid #f4f4f4
    }

    .table>thead>tr>th {
        border-bottom: 2px solid #f4f4f4
    }

    .table-bordered {
        border: 1px solid #f4f4f4
    }

    .table-bordered>thead>tr>th,
    .table-bordered>tbody>tr>td {
        border: 1px solid #f4f4f4
    }

    .table-bordered>thead>tr>th {
        border-bottom-width: 2px
    }

    .cursor-pointer {
        cursor: pointer
    }

    .wp-core-ui .button-danger {
        background: #e74c3c;
        border-color: #c0392b;
        color: #fff;
        text-decoration: none;
        text-shadow: none
    }

    .wp-core-ui .button-danger.hover,
    .wp-core-ui .button-danger:hover {
        background: #c0392b;
        border-color: #c0392b;
        color: #fff
    }

    .wp-core-ui .button-success {
        background: #27ae60;
        border-color: #42a05b;
        color: #fff;
        text-decoration: none;
        text-shadow: none
    }

    .wp-core-ui .button-success.hover,
    .wp-core-ui .button-success:hover {
        background: #42a05b;
        border-color: #42a05b;
        color: #fff
    }

    .close {
        float: right;
        font-weight: 400;
        margin-right: 8px;
        padding: 0
    }

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

    .dashicons.spin {
        animation: dashicons-spin 1s infinite;
        animation-timing-function: linear
    }

    @media print {

        *,
        :after,
        :before {
            color: #000 !important;
            text-shadow: none !important;
            background: 0 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

        thead {
            display: table-header-group
        }

        tr {
            page-break-inside: avoid
        }

        .table {
            border-collapse: collapse !important
        }

        .table td,
        .table th {
            background-color: #fff !important
        }

        .table-bordered td,
        .table-bordered th {
            border: 1px solid #ddd !important
        }
    }

    @keyframes dashicons-spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(360deg)
        }
    }

    .span-action {
        text-decoration: none;
        cursor: pointer;
    }
}