@charset "UTF-8";
/*Mobile*/

@media (max-width: 767px) {
	.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
		padding-right: 5px !important;
		padding-left: 5px !important;
		overflow-x: hidden !important;
	}
	.c-main {
		padding-top: 1rem !important;
	}
}

.c-subheader, .c-subheader-nav {
	min-height: 28px !important;
}

.c-subheader .breadcrumb {
	padding: 0.25rem 1rem !important;
}

.c-dark-theme .c-header {
    border-bottom: 1px solid #1a1a26 !important;
}

body>div.t-app {
	max-width: 1300px;
	position: relative;
	margin: 0 auto;
	width: 100%;
	background-color: #ebedef;
	border: 0;
	box-shadow: 0 1px 1px 0 rgba(60, 75, 100, .14), 0 2px 1px -1px rgba(60, 75, 100, .12), 0 1px 3px 0 rgba(60, 75, 100, .20);
}

body.c-dark-theme>div.t-app {
	background-color: #12121f !important;
}

body.c-dark-theme {
	background-color: #0a0b18 !important;
}

body{
	overflow-y: scroll !important;
}

body:not(.c-dark-theme) {
	background-color: #dbdcdd !important;
}

@media (max-width: 991.98px) {
	.t-side-unfoldable-menu {
		display: none !important;
	}
}

@media (min-width: 991.98px) {
	.t-side-open-menu {
		display: none !important;
	}
}

#index_content_hidden {
	display: none;
}

.alert a{
	font-weight: bold;
}


.c-main {
	padding-top: 0 !important;
}

#index_content {
	padding-top: 2rem;
	min-height: 40px;
	margin-top: -25px;
}

.c-dark-theme .btn-warning {
    color: #fff !important;
}

.btn-warning {
    color: #fff !important;
}

a:hover.btn-warning {
    color: #fff !important;
}




/*Sweet alert dark theme*/


body.c-dark-theme .swal2-popup.swal2-toast {
	background: #19191a;
	box-shadow: 0 0 0.625em #d9d9d9;
}

body.c-dark-theme .swal2-popup.swal2-toast .swal2-styled:focus {
	box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5);
}

body.c-dark-theme .swal2-popup.swal2-toast .swal2-success {
	border-color: #a5dc86;
}

body.c-dark-theme .swal2-container.swal2-backdrop-show, body.c-dark-theme .swal2-container.swal2-noanimation {
	background: rgba(45, 45, 48, 0.75);
}

body.c-dark-theme .swal2-popup {
	background: #19191a;
}

body.c-dark-theme .swal2-title {
	color: #e1e1e1;
}

body.c-dark-theme .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

