@font-face {
	font-family:number-char;
	font-weight:300;
	src:url(../fonts/DINOT-Light.woff) format("truetype");
}
@font-face {
	font-family:number-char;
	font-weight:600;
	src:url(../fonts/DINOT-Bold.woff) format("truetype");
}
@font-face {
	font-family:number-char;
	font-weight:400;
	src:url(../fonts/DINOT-Regular.woff) format("truetype");
}


@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-uniE900:before {
	content: "\e900";
}
.icon-uniE901:before {
	content: "\e901";
}
.icon-uniE902:before {
	content: "\e902";
}
.icon-uniE903:before {
	content: "\e903";
}
.icon-uniE904:before {
	content: "\e904";
}
.icon-uniE905:before {
	content: "\e905";
}
.icon-uniE906:before {
	content: "\e906";
}
.icon-uniE907:before {
	content: "\e907";
}
.icon-uniE908:before {
	content: "\e908";
}
.icon-uniE909:before {
	content: "\e909";
}
.icon-uniE90A:before {
	content: "\e90a";
}
.icon-uniE90B:before {
	content: "\e90b";
}
.icon-uniE90C:before {
	content: "\e90c";
}
.icon-uniE90D:before {
	content: "\e90d";
}
.icon-uniE90E:before {
	content: "\e90e";
}
.icon-uniE90F:before {
	content: "\e90f";
}
.icon-uniE910:before {
	content: "\e910";
}
.icon-uniE911:before {
	content: "\e911";
}
.icon-uniE912:before {
	content: "\e912";
}
.icon-uniE913:before {
	content: "\e913";
}
.icon-uniE914:before {
	content: "\e914";
}
.icon-uniE915:before {
	content: "\e915";
}
.icon-uniE916:before {
	content: "\e916";
}
.icon-uniE917:before {
	content: "\e917";
}
.icon-uniE918:before {
	content: "\e918";
}
.icon-uniE919:before {
	content: "\e919";
}
.icon-uniE91A:before {
	content: "\e91a";
}
.icon-uniE91B:before {
	content: "\e91b";
}
.icon-uniE91C:before {
	content: "\e91c";
}
.icon-uniE91D:before {
	content: "\e91d";
}
.icon-uniE91E:before {
	content: "\e91e";
}
.icon-uniE91F:before {
	content: "\e91f";
}
.icon-uniE920:before {
	content: "\e920";
}
.icon-uniE921:before {
	content: "\e921";
}
.icon-uniE922:before {
	content: "\e922";
}
.icon-uniE923:before {
	content: "\e923";
}
.icon-uniE924:before {
	content: "\e924";
}
.icon-uniE925:before {
	content: "\e925";
}
.icon-uniE926:before {
	content: "\e926";
}
.icon-uniE927:before {
	content: "\e927";
}
.icon-uniE928:before {
	content: "\e928";
}
.icon-uniE929:before {
	content: "\e929";
}
.icon-uniE92A:before {
	content: "\e92a";
}
.icon-uniE92B:before {
	content: "\e92b";
}
.icon-uniE92C:before {
	content: "\e92c";
}
.icon-uniE92D:before {
	content: "\e92d";
}
.icon-uniE92E:before {
	content: "\e92e";
}
.icon-uniE92F:before {
	content: "\e92f";
}
.icon-uniE930:before {
	content: "\e930";
}
.icon-uniE931:before {
	content: "\e931";
}
.icon-uniE932:before {
	content: "\e932";
}
.icon-uniE933:before {
	content: "\e933";
}
.icon-uniE934:before {
	content: "\e934";
}
.icon-uniE935:before {
	content: "\e935";
}
.icon-uniE936:before {
	content: "\e936";
}
.icon-uniE937:before {
	content: "\e937";
}
.icon-uniE938:before {
	content: "\e938";
}
.icon-uniE939:before {
	content: "\e939";
}
.icon-uniE93A:before {
	content: "\e93a";
}
.icon-uniE93B:before {
	content: "\e93b";
}
.icon-uniE93C:before {
	content: "\e93c";
}
.icon-uniE93D:before {
	content: "\e93d";
}
.icon-uniE93E:before {
	content: "\e93e";
}
.icon-uniE93F:before {
	content: "\e93f";
}
.icon-uniE940:before {
	content: "\e940";
}
.icon-uniE941:before {
	content: "\e941";
}
.icon-uniE942:before {
	content: "\e942";
}
.icon-uniE943:before {
	content: "\e943";
}
.icon-uniE944:before {
	content: "\e944";
}
.icon-uniE945:before {
	content: "\e945";
}
.icon-uniE946:before {
	content: "\e946";
}
.icon-uniE947:before {
	content: "\e947";
}
.icon-uniE948:before {
	content: "\e948";
}
.icon-uniE949:before {
	content: "\e949";
}
.icon-uniE94A:before {
	content: "\e94a";
}
.icon-uniE94B:before {
	content: "\e94b";
}
.icon-uniE94C:before {
	content: "\e94c";
}
.icon-uniE94D:before {
	content: "\e94d";
}
.icon-uniE94E:before {
	content: "\e94e";
}
.icon-uniE94F:before {
	content: "\e94f";
}
.icon-uniE950:before {
	content: "\e950";
}
.icon-uniE951:before {
	content: "\e951";
}
.icon-uniE952:before {
	content: "\e952";
}
.icon-uniE953:before {
	content: "\e953";
}
.icon-uniE954:before {
	content: "\e954";
}
.icon-uniE955:before {
	content: "\e955";
}
.icon-uniE956:before {
	content: "\e956";
}
.icon-uniE957:before {
	content: "\e957";
}
.icon-uniE958:before {
	content: "\e958";
}
.icon-uniE959:before {
	content: "\e959";
}
.icon-uniE95A:before {
	content: "\e95a";
}
.icon-uniE95B:before {
	content: "\e95b";
}
.icon-uniE95C:before {
	content: "\e95c";
}
.icon-uniE95D:before {
	content: "\e95d";
}
.icon-uniE95E:before {
	content: "\e95e";
}
.icon-uniE95F:before {
	content: "\e95f";
}
.icon-uniE960:before {
	content: "\e960";
}
.icon-uniE961:before {
	content: "\e961";
}
.icon-uniE962:before {
	content: "\e962";
}
.icon-uniE963:before {
	content: "\e963";
}
.icon-uniE964:before {
	content: "\e964";
}
.icon-uniE965:before {
	content: "\e965";
}
.icon-uniE966:before {
	content: "\e966";
}
.icon-uniE967:before {
	content: "\e967";
}
.icon-uniE968:before {
	content: "\e968";
}
.icon-uniE969:before {
	content: "\e969";
}
.icon-uniE96A:before {
	content: "\e96a";
}
.icon-uniE96B:before {
	content: "\e96b";
}
.icon-uniE96C:before {
	content: "\e96c";
}
.icon-uniE96D:before {
	content: "\e96d";
}
.icon-uniE96E:before {
	content: "\e96e";
}
.icon-uniE96F:before {
	content: "\e96f";
}
.icon-uniE970:before {
	content: "\e970";
}
.icon-uniE971:before {
	content: "\e971";
}
.icon-uniE972:before {
	content: "\e972";
}
.icon-uniE973:before {
	content: "\e973";
}
.icon-uniE974:before {
	content: "\e974";
}
.icon-uniE975:before {
	content: "\e975";
}
.icon-uniE977:before {
	content: "\e977";
}
.icon-uniE978:before {
	content: "\e978";
}
.icon-uniE979:before {
	content: "\e979";
}
.icon-uniE97A:before {
	content: "\e97a";
}
.icon-uniE97B:before {
	content: "\e97b";
}
.icon-uniE97C:before {
	content: "\e97c";
}
.icon-uniE97D:before {
	content: "\e97d";
}
.icon-uniE97E:before {
	content: "\e97e";
}
.icon-uniE97F:before {
	content: "\e97f";
}
.icon-uniE980:before {
	content: "\e980";
}
.icon-uniE981:before {
	content: "\e981";
}
.icon-uniE983:before {
	content: "\e983";
}
.icon-uniE984:before {
	content: "\e984";
}
.icon-uniE985:before {
	content: "\e985";
}
.icon-uniE986:before {
	content: "\e986";
}
.icon-uniE987:before {
	content: "\e987";
}
.icon-uniE988:before {
	content: "\e988";
}
.icon-uniE989:before {
	content: "\e989";
}
.icon-uniE98A:before {
	content: "\e98a";
}
.icon-uniE98B:before {
	content: "\e98b";
}
.icon-uniE98C:before {
	content: "\e98c";
}
.icon-uniE98D:before {
	content: "\e98d";
}
.icon-uniE98E:before {
	content: "\e98e";
}
.icon-uniE98F:before {
	content: "\e98f";
}
.icon-uniE990:before {
	content: "\e990";
}
.icon-uniE991:before {
	content: "\e991";
}
.icon-uniE992:before {
	content: "\e992";
}
.icon-uniE993:before {
	content: "\e993";
}
.icon-uniE994:before {
	content: "\e994";
}
.icon-uniE995:before {
	content: "\e995";
}
.icon-uniE996:before {
	content: "\e996";
}
.icon-uniE997:before {
	content: "\e997";
}
.icon-uniE998:before {
	content: "\e998";
}
.icon-uniE999:before {
	content: "\e999";
}
.icon-uniE99A:before {
	content: "\e99a";
}
.icon-uniE99B:before {
	content: "\e99b";
}
.icon-uniE99C:before {
	content: "\e99c";
}
.icon-uniE99D:before {
	content: "\e99d";
}
.icon-uniE99E:before {
	content: "\e99e";
}
.icon-uniE99F:before {
	content: "\e99f";
}
.icon-uniE9A0:before {
	content: "\e9a0";
}
.icon-uniE9A1:before {
	content: "\e9a1";
}
.icon-uniE9A2:before {
	content: "\e9a2";
}
.icon-uniE9A3:before {
	content: "\e9a3";
}
.icon-uniE9A4:before {
	content: "\e9a4";
}
.icon-uniE9A5:before {
	content: "\e9a5";
}
.icon-uniE9A6:before {
	content: "\e9a6";
}
.icon-uniE9A7:before {
	content: "\e9a7";
}
.icon-uniE9A8:before {
	content: "\e9a8";
}
.icon-uniE9A9:before {
	content: "\e9a9";
}
.icon-uniE9AA:before {
	content: "\e9aa";
}
.icon-uniE9AB:before {
	content: "\e9ab";
}
.icon-uniE9AC:before {
	content: "\e9ac";
}
.icon-uniE9AD:before {
	content: "\e9ad";
}
.icon-uniE9AE:before {
	content: "\e9ae";
}
.icon-uniE9AF:before {
	content: "\e9af";
}
.icon-uniE9B0:before {
	content: "\e9b0";
}
.icon-uniE9B1:before {
	content: "\e9b1";
}
.icon-uniE9B2:before {
	content: "\e9b2";
}
.icon-uniE9B3:before {
	content: "\e9b3";
}
.icon-uniE9B4:before {
	content: "\e9b4";
}
.icon-uniE9B5:before {
	content: "\e9b5";
}
.icon-uniE9B6:before {
	content: "\e9b6";
}
.icon-uniE9B7:before {
	content: "\e9b7";
}
.icon-uniE9B8:before {
	content: "\e9b8";
}
.icon-uniE9B9:before {
	content: "\e9b9";
}
.icon-uniE9BA:before {
	content: "\e9ba";
}
.icon-uniE9BB:before {
	content: "\e9bb";
}
.icon-uniE9BC:before {
	content: "\e9bc";
}
.icon-uniE9BD:before {
	content: "\e9bd";
}
.icon-uniE9BE:before {
	content: "\e9be";
}
.icon-uniE9BF:before {
	content: "\e9bf";
}
.icon-uniE9C0:before {
	content: "\e9c0";
}
.icon-uniE9C1:before {
	content: "\e9c1";
}
.icon-uniE9C2:before {
	content: "\e9c2";
}
.icon-uniE9C3:before {
	content: "\e9c3";
}
.icon-uniE9C4:before {
	content: "\e9c4";
}
.icon-uniE9C5:before {
	content: "\e9c5";
}
.icon-uniE9C6:before {
	content: "\e9c6";
}
.icon-uniE9C7:before {
	content: "\e9c7";
}
.icon-uniE9C8:before {
	content: "\e9c8";
}
.icon-uniE9C9:before {
	content: "\e9c9";
}
.icon-uniE9CA:before {
	content: "\e9ca";
}
.icon-uniE9CB:before {
	content: "\e9cb";
}
.icon-uniE9CC:before {
	content: "\e9cc";
}
.icon-uniE9CD:before {
	content: "\e9cd";
}
.icon-uniE9CE:before {
	content: "\e9ce";
}
.icon-uniE9CF:before {
	content: "\e9cf";
}
.icon-uniE9D0:before {
	content: "\e9d0";
}
.icon-uniE9D1:before {
	content: "\e9d1";
}
.icon-uniE9D2:before {
	content: "\e9d2";
}
.icon-uniE9D3:before {
	content: "\e9d3";
}
.icon-uniE9D4:before {
	content: "\e9d4";
}
.icon-uniE9D5:before {
	content: "\e9d5";
}
.icon-uniE9D6:before {
	content: "\e9d6";
}
.icon-uniE9D7:before {
	content: "\e9d7";
}
.icon-uniE9D8:before {
	content: "\e9d8";
}
.icon-uniE9D9:before {
	content: "\e9d9";
}
.icon-uniE9DA:before {
	content: "\e9da";
}
.icon-uniE9DB:before {
	content: "\e9db";
}
.icon-uniE9DC:before {
	content: "\e9dc";
}
.icon-uniE9DD:before {
	content: "\e9dd";
}
.icon-uniE9DE:before {
	content: "\e9de";
}
.icon-uniE9DF:before {
	content: "\e9df";
}
.icon-uniE9E0:before {
	content: "\e9e0";
}
.icon-uniE9E1:before {
	content: "\e9e1";
}
.icon-uniE9E2:before {
	content: "\e9e2";
}
.icon-uniE9E3:before {
	content: "\e9e3";
}
.icon-uniE9E4:before {
	content: "\e9e4";
}
.icon-uniE9E5:before {
	content: "\e9e5";
}
.icon-uniE9E6:before {
	content: "\e9e6";
}
.icon-uniE9E7:before {
	content: "\e9e7";
}
.icon-uniE9E8:before {
	content: "\e9e8";
}
.icon-uniE9E9:before {
	content: "\e9e9";
}
.icon-uniE9EA:before {
	content: "\e9ea";
}
.icon-uniE9EB:before {
	content: "\e9eb";
}
.icon-uniE9EC:before {
	content: "\e9ec";
}
.icon-uniE9ED:before {
	content: "\e9ed";
}
.icon-uniE9EE:before {
	content: "\e9ee";
}
.icon-uniE9EF:before {
	content: "\e9ef";
}
.icon-uniE9F0:before {
	content: "\e9f0";
}
.icon-uniE9F1:before {
	content: "\e9f1";
}
.icon-uniE9F2:before {
	content: "\e9f2";
}
.icon-uniE9F3:before {
	content: "\e9f3";
}
.icon-uniE9F4:before {
	content: "\e9f4";
}
.icon-uniE9F5:before {
	content: "\e9f5";
}
.icon-uniE9F6:before {
	content: "\e9f6";
}
.icon-uniE9F7:before {
	content: "\e9f7";
}
.icon-uniE9F8:before {
	content: "\e9f8";
}
.icon-uniE9F9:before {
	content: "\e9f9";
}
.icon-uniE9FA:before {
	content: "\e9fa";
}
.icon-uniE9FB:before {
	content: "\e9fb";
}
.icon-uniE9FC:before {
	content: "\e9fc";
}
.icon-uniE9FD:before {
	content: "\e9fd";
}

