.table {
    & > thead {
        & > tr {
            & > th {
                border-bottom: 0px;
            }
        }
    }
    th {
        border-top: 1px solid #e8edf1;
        padding: 10px 12px;
        font-size: 12px;
        text-transform: uppercase;
        color: #515151;
        font-weight: 600;
        &.medium-cell {
            width: 112px;
        }
        &.big-cell {
            width: 200px;
        }
    }
    tr {
        &.row_selected {
            td {
                background-color:  $color-white fcc !important;
            }
            .progress {
                background-color:  $color-white ;
            }
        }
    }
    td {
        border-top: 1px solid #e8edf1;
        vertical-align: top;
        padding: 10px 12px !important;
        color: #515151;
        font-size: 13px;
        &.no-border {
            border: none;
        }
        // &:first-child {
        //     -webkit-border-radius: 3px;
        //     -moz-border-radius: 3px;
        //     border-radius: 3px;
        // }
        // &:last-child {
        //     -webkit-border-radius: 3px;
        //     -moz-border-radius: 3px;
        //     border-radius: 3px;
        // }
        .progress {
            margin-bottom: 0px;
        }
        .muted {
            color: #515151; /*#95989a;*/
        }
        &.clickable {
            cursor: pointer;
        }
    }
    .checkbox {
        margin-left: 3px;
    }
    .star {
        margin-left: 3px;
    }
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px;
}
.table th input[type="radio"], input[type="checkbox"], .table td input[type="radio"], input[type="checkbox"] {
    margin-top: -2px;
}
.table td.small-cell, .table th.small-cell {
    width: 40px;
}
.table-fixed-layout {
    table-layout: fixed;
    td {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 9px;
}
.table-condensed {
    th {
        .checkbox {
            margin-left: 4px;
        }
    }
}
.table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #E8EDF1;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: #ecf0f2;
    border: none;
}
.table-striped {
    tbody {
        & > tr {
            & > td {
                border: 0px;
            }
        }
    }
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background-color: #e2e8eb;
}
.table-hover {
    tbody {
        tr {
            &.row_selected {
                &:hover {
                    & > td {
                        background-color: #fef8ae !important;
                    }
                }
            }
            &:hover {
                & > td {
                    .progress {
                        background-color:  $color-white ;
                    }
                }
            }
        }
    }
}
.table-condensed th, .table-condensed td {
    padding: 10px 5px;
}
.table-tools-actions {
    margin: 0px 5px;
}
.inner-table {
    td {
        background-color: transparent !important;
    }
}
.table-bordered {
    border-color: #E8EDF1 !important;
    th {
        background-color: #ecf0f2;
        border: 0 !important;
    }
    td {
        border: 1px solid #E8EDF1 !important;
        &:first-child {
            border-radius: 0px;
        }
        &:last-child {
            border-radius: 0px;
        }
    }
}

.wt-subscription-current-plan-table {
    th {
        text-align: center;
        color: #fff;
        font-size: 18px;
        font-weight:500;
        background-color: #5d5d5d;
        text-transform: capitalize;
    }
    td {
        font-size: 12px;
        color: #000;
    }
    h4 {
        font-size: 20px;
        color: #000;
        font-weight: normal;
    }
}
$fa-var-external-link-square: "\f14c";
.wt-pricing-table {
    border-width: 0;

    a,
    a:active,
    a:visited, {
        text-decoration: underline;
        color:#1c99db;
        &:after {
            content: $fa-var-external-link-square;
            display: inline-block;
            position: relative;
            margin-left: 7px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    }

    th {
        background-color: transparent;
    }
    td {
        text-align: center;
        font-size: 14px;
        color: #626262;
        font-weight: 500;
    }
    tbody td {
        width: 20%;
        background-color: #fff!important;
    }
    tbody > tr > td:first-child {
        text-align: left;
    }
    .fa {
        font-size: 18px;
        &.text-enable {
            color: #1db235;
        }
        &.text-error {
            color: #b65757;
        }
    }
    .help {

    }
    .btn {
        width: 140px;
        height: 34px;
        padding: 8px 12px;
        font-size: 13px;
    }
    .wt-current-plan {
        color: #bdbdbd!important;
        .btn {
            background-color: #bdbdbd;
        }
        .fa {
            color: #bdbdbd !important;
            border-color: #bdbdbd;
        }
        .wt-pricing-headeing__price {
            color: #bdbdbd;
        }
    }
    .no-border-bottom {
        border-bottom: 0 !important;
    }
    .no-border-top {
        border-top: 0 !important;
    }
    .no-border-left {
        border-left: 0 !important;
    }
    .no-border-right {
        border-right: 0 !important;
    }
    .wt-pricing-heading {
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        border: 1px solid #efefef !important;
        text-transform: capitalize;
        padding: 20px 12px;
    }
    .wt-pricing-header {
        font-size: 20px;
        color: #000;
        font-weight: normal;
        padding: 20px 12px;
        background-color: #fafafa;
        border: 1px solid #eaeaea !important;
        img {
            margin-right: 5px;
        }
        > div {
            vertical-align: bottom;
        }
    }
    .wt-plan-action {
        border: 1px solid #eaeaea !important;
    }
    .wt-pricing-heading__price {
            color: #000;
            font-size: 35px;
            font-weight: normal;
            text-transform: lowercase;
            border: 1px solid #eaeaea !important;
            .time {
                font-size: 14px;
                &.year {
                    color: #a3a3a3;
                    position: relative;
                    top: 5px;
                }
            }
            sup {
                font-size: 20px;
                font-weight: bold;
                position: relative;
            }
    }
    .wt-pricing-heading__1 { background-color: #5d5d5d; }
    .wt-pricing-heading__2 { background-color: #3a86a7; }
    .wt-pricing-heading__3 { background-color: #096891; }
    .wt-pricing-heading__4 { background-color: #096891; }
}