@font-face {
	font-family: RobotoQweb;
	src: url("/static/css/fonts/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Roboto;
	src: url("/static/css/fonts/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: RobotoMedium;
	src: url("/static/css/fonts/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 600;
	font-style: normal
}

body {
	margin:0;
	padding:0;
	height:100%;
	max-height:100%;
	overflow: hidden;
}

#content_block {
	top:100px;
	bottom:23px;
	left: 0;
	right:0;
	overflow:auto;
}

#top_block {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background: url(/static/images/top_bg.gif) repeat-x;
}

#bottom_block {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:23px;
	background: url(/static/images/bottom_bg.gif) repeat-x;
}

* html body {
	padding: 100px 0 23px 0;
}

* html #content_block {
	height: 100%;
}

body > #content_block {
	position:fixed;
}

body > #top_block {
	position: fixed;
}

body > #bottom_block {
	position: fixed;
}


#app-frame-popup-shadow,
.app-frame-popup-shadow{
	height: 100%;
	width: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.6) !important;
	zoom: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	display: none;
}

.d-flex{
	display: flex !important;
}

body:not(:has(.place-announcement)) #appframe-menu-div
{
	display: none;
}

body:is(.place-announcement) #appframe-menu-div,
body:has(.place-announcement) #appframe-menu-div
{
	z-index: 100000;
	position: absolute;
	flex-shrink: 0;
	background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_background_image_phase_1.png");
	display: none;
	border-radius: 8px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 81%;
	width: 60.5%;
	background-size: cover;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

#appframe-menu-div.phase2 {
	background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_background_image_phase_2.png");
}

#appframe-menu-div.phase3 {
	background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_background_image_phase_3.png");
}

#appframe-menu-first-inner-div {
	width: 100%;
	flex: 1 1 auto;
}

#appframe-header-div {
	color: #0E1215;
	font-family: Roboto, 'RobotoQweb';
	font-size: 60px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: -1.2px;
	width: 714px;
}

#appframe-content-div {
	color: #56707E;
	font-family: Roboto, 'RobotoQweb';
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -0.24px;
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

#appframe-content-div-1 {
	color: #364750;
	font-family: Roboto, 'RobotoQweb';
	font-style: normal;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: -0.24px;
	padding-bottom: 24px;
}

#appframe-content-div-2 {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 20px;
}

#appframe-content-div-2-1,
#appframe-content-div-3 h1:first-of-type
{
	color: #364750;
	font-family: Roboto, 'RobotoQweb';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

#appframe-content-div-3 h1:first-of-type{
	padding: 0 !important;
	margin-bottom: 12px;
}

#appframe-content-div-3 {
	color: #364750;
	font-family: Roboto, 'RobotoQweb';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#appframe-content-div-3 h1,
#appframe-content-div-3
{
	background: none;
}

#content-div {
	list-style-type: disc;
	color: #364750;
	margin-left: 40px;

	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0px;
}

#appframe-content-div-2-2 #content-div{
	width: 64%;
}

#appframe-menu-inner-div {
	position: relative;
	top: 16%;
	left: 120px;
	gap: 30px;
	display: flex;
	flex-direction: column;
	width: 61%;
	height: auto;
}

body:has(.old_UI_toggler) .appframe-learn-more-button-div {
	border-radius: 8px;
	display: flex;
	padding: 12px 20px;
	align-items: flex-start;
	gap: 10px;
	text-align: center;
	font-family: Roboto, 'RobotoQweb';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	cursor: pointer;
	text-decoration: none;
	background: #FFF;
	color: #095FB3;
	box-shadow: unset;
	border-color: #095FB3;
}

body:has(.old_UI_toggler) .appframe-try-now-button-div {
	border-radius: 8px;
	background: #095FB3;
	display: flex;
	padding: 12px 20px;
	align-items: flex-start;
	gap: 10px;
	color: #FFF;
	text-align: center;
	font-family: Roboto, 'RobotoQweb';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	cursor: pointer;
}

.appframe-button-div {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.appframe-button-div button,
.appframe-button-div input[type="submit"]
{
	margin: 0;
	padding: 12px 20px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	height: 44px;
	font-family: Roboto, 'RobotoQweb';
	font-size: 16px;
}
#appframe-menu-do-not-show-menu-div {
	position: absolute;
	bottom: 30px;
	left: 40px;
	display: flex;
	align-items: center;
	gap: 8px;
}

#doNotShowMenuCheckbox {
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #56707E;
	display: flex;
	width: 16px;
	height: 16px;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

#appframe-menu-do-not-show-menu-text-div {
	color: #638090;
	font-family: Roboto, 'RobotoQweb';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#appframe-menu-close-menu-div {
	background-image: url("/static/images/4_0_ui_icons/qx-close.svg");
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	position: absolute;
	top: 20px;
	right: 32px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
}

