.chat_input_button{
	float: left;
	padding: 0.25rem;
	margin-top:0.5rem;
	position: relative;
	cursor: pointer;
	background-color:#daedee; 
	border-radius:7px; 
	border: 1px #009688 solid;
	}
.chat_input_button:hover{
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05), 0 0px 15px 0 rgba(0, 0, 0, 0.5);
	}
.chat_input_text{
	font-family: 'Karla', sans-serif;
	color: #3e3e3e;
    font-weight: 300;
	font-size: 1.1rem;
	line-height: 1.1rem;
	margin:0;
	padding:0.25rem
	}
.chat_input_text:hover{
    font-weight: 500;
	}

.input_flat2 {
    border: 1px solid grey;
    background: #fff;
    border-radius: .25rem;
    text-align: left;
    margin: 0 0 0rem 0rem;
    padding: .5rem 1rem!important;
    font-size: inherit;
    width:65%;
    float:left;
}
.input_flat2_text {
    text-align: right;
    margin: 0 1rem 0 0;
    padding: 0;
    font-size: inherit;
    width: 30%;
    float:left;
    line-height: 1.2rem;
}
.input_flat2_div {
    text-align: right;
    margin: 1rem 0;
    padding: 0;
    width: 100%;
    float:left;
}

@media screen and (max-width: 768px)
	{
	.input_flat2 {width: 100%;}
	.input_flat2_text {width: 100%;text-align:left;}
	}

.textaligncenter {
    text-align: center;
}

.textblack {
    color: #000!important
}

.qtext{
	padding-left:18px;
	text-indent:-18px;
	text-align:left;
}	

.required {
	color:red;
}

.cardimage2 {
    height: 75px;
    background-size: cover;
    margin: 1.5rem -1.5rem;
    background-position: 0% 90%
}
.b1 {
	bottom: 2rem;
	left: 2rem;
	font-family: "Prompt", sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 1.2rem;
	text-align: center;
	padding: 0.5rem 2rem;
	border-radius: 10px;
	border: rgba(255, 255, 255, 0.8) 1px solid;
}

.tooltipxx {
	display: inline-block;
	position: relative;
	border-bottom: 1px dotted #666;
	text-align: left;
	z-index: 10;
}

.tooltipxx h3 {
	margin: 12px 0;
	color: #ffffff;
	font-size: 1.5rem;
}

.tooltipxx li {
	color: #ffffff;
	line-height: 1.1rem;
	margin-bottom: 0;
}

.topxx p {
	color: #ffffff;
	line-height: 1.1rem;
	margin-bottom: 0;
}

.tooltipxx .topxx {
	min-width: 200px;
	max-width: 400px;
	top: 0px; /*-10px;*/
	left: 50%;
	transform: translate(-30%, -100%);
	padding: 10px 20px;
	color: #ffffff;
	/*background-color:#7da37e; set in styles_unique*/
	font-weight: normal;
	font-size: 14px;
	border-radius: 8px;
	position: absolute;
	/*z-index:99999999;*/
	box-sizing: border-box;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	display: none;
}

.tooltipxx:hover .topxx {
	display: block;
}

.tooltipxx .topxx i {
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -15px;
	width: 30px;
	height: 15px;
	overflow: hidden;
}

.tooltipxx .topxx i::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	/*background-color:#7da37e; set in styles_unique*/
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.tooltipxx2 {
	display: inline-block;
	position: relative;
	text-align: left;
	z-index: 10;
}

.tooltipxx2 h3 {
	margin: 12px 0;
	color: #ffffff;
	font-size: 1.5rem;
}

.tooltipxx2 li {
	color: #ffffff;
	line-height: 1.1rem;
	margin-bottom: 0;
}

.topxx2 p {
	color: #ffffff;
	line-height: 1.1rem;
	margin-bottom: 0;
}

.tooltipxx2 .topxx2 {
	min-width: 200px;
	max-width: 400px;
	top: -10px;
	left: 50%;
	transform: translate(-30%, -100%);
	padding: 10px 20px;
	color: #ffffff;
	/*background-color:#7da37e; set in styles_unique*/
	font-weight: normal;
	font-size: 14px;
	border-radius: 8px;
	position: absolute;
	/*z-index:99999999;*/
	box-sizing: border-box;
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
	display: none;
}

.tooltipxx2:hover .topxx2 {
	display: block;
}

.tooltipxx2 .topxx2 i {
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -15px;
	width: 30px;
	height: 15px;
	overflow: hidden;
}

.tooltipxx2 .topxx2 i::after {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	/*background-color:#7da37e; set in styles_unique*/
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.box {
	display: none;
}

.yyy {
	padding: 0.25rem;
}

.answer_correct {
	background-image: url(..//images_back/icon-tick2.png);
	background-size: auto 25%;
	background-repeat: no-repeat;
	background-position: top right;
}

.answer_incorrect {
	background-image: url(..//images_back/icon_cross.png);
	background-size: auto 25%;
	background-repeat: no-repeat;
	background-position: top right;
}


.border3 {
	border-radius: 7px;
	border: solid 1px rgb(5, 5, 5);
}

.icon-mini-left {
	width: 25px;
	float: left;
}

.icon-mini-right {
	width: 25px;
	float: right;
}

.habit_cell {
	width: 11%;
	position: relative;
	border: 2px solid white;
	margin: 0;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	line-height: 1rem;
}

.habit_lesson {
	border: 1px solid rgba(148, 37, 56, 0.9);
	border-radius: 15px;
	padding: 3px;
	float: left;
	background-color: rgba(148, 37, 56, 0.33);
	font-weight: bold;
	color: rgb(148, 37, 56);
}

.habit_homework {
	border: 1px solid #47A7AB;
	border-radius: 15px;
	padding: 3px;
	float: right;
	background-color: rgba(139, 200, 204, 0.33);
	font-weight: bold;
	color: #47A7AB;
}

.habit_lesson2 {
	border: 1px solid rgba(148, 37, 56, 0.9);
	border-radius: 15px;
	padding: 3px 9px;
	margin: 0px 9px;
	float: left;
	background-color: #FFFFFF;
	color: rgb(148, 37, 56);
}

.habit_homework2 {
	border: 1px solid #47A7AB;
	border-radius: 15px;
	padding: 3px 9px;
	margin: 0px 9px;
	float: left;
	background-color: #FFFFFF;
	color: #47A7AB;
}

.choices_audio_stem {
	position: relative!important;
	display: inline-block!important;
	z-index: 1!important;
}

.panel_btn_wr_lr {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 5vw;
	z-index: 1000;
}

.panel_btn_wr_ur {
	position: fixed;
	right: 10px;
	top: 75px;
	width: 10%;
}

.panel_btn_maroon {
	/*background-color:rgba(255,255,255, 0.9);*/
	background-color: rgba(148, 37, 56, 0.9);
	background-image: -webkit-linear-gradient(#d6334f 0%, #942538 100%);
	background-image: linear-gradient(#d6334f 0%, #942538 100%);
	box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05), 0 0px 15px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(148, 37, 56, 0.9);
	border-radius: 5px;
	float: right;
	cursor: pointer;
	position: relative;
	margin: 0.5rem;
	padding: 0.5rem;
	min-height: 3rem;
	text-align: center;
	width: 4rem;
}

.panel_btn_maroon_txt {
	color: #FFFFFF;
	line-height: 1.0;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.44), 1px 1px 3px rgba(0, 0, 0, 0.38);
}

.panel_btn_bluefe {
	/*background-color:rgba(255,255,255, 0.9);*/
	background-color: rgba(4, 52, 100, 0.9);
	background-image: -webkit-linear-gradient(#0960b6 0%, #043464 100%);
	background-image: linear-gradient(#0960b6 0%, #043464 100%);
	box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05), 0 0px 15px 0 rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(4, 52, 100, 0.9);
	border-radius: 5px;
	float: right;
	cursor: pointer;
	position: relative;
	margin: 0.5rem;
	padding: 0.5rem;
	min-height: 3rem;
	text-align: center;
	width: 4rem;
}

.panel_btn_bluefe_txt {
	color: #FFFFFF;
	line-height: 1.0;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.44), 1px 1px 3px rgba(0, 0, 0, 0.38);
}

.panel_btn_blue {
	/*background-color:rgba(255,255,255, 0.9);*/
	background-color: rgba(235, 235, 235, 0.9);
	background-image: -webkit-linear-gradient(#ffffff 0%, #bcbcbc 100%);
	background-image: linear-gradient(#ffffff 0%, #bcbcbc 100%);
	box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05), 0 0px 15px 0 rgba(0, 0, 0, 0.5);
	text-align: center;
	border-radius: 5px;
	border: 1px solid #0f8ec7;
	float: right;
	cursor: pointer;
	position: relative;
	margin: 0.5rem;
	padding: 0.5rem;
	min-width: 6rem;
	color: #0f8ec7;
	line-height: 1.0;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
}

.panel_btn_blue_txt {
	color: #0f8ec7;
	line-height: 1.0;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
	font-size: 1.0rem;
	text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.44), 1px 1px 0px rgba(0, 0, 0, 0.38);
}

.draggable_container_1 {
	z-index: 999;
	background-color: #f2f2f2;
	padding: 0.5rem;
	float: right;
	width: 50%;
	position: relative;
	top: auto;
	left: auto;
}

.draggable_container_2 {
	z-index: 999;
	background-color: #f2f2f2;
	padding: 0.5rem 0.8rem 0.5rem 0.5rem;
	float: right;
	width: 33%;
	position: fixed;
	top: 110px;
	left: 50%;
}

@media screen and (max-width: 767px) {
	.draggable_container_2 {
		width: 50%;
	}
}

.draggable_1 {
	width: 100%;
	float: left;
	margin: 0 0 1.0rem 0;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
}

.draggable_2 {
	width: 100%;
	float: left;
}

.droppable_1 {
	width: 100%;
	float: left;
	margin: 0 0 1.5rem 0;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.19);
	position: relative;
}

.droppable_2 {
	padding-bottom: 50px;
}

.droppable_hovered {
	border: rgba(148, 37, 56, 0.8) 5px solid;
}

.py_table {
	overflow: hidden;
}

.py_table tr:hover {
	background-color: rgba(40, 40, 40, 0.1);
}

.py_table td, th {
	position: relative;
}

.py_table td:hover::after, .py_table th:hover::after {
	content: "";
	position: absolute;
	background-color: rgba(40, 40, 40, 0.1);
	left: 0;
	top: -5000px;
	height: 10000px;
	width: 100%;
	z-index: 1;
}

.va {
	color: #2f2f2f;
	background-color: rgba(199, 0, 0, 0.7);
	padding: 0.25rem 0.5rem;
}

.p_more {
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
	padding-bottom: 1.25rem;
}

.p_more_text {
	position: absolute;
	right: 0;
	/*bottom:0px;
	background-color: #444444;
	color: #FFFFFF !important;
	border-radius: 5px;
	padding:0rem 1.0rem;*/
}

.p_more_text_padbottom {
	bottom: 0px;
}

.p_more_padright {
	padding-right: 6rem;
}

.tab_wrapper {
	position: absolute;
	bottom: -30px;
	right: 0;
}

.tab_icon {
	margin: -5px 10px 0 0;
	float: right;
	width: 150px;
	filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
}

.tab_wrapper2 {
	position: absolute;
	bottom: -30px;
	right: 0;
}

.tab_icon2 {
	margin: -5px 10px 0 0;
	float: right;
	width: 150px;
}

.width175 {
	width: 175px
}

.topic_level_warning {
	height: 20px;
	bottom: -4px;
	position: relative;
}

.topic_level_text_wrapper {
	position: absolute;
	left: 0px;
	bottom: 4px;
	margin: 0px;
}

.topic_level_text2 {
	margin: 0;
	padding: 1px 2px;
	font-family: 'Karla', sans-serif;
	font-size: 0.8rem;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	letter-spacing: normal;
	line-height: 1em;
	word-spacing: normal;
	background-color: rgba(148, 37, 56, 1.0);
	/*border-radius:3px;
	border: rgba(204, 204, 204, 1.0) 1px solid;*/
}

.topic_level_warning2 {
	height: 15px;
	bottom: -2px;
	position: relative;
}

.topic_level_text_wrapper2 {
	position: absolute;
	left: 0;
	bottom: 1px;
	margin: 1px;
}

.noteedit_btn_open_wr {
	position: relative;
	cursor: pointer;
	background-color: rgba(148, 37, 56, 1.0);
	margin: 0.25rem 2rem 0.25rem 0.25rem;
	padding: 0.25rem;
	border-radius: 7px;
	border: 1px solid #FFFFFF;
	float: right;
	/*top:0px;
	left:20px;*/
}

.noteedit_btn_open_tx {
	margin: 0.0rem;
	padding: 0.0rem;
	color: #FFFFFF;
	line-height: 1.0;
	font-weight: 200;
	letter-spacing: 1px;
	padding: 0.25rem 1.0rem;
	margin: 0;
}

.noteedit_btn_close {
	position: absolute;
	cursor: pointer;
	margin: 0.25rem;
	padding: 0.5rem;
	top: 10px;
	right: 10px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 7px;
}

.noteedit_bk {
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0;
	right: 0;
	padding: 1rem;
}

.noteedit_blur {
	filter: blur(4px);
}

.homework_btn_close {
	position: absolute;
	cursor: pointer;
	margin: 0.25rem;
	padding: 0.5rem;
	top: 10px;
	right: 10px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 7px;
}

.homework_bk {
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0;
	right: 0;
	background-color: rgba(148, 37, 56, 0.9);
	padding: 1rem 1rem 3rem 1rem;
}

.homework_wr {
	margin: 50px 0 0 0;
	background-color: white;
	border-radius: 7px;
}

.homework_wr tr {
	margin: 0;
}

.homework_wr td {
	line-height: 1.0;
	padding: 0.25rem;
}

.class_new_msgs_flag {
	position: absolute;
	top: -0.5rem;
	right: -0.5rem;
	padding: 0.25rem;
	color: white;
	background-color: red;
	border-radius: 15px;
	font-family: 'Karla', sans-serif;
	font-size: 0.8rem;
	box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05), 0 0px 15px 0 rgba(0, 0, 0, 0.5);
}

.class_new_msgs_float {
	position: fixed;
	bottom: 0rem;
	right: 5rem;
	left:0rem;
	z-index:1000;
}

.fmx_chat_float_r {
	background-color: rgb(5 5 5  / 21%);
	padding:1rem;
	margin:0.5rem;
	border-radius:7px;
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}
.fmx_chat_float_l {
	background-color: rgb(5 5 5  / 10%);
	padding:1rem;
	margin:0.5rem;
	border-radius:7px;
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}

.chat_wrbk {
	position: fixed;
	z-index: 999;
	bottom: 0px;
	left: 0;
	right: 0;
	border-radius: 7px;
	/*background-color: rgba(148, 37, 56, 0.9);*/
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	height: 40%;
	width: 75%;
	max-width: 75rem;
	margin:1%;
	box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.05), 0 0px 15px 0 rgba(0, 0, 0, 0.5);
}

.chat_wrfr {
	float: left;
	background-color: white;
	border-radius: 7px;
	width: 100%;
	padding: 0.5rem 0.5rem 4.0rem 0.5rem;
	height: 100%;
	overflow-y: scroll;
}

.chat_closebtn {
	position: absolute;
	cursor: pointer;
	margin: 0.25rem 0rem;
	padding: 0.5rem;
	top: -3.75rem;
	right: 0.5rem;
	background: #FFFFFF;
	border-radius: 7px;
	/*border: 1px solid rgba(148, 37, 56, 0.9);*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19);
}

.chat_sendbtn_l {
	position: absolute;
	cursor: pointer;
	margin: 0 0 0.25rem 0;
	padding: 0rem 0.25rem;
	right: 0;
	top: 0;
	bottom: 0;
	background: #FFFFFF; /*rgba(139, 200, 204, 0.33);*/
	border-radius: 7px;
	/*border: 2px solid rgba(139, 200, 204, 1.0);*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19);
}

.chat_sendbtn_r {
	position: absolute;
	cursor: pointer;
	margin: 0 0 0.25rem 0;
	padding: 0rem 0.25rem;
	right: 0;
	top: 0;
	bottom: 0;
	background: #FFFFFF; /*rgba(148, 37, 56, 0.33);*/
	border-radius: 7px;
	/*border: 2px solid rgba(148, 37, 56, 1.0);*/
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19);
}

.chat_textfrom {
	text-align: right;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.8rem;
}

.chatgpt_textfrom {
	text-align: left;
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.3rem;
	color:blue;
}

.chat_textto {
	text-align: left;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.8rem;
}

.chatgpt_textto {
	text-align: left;
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.3rem;
}

.chat_textfrom_float {
	text-align: right;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: white;
    text-shadow: 0px 0px 10px black;
}

.chat_textto_float {
	text-align: left;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: white;
    text-shadow: 0px 0px 10px black;
}

.chat_datetime {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 0.9rem;
	line-height: 0.9rem;
	color: gray;
	margin: 0;
	text-align: right;
}

.chat_textinput_wr {
	position: absolute;
	bottom: 0.5rem;
	padding: 0.25rem;
	background: rgba(139, 200, 204, 0.9);
	right: 31px;
	left: 16px;
	width: auto;
}

.chat_textinput {
	width: 100%;
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.7rem;
	line-height: 1.7rem;
	font-weight: 100;
	color: #050505;
	text-decoration: none;
	text-align: left;
	border-radius: 7px;
	padding: 0.5rem;
}

.fmx_chat_l2 {
	position: absolute!important;
	bottom: 0.5rem;
	padding-bottom: 0.25rem;
	/*
	padding: 0.25rem!important;
	background: rgba(139, 200, 204, 0.9)!important;
	*/
	width: auto!important;
	right: 31px;
	left: 15px;
}

.fmx_chat_r2 {
	position: absolute!important;
	bottom: 0.5rem;
	padding-bottom: 0.25rem;
	/*
	padding: 0.25rem!important;
	background: rgba(148, 37, 56, 0.9)!important;
	*/
	width: auto!important;
	right: 15px;
	left: 31px;
}

