.sidebar-nav li a {
	border-radius: 8px;
	margin-left: 12px;
	margin-right: 12px;
}

.sidebar-nav li a.active span {
	color: #3874ff;
	font-weight: bold;
}

.sidebar-nav li a:hover,
.sidebar-nav li a.active {
	background-color: #eff2f6;
	transition: all 0.3s;
}

.sidebar-nav .is-child-menu {
	padding-left: 8px;
}

.sidebar-nav * {
	text-transform: uppercase;
	font-size: 10pt;
}

.nav-tabs {
	background-color: white;
	border-bottom: 1px solid #f2f2f2 !important;
}

.nav-tabs a {
	color: #777;
}

.nav-tabs .active a {
	background-color: transparent !important;
	border: none !important;
	border-bottom: 4px solid #3874ff !important;
	font-weight: bold;
	color: black;
}

.navbar.navbar-default {
	background-color: #f5f7fa;
}

#page-content {
	background-color: #f5f7fa;
}

h2.modal-title {
	font-size: 25px;
}

.block,
.block.full,
.modal-content {
	border-radius: 10px;
}

.block-title {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #f5f7fa;
	overflow-y: hidden;
}

.block-title h2 strong {
	font-size: 16pt !important;
}

.modal-content {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) !important;
}

.modal-footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.dataTables_scroll {
	padding: 0 !important;
}

.table td {
	vertical-align: middle !important;
	background-color: white;
}

.btn {
	border-radius: 7px;
	/* padding: 6px 15px; */
	font-size: 11pt;
	border: none;
	transition: all 0.3s;
}

.btn i {
	font-size: 10pt;
}

.btn-primary {
	background-color: #e5edff;
	color: #2153cd;
}

.btn-primary:hover {
	background-color: #cbd9fb;
	color: #2153cd;
}

.btn-default {
	background-color: #eff2f6;
}

.btn-default:hover {
	background-color: #e2e2e2;
}

.btn-info {
	background-color: #c7ebff;
	color: #1d6894;
}

.btn-info:hover {
	background-color: #a9e0fd;
	color: #1d6894;
}

.btn-warning {
	background-color: #ffefca;
	color: #c04d2d;
}

.btn-warning:hover {
	background-color: #fae0a4;
	color: #c04d2d;
}

input,
textarea,
select,
.select2-selection {
	border-radius: 10px !important;
}

.disable-wrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-responsive .row {
	background-color: white;
	border: none;
}

.btn-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #2153cd;
	color: #ffffff;
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 0 0 #999;
	z-index: 1;
	cursor: pointer;
}

.btn-float:hover {
	background-color: #2152cdd8;
	transition: all 0.3s;
	color: white;
	box-shadow: 2px 2px 3px #999;
}

.my-float {
	margin-top: 20px;
	font-size: 15pt;
}

[data-display-none] {
	display: none !important;
}

.so-status {
	padding: 4px 0;
	width: 80px;
	text-align: center;
	display: inline-block;
	border-radius: 4px;
	font-size: 9pt;
}

.so-status[data-status="0"] {
	background-color: #f443363b;
	color: #ad0c00;
}

.so-status[data-status="1"] {
	background-color: #fb8a003f;
	color: #8d4d00;
}

/* .so-status[data-status="2"] {
	background-color: #ffc10792;
	color: #775900;
}

.so-status[data-status="3"] {
	background-color: #ffeb3b77;
	color: #756900;
} */

.so-status[data-status="2"] {
	background-color: #43a04857;
	color: #0a720f;
}