/*html {
	overflow-x: hidden;
}*/
body{
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	background-color: #f2f3f7; 
	overflow-x: hidden;
}
a{
	text-decoration: none;
}
ul{
	list-style: none;
	padding-left: 0;
}
.font-number-char{
	font-family:number-char!important;
}

.font-40{
	font-size: 40px!important;

}
.font-36{
	font-size: 36px!important;

}
.font-28{
	font-size: 28px!important;

}
.font-24{
	font-size: 24px!important;

}
.font-22{
	font-size: 22px!important;
	letter-spacing: -.4px;
}
.font-20{
	font-size: 20px!important;

}
.font-18{
	font-size: 18px!important;

}
.font-16{
	font-size: 16px!important;
	letter-spacing: -0.25px;
}
.font-14{
	font-size: 14px!important;
	letter-spacing: -.25px;
}
.font-13{
	font-size: 13px!important; 
}
.font-12{
	font-size: 12px!important; 
	letter-spacing: -.25px;
}
.font-11{
	font-size: 11px!important; 
}
.font-10{
	font-size: 10px!important; 

}
.fw-600{
	font-weight: 600!important;
}
.fw-400{
	font-weight: 400!important;
}
.bg-light-red{
	background: #FFE2DB; 
	border-bottom: 1px solid #F2F2F2; 
}
.bg-light-green{
	background: #DFF5FF; 
	border-bottom: 1px solid #F2F2F2; 
}
.bg-light-green2{
	background: #71B02E26; 
	border-bottom: 1px solid #71B02E38; 
}