body.c-dark-theme .swal2-actions:not(.swal2-loading) .swal2-styled:active {
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

body.c-dark-theme .swal2-loader {
	border-color: #2778c4 transparent #2778c4 transparent;
}

body.c-dark-theme .swal2-styled.swal2-confirm {
	background-color: #2778c4;
	color: #fff;
}

body.c-dark-theme .swal2-styled.swal2-deny {
	background-color: #d14529;
	color: #fff;
}

body.c-dark-theme .swal2-styled.swal2-cancel {
	background-color: #757575;
	color: #fff;
}

body.c-dark-theme .swal2-styled:focus {
	box-shadow: 0 0 0 1px #19191a, 0 0 0 3px rgba(138, 176, 213, 0.5);
}

body.c-dark-theme .swal2-footer {
	border-top: 1px solid #555;
	color: #bbbbbb;
}

body.c-dark-theme .swal2-timer-progress-bar {
	background: rgba(225, 225, 225, 0.6);
}

body.c-dark-theme .swal2-close {
	color: #cccccc;
}

body.c-dark-theme .swal2-close:hover {
	color: #f27474;
}

body.c-dark-theme .swal2-close:focus {
	box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

body.c-dark-theme .swal2-content {
	color: #e1e1e1;
}

body.c-dark-theme .swal2-input, body.c-dark-theme .swal2-file, .swal2-textarea {
	border: 1px solid #d9d9d9;
	background: #323234;
	color: #e1e1e1;
}

body.c-dark-theme .swal2-input.swal2-inputerror, body.c-dark-theme .swal2-file.swal2-inputerror, body.c-dark-theme .swal2-textarea.swal2-inputerror {
	border-color: #f27474 !important;
	box-shadow: 0 0 2px #f27474 !important;
}

body.c-dark-theme .swal2-input:focus, body.c-dark-theme .swal2-file:focus, body.c-dark-theme .swal2-textarea:focus {
	border: 1px solid #b4dbed;
	box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

body.c-dark-theme .swal2-input::-moz-placeholder, body.c-dark-theme .swal2-file::-moz-placeholder, body.c-dark-theme .swal2-textarea::-moz-placeholder {
	color: #cccccc;
}

body.c-dark-theme .swal2-input:-ms-input-placeholder, body.c-dark-theme .swal2-file:-ms-input-placeholder, body.c-dark-theme .swal2-textarea:-ms-input-placeholder {
	color: #cccccc;
}

body.c-dark-theme .swal2-input::placeholder, body.c-dark-theme .swal2-file::placeholder, body.c-dark-theme .swal2-textarea::placeholder {
	color: #cccccc;
}

body.c-dark-theme .swal2-range {
	background: #19191a;
}

body.c-dark-theme .swal2-range output {
	color: #e1e1e1;
}

body.c-dark-theme .swal2-file {
	background: #323234;
}

body.c-dark-theme .swal2-select {
	background: #323234;
	color: #e1e1e1;
}

body.c-dark-theme .swal2-radio, body.c-dark-theme .swal2-checkbox {
	background: #19191a;
	color: #e1e1e1;
}

body.c-dark-theme .swal2-validation-message {
	background: #323234;
	color: #e1e1e1;
}

body.c-dark-theme .swal2-validation-message::before {
	background-color: #f27474;
	color: #fff;
}

body.c-dark-theme .swal2-icon.swal2-error {
	border-color: #f27474;
	color: #f27474;
}

body.c-dark-theme .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
	background-color: #f27474;
}

body.c-dark-theme .swal2-icon.swal2-warning {
	border-color: #facea8;
	color: #f8bb86;
}

body.c-dark-theme .swal2-icon.swal2-info {
	border-color: #9de0f6;
	color: #3fc3ee;
}

body.c-dark-theme .swal2-icon.swal2-question {
	border-color: #c9dae1;
	color: #87adbd;
}

body.c-dark-theme .swal2-icon.swal2-success {
	border-color: #a5dc86;
	color: #a5dc86;
}

body.c-dark-theme .swal2-icon.swal2-success .swal2-success-ring {
	border: 0.25em solid rgba(165, 220, 134, 0.3);
}

body.c-dark-theme .swal2-icon.swal2-success [class^='swal2-success-line'] {
	background-color: #a5dc86;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step {
	background: #2778c4;
	color: #fff;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
	background: #2778c4;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
	background: #58585b;
	color: #fff;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
	background: #58585b;
}

body.c-dark-theme .swal2-progress-steps .swal2-progress-step-line {
	background: #2778c4;
}

body.c-dark-theme.swal2-no-backdrop .swal2-container>.swal2-modal {
	box-shadow: 0 0 10px rgba(25, 25, 26, 0.75);
}

/************************************************************************************/

.popover {
	background-color: rgba(0, 0, 0, 0.9) !important;
	border-color: rgba(40, 40, 40, 0.9) !important;
	max-width: 400px !important;
	pointer-events: none;
}

.popover[data-popper-placement^="top"]>.popover-arrow::before {
	border-top-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="top"]>.popover-arrow::after {
	border-top-color: rgba(0, 0, 0, 0.9) !important;
}

.popover[data-popper-placement^="right"]>.popover-arrow::before {
	border-right-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="right"]>.popover-arrow::after {
	border-right-color: rgba(0, 0, 0, 0.9) !important;
}

.popover[data-popper-placement^="bottom"]>.popover-arrow::before {
	border-bottom-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="bottom"]>.popover-arrow::after {
	border-bottom-color: rgba(0, 0, 0, 0.9) !important;
}

.popover[data-popper-placement^="bottom"] .popover-header::before {
	border-bottom-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="left"]>.popover-arrow::before {
	border-left-color: rgba(40, 40, 40, 0.9) !important;
}

.popover[data-popper-placement^="left"]>.popover-arrow::after {
	border-left-color: rgba(0, 0, 0, 0.9) !important;
}

.popover-header {
	color: #e1e1e1 !important;
	background-color: rgba(30, 30, 30, 0.9) !important;
	border-bottom-color: #0e0e15 !important;
}

.popover-body {
	color: #e1e1e1 !important;
}

/************************************************************************************/

#t-nprogress {
	width: 100%;
	position: relative;
	pointer-events: none;
	z-index: 1031;
}

.c-header-fixed #t-nprogress>div {
	position: absolute !important;
	top: inherit;
}

.c-header-fixed .nprogress-custom-parent #nprogress .spinner, .c-header-fixed .nprogress-custom-parent #nprogress .bar {
	position: absolute;
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
	position: fixed;
}

#t-nprogress>div {
	width: 100%;
	height: 40px;
	position: fixed;
	top: 0;
}

.t-item-tooltip {
	text-align: center;
}

.t-item-tooltip>img {
	max-height: 100px;
	margin: 20px;
}

