:root { 
	--o-grey-50: #f5f6f7;
	--o-grey-100: #e3e4e5;
	--o-grey-200: #c7c8c9;
	--o-grey-300: #aeafb0;
	--o-grey-400: #929394;
	--o-grey-500: #777778;
	--o-grey-600: #5d5e5e;
	--o-grey-700: #49494a;
	--o-grey-800: #383838;

	--o-warning-50: #ffebee;
	--o-warning-100: #ffcdd2;
	--o-warning-200: #ef9a9a;
	--o-warning-300: #e57373;
	--o-warning-400: #ef5350;
	--o-warning-500: #f44336;
	--o-warning-600: #e53935;
	--o-warning-700: #d32f2f;
	--o-warning-800: #c62828;
	--o-warning-900: #b71c1c;
	--o-warning-A100: #ff8a80;
	--o-warning-A200: #ff5252;
	--o-warning-A400: #ff1744;
	--o-warning-A700: #d50000;
	
	--o-accent-50: #f2fae6;
	--o-accent-100: #e3f7c3;
	--o-accent-200: #d2f2a0;
	--o-accent-300: #c4ed82;
	--o-accent-400: #b3e069;
	--o-accent-500: #a0d154;
	--o-accent-600: #8dbd42;
	--o-accent-700: #70a718;
	--o-accent-800: #61940f;
	--o-accent-900: #67840d;
	--o-accent-A100: #e3f7c3;
	--o-accent-A200: #d2f2a0;
	--o-accent-A400: #b3e069;
	--o-accent-A500: #9dd14d;
	--o-accent-A600: #88bf32;
	--o-accent-A700: #72b00e;

	--o-primary-50: #f7f7fa;
	--o-primary-100: #e1e4eb;
	--o-primary-200: #c9cdd6;
	--o-primary-300: #b0b6c2;
	--o-primary-400: #9aa1b2;
	--o-primary-500: #7a8399;
	--o-primary-600: #5e6983;
	--o-primary-700: #4c5875;
	--o-primary-800: #3d4969;
	--o-primary-900: #2d3752;
	--o-primary-A100: #e1e4eb;
	--o-primary-A200: #c9cdd6;
	--o-primary-A400: #9aa1b2;
	--o-primary-A700: #4c5875;
	
	--o-white-op-75: rgba(255, 255, 255, 0.75);
	--o-main-menu-width:288px;
	--o-main-menu-min-width:288px;
	
	/****** BUTTOM VARIABLES ********/
	--o-btn-success-default-bg-color:#88BF32;
	--o-btn-success-hover-bg-color:#9DD14D;
	--o-btn-success-pressed-bg-color:#72B00E;
	--o-btn-success-disable-bg-color:#b3e069 /* #E2F5C6 */;
}

/****** COMMON ***************************************************/
html,body {overscroll-behavior: none;}

.grayscale {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 1;
	filter: alpha(opacity=0);
 	-webkit-filter: invert(70%); /* Safari/Chrome */
	filter: invert(70%);
}

th {
	background-color: var(--o-primary-100);
	color: #7A7B7D;
}
.tablesorter thead th{
	cursor: pointer;
}
img {
	max-width:100%;
}
.img-bg-transparent{
	mix-blend-mode: multiply;
}
dd {
	margin-left: 1.20rem;
}
a:not(.tablesorter th a, .btn) {
	color: #70a718;
}

a:hover {
	color: #777778;
	text-decoration: none;
}

.tablesorter th a {
	color: #7A7B7D;
}

.rounded-4 {
	border-radius: 4px;
}
.rounded-8 {
	border-radius: 8px;
}
.rounded-16 {
	border-radius: 16px;
}
.card.rounded-16 .card-header {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.card.rounded-16 .card-footer:last-child {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}
.card.rounded-16 table.table-responsive:last-child tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}
.card.rounded-16 table.table-responsive:last-child tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}
.card-header .card-title {
	margin-bottom: 0;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.2;
}

.flex-gap-16 {
	gap: 16px;
}
.flex-gap-8 {
	gap: 8px;
}
.flex-gap-4 {
	gap: 4px;
}
.flex-gap-2p {
	gap: 2px;
}
.flex-gap-3 {
	gap: 1rem;
}
.flex-gap-2 {
	gap: 0.5rem;
}
.flex-gap-1 {
	gap: 0.25rem;
}

.no-data {
	text-align: center;
}

