@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap')
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#TB_secondLine {
	/* font: 10px Arial, Helvetica, sans-serif; */
	font-family: "Inter", sans-serif;
	font-size: 12px;
	color: #666666;
}

#TB_window a:link {
	color: #666666;
	/*  left: -17px;
    position: absolute;
    top: -50px; */
}

.sel_type {
	font-size: 12px;
	height: 21px;
	padding: 0;
	width: 130px;
	margin-left: 8px;
}

.sel_type_div {
	float: right;
	margin-right: 25px;
	margin-top: 3px;
	height: 25px;
}

.label_seltype {
	color: #000;
	float: left;
	font-size: 13px;
	margin-top: 2px;
}

/* #TB_window a:visited {
     color: #666666;
    left: 40px;
    position: absolute;
    top: -20px;
}
#TB_window a:hover { 
color: #666666;
    left: 40px;
    position: absolute;
    top: -20px;}
#TB_window a:active { color: #666666;
    left: 40px;
    position: absolute;
    top: -20px;}
#TB_window a:focus{ color: #666666;
    left: 40px;
    position: absolute;
    top: -20px;
}
 */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index: 99999;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.TB_overlayMacFFBGHack {
	background: url(macFFBgHack.png) repeat;
}

.TB_overlayBG {
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay {
	/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
	z-index: 999999;
	color: #071437;
	font-family: "Inter", sans-serif;
	font-size: 12px;
	/* background-color: #292929; */
	border-radius: 10px;
	max-height: 90vh !important;
	max-width: 90vw !important;
	overflow-y: auto !important;
	box-sizing: border-box;
}


/* When popup is taller than viewport, keep it visible from top */
@media (max-height: 600px) {
	#TB_window {
		top: 20px;
		transform: translateX(-50%);
	}
}


* html #TB_window {
	/* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
	height: 25px;
	padding: 7px 30px 10px 25px;
	float: left;
}

#TB_closeWindow {
	height: 25px;
	padding: 11px 25px 10px 0;
	float: right;
}

#TB_closeAjaxWindow {
	position: absolute;
	right: -20px;
	text-align: right;
	top: -21px;
}

[data-bs-theme=light] #TB_ajaxWindowTitle {
	text-align: center;
	font-size: 1.35rem;
	font-weight: 600;
	position: relative;
	color: black;
	height: 45px;
	overflow: hidden;
	background-color: white;
	border-bottom: 1px solid #f1f1f4;
	margin-left: 20px;
	border-top-right-radius: 5px;

}

[data-bs-theme=dark] #TB_ajaxWindowTitle {
	text-align: center;
	font-size: 1.35rem;
	font-weight: 600;
	position: relative;
	color: #fff;
	/* white text for dark mode */
	height: 45px;
	overflow: hidden;
	/* background-color: #15171C; */
	background-color: #0B0C10;
	/* dark background */
	border-bottom: 1px solid #444;
	margin-left: 20px;
	border-top-right-radius: 5px;
}

/* #TB_title {
	background-color: #4950F3;
	height: 45px;
	line-height: 45px;
	text-align: center;
	position: relative;
} */

#TB_ajaxContent {
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
	padding: 15px;
}

#TB_ajaxContent p {
	padding: 5px 0px 5px 0px;
}

#TB_load {
	position: fixed;
	display: none;
	z-index: 999999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* margin: -30px 0 0 -104px; */
}

* html #TB_load {
	/* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin=document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	/* background-color: #15171C; */
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}

* html #TB_HideSelect {
	/* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* #TB_iframeContent {
	clear: both;
	border: none;
	background-color: #fff;
} */

/* popup iframe initally show background color change based on theme */
[data-bs-theme=light] #TB_iframeContent {
	clear: both;
	border: none;
	background-color: #fff;
}

[data-bs-theme=dark] #TB_iframeContent {
	clear: both;
	border: none;
	/* background-color: #15171C; */
	background-color: #212121;
}

#TB_closeAjaxWindow a#TB_closeWindowButton {
	/* color: #FFF;
	font-size: 18px; */
	display: inline-block;
}

/* Light Theme */
[data-bs-theme=light] #TB_closeWindowButton i {
	color: #000 !important;
	/* default black */
}

[data-bs-theme=light] #TB_closeWindowButton:hover i {
	color: var(--bs-success) !important;
	/* primary on hover */
}

/* Dark Theme */
[data-bs-theme=dark] #TB_closeWindowButton i {
	color: #fff !important;
	/* default white */
}

[data-bs-theme=dark] #TB_closeWindowButton:hover i {
	color: var(--bs-success) !important;
	/* primary on hover */
}




/* new mr css */
[data-bs-theme=light] #TB_title {
	background-color: white;
	height: 45px;
	line-height: 45px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid #f1f1f4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/* Dark Theme */
[data-bs-theme=dark] #TB_title {
	background-color: #0B0C10;
	/* dark background */
	height: 45px;
	line-height: 45px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid #444;
	/* subtle dark border */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* ki-outline ki-cross fs-1 text-white pt-3 d-inline-block */

.ki-outline.ki-cross {
	color: black !important;
}


#TB_ajaxWindowTitle {

	text-align: left !important;
	/* margin-left: 10px !important; */
	color: black;
	text-shadow: 0;
	font-size: 17px;
	/* text-transform: uppercase; */
}


#TB_iframeContent {

	border-radius: 0 0 4px 4px !important;
}

#TB_closeAjaxWindow {
	position: absolute;
	right: 9px;
	text-align: right;
	top: 0;
}

/* #TB_closeAjaxWindow{
	
	color:#999;
	font-size:13px;
	
}	 */
/* new mr css */

/* RTL CSS */
[dir=rtl] #TB_ajaxWindowTitle {
	text-align: right !important;
	margin-right: 10px;
}

[dir=rtl] #TB_closeAjaxWindow {
	left: 9px;
	right: auto;
}

/* RTL CSS */