.t-item-tooltip-period {
	text-align: center;
	background-color: brown;
	margin-top: 15px;
	font-weight: bold;
	padding: 1px 15px;
}



.t-pull-left {
	margin-right: .3em;
	float: left;
}

.c-dark-theme .alert-info {
	color: #8bafdc;
	background-color: #111e2b;
	border-color: #3f5973;
}

.c-dark-theme .alert-danger {
	color: #ca939e;
	background-color: #290a0a;
	border-color: #673232;
}

.c-dark-theme .c-sidebar {
	background: #20202a;
}

.c-dark-theme .alert-success {
	color: #b8e2cf;
	background-color: #132519;
	border-color: #406f50;
}

.t-captcha-append {
	height: calc(1.5em + 0.75rem + 2px);
}

.t-captcha-append img {
	height: 100%;
	border-radius: 0.25rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 0px solid;
	color: #5c6873;
	background-color: #fff;
	border-color: #e4e7ea;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.c-dark-theme .t-captcha-append img {
	color: #e1e1e1;
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.15);
}

.input-group-append button {
	box-shadow: none !important;
}

.input-group-append {
	height: calc(1.5em + 0.75rem + 2px);
}

.c-sidebar-brand-minimized {
	color: #ffffff;
	fill: currentColor;
	padding: 7px;
}

.t-account-title {
	align-items: center;
	text-align: center;
}

.t-account-title>h4 {
	margin-bottom: 0;
	text-align: center;
}

.t-account-title>h7 {
	margin-bottom: 0;
	text-align: center;
	font-size: 0.7rem;
}

.c-sidebar .t-account-title>h4 {
	    font-size: 20px;
    color: white;
}

.c-sidebar .t-account-title>h7 {
	color: #27ff00;
    font-weight: 700;
}

.c-sidebar-nav-dropdown .c-sidebar-nav-link {
	padding: 0.4rem 1rem;
	padding-left: 20px !important;
}

.c-sidebar-nav-dropdown .c-sidebar-nav-link:before {
	content: "• ";
	white-space: pre;
}

.c-sidebar:hover .c-sidebar-nav-dropdown.c-show, .c-sidebar:not(.c-sidebar-unfoldable) .c-sidebar-nav-dropdown.c-show {
	padding-bottom: 20px;
}

.c-sidebar .c-show .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon {
	color: #fff;
}

.card .card-title {
	margin-bottom: 0;
}

.card .card-header {
	padding: 0.5rem 1.25rem;
}

.t-inventory>div:first-child>div {
	margin: 0 auto;
	width: 242px;
	height: 426px;
	background-image: url('/assets/img/InvFrame_full.png');
	background-repeat: no-repeat;
}

.t-inventory>div:last-child>div {
	margin: 0 auto;
	width: 242px;
	height: 426px;
	background-image: url('/assets/img/InvFrame_full.png');
	background-repeat: no-repeat;
}

@media (min-width: 576px) {
	.t-inventory>div:first-child>div {
		margin: 0 0 0 auto;
	}
	.t-inventory>div:last-child>div {
		margin: 0 auto 0 0;
	}
}

.t-inventory>div>div {
	position: relative;
	user-select: none;
}

.t-inventory .t-item {
	position: absolute;
	cursor: pointer;
	background-image: url(/assets/img/InvFrame_occupied.png);
}

.t-inventory .t-item.t-item-disable {
	cursor: auto !important;
}

.t-inventory .t-item:hover:not(.t-item-selected):not(.t-item-disable) {
	background-image: url(/assets/img/InvFrame_overlap.png);
}

.t-inventory .t-item img {
	position: absolute;
	display: block;
	/*transform: scale(0.5);*/
	pointer-events: none;
	z-index: 101;
}

.t-inventory .t-item.t-item-selected {
	background-image: url(/assets/img/InvFrame_selected.png);
}

.t-inventory .t-item.t-item-disable {
	background-image: url(/assets/img/InvFrame_block.png);
}


/* The emerging W3C standard
   that is currently Firefox-only */

html {
	scrollbar-color: #57637c #d0d4d8;
}

/* Works on Chrome/Edge/Safari */

body::-webkit-scrollbar {
	width: 15px;
}

body::-webkit-scrollbar-track {
	background: #d0d4d8;
}

body::-webkit-scrollbar-thumb {
	background-color: #57637c;
	border-radius: 20px;
	border: 3px solid #d0d4d8;
}

body.c-dark-theme::-webkit-scrollbar-track {
	background: #23242d;
}

body.c-dark-theme::-webkit-scrollbar-thumb {
	background-color: #6f91b4;
	border: 3px solid  #23242d;
}


body.c-dark-theme {
	scrollbar-color: #6f91b4 #23242d;
}