#appframe-popup-announcement-div-phase2 {
	background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_artifact_image_3.svg");
	flex-shrink: 0;
	mix-blend-mode: multiply;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#appframe-popup-announcement-div-phase3 {
	background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_artifact_image_2.png");
	flex-shrink: 0;
	mix-blend-mode: multiply;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}

#appframe-popup-announcement-div {
	background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_artifact_image_1.png");
	width: 317.591px;
	flex-shrink: 0;
	mix-blend-mode: multiply;
	top: 44%;
	background-repeat: no-repeat;
	position: absolute;
	height: 367px;
}

body:has(.overlay_page):not(:has(fieldset)) .dialog{
	border:	0 !important;
	background: inherit;
}

.appframe-menu-left-arrow,
.appframe-menu-right-arrow
{
	position: absolute;
	top: 50%;
	left: 32px;
	display: flex;
	cursor: pointer;
	border-radius: 99px;
	height: 32px;
	width: 32px;
	padding: 0;
	border: 1px solid #528FC9;
	min-width: auto;
	background-image: url(/static/images/4_0_ui_icons/qx-pagination-left-arrow.svg);
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	margin: 0;
}

.appframe-menu-right-arrow{
	right: 32px;
	left: auto;
	background-image: url(/static/images/4_0_ui_icons/qx-pagination-right-arrow.svg);
}

.appframe-menu-left-arrow:hover,
.appframe-menu-right-arrow:hover{
	border: 1px solid #528FC9;
}


#appframe-menu-carousel-navigation{
	display: flex  ;
	align-items: center;
	flex-direction: row;
}

#appframe-menu-carousel-navigation input[type="radio"]{
	width: 8px;
	height: 8px;
	opacity: 1;
	background: #FFFFFF;
	margin: 0 10px;
	appearance: none;
	border-radius: 100%;
	cursor: pointer;
	z-index: 2;
}

#appframe-menu-carousel-navigation input[type="radio"]:checked {
	width: 12px;
	height: 12px;
	background: #095FB3;
}

.carousel-slide{
	display: block;
	position: absolute;
	width: 100%;
	transition: opacity 1s ease-in-out;
	opacity: 0;
	z-index: -1;
}

.carousel-slide.active {
	opacity: 1;
	z-index: 1;

}

#header_wrapper{
	flex: 0 0 auto;
	height: 104px;
	width: 100%;
}

#slide_header{
	font-family: Roboto;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	padding-top: 43px;
	text-align: left;
	padding-left: 148px;
}

#footer_wrapper{
	flex: 0 0 auto;
	height: 85px;
}

.graphic_slide,
#appframe-content-div
{
	width: 100%;
	height: 480px;
}

#appframe-content-div{
	padding-bottom: 20px;
}

.graphic_slide img
{
	height: 100%;
	width: 100%;
	padding-bottom: 20px;
}

body:has(.help_list_wrapper_visibile) .help-menu-wrapper,
.help-menu-wrapper:hover{
	background-color: rgb(218, 231, 244);
	border-radius: 4px;
}

/* The container for the switch */
.switch {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 14px;
	margin-bottom: 3px;
}

/* Hide the actual checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-color: transparent;
	transition: background-color 0.4s ease;
	border-radius: 34px;
	border: 2px solid #56707e;
}

/* The slider's circle (the knob) */
.slider:before {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #56707e;
	transition: transform 0.4s ease;
	top: 2px;
	left: 2px;
}

/* When the checkbox is checked */
.switch input:checked + .slider {
	background-color: #095fb3;
	border-color: #095fb3;
}

/* Move the circle to the right when checked */
.switch input:checked + .slider:before {
	transform: translateX(18px);
	background-color: #fff;
}

.help_list_wrapper{
	transition: z-index 135ms ease-in-out, opacity 125ms ease-in-out;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 1px 0 rgba(15, 23, 42, .05), 0 8px 16px 0 rgba(15, 23, 42, .1);
	max-height: fit-content;
	max-width: 400px;
	overflow-y: auto;
	padding: 8px;
	width: auto;
	height: fit-content;
	position: fixed;
	top: 34px;
	right: 267px;
	z-index: 0;
	opacity: 0;
	display: none;
}

.help_list{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	padding: 0 8px;
}

.ui_toggler{
	background: #edf3f9;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: default;
	display: flex;
	flex-wrap: wrap;
	padding: 8px;
	width: auto;
	flex-direction: column;
	margin: auto;
}

.ui_toggler_wrapper{
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
	background: #fde68a;
	border-radius: 8px;
	box-sizing: border-box;
	padding: 6px 12px;
	cursor: default;
}

.ui_toggler_text{
	color: #0e1215;
	font-family: RobotoMedium;
	font-size: 12px;
	line-height: 16px;
	padding-right: 12px;
}

body:has(.old_UI_toggler) .ui_toggler_text{
	display: flex;
}

body:has(.old_UI_toggler) .ui_toggler_text span{
	margin-left: 8px;
}

.ui_toggler_info{
	width: 180px;
	cursor: default;
	color: #0e1215;
	font-family: RobotoQweb;
	font-size: 12px;
	line-height: 16px;
	margin: 8px 0 0;
	white-space: normal;
}

