/* Custom Pasa CSS  */
:root{
 
  --corporate-color: rgba(10,75,169,1); /*#0a4ba9*/
   --corporate-hover-color: rgba(20, 85, 190,1); /*  1555c1*/
   --bs-root-font-size: 15px;
   --bs-body-font-size: 15px;
   --secondary-color:#f2812f;

   --body-text-color:#333;
   /* --bs-body-font-family: "Poppins", sans-serif; */
   --bs-body-font-family:  "Source Sans 3", sans-serif;
}

body{
  color: var(--body-text-color);
}
table a:hover{
  text-decoration: underline;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
  color: var(--body-text-color);
}

.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next{
  color: var(--body-text-color);
}

.bg-menu-theme{
  color: var(--body-text-color);
}

.fw-bold {
  font-weight: 600 !important;
}


/* .card-action .card-header .card-action-element a{
  color: #fff;
} */

/* start menu side bar modification  */

.menu-sub .menu-item .menu-link div{
  padding-left: 34px !important;
}

.menu-vertical .menu-item .menu-link, .menu-vertical .menu-block{
  padding: 0.561rem 0.5rem ;
}

@media (min-width:1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item{
    width: 3.4rem;
  }

  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
    width: 3.45rem;
  }
}


@media screen and (min-width:1400px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
    width: 4rem;
  }

  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item {
  width: 4.45rem;
  }
}

.menu-vertical .menu-inner > .menu-item .menu-link{
  margin: 0 0.5rem;
}

.menu-vertical .app-brand{
  margin: 0.2rem 0.875rem 0 0.12rem;
  padding-left: 0.35rem;
}

@media (min-width: 1200px){
  .layout-menu-fixed.layout-menu-collapsed .layout-page {
    padding-left: 3.25rem;
  }
  .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
    left: 3.12rem;
  }
}

.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached {
  width: calc(100% - calc(1.5rem * 2) - 3.25rem);
}

.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
  padding-top: 0.7rem !important;
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(10, 75, 169, 0.1) 0.16%, rgba(13, 91, 200, 0.2) 76.47%);
  font-weight: 600;
  box-shadow: unset;
  color: var(--corporate-color) !important;
}
.app-brand-text.demo{
  font-size: 1.75rem;
  font-weight: bolder;
}

@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item span:not(.menu-block) {
      /* overflow: hidden; */
      text-overflow: ellipsis;
      white-space: nowrap;
      /* opacity: 0; */
  }
}


@media screen and (min-width:1400px) {
  .menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {  
    width: 16.6rem;  
    /* width: 18.25rem;   */
  }  
  .menu-vertical .menu-inner > .menu-item .menu-link{
    margin: 0 1rem;
  }
  .menu-vertical .app-brand {
    margin: 0 0.875rem 0 0.7rem;
  }
  
}

@media screen and (min-width:1800px) {
  .menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {   
    width: 18.25rem;  
  }  
}

.menu-icon{
  font-size: 14px !important;
  padding-top: 0.25rem !important;
}

/* end menu side bar modification  */

.btn{
  /* padding: 0.6rem 1.15rem; */
  /* border: 0px !important; */
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
  box-shadow: none !important;
  font-weight: 400;
}
.btn:hover{
  box-shadow: 0 0px 20px rgba(193, 163, 98, 0.4);
}
.btn-outline-primary{
    border: 1px solid var(--corporate-color) !important;
    box-shadow: none;
    color:var(--corporate-color) ;
}
.btn-outline-secondary{
    border: 1px solid var(--secondary-color) !important;
    box-shadow: none;
    color: var(--secondary-color) !important;
}
.btn-outline-secondary:hover{
  background-color: rgba(242, 129, 47, 0.1) !important;
  color: var(--secondary-color) !important;
  border: 1px solid var(--secondary-color) !important;
    box-shadow: none;
}



.bg-secondary{
  background-color: var(--secondary-color) !important;
}
.btn-primary{
  background-color: var(--corporate-color);
  color: #fff !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus{
  background-color: var(--corporate-color);
  border-color: var(--corporate-color);
}
.btn-secondary{
  color: #fff !important;
  border-color:var(--secondary-color) ;
  background-color: var(--secondary-color);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}
.btn-secondary:hover{
  box-shadow: 0 0px 20px rgba(193, 163, 98, 0.4) !important;
  background-color: var(--secondary-color) !important;
  border-color:var(--secondary-color) !important;
}
.ps-profile-img{
  width: 35px;
  border-radius: 50%;
}

.side-bar-badge{
  background-color: rgba(46, 49, 146, 0.1);
  color: var(--body-text-color);
}

