.btn-success {
    color: #fff;
    background-color: #27AE60!important;
}
.btn-success:hover {
    color: #fff;
    background-color: #1E8449!important;
}
.btn-primary {
    color: #fff;
    background-color: #2980B9!important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #1F618D!important;
}
.btn-danger {
    color: #fff;
    background-color: #C0392B!important;
}
.btn-danger:hover {
    color: #fff;
    background-color: #922B21!important;
}
.btn-geri {
    color: #fff;
    background-color: #BFC9CA!important;
}
.btn-geri:hover {
    color: #fff;
    background-color: #EAEDED!important;
}
.btn-indir {
    color: #fff;
    background-color: #E67E22!important;
}
.btn-indir:hover {
    color: #fff;
    background-color: #B26929!important;
}
.btn-word {
    color: #fff;
    background-color: #884EA0!important;
}
.btn-word:hover {
    color: #fff;
    background-color: #5B2C6F!important;
}

.bg-blue {
  background-color: #1d9c9e!important; }
  .bg-blue:hover {
      background-color: #1d9c9e!important; }

      .sidebar-dark .nav-sidebar .nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item>.nav-link.active {
        background-color: #bfc9ca!important;
        color: #4f3961!important;
        font-weight: bold!important;
    }
    .sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link:not(.disabled):hover {
        color: #fff;
        background-color: #221829!important;
    }
    .sidebar-dark .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-dark .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-open>.nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar>.nav-item-expanded:not(.nav-item-open)>.nav-link {
        background-color: #4f3961!important;
    }
    .sidebar-xs .sidebar-main.sidebar-dark .nav-sidebar>.nav-item-submenu>.nav-group-sub {
        background-color: #151515;
        border-left: 1px solid rgba(255,255,255,.1);
    }
    .border-top-primary {
        border-top-color: #151515;
    }
    .badge-success {
        background-color: #25ae60;
    }
    .badge-danger {
        background-color: #bf3a2b;
    }
    .badge-primary {
        background-color: #2a7fb9;
    }
    .badge-warning {
        background-color: #E67E22;
    }


    .alert-rounded {
        border-radius: 0.125rem;
    }
    .navbar-brand {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .navbar-brand img {
        height: 40px;
    }
    .navbar-dark {
        background-color: #8d2569;
    }
    .sidebar-dark {
        background-color: #151515;
    }
    .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc, .dataTable thead .sorting_desc_disabled{
        padding-right: 1.5rem;
    }
    #cke_32{
       display: none;
   }
   .navbar-nav-link .badge {
    top: 5px;
}
.nav-tabs-highlight .nav-link.active:before {
    background-color: #8d2569;
}
.select2-selection--single .select2-selection__placeholder {
    color: #000;
}
.sidebar-dark .nav-sidebar .nav-item>.nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item>.nav-link.active {
    background-color: #bfc9ca!important;
    color: #fff;
}
.active22 {
    background-color: #151515!important;
}

.active-old {
    background-color: #151515!important;
}
img.menu-icon{
    width: 16px;
    margin-right: 1.25rem;
    margin-top: .12502rem;
    margin-bottom: .12502rem;
    top: 0;
}
.form-control:disabled {
    color: #333;
}

.t-btn {
    display: flex;
    gap: 10px;
    align-items: center;
}


table i {
    color: #fff;
}

/* accordion */ 

.accordion {
    /* background-color: #eee; */
    color: #444;
    cursor: pointer;
    /* padding: 18px; */
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    transition: 0.4s;
  }
  
  .active, .accordion:hover {
    /* background-color: #ccc;  */
  }
  
  .panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
  }
  /* accordion */


    
    /*start styles*/
    .accordion {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    
    .accordion__item {
        border: 1px solid #8d2569;
        /* border-radius: 10px; */
        overflow: hidden;
    }
    
    .accordion__header {
    padding: 8px 13px;
        font-weight: 600;
        cursor: pointer;
        position: relative;
    }
    
    .accordion__header::after {
        content: '';
        background: url(https://www.svgrepo.com/show/357035/angle-down.svg) no-repeat center;
        width: 12px;
        height: 20px;
        transition: .4s;
        display: inline-block;
        position: absolute;
        right: 9px;
        top: 10px;
        z-index: 1;
    }
    
    .accordion__header.active {
        background: #fafafa;
    }
    
    .accordion__header.active::after {
        transform: rotateX(180deg);
    }
    
    .accordion__item .accordion__content {
        padding: 0 25px;
        max-height: 0;
        transition: .5s;
        overflow: hidden;
    }
    

    .alert {
        padding: 10px 15px;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        font-size: 14px;
    }
    
    .alert .btn-close {
        background: none;
        border: none;
        font-size: 20px;
        line-height: 1;
        cursor: pointer;
        color: #fff;
    }
    
    .alert-primary {
        background-color: #4f3961;
        border-color: #b8daff;
        color: #fff;
    }
    .content-wrapper.actions table .icon-arrow-left5, .content-wrapper.actions table .icon-arrow-right5{
        color: #000;
    }