.modal-content {
	border-radius: 16px;
}
.modal-content .modal-header {
	border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
.rta {text-align: right;}
.cta {text-align: center;}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-600 {
	font-weight: 600;
}

.o-bs-tooltip .tooltip-inner {
	background: var(--o-grey-700);
	border-radius: 0.45rem;
	padding-bottom: 0.35rem;
}
.o-bs-tooltip .arrow:before {
	border-top-color: var(--o-grey-700);
}

@media print {
	.o-bs-tooltip {
		display: none;
	}
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 4px;
    z-index: 2;
    min-height: 60px;
  }
  .sticky-bottom.sticky {
  	box-shadow: 0px 0px 4px 0px var(--o-grey-200);
  	backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: #f8f9fa85 !important;
  }
}
.sticky-top.shadow-sm,
.sticky-bottom.shadow-sm {
	backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: #f8f9fa85 !important;
}
.sticky-bottom.shadow-sm {
	box-shadow: 0 -.125rem .25rem rgba(0, 0, 0, .075) !important;
}
@media (max-width: 767.98px) {
	.w-sm-100 {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.w-md-100 {
		width: 100%;
	}
	.w-md-50 {
		width: 50%;
	}
}

.img-thumbnail {
	padding: 0;
	border-radius: 0.75rem;
}

.card.fingerprint {
	width: 120px;
}
.card.fingerprint .fingerprint-status {
	border: 1px solid #dc3545;
	border-radius: 16px;
}
.card.fingerprint .fingerprint-status.yes {
	border: 1px solid #28a745;
}
.card.fingerprint .fingerprint-status.yes.allow-update {
	border-bottom: 0px solid #28a745;
	border-radius: 16px 16px 0 0;
}
.card.fingerprint .fingerprint-status .bi {
	font-size: 4rem;
	color:#dc3545;
}
.card.fingerprint .fingerprint-status.yes .bi {
	color: #09d909;
}
.card.fingerprint .card-footer .btn {
	border-radius: 0 0 16px 16px;
}
.breadcrumb {
	border-radius: .5rem;
}
.breadcrumb-item.active {
	font-weight: 600;
}
.trim {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.break-word {
	word-break: break-word;
}
.jq-toggle {
	display: block;
	cursor: pointer;
}
[data-toggle="collapse"] {
	cursor: pointer;
}
[data-toggle="collapse"].collapse-icon.collapsed::after,
.jq-toggle.icon::after {
	content: "\f282";
	font-display:block;
	font-family:bootstrap-icons;
	position: absolute;
	right: 16px;
}

[data-toggle="collapse"].collapse-icon::after,
.jq-toggle.icon.show::after {
	content: "\f286";
	font-display:block;
	font-family:bootstrap-icons;
	position: absolute;
	right: 16px;
}
.nowrap {white-space: nowrap;}
label.required::after,
b.required::after {
	content: "*";
	color: red;
	margin-left: 2px;
	margin-top: -2px;
	position: absolute;
}
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  border-radius: 16px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(105, 105, 105, 0.5);
  outline: 0px solid slategrey;
  border-radius: 16px;
}
.menu-content::-webkit-scrollbar-thumb {
	background-color: rgba(205, 205, 205, 0.75);
}
@media (hover: none) { .tooltip { display: none; } }

.toast-top-center {
	top: 16px !important;
	margin: 0 auto;
}
.toast-top-center .toast{
	border-radius: 12px !important;
	opacity: 0.90 !important;
}
.p-4 {
	padding: 2rem !important;
}
.opacity-25 {
	opacity: 0.25;
}
[data-pdf="true"] * {
	border-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 0 !important;;
	border-top-right-radius: 0 !important;
}
[data-pdf="true"] .card-header {
	background-color: rgb(247, 247, 247);
	border-color: rgb(222, 228, 230);
}
[data-pdf="true"] .card {
	border-color: rgb(142, 148, 150);
}
@media (max-width: 767.98px) {
	.blockUI.blockMsg.blockPage{
		width: 50% !important;
		left: 25% !important;
	}
}
/************************************************/
/******Change the jquery dialog look & feel to bootstrap dialog ***********************************/

.ui-dialog {
	background: rgb(255, 255, 255);
	border-radius: 16px;
	border: 1px solid var(--o-grey-100);
	box-shadow: 0px 0px 16px 0px var(--o-grey-200);
	padding:0px;
	max-width: calc(100vw - 48px);
}
.ui-dialog .ui-dialog-titlebar {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	background-color: var(--green);
	color: var(--white);
	min-height: 48px;
	display: flex;
	align-items: center;
}
.ui-dialog .ui-dialog-titlebar-close {
	height: 32px;
	width: 32px;
	right: 8px;
	top:14px;
	border-radius: 16px;
	margin: -8px 0 0 0;
	background: inherit;
	border:none;
	color:inherit;
}
.ui-dialog .ui-dialog-titlebar-close:before {
	content:' \2573';
	color:inherit;
	font-size:14px;
	font-weight: 600;
}
.bootstrap-dialog-draggable {
	cursor: move;
}
.bootstrap-dialog-title {
	cursor: default;
	font-weight: 600;
}
.modal-body {
	min-height: 96px;
}
.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {
  margin-top: 0.25rem;
}

@media (min-width: 768px) {
	.modal-open {
		overflow: auto !important;
	}
	.modal-backdrop.show {
		opacity: 0.25;
	}
}

@media (min-width: 864px) {
	.resizable-dialog {
		pointer-events: auto;
		min-width: 800px;
		width: 800px;
		max-width: unset;
	}
	
	.resizable-dialog-normal {
		pointer-events: auto;
		min-width: 500px;
		width: 500px;
		max-width: unset;
	}
}

.bootstrap-dialog .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation="horizontal"] {
	width: calc(100% - 2.85rem) !important;
}

