.user-img-profile {
  height: 5rem;
  width: 5rem;
  display: block;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  border: 2px solid #A58440;
  background-color: #fff;
  background-repeat: no-repeat;
}

.user-mailto {
  word-break: break-all;
}

.user-contacts-profile {
  font-size: 0.8rem;
}

.user-contacts-profile {
  position: relative;
  color: #272727;
}

.user-contacts-profile i {
  position: absolute;
}

.user-contacts-profile a {
  padding-left: 1.35rem;
  display: block;
  color: #272727;
}

.user-contacts-profile a:hover {
  color: #272727;
}

.user-contacts-profile .fa-phone {}

.user-mailto i {}

.wrapper-profile-info {}

.user-info--wrapper {
  line-height: 1;
  
  width: 220px;
}

.courses-info-wrapper {
  line-height: 1.3;
   
}

.user-img-profile.no-image {
  background: #eee;
}

.user-img-profile.no-image i {
  font-size: 2rem;
  color: #858585;
}

/* .canvas--wrapper {
  height: 400px !important;
} */

.top-progress-member-wrapper {
  width: 250px;
}

.view-all {
  font-size: 9px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  color: #212529;
  letter-spacing: 0.02rem;
  transition: .2s ease;
}
.view-all:hover{
  color: #97c93b;
}

.top-progress-member-wrapper h6 {
  font-size: .9rem;
  letter-spacing: 0.02rem;
  line-height: 1;
}

.list--group {
  border: none;
  margin: 0;
  padding: 0;
}

.list--group .list-group-item {
  border: none;
  margin: 0;
}

.user-img-profile-performer.loaded {
  opacity: 1;
}

.user-img-profile-performer {
  background: #eee;
  height: 2.5rem;
  width: 2.5rem;
  display: block;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  border: 2px solid #A58440;
  background-color: #fff;
  background-repeat: no-repeat;
}

.user-img-profile-performer.no-image i {

  color: #858585;
}

.user-num-courses-completed {
  font-size: 0.8rem;

}

.list-group-navs {
  border: none;
  padding: 0;
  margin: 0;

}
.list-group-navs   a:hover,.list-group-navs   a.active{
  color:#A58440;
 border-color: #A58440;

}
.list-group-navs   a  img{

  filter: brightness(0) invert(0);
}
.list-group-navs   a:hover img,.list-group-navs   a.active img{
 
  filter: unset!important;
}
.list-group-navs li {
  list-style: none;
 
 
}

.list-group-navs li a {
  padding: .7rem 0rem;
  color: #212529;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 0.02rem;
  font-weight: 500;
  transition: .25s ease;

}

.list-group-navs img {
  width: 18px;
}

#left-col-nav {
  /* -webkit-transition-duration: .25s ease-out;
  transition-duration: .25s ease-out; */
  position: relative;
   padding-left:1rem;
   padding-right: 1rem;
}

#left-col-nav.closed {

  margin-left: -188px;

  /* -webkit-transition: .25s ease-out;
  transition: .25s ease-out; */
}

.show-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 100%;
 
  z-index: 1;
  display: none;
}

.show-sidebar i {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
color: #A58440;
transition: .25s ease;
}
.show-sidebar .user-img-profile.no-image i{
 
  font-size: 1.5rem!important;
}
.show-sidebar .user-img-profile.no-image {
  
}
.circle-arrow-show {
  border-radius: 50%;
  position: absolute;
right: -15px;
  top: 3.7rem;
  cursor: pointer;
  width: 30px;
  height: 30px;
  user-select: none;
}
.card{
  background: transparent;
}
.card-img-top{
  transition: height .15s ease, opacity .3s ease;

}
.main-stretch{
  min-height: calc(100vh - 90px);
  display: grid;
}

.border-right-dark{
  border-right: 1px solid #7d7e81;
}
.border-left-dark{
  border-left: 1px solid #7d7e81;
}
.border-bottom-dark{
  border-bottom: 1px solid #7d7e81;
}
.border-top-dark{
  border-top: 1px solid #7d7e81;
}
.card-badge-category{
  background-color: #A58440;
  color:#fff;
  border-radius: 0;
  padding:4px 8px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .02rem;
}