.closeflip3D {
	transform: perspective(600px) rotateX(0deg);
	/*
  position: absolute;
  background: sandybrown;
  width: 240px;
  height: 200px;
  border-radius: 7px;
  */
	backface-visibility: hidden;
	transition: transform .5s linear 0s;
}

.flashcards_btn_open_wr {
	position: relative;
	cursor: pointer;
	background-color: rgba(148, 37, 56, 1.0);
	margin: 0.25rem 2rem 0.25rem 0.25rem;
	padding: 0.25rem;
	border-radius: 7px;
	border: 1px solid #FFFFFF;
	float: right;
	/*top:0px;
	right:20px;*/
}

.flashcards_btn_open_wr_fe {
	position: relative;
	cursor: pointer;
	background-color: rgba(4, 52, 100, 1.0);
	margin: 0.25rem 2rem 0.25rem 0.25rem;
	padding: 0.25rem;
	border-radius: 7px;
	border: 1px solid #FFFFFF;
	float: right;
	/*top:0px;
	right:20px;*/
}

.flashcards_btn_open_tx {
	margin: 0.0rem;
	padding: 0.0rem;
	color: #FFFFFF;
	line-height: 1.0;
	font-weight: 200;
	letter-spacing: 1px;
	padding: 0.25rem 1.0rem;
	margin: 0;
}

.flashcards_btn_close {
	position: absolute;
	cursor: pointer;
	margin: 0.25rem;
	padding: 0.5rem;
	top: -60px;
	right: 0px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 7px;
}

.flashcards_blur {
	filter: blur(4px);
}

.flashcards_bk {
	position: fixed;
	z-index: 999;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(148, 37, 56, 0.22);
}

.flashcards_bk_fe {
	position: fixed;
	z-index: 999;
	top: 60px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(4, 52, 100, 0.22);
}

.flashcards_wr {
	background-color: #FFFFFF;
	border-radius: 15px;
	margin: 10%;
	padding: 3px;
}