/***************************************************************/
.t-boss_bid-card {
	width: 165px;
	border:0;
	text-align: center;
	margin: 0px 7px 0px 7px;
	padding: 0;
	position: relative;
	transition: top 0.2s;
	top: 0;
	display: inline-block;
	vertical-align: top;
}

.t-boss_bid-card:hover {
	top: -10px;
}

.t-boss_bid-card:hover > .border-secondary {
	border-color: #2778c4 !important;
}

.t-boss_bid-card .card-body{
	cursor: pointer;
}


.t-shop-card {
	width: 155px;
	border:0;
	text-align: center;
	margin: 0px 7px 0px 7px;
	padding: 0;
	position: relative;
	transition: top 0.2s;
	top: 0;
	display: inline-block;
	vertical-align: top;
}

.t-shop-card:hover {
	top: -10px;
}

.t-shop-card:hover > .border-secondary {
	border-color: #2778c4 !important;
}


.t-shop-card .card-body{
	cursor: pointer;
}
/**************************************************************/
.t-item-view_group{
	margin: 0 auto;
	padding: 5px;
	border-radius: 4px;
	border: 1px solid rgb(17, 27, 45);
	background-color: #1f293e;
	width: 120px !important;
	height: 120px !important;
	vertical-align: top;

}

.t-item-view_group .t-item {
	width: calc(50% - 2px);
	height: 50%;
	margin: 0;
	padding: 0;
	display: inline-block;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	position: relative;
	vertical-align: top;
}

.t-item-view_group .t-item.t-item-lg{
	width: 100%;
	height: 100%;
	
}

.t-item-view_group .t-item>img {
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.9));
	pointer-events: none;
	position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.t-item-view_group .t-item>span {
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	pointer-events: none;
	position: relative;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	display: inline-block;
}


/**************************************************************/

.t-item-view_list {
	user-select: none;
}

.t-item-view_list .t-item {
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	margin: 0px 2px 6px 0px;
	border-radius: 4px;
	border: 1px solid rgb(17, 27, 45);
	background-color: #1f293e;
	position: relative;
}

.t-item-view_list .t-item>img {
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.9));
	pointer-events: none;
}

.c-dark-theme .t-item-view_list .t-item {
	border: 1px solid rgb(90, 90, 90);
	background-color: #1a1a1a;
}



.t-item-view_list .t-load-more {
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	line-height: 60px;
	margin: 0px 2px 6px 0px;
	cursor: pointer;
	border-radius: 4px;
	color: #d9d9d9;
	border: 1px solid rgb(17, 27, 45);
	background-color: #1f293e;
}

.c-dark-theme .t-item-view_list .t-load-more {
	border: 1px solid rgb(90, 90, 90);
	background-color: #1a1a1a;
}

.t-item-view_list .t-load-more:hover {
	background-color: #4e4e4e;
}

/**************************************************************/

.t-item-select_list {
	user-select: none;
}

.t-item-select_list .t-item {
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	margin: 0px 2px 6px 0px;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid rgb(17, 27, 45);
	background-color: #1f293e;
	position: relative;
}

.t-item-select_list .t-item>img {
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.9));
	pointer-events: none;
}

.c-dark-theme .t-item-select_list .t-item {
	border: 1px solid rgb(90, 90, 90);
	background-color: #1a1a1a;
}

.t-item-select_list .t-item:hover {
	background-color: #4e4e4e;
}

.t-item-select_list .t-item.t-item-selected {
	background-color: #4c8562;
	border: 1px solid rgb(145, 253, 181);
}


.t-item-select_list .t-load-more {
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	line-height: 60px;
	margin: 0px 2px 6px 0px;
	cursor: pointer;
	border-radius: 4px;
	color: #d9d9d9;
	border: 1px solid rgb(17, 27, 45);
	background-color: #1f293e;
}

.c-dark-theme .t-item-select_list .t-load-more {
	border: 1px solid rgb(90, 90, 90);
	background-color: #1a1a1a;
}

.t-item-select_list .t-load-more:hover {
	background-color: #4e4e4e;
}

/**************************************************************/

.t-item .t-item_lock{
	position: absolute;
	z-index: 102;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 16px;
	background-image: url(/assets/img/item_lock.png);
	background-repeat: no-repeat;
	background-size: 400% 200%;
	pointer-events: none;
}
.t-item .t-item_lock.t-0{
	display: none;
}

.t-item .t-item_lock.t-1{
	background-position: 0 0;
}

.t-item .t-item_lock.t-2{
	background-position: -14px 0;
}


.t-item .t-item_lock.t-3{
	background-position: -28px 0;
}

.t-item .t-item_lock.t-4{
	background-position: 0 -16px;
}

.t-item .t-item_lock.t-5{
	background-position: -14px -16px;
}

