/*
 * j-Master Admin
 * Design by degiam - https://degiam.github.io
 * This is admin page on JogjaCamp Content Management System
 * PT JC INDONESIA - https://jogjacamp.com
 * Copyright (c) 2009-2020
 *
 */

/* Customize */
	#navbar {
		width: 100%;
		padding: 1.1rem 1.5rem;
		background-color: #1b2d3e;
		position: fixed;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.05), 0 3px 10px 0 rgba(0,0,0,.05);
		z-index: 4;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.brand-image {
		height: 32px;
	}
	.brand-image.default {
		-webkit-filter: brightness(0) invert(1);
		   -moz-filter: brightness(0) invert(1);
			-ms-filter: brightness(0) invert(1);
			 -o-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1);
	}
	@media (max-width: 991px) {
		.brand-image {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
		}
	}

	.visit-site.btn {
		margin-left: 1rem;
		font-size: 12px;
		padding: .3rem .75rem;
		min-width: auto;
	}
	.visit-site.btn-primary {
		background-color: #577ea5;
		border-color: #577ea5;
	}
	.visit-site.btn-primary:hover, .visit-site.btn-primary:not(:disabled):not(.disabled):active {
		background-color: #37597b;
		border-color: #37597b;
	}

	#user>div {
		margin-left: .5rem;
		margin-right: .5rem;
	}
	#user>div:first-child {
		margin-left: 0;
	}
	#user>div:last-child {
		margin-right: 0;
	}

	#buttonNavUser {
		color: #fff;
		cursor: pointer;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}
	#buttonNavUser>* {
		margin: 0 .25rem;
	}
	#buttonNavUser .username {
		max-width: 75px;
		white-space: nowrap;
		overflow-x: hidden;
		text-overflow: ellipsis;
	}
	#buttonNavUser .avatar-icon {
		width: 20px;
		height: 20px;
	}
	#buttonNavUser .avatar-icon.updated {
		border-radius: 50%;
	}
	#buttonNavUser .avatar-icon.default {
		-webkit-filter: brightness(0) invert(1);
		   -moz-filter: brightness(0) invert(1);
			-ms-filter: brightness(0) invert(1);
			 -o-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1);
	}
	#buttonNavUser.unread:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #ff0000;
	}

	.buttonNotifications {
		width: 20px;
		height: 20px;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255,255,255,1)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E");
	}

	#collapseUser .list-group-item {
		border: none;
	}
	#collapseBell {
		width: 300px;
	}
	#collapseBell .list-group-item {
		border-top: none;
		border-left: none;
		border-right: none;
	}
	#collapseBell .list-group-item a {
		position: relative;
		display: block;
	}
	#collapseBell .unread {
		padding-left: 12px;
	}
	#collapseBell .unread:before {
		content: '';
		position: absolute;
		top: 6px;
		left: 0;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #ff0000;
	}

	.popfade {
		position: absolute;
		top: 2rem;
		right: 0;
		width: 200px;
		height: auto !important;
		color: #444;
		background-color: #fff;
		border-radius: .25rem;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.05), 0 3px 10px 0 rgba(0,0,0,.1);
	}
	.popfade .list-group {
		padding: .5rem 1.5rem;
	}
	.popfade .list-group-item {
		padding: .75rem 0;
	}
	.popfade a>.fas {
		width: 25px;
	}
	.popfade a * {
		-webkit-transition: none;
				transition: none;
	}

	.fade.collapsing {
		transform: scale(.6);
	}
	.fade.collapse.show {
		transform: scale(1);
	}
	.fade.collapsing, .fade.collapse.show {
		-webkit-transition: all .2s ease;
				transition: all .2s ease;
	}

	#buttonMenu {
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		color: #fff;
		cursor: pointer;
	}
	.buttonMenuImage {
		width: 25px;
		height: 25px;
		margin-right: .4rem;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4,8h21 M4,16h24 M4,24h15.1'/%3E%3C/svg%3E");
	}
	.buttonMenuText:before {
		content: 'Menu';
	}
	.active>.buttonMenuImage {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255,255,255,1)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E");
	}
	.active>.buttonMenuText:before {
		content: 'Close';
	}

	#main-content {
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		height: 100%;
		position: relative;
		margin-top: 60px;
	}
	.menubar {
		color: #fff;
		background-color: #1e354c;
	}
	.content {
		padding: 0 1.5rem;
	}
	.footer {
		margin-top: auto;
		margin-left: auto;
		width: -moz-fit-content;
		width: fit-content;
		padding: 1.25rem 1.5rem;
		font-size: 12px;
		opacity: .6;
	}
	.footer:hover {
		opacity: 1;
	}

	.mobile .menubar {
		position: fixed;
		width: 100%;
		max-height: calc(100vh - 60px);
		overflow-y: auto;
		z-index: 4;
	}
	.mobile #collapseMenu {
		max-height: calc(100vh - 60px);
	}
	.mobile .footer {
		margin-right: auto;
	}

	.mobile.overflow-hidden .content {
		user-select: none;
	}

	@media (min-width: 992px) {
		#main-content {
			margin-top: 67px;
		}
		.menubar {
			width: 250px;
			position: fixed;
			height: calc(100% - 67px);
			box-shadow: 0 5px 8px 0 rgba(0,0,0,.05), 0 3px 10px 0 rgba(0,0,0,.05);
		}
		.content {
			width: calc(100% - 250px);
			margin-left: auto;
			padding: 0 3rem;
		}
		#buttonNavUser .username {
			max-width: initial;
		}
		#buttonMenu {
			display: none;
		}
		#collapseMenu.collapse:not(.show) {
			display: block;
		}
	}
	@media (min-width: 1200px) {
		.menubar {
			width: 300px;
		}
		.content {
			width: calc(100% - 300px);
		}
	}

	.properties {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		height: auto;
		padding-right: 30px;
		margin: auto;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		opacity: 0;
	}
	*:hover>.properties {
		opacity: 1;
	}

	.file-uploader {
		position: relative;
		width: -moz-fit-content;
		width: fit-content;
		max-width: 800px;
	}
	.file-uploader .properties {
		position: absolute;
		top: .25rem;
		right: 0;
		left: 0;
		bottom: initial;
		height: initial;
		margin: initial;
		display: block;
		padding: 1rem;
		text-align: right;
		opacity: 0;
	}
	.file-uploader:hover img + .properties {
		opacity: 1;
	}
	.file-uploader img {
		min-width: 200px;
		max-height: 500px;
		border-bottom: 1px solid #ddd;
	}

	#tableList {
		background-color: #fff;
		border-radius: .75rem .75rem .5rem .5rem;
	}
	#tableList thead th {
		color: #fff;
		background-color: #577ea5;
	}
	#tableList tbody th,
	#tableList tbody td {
		vertical-align: top;
	}
	#tableList tr th:first-child,
	#tableList tr td:first-child {
		padding-left: 1.5rem;
	}

	#search {
		width: 100%;
	}
	#searching {
		padding: .7rem 1rem;
	}
	@media (min-width: 768px) {
		#search .input-group {
			max-width: 400px;
			text-align: right;
		}
	}

	.table-striped tbody tr:nth-of-type(odd) {
		background-color: rgba(87,126,165,.1);
	}

	.list-properties {
		width: max-content;
		margin: .5rem .75rem;
		z-index: 5;
	}
	.list-properties.popfade a > .fas,
	.list-properties.popfade a > .far {
		width: 25px;
	}
	.list-properties .list-group {
		padding: .65rem 1.25rem;
	}
	.list-properties .list-group-item {
		padding: .4rem 0;
		border: none;
	}
	.list-properties .list-group-item a {
		position: relative;
		display: block;
	}
	.list-properties i.font-xs {
		padding-top: 2px;
	}

	.list-detail {
		padding: 1rem;
		width: max-content;
		max-width: 50vw;
	}
	.list-desc a {
		color: #fff;
		margin-right: 1.25rem;
	}
	.list-desc a:last-child {
		margin-right: 0;
	}
	.list-desc .separator {
		color: #999;
		margin-right: 1rem;
		opacity: .5;
	}

	.tablesorter-default .header,
	.tablesorter-default .tablesorter-header {
		background-image: url(data:image/gif;base64,R0lGODlhBwAJAIAAAP///////yH5BAEAAAEALAAAAAAHAAkAAAINjGEJq8sOk4Qu0IZmKgA7);
		background-position: center right;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	.tablesorter-default .header:last-child,
	.tablesorter-default .tablesorter-header:last-child {
		background-position: center right 1.7rem;
	}
	.tablesorter-default thead .headerSortUp,
	.tablesorter-default thead .tablesorter-headerAsc,
	.tablesorter-default thead .tablesorter-headerSortUp {
		background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAAP///////yH5BAEAAAEALAAAAAAHAAQAAAIHjGEJq8sOCwA7);
	}
	.tablesorter-default thead .headerSortDown,
	.tablesorter-default thead .tablesorter-headerDesc,
	.tablesorter-default thead .tablesorter-headerSortDown {
		background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAAP///////yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==);
	}

	@media (max-width: 767px) {
		#tableList thead th {
			display: none;
		}
		#tableList thead th:first-child {
			display: table-cell;
			border-top-right-radius: .5rem;
		}
		.list-desc a {
			display: block;
			margin: 1rem 0;
		}
		.list-desc .separator {
			display: none;
		}
		.col-category,
		.col-author,
		.col-time,
		.col-status,
		.col-desc,
		.col-used,
		.col-thread,
		.col-statistic,
		.col-location,
		.col-properties {
			width: 50px;
		}
		.tablesorter-default .header,
		.tablesorter-default .tablesorter-header {
			background-image: none;
		}
		.tablesorter-default thead .headerSortUp,
		.tablesorter-default thead .tablesorter-headerAsc,
		.tablesorter-default thead .tablesorter-headerSortUp {
			background-image: none;
		}
		.tablesorter-default thead .headerSortDown,
		.tablesorter-default thead .tablesorter-headerDesc,
		.tablesorter-default thead .tablesorter-headerSortDown {
			background-image: none;
		}
		.tablesorter-default .header:first-child,
		.tablesorter-default .tablesorter-header:first-child {
			background-image: url(data:image/gif;base64,R0lGODlhBwAJAIAAAP///////yH5BAEAAAEALAAAAAAHAAkAAAINjGEJq8sOk4Qu0IZmKgA7);
			background-position: center right 1.6rem;
		}
		.tablesorter-default thead .headerSortUp:first-child,
		.tablesorter-default thead .tablesorter-headerAsc:first-child,
		.tablesorter-default thead .tablesorter-headerSortUp:first-child {
			background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAAP///////yH5BAEAAAEALAAAAAAHAAQAAAIHjGEJq8sOCwA7);
		}
		.tablesorter-default thead .headerSortDown:first-child,
		.tablesorter-default thead .tablesorter-headerDesc:first-child,
		.tablesorter-default thead .tablesorter-headerSortDown:first-child {
			background-image: url(data:image/gif;base64,R0lGODlhBwAEAIAAAP///////yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==);
		}
	}

	@media (min-width: 768px) {
		.col-author {
			width: 150px;
		}
		.col-category,
		.col-thread,
		.col-time {
			width: 200px;
		}
		.col-location {
			width: 275px;
		}
		.col-used,
		.col-status {
			width: 110px;
		}
		.col-desc {
			width: 500px;
		}
		.col-properties {
			width: 50px;
		}
		.col-statistic {
			width: 155px;
		}
		.col-desc .list-detail {
			width: 100%;
		}
		.col-used .list-detail {
			width: 100%;
		}
		.col-thread .list-detail {
			max-width: 200px;
		}
		.list-detail.collapse:not(.show) {
			display: block;
			position: relative;
			opacity: 1;
			top: 0;
			border: none;
			box-shadow: none !important;
			background-color: transparent;
			margin: 0;
			padding: 0;
			z-index: 0;
		}
	}

	@media (min-width: 768px) and (max-width: 1199px) {
		.col-desc {
			width: 200px;
		}
	}
	@media (min-width: 1200px) and (max-width: 1600px) {
		.col-desc {
			width: 300px;
		}
	}

	#daily, #weekly, #monthly, #yearly {
		width: 100% !important;
		height: 350px !important;
	}
	.statistic-time {
		position: absolute;
		top: .5rem;
		right: 1rem;
	}
	#averageTable [class^="col-"] {
		margin-bottom: 1rem;
	}
	#averageTable [class^="col-"]:last-child {
		margin-bottom: 0;
	}
	#averageList ul li {
		padding-left: 0;
		padding-right: 0;
		border: none;
		border-bottom: 1px solid rgba(0,0,0,.125);
	}
	#averageList ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#averageList ul li span:last-child {
		max-width: 100%;
		text-align: right;
		word-break: break-all;
	}
	#averageList [class^="opacity-"]:hover {
		opacity: 1;
	}
	@media (max-width: 575px) {
		.statistic-time {
			position: relative;
			left: 0;
			margin-bottom: 3rem;
		}
	}
	@media (min-width: 576px) {
		#averageTable [class^="col-"] {
			padding-right: 30px;
		}
		#averageTable [class^="col-"]:nth-child(3) {
			margin-bottom: 0;
		}
		#averageTable [class^="col-"]:after {
			content: '';
			width: 2px;
			height: 100%;
			background-color: #eee;
			position: absolute;
			top: 0;
			right: 15px;
		}
		#averageTable [class^="col-"]:nth-child(2):after,
		#averageTable [class^="col-"]:last-child:after {
			display: none;
		}
	}
	@media (min-width: 768px) {
		#averageTable [class^="col-"] {
			margin-bottom: 0;
		}
		#averageTable [class^="col-"]:nth-child(2):after {
			display: block;
		}
	}

	@media (min-width: 768px) {
		#newsSlug {
			width: calc(100% - 135px);
		}
	}

	.colorpicker,
	.colorpicker * {
		-webkit-transition: none;
				transition: none;
	}
	.colorpicker-component .form-control {
		width: 130px;
		text-align: center;
	}

	.poll-choices {
		display: -ms-flexbox;
		display: flex;
	}
	.poll-choices .btn-remove {
		margin-top: .65rem;
	}
	@media (max-width: 787px) {
		.poll-choices .colorpicker-component > .form-control {
			display: none;
		}
		.poll-choices .input-group-addon {
			height: 45.5px;
			border-radius: .5rem;
		}
	}
	.poll-result-bar {
		width: 100%;
		height: 30px;
		border: 1px solid #577ea5;
		border-radius: .25rem;
	}
	.poll-result-bar-inner {
		height: 100%;
		background-color: #577ea5;
	}
	.poll-result-text {
		margin-left: 1rem;
	}

	#menu .tab-pane .list-group {
		overflow-y: auto;
		height: calc(100vh - 701px);
		min-height: 265px;
	}

	#sortable {
		margin-bottom: -1rem;
	}
	#sortable > .sortable {
		margin: 0;
	}
	#sortable .ui-sortable-handle {
		margin-bottom: 1rem;
	}
	#sortable.has-sub .ui-sortable-handle {
		margin-bottom: 0;
	}
	.ui-sortable, .ui-sortable-handle {
		-webkit-transition: none;
				transition: none;
	}
	.sortable {
		padding-left: 0;
		min-height: 1.25rem;
		margin-top: 1.25rem;
	}
	.sortable:hover {
		cursor: -moz-grab;
		cursor: grab;
	}
	.sortable:empty {
		margin-top: 0;
	}
	.sortable .placeholder {
		width: 100%;
		margin: 1.25rem 0;
		background: rgba(0,0,0,.03);
	}
	.sortable li {
		list-style-type: none;
	}
	.sortable-text {
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #eff7ff;
	}
	.sortable-text span {
		display: block;
		padding: 1rem 0 1rem 1.25rem;
		border-left: 3px solid #72a5d9;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.sortable-detail {
		padding: 2rem;
		background-color: #fff;
		border-left: 3px solid #72a5d9;
		-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
				box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
	}
	.sortable-thumb {
		width: 30px;
		height: 30px;
		object-fit: cover;
		border-radius: .25rem;
		margin-right: .5rem;
	}
	.sortable-info {
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		position: relative;
		padding: 1rem 1.25rem 1rem 0;
	}
	.sortable-info small {
		word-break: break-all;
		opacity: .6;
	}
	.sortable-info .popfade {
		cursor: default;
	}
	.sortable-info > [data-toggle="collapse"] {
		margin-left: .25rem;
		padding: 0 .5rem;
		opacity: .75;
	}
	.sortable .sortable .placeholder {
		width: calc(100% - 1.5rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	.sortable .sortable li {
		padding-left: 1.5rem;
	}
	.sortable .sortable .list-group-item {
		padding-left: 0;
	}
	@media (min-width: 768px) {
		.sortable span {
			width: calc(100% - 125px);
		}
	}
	@media (max-width: 767px) {
		.sortable small {
			display: none;
		}
	}

	.media {
		background-color: #fff;
		border-radius: .5rem;
		margin-bottom: 2rem;
		-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
				box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
	}
	.media:hover img {
		opacity: .75;
	}
	.media.video:after {
		content: '';
		position: absolute;
		width: calc(100% - 30px);
		height: calc(100% - 2rem);
		background-position: center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF0000' width='60' height='60' viewBox='0 0 24 24'%3e%3cpath d='M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3e%3c/svg%3e");
		z-index: 2;
	}
	.media.video:before {
		content: '';
		background-color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 2rem;
		margin: auto;
		z-index: 1;
	}
	.media.video:hover:after {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='60' height='60' viewBox='0 0 24 24'%3e%3cpath d='M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3e%3c/svg%3e");
	}
	.media.video:hover:before {
		background-color: #ff0000;
	}
	.media img {
		width: 100%;
		height: 250px;
		object-fit: cover;
		border-radius: .5rem;
	}
	.media-properties {
		height: 100%;
	}
	.media-properties figure {
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1.5rem;
	}
	.media-properties figure img,
	.media-properties figure video {
		max-height: 400px;
		max-width: 100%;
		object-fit: contain;
	}
	.media-categories {
		display: -ms-flexbox;
		display: flex;
		width: calc(100% - 15px);
	}
	.media-categories-icon {
		margin-top: -3px;
		width: 30px;
		height: 30px;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23444444' width='30px' height='30px' viewBox='0 0 24 24'%3e%3cpath d='M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z'/%3e%3c/svg%3e");
	}
	.media-categories-detail {
		width: calc(100% - 45px);
		margin-left: .5rem;
		margin-top: .2rem;
	}
	.media-categories-detail p {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.media-categories-properties {
		position: relative;
	}
	.media-categories-properties [data-toggle="collapse"] {
		padding: .2rem .4rem;
		margin-right: -.2rem;
	}
	@media (min-width: 576px) {
		.media img {
			height: 300px;
		}
	}
	@media (min-width: 768px) {
		.media img {
			height: 250px;
		}
	}
	@media (min-width: 992px) {
		.media img {
			height: 150px;
		}
		.media-properties {
			padding-top: .65rem;
			padding-bottom: .65rem;
		}
		.media-properties figure {
			height: 100%;
			margin-bottom: 0;
			padding-right: 1.5rem;
			border-right: 1px solid #ddd;
		}
		.media-properties figure img,
		.media-properties figure video {
			max-height: 79vh;
		}
		.media-categories {
			display: block;
		}
		.media-categories-detail {
			width: 100%;
			margin-left: .2rem;
		}
	}
	@media (min-width: 1200px) {
		.media img {
			height: 100px;
		}
	}
	@media (min-width: 1400px) {
		.media img {
			height: 150px;
		}
	}
	@media (min-width: 1600px) {
		.media img {
			height: 200px;
		}
		.media-categories {
			display: -ms-flexbox;
			display: flex;
		}
		.media-categories-detail {
			width: calc(100% - 45px);
			margin-left: .5rem;
		}
	}

	.theme h6 {
		margin: 6px 0 0;
	}
	.theme img {
		width: 100%;
		height: 250px;
		object-fit: cover;
	}

	.notification {
		margin-bottom: 0;
	}
	.notification tr {
		position: relative;
	}
	.notification tr:after {
		content: '';
		width: 100%;
		height: 1px;
		background-color:
		#cfdfef;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.notification tr:last-child:after {
		display: none;
	}
	.notification .unread,
	.notification .unread + * {
		background-color: rgba(243,246,249,1);
	}
	.notification .unread a {
		display: block;
		margin-left: 1rem;
	}
	.notification .unread:before {
		content: '';
		position: absolute;
		top: 1.5rem;
		left: 1.5rem;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #ff0000;
	}

	.overview-profile .card-body {
		display: -ms-flexbox;
		display: flex;
	}
	.avatar-profile {
		width: 175px;
		height: 175px;
		object-fit: cover;
		border-radius: 50%;
		border: 1px solid #eee;
		-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
				box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
	}
	.overview-detail {
		width: calc(100% - 15px);
	}
	.overview-properties {
		position: relative;
	}
	.overview-properties [data-toggle="collapse"] {
		padding: .4rem;
		margin-right: -.2rem;
	}
	@media (min-width: 768px) {
		.overview-detail {
			display: -ms-flexbox;
			display: flex;
		}
		.avatar-profile + .table {
			width: calc(100% - 175px - 2rem);
		}
	}

	.card-body>.list-group {
		margin-top: .25rem;
		margin-bottom: .25rem;
	}


	p:last-child {
		margin-bottom: 0;
	}

	.scroll-y-auto {
		overflow-y: auto;
	}

	.rounded {
		border-radius: .5rem!important;
	}
	.rounded-top {
		border-top-left-radius: .5rem!important;
		border-top-right-radius: .5rem!important;
	}
	.rounded-right {
		border-top-right-radius: .5rem!important;
		border-bottom-right-radius: .5rem!important;
	}
	.rounded-bottom {
		border-bottom-right-radius: .5rem!important;
		border-bottom-left-radius: .5rem!important;
	}
	.rounded-left {
		border-top-left-radius: .5rem!important;
		border-bottom-left-radius: .5rem!important;
	}

	#title-side .form-control {
		height: 43.5px;
	}
	#title-side [class^="col"] {
		margin-bottom: 1.5rem;
	}
	#title-side [class^="col"]:last-child {
		margin-bottom: 0;
	}
	@media (min-width: 991px) {
		#title-side [class^="col"] {
			margin-bottom: 0;
		}
	}

	.min-h-title {
		min-height: 45px;
	}
	.min-w-auto {
		min-width: auto !important;
	}
	@media (min-width: 991px) {
		.w-md-300 {
			width: 300px !important;
		}
		.w-md-100 {
			width: 100% !important;
		}
	}

	.shadow {
		-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03) !important;
				box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03) !important;
	}

	@media (min-width: 992px) {
		.sticky-lg {
			position: -webkit-sticky;
			position: sticky;
			top: 85px;
		}
	}

	.h-45 {
		height: 45px;
	}
	.h-fit-content {
		height: -moz-fit-content;
		height: fit-content;
	}
	@media (min-width: 576px) {
		.h-sm-45 {
			height: 45px;
		}
	}
	@media (min-width: 768px) {
		.h-md-45 {
			height: 45px;
		}
	}
	@media (min-width: 992px) {
		.h-lg-45 {
			height: 45px;
		}
	}
	@media (min-width: 1200px) {
		.h-xl-45 {
			height: 45px;
		}
	}

	.cursor-pointer {
		cursor: pointer;
	}

	.limit-line {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.limit-line-2 {
		-webkit-line-clamp: 2;
	}

	.opacity {
		opacity: 1
	}
	.opacity-1 {
		opacity: .1
	}
	.opacity-2 {
		opacity: .2
	}
	.opacity-3 {
		opacity: .3
	}
	.opacity-4 {
		opacity: .4
	}
	.opacity-5 {
		opacity: .5
	}
	.opacity-6 {
		opacity: .6
	}
	.opacity-7 {
		opacity: .7
	}
	.opacity-8 {
		opacity: .8
	}
	.opacity-9 {
		opacity: .9
	}

	.font-size-12 {
		font-size: 12px !important;
	}
	.font-size-13 {
		font-size: 13px !important;
	}
	.lh-1 {
		line-height: 1;
	}
	.left-0 {
		left: 0
	}
	.right-0 {
		right: 0;
	}
	.filter-invert {
		-webkit-filter: brightness(0) invert(1);
		   -moz-filter: brightness(0) invert(1);
			-ms-filter: brightness(0) invert(1);
			 -o-filter: brightness(0) invert(1);
				filter: brightness(0) invert(1);
	}

/* Login */
	#login img {
		max-width: 200px;
		max-height: 200px;
		object-fit: contain;
		object-position: center;
	}
	#login input:-webkit-autofill,
	#login input:-webkit-autofill:hover,
	#login input:-webkit-autofill:focus,
	#login input:-webkit-autofill:active  {
		-webkit-box-shadow: 0 0 0 30px #fff inset !important;
	}
	#login .form-group {
		margin-bottom: 1.25rem;
	}
	#login .form-group label {
		position: absolute;
		top: 13px;
		left: 0;
		color: #aaa;
		background-color: #fff;
		width: 100%;
		z-index: 1;
		margin-bottom: 0;
		transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out, font-size 150ms ease-out;
		transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
	}
	#login .form-group label:hover {
		cursor: text;
	}
	#login .form-group.focus label {
		font-size: .85em;
		-webkit-transform: translateY(-125%);
				transform: translateY(-125%);
	}
	#login .form-control {
		font-size: 14px;
		padding-left: 0;
		padding-right: 0;
		border: none;
		border-radius: 0;
		border-bottom: 2px solid #ddd;
		box-shadow: none;
		-webkit-transition: border-bottom .25s ease-out;
		   -moz-transition: border-bottom .25s ease-out;
			-ms-transition: border-bottom .25s ease-out;
			 -o-transition: border-bottom .25s ease-out;
				transition: border-bottom .25s ease-out;
	}
	#login .form-control:focus {
		box-shadow: none;
		border-color: #4ebeff;
	}
	#login .form-control.is-invalid {
		padding-right: 1.75rem !important;
		border-color: #f92222;
	}
	#login #password.form-control.is-invalid {
		padding-right: 3.25rem !important;
	}
	#login .form-control.is-invalid + label {
		width: calc(100% - 20px);
	}
	#login #password.form-control.is-invalid + label + .toggle-password {
		right: 26px;
	}
	#login .form-control.is-invalid,
	#login .was-validated .form-control:invalid {
		background-position: right .1rem center;
	}
	#login .custom-control {
		margin-top: 2rem;
		margin-bottom: 1.5rem;
	}
	#login .custom-control > * {
		cursor: pointer;
	}

	.padlock {
		width: 20px;
		height: 20px;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23444444' width='20' height='20' viewBox='0 0 24 24'%3e%3cpath d='M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3e%3c/svg%3e");
	}

