.table { 
	border: none;
	font-size: 13px; 
	line-height: 18px;
	table-layout: auto;
}

.table > thead > tr > th {
	padding: 12px 20px;
	border: none;
	background: #f6f6f6;
}

.table > tbody > tr > td {
	padding: 10px 18px;
	border: none;
}

.table > tbody > tr:nth-child(2n) {
	background: #f6f6f6;
}

.table .icon-edit-3 {
	color: #22C55E;
	font-size: 18px;
	vertical-align: text-top;
}

.tf-button-danger {
	background-color: #f52424;
	border-color: #f52424;
}

.tf-button-danger:hover {
	color: #f52424;
}

.alert {
	padding: 1.5rem !important;
}

.body-title {
	font-size: 12px;
}

hr {
	border: 1px solid #ccc;
}

.form-control {
  	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
	padding: 10px 20px !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -1px;
	background-color: var(--Surface-3);
	border: 0;
	border-radius: 12px;
	color: var(--Surface-2);
	overflow: hidden;
	margin-bottom: 0;
}

.form-select-sm {
	padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    padding-left: .5rem !important;
    font-size: .875rem !important;
}

.form-control:focus {
	background-color: var(--Surface-3);
  	outline: none !important;
  	box-shadow: none !important;
  	border-color: inherit !important;
}

.form-control-btn {
	background-color: var(--Secondary) !important;
	color: #fff !important;
}

.form-control-btn:hover {
	background-color: var(--Secondary);
	color: #fff;
}

.input-pagination {
	padding: 0.25rem 1.5rem;
    font-size: 10px;
    border-radius: 5px;
}

.no-resize {
	resize: none;
}