*{margin:0; padding:0;}
.clear{clear:both}
#wrapper_support{z-index: 9999999 !important; background:white; width:240px; border-radius: 5px 5px 0 0; box-shadow: 1px 2px 10px #bbbaba;  border:1px solid #ccc; display: none; position: absolute; bottom:0; left:0;}
.header_support{
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    height:32px;
    background: -webkit-linear-gradient(#1D66BA, #1C538F);
    background: -webkit-gradient(linear, left top, left bottom, from(#1D66BA), to(#1C538F));
  	background: -o-linear-gradient(#1D66BA, #1C538F); 
  	background: -moz-linear-gradient(#1D66BA, #1C538F); 
  	background: linear-gradient(#1D66BA, #1C538F); 
  	width:240px;
  	display: inline-block;
}
.help{
    border-radius: 14px;
    cursor: pointer;
    height:32px;
    background: -webkit-linear-gradient(#1D66BA, #1C538F);
    background: -webkit-gradient(linear, left top, left bottom, from(#1D66BA), to(#1C538F));
  	background: -o-linear-gradient(#1D66BA, #1C538F); 
  	background: -moz-linear-gradient(#1D66BA, #1C538F); 
  	background: linear-gradient(#1D66BA, #1C538F); 
  	width:100px;
  	display: inline-block;
}

.header_support1{
	border-radius: 5px 5px 0 0;
    cursor: pointer;
    height:32px;
    background: -webkit-linear-gradient(#1D66BA, #1C538F);
  	background: -o-linear-gradient(#1D66BA, #1C538F); 
  	background: -moz-linear-gradient(#1D66BA, #1C538F); 
  	background: linear-gradient(#1D66BA, #1C538F); 
  	width:240px;
  	display: none;
}

/* background:#fcfcfc; */
#hea_support{z-index:100; position: absolute; right:15px; bottom:0;}
.header_support span, .header_support1 span{color:#fff; width:240px; font-weight:bold; padding-top:7px; padding-left:15px; display: block; background:url(../images/tich.png) no-repeat 217px center;}
.help span{color:#fff; width:100px; height:32px; font-weight:bold; font-size:17px; padding-top:7px; padding-left:42px; display: block; background:url(../images/help20x20.png) no-repeat 17px 6px;}
.content_support {width:220px; background:#fcfcfc;padding:10px;}
.iframe_support{padding:0 0;}
.tabs li{list-style:none; width:119px; float: left; font-size:12px; cursor: pointer; font-weight: bold; background:#E5F7FD; text-align: center;border:1px solid #8FB9D0;}
.tab-link.current{list-style:none; width:119px; float: left; font-size:12px; cursor: pointer; font-weight: bold; background:#C7E9FA; text-align: center;border:1px solid #8FB9D0;}
.tabs li span{width: 119px; display: block;  padding:5px 0; font-size:12px; font-weight: bold;}
.tabs li:nth-child(1){border-right: none !important; border-left: none !important; width:120px;}
.tabs li:nth-child(2){border-right: none !important;}
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.ba{background:#f6f4f4}
ul.tabs{ display: block;}
#tab-1{height: 130px;padding-left: 14px;padding-right: 10px; padding-top:40px; padding-bottom:10px; background:#fff;}
#tab-2{padding-left: 14px;padding-right: 10px; padding-top:40px; padding-bottom:10px; background:#fff}
#tab-1 a, #tab-2 a{margin-top:10px; font-size:13px; color:#6c99c1; padding-left:20px;  font-weight: bold; background: url(../images/tich2.png) no-repeat left 0px;}
.fo {visibility: hidden; display: none;}
ul.fo li a{ text-decoration: none; font-size: 12px; font-weight: bold; color:#4c4c4c; text-align: center;}
ul.fo li{width:119px; padding:4px 0; background:#ebebeb; text-align: center; float: left; list-style: none; border:1px solid #ccc }
ul.fo li:nth-child(1){border-left:none !important ; border-right: none !important; border-bottom: none; width:120px;}
ul.fo li:nth-child(2){border-right: none !important; border-bottom: none;}
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
	}
	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}
	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: -10px;
		bottom: 0;
	}
	.mCSB_outside + .mCSB_scrollTools{ right: 0px; } /* scrollbar position: outside */
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: -10px;
	}
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: 0px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #333;
		opacity:0.4
	}
@font-face {
  font-family: 'LiquidCrystal';
  src: url('../font/liquidcrystal_bold.otf');  
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto_regular.ttf') format('truetype');  
}

@font-face {
  font-family: 'RobotoBold';
  src: url('../font/roboto_bold.ttf') format('truetype');  
}
/* add by mr.xuan for walkme*/
.inmplayer-popover-content a.inmplayer-branding, .inmplayer-panel-footer {
   display: none;
}
.inmplayer-general, .inmplayer-trigger{
	display: none;
}
.img-suport-style:hover .popup-suport-style, .img-suport-style:focus .popup-suport-style{
	display: block;
}
.inmplayer-popover-wrapper {
	box-shadow: 1px 1px 1px #fff !important;
	border: 1px solid #fff !important;
}
.inmplayer_tpl_step_top_image_text .inmplayer-template-header {
	min-height: 33px !important;
	padding: 5px 5px 5px 10px !important;
	border-radius: 6px 6px 0px 0px;
}
.inmplayer_tpl_step_top_image_text .inmplayer-template-header h1{
	line-height: 30px !important;
	display: inline-flex;
}
.inmplayer_tpl_step_top_image_text .inmplayer-template-content {
	padding: 5px 5px 5px 10px !important;
}
.inmplayer-popover-buttons{
	margin-top: 0px !important;
}