/* Main Menu */
	#mainmenu {
		padding: 0;
	}
	#mainmenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#mainmenu > ul {
		padding: 1rem 0;
	}
	#mainmenu a,
	#mainmenu .fas {
		color: #fff;
	}
	#mainmenu * {
		-webkit-transition: none;
		   -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
				transition: none;
	}
	#mainmenu a {
		display: block;
		position: relative;
		padding: .7rem 2.75rem .7rem .8rem;
		user-select: none;
		text-decoration: none;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
			-ms-transition: all .25s ease;
			 -o-transition: all .25s ease;
				transition: all .25s ease;
	}
	#mainmenu a:hover {
		background: #182a3c;
	}
	#mainmenu>li>.menu-item,
	#mainmenu>li>div>.menu-item {
		opacity: 0;
		margin-left: -20px;
		-webkit-transition: all .2s ease-in-out;
				transition: all .2s ease-in-out;
	}
	#mainmenu>li>div>i.menu-item {
		-webkit-transition: none;
				transition: none;
	}
	#mainmenu li {
		color: #fff;
	}
	#mainmenu li.sub-menu>div {
		position: relative;
		color: #fff;
	}
	#mainmenu li.sub-menu>div>* {
		cursor: pointer;
	}
	#mainmenu li.sub-menu>div>.fas {
		position: absolute;
		top: 0;
		right: 0;
		height: 42px;
		width: 38px;
		padding-left: 3px;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
	}
	#mainmenu li.sub-menu>div>.fas:hover:before {
		color: #fff;
		z-index: 1;
	}
	#mainmenu li.sub-menu>div>.fas:hover:after {
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		background-color: #182a3c;
		border-radius: 50%;
		right: 21px;
		top: 10px;
	}
	#mainmenu li.sub-menu.active>div>.fas:hover:after {
		background-color: #1e354c
	}
	#mainmenu li.sub-menu>div>.fa-sort-down {
		padding-bottom: 6px;
	}
	#mainmenu li.sub-menu>div>.fa-sort-up {
		padding-top: 6px;
	}
	#mainmenu li.active > a,
	#mainmenu li.sub-menu.open > div,
	#mainmenu li.sub-menu.open > div > *,
	#mainmenu li.sub-menu.active > div {
		color: #fff;
		background-color: #182a3c;
	}
	#mainmenu li.active > a,
	#mainmenu li.active > a > .fas {
		color: #ffd94e;
	}
	#mainmenu li.sub-menu.active > div > * {
		color: #fff;
	}
	#mainmenu ul li a>i {
		width: 20px;
		text-align: center;
		margin-right: .5rem;
	}
	#mainmenu ul li a {
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		padding-left: 1.5rem;
	}
	#mainmenu ul ul li a {
		padding-left: 3.3rem;
	}
	#mainmenu ul ul ul li a {
		padding-left: 4.5rem;
	}
	#mainmenu ul ul ul ul li a {
		padding-left: 6rem;
	}
	#mainmenu ul ul ul ul ul li a {
		padding-left: 7.5rem;
	}
	#mainmenu ul ul ul ul ul ul li a {
		padding-left: 9rem;
	}
	#mainmenu ul ul ul ul ul ul ul li a {
		padding-left: 10.5rem;
	}
	@media (min-width: 992px) {
		#mainmenu {
			margin-bottom: 1rem;
		}
	}
	@media (max-width: 991px) {
		#mainmenu > ul {
			height: calc(100vh - 60px);
		}
		#mainmenu > ul > li:last-child {
			margin-bottom: 1rem;
		}
	}

