/* styles */

.img-menu {
   display: block;
   margin: auto;
}

.profile-user-img {
   width: 150px !important;
}

.user-panel.mt-3.pb-3.mb-3.d-flex {
   justify-content: center;
}

.user-panel img {
   width: 50% !important;
   margin: 0 auto;
}

[class*=sidebar-dark-] .sidebar a {
   color: #ffffff !important;
}

.sidebar {
   padding: 0px !important;
}

[class*=sidebar-dark] .user-panel {
   border-bottom: 1px dashed #fff !important;
}

a.nav-link {
   display: flex !important;
   flex-direction: row !important;
   align-items: center !important;
   margin: 5px 5px 5px 5px !important;
}

.nav-sidebar>.nav-item .nav-icon {
   margin-right: 0.4rem !important;
   color: #d5165b;
}

/* li.nav-header {
   padding-bottom: 16px !important;
   margin: 10px 0px 8px 0px !important;
   border-bottom: 1px dashed #fff !important;
   color: #fff !important;
   padding-left: 1.425rem !important;
   font-size: 1rem !important;
   background-color: rgb(94 48 22 / 31%) !important;
   padding-top: 16px!important;
} */

.sidebar {
   height: calc(93vh - (5.6rem + 1px)) !important;
   padding: 0px !important; 
   margin-top: 1.25em;
}

.d-block {
   font-size: 1rem !important;
   padding-left: 0.8rem !important;
}

.image {
   display: none !important;
}

.nav-sidebar .nav-link>.right:nth-child(2),
.nav-sidebar .nav-link>p>.right:nth-child(2) {
   right: 1rem !important;
}

.btn-teamly {
   color: #fff !important;
   box-shadow: none !important;
   border-radius: 30px !important;
}

.btn-teamly {
   color: #fff !important;
   background-color: #d5165b !important;
   border-color: #d5165b !important;
   box-shadow: none !important;
   border-radius: 30px !important;
}

.btn-teamly:hover {
   color: #d5165b !important;
   background-color: #fff !important;
   border-color: #d5165b !important;
}

.btn-teamly:hover {
   color: var(--teamly-1) !important;
   background-color: #fff !important;
   border-color: var(--teamly-1) !important;
}

.bg-teamly {
   background-color: var(--teamly-1) !important;
}

.border-teamly {
   border: solid 2px !important;
   border-color: var(--teamly-1) !important;
}

.badge-teamly {
   color: #fff;
   
}

.text-teamly {
   color: var(--teamly-1) !important;
}

.menu-notification-part {
   height: 60vh;
   overflow-y: scroll;
}

.color-teamly {
   color: var(--teamly-1) !important;
}

.btn-custom {
   color: #ffffff;
   background-color: #d5165b;
   border: solid 2px #d5165b;
   border-radius: 30px;
}

.btn-custom:hover {
   color: #d5165b;
   background-color: #ffffff;
   border: solid 2px #d5165b;
   border-radius: 30px;
   box-shadow: 0px 0px 4px #d5165b;
}

.card-custom {
   box-shadow: 0px 0px 2px var(--teamly-1) !important;
   border-radius: 10px !important;
}

.icheck-custom>input:first-child:not(:checked):not(:disabled):hover+label::before,
.icheck-custom>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before {
   border-color: var(--teamly-1) !important;
   border-radius: 30px;
}

[class*=icheck-custom]>input:first-child+input[type=hidden]+label::before,
[class*=icheck-custom]>input:first-child+label::before {
   border-color: var(--teamly-1) !important;
   border-radius: 30px;
}

.icheck-custom>input:first-child:checked+label::before,
.icheck-custom>input:first-child:checked+input[type="hidden"]+label::before {
   background-color: var(--teamly-1) !important;
}

.bg-custom {
   background-size: cover;
   background-color: #fdf4f7 !important;
}

.loader-page {
    position: fixed;
    z-index: 25000;
    background: rgb(255, 255, 255, 0.80);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all .06s ease;
  }
  .loader-page::before {
    content: "";
    position: absolute;
    border: 2px solid rgb(255, 73, 140);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176,0);
    border-top: 2px solid rgba(50, 150, 176,0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
  }
  @keyframes rotarload {
      0%   {transform: rotate(0deg)}
      100% {transform: rotate(360deg)}
      
  }
  .loader-page::after {
    content: "";
    position: absolute;
    border: 2px solid rgb(214, 21, 92);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotate 1s infinite linear;
    transform: rotate(0deg);
  }

  .custom_botones_grid {
   display: flex;
   justify-content: end;
   gap: 10px;
   align-items: center;
}