.t-item .t-item_lock.t-6{
	background-position: -28px -16px;
}
/**************************************************************/

.t-item .t-item-overlap{
	position: absolute;
	z-index: 102;
	right: 0;
	top: 0;
	line-height: normal;
	pointer-events: none;
}
.t-item .t-item-overlap>span{
	position: relative;
	top: -10px;
	right: -50%;
	border: 1px solid #de6e6e;
	padding: 0 3px;
	border-radius: 4px;
	font-size: 10px;
	background: #983333;
	color: #FFFF;
	font-weight: bold;
}


/**************************************************************/

.c-dark-theme .t-item-view_group{
	border-color: rgb(90, 90, 90);
	background-color: #1a1a1a;
}

.t-content-grid:before,
.t-content-grid:after{content:" ";display:table}
.t-content-grid:after{clear:both}


/* SELECT 2 */
.select2-container--open{
	z-index: 1061;
}

.c-dark-theme .select2-selection--single {
    background-color: #393a42 !important;
    border-color:#43444b !important;
}

.c-dark-theme .select2-selection__rendered {
    color: #e1e1e1 !important;
}

.c-dark-theme .select2-dropdown{
	background-color: #23242d !important;
    border-color: #393a42 !important;
}

.c-dark-theme .select2-dropdown .select2-search__field{
	background-color: #393a42 !important;
	border-color: #44454c !important;
	color: #FFF !important;
}

.c-dark-theme .select2-results__option[aria-selected=true] {
    background-color: #393a42;
}


/***********************************************************/


.c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
    color: #b9cbe8 !important;
}

.c-dark-theme .c-sidebar-nav-dropdown-items .c-sidebar-nav-link {
    color: #b5b5b5 !important;
}

.t-money-format{
	color:#4f5d73;
}

.t-money-format span{
	color: #bfc4ce;
}


.c-dark-theme .t-money-format{
	color: #eee !important;
}

.c-dark-theme .t-money-format span{
	color: #888 !important;
}


.t-disabled {
    pointer-events: none;
    opacity: 0.4;
}

.modal-header .close {
    color: #505050 !important;
	margin: -0.5rem -0.5rem -0.5rem auto !important;
	padding: 0.5rem 0.5rem !important;
}

.modal-header {
	padding: 0.5rem 1.0rem !important;
	background: #eee;
}



.c-dark-theme .modal-header{
	background: #202027 !important;
}


.c-dark-theme .modal-header .close{
	color: #ababab !important
}

.t-guild-logo tr{
	background-color: rgba(0, 0, 0, 0.0) !important;
}

.t-guild-logo table{
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.t-guild-logo td{
	background-color: rgba(0, 0, 0, 0.0);
	border: 0;
	width: 12.5%;
	height: 12.5%;
	padding: 0;
	margin: 0;
}

/*********************************************************/
.t-control-map {
	position: relative;
	padding: 0;	
}

.t-control-map > div:first-child {
	pointer-events: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border: 1px solid black;
	color: #bbb;
    text-shadow: 0px 0px 3px #000000, 0px 0px 4px #000000;
	background: #000;
	position: relative;

}

.t-control-map .t-map {
	position: absolute;
	transition: all 4s linear 0s;
}

.t-control-map .t-map-tex{
	width: 100%;
	height: 100%;
	transform: scaleY(0.65) rotate(45deg);
}

.t-control-map .t-map img{
	width: 100%;
	height: 100%;
	display: block;
}

.t-control-map .t-map-obj-name {
	position: absolute;
	border: 0;
	transition: all 4s linear 0s;
}

.t-control-map .t-map-obj-name div:first {
	border: 1px solid rgb(83, 83, 83);
}


.t-control-map .t-map-obj-name .t-ico-player img {
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
}

.t-control-map .t-map-obj-name .t-ico-party img {
	width: 17px;
	height: 25px;
	display: block;
	margin: 0 auto;
}

.t-control-map .t-map-obj-monster {
	position: absolute;
	border: 0;
	transition: all 4s linear 0s;

}

.t-control-map .t-map-obj-monster img {
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
}


.t-control-map .t-map-obj-main{
	position: absolute;
	border: 0;
	transition: all 4s linear 0s;	
}



.t-control-map .t-map-obj-main img {
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto;
}


.t-control-map .t-stop-animation {
	transition: none !important;
}

.t-control-map .t-player-bar {
	position: absolute;
	bottom: 0;
	left: 0;
}

.t-control-map .t-player-bar>.t-bg>img, .t-control-map .t-player-bar>.t-mask>img{
	width: 100%;
}

.t-control-map .t-player-bar>.t-mask, .t-control-map .t-player-bar>.t-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.t-control-map .t-player-bar .t-hp div,
.t-control-map .t-player-bar .t-hp2 div,
.t-control-map .t-player-bar .t-mana div,
.t-control-map .t-player-bar .t-mana2 div {
	transition: all 1s ease;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
}


.t-control-map .t-player-bar .t-hp {
	width: 11.918%;
	height: 81.73%;
	position: absolute;
	top: 4%;
	left: 7.1%;
}

.t-control-map .t-player-bar .t-hp div{
	bottom: 0;
	left: 0;
}

.t-control-map .t-player-bar .t-hp img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}


