.tableBox {
	background-color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	border: 1px solid #e2e2e2;
}

.tableBox table {
	width: 100%;
	font-size: 14px;
}

.tableBox table th {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 10px 5px;
	vertical-align: middle;
}

.tableBox table td {
	padding: 5px;
	vertical-align: middle;
}

.tableBox table td.active {
	background-color: #d7ff98;
}

.tableBox table td.test {
	background-color: #474747;
	color: #ffffff;
}

.tableBox table td.deactive {
	background-color: #ffc9c9;
}

.tableBox table td.suspended,
.tableBox table td.comingsoon {
	background-color: #ffef97;
}

.tableBox table td.finished {
	background-color: #b3edff;
}

.tableBox table tbody tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.tableBox table td a {
	display: block;
	width: 100%;
	min-height: 24px;
}

.tableBox table td.editTd {
	cursor: pointer;
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/edit.svg');
}

.tableBox table td.galleryTd {
	cursor: pointer;
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/gallery2.svg');
}

.tableBox table td.observeTd {
	cursor: pointer;
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/observe.svg');
}

.tableBox table td.chartTd {
	cursor: pointer;
	background-position: center;
	background-size: 19px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/bars-chart.svg');
}

.tableBox table td.archiveTd {
	cursor: pointer;
	background-position: center;
	background-size: 28px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/archive.svg');
}

.tableBox table td.downloadTd {
	cursor: pointer;
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/download.svg');
}

.tableBox table td.forbiddenTd {
	cursor: no-drop;
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
	background-image: url('../img/icon/forbidden.svg');
}

.tableBox table td.forbiddenTd a {
	display: none;
}

.tableBox td.deleteTd {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	background-image: url('../img/icon/bin.svg');
	cursor: pointer;
}

.tableBox td.deleteTd:hover {
	background-image: url('../img/icon/bin-open.svg');
}

.tableBox table td select {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cecece;
	width: 85%;
	min-width: 100px;
	padding: 3px 5px 3px 25px;
	outline: none;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none ;
	background-image: url('../img/icon/arrow-down.svg');
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 10px center;
	text-align-last: center;
}

.tableBox table td.activeselect select {
	background-color: #d7ff98;
}

.tableBox table td.deactiveselect select {
	background-color: #ffc9c9;
}

.tableBox table td.usedselect select {
	background-color: #ffef97;
}

.tableBox table td.notusedselect select {
	background-color: #d0d0d0;
}

.tableBox table tfoot,
.tableBox tr.sum {
	background-color: #4abbc9 !important;
	color: #ffffff;
	padding: 10px;
	-webkit-text-shadow: 0 0 10px #2f4050;
	-moz-text-shadow: 0 0 10px #2f4050;
	-ms-text-shadow: 0 0 10px #2f4050;
	-o-text-shadow: 0 0 10px #2f4050;
	text-shadow: 0 0 10px #2f4050;
}

.tableBox table tfoot .ftoman,
.tableBox tr.sum .ftoman {
	font-size: 12px;
	text-align: right;
}

.tableBox table td input.input_td {
    border: 1px solid #bababa;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

td.faFormat {
	direction: ltr;
	unicode-bidi: bidi-override;
}

.page_numbers {
	padding: 10px 0;
}

.page_numbers button {
	margin: 0 5px;
	background-color: #e2e2e2;
	width: 25px;
	padding-top: 2px;
	height: 25px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
}

.page_numbers button:hover {
	background-color: rgba(35, 197, 195, 0.34);
}

.page_numbers .iconpage {
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	font-size: 13px;
	color: transparent;
}

.page_numbers .num.active {
	background-color: #23c5c3;
	color: #ffffff;
}

.page_numbers .iconpage#next {
	background-image: url('../img/icon/right-chevron.svg');
}

.page_numbers .iconpage#prev {
	background-image: url('../img/icon/left-chevron.svg');
}

.page_numbers .iconpage#first {
	background-image: url('../img/icon/right-arrow.svg');
}

.page_numbers .iconpage#last {
	background-image: url('../img/icon/left-arrow.svg');
}