.ps-pte-badge{
  background-color:#042267 !important;
  margin-bottom:3px;
}
.ps-nat-badge{
  background-color:#00AC46 !important;
  margin-bottom:3px;
}
.ps-jlpt-badge{
  background-color:#f2812f !important;
  margin-bottom:3px; 
}

/*start card header modification  */
.ps-top-index{
  /* margin-bottom: 10px; */
}
.ps-top-index p{
  margin-bottom: 0px;
  font-size: 15px;
  padding: 5px;
}
.card-header{
  padding-top: 14px;
  padding-bottom: 10px;
  padding-right: 14px;
  padding-left: 16px;
  border-bottom: 1px solid #E5E7EB;
  margin-bottom: 15px;
}
.card-title{
  font-size: 20px !important;
}
/* .card-header{  
  padding: 0px;
}

div.dataTables_wrapper div.dataTables_filter label{
  position: absolute;
  right: 240px;
}

.card-header .card-action-title .card-title{
  display: none;
}
.card-action .card-header .card-action-element{
  position: absolute;
  top: 2.5%;
}  

.card-datatable .dataTables_wrapper .row div:nth-child(2){
  display: flex;
  justify-content: left;
} */
/*end card header modification  */



/* start datatables modification */
.tbody-height{
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
}
.equal-width{
  width: 19.33%;
}

.dtfh-floatingparent-head{
  margin-top: 16px !important;
}
.table{
  color: var(--body-text-color);
}

.datatables-basic{
  width: 100% !important;
}
.datatables-basic a,td{
  color: var(--body-text-color);
  font-weight: 400 ;
  font-size: 14px;
  white-space: nowrap;
}
.table-striped > tbody > tr:nth-of-type(odd) > *{
  color: var(--body-text-color);
}



.ps-lead-table th, .ps-lead-table td  {
  padding: 0.3rem 0.8rem !important;
  /* max-width: 50px !important; */
  /* overflow: auto !important; */
}

table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td{
  padding: 0.3rem 0.8rem !important;
}

.datatables-basic thead tr{
  background-color:rgba(0,0,0,0.052);
}
.table:not(.table-dark) thead:not(.table-dark) th{
  color: #030303;
  font-weight: 600;
}

.table > :not(caption) > * > *{
  /* padding: 0.5rem 0.8rem !important; */
}

.datatables-basic thead tr {
  background-color: #fff; 
}
.table th, .table td{
  font-size: 13px;
  text-transform: unset;
  /* padding: 12px !important; */
  white-space:nowrap ;
}
.table th{
  background-color: #eff0f1;
}
.light-style table.dataTable th, .light-style table.dataTable tr th td{
  /* border: 1px solid #e6edef !important; */
  vertical-align: middle;
}
.datatables-basic thead tr th {
  /* padding-top: 10px; */
  /* padding-bottom: 10px; */
}
.datatables-basic tbody tr:hover td{
  background-color: #e6edef !important;
  box-shadow:inset 0 0 0 9999px #e6edef !important;
}
.dt-length{
  padding-left: 15px;
  margin-bottom: 1rem;
}
@media screen and (max-width:480px) {
  .dt-length{
    margin-bottom: 0px;
  }
}
.dt-length>:nth-child(2){
  padding-left: 10px;
}
.dt-search {
  text-align: end;
  padding-right: 15px;
  margin-bottom: 1rem;
}
.dt-search label{
  padding-right: 5px;
}
.dt-info{
  padding-left: 15px;
  margin-top: 20px;
}
.dt-paging{
  padding-right: 15px;
  text-align: end;
  /* margin-top: 1rem;
  margin-bottom: 13px; */
}
.dt-paging button{
  border: 0px;
}
.dt-column-title{
  text-align: left;
  margin-right: 15px;
}
.dt_basic_table_wrapper th{
  vertical-align: middle;
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover{
  background-color: rgba(17, 76, 167,0.2) ;
  border: 0px;
}
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{
  text-align: left;
}

.datatables-fixed-ps{
  position: sticky;
  top: 0px;
  z-index: 5;
}

#dt_basic_table_wrapper .bottom {
  display: flex;
  padding: 8px 20px;
  justify-content: space-between;
}

/* end datatables modification */


/* start off canvas form sidebar modification  */
.offcanvas-header{
  background-color: var(--corporate-color);
  color: white;
}
.offcanvas-title{
  color: white;
}
form h5{
  color: var(--corporate-color);
}
form .dropdown{
  border: 1px solid #dbdade;
  border-radius: 5px;
}
.form-label{
  font-weight: 600;
}
.form-label span{
  font-size: 12px;
  font-weight: 400;
}
form .col-sm-6{
  margin-bottom:0.5rem ;
}
form .dropdown-menu label:hover{
  font-weight:500;
  cursor: pointer;
}