.auth-wrapper {
	width:100vw;height:100vh;display:flex;background: #4d5975;
}

.institute-name {
	font-family: Roboto Flex,sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #fff;
	line-height: 24px;
	margin-top:8px;
	margin-bottom: 32px;
}

/**************************************************************/
/***** ALERT **************************************************/
.alert {
	border-radius: 16px;
}
.alert-content {
	display:flex;
	flex-direction: row;
	align-items: center;
	gap:16px;
}
.alert-icon {
	font-size:24px;
	font-weight: bold;
}
.alert-warning {
	background-color: #FFF9E6;
}
.alert-info {
	background-color: #EBF7F9;
}
.alert-danger {
	background-color: #FCF1F2;
	color: #d50f22;
}

/*************************************************************/
/****** Date Picker ******************************************/

.ui-datepicker {
  background: white;
  box-shadow: 0px 0px 4px 4px var(--o-grey-100);
  border-radius: 8px;
  border: 1px solid var(--o-grey-200);
  z-index: 2000 !important;
}
.ui-datepicker-trigger {
	width: 24px;
	height: 24px;
}
.ui-datepicker-calendar a.ui-state-default {
	text-align: center;
}
.ui-datepicker-calendar a.ui-state-default:hover,
.ui-datepicker-today a.ui-state-highlight {
	border-radius: 8px;
	border-color: var(--o-accent-700);
	background-color: var(--o-accent-100);
	color:var(--o-accent-900);
}
.ui-datepicker-current-day a.ui-state-active {
	color:var(--o-accent-100);
	border-radius: 8px;
	border-color: var(--o-accent-900);
	background-color: var(--o-accent-700);
}

/************************************************************/
/****** FORM ************************************************/
/* .form-check {
	display: flex;
	align-items: center;
} */
@media (min-width: 768px) {
	.form-control:not(.max-width-auto, .dateoption),
	.input-group:not(.max-width-auto, .dateoption) {
		max-width: 512px;
	}
}
input[type=checkbox]:not(.form-check-input),
input[type=radio]:not(.form-check-input) {
	margin-left: 4px;
	margin-right: 4px;
}
.multi-select {
	padding: 0px;
}
.multi-select option {
	padding: 4px 8px;
	border-bottom: 1px solid var(--o-grey-100);
}
.tinymce-wrapper {
  display: block;
  overflow: auto;
  max-width: calc(100vw - (56px + .75rem));
  width: 100%;
  position: relative;
}

select.form-control[size] {
	height: calc(1.5em + .75rem + 2px);
}
.form-control.inline {
	height: auto;
	padding: 0px 8px;
	width: auto;
	max-width: 100%;
	display: inline-block;
}
select.form-control.inline {
	padding: 2px 8px;
}
.form-control.datepicker:not(.input-group-date .datepicker) {
	display: inline-block;
	max-width: 88%;
}
.input-group.input-group-date {
	border: 1px solid #ced4da;
	border-radius: 8px;
	align-items: center;
	min-width: 140px;
}
.input-group.input-group-date .datepicker {
	border-top: 0px solid #ced4da; 
	border-right: 1px solid #ced4da;
	border-bottom: 0px solid #ced4da;
	border-left: 0px solid #ced4da;
}
.input-group.input-group-date .ui-datepicker-trigger {
	margin-left: 4px;
	margin-right: 4px;
	cursor: pointer;
}

