/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
#template-customizer .template-customizer-open-btn
{
  display: none !important;
}
.drag-target
{
  display: none !important;
}
.menu .app-brand.demo {
  /* height: 64px; */
  margin-bottom: 11px;
  margin-top: 17px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 62px !important;
}


/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}
/* navbar start */
.layout-navbar .navbar-search-wrapper
{
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
  width: 0 !important;
}
.layout-navbar,#layout-navbar
{
  background: transparent !important;
  box-shadow: none !important;
}
.navbar-nav.align-items-center
{
  /* display: none !important; */
}
@media screen and (max-width:400px) {
  .layout-navbar#layout-navbar
  {
    width: 100% !important;
  }
}
.layout-navbar .nav-item .bx-menu
{
  width: 35px;
  height: 35px;
  background-color: var(--bs-primary);
  color: #fff;
  background-color: #fff;
  color: #646464;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  border-radius: 3px;
  font-size: 29px !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
}
.layout-navbar .bg-white.border-rounded.px-2
{
  background-color: transparent !important;
}
.layout-navbar .bg-white.border-rounded.px-2 .nav-link i
{
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #646464 !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border: 1px solid #f0f0f0;
  background: #f5f5f9;
}
.layout-navbar .bg-white.border-rounded.px-2 .nav-link .avatar img
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
} 
.layout-navbar .dropdown-notifications .dropdown-toggle
{
  position: relative;
}
.layout-navbar .dropdown-notifications .dropdown-toggle .badge 
{
  position: absolute;
  top: 4px !important;
  right: -10px;
}
/* navbar end */
/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}
/* my custom css */
.page-loader
{
  /* display: none; */
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-box
{
  display: flex;
}
/* .dark-style .page-loader
{
  background-color: #232333;
}
.dark-style  .sk-grid-cube
{
  color: #fff !important;
} */
.layout-navbar 
{
  background: transparent !important;
  background-color: transparent !important;
}
.navbar-detached
{
  box-shadow: none !important;
}
.nav-box-shadow
{
  box-shadow: 0 0 0.375rem 0.25rem rgba(161, 172, 184, 0.15);
}
#layout-navbar
{
  /* left: auto !important; */
  /* right: 22px; */
  /* width: fit-content !important; */
  z-index: 99 !important;
}
.navbar-detached
{
  box-shadow: 0 0 0.375rem 0.25rem rgba(161, 172, 184, 0.15) !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before
{
  /* content: none !important; */
}
.session-selector-top
{
  position: fixed;
  left: 18rem;
  top: 17px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 250px;
  border-radius: 5px;
  z-index: 99;
}
.session-selector-top .select2-selection__rendered
{
  padding-right: 33px !important;
}
.session-selector-top label i.bx-edit-alt
{
  margin-top: -5px;
}
.session-selector-top  .select2-selection__arrow b
{
  left: 46% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.spacing-card:first-child
{
  margin-top: 20px;
  margin-bottom: 20px;
}
.attempt-card .border-rounded
{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  padding-top: 10px !important;
  padding-bottom: 13px !important;
}
.attempt-card .border-rounded::after
{
  content: '';
  width: 96%;
  height: 4px;
  background: #fff;
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.attempt-card .total-card.border-rounded::before
{
  content: '';
  width: 96%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.attempt-card .total-card.border-rounded::after
{
  height: 2.5px;
}
.attempt-card .border-rounded div:first-child
{
  /* border: 1px solid; */
  /* padding: 0 6px; */
  /* border-radius: 4px; */
}
.attempt-card .border-rounded .badge.rounded-pill
{
  position: absolute;
  top: -10px;
  right: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; 
  background: #fff !important;
}
.attempt-card .border-rounded .badge.font-weight-bold
{
  background: transparent !important;
}
.attempt-card .border-rounded.bg-pink
{
  background: linear-gradient(45deg, #e91e63, #f28daf) !important;
}
.attempt-card .border-rounded.bg-cyan 
{
  background: linear-gradient(45deg, #00bcd4, #78f0ff) !important;
}
.attempt-card .border-rounded.bg-success 
{
  background: linear-gradient(45deg, #71dd37, #3c8e10) !important;
}
.attempt-card .border-rounded.bg-primary  
{
  background: linear-gradient(45deg, #5f61e6, #8385ff) !important;
}
@media screen  and (max-width:1400px){
  .attempt-card .text-white.py-1.px-2 div:first-child
  {
    font-size: 13px;
  }
}
@media screen  and (max-width:1300px){
  .spacing-card .d-flex.flex-column.text-white b
  {
    font-size: 13px;
  }
}
@media screen and (max-width:1200px) 
{
  .session-selector-top
  {
    left: 50%;
    transform: translateX(-50%);
  }  
  .attempt-card .text-white.py-1.px-2 div:first-child
  {
    font-size: 12px;
  }
}
@media screen and (max-width:991px) 
{
   
  .spacing-card:first-child
  {
    margin-top: 22px;
  }
  .spacing-card.col-sm-6
  {
    width: 100%;
  }
  .spacing-card.col-sm-6.center
  {
    margin-bottom: 20px;
  }
}
@media screen and (max-width:768px) 
{
  .session-selector-top
  {
    left: 180px;
  }  
  .spacing-card:first-child
  {
    margin-top: 0px;
    margin-bottom: 8px;
  }
  .spacing-card.col-sm-6,.attempt-card.col-md-12
  {
    width: 50%;
  }
}
@media screen and (max-width:500px) 
{
  .spacing-card:first-child
  {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .spacing-card.col-sm-6.center
  {
    margin-bottom: 8px;
  }
  .spacing-card.col-sm-6,.attempt-card.col-md-12
  {
    width: 100%;
  }
}
.box-shadow-none
{
  box-shadow: none !important;
}
.text-right
{
  text-align: right;
}
.text-left
{
  text-align: left !important;
}
.bg-pink {
  background-color: #E91E63 !important;
  color: #fff;
}
.bg-cyan {
  background-color: #00BCD4 !important;
  color: #fff;
}
.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff;
}
.line-height-17   
{
  line-height: 17px;
} 
.ripple {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all ease-in-out 0.5s;
}
.ripple::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
  transform: translateX(-50%);
	height: 80%;
	width: 80%;
	background-color: #000;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-in-out 0.5s;
	transform: scale(5, 5);
}

.ripple:active::after {
	padding: 0;
	margin: 0;
	opacity: .2;
	transition: 0s;
	transform: scale(0, 0);
}
.border-left
{
  border-left: 1px solid #ccc !important;
}
.border-right
{
  border-right: 1px solid #ccc !important;
}
.border-bottom
{
  border-bottom: 1px solid #ccc !important;
}
.border-rounded
{
  border-radius: 5px !important;
}
.border-50
{
  border-radius: 50% !important;
}
.font-weight-bold
{
  font-weight: bold !important;
}
.font-weight-800
{
  font-weight: 800 !important;
}
.font-weight-700
{
  font-weight: 700 !important;
}
.font-weight-600
{
  font-weight: 600 !important;
}
.font-weight-500
{
  font-weight: 500 !important;
}
.font-weight-400
{
  font-weight: 400 !important;
}
.font-weight-300
{
  font-weight: 300 !important;
}
.font-weight-200
{
  font-weight: 200 !important;
}
.font-weight-100
{
  font-weight: 100 !important;
}
.opacity-0
{
  opacity: 0 !important;
}
.form-label
{
  margin-bottom: 0.2em !important;
}
img
{
  /* width: 100%; */
}
.w-0
{
  width: 0 !important;
}
.w-80
{
  width: 80% !important;
}
.w-90
{
  width: 90% !important;
}
.height-0
{
  height: 0 !important;
}
.label-icon
{
  font-size: 16px;
}
.shadow
{
  box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4) !important;
}
/* login start */
.authentication-bg .app-brand-logo img
{
  height: 55px;
}
input.otp__digit{
  height: 40px;
  width: 40px;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #2f8f1f;
  text-align: center;
  outline: none;
  font-size: 16px;
  }
  input.otp__digit::-webkit-outer-spin-button,
  input.otp__digit::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  /* Firefox */
  input.otp__digit[type=number] {
    -moz-appearance: textfield;
  }
  input.hide_arrow::-webkit-outer-spin-button,
  input.hide_arrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  /* Firefox */
  input.hide_arrow[type=number] {
    -moz-appearance: textfield;
  }
/* login end */
.template-customizer-misc
{
  display: none !important;
}
.nav-item .logout-icon i
{
  font-size: 26px;
}

.line-height-0
{
  line-height: 0 !important;
}
.disabled ,.readonly
{
  pointer-events: none !important;
  cursor: default !important;
  opacity: 0.8;
}
.disableding-item.disabled
{
  opacity: 0.8;
  color: gray !important;
  cursor: not-allowed !important;
}
select.disabled option
{
  pointer-events: none !important;
  cursor: default !important;
}
.form-select:disabled {
  color: #697a8d !important;
  background-color: #eceef1 !important;
}
input:disabled
{
  cursor: not-allowed !important;
}
.form-check-input
{
  border: 1px solid #adb1b4 !important;
  margin-right: 2px;
}
.cursor-default
{
  cursor: default !important;
}
.cursor-help
{
  cursor: help !important;
}
.dynamic-row .form-check-input
{
  margin-right: 6px;
}
.dynamic-row .checkboxes .me-2
{
  margin-right: 10px !important;
}
select:disabled {
  opacity: 1;
}
#template-customizer
{
  min-width: 300px;
  /* width: auto !important; */
}
.form-repeater.g-3.needs-validation .btn.btn-label-danger{
  /* position: absolute;
    margin: 0;
    top: 53%;
    transform: translateY(-50%); */
}
.form-btn-row
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content !important;
}
.form-btn-row .btn
{
  margin-right: 10px;
} 
.form-btn-row div button
{
  margin-top: 2px;
}
.form-row-add
{
  display: flex;
  /* justify-content: center; */
}
.form-row-add .btn
{
  margin-right: 5px;
}
.form-btn-row .btn:last-child,.form-row-add .btn:last-child
{
  margin-right: 0;
}
.btn
{
  color: #fff !important;
}
.btn.btn.btn-secondary,.btn.btn-label-secondary
{
  color: #000 !important;
}
.btn-label-facebook {
  color: #3b5998 !important;
  border-color: transparent;
  background: #e0e4ef !important;
}
.btn-label-google-plus {
  color: #dd4b39 !important;
  border-color: transparent;
  background: #fae2df;
} 
.btn-label-twitter {
  color: #1da1f2 !important;
  border-color: transparent;
  background: #dbf0fd;
}
.container-p-y:not([class^=pb-]):not([class*=" pb-"])
{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.container-p-y
{
  padding-bottom: 0 !important;
}
.add-row-form
{
  margin-top: 10px;
}
.add-row-form .add-btns-col
{
  padding-left: 4px;
}
.menu-vertical .menu-sub .menu-icon
{
  font-size: 14px;
}
.menu-vertical .menu-icon.font-sm
{
  font-size: 15px;
}
.menu-vertical .menu-sub .menu-link
{
  padding-right: 5px !important;
}
.menu-vertical .menu-icon.fas.fa-globe-asia
{
  font-size: 1.1em;
}
.page-main-title
{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-title-desc,.page-title
{
  font-family: 'Open Sans', sans-serif !important;
}
.page-title-desc .extra-icon
{
  font-size: 25px;
  line-height: 25px;
  height: 28px;
}
.page-title
{
  display: flex;
}
.page-title span
{
  color: #5f61e6;
  font-weight: 600;
  font-size: 28px;
  text-transform: capitalize;
}
.page-title .main-icon
{
  position: relative;
  margin-right: 8px;
  font-size: 28px;
}
.page-title .main-icon.fas
{
  font-size: 24px;
  margin-top: 3px;
}
.page-title .sub-icon
{
  position: absolute;
  top: -5px;
  right: -10px;
  border-radius: 50%;
  color: #1aa51a;
  border: 2px solid #1aa51a;
  font-size: 12px;
}
.page-title-desc
{
  margin-left: 37px;
  color: #E41937;
  margin-bottom: 0.5em;
}
.tr-pointer table.dataTable tbody tr
{
  cursor: pointer !important;
} 
table.dataTable tbody tr td
{
  max-width: 350px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.dataTable thead tr th:first-child,
table.dataTable tbody tr td:first-child
{
  min-width: 80px !important;
}
table.dataTable tbody .status
{
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding-top: 2px;
  border-radius: 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
table.dataTable .dataTables_empty
{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
table.dataTable tbody .status.success
{
  background: rgba(0, 200, 0, 0.1) !important;
  color: #1aa51a !important;
}
table.dataTable tbody tr:hover .status
{
  color: #fff !important;
}
.tbl-action-buttons 
{
  text-align: center;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.tbl-action-buttons a.action-icon,
.tbl-action-buttons label.action-icon
{
  width: 25px;
  text-decoration: none;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5f61e6;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: 0.2s ease-in-out;
}
.tbl-action-buttons a.action-icon.item-view
{
  margin-left: 1.5px;
  margin-right: 1.5px;
  width: 25px;
  height: 24.5px;

}
.tbl-action-buttons a.action-icon i.fa-eye
{
  font-size: 16px !important;
}
.tbl-action-buttons a.action-icon:hover i.fa-eye
{
  font-size: 14px !important;
}
.tbl-action-buttons a.action-icon:hover
{
  border: 1px solid #fff;
  background-color: #fff;
}
.tbl-action-buttons a.action-icon:hover i
{
  color: #5f61e6 !important;
}
.tbl-action-buttons label.action-icon:hover i
{
  color: #5f61e6 !important;
}
.tbl-action-buttons a.action-icon i
{
  color: #5f61e6;
}
table.dataTable tbody .noSearch .tbl-action-buttons  i
{
  font-size: 18px !important;
}
.tbl-action-buttons a.action-icon:hover i
{
  font-size: 16px !important;
  /* color: #5f61e6 !important; */
}

.tbl-action-buttons label.action-icon:hover
{
  border: 1px solid #fff;
  background-color: #fff;
}
.tbl-action-buttons label.action-icon i
{
  color: #5f61e6;
}
.tbl-action-buttons label.action-icon:hover i
{
  color: #5f61e6 !important;
}

table.dataTable tbody .noSearch .tbl-action-buttons  i
{
  font-size: 18px !important;
}
.tbl-action-buttons label.action-icon:hover i
{
  font-size: 16px !important;
  /* color: #5f61e6 !important; */
}

table.dataTable th.nosorting::after
{
  display: none !important;
}
table.dataTable th.nosorting::before
{
  display: none !important;
}
table.dataTable tbody .noSearch .tbl-action-buttons .dropdown-item.with-icon .text-1
{
  margin-top: 2px;
}
table.dataTable tbody tr:hover .action-icon
{
  color: #fff !important;
}
.with-action thead tr:last-child th:last-child input
{
  display: none;
}
.date-table-filter
{
  width: fit-content;
  height: 33px;
  position: relative;
  margin-top: -6px;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4);
  border-radius: 6px;
  transition: 0.3s ease-in-out;
}
.date-table-filter:hover input,
.date-table-filter:active input,
.date-table-filter:hover .fa-calendar-alt,
.date-table-filter:active .fa-calendar-alt
{
  transition: 0.3s ease-in-out;
  background-color: var(--bs-primary);
  color: #fff;
}
.buttons-collection
{
  margin: 0 !important;
}
.table-filter-item
{
  width: fit-content;
  min-width: 33px;
  height: 33px;
  background: #fff;
  position: relative;
  margin-top: -6px;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  transition: 0.3s;
}
.table-filter-item.animate
{
  background-color: var(--bs-primary);
  color: #fff;
  transform: scale(1.1);
  z-index: 99;
}
.table-filter-item:hover
{
  transform: translateY(-2px);
}
.table-filter-item.right
{
  margin-right: 6px;
}
.date-table-filter input.date-field
{
  font-size: 13px;
  width: 17em;
  padding-right: 0;
  padding-left: 20px;
  text-align: center;
  position: relative;
  line-height: 15px;
  padding-top: 11px;
  border: none;
  border-radius: 6px;
  letter-spacing: 1px;
}
.date-table-filter input.date-field::placeholder
{
  font-size: 13px;
}
.date-table-filter i
{
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
  font-size: 15px;
  z-index: 1;
  /* color: #fff; */
}
.nav-align-top .nav-tabs .nav-item .nav-link
{
  border: none !important;
  min-width: 100px !important;
  height: 43px;
  color: #5f61e6;
  background: rgba(105,108,255,.08) !important;
  margin-top: 5px;
}
.add-row-form .nav-align-top .nav-tabs .nav-item .nav-link
{
  height: 30px;
  font-size: 13px;
  /* padding: 8px 11px; */

}
.nav-align-top .nav-tabs .nav-item .nav-link.active
{
  opacity: 1;
  font-weight: bold;
  /* color: #5f61e6; */
  color: #fff !important;
  margin: 0;
  display: flex;
  align-items: center;
  padding-top: 0;
  position: relative;
  height: 48px;
  box-shadow: none;
  padding-bottom: 0;
  background: #5f61e6 !important;
  border-bottom: 3px solid #5f61e6 !important;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}
.add-row-form  .nav-align-top .nav-tabs .nav-item .nav-link.active
{
  height: 40px;
  padding-top: 4px;
}
 .nav-align-top .nav-tabs .nav-item .nav-link.active::after
{
  content: '';
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 15px;
  height: 15px;
  background: #5f61e6;
  transform: rotate(44deg) translateX(-50%);
  transition: 0.8s ease-in-out;
  z-index: 3;
}
.nav-align-top .nav-tabs .nav-item .nav-link .badge.bg-dynamic
{
  background-color: var(--bs-primary);
  color: #fff;
}
.nav-align-top .nav-tabs .nav-item .nav-link.active .badge.bg-dynamic
{
  background-color: #fff;
  color: #999;
}
.nav-align-top .nav-tabs ~ .tab-content
{
  z-index: 0 !important;
}
.tab-content
{
  /* box-shadow: none !important; */
  border: 2px solid #5f61e6 !important;
  margin-top: -2.5px;
  padding-top: 0 !important;
  border-radius: 5px !important;
  /* margin-left: 4px;
  margin-right: 4px; */
}
.tabs-with-date
{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.5rem;
  height: 50px;
  position: relative;
  padding-right: 0;
}
.nav-align-top
{
  position: relative;
  padding-top: 0;
}
div.dataTables_wrapper {
  position: inherit !important;
}
.card-header.flex-column.flex-md-row
{
  padding: 0;
  position: absolute;
  top: 6px;
  
}
.card-header.flex-column.flex-md-row
{
  right: 8px;
}
.card-header.flex-column.flex-md-row.with-calender
{
  right: 14.6em;
}
.card-header.flex-column.flex-md-row.with-calender.filter-two
{
  right: 17.3em;
}
.card-header.flex-column.flex-md-row .dt-action-buttons.text-end.pt-3
{
  padding-top: 0 !important;
  color: #697a8d;
}
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle
{
  padding: 5px 10px;
  border:none;

  background: #fff !important;
}

/* .card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:hover span
{
  background: #fff !important;
} */
/* .card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:hover
{
  background: #fff !important;
} */
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:active,
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:hover

{
  color: #fff !important;
  background-color: #595cd9 !important;
  border-color: transparent !important;
}
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle::after
{
  border-color: #697a8d !important;
}
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:active::after,
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:hover::after

{
  border-color: #fff !important;
}

.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle span
{
  display: flex;
  color: #697a8d;
  background: transparent !important; 
}
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:active span,
.card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle:hover span

{
  color: #fff !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.card-body.view-form input:read-only
{
  color: #000;
}
.dark-style .card-body.view-form input:read-only
{
  color: #fff;
}
.filter-box
{
  /* min-width: 200px; */
  /* width: fit-content; */
  margin-left: auto;
  position: relative;
  position: fixed;
  top: 26px;
  right: 26px;
  right: -18px;
  z-index: 99;
}
.filter-box .filter-icon
{
  float: right;
}
.filter-box .page-session-filter
{
  border-radius: 5px;
  font-size: 21px;
  padding: 5px 4px 4px 4px;
  text-align: center;
  color: #fff;
  background-color: #5f61e6;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  animation: myanimate 1s linear;
}
.filter-box .page-session-filter.style2
{
  width: 54px;
  text-align: center;
  border-radius: 30px;
  height: 38px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  padding-left: 9px;
  font-size: 26px;
}
@media screen and (max-width:991px) 
{
  .filter-box .page-session-filter.style2
  {
    width: 52px;
    font-size: 24px;
  }
}
@media screen and (max-width:401px) 
{
  .filter-box .page-session-filter.style2
  {
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
  }
  .filter-box
  {
    right: auto;
    left: 26px;
    top: 71px;
  }
}
@keyframes myanimate {
  0%{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 0px;
    height: 0;
    background-color: rgba(0, 0, 0, 0.05);
  }
  100%{
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    top:0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05);
  }
}
.filter-box .menu-state
{
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}
.filter-box .filter-menu
{
  opacity: 0;
  height: 0;
  /* width: 0; */
  transition:height 0.3s ease-in-out;
  /* transition: 0.3s ease-in-out; */
  position: absolute;
  right: 15px;
  top: 34px;
  /* overflow: hidden; */
  z-index: 99;
  border-radius: 5px;
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

  /* new */
  margin-right: 30px !important;
  margin-top: 5px;
}
.filter-box .filter-menu div.content
{
  display: none;
}
.filter-box input:checked ~ .filter-menu
{
  height: auto;
  /* width: auto; */
  opacity: 1;
  /* transition:width 0.3s,height 0.3s; */

}
.filter-box input:checked ~ .filter-menu div.content
{
  display: block;
}
.date-range-filter
{
  /* margin-right: 115px; */
}
.date-range-filter.on-mobile
{
  display: none !important;
}
.date-range-filter
{
  display: flex !important;
}

.nav-align-top .nav-tabs {
  overflow-x: auto;
  overflow-y:hidden;
  flex-wrap: nowrap;
  overflow: visible;
}
.nav-align-top .nav-tabs .nav-link {
 white-space: nowrap;
}
.nav-align-top  .nav-tabs::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

/* Track */
.nav-align-top .nav-tabs::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px grey;  */
  border-radius: 10px;
}
 
/* Handle */
.nav-align-top .nav-tabs::-webkit-scrollbar-thumb {
  background: var(--bs-primary); 
  border-radius: 10px;
}

/* Handle on hover */
.nav-align-top .nav-tabs::-webkit-scrollbar-thumb:hover {
  /* background: #b30000;  */
}

.date-range-filter.no-export-btn
{
  margin-right: 0;
}
/* div.dt-buttons
{
  float: right;
  margin-left: 18px;
} */
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter
{
  margin-top: 0;
}
/* table thead tr:first-child
{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
} */
/* in dark style */
.dark-style .page-title span
{
  color: #fff;
  font-weight: 600;
  font-size: 28px;
}

.table-shadow
{
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding-bottom: 20px;
}
.nav.nav-tabs
{
  /* background: rgba(105,108,255,.08) !important; */
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.no-shadow
{
  box-shadow: none !important;
}
/* table style */
.card-datatable table.dataTable
{
  border: 1px solid #ccc !important;
}
.card-datatable table.dataTable tbody tr:hover
{
  /* cursor: grab; */
  transition: 0.2s ease;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.card-datatable.all-enrolments table.dataTable tbody tr:hover
{
  cursor: grab;
}
 .card-datatable table.dataTable tbody tr td:first-child
{
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
 }
.card-datatable table.dataTable tbody tr
{
  border-radius: 5px;
}
.card-datatable table.dataTable tbody tr td:last-child
{
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.card-datatable table.dataTable tbody tr:hover td
{
  transition: 0.2s ease;
  background-color: #5f61e6;
  color: #fff !important;
}
.card-datatable table.dataTable thead tr th
{
  font-size: 11px !important;
}
.card-datatable table.dataTable thead tr th.sorting:hover
{
  background-color: #E41937 !important;
  transition: 0.2s ease;
  color: #fff;
}
.large-header .dataTable thead > tr > th.sorting:before, 
.large-header  table.dataTable thead > tr > th.sorting_asc:before, 
.large-header  table.dataTable thead > tr > th.sorting_desc:before, 
.large-header  table.dataTable thead > tr > th.sorting_asc_disabled:before, 
.large-header  table.dataTable thead > tr > th.sorting_desc_disabled:before, 
.large-header  table.dataTable thead > tr > td.sorting:before, 
.large-header  table.dataTable thead > tr > td.sorting_asc:before, 
.large-header  table.dataTable thead > tr > td.sorting_desc:before, 
.large-header  table.dataTable thead > tr > td.sorting_asc_disabled:before, 
.large-header  table.dataTable thead > tr > td.sorting_desc_disabled:before
{
  transform: translateY(10px);
}
.dataTable thead > tr > th.sorting_disabled
{
  cursor: default !important;
}
.dataTable thead > tr > th.sorting::before,
.dataTable thead > tr > th.sorting::after
{ 
  right: 8px;
}
.dataTable thead > tr > th.sorting_disabled:before,
.dataTable thead > tr > th.sorting_disabled:after
{
  content: none !important;
}
.dataTable tbody > tr
{
  background-color: #fff;
}
/* .card-datatable table .datatable_empty
{
  color: red !important;
} */
/* table tbody tr:hover td:first-child
{
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
table tbody tr:hover td:last-child
{
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
} */
table.dataTable tbody tr:hover td .tbl-action-buttons a.action-icon,
table.dataTable tbody tr:hover td .tbl-action-buttons a.action-icon i,
table.dataTable tbody tr:hover td .tbl-action-buttons label.action-icon,
table.dataTable tbody tr:hover td .tbl-action-buttons label.action-icon i
{
  color: #fff !important;
}
table.dataTable tbody tr:hover td .tbl-action-buttons a.action-icon:hover i
{
  color: #5f61e6 !important;
}
table.dataTable tbody tr td .tbl-action-buttons label.action-icon:hover i{
  color: #5f61e6 !important;
}
.card-datatable table.dataTable tbody tr.selected .tbl-action-buttons a.action-icon i
{
  color: #fff !important;
}
table.dataTable thead tr th.dtfc-fixed-right,
table.dataTable thead tr th.dtfc-fixed-left
{
  background-color: #fff !important;
  z-index: 2;
}
table.dataTable tbody tr td.noSearch.onaction
{
  background-color: #fff !important;
  overflow: visible !important;
}
table.dataTable tbody tr:hover td.noSearch.onaction
{
  background-color: #5f61e6 !important;
}
table.dataTable tbody tr:hover td
{
  background-color: #5f61e6 !important;
}
table.dataTable thead .noSearch 
{
  /* width: 80px !important; */
  text-align: center;
}
table.dataTable thead .noSearch .form-control
{
  display: none !important;
}
table.dataTable tbody .noSearch 
{
  text-align: center;
  /* font-size: 20px; */
}
table.dataTable tbody .noSearch .w-index
{
  width: 30px !important; 
}
table.withSLNumber tbody tr td:first-child
{
  padding: 0 14px 0 14px !important;
}
table.dataTable tbody .noSearch i.bx
{
  font-size: 25px;
}
table.dataTable tbody .switch .switch-toggle-slider
{
  border: none !important;
}
table.dataTable tbody  .switch .switch-toggle-slider i {
  /* position: relative; */
  font-size: 0.9375rem;
  /* top: -1.35px; */
}
.switch .switch-toggle-slider::after
{
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
}
/* table tbody  .switch .switch-toggle-slider .switch-off
{
  background: #f16262 !important;
  color: #fff !important;
  border: none !important;
} */
table.dataTable tbody .tbl-pass-field .d-flex
{
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
table.dataTable tbody .tbl-pass-field .d-flex i
{
  font-size: 14px;
}
table.dataTable tbody .tbl-image-field img
{
  height: 30px;
  width: 30px;
  border-radius: 50%;
  object-fit: cover;
  margin: auto;
}
/* table style end */
/* with-out-tab table*/
.with-out-tab div.dataTables_wrapper
{
  /* position: relative !important; */
}
.with-out-tab .nav-align-top
{
  padding-top: 4px;
}
.with-out-tab  .tab-content
{
  border: none !important;
}
.with-out-tab .table-header
{
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  /* padding-left: 30px; */
  /* padding-right: 30px; */
  margin-bottom: 4px;
}
.with-out-tab .table-header  .title
{
  width: fit-content;
  font-size: 28px;
  /* text-transform: uppercase; */
}
.with-out-tab .table-header .date-table-filter
{
  /* width: 20.3em; */
  /* margin-right: 140px; */
}
.with-out-tab .table-header .date-table-filter .form-control.date-field
{
  padding-right: 0;
}
.with-out-tab .card-header.flex-column.flex-md-row
{
  top: -41px;
}
.with-out-tab.all-enrolments .card-header.flex-column.flex-md-row
{
  top: -43px;
}
.with-out-tab  .date-table-filter input.date-field
{
  padding-top: 11px;
}
.with-out-tab .card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle
{
  padding: 5px 10px 4px 10px;
}
.btn.height
{
  height: fit-content;
}
.w-fit
{
  width: fit-content !important;
}
.w-30px
{
  width: 30px !important;
}
.w-50px
{
  width: 50px !important;
}
.w-180
{
  width: 180px !important;
}
.w-130
{
  width: 130px !important;
}
.btn-primary {
  color: #fff !important;
  background-color: #5f61e6 !important;
  border-color: #5f61e6 !important;
  transform: translateY(-1px) !important;
}
.btn-label-danger {
  color: #fff !important;
  border-color: transparent;
  background: #ff3e1d !important;
}
.badge 
{
  height: fit-content;
}
.badge.font-weight-bold,
.badge b
{
  font-size: 15px;
}

table.dataTable tbody tr td
{
  white-space: nowrap;
  overflow: hidden;
}
.ml-1
{
  margin-left: 5px;
}
footer.bg-footer-theme
{
  background-color: #fff !important;
}
.dark-style footer.bg-footer-theme
{
  background-color: #232333 !important;
}
footer .item-footer
{
  width: 33.3%;
  text-align: center;
}
footer .container-xxl.d-flex
{
  padding-bottom: 6px !important;
}
.brand-name
{
  height: 40px;
  /* background: #5f61e6; */
  /* background: #E41937; */
  /* color: #fff; */
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); */

}
.brand-name i
{
  margin: 0 5px;
}
.footer-link img
{
  height: 42px;
  padding-top: 8px;
  background: #fff;
  margin-left: 8px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-right: 3px;
  border-radius: 4px;
}
.footer-link i
{
  display: flex;
  width: 31px;
  height: 31px;
  font-size: 18px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4);
}
.footer-link.facebook i
{
  background-color: #3b5998;
}
.footer-link.twitter i
{
  background-color: #00acee ;
}
.footer-link.linkedin i
{
  background-color: #0A66C2;
}

/* btn-class-select */
.btn-class-select label
{
  margin-bottom: 4px;
  margin-right: 4px;
}
.btn-class-select label span
{
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  padding: 2px 2px 3px 2px;
}
.btn-class-select label.primary span.custom-option-header
{
  background: var(--bs-primary);
}
.btn-class-select label.secondary span.custom-option-header
{
  background: var(--bs-secondary);
}
.btn-class-select label.danger span.custom-option-header
{
  background: var(--bs-danger);
}
.btn-class-select label.warning span.custom-option-header
{
  background: var(--bs-warning);
}
.btn-class-select label.info span.custom-option-header
{
  background: var(--bs-info);
}

/* accordion */
form .accordion.edited .accordion-item {
  /* box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45); */
  min-height: 48px;
}
form .accordion.edited .accordion-item .accordion-button
{
  box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4);
}
.add-row-form .accordion-button
{
  background: #5f61e6 !important;
  color: #fff !important;
}
.add-row-form .submodule-icon
{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-row-form .submoduleTitle label ,
.add-row-form .submoduleTitle label span
{
  display: flex;
}
.add-row-form .submoduleTitle label .form-check-input:checked ~ span
{
  font-weight: bold;
  color: #ff7300;
}
.add-row-form .fixed-table-layout
{
  table-layout:fixed
}
.add-row-form .nav-align-top .nav-tabs {
  overflow-x: auto !important;
  overflow-y:hidden !important;
  flex-wrap: nowrap !important;
}
.add-row-form .nav-align-top .nav-tabs .nav-link {
 white-space: nowrap;
}
.add-row-form  .dataTables_scrollHeadInner
{
  width: auto !important;
}
form .accordion.edited .accordion-item.active .accordion-button
{
  box-shadow: none;
}
.selectAll-check .user-icon
{
  font-size: 30px;
}
.selectAll-check  .text
{

}
.selectAll-check .info-icon
{
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.first-border-only
{
  border-top: 1px solid #ccc;
}
.sub-content .sub-title
{
  margin-bottom: 8px;
  margin-top: 7px;
}
.widget-select .label-body
{
  background-color: #fff;
  border-radius: 8px;
}
.widget-select .card-body
{
  padding: 10px;
  border-radius: 8px;
  padding-left: 30px;
  border: 1px solid transparent !important;

}
.widget-select .form-check-input
{
  margin-left: 10px !important;
  margin-right: 4px;
  margin-top: 14px;
}
.widget-select input.form-check-input:checked ~ .card-body
{
  border: 1px solid var(--bs-primary) !important;
}
.with-Submodule 
{
  border-bottom: none;
  border-bottom-width: 0px !important;
}

.widget-icon
{
  font-size: 19px;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  margin-top: 1px;
  justify-content: center;
}
/* div.dataTables_wrapper {
  width: 800px;
  margin: 0 auto;
} */
.font-22
{
  font-size: 22px;
}
.offline-title
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 10px;
}
.offline-title i
{
  font-size: 16px;
}
/* .collapse-toggle.collapsed */
.collapse-toggle:not(.collapsed)
{
  color: #697a8d;
}
/* .collapse-toggle:not(.collapsed) */
.collapse-toggle.collapsed

{
  color: var(--bs-primary);
}
.sub-content .contentSection .accordion-header.d-flex.align-items-center
{
  color: var(--bs-primary);

}
.widgets-toggle.collapse-toggle:not(.collapsed)
{
  color: var(--bs-primary);
}
.widgets-toggle.collapse-toggle.collapsed

{
  color: #697a8d;
}
table.addrow-table tbody tr .add-row
{
  display: none;
}
table.addrow-table tbody tr:last-child .add-row
{
  display: block;
}
.w-fit
{
  width: fit-content !important;
}
.w-5
{
  width: 5% !important;
}
.w-10
{
  width: 10% !important;
}
.w-15
{
  width: 15% !important;
}
.w-20
{
  width: 20% !important;
}
.w-25
{
  width: 25% !important;
}
.w-30
{
  width: 30% !important;
}
.w-35
{
  width: 35% !important;
}
.w-40
{
  width: 40% !important;
}
.w-45
{
  width: 45% !important;
}
.w-50
{
  width: 50% !important;
}
.w-55
{
  width: 55% !important;
}
.w-60
{
  width: 60% !important;
}
.w-65
{
  width: 65% !important;
}
.w-70
{
  width: 70% !important;
}
.w-75
{
  width: 75% !important;
}
.w-80
{
  width: 80% !important;
}
.w-85
{
  width: 85% !important;
}
.w-90
{
  width: 90% !important;
}
.w-95
{
  width: 95% !important;
}
.w-100
{
  width: 100% !important;
}
.w-200
{
  width: 200px;
}
.subModuleContent
{
  transition: 0.5s;
  height: auto;
  opacity: 1;
  visibility: visible;
}
.subModuleContent.hide
{
  transition: 0.5s;

  /* display: none; */
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.select2-container {
  width: auto !important;
  display: block !important;
}
.dataTables_scrollBody thead tr:last-child
{
  display: none !important;
}
.in-form-info
{
  margin-top: 37px;
  margin-left: 7px;
  color: var(--bs-primary);
  font-size: 20px;
}
.all-enrol-cards .col-md-6 .col:first-child
{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.all-enrol-cards .col-md-6 .col:last-child
{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.all-enrol-cards .col-md-6 .col .box p.h6
{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 4px 0;
}
.all-enrol-cards .col-md-3
{
  /* border: 2px solid #fff; */
}
.all-enrolments #rowCountmobile
{
  width: 30px;
  height: 30px;
}
.all-enrolments table.dataTable tr td:first-child,
.all-enrolments table.dataTable tr th:first-child
{
  width: 67px !important;
  padding: 0 9px 0 0 !important;
  min-width: 50px !important;
  max-width: 67px !important;
}
.all-enrolments table.dataTable tr td,
.all-enrolments table.dataTable tr th
{
  padding-left: 10px !important;
  padding-right: 17px !important;
  font-size: 13px;
}
.badge.custom-posi
{
  top: -2px !important;
  right: -11px !important;
}
.enrol-card.card
{
  padding: 8px 9px 6px 9px;
  text-align: center;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border: 2px solid transparent; 
  margin-bottom: 13px;
  position: relative;
}
.enrol-card.card.border
{
  border: 2px solid var(--bs-primary) !important;
}
.enrol-card.card .card-icon
{
  display: flex;
  position: absolute;
  top: -11px;
  left: 6px;
  width: 35px;
  height: 35px;
  margin: auto;
  border-radius: 11px;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #fff;
}
.enrol-card.card .card-icon.sm
{
  font-size: 17px;
}
.enrol-card.card p.text-dark
{
  margin: 0;
  font-size: 24px;
  line-height: 17px;
  /* margin-top: 6px; */
  font-weight: 800;
}
.enrol-card.card p.title
{
  /* font-size: 10px; */
  font-size: 13px;
  margin: 0;
  text-transform: uppercase;
  min-height: 30px;
  text-align: right;
  line-height: 15px;
}
.enrol-card.card p.title.mb-0
{
  font-size: 10px;
  margin: 0;
  text-transform: uppercase;
  min-height: 0;
  text-align: right;
  color: #000;
  font-weight: 600;
}
.enrol-card.card .card-icon.pink
{
  color: #fff;
  background: linear-gradient(45deg, #f70808, #b48637);
}
.enrol-card.card .card-icon.blue
{
  color: #fff;
  background: linear-gradient(45deg, #4935ce, #666eff);
}
.enrol-card.card .card-icon.green
{
  color: #fff;
  background: linear-gradient(45deg, #0d5e05, #4fa14e);
}
.enrol-card2
{
  padding: 10px;
}
.enrol-card2.pink
{
  color: #fff;
  background: linear-gradient(45deg, #f70808, #b48637);
}
.enrol-card2.blue
{
  color: #fff;
  background: linear-gradient(45deg, #4935ce, #666eff);
}
.enrol-card2.green
{
  color: #fff;
  background: linear-gradient(45deg, #0d5e05, #4fa14e);
}
.enrol-card2 .d-flex
{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  justify-content: space-between !important;
}
.enrol-card2 .num
{
  font-size: 25px;
  margin: 0;
  font-weight: 800;
  color: #000;
}
.enrol-card2 .text
{
  font-size: 13px;
  margin: 0;
  font-weight: 500;
}
.enrol-card2 .pink,
.enrol-card2 .blue,
.enrol-card2 .green
{
  width: 33px;
  height: 33px;
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.online-text
{
  display: flex;
  max-width: 130px;
  height: 17px;
}
.online-text div
{
  font-size: 12px;
  position: relative;
  width: fit-content;
  display: flex;
  justify-content: space-between;
}
/* .online-text div i
{
  content: '';
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
} */
.pading-1
{
  padding-left: 2px;
}
.new-card
{
  text-align: center;
  text-align: center;
  padding: 10px 5px;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4);
  border-radius: 5px;
  position: relative;

}
.new-card.total .bx
{
  border: 1px solid;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-card .red
{
  color: #fff;
  background: linear-gradient(45deg, #f70808, #b48637);
}
.new-card .blue
{
  color: #fff;
  background: linear-gradient(45deg, #4935ce, #666eff);
}
.new-card .green
{
  color: #fff;
  background: linear-gradient(45deg, #0d5e05, #4fa14e);
}
.new-card .number
{
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px dashed;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 25px;
  font-weight: bold;
  margin: auto;
}
.new-card  .bx
{
  position: absolute;
  top: 7px;
  right: 10px;
  border-radius: 50%;
}
.new-card.offline .number::after
{
 background: #fff; 
}
.new-card .len
{
  font-size: 23px;
  font-weight: 600;
  margin: 0;
  line-height: 8px;
  margin-top: 12px;
}
.new-card .text
{
  margin: 5px 0 0 0;
  text-transform: uppercase;
  font-size: 11px;
  color: #000;
}
.last_card
{
  padding: 13px 0;
  border-radius: 4px;
  border: 1px solid transparent ;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4);
}
.dubble-card
{
  position: relative;
  padding: 15px 10px 2px 10px;
  /* box-shadow: 0 0.125rem 0.25rem 0 rgba(133, 146, 163, 0.4); */
  box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
  border-radius: 5px;
  border: none;
}
.dubble-card small
{
  font-weight: normal;
}
.dubble-card.red
{
  border-color: rgba(255,0,0,0.7);
}
.dubble-card.blue
{
  border-color: rgba(0,0,255,0.7);
}
.dubble-card.green
{
  border-color: #3abd3a;
}
.dubble-card.yellow
{
  border-color: #ff9e00;
}
.dubble-card .fas
{
  position: absolute;
  right: -10px;
  top: -10px;
  width: 40px;
  height: 40px;
  background: rgba(255,0,0,0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.dubble-card.red .fas
{
  background: #ff4c4c;
}
.dubble-card.blue .fas
{
  background: #4c4cff;
}
.dubble-card.green .fas
{
  background: #3abd3a;
}
.dubble-card.yellow .fas
{
  background: #ff9e00;
}
.dubble-card.total .fas
{
  background: var(--bs-primary);
}
.dubble-card .desc
{
  z-index: 1;
  position: relative;
}
.dubble-card .title
{
  font-size: 16px;
  line-height: 14px;
  margin: 0;
  /* color: rgba(255,0,0,0.7); */
  font-weight: 700;
}
.dubble-card.red .title
{
  color: rgba(255,0,0,0.7);
}
.dubble-card.blue .title
{
  color: rgba(0,0,255,0.7);
}
.dubble-card.green .title
{
  color: #3abd3a;
}
.dubble-card.yellow .title
{
  color: #ff9e00;
}
.dubble-card .number
{
  font-size: 26px;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  margin-top: 8px;
  margin-bottom: 0;
}
.dubble-card .icon
{
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 0;
  border-radius: 5px;
}
.dubble-card .icon::after
{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 34px solid transparent;
  border-left: 36px solid #555;
  border-bottom: 29px solid transparent;
  transform: rotate(45deg);
  right: -9px;
  bottom: -22px;
}
.dubble-card.red  .icon::after
{
  border-left-color: rgba(255,0,0,0.7);
}
.dubble-card.blue  .icon::after
{
  border-left-color: rgba(0,0,255,0.7);
}
.dubble-card.green  .icon::after
{
  border-left-color: #3abd3a;
}
.dubble-card.yellow  .icon::after
{
  border-left-color: #ff9e00;
}
.dubble-card.total  .icon::after
{
  border-left-color: var(--bs-primary); 
}
.dubble-card .icon .bx
{
  position: absolute;
  z-index: 1;
  /* transform: rotate(317deg); */
  color: #fff;
  right: 4px;
  bottom: 2px;
  font-size: 20px;
  
}
.dubble-card .icon .bx.bx-border-all
{
  right: 3px;
  bottom: 3px;
}
.round-card
{
  position: relative;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.round-card .icon-box
{
  width: 50px;
  height: 50px;
  border: 4px solid;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.round-card::after
{
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 6px;
  right: 6px;
  border-radius: 50%;
  background-color: #4c4cff;
}
.round-card.online::after
{
  background-color: #0ace0a;
}
.round-card.offline::after
{
  background-color: #ff4c4c;
}
.round-card.red .icon-box
{
  color: #ff4c4c;
}
.round-card.blue .icon-box
{
  color: #4c4cff;
}
.round-card.green .icon-box
{
  color: #3abd3a;
}
.round-card.total .icon-box
{
  color: var(--bs-primary);
}
.round-card .desc .count
{
  font-size: 24px;
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
.simple-card
{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px;
  border-radius: 5px;
}
.simple-card .header
{
  display: flex;
  justify-content: space-between;
}
.simple-card .header .mode
{
  width: 70px;
  text-align: center;
  color: #fff;
}

.simple-card.online .header .mode
{
  background-color: #0ace0a;
}
.simple-card.offline .header .mode
{
  background-color: #E91E63;
}
.simple-card.all .header .mode
{
  background-color: #0A66C2;
}
.simple-card.green .header .name
{
  color: #0ace0a;
}
.simple-card.red .header .name
{
  color: #E91E63;
}
.simple-card.blue .header .name
{
  color: #0A66C2;
}
.simple-card .number
{
  font-size: 24px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
}
.last_card.total
{
  border: 1px solid var(--bs-primary);
}
.last_card .number
{
  width: 55px;
  height: 55px;
  border: 2px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: auto;
  font-size: 28px;
  font-weight: bold;
}
.last_card.red .number
{
  border-color: red;
  color: red;
}
.last_card.green .number
{
  border-color: green;
  color: green;
}
.last_card.blue .number
{
  border-color: blue;
  color: blue;
}

.last_card .text
{
  text-align: center;
  color: #000;
}
.last_card .mode
{
  width: 80px;
  margin: auto;
  text-align: center;
  border-radius: 20px;
  color: #fff;
}
.last_card.red .mode
{
  background:rgba(255, 0, 0, 0.8);
}
.last_card.blue .mode
{
  background:rgba(29, 29, 225, 0.7);
}
.last_card.green .mode
{
  /* background:rgba(0, 255, 0, 0.8); */
  background: green;
}
.last_card.total .mode
{
  /* background:rgba(0, 255, 0, 0.8); */
  background: var(--bs-primary);
}
.all-enrolments table.dataTable tr td:not(:first-child),
.all-enrolments table.dataTable tr th:not(:first-child)
{
  /* width: 100px !important; */
  /* min-width: 100px !important; */
}
.all-enrolments table.dataTable tr td:nth-child(4),
.all-enrolments table.dataTable tr th:nth-child(4)
{
  width: 100px !important;
  padding: 0 9px 0 0 !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
.all-enrolments table.dataTable tr td:nth-child(3)
{
  text-align: center;
}
.fees-total
{
  margin-bottom: 3px;
  font-size: 12px;
  margin-top: 4px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 14px;
}
.col-xs-2
{
  width: 20% !important;
}
@media screen and (max-width:1430px) 
{
  .col-xs-2
  {
    width: 33.33% !important;
  } 
}
@media screen and (max-width:767px) 
{
  .col-xs-2
  {
    width: 50% !important;
    margin-top: 10px !important;
  } 
}
@media screen and (max-width:426px) 
{
  .col-xs-2
  {
    width: 100% !important;
  } 
}
.card.style2
{
  padding: 13px;
  position: relative;
  border-radius: 6px;
  transition: 0.3s ease-in-out;

}
.card.style2:hover
{
  /* margin-top: -3px; */
  transform: translateY(-3px);
}
.card.style2::after
{
  content: '';
  position: absolute;
  height: 67%;
  width: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background-color: #fff;
}
.card.style2 .d-flex
{
  align-items: center;
}
.card.style2 .d-flex i
{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 6px;
  margin-right: 10px;
}
.card.style2 .d-flex p
{
  margin-bottom: 0;
}

.card.style3
{
  padding: 13px;
  position: relative;
  border-radius: 6px;
  transition: 0.3s ease-in-out;
}
.card.style3:hover
{
  transform: translateY(-3px);
}
.card.style3::after
{
  content: '';
  position: absolute;
  height: 67%;
  width: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background-color: #fff;
}
.card.style3.after::before
{
  content: '';
  width: 40px;
  height: 40px;
  background:rgba(255, 255, 255, 0.1);
  position: absolute;
  right: 20px;
  top: -10px;
  border-radius: 50%;
}
.card.style3.after.bg-success::before
{
  right: 20px;
  bottom: -10px;
  top: auto;
  background:rgba(255, 255, 255, 0.2);
}
.card.style3.after.bg-warning::before
{
  right: 0;
  top: 20px;
  top: auto;
  background:rgba(255, 255, 255, 0.2);
}
.card.style3 .flex
{
  display: flex;
  align-items: center;
}
.card.style3 .d-flex
{
  align-items: center;
}
.card.style3 .d-flex i
{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background-color: #fff; */
  border: 2px solid;
  border-radius: 6px;
  margin-right: 10px;
}
.card.style3 .d-flex i.m-icon
{
  font-size: 25px;
}
.card.style3 .d-flex i.class-icon
{
  width: auto;
  height: auto;
  display: inline;
  border: none;
  margin-right: 3px;
  font-size: 14px;
}
.card.style3 .d-flex i.class-icon.fa-dot-circle
{
  font-size: 7px;
  line-height: 4px;
  padding-top: 2px;
  margin-right: 4px;
  margin-left: 4px;
}
.card.style3 .d-flex p:first-child
{
  font-weight: bold;
}

.card.style3 .d-flex p
{
  margin-bottom: 0;
}
.card.style3 .s-desc
{
  font-size: 20px;
}
.exam-info .item
{
  font-size: 18px;
  padding: 5px;
}
.exam-info .item.name
{
  display: flex;
  justify-content: space-between;
}
.exam-info .item b
{
  color: #000;
}
.with-icon-input
{
  position: relative;
}
.with-icon-input i
{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.with-icon-input input
{
  padding-left: 36px;
}
.dropdown-menu.with-icon .dropdown-item
{
  padding-left: 10px;
}
.dropdown-menu.with-icon li a .tf-icons
{
  width: 20px;
  text-align: center;
}
.custom-image-upload
{
  position: relative;
  cursor: pointer;
}
.custom-image-upload i
{
  font-size: 50px;
}
.custom-image-upload .upload-image
{
  height: 150px;
  width: inherit;
  object-fit: contain;
  margin-top: 10px;
  margin-bottom: 10px;
}
.custom-image-upload input
{
  visibility: hidden;
  display: none;
}
.user_file
{
  cursor: pointer;
  border: 1px solid #5f61e6;
  border-radius: 5px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.user_file input
{
  position: absolute;
  width: 0;
}
/* payment-receipt page */
.payment-receipt .card-title
{
  /* font-weight: bold;
  color: var(--bs-primary);
  margin-bottom: 0;
  padding: 24px 24px 18px 24px;
  font-size: 20px;
  line-height: 20px;
  border-bottom: 1px solid; */
  color: #fff;
  border-top-right-radius: 8px;
  font-weight: bold;
  border-top-left-radius: 8px;
  background: var(--bs-primary);
  margin-bottom: 0;
  padding: 15px 24px 13px 24px;
  font-size: 19px;
  line-height: 20px;
  border-bottom: 1px solid;
}
.payment-receipt .item-title
{
  padding: 6px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
.payment-receipt .item .form-label
{
  font-weight: bold;
  color: #000;
  margin-bottom: 0 !important;
}
.payment-receipt .item .item-data
{
  font-size: 18px;
  line-height: 18px;
}
.payment-receipt .item .item-data.date-edit 
{
  display: flex;
  align-items: center;
}
.payment-receipt .item .item-data.date-edit i.bx-calendar-edit
{
  line-height: 18px;
  font-size: 18px;
  margin-left: 4px;
  cursor: pointer;
  margin-top: -5.5px;
}
.payment-receipt .item .item-data .checkboxes
{
  font-size: 13px;
}
.payment-receipt .item .item-data .checkboxes input
{
  margin: 0 !important;
}
.payment-receipt .d-flex input
{
  max-width: 90%;
  margin-right: 5px;
}
.payment-receipt .d-flex img
{
  width: 10%;
  height: 40px;
  object-fit: contain;
}
.payment-receipt .item .item-data select
{
  font-size: 15px;
}
.payment-receipt .item .date-editor
{
  display: flex;
  padding: 10px;
}
.payment-receipt .item .date-editor i
{
  width: 47px;
  font-size: 30px;
  height: 37px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  color: #fff;
  background-color: var(--bs-info);
  cursor: pointer;
}
.online .on-cheque,
.online .on-cash
{
  display: none;
}
.cheque .on-online,
.cheque .on-cash
{
  display: none;
}
.cash  .on-online,
.cash  .on-cheque
{
  display: none;
}
.search-lpt .h5.text-uppercase
{
  margin: 0;
  padding: 22px 10px 20px 26px;
  background: var(--bs-primary);
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.searchBar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#searchQueryInput {
  width: 100%;
  height: 2.8rem;
  background: #fff;
  outline: none;
  border: none;
  border-radius: 1.625rem;
  padding: 0 3.5rem 0 1.5rem;
  font-size: 1rem;
  border: 1px solid transparent;
  transition: 0.3s ease-out;
}

#searchQuerySubmit {
  width: 3.5rem;
  height: 2.8rem;
  margin-left: -3.5rem;
  background: none;
  border: none;
  outline: none;
}

#searchQuerySubmit:hover {
  cursor: pointer;
}
#searchQueryInput:focus
{
  border-color: var(--bs-primary);
}
.custom-sizes  thead tr th:nth-child(2) input
{
  min-width: 140px;
}
.custom-sizes  thead tr th:nth-child(7) input
{
  min-width: 140px;
}
.custom-sizes  thead tr th:nth-child(9) input
{
  min-width: 160px;
}
.tblFixed
{
  table-layout: fixed;
}
/* .dataTables_scrollHeadInner
{
  width: 100% !important;
} */
/* .tab-content > .tab-pane
{
  visibility: hidden;
  width: 0;
  height: 0;
  z-index: -1;
  display: block !important;
}
.tab-content > .tab-pane.active {
  visibility: visible;
  width: auto;
  height: auto;
  z-index: 1;
  display: block !important;
} */
/* for fixing table height and body*/
.fixed-height
{
  height: 48em;
  /* position: relative; */
}
.fixed-height .dataTables_wrapper .row:last-child
{
  position: absolute;
  bottom: 20px;
  width: calc(100% - 22px);
  left: 50%;
  transform: translateX(-50%);
}
/* top filter filter-session */
.filter-session-row
{
  padding-top: 2px;
  /* padding-left: 1.6em; */
  position: fixed;
  top: 58px;
  z-index: 99;
  width: 90%;
  transition: 0.3s;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  height: 0;
  right: 10px;
}
.filter-session-row.container
{
  max-width: 900px;
  min-width: 250px;
  /* background-color: #fff; */
  padding: 10px;
}
.filter-session-row .shadow
{
  padding: 10px;
  box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important;
  border-radius: 5px;
  background: #fff;
}
.filter-session-row .col-md-12.text-right.px-1.border-top.pt-1
{
  margin-top: 4px;
}
.filter-backdrop
{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.3);
}
input#top_filter:checked ~ .filter-session-row
{
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}
input#top_filter:checked +.filter-session-row .bx-chevron-down
{
  transform: rotate(180deg);
}
input#top_filter:checked +.filter-backdrop
{
  display: block;
}
input#top_filter:checked + .container-fluid .filter-box
{
  z-index: 98;
}
/* .filter-session
{
  min-width: 200px;
} */
.filter-session .shadow
{
  
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
  border: 1px solid var(--bs-primary);
  border-radius: 6px;
}
.filter-apply.btn
{
  height: 41px;
}
.session-title
{
  font-size: 14px !important;
}
.filter-session-row .filter-title
{
  display: flex;
  justify-content: space-between;
  padding-left: 11px;
  padding-right: 11px;
  font-size: 16px;
}
.filter-session-row .filter-title i
{
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  background: #fff;
  justify-content: center;
  border-radius: 50%;
  font-size: 23px;
  line-height: 22px;
}
.filter-session-row .filter-title span
{
  opacity: 0;
}
.show_widgets
{
  height: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: 0.3s;
}
#hide_widgets
{
  position: absolute;
  visibility: hidden;
}
.showwidget_icon{
  font-size: 14px;
  width: 146px;
  height: 28px;
  text-align: center;
  color: #fff;
  background: var(--bs-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.showwidget_icon .hide_span
{
  display: none;
}
input#hide_widgets:checked ~ .show_widgets
{
  height: auto;
  padding-top: 10px;
  margin-top: 10px;
  visibility: visible;
  opacity: 1;
  z-index: 1;
  margin-bottom: 10px;
}
input#hide_widgets:checked ~ .showwidget_icon .hide_span
{
  display: block;
}
input#hide_widgets:checked ~ .showwidget_icon .show_span
{
  display: none;
}
@media screen and (max-width:920px) 
{
  .filter-session-row.container
  {
    max-width: 800px;
  }
}
@media screen and (max-width:820px) 
{
  .filter-session-row.container
  {
    max-width: 97%;
  }
}
  @media screen and (max-width:500px) 
  {
    .filter-session-row.container
    {
      max-width: 97%;
      width: 100% !important;
      left: 50%;
      transform: translateX(-50%);
      z-index: 100;
    }
    .filter-session-row .filter-title
    {
      display: flex;
      justify-content: space-between;
      padding-left: 11px;
      padding-right: 11px;
      font-size: 16px;
      text-transform: uppercase;
      padding-top: 8px;
      padding-bottom: 4px;
      background: var(--bs-primary);
      margin-top: -2px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      color: #fff;
      font-weight: bold;
    }
    .filter-session-row .filter-title i
    {
      font-size: 20px;
      background-color: transparent;
      position: relative;
    }
    .filter-session-row .filter-title span
    {
      opacity: 1;
    }
    .filter-session-row .shadow
    {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .filter-session-row .apply-btn
    {
      display: block;
      margin: 7px 0;
      padding-right: 3px;
    }
  }

/* top filter filter-session end*/

/* payment-receipt page end */

@media screen and (max-width:991px) 
{
  .bs-stepper .same-steper-on-mobile.bs-stepper-header
  {
    flex-direction: row !important;
    align-items: center !important;
  }
  .bs-stepper .same-steper-on-mobile.bs-stepper-header .line i
  {
    display: block !important;
  }
  .same-steper-on-mobile .step-trigger
  {
    padding: 0 !important;
  }
  .attempt-card .border-rounded
  {
    margin-bottom: 8px;
  }
}
@media screen and (max-width:767px) 
{
  .fixed-height
  {
    height: 54em;
  }
  .date-range-filter
  {
    margin-right: 0;
  }  
  .nav-align-top
  {
    padding-top: 20px;
  }
  .card-header.flex-column.flex-md-row
  {
    top: 22.5px;
  }
  .card-header.flex-column.flex-md-row .buttons-collection.dropdown-toggle span .d-none.d-sm-inline-block
  { 
    display: none !important;
  }
  .nav-align-top .nav-tabs .nav-item .nav-link
  {
    height: 32px;
  }
  .nav-align-top .nav-tabs .nav-item .nav-link.active
  {
    height: 38px;
  }
  .with-tabs .tab-content
  {
    margin-top: -6.5px;
  }
  .date-range-filter.on-desktop
  {
    display: none !important;
  }
  .date-range-filter.on-mobile
  {
    display: flex !important;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: end;
  }
  .date-range-filter.on-mobile .table-filter-item.right
  {
    margin-top: 0;
  }
  .date-table-filter
  {
    margin-top: 0;
  }
  .with-out-tab .date-range-filter.on-mobile .date-table-filter
  {
    margin-right: 10px;
  }
  .card-header.flex-column.flex-md-row.with-calender.filter-two,
  .card-header.flex-column.flex-md-row.with-calender
  {
    right: 0;
  }
  .with-out-tab .table-header
  {
    padding-top: 10px;
  }
  footer .item-footer
  {
    width: 100%;
  }  
  footer .item-footer:first-child
  {
    font-size: 13px;
  }
  .footer-link img
  {
    margin: 0 0 10px 0;
  }
}
@media screen and (max-width:670px)
{
  .nav-align-top
  {
    padding-top: 5px;
  }
  .with-tabs .card-header.flex-column.flex-md-row.with-calender
  {
    right: 14.6em;
    top: -33px;
  }
  .with-tabs .card-header.flex-column.flex-md-row.with-calender.filter-two
  {
    right: 17.3em;
  }
  .card-header.flex-column.flex-md-row.with-calender
  {
    right: 0;
  }
  .date-range-filter input
  {
    /* width: 0;
    height: 0; */
  }  
  /* .date-range-filter.on-desktop
  {
    display: none !important;
  }
  .date-range-filter.on-mobile
  {
    display: flex !important;
    justify-content: space-between;
  } */
  .with-tabs .date-range-filter.on-mobile .date-table-filter
  {
    margin-top: 0;
    margin-right: 0;
  }
  /* .with-tabs .date-range-filter.on-mobile .date-table-filter
  {
    margin-right: 0;
  } */
}
@media screen and (max-width:600px){
  .page-main-title
  {
    display: grid;
    justify-content: normal;
  }
  .page-main-title.dashboard-list
  {

  }
  .page-title span
  {
    font-size: 20px;
  }
  p.page-title-desc
  {
    font-size: 14px;
    margin-top: -8px;
    margin-left: 41px;
  }
  .page-title
  {
    margin-top: 20px;
  }
  .filter-box .filter-menu
  {
    width: 100%;
    right: 0;
  }
}
@media screen and (max-width:576px) {
  .custom-col .col-xs-6
  {
    width: 50%;
  }
}

@media screen and (max-width:426px) 
{
  .padding-sm-card .card .card-body
  {
    padding: 10px;
  }
  .padding-sm-accordion
  {
    padding: 10px !important;
  }
  .col-sm-padding .col-xl
  {
    padding: 0;
  }
  .grid-sm
  {
    display: grid !important;
  }
  .ms-sm-0
  {
    margin-left: 0 !important;
  }
  .padding-sm-accordion .accordion-body
  {
    padding: 10px;
  }
  .add-row-form .fixed-table-layout
  {
    table-layout:auto;
  }
}
@media screen and (max-width:425px)
{
  .custom-col .col-xs-6
  {
    width: 100%;
  }
  .with-tabs .tab-content {
    margin-top: -7.5px;
  }
  .nav-align-top
  {
    padding-top: 5px;
  }
  .with-tabs .card-header.flex-column.flex-md-row.with-calender
  {
    right: 14.6em;
  }
  .with-tabs .card-header.flex-column.flex-md-row.with-calender.filter-two
  {
    right: 17.3em;
    top: -33px;
  }
  .date-range-filter input
  {
    /* width: 0;
    height: 0; */
  }  
  .date-range-filter.on-desktop
  {
    display: none !important;
  }
  .date-range-filter.on-mobile
  {
    display: flex !important;
    justify-content: end;
  }
  /* .date-range-filter.on-mobile .date-table-filter */
  .with-tabs .date-range-filter.on-mobile .date-table-filter
  {
    margin-top: 0;
    margin-right: 0;
  }
}

/* container-fluid flex-grow-1 py-2 */
#top_filter .container-fluid.flex-grow-1.py-2
{
  margin-top: 30px;
}
/* dashboard start */
.gradient-attempt
{
  color: #fff !important;
  position: relative;
  transition: 0.3s ease-in-out;
  overflow: hidden;
}
.gradient-attempt::after
{
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  visibility: hidden;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}
.gradient-attempt:hover::after
{
  transform: translateX(0);
  visibility: visible;
}
.gradient-attempt.total
{
  background: linear-gradient(45deg, #0d5e05, #4fa14e);
}
.gradient-attempt.red
{
  background: linear-gradient(45deg, #f70808, #b48637);
}
.gradient-attempt.green
{
  background: linear-gradient(45deg, #0d5e05, #4fa14e);
}
.gradient-attempt.blue
{
  background: linear-gradient(45deg, #4935ce, #666eff);
}
.avatar-icon i
{
  width: 40px;
  height: 40px;
  font-size: 25px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.dash-card
{
  box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
  padding: 20px;
  padding-top: 32px;
}
.dash-card.blue 
{
  background: #e7e6fb;
}
.dash-card.red 
{
  background: #f8e5e9;
}
.dash-card.yellow 
{
  background: #fbecd8;
}
.dash-card.green 
{
  background: #e6f6ea;
}
.dash-card .icon {
  width: 45px;
  height: 20.735px;
  background: red;
  position: relative;
  margin: auto;
  text-align: center;
}
.dash-card.blue .icon
{
  background: #6151fa;
}
.dash-card.red .icon
{
  background: #f02b59;
}
.dash-card.green .icon
{
  background: #278940;
}
.dash-card.yellow .icon
{
  background: #ffa428;
}
.dash-card .icon::before {
  content: "";
  position: absolute;
  top: -15.8675px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 23px solid transparent;
  border-right: 23px solid transparent;
  border-bottom: 15.8675px solid red;
}
.dash-card.blue .icon::before
{
  border-bottom: 15.8675px solid #6151fa;
}
.dash-card.green .icon::before
{
  border-bottom: 15.8675px solid #278940;
}
.dash-card.yellow .icon::before
{
  border-bottom: 15.8675px solid #ffa428;
}
.dash-card.red .icon::before
{
  border-bottom: 15.8675px solid #f02b59;
}
.dash-card .icon::after {
  content: "";
  position: absolute;
  bottom: -14.8675px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 23px solid transparent;
  border-right: 23px solid transparent;
  border-top: 15.8675px solid red;
}
.dash-card.blue .icon::after
{
  border-top: 15.8675px solid #6151fa;
}
.dash-card.green .icon::after
{
  border-top: 15.8675px solid #278940;
}
.dash-card.yellow .icon::after
{
  border-top: 15.8675px solid #ffa428;
}
.dash-card.red .icon::after
{
  border-top: 15.8675px solid #f02b59;
}
.dash-card .icon i
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 20px;
  color: #fff;
}
.dash-card .title
{
  text-align: center;
  color: #444;
  font-size: 17px;
  font-weight: 600;
  margin-top: 20px;
}
.dash-card .number
{
  color: #000;
  font-size: 24px;
  line-height: 7px;
  text-align: center;
  font-weight: 600;
  margin-top: 10px;
}
.notic-card .card-header
{
  padding: 8px 10px 5px 10px;
  color: #000;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}
.notic-card .card-body
{
  padding-right: 0;
  padding-left: 0;
}
.notic-card .item
{
  display: flex;
  align-items: start;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
}
.notic-card .item .desc
{
  font-size: 12px !important;
}
.notic-card .notic-title
{
  margin-bottom: 0;
  font-weight: 600;
  color: #4b4a4a;
  line-height: 12px;
  margin-top: 3px;
}
.notic-card .icon i
{
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: #278940; */
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
}

/* dashboard end */
/* user-profile start */
.user-profile
{
  margin-top: 70px;
}
.user-profile .user-img img
{
  height: 120px;
  width: 120px;
  border-radius: 50%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 5px solid #fff;
  cursor: pointer;
}
.user-profile .user-img
{
  margin-top: -92px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.user-profile .desc
{
  text-align: center;
  width: 100%;
  margin-left: auto;
  padding: 10px;
  /* border-bottom: 1px solid #ddd; */
}
.user-profile .desc .upload-img
{
  position: absolute;
  right: 3px;
  bottom: 17px;
  background: var(--bs-primary);
  color: #fff;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 50%;
  cursor: pointer;
}
.user-profile .desc .upload-img img
{
  cursor: pointer;
}
.user-profile .desc .name
{
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.user-profile .desc .dept
{
  font-size: 12px;
  /* font-weight: bold; */
}
@media screen and (max-width:767px) 
{
  .order-2-sm
  {
    order: 2;
    margin-top: 20px !important;
  }  
}
/* user-profile end */
/* ltse-exam-mode */
.ltse-exam-mode .header-title
{
  display: flex;
  line-height: 28px;
}
.ltse-exam-mode .header-title i
{
  font-size: 22px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #5f61e6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.ltse-exam-mode .profile-img
{
  text-align: right;
}
.ltse-exam-mode .profile-img img
{
    height: 103px;
    border-radius: 50%;
    margin-right: 30px;
    box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
    border: 2px solid #fff;
}
.ltse-exam-mode table tr td:last-child
{
  color: #000;
  font-weight: 500;
}
.ltse-exam-mode .mode-box .header
{
  font-size: 18px;
  text-align: center;
  background: #5f61e6;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 600;
  padding-top: 2px;
  padding-bottom: 2px;
}
.ltse-exam-mode .mode-box .body
{
  border: 1px solid #ccc;
  border-top: none;
  padding: 10px 0 15px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 231px;
  overflow-y: auto;
}
.ltse-exam-mode .mode-box .text-center.text-danger
{
  font-size: 17px;
  font-weight: 500;
}
.ltse-exam-mode .mode-box .item
{
  display: flex;
  margin-bottom: 0;
  align-items: center;
  color: #082850;
  font-weight: 600;
  font-size: 16px;
}
.ltse-exam-mode .mode-box .item.hindi
{
  /* line-height: 10px; */
  color: #1515d7;
}
@media screen and (max-width:991px) 
{
  .ltse-exam-mode   .change-order-2
  {
    order: 2;
  }  
  .ltse-exam-mode   .change-order-3
  {
    order: 3;
  }  
  .ltse-exam-mode   .change-order-3
  {
    order: 3;
  }  
  .ltse-exam-mode   .change-order-4
  {
    order: 4;
  }
  .ltse-exam-mode   .change-order-5
  {
    order: 5;
  }  
  .ltse-exam-mode .profile-img
  {
    text-align: left;
  }
}
@media screen and (max-width:426px) 
{
  .ltse-exam-mode .header-title
  {
    font-size: 19px;
    line-height: 26px;
  }  
  .ltse-exam-mode .header-title i
  {
    font-size: 19px;
    width: 25px;
    height: 25px;
  }
}
.profile-image
{
  /* text-align: right; */
}
.profile-image label
{
  margin: auto;
  position: relative;
  cursor: pointer;
}
.profile-image label .bx-plus
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,0.6);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: #000;
}
.profile-image label .bxs-edit-alt
{
  /* display: none; */
  position: absolute;
  right: 4px;
  bottom: 3px;
  background: var(--bs-primary);
  border-radius: 50%;
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  display: none;
}
.profile-image label img
{
  height: 120px;
  border-radius: 5px;
  max-width: 100%;
}
/* ltse-exam-mode end */
.parents-swipe table.dataTable thead > tr > th.sorting:after,
.parents-swipe table.dataTable thead > tr > th.sorting_asc:after,
.parents-swipe table.dataTable thead > tr > th.sorting_desc:after,
.parents-swipe table.dataTable thead > tr > th.sorting_asc_disabled:after,
.parents-swipe table.dataTable thead > tr > th.sorting_desc_disabled:after,
.parents-swipe table.dataTable thead > tr > td.sorting:after,
.parents-swipe table.dataTable thead > tr > td.sorting_asc:after,
.parents-swipe table.dataTable thead > tr > td.sorting_desc:after,
.parents-swipe table.dataTable thead > tr > td.sorting_asc_disabled:after,
.parents-swipe table.dataTable thead > tr > td.sorting_desc_disabled:after
{
  top: 53% !important;
}
.parents-swipe table.dataTable thead > tr > th.sorting::before,
.parents-swipe table.dataTable thead > tr > th.sorting_asc::before,
.parents-swipe table.dataTable thead > tr > th.sorting_desc::before,
.parents-swipe table.dataTable thead > tr > th.sorting_asc_disabled::before,
.parents-swipe table.dataTable thead > tr > th.sorting_desc_disabled::before,
.parents-swipe table.dataTable thead > tr > td.sorting::before,
.parents-swipe table.dataTable thead > tr > td.sorting_asc::before,
.parents-swipe table.dataTable thead > tr > td.sorting_desc::before,
.parents-swipe table.dataTable thead > tr > td.sorting_asc_disabled::before,
.parents-swipe table.dataTable thead > tr > td.sorting_desc_disabled::before
{
  top: 28%!important;
  bottom: auto !important;
  
}
.users-table table.dataTable thead > tr > th.sorting:after,
.users-table table.dataTable thead > tr > th.sorting_asc:after,
.users-table table.dataTable thead > tr > th.sorting_desc:after,
.users-table table.dataTable thead > tr > th.sorting_asc_disabled:after,
.users-table table.dataTable thead > tr > th.sorting_desc_disabled:after,
.users-table table.dataTable thead > tr > td.sorting:after,
.users-table table.dataTable thead > tr > td.sorting_asc:after,
.users-table table.dataTable thead > tr > td.sorting_desc:after,
.users-table table.dataTable thead > tr > td.sorting_asc_disabled:after,
.users-table table.dataTable thead > tr > td.sorting_desc_disabled:after
{
  top: 53% !important;
}
.users-table table.dataTable thead > tr > th.sorting::before,
.users-table table.dataTable thead > tr > th.sorting_asc::before,
.users-table table.dataTable thead > tr > th.sorting_desc::before,
.users-table table.dataTable thead > tr > th.sorting_asc_disabled::before,
.users-table table.dataTable thead > tr > th.sorting_desc_disabled::before,
.users-table table.dataTable thead > tr > td.sorting::before,
.users-table table.dataTable thead > tr > td.sorting_asc::before,
.users-table table.dataTable thead > tr > td.sorting_desc::before,
.users-table table.dataTable thead > tr > td.sorting_asc_disabled::before,
.users-table table.dataTable thead > tr > td.sorting_desc_disabled::before
{
  top: 28%!important;
  bottom: auto !important;
}
/* hall_dashboard */
.hall_dashboard .buttons-collection.dropdown-toggle
{
  font-size: 13px;
  line-height: 22px;
}
.hall_dashboard .buttons-collection.dropdown-toggle i
{
  font-size: 16px;
  line-height: 20px;
}
.hall_dashboard .date-table-filter
{
  height: 32px;
}
.hall_dashboard .date-table-filter input.date-field
{
  width: 15.5em;  
  font-size: 12px;
}
.hall_dashboard .date-table-filter i
{
  font-size: 14px;
}
.hall_dashboard .with-out-tab .date-table-filter input.date-field
{
  padding-top: 10px;
}
.hall_dashboard .custom-title
{
  display: flex;
  align-items: center;
}
.hall_dashboard .custom-title i
{
  width: 26px;
  height: 24px;
  background: var(--bs-primary);
  font-size: 14px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 3px;
  margin-right: 5px;
}
/* hall_dashboard end */
/* forbidden */
.forbidden .card
{
  /* height: 100vh; */
  min-height: 500px;
}
.forbidden .card .card-body
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.forbidden .card .card-body .status
{
  line-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-primary);
}
.forbidden .card .card-body .text-danger.mb-0
{
  text-align: center;
  font-weight: bold;
  margin-top: 7px;
}
.forbidden .card .card-body .message
{
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #b85d5d;
  /* margin-top: 8px; */
  margin-bottom: 20px;
}
.forbidden .card .card-body .status div
{
  font-size: 8em;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.forbidden .card .card-body .status div:nth-child(2)
{
  transform: rotate(335deg);
}
.forbidden .card .card-body .text-center img
{
  height: 200px;
}
.forbidden .card .card-body .text-center button
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
@media screen and (max-width:426px) 
{
  .forbidden .card
  {
    min-height: 400px;
  }
  .forbidden .card .card-body .status
  {

  } 
  .forbidden .card .card-body .status div
  {
    font-size: 6em;
  }
  .forbidden .card .card-body .message
  {
    font-size: 21px;
  } 
}
/* forbidden end */
@media screen and (max-width:405px) {
  .change-on-mobile .btn-success
  {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-top: 2px;
  } 
}
/* three attempt */
.show_row_icon i
{
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: 0.3s ease-in-out smooth;
  position: absolute;
  right: 13px;
  top: -42px;
  /* border: 1px solid var(--bs-primary); */
  animation: upDon 4s infinite;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
@keyframes upDon {
  0%
  {
    transform: translateY(0px);
    color: #fff;
     background: rgba(50, 250, 50, 0.6);
  }
  50%
  {
    transform: translateY(7px);
    border-color:transparent;
    color: #fff;
    background: rgba(50, 50, 250, 0.6);

  }
  100%
  {
    transform: translateY(0px);
    color: #fff;
    background: rgba(250, 50, 50, 0.6);

  }
}
input#show_row:checked + .row .text-right .show_row_icon i
{
  animation:none;
  transform: rotate(180deg);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.show_row_box
{
  height: 0;
  /* position: absolute; */
  visibility: hidden;
  transition: 0.3s ease-in-out;
  opacity: 0;
  margin: 0;
}
input#show_row:checked ~ .row.show_row_box
{
  height: auto;
  position: relative;
  visibility: visible;
  opacity: 1;
}
/* three attempt end */
.forbidden .card
{
  /* height: 100vh; */
  min-height: 500px;
}
.forbidden .card .card-body
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.forbidden .card .card-body .status
{
  line-height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-primary);
}
.forbidden .card .card-body .text-danger.mb-0
{
  text-align: center;
  font-weight: bold;
  margin-top: 7px;
}
.forbidden .card .card-body .message
{
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #b85d5d;
  /* margin-top: 8px; */
  margin-bottom: 20px;
}
.forbidden .card .card-body .status div
{
  font-size: 8em;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.forbidden .card .card-body .status div:nth-child(2)
{
  transform: rotate(335deg);
}
.forbidden .card .card-body .text-center img
{
  height: 200px;
}
.forbidden .card .card-body .text-center button
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
@media screen and (max-width:426px) 
{
  .forbidden .card
  {
    min-height: 400px;
  }
  .forbidden .card .card-body .status
  {

  } 
  .forbidden .card .card-body .status div
  {
    font-size: 6em;
  }
  .forbidden .card .card-body .message
  {
    font-size: 21px;
  } 
}
/* forbidden end */