label[required]::after {
  content: ' *';
  color: red;
  font-size: 14px;
}

.short-desc-height{
  height: 90px;
}
.long-desc-height{
  height: 150px;
}



::placeholder {
  /* color: red !important; */
  font-size: 11px;
  color: rgba(0,0,0,0.5) !important;
}
/*end  off canvas sidebar modification  */

.list-group-item{
  padding: 12px;
  color: var(--body-text-color);
}


/*start side bar*/
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover{
  background: #f1f1f1 ;
}
.menu-vertical .menu-inner > .menu-item{
    font-size: var(--bs-root-font-size);
    font-weight: 500;
    color:var(--body-text-color);
}

.bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle{
    font-size: var(--bs-root-font-size);
    color:var(--body-text-color);
}

.menu-vertical .menu-item .menu-link{
    font-size: var(--bs-root-font-size);
}
/*end side bar*/

/* start lms customization  */
/* star .our-courses-card */
.our-courses-card {
  transition: background-color .2s ease-out 50ms, color .2s ease-out 50ms;
  margin-bottom: 0rem;
  background-color: white;
}
.our-courses-card img {
  /* border-radius: 12px 12px 0 0 ; */
  margin-bottom: 0.9rem;
  height: 180px;
  object-fit: cover;
}
/* end lms customization  */

.nav ~ .tab-content{
  background: transparent;
  padding: 0;
}
.nav-tabs{
  padding: 8px 0px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
  color: var(--corporate-color);
}
.nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus{
  color: var(--corporate-hover-color);
}
.owl-item .item .nav-link {
  white-space: nowrap;
}
/* .ps-text-highlight{
  font-weight: 500;
} */
.ps-student-info ul li{
  margin-bottom: 2px;
}
.ps-student-info ul li>:first-child{
  color: #777;
  margin-bottom: 3px;
  /* display: block; */
  font-size: 14px;
}
.ps-student-info ul li>:first-child::after{
  content: ':';
  margin-right: 5px;
}
.ps-student-info ul li>:last-child{
  font-weight: 500;
}
.ps-fw-bold{
  font-weight: 500;
}

hr{
  margin: 0.5rem 0;
}
.ps-chapter-name:hover {
  background-color: #f1f1f1;
}
/* .ps-chapter-name:hover .ps-chapter-edit {
  opacity: 1 !important;
} */
.ps-chapter-edit{
  /* opacity:  0 !important; */
}

/*start chapter preview  */
#chapter-preview{
  overflow-x: hidden;
}
#chapter-preview strong{
  font-weight: 500;
}
#chapter-preview p , #chapter-preview li {
  line-height: 24px;
}
#chapter-preview h3{
  font-size: 1.25rem;
  font-weight:600
}
#chapter-preview h4{
  font-size: 1.2rem;
  font-weight:500
}
#chapter-preview h5{
  font-size: 1.125rem;
  font-weight:500;
}
/*end chapter preview  */

/* start ckeditor */

#chapter-offcanvas .cke_contents{
  height: calc(100vh - 40vh) !important;
}
.cke_inner {
  border: 1px solid #dbdade !important;
  border-radius: 0.375rem !important;
}

#frm_email .cke_contents{
  height: 300px !important;
}
@media screen and (min-width:1430px) {
  #frm_email .cke_contents{
    height: 320px !important;
  }
}
@media screen and (min-width:1600px) {
  #frm_email .cke_contents{
    height: 400px !important;
  }
}
/* end ckeditor */

.owl-carousel .owl-stage-outer .owl-stage {
  padding-left: 0 !important;
  /* padding-right: 80px; */
}

.ps-top-status .bg-white{
  border-radius: 0.375rem;
}

/* start login page  */
.authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg{
  margin: 0px;
  border-radius: 0px;
  height: 100vh;
}
/* end login page  */



/* start table scroll bar  */
/* Scrollbar Track */
::-webkit-scrollbar {
  width: 10px; /* Width of the scrollbar */
  height: 10px; /* Height of the scrollbar for horizontal scroll */
  padding-bottom: 5px;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the scrollbar track */
  border-radius: 10px; /* Rounded corners for the track */
}

/* Scrollbar Thumb */
::-webkit-scrollbar-thumb {
  background: #dbdade; /* Color of the scrollbar handle */
  border-radius: 10px; /* Rounded corners for the handle */
}

/* Scrollbar Handle on Hover */
::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3; /* Darker color on hover */
}

/* end table scroll bar  */


.apexcharts-toolbar {
  opacity: 0;
}

.select2-search__field{
  width: 100% !important;
}