.input-group-append,
.input-group-append .input-group-text.right-rounded {
	border-top-right-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
}
.input-group-prepend,
.input-group-prepend .input-group-text.left-rounded {
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.input-group {
	flex-wrap: nowrap !important;
}
.form-control-hint {
	color: var(--o-grey-600);
	font-size: 0.925rem;
	font-style: italic;
	display: flex;
}
textarea.form-control {
	min-height: 128px;
}
.form-group-outline {
	position: relative;
	margin-top: 0.5rem;
	min-width: 96px;
}
.form-group-outline .form-control:disabled, 
.form-group-outline .form-control[readonly] {
  background-color: #e9ecef75;
  opacity: 0.65;
}
@media (max-width: 767.98px) {
	.form-group-outline {
		width: 100%;
	}
}
.form-group-outline label {
	display: inline-block;
	margin-top: -0.7rem;
	position: absolute;
	background: linear-gradient(to top, white 60%, transparent 40%);
	margin-left: 0.5rem;
	padding: 0rem 0.25rem;
	font-size: 0.85rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 600;
	z-index:4;
	max-width: 85%;
	color: var(--o-grey-500);
}

@media (min-width: 576px) {
	.w-sm-48 {
		width: 48%;
	}
	.w-sm-35 {
		width: 35%;
	}
	.w-sm-15 {
		width: 15%;
	}
	.w-sm-13 {
		width: 13%;
	}
}
@media (min-width: 768px) {
	.w-md-60 {
		width: 60%;
	}
	.w-md-48 {
		width: 48%;
	}
	.w-md-40 {
		width: 40%;
	}
	.w-md-35 {
		width: 35%;
	}
	.w-md-33 {
		width: 33%;
	}
	.w-md-30 {
		width: 30%;
	}
	.w-md-25 {
		width: 25%;
	}
	.w-md-20 {
		width: 20%;
	}
	.w-md-15 {
		width: 15%;
	}
	.w-md-13 {
		width: 13%;
	}
	.w-md-10 {
		width: 10%;
	}
	.w-md-5 {
		width: 5%;
	}
	.w-md-auto {
		width: auto;
	}
	.border-md {
		border: 1px solid #dee2e6 !important;
	}
	.border-md-top {
		border-top: 1px solid #dee2e6 !important;
	}
	.border-md-bottom {
		border-bottom: 1px solid #dee2e6 !important;
	}
	.border-md-left {
		border-left: 1px solid #dee2e6 !important;
	}
	.border-md-right {
		border-right: 1px solid #dee2e6 !important;
	}
	.border-md-0 {
		border: none !important;
	}
}
.w-max-100i{max-width: 100% !important}
select[id$=equallike],
.dateoption {
	max-width: 30%;
}
.select2-container--bootstrap .select2-selection {
	border-radius: 8px !important;
}
.multi-select {
	border: 1px solid rgba(0, 0, 0, 0.125);
	overflow: auto;
	border-radius: 8px;
	height: 168px;
	max-height: 256px;
	min-height:168px;
	min-width: 256px; 
	max-width: 100%;
}
.multi-select .list-group-item.active {
	background-color: var(--o-accent-50);
	border-color: var(--o-accent-100);
	color: var(--o-accent-900);
}
.multi-select .list-group-flush > .list-group-item:last-child {
  border-bottom-width: 1px;
}
.drop-down-main-status {
	font-weight: 600;
}
.page-item.active .page-link {z-index: 2;}
/************************************************************/
/******* MAIN MENU ******************************************/

.o-main-header.bg-primary {
	background-color: var(--o-primary-900) !important;
}
.o-main-menu {
	position: relative;
	height: 100%;
	width: 300px;
	background-color: var(--o-primary-700);
	color: var(--o-white-op-75);
	transition: width 0.30s, transform 0.30s;
}

.menu-toggler {
	position: absolute;
	right: -12px;
	top: 48px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	z-index: 5;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
	border: 1px solid #00000024;
	background: white;
	outline: none;
}
.menu-content {
	position: relative;
	height: 100%;
	overflow-x: auto;
	width: 300px;
	padding: 16px 16px 16px 0px;
}
@media (max-width: 767.99px) {
	.o-main-menu {
		position: absolute;
		z-index: 4;
		transform: translate(-300px);
		height: calc(100% - 58px);
	}
	#main-menu-toggler {
		display: none;
	}
	.o-main-menu.show {
		transform: translate(0px);
	}
}
@media (min-width: 768px) {
	.o-main-menu.minimized {
		width:60px;
	}
	.o-main-menu.minimized .menu-label.hide {
		display: none;
	}
}