.bg-light-red2{
	background: #FF0D0017; 
	border-bottom: 1px solid #FF0D0021; 
}

.box-gray-rounded{
	background: #F0F0F0;
	padding: 8px 16px 8px 16px;
	align-items: center; 
	border-radius: 30px; 
}
.color-5a6178{
	color: #5a6178!important;
}
.color-13151c,.hover-text.color-5a6178:hover{
	color: #13151c!important;
}
.bg-ECEBEB{
	background-color: #F0F0F0;
}
.bg-232733{
	background-color: #232733;
}
.pt-top-6{
	padding-top:6px;
}
.bg-dark2{
	background: #2D3345;
}

.bg-success{
	background: #71B02E !important;
}

.p-12px{
	padding: 12px !important;
}
.mt-neg{
	margin-top: -2px !important;
	display: flex;
}
.border-end,.border-top,hr,.border-bottom{
	border-color: #f7f8fa!important; 
}
.text-blue{
	color: #0085FF!important; 
}
.text-green{
	color:#71B02E!important;  
}
.text-red{
	color: #FF2F01!important; 
}
.text-gray{
	color: #85899B!important; 
}
.text-5a6178{
	color: #5a6178!important;
}
.text-13151c,.text-dark-gray{
	color:#13151c!important;
}

.text-black{
	color:#343b4d!important;
}
.btn-red{
	background-color: #bf180f; 
	color:#fff;
	font-weight: 700; 
	font-size: 14px;
	padding: 0 15px;
	border-radius: 20px;
	font-family: "Open Sans", sans-serif !important;
	line-height: 30px;
	min-width: 120px;
}
.btn-red:hover{
	background-color: #df342a; 
	color:#fff;
}
.btn-danger,.bg-danger{
	background-color: #bf180f; 
	font-family: "Open Sans", sans-serif !important;
}
.btn-green{
	color: #fff; 
	background-color: #71B02E; 
	font-weight: 700;
	font-size: 14px;
	padding: 0px 15px;
	border-radius:20px;
	font-family: "Open Sans", sans-serif !important;
	line-height: 30px;
	min-width: 120px;
}
.btn-green:hover{
	background-color:#7EC72F;
	color:#fff;
	border-radius:20px;

}
.btn-outline-green{
	color: #71B02E; 
	border: 1px solid #71B02E; 
	font-weight: 700;
	font-size: 14px;
	padding: 0px 15px;
	border-radius:20px;
	font-family: "Open Sans", sans-serif !important;
	line-height: 30px;
}

.btn-outline-gray{
	font-size:14px;
	font-weight: 700; 
	border: 1px solid #D9D9D9; 
	color: #5a6178; 
	border-radius:20px;
	padding: 0 15px;
	font-family: "Open Sans", sans-serif !important;
	line-height: 30px;
}
.btn-outline-gray:hover{
	border-color: #5a6178; 
}
.btn-primary{
	background-color:#2fa8f6!important;
	border-color:#2fa8f6!important;
	font-family: "Open Sans", sans-serif !important;
}
.p-5{
	padding:36px!important;
}
.py-5{
	padding-top:36px!important;
	padding-bottom:36px!important;
}
.px-5{
	padding-right:36px!important;
	padding-left:36px!important;
}

.marquee{
	background-color:#2D3345!important;
}
.marquee .icon-red svg{
	transform: rotate(180deg);
}

.w-200{
	width:210px!important
}

.bullet li{ 
	list-style-type: disc;
}

.u-img-size{
	height:46px;
	width:46px;
}

.modal-header .btn-close{
	z-index: 99
}

.plan-list.table > :not(caption) > * > * {
	padding: .3rem .3rem;
}
table.position-list tr:hover td{
	background: rgba(0,0,0,.1)
}
.mhover {
	transition: color 0.25s;
	background: none;
	border: 0;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	padding: 5px
}
.mhover *{
	z-index: 5
}
.mhover::before, .mhover::after {
	box-sizing: inherit;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
}
.mhover::before,
.mhover::after {
	border: 2px solid transparent;
	width: 0;
	height: 0;
}
.mhover::before {
	top: 0;
	left: 0;
}
.mhover::after {
	bottom: 0;
	right: 0;
}
/*
.mhover:hover::before,
.mhover:hover::after {
width: 100%;
height: 100%;
}
.mhover:hover::before {
border-top-color: #2D334550;
border-right-color: #2D334550;
transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.mhover:hover::after {
border-bottom-color: #2D334550;
border-left-color: #2D334550;
transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
*/
body .form-control:focus {
	box-shadow: none;
}

.login label.d-block {
	margin:20px 0;
	position:relative;
	display:inline-block;
}

.login label.d-block span {
	padding:10px;
	pointer-events: none;
	position:absolute;
	left:0;
	top:0;
	transition: 0.2s;
	transition-timing-function: ease;
	transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity:0.5;
}

.login label.d-block input {
	padding:10px;
}

.login label.d-block input:focus + span,
.login label.d-block input:not(:placeholder-shown) + span {
	opacity:1;
	transform: scale(0.75) translateY(-100%) translateX(-30px);
}

.login label.d-block input:focus + span,
.login label.d-block input:not(:-ms-input-placeholder) + span {
	opacity:1;
	transform: scale(0.75) translateY(-100%) translateX(-30px);
}


.head h2{
	color: #13151c;
	font-size: 20px;
	font-weight: 700; 
}
body .select2-container{
	width: 100% !important;
}


header .balance-box span{
	font-size: 13px;
	font-weight: 400; 
	color: #5a6178; 
	width:150px;
	padding:10px;
	background-color: #f2f3f7;
	text-align: center;
	display: inline-block;
	font-family:number-char;
}

.progress-bar{
	background: #71B02E
}

aside.close{
	width: 70px
}

.main{
	
}

.main.wide{
	width: calc( 100% - 70px);
}


.sidebar {
	width: 70px;
/*	z-index: 1040;
	top: 0;
	left: 0;
	overflow: auto;
	transition: 0.3s;*/
	transition: 0.2s;

}
.sidebar.hide-side .overflow-auto,.sidebar.hide-side{
	overflow: visible !important;
}
.btn-menu-show{
	cursor:pointer;
	position: absolute;
	top: 15px;
	left: 20px;
}
.sidebar.hide-side .top{
	margin-top:20px;
	margin-bottom:30px;
}
.sidebar.show-side,
.sidebar.show-side .bottom-box-sidebar{
	width: 100%;
}
.sidebar .btn-sidebar svg{
	opacity: .85;
	cursor:pointer;
}
.sidebar.hide-side .btn-sidebar svg{
	transform: rotate(180deg);

}
.sidebar .btn-sidebar:hover svg{
	opacity: 1;
} 
.hide-side .avatar,.hide-side .box-hero-side{
	margin-left:auto!important;
	margin-right:auto!important;
}
.hide-side .avatar a{
	margin: 0 auto;
}
.sidebar.show-side .d-none{
	display:block!important;
	animation: hideElement 1s forwards;
}

@keyframes hideElement {
	0% {
		opacity: 0;
		display: none!important;

	}
	100% {
		opacity: 1;  
	}
	transition:20s all;
}



.hide-side  .base li{
	text-align:center;
	transition: all 0.5s;
	margin-bottom:10px;

}

.hide-side  .base li a{
	padding:11px 17px !important;
}

.sidebar.hide-side  .avatar-sidebar{
	width:35px;
	height:35px;
}

.sidebar.show-side ul.more{
	margin-bottom:100px;
}



.sidebar label{
	font-size: 14px;
	font-weight: 600; 
}

.sidebar small{
	font-size: 16px;
	font-weight: 300;

}

.sidebar ul.base li {
	border-left:2px solid transparent;
	position: relative;
	overflow: visible;
	background:#232733;

}
.sidebar.hide-side .base li a span {
	position: absolute;
	left:0;
	top:0;
	transition: left .7s;
	visibility: hidden;
	z-index:-1;
	font-size:16px;
	background-color: #232733;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	padding: 14px 17px !important;
	font-weight: 500;

}
.sidebar.hide-side .base li:hover a span {
	visibility: visible;
	left: 100%;
}
.sidebar.hide-side .base li.setting-item{
	position: absolute;
	bottom: 0;
}

.sidebar ul.base li a{
	display:block;
	padding:1px 1.5rem 2px 1.5rem; 
	font-size: 24px;
	font-weight: 100;
	transition:.5s all;
	letter-spacing:-.40px;
	display:flex;
}

.sidebar ul.base li:hover a,
.sidebar ul.more li:hover a{
	background:#282b3a;
}
.sidebar ul.more li{
	font-size: 16px;
	font-weight: 100; 
	margin-bottom: 5px;
}
.sidebar ul.more li a{
	padding:1px 1.5rem 2px 1.5rem; 
	display:block;
}

.sidebar ul li a{
	color:#fff;
}




.home .modal-verify .step{
	display: none
}

.home .modal-verify .step-1{
	display: block
}

.home .modal-verify h5{
	position: relative;
	top: -50px;

}
.home .modal-footer{
	display: none
}

.continue-bx .next,
.continue-bx .prev{
	cursor: pointer
}

.home .modal-verify .error{
	border: 1px solid red !important;
}







/*.home .welcome.logout .nav-pills li {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='4.5' stroke='%23979797'/%3E%3C/svg%3E ");    background-repeat: no-repeat;
background-position: center left;
padding-left:15px;
border-bottom:1px solid gray;
padding-right:15px;
cursor: pointer
}
.home .welcome.logout .nav-pills li:last-child {
padding-right:5px;
padding-left:20px;
background-position: center left 5px;
}

.home .welcome.logout .nav-pills li.active{
border-color: #fff !important;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='4.5' stroke='%23fff'/%3E%3C/svg%3E ");    background-repeat: no-repeat;
}*/

.home .welcome.logout .nav-pills li:last-child{
	padding-left:25px!important;
	position: relative
}
.home .welcome.logout .nav-pills li:last-child:before{
	width:15px;
	height:2px;
	background:#d3d7e3;
	content:"";
	display:block;
	position: absolute;
	top:11px;
	left:5px;

}
.home .welcome.logout .nav-pills li span{
	color: #13151c !important;
	border-radius: 20px;
	padding: 5px 30px;
	background:#f7f8fa;
	cursor:pointer;
}
.home .welcome.logout .nav-pills li.active .active{

	background:#f5fcf6 url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_550_9428' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_550_9428)'%3E%3Cpath d='M10.5808 16.2538L17.3038 9.53075L16.25 8.47693L10.5808 14.1462L7.73075 11.2962L6.67693 12.35L10.5808 16.2538ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5765 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45268 3.248 8.29655C3.74667 7.1404 4.42342 6.13472 5.27825 5.2795C6.1331 4.42427 7.13834 3.74721 8.29398 3.24833C9.44959 2.74944 10.6844 2.5 11.9983 2.5C13.3122 2.5 14.5473 2.74933 15.7034 3.248C16.8596 3.74667 17.8652 4.42342 18.7205 5.27825C19.5757 6.1331 20.2527 7.13834 20.7516 8.29398C21.2505 9.44959 21.5 10.6844 21.5 11.9983C21.5 13.3122 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8652 18.7217 18.7205C17.8669 19.5757 16.8616 20.2527 15.706 20.7516C14.5504 21.2505 13.3156 21.5 12.0016 21.5Z' fill='%233DAE23'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 15px center;
	padding: 5px 40px  5px 20px;
}

.home .welcome  h3{
	font-size: 22px;
	letter-spacing: -.4px;
	font-weight: 700;

}
/*.home .welcome p{
font-size: 16px;
letter-spacing: -.25px;
font-weight: 400;

}
.home  .welcome{
color:#13151c;
}*/
/*.home  .welcome.login{
color: #2D3345; 
}*/

.home  .welcome.login h2{
	color: #0085FF;
	font-size: 48px;
	font-weight: 700; 
}
.home  .welcome.login .profit strong .arrow-top{
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L7.90744 1L14.8149 7' stroke='%2371B02E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-position:0px  8px;
	width:20px;
	height:20px;
	display:inline-block;
	content:"";
}
.home  .welcome.login  .total strong{

	font-size: 20px;
	font-weight: 700; 
}
.home  .welcome.login  .total span{

	font-size: 16px;
	font-weight: 400; 
}
.plan .bronze,.plan  .silver,.plan .gold{
	width: 28px;
	height: 28px; 
	display: inline-block;
}
/*.bronze{
background: linear-gradient(65deg, rgba(159, 79, 40, 0.72) 0%, rgba(251, 233, 167, 0.82) 50%, rgba(251, 233, 167, 0.31) 100%); 
display: inline-block;
}
.silver{
background: linear-gradient(65deg, rgba(113, 113, 113, 0.44) 0%, #F8F8F8 50%, rgba(235, 235, 235, 0.31) 100%);
display: inline-block;
}
.gold{
background: linear-gradient(62deg, #B7954B 0%, rgba(253, 245, 154, 0.94) 50%, rgba(252, 244, 160, 0.47) 100%); 
display: inline-block;
}
.platinum{
background: linear-gradient(65deg, rgba(133, 137, 155, 0.79) -6.86%, rgba(152, 152, 152, 0.68) 20.49%, rgba(198, 198, 198, 0.54) 47.83%, rgba(0, 0, 0, 0.29) 75.17%); 
display: inline-block;
}*/
.bronze,
.silver,
.gold,
.platinum{
	border: 1px solid #eee;
}

.home .plan strong,.show-plan strong{
	color: #13151c;
	font-size: 16px;
	font-weight: 600; 
	line-height: 18px;
	text-align: right;

}
.home .plan small,.show-plan small{
	color: #5a6178;
	font-size: 12px;
	font-weight: 400; 
	line-height: 18px;
	display: block;
	text-align: left;
	font-family:number-char
}
.home .plan span.percent{
	color: #13151c;
	font-size: 14px;
	font-weight: 600; 
	font-family:number-char;
}
.home .plan span.d-percent{
	color: #5a6178;
	font-size: 12px;
	font-weight: 400; 
	display: block;
	font-family:number-char;
}

.home  p{
	color: #13151c;
	font-size: 16px;
	font-weight: 400; 
	letter-spacing: -.25px;
}

.about-customer strong{
	color: #2D3345;
	font-size: 16px;
	font-weight: 700; 
}

.about-customer p{
	color: #2D3345;
	font-size: 16px;
	font-weight: 400; 
}
.count-noti{
	box-shadow: -.5px .5px .5px .5px #fff;
	font-size: 12px!important;
	font-weight: 400!important;
	right: -10px;
	top: 4px;
	z-index: 2;
	width: 20px;
	height: 20px;
	text-align: center;
	font-family: number-char;
}
.noti-box{
	position:absolute;
	right:20px;
	top:28px;
}

.noti-box h5,.show-k{
	color: #2D3345;
	font-size: 24px;
	font-weight: 700; 
}
.noti-box .noti-list li a {
	font-size: 13px;
	font-weight: 400; 
}

.noti-box .noti-list li.read a {
	color: #787878;
}

.noti-box .noti-list li a small{
	font-size: 9px;
	font-weight: 400; 
}

.noti-box .noti-list li.read a small{
	color: #787878;
}

.noti-box .noti-list li{
	position: relative;
}
.noti-box .noti-list li a{
	color: #2D3345;
}
.noti-box .noti-list li a small{
	color: #0085FF; 
}
.noti-box .noti-list li:before {
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' fill='%2371B02E'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	display:block;
	position: absolute;
	content:"";
	left:-15px;
	top:24px;
	width:10px;
	height:10px;
}

.noti-box .noti-list li.read:before{
	display: none
}

.portfolio h2{
	color: #13151c;
	font-size: 22px;
	letter-spacing: -.4px;
	font-weight: 700;
}
.portfolio h3{
	color: #5a6178;
	font-size: 30px;
	font-weight: 700; 
} 

.portfolio p{
	color: #5a6178;
	font-size: 16px;
	font-weight: 400; 
}
.portfolio  .total{
	color: #5a6178;
	font-size: 16px;
	text-transform: capitalize;
	letter-spacing: -.35px;
	line-height: 25px;
	display: inline-block;
}
.portfolio  .total strong{
	color: #13151c; 
	font-size: 22px;
	letter-spacing: -.3px;
	font-weight: 400;
	font-family: number-char;
}
.portfolio .operator{
	border-right: 1px solid #f5f6f8;
	position:relative;
}
.portfolio .operator i{
	font-size: 35px;
	color: #717273;
	font-weight: 300;
	background: #fff;
	position: absolute;
	left: -15px;
	top: 25px;
	padding:5px;
}
.portfolio table.plan-list tr td,.position-table tr th,.position-table tr td{
	vertical-align: middle;
	font-family:number-char;
}
.position-table tr td span{
	max-width: 170px;
	display: block;
	margin: 0 auto;
	text-align: center
}
.portfolio table.plan-list tr td span a,.font-open,
.table  thead td,.table  thead th,
.table  tbody th,
.plan-tab span.fw-600{
	font-family: "Open Sans", sans-serif!important;
}
.portfolio table.plan-list tr td span.bronze,
.portfolio table.plan-list tr td span.gold,
.portfolio table.plan-list tr td span.silver{
	width: 39px;
	height: 39px; 


}

.position-table tr td span.bronze,
.position-table tr td span.gold,
.position-table tr td span.silver,
.position-table tr td span.platinum{
	width: 90px;
	height: 90px; 

}
/*.portfolio table.plan-list tr td span,.position-table tr th span{
color: #13151c;
font-style: normal;
font-size: 1rem;
letter-spacing: -.3px;
}*/
.portfolio table.plan-list tr td small{
	color: #5a6178;
	font-size: .875rem;
	font-weight: 400; 
}
.portfolio table.plan-list thead tr td,.show-plan span,.show-plan label,.position-table tr td span {
	color: #5a6178;
	font-size: 16px;
	font-weight: 400; 
	letter-spacing: -.35px;
	font-family: number-char,Open Sans,sans-serif;
}
.table-bordered > :not(caption) > * > * {
	border-width: 0;
}
.portfolio table.plan-list tbody tr:last-child{
	border-color: #fff;
}
.porfolio-empty-image{
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDkgMTQ3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0QxRDFEMSIgZD0iTTgxIDR2NTZoNjdDMTMyLTEgODEgNCA4MSA0eiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjREFEQURBIiBkPSJNNjMgODNWOS4zQzI3LjcgMTIuNSAwIDQyIDAgNzhjMCAzOC4xIDMxLjEgNjkgNjkuNCA2OSAyMS42IDAgNDEtOS45IDUzLjctMjUuM0w2MyA4M3oiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0QxRDFEMSIgZD0iTTEzNCA3OEg3NGw1MyAzNGM5LjMtMTMuNiA3LTM0IDctMzR6Ii8+PC9zdmc+) no-repeat top center;
	width:150px;
	height:150px;
	margin: 0 auto;
}
.my-portfolio .bottom-calculate {
	right: 0;
	left: auto;
	box-shadow: 0 1px 12px rgba(0,0,0,.08);
}
.my-portfolio .bottom-calculate.wide {
	 width: calc( 100% - 70px);
}



.position-table tr:first-child th{

	font-size: 1.375rem;
	letter-spacing: -.35px;
	font-weight: 700;
}
.position-table tr th{
	width:300px;
	text-align: left;
}
.position-table tr td{
	min-width:200px;
}
/*.position-table tr td .btn {
font-size: 14px;
font-weight: 600; 
}
.position-table>tbody>tr:nth-of-type(2n)>*,
.position-table>thead>tr:nth-of-type(2n)>* {
background: #F7F7F7; 
}*/
.show-plan .bronze,.show-plan .gold,.show-plan .silver,
.bx-invent .bronze,.bx-invent .gold,.bx-invent .silver{
	width:61px !important;
	height: 61px !important; 

}
.plan-detail span,.plan-detail small{
	font-family:number-char;
	color:#5a6178;
	font-size: 14px;

}
.plan-detail label{
	width:100px;
	font-size:14px;
	font-weight: 500;

}
/*.show-plan .performance  label{
background-image: url("data:image/svg+xml,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7167 12.5754L10.7167 9.14529' stroke='%2385899B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7167 6.85278L10.711 6.85913' stroke='%2385899B' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7167 4C7.55933 4 4.99976 6.55958 4.99976 9.71692C4.99976 12.8743 7.55934 15.4338 10.7167 15.4338C13.874 15.4338 16.4336 12.8743 16.4336 9.71692C16.4336 6.55958 13.874 4 10.7167 4Z' stroke='%2385899B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
background-repeat: no-repeat;
background-position: center right;
padding-right: 25px;
}*/

.show-plan .details{
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6 9.5V4.18625C14.6 4.05099 14.5463 3.92127 14.4506 3.82562L11.7743 1.14938C11.6787 1.05373 11.549 1 11.4138 1H1.51C1.22834 1 1 1.22834 1 1.51V17.49C1 17.7717 1.22834 18 1.51 18H6.95' stroke='%232D3345' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.3999 7.80002H11.1999M4.3999 4.40002H7.7999M4.3999 11.2H6.9499' stroke='%232D3345' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0249 16.725L16.2999 18' stroke='%232D3345' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3501 14.6C10.3501 16.0084 11.4917 17.15 12.9001 17.15C13.6055 17.15 14.2439 16.8636 14.7056 16.4008C15.1657 15.9395 15.4501 15.303 15.4501 14.6C15.4501 13.1917 14.3085 12.05 12.9001 12.05C11.4917 12.05 10.3501 13.1917 10.3501 14.6Z' stroke='%232D3345' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2 1V3.89C11.2 4.17166 11.4283 4.4 11.71 4.4H14.5999' stroke='%232D3345' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center left;
	color: #2D3345;
	font-size: 12px;
	font-weight: 700; 
	padding-left:25px;
}
.show-plan .positions{
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 15H1V1' stroke='%2385899B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 11.9375L8 5.375L10.625 8L14.5625 4.0625' stroke='%2385899B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
	background-repeat: no-repeat;
	background-position: center left;
	color: #85899B;
	font-size: 12px;
	font-weight: 700; 
	padding-left:25px;
}

/*.show-plan h4{
color: #2D3345;
font-size: 16px;
font-weight: 600; 
}

.discover p{
color: #2D3345;
font-size: 14px;
font-weight: 400; 
}*/
.show-plan select{
	height: 35px;
	width:100px;

}
/**
* modal 
**/
.custom-modal {

	color: #6C6C6C;
	font-weight: 700;
	font-size: 14px;

}
.custom-modal .modal-content{
	background: #fff; 
	min-height:550px; 
}
/*.custom-modal  .bx-address{
background: url(../icons/address.svg) no-repeat top left;

padding-left:70px
}*/
.custom-modal input,
.custom-modal select{ 
	max-height: 31px;
	font-size: 13px;
	color: #13151c !important;
}

.custom-modal input[type="image"]{
	max-height: 100px;
	background: #fff
}

.btn-check:checked + .btn {
	box-shadow: 0px 3px 0 #71B02E;
	color: #000;
	background: #fff;
}

.error + .btn {
	box-shadow: 0px 3px 0 red;
}

.form-table.custom-modal .waiting{
	background: #e795631f;
	border-left: 2px solid #e79563;
}

.form-table.custom-modal .success{
	background: #71b02e1f;
	border-left: 2px solid #71b02e;
	pointer-events: none;
}

.form-table.custom-modal .success th,
.form-table.custom-modal .waiting th{
	padding-left: 7px !important;
}

.custom-modal.custom2 input,
.custom-modal.custom2 select{ 
	max-height: none;
}

.custom2 textarea{
	background: #FFF; 
	color: #CCC;
	font-size: 14px;
	font-weight: 600;
	padding: 15px;
	resize: none;
	width: 100%;
	min-height: 160px;

}

.custom-modal  input::placeholder  {
	color: #CCC!important; 

}

.custom-modal  .input-group-text{
	max-height: 31px;
}

.custom-modal .continue-bx{
	background: url(../icons/arrow-left.svg)  left center no-repeat ,url(../icons/arrow-right.svg) right center  no-repeat ;
	height:34px;
	background-color: #fff;
}
.custom-modal .continue-bx span{
	color:#B1B1B1;
	font-weight: normal;

}
.custom-modal .continue-bx strong{
	color:#5a6178;
	font-weight: normal;
}
.custom-modal .progress{
	border-radius: 0px 0px 10px 10px;
	background: #fff; 
}
.custom-modal .progress-bar{
	background: #71B02E; 
}


.form-check-input:checked {
	background-color: #71B02E;
	border-color: #71B02E;
}

.custom-modal .bx-verify{
	margin: 100px auto 150px auto;
}
.custom-modal.modal-profile  .modal-title{
	width: calc(100% - 50px);
	margin: 0 auto;
}


.custom-modal.modal-your-profile .btn-label{
	max-height: 31px;
	font-size: 14px;
	line-height: 16px;
}


.modal-invent .bx-invent ul li{

	padding: 10px 10px;
	position: relative;
}
.modal-invent .bx-invent ul li:not(:last-child):after{
	background: #E3E3E3; 
	width:160px;
	height:1px;
	content: "";
	display: block;
	position: absolute;
	left:0;
	bottom: 0;
	right:0;
	margin:0 auto;
}

.custom2 ul li:not(:last-child):after{
	width:100% !important;;
}