/* Basic */
	* {
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	.fa, .far, .fas {
		-webkit-transition: none;
				transition: none;
	}
	::-moz-selection {
		color: #fff;
		background-color: rgba(19,186,239,0.7);
	}
	::selection {
		color: #fff;
		background-color: rgba(19,186,239,0.7);
	}
	::-moz-focus-inner {
		border: none;
		outline: none;
	}
	:focus {
		outline: none;
	}
	html, body {
		height: 100%;
	}
	body {
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		color: #444;
		background-color: #f5f5f5;
		cursor: default;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		overflow-x: hidden;
	}
	a,
	a:link,
	a:visited,
	a:active {
		color: #1f5b94;
		text-decoration: none;
	}
	a:hover,
	a:focus {
		color: #759bbf;
		text-decoration: none;
	}
	h1 {
		letter-spacing: -1px;
		font-weight: normal;
		font-size: 30px;
		margin-bottom: 0;
		line-height: 1.5em;
	}
	@media (max-width: 767px) {
		h1 {
			font-size: 28px;
		}
	}

	[data-toggle="collapse"],
	[data-toggle="modal"] {
		cursor: pointer;
	}
	a[data-toggle="collapse"],
	a[data-toggle="modal"] {
		color: #1f5b94;
	}
	a[data-toggle="collapse"]:hover,
	a[data-toggle="modal"]:hover {
		color: #759bbf;
	}

/* Form Control */
	.form-group {
		position: relative;
		margin-bottom: 2rem;
	}
	@media (max-width: 575px) {
		.form-inline .form-group {
			display: -ms-flexbox;
			display: flex;
			-ms-flex: 0 0 auto;
			flex: 0 0 auto;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-ms-flex-align: center;
			align-items: center;
			margin-bottom: 0;
		}
	}

	label {
		margin-bottom: .75rem;
	}

	.card-body .form-control {
		border-color: #dee2e6;
	}

	.form-control {
		font-size: inherit;
		height: auto;
		padding: .75rem 1rem;
		border-radius: .5rem;
		border-color: transparent;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
	}
	.form-control:focus {
		border-color: #9dbfe0;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
	}
	.form-control::-webkit-input-placeholder {
		opacity: .6;
	}
	.form-control::-moz-placeholder {
		opacity: .6;
	}
	.form-control:-ms-input-placeholder {
		opacity: .6;
	}
	.form-control:-moz-placeholder {
		opacity: .6;
	}

	textarea.form-control {
		resize: none;
	}

	select.code-country {
		width: 75px;
	}

	.form-col {
		margin-bottom: .5rem;
	}
	.form-col [class^="col-"] {
		margin-bottom: .75rem;
	}
	.form-col label {
		margin-bottom: 0;
	}

	.input-group-prepend > * {
		border-radius: .5rem 0 0 .5rem;
	}
	.input-group-append > * {
		border-radius: 0 .5rem .5rem 0;
	}
	.input-group-append .btn-icon {
		min-width: 50px;
	}
	.min-h-title .input-group-append .btn {
		margin-top: 1px;
		margin-bottom: 1px;
	}
	.input-group-append:first-child .btn {
		border-top-left-radius: .5rem;
		border-bottom-left-radius: .5rem;
	}
	.input-group-append:last-child .btn {
		border-top-right-radius: .5rem;
		border-bottom-right-radius: .5rem;
	}
	.input-group .custom-select {
		border: none;
		margin-top: 1px;
		margin-bottom: 1px;
	}
	.input-group-text {
		color: #fff;
		background-color: #577ea5;
	}
	.input-group-addon {
		background-color: #fff;
	}
	.input-group-text,
	.input-group-addon {
		font-size: 13px;
		margin-top: 1px;
		margin-bottom: 1px;
		border: none;
		min-width: 50px;
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.03), 0 3px 10px 0 rgba(0,0,0,.03);
	}
	.input-group-text [class^="fa"] {
		margin: auto;
	}
	.input-group > .custom-select:not(:last-child),
	.input-group > .form-control:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.input-group > .custom-select.is-invalid:nth-last-child(2),
	.input-group > .form-control.is-invalid:nth-last-child(2) {
		border-top-right-radius: .5rem;
		border-bottom-right-radius: .5rem;
	}

	.toggle-password {
		cursor: pointer;
		position: absolute;
		top: 13px;
		right: 0;
		width: 20px;
		height: 20px;
		z-index: 3;
		background-repeat: no-repeat;
		background-position: center;
	}
	.toggle-password.hide {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23AAAAAA' width='20' height='20' viewBox='0 0 24 24'%3e%3cpath d='M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z'/%3e%3c/svg%3e");
	}
	.toggle-password.show {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%2332DA2F' width='20' height='20' viewBox='0 0 24 24'%3e%3cpath d='M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z'/%3e%3c/svg%3e");
	}

	.form-control.pr-5.is-invalid {
		padding-right: 4rem !important;
	}
	.form-control.pr-5.is-invalid + .toggle-password {
		margin-right: 2rem !important;
	}
	.input-group .form-control.pr-5 + .toggle-password {
		margin-right: 4rem !important;
	}
	.input-group .form-control.pr-5.is-invalid + .toggle-password {
		margin-right: 5rem !important;
	}
	.form-control.is-invalid:focus,
	.was-validated .form-control:invalid:focus {
		box-shadow: none;
	}
	.valid-feedback,
	.invalid-feedback {
		font-size: 11px;
	}
	.invalid-feedback {
		color: #f92222;
	}