.o-main-menu .accordion .card {
	padding-left: 12px;
}
.o-main-menu .card,
.o-main-menu .list-group-item,
.o-main-menu .accordion,
.o-main-menu .collapse,
.o-main-menu .card-header,
.o-main-menu .btn-link
 {
	background-color: inherit;
	color: inherit;
}

.o-main-menu .btn-link {
	width: 100%;
}

.o-main-menu .list-item-dashboard {
	margin-left:12px;
	width: auto;
} 
.o-main-menu .list-group-item.active {
	z-index: auto;
}
.o-main-menu .accordion .list-group {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 12px;
	background-color: var(--o-primary-800);
	border-radius: 8px;
}
.o-main-menu .list-group-item, 
.o-main-menu .btn-link {
	padding: 6px 8px 8px 12px;
	border-radius:8px !important;
}
.o-main-menu .list-group-item:hover, 
.o-main-menu .btn-link:hover,
.o-main-menu .btn-link.active-menu {
	color: var(--white);
	text-decoration: none;
	background-color: var(--o-primary-900);
}
.o-main-menu .btn-link:focus {
	text-decoration: none;
	box-shadow: none;
}
.o-main-menu .list-group-item-action.active,
.o-main-menu .list-group-item-action:active,
.o-main-menu .list-group-item-action:focus {
	background-color: var(--o-primary-900);
	color: var(--o-accent-A500);
	text-decoration: none;
}
.o-main-menu .list-group-item-action.active:hover {
	color: var(--o-accent-A400);
}
.o-main-menu .btn-link.active-menu:before,
.o-main-menu .list-group-item-action.active:before,
.o-main-menu .list-group-item-action:active:before,
.o-main-menu .list-group-item-action:focus:before {
	content: "";
	position: absolute;
	top: 0;
	left: -24px;
	border-radius: 0 4px 4px 0;
	width: 4px;
	height: 99%;
	background: var(--o-accent-A500);
}
.o-main-menu .btn-link.active-menu:before {
	left: 0px;
}
.o-main-menu .accordion .btn-link:after {
	content: "\f286";
	font-display:block;
	font-family:bootstrap-icons;
	float: right;
	font-weight: 900;
}
.o-main-menu .accordion .btn-link.collapsed:after {
	content: "\f282";
	font-display:block;
	font-family:bootstrap-icons;
	float: right;
	font-weight: 900;
}

.menu-profile {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	margin: 0px 0px 16px 16px;
	border: 1px solid rgba(255,255,255,.125);
	border-radius: 8px;
	padding: 4px 4px 4px 8px;
}
.menu-profile-avatar img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
@media (min-width: 768px) {
	.menu-profile-avatar.minimized img {
		width: 24px;
		height: 24px;
	}
}
.menu-profile-name {
	font-weight: 600;
	letter-spacing: 0.025rem;
}

/****************************************************/
/******** PAGE **************************************/

/* body {
	background-color: #F5F6FA !important;
}
#mainframe {
	background-color: #F5F6FA !important;
} */
.page {
	display:flex;
	flex-direction: column;
	/* background-color: #F5F6FA !important; */
}
@media (min-width:768px) {
	.page {
		padding-left: 0.25rem;
	}
}
.card:not(.ui-tabs .ui-tabs-panel .card, #main-menu .card) {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}

.page-header {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1rem;
}

.page-title {
	font-size: 1.85rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.20rem;
	color: var(--o-primary-900);
}
.page-sub-title {
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: var(--o-primary-600);
	margin-top: 0.25rem;
}
.page-content {
	display:flex;
	flex-direction: column;
	gap: 1rem;
	padding: 0 1rem 1rem 1rem;
}

.card > .table th {
	border-top: none;
}

.dropdown-menu-right hr {
	width: 100% !important;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
}

 .page-header .information:not(.dropdown) {
	display:none;
}
.dropdown-header {
	font-weight: 600;
	line-height: 1.2;
}
.dropdown-menu {
	max-height: calc(100vh - 6rem);
	max-width: calc(100vw - 2rem);
	overflow: auto;
}
.pagination {
  gap: 0.375rem;
  flex-wrap: wrap;
}
.page-link {
  padding: .35rem .75rem;
  border-radius: .5rem;
}
.page-item:first-child .page-link, 
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}
.page-item:last-child .page-link,
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.page-item.active .page-link {
  background-color: var(--o-accent-700);
  border-color: var(--o-accent-700);
}
.page-link:hover {
  color: var(--o-accent-900);
}
.card-header-actions {
	display: flex;
	gap: 0.25rem;
}
.card-header-action-item {
	display: inline-flex;
	padding: 2px 8px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}
