.table {
    color: inherit;

	thead {
		th {
			border-top: 0;
			border-bottom-width: 1px;
			padding-top: .5rem;
			padding-bottom: .5rem;
		}
	}

	th {
		color: $text-muted;		
		font-size: $h6-font-size;
        font-weight: $font-weight-400;
        text-transform: uppercase;
    }
    td, th{
        border-color: $gray-100;
        font-size: $font-size - 1px; 
    }

    &.table_custom{
        border-collapse: separate;
        border-spacing: 0 5px !important;
        &.spacing5{
			border-spacing: 0 5px !important;
		}
		&.spacing8{
			border-spacing: 0 8px !important;
        }
        &.border-style{
            tr{                
                td{
                    border-top:  1px solid $lightgray;
                    border-bottom:  1px solid $lightgray;
                    border-left:  1px solid $lightgray;

                    &:last-child{
                        border-right: 1px solid $lightgray;
                    }
                }
                &:hover{
                    td{                         
                        border-top-color: $blue;
                        border-bottom-color: $blue;
                        &:first-child{
                            border-left-color: $blue;
                        }
                        &:last-child{
                            border-right-color: $blue;
                        }
                    }
                }
            }
        }
        thead{
            tr{
                background: transparent;
                th{
                    color: rgba($dark, 0.5);
                }
            }
        }
        tr{
            background: $white;            
            th, td{
                border: 0;

                &:first-child{
                    border-radius: $border-radius-large 0 0 $border-radius-large; 
                }

                &:last-child{
                    border-radius: 0 $border-radius-large $border-radius-large 0; 
                }
            }
        }
    }
    &.table-md {
        th,
        td {
            padding: .5rem;
        }
    }    
    &.table-vcenter {
        td,
        th {
            vertical-align: middle;
        }
    }    
    &.table-center {
        td,
        th {
            text-align: center;
        }
    }    
    &.table-striped {
        tbody tr:nth-of-type(odd) {
            background: transparent;
        }
    
        tbody tr:nth-of-type(even) {
            background-color: $table-accent-bg;
        }
    }
    &.table-custom{
		border-collapse: separate !important;        

		&.spacing5{
			border-spacing: 0 5px !important;
		}
		&.spacing8{
			border-spacing: 0 8px !important;
		}
		td, th{
            vertical-align: middle;
            border-top: 0; 
		}
	}
	&.table-custom2{
		border-collapse: separate !important;
		border-spacing: 1px 1px !important;
		tr{
			td, th{
				border: none;
				font-size: $font-size;
			}
		}
		thead, tbody{
			background: $card-color;
		}
    }
    &.text-wrap{
        td, th{
            white-space: nowrap;
        }
    }
    &.table-hover tbody tr:hover{
        color: $gray-500;
    }
}

.table-calendar {
	margin: 0 0 .75rem;

	td,
	th {
		border: 0;
		text-align: center;
		padding: 0 !important;
		width: (100%/7);
		line-height: 2.5rem;
	}

	td {
		border-top: 0;
	}
}

.table-calendar-link {
	@include transition(all .3s ease-in-out);
	@include border-radius(4px);
	@include inline-block;	
	background: $gray-100;
	color: $font-color;
	font-weight: $font-weight-600;
	line-height: 2rem;
	min-width: calc(2rem + 2px);
	position: relative;

	&:before {
		background: $primary;
		content: '';
		width: 5px;
		height: 5px;
		position: absolute;
		left: 3px;
		top: 3px;		
	}

	&:hover {
		color: $white;		
		background: $primary;
		text-decoration: none;		
	}
}

.table-header {
	@include transition(all .3s ease-in-out);
	cursor: pointer;

	&:hover {
		color: $body-color !important;
	}

	&:after {
		content: '\f0dc';
		font-family: 'FontAwesome';
		display: inline-block;
		margin-left: .5rem;
		font-size: .75rem;
	}
}

.table-header-asc {
	color: $body-color !important;

	&:after {
		content: '\f0de';
	}
}

.table-header-desc {
	color: $body-color !important;

	&:after {
		content: '\f0dd';
	}
}