.box-table{
	box-shadow: 0 0 1px rgba(0,0,0,0.15);
	padding: 15px 15px 10px;
	background-color: #fff;
	
	.filters-table{
		margin: 30px 0 10px;	

		.inputs{
			width: 30%;
			display: inline-block;
			vertical-align: top;
    		margin-right: 38px;


			label, input{
				display: inline-block;
				vertical-align: top;
			}

			label{
				font-size: 13px;
				color: #9e9e9e;
				margin-right: 20px;
			}

			input{
				width: 70%;
				background-color: transparent;
			    border: none;
			    border-bottom: 1px solid #9e9e9e;
			    border-radius: 0;
			    outline: none;
			    height: 2rem;
			    font-size: 1rem;
			    margin: 0 0 20px 0;
			    padding: 0;
			    box-shadow: none;
			    box-sizing: content-box;

			    &:focus{
			    	border-bottom: 2px solid $primary;

			    }
			}
		}
	}

	
	.table-digix{
		@extend .table;
		@extend .is-striped;
  		font-size: 13px;


		thead{
		    border-bottom: 3px solid lighten($primary, 30%);
		    color: #8a6b6b;
		    padding: 10px 10px;
		    font-weight: 600;
		    background: #f7f7f7;
		        font-weight: normal;	
		}

		td{
			border: none;
		}

		tr:hover{
		    background-color: transparent;
		}
	}
}

.pagination{
  text-align: right;

 	li{
		

		a{
			padding: 0 11px;
			min-width: 30px;
			height: 30px;
			line-height: 30px;
			color: #999999;
			font-weight: 400;
			font-size: 12px;
			text-transform: uppercase;
			background: transparent;
		}
  	}

  	.active>a,
  	.active>a:focus,
  	.active>a:hover,{
	    background-color: $primary;
	    border-color: darken($primary, 10%);
	    border-radius: 50px;
	    color: #FFFFFF;
	    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);
  	}
}