/*--HEAD--*/
.hd-cnt
{
	border-top:2px solid #17AA1C;
	padding:5px 20px 0px 20px;
	border-bottom:1px solid #ccc;
	box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
	margin-bottom:3px;
}
.hd-mid
{
	width:1290px;margin:0 auto;
}
.hd-logo
{
	float:left;margin-right:5px;
}
.hd-logo-sz
{
	width:55px;height:50px;
}
.hd-logo-txt
{
	width:110px;height:54px;padding:13px 10px 0 5px;
}
.hd-mn
{
	width:150px;padding:14px 0px 0 0px;text-align:center;
}
.hd-mn-icon
{
	font-size: 20px; color: rgb(114, 114, 114);
}
.hd-input
{
	outline:none;border:0px solid red;width:450px;height:35px;background:#f2f3f5;padding-left:10px;
}
.hd-src-icn
{
	float:left;padding:7px 0 0 0;margin-right:90px;
}
.hd-comp-cnt
{
	float:left;margin-right:15px;
}
.hd-comp-rel
{
	position:relative;width:60px;padding:14px 0px 0 0px;text-align:center;
}
.hd-comp-badge
{
	position:absolute;top:2px;right:8px;
}
.hd-comp-icon
{
	font-size: 20px; color: rgb(114, 114, 114);cursor:pointer;
}
.hd-bt-log
{
	cursor:pointer;width:80px;height:35px;margin:7px 0px 0 0px;padding:5px 0 0 0;text-align:center;border: 1px solid #505763;
}
.hd-bt-sign
{
	cursor:pointer;width:80px;height:35px;margin:7px 0px 0 0px;padding:5px 0 0 0;text-align:center;background:#17AA1C;
}
.hd-bt-txt
{
	font-weight:600;font-size:15px;color: #686f7a;
}
.mainmn
{
	width:50px;margin:0 auto;
	position:relative;
	cursor:pointer;height:45px;
}
.mainmncnt
{
	z-index:50;padding:10px 0;text-align:left;color:#727272;
	position:absolute;top:44px;left:0px;background:#fff;
	border:1px solid #ccc;width:230px;
	display:none;
}
.mainmn-arr
{
	position:absolute;top:25px;left:17px;font-size:28px;color:#ccc;
	display:none;
}
.mainmn:hover .mainmncnt
{
	display:block;
}
.mainmn:hover .mainmn-arr
{
	display:block;
}
.mn-menu
{
	cursor:pointer;
}
.mn-menu:hover
{
	background:#f4f4f4;
}
.mnshare
{
	width:140px;height:35px;padding:8px 0px 0 0px;text-align:center;color:#727272;font-size:13px;
	margin-top:7px;
	cursor:pointer;
	border:1px solid #fff;
}
.mnshare:hover
{
	background:#f4f4f4;
	border:1px solid #ccc;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #eee;
	background: #f4f4f4;
	font-weight: normal;
	color: #000;
}
.srcicn
{
	width:40px;background:#f2f3f5;height:35px;text-align:center;padding:7px 0 0 0;cursor:pointer;
	color:#17AA1C;
}
.srcicn:hover
{
	background:#17AA1C;
	color:#fff;
}
.btn-login 
{
	position: relative;
	display: inline-block;
	color: #727272;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-login:hover 
{
	background-image: linear-gradient(#f4f4f4, #f4f4f4);
	background-size: 100% 100%;
	color: #727272;
}
.btn-signup 
{
	position: relative;
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-signup:hover 
{
	background-image: linear-gradient(#008200, #008200);
	background-size: 100% 100%;
	color: #ffffff;
}
/*--HOME-PAGE--*/
.hm-bg-blue
{
	background:#2998CD;height:410px;width:100%;
}
.hm-bg-mid
{
	margin:0 auto;width:1200px;height:100%;position:relative;
}
.hm-bg-lf
{
	float:left;width:50%;height:350px;
}
.hm-bg-rt
{
	float:right;position:relative;width:50%;height:350px;
}
.hm-bg-big-txt
{
	font-family:'Trebuchet MS';padding-top:40px;
	font-size:48px;color: #fff;
	font-weight:700;
	text-shadow:0px 2px 4px rgba(46, 46, 46, 0.9);
}
.hm-bg-txt
{
	font-family:'Trebuchet MS';padding-top: 15px;
	font-size: 18px;color: #fff;font-weight: 700;
}
.hm-bg-btn
{
	margin-top:30px;padding:10px 0;text-align:center;color:#fff;
	background:transparent;border:2px solid #fff;
	width:230px;font-size: 14px;font-weight: 700;
	cursor:pointer;
}
.btn-hview 
{
	position: relative;
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-hview:hover 
{
	background-image: linear-gradient(#47B6EB, #47B6EB);
	background-size: 100% 100%;
	color: #ffffff;
}
.hm-fbox-btn-reg
{
	background: #17AA1C;    border-bottom: 3px solid #008C00;padding:8px 5px 5px 5px;color:#fff;font-weight:bold;font-size:16px;text-align:center;
	margin:0;border-top:0;border-left:0;border-right:0;width:100%;
}
.btn-regis 
{
	position: relative;
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-regis:hover 
{
	background-image: linear-gradient(#008C00, #008C00);
	background-size: 100% 100%;
	color: #ffffff;
}
.hm-auto-box
{
	margin: 0 auto;width: 100%;max-width: 1200px;
	padding: 40px 10px 60px 10px;text-align: center;
}
.hm-sys-box
{
	background:#f2f2f2;padding:35px 0 100px 0;margin-top:10px;
}
.hm-sys-mid
{
	margin:0 auto;width:1200px;
}
.hm-sys-title
{
	text-align:center;margin-bottom:35px;
}
.hm-sys-tab
{
	background:#fff;padding:10px 10px 5px 10px;margin-top:20px;
}
.hm-sys-tab-hd
{
	padding:0 0 10px 0;border-bottom:1px solid #ccc;font-weight:bold;
	text-align:center;
}
.hm-sys-title-tab
{
	float:left;
}
.hm-sys-title-sys
{
	width:180px;padding:0 0 0 15px;text-align:left;
}
.hm-sys-list
{
	padding:15px 0;
	border-top:1px solid #f2f2f2;
	text-align:center;
}
.hm-sys-data
{
	float:left;
	padding-top:10px;
}
.hm-sys-data-nm
{
	float:left;padding:10px 0 0 15px;text-align:left;
}
.hm-sys-data-graf
{
	float:left;width:320px;padding:0 0 0 15px;
}
.hm-sys-graf-size
{
	height:40px;width:290px;
}
.hm-sys-graf-bottom
{
	border-bottom:1px solid #ccc;padding:0px;
}
/*--LIST-SYSTEM--*/
.l-sys-bg
{
	background:#f2f2f2;
	padding:15px 0;
}
.l-sys-head
{
	margin:0px auto;width:1200px;background:#fff;padding:15px 0;text-align:center;
}
.l-sys-cnt
{
	margin:0px auto;width:1200px;padding:15px 0;
}
.l-sys-lft
{
	float:left;
	background:#fff;
	width:250px;
	margin-right:25px;
	color:#a2a9b1;
	padding:10px 0;
}
.l-sys-rst-go-cnt
{
	float:right;font-size:11px;
}
.l-sys-rst-cnt
{
	cursor:pointer;border:1px solid #6C6C6C;text-align:center;height:18px;width:50px;
}
.l-sys-btn-txt
{
	font-weight:bold;
}
.l-sys-sep-filter
{
	margin:10px 0 0 0;border-top:1px solid #ccc;
}
.l-sys-filter-elem
{
	padding:10px 15px;
	cursor:pointer;	
}
.l-sys-filter-elem-sel
{
	height:25px;font-size:12px;
}
.l-sys-filter-rg
{
	margin:0px 15px;
	color:#353535;
	padding:10px 0;
	border-top:1px solid #ccc;
	text-align:center;
}
.l-sys-filter-conf-cnt
{
	margin:0px 15px;padding:20px 0 10px 0;text-align:center;border-top:1px solid #ccc;
}
.l-sys-filter-conf
{
	margin:0 auto;height:25px;width:120px;
}
.l-sys-rgt
{
	float:left;background:#fff;width:925px;
	padding:15px 15px 0 15px;
}
.l-sys-orderby
{
	text-decoration:none;
	background:#fff;
	padding:5px 10px;
}
.l-sys-orderby:hover
{
	text-decoration:none;
	background:#f4f4f4;
}
.l-sys-ord-list-cnt
{
	cursor:pointer;float:right;font-size:12px;padding:0 10px;border:1px solid #505763;width:190px;position:relative;
}
.l-sys-ord-list-txt
{
	float:left;padding:8px 0 5px 0;color:#333;
}
.l-sys-ord-list-arr
{
	float:right;padding:6px 0 0 0;
}
.l-sys-ord-list
{
	display:none;
	position:absolute;
	top:30px;
	left:-1px;
	border:1px solid #505763;
	background:#fff;
	width:190px;
	padding:5px 0px;
	height:174px;
	overflow-y:auto;
}
.l-sys-list
{
	border-top:1px solid #c2c2c2;
	padding:25px 0 25px 0;
}
.l-sys-rank
{
	float:left;
	width:30px;
	margin-left:10px;
	padding-top:12px;
	font-size: 16px;
}
.l-sys-avatar
{
	float:left;
	width:100px;
	height:45px;
	padding-top:0px;
}
.l-sys-avatar-txt
{
	background:#fff;color:#6c6c6c;text-align:center;width:50px;height:45px;font-size:18px;padding-top:10px;
	cursor:pointer;
	border:1px solid #ccc;
}
.l-sys-nm
{
	float:left;width:190px;margin-right:20px;padding-top:4px;
}
.l-sys-nm-link
{
	text-decoration:none;
}
.l-sys-graf-cnt
{
	float:left;width:320px;background:;
}
.l-sys-graf-mid
{
	border-bottom:1px solid #ccc;padding:0px;width:290px;
}
.l-sys-graf-ht
{
	position:relative;height:30px;
}
.l-sys-pips
{
	float:left;width:130px;padding-top:13px;text-align:center;
	font-size:14px;
}
.l-sys-mode
{
	float:left;width:70px;padding-top:10px;text-align:center;
}
.l-sys-pin
{
	float:left;width:90px;text-align:center;padding-top:13px;font-size:14px;
}
.l-sys-age
{
	float:left;width:90px;text-align:center;padding-top:11px;font-size:14px;
}
.l-sys-txt
{
	float:left;width:90px;text-align:center;padding-top:13px;font-size:14px;
}
.l-sys-arr
{
	float:right;margin-right:10px;padding-top:10px;
}
.l-sys-detail-txt
{
	float:left;margin-right:50px;
	font-size:12px;
}
.l-sys-detail-ul
{
	padding:0;margin:0 0 0 18px;
}
.l-sys-act-usr-cnt
{
	float:left;margin-right:50px;
}
.l-sys-act-usr
{
	margin:5px 0 0 0;padding:5px 0;color:#ccc;
	border:1px solid #ccc;width:182px;font-size:18px;text-align:center;border-radius:5px;
}
.l-sys-act-usr-icn
{
	float:left;width:60px;
}
.l-sys-rate-grade
{
	width:180px;text-align:center;color:#ccc;font-size:20px;line-height:0.5;
}
.l-sys-rate-cnt
{
	width: 180px; border: 0px solid red;margin-top:11px;
}
.l-sys-modal-sep
{
	padding:0 20px; border-right:1px solid #ccc; padding-bottom:5px;
}
.l-sys-modal-sep-txt
{
	margin:0 0 5px 0;
}
.l-sys-modal-chck-clk
{
	float:left; padding:0 5px 0 0;
}
.l-sys-modal-txt-clk
{
	cursor:pointer;float:left;
}
.l-sys-curr-over
{
	max-height: 300px; overflow-y: auto;
}
.l-sys-wait
{
	text-align:center;padding:50px 0 70px 0;border-top:1px solid #ccc;
	margin-top:25px;
}
.btn-1 
{
	position: relative;
	display: inline-block;
	color: #6C6C6C;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-1:hover 
{
	background-image: linear-gradient(#6C6C6C, #6C6C6C);
	background-size: 100% 100%;
	color: #fff;
}
/**
 * Tooltip
 **/
.mytooltip 
{
    position: relative;
    display: inline-block;
}

.mytooltip .tooltiptext 
{
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.mytooltip .tooltiptext::after 
{
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.mytooltip:hover .tooltiptext 
{
    visibility: visible;
    opacity: 1;
} 
/**
 * end Tooltip
 **/
 /*--VIEW-SYSTEM--*/
.v-sys-head
{
	background: linear-gradient(#29303b,#29303b,#29303b);
	padding:40px 0;
}
.v-sys-head-cnt
{
	margin:0 auto;width:1200px;padding:0;border:0px solid red;position:relative;
}
.v-sys-head-title
{
	padding:0;margin:0;color:#fff;
}
.v-sys-head-subtitle
{
	margin-top:3px;color:#fff;
}
.v-sys-hd-subtitle-text
{
	float:left;margin:3px 15px 0 0;
}
.v-sys-hd-subtitle-sep
{
	float:left;margin-right:15px;
}
.v-sys-hd-badge
{
	margin-top:5px;color:#fff;
}
.v-sys-hd-badge-txt
{
	float:left;margin:0px 15px 0 0;
}
.v-sys-hd-pips
{
	position:absolute;top:46px;right:0px;
}
.v-sys-hd-pips-box-a
{
	background:#fff;border:1px solid #ccc;width:285px;border-radius:5px;
	height:370px;padding:20px;
}
.v-sys-hd-pips-box-b
{
	margin-top:10px;background:#fff;border:1px solid #ccc;
	width:285px;border-radius:5px;height:90px;padding:5px 10px;
}
.v-sys-hd-pips-box
{
	float:left;margin-right:15px;margin-left:30px;
}
.v-sys-hd-pips-nb
{
	color:#505763;font-size:36px;font-weight:700;line-height:40px;
}
.v-sys-hd-pips-txt
{
	float:left;padding-top:8px;color:#a1a7b3;font-size:18px;line-height:1.43;
	font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.v-sys-hd-pips-subtxt
{
	margin-top:0px;color:#a1a7b3;font-size:12px;text-align:center;
}
.v-sys-hb-btn-live
{
	margin-top:10px;background:#17AA1C;color:#fff;text-align:center;font-weight:600;
	font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:10px;
	font-size:15px;line-height:1.43;cursor:pointer;width:100%;border:0px;
}
.btn-rlive 
{
	position: relative;
	display: inline-block;
	color: #ffffff;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-rlive:hover 
{
	background-image: linear-gradient(#008200, #008200);
	background-size: 100% 100%;
	color: #ffffff;
}
.v-sys-hb-btn-demo
{
	margin-top:12px;background:#fff;color:#686f7a;border:1px solid #505763;
	text-align:center;font-weight:600;
	font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;padding:10px;
	font-size:15px;line-height:1.43;cursor:pointer;width:100%;
}
.btn-demo 
{
	position: relative;
	display: inline-block;
	color: #727272;
	background-image: linear-gradient(transparent, transparent);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
.btn-demo:hover 
{
	background-image: linear-gradient(#EAEAEA, #EAEAEA);
	background-size: 100% 100%;
	color: #727272;
}
.v-sys-hd-pips-box-info
{
	margin-top:20px;font-weight:700;color:#505763;
}
.v-sys-hd-pips-box-info-det
{
	margin-top:5px;color:#505763;
}
.v-sys-fav-box
{
	margin:0 auto;padding:3px 0 10px 0;color:#ccc;border-bottom:1px solid #ccc;
	width:240px;font-size:20px;text-align:center;
}
.v-sys-fav
{
	float:left;width:80px;
}
.v-sys-desc-box
{
	margin:0 auto;padding:10px 0 0px 0;color:#777;width:235px;font-size:14px;
}
.v-sys-desc
{
	float:left;width:50%;cursor:pointer;
}
.v-sys-calc
{
	cursor:pointer;float:right;width:50%;text-align:right;
}
.v-sys-bg
{
	background:#f4f4f4;padding: 0px 0 0 0;
}
.v-sys-cont
{
	margin:0 auto;width:1200px;border:0px solid red;
}
.v-sys-graf-bx
{
	padding:10px 20px 10px 15px;background:#fff;width:905px;
	border:1px solid #ccc;border-top:0;-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.v-sys-graf-title
{
	margin:0px 0 13px 10px;border-bottom:1px solid #ccc;width:860px;
	padding-bottom:0px;font-weight:bold;color:#777;
}
.v-sys-graf-title-txt-line
{
	float:left;cursor:pointer;
	margin:0 35px 0 0;border-bottom:3px solid #777;height:30px;
}
.v-sys-graf-title-txt-bar
{
	float:left;cursor:pointer;margin:0 35px 0 0;height:30px;font-weight:normal;
}
.v-sys-graf-title-txt-pie
{
	float:left;cursor:pointer;height:30px;font-weight:normal;
}
.v-sys-grafs
{
	border:0px solid red;width:868px;height:314px;
}
.v-sys-graf-line
{
	width:868px;height:314px;padding-top:10px;
}
.v-sys-graf-bar
{
	display:none;width:868px;height:314px;padding-top:10px;
}
.v-sys-graf-pie
{
	display:none;width:868px;height:314px;padding-top:20px;
}
.v-sys-graf-donut-txt
{
	position:absolute;top:95px;left:86px;border:0px solid red;font-size:55px;width:228px;text-align:center;line-height:0.8;
	color:#585858;
}
.v-sys-graf-donut-lgd
{
	position:absolute;bottom:7px;font-size:15px;
}
.v-sys-box
{
	margin-top:25px;padding:20px;background:#fff;
}
.v-sys-box-icn-bx
{
	float:left;border-left:3px solid #505763;height:25px;margin-right:5px;
}
.v-sys-box-icn
{
	width:15px;border-bottom:1px solid #ccc;height:13px;
}
.v-sys-gen-box
{
	float:left;width:371px;margin-right:23px;border:1px solid #ddd;border-top:0;
}
.v-sys-rvw
{
	float:left;width:790px;background:#fff;padding:20px 20px 30px 20px;margin-right:30px;
}
.v-sys-rvw-rate
{
	float:left;width:250px;margin:10px 23px 0 0;
}
.v-sys-rvw-rate-txt
{
	width:220px;text-align:center;
}
.v-sys-rvw-cog
{
	margin-top:10px;width:220px;
}
.v-sys-rvw-avg
{
	width:220px;text-align:center;margin-top:10px;
}
.v-sys-rvw-desc
{
	float:left;width:371px;margin-right:0px;
}
.v-sys-myrvw
{
	float:left;background:#fff;padding:20px;width:380px;
}
.v-sys-myrvw-sel
{
	margin-top:15px;text-align:center;
}
.v-sys-mod
{
	
}
.v-sys-donut-bx
{
	float:left;width:410px;position:relative;
}
.v-sys-author-bxs
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.50);
	box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.50);
}
.v-sys-author-circleBase 
{
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.v-sys-author-type1 
{
	width: 82px;
	height: 82px;
	background: #fff;
	margin:0 auto;
}
.v-sys-author-datas
{
	margin-top:15px;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;
}
.v-sys-author-data
{
	float:left;width:85px;border-right:1px solid #f2f2f2;padding:3px 0;
}
.v-sys-myview-txt
{
	float:left;height:65px;width:280px;text-align:center;font-size:16px;padding-top:12px;font-weight:bold;
}
.v-sys-modal-rev-body
{
	height:400px;padding:0;overflow-y:auto;
}
.v-sys-modal-rev-rte
{
	background:#f9f9f9;padding:5px 20px;text-align:center;border-bottom:1px solid #e5e5e5;
}
.v-sys-modal-rev-cmm
{
	padding:10px 15px;position:relative;
}
.v-sys-modal-rev-wait
{
	display:none;text-align:center;margin-top:110px;
}
.v-sys-modal-calc-profbar{ background:#289428;height:30px;width:1%; }/* 006400 */
.v-sys-modal-calc-invbar
{ 
	background:#f2f2f2;height:30px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1); 
}
.v-sys-modal-calc-bd
{
	height:475px;padding:0;border-radius:0px;
}
.v-sys-modal-calc-res-box
{
	padding:10px 0 15px 0;text-align:center;width:280px;background:#f2f2f2;
}
.v-sys-modal-calc-res-nb
{
	margin:0 auto;height:58px;font-size:35px;line-height:0.8;background:#289428;color:#fff;width:240px;padding-top:15px;
}
.v-sys-modal-calc-lgd-bxa
{
	float:left;background:#f2f2f2;width:20px;height:10px;margin:5px 10px 0 0;border:1px solid #ccc;
}
.v-sys-modal-calc-lgda
{
	float:left;margin-right:20px;
}
.v-sys-modal-calc-lgd-bxb
{
	float:left;background:#289428;width:20px;height:10px;margin:5px 10px 0 0;
}
.v-sys-modal-calc-res-tab
{
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:20px;padding-top:0px;
}
.v-sys-modal-calc-res-tab-cnt
{
	text-align:center;height:180px;max-height:185px;overflow-y:auto;padding:0 10px;
}
.v-sys-modal-wait-cnt
{
	margin:0 auto;width:400px;padding-top:5px;
}
.v-sys-modal-wait-bara
{
	position:relative;background:#ccc;width:400px;height:5px;
}
.v-sys-modal-wait-barb
{
	position:absolute;background:#337ab7;width:50px;height:15px;top:-6px;left:0;
}
.v-sys-modal-wait-txt
{
	text-align:center;padding-top:7px;
}
/*********V-GRAF********/
canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.chart-container {
	width: 500px;
	margin-left: 40px;
	margin-right: 40px;
}
.container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
/*********MIN GRAF********/
.bar
{
	position:absolute;
	background:#d9edfd;
	border-top:3px solid #42a5f5;
	width:60px;
	bottom:0;
}
.bar-double
{
	position:absolute;
	background:#d9edfd;
	border-top:3px solid #42a5f5;
	width:60px;
	bottom:0;
	border-top:0;
}
.bar-xtra
{
	position:absolute;
	left:0px;
	background:#42a5f5;
	width:3px;
}

.bar-neg
{
	position:absolute;
	background:#d9edfd;
	border-top:3px solid #42a5f5;
	width:60px;
	bottom:0;
}
.bar-double-neg
{
	position:absolute;
	background:#b95a5a;
	border-bottom:3px solid #42a5f5;
	width:60px;
	border-bottom:0;
}
.bar-xtra-neg
{
	position:absolute;
	left:0px;
	background:#42a5f5;
	width:3px;
}
.bar-uns
{
	-webkit-box-sizing:unset;box-sizing:unset;
}
/*
$maxTop  = 74;
$maxBot	 = 30;
$widthBar = 70;
*/
/*******BOUTON DIV********/
div.btn 
{
	position: relative;
	display: inline-block;
	padding: 15px 70px;
	border: 5px solid #B17461;
	color: #B17461;
	font-size: 30px;
	font-family: arial;
	background-image: linear-gradient(#fff, #fff);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	transition: background-size .3s, color .5s;
}
div.btn:hover 
{
	background-image: linear-gradient(#B17461, #B17461);
	background-size: 100% 100%;
	color: #fff;
}
/******COG-SM*******/
.cog-cnt-sm
{
	position:relative;
	width:26px;
	height:26px;
	background:#ccc;
	border-radius:3px;
}
.cog-elem-sm
{
	position:absolute;
	width:26px;
	height:26px;
	text-align:center;
	color:#ffffff;
	z-index:20;
	top:-2px;
}
.cog-bg-sm
{
	position:absolute;
	width:50%;
	height:26px;
	z-index:10;
	background:#149414;
	border-radius:3px 0 0 3px;
}

/******COG-LG*******/
.cog-cnt
{
	position:relative;
	width:41px;
	height:40px;
	background:#ccc;
	border-radius:3px;
	cursor:pointer;
}
.cog-elem
{
	position:absolute;
	width:41px;
	height:40px;
	text-align:center;
	color:#ffffff;
	z-index:20;
	top:5px;
}
.cog-bg
{
	position:absolute;
	width:50%;
	height:100%;
	z-index:10;
	background:#149414;
	border-radius:3px 0 0 3px;
}