/* Checkbox */
	.custom-checkbox.custom-control {
		min-height: auto;
	}
	.custom-checkbox.custom-control > * {
		cursor: pointer;
	}
	.custom-checkbox .custom-control-label:before,
	.custom-checkbox .custom-control-label:after {
		top: .05rem;
	}

/* Button */
	button:focus {
		outline: 0;
	}

	.btn {
		font-size: 14px;
		min-width: 90px;
	}
	.btn+.btn {
		margin-left: .5rem;
	}
	.btn+.btn-block,
	.btn-block+.btn {
		margin-left: initial;
	}

	*.btn:focus,
	*.btn.focus,
	*.btn:not(:disabled):not(.disabled):active:focus {
		box-shadow: none;
	}

	.btn-icon {
		cursor: pointer;
		min-width: auto;
	}

	a.btn-primary,
	.btn-primary {
		color: #fff;
		background-color: #577ea5;
		border-color: #577ea5;
	}
	a.btn-primary:hover,
	.btn-primary:hover {
		color: #fff;
		background-color: #486c90;
		border-color: #486c90;
	}
	.btn-primary.focus,
	.btn-primary:focus {
		color: #fff;
		background-color: #486c90;
		border-color: #486c90;
	}
	.btn-primary.disabled,
	.btn-primary:disabled {
		color: #555;
		background-color: #ddd;
		border-color: #999;
	}
	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).active,
	.show>.btn-primary.dropdown-toggle {
		color: #fff;
		background-color: #486c90;
		border-color: #486c90;
	}

	a.btn-outline-primary,
	.btn-outline-primary {
		color: #577ea5;
		border-color: #577ea5;
	}
	a.btn-outline-primary:hover,
	.btn-outline-primary:hover {
		color: #fff;
		background-color: #577ea5;
		border-color: #577ea5;
	}
	.btn-outline-primary.focus,
	.btn-outline-primary:focus {
		color: #fff;
		background-color: #577ea5;
		border-color: #577ea5;
	}
	.btn-outline-primary.disabled,
	.btn-outline-primary:disabled {
		color: #555;
		border-color: #999;
	}
	.btn-outline-primary:not(:disabled):not(.disabled):active,
	.btn-outline-primary:not(:disabled):not(.disabled).active,
	.show>.btn-outline-primary.dropdown-toggle {
		color: #fff;
		background-color: #486c90;
		border-color: #486c90;
	}

	a.btn-cancel,
	.btn-cancel {
		color: #444;
		background-color: transparent;
		border-color: transparent;
	}
	a.btn-cancel:hover,
	.btn-cancel:hover {
		color: #444;
		background-color: #f5f5f5;
		border-color: #f5f5f5;
	}
	.btn-cancel.focus,
	.btn-cancel:focus {
		color: #444;
		background-color: #f5f5f5;
		border-color: #f5f5f5;
	}
	.btn-cancel.disabled,
	.btn-cancel:disabled {
		color: #555;
		background-color: #ddd;
		border-color: #999;
	}
	.btn-cancel:not(:disabled):not(.disabled):active,
	.btn-cancel:not(:disabled):not(.disabled).active,
	.show>.btn-cancel.dropdown-toggle {
		color: #444;
		background-color: #f5f5f5;
		border-color: #f5f5f5;
	}

	a.btn-delete,
	.btn-delete {
		color: #dc3545;
		background-color: transparent;
		border-color: transparent;
	}
	a.btn-delete:hover,
	.btn-delete:hover {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}
	.btn-delete.focus,
	.btn-delete:focus {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}
	.btn-delete.disabled,
	.btn-delete:disabled {
		color: #555;
		background-color: #ddd;
		border-color: #999;
	}
	.btn-delete:not(:disabled):not(.disabled):active,
	.btn-delete:not(:disabled):not(.disabled).active,
	.show>.btn-delete.dropdown-toggle {
		color: #fff;
		background-color: #dc3545;
		border-color: #dc3545;
	}

	a.btn-danger, .btn-danger, a.btn-danger:hover, .btn-danger:hover {
		color: #fff;
	}

	a:not([href]):not([tabindex]).btn-primary,
	a:not([href]):not([tabindex]).btn-danger {
		color: #fff;
	}

	a:not([href]):not([tabindex]).disabled,
	a:not([href]):not([tabindex]):disabled {
		color: #555;
	}

	.btn-remove {
		width: 25px;
		height: 25px;
		min-width: initial;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		line-height: 1;
		padding: 0;
	}

	.btn-multi-form {
		min-width: auto;
		height: 100%;
		font-size: 13px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: .5rem;
		white-space: nowrap;
	}
	@media (max-width: 767px) {
		.btn-multi-form {
			height: auto;
			padding: .5rem .75rem;
			display: inline-block;
			white-space: initial;
			margin-top: 1rem;
		}
	}

