﻿/*@import "compass/css3";*/
.rwd-table:not(.bootstrap-datetimepicker-widget) {
    margin: 10px auto;
    min-width: 200px;
    background-color: rgba(66, 66, 66, 0.7);
    color: #fff;
    border-radius: 2px;
    /*overflow: hidden;*/
    /*table-layout:fixed;*/
    width: 100%;
    font-size: 14px;
    /*display: block;*/
    overflow-x: auto;
    /*tbody {
        tr:first-child {
            font-weight: normal;
        }
    }*/
}

    .rwd-table:not(.bootstrap-datetimepicker-widget) thead tr:first-child {
        background-color: rgba(28, 168, 221, 0.9);
        font-weight: bold;
        font-size: 14px;
    }

    .rwd-table:not(.bootstrap-datetimepicker-widget) tbody tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-color: #45bbe7;
    }

    .rwd-table:not(.bootstrap-datetimepicker-widget) th {
        display: none;
    }

        .rwd-table:not(.bootstrap-datetimepicker-widget) th:first-child {
            border-top-left-radius: 5px;
        }

        .rwd-table:not(.bootstrap-datetimepicker-widget) th:last-child {
            border-top-right-radius: 5px;
        }

@media (min-width: 768px) {
    .rwd-table:not(.bootstrap-datetimepicker-widget) th, .rwd-table:not(.bootstrap-datetimepicker-widget) td:not(.rwd-nestedTd) {
        padding: 5px !important;
        vertical-align: top;
    }
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td {
    display: block;
    position: relative;
    /*input, .form-inline, .dropdown {
            display: inline-block;
        }*/
    /*.form-control{
            font-size: 14px;            
        }*/
}

@media (min-width: 768px) {
    .rwd-table:not(.bootstrap-datetimepicker-widget) td input[type="number"] {
        max-width: 110px;
    }
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td .form-inline .form-group {
    margin-bottom: -15px;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td:first-child {
    padding-top: .5em;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td:last-child {
    padding-bottom: .5em;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td:before {
    content: attr(data-th);
    font-weight: bold;
    text-align: left;
    position: absolute;
    left: 0;
    padding-left: 5px;
    width: 8.2em;
    /*display: inline-block;*/
    color: #1CA8DD;
}

@media (min-width: 768px) {
    .rwd-table:not(.bootstrap-datetimepicker-widget) td:before {
        display: none;
    }
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td textarea {
    margin-left: 8.2em;
}

@media (min-width: 768px) {
    .rwd-table:not(.bootstrap-datetimepicker-widget) td textarea {
        margin-left: 0;
    }
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td .w-short {
    min-width: 70px;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td .w-middle {
    min-width: 120px;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td .w-long {
    min-width: 190px;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td .form-control:not(.form-autocomplete), .rwd-table:not(.bootstrap-datetimepicker-widget) td .custom-select {
    max-width: 160px;
}

.rwd-table:not(.bootstrap-datetimepicker-widget) th, .rwd-table:not(.bootstrap-datetimepicker-widget) td {
    text-align: right;
    margin: .5em 1em;
    padding: 5px;
    padding-left: 30%;
    /*white-space: nowrap;*/
    word-break: normal;
    /*white-space: pre-wrap;*/
    height: auto;
}

    .rwd-table:not(.bootstrap-datetimepicker-widget) th.noBreak, .rwd-table:not(.bootstrap-datetimepicker-widget) td.noBreak {
        white-space: nowrap;
    }

@media (min-width: 768px) {
    .rwd-table:not(.bootstrap-datetimepicker-widget) th, .rwd-table:not(.bootstrap-datetimepicker-widget) td {
        display: table-cell;
        text-align: left;
        /*&:last-child {
                padding-right: 0;
                text-align: right;
                white-space: nowrap;
            }*/
    }

        .rwd-table:not(.bootstrap-datetimepicker-widget) th:first-child, .rwd-table:not(.bootstrap-datetimepicker-widget) td:first-child {
            padding-left: 0;
        }

        .rwd-table:not(.bootstrap-datetimepicker-widget) th .form-inline .form-group, .rwd-table:not(.bootstrap-datetimepicker-widget) td .form-inline .form-group {
            margin-bottom: 0;
        }

        .rwd-table:not(.bootstrap-datetimepicker-widget) th .dropdown .btn-block, .rwd-table:not(.bootstrap-datetimepicker-widget) td .dropdown .btn-block {
            display: table-cell;
        }
}

.rwd-table:not(.bootstrap-datetimepicker-widget) td.rwd-nestedTd {
    padding: 0;
}

.rwd-nestedTbl {
    margin: 10px auto;
    min-width: 200px;
    width: 100%;
    background-color: rgba(48, 48, 48, 0.7);
    color: #fff;
    /*overflow: hidden;*/
    box-shadow: #1CA8DD 0px 0px 5px;
}

    .rwd-nestedTbl thead tr:first-child {
        background-color: rgba(147, 213, 252, 0.9);
        font-weight: bold;
        font-size: 16px;
    }

    .rwd-nestedTbl tbody tr:first-child {
        /*background-color: rgba(48, 48, 48, 0.70);*/
        font-weight: normal;
    }

    .rwd-nestedTbl td:before {
        color: #93D5FE;
    }