.anchor-btn{
  padding: 0.65rem 1rem !important;
   
}
.anchor-btn:hover{
  background-color: transparent;
  text-decoration: none;
}
.bg-gold{
  background-color: #A58440;
}
.box-dash img{
  filter: brightness(0) invert(1);
  width: 1rem;
 
}
.user-name-profile{
  font-size: 1.2rem;
}

.chart-link-view-all{
  top: 1.7rem;
  right: 1.5rem;
 
}
.mini-nav{
 
 
  height: 100%;
  cursor: pointer;
 
}
.show-sidebar  .mini-nav a{
  padding: .7rem .5rem;
  border: none;
}

.show-sidebar .user-img-profile{
  width: 3rem;
  height: 3rem;
}
.custom-pl-sidebar{
  padding-right: 85px!important;
}

.show-sidebar  .list-group-navs img
{
  width: 18px;
}

.wrapper-charts-time-btns{
  position: absolute;
  top: 1.7rem;
  right: 0;
 
}
.wrapper-charts-time-btns a{
  white-space: nowrap;
}

.radio-search{
  padding: 0.35rem 0;
  min-width: 180px;
 
  width: fit-content;
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 1rem;
  position: relative;
  cursor: pointer;
}
.radio-search .label-text{
  font-weight: 500;
  letter-spacing: .02rem;
  font-size: .85rem;
  padding-left: 2rem;
  color:#646870;
}
 
.label-input-search input.checked + i{
  background: #A58440;
}
.label-input-search input.checked   {
  color: #A58440;
}
.label-input-search   i{
  display: inline-block;
  
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #646870;
  box-shadow: inset 0 0 0 4px #EDE8DF;
  transition: 0.25s;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  line-height: 1;
}

.tags-wrapper{
  max-width: 310px;
}
.tag-category{
  background: #E7DECC;
  color: #A58440;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .02rem;
  padding:  .5rem .75rem;
  line-height: 1;
  margin-bottom: .7rem;
 cursor: pointer;
 transition: .25s ease;
 border: 1px solid #E7DECC;
 user-select: none;
}

.tag-category:hover{
  background: transparent;
  border: 1px solid #A58440;
}

.tag-category.active{
  background: transparent;
  border: 1px solid #A58440;
}
#search-course-input,#search-user-rank,#search-certif-text{
  outline: none;
 border-top: none;
 border-left: none;
 border-right:none;
  font-size: 14px;
  background-color: transparent;
  width: 100%;
  padding: 5px;
  min-width: 220px;
}
#search-certif-text{
  min-width: 150px;
}

#search-course-btn,#search-user-rank-btn,#search-certif-text-btn{
  color: #A58440;
  outline: none;
  box-shadow: none;
border: none;
padding: .5rem;
  background-color: transparent;
  position: absolute;
  top: -3px;
  right: 0;
}

 
.lds-spinner.brown {
  left: 70%;
}

.lds-spinner.brown div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #A58440 !important;
}

.card-user.row .card-img-top.col-auto{
  width: 240px;
}
.card-user.row .card-img-top.col-shrink{
  width: 240px;
}

.horizontal-badge{
  width: min-content;
  
}
.card-progress-time-wrapper span{
font-size: 14px;
}
.font-weight-medium{
  font-weight: 500;
}

 .card-course-btn-view{
  padding: 0.45rem .7rem !important;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none!important;
 }
 .card-course-btn-view:hover{
  background-color: transparent;
 
 }
 .card-course-btn-view img{
  filter: brightness(0) invert(1);
  width: 14px;
  vertical-align: top;
 }

 .card-course-btn-view:hover img{
  filter: unset;
 }

 .certif-badge-wrapper{
  background-color: red;
  width: fit-content;
  position: absolute;
  top: 0;
  right: 0;
 }
 .certif-badge{
 white-space: nowrap;
  color:#fff;
 
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .02rem;
  line-height: 1.8;
    --f: 0px; /* control the folded part*/
    --r: 15px; /* control the ribbon shape */
    --t: 10px; /* the top offset */
    
    position: absolute;
    inset: var(--t) calc(-1*var(--f)) auto auto;
    padding: 0 10px var(--f) calc(10px + var(--r));
    clip-path: 
      polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
        calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
        var(--r) calc(50% - var(--f)/2));
    background: #e10a0a;
    box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
  
 }
 .certif-badge img{
  width: 13px;
  vertical-align: text-top;
  filter: brightness(0) invert(1);
 }
 
 #svelte-wrapper-search .pagination .page-link ,#svelte-wrapper-ranking .pagination .page-link{
  color:#A58440!important;
 }

 #svelte-wrapper-search  .pagination .page-item.active .page-link,#svelte-wrapper-ranking .pagination .page-item.active .page-link{