/* Switch */
	.custom-control-input:focus~.custom-control-label:before {
		box-shadow: none;
	}
	.custom-control-input:checked~.custom-control-label:before {
		background-color: #2eaf2c;
		border-color: #2eaf2c;
	}
	.custom-control-input:not(:disabled):active~.custom-control-label:before {
		background-color: #86d485;
		border-color: #86d485;
	}

	.custom-switch {
		min-height: auto;
	}
	.custom-switch label {
		cursor: pointer;
	}
	.custom-switch .custom-control-label:before {
		width: 2rem;
		height: 1.25rem;
		border-radius: .75rem;
		top: 0;
	}
	.custom-switch .custom-control-label:after {
		width: calc(1.25rem - 4px);
		height: calc(1.25rem - 4px);
		top: 2px;
	}

/* Card */
	.card {
		border: none;
		margin-bottom: 2rem;
		border-radius: .5rem;
		box-shadow: 0 5px 5px 0 rgba(0,0,0,.03), 0 3px 5px 0 rgba(0,0,0,.03);
	}
	.card-header, .card-footer {
		color: #fff;
		background-color: #577ea5;
		padding: 1rem 1.5rem;
	}
	.card-header {
		border-bottom: none;
		font-weight: 700;
	}
	.card-footer {
		border-top: none;
	}
	.card-header:first-child {
		border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
	}
	.card-footer:last-child {
		border-radius: 0 0 calc(.5rem - 1px) calc(.5rem - 1px);
	}
	.card-body {
		padding: 1.25rem 1.5rem;
	}