.t-control-map .t-player-bar .t-mana {
	width: 11.918%;
	height: 81.73%;
	position: absolute;
	top: 4.2%;
	left: 81.2%;
}

.t-control-map .t-player-bar .t-mana div{
	bottom: 0;
	left: 0;
}

.t-control-map .t-player-bar .t-mana img {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}



.t-control-map .t-player-bar .t-hp2 {
	width: 13.52%;
	height: 17.3%;
	position: absolute;
	top: 70%;
	left: 17.4%;
}

.t-control-map .t-player-bar .t-hp2 div{
	bottom: 0;
	left: 0;
}

.t-control-map .t-player-bar .t-hp2 img {
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}



.t-control-map .t-player-bar .t-mana2 {
	width: 13.52%;
	height: 17.3%;
	position: absolute;
	top: 70%;
	left: 70.2%;
}

.t-control-map .t-player-bar .t-mana2 div{
	bottom: 0;
	right: 0;
}

.t-control-map .t-player-bar .t-mana2 img {
	height: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
}


.t-control-map .t-player-bar .t-exp {
	width: 80.25%;
	height: 8.654%;
	position: absolute;
	top: 90.38%;
	left: 9.88%;
}

.t-control-map .t-player-bar .t-exp div{
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.t-control-map .t-player-bar .t-exp img {
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.t-control-map .t-player-bar .t-hp-text div,
.t-control-map .t-player-bar .t-hp2-text div,
.t-control-map .t-player-bar .t-mana-text div,
.t-control-map .t-player-bar .t-mana2-text div,
.t-control-map .t-player-bar .t-exp-text div,
.t-control-map .t-player-bar .t-exp2-text div{

	width: 500px;
    text-align: center;
	position: relative;
}

.t-control-map .t-player-bar .t-hp-text {
	position: absolute;
	top: 42.3%;
	left: 13%;
}

.t-control-map .t-player-bar .t-hp-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.7rem;
}


.t-control-map .t-player-bar .t-hp2-text {
	position: absolute;
	top: 76.92%;
	left: 24.12%;
}

.t-control-map .t-player-bar .t-hp2-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.6rem;
}

.t-control-map .t-player-bar .t-mana-text {
	position: absolute;
	top: 42.3%;
	left: 86.92%;
}

.t-control-map .t-player-bar .t-mana-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.7rem;
}



.t-control-map .t-player-bar .t-mana2-text {
	position: absolute;
	top: 76.92%;
	left: 76.45%;
}

.t-control-map .t-player-bar .t-mana2-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.6rem;
}



.t-control-map .t-player-bar .t-exp-text {
	position: absolute;
	bottom: 0;
	left: 50%;
}

.t-control-map .t-player-bar .t-exp-text div{
    transform: translateX(-50%);
	font-size: 0.6rem;
}


.t-control-map .t-player-bar .t-exp2-text {
	position: absolute;
	top: 90%;
	left: 92%;
}

.t-control-map .t-player-bar .t-exp2-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.7rem;
}





.t-control-map .t-location-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
}


.t-control-map .t-location-bar>div{
	position: relative;
}

.t-control-map .t-location-bar .t-bg>img{
	width: 100%;
}

.t-control-map .t-location-bar .t-ch{
	position: absolute;
    top: 8%;
    left: 6%;
	height: 50%;
}

.t-control-map .t-location-bar .t-ch img{
	height: 100%;
	display: block;
}

.t-control-map .t-location-bar .t-ch-text div, .t-control-map .t-location-bar .t-map-text div{

	width: 500px;
    text-align: center;
	position: relative;
}

.t-control-map .t-location-bar .t-ch-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.7rem;
	font-weight: bold;
	color: #585;
}

.t-control-map .t-location-bar .t-ch-text {
	position: absolute;
    top: 33%;
    left: 14%;
}



.t-control-map .t-location-bar .t-map-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.7rem;
	font-weight: bold;
	color: #aaa;
}

.t-control-map .t-location-bar .t-map-text {
	position: absolute;
    top: 33%;
    left: 57%;
}





.t-control-map .t-party-bar {
	position: absolute;
	right: 1%;
	top: 1%;
	width: 20%;
}

.t-control-map .t-party-bar>div{
	position: relative;
}

