.dataTables_wrapper{overflow-x:auto;}

.table-striped tbody tr:nth-of-type(odd){
	color:000;
}

.table-striped tbody tr:nth-of-type(odd):hover, .table-striped tbody tr:nth-of-type(even):hover{
	background:#d5e4f2;
}

.table>:not(caption)>*>*{
	border-bottom-width: 0px !important;
}

.hover tr:hover (){
	background-color:/*#b9d3ff*/rgb(225, 225, 240);
}

.table_row-header{
	background-color:#049cdb;
	color:#FFF;
	white-space:nowrap;
}

.table_row-header-child {
	background-color: #5f6a6f;
	color: #FFF;
	white-space: nowrap;
	font-weight: bold;
	margin-right: -0.5rem;
	margin-top: -0.5rem;
	margin-bottom: 0.2rem;
	padding-left: 10px;
}

.dataTables_wrapper .dataTables_paginate{
	margin-bottom: 20px !important;
}

.allStatusStyle{
	color:white;
	border-radius:5px;
	text-align: center;
	vertical-align: middle;
	font-size: inherit;
	padding: 5px 12px;
	display: inline-block;
}

/* Account status */
.activeStatus{
	background-color: #34a853;/* green */
	width: auto;
	text-align:center;
}

.inActiveStatus{
	background-color: #c9cacc;/* gray */
	width: auto;
	text-align:center;
}

.lockedStatus{
	background-color: #e00325;/* red */
	width: auto;
	text-align:center;
}

.deniedStatus{
	background-color: #870015;/* dark red */
	width: auto;
	text-align:center;
}

.pendingApprovalStatus {
	background-color: #ff8708; /* orange */
	width: auto;
	text-align: center;
}

.pendingVerificationStatus {
	background-color: #ffb800; /* yellow */
	width: auto;
	text-align: center;
} 

.pendingStatus{
	background-color: #ffb800;/* yellow */
	width: auto;
	text-align:center;
} 

/* Course Status */
.enrolledStatus{
	background-color: #ffb800;/* yellow */
	width: auto;
	text-align:center;
}

.completedStatus{
	background-color: #34a853;/* green */
	width: auto;
	text-align:center;
}

.inprogressStatus{
	background-color: #4285f4;/* blue */
	width: auto;
	text-align:center;
}

.waitListedStatus{
	background-color: #8d00b8;/* purple */
	width: auto;
	text-align:center;
}

.actionStyle {
	border-radius: 50px;
	height: 30px;
	width: 30px;
	padding: 0px;
	font-size: 15px;
	border: 0px;
	margin: 10% 0 0 39% !important;
}

.actionStyle:hover{
	border-radius: 50px;
	height: 30px;
	width: 30px;
	background: #fff;
}

.actionStyle i{
	color: #4285f4;
    position: relative;
    top: 3.5px;
}

.actionStyle2 i{
	color: #4285f4;
}

.actionStyle2 {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 13px;
	border: 0px;
	border-radius: 25px;
	margin: 5% 0 0 5% !important;
	width: auto;
}

.actionStyle2:hover {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	padding-right: 5%;
	border-radius: 25px;
	width: auto;
	background: #fff;
}

.printDTButtons {
	display: inherit;
	font-size: inherit;
	float: left;
	padding-left: 0px !important;
}

.stopwrap{
		white-space:nowrap;
}

@media screen and (min-width: 1521px) {
	.stopwrap-lg{
		white-space:nowrap;
	}
}

table .btn-gray{
	background-color:#999;
	border-color:#888;
	color:white;
}
table .btn-gray:hover{
	background-color:#666;
	border-color:#555;
	color:white;
}

table .btn{
	margin:0 1px 1px 0;
}

.dt-button.btn{
	display: inline-block;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 8px 12px;
	
	font-size: 13px;
	line-height: 1.25;
	border-radius: 1.25rem;
	transition: all 0.15s ease-in-out;
}

.active > .page-link, .page-link.active {
	background-color: #235895 !important;
}