/* Table */
	.table th, .table td {
		padding: 1rem;
		position: relative;
		border-top: none;
	}

	.table thead th, .table thead td {
		vertical-align: top;
	}
	.table thead th:first-child, .table thead td:first-child {
		border-top-left-radius: .5rem;
	}
	.table thead th:last-child, .table thead td:last-child {
		border-top-right-radius: .5rem;
	}
	.table tbody th, .table tbody td {
		vertical-align: middle;
	}
	.table tfoot th, .table tfoot td {
		border-top: 1px solid rgba(87,126,165,.07);
	}
	.table tfoot th:first-child, .table tfoot td:first-child {
		border-bottom-left-radius: .5rem;
	}
	.table tfoot th:last-child, .table tfoot td:last-child {
		border-bottom-right-radius: .5rem;
	}

	.table thead a {
		color: #fff;
	}
	.table thead a:hover, .table thead a:focus {
		color: #ffd94e;
	}

	.table tbody tr th:first-child,
	.table tbody tr td:first-child {
		font-weight: 400;
	}

	.table [data-toggle="collapse"] {
		color: #577ea5;
	}

	.tbody-valign-top tbody th, .tbody-valign-top tbody td {
		vertical-align: top;
	}

	.table-left-150 tr td:first-child {
		width: 150px;
	}

	.table-striped tbody tr:nth-of-type(odd) {
		background-color: rgba(87,126,165,.07);
	}
	.table-primary, .table-primary > td, .table-primary > th {
		background-color: #d2e4f7;
		border-color: #577ea5;
	}

	@media (max-width: 991px) {
		.table-responsive tbody tr > *:first-child {
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 200px;
			display: block;
			overflow: hidden;
		}
	}

