.alert .close,
.alert .mailbox-attachment-close {
	color: #000;
	opacity: 1 !important;
}

div.dtr-modal div.dtr-modal-display{
    height: 80%;
}

div.dtr-modal div.dtr-modal-close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 40px;
	height: 40px;
	border: 1px solid #eaeaea;
	background-color: #e2e2e2;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	z-index: 12;
	font-size: 35px;
	line-height: 40px;
}

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid black;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    top: 50%;
    transform: translateY(-50%);
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
	white-space: nowrap;
	vertical-align: middle;
}

/**login page**/
.login-page, .register-page{
	background-color: white;
}

.login-box .card{
	border-radius: 5px;
}

.login-logo{
	margin-bottom: 35px;
}

.login-logo a{
	max-width: 233px;
    width: 100%;
    display: block;
    margin: auto;
	font-size: 0;
}

.login-logo a b{
	font-size: 16px;
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.login-card-body, .register-card-body{
	border-radius: 5px;
	background-color: #f1f1f1;
	padding: 40px 20px 20px;
}

.login-page .btn-flat{
	background-color: black;
	border-color: black;
}

.login-page .btn-flat:hover{
	background-color: #6d6d6d;
	border-color: #6d6d6d;
}

[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before{
	background: white;
}

.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text{
	color: #ffd12e;
}

.author-details,
.author-details a{
	font-size: 13px;
    color: black;
    margin-top: 20px;
    letter-spacing: 1px;
    text-align: center;
}
.author-details a:hover{
    color: #ffd12e;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: break-spaces;
    vertical-align: middle;
}

#payment_tables{
	display: block;
    overflow-x: auto;
    white-space: nowrap;
	height: 70vh;
}