.t-control-map .t-party-bar .t-bg>img{
	width: 100%;
}

.t-control-map .t-party-bar .t-hp{
	position: absolute;
    top: 56%;
    left: 16%;
	width: 81.16%;
	height: 14.29%;
}

.t-control-map .t-party-bar .t-hp div{
	transition: all 1s ease;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.t-control-map .t-party-bar .t-hp img{
	height: 100%;
	display: block;
}



.t-control-map .t-party-bar .t-mana{
	position: absolute;
    top: 78%;
    left: 16%;
	width: 81.16%;
	height: 14.29%;
}

.t-control-map .t-party-bar .t-mana div{
	transition: all 1s ease;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.t-control-map .t-party-bar .t-mana img{
	height: 100%;
	display: block;
}


.t-control-map .t-party-bar .t-leader{
	position: absolute;
    top: 58%;
    left: 4.4%;
	width: 10.87%;
	height: 30.95%;
}

.t-control-map .t-party-bar .t-leader img{
	height: 100%;
	display: block;
}



.t-control-map .t-party-bar .t-name-text div,
.t-control-map .t-party-bar .t-channel-text div{

	width: 500px;
    text-align: center;
	position: relative;
}



.t-control-map .t-party-bar .t-name-text {
	position: absolute;
	top: 30%;
    left: 52%;
}

.t-control-map .t-party-bar .t-name-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.7rem;
}


.t-control-map .t-party-bar .t-channel-text {
	position: absolute;
    top: 29%;
    left: 10%;
}

.t-control-map .t-party-bar .t-channel-text div{
    transform: translateY(-50%) translateX(-50%);
	font-size: 0.6rem;
}

.t-control-map .t-notice{
	position: absolute;
	left: 50%;
	top: 50%;
	display: none;
}

.t-control-map .t-notice div{
	transform: translateY(-50%) translateX(-50%);
	font-size: 0.8rem;
    padding: 10px;
    border: 1px solid red;
    background: rgba(0,0,0,0.7);
    color: #FF0000;
}


.t-control-map .t-map-move-btn {
	display: none;
	position: absolute;
	top:0;
	left:0;
}


.t-control-map .t-map-target-move {
	position: absolute;
	top:0;
	left:0;
	display: none;
}



.t-control-map .t-auto_helper{
	position: absolute;
	left: 50%;
    bottom: 6%;
    width: 55%;
	height: 24%;
}


.t-control-map .t-auto_helper>div{
	transform: translateY(0%) translateX(-50%);
    padding: 1.5%;
    border: 1px solid rgb(53, 53, 53);
    background: rgba(0,0,0,0.7);
    color: rgb(216, 133, 55);
	height: 100%;
}

.t-control-map .t-auto_helper .t-text {
	font-size: 0.7rem;
	position: relative;
	height: calc(100%/6);
}

.t-control-map .t-auto_helper .t-text-header {
	position: absolute;
	width: 1000px;
	left: 0px;
	top: 50%;
	transform: translateY(-50%) translateX(0%);
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
}

.t-control-map .t-auto_helper .t-text-value {
	position: absolute;
	width: 1000px;
	right: 0px;
	top: 50%;
	transform: translateY(-50%) translateX(0%);
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	text-align: right;
}
.t-control-map .t-auto_helper .t-text-timer {
	background: #262626;
}

.t-control-map .t-auto_helper .t-text-timer>div {
	position: absolute;
	width: 1000px;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	text-align: center;
	font-weight: bold;
	color:#b1b1b1;
}





#t-section-online {
	display: none;
}

#t-section-offline {
	display: none;
}

/* Step */
.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}


/* content rule*/

.t-content_rule {
    position: relative;
    overflow: hidden;
    max-height: 5000px;

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;

	padding-bottom: 10px;
    margin-bottom: 20px;
}