.help_list_divider{
	border-bottom: 1px solid #dfe5e8;
	margin: 8px auto;
	width: 100%;
}

.help_list_item{
	box-sizing: border-box;
	color: #364750;
	cursor: pointer;
	display: inline-block;
	line-height: 16px;
	text-align: left;
	width: 100%;
	text-decoration: none;
	text-overflow: ellipsis;
	padding: 8px;
}

.help_list_item:hover{
	background-color: #edf3f9;
	border-radius: 4px;
}

.help_list_wrapper_visibile{
	display: flex;
	z-index: 1;
	opacity: 1;
}

body:has(.old_UI_toggler) #logo{
	display: flex;
}

body:has(.old_UI_toggler) .ui_toggler_wrapper {
	margin-right: 4px;
}

.custom_form_error{
	border-color: red;
}

body:not(:has(.sspanel)) .info-panel .title{
	font-size: 16px !important;
}

.content_falsepos.a_contested_confirm{
	width: 95% !important;
	overflow-x: auto;
}

.a_contested_confirm .false_pos_table tbody tr:first-of-type td:not(div){
	word-break: break-word;
}

@media (min-width: 1680px) and (max-width: 4800px)
{
	#appframe-menu-div {
		width: 1164px;
		height: 764px;
	}

	#appframe-popup-announcement-div {
		background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_artifact_image_1_large.png") !important;
		left: 66%;
		top: 25%;
	}

	#appframe-menu-do-not-show-menu-div {
		bottom: 40px;
	}

	#appframe-popup-announcement-div-phase2 {
		width: 460.591px;
		height: 500.437px;
		top: 19%;
		right: 5%;
	}

	#appframe-popup-announcement-div-phase3 {
		top: 25%;
		right: 5%;
		width: 460.591px;
		height: 387.437px;
	}
}

@media (min-width: 1281px) and (max-width: 1679px)
{
	#appframe-menu-inner-div {
		top: 90px;
		gap: 20px;
	}

	#appframe-header-div {
		font-size: 52px;
	}

	#appframe-content-div {
		gap: 16px;
	}

	#appframe-menu-div {
		width: 944px;
		height: 650px;
	}

	#appframe-popup-announcement-div {
		left: -10%;
		background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_artifact_image_1_medium.png") !important;
	}

	#appframe-popup-announcement-div-phase2 {
		width: 290px;
		height: 344.437px;
		top: 23%;
		right: 8%;
	}

	#appframe-popup-announcement-div-phase3 {
		width: 372.437px;
		height: 372.437px;
		top: 27%;
		right: 15%
	}
}

@media (min-width: 300px) and (max-width: 1280px)
{
	#appframe-menu-inner-div {
		top: 60px;
		gap: 20px;
	}

	#appframe-header-div {
		font-size: 28px;
	}

	#appframe-content-div {
		gap: 12px;
	}

	body:is(.place-announcement) #appframe-menu-div,
	body:has(.place-announcement) #appframe-menu-div,
	#appframe-menu-div {
		width: 944px;
		height: 600px;
	}

	#appframe-popup-announcement-div {
		left: 73%;
		top: 28%;
		height: 260px;
		width: 232px;
		background-image: url("/static/images/4_0_ui_icons/new_ui_announcement_artifact_image_1_small.png") !important;
	}

	#appframe-popup-announcement-div-phase2 {
		width: 290px;
		height: 344.437px;
		top: 23%;
		right: 8%;
	}

	#appframe-popup-announcement-div-phase3 {
		width: 372.437px;
		height: 372.437px;
		top: 27%;
		right: 15%
	}

	#header_wrapper{
		height: auto !important;
	}

	.graphic_slide
	{
		left: 58px;
		height: 350px !important;
	}

	#appframe-content-div {
		height: 350px !important;
	}

	.carousel-slide{
		left: 0;
	}

	#appframe-content-div-1{
		font-size: 18px;
	}

	#content-div{
		font-size: 16px;
		line-height: 24px;
	}

	#slide_header{
		font-size: 28px;
		padding-left: 75px !important;
	}

	#appframe-menu-close-menu-div,
	.appframe-menu-right-arrow{
		right: 18px;
	}

	.appframe-menu-left-arrow{
		left: 18px;
	}

	#appframe-content-div-1,
	#appframe-content-div-2
	{
		padding-bottom: 0 !important;
	}

	.appframe-button-div{
		margin: 0 !important;
	}

	.appframe-button-div{
		margin: 20px 0 0 0;
	}
}

@media (min-height: 300px) and (max-height: 1280px){
	#appframe-menu-inner-div {
		top: 7px;
		gap: 15px;
	}

	#appframe-menu-inner-div{
		width: 84%;
		left: 8%;
	}

	.graphic_slide
	{
		width: 100%;
	}

	#slide_header{
		font-weight: 300;
		letter-spacing: -1.2px;
		padding-left: 92px;
	}
}