/*
==========================================================================
    Chimps commonTable
==========================================================================
*/
.table-responsive {
    position: relative;
    &.tableScroll { max-height: 480px; }
}
.commonTable {
    border: none !important;
    border-collapse: separate;
    tr {
        th,
        td {
            font-weight: normal;
            font-size: $medium;
            vertical-align: middle;
            @include text-with-ellipsis();
            &.celledit input {
                padding: 0 10px;
                margin: 0;
                display: block;
                border-radius: 0;
                height: 24px;
                background: $c-input;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
            }
        }
        th {
            font-family: $base-font-semibold;
            padding: 5px 10px !important;
            color: $c-black2;
            text-align: center;
            position: relative;
            background: $c-blue4;
            border-right: 1px solid $c-white !important;
            border-bottom: 1px solid $c-gray3 !important;
            &:last-child { border-right: none !important; }
        }
        td {
            font-family: $base-font;
            color: $c-black2;
            padding: 3px 10px !important;
            @include text-with-ellipsis();
            a {
                color: $c-black2;
                &:hover { color: $c-black2; }
            }
            & > span { @include text-with-ellipsis(); }
            div { @include text-with-ellipsis(); }
        }
    }
}

/* fixTableColumn */
.fixTableColumn {
    width: auto !important;
    th,
    td {
        position: relative;
        z-index: 0;
        @include text-with-ellipsis();
        &.fixcell { z-index: 10; }
    }
}

/* highlightTableRow */
.tableRowColor {
    tr {
        th,
        td {
            padding: 0 10px !important;
            border-top: 1px solid $c-white !important;
            border-right: 1px solid $c-white !important;
            font-size: $small !important;
            font-family: $base-font !important;
            &:last-child { border-right: none !important; }
        }
        th {
            background-color: tablecolor('polo-blue') !important;
            font-weight: normal !important;
            border-bottom: none !important;
            vertical-align: middle !important;
            &.twoCell {
                padding: 0 !important;
                > div {
                    padding: 1px 10px;
                    text-align: left;
                    &:first-child { border-bottom: 1px solid $c-white; padding: 0 10px; height: 25px; }
                    height: 24px;
                    position: relative;
                }
            }
            &.totalColumn { background-color: tablecolor('polo-blue') !important; }
        }
        td {
            background-color: tablecolor('snow') !important;
            text-align: center;
            &.totalColumn { background-color: tablecolor('hawkes-blue-2') !important; }
        }
        .btn-edit,
        .btn-save {
            padding: 0 5px;
            width: $icon-large;
            height: 22px;
            display: block;
            float: left;
            margin: 0;
            background-color: $c-white;
        }
        &:first-child th { border-top: 1px solid tablecolor('polo-blue') !important; }
    }
    .trHead { th,td { font-family: $base-font-semibold !important; } }
    .trHawkesBlue { th, td { background-color: tablecolor('hawkes-blue') !important; } }        //old class .trColor1
    .trClearDay { th, td { background-color: tablecolor('clear-day') !important; } }            //old class .trColor2
    .trLinkWater { th, td { background-color: tablecolor('link-water')  !important; } }         //old class .trColor3
    .trWhiteLilac { th, td { background-color: tablecolor('white-lilac')  !important; } }       //old class .trColor4
    .trTropicalBlue { th, td { background-color: tablecolor('tropical-blue') !important; } }    //old class .trColor5
    .trPattensBlue { th, td { background-color: tablecolor('pattens-blue') !important; } }      //old class .trColor6
    .trSolitude { th, td { background-color: tablecolor('solitude') !important; } }             //old class .trColor7
    .trGhostWhite { th, td { background-color: tablecolor('ghost-white') !important; } }        //old class .trColor8
    .trGhostWhite2 { th, td { background-color: tablecolor('ghost-white-2') !important; } }     //old class .trColor9
    .trAliceBlue { th, td { background-color: tablecolor('alice-blue') !important; } }          //old class .trColor10
    .trTara { th, td { background-color: tablecolor('tara') !important; } }                     //old class .trColor11
    .trGainsboro { th, td { background-color: tablecolor('gainsboro') !important; } }           // new color
    .trHintGreen { th, td { background-color: tablecolor('hint-green') !important; } }          /* currency */
    .trWhite { th, td { background-color: tablecolor('white') !important; } }                   /* currency */
    th.event { background-color: tablecolor('cape-honey') !important; }
    tr:first-child th.event { border-top: 1px solid tablecolor('cape-honey') !important; }
    .hoverActive {
        th.fixcell:hover, td.fixcell:hover { background-color: tablecolor('pattens-blue') !important; position: relative; }
        a { color: $c-black2; text-decoration: none; display: block; padding-right:10px; }
    }
    .icon-collapse { cursor: pointer; }
}

/* ie fixing */
.wrapper .commonTable .ieFixing td {
    height:0 !important; padding: 0 !important; border:none !important;
}

/* fb-forecast using positive value | negative value */
.commonTable {
    tr {
        .positiveValue { background-color: color('tea-green') !important; }
        .negativeValue { background-color: color('sundown') !important; }
    }
}