/* Copyright CloudLinux Zug GmbH 2010-2017 All Rights Reserved
 *
 * Licensed under CLOUD LINUX LICENSE AGREEMENT
 * http://cloudlinux.com/docs/LICENSE.TXT
 */
@import "colors";
@import "icons";
@import "variables";
@import "mixins";
@import "pagination";

table {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);

    tr {
        min-height: 51px;

        &:not(.expanded):hover {
            background-color: #e0f0fe;
        }

        //.expanded:hover {
        //    background-color: transparent !important;
        //}
    }

    thead {
        tr {
            height: 51px;
        }

        th {

            span {
                font-size: 10px;
            }

            a, div {
                font-family: @notoFont;
            }

            a {
                color: #4e5665;
                font-size: 13px;
                text-decoration: none;
            }

            i.icon-sort {
                display: inline-block;
                width: 12px;
                height: 12px;
                background-size: auto;
            }

            i.sort-asc {
                background-image: data-uri('image/svg+xml;charset=utf-8', '../assets/images/ic-arrow-up.svg');
            }

            i.sort-desc {
                background-image: data-uri('image/svg+xml;charset=utf-8', '../assets/images/ic-arrow-down.svg');
            }

            font-size: 13px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            color: #4e5665;
            background-color: #f8f8f8;
            vertical-align: middle;
            height: 51px;
        }

        td, th{
            border-width: 1px;
        }
    }

    tbody {
        tr {
            height: 51px;

            td {
                vertical-align: middle;
                color: @disabledColor;
                font-family: @notoFont;
                font-size: 13px;
                word-wrap: break-word;
                overflow-wrap: break-word;
                div {
                    display: flex;
                    align-items: center;
                }
            }
        }

    }

    button {
        &.disabled {
            opacity: 0.43;
        }
    }

}

td, th{
    text-align: center;
    vertical-align: middle;
}

.odd{
    background-color: #fff;
}

.even{
    background-color: #f8f8f8;
}

.sortable_header {
    white-space: nowrap;
}

/*triangle for filter*/