/*nav style*/

ul.nav-tabs { display: flex; justify-content: center; }

.nav-tabs>li>a { margin-bottom:  10px; color: rgba(255, 255, 255, 1)!important; background-color: rgba(211, 160, 70, 1)!important; border: 1px solid!important; border-color: rgba(211, 160, 70, 1)!important; border-radius:  0; }

.nav-tabs > li > a:before { content:  " "; position:  absolute; top: -1px; left: -11px; border-bottom: 44px solid #d3a046; border-left: 10px solid transparent; }

.nav-tabs > li > a:after { content:  " "; position:  absolute; top: -1px; right: -11px; border-top: 44px solid #d3a046; border-right: 10px solid transparent; }

.nav-tabs>li.active:after, .nav-tabs>li:hover:after { content: " "; position: absolute; width: 100%; height: 3px; bottom: 8px; left: -8px; right: -8px; margin: auto;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #e5b45c), color-stop(50%, #faf9f8), color-stop(100%, #f6d9a6));
    background-image: -moz-linear-gradient(to right, #e5b45c, #faf9f8, #f6d9a6);
    background-image: -webkit-linear-gradient(to right, #e5b45c, #faf9f8, #f6d9a6);
    background-image: linear-gradient(to right, #d9b678, #fdf7cd, #d7aa55);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    transform: scale(0);
}

.nav-tabs>li.active:after, .nav-tabs>li:hover:after { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; transform: scale(1); }

.nav-tabs>li { margin:  0 10px; }

/*end of nav style*/

/*activities*/

div#page-activities img { display: initial; }

#page-profile > div.row > div.force:nth-child(3) { border-top:  1px solid #ccc; padding-top:  10px; }

div#page-activities a { color: #333; }

/*end of activities*/

/*whole*/

.com-alphauserpoints .tab-content div.row { padding:  10px; margin: auto; }

.com-alphauserpoints.view-account #sp-main-body .container {background-color: rgb(255, 255, 255); padding:  20px; box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5); border-bottom-right-radius:  50px; border-top-left-radius:  50px; }

/*end of whole*/

/*edit profile*/

button.edit-profile-clss {background: #d3a046 !important;border: 0px solid;border-bottom: 2px solid #fcf8e3;float:  right;padding: 4px 20px;border-image: linear-gradient(to right, #d9b678, #fdf7cd, #d7aa55);border-image-slice: 1;}

.clss-profile {padding: 20px; }

button.edit-profile-clss:hover a { color:  #fcf8e3; }

button.edit-profile-clss:hover {background-color: #e5b45c !important;}

/*end of edit profile*/