.btnEdit {
	color: #117a8b;
	font-size: 18px;
}
.btnDelete {
	color: #bd2130;
	margin-left: 10px;
	font-size: 18px;
}
.btnNoDelete {
	color: #6c757d;
	margin-left: 10px;
	cursor: not-allowed;
	font-size: 18px;
}
.btnShow {
	color: #00a65a;
	margin-left: 10px;
	font-size: 18px;
}
.card-title {
	font-size: 24px;
	margin-top: 6px;
}
.card-header .btn {
	color: #000000 !important;
}
.fa-arrow-down {
	color: #dc3545;
}
.fa-arrow-up {
	color: #28a745;
}
.tableTools-container {
	margin-bottom: 8px;
	position: relative
}

.gritter-item-wrapper.dt-button-info>h2 {
	margin-top: 0
}

.dt-button-collection .dropdown-menu {
	display: block;
	z-index: 1101
}

.dt-button-collection .dropdown-menu>li>a {
	color: #888;
	text-decoration: line-through
}

.dt-button-collection .dropdown-menu>li>a.active {
	color: #333;
	text-decoration: none
}

div.dt-button-background {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	z-index: 1100;
	opacity: .1
}

.dataTable>tbody>tr.selected>td {
	background-color: #dff0d8
}

.dataTable>tbody>tr.selected:hover>td {
	background-color: #d0e9c6
}

div.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 60px;
	margin-left: -40%;
	margin-top: -25px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.2em;
	background-color: #fff;
	border: 2px solid #DDD;
	background-color: rgba(255, 255, 255, .66)
}
.bigger-110 {
	font-size: 110%!important;
}
.dark {
	color: #333!important
}

.white {
	color: #FFF!important
}

.red {
	color: #DD5A43!important
}

.red2 {
	color: #E08374!important
}

.light-red {
	color: #F77!important
}

.blue {
	color: #478FCA!important
}

.light-blue {
	color: #93CBF9!important
}

.green {
	color: #69AA46!important
}

.light-green {
	color: #B0D877!important
}

.orange {
	color: #FF892A!important
}

.orange2 {
	color: #FEB902!important
}

.light-orange {
	color: #FCAC6F!important
}

.purple {
	color: #A069C3!important
}

.pink {
	color: #C6699F!important
}

.pink2 {
	color: #D6487E!important
}

.brown {
	color: brown!important
}

.grey {
	color: #777!important
}

.light-grey {
	color: #BBB!important
}
.btn-white.btn-primary {
	border-color: #8aafce;
	color: #6688a6!important;
}
.btn.btn-white, .btn.btn-white.no-hover:active, .btn.btn-white.no-hover:hover {
	background-color: #FFF!important;
}

.table {
	width: 100% !important;
}

.dataTables_filter, .dataTables_paginate {
	text-align: right;
}

.dataTables_paginate .pagination {
	margin: 0 0 !important; 
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
	max-height: 70px !important;
}

.table {
	width: 100% !important;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	table, thead, tbody, th, td, tr { 
		display: block; 
	}

	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}

@media (max-width: 991.98px) {
	.content {
		margin-top: 40px !important;
	}

	.main-sidebar {
	    padding-top: 150px !important;
	}
}

.note-editable { 
    font-family: 'Poppins' !important; 
    font-size: 15px !important; 
    text-align: left !important;   
}