.t-content_rule .t-expand {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.t-content_rule .t-expand>div {
    position: absolute;
    bottom: 0px;
    right: 0px;
	padding: 0;
}

.t-content_rule.t-preview .t-expand>div {
	padding: 0 4px 4px 0 !important;
}

.t-content_rule .t-expand>div::after {
    content: "";
    clear: both;
    display: table;
}

.t-content_rule.t-preview {
    max-height: 70px;
}

.t-content_rule.t-preview .t-expand {
    background: url(img/content-preview_light.png) repeat-x;
    height: 40px;
}

body.c-dark-theme .t-content_rule.t-preview .t-expand {
    background: url(img/content-preview_dark.png) repeat-x !important;
}

.t-content_rule.t-preview .t-small {
    display: none !important;
}

.t-content_rule:not(.t-preview) .t-big {
    display: none;
}

.t-content_rule.t-preview .t-big {
    display: inline-block !important;
}

/*********************** vertical timeline ************************/

.vertical-timeline {
	width: 100%;
	position: relative;
	padding: 1.5rem 0 1rem
}

.vertical-timeline::before {
	content: '';
	position: absolute;
	top: 0;
	left: 156px;
	height: 100%;
	width: 4px;
	background: #e9ecef;
	border-radius: .25rem
}

.c-dark-theme .vertical-timeline::before {
	background: #12121f
}

.vertical-timeline-element {
	position: relative;
	margin: 0 0 1rem
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
	visibility: visible;
	animation: cd-bounce-1 .8s
}

.vertical-timeline-element-icon {
	position: absolute;
	top: 0;
	left: 154px
}

.vertical-timeline-element-icon .badge-dot-xl {
	box-shadow: 0 0 0 5px #fff
}

.c-dark-theme .vertical-timeline-element-icon .badge-dot-xl {
	box-shadow: 0 0 0 5px #23242d
}



.vertical-timeline-element-content {
	position: relative;
	margin-left: 180px;
	font-size: .8rem
}

.vertical-timeline-element-content .timeline-title {
	font-size: .8rem;
	text-transform: uppercase;
	margin: 0 0 .5rem;
	padding: 2px 0 0;
	font-weight: bold
}

.vertical-timeline-element-content .vertical-timeline-element-date {
	display: block;
	position: absolute;
	left: -180px;
	top: 0;
	padding-right: 10px;
	text-align: right;
	color: #adb5bd;
	font-size: .7619rem;
	white-space: nowrap
}

.vertical-timeline-element-content:after {
	content: "";
	display: table;
	clear: both
}


.t-event_notice {
	width: 320px;
	margin-bottom: 5px;
	border: 1px solid black;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0;
	position: relative;
}

.t-event_notice img {
	width: 100%;
}

.t-event_notice>div {
	background: black;
	text-align: center;
	padding: 2px;
	color: #f7a000;
    font-family: serif;
}

a:hover {
  text-decoration: none;
}
header,
.demo,
.demo p {
  text-align: center;
}
/**
 * c-tooltip Styles
 */
/* Base styles for the element that has a c-tooltip */
[data-c-tooltip] {
  position: relative;
  cursor: pointer;
}
/* Base styles for the entire c-tooltip */
[data-c-tooltip]:before,
[data-c-tooltip]:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
/* Show the entire c-tooltip on hover and focus */
[data-c-tooltip]:hover:before,
[data-c-tooltip]:hover:after,
[data-c-tooltip]:focus:before,
[data-c-tooltip]:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Base styles for the c-tooltip's directional arrow */
[data-c-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Base styles for the c-tooltip's content area */
[data-c-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-c-tooltip);
  font-size: 14px;
  line-height: 1.2;
}
/* Directions */
/* Top (default) */
[data-c-tooltip]:before,
[data-c-tooltip]:after {
  bottom: 100%;
  left: 50%;
}
[data-c-tooltip]:before{
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: rgba(51, 51, 51, 0.9);
}
/* Horizontally align top/bottom c-tooltips */
[data-c-tooltip]:after {
  margin-left: -80px;
}
[data-c-tooltip]:hover:before,
[data-c-tooltip]:hover:after,
[data-c-tooltip]:focus:before,
[data-c-tooltip]:focus:after{
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px);
}

/* Left */
[tooltip-position='left']:before,
[tooltip-position='left']:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}
[tooltip-position='left']:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: rgba(51, 51, 51, 0.9);
}
[tooltip-position='left']:hover:before,
[tooltip-position='left']:hover:after,
[tooltip-position='left']:focus:before,
[tooltip-position='left']:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px);
}
/* Bottom */
[tooltip-position='bottom']:before,
[tooltip-position='bottom']:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}
[tooltip-position='bottom']:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: rgba(51, 51, 51, 0.9);
}
[tooltip-position='bottom']:hover:before,
[tooltip-position='bottom']:hover:after,
[tooltip-position='bottom']:focus:before,
[tooltip-position='bottom']:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px);
}
/* Right */
[tooltip-position='right']:before,
[tooltip-position='right']:after {
  bottom: 50%;
  left: 100%;
}
[tooltip-position='right']:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: rgba(51, 51, 51, 0.9);
}
[tooltip-position='right']:hover:before,
[tooltip-position='right']:hover:after,
[tooltip-position='right']:focus:before,
[tooltip-position='right']:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}
/* Move directional arrows down a bit for left/right c-tooltips */
[tooltip-position='left']:before,
[tooltip-position='right']:before {
  top: 3px;
}
/* Vertically center c-tooltip content for left/right c-tooltips */
[tooltip-position='left']:after,
[tooltip-position='right']:after {
  margin-left: 0;
  margin-bottom: -16px;
}