.accordion-button {

    border: 0px solid transparent;
}
   .keja-search-modules::-webkit-input-placeholder { 
   font-family: Arial, FontAwesome;
   font-weight: normal;
   overflow: visible;
   vertical-align: top;
   text-transform: none!important;
   
   }
   .keja-search-modules::-moz-placeholder  { 
   font-family: Arial, FontAwesome;
   font-weight: normal;
   overflow: visible;
   vertical-align: top;
   text-transform: none!important;
   
   }
   .keja-search-modules:-ms-input-placeholder  { 
   font-family: Arial, FontAwesome;
   font-weight: normal;
   overflow: visible;
   vertical-align: top;
   text-transform: none!important;
   
   }
      .keja-search-box{
      width:100%;
   }
   .keja-search-wrapper{
   width: 100%;
   margin: 0 auto;
   background: transparent;
   display: table;
   position:relative;
   /*padding:1%*/
   }
   .keja-search-query{
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
   padding-left: 3%;
   width:100%
   }
 .search-auto-load{
   display: none;
 }
  .lms_loading{
   display: none;
 }
/* .keja-search-results {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}
.keja-search-results::-webkit-scrollbar { 
    display: none;  
}*/

.keja-search-results::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.keja-search-results::-webkit-scrollbar-thumb {
    background: #FF0000;
}
   .keja-search-results{
   width:100%!important; 
   display: none;
   position:absolute;
   left:0;
   top:100%;  
   height: 350px!important;
   z-index: 99!important;
   overflow-y: scroll;

}
   #home_courses_list{

      position: absolute;
      width: 100%;
      z-index: 9999;
   }
   /*  
   * Rating styles
   */
   .lms-rating {
   width: 226px;
   margin: 0 auto 1em;
   font-size: 45px;
   overflow:hidden;
   }
   .lms-rating input {
   float: right;
   opacity: 0;
   position: absolute;
   }
   .lms-rating a,
   .lms-rating label {
   float:right;
   color: #aaa;
   text-decoration: none;
   -webkit-transition: color .4s;
   -moz-transition: color .4s;
   -o-transition: color .4s;
   transition: color .4s;
   }
   .lms-rating label:hover ~ label,
   .lms-rating input:focus ~ label,
   .lms-rating label:hover,
   .lms-rating a:hover,
   .lms-rating a:hover ~ a,
   .lms-rating a:focus,
   .lms-rating a:focus ~ a     {
   color: orange;
   cursor: pointer;
   }
   .username_loading {
   width: 1rem;
   height: 1rem;
   display: none;
   }
   #username-error, #email-error, #slug-error{
   font-size: 12px;
   }
   .lms-courses-count{
   font-size: 12px;
   }
   [type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: none;
   appearance: none;
   height: 10px;
   width: 10px;
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
   background-size: 10px 10px;
   }
   .lms-glob-search .form-control {
   padding-left: 2.375rem;
   }
   .lms-glob-search .form-control-feedback {
   position: absolute;
   z-index: 2;
   display: block;
   width: 3rem;
   height: 3rem;
   line-height: 3rem;
   text-align: center;
   pointer-events: none;
   color: #aaa;
   }

   /* scroll bar width */
   ::-webkit-scrollbar {
    display: none!important;
   width: 5px;
   }
   /* Track */
   ::-webkit-scrollbar-track {
   background: #f1f1f1;
   }
   /* Handle */
   ::-webkit-scrollbar-thumb {
   background: #bec4c4;
   }
   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
   background: #555;
   }
   .starrating > input {display: none;}  
   .starrating > label:before { 
   content: "\f005"; /* Star */
   margin: 2px;
   font-size: 1em;
   font-family: FontAwesome;
   display: inline-block; 
   }
   .starrating > label
   {
   color: #747794; 
   }
   .starrating > input:checked ~ label
   { color: #ffca08 ; }  
   .starrating > input:hover ~ label
   { color: #ffca08 ;  }  
   .progress{
   visibility: hidden;
   }
   .note-editing-area{
   background-color: #fff;
   }
   .note-modal-footer{
   padding-bottom: 3rem!important;
   }
   [data-theme="dark"] .note-editing-area {
   background-color: #2b2a2b;
   }
   .btn-outline-primary {
   padding: 10px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 30px;
   border-color: #179CF0;
   color: #179CF0!important;
   }
   .btn-outline-primary:hover, .btn-outline-primary:focus {
   background-color: #179CF0;
   border-color: #179CF0; 
   color: #fff!important;
   }
   .btn-primary:active, .btn-outline-primary:active {
   transform: scale(0.98);
   }
   .keja-popup-card{
   /* transition: transform 3s ease;*/
   transition: 3s transform cubic-bezier(.155,1.105,.295,1.12),3s box-shadow,3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
   border: 1px solid #179CF0!important;
   }
   .keja-popup-card:hover{
   /*transform: scale(1.06);*/
   border: 1px solid #ffaf00!important;
   transition: transform .3s ease;
   background-color: #ffaf00!important;
    color: #fff;
   }
   .keja-popup-card:active  {
       color: #fff;
   /*transform: scale(0.9);*/
   transition: transform .3s ease;
   border: 1px solid #ffaf00!important;
   background-color: #ffaf00!important;
   }
   .btn-primary {
   padding: 10px;
   border-radius: 30px;
   padding-left: 20px;
   padding-right: 20px;
   }
   .btn-outline-secondary {
   padding: 10px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 30px;
   border-color: #ffaf00;
   color: #ffaf00!important;
   }
   .btn-outline-secondary:hover, .btn-outline-secondary:focus {
   background-color: #ffaf00;
   border-color: #ffaf00; 
   color: #fff!important;
   }
   .btn-secondary:active, .btn-outline-secondary:active {
   transform: scale(0.98);
   }
   .btn-secondary {
   background-color: #ffaf00;
   border-color: #ffaf00; 
   padding: 10px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 30px;
   }
   .btn-secondary:hover, .btn-secondary:focus {
   background-color: #179CF0;
   border-color: #179CF0; 
   color: #fff!important;
   }
   .lms-btn-secondary {
   color: #fff!important;
   background-color: #ffaf00;
   border-color: #ffaf00; 
   padding: 10px;
   padding-left: 20px;
   padding-right: 20px;
   border-radius: 30px;
   }
   .lms-btn-secondary:hover, .lms-btn-secondary:focus, .lms-btn-secondary:active {
   background-color: #ffaf00;
   border-color: #ffaf00; 
   color: #fff!important;
   }
   .package-description{
   margin-bottom: 20px;
   }
   .package-name{
   font-size: 12px;
   }
   .package-description ul{
   padding: 0;
   }
   .package-description ul li{
   color: #fff!important;
   text-align: left;
   font-size: 12px;
   margin-bottom: 10px;
   }
   .table>:not(:first-child) {
   border-top: 0px solid transparent!important;
   }
   /*input selects dark styles*/
   .select2-container--default .select2-selection--single {
   border: 1px solid #ced4da!important;
   height: 50px!important;
   border-radius: .25rem!important;
   background-color: rgba(255, 255, 255, 0.2)!important;
   }
   .select2-container--default .select2-selection--single .select2-selection__rendered {
   line-height: 48px!important;
   }
   .select2-container--default .select2-selection--single .select2-selection__arrow {
   top: 10px!important;
   }
   .select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: #747794!important;
   }
   /*input selects dark styles*/
   .accordion-item:last-of-type .accordion-button.collapsed {
   background-color: #fff !important;
   }
   [data-theme="dark"] .accordion-item:last-of-type .accordion-button.collapsed {
   background-color: #2b2a2b !important;
   }
   .accordion-button:not(.collapsed) {
   color: #fff !important;
   background-color: #ffc107 !important;
   }
   [data-theme="dark"] .accordion-button:not(.collapsed) {
   color: #fff !important;
   background-color: #ffc107 !important;
   }
   .accordion-button {
   color: #747794 !important;
/*   border: 1px solid #179CF0 !important;*/
   }
   [data-theme="dark"] .accordion-button {
   color: #747794 !important;
   background-color: #2B2A2B !important;
/*   border: 1px solid #747794 !important;*/
   }
   [data-theme="dark"] .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   }
   .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   }
   .accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23747794'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   }
   .btn-close {
   background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffd54b'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
   }
   .keja-account-label{
   height: 220px;
   }
   .keja-package-label{
   height: 250px;
   }
   .keja-plan-text{
   font-size: .8rem;
   text-align: left;
   }
   .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
   background-color: #179CF0!important;
   }
   .keja-create-card{
   height: 100px;
   }
   [data-theme="dark"] .alert-close {
   background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23179CF0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
   }
   .alert-close{
   background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23179CF0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
   }
   .keja-card:hover {
   border: 1px solid #ffaf00!important;
   }
   .keja-card:active,.keja-card:focus {
   border: 2px solid #ffaf00!important;
   transform: scale(0.98);
   }
   label{
   cursor: pointer!important;
   }
   .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
   background-color: #179CF0!important;
   -webkit-border-radius: 30px!important;
   -moz-border-radius: 30px!important;
   }
   .nav-pills > li > button {
   -webkit-border-radius: 30px!important;
   -moz-border-radius: 30px!important;
   border-radius: 30px!important;
   }
   .nav-link{
/*   border: 2px solid #179CF0!important;*/
   color: #179CF0;
   }
   .keja-bold{
   font-weight: bold!important;
   }
   .nav-link:focus, .nav-link:hover, .nav-link:active {
   color: #179CF0;
/*   border: 2px solid #fff!important;*/
   }
   .keja-border-primary{
   border: 1px solid #179CF0!important;
   }
   .keja-border-secondary{
   border: 1px solid #ffaf00!important;
   }
   .keja-round{
   border-radius: 30px;
   }
   .keja-btn-primaryy {
   border-radius: 30px;
   border: 2px solid #179CF0!important;
   background: #179CF0!important;
   color: #fff!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 0px #777777;
   transition: transform 200ms;
   cursor: pointer;
   padding: .375rem .75rem;
   /*    padding: 10px 20px 10px 20px!important;*/
   }
   .keja-btn-primary {
   border: 2px solid #179CF0!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 0px #777777;
   display: inline-block;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   }
   .keja-btn-primary:hover,.keja-btn-primary:focus {
   background: #179CF0!important;
   color: #fff!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 10px #777777;
   }
   .keja-btn-primary:active {
   background: #179CF0!important;
   color: #fff!important;
   transform: scale(0.98);
   }
   .keja-btn-secondary {
   border-radius: 30px;
   background: #ffaf00!important;
   color: #fff!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 0px #777777;
   transition: transform 200ms;
   cursor: pointer;
   /*    padding: 10px 20px 10px 20px!important;*/
   padding: .375rem .75rem;
   }
   .keja-btn-secondary:hover,.keja-btn-secondary:focus {
   background: #ffaf00!important;
   color: #fff!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 10px #777777;
   }
   .keja-btn-secondary:active {
   background: #ffaf00!important;
   color: #fff!important;
   transform: scale(0.98);
   }
   .keja-btn-outline-primary {
   border-radius: 30px;
   border: 2px solid #179CF0!important;
   background: transparent;!important;
   color: #179CF0!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 0px #777777;
   transition: transform 200ms;
   cursor: pointer;
   /*    padding: 10px 20px 10px 20px!important;*/
   padding: .375rem .75rem;
   }
   .keja-btn-outline-primary:hover,.keja-btn-outline-primary:focus {
   background: #179CF0!important;
   color: #fff!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 10px #777777;
   }
   .keja-btn-outline-primary:active {
   background: #179CF0!important;
   color: #fff!important;
   transform: scale(0.98);
   }
   .keja-btn-outline-secondary {
   border-radius: 30px;
   border: 2px solid #ffaf00!important;
   background: transparent;!important;
   color: #ffaf00!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 0px #777777;
   transition: transform 200ms;
   cursor: pointer;
   padding: .375rem .75rem;
   /*    padding: 10px 20px 10px 20px!important;*/
   }
   .keja-btn-outline-secondary:hover,.keja-btn-outline-secondary:focus {
   background: #ffaf00!important;
   color: #fff!important;
   box-shadow: 0 3px 5px #777777, inset 0 0 10px #777777;
   }
   .keja-btn-outline-secondary:active {
   background: #ffaf00!important;
   color: #fff!important;
   transform: scale(0.98);
   }
   .carousel-caption{
   bottom: 7.25rem!important;
   z-index: 2;
   text-align: left!important;
   }
   .keja-init-swipe-img{
   height: 400px;
   border-radius: 20px;
   object-fit: cover;
   }
   .swipe-overlay-nyeusi:after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: black;
   border-radius: 20px;
   opacity: 0.6;
   z-index: 1;
   }
   .carousel-indicators [data-bs-target]{
   border-radius: 50%;
   width: 15px;
   height: 15px;
   background-color: #ffaf00!important;
   }
   .keja-text-primary{
   color: #179CF0!important;
   }
   .keja-text-secondary{
   color: #ffaf00!important;
   }
   .keja-bg-primary{
   background-color: #179CF0!important;
   }
   .keja-bg-secondary{
   background-color: #ffaf00!important;
   }
   .keja-loader {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-color: #ffff;
   }
   .keja-loader-img{
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
   }
   .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{
   width: 90%!important;
   }
   .keja-swipe-init-header{
   font-size: 42px;
   }
   .keja-flex{
   display: flex!important;
   justify-content:  space-between!important;
   }
   @media screen and (max-width: 600px){

 .mobile-text-hide{

   display: none;
 }

 .keja-search-results{

   height: 500px!important;

}
   .horizontal-lms-card .h-card-description .h-card-title {
   font-weight: bold;
   font-size: .8rem;
   line-height: 1;
   }
   th{
   font-size: 12px;
   }
   .package-name{
   font-size: 10px;
   }
   .keja-mobile-hide{
   display: none;
   }
   .nav-link-mobile{
   font-size: 14px;
   }
   .keja-init-swipe-img{
   height: 240px;
   }
   .carousel-caption{
   bottom: 3rem!important;
   z-index: 2;
   text-align: left!important;
   }
   .keja-mobile-text{
   font-size: 12px;
   }
   .keja-swipe-init-header{
   font-size: 24px;
   }
   .keja-mobile-btn{
   font-size: 12px;
   }
   }