/*
  @copyright 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2022, 2023 SonicWall Inc
*/

/* general layout settings */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
::-webkit-scrollbar {
	width: .6rem;
	height: .6rem;
	-webkit-appearance: none;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	background-color: gray;
	border-radius: 1rem;
}
::-webkit-scrollbar-track {
	background-color: #F5F5F5;
	border-radius: 1rem;
}
::-webkit-scrollbar-track-piece {
	background-color: #F5F5F5;
	border-radius: 1rem;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 16px;
}
html {
	width: 100%;
	min-height: 100%;
	font-size: 10px;
}
body {
	/*<bodyBackground>*/ background: #FFFFFF; /*</bodyBackground>*/
	/*<font>*/ font-family: Nunito Sans, sans-serif !important; /*</font>*/
	font-size: 14px;
	color: #333333;
	/*overflow: hidden;*/
}
input[type="text"], input[type="password"], select, textarea {
	color: #333333;
	background-color: transparent;
	padding: 0;
	padding-left: 1rem;
	box-sizing: content-box;
	height: 2.9rem;
	border-width: 1px;
	border-color: #CCCCCC;
	border-radius: 3px;
	border-style: solid;
}
textarea {
	height: auto;
}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled, textarea:disabled {
	color: #CCCCCC;
	border-color: #CCCCCC;
	background-color: #F2F2F2;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-style: dashed;
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
	outline: 0;
}
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:active {
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
}
input[type="text"]:active, input[type="password"]:active, select:active, textarea:active {
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
}
input[type=checkbox], input[type=radio] {
	width: 1.9rem;
	height: 1.9rem;
	margin: .6rem 1rem .3rem .4rem;
}
input[type=checkbox]:focus, input[type=radio]:focus {
	/*<darkColor>*/ color: #FF791A; /*</darkColor>*/
	outline-width: 1px;
	outline-style: dashed;
}
input[type=button], input[type=submit], button {
	min-width: 10rem;
	height: 2.9rem;
	color: #868686;
	background-color: #FFFFFF;
	border: 1px solid #868686;
	padding: 0rem 2rem;
	border-radius: 1.4rem;
}
input[type=button]:disabled, input[type=submit]:disabled, button:disabled {
	color: #CCCCCC;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
}
input[type=button]:hover:enabled, button[type=button]:hover:enabled {
	color: #333333;
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
}
input[type=button]:active, button[type=button]:active {
	color: #333333;
	/*<darkColorBackground>*/ background-color: #FF791A; /*</darkColorBackground>*/
	border: none;
}
input[type=submit]:hover:enabled, button[type=submit]:hover:enabled {
	color: #333333;
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
}
input[type=submit]:active, button[type=submit]:active {
	color: #000000;
	background-color: #515151;
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
}
.defaultbutton {
	color: #000000 !important;
	/*<darkColorBackgroundImp>*/ background-color: #FF791A !important; /*</darkColorBackgroundImp>*/
	border: none !important;
}
.defaultbutton:hover:enabled {
	color: #FFFFFF !important;
}
.defaultbutton:active {
	color: #000000 !important;
	background-color: #515151 !important;
	/*<darkColorBorderImp>*/ border: 1px solid #FF791A !important; /*</darkColorBorderImp>*/
}
#container {
	width: 100vw;
	height: 100vh;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#head_container {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
	padding: 1.5rem 4rem 1rem 4rem;
}
#head {
	/*<textColor>*/ color: #333333; /*</textColor>*/
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: 1fr 0;
	align-items: end;
}
#head #warning_text {
	clear: both;
	font-size: 90%;
	padding: 8px;
	position: relative;
	text-align: left;
	top: -35px;
}
#head a.button,
#head a.button:visited {
	color: inherit;
	font-weight: normal;
}
#content_container,
#content_bottom {
	margin: 0 auto;
	max-width: 900px;
	padding: 20px;
	align-self: center;
}
#content_container {
	min-height: 65%;
	padding-bottom: 0;
	position: relative;
}
#content_bottom {
	clear: both;
	padding-bottom: 5rem;
	padding-top: 0;
}
.ewcontent, .wpcontent {
	padding-top: 20px;
}
.wpcontent {
	border-bottom: none;
}
@media screen and (max-device-width: 640px) {
	.wpcontent {
		padding-top: 20px;
		width: auto;
		display: flex;
		flex-direction: column;
	}
}
.wpcontent > h1 {
	display: none;
}
.wpcontent p {
	font-size: 11px;
	line-height: 2em;
	margin: 0 auto;
	padding: 0;
}
.wpcontent_footer {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#foot_container {
	border-top: 2px solid #F5F5F5;
	background-color: #F5F5F5;
	clear: both;
	color: #444;
	margin-top: 10px;
	font-size: 11px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3.9rem;
}
#foot {
	height: 2rem;
	margin-top: 1rem;
	display: flex;
	flex-direction: row;
	font-size: 1.3rem;
	color: #666666;
	padding-left: 2rem;
}
#logo_container {
	grid-column: 1;
	grid-row: 2/1;
	align-self: center;
}
#page_title {
	color: inherit;
	float: left;
	font-size: 2rem;
	font-weight: 600;
	padding-left: 2rem;
}
@media screen and (max-device-width: 640px) {
	#page_title {
		clear: both;
		padding: 0;
	}
}
#greeting {
	display: block;
	font-size: 13px;
	margin: 0;
}
/* general link settings */
a, a:link, a:visited {
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active {
	text-decoration: underline;
}
/* logo settings in the header */
a.logo, a.logo:link, a.logo:visited {
	float: left;
	width: 17.6rem;
	height: 3rem;
	/*<logoFilename>*/ background: url(./av-default-logo.png) no-repeat; /*</logoFilename>*/
	background-size: contain;
	text-decoration: none;
}
a.logo:hover, a.logo:active {
}
/* 4 column layout */
#column1of4_container {
	float: left;
	width: 24%;
}
#column1of4 {
}
#column2of4_container {
	float: left;
	width: 24%;
	padding-left: 10px;
}
#column2of4 {
}
#column3of4_container {
	float: left;
	width: 24%;
	padding-left: 10px;
}
#column3of4 {
}
#column4of4_container {
	float: left;
	width: 24%;
	padding-left: 10px;
}
#column4of4 {
}
/* 3 column layout */
#column1of3_container {
	float: left;
	width: 32%;
}
#column1of3 {
}
#column2of3_container {
	float: left;
	width: 32%;
	padding-left: 15px;
}
#column2of3 {
}
#column3of3_container {
	float: left;
	width: 32%;
	padding-left: 15px;
}
#column3of3 {
}
/* 2 column layout */
#column1of2_container {
	float: left;
	width: 48%;
}
#column1of2 {
}
#column2of2_container {
	float: right;
	width: 48%;
}
#column2of2 {
}
@media screen and (max-device-width: 640px) {
	#column1of2_container {
		width: 100%;
	}
	#column2of2_container {
		width: 100%;
	}
}
/* 1 column layout */
#column1of1_container {
	margin: 0px 0px;
}
#column1of1 {
}
/* column tables */
div.bookmarks {
	border: 1px solid #999;
	border-radius: 6px;
	display: block;
	margin: 0px 0px 12px 0px;
}
.bookmark {
	display: flex;
	align-items: center;
	padding: 0.4rem 0;
}
.pb_bookmark {
	border-top: 1px solid #999;
}
.bm_txt_area {
	margin-left: 0.5rem;
	width: fit-content;
}
.bm_link_txt {
	word-break: break-word;
}
.grpDescription, .bm_link_desc {
	margin: 0px 0px;
	display: block;
	font-size: .7em;
	color: #333333;
	word-break: break-word;
}
.bookmarks_header {
	padding: 4px;
	line-height: 18px;
	font-weight: 900;
	font-size: .8em;
	color: #333333;
}
.table_controls {
	float: right;
	width: 50px;
	height: 18px;
	line-height: 18px;
}
a.add, a.add:link, a.add:visited {
	float: right;
	display: inline;
	line-height: 18px;
	width: 18px;
	margin: 0px 0px 0px 4px;
	outline: none;
}
a.add:hover, a.add:active {
	text-decoration: none;
	outline: none;
}
a.edit, a.edit:link, a.edit:visited {
	float: right;
	display: inline;
	line-height: 18px;
	width: 18px;
	margin: 0px 0px 0px 4px;
	outline: none;
}
a.edit:hover, a.edit:active {
	text-decoration: none;
	outline: none;
}
a.delete, a.delete:link, a.delete:visited {
	float: right;
	display: inline;
	line-height: 18px;
	width: 18px;
	margin: 0px 0px 0px 4px;
	outline: none;
}
a.delete:hover, a.delete:active {
	text-decoration: none;
	outline: none;
}
a.collapse, a.collapse:link, a.collapse:visited {
	float: right;
	display: inline;
	line-height: 18px;
	width: 18px;
	margin: 0px 0px 0px 4px;
	outline: none;
}
a.collapse:hover, a.collapse:active {
	text-decoration: none;
	outline: none;
}
a.expand, a.expand:link, a.expand:visited {
	float: right;
	display: inline;
	line-height: 18px;
	width: 18px;
	margin: 0px 0px 0px 4px;
	outline: none;
}
a.expand:hover, a.expand:active {
	text-decoration: none;
	outline: none;
}
a.close, a.close:link, a.close:visited {
	color: #C9C9C9;
	float: right;
	display: inline;
	line-height: 30px;
	width: 30px;
	outline: none;
}
a.close:hover, a.close:active {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}
.bm_manage {
	margin-left: auto;
	display: flex;
	align-self: flex-start;
	padding-right: 0.5rem;
}
.bm_edit_icon, .bm_edit_icon:hover,
.bm_del_icon, .bm_del_icon:hover {
	margin: 0 0.3rem;
	text-decoration: none;
}
/* main tabs nav settings */
#content_wrapper {
	display: flex;
	flex-direction: column;
}
#primary_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 3.9rem;
	margin-top: 16px !important;
	/*<darkColorBorderBottomImp>*/ border-bottom: 1px solid #FF791A !important; /*</darkColorBorderBottomImp>*/
	padding: 0 24px !important
}
#s_primary_nav {
	display: none;
}
ul#csstabs {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
ul#csstabs li {
	display: inline-block;
}
a.csstab, a.csstabon {
	padding: 0 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 10rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/*<darkColorBorderBottom>*/ border-bottom: 1px solid #FF791A; /*</darkColorBorderBottom>*/
	color: #868686;
	max-width: 50%
}
a.csstabon {
	color: #333333;
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	background-color: #FAFAFA;
}
a.csstab:hover, a.csstabon:hover {
	color: #333333;
	cursor: pointer;
	text-decoration: none;
}
/* main menu nav settings */
#content_wrapper.MENU {
	flex-direction: row;
}
#primary_nav.MENU {
	height: auto;
	margin-right: 20px !important;
	/*<darkColorBorderRightImp>*/ border-right: 1px solid #FF791A !important; /*</darkColorBorderRightImp>*/
	border-bottom: 1px solid transparent !important;
	padding: 24px 0 !important;
}
ul#cssmenus {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#cssmenus li {
}
a.cssmenu, a.cssmenuon {
	padding: 0 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 9.9rem;
	height: 6rem;
	-webkit-box-orient: vertical-align;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
	height: 4rem;
	max-width: 50%;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	color: #868686;
	text-align: center;
	line-height: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
a.cssmenuon {
	color: #333333;
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
	border-radius: 6px 0 0 6px;
	border-right: none;
	background-color: #FAFAFA;
	margin-right: -1px;
}
a.cssmenu:hover, a.cssmenuon:hover {
	color: #333333;
	cursor: pointer;
	text-decoration: none;
}
@media screen and (max-device-width: 640px) {
	#content_wrapper.MENU {
		flex-direction: column;
	}
	#primary_nav {
		display: none;
	}
	#s_primary_nav {
		display: block;
		margin-top: 10px;
	}
}
/* header nav settings in the upper right of head */
#nav_container,
#s_nav_container {
	font-size: 16px;
	grid-column: 3;
	grid-row: 1;
	align-self: start;
}
#nav_container {
	display: none;
}
.dropmenu {
	display: none;
	position: absolute;
	right: 17px;
	top: 50px;
	background-color: #333333;
	border: 1px solid #666666;
	border-radius: .3rem;
	box-shadow: 0 0 2rem rgba(0, 0, 0, 0.35);
	z-index: 1;
}
.show {
	display: block;
}
.hide {
	display: none;
}
a.dropmenu-item {
	color: #C9C9C9;
	background-color: inherit;
	border: 0;
	border-top: 1px solid #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 1.6rem;
	height: 3.2rem;
	line-height: 3.2rem;
	min-width: 8rem;
	max-width: 30rem;
	text-align: left;
	display: flex;
	align-items: center;
	border-radius: 0;
}
a.dropmenu-item:first-child {
	border: 0;
}
a.dropmenu-item:hover {
	text-decoration: none;
	background-color: #515151;
}
a.headeruser {
	font-size: 1.6rem;
	color: #C9C9C9;
	float: right;
	background-color: #333333;
	width: 2.9rem;
	height: 2.9rem;
	border-radius: 3rem;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	border: 1px solid #333333;
	display: flex;
}
a.headeruser:hover {
	/*<darkColor>*/ color: #FF791A; /*</darkColor>*/
	text-decoration: none;
}
a.headeruser:active {
	border-width: 1px;
	border-style: dashed;
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
}
a.button, a.button:visited {
	float: right;
	color: #444444;
}
a.button span, a.button:visited span {
}
a.button:hover span {
}
a.button:active span {
}
a.button span:active {
}
#buttonBackground {
}
.pipe {
	display: none;
}
#helpLink {
	cursor: help;
	display: none;
	text-decoration: none;
}
#s_helpLink {
	font-family: 'SonicWallIconFont';
	font-size: 1.8rem;
	float: left;
	color: #868686;
	width: 2.9rem;
	height: 2.9rem;
	margin-right: 1rem;
	border-radius: 3rem;
	align-items: center;
	cursor: pointer;
	justify-content: center;
	border: 1px solid transparent;
	display: flex;
}
#s_helpLink:hover {
	color: #333333;
	text-decoration: none;
}
#s_helpLink:active {
	border-width: 1px;
	border-style: dashed;
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
}
/* user info in the header settings */
#user_info {
	padding: 0 2rem;
	grid-column: 2;
	grid-row: 1;
	align-self: end;
	justify-self: end;
	word-break: break-word;
}
table.user_data tr td {
	/*<darkSessionInfoColor>*/ color: #FF791A; /*</darkSessionInfoColor>*/
	font-size: 11px;
	padding: 0;
	text-align: left;
	padding-left: 1rem;
}
.si_right {
	color: #666666;
	font-weight: normal;
}
.si_left {
}
table.user_data tr td a {
	color: #333333;
	font-weight: normal;
}
table.user_data #sessionagenticon {
	margin-right: 0.5em;
	float: left;
	width: 14px;
	height: 14px;
	background: url(/workplace/assets/aventail/ic_statusCritical_normal_14.png) no-repeat;
	background-size: cover;
	text-decoration: none;
}
@media screen and (max-device-width: 640px) {
	#head_container {
		padding: 1rem;
	}
	#head {
		grid-template-rows: 1fr auto;
		grid-template-columns: 1fr auto;
	}
	#s_nav_container {
		grid-column: 2;
	}
	#user_info {
		grid-column: 1/span 2;
		grid-row: 2;
		padding: 1rem 0 0 0;
	}
}
/* Intranet-Address bar settings */
#intranetAddressBar {
	margin-top: 40px;
	display: flex;
	flex-direction: row;
}
.intranetaddressbox_container {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
}
.intranetaddressboxclass {
	width: 40rem;
}
@media screen and (max-device-width: 640px) {
	#intranetAddressBar {
		margin: 0;
		flex-direction: column;
	}
	.intranetaddressboxclass {
		width: auto;
	}
}
.gobuttonclass {
	margin: 0 0.5rem;
}
/* link images */
a.webLink, a.webLink:link, a.webLink:visited,
a.networkLink, a.networkLink:link, a.networkLink:visited,
a.webifierLink, a.webifierLink:link, a.webifierLink:visited,
a.hamLink, a.hamLink:link, a.hamLink:visited,
a.ondemandLink, a.ondemandLink:link, a.ondemandLink:visited {
	width: 1rem;
	margin: 0 1rem;
	text-decoration: none;
}
a.ondemandLink, a.ondemandLink:link, a.ondemandLink:visited {
	background: url(/workplace/assets/aventail/ic_remoteDesktop.png) no-repeat;
}
a img {
	border-style: none;
	vertical-align: middle;
}
/* === drag/drop support =========================== */
/* === modal dialogs =========================== */
/* These styles are used for the "Details", "Install", and "Edit" bookmarks pages */
.modalbackgroundclass {
	background: #4F5C92;
	opacity: .25;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	/* For IE 5.5 - 7 */
	filter: alpha(opacity=25);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	margin-bottom: auto;
	margin-top: auto;
}
#modaldialog {
	position: fixed;
	z-index: 102;
	width: 100%;
}
.modaldialogclass {
	position: relative;
	background-color: #FFFFFF;
	margin: auto;
	padding: 0;
	box-shadow: 0 0 2rem rgba(0, 0, 0, 0.35);
	border: none;
	border-radius: .6rem;
	z-index: 101;
}
.modaldialogclass DT {
	font-weight: 200;
	font-size: 1.6rem;
	color: #C9C9C9;
	vertical-align: middle;
	background-color: #515151;
	margin: 0px;
	height: 3.3rem;
	line-height: 3.3rem;
	text-transform: uppercase;
	border: 1rem solid #515151;
	border-top-left-radius: .6rem;
	border-top-right-radius: .6rem;
	padding: 0 0 0 1rem;
	cursor: move;
}
.modaldialogclass DD {
	margin: 0;
	padding: 2rem;
	width: auto;
}
.modaldialog_footer {
	clear: both;
	padding-top: 10px;
}
/* === Loading agents dialog =========================== */
#loadingdialog {
	width: 350px;
}
#loadingmessage {
	font-size: 1.1em;
	display: inline;
}
/* === System Status ('Details') dialog =========================== */
#detailsdialog {
	min-width: 550px;
	width: max-content;
	top: 100px;
}
@media screen and (max-device-width: 640px) {
	#detailsdialog {
		min-width: auto;
		width: auto;
	}
}
#sessioninfodetails,
#logininfodetails,
#backupcodesdetails {
	clear: both;
	margin-left: 16px;
}
.infoheaderclass {
	clear: both;
	float: left;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	padding: 6px 10px 12px 4px;
	display: inline; /* IE bug */
}
.infoclass {
	clear: both;
	margin-left: 16px;
	width: 400px;
	font-size: 1.1em;
	display: inline; /* IE bug */
}
@media screen and (max-device-width: 640px) {
	.infoclass {
		width: auto;
		margin: 0;
	}
}
.agentinfoclass {
	clear: both;
	float: left;
	width: 390px;
	margin-top: 10px;
	margin-left: 16px;
	border-top: #000000 2px solid;
	display: inline; /* IE bug */
}
#logininfodetails .infoclass,
.agentinfoclass .infoclass {
	margin: 0;
}
.agentinfoheaderclass {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 3px;
}
.infoiconclass {
	padding-left: 4px;
}
.infoitemlabelclass {
	clear: both;
	float: left;
	width: 190px;
	padding-top: 2px;
}
.infoitemclass {
	float: left;
	width: max-content;
	padding-top: 2px;
}
@media screen and (max-device-width: 640px) {
	.infoitemlabelclass {
		width: 50%;
	}
	.infoitemclass {
		width: 50%;
	}
}
.agentdetailsclass {
	font-size: .9em;
	clear: both;
	float: left;
	width: 350px;
	margin-top: 10px;
	margin-left: 15px;
	border-top: #333333 1px solid;
	display: inline; /* IE bug */
}
.detailsheaderclass {
	float: left;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 8px;
	width: 280px;
}
.detailslabelclass {
	clear: both;
	float: left;
	padding-top: 2px;
	padding-left: 12px;
	width: 150px;
}
.detailsitemclass {
	float: left;
	padding-top: 2px;
	width: 180px;
}
.erroriconclass {
	margin-left: 20px;
	vertical-align: middle;
}
.errorheaderclass {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 24px;
	margin-bottom: 6px;
}
.errorinfoclass {
	font-size: 1.1em;
	clear: both;
	padding-left: 24px;
	padding-bottom: 10px;
	color: #ACA899;
}
.infoiconclass .errorinfoclass {
	padding-left: 2px;
}
#SysInfo {
	clear: both;
	float: left;
	width: 450px;
	border-top: 8px solid #808080;
	border-bottom: 8px solid #808080;
	padding: 10px 0 10px 0;
	margin-top: 24px;
	margin-left: 8px;
}
#detailserrorheading {
	clear: both;
}
#detailserrorheader {
	margin: 0;
}
#componentmissinginfoitem,
#componentmissingcorrectinginfo {
	margin-left: 20px;
}
#noagentinstalledinfo,
#activationerrorinfo {
	padding-top: 6px;
}
#portmapped {
	padding-top: 8px;
	padding-left: 10px;
	font-size: .8em;
	width: 350px;
}
#authterms {
	clear: both;
	margin-left: 16px;
	width: 486px;
	height: 210px;
	overflow-y: auto;
	font-size: 1.1em;
}
/* === Install dialog =========================== */
#installdialog {
	width: 600px;
	top: 100px;
}
.infoitemrowclass {
	clear: both;
	float: left;
	padding-top: 4px;
}
.installstatusclass {
	clear: both;
	float: left;
	width: 560px;
	margin-left: 12px;
	font-weight: bold;
}
#installcontent {
	font-size: 1.1em;
}
#installdescription,
#errordescription {
	clear: both;
	float: left;
	margin-left: 12px;
	width: 560px;
	display: inline;
}
#installdescription {
	margin-bottom: 18px;
}
#manualInstallInstructions {
	clear: both;
	margin: auto;
	width: 500px;
}
#installcontent .infoitemlabelclass {
	margin-left: 12px;
	width: 120px;
}
#installcontent .infoitemclass {
	width: 4.4em;
	padding-left: 10px;
}
#install {
}
#fallbackManual {
	clear: both;
	float: left;
	padding-top: 12px;
	padding-left: 12px;
}
#fallbackManual a, #manualInstallInstructions a {
	/*<darkColor>*/ color: #FF791A; /*</darkColor>*/
}
/* === Edit Bookmarks dialog =========================== */
#bookmarksdialog {
	width: max-content;
	max-width: 90vw;
	top: 5rem;
}
#bookmarksdialog dd {
	margin: 0px 50px;
}
.dlgmsgclass {
	padding-left: 2px;
	font-size: 1.3em;
}
.dlgerrorclass {
	margin-bottom: 5px;
	color: red;
	font-size: .9em;
	font-weight: bold;
}
.dlgwarningclass {
	padding: 2px;
	margin-bottom: 5px;
	border-right: 1px solid #736B63;
	border-bottom: 1px solid #736B63;
	border-left: 1px solid #ADAD9c;
	border-top: 1px solid #ADAD9c;
	background-color: #FFFFDE;
	font-size: .9em;
}
.btnimgclass {
	vertical-align: middle;
}
.btnimgtdclass, .disabledbtnimgtdclass, .hdrsepclass {
	width: .8em;
}
.btnimgclass img, .disabledbtnimgclass {
	float: right;
	padding-right: 5px;
}
.btntdclass {
	cursor: pointer;
}
#ebnewbtnimgtd,
#disabledebnewbtnimgtd {
	padding-left: .8em;
}
#ebnewbtntd,
#disabledebnewbtntd {
	width: 6em;
}
#ebdelbtntd,
#disabledebdelbtntd {
	width: 6em;
}
#ebmvupbtntd,
#disabledebmvupbtntd {
	width: 8em;
}
#ebmvdnbtntd,
#disabledebmvdnbtntd {
	width: 8em;
}
.dlgtableheaderclass {
	background-color: #D4D8D9;
}
#ebheaderselect {
	width: 24px;
	vertical-align: middle;
	text-align: center;
}
#ebheadername {
	border-left: 8px;
}
.tabledataheaderclass {
	padding-left: 12px;
	font-weight: bold;
}
#editbookmarkslist {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.rowselectorclass {
	width: 30px;
	vertical-align: middle;
	text-align: center;
	background-color: #D4D8D9;
}
.tableevenrowclass {
	background: #FFFFFF;
	border-right: 1px solid #999999;
	padding-left: 10px;
}
.tableoddrowclass {
	background: #F0F0F0;
	border-right: 1px solid #999999;
	padding-left: 10px;
}
.tableselectedrowclass {
	background-color: #DFE1EB;
	border-right: 1px solid #999999;
	padding-left: 10px;
}
.tablededitingrowclass {
	background-color: #FEFFB7;
	padding-left: 10px;
	border-right: 1px solid #999999;
}
#editbookmarkbtns {
	clear: both;
	text-align: right;
	padding-top: 50px;
	direction: rtl;
}
#ebresetbtn {
	float: left;
	text-align: left;
	direction: ltr;
}
#ebheadername, .nametdclass {
	width: 170px;
}
.editnametdclass input {
	width: 154px;
}
#ebheaderaddress, .addresstdclass {
	width: 280px;
}
.editaddresstdclass input {
	width: 264px;
}
#ebheaderdescription.descriptiontdclass {
	width: 300px;
}
.editdescriptiontdclass input {
	width: 125px;
}
.floatlabel {
	margin-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	float: left;
}
.floatinput {
	margin-top: 5px;
	padding: 2px;
	float: left;
}
#confirmdialog {
	width: 400px;
	top: 100px;
}
#confirmdialog .dlgwarningclass {
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Misc CSS settings for EW, Network Explorer & Webifiers */
.titlebar {
	background-color: inherit;
	height: 20px;
	margin: 0px -20px 15px -20px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-weight: normal;
}
.titlebar_text {
	float: left;
	margin-left: 20px;
	padding-bottom: 3px;
}
.activexmessage {
	width: 450px;
	height: 60px;
	padding: 13px;
	margin-top: 14px;
	margin-left: 30px;
	margin-bottom: 10px;
	border-right: 1px solid #736B63;
	border-bottom: 1px solid #736B63;
	border-left: 1px solid #ADAD9c;
	border-top: 1px solid #ADAD9c;
	background-color: #FFFFDE;
	font-size: .9em;
}
.sidebarheader {
	height: 25px;
	color: #000000;
	padding-top: 6px;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
	text-align: left;
	font-weight: bold;
}
#progressBar_container {
	display: flex;
	flex-direction: row-reverse;
	float: left;
}
.progressBar_text {
	padding-top: 22px;
	padding-left: 10px;
	font-weight: bold;
}
.progressBar {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/workplace/assets/aventail/progressbar.svg) no-repeat;
	width: 64px;
	height: 64px;
	padding-left: 64px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.progressBar {
		background: url(/workplace/assets/aventail/progressbar.gif) no-repeat;
	}
}
#msrdp_control {
	position: absolute;
	top: 0px;
	left: 0px;
}
.bodydesc {
	color: #808080;
}
.bodytext {
	color: #000000;
}
.float {
	float: right;
}
.floatleft {
	float: left;
}
.formtable {
	margin: 5px 0;
}
.formtable div{
	padding: 5px 0;
}
.row {
	clear: both;
}
.thinline2 {
	/*<darkColorBackground>*/ background-color: #FF791A; /*</darkColorBackground>*/
	padding: 10px 10px 10px 10px;
	width: 100%;
	font-weight: bold;
}
.thinlineborder {
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
}
.intranetbodytext {
}
.submitbutton {
	background-color: #FFFFFF;
	color: #333333;
	border: thin solid white;
	margin-bottom: 2px;
	font-size: .9em;
	font-weight: bold;
	padding: 3px 6px 3px 6px;
}
.folderborder {
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
	border-top: none;
}
.fileheader {
	border-bottom: 1px #808080 solid;
	width: 95%;
	color: #333333;
	font-weight: bold;
}
.content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
	border-top: none;
}
.filecontent {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px #808080 solid;
	border-bottom: 1px #808080 solid;
	border-left: 1px #808080 solid;
}
.folderview {
	/*<darkColorBackground>*/ background-color: #FF791A; /*</darkColorBackground>*/
	color: #FFFFFF;
	font-weight: bold;
}
.fileview {
	background-color: #999999;
	color: #FFFFFF;
}
.currentpath {
	color: #FFFFFF;
	font-weight: bold;
}
a:link.currentpath {
	color: #FFFFFF;
}
a:visited.currentpath {
	color: #FFFFFF;
}
.fileviewheader {
	color: #808080;
	font-weight: bold;
}
a:link.fileviewheader {
	color: #000000;
}
a:visited.fileviewheader {
	color: #000000;
}
.altbar {
	background-color: #EEEEEE;
}
.sidebar {
	color: #666666;
}
.sidebarbold {
	color: #666666;
	font-weight: bold;
}
.sysinfocontent {
	color: #ACA899;
}
.hint {
	border-left: 1px #666666 solid;
	height: 100%;
	padding-left: 20px;
	color: #666666;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: .9em;
}
.hint_noBorder {
	height: 100%;
	padding-left: 25px;
	color: #666666;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: .9em;
}
.error {
	color: red;
	font-weight: bold;
}
.reqfield {
	margin-top: -8px;
	vertical-align: middle;
}
.remediateLink {
	float: left;
	padding-left: 10px;
	width: 200px;
}
.remediateLink a {
	/*<darkColor>*/ color: #FF791A; /*</darkColor>*/
}
.remediateText {
	float: left;
	width: 550px;
	color: #808080;
}
.captcha {
	display: flex;
	flex-direction: row;
	height: 4.7rem;
}
.cap_img {
	/*<darkColorBorder>*/ border: 1px solid #FF791A; /*</darkColorBorder>*/
	height: 3.8rem;
}
.cap_ref .submitbutton {
	margin: 0 10px;
	min-width: auto;
	width: 2.8rem;
	height: 2.8rem;
	margin-top: 0.4rem;
}
#qrcanvas {
	padding: 10px;
	background-color: white;
	margin-top: 3rem;
}
.tooltip {
	position: relative;
	display: inline-block;
}
/* Tooltip icon */
.tooltip .help {
	color: inherit;
	text-decoration: none;
}
/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #333333;
	color: #C9C9C9;
	text-align: left;
	padding: 20px;
	border-radius: 3px;
	font-size: 13px;
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -120px;
	margin-bottom: 10px;
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}
.logged_out .tooltip .tooltiptext {
	background-color: #515151;
}
.tooltip .tooltiptext a {
	color: #FFFFFF;
	text-decoration: underline;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #333333 transparent transparent transparent;
}
.logged_out .tooltip .tooltiptext::after {
	border-color: #515151 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
/* VKB */
#vkb .board {
	background-color: #515151;
}
#vkb select {
	color: #C9C9C9;
	background-color: #515151;
}
#semProgress {
	display: inline;
	width: 575px;
	clear: both;
}
#relogin {
	margin-top: 1rem;
}
/* LOGGED_OUT */
/* general layout settings */
.logged_out #container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	background: url(background_sky.png) 50% 50%/cover no-repeat fixed;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.logged_out #login_left {
	margin: 0;
	padding: 0;
	width: 50rem;
	background-image: url(login_leftpanel.svg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	height: calc(100vh - 3.9rem);
	position: relative;
	margin-right: 80px;
	direction: rtl;
	overflow: hidden;
	overflow-y: auto;
}
@media screen and (max-device-width: 640px) {
	.logged_out #login_left {
		width: 100%;
		margin: 0;
		padding: 0;
		background-position: 50%;
	}
}
.logged_out #content_wrapper {
	direction: ltr;
}
.logged_out #head_container {
	border: none;
	height: auto;
	padding: 0px;
}
.logged_out #head {
	padding-top: 10rem;
	padding-left: 5rem;
}
.logged_out #logo_container {
	padding: 0;
}
.logged_out a.logo, .logged_out a.logo:link, .logged_out a.logo:visited {
	float: left;
	width: 23.2rem;
	height: 3.8rem;
	/*<logoFilename>*/ background: url(./av-default-logo.png) no-repeat; /*</logoFilename>*/
	background-size: contain;
	text-decoration: none;
}
.logged_out a.logo:hover, .logged_out a.logo:active {
}
.logged_out #page_title {
	float: none;
	padding: 0;
	color: #999;
	font-size: 20px;
	font-weight: 400;
	width: 30rem;
	text-transform: uppercase;
}
.logged_out #content_container {
	margin: 0;
	padding: 0;
	align-self: auto;
}
.logged_out .ewcontent {
	width: 35rem;
	padding: 5rem 0 0 5rem;
}
@media screen and (max-device-width: 320px) {
	.logged_out .ewcontent {
		width: 21rem;
	}
}
@media screen and (min-device-width: 360px) and (max-device-width: 384px) {
	.logged_out .ewcontent {
		width: 25rem;
	}
}
@media screen and (min-device-width: 411px) and (max-device-width: 640px) {
	.logged_out .ewcontent {
		width: 30rem;
	}
}
.logged_out .titlebar {
	display: none;
}
.logged_out .bodytext {
	font-size: 16px;
	display: inline-block;
	font-weight: 300;
	color: #C9C9C9;
	margin-top: 1rem;
}
.logged_out .error {
	/*<darkColor>*/ color: #FF791A; /*</darkColor>*/
	margin-top: 2rem;
}
.radioentry {
	margin: 1.6rem 0;
}
.radiolabel {
	color: #C9C9C9;
	display: inline-block;
	vertical-align: middle;
}
a.msg_url {
	margin-top: 2rem;
	display: inline-block;
	/*<darkColor>*/ color: #FF791A; /*</darkColor>*/
}
.msg_img_cnt {
	margin: 4rem 0 2rem 0;
	color: #c9c9c9;
}
.s-input-content {
	margin-top: 2.8rem;
	color: #C9C9C9;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.s-input-label, .s-input-fields label {
	font-size: 16px;
	color: #C9C9C9;
	font-weight: 600;
	padding-bottom: .6rem;
}
.s-input-fields input[type="text"], .s-input-fields input[type="password"], .s-input-fields select {
	width: 30rem;
	height: 3.7rem;
	color: #C9C9C9;
	font-size: 1.4rem;
	/*<darkBorderColor>*/ border-color: #FF791A; /*</darkBorderColor>*/
}
.s-input-fields select {
	background-color: #333333;
}
@media screen and (max-device-width: 320px) {
	.s-input-fields input[type="text"], .s-input-fields input[type="password"], .s-input-fields select {
		width: 21rem;
	}
}
@media screen and (min-device-width: 360px) and (max-device-width: 384px) {
	.s-input-fields input[type="text"], .s-input-fields input[type="password"], .s-input-fields select {
		width: 25rem;
	}
}
@media screen and (min-device-width: 411px) and (max-device-width: 640px) {
	.s-input-fields input[type="text"], .s-input-fields input[type="password"], .s-input-fields select {
		width: 32rem;
	}
}
.s-input-fields select:disabled {
	background-color: transparent;
}
.s-input-fields input::placeholder {
	/* Hide by default. If any customer wants placeholders, they can use this style. */
	opacity: 0;
	color: transparent;
}
#realmEntry::placeholder {
	opacity: 1;
	color: inherit;
}
.logged_out .buttonbar {
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.logged_out .s-next-button {
	width: 30rem;
	height: 3.7rem;
	font-size: 13px;
	font-weight: 700;
	color: #333;
	/*<darkColorBackground>*/ background-color: #FF791A; /*</darkColorBackground>*/
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	outline: 0;
}
.s-divider {
	background-color: #515151;
	height: 1px;
	width: 100%;
	margin-top: 5rem;
	margin-bottom: 1rem;
}
.icon-collapse:before {
	transform: rotate(90deg);
	content: "\edc5";
	display: inline-flex;
}
.icon-expand:before {
	transform: rotate(270deg);
	content: "\edc5";
	display: inline-flex;
}
/* error message fix */
table.errorTable tbody {
	color: #C9C9C9;
}
.marTop3 {
	margin-top: 3rem;
}