.card-header-action-item:not(.danger) {
	color: var(--o-grey-800);
}
.card-header-action-item:not(.danger):hover {
	background: #F7F7FA;
	border: 1px solid var(--o-grey-100);
}
.card-header-action-item.danger {
	color: var(--o-warning-800);
}
.card-header-action-item.danger:hover {
	background: #F7F7FA;
	border: 1px solid var(--o-warning-100);
}
/***************************************************************/
/***** Table *************************************************/
.card .table:last-child:not(.form-table) {margin-bottom: 0;}
.form-table {
	margin: 0.75rem 0;
}
.form-table td:not(.non-form td) {
	padding: 0.3rem 0.75rem;
}
.card > .table tr:first-child td {
	border-top: 0;
}

@media only screen and (max-width: 800px) {
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr, 
	.table-mobile table:not(.form-table),
	.table-mobile thead:not(.form-table > thead),
	.table-mobile tbody:not(.form-table > tbody),
	.table-mobile th:not(.form-table > thead > tr > th),
	.table-mobile td:not(.form-table > tbody > tr > td),
	.table-mobile tr:not(.form-table > tbody > tr) {
		display: block;
	}
	#no-more-tables thead tr,
	.table-mobile thead tr:not(.form-table > thead > tr) {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables tr:not(:first-child),
	.table-mobile tr:not(:first-child) {
		border-top: 1px solid #ccc; 
	 }
	#no-more-tables tr:nth-child(even),
	.table-mobile tr:nth-child(even):not(.form-table > tbody > tr) {
		background: var(--o-grey-50); 
	}
	#no-more-tables td,
	.table-mobile td:not(.form-table > tbody > tr > td) {
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
	#no-more-tables td:before,
	.table-mobile td:not(.form-table > tbody > tr > td):before {
		position: absolute;
		top: 12px;
		left: 6px;
		width: 45%; 
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		text-overflow: ellipsis;
		overflow: hidden;
		text-transform: capitalize;
	}
	#no-more-tables .table-sm td:before,
	.table-mobile .table-sm td:not(.form-table > tbody > tr > td):before {
		top: 6px;
	}
	#no-more-tables td:before,
	.table-mobile td:not(.form-table > tbody > tr > td):before {
		content: attr(data-title); 
	}
	#no-more-tables td.no-data,
	.table-mobile td:not(.form-table > tbody > tr > td).no-data {
		padding-left: 5%;
		text-align: center;
	}
}

.table-mobile-always table:not(.form-table),
.table-mobile-always thead:not(.form-table thead),
.table-mobile-always tbody:not(.form-table tbody),
.table-mobile-always th:not(.form-table th),
.table-mobile-always td:not(.form-table td),
.table-mobile-always tr:not(.form-table tr) {
	display: block;
}
.table-mobile-always thead:not(.form-table thead) tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table-mobile-always tr:not(:first-child, .form-table tr) {
	border-top: 1px solid #ccc; 
 }
.table-mobile-always tr:nth-child(even):not(.form-table tr) {
	background: var(--o-grey-50); 
}
.table-mobile-always td:not(.form-table td) {
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-left: 50%; 
	white-space: normal;
	text-align:left;
}
.table-mobile-always td:not(.form-table td):before {
	position: absolute;
	top: 12px;
	left: 6px;
	width: 45%; 
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: capitalize;
}
.table-mobile-always .table-sm:not(.form-table) td:before {
	top: 6px;
}
.table-mobile-always td:not(.form-table td):before {
	content: attr(data-title); 
}
.table-mobile-always td:not(.form-table td).no-data {
	padding-left: 5%;
	text-align: center;
}

.table th {
	text-transform: capitalize;
	vertical-align: bottom;
}
@media (max-width: 800px) {
	.table .caption {
		display: flex;
	}
	.table .caption.no-data {
		justify-content: center;
	}
}
/******************************************************************/
/****** TAB ****************************************************/
.ui-tabs {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}
.ui-tabs .ui-tabs-panel {
	padding: 1em 0em;
	background-color: inherit;
	border-radius: 0 0 1rem 1rem;
	opacity: 1;
}
.ui-tabs .ui-tabs-panel .card:not(.fingerprint) {
	border:none;
	background: inherit;
}
.ui-tabs .ui-tabs-nav {
	position: relative;
	display: flex;
	overflow: hidden;
	padding-bottom:1px;
	-webkit-overflow-scrolling: touch;
	border-bottom: 1px solid var(--o-primary-200);
	background-color: var(--o-primary-100);
}
.ui-tabs .ui-tabs-nav li {
	margin: 0 0 0 0;
	display: flex;
	align-items: center;
}

.ui-tabs .ui-tabs-nav li:not(:first-child) {
	border-left: 1px solid var(--o-primary-200); 
}
.ui-tabs .ui-tabs-nav a {
	color: var(--o-grey-700);
}
.ui-tabs .ui-tabs-nav .ui-tabs-active {
	border-bottom: 2px solid var(--o-primary-700);
	background: var(--o-primary-50);
	color: var(--o-primary-700);
}


.ui-tabs .tabs-scroll-left,
.ui-tabs .tabs-scroll-right {
	display: none;
}
.ui-tabs .tabs-scroll-left {
	border-top-left-radius: 1rem;
}
.ui-tabs .tabs-scroll-right {
	border-top-right-radius: 1rem;
}
.ui-tabs .ui-tabs-nav:not(.overflowed) {
	border-radius: 1rem 1rem 0px 0px;
}
.ui-tabs .ui-tabs-nav.overflowed {
	margin-left: 4rem;
	margin-right: 4rem;
}

.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left,
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left + .tabs-scroll-right {
	position: absolute;
	top: 0;
	width: 4rem;
	cursor: pointer;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
	color: var(--o-primary-700);
	padding-top: 2px;
	padding-bottom: 2px;
}
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left {
	border-right: 1px solid var(--o-primary-100);
	box-shadow: 2px 0px 4px -2px #aaa;
}
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left + .tabs-scroll-right {
	right: 0;
	left: auto;
	border-left: 1px solid var(--o-primary-100);
	box-shadow: -2px 0px 4px -2px #aaa;
}
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left .left-scroll-icon,
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left + .tabs-scroll-right .right-scroll-icon {
	padding: 2px 6px;
	border-radius: 50%;
}
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left .left-list-icon,
.ui-tabs .ui-tabs-nav.overflowed + .tabs-scroll-left + .tabs-scroll-right .right-list-icon {
	padding: 4px 10px;
	border-radius: 50%;
}

@media (min-width: 768px) {
	.form-control.dropdown-send-alert,
	.dropdown-send-alert {
		max-width: 264px;
		min-width: 128px;
	}
}
/*******************************************************************/
/******* Button ****************************************************/
.btn-success {
	background-color: var(--o-btn-success-default-bg-color);
	border-color: var(--o-btn-success-default-bg-color);
}
.btn-success:hover {
	background-color: var(--o-btn-success-hover-bg-color);
	border-color: var(--o-btn-success-hover-bg-color);
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):focus,
.btn-success:not(:disabled):not(.disabled):focus-visible {
	background-color: var(--o-btn-success-pressed-bg-color);
	border-color: var(--o-btn-success-pressed-bg-color);
}
.btn-success:disabled, .btn-success.disabled {
	background-color: var(--o-btn-success-disable-bg-color);
	border-color: var(--o-btn-success-disable-bg-color);
}
.btn-icon-del:hover {
	color: red;
}
.btn-collapser {
	font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: var(--o-primary-900);
}
.btn-collapser:hover {
	background-color: var(--o-primary-50);
	color: var(--o-primary-900);
}
.btn-collapser:hover,
.btn-collapser:focus {
	box-shadow: none;
	text-decoration: none;
}
.btn-collapser::after
{
  content: "\f286";
  font-display: block;
  font-family: bootstrap-icons;
  float: right;
  font-weight: 900;
}
.btn-collapser.collapsed::after
{
  content: "\f282";
  font-display: block;
  font-family: bootstrap-icons;
  float: right;
  font-weight: 900;
}
.bottom-button {
	display: flex;
	gap: 0.5rem;
	padding: 0.5rem 0px;
}
.btn:not(.dropdown-toggle-icon, .o-icon-button, .btn-group .btn, .btn-group-vertical .btn, .input-group .btn) {
	min-width:48px; 
	border-radius: 0.5rem;
}
.o-icon-button.btn-sm {
	font-size: 1rem;
}
.input-group-append .btn {
	border-radius: 0px 0.5rem 0.5rem 0px;
}
.dropdown-toggle-icon {
	border-radius: 20px;
}
.btn-group.rounded-8 .btn:first-child:not(:only-child) {
	border-radius: 0.5rem 0px 0px 0.5rem;
}
.btn-group.rounded-8 .btn:last-child:not(:only-child) {
	border-radius: 0px 0.5rem 0.5rem 0px;
}
.btn-group.rounded-8 .btn:only-child {
	border-radius: 0.5rem;
}
.btn-group .btn:not(:last-child) {
	border-right-color: #218838;
	margin-right: 1px;
}
.btn-group-vertical .btn:not(:last-child) {
	border-bottom-color: #218838;
	margin-bottom: 1px;
}
.btn-group-vertical.rounded-8 .btn:first-child:not(:only-child) {
	border-radius: 0.5rem 0.5rem 0px 0px;
}
.btn-group-vertical.rounded-8 .btn:last-child:not(:only-child) {
	border-radius: 0px 0px 0.5rem 0.5rem;
}
.btn-group-vertical.rounded-8 .btn:only-child {
	border-radius: 0.5rem;
}
.input-group-append .btn {
	z-index: 1;
}
.page-header .dropdown-toggle-icon {
	height: 34px;
	width: 34px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width: 34px;
}
.page-header .btn-group {
	border-radius: 1rem;
}
.page-header .btn-group .btn:first-child {
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}
.page-header .btn-group .btn:last-of-type {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
/*************************************************************/
.message-recipient {
	display: inline-block;
	padding: 4px 12px;
	background-color: var(--o-grey-50);
	border: 1px solid var(--o-grey-200);
	border-radius: 0.5rem;
	margin: 4px;
}
.widget-title {
	cursor: auto;
}
.widget-title-buttons {
	cursor: auto;
	display: flex;
	gap: 0.25rem;
}
.widget-title-buttons .bi {
	display: inline-flex;
	height: 24px;
	width: 24px;
	justify-content: center;
	align-items: center;
	background: #F7F7FA;
	border-radius: 50%;
	padding: 0px 4px;
	cursor: pointer;
	border: 1px solid #F7F7FA;
}
.widget-title-buttons .bi:hover {
	border: 1px solid var(--o-grey-100);
}
.status-holder {width: 24px;}
.widget-more {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem;
	background: var(--o-accent-50);
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-top: 1px solid var(--o-accent-200);
}

.widget-placeholder {
	background-color: #f7f7fa;
	border-radius: 16px;
	border: 2px dashed #b0b6c2;
	min-width: 224px;
	min-height: 96px;
	list-style-type: none;
}
/**************************************************************/
/***** TOP SEARCH *********************************************/
#top-search-text {
	background: var(--o-primary-800);
	border: 0px solid var(--o-primary-900);
	color: rgba(255,255,255,.75);
	border-radius: 0.5rem;
	height: 32px;
}
#top-search-text.mobile {
	border-radius: 0.5rem 0px 0px 0.5rem;
}
#top-search-text + .input-group-append {
	height: 32px;
	cursor: pointer;
}
#top-search-text + .input-group-append .input-group-text {
	border: 0px solid var(--o-primary-900);
	border-radius: 0px 0.5rem 0.5rem 0px;
}
#top-search-text + .input-group-append.collapsed .input-group-text {
	border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
