@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --main-color: #2E2926;
  --white-color: #fff;
  --black-color: #000;
  --button-bg-color: #009BDE;
  --main-light-color: #737373;
  --text-color: #747478;
  --gray-bg: #F7F8FA;
  --text-gray: #ACACAC;
  --btn-green: #02A60D;
  --white-color: #fff;
  --card-bg-color:#464646;
  --dark-bg-color:#2A2828;
  --light-bg-color:#fff;

}

/* ----------------------------------------------------------------
   [ Short icone Start css ]
-----------------------------------------------------------------*/
table.dataTable>thead .table_thead_no.sorting::before {
  right: inherit !important;
  left: 45px;
  top: 12px;
}

table.dataTable>thead .table_thead_no.sorting::after {
  right: 0 !important;
  left: 52px;
  top: 12px;
}

table.dataTable>thead .table_thead_company.sorting::before {
  right: inherit !important;
  left: 103px;
  top: 12px;
}

table.dataTable>thead .table_thead_company.sorting::after {
  right: 0 !important;
  left: 110px;
  top: 12px;
}

table.dataTable>thead .table_thead_product_head.sorting::before {
  right: inherit !important;
  left: 100px;
  top: 12px;
}

table.dataTable>thead .table_thead_product_head.sorting::after {
  right: 0 !important;
  left: 107px;
  top: 12px;
}

table.dataTable>thead .table_thead_coaching_plan.sorting::before {
  right: inherit !important;
  left: 160px;
  top: 12px;
}

table.dataTable>thead .table_thead_coaching_plan.sorting::after {
  right: 0 !important;
  left: 167px;
  top: 12px;
}

table.dataTable>thead .table_thead_path_head.sorting::before {
  right: inherit !important;
  left: 60px;
  top: 12px;
}

table.dataTable>thead .table_thead_path_head.sorting::after {
  right: 0 !important;
  left: 67px;
  top: 12px;
}

table.dataTable>thead .table_thead_start_date.sorting::before {
  right: inherit !important;
  left: 120px;
  top: 12px;
}

table.dataTable>thead .table_thead_start_date.sorting::after {
  right: 0 !important;
  left: 127px;
  top: 12px;
}

table.dataTable>thead .table_thead_name.sorting::before {
  right: inherit !important;
  left: 68px;
  top: 12px;
}

table.dataTable>thead .table_thead_name.sorting::after {
  right: 0 !important;
  left: 75px;
  top: 12px;
}

table.dataTable>thead .table_thead_email.sorting::before {
  right: inherit !important;
  left: 68px;
  top: 12px;
}

table.dataTable>thead .table_thead_email.sorting::after {
  right: 0 !important;
  left: 75px;
  top: 12px;
}

table.dataTable>thead .table_thead_job_title.sorting::before {
  right: inherit !important;
  left: 105px;
  top: 12px;
}

table.dataTable>thead .table_thead_job_title.sorting::after {
  right: 0 !important;
  left: 112px;
  top: 12px;
}

table.dataTable>thead .table_thead_position.sorting::before {
  right: inherit !important;
  left: 103px;
  top: 12px;
}

table.dataTable>thead .table_thead_position.sorting::after {
  right: 0 !important;
  left: 110px;
  top: 12px;
}

table.dataTable>thead .table_member_last_login.sorting::before {
  right: inherit !important;
  left: 155px;
  top: 12px;
}

table.dataTable>thead .table_member_last_login.sorting::after {
  right: 0 !important;
  left: 149px;
  top: 12px;
}

table.dataTable>thead .table_thead_available_meeting.sorting::before {
  right: inherit !important;
  left: 207px;
  top: 12px;
}

table.dataTable>thead .table_thead_available_meeting.sorting::after {
  right: 0 !important;
  left: 214px;
  top: 12px;
}


table.dataTable>thead .table_thead_description.sorting::before {
  right: inherit !important;
  left: 133px;
  top: 12px;
}

table.dataTable>thead .table_thead_description.sorting::after {
  right: 0 !important;
  left: 140px;
  top: 12px;
}


table.dataTable>thead .table_thead_coach.sorting::before {
  right: inherit !important;
  left: 79px;
  top: 12px;
}

table.dataTable>thead .table_thead_coach.sorting::after {
  right: 0 !important;
  left: 86px;
  top: 12px;
}

table.dataTable>thead .table_thead_recurring_type.sorting::before {
  right: inherit !important;
  left: 169px;
  top: 12px;
}

table.dataTable>thead .table_thead_recurring_type.sorting::after {
  right: 0 !important;
  left: 176px;
  top: 12px;
}

table.dataTable>thead .table_thead_is_recurring.sorting::before {
  right: inherit !important;
  left: 139px;
  top: 12px;
}

table.dataTable>thead .table_thead_is_recurring.sorting::after {
  right: 0 !important;
  left: 146px;
  top: 12px;
}


table.dataTable>thead .table_thead_event_type_name.sorting::before {
  right: inherit !important;
  left: 180px;
  top: 12px;
}

table.dataTable>thead .table_thead_event_type_name.sorting::after {
  right: 0 !important;
  left: 187px;
  top: 12px;
}

table.dataTable>thead .table_thead_end_date.sorting::before {
  right: inherit !important;
  left: 104px;
  top: 12px;
}

table.dataTable>thead .table_thead_end_date.sorting::after {
  right: 0 !important;
  left: 111px;
  top: 12px;
}

table.dataTable>thead .table_thead_lacation.sorting::before {
  right: inherit !important;
  left: 106px;
  top: 12px;
}

table.dataTable>thead .table_thead_lacation.sorting::after {
  right: 0 !important;
  left: 113px;
  top: 12px;
}


table.dataTable>thead .table_thead_graduation.sorting::before {
  right: inherit !important;
  left: 133px;
  top: 12px;
}

table.dataTable>thead .table_thead_graduation.sorting::after {
  right: 0 !important;
  left: 140px;
  top: 12px;
}

table.dataTable>thead .table_thead_title.sorting::before {
  right: inherit !important;
  left: 64px;
  top: 12px;
}

table.dataTable>thead .table_thead_title.sorting::after {
  right: 0 !important;
  left: 71px;
  top: 12px;
}


/* ----------------------------------------------------------------
   [ Short icone Start End ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
   [ 01 Start Basics ]
-----------------------------------------------------------------*/

@font-face {
  font-family: 'GothamBookFont';
  src: url('../fonts/GothamBookFont.eot');
  src: url('../fonts/GothamBookFont.eot') format('embedded-opentype'), url('../fonts/GothamBookFont.woff2') format('woff2'), url('../fonts/GothamBookFont.woff') format('woff'), url('../fonts/GothamBookFont.ttf') format('truetype'), url('../fonts/GothamBookFont.svg#GothamBookFont') format('svg');
}

@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/GothamMedium.eot');
  src: url('../fonts/GothamMedium.eot') format('embedded-opentype'), url('../fonts/GothamMedium.woff2') format('woff2'), url('../fonts/GothamMedium.woff') format('woff'), url('../fonts/GothamMedium.ttf') format('truetype'), url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
}

@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/GothamBold.eot');
  src: url('../fonts/GothamBold.eot') format('embedded-opentype'), url('../fonts/GothamBold.woff2') format('woff2'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype'), url('../fonts/GothamBold.svg#GothamBold') format('svg');
}

@font-face {
  font-family: 'GothamLight';
  src: url('../fonts/GothamLight.eot');
  src: url('../fonts/GothamLight.eot') format('embedded-opentype'), url('../fonts/GothamLight.woff2') format('woff2'), url('../fonts/GothamLight.woff') format('woff'), url('../fonts/GothamLight.ttf') format('truetype'), url('../fonts/GothamLight.svg#GothamLight') format('svg');
}


/* Global css start */

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  list-style: none;
  word-wrap: break-word;
}

body {
  color: var(--main-color);
  font-weight: normal;
  font-size: 16px;
  font-family: 'GothamBookFont';
}

h1 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 28px;
  line-height: 34px;
  margin: 0;
  padding: 0;
}


h2 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 22px;
  line-height: 26px;
  margin: 0;
  padding: 0;

}

h3 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 20px;
  line-height: 21px;
  margin: 0;
  padding: 0;

}

h4 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  padding: 0;

}


h5 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 0;

}

h6 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  padding: 0;

}


p {
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-color);
  line-height: 15px;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

ul,
li {
  margin: 0;
  padding: 0;
}

.note-toolbar.card-header {
  display: flex;
  align-items: center;
  justify-content: left;
}

.btn-group {
  display: flex;
  align-items: center;
  justify-content: left;
}

.get-btn {
  width: 200px;
  height: 60px;
  line-height: 60px;
  background: var(--button-bg-color);
  color: var(--white-color);
  text-align: center;
  font-size: 15px;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: .3s;
  position: relative;
  font-family: 'GothamBookFont';
  text-decoration: none;
}

.get-btn .arro-icone {
  width: 14px;
  margin-left: 6px;
  opacity: 0;
  position: absolute;
  right: 30px;
  transform: rotate(180deg);
  transition-duration: .3s;
}

.get-btn .arro-icone path {
  fill: var(--white-color);
  transition-duration: .3s;
}

.get-btn:hover .arro-icone {
  opacity: 1;
}

.get-btn:hover {
  padding-right: 25px;
  color: var(--white-color);
  text-decoration: none;
}

.content-header h1 {
  font-size: 28px;
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
}

.add-btn {
  height: 60px;
  line-height: 60px;
  background: var(--white-color);
  color: var(--text-gray);
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: .3s;
  position: relative;
  font-family: 'GothamBookFont';
  text-decoration: none;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
}

.add-btn:hover {
  background: var(--white-color);
  color: var(--text-gray);
  border: 1px solid #E3E3E3;
}

.add-btn:focus {
  background: var(--white-color);
  color: var(--text-gray);
  border: 1px solid #E3E3E3;
}

.card {
  border-radius: 5px;
  padding: 20px;
  border: 1px solid #E2E7EE;
  background: var(--white-color);
  box-shadow: none;
  min-height: calc(100vh - 80px);
  margin-bottom: 0;
}

.content-wrapper>.content {
  padding: 0 15px;
}

.form-floating>label {
  font-size: 16px;
  color: var(--black-color);
  font-family: 'GothamBookFont';
  font-weight: 400 !important;
  opacity: .65;
  padding: 25px 20px;
  line-height: 15px;

}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  transform: scale(.85) translateY(-0.6rem) translateX(0.18rem);
  font-size: 14px;
  font-family: 'GothamBookFont';
}

.form-floating>.form-control-plaintext~label,
.form-floating>textarea:focus~label,
.form-floating>textarea:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  transform: scale(.85) translateY(-0.6rem) translateX(0.18rem);
  font-size: 14px;
  font-family: 'GothamBookFont';
}

textarea {
  min-height: 60px !important;
  padding: 28px 20px 5px !important;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  font-size: 16px;
  color: var(--main-color) !important;
  outline: none;
  font-family: 'GothamBookFont' !important;
  box-shadow: none;
  width: 100%;
  height: 100px;
  resize:none;
}

textarea::placeholder {
  opacity: 0;
}

.form-control {
  width: 100%;
  height: 60px !important;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  padding: 15px 20px 5px !important;
  font-size: 16px;
  color: var(--main-color) !important;
  outline: none;
  font-family: 'GothamBookFont' !important;
  box-shadow: none;
}

textarea.form-control{
   padding: 28px 20px 5px !important;
}


.form-control:focus {
  border: solid 1px #E3E3E3;
  box-shadow: none;
}

.input-group-text:focus {
  border: 1px solid #ced4da;
}

.login-card-body .input-group .form-control:focus~.input-group-append .input-group-text {
  border: 1px solid #ced4da;
}

.login-card-body .form-control {
  padding: 0px 20px !important;
  height: 60px !important;
}

.upload .form-control {
  padding: 16px 20px !important;
}

.btn-blue {
  background: var(--button-bg-color);
  border: 0;
  font-size: 18px;
  line-height: 21px;
  color: var(--white-color);
  text-transform: uppercase;
  margin-top: 10px;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease-out;
  font-family: 'GothamMedium';
  padding: 0 20px;
  height: 60px;
}

.btn-blue:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
}

.btn-blue:focus {
  background: var(--button-bg-color);
  border-color: var(--button-bg-color);
  box-shadow: none;
  color: var(--white-color);
}


.btn-green {
  background: var(--btn-green);
}

.breadcrumb-item+.breadcrumb-item::before {
  display: none;
}

.table-responsive {
  overflow-y: auto;
  height: calc(100vh - 200px);
}

.table td,
.table th {
  vertical-align: middle;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
  background: url("../img/chevron-down-solid.svg") no-repeat right;
  border-width: 0;
  left: inherit;
  margin-left: 0px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  width: 0;
  border-style: inherit;
  padding: 7px;
  opacity: .3;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent;
  border-width: 0;
  transform: rotate(180deg);
}

.select2-container--default.select2-container--focus .select2-selection--single {
  border: 1px solid #E2E7EE;
}
.select2-container--default .select2-results>.select2-results__options{
  max-height: 500px;
}
.table thead th {
  white-space: nowrap;
}

.mt-100 {
  margin-top: 100px;
}
.mt-20 {
  margin-top:20px;
}

/* Global css end */


/* ----------------------------------------------------------------
   [ End Basics ]
-----------------------------------------------------------------*/
.sidebar {
  padding-left: 0;
}

[class*=sidebar-dark] .brand-link {
  border-bottom: none;
}

.content-wrapper {
  background-color: #F6F8FA;
}

[class*=sidebar-dark-] .sidebar a {
  color: var(--main-color);
}

.nav-sidebar .nav-link p {
  color: var(--main-color);
  font-size: 14px;
  text-transform: capitalize;
  display: inline-table;
  width: calc(100% - 5px);
  font-family: "Inter", sans-serif;
}

.nav-sidebar>.nav-item .nav-link {
  padding: 13px 16px;
  border-radius: 0px 5px 5px 0px;
}

.nav-sidebar-2>.nav-item .nav-link {
  padding: 6px 16px 10px;

}

.nav-sidebar .nav-item>.nav-link {
  margin-bottom: 0.1rem;
}

.nav-sidebar {
  position: relative !important;
}

.nav-sidebar {
  height: calc(100vh - 150px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block !important;
}

.nav-sidebar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
}

.nav-sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
  transition: background-color .3s;
}

.nav-sidebar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
  box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);

}

.sidebar nav.mt-2 {
  height: 100%;
}

/*.nav-sidebar>.nav-item.logout-item{
position: absolute;
bottom:30px;
margin-top: 0 !important;
} */
.nav-sidebar>.nav-item .nav-link .nav-icon path {
  fill: var(--main-light-color);
}
.nav-sidebar>.nav-item .nav-link .nav-icon.nav-icon-manage-script path{
  fill:revert-layer;
}


.nav-sidebar>.nav-item .nav-link .nav-icon.nav-icon-setting path {
  fill: transparent !important;

}

.nav-sidebar>.nav-item .nav-link:hover .nav-icon.nav-icon-setting path {
  stroke: var(--white-color);
}

.nav-sidebar>.nav-item .nav-link .nav-icon.nav-icon-user path {
  fill: transparent;
}

.nav-sidebar>.nav-item .nav-link .nav-icon.library-icone path {
  fill: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.library-icone path {
  stroke: #fff;
  fill: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.library-icone line {
  stroke: #fff;
  fill: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon.library-icone path {
  stroke: #fff;
  fill: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon.library-icone line {
  stroke: #fff;
  fill: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: var(--button-bg-color);
  box-shadow: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon path,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon path {
  fill: var(--white-color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon.nav-icon-user path,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon.nav-icon-user path {
  stroke: var(--white-color);
  fill: transparent;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover {
  background-color: var(--button-bg-color);
  color: var(--white-color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon path,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon path {
  fill: var(--white-color);

}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.nav-icon-user path,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.nav-icon-user path {
  stroke: var(--white-color);
  fill: transparent;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover p,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover p {
  color: var(--white-color);
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.nav-icon-manage-script path,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.nav-icon-manage-script path {
  filter: invert(1) brightness(1000);
  fill: revert-layer;
}
.dark_theme .nav-sidebar>.nav-item .nav-link .nav-icon.nav-icon-manage-script path{
  filter: invert(1) brightness(1000);
  fill: revert-layer;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active p {
  color: var(--white-color);
}

[class*=sidebar-dark-] {
  background-color: var(--white-color);
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
  /* background: #ccc; */
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
  left: 0 !important;
  right: -2px !important;
}


.nav-sidebar>.nav-item.logout-item {
  /* margin-top:70px; */
  padding-bottom: 16px;
  position: fixed;
  bottom: 0px;
}

.nav-treeview .nav-item .nav-link {
  padding-left: 50px;
}

.nav-treeview .nav-item .nav-link:hover {
  background-color: var(--button-bg-color) !important;
  color: var(--white-color);
}

.nav-treeview .nav-item .nav-link:hover p {
  color: var(--white-color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item.menu-is-opening.menu-open>.nav-treeview>.menu-open>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item.menu-is-opening.menu-open>.nav-treeview>.menu-open>.nav-link.active {
  background-color: var(--button-bg-color);
  box-shadow: none;
}

.sidebar-dark-primary .nav-sidebar>.nav-item.menu-is-opening.menu-open>.nav-treeview>.menu-open>.nav-link.active p,
.sidebar-light-primary .nav-sidebar>.nav-item.menu-is-opening.menu-open>.nav-treeview>.menu-open>.nav-link.active p {
  color: var(--white-color);
}

/* .nav-sidebar>.nav-item.logout-item-bottom{
 position: absolute;
bottom: 0;
} */
button.pushmenu-icone {
  border: none;
  background: transparent;
  text-align: right;
  margin-right: auto;
  padding-left: 100px;
}

.main-header {
  display: none;
}

.main-footer {
  display: none;
}

.brand-link {
  padding: 20px 5px;
}

.content-header {
  padding: 20px 38px;
  max-width: 1440px;
}

.content-wrapper {
  height: 100%;
}

/* ----------------------------------------------------------------
Dashboard  pages css Start
-----------------------------------------------------------------*/
.content-wrapper.dashboard.dashboard-page {
  height: auto;
}

.dashboard-page .card {
  margin-bottom: 1rem;
  min-height: auto;

}

.dashboard-breadcrumb-item a {
  display: block;
  background: var(--white-color);
  color: var(--main-color);
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: left;
  font-size: 16px;
  padding: 2px;
  border-radius: 30px;
  padding-right: 20px;
  line-height: 22px;
}

.dashboard-breadcrumb-item a span {
  width: 30px;
  height: 30px;
  border: 1px solid #E3E3E3;
  background: var(--gray-bg);
  color: var(--button-bg-color);
  text-transform: uppercase;
  display:flex;
  border-radius: 50%;
  align-items: center;
    justify-content: center;
    padding: 14px;
    margin-right: 10px;

}

.card-content {
  border-radius: 5px;
  border: none;
  border-top: solid 5px var(--button-bg-color);
  padding: 30px 50px;
  box-shadow: none;
}

.card-content::before {
  content: "";
  background: url("../img/blur-bg1.png") no-repeat left;
  background-size: contain;
  padding: 130px;
  position: absolute;
  left: -80px;
  bottom: -80px;
  z-index: 0;
}

.card-content::after {
  content: "";
  background: url("../img/blur-bg2.png") no-repeat right;
  background-size: contain;
  padding: 100px;
  position: absolute;
  right: 0;
  top: -20px;
  z-index: 0;
}

.servicemvp {
  display: flex;
  align-items: center;
  justify-content: left;
}

.servicemvp a {
  display: flex;
  width: 60px;
  height: 60px;
  border: 1px solid #F1F1F1;
  border-radius: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.servicemvp a img {
  max-width: 100%;
}

.servic-text {
  padding-left: 15px;
}

.servic-text p {
  font-size: 18px;
  line-height: 36px;
  color: var(--button-bg-color);
  letter-spacing: 0;
}

.quoteday {
  background: var(--gray-bg);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-top: 20px;
  justify-content: left;
  position: relative;
}

.quoteday a {
  display: block;
  font-size: 12px;
  font-family: 'GothamMedium';
  color: var(--main-light-color);
  text-transform: uppercase;
  padding: 8px 12px;
  background: var(--white-color);
  white-space: nowrap;
}

.quoteday p {
  color: var(--text-color);
  line-height: 18px;
  font-style: italic;
  padding-left: 10px;
  font-size: 15px;
}

.card-menu-item {
  text-align: center;
  box-shadow: none;
  border: none;
}

.card-menu-item p {
  font-size: 16px;
  line-height: 19px;
  color: var(--main-light-color);
}

.card-menu-item span {
  line-height: 44px;
  font-size: 36px;
  color: var(--main-color);
  padding: 10px 0;
  font-family: 'GothamMedium';
}

.card-menu-item .btn-radius {
  border: 1px solid #E3E3E3;
  border-radius: 15px;
  background: var(--gray-bg);
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin: 0 auto;
}

.btn-radius .fa-arrow-right {
  font-size: 12px;
  color: var(--main-light-color);
}

/* ----------------------------------------------------------------
Dashboard  pages css  End
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
Sign in  pages css Start
-----------------------------------------------------------------*/
.login_section {
  width: 100%;
  display: block;
}

.login_inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.login_inner .login_left {
  width: 50%;
}

.login_inner .login_left img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.login_inner .form_right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
}

.login-page,
.register-page {
  background-color: #F7F8FA;
}

.login-page .card {
  border: none;
  box-shadow: none;
  background: transparent;
  padding: 0;
  min-height: auto;
}

.login-card-body,
.register-card-body {
  background: transparent;
}

.login-logo,
.register-logo {
  text-align: left;
  margin-bottom: 0;
}

.login-logo a,
.register-logo a {
  display: block;
}

.login-logo a img,
.register-logo a img {
  width:auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

.login-card-body,
.register-card-body {
  padding: 0;
}

.login-box-msg,
.register-box-msg {
  padding: 26px 0 26px;
  text-align: center;
  font-size: 26px;
  line-height:normal;
  font-family: 'GothamMedium';
  color: var(--main-color);
}

.input-group-text {
  padding: 0.375rem 1.3rem;
}
.login-page .mb-10{
  margin-bottom: 10px;
}
.login-page .mt-30.text-center-account {
    margin-top: 30px;
}
.login-page .form{
  padding: 46px 0;
}

.custom-checkbox2 {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
    margin:0px 0 16px;
}
.custom-checkbox2 p{
  color: #2E2926;
font-family: "Gotham";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.custom-checkbox2 p a{
  color: #009BDE;
}
.form-check-label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top:0px;
}

.form-check-label input {
    position: absolute;
    width: 0;
    left: 50px;
    height: 0;
    opacity: 0;
    cursor: pointer;
}

.form-check-label .checkmark {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width:20px;
    height:20px;
  border-radius: 3px;
background: #D9D9D9;
    transition: all 0.2s ease;
}

.form-check-label:hover .checkmark {
   background: #D9D9D9;
    transition: all 0.2s ease;
}

.form-check-label input:checked ~.checkmark {
    background: #3f7fed;
}

.form-check-label input[type="radio"] ~ .checkmark {
    border-radius: 50%;
}

.form-check-label .checkmark::after {
    position: absolute;
    display: block;
    content: "";
    left: 50%;
    top: 40%;
    width:6px;
    height:10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    opacity: 0;
    transition: all 0.2s ease;
}

.form-check-label input:checked~.checkmark::after {
    opacity: 1;
    transition: all 0.2s ease;
}
.entercode-text{
  color: #747478;
text-align: center;
font-family: "Gotham";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding-top: 26px;
}
.resendotp{
  justify-content: center;
}
.resendotp p{
  color: #747478;
font-family: "Gotham";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
justify-content: center;
}

.otp-group{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns: var(--box);
    gap:16px;
    justify-content:center;
  }
  .otp-input{
  width: 50px;
height: 60px;
    text-align:center;
    font-family: "Gotham";
    font-size:16px;
    font-weight:400;
    letter-spacing:2px;
    border-radius:4px;
    border:1px solid #E3E3E3;
    background:#FFFFFF;
    outline:none;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
  }
/* ----------------------------------------------------------------
Sign in  pages css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
adminUsers  pages css Start
-----------------------------------------------------------------*/
.card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.card-top .btn-blue {
  margin-top: 0;
  width: auto;
  height: 40px;
  font-size: 16px;
  line-height: 19px;
  border-radius: 0;
  font-family: 'GothamBookFont';
  white-space: nowrap;
  border-radius: 5px;
}

.card-top .input-group {
  width: 330px;
}

.card-top .form-control {
  height: 40px !important;
  padding-left: 40px !important;
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  border-radius: 0;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.card-top .input-group-append {
  position: absolute;
  z-index: 999;
  left: 15px;
  top: 12px;
}

.adminUser #example_length {
  display: none;
}

.adminUser #example_filter {
  display: none;
}

.adminUser .table-bordered td,
.table-bordered th {
  border-left: none;
  border-right: none;
}

.adminUser .table-bordered td .btn {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 25px;
  padding: 0;
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn i {
  color: #909090;
  font-size: 13px;
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn:hover i {
  color: var(--white-color);
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn-eye:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn-pen:hover {
  background: #FEBC00;
  color: var(--white-color);
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn-trash:hover {
  background: #F74E0C;
  color: var(--white-color);
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn.btn-envelope:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
  transition: all 0.3s;
}

.adminUser .table-bordered td .btn-exchange:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
  transition: all 0.3s;
}

.adminUser .table-bordered td ul {
  display: flex;
  align-items: center;
}

.adminUser .actions li {
  display: inline;
  margin: 0 4px;
}

.adminUser .actions li:first-child {
  margin-left: 0px;
}

table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
  padding-bottom: 0px;
}

.adminUser .table-bordered td:first-child {
  border-left: 1px solid #dee2e6;
}

.adminUser .table-bordered td:last-child {
  border-right: 1px solid #dee2e6;
}

.adminUser .table-bordered th {
  border: none;
}

.adminUser .table thead th {
  border-bottom: none;
  border: none !important;
}

.adminUser .table thead th:nth-child(1) {
  width: 100px;
}

.adminUser .table thead th:nth-child(2) {
  width: 200px;
}

.adminUser .table thead th:nth-child(4) {
  width: 250px;
}

.adminUser .table thead th:nth-child(5) {
  width: 200px;
}

.adminUser .table tbody td:nth-child(1) {
  width: 100px;
}

.adminUser .table tbody td:nth-child(2) {
  width: 250px;
}

.adminUser .table tbody td:nth-child(4) {
  width: 250px;
}

.adminUser .table tbody td:nth-child(5) {
  width: 200px;
}

.adminUser tfoot {
  display: none;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: var(--gray-bg);
}

/* .adminUser .table-bordered {
border: none;
} */
.adminUser .table-bordered {
  border-bottom: 1px solid #dee2e6;
  border: 1px solid #dee2e6 !important;
  border-collapse: collapse !important;
}

.pagination {
  padding: 15px 0;
}

.pagination li {
  margin: 0 3px;
}

.pagination li .page-link {
  min-width: 40px;
  height: 40px;
  text-align: center;
  font-family: 'GothamBookFont' !important;
  color: var(--main-light-color);
  font-size: 16px;
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
}

.pagination_custom li .page-link {
  width: 60px;
  height: 40px;
}

.page-item.active .page-link {
  background-color: var(--button-bg-color);
  border-color: var(--button-bg-color);
}

.page-item.disabled .page-link {
  font-size: 0;
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  border-radius: 0;
  content: "";
  background: url("../img/angle-left.svg") no-repeat center;
  background-size: 8px;
  margin-right: 5px;
}

.page-item.disabled_dot .page-link {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  border-radius: 0;
  background-size: 8px;
  margin-right: 5px;
  cursor: not-allowed;
}

.page-item:last-child .page-link {
  font-size: 0;
  border-radius: 0;
  content: "";
  background: var(--gray-bg) url("../img/angle-left.svg") no-repeat center;
  background-size: 8px;
  transform: rotate(180deg);
  margin-left: 5px;
}

.page-item:first-child .page-link {
  font-size: 0;
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  border-radius: 0;
  content: "";
  background: url("../img/angle-left.svg") no-repeat center;
  background-size: 8px;
  margin-right: 5px;
}

/* ----------------------------------------------------------------
adminUsers  pages css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
addnewUsers  pages css Start
-----------------------------------------------------------------*/
.addnewUsers .content-header .breadcrumb {
  align-items: center;
}
li.breadcrumb-item{
  margin-top: 10px;
}
li.breadcrumb-item.back-item {
  padding-right: 20px;
}

li.breadcrumb-item.back-item a {
  display: flex;
  align-items: center;
  vertical-align: bottom;
  color: var(--button-bg-color);
}

li.breadcrumb-item.back-item a p {
  font-size: 18px;
  color: var(--button-bg-color);
  font-family: 'GothamMedium';
  padding-left: 5px;
}

.top-header-title {
  margin-bottom: 20px;
}

.top-header-title h1 {
  font-size: 28px;
  text-transform: capitalize;
  color: var(--main-light-color);
}

.addnewUsers form {
  padding: 20px 30px;
}

.addnewUsers .btn-blue {
  width:auto;
}

.addnewUsers.company_member_emport .btn-blue {
  width: 200px;
}

.addnewUsers textarea.form-control {
  min-height: 60px !important;
  padding: 28px 20px 5px !important;
  height: 100px !important;
}

.addnewUsers .select2-container .select2-selection--multiple {
  min-height: 60px !important;
  height: auto !important;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
}

.addnewUsers .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 15px 15px 10px !important;
  margin-top: 12px;
}

.addnewUsers .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--white-color);
  font-size: 14px;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  color: var(--main-light-color);
  padding: 1px 10px;
  display: flex;
  align-items: center;
  direction: rtl;
}

.csvformat {
  text-align: right;
  display: block;
  color: var(--button-bg-color);
  text-decoration: none;
}

.csvformat:hover {
  color: var(--button-bg-color);
}

/* ----------------------------------------------------------------
addnewUsers  pages css End
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
coaching plan  pages css Start
-----------------------------------------------------------------*/
.coachingplan .card-top .input-group-append {
  position: inherit;
  z-index: 999;
  left: inherit;
  top: 0;
  width: 40px;
  height: 40px;
  background: var(--button-bg-color);
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  color: var(--white-color);
}

.coachingplan .card-top .form-control {
  padding-left: 20px !important;
}

.coachingplan .table-bordered td ul {
  display: block;
  min-width: 100px;
}

.coachingplan .table-bordered td ul.description-list li {
  display: block;
  font-size: 14px;
  color: var(--main-color);
  margin: 0;
  padding-left: 10px;
  position: relative;
}

.coachingplan .table-bordered td ul.description-list li::before {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--main-color);
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
}

.coachingplan .table-bordered td ul.meeting-list li {
  display: inline-block;
  margin: 2px;
  float: left;
}

.coachingplan .table-bordered td ul.meeting-list li a {
  display: block;
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--main-light-color);
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  background: var(--white-color);
  padding: 2px 10px;
  text-decoration: none;
}

.coachingplan .table-bordered td p {
  font-size: 14px;
  color: var(--main-color);
  line-height: 20px;
  padding: 10px 0;
}

.coachingplan .table-bordered td p:first-child {
  padding-top: 0;
}

.coachingplan .table-bordered td p:last-child {
  padding-bottom: 0;
}

.coachingplan .table-bordered td .photo {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  border: 1px solid #E3E3E3;
}

.coachingplan .table-bordered td .photo img {
  width: 60px;
  height: 60px;
  border-radius: 5px;

}

.fix-floating-label::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: 30px;
  border-radius: 5px;
  background: var(--white-color);
}

.addCoach textarea.form-control {
  height: 170px !important;
}

/* ----------------------------------------------------------------
coaching plan  pages css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
Company  pages css Start
-----------------------------------------------------------------*/
.company .card-top .input-group .form-control{
  margin-right: 10px;
}
.company .card-top .input-group-append {
  position: inherit;
  z-index: 999;
  left: inherit;
  top: 0;
  width: 40px;
  height: 40px;
  background: var(--button-bg-color);
  align-items: center;
  justify-content: center;
  margin-left:0px;
  color: var(--white-color);
}

.company .adminUser .table tbody td:nth-child(2) {
  height: 30px;
  align-items: center;
}

.company .adminUser .table tbody td:nth-child(2) a {
  display: flex;
  height:auto;
  align-items: center;
}

.company .adminUser .table tbody td:nth-child(2) a p {
  text-decoration: underline;
  font-weight: normal;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
}

.company .adminUser .table tbody td:nth-child(2) a .fa-external-link-alt {
  font-size: 12px;
  padding-left: 5px;
  padding-top: 2px;
  color: var(--main-color);
}

.company_attendance .adminUser .table tbody td:nth-child(1) {
  display: table-cell;
  height: 30px;
  align-items: center;
  width: 275px;
}

.company_attendance .adminUser .table tbody td:nth-child(1) a {
  display: flex;
  height: 30px;
  align-items: center;
  width: 180px;
}

.company_attendance .adminUser .table tbody td:nth-child(1) a p {
  text-decoration: underline;
  font-weight: normal;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
}

.company_attendance .adminUser .table tbody td:nth-child(1) a .fa-external-link-alt {
  font-size: 12px;
  padding-left: 8px;
  padding-top: 2px;
  color: var(--main-color);
}

.company_attendance .adminUser .table tbody td:nth-child(2) {
  display: table-cell;
  width: auto;
}

.company_attendance .adminUser .table tbody td:nth-child(3) {
  width: auto;
}

.company_attendance .adminUser .table tbody td:nth-child(4) {
  width: auto;
}

.company_attendance .adminUser .table tbody td:nth-child(5) {
  width: auto;
}

.company_attendance .adminUser .table tbody td:nth-child(6) {
  width: auto;
}

.company_attendance .adminUser .table thead th:nth-child(1) {
  width: 250px;
}

.company_attendance .adminUser .table thead th:nth-child(2) {
  width: auto;
}

.company_attendance .adminUser .table thead th:nth-child(3) {
  width: auto;
}

.company_attendance .adminUser .table thead th:nth-child(4) {
  width: auto;
}

.company_attendance .adminUser .table thead th:nth-child(5) {
  width: auto;
}

.company_attendance .adminUser .table thead th:nth-child(6) {
  width: auto;
}

.company_attendance .adminUser .table thead th.days ul li {
  display: inline-block;
  padding: 0 15px;
}

.company_attendance .adminUser .table thead th.days ul li:first-child {
  padding-left: 0;
}

.company_attendance .adminUser .table thead th.days ul li:last-child {
  padding-right: 0;
}

.company_attendance .adminUser .table tbody td.days ul {
  justify-content: center;
  padding-right: 15px;
}

.company_attendance .adminUser .table tbody td.days ul li {
  display: inline-block;
  padding: 0 15px;
  margin: 0;
}

.company_attendance .adminUser .table tbody td.days ul li:first-child {
  padding-left: 0;
}

.company_attendance .adminUser .table tbody td.days ul li:last-child {
  padding-right: 0;
}

.company_attendance .adminUser .table tbody td i.fa.fa-check {
  color: var(--btn-green);
}

.company_attendance .adminUser .table tbody td i.fa.fa-times {
  color: #C73A32;
}


.company .card-top .form-control {
  padding-left: 20px !important;
  width: 200px;
}

.company .card-top .input-group {
  width: auto;
}

.company .card-top .input-group .form-group {
  width: 200px;
  margin-left: 10px;
  margin-bottom: 0;
}

.company .card-top .input-group .calender-box li {
  display: inline-block;
  margin: 0 2px;
}

.company .card-top .input-group .calender-box li:first-child {
  margin-left: 0;
}

.company .card-top .input-group .calender-box li:last-child {
  margin-right: 0;
}

.company .card-top .input-group .calender-box li .calender-item {
  background: var(--gray-bg);
  border: 1px solid #E2E7EE;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-light-color);
  text-align: center;
  padding: 7px 20px;
  border-radius: 0;
  width: 120px;
}

.company .card-top .input-group .calender-box li .calender-item:focus {
  background: var(--button-bg-color);
  color: var(--white-color);
}

.company .card-top .select-calender {
  background: var(--gray-bg);
  border: 1px solid #E2E7EE;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-light-color);
  text-align: center;
  padding: 7px 15px 7px 30px;
  border-radius: 0;
}


.company .select2-container .select2-selection--single {
  height: 68px;
  outline: none;
  border: 1px solid #E2E7EE;
  /* background: var(--gray-bg); */
  color: var(--main-light-color);
}

.company .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--main-light-color);
  line-height: 57px;
}

.company .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 52px;
}

#estimate-list_wrapper .select2-selection__rendered{
  line-height: 26px;
}

#estimate-list_wrapper .select2-selection__arrow{
  height: 26px;
}


.ownerList .select2-container .select2-selection--single{
  height: 42px !important;
}

.ownerList .select2-selection__rendered{
  line-height: 26px !important;
}

.ownerList .select2-selection__arrow{
  height: 26px !important;
}

.company .table-striped tbody tr:nth-of-type(even) {
  background: var(--gray-bg);
}

.company_attendance .table-striped tbody tr:nth-of-type(even) {
  background: var(--white-color);
}

.company_attendance .table-striped tbody tr.bggray {
  background: var(--gray-bg);
}

.company_attendance .table-striped tbody tr.bgwhite {
  background: var(--white-color);
}

.company_attendance .table-striped tbody tr.bggray td {
  border-top: none;
  border-left: none;
  padding: 0rem 0.75rem 0.2rem;
  vertical-align: top;
  line-height: 15px;
}

.addNewCompany .select2-container .select2-selection--single {
  height: 60px;
  background: transparent;
  padding: 16px 15px 5px;
}

.addNewCompany .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  margin-top: 0 !important;
}

.addNewCompany .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0;
  height: 60px;
  right: 15px;
}

.addNewCompany .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: -6px;
}

.main_attendance .other_cards {
  margin-top: 0 !important;
}

.main_attendance .btn-default {
  height: 40px !important;
}

.main_attendance .input-group.date .form-control {
  height: 40px !important;
  padding: 5px 20px 5px !important;
}

.main_attendance .input-group.date .input-group-append {
  height: 40px !important;
}

.main_attendance .bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto !important;
  margin: 2px 8px !important;
}

/* ----------------------------------------------------------------
Company  pages css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
company detals and Member detals  pages css Start
-----------------------------------------------------------------*/
.company-detals .header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}

.company-detals .header-top h5 {
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  color: var(--main-light-color);
}

.company-detals .header-top .btn {
  text-transform: uppercase;
  color: var(--main-light-color);
  font-size: 12px;
  line-height: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  font-family: 'GothamMedium';
}

.company-detals .header-top .btn-group .add-btn a {
  background: transparent;
}

.company-detals .header-top .btn-group .add-btn {
  color: var(--button-bg-color);
  margin-right: 20px;
  height: auto;
  background: transparent;
}

.company-detals .header-top .btn-group .add-btn .fa-plus {
  font-size: 10px;
}

.company-detals .user-block {
  display: flex;
  align-items: flex-start;
  justify-content: left;
}

.company-detals .user-block img {
  width: 86px;
  height: 86px;
  border: 1px solid #E2E7EE;
  object-fit: contain;
  padding: 5px;
}

.company-detals .user-block .user-details .username a {
  font-family: 'GothamMedium';
  display: block;
  font-size: 22px;
  color: var(--main-color);
}

.company-detals .user-block .user-details .description a {
  font-family: 'GothamBookFont';
  font-size: 16px;
  color: var(--text-color);
}

.company-detals .user-block .user-details .description a .fas.fa-envelope {
  font-size: 16px;
  color: var(--text-color);
  padding: 15px 5px 10px 0;
}

.company-detals .user-block .user-details .description a .fas.fa-phone-alt {
  font-size: 14px;
  color: var(--text-color);
  padding-right: 5px;
}

.company-detals .user-block .user-details .username,
.company-detals .user-block .user-details .description {
  margin-left: 16px;
}

.company-detals .user-block-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  padding: 16px 20px;
  min-height: 128px;
}

.company-detals .user-block-cover.user-block-cover-text {
  border: none;
}

.company-detals .user-block-cover.user-block-cover-text p {
  font-size: 20px;
  font-style: italic;
  text-align: left;
  padding: 20px;
  line-height: 24px;
}

.company-detals .mt-30 {
  margin-top: 30px;
}

.company-detals .member-sign {
  border-left: 1px solid #E3E3E3;
  padding-left: 20px;
}

.company-detals .member-sign .member-sign-btn {
  font-family: 'GothamMedium';
  font-size: 12px;
  color: var(--main-color);
  text-align: center;
  border: 1px solid #E3E3E3;
  background: var(--gray-bg);
  line-height: 15px;
}

.company-detals .member-sign p {
  font-size: 12px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  padding-top: 15px;
}

.company-detals .col-lg-8.col-md-8 {
  padding-right: 10px;
}

.company-detals .col-lg-4.col-md-4 {
  padding-left: 10px;
}

.company-detals .card-body-app {
  background: var(--white-color);
  border: 1px solid #E2E7EE;
  text-align: center;
  padding: 16px 20px;
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.company-detals .card-body-app h1 {
  font-family: 'GothamBookFont';
  color: #E3E3E3;
  line-height: 94px;
}

.company_memberdetails .ranking-cover {
  padding: 0px 0px;
  display: flex;
  align-items: center;
}

.company_memberdetails .ranking-cover .ranking-item {
  text-align: center;
  width: 50%;
  padding: 25px 0;
}

.company_memberdetails .ranking-cover .ranking-item.ranking-bdr-left {
  border-left: 1px solid #E2E7EE;
}

.company_memberdetails .ranking-cover .ranking-item span {
  font-size: 30px;
  line-height: 36px;
  color: var(--main-light-color);
  font-family: 'GothamMedium';
  display: block;
}

.company_memberdetails .ranking-cover .ranking-item .btn-redius {
  border: 1px solid #E3E3E3;
  border-radius: 13px;
  background: var(--white-color);
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'GothamMedium';
  color: var(--main-color);
  text-align: center;
  line-height: 15px;
  width: 100px;
  margin-top: 10px;

}

.company-detals .card-body-app.traning-cover {
  display: block;

}

.company-detals .card-body-app.traning-cover.comapny-progress {
  padding: 40px 20px;
  min-height: 128px;
}

.company-detals .card-body-app.traning-cover .progress {
  box-shadow: none;
  border-radius: 12px;
  height: 20px;
  border: 1px solid #E2E7EE;
}

.company-detals .card-body-app.traning-cover .progress .progress-bar {
  background: #02A60D;
  border-radius: 12px;
  text-align: right;
  padding-right: 16px;
}

.company-detals .card-body-app .traning {
  font-size: 14px;
  color: var(--main-light-color);
  padding-bottom: 10px;
  text-align: left;
}

.company-detals .card-body-app ul {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.company-detals .card-body-app ul li {
  display: inline-block;
  margin: 0 3px;
}

.company-detals .card-body-app ul li:first-child {
  margin-left: 0;
}

.company-detals .card-body-app ul li:last-child {
  margin-right: 0;
}

.company-detals .card-body-app ul li a {
  border-radius: 15px;
  text-align: center;
  width: auto;
  height: auto;
  display: block;
}

.company-detals .card-body-app ul li a img {
  width: 60px;
  height: 60px;
  display: inherit;
  text-align: center;
  margin: 0 auto;
}

.company-detals .card-body-app ul li a i {
  color: #009BDE;
  font-size: 30px;
}

.company-detals .card-body-app ul li p {
  font-size: 9px;
  color: var(--text-gray);
  text-transform: uppercase;
  font-family: 'GothamBookFont';
  padding-top: 5px;
  line-height: 12px;
}

.company-detals .user-block-cover.note {
  background: transparent;
  padding: 12px;
  display: block;

}

.company-detals .user-block-cover.note .note-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--gray-bg);
  padding: 9px 20px;
  min-height: 48px;
  margin-top: 5px;


}

.company-detals .user-block-cover.note .note-text p {
  font-size: 12px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  letter-spacing: 0px;
  line-height: 15px;
  padding-right: 50px;
}

.company-detals .user-block-cover.note .note-text span {
  font-size: 10px;
  color: var(--text-gray);
  letter-spacing: 0px;
  font-family: 'GothamBookFont';
  white-space: inherit;
}

.company-detals .expires-block-content .user-block-cover.note {
  min-height: 128px;
  padding: 10px;
}

.company-detals .user-block-cover.member {
  padding: 10px 20px;
  display: block;
  background: transparent;
}

.company-detals .user-block-cover.member .card-box {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--gray-bg);
  padding: 16px;
  height: 100%;
  display: inline-block;
  width: 100%;
  position: relative;
}

.company-detals .user-block-cover.member .card-box .join-btn-group {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

.company-detals .user-block-cover.member .col {
  padding: 10px;
}

.company-detals .user-block-cover.member .card-box h5 {
  font-size: 14px;
  white-space: inherit;
}

.company-detals .user-block-cover.member .card-box p.completed-member {
  font-size: 12px;
  color: #02A60D;
  line-height: 15px;
}

.company-detals .user-block-cover.member .card-box p.lastlogin {
  font-size: 12px;
  color: var(--text-gray);
  line-height: 15px;
  font-family: 'GothamBookFont';
  padding-top: 20px;
}


.company-detals .user-block-cover.member .card-box ul {
  margin: 0;
  padding: 10px 0;
  line-height: 15px;
}

.company-detals .user-block-cover.member .card-box ul li {
  display: inline-block;
  margin: 0 5px;
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-color);
  position: relative;
}

.company-detals .user-block-cover.member .card-box ul li:first-child {
  margin-left: 0;
}

.company-detals .user-block-cover.member .card-box ul li:last-child {
  margin-right: 0;
}

.company-detals .user-block-cover.member .card-box ul li::before {
  width: 4px;
  height: 4px;
  background: var(--text-color);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: -9px
}

.company-detals .user-block-cover.member .card-box ul li:first-child::before {
  display: none;
}

.company-detals .content-header .breadcrumb {
  align-items: center;
}

.company-detals .user-block-cover.member .card-box .completed-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 24px;
}

.company-detals .user-block-cover.member .card-box .completed-text p {
  font-family: 'GothamBookFont';
  font-size: 10px;
  color: var(--text-gray);
}

.company-detals .user-block-cover.member .card-box .completed-text .completed-icon {
  max-width: 100%;
}

.company-detals .user-block-cover.member .card-box span {
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-color);
  padding: 10px 0 30px;
  display: block;
  text-transform: uppercase;
}

.company-detals .user-block-cover.member.course .card-box span {
  margin-bottom: 30px;
}

.company-detals.company_companydetails .user-block-cover.member .card-box span {
  margin-bottom: 30px !important;
  padding-bottom: 16px !important;
}

/*.company-detals .user-block-cover.member .card-box .playNow-btn{
border: 1px solid #E2E7EE;
border-radius: 5px;
background: var(--white-color);
font-size: 12px;
color: var(--text-color);
padding:6px;
font-family: 'GothamBookFont';
text-transform: uppercase;
line-height: 15px;
width:175px;
height: 30px;
position: absolute;
left: 16px;
right: 16px;
bottom: 16px;
}*/

.company-detals .user-block-cover.member .card-box .playNow-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  padding: 6px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: calc(100% - 32px);
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  margin: 0 auto;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group {

  padding: 0;
  cursor: pointer;
  transition: all .3s ease;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group a {
  font-weight: normal;
  margin-bottom: 0;
  padding: 8px;
  display: block;
  border-radius: 5px;
  font-size: 12px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  transition: all .3s ease;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group .viewform {
  background: var(--button-bg-color);
  color: var(--white-color);
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transition: all .3s ease;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group:hover .form {
  opacity: 0;
  transition: all .3s ease;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group:focus .form {
  opacity: 0;
  transition: all .3s ease;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group:hover .viewform {
  opacity: 1;
  transition: all .3s ease;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group:focus .viewform {
  opacity: 1;
  transition: all .3s ease;
}

.company-detals.company_companydetails .member-sign {
  padding-right: 20px;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group .fa-file {
  color: var(--button-bg-color);
  padding-right: 3px;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.playNow-btn-group .viewform .fa-file {
  color: var(--white-color);
  padding-right: 3px;
}

.company-detals .user-block-cover.member .card-box .playNow-btn .gamepad-icon {
  padding-right: 0;
  margin-right: 3px;
  margin-top: -2px;
}

.company-detals .user-block-cover.member .card-box .quiz {
  font-size: 12px;
  font-family: 'GothamMedium';
  color: #02A60D;
  text-align: left;
  line-height: 15px;
  display: none;
}

.company-detals .user-block-cover.member .card-box .scheduleNow {
  border-radius: 5px;
  height: 30px;
  font-size: 12px;
  padding: 8px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: auto;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom:16px;
}

.member_memberdetails.company-detals .user-block-cover.member .card-box .scheduleNow {
  margin-top: 0px;
}

.company-detals.member-detail .graduation-cover .card-box-cover {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  padding: 20px;
  height: 100%;
  background: transparent;
}

.company-detals.member-detail .graduation-cover .card-box-cover .card-box {
  border: none;
  border-radius: 0;
  height: auto;
}

.company-detals.member-detail .graduation-cover .btn-box-cover {
  display: flex;
  margin-top: 0px;
  align-items: center;
  justify-items: left;
}

.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  padding: 8px 30px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: auto;
  margin: 0 7px;
  height: 30px;
}

.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn a {
  color: var(--text-color);
  display: block;
}

.company-detals.member_memberdetails .graduation-cover .btn-box-cover .playNow-btn {
  width: 50%;
  padding: 6px 10px;
}

.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn:first-child {
  margin-left: 0;
}

.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn .fa-play-circle {
  color: var(--button-bg-color);
  padding-right: 3px;
}

.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn .fa-download {
  color: var(--button-bg-color);
  padding-right: 3px;
}


.company-detals .user-block-cover.member .card-box .playNow-btn .fa-play-circle {
  color: var(--button-bg-color);
  padding-right: 3px;
}

.company-detals .user-block-cover.member .card-box .playNow-btn .fa-download {
  color: var(--button-bg-color);
  padding-right: 3px;
}

.company-detals .user-block-cover.member .card-box .logHistory {
  color: var(--main-light-color);
  font-size: 10px;
  font-family: 'GothamBookFont';
  line-height: 12px;
  padding: 10px 0 18px;
}

.company-detals .user-block-cover.member .card-box p {
  color: var(--text-gray);
  font-size: 12px;
  font-family: 'GothamBookFont';
  line-height: 12px;

}

.company-detals .user-block-cover.member .card-box a {
  color: var(--text-gray);
  font-size: 10px;
  font-family: 'GothamBookFont';
  line-height: 12px;
  text-decoration: none;
  padding-top: 6px;
  display: block;
}

.company-detals .user-block-cover.member-detalis-box .member-sign p {
  padding-top: 5px;
}

.company-detals .user-block-cover.member-detalis-box .user-block {
  width: 50%;
}

.company-detals .user-block-cover.member-detalis-box .member-sign {
  width: 50%;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul {
  margin: 0;
  padding: 10px 0;
  line-height: 19px;
  display: flex;
  align-items: center;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul li {
  display: inline-block;
  margin: 0 10px;
  font-family: 'GothamBookFont';
  font-size: 16px;
  color: var(--text-color);
  position: relative;
  white-space: nowrap;
  word-break: break-all;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul li.text-first-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  min-width: 98px;
  white-space: inherit;
  white-space: inherit;
  word-break: break-all;
}



.company-detals .user-block-cover.member-detalis-box .member-sign ul li .fa-shopping-bag {
  font-size: 16px;
  color: var(--text-color);
  margin-right: 5px;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul li::before {
  width: 4px;
  height: 4px;
  background: var(--text-color);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: -14px;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul li:first-child::before {
  display: none;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul li:first-child {
  margin-left: 0;
}

.company-detals .user-block-cover.member-detalis-box .member-sign ul li:last-child {
  margin-right: 0;
}

.company-detals.member-detail .user-block-cover.note {
  padding: 10px;
}

#notes_model_data {
  height: calc(100% - 300px);
}

.company-detals.member-detail .user-block-cover.member .card-box .btn-success {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
  font-family: 'GothamMedium';
  border-radius: 3px;
  color: var(--white-color);
  padding: 2px 16px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.company-detals.member_memberdetails .user-block-cover.member .card-box .btn-success {
  float: left;
}

.company-detals.member-detail .user-block-cover.member .card-box .btn-default {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
  font-family: 'GothamMedium';
  border-radius: 3px;
  color: var(--text-gray);
  padding: 2px 16px;
  background: #E3E3E3;
  display: flex;
  align-items: center;
  justify-content: left;
}

.company-detals.member_memberdetails .user-block-cover.member .card-box .btn-default {
  float: left;
}

.company-detals.member-detail .user-block-cover.member .card-box ul {
  padding: 10px 0;
}
.company-detals.member-detail .user-block-cover.member #meetings_attended_list .card-box ul {
  padding: 10px 0 0;
}

.company-detals.member-detail .user-block-cover.member .card-box p {
  padding-bottom: 8px;
}

.company-detals.member-detail.member_memberdetails .user-block-cover.member .card-box p {
  margin-bottom: 24px;
}

.company-detals.member-detail.member_memberdetails .user-block-cover.member.events-sttended .card-box p {
  margin-bottom: 0px;
}

.company-detals.member-detail.member_memberdetails .user-block-cover.member.meeting-attended .card-box p {
  margin-bottom: 48px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member .card-box p {
  padding-bottom: 8px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member.events .card-box p {
  margin-bottom: 0;
}

.company-detals.member-detail .user-block-cover.member .card-box .day {
  padding-bottom: 4px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.meering-attend .card-box .day {
  visibility: hidden;
  padding-bottom: 6px;
  margin-bottom: 50px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member .card-box span {
  margin-bottom: 32px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member .card-box .playNow-btn {
  bottom:22px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member.company_memberdetails_course .card-box .playNow-btn {
  bottom: 16px;
}

.company-detals.member-detail .user-block-cover.member .card-box .btn-trash {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--gray-bg);
  outline: none;
  width: 26px;
  height: 26px;
  line-height: 0;
  padding: 0;
  transition: all 0.3s;
}

.company-detals.member-detail .user-block-cover.member .card-box .btn-trash .fa-trash {
  font-size: 10px;
  color: var(--text-gray);
}

.company-detals.member-detail .user-block-cover.member .card-box .btn-trash:hover {
  background: #F74E0C;
  color: var(--white-color);
  transition: all 0.3s;
}

.company-detals.member-detail .user-block-cover.member .card-box .btn-trash:hover .fa-trash {
  color: var(--white-color);
  transition: all 0.3s;
}

.company-detals.member_memberdetails .user-block-cover.member .card-box .btn-trash {
  float: right;
  margin-top: -3px;
}

.company-detals.company_memberdetails .user-block-cover.member .card-box .btn-trash {
  /* float: left; */
  margin-top: 0px;

}

.company-detals.member-detail .user-block-cover.member.meeting .card-box ul {
  padding: 10px 0;
}

.company-detals.company_memberdetails .user-block-cover.member.meeting .card-box ul {
  display: block;
}


.company-detals.member_memberdetails .user-block-cover.member.meeting .card-box p {
  padding-top: 10px;
}

.company-detals.company_memberdetails .user-block-cover.member.meeting .card-box p {
  padding-top: 0px;
  margin-bottom: 26px !important;
}

.company-detals.company_memberdetails .user-block-cover.member.meeting .card-box p.counting {
  padding-top: 10px;
}

.company-detals.member-detail .user-block-cover.member.meeting .card-box p {
  padding-bottom: 16px;
  margin-bottom: 44px;
}

.company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting {
  text-align: center;
  padding: 24px 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member.meeting .card-box .addmeeting {
  padding: 0px 0;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member .card-box.add-card-box {
  padding: 0 16px;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member .card-box.add-card-box a {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  height: 100%;
}

.company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting span {
  color: var(--text-gray);
  font-size: 14px;
  line-height: 16px;
  font-family: 'GothamBookFont';
  text-transform: capitalize;
  padding: 10px 0 0;
  display: block;
  margin-bottom: 0;
}

.company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting .fa-plus {
  font-size: 12px;
  width: 29px;
  height: 29px;
  color: var(--text-gray);
  border: solid 2px var(--text-gray);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting:hover span {
  color: var(--button-bg-color);
}

.company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting:hover .fa-plus {
  color: var(--button-bg-color);
  border-color: var(--button-bg-color);
}

.company-detals.member-detail .user-block-cover.member .card-box.add-card-box {
  background: var(--white-color);
  position: relative;
}

.company-detals.member-detail .history {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 7px;
}

.mt-40 {
  margin-top: 40px;
}

.company-detals.member-detail .user-block-cover.member.meeting.practice .card-box p {
  padding-bottom: 10px;
  margin-bottom: 0;
}

.company-detals.member-detail.company_memberdetails .user-block-cover.member.meeting.practice .card-box p {
  margin-bottom: 0 !important;
}

.company-detals.member-detail .box-text-bottom {
  border-top: 1px solid #E3E3E3;
  padding-top: 10px;
}

.company-detals.member-detail .box-text-bottom label {
  display: flex;
  align-items: flex-start;
  justify-content: left;
  font-weight: normal !important;
  margin-bottom: 0;
}

.company-detals.member-detail .box-text-bottom label small {
  font-size: 12px;
  color: var(--text-color);
  padding-right: 5px;
  line-height: 15px;
}

.company-detals.member-detail .box-text-bottom .counting {
  padding-top: 5px;
}

.company-detals.member-detail .user-block-cover.graduation-cover {
  padding: 10px 20px;
  display: block;
  background: transparent;
}

.company-detals.member-detail .graduation-cover .col {
  padding: 10px;
}

.company-detals.member-detail .graduation-cover .p-10 {
  padding: 10px;
}

.company-detals.member-detail .graduation-cover .card-box {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: transparent;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.company-detals.member_memberdetails .graduation-cover .card-box {
  padding: 0px 0 20px;
}

.company-detals.member_memberdetails .graduation-content ul {
  width: 90%;
}

.company-detals.member-detail .graduation-cover .graduation-image {
  width: 70px;
  height: 70px;
  display: block;
}

.company-detals.member-detail .graduation-cover .graduation-image img {
  width: 70px;
  height:70px;
  max-width: inherit;
  display: block;
}

.company-detals.member-detail .graduation-content {
  padding-left:15px;
  width: 100%;
}
.company-detals.member-detail .graduation-content h5{
  word-break: break-all;
  padding-right: 35px;
}

.company-detals.member-detail .graduation-content ul {
  line-height: 0;
  border-top: 1px solid #E3E3E3;
  padding-top: 12px;
  margin-top: 12px;
}

.company-detals.member-detail .graduation-content ul li {
  margin: 5px 5px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.company-detals.member-detail .graduation-content ul li svg.arro-icon {
  float: left;
}

.company-detals.member-detail .graduation-content ul li small {
  font-size: 10px;
  color: var(--text-gray);
  line-height: 12px;
  font-family: 'GothamBookFont';
  text-transform: capitalize;

}

.company-detals.member-detail .graduation-content ul li p {
  font-size: 12px;
  color: var(--text-color);
  line-height: 15px;
  font-family: 'GothamBookFont';
  text-transform: capitalize;
  padding-top: 5px;

}

.company-detals.member-detail .graduation-content ul li:first-child {
  margin-left: 0;
}

.company-detals.member-detail .graduation-content ul li:last-child {
  margin-right: 0;
}

.weekbox {
  background: var(--gray-bg);
  border-radius: 5px;
  padding: 20px;
}

.weekbox p {
  font-family: 'GothamBookFont';
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
}

.weekday {
  margin: 16px 0 20px;
  padding: 0;
  display: flex;

}

.weekday li {
  display: inline-flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  margin: 0 5px;
  align-items: center;
  justify-content: center;
}

.weekday li:first-child {
  margin-left: 0;
}

.weekday li:last-child {
  margin-right: 0;
}

.weekday li a {
  display: block;
  font-family: 'GothamBookFont';
  font-size: 16px;
  color: var(--main-color);
  line-height: 40px;
  width: 40px;
  height: 40px;
  text-transform: uppercase;
  border: 1px solid #E2E7EE;
  background: var(--white-color);
  border-radius: 50%;
  transition-duration: 0.3s;

}

.weekday2 li a:hover {
  background: #009BDE;
  color: #fff;
}

.weekday2 li .active {
  background: #009BDE;
  color: #fff;
}

.weekday li a:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
}


.daytime .form-floating {
  position: relative;
}

.daytime .form-floating .fa-times {
  font-size: 13px;
  width: 20px;
  height: 20px;
  border: 1px solid #E2E7EE;
  background: var(--white-color);
  border-radius: 50%;
  color: var(--text-gray);
  display: flex;
  align-items: center;
  justify-content: center;
  right: -7px;
  top: -7px;
  position: absolute;
}

/* ----------------------------------------------------------------
company detals and Member detals  pages css End
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
attendance  pages modal css Start
-----------------------------------------------------------------*/
.content-wrapper.attendance {
  vertical-align: middle;
  display: flex;
}

.attendance .btn.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin: auto;
  background-color: var(--button-bg-color);
  box-shadow: none;
  border: none;
}

.attendance .btn.btn-primary:hover {
  background-color: var(--button-bg-color);
}

.selectCompany {
  position: relative;
}

.selectCompany::before {
  border-color: transparent;
  background: url("../img/chevron-down-solid.svg") no-repeat right;
  border-width: 0;
  left: inherit;
  margin-left: 0px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  width: 0;
  border-style: inherit;
  padding: 7px;
  opacity: .3;
  content: "";
  right: 15px;
  top: 25px;
}

.attendance .modal-title {
  font-size: 28px;
  text-transform: capitalize;
}

.attendance .close {
  color: var(--main-color);
  font-size: 35px;
  opacity: 1;
}

.attendance .card-top .input-group {
  width: 100%;
}

#select_all_attendees {
  padding: 15px 0;
}

.attendance .card-box {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--gray-bg);
  padding: 16px;
  margin-top: 24px;
  height: 100%;
  position: relative;
}

.attendance .card-box h5 {
  font-size: 14px;
  margin-bottom: 50px
}

.attendance .card-box .card-body {
  margin-top: 0px;
  padding: 0;
}

.attendance .modal-body {
  padding: 0 30px 30px;
}

.attendance .modal-header {
  padding: 16px 30px 16px;
  border-bottom: none;
}

.attendance .card-top .input-group-append {
  opacity: 0.3;
  position: absolute;
  padding-left: 0;
  margin: 0;
  background: transparent;
  color: var(--main-color);
}

.attendance .card-top .form-control {
  padding-left: 40px !important;
}

.attendance .btn-group .btn {
  text-transform: uppercase;
  border: none;
  border-radius: 3px !important;
  font-family: 'GothamMedium';
  font-size: 12px;
  padding: 4px 0px;
}

.attendance .btn-toggle {
  background: #A60202;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

.attendance .btn-toggle .btn-success {
  background: #A60202;
  color: #F7F8FA;
}

.attendance .btn-toggle .active.btn-danger {
  background: #fff;
  color: #A60202;
}

.attendance .btn-toggle-green {
  background: #02A60D;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
}

.attendance .btn-toggle-green .btn-success {
  background: #fff;
  color: #02A60D;
}

.attendance .btn-toggle-green .active.btn-danger {
  background: #02A60D;
  color: rgba(255, 255, 255, 0.5);
}

.attendance .btn-group>.btn-group:not(:first-child),
.attendance .btn-group>.btn:not(:first-child) {
  margin-left: 0;
}

/* .attendance .btn-danger:not(:disabled):not(.disabled).active, .attendance .btn-danger:not(:disabled):not(.disabled):active, .attendance .show>.btn-danger.dropdown-toggle{
color: #5b9d47;
  background-color: #ffffff;
  box-shadow: none;
      border-color: #ffffff;
      border: none;
      border-radius: 5px;
    } */
.modal-open .attendance .modal {
  padding-left: 0 !important;
}

/* ----------------------------------------------------------------
attendance  pages modal css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
member  pages css Start
-----------------------------------------------------------------*/

.member-page .card-top .btn-group-right {
  display: flex;
  align-items: center;
}

.member-page .card-top .btn-group-right a {
  color: var(--button-bg-color);
  margin-left: 10px;
}

.member-page .card-top .btn-group-right .btn-outline {
  border: 1px solid var(--button-bg-color);
  color: var(--button-bg-color);
  font-size: 16px;
  font-family: 'GothamBookFont';
  width: auto;
  height: 40px;
  white-space: nowrap;
  border-radius: 0;
  background: var(--white-color);

}

.company.member-page .adminUser .table tbody td:nth-child(2) a p {
  text-decoration: none;
}

.company.member-page .table-striped tbody tr:nth-of-type(even) {
  background: transparent;
}

/* ----------------------------------------------------------------
member  pages css End
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
meeting  pages and addmeeting page css Start
-----------------------------------------------------------------*/
.member-page .adminUser .table tbody td:nth-child(2) {
  display: table-cell;
  height: 30px;
  align-items: center;
}

.member-page .custom-control-label::before {
  top: 0;
}

.member-page .custom-switch .custom-control-label::before {
  width: 50px;
  border-radius: 50px;
  height: 25px;
}

.member-page .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::before {
  /* background-color: #EB0000; */
  border-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

.member-page .custom-switch .custom-control-label::after {
  top: 3px;
  left: -33px;
  width: 19px;
  height: 19px;
  border-radius: 50px;
}

.member-page .custom-switch.custom-switch-off-danger .custom-control-input~.custom-control-label::after {
  background-color: var(--white-color);
}

.member-page .custom-switch.custom-switch-on-success .custom-control-input:checked~.custom-control-label::after {
  border-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

.member-page .custom-switch .custom-control-input:checked~.custom-control-label::after {
  transform: translateX(1.6rem) !important;
}

.floating-lable>label {
  transform: scale(.85) translateY(-0.5rem) translateX(0.15rem) !important;
  margin-bottom: 0;
  height: 60px;
  font-size: 12px;
  font-family: 'GothamBookFont';
  z-index: 1;
}

.addmeeting .floating-lable .select2-container .select2-selection--single {
  padding: 16px 12px 5px;

}

.content-wrapper.addmeeting {

  display: block;
}

.addmeeting .resuring-btn {
  display: flex;
  align-items: center;
  justify-content: right;
  height: 60px !important;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  padding: 15px 20px 15px !important;
}

.mt-15 {
  margin-bottom: 15px;
}

.custom_red_green_btn .btn-group .btn:focus,
.custom_red_green_btn .btn-group .btn:active {
  box-shadow: none !important;
}

.custom_red_green_btn .btn-group .btn {
  text-transform: uppercase;
  border: none;
  border-radius: 3px !important;
  font-family: 'GothamMedium';
  font-size: 12px;
  padding: 4px 0px;
}

.custom_red_green_btn .btn-toggle {
  background: #A60202;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
  position: absolute;
  left: auto;
  right: 29px;
  bottom: 28px;
}

.custom_red_green_btn .btn-toggle .btn-success {
  background: #A60202;
  color: #F7F8FA;
}

.custom_red_green_btn .btn-toggle .active.btn-danger {
  background: #fff;
  color: #A60202;
}

.custom_red_green_btn .btn-toggle-green {
  background: #02A60D;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
}

.custom_red_green_btn .btn-toggle-green .btn-success {
  background: #fff;
  color: #02A60D;
}

.custom_red_green_btn .btn-toggle-green .active.btn-danger {
  background: #02A60D;
  color: rgba(255, 255, 255, 0.5);
}

.custom_red_green_btn .btn-group>.btn-group:not(:first-child),
.custom_red_green_btn .btn-group>.btn:not(:first-child) {
  margin-left: 0;
}

/* ----------------------------------------------------------------
meeting  pages and addmeeting page css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
Telemetry page css Start
-----------------------------------------------------------------*/
.telemetry table.table-bordered.dataTable tbody td {
  vertical-align: top;
}

/* ----------------------------------------------------------------
Telemetry page css End
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
Note modal page css Start
-----------------------------------------------------------------*/
.right-sidebar-modal .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 640px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.right-sidebar-modal .modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none;
  padding: 15px;
}

.right-sidebar-modal .modal.right .modal-body {
  padding: 0px 15px 30px;
}

.right-sidebar-modal .btn-blue {
  float: right;
  margin-top: 16px;
  width: auto;
  height: 30px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'GothamBookFont';
  padding: 0 48px;

}

.right-sidebar-modal.notes .btn-blue {
  height: 36px;
}

.right-sidebar-modal .form-control {
  font-size: 14px;
  color: var(--text-color);
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  min-height: 60px !important;
  padding: 20px 20px 20px !important;
  height: 90px !important;
  margin-top: 94px;
}

.right-sidebar-modal .box-text {
  display: flex;
  align-items: flex-start;
  justify-items: space-between;
  background: var(--gray-bg);
  padding: 13px 20px;
  margin-top: 5px;
}

.right-sidebar-modal .box-text p {
  letter-spacing: 0px;
  font-size: 12px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  line-height: 15px;
  padding-right: 20px;
}

.right-sidebar-modal .box-text span {
  letter-spacing: 0px;
  font-size: 10px;
  color: var(--text-gray);
  font-family: 'GothamBookFont';
  line-height: 12px;
  white-space: nowrap;
}

.right-sidebar-modal .box-text span samp {
  display: block;
}

.company-detals .user-block-cover.note .note-text span samp {
  display: inherit;
  text-transform: capitalize;
  padding-right: 0;
  text-align: right;
  font-family: 'GothamBookFont';
}

#notes_model_data .note-text {
  display: block;
}

.right-sidebar-modal .modal.right.fade .modal-dialog {
  right: -640px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.right-sidebar-modal .modal.right.fade.show .modal-dialog {
  right: 0;
}

.right-sidebar-modal .modal-header {
  border-bottom-color: #EEEEEE;
  background-color: transparent;
  border-bottom: none;

}

.right-sidebar-modal .modal-header .close {
  padding: 0;
  margin: 0px 0 0 0;
  font-size: 35px;
  opacity: 1;
}

.right-sidebar-modal .modal-header .modal-title {
  line-height: normal;
}


/* ----------------------------------------------------------------
Note modal css End
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
scheduled meeting modal css Start
-----------------------------------------------------------------*/
.scheduled-meeting .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  max-width: 968px !important;
}

.scheduled-meeting .modal.right.fade .modal-dialog {
  right: -700px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}


.scheduled-meeting .col {
  padding: 10px;
}

.scheduled-meeting .card-box {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--gray-bg);
  padding: 16px;
  height: 100%;
  position: relative;
}

.member_memberdetails .scheduled-meeting .card-box {
  display: inline-block;
  width: 100%;
}

.scheduled-meeting .card-box h5 {
  font-size: 14px;
  white-space: inherit;
}

.scheduled-meeting .card-box ul {
  line-height: 15px;
  padding: 10px 0;
}

.member_memberdetails .scheduled-meeting #recommended_meeting_model .card-box ul {
  display: none;
}

.member_memberdetails .scheduled-meeting #recommended_meeting_model .card-box p {
  padding-top: 10px;
  margin-bottom: 50px
}

#add_recommended_meeting_model_data .btn.recommendNow.btn-blue {
  margin-top: 20px;
  width: 100%;
  color: #fff;
  height: 32px;
  padding: 0 10px;
}

#add_recommended_meeting_model_data .recommendNow.btn-green {
  color: #fff;
  width: 100%;
  margin-top: 20px;
  height: 32px;
  padding: 0 10px;
}

.scheduled-meeting .card-box ul li {
  display: inline-block;
  margin: 0 5px;
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-color);
  position: relative;
}

.scheduled-meeting .card-box ul li:first-child {
  margin-left: 0;
}

.scheduled-meeting .card-box ul li:last-child {
  margin-right: 0;
}

.scheduled-meeting .card-box ul li::before {
  width: 4px;
  height: 4px;
  background: var(--text-color);
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: -9px;
}

.scheduled-meeting .card-box ul li:first-child::before {
  display: none;
}

.scheduled-meeting .card-box p {
  color: var(--text-gray);
  font-size: 10px;
  font-family: 'GothamBookFont';
  line-height: 12px;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.scheduled-meeting #practiced_model_data .card-box p {
  margin-bottom: 0;
}

.scheduled-meeting .join-btn-group {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

.scheduled-meeting .card-box .btn-success {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
  font-family: 'GothamMedium';
  border-radius: 3px;
  color: var(--white-color);
  padding: 2px 16px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.member_memberdetails .scheduled-meeting .card-box .btn-success {
  float: left;
}

.member_memberdetails .scheduled-meeting .card-box .btn-trash {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--gray-bg);
  outline: none;
  width: 26px;
  height: 26px;
  line-height: 0;
  padding: 0;
  transition: all 0.3s;
  float: right;
  margin-top: -3px;
}

.member_memberdetails .scheduled-meeting .card-box .btn-trash {
  font-size: 10px;
  color: var(--text-gray);
}

.member_memberdetails .scheduled-meeting .card-box .btn-trash:hover {
  background: #F74E0C;
  color: var(--white-color);
  transition: all 0.3s;
}


.scheduled-meeting .card-box .btn-default {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
  font-family: 'GothamMedium';
  border-radius: 3px;
  color: var(--text-gray);
  padding: 2px 16px;
  background: #E3E3E3;
  display: flex;
  align-items: center;
  justify-content: left;
}

.member_memberdetails .scheduled-meeting .card-box .btn-default {
  float: left;
}

#recommended_meeting_model_data .btn-blue {
  padding: 0 10px;
  font-size: 12px;
  margin-bottom: 0;
  float: left;
  width: auto;
  margin-top: 0;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 25px;
}

#recommended_meeting_model_data .btn-green {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 15px;
  font-family: 'GothamBookFont';
  border-radius: 5px;
  color: var(--white-color);
  padding: 0px 10px;
  height: 36px;
  border: none;
}

#recommended_meeting_load_more {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 7px;
  width: calc(100% - 10px);
  margin: 10px auto 0;
  cursor: pointer;
}

#practiced_load_more {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 7px;
  width: calc(100% - 10px);
  margin: 10px auto 0;
  cursor: pointer;
}

#notes_load_more {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 7px;
  width: 100%;
  margin: 20px auto 0;
  cursor: pointer;
}

#meetings_attended_load_more {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 7px;
  width: calc(100% - 10px);
  margin: 10px auto 0;
  cursor: pointer;
}

.pr-10 {
  padding-right: 10px;
}

.pl-10 {
  padding-left: 10px;
}

/* ----------------------------------------------------------------
scheduled meeting modal css End
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
Achievment modal css Start
-----------------------------------------------------------------*/
.achievements .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 650px;
  max-width: 650px !important;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.achievements .modal.right.fade .modal-dialog {
  right: -650px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.achievements .col {
  padding: 15px;
}

.achievements .card-box {
  height: 100%;
  text-align: center;
}

.achievements .card-box img {
  width: 80px;
  height: auto;
  object-fit: cover;
}

.achievements .card-box p {
  color: var(--text-gray);
  font-size: 10px;
  font-family: 'GothamBookFont';
  line-height: 12px;
  padding-bottom: 0;
  padding-top: 5px;
}


/* ----------------------------------------------------------------
Achievment modal css End
-----------------------------------------------------------------*/





/* ----------------------------------------------------------------
Course page css start
-----------------------------------------------------------------*/
.course .user-block-cover {
  border: none;
  padding: 0 10px !important;
}

.course .user-block-cover .plr-10 {
  padding: 0 10px;
  margin-bottom: 15px;
}

.course .mt-30 {
  margin-top: 20px !important;
}

.course .user-block-cover .card-box {
  padding: 0 !important;
}

.course .card-box a {
  display: block;
  text-decoration: none;
  padding: 25px 20px !important;
}

.course .card-box .playbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.course .card-box .playbox span {
  color: #02A60D !important;
  font-size: 12px !important;
  white-space: nowrap;
  padding: 0 !important;

}

.course .card-box .playNow-btn {
  width: auto !important;
  padding: 8px 25px !important;

}

.course .user-block-cover.member .card-box .playNow-btn {
  margin-top: 0;
  white-space: nowrap;
}

.course .user-block-cover .card-box h5 {
  white-space: inherit !important;
}

/* ----------------------------------------------------------------
Course page css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
Happycourse page css Start
-----------------------------------------------------------------*/
.member-happycourse .happycourse-card {
  border: solid 1px #BFECFF;
  background: #F3FCFF;
  border-radius: 15px;
  padding: 20px;
}

.member-happycourse .happycourse-card .accordion {
  margin: 0px 0;
}

.member-happycourse .happycourse-card .accordion .item {
  border: none;
  background: none;
  margin-top: 15px;
  outline: none;
  box-shadow: none;
}

.member-happycourse .happycourse-card .accordion .item .t-p {
  color: rgb(193 206 216);
  padding: 40px 30px 0px 30px;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 button.btn.btn-link {
  background: var(--button-bg-color);
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  outline: none;
  text-decoration: none;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 button.btn.btn-link .content-box {
  padding-right: 15px;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 button.btn.btn-link:focus {
  box-shadow: none;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 button.btn.btn-link .content-box h3 {
  color: white;
  font-family: 'GothamMedium';
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 button.btn.btn-link .content-box p {
  font-size: 14px;
  color: var(--white-color);
  line-height: 16px;
  padding-top: 5px;
}

.member-happycourse .happycourse-card .accordion .item .item-header {
  border-bottom: none;
  background: transparent;
  padding: 0px;
  margin: 0;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 button {
  color: white;
  font-size: 20px;
  padding: 15px;
  display: block;
  width: 100%;
  text-align: left;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 .down-icon {
  float: right;
  font-size: 20px;
  fill: var(--white-color);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px;
  width: 8px;
  height: auto;
}

.member-happycourse .happycourse-card .accordion .item .item-header h2 .down-icon path {
  fill: var(--white-color);
}

.member-happycourse .happycourse-card button.btn.btn-link.collapsed .down-icon {
  transform: rotate(-90deg);
}

.member-happycourse .happycourse-card button.btn.btn-link .down-icon {
  transform: rotate(90deg);
  transition: 0.5s;
}

.member-happycourse .happycourse-card .complete-process .complete {
  border: 1px solid #E2E7EE;
  border-radius: 12px;
  background: var(--gray-bg);
  display: block;
  width: 100%;
}

.member-happycourse .happycourse-card .complete-process .complete span {
  border-radius: 12px;
  background: #02A60D;
  display: block;
  width: 70%;
  font-size: 12px;
  line-height: 15px;
  font-family: 'GothamBookFont';
  padding: 3px 15px 2px;
  color: var(--white-color);
  text-align: center;
}

.member-happycourse .happycourse-card .nav-tabs.flex-column .nav-link.complete-process {
  background: transparent;
  border: none;
  margin-bottom: 0;
  height: 25px;
  border: solid 1px #BFECFF;
  background: #F3FCFF;
}

.member-happycourse .happycourse-card .nav-tabs.flex-column {
  width: 100% !important;
  flex-direction: inherit !important;
  position: relative;
  overflow: hidden;

}

.member-happycourse .happycourse-card .nav-link {
  display: block;
  width: 100%;
  margin-bottom: 0;
  border: none;
  padding: 10px 15px 10px 45px;
  border-radius: 0;
  border: solid 1px transparent;
  margin: 2px 0;
  list-style-type: none;
  position: relative;

}

.member-happycourse .happycourse-card .nav-link:before {
  content: "";
}

.member-happycourse .happycourse-card .nav-link:before {
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: block;
  background: url(../img/checkout.svg) no-repeat left;
  border-radius: 50%;
  z-index:1;
  position: absolute;
  left: 15px;
  top: 22px;
}

.member-happycourse .happycourse-card .nav-link:after {
  content: '';
  width: 1px;
  height: calc(100% - 3px);
  background: #E3E3E3;
  position: absolute;
  left: 25px;
  top: 22px;
  bottom: 0;
  z-index: 0;
}

.member-happycourse .happycourse-card .nav-link:last-child:before {
  width: 22px;
  height: 22px
}

.member-happycourse .happycourse-card .nav-link:last-child::after {
  content: "";
  background: transparent;
}

.member-happycourse .happycourse-card .nav-link.active:after {
  background: #009BDE;
}

.member-happycourse .happycourse-card .nav-link.active:before {
  background: url("../img/checkin.svg") no-repeat left;
  content: "";
}


.member-happycourse .happycourse-card .nav-link {
  display: block;
  width: 100%;
  margin-bottom: 0;
  border: none;
  padding: 10px 15px 10px 45px;
  border-radius: 0;
  border: solid 1px transparent;
}

.member-happycourse .happycourse-card .nav-link.step1:after {
  background: #009BDE;
}

.member-happycourse .happycourse-card .nav-link.step1:before {
  background: url("../img/checkin.svg") no-repeat left;
  content: "";
}

/* step 2*/
.member-happycourse .happycourse-card .nav-link.step2:before {
  background: url("../img/checkin.svg") no-repeat left;
  content: "";
}


.member-happycourse .happycourse-card .nav-link .content-bix h3 {
  font-size: 14px;
  font-family: 'GothamBookFont';
}

.member-happycourse .happycourse-card .nav-link .content-bix p {
  padding-top: 4px;
  text-transform: uppercase;
  font-size: 10px;
}

.member-happycourse .happycourse-card .nav-tabs.flex-column .nav-link.active {
  background: transparent;
  border: solid 1px var(--button-bg-color);
}

/*.member-happycourse .happycourse-card .nav-tabs.flex-column .nav-link:hover{
background: transparent;
border: solid 1px var(--button-bg-color);
}*/

.member-happycourse .tab-content .practice h3 {
  font-family: 'GothamBookFont';
  padding: 0 0 15px !important;
}

.member-happycourse .tab-content .practice p {
  padding: 15px 0 !important;
}

.member-happycourse .client-happy-call {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white-color);
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  padding: 25px 20px;
}

.member-happycourse .client-happy-call .btn-download {
  background: #d8d8d9;
  color: var(--main-color);
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 25px;
  font-family: 'GothamBookFont';
  font-size: 16px;
  outline: none;
  border: none;
}

.member-happycourse .client-happy-call .btn-download:focus {
  box-shadow: none;
}

.member-happycourse .tab-content {
  display: inline-block;
  width: 100%;
}

.member-happycourse .continue {
  font-size: 20px !important;
  height: 46px !important;
  margin: 25px 0 10px !important;
  width: auto !important;
  float: right;
  padding: 0 25px !important;
}

.member-happycourse .client-happy-call .client-happy h5 {
  font-size: 16px;
  font-family: 'GothamBookFont';
  text-transform: capitalize;
}

.member-happycourse .client-happy-call .client-happy p {
  padding-top: 10px;
}

.happycourse .nav-tabs.flex-column {
  border: none;
}

.happycourse .nav-tabs.flex-column .nav-link.active {
  border-color: #E3E3E3;
  border-radius: 15px;
  background: var(--gray-bg);
}

.happycourse .nav-tabs.flex-column .nav-link:hover {
  border-color: #E3E3E3;
  border-radius: 15px;
  isolation: inherit;
}

.happycourse .nav-tabs.flex-column .nav-link:focus {

  isolation: inherit;
}

.happycourse .nav-tabs.flex-column .nav-link.complete-process {
  background: var(--gray-bg);
}

.happycourse .nav-tabs.flex-column .nav-link.complete-process .complete {
  border: 1px solid #E2E7EE;
  border-radius: 12px;
  background: var(--gray-bg);
  display: block;
  width: 100%;
}

.happycourse .nav-tabs.flex-column .nav-link.complete-process .complete span {
  border-radius: 12px;
  background: #02A60D;
  display: block;
  width: 70%;
  font-size: 12px;
  line-height: 15px;
  font-family: 'GothamBookFont';
  padding: 3px 15px 2px;
  color: var(--white-color);
  text-align: center;
}

.happycourse .nav-link {
  border: 1px solid #E3E3E3;
  border-radius: 15px !important;
  padding: 18px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;

}

.happycourse .nav-link .content-bix h3 {
  font-size: 18px;
  line-height: 21px;
}

.happycourse .nav-link .content-bix p {
  font-size: 14px;
  color: var(--text-gray);
  line-height: 16px;
  padding-top: 5px;
}

.happycourse .nav-link .fa-angle-right {
  color: var(--text-color);
  font-size: 16px;
  opacity: .8;
}

.happycourse .nav-link .arrow-icon {
  max-width: 100%;
}

.happycourse .tab-content {
  border-radius: 15px;
  background: var(--gray-bg);
  padding: 30px;
  margin-left: 20px;
}

.happycourse .tab-content .practice img {
  max-width: 100%;
  border-radius: 20px;
}

.happycourse .tab-content .practice h3 {
  line-height: 24px;
  padding: 25px 0 10px;
}

.happycourse .tab-content .practice p {
  font-size: 14px;
  line-height: 22px;
  color: var(--text-color);
  text-align: left;
}

.happycourse .tab-content .coach {
  line-height: 16px;
  font-size: 14px;
  color: var(--text-gray);
  position: relative;
  padding: 20px 0;
}

.happycourse .tab-content .coach::before {
  content: "";
  border-top: 1px solid #E3E3E3;
  position: absolute;
  left: 70px;
  right: 0;
  top: 29px;
}

.happycourse .tab-content .username {
  display: flex;
  align-items: center;
  justify-content: left;
}

.happycourse .tab-content .username img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.happycourse .tab-content .username h5 {
  padding-left: 10px;
  line-height: 16px;
}

.happycourse .tab-content .user-block-cover.member {
  border: none;
  padding: 0;
}

.happycourse .tab-content .btn-blue {
  width: 100%;
  margin-top: 0;
  font-size: 12px;
  line-height: 15px;
  border-radius: 3px;
  height: 30px;
  font-family: 'GothamBookFont';
  padding: 0 10px;
  white-space: nowrap;
}

.happycourse .tab-content .btn-blue:hover {
  background: var(--button-bg-color);
}

.happycourse .tab-content .btn-blue:focus {
  background: var(--button-bg-color);
}

.happycourse .tab-content .btn-green {
  width: 100%;
  margin-top: 0;
  font-size: 12px;
  line-height: 15px;
  border-radius: 3px;
  height: 30px;
  font-family: 'GothamBookFont';
  padding: 0 10px;
  background: var(--btn-green);
  white-space: nowrap;
  color: var(--white-color);

}

.happycourse .tab-content .btn-green:hover {
  border-color: var(--btn-green);
  box-shadow: none;
  color: var(--white-color);
}

.happycourse .tab-content .btn-green:focus {
  border-color: var(--btn-green);
  box-shadow: none;
  color: var(--white-color);
}

.happycourse .tab-content .user-block-cover.member .card-box {
  background: var(--white-color);
}

.happycourse .tab-content .user-block-cover.member .card-box ul {
  padding: 0;
}

.happycourse .tab-content .user-block-cover.member .card-box p {
  padding: 10px 0 20px
}

.happycourse .tab-content .user-block-cover.member .col {
  padding: 0 10px;
  margin-bottom: 15px;
}

/* ----------------------------------------------------------------
Happycourse page css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
company addnewmember page css Start
-----------------------------------------------------------------*/

.company_addnewmember .content .table-bordered td,
.company_addnewmember .content .table-bordered th {
  border-left: none;
  border-right: none;
}

.company_addnewmember .content #example_length {
  display: none;
}

.company_addnewmember .content #example_filter {
  display: none;
}

.company_addnewmember .content .table thead th {
  border-bottom: none;
  border: none !important;
}

.company_addnewmember .content .table-bordered th {
  border: none;
}

/* .company_addnewmember .content .table-bordered{
border: none;
border-bottom: 1px solid #dee2e6;
} */
.company_addnewmember .content .table {
  --bs-table-striped-bg: transparent;
}

.company_addnewmember .content .table-bordered td:first-child {
  border-left: 1px solid #dee2e6;
}

.company_addnewmember .content .table-bordered td:last-child {
  border-right: 1px solid #dee2e6;
}

.company_addnewmember .content .table-bordered .input-group .form-control {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  height: 40px !important;
  width: 100%;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
  padding: 8px 15px 10px !important;
}

.company_addnewmember .content .table-bordered .form-group .form-control {
  font-size: 14px;
}

.company_addnewmember .content .table-bordered .form-group .form-control option {
  font-size: 14px;
}

.company_addnewmember .content .table-bordered .form-group {
  margin-bottom: 0;
}

.company_addnewmember .content .table-bordered .form-group .select2-container .select2-selection--single {
  height: 40px;
  outline: none;
  border: 1px solid #E2E7EE;
  background: #ffffff;
  color: var(--main-color);
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-size: 14px;
}

.company_addnewmember .content .table-bordered .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--main-color);
  padding-left: 0px !important;
}

.company_addnewmember .content .table-bordered .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 28px;
}

.company_addnewmember .content .table-bordered .permission {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.company_addnewmember .content .table-bordered .permission .form-group {
  width: 200px;
}

.company_addnewmember .content .table-bordered .permission i {
  padding: 0 10px 0 50px;
  color: #909090;
  width: 75px;
  font-size: 16px;

}

.company_addnewmember .content .table td,
.company_addnewmember .content .table th {
  padding: 0.75rem 0.3rem;
}

.company_addnewmember .content .table td:first-child,
.company_addnewmember .content .table th:first-child {
  padding-left: 1rem;
}

.company_addnewmember .content .table td:last-child,
.company_addnewmember .content .table th:last-child {
  padding-right: 1rem;
}

.company_addnewmember .content-header .breadcrumb {
  align-items: center;
}

.company_addnewmember .content .btn-blue {
  width: 320px;
}

/* ----------------------------------------------------------------
company addnewmember page css End
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
Manage Products css Start
-----------------------------------------------------------------*/
.company-detals.manage_products .user-block-cover.member .card-box .playNow-btn {
  position: inherit;
  padding: 8px 15px !important;
}

.company-detals.manage_products .user-block-cover.member .card-box .playbox .draft {
  color: var(--text-gray) !important;
}

.company-detals.manage_products .user-block-cover.member .card-box .card-box-cover-chapter {
  color: var(--text-gray);
  font-size: 10px;
  font-family: 'GothamBookFont';
  line-height: 12px;
  text-decoration: none;
  padding-top: 6px;
  display: block;
  padding: 24px 20px;
}

.company-detals.manage_products .user-block-cover.member .card-box .card-box-cover-chapter .playbox a {
  padding: 0 !important;
}

.manage_products .essential {
  display: flex;
  align-items: center;
  justify-content: left;
}

.manage_products .essential .number {
  margin: 0px;
  display: flex;
  align-items: center;
  margin-left: 20px
}

.manage_products .essential .number span {
  width: 26px;
  height: 26px;
  background: #E2E7EE;
  border-radius: 20px !important;

  border: 1px solid #ddd;
  display: flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 16px !important;
  color: var(--main-light-color) !important;
}

.manage_products .essential .number input {
  height: 26px;
  width: 44px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #E2E7EE;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  color: var(--main-color);
  margin: 0 10px;
}

.Chapters-header {
  display: flex;
  align-items: center;
  justify-content: left;
}

.Chapters-header a {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  display: block;
  padding: 5px 20px;
  line-height: 15px;
  margin-left: 10px;
}

.Chapters-header .process {
  position: relative;
  margin-left: 15px;
}

.Chapters-header .process .available {
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--btn-green);
  font-weight: normal;
  white-space: nowrap;
}

.Chapters-header .process .completed {
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--text-gray);
  font-weight: normal;
  display: none;
  white-space: nowrap;
}

.happycourse.manage_course1 .nav-tabs.flex-column .nav-link.complete-process .complete {
  border-radius: 5px;
}

.happycourse.manage_course1 .nav-tabs.flex-column .nav-link.complete-process .complete input {
  width: 100%;
  border-radius: 5px;
  border: none;
  font-size: 16px;
  padding: 6px 20px;
  height: 40px;
}

.happycourse.manage_course1 .nav-tabs.flex-column .nav-link.complete-process .complete .coursename {
  color: var(--main-light-color);
}

.happycourse.manage_course1 .nav-tabs.flex-column .nav-link.complete-process .complete .happyCourse {
  color: var(--main-color);
  display: none;
}

.happycourse.manage_course1 .nav-link {
  height: 80px;
}

.happycourse.manage_course1 .nav-link .content-bix h3 {
  color: var(--text-color);
}

.happycourse.manage_course1.manage_contentLibrary .nav-link .content-bix h3 {
  text-transform: capitalize;
}

.happycourse.manage_course1 .content-video {
  display: flex;
  align-items: center;
}

.happycourse.manage_course1 .content-video .content-bix {
  padding-left: 20px;
}


.happycourse.manage_course1 .nav-tabs.flex-column .nav-link.active {
  background: #F7FDFF;
  border: 2px solid #009BDE;
}

.happycourse.manage_course1 .btn-group-bottom {
  width: 100%;
  display: flex;
  align-items: center;
}

.happycourse.manage_course1 .btn-group-bottom .btn-draft {
  height: 46px;
  color: var(--main-light-color);
  background: var(--white-color);
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  width: 120px;
  line-height: 19px;
  text-transform: uppercase;
}

.happycourse.manage_course1 .btn-addlesson {
  height: 46px;
  color: var(--white-color);
  background: var(--button-bg-color);
  border-radius: 3px;
  border: none;
  line-height: 19px;
  width: 200px;
  margin-left: 10px;
  text-align: left;
  padding-left: 25px;
}

.happycourse.manage_course1 .btn-addlesson:hover {
  color: var(--white-color);
  background: var(--button-bg-color);
  border: none;
}

.happycourse.manage_course1 .drowpdown-addlesson {
  display: block;
  position: relative;
}

.happycourse.manage_course1 .drowpdown-addlesson ul {
  opacity: 0;
  margin-left: 0px;
  position: absolute;
  left: 10px;
  top: 42px;
  border-radius: 3px;
  background: var(--button-bg-color);
  transition-duration: .2s;
}

.happycourse.manage_course1 .drowpdown-addlesson ul li {
  display: block;
  width: 100%;
}

.happycourse.manage_course1 .drowpdown-addlesson ul li .btn-addlesson {
  margin-left: 0;
}

.happycourse.manage_course1 .drowpdown-addlesson:hover ul {
  display: block;
  transition-duration: .2s;
  opacity: 1;
}

.happycourse.manage_course1 .form-control {
  padding: 10px 20px 10px !important;
}

.happycourse.manage_course1 .form-group {
  position: relative;
  margin-bottom: 20px;
}

.company-detals .user-block-cover.member .card-box .playNow-btn.happyplayNow-btn {
  position: inherit;
}

.manage_contentLibrary .table-bordered td {
  padding: 1.5rem 0.75rem;
  font-size: 14px;
}

.manage_contentLibrary.manage_videoLibrary .table-bordered td {
  padding: 0.91rem 0.75rem;
}

.manage_contentLibrary .table-bordered th {
  padding: 0.75rem;
}

.manage_contentLibrary .table-bordered td .drowpdown-item {
  border: 1px solid #E2E7EE;
  background: #fff;
  border-radius: 5px;
  position: relative;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 30px;
  margin-left: auto;
  transition-duration: .2s;
}

.manage_contentLibrary .table-bordered td .drowpdown-item:hover {
  background: #E2E7EE;
}

.libraryModalCenter .manage_contentLibrary .table-bordered td .drowpdown-item.content_library_selected_btn {
  background: #E3E3E3 !important;
  color: var(--main-color) !important;
}

.note-toolbar.card-header {
  display: flex;
  align-items: center;
  justify-content: left;
}

.manage_contentLibrary .table-bordered td .drowpdown-item .humburg-icone {
  width: 20px;
}

.manage_contentLibrary .table-bordered td .drowpdown-item .humburg-icone path {
  fill: var(--text-color);
}

.manage_contentLibrary .table-bordered td .drowpdown-item .drowpdown-list li a {
  font-size: 14px;
  color: var(--main-color);
  line-height: 16px;
  display: block;
  text-align: left;
  margin: 10px 0;
}

.manage_contentLibrary .table-bordered td .drowpdown-item .drowpdown-list li.delete a {
  color: #F90000;
}

.manage_contentLibrary .table-bordered td .drowpdown-item .drowpdown-list {
  opacity: 0;
  background: var(--white-color);
  width: 110px;
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  padding: 5px 15px;
  position: absolute;
  display: none;
  left: -50px;
  top: 28px;
  z-index: 99;

}

.manage_contentLibrary .table-bordered td .drowpdown-item:hover .drowpdown-list {
  display: block;
  opacity: 1;
  transition-duration: .2s;
}

.manage_contentLibrary #example_length {
  display: none;
}

.manage_contentLibrary #example_filter {
  display: none;
}

.manage_contentLibrary .table thead th {
  border-bottom: none;
  border: none !important;
}

.manage_contentLibrary .table-bordered {
  border: none;
}

.manage_contentLibrary .table-bordered td:first-child {
  border-left: 1px solid #dee2e6;
}

.manage_contentLibrary .table-bordered td:last-child {
  border-right: 1px solid #dee2e6;
  padding-right: 30px;
}

.manage_contentLibrary .table-bordered td {
  border-left: none;
  border-right: none;
}

.manage_contentLibrary .table-bordered {
  border-bottom: 1px solid #dee2e6;
}

.manage_contentLibrary .btn-archive {
  color: var(--text-color);
  border: 1px solid #E2E7EE;
  width: 140px;
  height: 40px;
  border-radius: 0;
}

.manage_contentLibrary .btn-blue {
  width: auto;
}

.manage_contentLibrary .content-header h1 {
  text-transform: inherit;
}

.happycourse.manage_course1.manage_contentLibrary .content-video .content-bix {
  padding-left: 0px;
}

.happycourse.manage_course1.manage_contentLibrary label {
  color: var(--text-color);
  font-weight: normal;
  width: 100%;
  line-height: 19px;
}

.happycourse.manage_course1.manage_contentLibrary h3.title-details {
  font-size: 18px;
  line-height: 21px;
  color: var(--text-color);
  text-transform: capitalize;
  border-bottom: 1px solid #ACACAC;
  padding-bottom: 20px;
}

.addnewUsers.manage_course1.manage_contentLibrary .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin-top: 0;
  padding: 11px 15px 8px !important;
}

.addnewUsers.manage_course1.manage_contentLibrary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding: 3px 10px 3px;
}

.addnewUsers.manage_course1.manage_contentLibrary .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background: #737373;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  margin-top: 0px;
  color: var(--white-color);
  font-size: 0px;
  margin-left: 10px;
  background: url("../img/cancel.png") no-repeat right;
  background-size: contain;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  line-height: 0;
  font-size: 20px;
}

.form-control-redius {
  border-radius: 5px !important;
}

.addnewUsers.manage_course1.manage_contentLibrary .btn-save {
  width: 200px;
  height: 46px;
  font-size: 16px;
}

.addnewUsers.manage_course1.manage_contentLibrary .linktext {
  font-size: 16px;
  padding-top: 10px;
  line-height: 19px;
}

.manage_contentLibrary .upload-icon {
  margin-top: -1px;
  margin-right: 2px;
}

.manage_contentLibrary .table-bordered td .imag1 {
  width: 89px;
  height: 50px;
  border-radius: 5px;
  background: var(--text-gray);

}

.manage_contentLibrary .table-bordered td .imag1 img {
  width: 100px;
  height: 50px;
  border-radius: 5px;
  object-fit: contain;
}

.manage_contentLibrary .table-bordered td a.video-title {
  color: var(--button-bg-color);
}

.videoLibrary-modal h5.modal-title {
  font-size: 28px;
  color: var(--main-color);
  text-transform: capitalize;
}

.videoLibrary-modal {
  padding-left: 0;
}

.videoLibrary-modal .close {
  font-size: 35px;
  color: var(--black-color);
  opacity: 1;
}

.videoLibrary-modal .modal-header {
  border-bottom: none;
  padding: 14px 15px;
}

.videoLibrary-modal .modal-content {
  padding: 15px 25px 30px;
}

.videoLibrary-modal .modal-body .upload-video {
  border: 2px dashed #009BDE;
  background: #F7FDFF;
  border-radius: 5px;
  padding: 30px;
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.videoLibrary-modal .modal-body .upload-video label {
  font-weight: normal;
}

.videoLibrary-modal .modal-body .upload-video label .formbold-drop-file {
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
  display: block;
}

.videoLibrary-modal .modal-body .upload-video label .formbold-or {
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
  display: block;
  padding: 15px 0;
}

.videoLibrary-modal .modal-body .upload-video label .btn-blue {
  font-size: 16px;
  color: var(--white-color);
  text-align: center;
  width: 160px;
  height: 36px;
  margin: 0 auto;
}

.videoLibrary-modal .modal-body .upload-video input#file {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.manage_contentLibrary .video-content {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.manage_contentLibrary .video-content p {
  color: var(--text-color);
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 20px;
}

.manage_contentLibrary .video-content .video-img {
  width: 100%;
}

.happycourse.manage_contentLibrary .tab-content .btn-upload {
  width: 140px;
  font-size: 16px;
  height: 40px;
  border-radius: 0;
  margin-bottom: 20px;
}

.manage_contentLibrary .btn-upload .upload-icon {
  margin-top: -2px;
  margin-right: 5px;

}

.cardbox {
  padding: 10px 20px 10px;
  width: 100%;
  height: 60px;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  font-size: 16px;
  color: var(--main-color) !important;
  outline: none;
  font-family: 'GothamBookFont' !important;
  box-shadow: none;
  display: flex;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
}

.cardbox .cardbox-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.cardbox .cardbox-content p {
  font-size: 16px;
  color: var(--main-color);
}

.cardbox .cardbox-content .number {
  margin: 0px;
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.cardbox .cardbox-content .number span {
  width: 26px;
  height: 26px;
  background: #E2E7EE;
  border-radius: 20px;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  color: var(--main-light-color);
  font-family: 'GothamBookFont';
}

.cardbox .cardbox-content .number input {
  height: 26px;
  width: 44px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #E2E7EE;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  color: var(--main-color);
  margin: 0 10px;
}

.drag-drop .upload-video {
  border: 2px dashed #009BDE;
  background: #F7FDFF;
  border-radius: 5px;
  padding: 30px;
  position: relative;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.drag-drop .upload-video input#file {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.drag-drop .upload-video label {
  font-weight: normal;
}

.drag-drop .upload-video label .formbold-drop-file {
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
  display: block;
}

.drag-drop .upload-video label .formbold-or {
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
  display: block;
  padding: 15px 0;
}

.drag-drop .upload-video label .btn-blue {
  font-size: 16px;
  color: var(--white-color);
  text-align: center;
  width: 160px;
  height: 36px;
  margin: 0 auto;
}

.drag-drop p {
  font-size: 14px;
  font-weight: normal;
  color: var(--text-color);
  padding-top: 15px
}

.happycourse.manage_course1 label {
  color: var(--text-color);
  font-weight: normal;
  width: 100%;
  line-height: 19px;
}

.happycourse.manage_course1 .searbox .fa-search {
  position: absolute;
  color: var(--text-gray);
  left: 15px;
  top: 52px;
  z-index: 1;
  font-size: 15px;
}


.video-upload-div {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.video-upload-div p {
  font-size: 11px;
  font-weight: normal;
  color: var(--button-bg-color);
  background: #F7FDFF;
  text-align: left;
  padding: 13px 15px;
  line-height: 14px;
  margin-top: 8px;

}

.video-upload-div .preview {
  background: #F7FDFF;
  padding: 40px;
  text-align: center;
}

.video-upload-div .preview img {
  max-width: 100%;
  text-align: center;
  width: 214px;
  margin: 0 auto;
}

.video-upload-div .preview p {
  font-size: 14px;
  font-weight: normal;
  color: var(--text-color);
  padding-top: 20px;
  margin-top: 0;
  text-align: center;
  padding-bottom: 0;
}

.manage_course1 .accordion {
  width: 100%;
  display: block;
}

.manage_course1 .accordion .cardbox {
  display: block;
  height: auto;
  margin-bottom: 20px;
}

.manage_course1 .accordion .cardbox .card-header {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
}

.manage_course1 .accordion .cardbox .card-header .btn.collapsible-link {
  border: none;
  padding: 0;
  height: 38px;
  font-size: 16px;
  color: var(--main-color);
  width: 100%;
  text-align: left;
}

.manage_course1 .accordion .cardbox .card-header .btn.collapsible-link span {
  font-size: 11px;
  color: var(--text-color);
  padding-left: 5px;
  font-style: italic;
}

.manage_course1 .accordion .cardbox .card-header .btn.collapsible-link.question-title {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.manage_course1 .accordion .cardbox .card-header .btn.collapsible-link.question-title .right-part .fa-trash {
  font-size: 14px;
  color: #909090;
  margin: 0 15px 0 0;
  position: relative;
  top: -3px;
}

.manage_course1 .accordion .cardbox .card-body {
  padding: 10px 0 15px;
}

.manage_course1 .accordion .cardbox .card-body .form-control {
  padding-left: 20px !important;
}

.manage_course1 .accordion .cardbox svg.down-icon {
  text-align: right;
  float: right;
  margin-top: 10px;
}

.manage_vieoLibrary_upload .content-video {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #E3E3E3;
  border-radius: 15px;
  padding: 18px 30px;
  margin-bottom: 20px;
  height: 100px;
}

.manage_vieoLibrary_upload .content-video .content-bix {
  padding-left: 20px !important;
}

.manage_vieoLibrary_upload .content-bix h3 {
  color: var(--text-color) !important;
  font-size: 18px !important;
  line-height: 21px !important;
}

.manage_vieoLibrary_upload .content-bix p {
  font-size: 12px !important;
  color: var(--main-light-color) !important;
  line-height: 15px !important;
  padding-top: 5px !important;
}

.card-box-item {
  text-align: center;
  border: 1px solid #E3E3E3;
  border-radius: 15px;
  background: var(--white-color);
  padding: 40px 20px;
  margin-bottom: 20px;
}

.card-box-item h2 {
  letter-spacing: 0px;
  font-size: 36px;
  color: var(--text-color);
  line-height: 44px;

}

.card-box-item p {
  font-size: 16px;
  color: var(--text-color);
  margin-top: 16px;
  line-height: 19px;
}

.happycourse.manage_course1 .search-form-control {
  padding-left: 40px !important;
}

/*.nav-sidebar .nav-treeview{
min-height:400px;
}*/

.download-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  padding: 19px 20px;
}

.download-content .adddownload-pdf p {
  font-size: 14px;
  color: var(--main-color);
  line-height: 16px;
}

.download-content .adddownload-pdf span {
  font-size: 10px;
  color: var(--text-gray);
  line-height: 12px;
}

.download-content .btn-gary {
  letter-spacing: 0px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #E3E3E3;
  padding: 6px 18px;
  color: var(--main-color);
  border: none;
}

.manage_course1 .badge h3 {
  letter-spacing: 0px;
  font-size: 18px;
  color: var(--text-color);
  line-height: 21px;
  text-align: left;
  margin-bottom: 8px;

}

.badge .cardbox {
  position: relative;
}

.badge .cardbox .uploadbadge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.badge .cardbox .uploadbadge p {
  font-size: 16px;
  color: var(--main-light-color);
}

.badge .cardbox .uploadbadge p span {
  font-size: 11px;
  line-height: 14px;
  font-style: italic;
}

.badge .cardbox .uploadbadge .btn-gary {
  font-size: 16px;
  border: none;
  padding: 6px 28px;
  color: var(--main-light-color);
}

.badge .cardbox .filename {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  display: none;

}

.badge .cardbox .filename p {
  font-size: 16px;
  color: var(--main-light-color);
  float: left;
  padding: 10px 0;
}

.badge .cardbox .filename ul {
  margin-right: 0px;
  float: right;
  margin-top: 5px;
}

.badge .cardbox .filename ul li {
  display: inline-block;
  margin-left: 15px;
}

.badge .cardbox .filename ul li img {
  width: 30px;
  position: relative;
  top: 3px;
}

.badge .cardbox .filename ul li .btn-trash {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 25px;
  padding: 0;
  transition: all 0.3s;
}

.badge .cardbox .filename ul li .btn-trash i {
  color: var(--text-gray);
  font-size: 13px;
  transition: all 0.3s;
}

/* .badge .form-check{
width: 100%;
display: block;
} */

.badge label.form-check {
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  margin-top: 15px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0px;
  color: var(--main-color);
  text-align: left;
  align-items: center;
  display: flex;
  white-space: normal;
  word-break: break-word;
}

.badge.lesson-setting h3 {
  margin-bottom: 20px;
  /* margin-top: 20px; */
}

.badge .form-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.badge .form-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: var(--white-color);
  border: 1px solid var(--text-gray);
  border-radius: 5px;
}

/* .badge .form-check:hover input ~ .checkmark {
background-color: #ccc;
} */

.badge .form-check input:checked~.checkmark {
  background-color: var(--button-bg-color);
  border: 1px solid var(--button-bg-color);
}

.badge .form-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.badge .form-check input:checked~.checkmark:after {
  display: block;
}

.badge .form-check .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.footer-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
}

.footer-btn .btn-draft {
  height: 46px;
  color: var(--main-light-color);
  background: var(--white-color);
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  width: 120px;
  line-height: 19px;
  text-transform: uppercase;

}

.footer-btn .btn-blue {
  width: 200px !important;
  height: 46px !important;
  font-size: 16px !important;
}

.addnewUsers.manage_course1 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 15px 0 !important;
  padding-left: 35px !important;
}

.happycourse.manage_course1 .form-control.happcall {
  margin-bottom: 0;
  font-weight: bold;
  padding-top: 18px !important;
}

.Untitled2 {
  display: none;
  font-weight: bold;
}

.happycourse.manage_course1 .question-type label {
  font-size: 14px;
  font-weight: normal;
  color: var(--main-color);
}

.happycourse.manage_course1 .question-type label .fas.fa-trash {
  color: #909090;
}

.happycourse.manage_course1 .question-type label.lablegray {
  font-size: 14px;
  color: var(--text-color);
}

.happycourse.manage_course1 .question-type .form-control {
  background: #F7F8FA;
}

.happycourse.manage_course1 .question-type .form-control::placeholder {
  color: var(--text-color);
}

.Choice-cord-box {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: #F7F8FA;
  padding: 10px;
  margin-top: 10px;
}

.Choice-cord-box label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: normal;
  color: var(--main-color);
}

.Choice-cord-box .form-control {
  height: 46px;
}

label.form-check {
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  margin-top: 15px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0px;
  color: var(--main-color);
  text-align: left;
  align-items: center;
  display: flex;
  white-space: normal;
  word-break: break-word;
}

.form-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: var(--white-color);
  border: 1px solid var(--text-gray);
  border-radius: 5px;
}

.form-check input:checked~.checkmark {
  background-color: var(--button-bg-color);
  border: 1px solid var(--button-bg-color);
}

.form-check .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-check input:checked~.checkmark:after {
  display: block;
}

.form-check .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.question-type .Choice-cord-box .form-check input:checked~.checkmark {
  background: var(--text-gray);
  border: 1px solid var(--text-gray);
}

.question-type .Choice-cord-box label.form-check {
  margin-top: 10px;
  color: var(--text-color);
  padding-left: 25px;
}

.question-type .Choice-cord-box .form-check .checkmark {
  height: 16px;
  width: 16px;
  top: 4px;
}

.question-type .Choice-cord-box .form-check .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
}

.happycourse.manage_course1 .question-type .Choice-cord-box .form-control {
  height: 46px !important;
  background: #fff;
}

.add-Choice {
  font-family: 'GothamMedium';
  letter-spacing: 0px;
  color: var(--button-bg-color);
  font-size: 14px;
  margin-top: 10px;
  display: block;
}

.add-Choice:hover {
  color: var(--button-bg-color);
}

.happycourse.manage_course1 .question-type #selectquestion {
  height: 40px !important;
  padding: 5px 20px 5px !important;
  background: url("../img/arrow-down.svg") no-repeat right;
  background-size: auto;
  background-position: 98%;
}

.happycourse.manage_course1 .question-type .select2-container--bootstrap4 .select2-selection--single {
  height: 40px !important;
  box-shadow: none;
}

.happycourse.manage_course1 .question-type .select2-container--bootstrap4.select2-container--focus .select2-selection {
  border-color: #ced4da !important;
}

.happycourse.manage_course1 .question-type .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
  border: none !important;
  background: url("../img/arrow-down.svg") no-repeat right;
  background-size: auto;
  background-position: 98%;
  top: -5px;
  left: -5px;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 6px;
}

.add-Newquestion {
  font-size: 14px;
  color: var(--button-bg-color);
  text-align: center;
  font-weight: bold;
  text-transform: capitalize;
  display: block;
  margin-bottom: 20px;
}

.searbox .select2-container--default .select2-selection--single {
  border-radius: 5px !important;
  padding: 18px 15px 14px 30px !important;
  min-height: 60px !important;
  height: auto !important;
  border: solid 1px #E3E3E3 !important;
  font-weight: 400 !important;
  text-align: left !important;
  font-size: 16px !important;
}

.searbox .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.wrapper .content-wrapper.manage_preview_wrapper {
  margin-left: 0 !important;
}

.wrapper .content-wrapper.manage_preview_wrapper_div .manage_preview_content {
  max-width: 1200px;
  margin: 0 auto;
}

a.logo-preview {
  text-align: left;
  display: block;
  position: relative;
  top: -8px;
}

.manage_preview_content li.breadcrumb-item.back-item {
  padding-right: 0;
}

.manage_preview_content .content-header {
  padding: 20px 0;
}

.manage_preview_content .manage_preview_content {
  text-align: center;
}

.member-happycourse .manage_preview_content .continue {
  font-size: 16px !important;
  padding: 0 20px !important;
  height: 36px !important;
}

.member-happycourse .manage_preview_content .client-happy-call .btn-download {
  font-size: 12px;
  background: #E3E3E3;
  border-radius: 3px;
}

.happycourse .manage_preview_content .tab-content .practice img {
  width: 100%;
  max-width: auto;
  border-radius: 0px;
}

.happycourse .manage_preview_content .tab-content .practice h3 {
  font-size: 14px;
  padding: 0 0 10px !important;
}

.card_bundal {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: #F7F8FA;
  padding: 30px 20px 30px 30px;
}

.card_bundal .card_bundal_content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.card_bundal .card_bundal_content .card_call_left h2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0px;
  color: var(--main-color);
  text-align: left;
  padding-top: 20px;
  line-height: 16px;
}

.card_bundal .card_bundal_content .card_call_left {
  width: calc(100% - 100px);
  padding-right: 30px;
}

.card_bundal .card_bundal_content .card_call_left .card_upload_cover_img {
  min-height: 155px;
  background: #E2E7EE;
  border-radius: 15px;
  display: flex;
  align-items: center;
}

.card_bundal .card_bundal_content .card_call_left img {
  max-width: 100%;
  border-radius: 15px;
  margin: auto;
  text-align: center;
}

.card_bundal .card_bundal_content .card_call_right {
  text-align: center;
  width: 100px;

}

.card_bundal .card_bundal_content .card_call_right .playNow-btn {
  font-size: 12px;
  color: var(--text-color);
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  width: 100px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
}

.card_bundal .card_bundal_content .card_call_right p {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  color: var(--text-gray);
  padding: 20px 0;
}

.card_bundal .card_bundal_content .card_call_right .published {
  letter-spacing: 0px;
  color: var(--btn-green);
  padding-bottom: 0;
}

.newbundalmMdal {
  padding-right: 0 !important;
}

.newbundalmMdal .modal-title {
  font-size: 28px;
  color: var(--main-color);
  text-align: left;
}

.newbundalmMdal .close {
  opacity: 1;
  color: var(--main-color);
}

.newbundalmMdal .close:hover {
  opacity: 1 !important;
  color: var(--main-color);
}

.newbundalmMdal .close span {
  font-size: 36px;
  font-weight: 600;
  color: var(--main-color);
  opacity: 1;
}

.newbundalmMdal .modal-header {
  border-bottom: none;
  padding-bottom: 10px
}

.newbundalmMdal .modal-footer {
  border-top: none;
  display: block;
}

.newbundalmMdal .form-control {
  padding: 15px 20px 15px !important;
  background: #F9F9F9;
}

.newbundalmMdal p.linktext {
  letter-spacing: 0px;
  font-size: 16px;
  color: var(--text-color);
  padding-top: 15px;
}

.newbundalmMdal .modal-content {
  padding: 30px 40px 40px;
  box-shadow: none;
  border-radius: 0;
}

.happycourse.manage_course1 .content-video .content-bix.my_bundaltab {
  padding-left: 0;
}

.happycourse .tab-content.my_bundle_content {
  border-radius: 0;
  background: transparent;
  padding: 0px;
  margin-left: 20px;
}

.happycourse .tab-content.my_bundle_content .my_bundle_card {
  border-radius: 15px;
  background: var(--gray-bg);
  padding: 30px;
  margin-left: 0px;
  margin-bottom: 20px;
}

.happycourse .tab-content.my_bundle_content .my_bundle_card.my_bundle_card1 {
  padding: 20px 30px;
}

.my_bundle_card .course_empty {
  height: 510px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_bundle_card .course_empty .course_empty_text {
  text-align: center;
}

.my_bundle_card .course_empty .course_empty_text h2 {
  font-size: 26px;
  color: var(--text-color);
  line-height: 31px;
}

.my_bundle_card .course_empty .course_empty_text p {
  font-size: 16px;
  line-height: 19px;
  color: var(--text-color);
  margin-top: 20px;
}

.form-group-coursecard {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-group-coursecard h2 {
  letter-spacing: 0px;
  font-size: 18px;
  color: var(--main-color);
  font-weight: normal;
}

.addcourse {
  /* border: 1px solid #E3E3E3; */
  border-radius: 5px;
  background: var(--white-color);
  font-size: 14px;
  color: var(--main-color);
  display: block;
  /* padding: 8px 15px; */
  position: relative;
  min-width: 200px;
}

.addcourse.searbox .select2-container--default .select2-selection--single {
  padding: 8px 20px 4px 20px !important;
  min-height: 40px !important;
  text-align: center !important;
}

.addcourse.searbox .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 0 !important;
}

.addcourse .down-icon {
  margin-left: 35px;
}

.addcourse ul {
  margin: 0;
  background: var(--white-color);
  padding: 10px;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  width: 325px;
  position: absolute;
  right: 0;
  top: 38px;
  z-index: 99;
  transition-duration: .2s;
  display: none;

}

.addcourse ul li {
  display: block;
  width: 100%;

}

.addcourse ul li a {
  display: block;
  color: var(--main-color);
  font-size: 12px;
  text-align: left;
  padding: 11px;
  transition-duration: .2s;

}

.addcourse ul li a:hover {
  border-radius: 5px;
  background: #F7F8FA;
  transition-duration: .2s;
}

.addcourse:hover ul {
  display: block;
  transition-duration: .2s;
}

.form-group-happycourse {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
}

.form-group-happycourse .form-group-happycourse-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.form-group-happycourse .form-group-happycourse-title h1 {
  font-size: 18px;
  color: var(--main-color);
  padding-left: 20px;
  padding-right: 10px;
}

.form-group-happycourse .fa-trash {
  font-size: 16px;
  color: #909090;
}

.happycourse.manage_course1 .form-group-happycourse.form-control {
  height: auto !important;
  padding: 22px 20px !important;
}

.my_bundle_card .basic_title {
  font-size: 18px;
  color: var(--text-color);
  border-bottom: 1px solid #ACACAC;
  padding: 0 0 15px;
  margin-bottom: 15px
}

.bundle_description {
  display: flex;
  align-items: center;
  margin: 15px 0 30px;
}

.bundle_description .description-left {
  width: calc(100% - 220px);
  background: #E2E7EE;
  height: 200px;
  padding: 25px;
  border-radius: 15px;
}

.bundle_description .description-left img {
  width: 386px;
  max-height: 150px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
}

.bundle_description .description-right {
  width: 250px;
  margin-left: 30px;
}

.bundle_description .description-right p {
  font-size: 16px;
  color: var(--text-color);
  font-weight: normal;
  line-height: 20px;
}

.bundle_description .description-right .btn-blue {
  font-size: 12px;
  width: 100px;
  margin-top: 50px;
}

.my_bundle_card .description-text {
  font-size: 14px;
  color: var(--text-gray);
  padding-top: 10px;
}

.my_bundle_card .footer-btn {
  margin-top: 10px;
}

.my_bundle_card textarea.form-control {
  height: 127px !important;
}

.my_bundle_card .publish_card {
  text-align: center;
  height: 554px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_bundle_card .publish_card .publish_content_cover {
  text-align: center;
  width: 465px;
  margin: 0 auto;
}

.my_bundle_card .publish_card .publish_content {
  text-align: center;

}

.my_bundle_card .publish_card .publish_content h2 {
  font-size: 26px;
  color: var(--text-color);
  line-height: 31px;
}

.my_bundle_card .publish_card .publish_content p {
  font-size: 16px;
  font-weight: normal;
  color: var(--text-color);
  line-height: 19px;
  margin: 20px 0 25px;
}

.my_bundle_card .publish_card .btn-blue {
  width: 200px !important;
  height: 46px !important;
  font-size: 16px;
}

.my_bundle_card .btn-unpublish {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 16px;
  color: var(--text-color);

  padding: 8px 15px;
  width: 200px;
  height: 46px;
}

.course_bundal_title {
  width: 100%;
  display: block;
  margin-bottom: 50px;

}

.course_bundal_title h2 {
  font-size: 26px;
  color: var(--main-color);
  position: relative;
  text-transform: capitalize;
}

.course_bundal_title h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 70px;
}

.course_bundal_title p {
  font-size: 20px;
  color: var(--main-color);
  padding-top: 35px;
}

.course_card_box {
  position: relative;
  height: 100%;
  border: 1px solid #eceeef;
  background-color: #fff;
  margin-bottom: 15px;
}

.course-card__img img {
  display: block;
  width: 100%;
  height: 161px;
  margin: 0 auto;
  background-color: #f7f7f7;
}

.course-card__body {
  padding: 40px 24px 16px;
  position: relative;
}

.course-card__body h3 {
  margin-bottom: 8px;
  font-size: 18px;
  color: var(--main-color);
}

.course-card__body p {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--text-color);
  line-height: 19px;
}

.course-card__body .course-card__price {
  transform: translatex(-50%);
  display: inline-block;
  position: absolute;
  top: -24px;
  padding: 14px 16px;
  border: 2px solid var(--button-bg-color);
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  left: 50%;
}

.course_card_box_item {
  margin-bottom: 20px;

}

.course_bundles_plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.course_bundles_plan {
  margin-top: 20px;
  margin-bottom: 10px;
}

.course_bundles_plan h5 {
  font-size: 18px;
  color: var(--text-color);
  text-transform: capitalize;
}

.course_bundles_plan .process {
  position: relative;
  margin-left: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.course_bundles_plan .process .available {
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--btn-green);
  font-weight: normal;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.course_bundles_plan .process .completed {
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--text-gray);
  font-weight: normal;
  display: none;
  white-space: nowrap;
}

.p-right {
  padding-right: 5px !important;
}

.p-left {
  padding-left: 5px !important;
}

.completion_box {
  display: flex;
  align-items: center;
  justify-content: left;
}

.completion_box .cardbox .cardbox-content p {
  color: var(--text-color);
}

.completion_box .delete_icone {
  padding: 10px 14px 10px;
  height: 60px;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  font-size: 16px;
  color: var(--main-color) !important;
  outline: none;
  font-family: 'GothamBookFont' !important;
  box-shadow: none;
  display: flex;
  font-weight: 400;
  align-items: center;
  background-color: #fff;
  margin-left: 10px;
  cursor: pointer;
}

.completion_box .delete_icone .fa-trash {
  color: var(--text-gray);
}

.completion_box .delete_icone .fa-plus {
  color: var(--text-gray);
}

.add_coaching_plan.badge {
  text-align: left;
  margin-top: 20px;
}

.add_coaching_plan.badge h3 {
  letter-spacing: 0px;
  font-size: 18px;
  color: var(--text-color);
  line-height: 21px;
  text-align: left;
  margin-bottom: 8px;
}

.add_coaching_plan.badge .form-group {
  position: relative;
  margin-bottom: 0px;
}

.add_coaching_plan.badge .searbox .fa-search {
  position: absolute;
  color: var(--text-gray);
  left: 15px;
  top: 52px;
  z-index: 1;
  font-size: 15px;
}

.addNewCompany .add_coaching_plan.badge .searbox .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  margin-top: -3px;
  height: auto !important;
}

.download_media_btn_direct {
  padding-top: 12px !important;
}

.generate_thumb {
  width: 215px !important;
}

div.dataTables_wrapper div.dataTables_processing {
  min-height: 50px !important;
}

.manage_upload_video .drag-drop p {
  text-align: center;
}

.manage_upload_video .download-content {
  background: var(--white-color);
}

.manage_upload_video .adddownload-cover {
  display: flex;
  align-items: center;
  justify-content: left;
}

.manage_upload_video .adddownload-cover .upload_img {
  height: 48px;
  object-fit: contain;
}

.manage_upload_video .adddownload-cover .adddownload-pdf {
  padding-left: 20px;
}

.manage_upload_video .download-content .adddownload-pdf p {
  word-break: break-word;
}

.manage_upload_video .form-group.form-btn-group {
  float: right;
}

.manage_upload_video .form-group.form-btn-group .btn {
  font-family: 'GothamBookFont';
  font-size: 16px;
  color: var(--white-color);
  text-align: center;
  width: 160px;
  height: 36px;
  margin: 0 auto;
  padding: 0 10px;
  border-radius: 3px;
  background: var(--button-bg-color);
  box-shadow: none;
  outline: none;
  border: none;
  margin-left: 5px;
  margin-top: 5px;
}

.manage_upload_video .form-group.form-btn-group .btn.light-btn-blue {
  background: #009BDE;
}

.manage_upload_video .form-group.form-btn-group .btn.btn-red {
  background: #FF4253;
}

.manage_upload_video .form-group.form-btn-group {
  margin-top: 20px;
}

.manage_upload_video .progress_cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.manage_upload_video .progress_cover .progress_div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.manage_upload_video .progress_cover .progress_div .progress {
  height: 16px;
  border-radius: 8px;
  background-color: #E2E7EE;
  margin-bottom: 0;
  width: 100%;
}

.manage_upload_video .progress_cover .progress_div .progress .progress-bar {
  background-color: #009BDE;
  border-radius: 8px;
}

.manage_upload_video .progress_cover .progress_div span {
  font-size: 18px;
  color: var(--main-color);
  letter-spacing: 0px;
  font-family: 'GothamBookFont';
  margin: 0 20px;
}

.manage_upload_video .progress_cover .btn-gary {
  letter-spacing: 0px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #E3E3E3;
  padding: 6px 18px;
  color: var(--main-color);
  border: none;
}

.manage_upload_video .form-group.form_progress label {
  font-size: 18px;
}

.manage_upload_video .form-group.form_progress {
  border-top: solid 1px #E3E3E3;
  padding-top: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
}

span.right-img img {
  float: right;
  width: 30px;
}

.searbox .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 5px !important;
}

/* .available_meetings_selection .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #007bff !important;
border-color: #006fe6 !important;
color: #fff !important;
} */

/* .available_meetings_selection .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 35px !important;
} */

.available_meetings_selection .select2-container--default .select2-selection--single {
  min-height: 38px;
  display: inline-block;
  width: 100%;
}

.no_data_found_placeholder {
  font-family: 'GothamBookFont';
  color: #E3E3E3;
  line-height: 94px;
}

.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn .fa-upload {
  color: var(--button-bg-color);
}

.company-detals.member_memberdetails .graduation-cover .btn-box-cover .playNow-btn.complete_graduation_text {
  width: 50%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
}

.my_meetings_list_center {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  min-height: 105px;
}

.company-detals .user-block-cover.member .events_container .card-box .playNow-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  padding: 6px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: calc(100% - 32px);
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0 auto;
}

.company-detals .user-block-cover.member .events_container .card-box a {
  color: var(--text-color);
  padding-top: 0;
  font-size: 12px;
}

#events_model_data .card-box .playNow-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  padding: 6px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: calc(100% - 32px);
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0 auto;
}

#events_model_data .card-box a {
  color: var(--text-color);
  padding-top: 0;
  font-size: 12px;
}

#events_model_data .card-box .playNow-btn .fa-download {
  color: var(--button-bg-color);
  padding-right: 3px;
}

.happycourse.manage_course1 .upload .form-control {
  padding: 16px 20px !important;
}

@media (max-width:480px) {
  .drag-drop .upload-video {

      padding: 15px
  }

  .manage_upload_video .adddownload-cover .upload_img {
      height: 35px;
  }

  .manage_upload_video .adddownload-cover .adddownload-pdf {
      padding-left: 10px;
  }
}

/* ----------------------------------------------------------------
Manage Products css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
Course Bundles page  css Start
-----------------------------------------------------------------*/
.happycourse.manage_course1 .form-group-happycourse-card.form-control {
  height: auto !important;
  padding: 22px 20px !important;
  border-radius: 15px;
}

.happycourse.manage_course1 .form-group-happycourse-card.form-control .cardbox {
  margin-top: 20px;
}

.addcourse.searbox.addCourse-searbox .select2-container .select2-selection--single .select2-selection__rendered {
  text-align: left;
}

/* ----------------------------------------------------------------
Course Bundles page css End
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
Chapters page css Start
-----------------------------------------------------------------*/
.leftSac-accordion {
  margin: 0px 0 50px;
}

.leftSac-accordion .card {
  margin-bottom: 10px;
  border: 0;
  min-height: auto !important;
  border: 1px solid #E3E3E3 !important;
  border-radius: 10px !important;
  background: #F7F8FA;
  padding: 0px 20px 0px !important;
}

.leftSac-accordion .card .card-header {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
  outline: none;
  display: flex;
  align-items: center;
}

.leftSac-accordion.leftSac-accordion-new .card .card-header {
  display: block;
  padding: 10px 0 10px 10px;
}

.leftSac-accordion .card .card-header .dropdown_icon {
  float: right;
  text-align: right;
  padding-left: 15px;
  position: relative;
  z-index: 999999999999;
  cursor: pointer;
}

/* .leftSac-accordion .card .card-header .dropdown_icon svg{
position: absolute;
right: 0;
} */

.leftSac-accordion .card .card-header .btn-header-link {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 10px 0 10px 15px;
  font-size: 18px;
  line-height: 21px;
  font-family: 'GothamMedium';
  color: var(--main-color);
  outline: none;
  border: none;
  min-height: 60px;
  position: relative;
  width: 100%;

}

.leftSac-accordion.leftSac-accordion-new .card .card-header .btn-header-link {
  min-height: 40px;
  padding: 0px 0 0px 0px;
}
.leftSac-accordion .card .card-header .btn-header-link .sidebar_chapter_title{
  padding-left: 10px;
}

.common_div_for_all {
  padding: 0 10px;
}

.leftSac-accordion.leftSac-accordion-new .card .card-header .available-task {
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--btn-green);
  font-weight: normal;
  white-space: nowrap;
  padding: 0 0 10px 10px;
}


.leftSac-accordion .card .card-header .btn-header-link span {
  display: block;
  position: absolute;
  right: 0px;
  font-size: 12px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
}

.leftSac-accordion .card .card-header .btn-header-link .feather_icon {
  /* margin-right: 10px; */
  height: 14px;

}
.leftSac-accordion .card .card-header .btn-header-link .feather_icon.move {
  width: 6px;
}

.leftSac-accordion .card .card-header .btn-header-link:after {
  content: "";
  position: absolute;
  right: 10px;
  background: url(../img/arrow-down.svg) no-repeat center;
  padding: 5px;
  background-size: contain;

}

.leftSac-accordion .card .card-header .btn-header-link.collapsed {
  background: transparent;

}

.leftSac-accordion .card .card-header .btn-header-link.collapsed:after {
  content: "";
  position: absolute;
  right: 10px;
  background: url(../img/arrow-down.svg) no-repeat center;
  padding: 5px;
  background-size: contain;
  transform: rotate(180deg);
}

.leftSac-accordion .card .collapsing {
  background: transparent;

}

.leftSac-accordion .card .collapse {
  border: 0;
}

.leftSac-accordion .card .collapse.show {
  background: transparent;

}

.happycourse.manage_course1 .leftSac-accordion .nav-link .content-bix h3 {
  font-size: 14px;
  font-family: 'GothamBookFont';
  line-height: 16px;
  color: var(--text-color);
}

.happycourse.manage_course1 .leftSac-accordion .content-video svg.feather_icon {
  height: 14px;
}

.happycourse.manage_course1 .leftSac-accordion .content-video .content-bix {
  padding-left: 12px;
}

.happycourse .leftSac-accordion .nav-link .content-bix p {
  font-size: 12px;
  color: var(--main-light-color);
  display: flex;
  align-items: center;
}

.happycourse .leftSac-accordion .nav-link .content-bix p svg {
  margin-right: 5px;
}

.happycourse.manage_course1 .leftSac-accordion .btn-group-bottom {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.happycourse.manage_course1 .leftSac-accordion .btn-addlesson {
  margin-left: 0;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 16px;
  border-radius: 5px;
  padding: 5px;
  height: 36px;
  margin: 10px 0 15px 0;
}

.happycourse.manage_course1 .leftSac-accordion .nav-link {
  height: auto;
  padding: 11px 20px;
  background: var(--white-color);
  margin-bottom: 10px;
  width: 100%;
  /* display: block; */
}

/* .happycourse.manage_course1 .leftSac-accordion .nav-tabs.flex-column{
padding-top: 20px;
} */
.happycourse.manage_course1 .leftSac-accordion .add-chapter .btn-addlesson {
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  border-radius: 10px;
  height: 60px;
}

/*.select2-container{
width: 100% !important;
}*/
.happycourse.manage_course1 .new-chapter {
  border-radius: 15px;
  background: var(--gray-bg);
  padding: 30px;
  margin-left: 20px;
  margin-top: 20px;
}

.happycourse.manage_course1 .new-chapter label {
  font-size: 18px;
  font-family: 'GothamMedium';
  line-height: 21px;
  color: var(--main-color);
  margin-bottom: 15px;
}

.happycourse.manage_course1 .new-chapter .form-group {
  margin-bottom: 10px;
}

.new-chapter .footer-btn .btn-draft {
  width: 200px;
}

.new-chapter .footer-btn .btn-blue {
  width: 200px;
}

.happycourse.manage_course1 .new-lessons {
  border-radius: 15px;
  background: var(--gray-bg);
  padding: 30px;
  margin-left: 20px;
  margin-top: 20px;
}

.happycourse.manage_course1 .new-lessons label {
  font-size: 18px;
  font-family: 'GothamMedium';
  line-height: 21px;
  color: var(--main-color);
  margin-bottom: 15px;
}

.happycourse.manage_course1 .new-lessons a {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.happycourse.manage_course1 .new-lessons a .content-video {
  height: 60px;
  padding: 10px 20px;
  background: var(--white-color);
  border: 1px solid #E3E3E3;
  border-radius: 10px;
}

.happycourse.manage_course1 .new-lessons .content-bix {
  padding-left: 12px;
}

.happycourse.manage_course1 .new-lessons .content-bix h3 {
  font-size: 16px;
  color: var(--text-color);
  font-family: 'GothamMedium';
}

.card.courses-cover-box {
  display: flex;
  align-items: center;
  justify-content: center;

}

.courses-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 225px);
}

.courses-chapter-content {
  text-align: center;
  width: 575px;
}

.courses-box .courses-chapter-content h2 {
  font-size: 36px;
  font-family: 'GothamBookFont';
  line-height: 44px;
  color: var(--main-color);
  padding: 40px 0 20px;
}

.courses-box .courses-chapter-content p {
  font-size: 16px;
  font-family: 'GothamBookFont';
  line-height: 19px;
  color: var(--main-color);
}

.courses-box .courses-chapter-content a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.courses-box .courses-chapter-content a .btn-addlesson {
  width: 370px;
  font-size: 16px;
  line-height: 19px;
  border-radius: 10px;
  text-align: center;
  height: 60px;
  color: var(--white-color);
  background: var(--button-bg-color);
}

/* ----------------------------------------------------------------
Chapters page css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
libraryModalCenter modal css Start
-----------------------------------------------------------------*/
.library-modal {
  cursor: pointer;
}

.libraryModalCenter {
  padding-right: 0 !important;
}

.libraryModalCenter .table-bordered>:not(caption)>*>* {
  border-width: 1px;
}

.libraryModalCenter .manage_contentLibrary .table-bordered td .drowpdown-item:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
}

.libraryModalCenter .manage_contentLibrary .table-bordered td .drowpdown-item.content_library_selected_btn {
  background: #E3E3E3 !important;
  color: var(--main-color) !important;
}

.note-toolbar.card-header {
  display: flex;
  align-items: center;
  justify-content: left;
}


.libraryModalCenter .manage_contentLibrary .table-bordered td {
  padding: 15px 20px;
}

.libraryModalCenter .table-responsive {
  height: calc(100vh - 400px);
}

.libraryModalCenter .company .card-top .form-control {
  margin-right: 10px;
  width: 150px;
}

.libraryModalCenter .company.member-page .card-top .input-group {
  width: 250px;
  display: flex;
  margin-bottom: 0;
}

.libraryModalCenter .company.member-page .card-top .btn-group-right a {
  margin-right: 0;
  margin-top: 0;
}

.libraryModalCenter .company.member-page .card-top {
  display: flex;
}

.library-modal .down-icon {
  transform: rotate(-90deg);
}

.libraryModalCenter .modal-content {
  box-shadow: none;
  border-radius: 0 !important;
  padding: 15px 30px;
}

.libraryModalCenter .modal-header {
  border: none;
}

.libraryModalCenter .modal-header .modal-title {
  font-size: 28px;
  letter-spacing: 0px;
  font-family: 'GothamMedium';
  color: var(--main-color);
}

.libraryModalCenter .modal-header .close {
  opacity: 1;
}

.libraryModalCenter .modal-header .close:hover {
  opacity: 1;
}

.cardbox.select-video-library {
  height: auto;
  padding: 20px;
}

.videobox-content {
  width: 100%;
  display: block;
}

.videobox-content p {
  font-size: 16px;
  color: var(--main-color);
}

.video-cover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  padding: 12px 20px;
  background: var(--white-color);
}

.video-cover-bg {
  background: #F7FDFF;
  padding: 12px;
  margin: 18px 0 0;
}

.video-library-box {
  display: flex;
  align-items: center;
  justify-content: left;

}

.video-library-box svg.video-img {
  width: 100px;
  height: 56px;
  object-fit: cover;
}

.video-library-box .video-content {
  padding-left: 10px;
}

.video-library-box .video-content p {
  font-size: 14px;
  color: var(--main-color);
  line-height: 16px;
}

.video-library-box .video-content span {
  font-size: 10px;
  color: var(--text-gray);
  line-height: 12px;
}

.video-cover .btn-gary {
  letter-spacing: 0px;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
  background: #E3E3E3;
  padding: 6px 18px;
  color: var(--main-color);
  border: none;
}

/* ----------------------------------------------------------------
libraryModalCenter modal css End
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
Eventtype css start
-----------------------------------------------------------------*/
.addgraduation-box {
  padding: 10px 20px 10px;
  width: 100%;
  height: 60px;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  font-size: 16px;
  color: var(--main-color) !important;
  outline: none;
  font-family: 'GothamBookFont' !important;
  box-shadow: none;
  display: flex;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
}

.addgraduation-box .add-graduation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.addgraduation-box .add-graduation p {
  font-size: 16px;
  color: var(--main-color);
}

.add-graduation .btn-toggle {
  background: var(--btn-green);
  width: 100px;
  padding: 5px;
  border-radius: 3px;
  position: absolute;

  right: 16px;

}

.add-graduation .btn-group .btn {
  text-transform: uppercase;
  border: none;
  border-radius: 3px !important;
  font-family: 'GothamMedium';
  font-size: 12px;
  padding: 4px 0px;
}

.add-graduation .btn-toggle .btn-success {
  background: var(--btn-green);
  color: #F7F8FA;
}

.add-graduation .btn-toggle .active.btn-danger {
  background: #fff;
  color: var(--btn-green);
}

.add-graduation .btn-toggle-green {
  background: #02A60D;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
}

.add-graduation .btn-toggle-green .btn-success {
  background: #fff;
  color: #02A60D;
}

.add-graduation .btn-toggle-green .active.btn-danger {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}

.add-graduation .btn-group>.btn-group:not(:first-child),
.add-graduation .btn-group>.btn:not(:first-child) {
  margin-left: 0;
}

.graduation-card {
  border-radius: 15px;
  background: var(--gray-bg);
  padding: 20px 25px;
  margin-left: 0px;
  margin-bottom: 20px;
}

.graduation-card .badge .cardbox .uploadbadge .select-file {
  display: flex;
  align-items: center;
}

.graduation-card .badge .cardbox .uploadbadge .select-file span {
  font-size: 11px;
  color: var(--text-color);
  padding-right: 5px;
  font-style: italic;
}

.graduation-card .form-group.searbox {
  margin-bottom: 10px;
}

.event-block-cover {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  padding: 16px 20px;
  min-height: 128px;
  width: 100%;
}

.event-block-cover h2 {
  color: var(--main-color);
  font-family: 'GothamMedium';
  font-size: 22px;
  text-transform: capitalize;
}

.event-block-cover .datebottm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

.event-block-cover .datebottm small {
  font-size: 14px;
  color: var(--text-gray);
  line-height: 16px;
}

.event-block-cover .datebottm p {
  font-size: 16px;
  color: var(--text-color);
  line-height: 19px;
}

.event-block-cover .datebottm .dateColleft {
  display: flex;
  align-items: center;
}

.event-block-cover .datebottm .dateColleft svg {
  margin: 0 18px;
}

.event-block-cover .card-box {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  padding: 16px;

  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.event-block-cover .card-box .comp-text {
  font-family: 'GothamBookFont';
  font-size: 9px;
  text-transform: uppercase;
  color: var(--main-light-color);
  position: absolute;
  left: -14px;
  top: 4px;
  transform: rotate(-45deg);
  width: 50px;
  text-align: center;
}

.event-block-cover .card-box .comp-text::before {
  width: 50px;
  content: "";
  border-bottom: 15px solid #E3E3E3;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  display: block;
  position: absolute;
  z-index: -1;
}

.event-block-cover .card-box .paid-text {
  font-family: 'GothamBookFont';
  font-size: 9px;
  text-transform: uppercase;
  color: var(--white-color);
  position: absolute;
  left: -14px;
  top: 4px;
  transform: rotate(-45deg);
  width: 50px;
  text-align: center;
}

.event-block-cover .card-box .paid-text::before {
  width: 50px;
  content: "";
  border-bottom: 15px solid #02A60D;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  display: block;
  position: absolute;
  z-index: -1;
}



.title-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-top a {
  font-size: 14px;
  text-decoration: underline;
  color: var(--main-color);
  font-family: 'GothamMedium';
}

.title-top a .fa-external-link-alt {
  margin-left: 10px;
}

.title-top .btn-trash {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 25px;
  padding: 0;
  transition: all 0.3s;
}

.title-top .btn-trash i {
  color: #909090;
  font-size: 13px;
  transition: all 0.3s;
}

.weekday-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
}

.weekday-div .weekday {
  margin: 10px 0 10px;
}

.weekday-div .weekday li {
  width: 20px;
  height: 20px;
  margin: 0 3px;
}

.weekday-div .weekday li a {
  display: block;
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-gray);
  line-height: 18px;
  width: 20px;
  height: 20px;
  text-transform: uppercase;
  border: 1px solid #E2E7EE;
  background: var(--white-color);
  border-radius: 50%;
  transition-duration: 0.3s;
}

.weekday-div .weekday li a.green {
  background: #02A60D;
  border-color: #02A60D;
  color: var(--white-color);
}

.weekday-div .weekday li a.red {
  background: #FF0000;
  border-color: #FF0000;
  color: var(--white-color);
}

.btngroup-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btnleft {
  position: relative;
  width: 50%;
  margin-right: 8px;
}

.btnleft .mark-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: #E2E7EE;
  height: 30px;
  text-align: center;
  color: var(--text-color);
  font-size: 12px;
  font-family: 'GothamBookFont';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: none;
  line-height: 30px;
}

.btnleft .graduated-btn {
  background: transparent;
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  height: 30px;
  text-align: center;
  color: var(--text-color);
  font-size: 10px;
  font-family: 'GothamBookFont';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  line-height: 30px;
  text-transform: uppercase;
}

.btnright {
  position: relative;
  width: 50%;
  margin-left: 8px;
}

.btnright .playNow-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 10px;
  color: var(--text-color);
  padding: 6px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: auto;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}

.btnleft .graduated-btn.mark_as_complete_graduation,
.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn.mark_as_complete_graduation {
  background: #E2E7EE;
}

.btnleft .graduated-btn.mark_as_in_complete_graduation,
.company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn.mark_as_in_complete_graduation {
  background: #F7F8FA;
}

.btnright .playNow-btn .fa-play-circle {
  color: var(--button-bg-color);
  padding-right: 3px;
}

.btnright .upload-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  padding: 6px;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  width: auto;
  height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

}

.btnright .upload-btn svg {
  margin-right: 3px;
}

.attendance-modal .modal-header {
  padding: 0 0 0;
  border-bottom: none;
}

.attendance-modal .modal-title {
  font-family: 'GothamMedium';
  font-size: 28px;
  color: var(--main-color);
  padding: 0 15px;
}

.attendance-modal .close {
  color: var(--main-color);
  font-size: 35px;
  opacity: 1;
}

.attendance-modal .modal-content {
  padding: 15px 30px;
}

.attendance-modal .modal-body h5 {
  font-family: 'GothamMedium';
  font-size: 16px;
  color: var(--main-color);
  margin-bottom: 8px;
}


.manage_event_attendance {
  border: solid 1px #E3E3E3;
  padding: 28px;
  height: 60px;
  border-radius: 5px;
  width: 160px;
}

.manage_event_attendance .btn-toggle {
  background: #02A60D;
  width: 140px;
  padding: 5px;
  border-radius: 3px;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 28px;
  margin-left: 6px;
}

.manage_event_attendance .btn-toggle-danger {
  background: #ACACAC;
  width: 140px;
  padding: 5px;
  border-radius: 3px;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 28px;
  margin-left: 6px;
}

.manage_event_attendance .btn-toggle .btn-success {
  background: #02A60D;
  color: #F7F8FA;
}

.manage_event_attendance .btn-toggle .active.btn-danger {
  background: #fff;
  color: #02A60D;
}

.manage_event_attendance .btn-toggle-green {
  background: #02A60D;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
}

.manage_event_attendance .btn-toggle-green .btn-success {
  background: #fff;
  color: #02A60D;
}

.manage_event_attendance .btn-toggle-green .active.btn-danger {
  background: #02A60D;
  color: rgba(255, 255, 255, 0.5);
}

.manage_event_attendance .btn-group>.btn-group:not(:first-child),
.attendance .btn-group>.btn:not(:first-child) {
  margin-left: 0;
}

.manage_event_attendance .btn-success.focus,
.manage_event_attendance .btn-success:focus {
  box-shadow: none;
}

@media (max-width:575px) {
  .member-happycourse .manage_preview_content .continue{
    font-size: 12px !important;
  }
  .event-block-cover .datebottm {
      display: block;
  }

  .event-block-cover .datebottm .dateColleft svg {
      margin: 0 10px;
  }

  .weekday-div {
      padding-bottom: 10px;
  }
}

@media (max-width:480px) {
  .weekday-div {
      display: block;
  }

  .weekday-div .weekday {
      padding-bottom: 15px;
      margin: 10px 0 0;
  }

  .locationColright {
      padding-top: 10px;
  }
}

@media (max-width:360px) {
  .btngroup-bottom {
      display: block;
      justify-content: center;
  }

  .btnleft {
      width: 100%;
      text-align: center;
  }

  .btnright {
      width: 100%;
      text-align: center;
      margin-left: 0;

  }

  .btnleft .mark-btn {
      display: block;

  }

}

/* ----------------------------------------------------------------
Eventtype css End
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
events model css Start
-----------------------------------------------------------------*/
#events_model_data .card-box span {
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-color);
  padding: 10px 0 30px;
  display: block;

}

#events_model_data .card-box p {
  padding-bottom: 4px;
  margin-bottom: 0;

}

.custom_red_large_green_btn .btn-group .btn:focus,
.custom_red_large_green_btn .btn-group .btn:active {
  box-shadow: none !important;
}

.custom_red_large_green_btn .form-group label {
  font-weight: normal !important;
}

.custom_red_large_green_btn .form-group {
  margin: 0 auto;
  border: 1px solid #E3E3E3 !important;
  padding: 16px 0 11px 26px;
  height: 60px;
  border-radius: 5px;
}

.custom_red_large_green_btn .btn-group .btn {
  text-transform: uppercase;
  border: none;
  border-radius: 3px !important;
  font-family: 'GothamMedium';
  font-size: 12px;
  padding: 4px 0px;
}

.custom_red_large_green_btn .btn-toggle {
  background: #A60202;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
  position: absolute;
  left: auto;
  right: 29px;
  bottom: 12px;
}

.custom_red_large_green_btn .btn-toggle .btn-success {
  background: #A60202;
  color: #F7F8FA;
}

.custom_red_large_green_btn .btn-toggle .active.btn-danger {
  background: #fff;
  color: #A60202;
}

.custom_red_large_green_btn .btn-toggle-green {
  background: #02A60D;
  width: 100px;
  padding: 5px;
  border-radius: 3px;
}

.custom_red_large_green_btn .btn-group.btn-toggle.btn-toggle-green .btn.btn-success.active {
  background: #fff;
  color: #02A60D;
}

.custom_red_large_green_btn .btn-group.btn-toggle.btn-toggle-green .btn.btn-danger {
  background: transparent;
  color: #fff;
}

.custom_red_large_green_btn .btn-group>.btn-group:not(:first-child),
.custom_red_large_green_btn .btn-group>.btn:not(:first-child) {
  margin-left: 0;
}

/* ----------------------------------------------------------------
events model css End
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
Graduation model css Start
-----------------------------------------------------------------*/
.graduation-mdoal .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  max-width: 1050px !important;
}


.graduation-mdoal .modal.right.fade .modal-dialog {
  right: -700px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

/* ----------------------------------------------------------------
Graduation model css end
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
course modal model css end
-----------------------------------------------------------------*/
.course-modal .modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  max-width: 968px !important;
}


.course-modal .modal.right.fade .modal-dialog {
  right: -700px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.course-modal .col {
  padding: 10px;
}

.course-modal .card-box {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--gray-bg);
  padding: 16px;
  height: 100%;
  display: inline-block;
  width: 100%;
  position: relative;
}

.course-modal .card-box h5 {
  font-size: 14px;
  white-space: inherit;
}

.course-modal .card-box span {
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--text-color);
  padding: 10px 0 30px;
  display: block;
  margin-bottom: 30px;
}

.course-modal .card-box .playNow-btn {
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  font-size: 12px;
  color: var(--text-color);
  width: 175px !important;
  padding: 8px 25px !important;
  font-family: 'GothamBookFont';
  text-transform: uppercase;
  line-height: 15px;
  height: 30px;
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

.course-modal .card-box .playNow-btn .fa-play-circle {
  color: var(--button-bg-color);
  padding-right: 3px;
}

/* ----------------------------------------------------------------
course modal model css end
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
RANKING & PROGRESS css Start
-----------------------------------------------------------------*/
.traning-cover-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}

.traning-cover-box .ranking-div {
  display: block;
  width: 65%;

}

.traning-cover-box .ranking-div p {
  font-size: 12px;
  color: var(--text-gray);
  font-family: 'GothamMedium';
  margin-bottom: 10px;
}

.traning-cover-box .ranking-div .ranking-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
}

.traning-cover-box .ranking-div .ranking-btn .btn {
  border: 1px solid #E3E3E3;
  border-radius: 13px;
  background: var(--white-color);
  font-size: 10px;
  font-family: 'GothamMedium';
  text-align: center;
  padding: 5px;
}

.traning-cover-box .ranking-div .ranking-btn .btn.company {
  margin-right: 10px;
  width: 95px;
}

.traning-cover-box .ranking-div .ranking-btn .btn.company-renk {
  width: 40px;
  background: #F3F3F3;
}


.traning-cover-box .Progress-div {
  width: 35%;
  border-left: solid 1px #ccc;
  margin-left: 15px;
}

.Progress-div p {
  font-size: 12px;
  color: var(--text-gray);
  font-family: 'GothamMedium';
  margin-bottom: 10px;
}


.Progress-div .progress-circle {
  width: 66px;
  height: 66px;
  line-height: 66px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}

.Progress-div .progress-circle:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #ccc;
  position: absolute;
  top: 0;
  left: 0;
}

.Progress-div .progress-circle>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.Progress-div .progress-circle .progress-circle-left {
  left: 0;
}

.Progress-div .progress-circle .progress-circle-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.Progress-div .progress-circle .progress-circle-left .progress-circle-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.Progress-div .progress-circle-curcul .progress-circle-right {
  right: 0;
}

.Progress-div .progress-circle .progress-circle-right .progress-circle-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}

.Progress-div .progress-circle .progress-circle-value {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffffff;
  font-size: 12px;
  font-family: 'GothamMedium';
  color: #737373;
  line-height: 56px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Progress-div .progress-circle.blue .progress-circle-bar {
  border-color: var(--btn-green);
}

.Progress-div .progress-circle.blue .progress-circle-left .progress-circle-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}


@media only screen and (max-width: 990px) {
  .progress-circle {
      margin-bottom: 20px;
  }
}

/* ----------------------------------------------------------------
RANKING & PROGRESS css end
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
library css Start
-----------------------------------------------------------------*/
.searchBox {
  position: relative;
}

.searchinput {
  display: block;
  width: 100%;
  position: relative;
}

.searchinput .form-control {
  width: 100%;
  border-radius: 50px;
  padding: 15px 50px 15px 15px !important;
  height: 50px !important;
}

.searchinput .search-icone {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--button-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer
}

.searchinput .search-icone .fa-search {
  font-size: 16px;
  color: var(--white-color);
}

.drowpdown-list {
  display: none;
  padding: 0;
  margin: 0;
  padding: 10px 20px;
  margin: 0;
  background: #fff;
  box-shadow: 0px 3px 6px #00000012;
  border: 1px solid #E2E7EE;
  border-radius: 10px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;

}

.drowpdown-list li {
  width: 100%;
  display: block;
  line-height: 40px;

}

.drowpdown-list li .select-drowpdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drowpdown-list li .select-drowpdown p {
  font-size: 18px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
  display: flex;

}

.drowpdown-list li .select-drowpdown p svg {
  margin-right: 10px;
}

.drowpdown-list li .select-drowpdown span {
  font-size: 14px;
  color: var(--text-gray);
  font-family: 'GothamBookFont';
}

/*.searchBox:hover .drowpdown-list{
display: block;
position: absolute;
left: 0;
right: 0;
z-index: 9999;
}*/
.library-tabs {
  width: 100%;
  display: inline-block;
}

.library-tabs .tab-content {
  padding-top: 20px;
}

.library-tabs h5 {
  color: var(--main-light-color);
  font-family: 'GothamBookFont';
  padding: 20px 0 10px;
}

.trending-topic h5 {
  padding-top: 0;
}

.trending-topic .nav-tabs {
  padding-bottom: 15px;
}

.library-tabs .nav-tabs {
  border-bottom: none;
  margin-left: -5px;
}

.library-tabs .nav-tabs .nav-item {
  padding: 5px;
}

.library-tabs .nav-tabs .nav-link {
  border: 1px solid #E2E7EE;
  border-radius: 10px;
  background: var(--white-color);
  letter-spacing: 0px;
  font-family: 'GothamMedium';
  color: var(--main-color);
  font-size: 14px;
}

.library-tabs .nav-tabs .nav-link.active {
  background: var(--button-bg-color);
  border-radius: 10px;
  color: var(--white-color);
  font-size: 14px;
  font-family: 'GothamMedium';
  border-color: var(--button-bg-color);
}

.card-list {
  width: 100%;
  display: inline-block;
  height: 100%;
}

.library-tabs .col {
  margin-bottom: 15px;
}

.card-list a {
  display: block;
  background: var(--white-color);
  border: 1px solid #E3E3E3;
  border-radius: 10px;
  padding: 16px;
  height: 100%;
  min-height: 220px;
  position: relative;
}

.card-list a .imgBox {
  height: 123px;
  background: #F7F8FA;
  border-radius: 5px;
  position: relative;
}

.card-list a .imgBox.imgBox-content {
  background: transparent;
}

.card-list a .imgBox.imgBox-content p {
  font-size: 14px;
  color: var(--text-color);
  font-family: 'GothamMedium';
}

.card-list a .imgBox.imgBox-content h2 {
  color: var(--main-color);
  font-size: 22px;
  line-height: 26px;
  padding-top: 10px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 90px;
  display: -webkit-box;
  font-family: 'GothamBookFont';
}

.card-list a .imgBox img {
  height: 123px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.card-list a .imgBox .play-icone {
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  left: 50%;
}

.card-list a .contentBox {
  padding-top: 15px;
  line-height: 0;
}

.card-list a .contentBox p {
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--main-color);
  line-height: 16px;
  text-align: left;
  padding-bottom: 25px;
}

.card-list a .contentBox ul {
  margin: 0;
  padding: 0px 0 0;
  display: inline-block;
  position: absolute;
  bottom: 20px;
}

.card-list a .contentBox ul li {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  padding: 0;
}

.card-list a .contentBox ul li .fa-arrow-right {
  color: var(--text-gray);
  font-size: 17px;
}

.trip-sales {
  width: 100%;
  display: block;
}

.trip-sales .vedio {
  height: 430px;
  width: 100%;
  position: relative;
}

.trip-sales .vedio img {
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.trip-sales .play-icone {
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  left: 50%;
  width: 100px;
  height: 100px;
}

.trip-sales h2 {
  letter-spacing: 0px;
  font-size: 30px;
  color: var(--main-color);
  text-align: left;
  font-family: 'GothamMedium';
  padding-top: 20px;
  line-height: 36px;
}

.trip-sales h4 {
  font-size: 16px;
  color: var(--main-color);
  padding-top: 35px;
}

.trip-sales .bdr {
  border-top: 2px solid #E3E3E3;
}

.trip-sales.sales-tips h2 {
  padding-top: 10px;
}

.trip-sales.sales-tipss p {
  padding: 15px 0 0;
}

.trip-sales h6 {
  font-size: 16px;
  color: var(--main-light-color);
  text-align: left;
  text-transform: capitalize;
  font-family: 'GothamBookFont';
  padding: 15px 0 20px;
}

.trip-sales.sales-tips {
  margin-top: 20px;
}

.trip-sales p {
  font-size: 16px;
  color: var(--main-light-color);
  text-align: left;
  font-family: 'GothamBookFont';
  padding: 20px 0 0;
  line-height: 26px;
}

.trip-sales .sales-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  border-bottom: 2px solid #E3E3E3;
  padding-bottom: 25px;
}

.trip-sales .sales-btn a {
  font-size: 16px;
  color: var(--main-color);
  text-align: left;
  font-family: 'GothamBookFont';
  height: 50px;
  width: 220px;
  display: flex;
  line-height: 50px;
  border: 1px solid #E2E7EE;
  border-radius: 5px;
  background: var(--white-color);
  text-align: center;
  margin-right: 15px;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
}

.trip-sales .sales-btn a .fa-download {
  color: var(--main-light-color);
  font-size: 14px;
}

.trip-sales.sales-challenge p {
  padding-top: 15px;
  padding-bottom: 30px;
}

.trip-sales.sales-challenge .sales-btn {
  border-bottom: none;

}

/* ----------------------------------------------------------------
library css end
-----------------------------------------------------------------*/


.input-group-append .fa.fa-calendar {
  content: "";
  background: url("../img/calander-date.svg") no-repeat center;
  padding: 8px;
  margin-right: -12px;
  z-index: 999;
}

.input-group-append .fa.fa-calendar:before {
  font-size: 0;
}

.input-group.date .input-group-text {
  position: absolute;
  right: 10px;
  height: 60px;
  border: none;
  background: transparent;
  z-index: 999;

}

#attendance_date .input-group-text {
  height: 38px;
}

.main_attendance .fas.fa-angle-right {
  content: "";
  background: url("../img/arrow-right.svg") no-repeat center;
  padding: 0 8px;
}

.main_attendance .fas.fa-angle-right:before {
  font-size: 0;
}

.main_attendance .btn.btn-default.today_btn {
  background-color: #f8f9fa !important;
}

.main_attendance .fas.fa-angle-left {
  content: "";
  background: url("../img/arrow-right.svg") no-repeat center;
  padding: 0 8px;
  transform: rotate(180deg);
}

.main_attendance .fas.fa-angle-left:before {
  font-size: 0;
}




.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: var(--button-bg-color) !important;
}

.adminUser.coachingplan table tr td {
  vertical-align: top;
}

.course .coachingplan .input-group-clear {
  display: none;
}

.card-box-cover-chapter i.fa.fa-pen.edit_course_title {
  color: #878787;
}

.plupload_wrapper .plupload_content {
  top: 100px !important;
  bottom: 57px !important;
}

.plupload_wrapper .plupload_content {
  top: 100px !important;
  bottom: 57px !important;
  border: 2px dashed #009BDE !important;
  background: #F7FDFF !important;
  border-radius: 5px !important;
  line-height: 143px !important;
  box-sizing: border-box;
}

.main_attendance .form-control.datetimepicker-input {
  height: auto !important;
  padding: 0.375rem 20px !important;
}



.bootstrap-switch-id-is_recurring {
  float: right;
  text-align: right;
  margin-right: 30px;
}


.main_attendance .attendance_container .meeting_slots_container .table tr th:nth-child(3) {
  padding: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr th:nth-child(4) {
  padding: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr th:nth-child(5) {
  padding: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr th:nth-child(6) {
  padding: 8px 0;
}

.main_attendance .attendance_container .meeting_slots_container .table tr th:nth-child(7) {
  padding: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr th:nth-child(8) {
  padding: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr td:nth-child(3) {
  padding-left: 8px;
  position: relative;
}

.main_attendance .attendance_container .meeting_slots_container .table tr td:nth-child(4) {
  padding-left: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr td:nth-child(5) {
  padding-left: 8px;
}

.main_attendance .attendance_container .meeting_slots_container .table tr td:nth-child(6) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left;
}

.main_attendance .attendance_container .meeting_slots_container .table tr td:nth-child(7) {
  /* padding-left: 0; */
  float: left;
  /* padding-right: 20px; */
  text-align: left !important;
}

.main_attendance .attendance_container .meeting_slots_container .table tr td:nth-child(8) {
  padding: 5px 20px 0 0;
  text-align: right;
}


.main_attendance .attendance_container .meeting_slots_container .table>thead>tr>th {
  font-size: 14px;
}

.main_attendance .attendance_container .meeting_slots_container .table>thead>tr>td {
  font-size: 12px;
}

.main_attendance .attendance_container .meeting_slots_container .sub_header .fas.fa-angle-down {
  color: var(--text-gray);
  content: "";
  background: url("../img/arrow-down-course.svg") no-repeat center;
  padding: 0 8px;
  transform: rotate(180deg);
}

.main_attendance .attendance_container .meeting_slots_container .sub_header .fas.fa-angle-down:before {
  font-size: 0;
}

.main_attendance .attendance_container .meeting_slots_container .sub_header .fas.fa-angle-up {
  color: var(--text-gray);
  content: "";
  background: url("../img/arrow-down-course.svg") no-repeat center;
  padding: 0 8px;

}

.main_attendance .attendance_container .meeting_slots_container .sub_header .fas.fa-angle-up:before {
  font-size: 0;
}

.nav-item.menu-is-opening.menu-open>.nav-link {
  background: #F7F7F8 !important;
  color: var(--main-color) !important;
}

.nav-item.menu-is-opening.menu-open>.nav-link:hover p {
  color: var(--main-color);
}

.nav-item.menu-is-opening.menu-open>.nav-link:hover .nav-icon path {
  fill: var(--main-light-color) !important;
  ;
}

.nav-item.menu-is-opening.menu-open>.nav-link:hover .nav-icon.nav-icon-setting path {
  stroke: var(--main-light-color);
  fill: transparent !important;
}




.layout-fixed .wrapper .sidebar:hover {
  overflow-y: hidden !important;
}

.layout-fixed .wrapper .sidebar {
    height: calc(100vh - 140px);
    overflow-y: auto !important;
    padding-right: 3px;
    width: 100%;
}

@media (min-width:992px) {
  .course-card__img img {
      height: 206px;
  }

  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link .nav-icon.manage-drowp-arro {
      color: var(--main-color);
      width: 265px;
  }

  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link:hover .nav-icon.manage-drowp-arro {
      visibility: visible;
  }

  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link .nav-icon.manage-event-drowp-arro {
      color: var(--main-color);
      width: 235px;
  }

  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link:hover .nav-icon.manage-event-drowp-arro {
      visibility: visible;

  }

  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link .nav-icon.object-o-matic-drowp-arro {
      color: var(--main-color);
      width: 240px;
  }

  .sidebar-mini.sidebar-collapse .sidebar .nav-sidebar .nav-link:hover .nav-icon.object-o-matic-drowp-arro {
      visibility: visible;

  }

  /* .main-sidebar .nav-item.menu-is-opening.menu-open:hover .nav-treeview{
  display: none;
}
.main-sidebar .nav-item.menu-is-opening.menu-open .nav-treeview{
  display: none;
}
.sidebar-mini.sidebar-collapse .main-sidebar .nav-item.menu-is-opening.menu-open:hover .nav-treeview{
  display: none !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar .nav-item.menu-is-opening.menu-open .nav-treeview{
  display: none !important;
} */
}

@media (min-width:480px) {
  .course-card__img img {
      height: 197px;
  }
}


.company-detals .header-top a {
  line-height: 16px;
}

.company-detals .header-top .btn-group.event-btn-group .add-btn {
  margin-right: 0;
}

.company-detals .header-top .btn-group.event-btn-group .add-btn.export-btn {
  color: var(--text-gray);
  margin-right: 25px;
}

.company-detals .header-top .btn-group.event-btn-group .add-btn.export-btn svg {
  margin-right: 5px;
}

.form-control.addAttendance-btn {
  text-align: left;
  padding: 15px 20px 15px !important;
  background: #F7F7F7;
  cursor: auto;
  color: var(--main-light-color) !important;
}

.form-control.addAttendance-lable {
  text-align: left;
  padding: 15px 20px 15px !important;
  cursor: auto;
}

.floating-lable.editattendance-form .select2-container .select2-selection--single {
  cursor: auto !important;
}

.addAttendance-bdr {
  margin: 10px 0 40px;
  color: #E3E3E3;
  opacity: 1;
}

.title-top ul li {
  display: inline-block;
}

.title-top ul li a {
  outline: none;
  text-decoration: none;
}

.title-top .btn-trash {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.title-top .btn-trash:hover {
  background: #F74E0C;
  color: var(--white-color);
  transition: all 0.3s;
}

.title-top .btn-trash:hover i {
  color: var(--white-color);
  transition: all 0.3s;
}

.title-top .btn:focus {
  box-shadow: none;

}

.title-top .btn-pen {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 25px;
  padding: 0;
  transition: all 0.3s;
}

.title-top .btn-pen i {
  color: #909090;
  font-size: 13px;
  transition: all 0.3s;
}

.title-top .btn-pen:hover {
  background: #FEBC00;
  color: var(--white-color);
  transition: all 0.3s;
  border-color: #FEBC00;
}

.title-top .btn-pen:hover i {
  color: var(--white-color);
  transition: all 0.3s;
}

.title-top .btn-info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 25px;
  padding: 0;
  transition: all 0.3s;
}

.title-top .btn-info i {
  color: #ACACAC;
  font-size: 13px;
  transition: all 0.3s;
}

.title-top .btn-info:hover {
  background: #E3E3E3;
  color: #ACACAC;
  transition: all 0.3s;
  border-color: #E3E3E3;
}

.title-top .btn-info:active {
  background: #E3E3E3 !important;
  border-color: #E3E3E3 !important;
}

.title-top .btn-info:hover i {
  color: #ACACAC;
  transition: all 0.3s;
}


.tooltipText {
  background: #3D3D3D;
  position: absolute;
  bottom: 130%;
  padding: 2px 15px;
  border-radius: 4px;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  color: #fff;
}

.tooltipText p {
  font-size: 12px;
  color: #fff;
  padding: 4px 0;
  width: 190px;
}

.tooltipText::after {
  content: '';
  border-width: 6px;
  border-style: solid;
  border-color: #3D3D3D transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 40%;
  margin-left: 5%;
}

.title-top .btn-trash:hover .tooltipText {
  opacity: 1;
  visibility: visible;
  transform: translateY(-2px);
}

.title-top .btn-pen:hover .tooltipText {
  opacity: 1;
  visibility: visible;
  transform: translateY(-2px);
}

.title-top .btn-info:hover .tooltipText {
  opacity: 1;
  visibility: visible;
  transform: translateY(-2px);
}

.weekday-div .weekday li a.tooltip-box {
  position: relative;
}

.weekday-div .weekday li a.tooltip-box .tooltipText {
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-46%, -5px);
}

.weekday-div .weekday li a.tooltip-box:hover .tooltipText {
  opacity: 1;
  visibility: visible;
  transform: translate(-46%, -5px);


}

.company-detals .expires-block-content .user-block-cover {
  min-height: 160px;
  display: block;
}

.company-detals .expires-block-content .user-block-cover .expires-block-cover {
  justify-content: space-between;
  align-items: start;
  display: flex;

}

.company-detals .expires-block-content .user-block-cover .description.expires-date {
  padding-top: 10px;
  padding-left: 102px;
  display: block;
}

.company-detals .expires-block-content .user-block-cover .description.expires-date a {
  font-size: 12px;
  font-family: 'GothamBookFont' !important;
  color: var(--text-color);
}

.company-detals .expires-block-content .user-block-cover .description.expires-date a samp {
  color: var(--text-color);
  font-size: 12px;
  font-family: 'GothamBookFont' !important;
}

.company-detals .expires-block-content .member-sign {
  /* padding-bottom: 30px; */
}


/*============================
    My profile Modal css start
============================== */
.newbundalmMdal.myprofilemodal .modal-title {
  font-size: 26px;
  line-height: 31px;
}

.newbundalmMdal.myprofilemodal .card {
  min-height: auto;
}

.radio-btn input {
  opacity: 0;
  position: absolute;
}

.radio-btn label {
  margin: 12px 0;
  font-size: 20px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  font-weight: normal !important;
}

.radio-btn .indicator {
  position: relative;
}

.radio-btn .indicator:before {
  content: '';
  border: 1px solid #009BDE;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding: 2px;
  margin-top: -5px;
  margin-right: 10px;
  text-align: center;
}

.radio-btn input+.indicator:before {
  border-radius: 50%;
}

.radio-btn input:checked+.indicator:before {
  border-color: #009BDE;
  background: #009BDE;
  box-shadow: inset 0px 0px 0px 6px #fff;
}

.radio-btn input:disabled+.indicator:before {
  border-color: #ccc;
  box-shadow: inset 0px 0px 0px 6px #fff;
}

.radio-btn input:checked:disabled+.indicator:before {
  border-color: #ccc;
  background: #ccc;
  box-shadow: inset 0px 0px 0px 6px #fff;
}

.radio-btn input:focus+.indicator {
  outline: 0px solid #ddd;

}


/*  ============================
  My profile Modal css End
  ==============================   */



/*============================
    New Dashboard css start
============================== */
.dashboardPage .card {
  margin-bottom: 20px;
  min-height: 160px;
  box-shadow: 0px 2px 2px #00000029;
  border-radius: 5px;
  background: var(--white-color);
  border: none;
  padding: 16px 20px;
}

.card-top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dashboardPage-content .row {
  margin-right: -10px;
  margin-left: -10px;
}

.dashboardPage-content .col-lg-6.col-md-6,
.dashboardPage-content .col-lg-3.col-md-3 {
  padding-right: 10px;
  padding-left: 10px;

}

.dashboardPage-content .col-xl-6.col-lg-12.col-md-12 {
  padding-right: 10px;
  padding-left: 10px;

}

.dashboardPage-content .dropdown-toggle::after {
  margin-left: 5px;
}

.dashboardPage-content hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.card-top-header h2 {
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
  text-align: center;
  text-align: left;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-top-header .total-price {
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
}

.card-top-header .dropdown-btn {
  display: flex;
  align-items: center;
  justify-content: left;
}

.card-top-header .dropdown-btn .dropdown-toggle {
  padding: 0;
  font-size: 12px;
  font-family: 'GothamBookFont';
  color: var(--text-color);
  letter-spacing: 0px;
  display: flex;
  align-items: center;
}



.card-top-header .dropdown-btn .dropdown-menu {
  padding: 5px;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  background: var(--white-color);
  height:auto;
  overflow-y: auto;
}

.card-top-header.most-viewe .dropdown-btn .dropdown-menu {
  height: auto;
  left: -130px !important;
}

.card-top-header .dropdown-btn-group-right .dropdown-btn.dropdown-btn2 .dropdown-menu {
  left: -20px !important;
}

.card-top-header .dropdown-btn-group-right .dropdown-btn.dropdown-btn3 .dropdown-menu {
  left: -30px !important;
}

.card-top-header .dropdown-btn.graduations-dropdown-btn .dropdown-menu {
  left: -30px !important;
  height: auto;
}

.card-top-header .dropdown-btn .dropdown-menu .dropdown-item {
  font-size: 12px;
  font-family: 'GothamBookFont';
  color: var(--text-color);
  letter-spacing: 0px;
  padding: 5px 12px;
  border-radius: 3px;
}

.card-top-header .dropdown-btn .dropdown-menu .dropdown-item:hover {
  background-color: #F3F3F3;
  color: var(--text-color);
}

.card-top-header .dropdown-btn .dropdown-menu .dropdown-item:active {
  background-color: #F3F3F3;
  color: var(--text-color);
}

.dropdown-btn-group-right {
  display: flex;
  align-items: center;
}

.dropdown-btn-group-right .dropdown-btn {
  padding-left: 30px;
}

.dropdown-btn-group-right .dropdown-btn:first-child {
  padding: 0;
}

.content-btn-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.content-btn-group a {
  font-size: 10px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  text-decoration: none;
  text-transform: uppercase;
  background: #F7F8FA;
  border-radius: 13px;
  padding: 6px 20px;
  margin-left: 5px;
  display: block;
}

.content-btn-group a.active {
  background: #E3E3E3;
}

.content-btn-group a:first-child {
  margin: 0;
}


.cardBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px 0 50px;

}

.card-body-content p {
  font-family: 'GothamBookFont';
  font-size: 12px;
  color: var(--main-light-color);
}

.client {
  text-align: center;
}

.client p {
  padding-top: 10px;
}

.client span {
  font-family: 'GothamBookFont';
  font-size: 50px;
  color: var(--main-color);
  display: block;
  line-height: normal;
}

.expirindiv {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 19px;
}

.expirindiv span {
  font-family: 'GothamBookFont';
  font-size: 26px;
  color: var(--main-light-color);
  padding-left: 44px;
  line-height: normal;
}

.card-body-content-member .memberdiv {
  padding: 6px 0;
}

.memberdiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

.memberdiv p.memberdiv-text {
  width: calc(100% - 50px);
}

.memberdiv p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.memberdiv small {
  font-size: 20px;
  color: var(--main-light-color);
  font-family: 'GothamBookFont';
}

.memberlogin {
  padding-top: 10px;
}

.memberlogin p {
  width: 100%;
  display: block;
}

.memberBoxCover {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 0;
}

.memberBoxCover .memberBoxitem {
  text-align: left;
  border-left: 2px solid #E3E3E3;
  padding-left: 10px;
  display: grid;
}

.memberBoxCover .memberBoxitem small {
  font-size: 10px;
  color: var(--text-gray);
  font-family: 'GothamMedium';
}

.viewitem {
  display: flex;
  align-items: center;
  justify-content: left;
  background: #F7F8FA;
  border-radius: 5px;
  padding: 7px 12px 7px;
  margin-bottom: 8px;
}

.viewitem:last-child {
  margin-bottom: 4px;
}

.viewitem p {
  padding-left: 10px;
  font-size: 12px;
  color: var(--main-color);
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quick-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  background: #F7F8FA;
  border-radius: 5px;
  padding: 10px 15px;
}

.quick-links p {
  color: var(--main-color);
  font-size: 12px;
}

.quick-links .quick-links-text {
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboardPage-content .card-body-content.card-body-content-mtb {
  margin: 14px 0 0px;
}

.dashboardPage-content .card-body-content .row {
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.dashboardPage-content .card-body-content .col-lg-6.col-md-6 {
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.syllabus-content {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 30px 0;
}

.syllabus-content .lessons {
  background: rgba(192, 159, 127, 0.1)
}

.syllabus-content .chapters {
  background: rgba(12, 16, 90, 0.05)
}

.syllabus-content .courses {
  background: rgba(169, 191, 154, 0.1)
}

.syllabus-content .itemRadues {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.syllabus-content .itemRadues span {
  font-size: 24px;
  font-family: 'GothamMedium';
  color: var(--main-color);
  line-height: normal;
}

.syllabus-content .itemRadues h3 {
  font-size: 18px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
  text-transform: capitalize;
  padding: 0 0 5px;
}

.syllabus-content .itemRadues p {
  font-size: 10px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
}

.lost-clients {
  width: 100%;
  display: block;
}

.canvas-con1 {
  display: flex;
  align-items: center;
  justify-content: left;
  min-height: 91px;
  position: relative;
  padding-top: 10px;
}

.canvas-con-inner1 {
  height: 100%;
}

.canvas-con1 .canvas-con-inner1 canvas {
  width: 91px !important;
  height: 91px !important;
  object-fit: cover;
  border-radius: 50%;

}

.canvas-con-inner1,
.legend-con1 {
  display: inline-block;
}

.legend-con1 {
  font-family: 'GothamBookFont';
  display: inline-block;
  padding-left: 12px;
}

.legend-con1 ul {
  list-style: none;
}

.legend-con1 ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

.legend-con1 ul li span {
  display: inline-block;
  font-size: 12px;
  color: var(--text-color);
}

.legend-con1 ul li span.chart-legend {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 50%;
}


.canvas-con2 {
  display: flex;
  align-items: center;
  justify-content: left;
  min-height: 91px;
  position: relative;
  padding-top: 10px;
}

.canvas-con-inner2 {
  height: 100%;
}

.canvas-con2 .canvas-con-inner2 canvas {
  width: 91px !important;
  height: 91px !important;
  object-fit: cover;
  border-radius: 50%;

}

.canvas-con-inner2,
.legend-con2 {
  display: inline-block;
}

.legend-con2 {
  font-family: 'GothamBookFont';
  display: inline-block;
  padding-left: 20px;
}

.legend-con2 ul {
  list-style: none;
}

.legend-con2 ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

.legend-con2 ul li span {
  display: inline-block;
  font-size: 12px;
  color: var(--text-color);
}

.legend-con2 ul li span.chart-legend {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 50%;
}


#myAttendeesChart {
  height: 174px !important;
}

#myMeetingChart {
  height: 174px !important;
}


.graduations-type {
  margin: 0 auto;
  padding: 0px 0;
  border: none;

}

.graduations-type.graduations-type-1 {
  height: 181px;
}

.dashboardPage .card.client-cardBox {
  padding: 16px 30px;
}

.graduations-type .graduations-row {
  position: relative;
  height: 20px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}

.graduations-type .graduations-row:last-child {
  margin-bottom: 0;
}

.graduations-type .bar-wrap {
  position: relative;
  background: #F7F8FA;
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.graduations-type .bar-wrap .bar {
  position: absolute;
  top: 4px;
  left: 0;
  height: 12px;
  transition: all 1s;
  transform: translateX(-100%);
}

.graduations-type .bar-wrap .bar1-bg {
  background: #009BDE;
}

.graduations-type .bar-wrap .bar2-bg {
  background: #FF8373;
}

.graduations-type .bar-wrap .bar3-bg {
  background: #FFDA83;
}

.graduations-type .bar-wrap .bar4-bg {
  background: #02A60D;
}

.graduations-type .bar-wrap .bar.in {
  transform: translateX(0%);
}

.graduations-type .label {
  padding-left: 10px;
  width: 100px;
  text-align: left;
  font-size: 14px;
  line-height: 21px;
  text-transform: capitalize;
  font-weight: normal;
  z-index: 10;
  font-family: 'GothamBookFont';
  color: var(--text-color);
  display: block;
  padding-right: 13px;
}

.graduations-type .number {
  width: 30px;
  padding-right: 0px;
  font-size: 14px;
  font-family: 'GothamBookFont';
  line-height: 21px;
  text-align: right;
  z-index: 10;
  display: block;
  padding-left: 0px;
  margin-left: 10px;
}

.graduations-type .bar1-color {
  color: #009BDE;
}

.graduations-type .bar2-color {
  color: #FF8373;
}

.graduations-type .bar3-color {
  color: #B6913C;
}

.graduations-type .bar4-color {
  color: #02A60D;
}

.graduations-box {
  padding: 20px 0 20px;
}

.bodr {
  width: calc(100% - 134px);
  margin: 0 auto;
  margin-left: 95px;
  height: 100%;
  position: absolute;
  z-index: 0;
}

.bodr ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.bodr ul li {
  border-left: solid 1px #EBEDF4;
  height: 100%;
}

.card-top-header .nav-tabs {
  border-bottom: none;
}

.card-top-header .nav-tabs .nav-item .nav-link {
  border: none;
  font-size: 16px;
  color: var(--text-gray);
  font-family: 'GothamBookFont';
  text-transform: capitalize;
  letter-spacing: 0px;
}

.card-top-header .nav-tabs .nav-item .nav-link.active {
  border-bottom: solid 4px #737373;
  color: var(--main-color);
}

#chartdiv {
  width: 220px;
  height: 120px;
  font-size: 8px;
  color: #DDDDDD;
  position: relative;
}

.chartdiv-box {
  margin: 0 auto;
  text-align: center;
  position: initial;
}

#chartdiv::before {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 22px;
  z-index: 0;
  content: "";
  border-bottom: solid 1px #DDDDDD;
}

.chartdiv-box p {
  position: absolute;
  bottom: 20px;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: #474748;
  left: 10px;
  right: 10px;
}

@media (min-width:1280px) and (max-width:1320px) {
  #chartdiv {
      margin-left: -15px;
  }
}

@media (min-width:1199px) and (max-width:1279px) {
  #chartdiv {
      margin-left: -30px;
  }
}

@media screen and (max-width:1199px) {
  .cardBox {
      padding: 0 15px 0 15px;
  }

  .expirindiv span {
      padding-left: 15px;
      font-size: 22px;
  }

  .card-top-header.card-top-header-tab {
      display: block;
  }

  .card-top-header.card-top-header-tab .dropdown-btn-group-right {
      padding: 15px 0 5px;
  }

}

@media screen and (min-width:800px) {
  .graduations-type .label {
      text-align: right;
      padding-left: 0;
  }

  .graduations-type .number {
      text-align: left;
      padding-right: 0;
  }
}

@media screen and (max-width:575px) {
  .dashboardPage .card.client-cardBox .card-top-header {
      display: block;
      text-align: left;
  }

  .dashboardPage .card.client-cardBox .card-top-header h2 {
      text-align: left;
  }

  .dashboardPage .card.client-cardBox .card-top-header .content-btn-group {
      justify-content: flex-start;
      padding: 5px 0;
  }
}

@media screen and (max-width:480px) {
  .client span {
      font-size: 35px;
  }

  .client p {
      padding-top: 5px;
  }

  .expirindiv span {
      padding-left: 10px;
  }

  .client {
      padding-right: 10px;
  }

  .dashboardPage .card.client-cardBox .card-top-header .content-btn-group {
      overflow-x: auto;
      padding-bottom: 10px;
  }

  .syllabus-content {
      display: block;
      justify-content: center;
      padding: 0 0;
  }

  .syllabus-content .itemRadues {
      margin: 10px auto;
  }
}

/*  ============================
       New Dashboard css End
    ==============================   */


/*  ============================
       Add product css Start
    ==============================   */
.course_bundles_plan.course_bundles_technician {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: #F7F8FA;
  padding: 6px 16px 7px;
}

.course_bundles_plan.course_bundles_technician h6 {
  font-size: 14px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  text-transform: capitalize;
}

svg.coursePath-down-icon {
  position: absolute;
  top: 16px;
  right: 20px;
}

.add_coaching_plan_upload.badge.add_coaching_plan_upload1 {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

/*  ============================
        Add product css End
    ==============================   */


#selectfile {
  opacity: 0;
  position: absolute;
  left: 20px;
  right: 20px;
  height: 36px;
  top: 10px;
}

@media (max-width:1600px) {
  .scheduled-meeting .modal.right .modal-dialog {
      max-width: 776px !important;
  }
  .company-detals.member-detail .graduation-cover .graduation-image img{
    width: 70px;
    height: 70px;
  }
  .company-detals.member-detail .graduation-cover .graduation-image{
    width: 70px;
    height: 70px;
  }

}

@media (max-width:1440px) {
  .scheduled-meeting .modal.right .modal-dialog {
      max-width: 680px !important;
  }


  .company-detals.member-detail .graduation-cover .btn-box-cover {
      display: block;
  }

  .company-detals.member_memberdetails .graduation-cover .btn-box-cover .playNow-btn.complete_graduation_text {
      width: 100%;
  }

  .company-detals.member_memberdetails .graduation-cover .btn-box-cover .playNow-btn {
      width: 100%;
      padding: 6px 10px;
      margin: 5px auto 0;
  }


  .btnleft {
      position: relative;
      width: 100%;
      margin-right: 0;
      display: block;
  }

  .btnleft .graduated-btn {
      position: inherit;
  }

  .btnright {
      position: relative;
      width: 100%;
      margin-left: 8px;
      margin-top: 0;
  }

  .btnright .playNow-btn {
      position: inherit;
  }
  .weekday-div{
    padding-bottom: 12px;
}
}

@media (max-width:1366px) {
  .company_addnewmember .content .table-bordered .permission .form-group {
      width: 140px;
  }

  .company_addnewmember .content .table-bordered .permission i {
      padding: 0 10px 0 30px;
      width: 60px;
  }

  .scheduled-meeting .modal.right .modal-dialog {
      max-width: 646px !important;
  }
}

@media (min-width:1200px) and (max-width:1310px) {
  .company-detals .card-body-app ul li a img {
      width: 50px;
      height: 50px;
  }

  .company-detals .card-body-app ul li a {
      width: 50px;
      height: 50px;
  }

  .company-detals .expires-block-content .user-block-cover .expires-block-cover .user-block .user-details {
      padding-right: 10px;
  }

  .company-detals .user-block img {
      width: 65px;
      height: 65px;
  }
}

@media (max-width:1199px) {
  .scheduled-meeting .modal.right .modal-dialog {
      max-width: 595px !important
  }

}

@media (max-width: 576px) {
  .scheduled-meeting .modal.right .modal-dialog {
      max-width: 635px !important;
      margin: 0rem auto;
  }

  .trip-sales.sales-tips {
      margin-top: 0;
  }
}




@media (max-width:1340px) {
  .company-detals.member_memberdetails .user-block-cover.member .card-box ul li {
      display: block;
  }
}

@media (max-width:1310px) {
  .company-detals .expires-block-content .user-block-cover .description.expires-date {
      padding-left: 80px;
  }
}

@media (max-width:1280px) {
  .company-detals .expires-block-content .user-block-cover .description.expires-date {
      padding-left: 80px;
  }

  .company-detals .user-block .user-details .description a {
      font-size: 14px;
      display: flex;
      align-items: center;
  }

  .company-detals.member_memberdetails .graduation-content ul li {
      margin: 0 5px;
  }

  .company-detals.member_memberdetails .user-block-cover.member .card-box .scheduleNow {
      font-size: 10px;
  }

  .content-wrapper {
      height: 100%;
  }

  .company.member-page .card-top {
      display: block;
  }

  .company.member-page .card-top .btn-group-right a {
      margin-left: 0;
      margin-right: 10px;
      margin-top: 15px;
  }

  .company.member-page .card-top .input-group {
      width: 490px;
  }
}

@media (max-width:1199px) {
  .company-detals .expires-block-content .user-block-cover .description.expires-date {
      padding-left: 100px;
  }

  .card_bundal .card_bundal_content .card_call_right p {
      padding: 10px 0;
  }

  .happycourse .tab-content.my_bundle_content {
      margin-left: 0;
  }

  .happycourse.manage_course1 .new-lessons {
      margin-left: 0;
  }

  .Chapters-header {
      display: block;
  }

  .Chapters-header a {
      margin-left: 0;
      float: left;
      margin-top: 10px;
      margin-right: 10px;
  }

  .Chapters-header .process {
      margin-left: 5px;
      float: left;
      margin-top: 15px;
  }

  .company-detals.member_memberdetails .user-block-cover.member .card-box ul li {
      display: inline-block;
  }

  .company-detals.member_memberdetails .user-block-cover.member .card-box .scheduleNow {
      font-size: 12px;
  }

  .company-detals.member_memberdetails .graduation-content {
      padding-left: 10px;
  }

  .company-detals.member_memberdetails .graduation-cover .graduation-image {
      width: 55px;
      height: 55px;
  }

  .company-detals.member_memberdetails .graduation-cover .graduation-image img {
      width: 55px;
      height: 55px;
  }

  .company-detals.member-detail .graduation-cover .card-box-cover {
      padding: 20px 15px;
  }

  .company-detals .header-mt-30 {
      margin-top: 30px;
  }

  .happycourse .tab-content {
      margin-left: 0;
      margin-top: 20px;
  }

  .addnewUsers.happycourse.company-detals.manage_course1.manage_contentLibrary .tab-content {
      margin-left: 0;
      margin-top: 0;
  }

  .happycourse.manage_course1 .new-chapter {
      margin-left: 0px;
  }

  .trip-sales .vedio img {
      height: 350px;
  }

  .trip-sales .vedio {
      height: 350px;
  }
}

@media (max-width:992px) {
  .trip-sales .vedio img {
      height: 300px;
  }

  .trip-sales .vedio {
      height: 300px;
  }

  .card-list li {
      width: 33.3333%;
  }

  .libraryModalCenter .table-responsive {
      height: auto;
  }

  .manage_preview_content .content-header h1 {
      font-size: 20px;
  }

  .addnewUsers form {
      padding: 20px 15px;
  }

  .company_addnewmember .content .table-bordered .permission .form-group {
      width: 100%;
  }

  .happycourse .tab-content .user-block-cover.member .col {
      margin-bottom: 15px;
  }

  .login_inner .login_left {
      display: none;
  }

  .login_inner .form_right {
      width: 100%;
  }

  .login_inner {
      display: block;
  }

  .main-header {
      display: flex;
  }

  ul.navbar-nav.ml-auto {
      display: none;
  }

  button.pushmenu-icone {
      display: none;
  }

  .Chapters-header .process {
      width: 100%;
  }
}

@media (max-width:767px) {
  #bundle_listing_pagination {
      width: 100%;
      overflow-x: auto;
      padding: 0 15px;
  }
  .rightside-cardBox-bg .office-staff-box{
    padding-right: 20px;
  }

  .right-sidebar-modal .modal.right .modal-dialog {
    width: 95%;
  }

  .company-detals .user-block-cover.member-detalis-box .member-sign ul {
      display: block;
  }

  .company-detals .user-block-cover.member-detalis-box .member-sign ul li {
      margin: 0 40px;
  }

  .libraryModalCenter .modal-content {
      padding: 10px 15px;
  }

  .courses-chapter-content {
      width: auto;
      padding: 0 20px;
  }

  .p-right {
      padding-right: 12px !important;
  }

  .p-left {
      padding-left: 12px !important;
  }

  .manage_preview_content .content-header h1 {
      font-size: 16px;
  }

  .company .card-top .form-control {
      max-width:200px;
  }

  .company .card-top .input-group .form-group {
      width: 120px;
  }

  .company.member-page.meeting-page .card-top .input-group {
      width: 330px;
      display: flex;
  }

  .company.member-page.meeting-page .card-top .form-control {
      width: auto;
  }

  .achievements .modal.right .modal-dialog {
      width: 100%;
      max-width: 95% !important;
  }

  .table-responsive {
      height: auto;
  }

  .manage_vieoLibrary_upload .content-video {
      height: auto;
      padding: 18px 15px;
  }

  .content-video svg {
      width: 50px;
  }

  .manage_vieoLibrary_upload .content-video .content-bix {
      padding-left: 15px !important;
  }

  .manage_event_attendance .btn-toggle {
      bottom: 12px;
  }
}

@media (max-width:690px) {
  .company-detals .user-block .user-details .description a {
      font-size: 13px;
  }

  .company-detals .expires-block-content .user-block-cover .expires-block-cover {
      display: block;
  }

  .company-detals .user-block {
      float: none;
  }

  .company-detals .expires-block-content .member-sign {
      padding-bottom: 0;
      padding-top: 16px;
      border-top: 1px solid #E3E3E3;
      border-left: none;
      padding-left: 0;
      margin-top: 0;
  }

  .company-detals .member-sign p {
      padding-top: 10px;
  }

  .company-detals .expires-block-content .user-block-cover .description.expires-date {
      padding-left: 0;
  }

  .company-detals .user-block {
      padding-bottom: 15px;
  }
}

@media (max-width:575px) {
  .company-detals .expires-block-content .user-block-cover .expires-block-cover {
      display: block;
  }

  .trip-sales .vedio img {
      height: 200px;
  }

  .trip-sales .vedio {
      height: 200px;
  }

  .trip-sales .play-icone {
      width: 70px;
      height: 70px;
  }

  .searchinput {
      margin-bottom: 10px;
  }

  .card-list li {
      width: 50%;
  }

  .video-cover {
      display: block;
      padding: 12px 15px;
  }

  .video-cover .btn-gary {
      margin-top: 10px;
  }

  .libraryModalCenter .company.member-page .card-top {
      display: block;
  }

  .leftSac-accordion .card .card-header .btn-header-link span {
      right: 0;
  }

  .leftSac-accordion .card .card-header .btn-header-link {
      padding: 10px 0 10px 0px;
  }

  .company .manage_courseBundles .card-top .input-group {
      display: flex;
  }

  .company .manage_courseBundles .card-top .input-group .form-control {
      width: calc(100% - 50px);
  }

  .badge .cardbox.cardbox-mobile {
      height: auto;
  }

  .badge .cardbox .uploadbadge.uploadbadge-mobile {
      display: block;
      justify-content: left;
      text-align: left;
  }

  .badge .cardbox .uploadbadge.uploadbadge-mobile p {
      text-align: left;
      margin-bottom: 5px;
  }

  .badge .cardbox .uploadbadge.uploadbadge-mobile p span {
      display: block;
  }

  .badge .cardbox .uploadbadge.uploadbadge-mobile .btn-gary {
      padding: 6px 15px;
  }

  .Chapters-header a {
      margin-top: 0;
  }

  .Chapters-header .process {
      margin-top: 10px;
      margin-bottom: 10px
  }

  .company-detals .card-body-app.traning-cover {
      padding: 40px 20px;
  }

  .achievements .col {
      padding: 10px;
  }

  .member-happycourse .happycourse-card .nav-link {
      padding: 8px 8px 8px 40px
  }

  .member-happycourse .happycourse-card .nav-link:before {
      left: 10px;
  }

  .member-happycourse .happycourse-card .nav-link:after {
      left: 20px;
  }

  .member-happycourse .client-happy-call {
      display: block;
      padding: 20px;
  }

  .member-happycourse .client-happy-call .btn-download {
      margin-top: 15px;

  }

  .member-happycourse .continue {
      font-size: 16px !important;
      float: none;
      padding: 0 10px !important;
      margin: 20px 0 10px !important;
  }

  .company-detals.member-detail .graduation-cover .btn-box-cover {
      display: block;
  }

  .company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn {
      margin: 5px 0;
      padding: 7px 8px;
      height: auto;

  }

  .happycourse .tab-content {
      padding: 20px;
      margin-left: 0;
  }

  .company.member-page.meeting-page .card-top .input-group {
      margin-bottom: 0;
  }

  .company-detals .user-block-cover {
      display: block;
  }

  .company-detals .user-block {
      float: none;
  }

  .company-detals .member-sign {
      border-left: none;
      padding-left: 0;
      border-top: 1px solid #E3E3E3;
      padding-top: 16px;
      margin-top: 20px;
  }

  .company .card-top .form-control {
      width: 100%;
      margin-bottom: 15px;
  }

  .company .card-top .input-group-append {
      float: right;
  }

  .company .card-top .input-group .form-group {
      width: calc(100% - 50px);
      margin-left: 0;
      float: left;
  }

  .company .card-top .input-group {
      display: table;
      float: none;
      width: 100%;
  }

  .addnewUsers form {
      padding: 10px 10px;
  }

  .card-top {
      display: table;
  }

  .card-top .input-group {
      width: auto !important;
      margin-bottom: 10px;
  }

  .card-content {
      padding: 30px 30px;
  }

  .quoteday {
      display: block;
  }

  .quoteday a {
      width: 160px;
      text-align: center;
  }

  .quoteday p {
      margin-top: 10px;
      padding-left: 0;
  }

  .servic-text h1 {
      font-size: 22px;
      line-height: 25px;
  }

  .content-header h1 {
      margin-bottom: 10px !important;
  }

  .company-detals .user-block-cover.user-block-cover-text p {
      padding: 20px 10px;
  }

  .company-detals .user-block-cover.note .note-text p {
      padding-right: 0;
  }

  .company-detals .user-block-cover.note .note-text {
      display: block;
  }

  .company-detals .user-block-cover.member-detalis-box .user-block {
      width: 100%;
  }

  .company-detals .user-block-cover.member-detalis-box .member-sign {
      width: 100%;
  }

  .company-detals .user-block .user-details .username a {
      font-size: 20px;
  }

  .company-detals .header-top h5 {
      font-size: 12px;
      width: 120px;
  }

  .company-detals.member-detail .graduation-cover .graduation-image {
      width: 60px;
      height: 60px;
      display: block;
  }

  .company-detals.member-detail .graduation-cover .graduation-image img {
      width: 60px;
      height: 60px;
      max-width: inherit;
      display: block;
  }

  .company.member-page .card-top .input-group {
      width: 100%;
      display: inline-flex;
      float: none;
  }

  .member-page .card-top .btn-group-right {
      display: table;
      align-items: center;
      width: 100%;
  }

  .company.member-page .card-top .btn-group-right a {
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      display: block;
      margin-bottom: 15px;
  }

  .form-group-coursecard {
      display: block;
  }

  .addcourse {
      margin-top: 5px;
  }

  .happycourse .tab-content.my_bundle_content .my_bundle_card.my_bundle_card1 {
      padding: 20px 20px;
  }

  .form-group-happycourse .form-group-happycourse-title h1 {
      font-size: 16px;
      line-height: 20px;
      padding-left: 5px;
  }

  .happycourse .tab-content.my_bundle_content .my_bundle_card {
      padding: 20px 20px;
  }

  .form-group-coursecard h2 {
      font-size: 16px;
  }

  .my_bundle_card .course_empty .course_empty_text h2 {
      font-size: 20px;
      line-height: 20px;
  }

  svg.feather_icon {
      width: 50px;
  }

  .bundle_description {
      display: block;
  }

  .bundle_description .description-left {
      width: calc(100% - 0px);
  }

  .bundle_description .description-right {
      width: 100%;
      text-align: center;
      margin: 15px 0;
  }

  .bundle_description .description-right .btn-blue {
      margin-top: 20px;
  }

  .my_bundle_card .publish_card .publish_content h2 {
      font-size: 20px;
      line-height: 20px;
  }

  .my_bundle_card .publish_card .publish_content p {
      margin: 15px 0 20px;
  }

  .happycourse.manage_course1 .new-chapter {
      padding: 20px;
  }

  .new-chapter .footer-btn {
      display: block;
  }

  .new-chapter .footer-btn .btn-blue {
      margin-top: 0;
  }

  .new-chapter .footer-btn .btn-draft {
      width: 180px;
  }

  .happycourse.manage_course1 .leftSac-accordion .nav-link {
      height: auto;
  }

  .happycourse .leftSac-accordion .nav-link .content-bix p svg {
      width: auto;
  }

  .happycourse.manage_course1 .leftSac-accordion .content-video svg.feather_icon {
      width: auto;
  }

  .happycourse.manage_course1 .new-lessons {
      padding: 20px;
  }

  .happycourse.manage_course1 .new-lessons a .content-video svg {
      width: auto;
  }
}

@media (min-width: 576px) {
  .notes .modal-dialog {
      max-width: 640px !important;
  }

  .newbundalmMdal .modal-dialog {
      max-width: 640px !important;
  }
}

@media (max-width: 576px) {

  .scheduled-meeting .modal-dialog {
      max-width: 500px !important;
      margin: 1.75rem auto;
  }

  .scheduled-meeting .modal.right.fade .modal-dialog {
      right: -300px;
  }

  .scheduled-meeting .modal.right .modal-dialog {
      width: 95%;
  }

  .graduation-mdoal .modal.right.fade .modal-dialog {
      right: -300px;
  }

  .graduation-mdoal .modal.right .modal-dialog {
      width: 95%;
  }

  .course-modal .modal.right.fade .modal-dialog {
      right: -300px;
  }

  .course-modal .modal.right .modal-dialog {
      width: 95%;
  }

  .weekday {
      overflow-x: auto;
      padding-bottom: 20px;

  }

  .right-sidebar-modal.notes .modal.right .modal-dialog {
      width: 95%;
  }

  .download-content {
      display: block;
  }

  .happycourse.manage_course1 .cardbox {
      height: auto;
  }
}



@media (max-width:480px) {
  .card-list li {
      width: 100%;
  }

  .courses-box .courses-chapter-content a .btn-addlesson {
      width: 100%;
  }

  .courses-chapter-content {
      padding: 0 0;
  }

  .courses-box .courses-chapter-content h2 {
      font-size: 28px;
      line-height: 30px;
      padding: 30px 0 20px;
  }

  .courses-box .courses-chapter-content a {
      margin-top: 50px;
  }

  .courses-chapter-content svg {
      width: 50px;
  }

  .newbundalmMdal .modal-content {
      padding: 20px 25px 30px;
  }

  .newbundalmMdal .modal-title {
      line-height: 28px;
      font-size: 22px;
  }

  .card_bundal .card_bundal_content .card_call_right {
      width: 80px;
  }

  .card_bundal .card_bundal_content .card_call_right .playNow-btn {
      width: 80px;
  }

  .card_bundal {
      padding: 20px;
  }

  .card_bundal .card_bundal_content .card_call_left h2 {
      font-size: 12px;
      font-weight: 600;
  }

  .card_bundal .card_bundal_content .card_call_right p {
      padding: 10px 0 0;
  }

  .card_bundal .card_bundal_content .card_call_left {
      width: calc(100% - 80px);
      padding-right: 15px;
  }

  .cardbox .cardbox-content {
      display: block;
  }
  .cardbox.library-modal .cardbox-content {
    display: flex;
    position: relative;
}
.cardbox{
  padding: 10px 15px 10px;
}
  .footer-btn {
      display: block;
  }

  .footer-btn .btn-draft {
      margin-bottom: 10px;
  }

  .footer-btn .btn-blue {
      width: 180px !important;
  }

  .cardbox .cardbox-content .number {
      margin-left: 0;
      margin-top: 10px;
  }

  .company .card-top .input-group .calender-box li {
      display: block;
      margin: 15px 0px 0;
  }

  .company .card-top .input-group .calender-box li:first-child {
      margin-top: 0;
  }

  .happycourse .nav-link {
      padding: 18px 20px;
  }

  .company.member-page.meeting-page .card-top .input-group {
      width: auto;
      display: flex;
  }

  .member_memberdetails .attendance .btn-group {
      width: 80px !important;
  }

  .company.member-page.meeting-page .card-top .form-control {
      width: 1%;
  }

  .company-detals.member-detail .graduation-cover .card-box {
      display: block;
  }

  .company-detals.member-detail .graduation-content {
      padding-left: 0;
      width: 100%;
      display: flow-root;
      margin-top: 10px;
  }
  .company-detals.member-detail .graduation-content h5{
    padding-right: 30px;
    word-break: break-all;
  }

  .company-detals.member-detail .graduation-content ul li {
      margin: 0 5px;
  }

  .addnewUsers .btn-blue {
      width: 100%;
  }

  .company-detals .user-block {
      display: block;
  }

  .company-detals .user-block img {
      float: none;
      width: 70px;
      height: 70px;
  }

  .company-detals .user-block .user-details .username,
  .company-detals .user-block .user-details .description {
      margin-left: 0;
  }

  .company-detals .user-block .user-details {
      margin-top: 10px;
  }

  .company-detals .user-block .user-details .description a,
  .company-detals .user-block .user-details .description a .fas.fa-envelope {
      font-size: 13px;
  }

  .company-detals .user-block .user-details .description a .fas.fa-phone-alt {
      font-size: 12px;
  }

  .company-detals .header-top.header-top-mobile-view {
      display: block;
  }

  .company-detals .header-top.header-top-mobile-view .btn-group {
      padding-top: 10px;
  }

  .company-detals .header-top.header-top-mobile-view .btn-group .btn.add-btn {
      text-align: left;
      display: block;
  }

  .company-detals .header-top.header-top-mobile-view .btn-group .btn {
      text-align: right;

  }

  .company_addnewmember .content .btn-blue {
      width: 230px;
  }

  .happycourse .tab-content {
      margin-top: 30px;
  }

  .happycourse.manage_course1 .btn-group-bottom {
      display: block;
      align-items: flex-start;
  }

  .manage_course1 .accordion .cardbox svg.down-icon {
      text-align: right;
      float: none;
      margin-top: 0;
      position: absolute;
      right: 0;
      top: 15px;
  }

  .manage_course1 .accordion .cardbox .card-header .btn.collapsible-link span {
      display: block;
  }

  .happycourse.manage_course1 .btn-addlesson {
      margin-left: 0;
      margin-top: 10px;
  }

  .completion_box .cardbox {
      padding: 5px 20px 5px;
  }

  .completion_box .cardbox .cardbox-content .number {
      margin-top: 5px;
  }
}

@media (max-width:400px) {
  .trip-sales .sales-btn {
      display: block;
  }

  .trip-sales .sales-btn a {
      width: 220px;
      margin-right: 0;
      margin-bottom: 15px;
  }

  .trip-sales h2 {
      font-size: 20px;
      line-height: 30px;
  }

  .trip-sales.sales-tips p {
      padding-top: 10px;
  }

  .badge .cardbox .filename ul {
      float: left;
      margin-top: 0;
  }

  .badge .cardbox .filename ul li:first-child {
      margin-left: 0;
  }

  .badge .cardbox .filename p {
      float: none;
      text-align: left;
  }

  .addnewUsers form {
      padding: 10px 0px;
  }

  .video-library-box {
      display: block;
  }

  .video-library-box .video-content {
      padding-left: 0;
      padding-top: 8px;
  }

  .video-library-box svg.video-img {
      width: 80px;
      height: 46px;
  }
}

@media (max-width:375px) {
  .company-detals .member-sign .member-sign-btn {
      white-space: nowrap;
  }

  .form-group-happycourse .form-group-happycourse-title h1 {
      font-size: 12px;
      line-height: 14px;
      padding-left: 5px;
      padding-right: 0;
  }

  .course .card-box .playbox span {
      margin-top: 15px;
  }

  .course .card-box .playbox {
      display: block;

  }

  .company-detals.member-detail .graduation-content ul li .arro-icon {
      display: none;
  }

  .company-detals.member-detail .graduation-content ul li {
      margin: 0px 0;
      float: none;
  }

  .company-detals.member-detail .graduation-content ul li:first-child {
      margin-left: 0;
      margin-bottom: 10px;
  }
}

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-confirm {
  padding: 10px 30px 10px 30px;
  font-family: 'GothamMedium';
}

.swal2-close {
  color: rgba(0, 0, 0, .3);
}

.swal2-close:focus {
  outline: 0;
  box-shadow: none;
}

.swal2-content {
  color: #938e8e;
  font-family: 'GothamBookFont';
  line-height: inherit;
  padding: 1rem;
}

.swal2-title {
  font-family: 'GothamMedium';
  font-weight: 400;
}

.swal2-icon.swal2-error {
  border-color: #ff4d4d;
  color: #ff4d4d;
}

.swal2-icon.swal2-error [class^="swal2-x-mark-line"],
.swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
  background-color: #ff4d4d;
}

.swal2-popup {
  padding: 20px 0 30px 0;
}

.swal2-icon-success .swal2-styled.swal2-confirm,
.swal2-icon-success .swal2-styled.swal2-confirm:hover,
.swal2-icon-success .swal2-styled.swal2-confirm:active,
.swal2-icon-success .swal2-styled.swal2-confirm:focus {
  background-color: var(--button-bg-color);
  padding: 13px 40px 10px 40px;
  border-color: var(--button-bg-color);
}

.common_breadcrumb_right_side {
  padding-right: 15px;
}

@media (max-width:650px) {
  li.breadcrumb-item.back-item {
      padding-right: 10px;
  }
}

@media (max-width:500px) {
  li.breadcrumb-item.back-item {
      padding-right: 0px;
  }
}

@media (max-width:420px) {
  .common_breadcrumb_right_side {
      padding-right: 0;
  }
}

@media (max-width:800px) {
  .card-top.card-top-cover {
      display: block;
  }

  .card-top.card-top-cover .input-group {
      margin-bottom: 15px;
  }

}

@media (max-width:575px) {
  .content-header h1{
    font-size: 24px;
  }
  .top-header-content h2{
    font-size: 20px;
  }
  .col-content h2{
     font-size: 20px;
  }
  .col-content h4{
    font-size: 16px;
  }
  .estimates-create .company-settings .add-user{
    font-size: 20px;
  }
  .custom-business-text h3{
    font-size: 22px;
  }
  .repairOptions-modal .modal-title{
    font-size: 26px;
  }
  .company .card-top.card-top-cover .input-group .form-group {
      width: calc(100% - 102px);
      margin-left: 0;
      float: left;
  }

  .company .card-top.card-top-cover .input-group-append {
      float: left;
  }

  .company .card-top.card-top-cover .input-group-clear {
      float: left;
  }
}

@media (max-width:990px) {
  .manage_contentLibrary .files_count {
      margin-top: 15px;
  }
}

@media (max-width:1599px) {
  .card-top.card-top-contentlibrary {
      display: block;
  }
  .card-top.card-top-contentlibrary #search_text{
    max-width: 300px;
  }
  .card-top.card-top-contentlibrary .btn-group-right {
      margin-top: 15px;
  }

  .card-top.card-top-contentlibrary .btn-group-right a:first-child {
      margin-left: 0;
  }
}

@media (max-width:1280px) {
  .card-top.card-top-contentlibrary .btn-group-right {
      margin-top: 0;
  }

  .card-top.card-top-contentlibrary .type_search_container {
      margin-top: 15px;
      margin-left: 0 !important;
  }

  .company.member-page .card-top .input-group {
      width: 540px !important;
  }

  .card-top.card-top-contentlibrary .input-group-append {
      margin-top: 15px;
  }

  .card-top.card-top-contentlibrary #reset_btn {
      margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .download_icon{
    margin-top: 10px;
    margin-left: 0;
  }
  .card-top.card-top-contentlibrary .type_search_container {
      margin-top: 0;
      margin-left: 15px !important;
  }

  .card-top.card-top-contentlibrary .input-group-append {
      margin-top: 0;
  }

  .card-top.card-top-contentlibrary #reset_btn {
      margin-top: 0;
  }

  .company.member-page .card-top .input-group {
      width: 490px !important;
  }

  .dashboardPage-content .card .card-top-header {
      overflow-x: auto;
      padding-bottom: 15px;

  }
  .card-top-header.card-top-header-leaderboard-ranking {
    display: block;
}
  .dashboardPage-content .card .card-top-header .content-btn-group {
      margin-left: 10px;
      overflow-x: auto;
    margin: 5px 0 0px;
    padding-bottom: 5px;
  }
  .dashboardPage-content .card .card-top-header.card-top-header-leaderboard-ranking .content-btn-group{
    display: -webkit-box !important;
  }
  .dashboardPage-content hr {
      margin-top: 0;
  }

  .event-box-left label {
      font-size: 14px;
  }
}

@media (max-width: 575px) {
  .main_attendance #attendance_date {
      margin-top: 15px;
  }

  .coaching_plan_div {
      margin-top: 15px;
  }

  .type_search_container {
      margin-top: 15px !important;
  }

  .company .card-top .input-group .form-group {
      margin-left: 0 !important;
      /* margin-top: 15px; */
  }

  .card-top.card-top-contentlibrary .input-group-append {
      margin-top: 15px;
  }

  .card-top.card-top-contentlibrary #reset_btn {
      margin-top: 15px;
  }

  .company .card-top.card-top-contentlibrary .form-group.coaching_plan_div {
      width: 100% !important;
  }

  .member-page .card-top .btn-group-right {
      display: flex;
      align-items: center;
      overflow-x: auto;
  }

  .member-page .card-top .btn-group-right a:first-child {
      margin-left: 0 !important;
  }

  .member-page .card-top .btn-group-right a:last-child {
      margin-left: 10px;
  }


  .company.member-page .card-top .input-group {
      width: 100% !important;
      display: inline-flex;
  }

  .company .card-top .input-group .form-group {
      width: calc(100% - 101px) !important;
      margin-left: 0;
      float: left;
  }

  .company .card-top .input-group-append {
      float: none;
  }

  .company .card-top .input-group-clear {
      float: left;
  }
}

pre {
  white-space: pre-wrap;
}

table.dataTable>tbody>tr.child ul.dtr-details {
  width: 100%;
}

.attnd_card_box {
  margin-top: 0px !important;
}

@media(max-width:1300px) {
  .new_chapter_container .btn-blue {
      width: 130px !important;
  }
}

@media(max-width:616px) {
  .new_chapter_container .footer-btn .delete_chapter {
      margin-bottom: 15px;
  }
}

#table_id_ellipsis.page-item.disabled .page-link {
  font-size: initial !important;
  background: unset !important;
}

.event-box-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F7F8FA;
  padding: 9px 20px;
  border-radius: 5px;
  margin-top: 5px;
}

.event-box-item:first-child {
  margin-top: 4px;
}

.event-box-left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.event-box-left label {
  font-size: 16px;
  font-family: 'GothamBookFont';
  line-height: 19px;
  margin-bottom: 5px;
  color: var(--main-color);
  font-weight: normal !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.event-box-left p {
  font-size: 12px;
  font-family: 'GothamBookFont';
  line-height: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
  color: var(--main-light-color);
}

.event-box-right {
  border-left: 1px solid #D4D4D4;
  padding-left: 12px;
}

.event-box-right span {
  font-size: 22px;
  font-family: 'GothamMedium';
  line-height: 26px;
  margin-bottom: 0;
  color: var(--main-color);
  margin-bottom: 5px;
}

.event-box-right p {
  font-size: 12px;
  font-family: 'GothamBookFont';
  line-height: 15px;
  margin-bottom: 0;
  padding-bottom: 0;
  color: var(--main-light-color);
}

@media(max-width:500px) {
  .graduations-type.graduations-type-1 {
      height: auto;
  }

  .dashboardPage-content .card-top-header.card-top-header-display-block {
      display: block;
  }

  .dropdown-btn-group-right {
      margin-top: 15px;
  }

  #myAttendeesChart {
      height: auto !important;
  }

  #myMeetingChart {
      height: auto !important;
  }
}



/*=============
28-02-2023 start
===============  */

.product-box-btn-cover {
  display: flex;
  align-items: center;
  justify-content: left;
}

.product-box-btn-cover a {
  display: block;
  letter-spacing: 0px;
  font-size: 14px;
  color: var(--main-light-color);
  border-radius: 5px;
  border: 1px solid #E3E3E3;
  background: var(--white-color);
  padding: 2px 10px;
}

.product-box-btn-cover label {
  margin-bottom: 0;
  font-size: 14px;
  margin-left: 10px;
  color: #02A60D;
  font-weight: normal !important;
}

.form-group-bdr {
  width: 100%;
  display: block;
}

.btn-group-cover {
  border: 1px solid #E3E3E3 !important;
  padding: 10px 10px 10px 10px;
  height: 60px;
  border-radius: 5px;
  width: 200px;
}

.btn-group-cover.btn-group-cover-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 10px 5px 20px;
  margin-bottom: 10px;
}

.btn-group-cover.btn-group-cover-product h5 {
  font-size: 16px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
}

.btn-group-cover .btn-toggle {
  background: #02A60D;
  padding: 5px;
  border-radius: 3px;

}

.btn-group-cover.btn-group-cover-product .btn-toggle .btn {
  width: 85px;
}

.btn-group-cover .btn-toggle .btn {
  border: none;
  border-radius: 3px !important;
  font-size: 12px;
  font-family: 'GothamMedium';
  padding: 4px;
}

.btn-group-cover .btn-toggle .btn-success {
  background: #02A60D;
  color: #F7F8FA;
  opacity: 0.5;
}

.btn-group-cover .btn-toggle .active.btn-danger {
  background: #fff;
  color: #02A60D;

}


.btn-group-cover .btn-toggle-green .btn-success {
  background: #fff;
  color: #02A60D;
  opacity: 0.5;
}

.btn-group-cover .btn-toggle-green .active.btn-danger {
  background: #02A60D;
  color: rgba(255, 255, 255, 0.5);
}

.btn-group-cover .btn-success:not(:disabled):not(.disabled).active,
.btn-group-cover .btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
  background: #02A60D;
  border-color: #02A60D;
}

.btn-group-cover .btn-group>.btn-group:not(:first-child),
.btn-group-cover .btn-group>.btn:not(:first-child) {
  margin-left: 0;
}

.addonLable.addonLablemt20 {
  margin-top: 10px;
}

.addonLable {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: #F7F8FA;
  height: 60px;
  padding: 5px 20px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.addonLable p {
  font-size: 16px;
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.addonLable p+p {
  padding-left: 20px;
  white-space: inherit;
  text-overflow: inherit;
  overflow: visible;
}

.rediobtn-group-box {
  display: flex;
  align-items: center;
  justify-content: left;

  border-radius: 5px;
  background: #F7F8FA;
  height: 80px;
  padding: 5px 20px 5px;
}

.rediobtnbox {
  margin-right: 50px;
}

.rediobtnbox .radio-input {
  visibility: hidden;
  display: none;
}

.rediobtnbox .radio-label {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  font-weight: normal !important;
  margin-bottom: 0;
  white-space: nowrap;


}

.rediobtnbox .radio-label::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 4px;
  top: 6px;
  border-radius: 50%;
}

.rediobtnbox .radio-border {
  width: 20px;
  height: 20px;
  display: inline-block;
  outline: solid 1px #ACACAC;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 2px;
}

.rediobtnbox .radio-input:checked+.radio-label::after {
  transition: all 0.5s;
  background-color: #009BDE;
}

.product-account {
  background: #F1FBFF;
  border-radius: 5px;
  padding: 15px 15px;
  margin: 10px 0 35px;
}

.product-account table {
  width: 100%;
}

.product-account table tr td {
  font-size: 16px;
  text-align: left;
  color: var(--text-color);
  padding: 5px;
  font-family: 'GothamBookFont';
}

.product-account table tr td+td {
  text-align: right;
}

.product-account table tr th {
  font-size: 14px;
  text-align: left;
  color: var(--text-color);
  font-family: 'GothamMedium';
  padding: 5px;
}

.product-account table .total-amount {
  border-top: 1px solid #E3E3E3;
}

.product-account table .total-amount td {
  font-size: 20px;
  color: #009BDE;
  padding-top: 10px;
  white-space: nowrap;

}

.total-product-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F7F8FA;
  border-radius: 5px;
  padding: 15px 20px;

}

.total-product-amount p {
  font-size: 20px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  line-height: 24px;
}

.total-product-amount span {
  font-size: 20px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  padding-left: 20px;
}

.total-product-amount.final-total-amount {
  background: #F1FBFF;
  margin-top: 10px;
}

.total-product-amount.final-total-amount p {
  color: #009BDE;
  line-height: 24px;
}

.total-product-amount.final-total-amount span {
  color: #009BDE;
  padding-left: 20px;
  line-height: 24px;
}

.form-group.form-group-flax {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
}

.form-group.form-group-flax .form-floating {
  width: calc(100% - 140px);
}

.form-group.form-group-flax .input-group {
  width: calc(100% - 140px);
}

.form-group.form-group-flax .renew-plan {
  font-size: 16px;
  color: var(--text-color);
  text-align: center;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: #F7F8FA;
  padding: 5px 10px;
  margin-left: 20px;
}

.form-floating-tab {
  display: none;
}

.form-floating-tab.on {
  display: block;
}

.form-floating-row.form-floating-tab.on {
  display: flex;
}

@media(max-width:575px) {
  .product-account table .total-amount td {
      font-size: 16px;
  }

  .rediobtn-group-box {
      display: block;
      height: auto;
  }

  .rediobtnbox .radio-label {
      font-size: 14px;
  }

  .rediobtnbox {
      margin-right: 0;
      margin: 5px 0;
  }

  .addonLable p {
      font-size: 14px;
  }
}

@media(max-width:475px) {
  .btn-group-cover.btn-group-cover-product {
      display: block;
      height: auto;
      padding: 10px 20px 10px 20px;
  }

  .btn-group-cover.btn-group-cover-product h5 {
      margin-bottom: 5px;
  }

  .form-group.form-group-flax {
      display: block;
  }

  .form-group.form-group-flax .renew-plan {
      margin-left: 0;
      margin-top: 10px;
  }

  .form-group.form-group-flax .form-floating {
      width: calc(100% - 0px);
  }

  .form-group.form-group-flax .input-group {
      width: calc(100% - 0px);
  }
}

/*=============
28-02-2023 end
===============  */

/*=============
01-03-2023 start
===============  */
.addnewUsers .btn-blue.btn-width {
  width: 100%;
}

.addcategory-plan {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: #F7F8FA;
  padding: 6px 16px 7px;
  margin-bottom: 10px;
}

.addcategory-plan h6 {
  font-size: 14px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  text-transform: capitalize;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.adminUser.question .table thead th {
  vertical-align: middle;
  font-size: 12px;
  color: var(--main-color);
}

.adminUser.question .table tbody td p {
  font-size: 14px;
  color: var(--main-color);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.adminUser.question table.dataTable>thead .sorting:before,
.adminUser.question table.dataTable>thead .sorting:after {
  bottom: 1.8em;
}

.addquestion .form-control.form-control-opacity {
  color: rgba(46, 41, 38, 0.3) !important;
}

.addquestion .form-floating.fix-floating-label textarea {
  height: 140px;
  color: rgba(46, 41, 38, 0.3) !important;
  padding: 25px 20px 5px !important;
}

/*=============
01-03-2023 end
===============  */


/*=============
03-03-2023 end
===============  */
.mainsteper {
  width: 100%;
  display: block;
}

.mainsteper .stepwizard-row.setup-panel {
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 0 0 30px;
}

.mainsteper .stepwizard-step {
  margin: 0 39px;
}

.mainsteper .stepwizard-step:first-child {
  margin-left: 0;
}

.mainsteper .stepwizard-step:last-child {
  margin-right: 0;
}

.mainsteper .stepwizard-step a {
  display: flex;
  align-items: center;
  justify-content: left;
  border: none;
  outline: none;
  padding: 0;
  white-space: nowrap;
}

.mainsteper .stepwizard-step a .redius-item {
  font-size: 18px;
  font-family: 'GothamBookFont';
  background: #E3E3E3;
  border: 1px solid #ACACAC;
  width: 30px;
  height: 30px;
  color: var(--text-color);
  text-align: center;
  border-radius: 50px;
  line-height: 30px;
}

.mainsteper .stepwizard-step a p {
  font-size: 18px;
  font-family: 'GothamBookFont';
  color: var(--main-light-color);
  text-transform: capitalize;
  padding-left: 10px;
}

.mainsteper .stepwizard-step a.step-btn-redius .redius-item {
  background: #009BDE;
  color: var(--white-color);
  border-color: #009BDE;
}

.mainsteper .stepwizard-step a.step-btn-redius p {
  color: #009BDE;
}

.mainsteper .stepwizard-step a.btn-disabled p {
  opacity: .65;
  color: #009BDE;
}

.mainsteper .stepwizard-step a.btn-disabled .redius-item {
  opacity: .65;
  background: #009BDE;
  color: var(--white-color);
  border-color: #009BDE;
}

.mainsteper .stepwizard-step a.step-btn-redius.btn-disabled p {
  opacity: 1;
}

.mainsteper .stepwizard-step a.step-btn-redius.btn-disabled .redius-item {
  opacity: 1;
}

@media(max-width:767px) {
  .mainsteper .stepwizard-step {
      margin: 0 20px;
  }
}

@media(max-width:575px) {
  .setup-content .btn-blue {
      height: 50px;
      font-size: 16px;
  }

  .mainsteper .stepwizard-row.setup-panel {
      display: block;
  }

  .mainsteper .stepwizard-step {
      margin: 20px 0;
  }

  .mainsteper .stepwizard-step:first-child {
      margin-top: 0;
  }

  .mainsteper .stepwizard-step:last-child {
      margin-bottom: 0;
  }
}

/*=============
03-03-2023 end
===============  */



/*=============
09-03-2023 css start
===============  */
.addNewCompany .content .table-responsive.table-responsive-promocode #apply-promocode {
  border: 1px solid #dee2e6 !important;
}

.addNewCompany .content .table-responsive.table-responsive-promocode #apply-promocode .input-group .form-control {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  height: 40px !important;
  width: 100%;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
  padding: 8px 15px 10px !important;
}

.addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered td,
.addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered th {
  padding: 0.75rem 0.5rem;
  border-left: none;
  border-right: none;
}

.addNewCompany .content .table-responsive.table-responsive-promocode .table td:first-child,
.addNewCompany .content .table-responsive.table-responsive-promocode .table th:first-child {
  padding-left: 1rem;
}

.addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered .permission {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered .permission i {
  padding: 0 10px 0 50px;
  color: #909090;
  width: 75px;
  font-size: 16px;
}

.addNewCompany .content .table-responsive.table-responsive-promocode .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: transparent !important;
}

/*    .table-responsive.table-responsive-promocode{
    max-height: 200px;
    overflow-y: auto;
  }  */
.multi-field-wrapper .form-control.datetimepicker-input {
  padding: 5px 20px 5px !important;
}

.libraryModalCenter .company.member-page .card-top .input-group {
  width: 250px !important;
}

.libraryModalCenter .company.member-page .card-top .btn-group-right {
  margin-left: 10px;
}

.top-header-title.top-header-title-addproduct h1 {
  opacity: 0.3;
  color: var(--main-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media(max-width:767px) {
  .bottom #table_id_paginate.paging_simple_numbers {
      overflow-x: auto;
  }

  .addNewCompany .content .table-responsive.table-responsive-promocode #apply-promocode .input-group {
      width: 100px;
  }

  .table-responsive.table-responsive-promocode {

      max-height: 100%;
      padding-bottom: 10px;

  }
}

@media(max-width:480px) {
  .company.member-page .card-top .btn-group-right a .btn {
      padding: 0 12px;
      font-size: 14px;
  }

  .company-detals .user-block-cover.note .note-text span {
      line-height: 16px;
      display: block;
      margin-top: 5px;
  }
}

/*=============
09-03-2023 css end
===============  */



/*=============
13-03-2023 css start
===============  */

.true-grit-box {
  width: 100%;
  display: block;
}

.true-grit-box label {
  font-size: 16px;
  line-height: 19px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  font-weight: normal !important;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inherit;
}

.true-grit-box .qty-cover {
  display: flex;
  align-items: center;
  justify-content: left;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  width: 106px;
  text-align: center;
}

.true-grit-box .qty-cover label {
  font-size: 14px;
  line-height: 16px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  font-weight: normal !important;
  margin-bottom: 0;
  background: #F7F8FA;
  min-width: 46px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.product-cardBox-bg {
  border-radius: 5px;
  background: #F7F8FA;
  padding: 25px 20px;
  margin-bottom: 2px;
}

.product-account table tr td.price-text {
  color: #02A60D;
}

.btn-group-cover.btn-group-cover-product.quantity-product-cover {
  border: none !important;
  padding: 0;
  margin-bottom: 30px;
}

.btn-group-cover.btn-group-cover-product.quantity-product-cover h5 {
  opacity: 0.3;
  color: var(--main-color) !important;
  font-size: 28px;
  font-family: 'GothamMedium';
}

.true-grit-box .qty-cover .qty-box {
  display: flex;
  align-items: center;
  justify-content: left;
  border-left: 1px solid #E3E3E3;
  height: 35px;
  min-width: calc(100% - 46px);
  padding: 0 10px;
  background: #fff;
  border-radius: 0 5px 5px 0;
}

.true-grit-box .qty-cover .qty-box p {
  font-size: 14px;
  line-height: 16px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
  opacity: 0.5;
}

.product-price-lable {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  width: 255px;
  margin-left: auto;
}

.product-price-lable label {
  font-size: 14px;
  line-height: 16px;
  color: var(--text-gray);
  font-family: 'GothamBookFont';
  font-weight: normal !important;
  margin-bottom: 0;
}

.product-price-lable span {
  font-size: 14px;
  line-height: 16px;
  color: var(--text-gray);
  font-family: 'GothamBookFont';
  padding-left: 5px;
}

.product-price-lable.product-list-lable {
  background: #F7F8FA;
  border-radius: 5px;
  opacity: 1;
  padding: 2px;
  margin-top: 10px;
}

.product-price-lable.product-list-lable label {
  line-height: 26px;
}

.product-price-lable.product-list-lable span {
  line-height: 26px;
}

.true-grit-box .qty-cover .qty-box .qty-number {
  border: none;
  font-size: 14px;
  line-height: 16px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
  opacity: 0.5;
  width: 100%;
}

.product-list .true-grit-box .qty-cover .qty-box {
  border-radius: 0 5px 5px 0;
}

.qty-cover-box-item {
  display: flex;
  align-items: center;
  justify-content: left;
}

.coupon-code-cover {
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: #fff;
  height: 38px;
  padding: 0 10px;
  margin-left: 10px;
  width: 160px;
}

.coupon-code-cover .coupon-code-input {
  font-size: 14px;
  line-height: 16px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  border: none;
  display: none;
  width: 100%;
  height: 35px;
}

.successfully-text {
  font-size: 10px;
  line-height: 12px;
  color: #02A60D;
  font-family: 'GothamBookFont';
  margin-top: 20px;
}

.coupon-code-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
}

.coupon-code-edit p {
  font-size: 14px;
  line-height: 16px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
}

.coupon-code-edit .coopanCoad {
  color: var(--main-color);
  font-size: 14px;
  line-height: 16px;
  font-family: 'GothamBookFont';
  border: none;
  width: 100%;
}

.coupon-code-edit .apply-edit,
.coupon-code-edit .edit_applied_promo_code {
  color: #009BDE;
  font-size: 12px;
  font-family: 'GothamMedium';
  margin-top: 0;
  cursor: pointer;
}



.company-detals .right-sidebar-modal.user-block-cover.note {
  min-height: auto;
  border: none;
}

.cardBox-bg {
  background: #F7F8FA;
  border-radius: 5px;
  padding: 25px 30px 25px;
  margin-bottom: 30px;
  width: 100%;
}

.top-header-title.top-header-title-addproduct.existing {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.history {
  font-size: 16px;
  color: var(--text-gray);
  text-transform: capitalize;
  font-family: 'GothamBookFont';
}

.history:hover {
  color: var(--text-gray);
}

.office-staff-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #E1E5EC;
  border-radius: 5px 5px 0px 0px;
  padding: 8px 20px 7px;
  height: 30px;
}

.office-staff-head p {
  font-size: 14px;
  color: var(--text-color);
  text-transform: capitalize;
  font-family: 'GothamMedium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.office-staff-head .expired-box {
  display: flex;
  align-items: center;
  justify-content: left;
}

.office-staff-head .expired-box .expired {
  font-family: 'GothamBookFont';
  font-size: 10px;
  color: #FF0000;
  letter-spacing: 0px;
  background: #FFD2D2;
  line-height: 12px;
  text-align: center;
  padding: 4px;
  margin-left: 15px;
  position: relative;
  top: -1px;
  border-radius: 5px;
}

.office-staff-head .expired-box .addon {
  font-family: 'GothamBookFont';
  font-size: 10px;
  color: #747478;
  letter-spacing: 0px;
  background: #ffffff;
  line-height: 12px;
  text-align: center;
  padding: 4px;
  margin-left: 5px;
  position: relative;
  top: -1px;
  border-radius: 5px;
}

.office-staff-head .expired {
  font-family: 'GothamBookFont';
  font-size: 10px;
  color: #FF0000;
  letter-spacing: 0px;
  background: #FFD2D2;
  line-height: 12px;
  text-align: center;
  padding: 4px;
  margin-left: 15px;
  position: relative;
  top: -1px;
  border-radius: 5px;
}

.office-staff-head .addon {
  font-family: 'GothamBookFont';
  font-size: 10px;
  color: #747478;
  letter-spacing: 0px;
  background: #ffffff;
  line-height: 12px;
  text-align: center;
  padding: 4px;
  margin-left: 5px;
  position: relative;
  top: -1px;
  border-radius: 5px;
}

.buy-again {
  margin-top: -2px;
  padding-left: 20px;
}

.buy-again .available {
  color: #009BDE;
  font-size: 14px;
  font-family: 'GothamBookFont';
  white-space: nowrap;
}

.buy-again .completed {
  display: none;
  color: var(--text-gray);
  font-size: 14px;
  font-family: 'GothamBookFont';
}

.office-staff-box {
  background: #fff;
  padding: 18px 20px;
  margin-bottom: 10px;
}

.office-staff-content {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}

.office-staff-content sup {
  font-size: 12px;
  color: var(--text-color);
  font-family: 'GothamBookFont';
  display: block;
  position: inherit;
  line-height: normal;
}

.office-staff-content label {
  font-size: 16px;
  color: var(--main-color);
  font-family: 'GothamBookFont';
  margin-bottom: 0;
  margin-top: 3px;
  font-weight: normal !important;
}

/* .office-staff-content.office-staff-borTop{
border-top: 1px solid #E3E3E3;
margin-top:2px;
padding-top:16px;
margin-bottom: 0;
} */

.office-staff-content-cover {
  border-top: 1px solid #E3E3E3;
  margin-top: 2px;
  padding-top: 16px;
  margin-bottom: 0;
}

.cardBox-bg .total-product-amount.final-total-amount {
  background: transparent;
  border-top: 1px solid #D8D8D8;
  border-radius: 0;
  margin-top: 40px;
  padding: 30px 0 25px;
}

.cardBox-bg .total-product-amount.final-total-amount p {
  color: #009BDE;
  line-height: 26px;
  font-size: 22px;
}

.total-product-amount.final-total-amount span {
  color: #009BDE;
  padding-left: 20px;
  line-height: 26px;
  font-size: 22px;
}

.cardBox-bg .product-discount {
  background: #fff;
}

.title-product-list h2 {
  opacity: 0.3;
  color: var(--main-color);
  font-size: 22px;
  text-transform: capitalize;
  font-family: 'GothamMedium';
  margin-bottom: 20px;
  margin-top: 30px;
}

.title-product-list h3 {

  color: var(--text-color);
  font-size: 16px;
  text-transform: capitalize;
  font-family: 'GothamBookFont';
  margin-bottom: 10px;
  margin-top: 0px;
}

.office-staff-head.head-product-list {
  padding: 8px 20px 9px;
}

.office-staff-head.head-product-list p {
  font-family: 'GothamBookFont';
}

.product-list {
  background: #fff;
  padding: 15px 20px 15px;
}

/* .coaching-text p{
font-size:20px;
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
} */

.coaching-amount {
  display: flex;
  align-items: center;
  justify-content: right;
  width: 244px;
  margin-left: auto;
}

.office-staff-head.head-product-list.mt-30 {
  margin-top: 30px;
}

.coaching-amount .delete_icone {
  padding: 10px 14px 10px;
  height: 60px;
  border: solid 1px #E3E3E3;
  border-radius: 5px;
  font-size: 16px;
  color: var(--main-color) !important;
  outline: none;
  font-family: 'GothamBookFont' !important;
  box-shadow: none;
  display: flex;
  font-weight: 400;
  align-items: center;
  background-color: #fff;
  margin-left: 10px;
  cursor: pointer;
}

.coaching-amount .delete_icone .fa-trash {
  color: var(--text-gray);
}

.coaching-amount .delete_icone .fa-plus {
  color: var(--text-gray);
}

.coaching-amount .form-floating {
  width: 100%;
}

.form-floating.floating-lable.mb-3.payment-floating-lable {
  background: #fff;

}

.finaltotalamount {
  background: transparent;
  border-radius: 0px;
  padding: 0px;
  margin-top: 25px;
  margin-bottom: 0px;
}

.finaltotalamount .addonLable {
  background: transparent;
  border: none;
  height: auto;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
}

.finaltotalamount .addonLable p {
  line-height: 30px;
  font-size: 18px;
}

.finaltotalamount .addonLable .discount-price {
  color: #02A60D;
}

.finaltotalamount .total-product-amount.final-total-amount {
  border-top: none;
  margin-top: 10px;
  background: transparent;
  padding: 0 0 16px;
}

.finaltotalamount .total-product-amount.final-total-amount p {
  font-size: 22px;
}

.finaltotalamount .total-product-amount.final-total-amount span {
  font-size: 22px;
}

.product-discount {
  background: #F7F8FA;
  border-radius: 5px;
  padding: 20px 20px 4px;
  margin-bottom: 10px;
}

.top-header-title.top-header-title-addproduct.coupon-code {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-header-title.top-header-title-addproduct.coupon-code .btn-group-cover {
  width: 135px;
  border: none;
  height: auto;
  padding: 0;
  border-radius: 0px;
}

.coupon-code .form-floating {
  width: calc(100% - 150px);
}

.coupon-code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
  height: auto !important;
}

.coupon-code .form-control.form-control-apply {
  border: none;
}

.coupon-code .apply {
  width: 150px;
  text-align: right;
  padding-right: 20px;
  color: #009BDE;
  font-family: 'GothamMedium';
  font-size: 18px;
  display: none;
}

.coupon-code .applied {
  width: 150px;
  text-align: right;
  padding-right: 20px;
  color: #02A60D;
  font-family: 'GothamMedium';
  font-size: 18px;
  opacity: 0.5;
}

.thanks-text {
  width: 100%;
  display: block;
}

.thanks-text p {
  font-size: 16px;
  color: var(--main-color);
  text-align: left;
  font-family: 'GothamBookFont';
  line-height: 26px;
}

.form-floating.floating-lable.choose-event-floating-lable {
  margin: 10px 0 10px;
}

.top-header-title.top-header-title-addproduct.existing .add-btn {
  color: var(--button-bg-color);
  text-transform: uppercase;
  font-size: 20px;
  line-height: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  font-family: 'GothamMedium';
  background: transparent;
  height: auto;
}

.commission .modal-content {
  border-radius: 0;
}

.commission .modal-body .btn-blue {
  width: 100%;
  margin-top: 20px !important;
}

.commission .modal-header {
  padding: 30px 50px 0;
  border-bottom: none;
}

.commission .modal-body {
  padding: 25px 50px 70px;
}

.commission .modal-title {
  font-size: 28px;
  text-transform: capitalize;
}

.commission .close {
  color: var(--main-color);
  font-size: 35px;
  opacity: 1;
}

.commission .close {
  color: var(--main-color);
  font-size: 35px;
  opacity: 1;

}

.commission.table-responsive {
  border-radius: 5px 5px 0px 0px;
  height: auto;
}

.commission.table-responsive .table {
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  background-color: white;
}

.commission.table-responsive .table th,
.commission.table-responsive .table td {
  padding: 4px 20px;
  text-align: left;
  border: none;
}

.commission.table-responsive .table th {
  font-size: 14px;
  color: var(--text-color);
  letter-spacing: 0px;
  font-family: 'GothamMedium';
  font-weight: normal;
}

.commission.table-responsive .table td {
  font-size: 14px;
  color: var(--text-color);
  letter-spacing: 0px;
  font-family: 'GothamBookFont';
  font-weight: normal;

}

.commission.table-responsive .table thead {
  background: #E1E5EC;
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
}

.office-staff-content-cover .true-grit-box .qty-cover {
  margin-left: auto;
}

.office-staff-content-cover .true-grit-box .qty-cover .qty-box {
  border-radius: 0 5px 5px 0;
}

.office-staff-content-cover .office-staff-content.office-staff-borTop {
  margin-bottom: 0;
}

.rightside-cardBox-bg .office-staff-box {
  background: #F7F8FA;
  margin-bottom: 20px;
  padding: 18px 20px 15px;
}

.right-sidebar-modal.history-modal .modal.right .modal-body {
  padding: 0px 20px 30px;
}

.rightside-cardBox-bg .office-staff-box.tickets-box-available {
  padding: 15px 20px 15px;
}

.tickets-box-available .office-staff-content {
  margin-bottom: 0;
}

.office-staff-content.office-staff-content-type {
  text-align: right;
}

.add_lesson_div .delete_lesson{
  margin-left: 0;
  margin-right: 10px;
  margin-left: 0 !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}

@media(max-width:767px) {
  .add_lesson_div .btn-submit {
    float: left;
}
  .tickets-box-available .office-staff-content {
      margin-bottom: 15px;
  }

  .coaching-amount {
      width: 244px;
      margin-right: auto;
      margin-left: inherit;
  }

  .product-price-lable {
      margin-right: auto;
      margin-left: inherit;
      justify-content: left;
  }

  .successfully-text {
      margin-bottom: 20px;
      margin-top: 15px;
  }
}

@media(max-width:575px) {
  .top-header-title h1 {
      font-size: 24px;
      line-height: 30px;
  }

  .cardBox-bg {
      padding: 20px 30px 20px;
  }

  .office-staff-content-cover .true-grit-box .qty-cover {
      margin-left: inherit;
      margin-top: 10px;
  }

  .top-header-title.top-header-title-addproduct {
      margin-bottom: 15px;
  }

  .title-product-list h2 {
      margin-bottom: 15px;
  }
}

@media(max-width:480px) {
  .otp-group{
    gap: 10px;
  }
  .top-header-title h1 {
      font-size: 20px;
      line-height: 26px;
  }

  .title-product-list h2 {
      margin-bottom: 10px;
      font-size: 18px;
  }

  .product-price-lable.product-list-lable {
      width: auto;
  }

  .cardBox-bg {
      padding: 15px 20px 15px;
  }

  .qty-cover-box-item {
      display: block;
      margin-left: 0;
      width: calc(100% - 0px);
      margin-top: 5px;
  }

  .product-price-lable {
      margin-top: 10px;
  }

  .coupon-code-cover {
      margin-left: 0;
      margin-top: 5px;
  }

  .btn-group-cover.btn-group-cover-product.quantity-product-cover h5 {
      margin-bottom: 15px;
  }

  .coaching-amount {
      width: auto;
  }

  .product-list {
      padding: 20px 15px;
  }

  .office-staff-head.head-product-list {
      padding: 8px 15px 9px;
  }

  .office-staff-box {
      padding: 18px 15px;
  }

  .office-staff-head {
      padding: 8px 15px 7px;
  }

  .office-staff-head {
      display: block;
      height: auto;
  }

  .buy-again {
      margin-top: 2px;
      padding-left: 0;
  }

  .finaltotalamount .addonLable p {
      font-size: 16px;
  }

  .finaltotalamount .total-product-amount.final-total-amount p {
      font-size: 18px;
  }

  .finaltotalamount .total-product-amount.final-total-amount span {
      font-size: 18px;
  }

  .top-header-title.top-header-title-addproduct.existing .add-btn {
      font-size: 18px;
  }
}
@media(max-width:390px) {
  .otp-group{
    gap:5px;
  }

.otp-input {
    width:45px;
    height:55px;
  }
}
/*=============
13-03-2023 css start
===============  */

.weekday-div .weekday li a.tooltip-box .tooltipText {
  white-space: nowrap;
  text-transform: capitalize;
  transform: translate(-46%, -5px);
  background: #3D3D3D;
  position: absolute;
  bottom: 130%;
  padding: 2px 15px;
  border-radius: 4px;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  color: #fff;
  width: auto;
}

.weekday-div .weekday li a.tooltip-box .tooltipText::after {
  left: 40%;
}

#courses_load_more {
  border: 1px solid #E2E7EE;
  background: var(--gray-bg);
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: 'GothamBookFont';
  color: var(--text-gray);
  text-transform: uppercase;
  letter-spacing: 7px;
  width: calc(100% - 10px);
  margin: 10px auto 0;
  cursor: pointer;
}


.attendance-counts {
  width: 118px;
  text-align: center;
}

.company_tickets_container{
  margin-top: 18px;
  color: #02A60D;
  letter-spacing: 0px;
  line-height: 26px;
  font-family: 'GothamBookFont';
  font-size: 12px;
  border: 1px solid #6FEB78;
  border-radius: 13px;
  background: #E3FFE5;
  padding: 0 10px;
  display: flex;
  height: 26px;
  width: 140px;
  text-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
}
.attendance .company_tickets_container{
  width: auto;
}


@media(max-width:1555px) {
  .card-top.card-top-cover.card-top-cover-company {
      display: block;
  }
}

@media(max-width:1365px) {
  .company .card-top.card-top-cover.card-top-cover-company .input-group {
      width: 620px !important;
  }

  .company .card-top.card-top-cover.card-top-cover-company .input-group .form-group-product {
      margin-left: 0;
  }
  .btngroup-bottom {
    display: block;
}
.btnright{
    margin-left: 0;
    margin-top: 5px;
}

}

@media(max-width:767px) {
  .company_tickets_container{
    margin-top: 0;
    margin-bottom: 20px;
   margin-left: 10px
   }
  .company .card-top.card-top-cover.card-top-cover-company .input-group {
      width: auto !important;
  }

  .company .card-top.card-top-cover.card-top-cover-company .input-group .form-group {
      width: calc(100% - 120px);
      margin-left: 0;
  }
}
@media(max-width:575px) {
  .company .card-top.card-top-cover.card-top-cover-company .input-group {
    width:100% !important;
}
}
.content-wrapper>.content {
  padding: 0 38px;
  max-width: 1440px;
}

.company-detals .card-body-app ul li {
  width: 25%;
}

.company-detals .card-body-app ul li a img {
  object-fit: cover;
}

.achievements .card-box {
  height: 100%;
  text-align: center;
  display: block !important;
  box-sizing: border-box;
}

.achievements .card-box img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.company-detals .card-body-app ul li p {
  text-align: center;
  vertical-align: middle;
  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media(min-width:1200px) and (max-width:1320px) {
  .chartdiv-box p {
      bottom: 10px;
  }
}

.phone-number-group-cover .iti__country-list {
  width: auto;
}



.iti__flag-container .iti__divider,
.iti__country-list .iti__divider,
.iti__country-list .iti__country.iti__standard,
.iti__flag-container .iti__country.iti__standard {
  display: none;
}

.my_bundle_card #lock_description{
  padding-top: 25px !important;
}
.my_bundle_card #unlock_description{
  padding-top: 25px !important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
  width: 100%;
}

.iti--separate-dial-code .iti__selected-flag{
  border-right: solid 1px #E3E3E3 !important;
  width: 100px !important;
  background-color: transparent !important;
}
.form-control.phone_number_element.custom_mobile_us_format_generator{
  padding-left: 113px !important;
}
.iti.iti--allow-dropdown.iti--separate-dial-code .form-control{
  padding-left: 113px !important;
}


.form-group.form-group-recurring{
  border: 1px solid #E3E3E3 !important;
}


.custom_meeting_recurring_type{
  border: 1px solid #E3E3E3;
  padding: 16px 0 11px 26px;
  height: 60px;
  border-radius: 5px;
}

.custom_meeting_graduation_type{
  border: 1px solid #E3E3E3;
  padding: 16px 0 11px 26px;
  height: 60px;
  border-radius: 5px;
}

.divTimeSetterContainer .button-time-control{
  right: -15px;
}

.lock_icon_view{
background-repeat: no-repeat !important;
background-size: 50px !important;
background-position: center !important;
height: 129px;
}

.multiselect-container>li>a>label{
  display: flex;
      align-items: flex-start;
      justify-content: left;
      font-weight: normal !important;
  position: relative;
  }
  .multiselect-container>li>a>label>input[type=checkbox] {
      margin-bottom: 0;
      left: 20px;
      position:absolute;
      top: 8px;
  }


  .dark_theme #booking_request_modal .modal-content{
  background-color: #4d4d4d;
}

.dark_theme #booking_request_modal .modal-content .leadership-modal-body .table-hover tbody tr:hover{
  color: #fff;
}

.nav-sidebar>.nav-item .nav-link .nav-icon.seting-nav-icon path{
  fill: none;
  stroke:#737373;
}


.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.seting-nav-icon path, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link:hover .nav-icon.seting-nav-icon path {
  fill: none;
  stroke: #fff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon.seting-nav-icon path, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active .nav-icon.seting-nav-icon path {
  fill: none;
  stroke: #fff;
}



.nav-sidebar>.nav-item.menu-is-opening.menu-open .nav-icon.manage-drowp-arro {
  transform: rotate(180deg);
}

.nav-sidebar .nav-link p.dark_light_label {
width: calc(100% - 85px);
}

.input-group-clear {
position: inherit;
z-index: 999;
left: inherit;
top: 0;
width: 40px;
height: 40px;
background: #F7F8FA 0% 0% no-repeat padding-box;
border: 1px solid #E2E7EE;
opacity: 1;
align-items: center;
justify-content: center;
margin-left: 10px;
color: #F7F8FA;
padding-top: 5px;
text-align: center;
}

#globle_search {
background: white;
border: none;
border-radius: 25px;
padding: 2px 5px 2px 15px;
}

#globle_search input {
border: none;
}
#globle_search img {
background-color: #009BDE;
padding: 0 5px;
border-radius: 50%;
cursor: pointer;
}

.search_result_list td.link a {
display: flex;
}
.search_result_list td.link a span {
text-decoration: underline;
color: var(--text-color);
display: inline;
}
.search_result_list td.link a i{
display: inline;
font-size: 12px;
padding-left: 5px;
padding-top: 2px;
}

.datepicker .dropdown-menu{
width: 100% !important;
}

/*=============
new cms admin css start
===============  */
.brand-link .brand-image{
  margin-top: 5px !important;

}
.sidebar-mini.sidebar-collapse .brand-link .brand-image{
  max-height: 18px;
}
.switchSmall-cover .switchSmall {
  display: inline-block;
}
.switchSmall-cover .switchSmall input {
  display: none;
}
.switchSmall-cover .switchSmall small {
  display: inline-block;
  width:51px;
  height:31px;
  background: #E9E9E9;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  font-size: 100%;
}
.switchSmall-cover .switchSmall small:before {
  content: "";
  position: absolute;
  width:24px;
  height:24px;
  background: #fff;
  border-radius: 50%;
  top: 3px;
  left: 2px;
  transition: .3s;
  box-shadow: -3px 0 3px rgba(0,0,0,0.1);
}
.switchSmall-cover .switchSmall input:checked ~ small {
  background:#28a745;
  transition: .3s;
}
.switchSmall-cover .switchSmall input:checked ~ small:before {
  transform: translate(23px, 0px);
  transition: .3s;
}

.adminUser .table tbody td a{
  display: flex;
  align-items: end;
  justify-content: left;
  text-decoration: underline;
  color: var(--main-color);

}
.adminUser .table tbody td{
  font-weight: normal;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
  line-height: 21px;
}
.adminUser .table tbody td p{
  font-weight: normal;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
  line-height: 21px;
}
.adminUser .table tbody td .product-box-end-date p {
  display: flex;
  align-items: center;
  justify-content: left;
  line-height: 21px;
}
.adminUser .table tbody td .product-box-end-date p .green-text{
  color: #02A60D;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 0;
  white-space: normal;
  padding-left: 3px;
}
.adminUser .table tbody td .product-box-end-date p .red-text{
color: #E54848;
font-weight: normal;
font-size: 14px;
margin-bottom: 0;
white-space: normal;
padding-left: 3px;
}
.company .table-striped tbody tr:nth-of-type(even) {
  background: transparent;
}

.adminUser .table tbody td .product-box-start-date p{
  font-weight: normal;
  font-size: 16px;
  font-family: 'GothamBookFont';
  color: var(--main-color);
}

.adminUser .table tbody td a .fa-external-link-alt{
  font-size: 12px;
  padding-left: 5px;
  padding-top: 2px;
  color:#4499D8;
}

.company-list .input-group-clear {
margin-right: 10px;
  width: 40px;
  height: 40px;
  background: #F7F8FA 0% 0% no-repeat padding-box;
  border: 1px solid #E2E7EE;
  opacity: 1;
  color: #F7F8FA;
  padding-top: 5px;
  text-align: center;
  z-index: 999;

}

.company-list .input-group-append{
  margin-right: 10px;
  margin-left: 0;
}

.table td, .table th{
  padding: .75rem !important;
}
.adminUser .table thead th.sorting-product{
  width:150px !important;
}
.adminUser.plan-adminuser .table thead th.sorting-product{
  width:200px !important;
}
.adminUser.adminUser2 .table thead th.sorting-product{
  width:350px !important;
}
.adminUser .table thead th.sorting-company{
  width:350px !important;
  }
  .adminUser.plan-adminuser .table thead th.sorting-company{
    width:200px !important;
    }
.adminUser .table thead th.sorting-qty{
  width:75px !important;
  text-align: center;
}
.adminUser .table thead th.sorting-price{
  width:300px !important;
}
.adminUser.plan-adminuser .table thead th.sorting-price{
  width:200px !important;
}
.adminUser .table thead th.sorting-startDate{
  width:150px !important;
}
.adminUser.adminUser2 .table thead th.sorting-startDate{
  width:300px !important;
}
.adminUser .table thead th.sorting-startEnd{
  width:100px !important;
}



.adminUser .table tbody td.sorting-company{
width:350px;
}
.adminUser.plan-adminuser .table tbody td.sorting-company{
  width:200px;
  }
.adminUser .table tbody td.sorting-product{
  width:150px;
  }
  .adminUser.adminUser2 .table tbody td.sorting-product{
    width:350px;
    }


.adminUser .table tbody td.sorting-qty{
  width:75px;
  text-align: center;
}
.adminUser .table tbody td.sorting-price{
  width:300px;
}
.adminUser.plan-adminuser .table tbody td.sorting-price{
  width:200px;
}
.adminUser .table tbody td.sorting-startDate{
  width:150px;
}
.adminUser.adminUser2 .table tbody td.sorting-startDate{
  width:300px;
}
.adminUser .table tbody td.sorting-startEnd{
  width:100px;
}
table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before{
  display: none;
}

.brand-link .brand-image {
  margin-top: 0;
}



.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
  border: solid 1px #dc3545 !important;
}
.form-control{
  border-radius: 5px !important;
  border: solid 1px #E3E3E3 !important;
  height:68px !important;
}

.text-center-account {
  text-align: center;
  font-size: 16px;
}
.forgot-password{
  color: #009BDE;
  text-decoration: none;
  outline: none;
  margin-top: 19px;
  display: block;
}
.forgot-password:hover{
  color: #009BDE;
}
.register{
  color: #ff7905;
  font-family: 'GothamMedium';
  font-size: 16px;
}
.register:hover{
  color: #ff7905;
}
.login-logo, .register-logo{
  margin-top: 20px;
}
.input-group-text{
  border: none;
  position: absolute;
  right: 20px;
  top:15px;
  z-index: 99;
  padding: 0;
}
.login2-card-body .input-group{
  margin-bottom: 10px !important;
}
.login2-card-body .login-box-msg{
padding-bottom: 15px;
}
.privacy-policy{
  display: flex;
  text-align: start;
  justify-content: left;
  margin-top: 20px;
}
.privacy-policy .form-check{
margin-top: 0;
}
.privacy-policy .privacy-policy-text{
  padding-left: 30px;
}
.privacy-policy .privacy-policy-text a{
  color: #009BDE;
  text-decoration: none;
}
.privacy-policy .privacy-policy-text a:hover{
  color: #009BDE;
}
.phone-number-group .form-floating {
  position: relative;
}
.phone-number-group .form-control {
    width: 100%;
    height:60px !important;
    border: solid 1px #E3E3E3;
    border-radius: 5px;
    font-size: 16px;
    color: var(--main-color) !important;
    outline: none;
    font-family: 'GothamBookFont' !important;
    box-shadow: none;
    margin-top: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
}
.phone-number-group .phone-number-group-cover .form-floating::after{
  top: 15px;
  height: 28px;
}
.phone-number-group .form-control.phone-number-form-control::placeholder{
  opacity: 0;
}
.phone-number-group .form-control.form-floating-phone-number {
  padding-left: 20px !important;
}
.phone-number-group-cover .iti__arrow{
  background: url("../img/arrow-down.svg") no-repeat right;
  border: none;
  content: "";
  background-size: contain;
  padding: 5px;
}
.phone-number-group-cover .iti__arrow.iti__arrow--up{
  transform: rotate(180deg);
}

.phone-number-group-cover {
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px !important;
    border: solid 1px #E3E3E3 !important;
    background: #fff;
    width: 100%;
}
.phone-number-group-cover .form-floating::after{
  top: 14px;
  border-left: solid 1px #E3E3E3 !important;
  content: "";
  height: 30px;
  position: absolute;
  z-index: 99999999999999999999999;
  display: block;
}
.phone-number-group-cover .iti{
  width:100%;
  z-index: 999;
}
.phone-number-group-cover .iti .form-control.phone_number_element.custom_mobile_us_format_generator{
  border: none !important;
}

.form-control.phone-number-form-control {
  border: none !important;
  max-width: 120px !important;
  border-radius: 5px 0px 0px 5px !important;
}
.phone-number-group-cover .iti--separate-dial-code .iti__selected-flag {
  background-color:transparent;
}
.phone-number-group-cover .iti__selected-flag{
  padding: 0 6px 0 8px;
  width:100px !important;
  border-right: solid 1px #E3E3E3 !important;
}
.phone-number-group-cover .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color:transparent;
}
.phone-number-group-cover .form-control {
  padding-left:100px !important;
  /* border-left: solid 1px !important; */
}
.phone-number-group-cover .form-control.phone_number_element.custom_mobile_us_format_generator{
  border: none !important;
}
.phone-number-group-cover .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{
  z-index: auto !important;
}

.phone-number-group-cover .iti__country-list{
  width: 200px;
  white-space: inherit;
}
.phone-number-group-cover .form-control.form-floating-phone-number{
  border: none !important;
  border-radius: 0px 5px 5px 0px !important;
}


.login-card-body .phone-number-group-cover .iti.iti--allow-dropdown.iti--separate-dial-code {
  width: auto;
}
.login-card-body .phone-number-group-cover .iti__selected-flag{
  padding: 0 6px 0 16px;
}
.login-card-body .phone-number-group-cover .iti.iti--allow-dropdown.iti--separate-dial-code .form-control {
  padding-left: 80px !important;
}
.login-card-body .phone-number-group-cover .form-control.phone-number-form-control{
  max-width: 80px !important;

}
.login-card-body .phone-number-group .phone-number-group-cover .form-control{
  height:58px !important;
}

.field-icon{
  border: none;
    position: absolute;
    right: 20px;
    top: 22px;
    z-index: 99;
    padding: 0;
}



.form-floating-tab1{
  display: none;
}
.form-floating-tab1.on{
  display: block;
}
.login_section .rediobtnbox .radio-label{
  width: 100%;
  padding: 18px 20px;
}
.rediobtn-group-box{
  height:40px;
    padding: 0;
    background: #fff;
    justify-content: center;
}
.login_section .rediobtnbox .radio-border{
  display: none;
}
.login_section .rediobtnbox {
  width: 50%;
  text-align: center;
  margin:0;
}
.login_section .rediobtnbox .radio-input:checked + .radio-label{
  background: #009BDE;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding:8px 0;
  border-radius: 5px;
}

.request-btn{
  transition: all 0.2s ease-out;
    font-family: 'GothamMedium';
    padding: 0 20px;
    height: 60px;
    color:var(--button-bg-color);
    text-transform: uppercase;
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
    border: solid 2px var(--button-bg-color);
    background: #fff;
    margin-top: 20px;
    border-radius: 5px;
}


@media (max-width:575px){
  .rediobtn-group-box{
    display: flex;
  }
}
@media (max-width:480px){

}

.rediobtn-group-box2{
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px;
  background:transparent;
  padding:8px 20px 8px;
}
.login_section .rediobtnbox2 {
margin-right: 50px;
}
.login_section .rediobtnbox2 .radio-input {
visibility: hidden;
display: none;
}

.login_section .rediobtnbox2 .radio-label {
position: relative;
padding-left: 30px;
font-size: 15px;
font-weight: normal !important;
margin-bottom: 0;
white-space: nowrap;
}
.login_section .rediobtnbox2 .radio-border {
width: 20px;
height: 20px;
display: inline-block;
outline: solid 1px #ACACAC;
border-radius: 50%;
position: absolute;
left: 0px;
top: 2px;
}
.login_section .rediobtnbox2 .radio-label::after {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
left: 4px;
top: 6px;
border-radius: 50%;
}
.login_section .rediobtnbox2 .radio-input:checked+.radio-label::after {
transition: all 0.5s;
background-color: #009BDE;
}






.fb_button {
  color: #000;
  width: 100%;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  background: #1877f2;
  padding: 14px;
  height: 52px;
  border-radius: 10px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.fb_button .fb-img {
  width: 22px;
}

.fb_button .fb_text {
  margin-left: 0;
  font-size: 16px;
  font-family: 'GothamMedium';
  color: #fff;
}

.ggl_button {
  color: #000;
  width: 100%;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  background: #fff;
  padding: 14px;
  height: 52px;
  border-radius: 10px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.ggl_button .ggl-img {
  width: 21px;
}

.ggl_button .ggl_text {
  margin-left: 0;
  font-size: 16px;
  font-family: 'GothamMedium';
  color: #686868;
}


.apple_button {
  color: #000;
  width: 100%;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  background: #000000;
  padding: 14px;
  height: 52px;
  border-radius: 10px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.apple_button .apple-img {
  width: 19px;
}

.apple_button .apple_text {
  margin-left: 0;
  font-size: 16px;
  font-family: 'GothamMedium';
  color: #fff;
}

.text-or{
 font-size: 16px;
 text-align: center;
 color: #2E2926;
 font-weight: 400;
 font-family: 'GothamBookFont';
 padding-top:40px;
}
.social-icon-cover{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 20px;
}
.social-icon-cover a{
display: block;
width: 48px;
height: 48px;
}

.addnewUsers.addCoach .btn-blue{
width: 100%;
}
.addnewUsers .form{
  border-radius: 10px;
  border: 1px solid #E2E7EE;
  padding: 30px;
}
.addnewUsers .card{
  padding: 35px;
}

.form-status{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  border: solid 1px #E3E3E3;
  height: 68px;
  width: 100%;
  padding: 25px 20px;
}

.form-status label{
  margin-bottom: 0;
  font-size: 14px;
  color: var(--black-color);
  font-family: 'GothamBookFont';
  font-weight: 400 !important;
  opacity: .65;
}
.form-status .switchSmall-cover {
  margin-top: 5px;
}

/* companies details page css start */
.addnewUsers.company-details .form{
  border-radius: 0;
  border: none;
  padding: 0;
}
.top-header-cover{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-header-content h2{
  color: #2E2926;
font-family: "Inter";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.top-header-content p{
  color: #2E2926;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 10px;
}
.addnewUsers.company-details .card{
  padding: 40px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-16{
  margin-bottom:16px;
}

.card-content-cover{
  padding:26px 30px;
  border-radius: 10px;
 border: 1px solid #E2E7EE;
}
.col-content label{
  color: #747478;
  font-family: "Inter";
  font-size: 14px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  margin-bottom: 0;
  display: block;
}
.col-content p{
  color: #2E2926;
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 10px;
}
.col-content span{
  color: #2E2926;
  font-family: 'GothamBold';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
margin-bottom: 10px;
}
.col-content h2{
  font-family: "Inter";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-top: 10px;
}

.col-content h4{
  color: #737373;
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.card-content-cover h6{
  color: #737373;
  font-family: "Inter";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-top: 16px;
}

.credit-card-bg{
  color: #747478;
font-family: 'GothamBookFont';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
background: #E1E5EC;
padding: 8px 30px;
border-radius: 5px;
display: block;
margin-bottom: 12px;

}

.company-details.addNewCompany .payment-plans{
  max-width:300px;
}
.company-details.addNewCompany .select2-container .select2-selection--single{
  height: 45px;
  padding:6px 15px 5px;
}
.company-details.addNewCompany .payment-plans.form-floating>label{
  padding: 10px 12px;
  position: absolute;
}
.company-details.addNewCompany .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 5px;
  color: #2E2926;
}
.company-details.addNewCompany .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 44px;
}

.col-content .actions{
  display: flex;
      align-items: center;
      justify-content: end;
      gap: 16px;
}
.col-content .actions li{
  display: inline;
  margin: 0 0px;
}
.col-content .actions li a{
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  background: var(--white-color);
  outline: none;
  width: 30px;
  height: 30px;
  line-height: 27px;
  padding: 0;
  transition: all 0.3s;
}
.col-content .actions li a i {
  color: #909090;
  font-size: 13px;
  transition: all 0.3s;
}

.col-content .actions li a:hover i {
  color: var(--white-color);
  transition: all 0.3s;
}
.col-content .actions li a.btn-trash:hover {
  background: #F74E0C;
  color: var(--white-color);
  transition: all 0.3s;
}
.col-content .actions li a.btn-pen:hover {
  background: #FEBC00;
  color: var(--white-color);
  transition: all 0.3s;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
  --bs-table-accent-bg: transparent !important;
}
.add-user{
  color: #009BDE;
font-family: "Inter";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.add-user:hover{
  color: #009BDE;
  opacity: 1;
}
.col-content .actions li .switchSmall-cover {
  position: relative;
  top: -2px;
}

.nav-sidebar>.nav-item .nav-link .nav-icon-user path {
  fill: none;
}

.btn-group-plan{
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 16px;
  margin-top: 16px;
}


.btn-upgrade{
color: #FFF;
text-align: center;
font-family: "Inter";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 10px;
background: #009BDE;
padding:16px 30px;
border: 1px solid #009BDE;
transition: 0.3s;
}
.btn-upgrade:hover{
  background: #fff;
  color: #009BDE;
}

.btn-cancel{
  color: #009BDE;
text-align: center;
font-family: "Inter";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
border-radius: 10px;
border: 1px solid #009BDE;
background: #FFF;
padding:16px 30px;
transition: 0.3s;
}
.btn-cancel:hover{
  background: #009BDE;
  color: #fff;
}
.user-details-content li{
  display: inline-block;
  color: #2E2926;
  font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-left: solid 2px #2E2926;
padding: 0 10px;
}
.user-details-content li:first-child{
  border: none;
  padding-left: 0;
}
.loader_container_new {
  height: 100vh;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 1);
  z-index: 99999;
  width: 100%;
  display: block;
}
.plan-details{
  padding-right: 0 !important;
}
.plan-details .modal-content{
padding: 60px;
border-radius: 10px;
}
.plan-details .modal-header{
padding: 0;
border: none;
}
.plan-details .modal-header .modal-title{
color: #2E2926;
font-weight: 700;
font-family: "Inter";
font-size: 24px;

}
.plan-details .modal-header .close{
  opacity: 1;
}
.plan-details .modal-header .close span{
font-size: 40px;
color: #000;
font-weight:700;
}
.plan-details .modal-header .close:hover{
  opacity: 1;
}
.plan-details .modal-body{
padding:0;
margin-top: 30px;
}

.plan-details .modal-body .top-header-content {
  width: 100%;
}

.plan-details .modal-body .card-content-plan{
  margin-top: 16px;
  padding: 16px;
  border: solid 1px #E1E5EC;
  border-radius: 10px;
}
.plan-details .modal-body .card-content-plan .table{
  width: 100%;
  border: none;
  margin-bottom: 0;
}
.plan-details .modal-body .card-content-plan .table tr td, .plan-details .modal-body .card-content-plan .table tr th{
  padding: 0 !important;
  border: none !important;
}
.plan-details .modal-body .card-content-plan .table tr td .pricing-heading{
background: #E1E5EC;;
border-radius:8px;
border-collapse: separate;
width: 100%;
}
.plan-details .modal-body .card-content-plan .table tr td .pricing-heading tr th{
  border: none;
  color: #2E2926;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 10px 20px !important;
  width: 25%;
}



.plan-details .modal-body .card-content-plan .table tr td .pricing-table{
  border-radius: 8px;
  border: 1px solid #E2E7EE;
    background: #FAFBFC;
  border-collapse: separate;
  width: 100%;
  margin-top: 10px;
  }
.plan-details .modal-body .card-content-plan .table tr td .pricing-table tr td{
  color: #2E2926;
  font-family: "Inter";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px 20px !important;
  width: 25%;
  border: none;

}
.plan-details .modal-body .card-content-plan .table tr td .pricing-table tr td .rediobtnbox .radio-border{
  top: 0;
}
.plan-details .modal-body .card-content-plan .table tr td .pricing-table tr td .rediobtnbox .radio-label::after{
  top: 4px;
}
/* .plan-details .modal-body .card-content-plan .table tbody .rounded-row td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;

} */

/* .plan-details .modal-body .card-content-plan .table tbody .rounded-row td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
} */

/* .plan-details .modal-body .card-content-plan .table tbody tr:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.plan-details .modal-body .card-content-plan .table tbody tr:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
} */

.plan-details .modal-body .card-content-plan .table tbody tr td .btn-blue{
width: auto;
max-width: 120px;
height: 33px;
color: #FFF;
font-family: "Inter";
font-size: 17px;
font-style: normal;
font-weight: 400;
  text-transform: capitalize;
border-radius: 6px;
margin-top: 0;
}


.adminUser .table-bordered td .btn-home:hover{
  background: var(--button-bg-color);
  color: var(--white-color);
  transition: all 0.3s;
}
.adminUser .table-bordered td .btn .home-add-icon{
  display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.adminUser .table-bordered td .btn-home:hover .home-add-icon path{
fill: #fff;
}
.assignCompany-modal .modal-content{
border-radius: 10px;
}
.assignCompany-modal .modal-header {
    padding: 60px 60px 0;
    border-bottom: none;
}
.assignCompany-modal .modal-header .modal-header-logo h1 {
    color: #2E2926;
    font-family: "Inter";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.assignCompany-modal .modal-header .close span {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    opacity: 1;
}
.assignCompany-modal .modal-header .close {
    opacity: 1;
}
.assignCompany-modal .modal-body {
    padding:20px 60px 60px;
}
.assignCompany-modal .select2-container--default .select2-selection--multiple{
      outline: none;
    border: 1px solid #E2E7EE;
        padding:30px 15px 20px;
            background: transparent;
        color: var(--main-light-color);
}

.assignCompany-modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--white-color);
    font-size: 14px;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    color: var(--main-light-color);
    padding: 1px 10px;
    display: flex;
    align-items: center;
    direction: rtl;
}
.assignCompany-modal .form-floating>label{
position: absolute;
    padding: 30px 30px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s
ease-in-out, transform .1s
ease-in-out;
}
.assignCompany-modal .modal-body  .btn-blue{
margin-top: 30px;
border-radius: 10px;
background: #009BDE;
}
.assignCompany-modal .modal-body svg.coursePath-down-icon {
    position: absolute;
    top: 25px;
    right: 20px;
}
.assignCompany-modal .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline{
      margin-left: 3px;
}

/* companies details page css end */

.card-top-right-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

@media (min-width: 992px) {
  .plan-details .modal-lg {
      max-width: 970px;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .plan-details .modal-dialog {
      max-width: 90%;

  }

}
@media (max-width:1670px) {

  .company-list .card-top{
    align-items:flex-start;
  }
  .company.company-list .card-top .input-group .form-group{
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .company.company-list .card-top .input-group-append{
    margin-left: 0;
  }
  .company.company-list .card-top .form-control.ml-10{
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width:992px) {
  .brand-link .brand-image {
    margin-top: 0;
    max-width: 40px;
  }
}

@media (max-width:767px) {
  .row-gutter-y{
    --bs-gutter-y:16px;
    gap: 16px;
  }
  .content-wrapper>.content{
    padding: 0 20px;
  }
  .content-header{
    padding: 20px 20px;
  }
  .addnewUsers .card {
    padding: 25px;
}
.addnewUsers .form{
  padding: 20px;
}
.col-content .actions{
  justify-content: start;
}
}

@media (min-width: 576px) {
    .assignCompany-modal .modal-dialog {
        max-width:600px;
        margin: 1.75rem auto;
}
}
@media (max-width:640px) {
.card-top {
    display: table;
}
.card-top .input-group-append{
  margin-bottom: 10px;
}
}
@media (max-width:575px) {
  .card-top{
    width: 100%;
  }
.card-top .input-group{
  display: flex !important;
  margin-bottom: 0;
}
 .card-top .form-control.ml-10 {
        width: 100% !important;
        max-width: 200px !important;
    }
 .card-top-right-btn{
  justify-content: start;
 }   
   .assignCompany-modal .modal-header{
              padding: 40px 40px 0;
    }
    .assignCompany-modal .modal-body {
        padding: 30px 40px 40px;
    }
  .addnewUsers.company-details .card {
    padding: 30px 25px;
}
  .company.company-list .card-top .input-group .form-group{
    width: 100% !important;
  }
  .company.company-list .card-top .form-control.ml-10{
    width: 100% !important;
    max-width: 100%;
  }
  .card-content-cover{
    padding: 20px 20px;
  }
}
@media (max-width:480px) {
.card-top-right-btn{
  display: grid;
}
}

@media (max-width:375px) {
  .btn-group-plan{
    display: grid;
  }
}

/*=============
new cms css start end
===============  */






/* dark theme css start */
.dark_theme .adminUser .table tbody td p{
  color: #fff;
}
.dark_theme .nav-sidebar>.nav-item .nav-link .nav-icon.seting-nav-icon path{
  stroke: #fff;
  fill: none;
}

.dark_theme h1{
  color: var(--white-color);
}
.dark_theme h2{
  color: var(--white-color);
}
.dark_theme h3{
  color: var(--white-color);
}
.dark_theme h4{
  color: var(--white-color);
}
.dark_theme h5{
  color: var(--white-color);
}
.dark_theme h6{
  color: var(--white-color);
}
.dark_theme p{
  color: var(--white-color);
}



.dark_theme .input-group-append .fa.fa-calendar{
  filter: brightness(0) invert(1);
  opacity: 1;
}

.dark_theme .main_attendance .fas.fa-angle-right{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .main_attendance .fas.fa-angle-left{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .main_attendance .attendance_container .meeting_slots_container .sub_header .fas.fa-angle-down{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .main_attendance .attendance_container .meeting_slots_container .sub_header .fas.fa-angle-up{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .select2-container--default .select2-selection--single .select2-selection__arrow b{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .company .card-top .input-group-clear img{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .course .coachingplan .input-group-clear{
  background: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
}
.dark_theme .course .coachingplan .input-group-clear img{
  filter: brightness(0) invert(1);
  opacity: 1;
}

.dark_theme .cardBox-bg.dark-cardBox-bg {
  background: transparent !important;
}
.dark_theme .iti--separate-dial-code .iti__selected-flag{
  border-right: solid 1px #555555 !important;
 color: var(--white-color) !important;
}
.dark_theme {
 color: var(--white-color);
 background: #131314;
}
.dark_theme [class*=sidebar-dark-] {
  background-color: #303031;
}
.dark_theme :root {
  --white-color: #fff;
  --card-bg-color:#464646;
  --dark-bg-color:#2A2828;
  --light-bg-color:#fff;
}

.dark_theme .form-control {
  background-color: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--white-color) !important;
}
.dark_theme .form-control:focus {
  background-color: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--white-color) !important;
}

.dark_theme textarea {
  background-color: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--white-color) !important;
}
.dark_theme .fix-floating-label::before {
  background-color:var(--card-bg-color);
  width: calc(100% - 10px);
}
.dark_theme .select2-container--default .select2-selection--multiple {
  background-color: var(--card-bg-color);
  color: var(--white-color);
}
.dark_theme .company .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--white-color) !important;
}
.dark_theme .company .select2-container .select2-selection--single {
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
}
.dark_theme .addnewUsers .select2-container .select2-selection--multiple {
  border: 1px solid var(--card-bg-color);
  color: var(--white-color);
}
.dark_theme .nav-sidebar > .nav-item .nav-link .nav-icon path {
  fill: #fff;
}
.dark_theme .nav-sidebar .nav-link p {
  color: #fff;
}

.dark_theme .nav-sidebar > .nav-item .nav-link .nav-icon.library-icone path {
  fill:none;
  stroke: #fff;
}


.dark_theme .happycourse.manage_course1 label {
  line-height: 15px;
}
.dark_theme .form-floating > label {
  color: var(--white-color);
  opacity: 1;
  z-index: 1;
  line-height: 15px;
}
.dark_theme .form-floating > .form-control-plaintext ~ label,
.dark_theme .form-floating > .form-control:focus ~ label,
.dark_theme .form-floating > .form-control:not(:placeholder-shown) ~ label,
.dark_theme .form-floating > .form-select ~ label {
  opacity: 1;
}
.dark_theme .form-floating > .form-control-plaintext ~ label,
.dark_theme .form-floating > textarea:focus ~ label,
.dark_theme .form-floating > textarea:not(:placeholder-shown) ~ label,
.dark_theme .form-floating > .form-select ~ label {
  opacity: 1;
}
.dark_theme .nav-item.menu-is-opening.menu-open > .nav-link {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark_theme .nav-item.menu-is-opening.menu-open > .nav-link:hover p {
  color: #fff;
}
.dark_theme .pushmenu-icone svg #Icon_ionic-ios-menu path {
  fill: #fff;
}
.dark_theme .content-wrapper {
  background: #131314;
}
.dark_theme .content-header h1 {
  color: var(--white-color);
}
.dark_theme .dashboard-breadcrumb-item a {
  background: rgba(255, 255, 255, 0.1);
  color: var(--white-color);
}
.dark_theme .dashboard-breadcrumb-item a span {
  border: 1px solid #ACACAC;
  background: #747478;
  color: var(--white-color);
}
.dark_theme .dashboardPage .card {
  background: #303031;
}
.dark_theme .card-body-content p {
  color: var(--white-color);
}
.dark_theme .client span {
  color: var(--white-color);
}
.dark_theme .card-top-header .dropdown-btn .dropdown-toggle {
  color: var(--white-color);
}
.dark_theme .coaching-clients .expiringbox .expirindiv span {
  color: var(--white-color);
}
.dark_theme .chartdiv-box p {
  color: var(--white-color);
}
.dark_theme #chartdiv::before {
  border-bottom: solid 1px #fff;
}
.dark_theme .active-trials-card .expiringbox .expirindiv span.bg-green {
  background: #28BCD5 !important;
}
.dark_theme .active-trials-card .client p {
  color: var(--white-color);
}
.dark_theme .active-trials-card .client span {
  color: var(--white-color);
}
.dark_theme .active-trials-card .expiringbox .expirindiv span.bg-orange {
  background: #FF8373 !important;
}
.dark_theme .active-trials-card .expiringbox .expirindiv span.bg-blue {
  background: #23649E !important;
}
.dark_theme .active-trials-card .expiringbox .expirindiv p {
  color: var(--white-color);
}
.dark_theme .memberBoxCover .memberBoxitem small {
  color: var(--white-color);
}
.dark_theme .card-top-header h2 {
  color: var(--white-color);
  font-size: 16px;
}
.dark_theme .card-top-header .total-price {
  color: var(--white-color);
}
.dark_theme .dashboardPage-content hr {
  border-top: 1px solid #747478;
}
.dark_theme .graduations-type.graduations-type-1 .chart {
  height: 100%;
  top: -10px;
}
.dark_theme .graduations-type .label {
  color: var(--white-color);
}
.dark_theme .graduations-type .bar-wrap {
  background: #292929;
}
.dark_theme .event-box-item {
  background: #292929;
}
.dark_theme .event-box-left label {
  color: var(--white-color);
}
.dark_theme .event-box-right {
  border-left: 1px solid #747478;
}
.dark_theme .event-box-right span {
  color: var(--white-color);
}
.dark_theme .legend-con1 ul li span {
  color: var(--white-color);
}
.dark_theme .legend-con2 ul li span {
  color: var(--white-color);
}
.dark_theme .memberdiv small {
  color: var(--white-color);
}
.dark_theme .card-top-header .nav-tabs .nav-item .nav-link {
  background: transparent;
  color: var(--white-color);
}
.dark_theme .card-top-header .nav-tabs .nav-item .nav-link.active {
  color: var(--white-color);
}
.dark_theme .content-btn-group a {
  background: #454546;
  color: var(--white-color);
}
.dark_theme .content-btn-group a.active {
  background: #fff;
  color: #131314;
}
.dark_theme .syllabus-content .lessons {
  background: rgba(192, 159, 127, 0.2);
}
.dark_theme .syllabus-content .chapters {
  background: rgba(12, 16, 90, 0.5);
}
.dark_theme .syllabus-content .courses {
  background: rgba(169, 191, 154, 0.2);
}
.dark_theme .syllabus-content .itemRadues span {
  color: var(--white-color);
}
.dark_theme .syllabus-content .itemRadues h3 {
  color: var(--white-color);
}
.dark_theme .syllabus-content .itemRadues p {
  color: var(--white-color);
}
.dark_theme .viewitem {
  background: #292929;
}
.dark_theme .quick-links {
  background: #292929;
}
.dark_theme .quick-links .quick-links-text {
  color: var(--white-color);
}
.dark_theme .card_bg {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .company-detals .user-block-cover {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .leadership_box {
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .whole_company {
  background: var(--dark-bg-color);
}
.dark_theme .company-detals .member-sign .member-sign-btn {
  font-family: "GothamMedium";
  font-size: 12px;
  color: var(--white-color);
  text-align: center;
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
  line-height: 15px;
}
.dark_theme .company-detals .user_block_cover_company_details .member-sign .buy_now {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .company-detals .user-block img {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .tickets_box_item {
  background: rgba(239, 252, 240, 0.1);
  border: 1px solid rgba(239, 252, 240, 0.1);
}
.dark_theme .tickets_box_item p {
  color: var(--white-color);
}
.dark_theme .company-detals .user-block .user-details .username a {
  color: var(--white-color);
}
.dark_theme .tickets_box_cover_slide::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  cursor: pointer;
}
.dark_theme .tickets_box_cover_slide::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
  background: rgba(239, 252, 240, 0.1);
  cursor: pointer;
}
.dark_theme .tickets_box_cover {
  padding-bottom: 8px;
  padding-top: 7px;
}
.dark_theme .company-detals .member-sign {
  border-left: 1px solid #6F6F6F;
}
.dark_theme .company-detals .card-body-app {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .company-detals .card-body-app ul li a {
  background: var(--dark-bg-color);
}
.dark_theme .company-detals .card-body-app-right .mt-10 {
  margin-top: 8px;
}
.dark_theme .company-detals .card-body-app ul li a img {
  padding:0px;
  padding-top: 10px;
}
.dark_theme .company-detals .header-top h5 {
  color: var(--white-color);
}
.dark_theme .company-detals .header-top .btn {
  color: var(--white-color);
}
.dark_theme .company-detals .card-body-app .traning {
  color: var(--white-color);
}
.dark_theme .company-detals .user-block-cover.note {
  background: var(--card-bg-color);
}
.dark_theme .company-detals .user-block-cover.note .note-text {
  background: var(--dark-bg-color);
}
.dark_theme .company-detals .user-block-cover.note .note-text p {
  color: var(--white-color);
}
.dark_theme .company-detals .user-block-cover.note .note-text span {
  color: var(--white-color);
}
.dark_theme .company-detals .card-body-app.traning-cover .progress {
  border: 1px solid #fff;
  background-color: #fff;
}
.dark_theme .company-detals .user-block-cover.member {
  background: var(--card-bg-color);
}
.dark_theme .company-detals .user-block-cover.member .card-box {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .company-detals .user-block-cover.member .card-box span {
  color: #747478;
}
.dark_theme .company-detals .user-block-cover.member .card-box .completed-text p {
  color: #ACACAC;
}
.dark_theme .company-detals .user-block-cover.member .card-box .playNow-btn {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--white-color);
}
.dark_theme .company-detals .header-top .add-mamber-see-all-btn {
  color: var(--white-color);
}
.dark_theme .member-limit-cover .cardbox-content .updated-btn {
  background: transparent;
}
.dark_theme .member-limit-cover .cardbox-content .number span {
  background: #fff;
  border: 1px solid #fff;
}
.dark_theme .member-limit-cover .cardbox-content .number span svg path {
  fill: #131314;
}
.dark_theme .member-limit-cover .cardbox-content .number span.plus {
  background: #fff;
  border: 1px solid #fff;
}
.dark_theme .member-limit-cover .cardbox-content .number input {
  background: #fff;
  border: 1px solid #737373;
  border-top: none;
  border-bottom: none;
  color: #131314;
}
.dark_theme .company-detals.company_companydetails .user-block-cover.member.event-attended .card-box span {
  margin-bottom: 0 !important;
  padding-bottom: 34px !important;
}
.dark_theme .dark_whole_company p {
  color: var(--white-color);
}
.dark_theme .company-detals .card-body-app-right ul li p {
  color: var(--white-color);
}
.dark_theme .member-limit-cover .cardbox-content p {
  color: var(--white-color);
}

.dark_theme .libraryModalCenter .modal-content {
  background-color: var(--dark-bg-color);
}

.dark_theme .achievements .card-box p {
  color: var(--white-color);
}
.dark_theme .right-sidebar-modal .modal-header .close {
  color: var(--white-color);
}
.dark_theme .right-sidebar-modal .modal-header .close:hover {
  color: var(--white-color);
}
.dark_theme .card {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .leftSac-accordion .card {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color) !important;
}
.dark_theme .happycourse.manage_course1 .leftSac-accordion .nav-link {
  background: var(--dark-bg-color);
}
.dark_theme .happycourse.manage_course1 .nav-tabs.flex-column .nav-link.active {
  background: var(--dark-bg-color);
}
.dark_theme .happycourse.manage_course1 .leftSac-accordion .content-video svg.feather_icon path {
  fill: var(--text-color);
}
.dark_theme .leftSac-accordion .card .card-header .btn-header-link {
  color: var(--white-color);
}
.dark_theme .leftSac-accordion .card .card-header .btn-header-link .feather_icon {
  margin-right: 3px;
}
.dark_theme .leftSac-accordion .card .card-header .btn-header-link .feather_icon path {
  fill: #acacac;
}
.dark_theme .happycourse .tab-content {
  background: var(--card-bg-color);
}
.dark_theme .happycourse.manage_course1 label {
  color: var(--white-color) !important;
}
.dark_theme .manage_course1 .badge h3 {
  color: var(--white-color);
}
.dark_theme .course-title-head {
  text-align: center;
  margin: 22px 0 10px;
  font-size: 20px;
  font-family: "GothamMedium";
  color: var(--white-color);
}
.dark_theme .cardbox {
  background-color: var(--dark-bg-color);
  border: solid 1px var(--dark-bg-color);
}
.dark_theme .happycourse.manage_course1 .form-control {
  background-color: var(--dark-bg-color) !important;
  border: solid 1px var(--dark-bg-color) !important;
  color: var(--white-color) !important;
}
.dark_theme .happycourse.manage_course1 .form-control::-webkit-input-placeholder {
  color: var(--white-color) !important;
}
.dark_theme .happycourse.manage_course1 .form-control:-ms-input-placeholder {
  color: var(--white-color) !important;
}
.dark_theme .happycourse.manage_course1 .form-control::placeholder {
  color: var(--white-color) !important;
}
.dark_theme .cardbox .cardbox-content p {
  color: var(--white-color);
}
.dark_theme .videobox-content p {
  color: var(--white-color);
}
.dark_theme .manage_course1 .accordion .cardbox .card-header .btn.collapsible-link {
  color: var(--white-color);
}
.dark_theme .video-cover-bg {
  background: var(--card-bg-color);
}
.dark_theme .video-cover {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .video-cover .btn-gary {
  background: var(--white-color);
}
.dark_theme .video-library-box .video-content p {
  color: var(--white-color);
}
.dark_theme .searbox .select2-container--default .select2-selection--single {
  border: solid 1px var(--dark-bg-color) !important;
}
.dark_theme .select2-container--default .select2-selection--single {
  background-color: var(--dark-bg-color);
}
.dark_theme .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--white-color) !important;
}
.dark_theme .manage_course1 .accordion .cardbox .card-body .form-control {
  background-color: var(--card-bg-color) !important;
  border: solid 1px var(--card-bg-color) !important;
}
.dark_theme .drag-drop .upload-video {
  background: var(--card-bg-color);

}

.dark_theme .drag-drop .upload-video label .formbold-drop-file {
  color: var(--white-color);
}
.dark_theme .drag-drop .upload-video label .formbold-or {
  color: var(--white-color);
}
.dark_theme .download-content {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .download-content .adddownload-pdf p {
  color: var(--white-color);
}
.dark_theme .libraryModalCenter .modal-header .modal-title {
  color: var(--white-color);
}
.dark_theme .libraryModalCenter .modal-header .close svg path {
  fill: var(--white-color);
}
.dark_theme .libraryModalCenter .table-responsive {
  background: var(--white-color);
}
.dark_theme .cardbox .cardbox-content .number span {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: #fff;
}
.dark_theme .cardbox .cardbox-content .number input {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: #fff;
}
.dark_theme .top-header-title.top-header-title-addproduct h1 {
  color: var(--white-color);
  opacity: 1;
}
.dark_theme .completion_box .cardbox {
  background-color: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
}

.dark_theme .addnewUsers .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--dark-bg-color);
  border: 1px solid #747478;
  color: #fff;
}
.dark_theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}
.dark_theme svg.coursePath-down-icon path {
  fill: #acacacac;
}
.dark_theme .product-cardBox-bg {
  background: var(--card-bg-color);
}
.dark_theme .true-grit-box label {
  color: var(--white-color);
}
.dark_theme .rediobtn-group-box {
  background: var(--card-bg-color);
}
.dark_theme .history .rediobtn-group-box {
  background: var(--dark-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .history .rediobtn-group-box.rediobtn-group-box-pad .form-control {
  background: var(--card-bg-color);
  color: var(--white-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .rediobtnbox .radio-label {
  color: var(--white-color);
}
.dark_theme .true-grit-box .qty-cover label {
  background: var(--card-bg-color);
  color: var(--white-color);
  border-radius: 0;
}
.dark_theme .true-grit-box .qty-cover .qty-box {
  background: var(--card-bg-color);
  border-left: 1px solid #555555;
}
.dark_theme .true-grit-box .qty-cover {
  border: 1px solid var(--card-bg-color);
}
.dark_theme .true-grit-box .qty-cover .qty-box .qty-number {
  background: transparent;
  color: var(--white-color);
  opacity: 0.8;
}
.dark_theme .coupon-code-cover {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .coupon-code-edit .coopanCoad {
  background: transparent;
  color: var(--white-color);
}
.dark_theme .btn-group-cover {
  border: 1px solid #02A60D !important;
}
.dark_theme .coaching-amount .delete_icone {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .btn-group-cover.btn-group-cover-product {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color) !important;
}
.dark_theme .btn-group-cover.btn-group-cover-product h5 {
  color: var(--white-color);
}
.dark_theme .product-account {
  background: var(--card-bg-color);
}
.dark_theme .product-account table tr td {
  color: #fff;
}
.dark_theme .product-account table tr th {
  color: #fff;
}
.dark_theme .product-account table .total-amount {
  border-top: 1px solid var(--dark-bg-color);
}
.dark_theme .btn-group-cover.btn-group-cover-product.quantity-product-cover {
  padding: 5px 10px 5px 20px;
}
.dark_theme .btn-group-cover.btn-group-cover-product.quantity-product-cover h5 {
  opacity: 1;
  color: var(--white-color) !important;
  font-size: 16px;
}
.dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode .table-striped > tbody > tr:nth-of-type(odd) > * {
  background: var(--card-bg-color);
}
.dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered td, .dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered th {
  background: var(--card-bg-color);
  border-bottom: none;
}
.dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode #apply-promocode {
  border: 1px solid #555555 !important;
}
.dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode #apply-promocode .input-group .form-control {
  color: var(--white-color) !important;
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode #apply-promocode .input-group .form-control::placeholder{
  color: var(--white-color) !important;
  opacity: 1;
}

.dark_theme .addNewCompany .content .table-responsive.table-responsive-promocode .table-bordered th {
  color: var(--white-color);
}
.dark_theme .course_bundles_plan h5 {
  color: var(--white-color);
}
.dark_theme .course_bundles_plan.course_bundles_technician {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .course_bundles_plan.course_bundles_technician h6 {
  color: var(--white-color);
}
.dark_theme .completion_box .cardbox .cardbox-content p {
  color: var(--white-color);
}
.dark_theme .completion_box .delete_icone {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .completion_box .cardbox .cardbox-content .number input {
  border: 1px solid #747478;
}
.dark_theme .add_coaching_plan_upload.badge.add_coaching_plan_upload1 .cardbox {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .badge .cardbox .uploadbadge p {
  color: var(--white-color);
}
.dark_theme .badge .cardbox .uploadbadge p span {
  color: var(--main-light-color);
}
.dark_theme .badge .cardbox .filename p {
  color: var(--white-color);
}
.dark_theme .badge .cardbox .filename ul li .btn-trash {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .badge .cardbox .uploadbadge .btn-gary {
  background: var(--dark-bg-color);
}
.dark_theme .main_attendance .btn-default {
  background: var(--card-bg-color) !important;
  border-color: var(--card-bg-color) !important;
}
.dark_theme .main_attendance .btn.btn-default.today_btn {
  background-color: var(--card-bg-color) !important;
  color: var(--white-color) !important;
}
.dark_theme .main_attendance .input-group.date .form-control {
  background: var(--card-bg-color) !important;
  border-color: var(--card-bg-color) !important;
  color: var(--white-color) !important;
}
.dark_theme .main_attendance .attendance_container .card-default .main_header {
  color: #fff;
  background: var(--card-bg-color) !important;
}
.dark_theme .main_attendance .attendance_container .card-default .main_header .card-title {
  color: #fff;
}
.dark_theme .main_attendance .attendance_container .card {
  border: 1px solid #555555;
}
.dark_theme .main_attendance .attendance_container .other_cards {
  background: var(--card-bg-color) !important;
  border-left: 1px solid #555555 !important;
  border-right: 1px solid #555555 !important;
  border-bottom: 1px solid #555555 !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .sub_header {
  color: #fff !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .sub_header div span {
  color: #2E2926 !important;
  background: #fff !important;
  border: 1px solid #fff !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .card-body .table-bordered {
  background: var(--card-bg-color) !important;
  color: #fff !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .card-body .table-bordered th {
  border-bottom: 1px solid #555555 !important;
  border-top: 1px solid #555555 !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .card-body .table-bordered td {
  border-bottom: 1px solid #555555 !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .card-body .table-hover tbody tr:hover {
  color: #fff !important;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .card-body .table-bordered td a {
  color: #009BDE;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .card-body .table-bordered td a:hover {
  color: #009BDE;
}
.dark_theme .happycourse .nav-tabs.flex-column .nav-link.active {
  border-color: var(--card-bg-color);
  background: var(--card-bg-color);
}
.dark_theme .happycourse .nav-tabs.flex-column .nav-link {
  border: 1px solid var(--card-bg-color);
}
.dark_theme .happycourse .nav-tabs.flex-column .nav-link:hover {
  border-color: var(--card-bg-color);
}
.dark_theme .happycourse .tab-content .user-block-cover.member .card-box {
  background: var(--dark-bg-color);
}
.dark_theme .happycourse .tab-content .practice p {
  color: var(--light-bg-color);
}
.dark_theme .happycourse .tab-content .coach::before {
  border-top: 1px solid var(--text-gray);
}
.dark_theme .company-detals .user-block-cover.member .card-box ul li {
  color: var(--white-color);
}
.dark_theme .commission.table-responsive .table {
  background-color: var(--card-bg-color);
}
.dark_theme .form-control.addAttendance-btn {
  background: var(--card-bg-color);
  color: var(--white-color) !important;
  border: 1px solid var(--card-bg-color);
}
.dark_theme .addAttendance-bdr {
  color: var(--card-bg-color);
}
.dark_theme .top-header-title h1 {
  color: var(--white-color);
}
.dark_theme .addcategory-plan {
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
}
.dark_theme .addcategory-plan h6 {
  color: var(--white-color);
}
.dark_theme .addgraduation-box {
  border: solid 1px var(--card-bg-color);
  background-color: var(--card-bg-color);
}
.dark_theme .addgraduation-box .add-graduation p {
  color: var(--white-color);
}
.dark_theme .graduation-card {
  background: var(--card-bg-color);
}
.dark_theme .addmeeting .resuring-btn {
  background: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
}
.dark_theme .addmeeting .resuring-btn .btn-toggle {
  bottom: inherit;
  margin-left: auto;
}
.dark_theme .weekbox {
  background: var(--card-bg-color);
}
.dark_theme .weekbox p {
  color: var(--white-color);
}
.dark_theme .daytime .form-control {
  background-color: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .daytime .form-floating .fa-times {
  background: var(--dark-bg-color);
}
.dark_theme .weekday li a {
  background: var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .daytime .add-btn {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .cardBox-bg {
  background: var(--card-bg-color);
}
.dark_theme .office-staff-box {
  background: var(--dark-bg-color);
}
.dark_theme .office-staff-content sup {
  color: var(--light-bg-color);
}
.dark_theme .office-staff-content label {
  color: var(--light-bg-color);
}
.dark_theme .office-staff-head {
  background: #555;
}
.dark_theme .office-staff-head p {
  color: var(--white-color);
}
.dark_theme .office-staff-content-cover {
  border-top: 1px solid #555555;
}
.dark_theme .office-staff-head .expired-box .addon {
  background: var(--card-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .title-product-list h2 {
  opacity: 1;
  color: var(--white-color);
}
.dark_theme .product-list {
  background: var(--dark-bg-color);
}
.dark_theme .product-price-lable.product-list-lable {
  background: var(--card-bg-color);
  color: var(--light-bg-color) !important;
}
.dark_theme .form-group.form-group-flax .renew-plan {
  background: var(--dark-bg-color);
  color: var(--light-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .rightside-cardBox-bg .office-staff-box {
  background: var(--dark-bg-color);
  color: var(--light-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .form-floating-tab.on {
  padding: 20px 0px 20px;
}
.dark_theme .mainsteper .stepwizard-step a p {
  color: var(--white-color);
}
.dark_theme .addquestion .form-control.form-control-opacity {
  color: var(--white-color) !important;
}
.dark_theme .adminUser .table-bordered {
  border-bottom: 1px solid #555555;
  border: 1px solid #555555 !important;
  border-collapse: collapse !important;
}
.dark_theme .table-striped tbody tr:nth-of-type(even) {
  background: var(--card-bg-color) !important;
}
.dark_theme .table-striped tbody tr:nth-of-type(odd) {
  background: #4D4D4D;
}
.dark_theme .adminUser .table-bordered td,
.dark_theme .table-bordered th {
  border: 1px solid #555555;
  border-left: none;
  border-right: none;
  color: var(--white-color);
}
.dark_theme .table-bordered th {
  color: var(--light-bg-color);
}
.dark_theme .adminUser.telemetry .table-bordered td pre{
  color: var(--white-color);
}
.dark_theme .adminUser .table-bordered td:first-child {
  border-left: 1px solid #555555;
}
.dark_theme .adminUser .table-bordered td:last-child {
  border-right: 1px solid #555555;
}
.dark_theme .adminUser .table-bordered thead {
  background: var(--card-bg-color);
}
.dark_theme .card-top .form-control {
  background: var(--card-bg-color);
  border: 1px solid #555555;
}
.dark_theme .card-top .form-control::placeholder{
  color: var(--white-color);
  opacity: 1;
}
.dark_theme .card-top .input-group-append img{
  filter: brightness(0) invert(1);
  opacity: 1;
}

.dark_theme .card-top .input-group-append .fa-search {
  color: var(--main-light-color);
}
.dark_theme .company .card-top .input-group-append .fa-search {
  color: var(--white-color);
}
.dark_theme .pagination li .page-link {
  border: 1px solid #555555;
  background: var(--card-bg-color);
}
.dark_theme .page-item.disabled .page-link {
  border: 1px solid #555555;
  background: #464646 url("../img/angle-left.svg") no-repeat center;
  background-size: 8px;
}
.dark_theme .page-item:first-child .page-link {
  border: 1px solid #555555;
  background: #464646 url("../img/angle-left-white.svg") no-repeat center;
  background-size: 8px;
}
.dark_theme .page-item:last-child .page-link {
  border: 1px solid #555555;
  background: #464646 url("../img/angle-left-white.svg") no-repeat center;
  background-size: 8px;
}
.dark_theme .page-link:focus {
  box-shadow: none;
}
.dark_theme div.dataTables_wrapper div.dataTables_info {
  color: var(--text-color);
}
.dark_theme .bottom #table_id_info {
  color: var(--white-color);
}
.dark_theme div.dataTables_wrapper div.dataTables_length label {
  color: var(--white-color);
}
.dark_theme div.dataTables_wrapper div.dataTables_length select {
  color: var(--text-color) !important;
}
.dark_theme .bottom #table_id_length .custom-select {
  background: #464646 url(../img/arrow-down-course-white.svg) right 0.75rem center/12px 7px no-repeat !important;
  color: var(--white-color) !important;
}
.dark_theme .company .adminUser .table tbody td:nth-child(2) a p {
  color: var(--white-color);
}
.dark_theme .coachingplan .card-top .input-group-append .fa-search {
  color: var(--white-color);
}
.dark_theme .coachingplan .table-bordered td p {
  color: var(--white-color);
}
.dark_theme .coachingplan .table-bordered td ul.description-list li {
  color: var(--white-color);
}
.dark_theme .coachingplan .table-bordered td ul.description-list li::before {
  background: var(--white-color);
}
.dark_theme .company .adminUser .table tbody td:nth-child(2) a .fa-external-link-alt {
  color: var(--white-color);
}
.dark_theme .company_attendance .table-striped tbody tr.bgwhite {
  background: var(--card-bg-color);
}
.dark_theme .company_attendance .adminUser .table tbody td:nth-child(1) a p {
  color: var(--white-color);
}
.dark_theme .company_attendance .adminUser .table tbody td:nth-child(1) a .fa-external-link-alt {
  color: var(--white-color);
}
.dark_theme .company .card-top .input-group .calender-box li .calender-item {
  background: var(--card-bg-color);
  color: var(--light-bg-color);
  border: 1px solid #555555;
}
.dark_theme .company .card-top .select-calender {
  background: var(--card-bg-color);
  border: 1px solid #555555;
  color: var(--light-bg-color);
}
.dark_theme .company_attendance .table-striped tbody tr.bggray {
  background: #4D4D4D !important;
}
.dark_theme .member-page .card-top .btn-group-right .btn-outline {
  background: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .company_member_emport .form-group label {
  color: var(--white-color);
}
.dark_theme .right-sidebar-modal .box-text {
  background: #696663;
}
.dark_theme .right-sidebar-modal .box-text p {
  color: var(--white-color);
}
.dark_theme .right-sidebar-modal .box-text span {
  color: var(--light-bg-color);
}
.dark_theme #notes_load_more {
  background: #696663;
  border: solid 1px #696663;
}
.dark_theme .right-sidebar-modal .form-control {
  background: #696663;
  border-color: #696663;
}
.dark_theme .attendance.addNewCompany .card-top .input-group .form-control {
  background-color: var(--dark-bg-color) !important;
}
.dark_theme .attendance.addNewCompany .card-box {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .attendance.addNewCompany .btn-toggle-green {
  position: absolute;
  bottom: 15px;
}
.dark_theme .member_memberdetails .scheduled-meeting .card-box {
  display: inline-block;
  width: 100%;
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .scheduled-meeting .card-box ul li {
  color: var(--white-color);
}
.dark_theme .company-detals .user-block .user-details .description a {
  color: var(--light-bg-color);
}
.dark_theme .company-detals .user-block .user-details .description a .fas.fa-envelope {
  color: var(--light-bg-color);
}
.dark_theme .company-detals .user-block .user-details .description a .fas.fa-phone-alt {
  color: var(--light-bg-color);
}
.dark_theme .company-detals .user-block-cover.member-detalis-box .member-sign ul li .fa-shopping-bag {
  color: var(--light-bg-color);
}
.dark_theme .company-detals .user-block-cover.member-detalis-box .member-sign ul li {
  color: var(--light-bg-color);
}
.dark_theme .company-detals .user-block-cover.member-detalis-box .member-sign p {
  color: var(--light-bg-color);
}
.dark_theme .company_memberdetails .ranking-cover .ranking-item.ranking-bdr-left {
  border-left: 1px solid #555555;
}
.dark_theme .company-detals.member-detail .box-text-bottom {
  border-top: 1px solid #555555;
}
.dark_theme .company-detals.member-detail .graduation-cover .card-box-cover {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .company-detals.member-detail .user-block-cover.graduation-cover {
  background: var(--card-bg-color);
}
.dark_theme .company-detals.member-detail .graduation-content ul {
  border-top: 1px solid #555555;
}
.dark_theme .company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--white-color);
}
.dark_theme .company-detals.member-detail .user-block-cover.member .card-box.add-card-box {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting span {
  color: var(--white-color);
}
.dark_theme .company-detals.member-detail .user-block-cover.member.meeting .card-box .addmeeting .fa-plus {
  color: var(--white-color);
  border: solid 2px var(--white-color);
}
.dark_theme .company-detals.member-detail .history {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--white-color);
}
.dark_theme .company-detals .header-top .btn-group .add-btn {
  background: transparent;
}
.dark_theme .scheduled-meeting .card-box {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .company-detals .member-sign p {
  color: var(--light-bg-color);
}
.dark_theme .member-happycourse .happycourse-card {
  background: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
}
.dark_theme .happycourse .nav-tabs.flex-column .nav-link:hover {
  border-color: var(--button-bg-color);
}
.dark_theme .member-happycourse .client-happy-call {
  background: var(--dark-bg-color);
  border: 1px solid #555555;
}
.dark_theme .member-happycourse .client-happy-call .client-happy p {
  color: var(--light-bg-color);
}
.dark_theme .member-happycourse .client-happy-call .btn-download {
  background: var(--card-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .card_bundal {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .event-block-cover {
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
}
.dark_theme .event-block-cover .card-box {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .event-block-cover h2 {
  color: var(--white-color);
}
.dark_theme .event-block-cover .datebottm small {
  color: var(--white-color);
}
.dark_theme .event-block-cover .datebottm p {
  color: var(--light-bg-color);
}
.dark_theme .company-detals .header-top .btn-group.event-btn-group .add-btn.export-btn {
  color: var(--white-color);
}
.dark_theme .company-detals .header-top .btn-group.event-btn-group .add-btn.export-btn svg path {
  fill: var(--white-color);
}
.dark_theme .btnleft .graduated-btn {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .btnright .playNow-btn {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .login-page,
.dark_theme .register-page {
  background-color: var(--dark-bg-color);
}
.dark_theme .login_inner {
  background: var(--dark-bg-color);
}
.dark_theme .login-box-msg, .dark_theme .register-box-msg {
  color: var(--white-color);
}
.dark_theme .card-content {
  border-top: solid 5px var(--button-bg-color);
}
.dark_theme .card-menu-item span {
  color: var(--white-color);
}
.dark_theme .card-menu-item p {
  color: var(--light-bg-color);
}
.dark_theme .card-menu-item .btn-radius {
  background: var(--card-bg-color);
  color: var(--light-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .btn-radius .fa-arrow-right {
  color: var(--light-bg-color);
}
.dark_theme .quoteday {
  background: var(--card-bg-color);
}
.dark_theme .quoteday p {
  color: var(--light-bg-color);
}
.dark_theme .quoteday a {
  background: var(--dark-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .servicemvp a {
  border: 1px solid #555555;
}
.dark_theme .card-list a {
  background: transparent;
  border: 1px solid #2e2e2e;
}
.dark_theme .card-list a .contentBox p {
  color: var(--light-bg-color);
}
.dark_theme .card-list a .imgBox.imgBox-content h2 {
  color: var(--light-bg-color);
}
.dark_theme .trip-sales h6 {
  color: var(--light-bg-color);
}
.dark_theme .trip-sales p {
  color: var(--light-bg-color);
}
.dark_theme .trip-sales .sales-btn {
  border-bottom: 2px solid var(--card-bg-color);
}
.dark_theme .trip-sales h2 {
  color: var(--white-color);
}
.dark_theme .trip-sales .bdr {
  border-top: 2px solid var(--card-bg-color);
}
.dark_theme .trip-sales h4 {
  color: var(--white-color);
}
.dark_theme .course_bundal_title h2 {
  color: var(--white-color);
  font-size: 26px;
}
.dark_theme .course_bundal_title p {
  color: var(--light-bg-color);
  font-size: 20px;
}
.dark_theme .course_card_box {
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .course-card__body h3 {
  color: var(--white-color);
  font-size:18px;

}
.dark_theme .course-card__body p {
  color: var(--light-bg-color);
}
.dark_theme .course-card__body .course-card__price {
  background-color: var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .course .user-block-cover .plr-10 {
  margin-top: 15px;
}
.dark_theme .courses-chapter-content svg path {
  filter: invert(1);
}
.dark_theme .courses-box .courses-chapter-content h2 {
  color: var(--white-color);
}
.dark_theme .courses-box .courses-chapter-content p {
  color: var(--light-bg-color);
}
.dark_theme .course .card.courses-cover-box .user-block-cover.member {
  background: transparent;
  border: none;
}
.dark_theme .happycourse.manage_course1 .new-chapter {
  background: var(--card-bg-color);
}
.dark_theme .happycourse.manage_course1 .new-chapter label {
  color: var(--white-color);
}
.dark_theme .happycourse.manage_course1 .new-lessons {
  background: var(--card-bg-color);
}
.dark_theme .happycourse.manage_course1 .new-lessons label {
  color: var(--card-bg-color);
}
.dark_theme .happycourse.manage_course1 .new-lessons a .content-video {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .happycourse.manage_course1 .new-lessons .content-bix h3 {
  color: var(--light-bg-color);
}
.dark_theme .happycourse.manage_course1 .new-lessons .content-video svg path {
  fill: var(--light-bg-color);
}
.dark_theme .card_bundal .card_bundal_content .card_call_left h2 {
  color: var(--white-color);
}
.dark_theme .card_bundal .card_bundal_content .card_call_right .playNow-btn {
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .happycourse .tab-content.my_bundle_content .my_bundle_card {
  background: var(--card-bg-color);
}
.dark_theme .form-group-coursecard h2 {
  color: var(--white-color);
}
.dark_theme .my_bundle_card .course_empty .course_empty_text h2 {
  color: var(--white-color);
}
.dark_theme .my_bundle_card .course_empty .course_empty_text p {
  color: var(--light-bg-color);
}
.dark_theme .addcourse {
  border-radius: 6px;
}
.dark_theme .form-group-happycourse .form-group-happycourse-title h1 {
  color: var(--white-color);
}
.dark_theme .form-group-happycourse .form-group-happycourse-title svg path {
  fill: var(--light-bg-color);
}
.dark_theme .happycourse .tab-content.my_bundle_content .my_bundle_card .form-group-happycourse-card.form-control .cardbox {
  background: var(--card-bg-color);
}
.dark_theme .happycourse .tab-content.my_bundle_content .my_bundle_card .form-group-happycourse-card.form-control .cardbox .cardbox-content .number span {
  color: var(--white-color);
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .happycourse .tab-content.my_bundle_content .my_bundle_card .form-group-happycourse-card.form-control .cardbox .cardbox-content .number input {
  color: var(--white-color);
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .happycourse.company-detals.manage_course1 .nav-tabs.flex-column .nav-link.active {
  background: var(--card-bg-color);
  border: 2px solid #009BDE;
}
.dark_theme .happycourse.company-detals.manage_course1 .nav-tabs.flex-column .nav-link .content-bix h3 {
  color: var(--white-color);
}
.dark_theme .member-happycourse .manage_preview_content .client-happy-call .btn-download {
  background: var(--card-bg-color);
}
.dark_theme .drag-drop p {
  color: var(--light-bg-color);
}
.dark_theme .manage_upload_video .form-group.form_progress {
  border-top: solid 1px var(--card-bg-color);
}
.dark_theme .manage_upload_video .form-group.form_progress label {
  color: var(--white-color);
}
.dark_theme .manage_upload_video .progress_cover .progress_div span {
  color: var(--white-color);
}
.dark_theme .manage_upload_video .download-content {
  background: var(--card-bg-color);
}
.dark_theme .manage_contentLibrary .btn-archive {
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
  color: var(--light-bg-color);
}
.dark_theme .manage_videoLibrary .table thead th {
  border-bottom: none;
  border: none !important;
}
.dark_theme .manage_videoLibrary .table-bordered thead {
  background: var(--card-bg-color);
}
.dark_theme .manage_videoLibrary .table-bordered td:first-child {
  border-left: 1px solid #555555;
}
.dark_theme .manage_videoLibrary .table-bordered td:last-child {
  border-right: 1px solid #555555;
}
.dark_theme .manage_videoLibrary .table-bordered td {
  border: 1px solid #555555;
  border-left: none;
  border-right: none;
  color: var(--white-color);
}
.dark_theme .manage_videoLibrary .table-bordered {
  border-bottom: none;
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary h3.title-details {
  color: var(--white-color);
  border-bottom: 1px solid #555555;
}
.dark_theme .manage_contentLibrary .video-content p {
  color: var(--light-bg-color);
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary label {
  color: var(--white-color);
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary .select2-container .select2-selection--multiple {
  background: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary .select2-container--default .select2-search--inline .select2-search__field {
  color: var(--white-color);
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary .select2-container--default .select2-search--inline .select2-search__field::placeholder{
  opacity: 1;
  color: var(--white-color);
}
.dark_theme .select2-results__message{
  color: var(--white-color);
}

.dark_theme .happycourse.manage_course1.manage_contentLibrary .card-box-item {
  background: var(--dark-bg-color);
  border: solid 1px var(--dark-bg-color);
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary .card-box-item h2 {
  color: var(--white-color);
}
.dark_theme .happycourse.manage_course1.manage_contentLibrary .card-box-item p {
  color: var(--light-bg-color);
}
.dark_theme .manage_vieoLibrary_upload .content-video {
  background: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
}
.dark_theme .manage_vieoLibrary_upload .content-video svg path {
  fill: var(--white-color);
}
.dark_theme .manage_vieoLibrary_upload .content-bix h3 {
  color: var(--white-color) !important;
}
.dark_theme .manage_vieoLibrary_upload .content-bix p {
  color: var(--light-bg-color) !important;
}
.dark_theme .company-detals.member-detail .graduation-cover .card-box {
  background: var(--dark-bg-color);
  border: solid 1px var(--dark-bg-color);
}
.dark_theme .adminUser.question .table thead th {
  color: var(--light-bg-color);
}
.dark_theme .adminUser.question .table tbody td p {
  color: var(--white-color);
}
.dark_theme .select2-container--default .select2-results__option[aria-selected=true]{
  background-color: var(--button-bg-color);
  color: var(--white-color);
}
.dark_theme .select2-container--default .select2-dropdown{
  background: var(--card-bg-color) !important;
  border: 1px solid #555555 !important;
color: var(--white-color);
}
.dark_theme .select2-container--default .select2-search--inline .select2-search__field{
  color:var(--white-color);
}


.dark_theme .select2-container--default .select2-search--dropdown .select2-search__field{
  background: transparent;
  color: var(--white-color);
  border: 1px solid #555555 !important;
}

.dark_theme .select2-container--default .select2-results>.select2-results__options{
  margin-right: 10px;
}
.dark_theme ::-webkit-scrollbar-track{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color:#E3E3E3;
  border-radius: 6px;
  opacity: 0.15;
}

.dark_theme ::-webkit-scrollbar{
  border-radius: 6px;
	width: 6px;
	background-color:#E3E3E3;
}

.dark_theme ::-webkit-scrollbar-thumb{
	background-color:#ACACAC;
  border-radius: 6px;

}
.dark_theme .table-responsive.table-responsive-promocode{
  height: auto;
}

.dark_theme .addquestion .form-floating.fix-floating-label textarea{
  color: var(--white-color) !important;
}
.dark_theme .card-top-header .dropdown-btn .dropdown-menu{
background: var(--card-bg-color);
color: var(--white-color);
border: 1px solid var(--card-bg-color);
}
.dark_theme .card-top-header .dropdown-btn .dropdown-menu .dropdown-item{
  color: var(--white-color);
}

.card-top-header .dropdown-btn .dropdown-menu .dropdown-item:hover{
  color: var(--white-color);
  background: var(--button-bg-color);
}

.dark_theme .phone-number-group-cover .iti__country-list{
  background: var(--card-bg-color);
color: var(--white-color);
border: 1px solid var(--card-bg-color);
}
.dark_theme .title-top a{
  color: var(--light-bg-color);
}




/* bug fixing 20/10/2023 */
.dark_theme .iti__flag-container .iti__country-list{
  background: var(--card-bg-color);
color: var(--white-color);
border: 1px solid var(--card-bg-color);
}




.dark_theme .addNewCompany .iti--separate-dial-code .iti__selected-flag{
  background: var(--dark-bg-color) !important;
  color: var(--white-color) !important;
      border-right: 1px solid #555555 !important;
      width:100px !important;
      padding: 0 6px 0 10px !important;
  }


  .dark_theme .addNewCompany .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background: var(--dark-bg-color);
  color: var(--white-color);
  }
  .dark_theme .adminUser .table-bordered td a {
    color: var(--white-color);
    text-decoration: underline;
}
.dark_theme .table{
border: 1px solid #555555 !important;
}

.dark_theme .company .adminUser .table tbody td a .fa-external-link-alt{
color: var(--white-color);
}

.dark_theme .multiselect-container.dropdown-menu.show{
background: var(--card-bg-color);
color: var(--white-color);
border: 1px solid var(--card-bg-color);
}

.dark_theme .multiselect-container>li>a>label{
display: flex;
    align-items: flex-start;
    justify-content: left;
    font-weight: normal !important;
position: relative;
color: var(--white-color);
}
.dark_theme .multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 0;
    left: 20px;
    position:absolute;
    top: 8px;
}
.dark_theme .coaching_product_id_container .multiselect{
background: var(--card-bg-color) !important;
color: var(--white-color);
border: 1px solid var(--card-bg-color);
}
.dark_theme .company-detals .user-block-cover.member #my_meetings_list a{
  color: var(--button-bg-color);
}
.dark_theme .company-detals .header-top .btn-group .add-btn a{
  color: var(--button-bg-color);
}
.dark_theme .company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn .fa-upload{
  color: var(--white-color);
}

.dark_theme .course.manage_products .content.coachingplan.adminUser.manage_courseBundles .user-block-cover.member {
  background: transparent;
  border: none;
}
.dark_theme .coachingplan.adminUser.manage_courseBundles .pagination li{
  border: 1px solid #555555;
  color: #6c757d;
  background: #464646;
}
.dark_theme .coachingplan.adminUser.manage_courseBundles .pagination li.active{
  background: #009BDE;
  border: 1px solid #009BDE;

}
.dark_theme .coachingplan.adminUser.manage_courseBundles .pagination a{
  color: #fff;
}
.dark_theme .coachingplan.adminUser.manage_courseBundles .pagination li a:hover{
color: var(--white-color) !important;
}

.dark_theme .coachingplan .select2-container .select2-selection--single{
  background-color: var(--card-bg-color) !important;
  border: 1px solid #555555 !important;
}

.dark_theme .member-page .card-top .btn-group-right a .btn-copy{
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
  color: var(--white-color);
}

.dark_theme .happycourse .tab-content .set_custom_checkbox_content {
  border: solid 1px #464646 !important;
  background:var(--dark-bg-color) !important;
}

.dark_theme .right-sidebar-modal{
  color: var(--white-color);
}

.dark_theme #quickForm .status-form-group{
  background: transparent;
}
#previous_goal {
  color: var(--white-color);
}



.dark_theme .company_addnewmember .content .table-bordered td:last-child {
  border-right: none;
}
.dark_theme .company_addnewmember .content .table-bordered td:first-child {
  border-left: none;
}
.dark_theme .company_addnewmember .content .table thead{
  background: var(--card-bg-color);
}

.dark_theme .company .card-top .input-group-clear{
  background: var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}

.dark_theme .wrapper .content-wrapper {
    min-height: calc(100vh - 0px) !important;
}
.weekday-subtext {
  color: var(--main-color);

}
.dark_theme .weekday-subtext {
  color:var(--white-color);
}

.dark_theme .table-bordered tr{
  border-bottom: none !important;
}

.dark_theme .product_plan_type_element{
  border-radius: 5px;
}
.dark_theme .product_plan_type_element .cardbox.library-modal{
  background: var(--card-bg-color);
  border: solid 1px var(--card-bg-color);
}

.dark_theme .product_recurring_duration_custom .true-grit-box .qty-cover{
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
  height: 60px;
}
.dark_theme .product_recurring_duration_custom .true-grit-box .qty-cover label{
  background: transparent;
  color: var(--white-color);
  border-radius: 0;
}
.dark_theme .product_recurring_duration_custom .true-grit-box .qty-cover .qty-box {
  background: transparent;
  border-left: 1px solid #555555;
}
.dark_theme .duration_selection_element .form-floating-tab.on {
  padding: 0;
}
.dark_theme .manage_contentLibrary .table-bordered td a.video-title{
  color: var(--white-color);
}
.dark_theme .libraryModalCenter .manage_contentLibrary .table-bordered td{
  color: var(--white-color);
}
.dark_theme .libraryModalCenter .table-bordered>:not(caption)>*>* {
  border-width: 0px;
}
.dark_theme .manage_contentLibrary .table-bordered td:first-child{
  border-left: none;
}
.dark_theme .table>:not(caption)>*>*{
  box-shadow: none;
}
.dark_theme .modal-dialog-centered .manage_contentLibrary .content_library_div .table-bordered{
background: var(--card-bg-color);
}
.dark_theme .post_event_access_duration_container{
  border: 1px solid #555555;
  border-radius: 5px;
}
.dark_theme .post_event_access_duration_container>div {
  color: #fff !important;
}

.dark_theme .product_graduation_badge_container .form-control {
  background-color: var(--dark-bg-color);
  border: 1px solid var(--dark-bg-color);
  color: var(--white-color) !important;
}

.dark_theme .product_graduation_badge_container .add_coaching_plan_upload.badge.add_coaching_plan_upload1 .cardbox.cardbox-mobile{
  background: var(--dark-bg-color);
  border: 1px solid var(--card-bg-color);
}

.dark_theme .product_graduation_badge_container .select-file-cover .uploadbadge .btn-gary {
  background: var(--card-bg-color);
  color: var(--white-color);
 }
 .dark_theme .nav-sidebar>.nav-item .nav-link .nav-icon.nav-icon-setting path {
  fill: transparent !important;
  stroke: #fff;
}
.dark_theme .right-sidebar-modal .modal.right .modal-content{
  background-color: var(--card-bg-color);
}

.dark_theme .attendance_container .alert.alert-default{
  color: #fff;
}
.dark_theme .company-detals.member-detail .graduation-content ul li small{
  color: var(--white-color);
}

.dark_theme .addNewCompany .aditmember-drowpdown .iti--separate-dial-code .iti__selected-flag {
  background: var(--dark-bg-color);
  color: var(--white-color);
  border-right: 1px solid #555555;
}
.dark_theme .addNewCompany .aditmember-drowpdown .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background: var(--dark-bg-color);
  color: var(--white-color);
}

.dark_theme .company_addnewmember .iti--separate-dial-code .iti__selected-flag{
  background-color:var(--dark-bg-color)
}
.dark_theme .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: var(--white-color);
}
.dark_theme .participant_container{
  color: var(--white-color);
}
.dark_theme .btnleft .graduated-btn.mark_as_in_complete_graduation_event, .company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn.mark_as_in_complete_graduation_event{
  color: var(--main-color);
}

.dark_theme .swal2-popup{
  background: var(--card-bg-color);
}
.dark_theme .swal2-content{
  color: var(--white-color);
}

.dark_theme .ui-widget-content{
  border: 1px solid var(--card-bg-color) !important;
  background: var(--card-bg-color) !important;
}
.dark_theme .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background: var(--card-bg-color)!important;
}
.dark_theme .plupload_header_title{
  color:var(--white-color) !important;
}
.dark_theme .plupload_header_text{
  color:var(--white-color) !important;
}
.dark_theme .ui-widget-header{
  background: var(--card-bg-color)!important;
  border:none !important;
  color: var(--white-color) !important;
}
.dark_theme .plupload_wrapper .plupload_content{
  background: var(--dark-bg-color) !important;
  width: calc(100% - 20px) !important;
  margin: 0 auto !important;
}
.dark_theme .plupload_dropbox .plupload_droptext{
  color: var(--white-color) !important;
}

.dark_theme .manage_contentLibrary .alert.alert-default {
  background-color: var(--card-bg-color) !important;
  border: 1px solid #555555 !important;
  text-align: center;
}

.dark_theme .manage_contentLibrary .card-top-contentlibrary .download_icon{
  background-color: var(--card-bg-color) !important;
}
.dark_theme .manage_contentLibrary .card-top-contentlibrary .download_icon .fa.fa-download {
  color: #fff;
}
.dark_theme .newbundalmMdal .modal-title{
  color: var(--white-color);
}
.dark_theme .newbundalmMdal .close span{
  color: var(--white-color);
}
.dark_theme .newbundalmMdal p.linktext{
  color: var(--white-color);
}
.dark_theme .my_bundle_card .publish_card .publish_content h2{
  color: var(--white-color);
}
.dark_theme .my_bundle_card .publish_card .publish_content p{
  color: var(--white-color);
}
.dark_theme .my_bundle_card .btn-unpublish{
  color: var(--white-color);
  background: var(--dark-bg-color);
  border: solid 1px var(--dark-bg-color);
}

.dark_theme .happycourse.manage_course1 .leftSac-accordion .nav-link.active{
  background: var(--dark-bg-color) !important;
  border: 1px solid #009BDE;
}


.dark_theme .addnewUsers .iti--separate-dial-code .iti__selected-flag{
  background-color: transparent !important;
  border-right: 1px solid #555555 !important;
  color: var(--white-color) !important;
}
.dark_theme .addnewUsers .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
  background-color: transparent;
}


.dark_theme .happycourse .tab-content.my_bundle_content .my_bundle_card .form-floating.badge-locked .form-control{
  padding: 10px 20px 10px !important;
  font-size: 16px !important;
}
.dark_theme .sidebar nav.mt-2{
  height: auto;
}
.dark_theme .main_attendance .attendance_container .other_cards.card-default .sub_header div span.meeeting_live_btn_icon{
  background: #02A60D !important;
}

.dark_theme .layout-fixed .wrapper .sidebar:hover {
  overflow-y: hidden !important;
}
.dark_theme .manage_course1 .accordion .cardbox .card-body .survey_choice_container .Choice-cord-box .text-gray {
  color: #fff!important;
}
.dark_theme .manage_course1 .accordion .cardbox .card-body .survey_choice_container .Choice-cord-box input.form-control.survey_question_choice {
  background-color:var(--dark-bg-color) !important;
}
.dark_theme .survey_choice_container .Choice-cord-box {
  background:var(--card-bg-color);
  border: 1px solid var(--card-bg-color);
}
.dark_theme .nav-sidebar .nav-item>.nav-link .nav-icons path{
  stroke: #fff;
}


.dark_theme .library-tabs h5{
  padding: 20px 0 10px;
}
.dark_theme .top5_courses_section .owl-nav .owl-next span{
  filter: brightness(0) invert(1);
  opacity: 1;
}
.dark_theme .top5_courses_section .owl-nav .owl-prev span{
  filter: brightness(0) invert(1);
  opacity: 1;
}

.dark_theme .happycourse .nav-link .fa-angle-right{
  color: #fff;
  opacity: 1;
}
.dark_theme .happycourse .tab-content.my_bundle_content{
  background: transparent;
}
.dark_theme .happycourse .nav-tabs.flex-column .nav-link svg.right-arrow path {
  fill: #fff;
}

.dark_theme .company_addnewmember .content .table-bordered .form-group .select2-container--default .select2-selection--single .select2-selection__arrow{
  right: 0;
}
.dark_theme .company_addnewmember .content .table-bordered .permission i{
  color: #fff;
}
.dark_theme .whole_company .right-arro path{
  fill: #fff;
}
.dark_theme .client-user-box p{
  color: var(--white-color);
}
.dark_theme .company-detals.member-detail .graduation-cover .btn-box-cover .playNow-btn a{
  color: var(--white-color);
}
.dark_theme .newbundalmMdal .modal-content{
  background-color:var(--card-bg-color);
}
.dark_theme .newbundalmMdal .modal-content .form-control{
  background-color:var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .newbundalmMdal .modal-content .form-control:focus{
  background-color:var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .newbundalmMdal .modal-content .form-control::placeholder{
  color: var(--white-color);
  opacity: 1;
}
/* .dark_theme .chapter_collapse_div .nav-icon path {
  fill: #fff;
} */
.dark_theme .meeting_label{
  background:transparent;
}
.dark_theme .meeting_url_remove{
  background:var(--dark-bg-color);
  border: solid 1px #555555;
}
.dark_theme .form-group.form-group-recurring {
  background:var(--card-bg-color);
  border: 1px solid var(--card-bg-color) !important;
}


.dark_theme .custom_meeting_graduation_type{
  background:var(--card-bg-color);
  border: 1px solid var(--card-bg-color) !important;
}
.dark_theme .custom_meeting_recurring_type{
  background:var(--card-bg-color);
  border: 1px solid var(--card-bg-color) !important;
}

.dark_theme .form-group.form-group-recurring .bootstrap-switch{
  border: 1px solid var(--card-bg-color) !important;
  background:var(--dark-bg-color) !important;
}
.dark_theme .select2-container--default .select2-search--inline .select2-search__field::placeholder{
  color: var(--white-color);
  opacity: 1;
}

.dark_theme .product_is_free_element .addonLable{
background: var(--card-bg-color) !important;
border: 1px solid var(--card-bg-color) !important;
}
.dark_theme .happycourse .manage_preview_content .tab-content .practice{
  position: relative;
}
.dark_theme .happycourse .manage_preview_content .tab-content .practice img{
  border-radius: 20px 20px 0 0px;
}
.dark_theme .happycourse .manage_preview_content .tab-content .practice audio{
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  background: transparent;
}
.dark_theme .common_responses{
  font-size: 14px !important;
}
.dark_theme .member-happycourse .happycourse-card .nav-tabs.flex-column .nav-link.active{
  background: var(--dark-bg-color) !important;
}
.dark_theme .member-happycourse .happycourse-card .nav-tabs.flex-column .nav-link:hover{
  background: var(--dark-bg-color) !important;
}


.dark_theme #attendance_model_popup .modal-dialog .modal-content{
  background: var(--card-bg-color) !important;
}
.dark_theme textarea::placeholder{
  color: var(--white-color);
  opacity:0;
}
.dark_theme .iti.iti--allow-dropdown.iti--separate-dial-code .form-control::placeholder{
  color: #fff !important;
  opacity: 1;
}



.dark_theme .bootstrap-datetimepicker-widget.dropdown-menu{
  color: #fff !important;
  background: #464646 !important;
}

.dark_theme .bootstrap-datetimepicker-widget.dropdown-menu .table thead th{
  border-bottom: 2px solid #555555 !important;
  border-top: 1px solid #555555 !important;
}

.dark_theme .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{
  border-bottom: 6px solid #464646 !important;
}

.dark_theme .bootstrap-datetimepicker-widget table td.day:hover{
  background: #009bde !important;
  color: #fff !important;
}

.dark_theme .bootstrap-datetimepicker-widget table td.active, .dark_theme .bootstrap-datetimepicker-widget table td.active:hover{
background: #009bde !important;
}
.dark_theme .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #009bde !important;
}

.dark_theme .divTimeSetterContainer .timeValueBorder{
  background-color: var(--card-bg-color) !important;
  border: 1px solid #555555 !important;
}
.dark_theme .divTimeSetterContainer input.timePart{
  background: transparent !important;
  color: #fff !important;
}
.dark_theme .divTimeSetterContainer .button-time-control div.updownButton{
  border: 1px solid #555555 !important;
}
.dark_theme .ui-state-default, .ui-widget-content .ui-state-default{
  color: #fff !important;
}
.dark_theme .ui-state-default:hover, .dark_theme .ui-widget-content .ui-state-default:hover{
  color: #fff !important;
}
.dark_theme .bdr-center{
  border-top: 1px solid #464646 !important;
}
.dark_theme .library-tabs{
  padding: 0 20px;
}
.dark_theme .coupon-code-edit .coopanCoad::placeholder{
  color: #fff;
  opacity: 1;
}
.dark_theme .product-price-lable span{
  color: var(--white-color);
}
.dark_theme .product-price-lable label{
  color: var(--white-color);
}

.dark_theme .buy_addon1{
  background: var(--dark-bg-color) !important;
  border: 1px solid #464646 !important;
  color:var(--white-color) !important;
}

.dark_theme .commission .modal-content{
  background: var(--card-bg-color) !important;
}
.dark_theme .commission .close{
  color: var(--white-color);
}

.dark_theme .bodr ul li{
  border-left: solid 1px #555555;
}
.dark_theme .traning-cover-box .ranking-div p{
  color: #fff;
}
.dark_theme .traning-cover-box .ranking-div .ranking-btn .btn{
  background: var(--dark-bg-color);
  border: solid 1px var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .traning-cover-box .ranking-div .ranking-btn .btn.company-renk{
  background: var(--dark-bg-color);
}

.dark_theme .Progress-div .progress-circle .progress-circle-value{
  background: var(--dark-bg-color);
  color: var(--white-color);
}
.dark_theme .commission.table-responsive .table td{
  color: #FFF;
}
.dark_theme #notes_modal #notes_model_data{
  background: transparent !important;
}
.dark_theme #notes_modal #notes_model_data .note-text{
  background: var(--dark-bg-color);
}
.dark_theme #notes_modal .user-block-cover.note .note-text p{
  color: #fff;
}
.dark_theme #notes_modal #notes_model_data #add_note_textarea{
  background: var(--dark-bg-color);
  border-color: var(--dark-bg-color);
}
.dark_theme .libraryModalCenter .table-responsive.content_library_div{
  background: transparent;
}
.nav-treeview>.nav-item>.nav-link.active{
  background: var(--button-bg-color) !important;
  color: var(--white-color) !important;
}
.nav-treeview>.nav-item>.nav-link.active p{
  color: var(--white-color) !important;
}

.dark_theme .company_admin_edit_btn{
      border: 1px solid var(--dark-bg-color);
      background: var(--dark-bg-color);
      color: var(--white-color);
}
.drk_theame .content_list_for_content_selection li.ui-state-default {
  background: transparent !important;
}
.dark_theme .right-sidebar-modal .form-control::placeholder{
 opacity:0.6;
}
.dark_theme .weekday li a.active {
  background: var(--button-bg-color);
  color: var(--white-color);
}
.dark_theme .weekday li a:hover {
  background: var(--button-bg-color);
  color: var(--white-color);
}
.dark_theme .video-cover.download-item{
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .questions_container .Choice-cord-box{
  border: 1px solid var(--card-bg-color);
  background: var(--card-bg-color);
}

.dark_theme .questions_container .Choice-cord-box .form-control{
  border: 1px solid var(--dark-bg-color);
      background: var(--dark-bg-color);
}

.dark_theme .manage_course1 .accordion .cardbox .card-body .form-control.quiz_question_choice{
  border: 1px solid var(--dark-bg-color) !important;
  background: var(--dark-bg-color) !important;
}

.dark_theme .product_addon_container .product-cardBox-bg .form-control.addon_product_amount{
  border: 1px solid var(--dark-bg-color);
  background: var(--dark-bg-color);
}
.dark_theme .attendance .close{
color: var(--white-color);
}
.dark_theme .attendance .close:hover{
  color: var(--white-color);
  opacity: 1;
  }
  .dark_theme .true-grit-box .qty-cover label{
    border-radius: 4px 0 0 4px;
  }
  .dark_theme .addNewCompany .aditmember-drowpdown .iti--separate-dial-code .iti__selected-flag .iti__arrow{
    border-top: 4px solid #fff !important;
  }

  .dark_theme .manage_contentLibrary textarea.addproduct-description{
    background-color: var(--card-bg-color);
    border: 1px solid var(--card-bg-color);
  }
  .dark_theme .ui-widget-content .ui-menu-item .ui-menu-item-wrapper{
    color: #fff !important;
    }
    .dark_theme .ui-widget-content .ui-menu-item .ui-menu-item-wrapper:hover{
      color: #fff !important;
      border-color: #464646 !important;
    }
    .dark_theme .libraryModalCenter .company .card-top .form-control:focus{
      background: var(--card-bg-color) !important;
      border: 1px solid #555555 !important;
    }
    .dark_theme .swal2-close{
      color: #fff;
    }
    .dark_theme .swal2-close:hover{
      color: #fff;
    }

    .dark_theme .iti--container .iti__country-list{
      background: var(--card-bg-color);
      color: var(--white-color);
      border: 1px solid var(--card-bg-color);
    }
    .dark_theme .iti__country{
      padding: 5px 10px !important;
    }

    .dark_theme .login-card-body.reset_password .input-group-text:focus {
      border: 1px solid var(--card-bg-color);
  }
  .dark_theme .login-card-body.reset_password .input-group-text{
      border: 1px solid var(--card-bg-color);
  }
  .dark_theme .login-card-body.reset_password .input-group .form-control:focus~.input-group-append .input-group-text {
      border: 1px solid var(--card-bg-color);
  }
  .dark_theme .login-card-body.reset_password .form-control.is-invalid{
      border: 1px solid #dc3545;
  }
  .dark_theme #globle_search {
    background-color: var(--dark-bg-color);
    color: var(--white-color) !important;
  }

  .dark_theme #globle_search input {
    background-color: var(--dark-bg-color);
    color: var(--white-color) !important;
  }
  .dark_theme .rediobtn-group-box2{
    background: #464646;
    }
    .dark_theme .login_section .rediobtnbox2 .radio-label{
    color: #fff;
    }
  .dark_theme .text-or{
    color: #fff;
  }
    .dark_theme .request-btn{
      background: var(--card-bg-color);
      color: #fff;
    }

  .dark_theme .form-control {
    border-radius: 5px !important;
    border: solid 1px var(--card-bg-color) !important;
    height: 60px !important;
    color: var(--white-color);
  }
  .dark_theme .phone-number-group .form-control {
    border: solid 1px var(--card-bg-color);
    color: var(--white-color) !important;
    background-color: var(--card-bg-color);
    padding-left: 113px !important;
  }
  .dark_theme .phone-number-group-cover {
    border-radius: 5px !important;
    border: solid 1px var(--card-bg-color) !important;
    background: var(--card-bg-color);
  }
  .dark_theme .phone-number-group-cover .iti--separate-dial-code .iti__selected-flag {
    color: var(--white-color);
    border-right: solid 1px #555555;
  }
  .dark_theme .rediobtn-group-box {
    background: var(--card-bg-color);
  }


    @media (max-width:1600px) {
      .dark_theme .rightside-cardBox-bg .office-staff-box{
      padding-right: 40px;
    }
    .rightside-cardBox-bg .office-staff-box{
      padding-right: 40px;
    }

    }

    @media (max-width:1440px) {
      .dark_theme .rightside-cardBox-bg .office-staff-box{
        padding-right:70px;
      }
      .rightside-cardBox-bg .office-staff-box{
        padding-right:70px;
      }
    }

@media (max-width: 992px) {
  .dark_theme .main-header {
    background-color: #303031;
  }
  .dark_theme .main-header .nav-link #Icon_ionic-ios-menu path {
    fill: #fff;
  }
  .dark_theme .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }
}

@media (max-width:767px) {
  .dark_theme .rightside-cardBox-bg .office-staff-box{
    padding-right: 20px;
  }
   .rightside-cardBox-bg .office-staff-box{
    padding-right: 20px;
  }
  .dark_theme{
    background: var(--dark-bg-color);
  }
  .dark_theme .happycourse.manage_course1 label{
    line-height: 19px;
  }
  .cardbox .cardbox-content p{
    line-height: 19px;
  }
}

/* dark theme css end */