/* Pagination*/
	.pagination {
		width: max-content;
		-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.03), 0 3px 5px 0 rgba(0,0,0,.03) !important;
				box-shadow: 0 5px 5px 0 rgba(0,0,0,.03), 0 3px 5px 0 rgba(0,0,0,.03) !important;
	}
	.page-item:first-child .page-link {
		border-top-left-radius: .5rem;
		border-bottom-left-radius: .5rem;
	}
	.page-item:last-child .page-link {
		border-top-right-radius: .5rem;
		border-bottom-right-radius: .5rem;
	}
	.page-item.active .page-link {
		background-color: #577ea5;
		border-color: #577ea5;
	}
	.page-item.disabled .page-link {
		color: #ddd;
	}
	.page-link {
		padding: .75rem 1rem;
		border: none;
	}
	.page-link:focus {
		box-shadow: none;
	}

/* Badge */
	.badge {
		line-height: 1.2em;
		padding: .3rem .6rem;
		border-radius: .3rem;
	}
	.badge-primary,
	a.badge-primary {
		color: #fff;
		background-color: #577ea5;
	}
	a.badge-primary:focus,
	a.badge-primary:hover {
		background-color: #486c90;
	}
	.badge-primary.focus,
	.badge-primary:focus,
	a.badge-primary.focus,
	a.badge-primary:focus {
		box-shadow: none;
	}

/* Pill */
	.nav-pills .nav-link {
		border-radius: .5rem;
	}
	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {
		background-color: #577ea5;
	}
	.nav-item + .nav-item {
		margin-left: 5px;
	}

/* List */
	.list-group-item-primary {
		background-color: #d2e4f7;
		border-color: #577ea5;
	}

	.list-primary {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
	}
	.list-primary li {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 0;
		margin: 0 .5rem;
		background-color: #fff;
		border-bottom: 1px solid rgba(0,0,0,.125);
	}
	.list-primary li:first-child {
		padding-top: .5rem;
	}
	.list-primary li:last-child {
		padding-bottom: .5rem;
		border-bottom: none;
	}

	.card-list {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
	}
	.card-list-item {
		position: relative;
		display: block;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background-color: #fff;
		border-bottom: 1px solid rgba(0,0,0,.125);
	}
	.card-list-item:first-child {
		padding-top: 0;
	}
	.card-list-item:last-child {
		padding-bottom: 0;
		border-bottom-width: 0;
	}
	.card-list-item + .card-list-item {
		border-top-width: 0;
	}

/* Breadcrumb */
	.breadcrumb {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
		margin-bottom: 2.5rem;
	}
	.breadcrumb-item a,
	.breadcrumb-item.active {
		color: inherit;
		opacity: .75;
	}
	.breadcrumb-item a:hover,
	.breadcrumb-item.active:hover {
		opacity: 1;
	}

/* Accordion */
	.accordion > .card:not(:last-of-type) {
		margin-bottom: 0;
		border-bottom: 1px solid #3e6791;
	}

/* Color */
	.text-primary {
		color: #577ea5 !important;
	}
	.bg-primary {
		background-color: #577ea5 !important;
	}
	.border-primary {
		border-color: #577ea5 !important;
	}

