/***icon-control-panel***/
span.hkIcon.icon-48-user2 { background-image: url("/images/1_Icons/icn-ven-k-009.png") !important; margin-top: 13px}

span.hkIcon.icon-48-order { background-image: url("/images/1_Icons/order-icn.png") !important;margin-top: 13px}

span.hkIcon.icon-48-address { background-image: url("/images/1_Icons/address-icn.png") !important;margin-top: 13px}

span.hkicon-48.icon-qr-record {background-image: url(/images/1_Icons/icn-ven-k-008.png) !important;margin: auto;margin-top: 13px;}

span.hkicon-48.icon-withdraw-record { background-image: url(/images/1_Icons/withdraw-icon.png) !important; margin: auto; margin-top: 13px;}

span.hkicon-48.icon-topup-record { background-image: url(/images/1_Icons/topup-icon.png) !important; margin: auto; margin-top: 13px;}

span.hkicon-48.icon-logout-record {background-image: url(/images/1_Icons/logout-icon.png) !important; margin: auto;margin-top: 13px;}

#hikashopcpanel > div > div:nth-child(4), #hikashopcpanel > div > div:nth-child(5) { display:none; }

/***end-icon***/

/*level*/

.cls-groupname-10 {padding: 25px 10px 40px;margin-bottom : 25px; font-size: 40px;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}
.cls-groupname-10:before{content: " ";position: absolute;width: 10px;height: 10px;border-top: 10px solid #58595a;border-left: 10px solid transparent;border-right: 10px solid transparent;margin: 0 auto;left: 0px;right: 0px;top: 118px;}
.cls-groupname-10:after {content: " ";position: absolute;height: 1px;width: 80%; background: #cccccc;left: 0;right: 0;margin: auto;top: 100px;}

.cls-groupname-11 {padding: 25px 10px 40px;5f;margin-bottom : 25px; font-size: 40px;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}
.cls-groupname-11:before{content: " ";position: absolute;width: 10px;height: 10px;border-top: 10px solid #2b1e18;border-left: 10px solid transparent;border-right: 10px solid transparent;margin: 0 auto;left: 0px;right: 0px;top: 118px;}
.cls-groupname-11:after {content: " ";position: absolute;height: 1px;width: 80%; background: #dba65f;left: 0;right: 0;margin: auto;top: 100px;}

.cls-groupname-12 {padding: 25px 10px 40px;margin-bottom : 25px; font-size: 40px;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);}
.cls-groupname-12:before{content: " ";position: absolute;width: 10px;height: 10px;border-top: 10px solid #3a494e;border-left: 10px solid transparent;border-right: 10px solid transparent;margin: 0 auto;left: 0px;right: 0px;top: 118px;}
.cls-groupname-12:after {content: " ";position: absolute;height: 1px;width: 80%; background: #aaa;left: 0;right: 0;margin: auto;top: 100px;}

span.cls-totalpoints:before { display: none; }

/*end of level*/

/*total-points*/

span.cls-totalpoints:before {
    content:  " ";
    position:  absolute;
    width:  10px;
    height:  10px;
    border-top:  10px solid #ccc;
    border-left:  10px solid transparent;
    border-right:  10px solid transparent;
    margin:  -11px auto 0;
    left:  10px;
    right:  10px;}

span.cls-totalpoints { /* border: 1px solid #ddd;
    padding: 30px 30px 60px 30px;   
    box-shadow: 2px 2px 3px #ddd;*/}

h4.cls-groupname{ padding-bottom: 10px; border-bottom: 1px solid #ccc;}

div#cls-myprofile { position: absolute; bottom: 0;display: contents; top: 50px; width: 100%;}

canvas#main { width: auto; height: 200px;}

#sp-sec-bottom .container {
   /* width: 100%;
  	padding-left:0;
  	padding-right:0;*/
}

/*end-total-points*/

/*level up*/

@media (max-width: 769px){
div#cls-myprofile h3 {margin-top: -20px;}
}

@media (max-width: 500px){
div#cls-myprofile h3 { font-size:  28px !important;}
}

/*end of level up*/