.modal-invent .bx-amount{
	border-radius: 10px;
	border: 1px solid #E3E3E3;
	background: #f2f3f7; 
}
.modal-invent .bx-amount .btn-plus:after{
	background: #E3E3E3; 
	width:1px;
	height:20px;
	content: "";
	display: block;
	position: absolute;
	right:0;
	top:12px

}
.modal-invent .bx-amount .btn-minus:before{
	background: #E3E3E3; 
	width:1px;
	height:20px;
	content: "";
	display: block;
	position: absolute;
	left:0;
	top:12px

}
.modal-invent .btn-group {
	width:250px
}
.login,.modal-invent{
	color: #2D3345; 

}
/*.login .btn{
padding: 15px;
}





.wallet-top-details::before{
position: absolute;
content: "";
left: 0;
top: -10px;
width: 1.5px;
background: #71B02E; 
height: 46px; 
}*/


.coins{
	background: url(../images/coins.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}

.ref-info{
	background: #f2f3f7; 
}

.ref-info .box-left{
	border-radius: 10px;
}

.ref-info .box-right{
	border-radius: 10px;
	background: #FFF; 
}

.dropdown {
	position: relative;
	display: inline-block;
	font-size: 14px; 
	font-weight: 600; 
}

.select {
	cursor: pointer;
	color: #5a6178;
	background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5.91675 5.91675L10.8335 1' stroke='%232D3345' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: top 13px right 15px;
	padding: 6px 35px 6px 20px;
	width: 210px;

}

.dropdown-list {
	position: absolute;
	display: none;
	list-style-type: none;
	padding: 9px 5px;
	width: 100%;
	left: 0;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #D9D9D9; 
	background: #fff;
	top: 40px;
	z-index: 9
}

.dropdown-list li {
	color: #787878; 
	padding: 5px 5px;
	cursor: pointer;
}

.dropdown-list li.selected{
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.6333L4.08887 8.72217L11.811 1' stroke='%2371B02E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 12px right 5px;
}

.trans-sort{
	gap: 20px;
}

.trans-sort input[type='text'],
.dropdown{
	border-radius: 50rem;
	border: 1px solid #ced4da; 
	color: #5a6178  ;
	font-size: 14px;

}

.dpicker{
	display: block;
	position: relative
}

.dpicker input{
	padding: 5px 7px 5px 35px;
}

.dpicker:before{
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6956 2.61593V1M10.6956 2.61593V4.23186M10.6956 2.61593H7.05973M1 7.46371V14.7354C1 15.6279 1.72348 16.3513 2.61593 16.3513H13.9274C14.8199 16.3513 15.5434 15.6279 15.5434 14.7354V7.46371H1Z' stroke='%23787878' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 7.46375V4.2319C1 3.33944 1.72348 2.61597 2.61593 2.61597H4.23186' stroke='%23787878' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.23193 1V4.23186' stroke='%23787878' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.5433 7.46375V4.2319C15.5433 3.33944 14.8199 2.61597 13.9274 2.61597H13.5234' stroke='%23787878' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	display: block;
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background-size: contain;
	left: 12px;
	top: 10px; 
}

/*.trans-sort .submit .btn{
padding: 6px 30px
}
*/
.vtable thead,.vtable tbody {
	border-bottom: 1px solid #f7f8fa;

}

.vtable thead th{
	padding: 10px;
	color: #5a6178;
	font-size: 14px;
	font-weight: 600; 
}

.vtable tbody tr{
	border-bottom-color: #f7f8fa;

}

.vtable tbody td{
	color: #13151c ;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
}

.vtable tbody td span{
	display: block;

}

.vtable tbody td .time{
	color: #5a6178;

}

.vtable tbody .lvl{
	color: #71B02E; 
	border-radius: 3px;
	border: 1px solid #71B02E;
	display: inline-block;
	padding: 8px 11px;
	line-height: 1;
	margin: 0 auto
}

.vtable tbody tr.read *{
	font-weight: 400;
	color: #777
}

.vtable.hover > tbody > tr:hover {
	background: #f9f9f9;
	cursor: pointer
}
.box-tab .col-3 label:hover{
	background-color:#f2f3f7;
	transition:.5s all;
	cursor:pointer
}
.setting .bx-setting:hover{ box-shadow: 0 1px 16px 4px rgba(0,0,0,.1);
	transition: box-shadow .25s ease-in-out;
	cursor: pointer;
}
.setting .tab-items a.current span{
	color: #000 !important;
}

.setting .tab-items a.current svg{
	filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

.setting input[type="radio"],
.custom2 input[type="radio"]{
	-webkit-appearance: none;
	appearance: none;
	background-color: #D9D9D9;
	margin: 0;
	width: 15px;
	height: 15px;
	border: 0;
	border-radius: 50%;
	place-content: center;
	cursor: pointer;
	margin-top: 4px;
	margin-right: 15px;
	float: left
}

.custom2 input[type="radio"]{
	margin-right: 10px;
}

.setting input[type="radio"]::before,
.custom2 input[type="radio"]::before{
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 50%;
	transform: scale(0);
	background-color: #71B02E;
	float: left;
}

.setting input[type="radio"]:checked::before,
.custom2 input[type="radio"]:checked::before{
	transform: scale(1);
}

.setting input[type=checkbox]{
	--active: #ECEBEB;
	--active-inner: #71B02E;
	--border: #B1B1B1;
	--border-hover: #275EFE;
	--background: #ECEBEB;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 21px !important;
	outline: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0;
	cursor: pointer;
	background: var(--b, var(--background));
	transition: background 0.3s, border-color 0.3s;
}

.setting input[type=checkbox]:after {
	content: "";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	transition: transform var(--d-t, 0.2s) , opacity var(--d-o, 0.2s);
}

.setting input[type=checkbox]:checked{
	--b: var(--active);
	--bc: var(--active);
	--d-o: .3s;
	--d-t: .3s;
}

.setting input[type=checkbox].switch {
	width: 42px;
	border-radius: 11px;
}

.setting input[type=checkbox].switch:after {
	left: auto;
	top: 0;
	border-radius: 50%;
	width: 21px;
	height: 21px;
	background: var(--ab, var(--border));
	transform: translateX(var(--x, 0));
}

.setting input[type=checkbox].switch:checked {
	--ab: var(--active-inner);
	--x: 22px;
}

.perform_box{
	width: calc( 100% - 20px ) !important;
}

.vioavatar.loading,
.perform_box.loading,
#notification.loading,
.modal-invent.loading .modal-content{
	position: relative;
}

.perform_box.loading .chart,
.vioavatar.loading .d-flex.text-center,
#notification.loading div,
.modal-invent.loading .modal-content *{
	filter: blur(7px);
}

.perform_box.loading:after,
.modal-invent.loading .modal-content:after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' xmlns='http://www.w3.org/2000/svg' fill='%2371B02E'%3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 65px;
	top: 0;
	left: 0;
	z-index: 3
}

.vioavatar label{
	cursor: pointer
}

.perform_box .column,
.perform_box .cols{
	width: calc( 100% / 12 ) !important;
	width: calc( 100% / 14 ) !important;
}

/*.perform_box#id_30D .column{
	width: calc( 100% / 30 ) !important;
}

.perform_box#id_7D .column{
	width: calc( 100% / 7 ) !important;
}

.perform_box#id_1D .column{
	width: 100% !important;
}*/

.perform_box .months,
.perform_box .row-chart{
	gap: 7px;
	font-size: 13px;
	font-weight: 500
}

.perform_box .months{
	margin-bottom: 10px;
}

.perform_box .months,
.perform_box .row-chart{
	gap: 7px;
	font-size: 13px;
	font-weight: 500
}

.perform_box .months{
	margin-bottom: 10px;
}

.perform_box .row-chart {
	padding: 12px 0;
	border-radius: 7px;
	margin-bottom: 3px;
	cursor: pointer
}

.perform_box .row-chart.active {
	background: #dbf1c3;
}

.perform_box .row-chart .sum,
.perform_box .row-chart .year{
	font-weight: 700;
	color: #555
}

.perform_box .row-chart .green{
	color: green
}

.perform_box .row-chart .red{
	color: red
}


.perform_box .row-chart .sum,
.perform_box .row-chart .year{
	font-weight: 700;
	color: #555
}

.perform_box .row-chart .green{
	color: green
}

.perform_box .row-chart .red{
	color: red
}



.chart{
	position: relative;
	display: flex;
	gap: 7px;
}

.chart .column .top,
.chart .column .bottom{
	height: 110px;
	/* width: 70px;*/
	position: relative
}

.chart .column .bottom{
	background: linear-gradient(-180deg, #F7F7F7 0%, rgba(242, 242, 242, 0.00) 100%); 
	margin-top: 7px;
}

.chart .column .top{
	background: linear-gradient(0deg, #F7F7F7 0%, rgba(242, 242, 242, 0.00) 100%); 
}

.chart .column span{
	display: block;
	text-align: center;
	color: #B1B1B1;
	font-size: 10px;
	font-weight: 700; 
}

.chart .column .top div{
	background: #DBF1C3;
	position: absolute;
	bottom: 0;
	width: 100%;
	border-radius: 10px 10px 0px 0px; 
}

.chart .column .bottom div{
	border-radius: 0 0 10px 10px;
	background: #FFA996;
	position: absolute;
	top: 0;
	width: 100%;
}

.chart .stand{
  position: relative;
	color: #6C6C6C;
	font-size: 10px;
	font-size: 8px;
	font-weight: 700;
	height: 100%;
}

.chart .stand div{
	position: absolute;
	background: transparent !important;
	width: 100%;
	text-align: right;
}

.chart .stand div i{
	font-style: normal
}

.chart .stand .center{
	top: calc( 50% - 7px)
}

.chart .stand .bottom{
	display: flex;
	bottom: 0;
	align-items: end;
	justify-content: end
}



.password-toggle{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z'/%3E%3C/svg%3E");
	width: 20px;
	height: 20px;
	display: block;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9;
	cursor: pointer
}

.password-toggle.hide{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%235f6368'%3E%3Cpath d='m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z'/%3E%3C/svg%3E");
}

.show-emails span{
	padding-right: 28px;
	position: relative
}
.show-emails span i{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='red'%3E%3Cpath d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'/%3E%3C/svg%3E");
	background-size: contain;
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.levels,
.pers{
	top: 100px;
	right: 100px;
	text-align: left
}

.pers{
	right: 50%;
}

.levels div,
.pers div{
	visibility: hidden
}

.pers div div{
	gap: 20px;
	font-size: 12px;
	padding: 7px 10px;
	text-align: center;
	box-shadow: 0 0 4px #8080801a;
}

.pers div strong{
	color: gray;
	font-weight: normal
}

.pers div span span{
	display: block
}

.levels div svg{
	margin-right: 10px;
}

.levels div span{
	border: 1px solid gray;
	display: inline-block;
	padding: 0 7px;
	border-radius: 3px;
	margin-left: 12px;
}

.levels .level-01{
	color: #B3D68C;
}

.levels .level-01 span{
	border-color: #B3D68C;
}

.levels .level-02,
.pers .level-02{
	color: #92C35D;
	margin-top: 200px
}

.levels .level-02 span{
	border-color: #92C35D;
}

.levels .level-03,
.pers .level-03{
	color: #71B02E;
	margin-top: 100px
}

.pers .level-03{
	margin-top: 90px
}

.levels .level-03 span{
	border-color: #71B02E;
}

.levels .level-04,
.pers .level-04{
	color: #588923;
	margin-top: 70px
}

.pers .level-04{
	margin-top: 45px
}

.levels .level-04 span{
	border-color: #588923;
}

.levels .level-05,
.pers .level-05{
	color: #3F6219;
	margin-top: 40px
}

.pers .level-05{
	margin-top: 15px
}

.levels .level-05 span{
	border-color: #3F6219;
}

.levels .level-06,
.pers .level-06{
	color: #263B0F;
	margin-top: 30px
}

.pers .level-06{
	margin-top: 5px;
}

.levels .level-06 span{
	border-color: #263B0F;
}

.plan-tab a{
	padding:15px!important;
}
.plan-tab a.text-black:after{
	position: absolute;
	width: 50px;
	height: 2px;
	content: "";
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #343b4d ;
	bottom: 0px;
}

.bx-sett  .col-lg-4:has(div.d-none) {
	margin:0!important
}

@media (min-width: 1200px) {
	.custom-modal .modal-lg {
		max-width: 620px;

	}

}


@media screen and (min-width: 981px) {
	.sidebar ul.base li a i{

		margin:7px auto;
	}
	.icon-show-mobile{
		display:none;
	}
	.full-width{
		width:calc(100% - 70px);
		margin-left: 70px;
	}
	.sidebar.show-side  .base li a i.icon-side,
.sidebar.hide-side .avatar-name{
		display:none;
	}
	aside .top .mobile-menu{
		display: block !important;
	}
	.sidebar ul.base li.active{ 	
		border-color:#71B02E; 
	}


}
@media (max-width: 980px) {
	.sidebar ul.base li a i{

		margin:7px 10px 7px 0;
	}
	.icon-show-desktop{
		display:none;
	}
	.plan-detail .head-setting{
		margin:0 auto!important;
	}
	.plan-detail .head-setting strong{
		font-size: 1.25rem !important;
		font-weight: 300 !important;
	}
	.border-mobile-none{
		border:none!important;
	}
	/*.plan-detail span{
	position: absolute;
	left: 20px;
}*/
	.list-ref{
		margin-right:1rem!important;
		margin-left:1rem!important;
	}
	.list-ref .col:not(.last){
		width:50%;
		max-width:50%;
		flex: 1 1 50%;
	}
	.shadow-mobile  {
		box-shadow: 0 0 20px 8px rgba(0,0,0,.07);
	}
	.p-5{ 
		padding:1.5rem !important;
	}
	.sidebar.show-side ul.more{
		display:none!important;
	}
	.sidebar.hide-side{
		left:-70px;
	}
	.noti-box{
		top:18px;
	}
	.portfolio  .porfolio-empty h3, .portfolio  .porfolio-empty p{
		font-size: 1rem;
		letter-spacing: -.3px;
	}
	.home .welcome.logout .nav-pills li span{
		font-size: 13px;
		padding: 5px 30px 5px 10px !important;
		background-position: right 5px center !important;
	}
	.sidebar ul.base li a {
		padding: 6px 1.5rem 8px 1.5rem;
		font-size:22px;
	}

	/*	.btn-outline-gray {
	font-size: 14px;
	padding: 4px 20px;
}*/
	.head h2 {
		font-size: 18px;
	}
	aside .sticky-top.vh-100 {
		height: auto !important;
	}
	aside .base{
		margin-bottom: 0 !important;
	}
	aside .more{
		margin-top: 0 !important;
	}
	/*aside .top{
	display: flex;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
	aside .top *{
	margin: 0 !important;
}
	aside .top .logo img{
	width: 150px;
}

	aside .top .avatar span{
	display: none
}
	aside .top .avatar img{
	width: 35px !important;
	height: 35px !important
}

	.sidebar ul.main li {
	font-size: 17px;

}

	aside .top .mobile-menu svg{
	width: 36px;
	height: auto;
	margin-left: 7px !important;
}
	*/
	header .balance-box span {
		font-size: 13px;
		width: auto;
	}
	header .bg-white{
		padding: 8px 20px !important;
	}
	/*.home{
	padding: 15px 25px !important;
}
	.home .welcome.login {
	padding: 15px 25px !important;
}
	.home .welcome.login h2 {
	font-size: 30px;
}
	.home .welcome.login .total strong,
	.home .welcome.login .total span {
	font-size: 12px;
}*/
	.home .welcome.login .total span{
		font-size: 14px;
	}
	.home .welcome.login .col{
		padding-right: 5px;
		padding-left: 5px
	}
	.home .welcome.login .profit strong .arrow-top {
		background-position: center;
		width: 11px;
		height: 11px;
		background-size: contain;
		margin-right: 5px;
	}
	.home .welcome.login .btn-outline-gray{
		margin: 0 !important
	}

}

@media screen and (max-width: 768px) {
	.label-px{
		padding-right: .7rem !important;
		padding-left: .7rem !important;
		font-size:14px!important;
	}
	.bx-setting{
		display:flex;
		border-bottom:1px solid #f2f3f7;
	}
	.bx-setting .bx-text{
		margin-left:auto;
	}
	.bx-setting > span{
		font-size: 2rem!important;
		font-weight: 300;
		margin-right: 10px;
	}
	.bx-setting  h5{
		font-size: 1.375rem!important;
		font-weight: 300!important;
		letter-spacing: -.55px!important;
		margin-bottom:0!important;
		padding-top: 4px;
	}
}

@media screen and (max-width: 600px) {
	.portfolio table.plan-list table,
	.portfolio table.plan-list tbody,
	.portfolio table.plan-list th,
	.portfolio table.plan-list td,
	.portfolio table.plan-list tr {
		display: block;
	}

	.portfolio table.plan-list thead{
		display: none
	}

	.portfolio table.plan-list tr {
		border: 1px solid #ddd;
		margin: 0 0 10px 0;
		border: 0 solid #ddd;
		margin: 0;
	}

	.portfolio table.plan-list td:before {
		content: attr(data-label);
		float: left;
		font-size: 16px;
		font-weight:400; 
	}

	.portfolio table.plan-list td {
		text-align: right;
		padding-left: 50%;
		padding-right: 20px !important;
		padding-left: 20px !important;
		font-size: 16px;
		font-weight: 400; 
		font-family: number-char,Open Sans,sans-serif;
	}
	.portfolio table.plan-list td span{
		color: rgb(90, 97, 120);
	}
	.portfolio table.plan-list tr td span{
		text-align: right
	}

	.portfolio table.plan-list tr td:first-child{
		padding-left: 20px !important;
	}


	.portfolio table.plan-list.plist td:last-of-type{
		background: #f4f4f4;
		/*! margin: 0 25px; */
		border-radius: 8px;
		border-width: 0;
		line-height: 1;
		padding: 10px 0 14px;
		border-bottom-width: 1px;
	}

	/*.my-portfolio .fixed-bottom {
	position: relative;
	margin-top: -2rem !important;
	display: block !important;
}
	*/
	.table-responsive:before{
		position: sticky;
		content: "";
		display: block;
		width: 45px;
		height: 45px;
		background: url("data:image/svg+xml,%3Csvg fill='%23f6412d' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29289322,7 L3.70710678,7 L4.85355339,8.14644661 C5.04881554,8.34170876 5.04881554,8.65829124 4.85355339,8.85355339 C4.65829124,9.04881554 4.34170876,9.04881554 4.14644661,8.85355339 L2.14644661,6.85355339 C1.95118446,6.65829124 1.95118446,6.34170876 2.14644661,6.14644661 L4.14644661,4.14644661 C4.34170876,3.95118446 4.65829124,3.95118446 4.85355339,4.14644661 C5.04881554,4.34170876 5.04881554,4.65829124 4.85355339,4.85355339 L3.70710678,6 L9.29289322,6 L8.14644661,4.85355339 C7.95118446,4.65829124 7.95118446,4.34170876 8.14644661,4.14644661 C8.34170876,3.95118446 8.65829124,3.95118446 8.85355339,4.14644661 L10.8535534,6.14644661 C11.0488155,6.34170876 11.0488155,6.65829124 10.8535534,6.85355339 L8.85355339,8.85355339 C8.65829124,9.04881554 8.34170876,9.04881554 8.14644661,8.85355339 C7.95118446,8.65829124 7.95118446,8.34170876 8.14644661,8.14644661 L9.29289322,7 Z M14,9.5 L14,12.0474376 C14,12.3783481 13.8839855,12.698786 13.6721417,12.9529985 C13.1720143,13.5531514 12.2800608,13.6342381 11.6799078,13.1341106 L10.7560738,12.3642489 C10.4736449,12.1288916 10.11764,12 9.75,12 C9.48363526,12 9.24082605,12.1526146 9.12532205,12.3926334 L9.08962348,12.4668155 C8.95447865,12.7476481 8.99541029,13.0814869 9.19439734,13.321352 L13.607865,18.6414804 C14.3217788,19.502054 15.3818498,20 16.5,20 C18.9852814,20 21,17.9852814 21,15.5 L21,11.5 C21,11.2238576 20.7761424,11 20.5,11 C20.2238576,11 20,11.2238576 20,11.5 L20,12.5 C20,12.7761424 19.7761424,13 19.5,13 C19.2238576,13 19,12.7761424 19,12.5 L19,10.5 C19,10.2238576 18.7761424,10 18.5,10 C18.2238576,10 18,10.2238576 18,10.5 L18,12.5 C18,12.7761424 17.7761424,13 17.5,13 C17.2238576,13 17,12.7761424 17,12.5 L17,9.5 C17,9.22385763 16.7761424,9 16.5,9 C16.2238576,9 16,9.22385763 16,9.5 L16,12.5 C16,12.7761424 15.7761424,13 15.5,13 C15.2238576,13 15,12.7761424 15,12.5 L15,5.5 C15,5.22385763 14.7761424,5 14.5,5 C14.2238576,5 14,5.22385763 14,5.5 L14,9.5 Z M13,9.49999945 L13,5.5 C13,4.67157288 13.6715729,4 14.5,4 C15.3284271,4 16,4.67157288 16,5.5 L16,8.08535285 C16.1563895,8.03007711 16.3246823,8 16.5,8 C17.191734,8 17.7741062,8.46823386 17.9474595,9.10504462 C18.1184541,9.03725677 18.3048761,9 18.5,9 C19.191734,9 19.7741062,9.46823386 19.9474595,10.1050446 C20.1184541,10.0372568 20.3048761,10 20.5,10 C21.3284271,10 22,10.6715729 22,11.5 L22,15.5 C22,18.5375661 19.5375661,21 16.5,21 C15.0842933,21 13.7421216,20.3695431 12.8382246,19.279958 L8.42475695,13.9598296 C7.97611908,13.4190278 7.88383427,12.6663521 8.18853292,12.0331845 L8.2242315,11.9590024 C8.50634865,11.3727595 9.09940726,11 9.75,11 C10.3515765,11 10.9341143,11.2109078 11.3962582,11.5960277 L12.3200922,12.3658894 C12.4959683,12.5124527 12.7573571,12.4886901 12.9039205,12.3128141 C12.9660017,12.2383166 13,12.1444116 13,12.0474376 L13,9.5 Z'/%3E%3C/svg%3E");
		top: 0;
		left: calc( ( 100% - 45px ) / 2 );
		z-index: 99;
		animation: halfCircle 4s infinite;

	}

	.plan-tab a{
		margin: 0 10px !important;
	}
	.plan-tab a .font-14 {
		font-size: 11px !important;
	}
	.plan-tab a svg{
		max-width: 12px;
		height: auto
	}

	.vtable thead th,
	.vtable td span{
		font-size: 12px;
	}


	.setting input[type="radio"],
	.custom2 input[type="radio"]{
		margin-right: 5px;
	}


	.plan-detail .btn{
		font-weight: 600;
		font-size: 12px;
		/*padding: 4px 6px;*/
	}

	.show-plan .performance label,
	.show-plan .performance span{
		font-size: 15px;
		font-weight: 500;
	}

	.show-plan .performance label {
		padding-right: 15px;
		background-size: 15px;
	}

	.show-plan .border-end {
		border: 0 !important
	}
	
	
	
	
	
	html{
		overflow-x: hidden
	}

	/*aside.close{
		display: block;
		width: 100%;
		z-index: 99;
		position: fixed;
		height: 100%;
		z-index: 1500;
	}*/
	
	aside.close .box-hero-side{
		margin-top: 10px !important;
	}
	
	.sidebar.show-side .apgr,
	.sidebar.show-side  .more-head{
		display: none !important;
	}
	
	aside.close .box-hero-side{
		margin-bottom: 10px !important;
	}
	
	aside.close .avatar{
		background: rgba(255,255,255,.1);
		border-radius: 7px;
		padding: 8px;
		margin-bottom: 10px !important;
	}
	
	aside.close .avatar img{
		width: 30px;
		height: 30px
	}
	
	aside.close .sidebar ul.base li a{
		font-size: 20px
	}
	
	aside.close .sidebar ul.base li a i{
		margin: 6px 10px 5px 0;
	}
	
	aside.close .sidebar ul.base li a {
		padding: 6px 1.5rem;
	}

	aside.close .sticky-top.vh-100 {
		height: 100% !important;
	}
	
	.my-portfolio{
		padding-bottom: 100px;
	}
	
	.modal-invent .bx-invent ul li:not(:last-child)::after{
		display:none
	}
	
	.perform_box .months,
	.perform_box .row-chart{
		font-size: 10px;
		font-weight: 400
	}
	
	/*.chart {
		margin: 0px -20px;
	}*/
	

	.perform_box {
		width: 100% !important;
	}

	.perform_box .row-chart{
		padding-right: 15px;
		padding-left: 15px
	}

	.perform_box .row-chart .cols{
		display: none
	}

	.perform_box .row-chart .sum,
	.perform_box .row-chart .year{
		display: block
	}

	.perform_box .row-chart .sum{
		margin-left: auto;
		width: auto !important;
	}

	.chart .stand{
		display: none
	}
	
	.position-list *{
		font-size: 12px !important;
	}
	
	.position-list td{
		padding: 4px 6px;
		vertical-align: middle
	}
	
	.position-list td:nth-child(2),
	.position-list td:nth-child(3),
	.position-list td:nth-child(6),
	.position-list td:nth-child(7){
		display: none
	}

}

@keyframes halfCircle {
	0% {
		left: calc( ( 100% - 45px ) / 2 );
	}
	25% {
		left: calc( ( 100% - 45px ) / 2 + 50px );
	}
	50% {
		left: calc( ( 100% - 45px ) / 2 );
	}
	75% {
		left: calc( ( 100% - 45px ) / 2 - 50px );
	}
}