.flashcard {
	border-radius: 15px;
	background-color: rgba(148, 37, 56, 1.0);
	padding: 3rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.flashcard_fe {
	border-radius: 15px;
	background-color: rgba(4, 52, 100, 1.0);
	padding: 3rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.xiaolaoshi_bk {
	position: fixed;
	z-index: 999;
	top: 30px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(148, 37, 56, 0.22);
}

.xiaolaoshi_wr {
	background-color: #FFFFFF;
	border-radius: 15px;
	margin: 35px 1rem 1rem 1rem;
	padding: 3px;
}

.xiaolaoshi_card {
	border-radius: 15px;
	background-color: rgba(148, 37, 56, 1.0);
	padding: 0.5rem;
	margin: 0.5rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.xiaolaoshi_btn_close {
	position: absolute;
	cursor: pointer;
	margin: 0.25rem;
	padding: 0.5rem;
	top: -60px;
	right: 0px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 7px;
}

.xiaolaoshi_reward_wr {
	border-radius: 15px;
	background-color: rgba(148, 37, 56, 1.0);
	padding: 0.5rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	overflow: scroll;
	white-space: nowrap;
}

.xiaolaoshi_reward {
	border-radius: 15px;
	background-color: rgba(148, 37, 56, 1.0);
	margin: 0.5rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	height: 90px;
}

.xiaolaoshi_SC {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.3;
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0px 0px 0px 0px;
}

.xiaolaoshi_PY {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 1.0rem;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.xiaolaoshi_EN {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 1.0rem;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.flashcard_rotate {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.flashcard_SC {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 3.7rem;
	letter-spacing: 0.1em;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	/*line-height:1.3;*/
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0px 0px 0px 0px;
}

.flashcard_SC_sm {
	font-size: 3.7rem;
}

.flashcard_PY {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 2.0rem;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	margin: 0.2em 0.0em 0.0em 0.0em;
	padding: 0px 0px 0px 0px;
}

.flashcard_PY_sm {
	font-size: 2.0rem;
}

.flashcard_EN {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 2.0rem;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
	margin: 0.2em 0.0em 0.2em 0.0em;
	padding: 0px 0px 0px 0px;
}

.flashcard_EN_sm {
	font-size: 2.0rem;
}

.flashcard_SC2 {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 1.5rem;
	/*letter-spacing: 0.1em;*/
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.6;
	margin: 0.5em 0.0em 0.0em 0.0em;
	padding: 0px 0px 0px 0px;
}

.flashcard_SC2_sm {
	font-size: 1.5rem;
}

.flashcard_PH {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 2.0rem;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	margin: 0.2em 0.0em 0.0em 0.0em;
	padding: 0px 0px 0px 0px;
}

.flashcard_PH_sm {
	font-size: 2.0rem;
}

.flashcard_EN2 {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 4.0rem;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
	margin: 0.2em 0.0em 0.2em 0.0em;
	padding: 0px 0px 0px 0px;
}

.flashcard_EN2_sm {
	font-size: 3.0rem;
}

.noscroll {
	overflow: hidden;
}

.search_bk {
	position: fixed;
	z-index: 999;
	top: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(4, 52, 100, 0.22);
	text-align: center;
	overflow-y: scroll;
}

.search_wr {
	/*background-color:#FFFFFF;*/
	/*border-radius: 5px;*/
	/*margin:1.5rem;*/
	/*padding:3px;*/
	/*float:left;*/
	/*margin:67px auto;*/
	max-width: 75rem;
	width: 70%;
	height: 80%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	bottom: 37px;
	left: 0;
	right: 0;
}

.search_btn_close {
	position: absolute;
	cursor: pointer;
	/*margin:0.25rem; 
	top:-60px;
	right:0px;*/
	padding: 0.5rem;
	top: 4px;
	left: -57px;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 7px;
}

.search_li {
	width: 100%;
	float: left;
	border-bottom: 1px solid grey;
	/*padding:0.1rem;*/
	margin: 0;
	position: relative;
}

.icon_loading {
	width: 75px;
}

.search_input_wide {
	width: 10rem!important;
}

.chat_input_wide {
	width: 50%!important;
}

.loading {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8) url('https://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

@media screen and (max-width: 767px) {
	.flashcards_wr {
		margin: 25% 2% 2% 2%;
		padding: 3px;
	}
	.flashcard {
		padding: 2rem 0.2rem;
	}
	.flashcard_SC_sm {
		font-size: 2.7rem;
	}
	.flashcard_PY_sm {
		font-size: 1.5rem;
	}
	.flashcard_EN_sm {
		font-size: 1.5rem;
	}
	.flashcard_fe {
		padding: 0.5rem;
	}
	.flashcard_EN2 {
		font-size: 2.5rem;
	}
	.search_wr {
		width: 96%;
	}
	.chat_input_wide {
		width: 100%!important;
	}
	.chat_wrbk {
		width: 98%;
		max-width: 98%;
	}
}

.module-subtext {
	color: white;
	line-height: 1rem;
	font-size: 0.9rem;
	font-weight: 200;
	margin: 0;
	padding-top: 0.25rem;
}

.module-subtext2 {
	color: white;
	line-height: 1rem;
	font-size: 1rem;
	font-weight: 200;
	margin: 0;
	padding: 0.25rem 0;
	text-align: center;
	border-radius: 3px;
}

.fmx2_p {
	width: 100%;
	float: left;
	margin-top: 1.25rem;
}

.banner-head2 {
	font-weight: 400;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.topic-icon-image {
	width: 60px;
}

.topic-icon-image2 {
	width: 46px;
	height:54px;
	padding-top: 0.5rem;
}

.icons-learningpath {
	width: 110px;
}

.icon-learningpath-block {
	width: 19%;
	margin: 0 1% 1% 0;
}

.icon-learningpath-block2 {
	width: 9.5%;
	margin: 0 0.5% 0.5% 0;
	border-radius: 7px;
	border: solid 3px;
	position: relative;
	float: left;
	text-align: center;
}

.icon-learningpath-block3 {
	width: 100px;
	margin: 0 0.5% 0.5% 0;
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	transform-origin: bottom center;
	transition: transform 0.15s ease;
}

.icon-learningpath-block3.icon-current {
	transform: scale(1.2);
    border-bottom: 3px white solid;
}

.icons-text {
	line-height: 1;
	height: 3.5rem;
	top: -2px;
	padding: 0.25rem;
	position: relative;
	white-space: normal;
}

.icons-text2 {
	font-size: 1rem;
	line-height: 0.9rem;
	/*height: 3rem;*/
	/*top: -2px;*/
	padding: 0.25rem;
	position: relative;
	white-space: normal;
	text-align: center;
	margin: 0;
}

iframe {
	height: 315px;
	display: inline-block;
	width: 560px;
	/*max-width:670px;*/
}

@media screen and (max-width: 767px) {
	iframe {
		height: 200px;
		width: 332px;
	}
	.icons-learningpath {
		width: 84px;
	}
	.icon-learningpath-block {
		width: 32%;
	}
	.icon-learningpath-block2 {
		width: 16%;
	}

	.banner-head2 {
		font-size: 1.3rem;
		line-height: 1.2rem;
	}
}

.fmx_chat_bk {
	width: 100%;
	float: left;
	padding: 1.0rem 0.5rem 1.0rem 0.5rem;
	/*background-color: #f2f2f2;*/
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}
.fmx_chat_bk table{
	border-collapse: collapse;
}


.scorecard_table {
	display: inline-block;
	width: 100%;
	padding: 0.5rem;
	background-color: #faf6ea;
	border-radius: 5px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.scorecard_element{
	border-top: 2px solid #c9bd94;
    margin-top: 0.5rem;
    padding: 0.25rem 0;
	background-color: #faf6ea;
}
.scorecard_row_head td {
	padding: 0.75rem 0.5rem;
	border-bottom: 2px solid #c9bd94;
}
.scorecard_row {
	border-bottom: 1px solid #e0d8bf;
}
.scorecard_row:last-child {
	border-bottom: none;
}
.scorecard_td_text {
	padding: 0.75rem 0.5rem;
}
.scorecard_td_verdict {
	padding: 0.75rem 0.5rem;
	width: 1%;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
.scorecard_verdict_badge {
	display: inline-block;
	padding: 0.10rem 0.6rem;
	border-radius: 3px;
	font-size: 0.75rem;
	font-weight: 900;
	font-family: 'Karla', sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	float: left;
	margin: 2px 0.5rem 0rem 0rem;
}
.scorecard_verdict_pass {
	background-color: rgba(111, 166, 113, 0.18);
	color: #3f7a42;
}
.scorecard_verdict_fail {
	background-color: rgba(198, 91, 91, 0.16);
	color: #a13c3c;
}

/* -- new stockprice-style scorecard (score_*) -- */
/* dark ticker-board look: black background, saturated solid tiles, white text */

.score_button {
	font-family: 'Bergoom', Consolas, monospace;
    color: rgb(255, 255, 255);
    letter-spacing: 0.03em;
    font-size: 1.0rem;
    font-weight: 700;
    line-height: 1.15;
    background-color: #3a3a3a;
	margin: 1rem 0;
    float: left;
    border-radius: 2px;
}
.score_container {
	display: inline-block;
	width: 100%;
	padding: 0;
	border-radius: 2px;
	transition: width 0.3s ease;
	margin:1rem 0;
}
.score_container.score_expanded {
	width: 100%;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
	padding: 0.75rem;
	background-color: #14171c;
}

.score_header_container{
    padding: 0.5rem;
    background-color: #3a3a3a;
	cursor: pointer;
	border-radius: 2px;
    float: left;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
	color: rgb(255, 255, 255);
	min-width:50%;
}
.score_header_container p{
	font-family: 'Bergoom', Consolas, monospace;
    letter-spacing: 0.03em;
    font-size: 1.0rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
}
.score_expanded .score_header_container{
	width:100%;
	margin-bottom:0.3rem;
}
.score_header1{
	color:white;
	float:left;
	padding-right: 1rem;
}
.score_header_container .score_header_close{
    color: white;
    float: right;
	padding: 0.15rem 0.35rem;
    border: 0.5px solid white;
    margin: -0.15rem -0.15rem -0.15rem 0;
}
.score_header_container .score_header_rescore {
    color: white;
    float: right;
	padding: 0.15rem 0.35rem;
    border: 0.5px solid white;
    margin: -0.15rem 1.0rem -0.15rem 0.5rem;
}
.score_header2{
	color:#ff9900;
    text-transform: uppercase;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 1s ease, opacity 1s ease;
	float:left;
	width: 0;
}
.score_header3{
	color:#ff9900;
    text-transform: uppercase;
	float:right;
	padding-right:1rem;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	width: 0;
	transition: max-height 1s ease, opacity 1s ease;
}
.score_expanded .score_header2,
.score_expanded .score_header3{
	max-height: 2rem;
	opacity: 1;
	width:auto;
}

.score_grid {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.3rem;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	margin-top: 0;
	transition: max-height 1s ease, opacity 1s ease, margin-top 1s ease;
}
.score_expanded .score_grid {
	max-height: 40rem;
	opacity: 1;
	margin-top: 0.5rem;
}
.score_tile {
	height: 4.5rem;
	padding: 0.5rem 0.6rem;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: transform 0.1s ease, filter 0.1s ease;
}
.score_tile:hover {
	transform: scale(1.04);
	filter: brightness(1.15);
	z-index: 1;
}
.score_tile_label, .score_tile_verdict {
    font-family: 'Bergoom', Consolas, monospace;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 0.5rem 0;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.score_tile_label {
	font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.15;
    height: 2rem;
    margin: 0;
}
.score_tile_verdict {
	font-size: 1.0rem;
	margin: 0;
}
.score_tile_pass {
	background-color: #00ca00;
}
.score_tile_fail {
	background-color: #d90000;
}
.score_tile_empty {
	background-color: #6a6a6a;
}

/* once any tile is active, dim all others; the active tile pops forward */
.score_grid:has(.score_tile_active) .score_tile {
	filter: brightness(0.45);
}
.score_tile_active {
	filter: brightness(1.25) !important;
	transform: scale(1.06);
	border: 1px solid #ffffff;
	z-index: 1;
}

.score_detail_container {
	padding: 0;
	background-color: #000000;
	max-height: 0;
	opacity: 0;
	width: 100%;
	overflow: hidden;
	transition: max-height 1s ease, opacity 1s ease, padding 1s ease;
}
.score_expanded .score_detail_container {
	max-height: 10rem;
	opacity: 1;
	padding: 0.75rem 0 0 0
}
.score_detail_container p {
	font-family: 'Bergoom', Consolas, monospace;
	margin: 0;
	text-align: left;
}
.score_detail_container .score_source_timestamp{
	color: white;
    float: right;
}
.score_detail_container .score_detail1{
	color:white;
}
.score_detail_container .score_detail2{
	color:wheat;
}
.score_detail {
	color: white;
}
.score_detail_pass {
	color: #00ca00;
	filter: brightness(1.5);
}
.score_detail_fail {
	color: #d90000;
	filter: brightness(1.5);
}
.score_detail_empty {
	color: 	lightgray;
	filter: brightness(1.5);
}

/* peek_show - reuses .score_container/.score_header collapse behaviour from
   fx_admin_scorecard.php, but the collapsible content is .artifact_container
   (the ideal draft text) instead of a .score_grid of tiles. */
.score_container .artifact_container {
	max-height: 0;
	opacity: 0;
	padding: 0 !important;
    overflow: hidden;
    margin: 0;
	transition: max-height 1s ease, opacity 1s ease, margin-top 1s ease;
}
.score_container.score_expanded .artifact_container {
	max-height: 40rem;
	opacity: 1;
	margin-top: 0.5rem;
	overflow-y: auto;
	padding: revert !important;
}

/* frame_show tiles - reuses .score_container/.score_header .score_grid/.score_detail
   layout and click behaviour from fx_admin_scorecard.php, white-on-grey instead of
   the scorecard's pass/red-fail colours since frame elements have no verdict. */
.frame_tile {
	height: 4.5rem;
	padding: 0.5rem 0.6rem;
	cursor: pointer;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background-color: #6a6a6a;
	transition: transform 0.1s ease, filter 0.1s ease;
}
.frame_tile:hover {
	transform: scale(1.04);
	filter: brightness(1.15);
	z-index: 1;
}
.frame_tile_label, .frame_tile_value {
    font-family: 'Bergoom', Consolas, monospace;
	color: rgb(255, 255, 255);
	letter-spacing: 0.03em;
	margin: 0 0 0.5rem 0;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.frame_tile_label {
	font-size: 0.85rem;
    font-weight: 700;
    line-height: 1.15;
    height: 2rem;
    margin: 0;
	text-transform: uppercase;
}
.frame_tile_value {
	font-size: 0.85rem;
	margin: 0;
    line-height: .95rem;
    max-height: 2rem;
    overflow: hidden;
}

/* once any tile is active, dim all others; the active tile pops forward */
.frame_grid:has(.frame_tile_active) .frame_tile {
	filter: brightness(0.6);
}
.frame_tile_active {
	filter: brightness(1.3) !important;
	transform: scale(1.06);
	border: 1px solid #ffffff;
	z-index: 1;
}
.frame_tile_active .frame_tile_label,
.frame_tile_active .frame_tile_value {
	text-shadow: none;
}


.frame_container{
	display: inline-block;
	border-radius:7px;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19);
	padding: 4.0rem 1.0rem 1.0rem 1.0rem;
	position: relative;
}

.frame_row{
	display: flex;
}


.frame_header{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 3.5rem;
	color: white;
    margin: 0;
    background-color: rgba(4, 52, 100, 0.9);
	border-radius: 7px 7px 0 0;
    padding: 1.0rem;
	font-weight: 800;
}



.fmx_chat_r {
	position: relative;
	background: rgb(155 166 182);
	border-radius: .4em;
	width: 100%;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0.5rem;
	float: left;
}

.fmx_chat_r:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50px;
	/*50%;*/
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-left-color: rgb(155 166 182);
	border-right: 0;
	border-top: 0;
	margin-top: -35px;
	margin-right: -30px;
}

.fmx_chat_l {
	position: relative;
	background: rgba(154, 203, 155, 0.33);
	border-radius: .4em;
	width: 100%;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 0.5rem;
	float: right;
}

.fmx_chat_l:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50px;
	/*50%;*/
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-right-color: rgba(154, 203, 155, 0.33);
	border-top: 0;
	border-left: 0;
	margin-top: -35px;
	margin-left: -30px;
}

.fmx_chatgpt_l {
	position: relative;
	background: rgba(139, 200, 204, 0.33);
	border-radius: .4em;
	width: 97%;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 0.5rem;
	float: left;
}

.fmx_chatgpt_r{
	background: rgba(0, 0, 255, 0.06);
    border: solid 1px blue;
    position: relative;
	border-radius: .4em;
	width: 97%;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0.5rem;
	float: right;
}
.fmx_chatgpt_r2{
	background: rgba(0, 0, 255, 0.06);
    border: solid 1px darkred;
    position: relative;
	border-radius: .4em;
	width: 97%;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0.5rem;
	float: right;
}
.fmx_chatgpt_r:after {
	/*content: url('/images_back/person-madaml-maroon.png');*/
	content: '';
	position: absolute;
	right: 0;
	top: 35px;
	/*50%;*/
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left-color: rgba(0, 0, 255, 0.2);
	border-right: 0;
	border-top: 0;
	margin-top: -30px;
	margin-right: -20px;
}

.fmx_chatgpt_l:after {
	content: '';
	position: absolute;
	left: 0;
	top: 35px;
	/*50%;*/
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: rgba(139, 200, 204, 0.33);
	border-top: 0;
	border-left: 0;
	margin-top: -30px;
	margin-left: -20px;
}
.fmx_chat_r_text {
	padding: 0.5rem !important;
	text-align: right !important;
	border-radius: .4em;
	width: 100%;
	float: right;
}

.fmx_chat_l_text {
	padding: 0.5rem !important;
	text-align: left !important;
	border-radius: .4em;
	width: 100%;
	float: left;
}

@media screen and (max-width: 1030px) {
	.fmx_chat_bk {
		padding: 0;
	}
	.fmx_chat_l {
		width: 100%;
		margin-bottom: 2px;
		margin-top: 0px;
	}
	.fmx_chat_r {
		width: 100%;
		margin-bottom: 2px;
		margin-top: 0px;
	}
	.fmx_chat_r_text {
		margin: 0 !important;
		padding: 5px !important;
	}
}

@media print {
	.tawkchat-minified-wrapper {
		display: none !important;
	}
}

.ytp-watermark {
	display: none !important;
}

.email-input {
	margin-top: 1rem;
	padding: 0.5rem;
}

.test_css {}

.div_DP {}

.btn_DP_OFF {
	/* also used for js */
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	line-height: 1;
	position: absolute;
	top: 0.5rem;
	right: 0.6875rem;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.btn_DP_OFF:hover {
	color: black;
}

.popup-DP-wrapper {
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}

.popup-DP-box {
	background-color: rgba(45, 120, 193, 1.0);
	position: relative;
	border-radius: 6px;
	padding: 0.3rem 2rem 1.0rem 2.0rem;
	z-index: 101;
	margin: 0 10% -610px 10%;
	display: inline-block;
	/*
	top: 50px;
	width:50%;
  background-color: rgba(15,142,199,1.0);
  background-color: rgba(15,182,255,1.0);
  bottom: 0;
	z-index: 100;
  left: 0;
  right: 0;*/
}

.popup-REG-wrapper {
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100;
	position: relative;
	text-align: center;
}

.popup-REG-box {
	background-color: white;
	padding: 2rem 4rem 2rem 4rem;
	width: 40rem;
	display: inline-block;
	/*
	position: relative;
	top: 50px;
	border-radius:6px;
	*/
}

.input-DP {
	background-color: #F0EDEE;
	width: 100%;
	padding: 0.5rem 0.5rem 0.5rem 32px;
	margin-bottom: 1rem;
	font-family: 'Karla', sans-serif;
	font-size: 1rem;
	/*height: 33px;*/
}

.input-EX {
	background-color: white;
	width: 100%;
	padding: 0.5rem;
	margin-bottom: 1rem;
	font-family: 'Karla', sans-serif;
	font-size: 1rem;
	border: rgba(148, 37, 56, 0.8) 3px solid;
}

.input-REG {
	background-color: #F0EDEE;
	width: 50%;
	padding: 0.5rem;
	/*margin-bottom: 1rem;*/
	margin-left: 1rem;
	font-family: 'Karla', sans-serif;
	font-size: 1rem;
	float: right;
}

/*
input.input-DP::-webkit-input-placeholder{font-style:italic;font-size: 12px;}
input.input-DP::-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-DP:-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-DP:-ms-input-placeholder{font-style:italic;font-size: 12px;}

input.input-REG::-webkit-input-placeholder{font-style:italic;font-size: 12px;}
input.input-REG::-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-REG:-moz-placeholder{font-style:italic;font-size: 12px;}
input.input-REG:-ms-input-placeholder{font-style:italic;font-size: 12px;}
*/

.input-DP-icon {
	height: 15px;
	width: 15px;
	margin: 10px 12px 12px 12px;
	position: absolute;
	left: 0;
}

.input-DP-extra {
	padding: 0 0 0 32px;
	border-width: 1px;
	border-style: inset;
}

.input-DP select {
	border: 0;
	height: 32px;
	background-color: #F0EDEE;
}

.text_small {
	font-size: 10px;
}

.still-have-questions, .course-info {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	color: #FFFFFF !important;
	text-align: left;
	width: 100%;
}

.course-info h6 {
	text-transform: uppercase;
	color: #FFFFFF !important;
	margin: 0px;
	font-size: 18px;
	float: left;
}

/*.offset:before { 
	display: block; 
 	content: " "; 
  	height: 170px;      // Give height of your fixed element 
    margin-top: -100px; // Give negative margin of your fixed element  	
    visibility: hidden; 
}*/

.course-info dl {
	margin: 0px;
}

.course-info dt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 0.8rem;
}

.course-info dd {
	padding-bottom: 0.0rem;
	font-size: 0.875rem;
	line-height: 1.6;
	margin: 0px;
}

.course-headline {
	padding: 1.0rem 1.0rem 1.0rem 1.4rem;
}

.DP-btn {
	border: white 5px;
	background-color: #2b2b2b;
	padding: 0.5rem 1.5rem;
	border-radius: 3px;
}

.DP-btn:hover {
	background-color: #454545;
}

.DP-arrow {
	width: 20px;
	margin-right: 1rem;
	margin-top: 4px;
}

.REG-arrow {
	width: 20px;
	margin-left: 1rem;
	margin-bottom: -5px;
}

.DP-btn-text {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white;
	text-rendering: optimizeLegibility;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.4;
	float: right;
}

.icon-chevrondown-maroon {
	background-image: url(../images_back/icon-chevrondown-maroon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 25px;
	height: 20px;
	position: relative;
	top: 5px;
	/*margin-left:5px;
	margin-right:0;*/
}

.icon-chevronup-maroon {
	background-image: url(../images_back/icon-chevronup-maroon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 25px;
	height: 20px;
	position: relative;
	top: 5px;
	/*margin-left:5px;
	margin-right:0;*/
}

.icon-chevron-border {
	border: solid #0FB6FF 10px;
	width: 50px;
	height: 50px;
}

.course-expand {
	padding: 0.25rem 1.0rem 1.0rem 1.4rem;
}

.bkimage {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative
}

.bkimage-team {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	position: relative
}

.bkimage-team-circle {
	border-radius: 50%;
	/*filter: gray; */
	/* IE6-9 */
	/*-webkit-filter: grayscale(1); */
	/* Google Chrome, Safari 6+ & Opera 15+ */
	/*filter: grayscale(1);  */
	/* Microsoft Edge and Firefox 35+ */
	background-size: cover;
	overflow: hidden;
	width: 150px;
	height: 150px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	/*top:20px;*/
	left: 0px;
}

.bkimage-team-circle-border-black {
	border: rgba(0, 0, 0, 0.9) 3px solid;
	margin: 25px;
}

.bkimage-team-circle-bk-maroon {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background-color: rgba(148, 37, 56, 1.0);
	border: 3px solid black;
	position: absolute;
	top: 20;
	left: 0px;
}

.bkimage-team-circle:hover {
	-webkit-filter: grayscale(0);
	filter: none;
}

.bkimage-team-text-wrapper {
	padding: 0.5rem 0.5rem 0.5rem 189px;
	margin: 16px 14px 0px 29px;
	border: rgba(0, 0, 0, 0.9) 2px solid;
	background-color: white;
}

.bkimage-team-concave {
	left: 196px;
	top: 76px;
	height: 25px;
	position: absolute
}

@media screen and (max-width: 767px) {
	.bkimage-team-concave {
		left: 193px;
		top: 63px;
		height: 25px;
	}
}

.overlay {
	background-color: rgba(0, 0, 0, 0.55);
	/*z-index: 5;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.radius_5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.radius_10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.radius_15 {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}

.radius_bottom_zero {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.radius_top_zero {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.buttonxx {
	/*background: #009bda;*/
	font-size: 0.875rem;
	/*text-transform: uppercase;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border-style: solid;
	border-width: 0px;
	cursor: pointer;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	/*-webkit-border-radius: 0;*/
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: .875rem;
	background-color: #444444;
	border-color: #363636;
	color: white;
	transition: background-color 300ms ease-out;
}

.buttonxx-inactive {
	/*background: #009bda;*/
	font-size: 0.875rem;
	/*text-transform: uppercase;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #ddd;
	border: 1px solid #bbb;
	color: #7F7F7F;
	font-weight: 600;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	display: inline-block;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: .875rem;
}

/*
.buttonxx:hover{
	opacity: 0.9;}
	*/

.buttonxx-small {
	padding: 10px 30px !important;
	font-size: 12px;
}

.buttonxx-grey {
	background: #ddd;
	border: 1px solid #bbb;
	color: #1a1a1a;
	font-weight: 600;
}

.buttonxx-grey:hover {
	background: rgba(139, 200, 204, 1.0);
	border: 1px solid rgba(148, 37, 56, 1.0);
	color: rgba(148, 37, 56, 1.0);
}

.buttonxx-orange {
	background: #ffad33;
	border: 1px solid #ffad33;
	color: #1a1a1a;
	font-weight: 600;
}

.buttonxx-orange:hover {
	background: #444444;
	border: 1px solid #444444;
	color: white;
}

.buttonxx-maroon {
	background: rgba(148, 37, 56, 0.66);
	border: 1px solid rgba(148, 37, 56, 1.0);
	color: white;
}

.buttonxx-maroon:hover {
	background: rgba(148, 37, 56, 1.0);
	color: white;
}

.buttonxx-bluefe {
	background: rgba(4, 52, 100, 0.66);
	border: 1px solid rgba(4, 52, 100, 1.0);
	color: white;
}

.buttonxx-bluefe:hover {
	background: rgba(4, 52, 100, 1.0);
	color: white;
}

.buttonxx-aqua {
	background: rgba(177, 217, 220, 1.0);
	/*same as aqua-33 but not transparent)*/
	border: 1px solid #237b7e;
	/*vdkaqua*/
	color: #237b7e;
	font-weight: bold;
}

.buttonxx-aqua:hover {
	background: rgba(139, 200, 204, 1.0);
	color: black;
	font-weight: bold;
}

.buttonxx-blue:hover {
	background: #0f8ec7;
	border: 1px solid #0f8ec7;
	color: white;
}

.buttonxx-blue {
	background: #444444;
	border: 1px solid #444444;
	color: white;
}

.buttonxx-payment {
	background: none;
	padding: 0px 6px;
	font-size: 10px;
	border: grey 1px solid;
	color: grey;
}

.buttonxx-getstarted {
	margin-bottom: 10px;
	margin-right: 0;
	width: 60%;
}

.sub-nav {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.3em;
	display: block;
	font-size: .75em;
	padding: 0;
	width: 75px;
	color: #666 !important;
	vertical-align: middle;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

ul, li, p, h1, h2, h3, h4, h5, h6, tr, td {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	font-style: normal;
	color: #2f2f2f;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 1.4;
	text-align: left;
}

.person_id_list {
	list-style-type: none;
	margin: 0;
}

.person_id_list>li {
	float: left;
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #BFCCE0;
}

.still-have-questions p {
	color: #7d7d7d;
}

h1 {
	font-size: 2.5rem;
	padding-bottom: 25px;
}

h2 {
	font-size: 2.5rem;
	padding-bottom: 2rem;
	font-weight: 300;
	letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
	h2 {
		font-size: 2.0rem;
		line-height: 1.8rem;
		padding-bottom: 0rem;
	}
}

@media print {
	h2 {
		padding-bottom: 0rem;
	}
}

.popup-DP-box h2 {
	font-size: 32px;
	color: white;
	text-align: center;
	padding: 0rem 0rem;
}

h3 {
	font-size: 2.0rem;
	font-weight: normal;
	margin: 0px;
	line-height: 1.0;
}

h4 {
	font-size: 1.5rem;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
}

h6 {
	font-size: 1.0rem;
	font-weight: normal;
	margin-bottom: 15px;
}

p, td {
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	text-rendering: optimizeLegibility;
}

ul {
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	margin-left: 1.1rem;
	list-style-position: outside;
	list-style: disc;
}

li {
	font-weight: normal;
	font-size: 1.0rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
}

.course-info ul {
	line-height: 1.0;
	margin-bottom: 0rem;
	margin-left: 0rem;
	list-style-position: outside;
	list-style: none;
	display: inline-block;
}

.course-info li {
	font-size: 1.0rem;
	line-height: 1.1;
	margin-bottom: 0rem;
	width: 100%;
	padding-top: 0.5rem;
}

.ul_none {
	list-style: none;
	padding-left: 1.1em;
	text-indent: -1.1em;
	display: inline-block;
	width: 100%;
}

.course-info .ul_bullet {
	list-style: disc;
	list-style-position: outside;
	margin-left: 1.1rem;
}

.li_tick_aqua {
	background-image: url('../images_back/icon-tick-aqua.png');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 20px;
	padding-left: 25px;
	padding-top: 0.5rem;
	display: inline-block;
}

a {
	color: #009bda;
}

.popup-DP-box a {
	color: white;
	text-decoration: underline !important;
}

hr {
	border: solid #dddddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 1.0rem 0 1.1875rem;
	height: 0;
	padding-bottom: 15px;
}

hr.style-1 {
	border-width: 5px 0 0;
}

hr.style-7 {
	padding: 0;
	margin: 0;
	border: none;
	border-top: rgba(148, 37, 56, 0.8) 3px solid;
	width: 80%;
	display: inline-block;
}

hr.style-8 {
	overflow: visible;
	/* For IE */
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}

hr.style-8:after {
	content: "§";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

.circle {
	border-radius: 50%;
	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(1);
	/* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1);
	/* Microsoft Edge and Firefox 35+ */
	background-size: cover;
	overflow: hidden;
	width: 100px;
	height: 100px;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Disable grayscale on hover */

.circle:hover {
	-webkit-filter: grayscale(0);
	filter: none;
}

.person-name {
	font-size: 14px;
	padding-top: 0px;
	font-weight: bold;
	color: #2f2f2f;
	margin-bottom: 0px;
	text-align: center;
	text-transform: uppercase;
}

.person-testimonial-title {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
	text-align: center;
	font-style: italic;
}

.div_level1_padding {
	padding-top: 34px;
	padding-bottom: 34px;
}

.subheader {
	line-height: 1.4;
	color: #787878;
	font-weight: normal;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

body {
	background-color: #f2f2f2;
}

/* links  ----------------------------- */

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

* {
	-webk-it-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a:-webkit-any-link {
	color: inherit;
}

.rotate_vert {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg) translate(-67px, -79px);
	width: 185px;
}

/* myFinanceMandarin  ----------------------------- */

a.anchor {
	display: block;
	position: relative;
	height: 84px;
	visibility: hidden;
}

.div_level0, .div_level0_header, .div_level0_header_strip {
	width: 100%;
	vertical-align: top;
	margin: 0;
	border: 0;
	padding: 15px 65px 5px 65px;
	text-align: center;
}

@media print {
	.div_level0 {
		padding: 15px 0px 5px 0px;
	}
}

@media screen and (max-width: 767px) {
	.div_level0, .div_level0_header, .div_level0_header_strip {
		padding: 0px 0px 0px 0px;
	}
}

@media screen and (max-width: 1050px) {
	.div_level0, .div_level0_header, .div_level0_header_strip {
		padding: 15px 5px 5px 5px;
	}
}

.bkimgs {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 71% 60%;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: -9;
	filter: blur(4px) brightness(0.5);
}
.divstatic {
	bottom: 0 !important;
	right: 0 !important;
	position: fixed !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.div_level0_overlay {
	position: absolute;
	z-index: -99;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.6);
}

.border-grey {
	border: rgba(169, 169, 169, 1.0) 1px solid;
}

.border-blue {
	border: rgba(15, 143, 199, 0.8) 1px solid;
}

.border-black {
	border: rgba(0, 0, 0, 0.9) 3px solid;
}

.border-grey-fat {
	border: rgba(169, 169, 169, 1.0) 5px solid;
}

.border-right-blue {
	border-right: rgba(15, 143, 199, 0.8) 1px solid;
}

.border-bottom-blue {
	border-bottom: rgba(15, 143, 199, 0.8) 1px solid;
}

.border-right-grey {
	border-right: rgba(242, 242, 242, 0.8) 1px solid;
}

.border-right-dkgrey {
	border-right: rgba(127, 127, 127, 0.8) 1px solid;
}

.border-left-dkgrey {
	border-left: rgba(127, 127, 127, 0.8) 1px solid;
}

.border-bottom-dkgrey {
	border-bottom: rgba(127, 127, 127, 0.8) 1px solid;
}

.border-top-dkgrey {
	border-top: rgba(127, 127, 127, 0.9) 1px solid;
}

.border-top-grey {
	border-top: rgba(242, 242, 242, 0.8) 1px solid;
}

.border-bottom-grey {
	border-bottom: rgba(242, 242, 242, 0.8) 1px solid;
}

.border-right-grey-fat {
	border-right: rgba(242, 242, 242, 0.8) 5px solid;
}

.border-bottom-grey-fat {
	border-bottom: rgba(242, 242, 242, 0.8) 5px solid;
}

.border-clear {
	border: rgba(15, 143, 199, 0.0) 1px solid;
}

.borderzero {
	border: 0;
}

.borderzerotop {
	border-top: 0 !important;
}

.borderzerobottom {
	border-bottom: 0 !important;
}

.border-bottom-blue-fat {
	border-bottom: rgba(15, 143, 199, 0.8) 5px solid;
}

.border-green {
	border: rgba(62, 182, 111, 0.8) 1px solid;
}

.border-bottom-green-fat {
	border-bottom: rgba(62, 182, 111, 0.8) 5px solid;
}

.border-white {
	border: rgba(255, 255, 255, 0.8) 1px solid;
}

.border-bottom-white-fat {
	border-bottom: rgba(255, 255, 255, 0.8) 5px solid;
}

.border-left-white {
	border-left: rgba(255, 255, 255, 0.8) 1px solid;
}

.border-right-white {
	border-right: rgba(255, 255, 255, 0.8) 1px solid;
}

.border-bottom-white {
	border-bottom: rgba(255, 255, 255, 0.8) 1px solid;
}

.border-clear-3 {
	border: rgba(255, 255, 255, 0.0) 3px solid;
}

.border-bottom-white-3 {
	border-bottom: rgba(255, 255, 255, 1.0) 3px solid;
}

.border-white-3 {
	border: rgba(255, 255, 255, 1.0) 3px solid;
}

.border-bottom-clear-3 {
	border-bottom: rgba(255, 255, 255, 0.0) 3px solid;
}

.border-bottom-clear-fat {
	border-bottom: rgba(255, 255, 255, 0.0) 5px solid;
}

.border-top-clear-3 {
	border-top: rgba(255, 255, 255, 0.0) 3px solid;
}

.border-tan {
	border: rgba(199, 163, 15, 0.8) 1px solid;
}

.border-bottom-tan {
	border-bottom: rgba(199, 163, 15, 0.8) 1px solid;
}

.border-top-tan {
	border-top: rgba(199, 163, 15, 0.8) 1px solid;
}

.border-bottom-tan-fat {
	border-bottom: rgba(199, 163, 15, 0.8) 5px solid;
}

.border-left-tan {
	border-left: rgba(199, 163, 15, 0.8) 1px solid;
}

.border-right-tan {
	border-right: rgba(199, 163, 15, 0.8) 1px solid;
}

.border-bottom-purple-fat {
	border-bottom: rgba(103, 88, 130, 0.8) 5px solid;
}

.border-purple {
	border: rgba(103, 88, 130, 0.8) 1px solid;
}

.border-radius5 {
	border-radius: 5px;
}

.border-radius7 {
	border-radius: 7px;
}

.border-top-maroon {
	border-top: rgba(148, 37, 56, 0.8) 1px solid;
}

.border-right-maroon {
	border-right: rgba(148, 37, 56, 0.8) 1px solid;
}

.border-left-maroon {
	border-left: rgba(148, 37, 56, 0.8) 1px solid;
}

.border-right-maroon-fat {
	border-right: rgba(148, 37, 56, 0.8) 5px solid;
}

.border-left-maroon-fat {
	border-left: rgba(148, 37, 56, 0.8) 5px solid;
}

.border-bottom-maroon {
	border-bottom: rgba(148, 37, 56, 0.8) 1px solid;
}

.border-bottom-maroon-3 {
	border-bottom: rgba(148, 37, 56, 0.8) 3px solid;
}

.border-top-maroon-3 {
	border-top: rgba(148, 37, 56, 0.8) 3px solid;
}

.border-top-maroon-6 {
	border-top: rgba(148, 37, 56, 0.8) 6px solid;
}

.border-bottom-maroon-fat {
	border-bottom: rgba(148, 37, 56, 0.8) 5px solid;
}

.border-left-maroon-fat {
	border-left: rgba(148, 37, 56, 0.8) 5px solid;
}

.border-maroon {
	border: rgba(148, 37, 56, 0.8) 1px solid;
}

.border-maroon-med {
	border: rgba(148, 37, 56, 0.8) 3px solid;
}

.border-maroon-fat {
	border: rgba(148, 37, 56, 0.8) 5px solid;
}

.border-dkaqua {
	border: 1px solid #47A7AB;
}

.border-vdkaqua {
	border: 1px solid #237b7e;
}

.border-top-bluefe {
	border-top: rgba(4, 52, 100, 0.8) 1px solid;
}

.border-bottom-bluefe {
	border-bottom: rgba(4, 52, 100, 0.8) 1px solid;
}

.border-top-bluefe-6 {
	border-top: rgba(4, 52, 100, 0.8) 6px solid;
}

.border-bottom-bluefe-3 {
	border-bottom: rgba(4, 52, 100, 0.8) 3px solid;
}

.border-top-bluefe-3 {
	border-top: rgba(4, 52, 100, 0.8) 3px solid;
}

.border_color_grey {
	border-color: #999999;
}

.lesson-cap {
	border-top: rgba(148, 37, 56, 0.8) 5px solid;
	border-right: rgba(148, 37, 56, 0.8) 5px solid;
	border-bottom: 0;
	border-left: rgba(148, 37, 56, 0.8) 5px solid;
	background-color: rgba(148, 37, 56, 0.33);
	width: 100%;
	padding: 0.25rem!important;
	margin: 0;
	overflow: visible;
	float: left;
	/*position: absolute;
	top:0;*/
}

.lesson-filler {
	border-top: 0;
	border-right: rgba(148, 37, 56, 0.8) 5px solid;
	border-bottom: 0;
	border-left: rgba(148, 37, 56, 0.8) 5px solid;
	background-color: rgba(148, 37, 56, 0.33);
	margin: 0;
	float: left;
	width: 100%;
	height: 100%;
}

.lesson-base {
	border-top: 0;
	border-right: rgba(148, 37, 56, 0.8) 5px solid;
	border-bottom: rgba(148, 37, 56, 0.8) 5px solid;
	border-left: rgba(148, 37, 56, 0.8) 5px solid;
	background-color: rgba(148, 37, 56, 0.33);
	width: 100%;
	padding: 0.25rem!important;
	margin: 0;
	overflow: visible;
	float: left;
	/*position: absolute;
	bottom:0;*/
}

.block-cap {
	border-top: rgba(139, 200, 204, 0.8) 5px solid;
	border-right: rgba(139, 200, 204, 0.8) 5px solid;
	border-bottom: 0;
	border-left: rgba(139, 200, 204, 0.8) 5px solid;
	background-color: rgba(139, 200, 204, 0.33);
	width: 100%;
	padding: 0.25rem!important;
	margin: 0;
	overflow: visible;
	float: left;
	/*position: absolute;
	top:0;*/
}

.block-filler {
	border-top: 0;
	border-right: rgba(139, 200, 204, 0.8) 5px solid;
	border-bottom: 0;
	border-left: rgba(139, 200, 204, 0.8) 5px solid;
	background-color: rgba(139, 200, 204, 0.33);
	margin: 0;
	float: left;
	width: 100%;
	height: 100%
}

.block-base {
	border-top: 0;
	border-right: rgba(139, 200, 204, 0.8) 5px solid;
	border-bottom: rgba(139, 200, 204, 0.8) 5px solid;
	border-left: rgba(139, 200, 204, 0.8) 5px solid;
	background-color: rgba(139, 200, 204, 0.33);
	width: 100%;
	margin: 0;
	overflow: visible;
	float: left;
	/*position: absolute;
	padding:0.25rem!important;
	bottom:0;*/
}

.cap2 {
	position: absolute;
	top: 0;
	padding: 0.5rem!important;
}

.gap-above-cap {
	/*position: absolute;
	top:-2rem;*/
	padding: 0.25rem!important;
}

.border-aqua-med {
	border: rgba(139, 200, 204, 0.8) 3px solid;
}

.border-bottom-elecblue {
	border-bottom: rgba(4, 22, 123, 0.8) 1px solid;
	box-shadow: 0.5px 0.5px 1px rgb(80, 188, 252)
}

.shortyrow {
	height: 67px;
}

.pageheaderrow {
	height: 100%;
}

.bk-bluenew {
	background-color: #0FB6FF;
}

.bk-bluenew-33 {
	background-color: rgba(15, 182, 255, 0.33);
}

.bk-blue {
	background-color: #0f8ec7;
}

.bk-blue-33 {
	background-color: rgba(15, 143, 199, 0.33);
}

.bk-blue-33s {
	background-color: rgba(176, 218, 237, 1.0);
}

.bk-ltgrey3 {
	background-color: #e7e7e8;
}

.bk-ltgrey2 {
	background-color: #efefef;
}

.bk-ltgrey {
	background-color: #f8f8f8;
}

.bk-ltgrey2{background-color: #F6F6F6;}

.bk-grey {
	background-color: #f2f2f2;
}

.bk-dkgrey1 {
	background-color: #e0e0e0;
}

.bk-dkgrey2 {
	background-color: #2f2f2f;
}

.bk-dkgrey {
	background-color: #999999;
}

.bk-grey-33 {
	background-color: rgba(242, 242, 242, 0.33);
}

.bk-grey-66 {
	background-color: rgba(242, 242, 242, 0.66);
}

.bk-grey-75 {
	background-color: rgba(242, 242, 242, 0.75);
}

.bk-grey-88 {
	background-color: rgba(242, 242, 242, 0.88);
}

.bk-Xgrey-33 {
	background-color: rgba(0, 0, 0, 0.33);
}

.bk-white {
	background-color: #FFFFFF;
}

.bk-white-75 {
	background-color: rgba(255, 255, 255, 0.75);
}

.bk-black {
	background-color: #000000;
}

.bk-black-75 {
	background-color: rgba(0, 0, 0, 0.75);
}

.bk-black-33 {
	background-color: rgba(0, 0, 0, 0.33);
}

.bk-purple {
	background-color: #675882;
}

.bk-aqua {
	background-color: rgba(139, 200, 204, 1.0);
}

.bk-dkaqua {
	background-color: #47A7AB;
}

.bk-aqua-66 {
	background-color: rgba(139, 200, 204, 0.66);
}

.bk-aqua-33 {
	background-color: rgba(139, 200, 204, 0.33);
}

.bk-aqua-light {
	background-color: rgba(217, 237, 237, 1.0);
}

.bk-green {
	background-color: rgba(0, 199, 0, 1);
}

.bk-red {
	background-color: rgba(199, 0, 0, 1);
}

.bk-green-33 {
	background-color: rgba(62, 182, 111, 0.33);
}

.bk-green-33-2nd {
	background-color: rgba(62, 182, 111, 0.33);
}

.bk-tan {
	background-color: #C7A30F;
}

.bk-tan-33 {
	background-color: rgba(199, 163, 15, 0.33);
}

.bk-tan-33-2nd {
	background-color: rgba(199, 163, 15, 0.33);
}

.bk-tan-66 {
	background-color: rgba(199, 163, 15, 0.66);
}

.bk-maroon {
	background-color: rgba(148, 37, 56, 1.0);
}

.bk-none {
	background-color: transparent;
}

.bk-maroon-11 {
	background-color: rgba(148, 37, 56, 0.11);
}

.bk-maroon-33 {
	background-color: rgba(148, 37, 56, 0.33);
}

.bk-maroon-66 {
	background-color: rgba(148, 37, 56, 0.66);
}

.bk-purple-22 {
	background-color: rgba(103, 88, 130, 0.22);
}

.bk-bluefe {
	background-color: rgba(4, 52, 100, 1.0);
}

.bk-bluefe-33 {
	background-color: rgba(4, 52, 100, 0.33);
}

.bk-greenfe {
	background-color: rgba(154, 203, 155, 1.0);
}

.bk-greenfe-66 {
	background-color: rgba(154, 203, 155, 0.66);
}

.bk-greenfe-33 {
	background-color: rgba(154, 203, 155, 0.33);
}

.premium {
	background-color: rgba(242, 242, 242, 0.66);
	background-image: url(/images_back/image-premium-content.png);
	/* background-size: 100%; */
	position: relative;
	background-size: 150px;
	/*z-index: 99;*/
	/* left: 0; */
	/* top: 0; */
}

.opacity75 {
	opacity: 0.75;
}

.opacity50 {
	opacity: 0.50;
}

.opacity00 {
	opacity: 0.00;
}

/* page header -------------------------------------*/

.logo-fmx-small {
	height: 57px;
	float: left;
	/*margin-top: -7px; */
}

.logo-fm-small {
	height: 70px;
	float: left;
	/*margin-top: -7px; */
}

.logo-fm-small60 {
	height: 60px;
	float: left;
}

@media screen and (max-width: 767px) {
	/*.logo-fmx-small{height:35px;}*/
	.logo-fm-small {
		height: 35px;
	}
	.logo-fm-small60 {
		height: 35px;
	}
	/*not wide at all; using contracted contect to fit on one line, back to smaller logo at 35px  */
}

@media print {
	.for-print-icon-resource {
		height: 35px;
	}
}

.logo-fm-vsmall {
	height: 45px;
	float: right;
	margin-top: 0px;
}

.icon-tick {
	height: 15px;
	margin-top: 0px;
}

@media (max-width: 966px) {
	/*not so wide means contact stuff on two lines, and hence can use lager logo at 70px  */
	.logo-fm-smallest {
		height: 70px;
		margin-top: -7px;
		float: left;
	}
}

@media screen and (max-width: 767px) {
	.logo-fm-smallest {
		height: 35px;
		margin-top: -2px;
		float: left;
	}
	/*not wide at all; using contracted contect to fit on one line, back to smaller logo at 35px  */
}

@media (min-width: 966px) {
	/*wider allows all contact stuff on one line, and hence can use smaller logo at 35px  */
	.logo-fm-smallest {
		height: 35px;
		margin-top: -2px;
		float: left;
	}
}

@media print {
	.logo-fm-smallest {
		height: 35px;
		margin-top: -2px;
		float: left;
	}
}

.logo-pad-leftright {
	padding: 0px 15px 0px 15px;
}

.logo-fm-large {
	height: 140px;
	vertical-align: middle;
}

.logo-fm-largest {
	height: 200px;
	vertical-align: middle;
}

.logo-fm-large-evenprint {
	height: 140px;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.logo-fm-large {
		height: 35px;
		margin-top: -2px;
		float: left;
	}
}

.icon-vert {
	height: 58px;
	float: left;
	/*margin-top: -7px; */
}

.text_leader {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 2.0em;
	letter-spacing: -0.05em;
	display: block;
	font-weight: 100;
	color: #FFFFFF;
	Xtext-decoration: none;
	line-height: 1;
	margin: 0px 0px 0.25em 0px;
	Xpadding: 15px 15px 15px 15px;
	/*	height:60px;*/
}

.text_follower {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 2.0em;
	font-weight: 100;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	text-align: center;
}

.text_follower_2 {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight: 100;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 5px 15px;
	text-align: center;
}

.icon_small {
	width: 20px;
	float: left;
}

.div_level1 {
	display: inline-block;
	width: 100%;
}

/*
@media print{.div_level1{display:block;}}
removed 170830 to make page print layout work*/

.row_offset_up {
	margin-top: -100px;
}

@media print {
	.row_offset_up {
		margin-top: -80px;
	}
}

/*-------------------------------------*/

.div_baseblock_1x2 {
	width: 33.3%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

.div_baseblock_1x2 .image_wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	float: none;
	display: inline-block;
}

.div_baseblock_1x2 .text_wrapper {
	width: 100%;
	padding: 1.5em;
	margin: 0;
	float: none;
	text-align: left;
	overflow: hidden;
	display: inline-block;
}

/*-------------------------------------*/

.div_baseblock_2x1 {
	width: 64.1%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_2x1 {
		width: 97.5%;
	}
}

.div_baseblock_2x1_nomargin {
	width: 66.6%;
	float: left;
	padding: 0;
	margin: 0%;
	overflow: hidden;
}

.div_baseblock_2x1 .image_wrapper {
	width: 48.02%;
	height: 100%;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.div_baseblock_2x1 .image_wrapper {
		width: 100%;
	}
}

.div_baseblock_2x1 .text_wrapper {
	width: 51.98%;
	height: 100%;
	padding: 1.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_2x1 .text_wrapper {
		width: 100%;
		padding: 0.5em;
	}
}

/*-------------------------------------*/

.div_baseblock_3x1 {
	width: 97.5%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

.div_baseblock_3x1 .image_wrapper {
	width: 33.3%;
	height: 100%;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.div_baseblock_3x1 .image_wrapper {
		width: 100%;
	}
}

/*   works OK, but does not recognise potraite of landscape, and so re-orient does not flow.
also, some problem with ipad not recognising width.
@media only screen and (max-width: 800px) {
.div_baseblock_3x1 > .image_wrapper{
	width:100%;
	}
}
*/

.div_baseblock_3x1 .text_wrapper {
	width: 66.6%;
	height: 100%;
	padding: 1.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_3x1 .text_wrapper {
		width: 100%;
		padding: 0.5em;
	}
}

.div_baseblock_3x1 .text_wrapper .div_baseblock_1x1 {
	margin: 0;
}

/*
@media only screen and (max-width: 800px) {
.div_baseblock_3x1 > .text_wrapper{
	width:100%;
	}
}

/*
/*-------------------------------------*/

.div_baseblock_2x2 {
	width: 62.5%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_2x2 {
		width: 97.5%;
	}
}

.div_baseblock_2x2 .image_wrapper {
	width: 48.02%;
	height: 100%;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.div_baseblock_2x2 .image_wrapper {
		width: 100%;
	}
}

.div_baseblock_2x2 .text_wrapper {
	width: 51.98%;
	height: 100%;
	padding: 1.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_2x2 .text_wrapper {
		width: 100%;
		padding: 0.5em;
	}
}

/*-------------------------------------*/

.div_baseblock_1x1 {
	width: 31.0%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_1x1 {
		width: 97.5%;
	}
}

@media print {
	.div_baseblock_1x1 {
		display: block;
	}
}

.div_baseblock_quarter {
	width: 22.6%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_quarter {
		width: 47.5% !important;
	}
}

@media screen and (max-width: 500px) {
	.div_baseblock_quarter {
		width: 100% !important;
	}
}

.div_baseblock_1x1_nomargin {
	width: 33.3%;
	float: left;
	padding: 0;
	margin: 0%;
	overflow: hidden;
}

.div_baseblock_44 {
	width: 44.4%;
	float: left;
	padding: 0;
	margin: 0%;
	overflow: hidden;
}

.div_baseblock_22 {
	width: 22.2%;
	float: left;
	padding: 0;
	margin: 0%;
	overflow: hidden;
}

.div_baseblock_1x1_specmargin {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0.0em 0.0em 0.5em 2.5em;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_1x1_specmargin {
		padding: 0.0em 0.0em 0.5em 0.5em;
	}
}

.div_baseblock_1x1 .image_wrapper {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.div_baseblock_1x1 .text_wrapper {
	width: 100%;
	height: 100%;
	padding: 1.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_1x1 .text_wrapper {
		padding: 0.5em;
	}
}

/*  hover states removed 28Aug2015
    because touch screens handle hover very inconsitently
	eg:  ipadAir required one touch to activate hover state, and then another touch to activate link
	eg: ipad3 required one touch to activate link (ignored hover state)
.linkexplorer:hover
{
	background-color :#FFFFBF; 
	opacity: 0.75;
	text-decoration:none;
}
.linkexplorer_top:hover
{
	background-color: rgba(255,255,255, 0.85);
	opacity: 0.75;
	text-decoration:none;
	color: #050505 !important;
}
*/

.image_wrapper {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 1.25%;
}

.text_wrapper {
	width: 100%;
	height: 100%;
	padding: 1.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.text_wrapper {
		padding: 0.5em;
	}
}

.div_baseblock_halfxhalf {
	width: 47.5%;
	float: left;
	padding: 0;
	margin: 1.16%;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div_baseblock_halfxhalf {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.div_baseblock_halfxhalf .text_wrapper {
		width: 100%;
		padding: 0.5em;
	}
}

.div_baseblock_halfxhalf_nomargin {
	width: 50%;
	float: left;
	padding: 0;
	margin: 0%;
	overflow: hidden;
}

@media print {
	.div_baseblock_halfxhalf {
		display: inline-block;
	}
}

/*block image --------------------------------------*/

.image {
	width: 100%;
	float: left;
}

.image_connect_right {
	width: 35px;
	padding-top: 7px;
	padding-right: 10px;
	margin-left: -10px;
	float: left;
}

.image_connect_left {
	width: 35px;
	padding-top: 7px;
	padding-left: 10px;
	margin-right: -10px;
	float: right;
}

.negleftmargin {
	margin-left: -28px;
}

.negleftmargin2 {
	margin-left: -36px;
}

.image_offset_up {
	margin-top: -15px;
}

.imagetext_wrapper {}

.text_imagetext {
	width: 100%;
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	text-align: center;
	color: #050505;
	line-height: 1;
	padding: 1.5em;
}

.text_imagetext>.SC {
	font-size: 1.4em;
}

/* block text -------------------------------------*/

.eyebrow {
	font-family: 'Oswald', sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0f8ec7;
	margin: 0.0em 0.0em 1.0em 0.0em;
}

.eyebrow-fmdb {
	/*font-family: 'Oswald', sans-serif;*/
	font-size: 0.7rem;
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: normal;
	line-height: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0f8ec7;
}

@media print {
	.eyebrow-fmdb {
		font-size: 0.7em;
	}
}

.text_content_header {
	font-family: 'Karla', sans-serif;
	font-weight: 700;
	color: #333333;
	line-height: 1;
	margin: 0.0em 0.0em 0.5em 0.0em;
	text-transform: uppercase;
	font-size: 1.1em;
}

.uppercaseoff {
	text-transform: none;
}

.lowercase {
	text-transform: lowercase;
}

@media print {
	.text_content_header {
		font-size: 1.0em;
	}
}

.date {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 0.9rem;
	color: #767676;
	padding-top: 0;
}

/*
@media only screen and (max-width: 800px) {
.text_content_header{
	font-size: 2.1em;}
.eyebrow{
	font-size: 1.0em;}
.date{
	font-size:1.0em;}
}
*/

.text_content_para {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0.5em 0.0em 0.5em 0.0em;
	font-size: 0.9em;
	line-height: 1.4;
	color: #050505;
}

ol, ul {
	padding: 0px 0px 0px 0px;
}

@media print {
	.text_content_para {
		font-size: 1.0em;
	}
}

.text_content_para_SC {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 0.5em 0.0em 0.5em 0.0em;
	font-size: 1.2em;
	line-height: 1.4;
	color: #050505;
}

/* page text -------------------------------------*/

.eyebrow_page {
	font-size: 0.7em;
	margin: 0.5em 0.0em 0.5em 0.0em;
	text-transform: uppercase;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 0px;
}

.text_content_header_page {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: 100;
	font-size: 4.0em;
	line-height: 0.95em;
	letter-spacing: -0.05em;
	word-spacing: 0.2em;
	color: #333333;
	text-align: center;
	margin: 0.0em 0.0em 0.3em 0.0em;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

@media screen and (max-width: 767px) {
	.text_content_header_page {
		font-size: 2.0em;
	}
}

.date_page {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
	color: #999999;
	padding-top: 0;
}

.text_content_para_page {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.0em;
	margin: 0.0em 0.0em 0.0em 0.0em;
	text-align: left;
	line-height: 1.8;
	color: #050505;
}

.text_content_para_SC_Page {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
	margin: 0.5em 0.0em 0.5em 0.0em;
	line-height: 1.4;
	color: #050505;
}

/* fmdb -------------------------------------*/

/* twothirds onethirds */

.div_level2_left_twothirds {
	width: 69.5%;
	display: inline-block;
	float: left;
	/*	vertical-align:top; */
}

.div_level2_left_twothirds>.text_wrapper {
	width: 100%;
	height: 100%;
	padding: 0.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

.div_level2_left_twothirds .div_baseblock_3x1 {
	width: 100%;
	margin: 0;
}

.div_level2_right_onethirds {
	width: 30.5%;
	display: inline-block;
	/*	vertical-align:top; */
}

.div_level2_right_onethirds>.text_wrapper {
	width: 100%;
	height: 100%;
	padding: 0.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

/* half half */

.div_level2_left_half {
	width: 50%;
	display: inline-block;
	float: left;
	/*	vertical-align:top; */
}

@media screen and (max-width: 767px) {
	.div_level2_left_half {
		width: 100%;
	}
}

.div_level2_left_half>.text_wrapper {
	width: 100%;
	height: 100%;
	padding: 0.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

.div_level2_left_half .div_baseblock_3x1 {
	/*width:100%;
	margin:0;*/
}

.div_level2_right_half {
	width: 50%;
	display: inline-block;
	float: left;
	/*	vertical-align:top; */
}

@media screen and (max-width: 767px) {
	.div_level2_right_half {
		width: 100%;
	}
}

.div_level2_right_half>.text_wrapper {
	width: 100%;
	height: 100%;
	padding: 0.5em;
	margin: 0;
	text-align: left;
	overflow: hidden;
}

/*
.div_level2_right_half .text_news_SC, 
.div_level2_left_half .text_news_SC,
*/

.div_level2_right_onethirds .text_news_SC, .div_level2_left_twothirds .text_news_SC {
	font-size: 1.2em;
}

/*
.div_level2_right_half .text_news_PY, 
.div_level2_left_half .text_news_PY,
*/

.div_level2_right_onethirds .text_news_PY, .div_level2_left_twothirds .text_news_PY {
	font-size: 0.6em;
	padding-bottom: 0.2em;
}

/*
.div_level2_right_half .text_news_EN, 
.div_level2_left_half .text_news_EN,
*/

.div_level2_right_onethirds .text_news_EN, .div_level2_left_twothirds .text_news_EN {
	font-size: 0.8em;
	padding-bottom: 0.2em;
	margin-top: 0;
}

/*
.div_level2_right_half .text_content_header, 
.div_level2_left_half .text_content_header,
*/

.div_level2_right_onethirds .text_content_header, .div_level2_left_twothirds .text_content_header {
	font-size: 0.9em;
}

.div_level2_right_half .div_baseblock_2x1, .div_level2_left_half .div_baseblock_2x1 {
	width: 100%;
	margin: 0;
}

/*
.div_level2_right_half .div_baseblock_1x1,
.div_level2_left_half .div_baseblock_1x1
{width:50%; margin:0;}
*/

.div_level2_right_half .div_baseblock_2x1 .image_wrapper, .div_level2_left_half .div_baseblock_2x1 .image_wrapper {
	width: 50%;
}

.div_level2_right_half .div_baseblock_2x1 .text_wrapper, .div_level2_left_half .div_baseblock_2x1 .text_wrapper {
	width: 50%;
}

/* share strip --

/* share strip -----------------------------------*/

.div_share_wrapper {
	float: left;
	width: 97.5%;
	padding: 2% 0% 2% 0%;
	margin: 2.00% 1.25% 2.00% 1.25%;
	border-top: rgba(76, 76, 76, 0.3) 1px solid;
	border-bottom: rgba(76, 76, 76, 0.3) 1px solid;
	text-align: center;
	vertical-align: middle;
}

.strip-share-text {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #050505;
	/*#675882;*/
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 0;
}

.strip-share-image {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 35px;
}

/* contact strip -----------------------------------*/

.div_fixedtop {
	position: fixed;
	z-index: 99;
	top: 0px;
	padding: 5px 30px 5px 30px;
	/*width:95%;*/
}

@media screen and (max-width: 767px) {
	.div_fixedtop {
		padding: 0px 0px 0px 0px;
	}
}

@media screen and (max-width: 1050px) {
	.div_fixedtop {
		padding: 5px 5px 5px 5px;
	}
}

.div_contact_wrapper_top {
	/*float:left;*/
	width: 100%;
	padding: 0px 0px 2px 0px;
	margin: 0;
	border-top: rgba(255, 255, 255, 0.8) 1px solid;
	border-bottom: rgba(255, 255, 255, 0.8) 1px solid;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.div_contact_wrapper_top {
		padding: 5px 0px 5px 0px;
	}
}

.zindexfortopicbuilder {
	z-index: 97!important;
}

@media (min-width: 966px) {
	.padding_top_header {
		padding-top: 47px;
	}
	.padding_top_header_fat {
		padding-top: 89px;
	}
	.padding_top_header_fat_new {
		padding-top: 98px;
	}
	.padding_top_header_builder {
		padding-top: 45px;
	}
}

@media (max-width: 966px) {
	.padding_top_header {
		padding-top: 67px;
	}
	.padding_top_header_fat {
		padding-top: 45px;
	}
	.padding_top_header_fat_new {
		padding-top: 45px;
	}
	.padding_top_header_builder {
		padding-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	.padding_top_header {
		padding-top: 44px;
	}
	.padding_top_header_fat {
		padding-top: 42px;
	}
	.padding_top_header_fat_new {
		padding-top: 56px;
	}
	.padding_top_header_builder {
		padding-top: 40px;
	}
}

.div_contact_wrapper {
	float: left;
	width: 97.5%;
	padding: 2% 0% 2% 0%;
	margin: 2.00% 1.25% 2.00% 1.25%;
	border-top: rgba(76, 76, 76, 0.3) 1px solid;
	border-bottom: rgba(76, 76, 76, 0.3) 1px solid;
	text-align: center;
}

.strip-contact-text {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 1.0em;
	color: #050505;
	/*#675882;*/
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 0px;
}

@media (max-width: 966px) {
	.strip-contact-text {
		font-size: 0.8em;
		padding: 0 0 0 0px;
	}
}

@media print {
	.strip-contact-text {
		font-size: 1.0em;
		padding: 0 0 0 5px;
	}
}

.strip-contact-image {
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 5px;
}

/*
.div_level1{
	width:98%;
	background-color:rgba(68,68,68,0.5);
	vertical-align:top;
	text-align:left;
	padding:0% 0% 0% 0%;
	margin:0px 5px 5px 5px;
	overflow:hidden;
}
*/

.text_level1_wrapper, .text_level1_wrapper_50, .text_level1_wrapper_95 {
	width: 95%;
	max-width: 75em;
	margin: auto;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
	-webk-it-backface-visibility: hidden;
	padding: 1.0em 0.0em 1.0em 0.0em;
}

.text_level1_wrapper_50 {
	width: 50%;
}

.text_level1_wrapper_95 {
	width: 95%;
}

@media print {
	.text_level1_wrapper, .text_level1_wrapper_50, .text_level1_wrapper_95 {
		width: 100%;
		max-width: 100%;
		padding: 5px;
		display: block;
	}
}

@media screen and (max-width: 770px) {
	.text_level1_wrapper, .text_level1_wrapper_50, .text_level1_wrapper_95 {
		width: 100%;
		max-width: 100%;
		padding: 0;
		/*padding: 0.5em 0.5em 0.5em 0.5em;*/
	}
}

/*all other screen transtions set at 767px, except this one*/

.text_level1_para {
	font-family: 'Karla', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.3em;
	letter-spacing: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

@media print {
	.text_level1_para {
		font-size: 1.0em;
		line-height: 1.1em;
	}
}

@media screen and (max-width: 767px) {
	.text_level1_para {
		padding-top: 0.5em;
		font-size: 1.0em;
		line-height: 1.2em;
	}
}

.border_top_blue {
	border-top: 1px solid #085586;
}

.text_ {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight: 100;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFF5;
	text-decoration: none;
	text-align: left;
	line-height: 1.0;
	margin: 0.3em 0.0em 0.5em 0.2em;
	padding: 5px 0px 5px 0px;
}

/* item blocks -----------------*/

.div_level3 {
	width: 172px;
	background-color: rgba(68, 68, 68, 0.5);
	vertical-align: top;
	text-align: center;
	padding: 0% 0% 0% 0%;
	margin: 5px 5px 5px 5px;
	overflow: hidden;
}

.img_body_icon_connected {
	vertical-align: middle;
	width: 172px;
	/*height:100px;*/
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
}

.doublewidth {
	width: 359px;
	/* 2 * (172 + 5)  +5 from somewhere */
}

.twothirdswidth {
	width: 273px;
	/* (5 + 172 + 5) + (86 + 5) from somewhere */
}

.doubleheight {
	height: 290px;
}

.text_item_EN {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.0em;
	font-weight: 100;
	letter-spacing: normal;
	word-spacing: normal;
	color: #FFFFF5;
	text-decoration: none;
	text-align: center;
	line-height: 0.95;
	margin: 0.3em 0.0em 0.5em 0.0em;
	padding: 5px 0px 5px 0px;
}

/* course blocks  ------------------------------*/

.text_cse_1 {
	font-family: 'Karla', sans-serif;
	font-size: 1.0em;
	font-weight: 400;
	letter-spacing: normal;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: left;
	line-height: 1.8em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

.text_cse_2 {
	font-family: 'Karla', sans-serif;
	font-size: 1.0em;
	font-weight: 700;
	font-style: bold;
	letter-spacing: normal;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: left;
	line-height: 1.8em;
	margin: 1.0em 0.0em 0.5em 0.0em;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

.text_cse_3 {
	font-family: 'Karla', sans-serif;
	font-size: 1.0em;
	font-weight: 400;
	letter-spacing: normal;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: left;
	line-height: 1.5em;
	margin: 0.0em 0.0em 0.0em 0.0em;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

.text_more {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 0.7em;
	font-weight: 100;
	font-style: italic;
	color: #FFFFF5;
	text-decoration: none;
	text-align: right;
	line-height: 0.7em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.0em 0.0em 0.0em 0.0em;
}

.pulldown-div {
	margin: 0;
}

.fulltext-partheight {
	height: 10em;
}

.fulltext-partheight15 {
	height: 15rem;
}

@media print {
	.fulltext-partheight, .fulltext-partheight15 {
		height: auto;
	}
}

@media print {
	.for-print-show-block {
		display: block !important;
	}
}

@media print {
	.for-print-hide-block {
		display: none !important;
	}
}

.cursor {
	cursor: pointer;
}

/*news blocks ----------------------- */

.wrap {
	/* force the div to properly contain the floated images: */
	position: relative;
	float: left;
	clear: none;
	/*overflow:hidden;*/
}

.wrap img {
	position: relative;
	z-index: 1;
}

.wrap {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0%;
	left: 0;
	background-color: rgba(68, 68, 68, 0.7);
	z-index: 2;
	text-align: center;
}

.desc {
	width: 100%;
	bottom: 0%;
	left: 0;
	text-align: center;
	float: left;
	/*padding: 0.0em 1.0em 0.5em 1.0em;*/
	padding: 0.0em 0.0em 0.5em 0.0em;
}

@media screen and (max-width: 500px) {
	.desc {
		padding: 0.0em 0.0em 0.0em 0.0em;
	}
}

.desc_b {
	width: 100%;
	bottom: 0%;
	left: 0;
	text-align: left;
	float: left;
	padding: 0.0em 0.0em 0.0em 0.5em;
}

.desc_inner {
	padding: 0.1em 0.5em 0.1em 0.5em;
	width: 100%;
}

.news_wrap {
	display: inline-block;
}

.news_inner {
	padding: 0.0em 0.0em 0.0em 0.0em;
}

.news_phrase {
	padding: 0.2em 1.0em 1.0em 1.0em;
	display: inline-block;
	vertical-align: top;
}

.news_phrase_sm {
	padding: 0.2em 0.2em 0.2em 0.2em;
	display: inline-block;
	vertical-align: top;
}

.topic_shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-print-color-adjust: exact;
	/*-webkit-filter:opacity(1); breaks positioning fixed */
}

.topic_shadow_maroon {
	box-shadow: 0 4px 8px 0 rgba(148, 37, 56, 0.66), 0 6px 20px 0 rgba(148, 37, 56, 0.66);
}

.topic_shadow_white {
	box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.8), 0 6px 20px 0 rgba(255, 255, 255, 0.8);
}

.text_shadow_maroon {
	text-shadow: 2px 2px 5px rgba(148, 37, 56, 1);
}

@media screen and (max-width: 767px) {
	.topic_shadow {
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.19);
	}
	.topic_shadow_maroon {
		box-shadow: 0 4px 8px 0 rgba(148, 37, 56, 0.66), 0 6px 20px 0 rgba(148, 37, 56, 0.66);
	}
	.text_shadow_maroon {
		text-shadow: 1px 1px 4px rgba(148, 37, 56, 1);
	}
}

/*
@media print{
	.topic_shadow{box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2);}
	.topic_shadow_maroon{box-shadow: 0 4px 8px 0 rgba(148, 37, 56, 0.66), 0 6px 20px 0 rgba(148, 37, 56, 0.66);}
	}
	*/

.text_topic_headline {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.7rem;
	font-weight: 100;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: left;
	line-height: 1.7rem;
	margin: 0;
	padding: 0;
}

.text_topic_headline_2 {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.2rem;
	font-weight: 100;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: left;
	line-height: 1.35rem;
	margin: 0;
	padding: 0;
}

.text_topic_secondline {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.0rem;
	font-weight: 400;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: left;
	/*line-height:1.3;*/
	margin: 0;
	padding: 0;
}

@media print {
	.text_topic_headline {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.text_topic_secondline {
		font-weight: 100;
	}
}

.text_topic_nameline {
	position: absolute;
	bottom: 0px;
	text-align: left;
}

.grain {
	float: left;
	height: 35px;
	margin: 0em 0.5em 0.25em 0em;
}

@media screen and (max-width: 767px) {
	.text_topic_nameline {
		position: relative;
	}
	.text_topic_headline {
		font-size: 1.0rem;
		line-height: 1.0rem;
		font-weight: 400;
	}
	.grain {
		height: 35px;
	}
}

.text_news_SC {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.7rem;
	font-weight: 100;
	letter-spacing: 0.1em;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: center;
	/*line-height:1.3;*/
	margin: 0.0em 0.0em 0.0em -0.2em;
	padding: 0px 0px 0px 0px;
}

.text_news_SC2 {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-size: 1.0rem;
	font-weight: 100;
	line-height: 1.2rem;
	word-spacing: normal;
	color: #050505;
	text-decoration: none;
	text-align: center;
	margin: 0.2em 0.0em 0.2em 0.0em;
	/*line-height:1.3;
	letter-spacing: 0.1em;
	
	*/
	padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 450px) {
	.text_news_SC {
		font-size: 1.53rem;
	}
}

@media screen and (max-width: 430px) {
	.text_news_SC {
		font-size: 1.30rem;
	}
}

@media screen and (max-width: 400px) {
	.text_news_SC {
		font-size: 1.20rem;
	}
}

/*@media print{.text_news_SC{font-size: 1.15rem;}}*/

.div_toggle_TO {
	height: 0.9rem;
	letter-spacing: 0.5rem;
	margin-left: 0.2rem;
	display: none;
	/* not used in fmx*/
	white-space: pre;
}

.text_news_PY {
	font-family: 'Karla', sans-serif;
	font-size: 1.0rem;
	/*0.7rem*/
	font-weight: 400;
	color: #050505;
	letter-spacing: normal;
	word-spacing: normal;
	/*0.4em*/
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	margin: 0.2em 0.0em 0.0em -0.5em;
	padding: 0px 0px 0px 0px;
}

/*@media print{.text_news_PY{font-size: 0.65em;}}*/

.text_news_PH {
	font-family: 'Karla', sans-serif;
	font-size: 1.0rem;
	/*0.7rem*/
	font-weight: 400;
	color: #050505;
	letter-spacing: normal;
	word-spacing: normal;
	/*0.4em*/
	text-decoration: none;
	text-align: center;
	line-height: 1.1;
	margin: 0.2em 0.0em 0.2em 0.0em;
	padding: 0px 0px 0px 0px;
}

.text_news_EN {
	font-family: 'Karla', sans-serif;
	font-size: 1.0rem;
	font-weight: 400;
	font-style: normal;
	color: #050505;
	letter-spacing: normal;
	line-height: 1em;
	word-spacing: normal;
	text-decoration: none;
	text-align: center;
	margin: 0.2em 0.0em 0.2em 0.0em;
	padding: 0px 0px 0px 0px;
}

.artifact_container {
	--written-line-height: 28px;
	border-radius: 5px;
	float: left;
	text-align: left;
	position: relative;
	margin:1rem 0;
	width:100%;
}

.artifact_text {
	--written-font-size: 20px;
	font-size: var(--written-font-size);
	font-weight: 600;
	font-style: normal;
	letter-spacing: normal;
	line-height: var(--written-line-height);
	word-spacing: normal;
	text-decoration: none;
}



/* plain artifact display — no frame/chrome, used by fx_module_wraw.php
   (Scenario 8, topic_ID 4424) and fx_module_winput.php (text-as-input,
   e.g. earnings-call transcript, job ad). Distinct class, not scoped under
   any .artifact_style-X body class, so no preset rule below can match it. */

.artifact_container_plain {
	padding:15px;
	border-radius: 5px;
	box-shadow:
		0 4px 8px 0 rgba(0, 0, 0, 0.2),
		0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align:left;
	background-color: #f8f7f2;
}
.artifact_text_plain {
	font-family: 'Courier New', monospace;
	color: #050505;
	font-weight:600;
}


/* default preset */

.artifact_style- .artifact_container {

	background-color: #f8f7f2;
	padding: 25px 25px 25px 25px;
}

.artifact_style- .artifact_text {
	font-family: 'Courier New', monospace;
	color: #050505;
}


/* notepad gs preset */

.artifact_style-notepadgs .artifact_container {
	box-shadow:
		0 4px 8px 0 rgba(0, 0, 0, 0.2),
		0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #f8f7f2;
	background-origin: content-box;
	background-image:
		url("/images_back/logo-goldmansachs.png"),
		url("/images_back/logo-gsfooter.png"),
		url("/images_back/logo-recycle-gsblue.png"),
		repeating-linear-gradient(
			to bottom,
			transparent 0,
			transparent calc(var(--written-line-height) - 0.5px),
			#7B98C2 calc(var(--written-line-height) - 0.5px),
			#7B98C2 var(--written-line-height)
		);
	background-position: top -60px right, bottom -25px center, bottom -27px right, top center;
    background-size: 60px auto, auto 30px, 30px auto, auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	padding: 80px 25px 35px 25px;
}

.artifact_style-notepadgs .artifact_text {
	font-family: 'Courier New', monospace;
	color: #050505;
}

/* terminal bloomberg preset */

@font-face {
	font-family: 'Bergoom';
	src: url('/include/bergoom/Bergoom-Regular.woff2') format('woff2'),
		url('/include/bergoom/Bergoom-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.artifact_style-terminalbb .artifact_container {
	background-color: #000;
	box-shadow: 0 0 12px rgba(255,153,0,0.3);
	background-image:
		url("/images_back/logo-bloomberg-orange.png");
    background-position: bottom 15px right 20px;
    background-size: auto 15px;
    background-repeat: no-repeat;
    padding: 55px 25px 45px 25px;
}
.artifact_style-terminalbb .artifact_text {
	font-family: 'Bergoom', Consolas, monospace;
	color: #ff9900;
}
.artifact_style-terminalbb .artifact_prefix_timestamp{
	font-family: 'Bergoom', Consolas, monospace;
	color: #808080;  /* grey */
	font-size: 20px;
}
.artifact_style-terminalbb .artifact_prefix{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 6px 25px;
    background-color: dimgrey;
    border-radius: 5px 5px 0 0;
	text-transform: uppercase;
	font-family: 'Bergoom', Consolas, monospace;
	color: white;
}
.artifact_style-terminalbb .artifact_prefix_ask{
	font-family: 'Bergoom', Consolas, monospace;
	color: #ff9900;
	opacity: 0.75;
	margin-bottom: 8px;
}

/* email gs preset */

@font-face {
	font-family: 'GoldmanSans';
	src: url('/include/font-goldman-sans/GoldmanSans_Rg.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.artifact_style-emailgs .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    padding: 25px 25px 25px 25px;
	
}
.artifact_style-emailgs .artifact_text {
    font-family: GoldmanSans, Arial, Helvetica, sans-serif;
    color: #31373d;
    font-size: 18px;
    font-weight: 400;
}

.artifact_style-emailgs .artifact_prefix{
	padding: 5px 25px;
	font-family: GoldmanSans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	background-color: rgba(114,151,197,1); /* goldman sachs blue */
	color: black;
	margin: 0;
	text-align: justify;
}

.artifact_style-emailgs .artifact_suffix{
    padding: 15px 0;
	font-family: GoldmanSans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #888;
    margin: 0;
    text-align: justify;
}


/* email jpm preset */

@font-face {
	font-family: 'Amplitude';
	src: url('/include/amplitude/Amplitude-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.artifact_style-emailjpm .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	background-image:
	url("/images_back/logo-jpm-brown.png");
    background-position: top 25px left 25px;
    background-size: auto 30px;
    background-repeat: no-repeat;
    padding: 65px 25px 25px 25px;
	
}
.artifact_style-emailjpm .artifact_text {
    font-family: Amplitude, Arial, Helvetica, sans-serif;
    color: #31373d;
    font-size: 18px;
    font-weight: 400;
}


.artifact_style-emailjpm .artifact_suffix{
    padding: 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #888;
    margin: 0;
    text-align: justify;
}


/* email city preset */

@font-face {
	font-family: 'Interstate_Regular';
	src: url('/include/font-interstate/Interstate RegularCondensed.ttf.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Interstate_Thin';
	src: url('/include/font-interstate/Interstate Regular.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
.artifact_style-emailcity .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	border-top: 4px solid #003b70; /* city blue */
	background-image:
	url("/images_back/logo-city.png");
    background-position: top 29px left 25px;
    background-size: auto 30px;
    background-repeat: no-repeat;
    padding: 65px 25px 25px 25px;

}
.artifact_style-emailcity .artifact_text {
    font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
    color: #31373d;
    font-size: 18px;
    font-weight: 400;
}


.artifact_style-emailcity .artifact_suffix{
    padding: 15px 0;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #888;
    margin: 0;
    text-align: justify;
}


/* MS Teams chat preset, City branding */
@font-face {
	font-family: 'Segoe UI';
	src: url('/include/font-segoe-ui/segoeuithis.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('/include/font-segoe-ui/segoeuithibd.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

.artifact_style-teamscity .artifact_container {
	background-color: #f5f5f5;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 4px 12px 0 rgba(0,0,0,0.12);
	padding: 45px 25px 25px 40px;
}
.artifact_style-teamscity .artifact_text {}

.artifact_style-teamscity .artifact_text p, 
.artifact_style-teamscity textarea.artifact_text{
	display: inline-block;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #242424;
	border-radius: 8px;
	padding: 10px 14px;
	box-shadow: 0 0.6px 1.8px rgba(0,0,0,0.1), 0 3.2px 7.2px rgba(0,0,0,0.13);
	line-height: 1.3rem;
    text-align: left;
    background-color: #e9ebfa;
	max-width:90%;
	float: right;
}
.artifact_style-teamscity .artifact_text.artifact_text_date{
	display: inline-block;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.3rem;
	float: right;

	font-size: 12px;
    color: gray;
    background-color: unset;
    box-shadow: none;
	width:100%;
    padding: 10px 0 0 0;
	margin:0;
	text-align: right;
}
.artifact_style-teamscity .artifact_text.artifact_text_msg{

	display: inline-block;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #242424;
	border-radius: 8px;
	padding: 10px 14px;
	box-shadow: 0 0.6px 1.8px rgba(0,0,0,0.1), 0 3.2px 7.2px rgba(0,0,0,0.13);
	line-height: 1.3rem;
    text-align: left;
	max-width:90%;
		
	float:left;
	background-color: lightgrey;
}
.artifact_style-teamscity .artifact_prefix {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 46px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	background-color: #fff;
	border-bottom: 3px solid #cc0000; /* city red arch accent */
	border-radius: 5px 5px 0 0;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}
.artifact_style-teamscity .artifact_prefix_avatar {
	position: relative;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #003b70; /* city blue */
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}
.artifact_style-teamscity .artifact_prefix_avatar::after {
	content: "\2713";
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: #2e9f45;
	color: #fff;
	font-size: 9px;
	font-weight: 700;
	line-height: 12px;
	text-align: center;
}
.artifact_style-teamscity .artifact_prefix_name {
	margin-left: auto;
	font-size: 15px;
	font-weight: 600;
	color: #242424;
}
.artifact_style-teamscity .artifact_prefix_tab {
    margin: 0 10px 0px 0px;
    padding-bottom: 3px;
	font-size: 13px;
	color: #003b70;
	align-self: stretch;
	display: flex;
	align-items: flex-end;
	border-bottom: 4px solid #00000000;
}
.artifact_style-teamscity .artifact_prefix_logo {
	height: 30px;
	flex-shrink: 0;
}


/* resumecv_letter / resumecv_bullets presets — no company branding, these are the student's own document.
   Reuses the 'Interstate_Regular' @font-face already declared above for emailcity. */

.artifact_style-resumecv_letter .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	padding: 35px 35px 35px 35px;
}
.artifact_style-resumecv_bullets .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	padding: 100px 25px 25px 25px;
}
.artifact_style-resumecv_letter .artifact_text {
	padding: 0;
	margin:0;
	line-height:1.2rem;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	color: #242424;
	font-size: 16px;
	font-weight: 400;
}

.artifact_style-resumecv_bullets .artifact_text {
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	color: #242424;
	font-size: 16px;
	font-weight: 400;
}

.artifact_style-resumecv_bullets .artifact_text p{
	padding: 0.5rem 0.5rem 0.5rem 1.5em;
	margin:0;
	position:relative;
	line-height:1.2rem;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
    color: #242424;
    font-size: 16px;
    font-weight: 400;
}
.artifact_style-resumecv_bullets .artifact_text p::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0.5rem;
}

.artifact_style-resumecv_bullets .artifact_prefix {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 35px 14px 35px;
	border-bottom: 2px solid #242424;
	border-radius: 5px 5px 0 0;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
}
.artifact_style-resumecv_letter .artifact_prefix {
	border-bottom: 2px solid #242424;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
    padding-bottom: 10px;
}
.artifact_style-resumecv_letter .artifact_prefix p {
	margin:0;
	text-align: right;
	color: #242424;
	letter-spacing: 0.5px;
}
.artifact_style-resumecv_bullets .artifact_prefix_name {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #242424;
	letter-spacing: 0.5px;
}

.artifact_style-resumecv_bullets .artifact_prefix_contact {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	color: #666;
}


/* email prca preset — Pearl River Capital Advisory, internal email.
   Brand: Deep River Blue #0B2545, Pearl Metallic Gold #C5A059.
   Reuses 'Interstate_Regular' @font-face already declared above for emailcity. */

.artifact_style-emailprca .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	border-top: 4px solid #0B2545;
    padding: 25px 25px 25px 25px;
	margin-top:2px;
}
.artifact_style-emailprca .artifact_text {
    font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
    color: #31373d;
    font-size: 18px;
    font-weight: 400;
}

.artifact_style-emailprca .artifact_prefix {
	border-bottom: 1px solid #C5A059;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin-bottom:1rem;
}
.artifact_style-emailprca .artifact_prefix_logo {
	height: 80px;
	flex-shrink: 0;
	margin-top: 2px;
}
.artifact_style-emailprca .artifact_prefix_headers {
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #31373d;
	border-collapse: collapse;
}
.artifact_style-emailprca .artifact_prefix_headers td {
	padding: 1px 0;
	vertical-align: top;
}
.artifact_style-emailprca .artifact_prefix_headers td:first-child {
	color: #888;
	font-weight: 600;
	padding-right: 10px;
	white-space: nowrap;
}

.artifact_style-emailprca .artifact_suffix{
    padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #C5A059;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #888;
    text-align: justify;
}


/* reportprca preset — Pearl River Capital Advisory, HK sector report letterhead.
   Brand: Deep River Blue #0B2545, Pearl Metallic Gold #C5A059.
   Reuses 'Interstate_Regular' @font-face already declared above for emailcity. */

.artifact_style-reportprca .artifact_container {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	border-top: 4px solid #0B2545;
	padding: 110px 35px 25px 35px;
}
.artifact_style-reportprca .artifact_text {
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	color: #242424;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}
.artifact_style-reportprca .artifact_prefix {
	position: absolute;
	top: 4px;
	left: 0;
	right: 0;
	padding: 18px 35px 14px 35px;
	border-bottom: 2px solid #C5A059;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.artifact_style-reportprca .artifact_prefix_logo {
	height: 60px;
}
.artifact_style-reportprca .artifact_prefix_title {
	text-align: right;
	color: #0B2545;
}
.artifact_style-reportprca .artifact_prefix_title_main {
	display: block;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.artifact_style-reportprca .artifact_prefix_title_sub {
	display: block;
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}
.artifact_style-reportprca .artifact_suffix {
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid #ddd;
	font-family: 'Interstate_Regular', Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #888;
	text-align: justify;
}


.artifact_container textarea{
    border:inherit; 
	field-sizing:content;
	background: rgba(211, 211, 211, 0.2);
    border-radius: inherit;
    padding: 0.5rem;
}

@supports not (field-sizing: content) {
	.artifact_container textarea {
		min-height: 3rem;
	}
}


.w_aigen_prose_comments{
 padding: 0 1rem;
}
.w_aigen_prose_comments ul li{
    background-color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 7px;
    line-height: 1.2rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.fragments_container {
	padding: 10px;
    top: 120px;
    width: 100%;
    position: sticky;
    text-align: left;
	float:left;
}

.fragment_container{
	display: inline-block;
    position: relative;
	width: 100%;
    padding: 1rem 0;
    border-bottom: 1px dashed darkgrey;
}

.wex_write_bullets_row{
	position: relative;
}
.wex_write_prose_row{
	position: relative;
}

.bullet_text, .fragment_text{
	--written-font-size: 20px;
	font-family: 'Courier New', monospace;
	font-size: var(--written-font-size);
	font-weight: 600;
	font-style: normal;
	color: #050505;
	letter-spacing: normal;
	line-height: var(--written-line-height);
	word-spacing: normal;
	text-decoration: none;
	position: relative;
  	margin-left: 0;
	margin-bottom:0.5rem;
	border-radius: 5px;
}
.bullet_text{
	padding: 0.5rem 0.5rem 0.5rem 1.2em;
	background-color: rgba(154, 203, 155, 0.4);
}
.bullet_text::before {
  content: "●";
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
}


.fragment_text {
	padding: 0.5rem;
	background-color: rgba(238, 236, 226, 0.4);
	transition: background-color 0.15s, border-color 0.15s;
}

.fragment_text:hover {
	background-color: #005b672e;
	border: 1px solid #005b67;
}

.fragment_tick_right, .fragment_tick_left {
	height: 25px;
    position: absolute;
    top: 0;
	z-index:999;
	cursor: pointer;
}
.fragment_tick_right {
	right: 5px;
}
.fragment_tick_left {
	left: -5px;
}


.bucket_text, .text_bucket_tag {
	--font-size-label: 14px;
	--line-height-label: 18px;
	line-height: var(--line-height-label);
    font-size: var(--font-size-label);
	margin: 0;
	padding: calc(var(--written-line-height) - var(--line-height-label)) 0 0 0;
    font-family: sans-serif;
    color: grey;
	position:relative;
}

.text_bucket_tag {
    position: absolute;
    right: 0;
    bottom: 5px;
	height: 23px;
}
.wex_reorder_shake {
	animation: wex_reorder_shake_anim 0.3s;
	background-color: #ffdddd;
	border: 1px solid #cc0000;
}

.wex_write_bullet_input {
	font-family: inherit;
    font-size: inherit;
    background: none;
    border: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0;
	field-sizing: content;
    display: block;
}

@supports not (field-sizing: content) {
	.wex_write_bullet_input {
		min-height: 3rem;
	}
}
.wex_write_prose_input {
    background: none;
    resize: vertical;
    overflow: hidden;
	width: 100%;
	/*height: var(--written-line-height);*/
    border: 1px solid darkgrey;
	border-radius: 5px;
	margin-top: 0.01px;
	display: block;
	field-sizing: content;
	padding: 0 0.5rem;
}

.wex_write_bullets_bucket{
	position: relative;
    padding-bottom: 1rem;
}
.wex_write_bullets_add {
    border: none;
    background: none;
    font-size: 18px;
    padding-left: 1rem;
	position: absolute;
	bottom:-1px;
	cursor: pointer;
}

.wex_write_bullet_score{
    width: 90%;
    z-index: 998;
    border-radius: 7px;
    background: lightgrey;
    padding: 0.5rem;
    position: absolute;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.0rem;
    right: 10px;
    top: 28px;
    overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wex_write_bullet_score_hidden{
	display: none;
}
.wex_write_bullet_score_pass{
	color: green;
}
.wex_write_bullet_score_fail{
	color: grey;
}

@keyframes wex_reorder_shake_anim {
	0%, 100% { transform: translateX(0); }
	20%, 60% { transform: translateX(-6px); }
	40%, 80% { transform: translateX(6px); }
}

.wex_reorder_bucket_zone {
	min-height: calc(2 * var(--written-line-height));
	text-align: left;
}

.wex_reorder_buckets {
	width: 100%;
    margin-bottom: 1rem;
}

.wex_reorder_bucket {
	float:left;
}

.droppable_hovered {
	background-color: #005b672e;
	border: 1px dashed #005b67;
}


.aigen_button{
	background-color: darkgrey;
    border-radius: 5px;
	color: #0f8ec7;
	padding: 0.5rem 0.5rem 0.5rem 2.0rem;
	float: right;
	cursor: pointer;
	position: relative;
}
.aigen_button::before{
	content: "✨";
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
}

.text_news_EN2 {
	font-family: 'Karla', sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	font-style: normal;
	color: #050505;
	letter-spacing: normal;
	line-height: 1.6rem;
	word-spacing: normal;
	text-decoration: none;
	text-align: center;
	margin: 0.1em 0.0em 0.1em 0.0em;
	padding: 0px 0px 0px 0px;
}

.for_email_font_size {
	font-size: 1.0rem;
}

.wordspace_normal {
	word-spacing: normal;
}

.lineheight_normal {
	line-height: normal !important;
}

.lineheight_1_5 {
	line-height: 1.5em !important;
}

.lineheight_2 {
	line-height: 2em;
}

@media print {
	.text_news_EN {
		font-size: 1.0rem;
	}
	.lineheight_2 {
		line-height: inherit;
	}
}

/* page ------------------------- */

html {
	height: 100%;
}

body {
	display: block;
	margin: 0px;
	height: 100%;
}

.div_level1_1thirds_container {
	width: 48.5%;
	vertical-align: top;
	margin: 0;
	border: 0;
	margin: 0.5% 0.5% 0.5% 0.5%;
}

/*  footer  ----------*/

.div_foot_menu_1_wrap {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	display: inline-block;
	border-top: rgba(76, 76, 76, 0.3) 1px solid;
	border-bottom: rgba(76, 76, 76, 0.3) 1px solid;
}

.div_foot_menu_1 {
	width: 98%;
	margin: 0;
	border: 0;
	padding: 5px 30px 5px 30px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.div_foot_menu_1 {
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
}

.textalignleft {
	text-align: left;
}

.textalignright {
	text-align: right;
}

.textaligncenter {
	text-align: center;
}

.widthfull {
	width: 100% !important;
}

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25% !important;
}

.width33 {
	width: 33% !important;
}

.width50 {
	width: 50% !important;
}

.width80 {
	width: 80%;
}

.width66 {
	width: 66% !important;
}

.width85 {
	width: 85%;
}

.width88 {
	width: 88%;
}

.width90 {
	width: 90%;
}

.widthmobile100 {}

.widthmobilepaddingzero {}

.widthmobilemarginzero {}

@media screen and (max-width: 767px) {
	.widthmobile100 {
		width: 100% !important;
	}
	.widthmobilepaddingzero {
		padding: 0px 0px 0px 0px;
	}
	.widthmobilemarginzero {
		margin: 0px 0px 0px 0px;
	}
}

.category_image_wrap {
	height: 360px;
	margin-top: 1.0em;
}

.category_image {
	width: 132%;
	display: block;
}

@media screen and (max-width: 767px) {
	.category_image_wrap {
		height: 10em;
	}
	.category_image {
		margin-top: -50px;
		height: auto;
	}
}

.paddinglr {
	padding: 0 0.5rem!important;
}

.height1 {
	height: 1rem;
}

.height1_5 {
	height: 1.5rem;
}

.height150 {
	height: 150px;
}

.heightauto {
	height: auto !important;
}

.heightlist {
	height: 3.5em;
}

.heightvsmall {
	height: 7em;
}

.heightsmall {
	height: 10em;
}

.heightmed {
	height: 12em;
}

.heightstd {
	height: 13em;
}

.heightplus {
	height: 15em;
}

.heightfull {
	height: 100%;
}

.height2-6 {
	height: 2.6rem;
}

.height3 {
	height: 3rem;
}

.height4 {
	height: 4em;
}

.height5 {
	height: 5em;
}

.height6 {
	height: 6em;
}

.height7 {
	height: 7em;
}

.height8 {
	height: 8em;
}

.height9 {
	height: 9em;
}

.height10 {
	height: 10em;
}

.height11 {
	height: 11em;
}

.height12 {
	height: 12em;
}

.height14 {
	height: 14em;
}

.height15 {
	height: 15em;
}

.height16 {
	height: 16em;
}

.height18 {
	height: 18em;
}

.height19 {
	height: 19em;
}

.height20 {
	height: 20em;
}

.height21 {
	height: 21em;
}

.height23 {
	height: 23em;
}

.height24 {
	height: 24em;
}

.height25 {
	height: 25em;
}

.height26 {
	height: 26em;
}

.height27 {
	height: 27em;
}

.height28 {
	height: 28em;
}

.height29 {
	height: 29em;
}

.height30 {
	height: 30em;
}

.height31 {
	height: 31em;
}

.height32 {
	height: 32em;
}

.height33 {
	height: 33em;
}

.height13 {
	height: 13em;
}

.height17 {
	height: 17em;
}

.height22 {
	height: 22em;
}

.heightstdx2 {
	height: 27.75em;
}

.height34 {
	height: 34em;
}

.heightfull {
	height: 100%;
}

.height165 {
	height: 165px;
}

@media (max-width: 1100px) {
	.height13 {
		height: 17em;
	}
	.height17 {
		height: 21em;
	}
	.height22 {
		height: 26em;
	}
	.heightstdx2 {
		height: 32.75em;
	}
	.height34 {
		height: 39em;
	}
}

@media print {
	.height13 {
		height: 17em;
	}
	.height17 {
		height: 13em;
	}
	.height22 {
		height: 26em;
	}
	.heightstdx2 {
		height: 32.75em;
	}
	.height34 {
		height: 39em;
	}
}

@media (max-width: 767px) {
	.height6 {
		height: 4em;
	}
	.height165 {
		height: 110px;
	}
}

.fontregular {
	font-weight: normal;
}

.font1rem {
	font-size: 1rem;
}

.alignleft {
	float: left !important;
}

.alignright {
	float: right !important;
}

.clear {
	clear: both;
}

.inline {
	display: inline-block;
}

.display-none {
	display: none;
}

.posabs {
	position: absolute;
}

.posrel {
	position: relative;
}

.posfix {
	position: fixed;
}

.posright {
	right: 0;
}

.postop {
	top: 0;
}

.bottom {
	vertical-align: bottom !important;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.padding1 {
	padding: 1.0rem !important;
}

.padding2 {
	padding: 2.0rem !important;
}

.padding15 {
    padding: 1.5em!important
}

.paddinghalf {
	padding: 0.5em !important;
}

.paddingzero {
	padding: 0 !important;
}

.paddingquart {
	padding: 0.25em !important;
}

.paddingquarttb {
	padding: 0.25em 0.0em 0.25em 0.0em !important;
}

.paddingtop {
	padding-top: 1.0em;
}

.paddingtop3 {
	padding-top: 3.0em;
}

.paddingtophalf {
	padding-top: 0.5em !important;
}

.paddingtopquart {
	padding-top: 0.25em !important;
}

.paddinglr2 {
	padding-left: 2.0em;
	padding-right: 2.0em
}

.marginbottom3 {
	margin-bottom: 3.0em !important;
}

.paddingbottom {
	padding-bottom: 0.5em !important;
}

.paddingbottom1 {
	padding-bottom: 1.0em !important;
}

.paddingbottom3 {
	padding-bottom: 3.0em !important;
}

@media print {
	.paddingbottom3 {
		padding-bottom: 0.5em !important;
	}
	.paddingtop3 {
		padding-top: 0.5em !important;
	}
}

/*.marginbottom3{margin-bottom:0.5em !important;}*/

.paddingright {
	padding-right: 0.5em !important;
}

.paddingright30 {
	padding-right: 30px !important;
}

.paddingleft {
	padding-left: 0.5em !important;
}

.paddingleft30 {
	padding-left: 30px !important;
}

.nobottompad {
	padding-bottom: 0%;
}

.paddingzerobottom {
	padding-bottom: 0 !important;
}

.paddingzerotop {
	padding-top: 0 !important;
}

.margin-bottom-mobile {
	margin-bottom: 0rem;
}

@media screen and (max-width: 767px) {
	.margin-bottom-mobile {
		margin-bottom: 2rem;
		!important;
	}
	.paddingbottom3 {
		padding-bottom: 1.0em !important;
	}
	.paddingtop3 {
		padding-top: 1.0em !important;
	}
	.paddinglr2 {
		padding-left: 0.5em;
		padding-right: 0.5em
	}
	.padding2 {
		padding: 1.0rem !important;
	}
}

.fmx_chat_r_text>.margin-bottom-mobile {
	margin-bottom: 0rem;
	!important;
}

.div_horiz_block_each .margin-bottom-mobile {
	margin-bottom: 0rem;
	!important;
}

.marginzerotop {
	margin-top: 0 !important;
}

.marginzerobottom {
	margin-bottom: 0 !important;
}

.margin1 {
	margin: 1.0rem !important;
}

.marginhalf {
	margin: 0.5em !important;
}

.marginquart {
	margin: 0.25em !important;
}

.marginbottom {
	margin-bottom: 0.5em !important;
}

.marginright {
	margin-right: 0.5em !important;
}

.marginleft {
	margin-left: 0.5em !important;
}

.marginleft-special {
	margin-left: 160px !important;
}

.margintop1 {
	margin-top: 1em !important;
}

.margintop07 {
	margin-top: 0.7rem !important;
}

.margintop {
	margin-top: 0.5em !important;
}

.margintop3 {
	margin-top: 3rem !important;
}

.border-top-zero {
	border-top: 0;
}

.border-bottom-zero {
	border-bottom: 0;
}

.marginzero {
	margin: 0 !important;
}

.text-red {
	color: #FF0000!important;
}

.text-blue {
	color: #0f8ec7;
}

.text-grey {
	color: #f2f2f2;
}

.text-dkgrey {
	color: #7F7F7F;
}

.text-vdkgrey {
	color: #050505;
}

.text-white {
	color: #FFFFFF;
}

.text-purple {
	color: #675882;
}

.text-aqua {
	color: rgba(139, 200, 204, 1.0);
}

.text-dkaqua {
	color: #47A7AB;
}

.text-green {
	color: #3eb66f!important;
}

.text-dkgreen {
	color: #0E883F;
}

.text-tan {
	color: #C7A30F;
}

.text-maroon {
	color: rgb(164, 16, 52);
}

.text-bluefe {
	color: #043464;
}

.text-greenfe {
	color: #9acb9b;
}

.text-dkgreenfe {
	color: #7da37e;
}

.text-shadow-white {
	text-shadow: 1px 1px 1px #f5f5f5;
}

.text_bold {
	font-weight: 800;
}

.text-strikethru {
	text-decoration: line-through;
}

.text-elecblue {
	color: #04167b;
	text-shadow: 0.5px 0.5px 1px rgb(80, 188, 252);
}

/*@media print{.text-tan{color:#000000;}}*/

/*black for print*/

.no_wrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.normal_wrap {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no_wrap_no_ellipsis {
	white-space: nowrap;
}

.qccheck {
	/*margin-bottom:-30px;
	height:30px;
	position:absolute;*/
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.qc {
	height: 40px;
	width: 40px;
	padding: 0.0em 0.2em 0.2em 0.2em;
	margin: 0.2em;
	background-size: auto 35px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: right;
	/*border:0;*/
}

.qc_input {
	width: 35%;
}

.qc_strikethrough {
	text-decoration: line-through
}

.qc_ready {
	cursor: pointer;
	background-image: url(/images/icon-qcready-blue.png);
}

.qc_approved {
	cursor: pointer;
	background-image: url(/images/icon-qcapproved.png);
}

.qc_rejected {
	cursor: pointer;
	background-image: url(/images/icon-qcrejected.png);
}

.favcheck {
	/*margin-bottom:-30px;
	height:30px;
	position:absolute;*/
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

.fav {
	height: 35px;
	width: 35px;
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: right;
	border: 0;
	position: absolute;
	bottom: -15px;
	right: -10px;
	/*z-index:99;*/
}

.fav2, .top2 {
	height: 45px;
	width: 45px;
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-color: transparent;
	position: relative;
	right: 5px;
	bottom: 5px;
	border: 0;
}

.top2 {
	left: 5px;
}

.studied {
	top: 0px;
	left: 0px;
	position: absolute;
	height: 65px;
	/*height: 33%;
  z-index:99;*/
}

.studied2 {
	top: -5px;
	left: -5px;
	position: absolute;
	height: 45px;
	/*height: 33%;
  z-index:99;*/
}

.studied4 {
	top: 0;
	left: 0;
	position: absolute;
	height: 40px;
}

.studied3 {
	top: 5px;
	left: 9px;
	position: absolute;
	height: 45px;
}

@media print {
	.studied {
		height: 45px;
	}
}

.input_container .fav {
	bottom: -8px;
}

/* for seach box */

@media screen and (max-width: 767px) {
	.fav {
		height: 30px;
		width: 30px;
		background-size: auto 30px;
		bottom: -12px;
		right: -4px;
	}
}

.fav_small {
	height: 20px;
	width: 20px;
}

.tick {
	height: 20px;
	display: inline;
	padding: 0 5px 0 5px;
}

.tone_small {
	height: 15px;
	width: 20px;
	margin: 0.3rem 0.3rem 0.0rem 0.3rem;
}

@media screen and (max-width: 450px) {
	.tone_small {
		height: 15px;
		width: 20px;
		margin: 0.3rem 0.3rem 0.0rem 0.3rem;
	}
}

@media screen and (max-width: 430px) {
	.tone_small {
		height: 11px;
		width: 18px;
		margin: 0.15rem 0.15rem 0.0rem 0.15rem;
	}
}

@media screen and (max-width: 400px) {
	.tone_small {
		height: 11px;
		width: 18px;
		margin: 0.1rem 0.1rem 0.0rem 0.1rem;
	}
}

.fav_tick {
	height: 20px;
	margin-bottom: -5px;
}

.overflow_show {
	overflow: visible !important;
}

.fav_input {
	width: 35%;
}

.fav_on {
	cursor: pointer;
	background-image: url(/images/icon-fav-on.png);
	top: -3px;
}

.fav_off {
	cursor: pointer;
	background-image: url(/images/icon-fav-off.png);
	top: -3px;
}

.fav_nopointer {
	cursor: default;
}

.showhide_viewed_on {
	cursor: pointer;
	background-image: url(/images_back/icon-mastered.png);
	background-repeat: no-repeat;
	background-size: 35px;
	height: 35px;
}

.showhide_viewed_off {
	cursor: pointer;
	background-image: url(/images_back/icon-mastered-grey.png);
	background-repeat: no-repeat;
	background-size: 35px;
	height: 35px;
}

.topic {
	height: 35px;
	width: 35px;
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: right;
	border: 0;
	position: absolute;
	/*good for bottom left corner*/
	bottom: -25px;
	left: 0px;
	/*good for bottom right corner*/
	/*bottom:-15px;
	right:30px;*/
	/*z-index:99;*/
}

.input_container .topic {
	bottom: -5px;
}

/* for seach box */

@media screen and (max-width: 767px) {
	.topic {
		height: 30px;
		width: 30px;
		background-size: auto 30px;
		background-repeat: no-repeat;
		/*good for bottom left corner*/
		bottom: -25px;
		left: 0px;
		/*good for bottom right corner*/
		/*bottom:-16px;
	right:16px;*/
	}
}

.topic_on {
	cursor: pointer;
	background-image: url(/images_back/icon-topic-on.png);
	top: 12px;
}

.topic_off {
	cursor: pointer;
	background-image: url(/images_back/icon-topic-off.png);
	top: 12px;
}

.save_btn {
	cursor: pointer;
	background-image: url(/images_back/icon-save-dkgrey.png);
}

.icon_btn {
	height: 35px;
	width: 35px;
	background-size: auto 35px;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	margin-top: -2px;
}

.icon_share_whatsapp {
	height: 45px;
	width: 45px;
	margin: 10px;
}

/*
@media screen and (max-width: 767px) {
.icon_share_whatsapp{
	height:20px;
	width:20px;
	bottom:-8px;
	right:30px;
	}
}
*/

.audio {
	height: 35px;
	width: 35px;
	background-size: auto 30px;
	background-repeat: no-repeat;
	background-color: transparent;
	float: right;
	border: 0;
	position: absolute;
	bottom: 0px;
	/*right:35px; /*not used in fmx*/
	/*z-index:99;*/
}

.audio_btn {
	cursor: pointer;
	background-image: url(/images_back/icon-audio4.png);
}

.mobile_audio_btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

@media screen and (min-width: 1030px) {
	.mobile_audio_btn {
		position: relative;
	}
}

.btn_audio {
	height: 40px;
	width: 45px;
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

.btn_audio_ALL {
	height: 45px;
	width: 45px;
	background-size: auto 40px;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

.btn_audio_play {
	background-image: url(/images_back/icon-audio-play-grey.png);
}

.btn_audio_pause {
	background-image: url(/images_back/icon-audio-pause-grey.png);
}

/*  ------------------------------------------ */

/*  hover divs */

/*  ------------------------------------------ */

.div_stem {
	position: relative;
	cursor: pointer;
	/*padding:1px 5px 1px 5px;*/
	border: rgba(199, 163, 15, 0.0) 1px solid;
}

/* no hover */

.div_stem2 {
	position: relative;
	cursor: pointer;
	/*padding:1px 5px 1px 5px;*/
	vertical-align: top;
	border: rgba(199, 163, 15, 0.0) 1px solid;
}

/*
.div_toggle_PY{display: none;}
.div_toggle_EN{display: none;}
*/

.div_popup {
	display: none;
	position: fixed;
	z-index: 1001;
	bottom: 0px;
	right: 0px;
	margin: 6px;
	border-width: 5px;
	line-height: 1;
}

.div_stem:hover {
	background-color: #FFFFFF;
	border: rgba(199, 163, 15, 0.8) 1px solid;
}

.div_stem:hover+.div_popup {
	display: block;
}

/* + is adjacent sibling selector */

/*
.div_stem2:hover + .div_popup {
    display:block;
}
*/

.bk-green-33:hover {
	background-color: #FFFFFF;
	border: rgba(62, 182, 111, 0.8) 1px solid;
}

/*
.bk-blue-33:hover {
    background-color:#FFFFFF;
	border: rgba(15, 143, 199, 0.8) 1px solid;
}
*/

/*
.bk-maroon-33:hover {
    background-color:#FFFFFF;
	border: rgba(148, 37, 56, 0.8) 1px solid;
}
*/

.bk-purple-22:hover {
	background-color: #FFFFFF;
	border: rgba(40, 35, 51, 0.8) 1px solid;
}

.space_mode {
	width: inherit !important;
	letter-spacing: normal !important;
	word-spacing: normal !important;
	border: 0 !important;
	max-width: inherit;
}

.space_mode2 {
	max-width: 6em !important;
	padding: 0 !important;
}

.space_mode4 {
	max-width: 175px !important;
	padding: 0 !important;
}

.space_mode2_fe {
	max-width: 6em !important;
	padding: 0 !important;
}

.test_mode:hover {
	border: 0 !important;
}

.text_transparent {
	color: rgba(0, 0, 0, 0.0);
}

.test_mode, .test_mode_q {
	border: 0;
	border-bottom: rgba(199, 163, 15, 0.8) 5px solid !important;
	border-radius: 5px;
	background-color: rgba(199, 163, 15, 0.0);
}

.test_mode:hover {
	border: 0;
	border-bottom: rgba(199, 163, 15, 0.8) 5px solid;
	border-radius: 5px;
	background-color: #FFFFFF;
}

/*  ------------------------------------------ */

/*  new FMdB panel layout */

/*  ------------------------------------------ */

.div_horiz_block_wrap {
	overflow-y: hidden;
	overflow-x: scroll;
	float: left;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	/*margin-left: -0.5em;*/
	-webkit-overflow-scrolling: touch;
}

.div_horiz_block_each_40 {
	width: 40%;
	display: inline-block;
	float: none;
	vertical-align: top;
	padding-bottom: 1rem;
	margin: 0.5rem;
}

.div_horiz_block_each {
	width: 50%;
	display: inline-block;
	float: none;
	vertical-align: top;
	padding-bottom: 1rem;
	margin: 0.5rem;
}

.div_horiz_block_each3 {
	width: 50%;
	display: inline-block;
	float: none;
	vertical-align: top;
	padding-bottom: 0rem;
	margin: 0.5rem;
}

.div_horiz_block_each_q {
	width: 90%;
	display: inline-block;
	float: none;
	vertical-align: top;
	padding: 0rem;
	margin: 0 2.0rem;
}

.div_horiz_block_each2 {
	width: 3.5rem;
	display: inline-block;
	float: none;
	vertical-align: top;
	padding-bottom: 1rem;
	margin: 0 0.25rem 0 0;
	text-align: center;
}

.div_horiz_block_each_no_r_scroll {
	width: 24%;
}

@media print {
	.div_horiz_block_wrap {
		white-space: normal;
	}
	.div_horiz_block_each {
		width: 30%;
	}
	.div_horiz_block_each_40 {
		width: 30%;
	}
}

@media screen and (max-width: 430px) {
	.div_horiz_block_each .div_horiz_block_each_40 {
		width: 90%;
		display: inline-block;
		float: none;
		padding: 0;
	}
	.div_horiz_block_each_no_r_scroll {
		width: 49%;
	}
	.div_horiz_block_each_q {
		margin: 0 0.5rem;
	}
}

.div_block_news {
	height: 200px;
	overflow-y: hidden;
	overflow-x: scroll;
	position: relative;
	top: -20px;
	float: left;
	white-space: nowrap;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}

.div_block_news_each {
	width: 97%;
	display: inline-block;
	float: none;
}

.div_block_people {
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

.div_eyebrow {
	position: relative;
}

.border_gradient {
	position: relative;
	top: -7px;
	width: 100%;
	height: 10px;
}

/* ------------------------------------------------- */

/* FLOATING                                          */

/* ------------------------------------------------- */

.bub_frame {
	position: relative;
}

.bub_canvas {
	position: absolute;
}

.bub_1 {
	position: absolute;
	width: 200px;
	top: 50%;
	left: 50%;
}

/* ------------------------------------------------- */

/* AUTO COMPLETE                                     */

/* ------------------------------------------------- */

/*.input_container {margin: 1.16% 1.16% 0% 1.16%;}*/

.input_container>.text_news_EN {
	line-height: 1.6em;
}

/*@media screen and (max-width: 767px) {
	.input_container {margin: 0 1.16% 0 107px;}
	}*/

.input_container input {
	/*height: 20px;
	width: 200px;
	padding: 3px;*/
	border: 1px solid #cccccc;
	border-radius: 0;
}

.input_container ul {
	width: 44%;
	/*border: 1px solid #eaeaea;*/
	position: absolute;
	z-index: 9;
	background: #FFFFFF;
	list-style: none;
	padding: 0px 0px 0px 0px;
	/*margin: 0 1em 0 1.5em;*/
	overflow: hidden;
}

.input_container li {
	margin: 0px;
}

@media screen and (max-width: 767px) {
	.input_container ul {
		width: 100%;
		margin: 0;
		left: 0;
	}
}

.input_container ul li {
	border-bottom: 1px solid #BFCCE0;
	float: left;
	width: 100%;
	position: relative;
}

@media screen and (max-width: 767px) {
	.input_container ul li {
		width: 100%;
	}
}

.input_container ul li a {
	text-decoration: none;
}

.input_container ul li:hover {
	background-color: rgba(204, 204, 204, 1.00);
	color: #050505;
}

#person_list_id, #person_list_id3, #person_list_id4, #person_list_id4a {
	display: none;
}

/* no need pic of magnifying glass for these ids
#person_id, #person_id3,#person_id4,#person_id4a, #person_id_test{
    background-image: url(../images_back/icon-search.png);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	background-size: auto 80%;	
	padding-left:1.8em;
}

*/

.type_input {
	background-image: url(../images_back/icon-keyboard-vdkgrey.png);
	background-position: 10px 5px;
	background-repeat: no-repeat;
	background-size: auto 80%;
	padding-left: 2.5em !important;
}

.type_input:focus {
	background-image: none;
	padding-left: 0.5em !important;
}

.vr_icon_class {
	height: 35px;
	margin-top: -2px;
}

.vr_startbutton_class {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	border: none;
	background: none;
}

.vr_tick_class {
	height: 30px;
	position: absolute;
	right: 5px;
	top: 10px;
}

.ve_input2 {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	border: none;
	background: none;
}

.vr_input_kb_class {
	background-image: url(../images_back/icon-microphone-dkgrey.png);
	background-position: 5px 8px;
	background-repeat: no-repeat;
	background-size: 30px;
	padding-left: 2.0em !important;
}

/*.ve_input:focus {
    background-image:none;
    padding-left:0.5em !important;
    }
*/

.for-mobile-only2 {
	display: none;
}

@media screen and (max-width: 430px) {
	.vr_icon_class {
		height: 30px;
		margin-top: -5px;
	}
	.vr_tick_class {
		top: 7px;
	}
	.not-for-mobile2 {
		display: none;
	}
	.for-mobile-only2 {
		display: inline-block;
	}
}

/* ------------------------------------------------- */

/* NAV MENU                                          */

/* ------------------------------------------------- */

#nav {
	border: 0;
}

#nav .cursorzero {
	cursor: default;
}

/* ----------   level 1 containing ul  ----------- */

.spec-spacer {
	width: 35px;
	height: 10px;
	margin-bottom: -8px;
}

.spec-spacer-new {
	width: 44px;
	height: 10px;
	margin-top: 3px;
}

.spec-spacer2 {
	width: 67px;
}

.spec-spacer3 {
	float: none;
}

.spec-spacer4 {
	float: none;
	width: 100%;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	z-index: 99;
}

#nav ul:hover {
	z-index: 99;
}

/* ----------   level 1 each li  ----------- */

#nav>ul>li {
	line-height: 1.7em;
}

#nav ul li {
	font-family: 'Roboto', 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	line-height: 2.0em;
	/*float:left;*/
	color: inherit;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #043464;
	padding: 0.4em 0.5em 0.35em 0.5em;
	width: 100%;
	background-color: #F6F6F6;
	white-space: nowrap;
}

#nav ul li:hover {
	background-color: rgba(204, 204, 204, 1.00);
	color: #050505;
}

#nav ul li button {
	font-family: inherit;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

@media print {
	#nav li {
		font-size: 0.8em;
	}
}

/*@media screen and (max-width: 767px) {*/

/*}*/

.menuhead {
	font-weight: 100;
	font-size: 1.5em;
}

@media print {
	.menuhead {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 1050px) {
	.menuhead {
		font-weight: 400;
		font-size: 1.25em;
	}
}

/* ------------------------------------------------- */

/* MOBILE                                            */

/* ------------------------------------------------- */

.for-mobile-only {
	display: none;
}

@media screen and (max-width: 767px) {
	.for-mobile-only {
		display: inline-block;
	}
	.not-for-mobile {
		display: none;
	}
}

.for-desktop-only {
	display: none;
}

@media screen and (min-width: 1030px) {
	.for-desktop-only {
		display: inline;
	}
}

/* ------------------------------------------------- */

/* PRINT                                             */

/* ------------------------------------------------- */

.page-break {
	display: none;
}

.for-print-only {
	display: none;
}

@media print {
	.div_level1 {
		text-align: left;
	}
	.print-widthfull {
		width: 100% !important;
	}
	.div_level0_header {
		padding: 0;
	}
	/*.div_level0{padding:0;} */
	.text_wrapper {
		padding: 0.5em !important;
	}
	.div_fixedtop {
		position: static;
	}
	/* puts contact header back into the flow for printing */
	.negleftmargin {
		margin-left: -10px;
	}
	/*
@media print {div {
	float: none !important;
	position: relative !important;}}
	*/
	/*trying to get page-break to work*/
	/*div {float: none !important;}*/
	.page-break {
		display: block;
		page-break-before: always;
		width: 100%;
		/*text-align:right;
	height: 1px;*/
	}
	.page-break-inside-avoid {
		page-break-inside: avoid;
	}
	.for-print-only {
		display: inline-block;
	}
	.not-for-print {
		display: none;
	}
	/*.div_baseblock_3x1{page-break-inside:avoid;}
.div_baseblock_2x1{page-break-inside:avoid;}
.div_baseblock_1x1{page-break-inside:avoid;}
.text_wrapper{page-break-inside:avoid;}
.div_level1{page-break-inside:auto;}
*/
	.text_level1_wrap {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.text_content_header_page {
		font-size: 2.0em;
	}
	.text_content_header_page {
		font-size: 2.0em;
		margin: 0;
	}
	.logo-fm-large {
		height: 70px;
	}
	.div_foot_menu_1 {
		padding: 5px 0px 5px 0px;
	}
	.text_foot_menu_1 {
		font-size: 0.7em;
	}
	/*.bk-blue, .bk-dkgrey, .bk-purple, .bk-aqua, .bk-dkaqua, .bk-green, .bk-tan, .bk-none{background-color:#ffffff;}
.bk-grey{background-color:#FFFFFF;}
.bk-maroon{background-color:#FFFFFF;}
.bk-maroon-33{background-color:#FFFFFF;}

.text-aqua, .text-dkaqua, .text-grey, .text-white {color:#000000;}
*/
}

/* -------------- Specific Form Rules Item 1b------------- */

textarea {
	width: 100%;
}

label {
	width: 100%;
}

fieldset {
	width: 100%;
	/* border: 4px solid #aaa; 
	padding: 10px; */
}

#formplusreply label {
	display: block;
	/*font-weight: bold;  */
	width: 100%;
	/*margin: 5px 0px 3px 0px; */
	font-size: inherit;
	cursor: pointer;
	/*text-align:right;*/
	float: right
}

/*width of label controls pointer and clickable width*/

/*display: block so that the tags go to the next line*/

#formplusreply input, #formplusreply textarea, #formplusreply select {
	/*display: block; */
	/*font-weight: bold; */
	/*margin: 5px 0px 0px 0px;
	padding: 0px 5px 0px 5px;*/
	/*height:2em;*/
	/*width:100%;*/
	font-size: inherit;
	max-width: 22em;
	float: right;
}

#formplusreply .type2 {
	display: inline;
}

/*where the tag is not required on the next line for radio tags and checkboxes*/

#formplusreply textarea {
	width: 100%;
	max-width: 100%;
	height: 5em;
	/*overflow: auto; /* removes IE scrollbar */
}

#formplusreply input:focus, #formplusreply submit:focus, #formplusreply textarea:focus, #formplusreply select:focus {
	outline: 0;
	/* to delete Safari's blue border */
}

.req {
	color: #ff0000;
	padding: 0 5px;
}

#formplusreply label.submit {
	width: 10em;
	height: 2em;
}

#submit {
	cursor: pointer;
}

#formplusreply input.botcatch {
	visibility: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	border: none;
}

::-webkit-input-placeholder {
	font-size: 1.0rem;
	letter-spacing: -0.5px;
}

/*For Chrome*/

::-moz-placeholder {
	font-size: 1.0rem;
	letter-spacing: -0.5px;
}

/*For Mozilla Firefox*/

:-ms-input-placeholder {
	font-size: 1.0rem;
	letter-spacing: -0.5px;
}

/*For Internet Explorer*/

:-o-input-placeholder {
	font-size: 1.0rem;
	letter-spacing: -0.5px;
}

/*For Opera*/

/*
h1:before{margin-right: 10px;}
h1:after{margin-left: 10px;}
h1:before, h1:after {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    content: '\a0';<p class="margintop07 border-bottom-maroon"></p>
    font-size:3px;
    position: relative;
    top: -15px;
}
*/


.commoninputclass {
	margin-left: 3px;
	width: 79%;
}

@media screen and (max-width: 1050px) {
	.commoninputclass {
		margin-left: 0px;
		width: 75%;
	}
}

.horizontal-scroll-except-first-column {
	width: 100%;
	overflow: auto;
	margin-left: 4em;
}

.horizontal-scroll-except-first-column>table>*>tr>td:first-child {
	position: absolute;
	width: 4em;
	margin-left: -4em;
}

.horizontal-scroll-except-first-column>table>*>tr>td {
	/* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
	white-space: nowrap;
}

@media print {
	.print_bk_white {
		background-color: #FFFFFF!important;
	}
	.print_text_black {
		color: #050505!important;
	}
}