#top-search-text::placeholder,
#top-search-text::-moz-placeholder,
#top-search-text:-moz-placeholder,
#top-search-text::-webkit-input-placeholder {
	color: rgba(255,255,255,.5);
}
#top-search-text:not(.mobile):focus {
	box-shadow: 0 0 0 .1rem var(--o-primary-800);
}
#top-search-text.mobile:focus {
	box-shadow: none;
}
.bs-icon-font {
	font-family:bootstrap-icons,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/*************************************************************/
/************* Badge ******************************************/
.badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: .5em .5em;
}
.badge-success {
  color: #00A600;
  background-color: #E4F5E4;
}
.badge-light {
	color: #88bf32;
}
.icon-bage-wrapper {
	position: relative;
}
.icon-bage-wrapper .badge {
	position: absolute;
	left: 40%;
	bottom: 30%;
	padding: 0.25rem 0.25rem;
	font-size: 0.60rem;
}

/*************************************************************/
/************* Print Report ******************************************/

@media print {
	@page {
		size: auto;
	}
	.card {
		border-radius: 0px !important;
		border: 0px solid #373737 !important;
	}
	table.print-table {
		width: 99% !important;
		border-collapse: collapse;
		border: 1px solid #373737 !important;
		font-size: 12px !important;
	}
	table.print-table th,
	table.print-table td {
		border: 1px solid #373737 !important;
		border-color: #373737 !important;
		padding: 2px 4px;
	}
	
	a {
		text-decoration: none !important;
		color: #212529 !important;
	}
}

/*************************************************************/
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }