/**
 * CSS file to stylize the admin area of SSLCommerz plugin
 * @author: GoodKoding
 * @author_url: http://goodkoding.com
 **/
.gk-sslcommerz-options .gk-sslcommerz-admin-form h2, .gk-sslcommerz-options .gk-sslcommerz-admin-form h3 {
    cursor: pointer;
    padding: 10px;
    background: #333333;
    color: #CCCCCC;
}

.gk-sslcommerz-options .gk-sslcommerz-admin-form h2 span.dashicons, .gk-sslcommerz-options .gk-sslcommerz-admin-form h3 span.dashicons {
    float: right;
}

.gk-sslcommerz-options .gk-sslcommerz-admin-form h2.active, .gk-sslcommerz-options .gk-sslcommerz-admin-form h3.active {
    background: #039885;
    color: #FAFAFA;
}

.gk-sslcommerz-options input[type=text],
.gk-sslcommerz-options input[type=password],
.gk-sslcommerz-options input[type=number],
.gk-sslcommerz-options input[type=url],
.gk-sslcommerz-options select,
.gk-sslcommerz-options textarea {
    width: 300px;
    max-width: 100%;
    padding: 5px;
}

.gk-sslcommerz-options select {
    padding: 0 5px;
}

.gk-sslcommerz-options textarea {
    width: 450px;
    height: 120px;
}

.gk-sslcommerz-msg {
    display: block;
    padding: 10px;
    background: #039885;
    color: #FAFAFA;
}

.payments-table tr.even td {
    background-color: #FAFAFA;
}

.payments-table tr:hover td {
    background-color: #039885;
    color: #FAFAFA;
}

.payments-table tr.failed:hover td,
.payments-table tr.cancelled:hover td {
    background-color: #AB3E42;
}

.payments-table tr.pending:hover td {
    background-color: #C9A680;
}

.payments-table tr:hover td a {
    color: #FAFAFA;
}

table.gk-sslcommerz-invoice {
    width: 100%;
    border-collapse: collapse;
    margin: 15px auto;
}

.gk-sslcommerz-invoice tr td, .gk-sslcommerz-invoice tr th {
    padding: 10px;
    background: #FAFAFA;
    border: 1px solid #F0F0F0;
    vertical-align: top;
}

.gk-sslcommerz-invoice tr th {
    text-align: left;
}

.gk-sslcommerz-invoice tr td[align=right], .gk-sslcommerz-invoice tr th[align=right] {
    text-align: right;
}

.gk-sslcommerz-payment tr th {
    border-bottom: 1px solid #CCCCCC;
}

.gk-sslcommerz-payment tr:hover td {
    background-color: #039885;
    color: #FAFAFA;
}

div.notice.warning {
    border-color: #ffba00;
}