/* Text */
	.font-xs {
		font-size: 9px;
	}
	.font-sm {
		font-size: 11px;
	}
	.font-md {
		font-size: 17px;
	}
	.font-lg {
		font-size: 35px;
	}

/* Modal */
	.modal-open {
		padding-right: 0 !important;
	}
	.modal-header,
	.modal-body,
	.modal-footer {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.modal-title {
		margin: .25rem 0 1.5rem;
	}
	.modal-content {
		border-radius: .5rem;
	}
	.modal-close {
		position: absolute;
		top: 2px;
		right: 0;
		border-radius: 50%;
		min-width: initial;
		font-size: 20px;
		padding: 0;
		width: 35px;
		height: 35px;
		border: none;
		background-color: transparent;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		z-index: 1;
		opacity: .5;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	.modal-close:hover {
		opacity: 1;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	.modal.fade .modal-dialog {
		-webkit-transform: translate(0, 0);
				transform: translate(0, 0);
	}
	.modal.scale .modal-dialog {
		-webkit-transform: scale(.75);
				transform: scale(.75);
	}
	.modal.scale.show .modal-dialog {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
	.modal .form-group {
		margin-bottom: 1.5rem;
	}
	.modal .form-control {
		border: 1px solid #ddd;
	}

	@media (min-width: 992px) {
		.modal-xxl {
			max-width: 900px;
		}
	}
	@media (min-width: 1200px) {
		.modal-xxl {
			max-width: 1140px;
		}
	}
	@media (min-width: 1400px) {
		.modal-xxl {
			max-width: 1340px;
		}
	}
	@media (min-width: 1600px) {
		.modal-xxl {
			max-width: 1540px;
		}
	}

/* Alert */
	#alert {
		position: fixed;
		bottom: 0;
		right: 0;
		margin: 1.25rem;
		z-index: 5;
	}
	@media (min-width: 992px) {
		#alert {
			margin-left: calc(250px + 1.25rem);
		}
	}
	@media (min-width: 1200px) {
		#alert {
			margin-left: calc(300px + 1.25rem);
		}
	}
	.alert {
		display: -ms-flexbox;
		display: flex;
		width: -moz-fit-content;
		width: fit-content;
		margin-top: .5rem;
		margin-bottom: 0;
		margin-left: auto;
		padding: 1rem 1.75rem 1rem 1.25rem;
		border: none;
		border-radius: .5rem;
	}
	.alert .icon {
		margin-right: .25rem;
		font-size: 20px;
		line-height: 1;
	}
	.alert .close {
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 50%;
		min-width: initial;
		font-size: 20px;
		padding: 0;
		width: 30px;
		height: 30px;
		border: none;
		background-color: transparent;
		display: -ms-flexbox;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		text-shadow: none;
		z-index: 1;
		opacity: .5;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	.alert .close:hover {
		color: #fff;
		opacity: 1;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	.alert-success, .alert-warning, .alert-danger {
		color: #fff;
		background-color: #1e354c;
	}
	.alert-success .icon {
		color: #57ce57;
	}
	.alert-warning .icon {
		color: #ffd73b;
	}
	.alert-danger .icon {
		color: #ff4f4f;
	}
	.alert-primary {
		color: #365675;
		background-color: #d2e4f7;
		border-color: #577ea5;
	}
	.card-body-putih {
	    color: white;
	}

	.badge-orange-gelap {
	    background-color: #e69603;
	}

/* IP MANAGER */
	a.delete-ip {
		color: #fff;
	}
	a.delete-ip:hover {
		color: #1b2e3e;
	}

  /* DETAIL INFORMASI MEMBER */
    .member-info-title {
        line-height: 1.2em;
    }
    .member-info-detail img {
        width: 500px !important;
        height: auto !important;
        border-radius: .5rem;
    }
    .member-info-attach {
        display: flex;
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
    }

    #no {
    	width: 7%;
    }

    .media-button {
        top: -1rem;
        left: 1.5rem;
        right: 1.5rem;
        z-index: 1;
        opacity: 0;
        transition: all .25s ease;
    }
    .media-button .btn {
        min-width: auto;
    }
    .media-button:hover,
    .media:hover + .media-button {
        opacity: 1;
        transition: all .25s ease;
    }
    @media (max-width: 575px) {
        .media-button {
            opacity: 1;
        }
        .media-button .btn {
            transform: rotate(90deg);
        }
    }

    .table.rounded tbody tr:last-child {
        border-radius: 0 0 .5rem .5rem;
    }
    .table-primary,
    .table-primary > td,
    .table-primary > th {
        color: #fff;
        background-color: #577ea5;
        border-color: #dee2e6;
    }
    .table .valign-top th,
    .table .valign-top td {
        vertical-align: top;
    }
    .table .div-stripped {
        padding: 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .table .div-stripped:first-child {
        margin-top: -1rem;
    }
    .table .div-stripped:last-child {
        margin-bottom: -1rem;
    }
    .div-stripped:nth-of-type(even) {
        background-color: rgba(87,126,165,.05);
    }
    .table-responsive tbody tr > *:first-child {
        white-space: initial;
        text-overflow: initial;
        width: initial;
        display: block;
        overflow: initial;
    }
    @media (max-width: 767px) {
        .table .div-stripped {
            width: 150px;
        }
    }

    .table.rounded tbody tr:last-child {
        border-radius: 0 0 .5rem .5rem;
    }
    .table-primary,
    .table-primary > td,
    .table-primary > th {
        color: #fff;
        background-color: #577ea5;
        border-color: #dee2e6;
    }
    .table .valign-top th,
    .table .valign-top td {
        vertical-align: top;
    }
    .table .div-stripped {
        padding: 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .table .div-stripped:first-child {
        margin-top: -1rem;
    }
    .table .div-stripped:last-child {
        margin-bottom: -1rem;
    }
    .div-stripped:nth-of-type(even) {
        background-color: rgba(87,126,165,.05);
    }
    .table-responsive tbody tr > *:first-child {
        white-space: initial;
        text-overflow: initial;
        width: inherit;
        display: block;
        overflow: initial;
    }
    @media (max-width: 767px) {
        .table .div-stripped {
            width: 150px;
        }
    }

    .cursor-default {
        cursor: default !important;
    }
    .border-dashed {
        border-style: dashed !important;
    }

    @media (max-width: 991px) {
        .nav-pills-vertical .nav-item {
            width: calc(33.3333% - 5px);
            text-align: center;
            margin: 2.5px;
        }
        .nav-pills-vertical .nav-link {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    @media (min-width: 992px) {
        .nav-pills-vertical {
            display: block;
        }
        .nav-pills-vertical .nav-item {
            margin-left: 0;
            margin-bottom: 5px;
        }
    }

    .w-fit-content {
        width: -moz-fit-content;
        width: fit-content;
    }