body
{
	--thk_purple:#7B44EC;
}

.drag-target
{
	transform: translateX( -2000% );
}

.tab a
{
	color:#2E2E30 !important;
}

.tab a:hover
{
	color:#C4C4C4 !important;
}

.tabs .indicator
{
	background-color:#7B44EC !important;
}

.tabs .active
{
	color:#7B44EC !important;
}

.tag
{
	display:inline-block;
}

.tag-100 p
{
	min-width:100px;
}

.tag p
{
	display:inline-block;
	font-size:11px;
	padding:2px 5px;
	text-align:center;
	text-transform:uppercase;
	border-radius:5px;
}

.tag[ data-publisher-status="NONE" ]
{
	color: #bdbdbd;
	border-color:#bdbdbd;
}

.tag[ data-publisher-status="DONE" ]
{
	color: #a5d6a7;
	border-color:#a5d6a7;
}

.tag[ data-publisher-status="ERROR" ]
{
	color: #ff8a65;
	border-color:#ff8a65;
}

.tag[ data-publisher-status="WORKING" ]
{
	color: #90caf9;
	border-color:#90caf9;
}

input[type=file]
{
	cursor:pointer !important;
}

.thk_main_title, .thk_dashboard_title, .thk_report_title
{
	margin:30px 0;
	text-transform:uppercase;
	border-bottom:1px solid silver;
	padding-bottom:20px;
	color:#7b43ea;
}

.thk_main_title small, .thk_dashboard_title small, .thk_report_title small
{
	display:block;
	color:#2a2d2e;
	margin:2px 0;
}

.thk_report_title small
{
	text-transform:initial;
	margin-top:10px;
	font-size:16px;
}

.thk_main_title_lmargin
{
	margin-right:10px;
	margin-left:10px;
}

.thk_dashboard_title, .thk_report_title
{
	color:#9868ff;
	margin-right:10px;
	margin-left:10px;
}

.thk_report_title
{
	margin:30px 10px 0 10px;
}

.card-panel
{
	border-radius:10px;
}

.striped td
{
	padding:20px 0;
}

.striped td:first-child, .striped td:last-child
{
	padding:20px 10px;
}

.striped a
{
	border-radius:5px;
}

.thk_purple
{
	background-color:#7B44EC;
}

.thk_purple_border
{
	border-color:#7B44EC;
}

.thk_purple_text
{
	color:#7B44EC;
}

.thk_green_text
{
	color:#00EACE;
}

.thk_purple_light
{
	background-color:#a47bfc;
}

.thk_grey
{
	background-color:#2E2E30;
}

.thk_grey_light
{
	background-color:#F5F5F5;
}

.thk_yellow
{
	background-color:#DBFD00;
}

.thk_green
{
	background-color:#00EACE;
}

.thk_blue
{
	background-color:#00BBFF;
}

.thk_purple_forced
{
	background-color:#7B44EC !important;
}

.thk_purple_light_forced
{
	background-color:#a47bfc !important;
}

.thk_grey_forced
{
	background-color:#2E2E30 !important;
}

.thk_grey_light_forced
{
	background-color:#F5F5F5 !important;
}

.thk_yellow_forced
{
	background-color:#DBFD00 !important;
}

.thk_green_forced
{
	background-color:#00EACE !important;
}

.thk_blue_forced
{
	background-color:#00BBFF !important;
}

.caps
{
	text-transform:uppercase;
}

.block
{
	display:block;
}

.tag
{
	border:1px solid #757575;
	color:#757575;
	display:inline-block;
	min-width:100px;
	text-align:center;
	border-radius:5px;
	padding:3px 10px;
	text-transform:uppercase;
	font-size:0.7em;
}

.tgreen
{
	border:1px solid #81C683;
	color:#81C683;
}

.tag.green
{
	border:1px solid #81C683;
	background-color:transparent !important;
	color:#81C683;
}

.tblue
{
	border:1px solid #42A5F5;
	color:#42A5F5;
}

.tag.blue
{
	border:1px solid #42A5F5;
	background-color:transparent !important;
	color:#42A5F5;
}

.tred
{
	border:1px solid #E57373;
	color:#E57373;
}

.tag.red
{
	border:1px solid #E57373;
	background-color:transparent !important;
	color:#E57373;
}

.tcyan
{
	border:1px solid #00bcd4;
	color:#00bcd4;
}

.tteal
{
	border:1px solid #009688;
	color:#009688;
}

.tlime
{
	border:1px solid #d4e157;
	color:#d4e157;
}

.torange
{
	border:1px solid #ff9800;
	color:#ff9800;
}

.tbrown
{
	border:1px solid #8d6e63;
	color:#8d6e63;
}

.service_mod_title
{
	background-color:#8e60f2;
	margin:0;
	border:0;
	padding:40px 20px;
	color:white;
	margin-bottom:20px;
}

.service_mod_title strong
{
	text-transform:uppercase;
}

.service_mod_btn
{
	position:absolute;
	top:0;
	right:0;
	padding:20px 20px 20px 22px;
	cursor:pointer;
	border-radius:0 0 0 10px;
}

.service_mod_btn i
{
	position:relative;
	top:2px;
	left:1px;
}

.uploader_images img
{
	cursor:pointer;
	float:left;
	border:1px dashed silver;
	border-radius:10px;
	height:150px;
	padding:10px;
}

.upload_selected
{
	border-color:#cf601b !important;
}

.upload_selected img
{
	border-color:#cf601b !important;
}

.uploader_images.small_upload
{
	border:1px dashed silver;
}

.uploader_images.small_upload img
{
	display:block;
	margin:10px auto;
	float:none;
	clear:both;
	padding:0;
	border:0;
	border-radius:1px;
}

.uploader_images.small_upload::after
{
	content:'XS / ICON';
	color:silver;
	display:block;
	text-align:center;
	font-size:12px;
}

.uploader_images input[ type="file" ]
{
	visibility:hidden;
	color:grey;
}

.uploader_images input[ type=file ]::-webkit-file-upload-button
{
	color:grey;
	border:0;
	padding:10px 40px;
	border-radius:10px;
}

figure.timeseries
{
	height: var(--hlimited, 400px);;
	width: 100%;
	margin: 0;
}

#iframe_modal_external
{
	position:absolute;
	top:0;
	min-height:100dvh;
	height:100dvh;
	background: rgba( 0, 0, 0, 0.2 );

	iframe
	{
		background-image: url( '../images/gui/loading_tiny.gif' );
		background-position: center;
		background-size: 50px;
		background-repeat: no-repeat;
		background-color: white;
		position: absolute;
		top: var( --top, 70px );
		right: var( --right, 18px );
		height: var( --hmodal, 600px );
		width: var( --wmodal, 750px );
		border: 0;
		border-radius: 10px;
	}
}

@media( max-width: 768px )
{
	#iframe_modal_external
	{
		iframe
		{
			top: 0;
			right: 0;
			height: 100%;
			width: 100%;
			border-radius: 0;
		}
	}
}