background-color:  #E7DECC;
  
 }


 #svelte-wrapper-search .pagination ,#svelte-wrapper-ranking  .page-item.active .page-link .pagination,#svelte-wrapper-certificates .page-item.active .page-link .pagination{
  font-size: 1.1rem;
 }
 .text--gray{
  color:#646870;
 }

 .tag-title{
  font-size: 15px;
  letter-spacing: .02rem;
 }
 #svelte-wrapper-search .btn-light,#svelte-wrapper-ranking   .btn-light,#svelte-wrapper-certificates .btn-light ,#statistics-wrapper .btn-light{
background: #fff;
color:#646870;;
width: min-content;
line-height: 1.3;
font-size: 15px;
padding: 0.5rem .75rem;
box-shadow: none!important;
 }
 #svelte-wrapper-search .dropdown-menu .inner a,#svelte-wrapper-ranking .dropdown-menu .inner a,
 #svelte-wrapper-certificates .dropdown-menu .inner a,#statistics-wrapper .dropdown-menu .inner a{
  line-height: 1.3;
  font-size: 15px;
  padding: 0.5rem .75rem;
 }
 .card-myCourse-icon{
  width: 9px;
  vertical-align: unset;
 }
 .card-myCourse-icon.chapters-count{
  width: 13px;
 }

 #minymize-dash-col{
  box-shadow:none;
  outline:none;
  padding: .7rem 0rem;
  color: #212529;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.02rem;
  font-weight: 500;
  transition: .25s ease;
  background-color: transparent;
  border-bottom: none;
  border-top:none;
  border-left:none;
  border-right: none;
 
  color: #A58440;
 }
 #minymize-dash-col:hover{
  color: #212529;
 }
 .w-fit{
  width: fit-content;
 }

 #dropdown-role-user:after{
  content: '';
 }
 .bg-dark-brown{
  background-color:#DACBAA;
 }
.user-dropdown-header .bg-dark-brown{
  background-color: #DACBAA!important;
 }
 .user-dropdown-header .list-group-navs li a{
  font-size: 13px;
  padding-top: .35rem;
  padding-bottom: .35rem;
 }

.user--name{
  color:#A58440;
  font-weight: bold;
  letter-spacing: 0.02rem;
  font-size: 1.05rem;
}
 .user-dropdown-header .list-group-navs a img{
  width: 13px;
 }

 #dropdown-role-user .user-img-profile{
  height: 3rem;
  width: 3rem;
  border:1px solid #fff;
  border-color: #fff;

 }

 .dropdown-item-notif{

 }

 .img-notif-header {
  height: 3rem;
  width: 3rem;
  display: block;
  background-size: contain;
  background-position: center;
  border-radius: 50%;
  border: 2px solid #A58440;
  background-color: #73492d;
  background-repeat: no-repeat;
}
.img-notif-header.loaded {
 opacity: 1;
}

.notif-dropdown-header,.dropdown-item-notif{
  background: #DACBAA!important ;
}
#dropdown-role-user .user-img-profile.no-image i{
  font-size: 1.5rem;
}

.points-top-perf{
  font-size: 0.85rem;
  color: #97c93b;
  line-height: 1;
  font-weight: 500;
 
}

@media screen and (max-width:1380px) {
  .card-stats-wrapper .info-prop-red{
    font-size: 1.2rem!important;
  }
  .card-stats-wrapper img {
    height: 22px!important;
  }
}