.glyphicon-modal-window:before {
  content: "\e237";
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.panel-body:before,
.panel-body:after,
.panel-body:after,

.fade {
  /* opacity: 0; */
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
/* .fade.in {
  opacity: 1;
} */
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 10px 10px;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-top,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-bottom,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-header,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

#app-data-view .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

#app-data-view .table th,
#app-data-view .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}

#app-data-view .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}

#app-data-view .table tbody + tbody {
  border-top: 2px solid #eceeef;
}

#app-data-view .table .table {
  background-color: #fff;
}

#app-data-view .table-sm th,
#app-data-view .table-sm td {
  padding: 0.3rem;
}

#app-data-view .table-bordered {
  border: 1px solid #eceeef;
}

#app-data-view .table-bordered th,
#app-data-view .table-bordered td {
  border: 1px solid #eceeef;
}

#app-data-view .table-bordered thead th,
#app-data-view .table-bordered thead td {
  border-bottom-width: 2px;
}

#app-data-view .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

#app-data-view .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

#app-data-view .table-active,
#app-data-view .table-active > th,
#app-data-view .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

#app-data-view .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

#app-data-view .table-hover .table-active:hover > td,
#app-data-view .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

#app-data-view .table-success,
#app-data-view .table-success > th,
#app-data-view .table-success > td {
  background-color: #dff0d8;
}

#app-data-view .table-hover .table-success:hover {
  background-color: #d0e9c6;
}

#app-data-view .table-hover .table-success:hover > td,
#app-data-view .table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}

#app-data-view .table-info,
#app-data-view .table-info > th,
#app-data-view .table-info > td {
  background-color: #d9edf7;
}

#app-data-view .table-hover .table-info:hover {
  background-color: #c4e3f3;
}

#app-data-view .table-hover .table-info:hover > td,
#app-data-view .table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}

#app-data-view .table-warning,
#app-data-view .table-warning > th,
#app-data-view .table-warning > td {
  background-color: #fcf8e3;
}

#app-data-view .table-hover .table-warning:hover {
  background-color: #faf2cc;
}

#app-data-view .table-hover .table-warning:hover > td,
#app-data-view .table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}

#app-data-view .table-danger,
#app-data-view .table-danger > th,
#app-data-view .table-danger > td {
  background-color: #f2dede;
}

#app-data-view .table-hover .table-danger:hover {
  background-color: #ebcccc;
}

#app-data-view .table-hover .table-danger:hover > td,
#app-data-view .table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}

#app-data-view .thead-inverse th {
  color: #fff;
  background-color: #292b2c;
}

#app-data-view .thead-default th {
  color: #464a4c;
  background-color: #eceeef;
}

#app-data-view .table-inverse {
  color: #fff;
  background-color: #292b2c;
}

#app-data-view .table-inverse th,
#app-data-view .table-inverse td,
#app-data-view .table-inverse thead th {
  border-color: #fff;
}

#app-data-view .table-inverse .table-bordered {
  border: 0;
}

#app-data-view .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

#app-data-view .table-responsive .table-bordered {
  border: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa !important;
}
.country-border {
  border: 1px solid #aaa !important;
}
.upload-area {
  width: 70%;
  height: 200px;
  border: 2px solid lightgray;
  border-radius: 3px;
  margin: 0 auto;
  margin-top: 100px;
  text-align: center;
  overflow: auto;
}

.upload-area:hover {
  cursor: pointer;
}

.singleUser .select2-container,
.CoupleUser .select2-container {
  width: 100% !important;
}

.upload-area h1 {
  text-align: center;
  font-weight: normal;
  font-family: sans-serif;
  line-height: 50px;
  color: darkslategray;
}

#file {
  display: none;
}

/* Thumbnail */
.thumbnail {
  width: 80px;
  height: 80px;
  padding: 2px;
  border: 2px solid lightgray;
  border-radius: 3px;
  float: left;
}

.size {
  font-size: 12px;
}
/* .container {
  position: relative;
  width: 50%;
} */

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 92%;
  left: 122%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}

.text {
  background-color: #4caf50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.dropzone_groovy .dz-preview .dz-image img {
  height: 100%;
}
.show_image_modal {
  float: right;
  font-size: 1.5rem;
  margin-top: -35px;
  margin-right: -30px;
  cursor: pointer;
}

.showimage {
  max-width: 100%;
  height: 100%;
  /* width: 100%; */
  margin: 0 auto;
}
.imgFarme {
  font-size: 17px;
  padding: 5%;
  width: auto;
  height: 548px;
  padding-top: 0%;
}
.error_groovy {
  border: 2px solid #ff0000 !important;
}
label.error_groovy {
  border: none !important;
  font-weight: 500;
  color: red;
}
/* Loader Css Added Start */
.loader_other,
.loaderText {
  display: none;
}
.loader_other {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  left: 45%;
  top: 45%;
}
.loaderText {
  position: absolute;
  left: 41%;
  top: 69%;
  font-size: 22px;
  font-weight: 500;
  font-family: inherit;
  color: white;
}
span.px-3.py-2.rounded-full.bg-theme-1.text-white.mr-1 {
  display: inline-block;
  margin-bottom: 5px;
}
.deleteselectedtrip {
  right: 0px !important;
}
.flot-right {
  float: right;
}
.w-26 {
  width: 7rem;
}
.hide {
  display: none;
}
.animated-progress {
  width: 300px;
  height: 30px;
  border-radius: 5px;
  margin: 20px 10px;
  border: 1px solid rgb(204 37 7);
  overflow: hidden;
  position: relative;
}

.animated-progress span {
  height: 100%;
  display: block;
  width: 0;
  color: rgb(255, 251, 251);
  line-height: 30px;
  position: absolute;
  text-align: end;
  padding-right: 5px;
}

.progress-blue span {
  background-color: blue;
}
.progress-green span {
  background-color: green;
}
.progress-purple span {
  background-color: indigo;
}
.progress-red span {
  background-color: #cb2507;
}

#show_loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background: url(../images/Round_Loader.gif) 50% 50% no-repeat
    rgb(249, 249, 249);
  /* background: url('pageloader.gif') 50% 50% no-repeat rgb(249, 249, 249); */
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Loader Css Added End */

.event-attendance {
  cursor: pointer;
}

.cursor-disabled {
  cursor: not-allowed;
}

.pac-container {
  z-index: 11000 !important;
}

/* for btn hover */
.btn-hover:hover {
  background-color: #f28745;
}
/* for hide email-filed  */
.therapist_email {
  display: none;
}
.pagination {
  display: flex;
  margin-right: auto;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
ul.pagination li {
  font-weight: bolder;
  font-size: 14px;
  background-color: #0248ffcc;
  color: #f1f5f8;
  height: 24px;
  padding: 1px;
  border-radius: 50%;
  width: 25px;
  text-align: center;
  border: 1px solid #2e8eff;
  margin: 0 4px;
}

ul.pagination li.prev.disabled {
  background-color: #f1f5f8;
  color: #193441;
}

ul.pagination li.prev.disabled,
ul.pagination li.next {
  padding: 0;
}

ul.pagination li.active {
  background-color: #f28745;
  border-color: #f28745;
  /* box-shadow: 0px 4px 6px 0px salmon; */
}

.btn_content {
  margin: 15px auto;
}
.meta_value_dec {
  white-space: nowrap;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.therapist_email .select2-container--default {
  width: 100% !important;
}
.chart-container {
  position: relative;
  height: 50vh;
  width: 100%;
}

.all-files-content {
  display: flex;
}
span.remove.filesremove {
  color: red;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  margin-left: 20px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: "Files Upload";
  display: inline-block;
  background-color: #f2f2f2;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  color: #f28745;
  font-size: 1.2rem;
}
.all-files {
  background-color: #f2f2f2;
  font-size: 1rem;
  color: #f28745;
  padding: 5px;
  text-decoration: underline;
  border-radius: 3px;
  text-align: end;
}
button.filesremove,
.all-files {
  display: none;
}
.custom-file-input {
  width: 100%;
}

.user-data-wrapper {
  display: block;
  margin: auto;
  padding: 20px 0;
}

div#app-data-view {
  padding: 20px;
}

.user-data-wrapper h1 {
  padding: 10px 0;
}

label.title_data h2 {
  font-weight: 700;
  padding: 10px 0;
}

.mesurement_title {
  padding: 10px 0;
  font-weight: 600;
}

#app-data-view .table th:last-child {
  text-align: center;
}

.action-btn-content {
  display: flex;
  justify-content: center;
}
.action-btn-content a {
  cursor: pointer;
}

.select_tool_app {
  display: flex;
}

.data_filter {
  width: 20%;
}


.card .card-header button.btn {
  width: 100%;
  text-align: left;
  padding: 0.75rem 1.25rem;
}

.table.stage-data-table {
  border-collapse: collapse !important;
}
.table.stage-data-table td,
.table.stage-data-table th {
  background-color: #fff !important;
}
.table-bordered.stage-data-table th,
.table-bordered.stage-data-table td {
  border: 1px solid #ddd !important;
}

.data_filter select {
  padding: 5px 5px;
  border-radius: 5px;
}

#app-data-view table#table_miss th:last-child {
  text-align: left;
}

td.select_gender select,
td.select_usertype select,
td.select_is_promotional select {
  background-image: "url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74, 85, 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E)";
  background-size: 15px;
  background-position: center right 0.6rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  background-repeat: no-repeat;
  padding-right: 2rem;
  width: 10rem;
  border-width: 1px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  border-radius: 0.375rem;
  margin-top: 5px;
}

.iai_assets {
  display: flex;
}

.iai_img_wrapper {
  width: 20%;
}

.iai_assets .assets_module {
  padding: 0px 10px;
}

.iai_label label {
  font-size: 22px;
  font-weight: 500;
}

.iai_per label {
  display: block;
  font-size: 20px;
  padding: 30px 0;
  color: #f28744;
}
/* form-switch Css  */
.wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.switch-item {
  display: block;
}
.switch-item .label {
  margin-left: 4px;
  vertical-align: middle;
  font-size: 16px;
  color: #000;
}
.switch-item .control[type="checkbox"] {
  appearance: none;
  position: relative;
  width: 40px;
  height: 25px;
  padding: 3px;
  border-radius: 34px;
  background-color: #aaa;
  vertical-align: middle;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.1, 1.4);
}
.switch-item .control[type="checkbox"]:after {
  content: "";
  position: relative;
  display: block;
  left: 0;
  width: 60.9%;
  height: 100%;
  border-radius: 28px;
  background-color: #fff;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    padding 0.3s ease, margin 0.3s ease;
  box-sizing: content-box;
}
.switch-item .control[type="checkbox"]:active:after {
  padding-right: 8px;
}
.switch-item .control[type="checkbox"]:checked {
  background-color: #1E56A0;
}
.switch-item .control[type="checkbox"]:checked:after {
  left: 39.1%;
}
.switch-item .control[type="checkbox"]:checked:active:after {
  margin-left: -8px;
}
.switch-item .control[type="checkbox"] ~ .label:before {
  content: "OFF";
}
.switch-item .control[type="checkbox"]:checked ~ .label:before {
  content: "ON";
}
.switch-item .control[type="checkbox"]:disabled {
  opacity: 0.3;
}
.switch-item .control[type="checkbox"]:disabled:active:after {
  padding-right: 0;
  margin-left: 0;
}

/* End  form-switch Css  */

/* personality-test Css */
button.add_field_button.width-fix:hover{
  background: #0248ffcc;
  color: #fff;
}
button.add_field_button.width-fix {
  width: auto;
  margin-left: 5px;
  padding: 5px;
  vertical-align: bottom;
}
.width-fix {
  margin-bottom: 5px;
}
.input_fields_wrap {
  position: relative;
}
/* .append-html{
  padding-top: 10px;
} */
.my-custom-div{
  margin-top: 2rem;
  /* padding: 1rem; */
}
.my-custom-div table {
  border-collapse: separate;
  border-spacing: 0 15px;
}

.my-custom-div table thead tr {
  background-color: none;
  background: none;
}

.my-custom-div table tr {
  background: #fff;
  /* height: 4rem; */
}
/* .summary {
  margin-top: 1.5rem;
} */
.options {
  background-color: #2f77ff;
  border: 2px solid #fff;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 8px;
  display: table-cell;
  color: #fff;
}
.setbtn{
  width:7rem;
}
/* .setspaces{
  display: flex;
  align-items: end;
  justify-content: space-between ;
} */

/* END  personality-test Css */

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  /* overflow: hidden; */
  position: fixed;
  top: 10%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  display: flow-root;
}
.modal-header .close {
  margin-top: -2px;
  width: auto;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  width: auto;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.document-litsx{
  max-height: 30vh;
  overflow-y: auto;
}
.alert .btn-close,
.alert{
  width: fit-content;
}
.alert .btn-close{
  background: transparent;
}
.alert-custom {
  position: fixed;
  right: 5%;
  z-index: 99;
  top: 10%;
}
/* ui li custom css */
ul.view-info-main ul.info-content {
  padding: 5px 25px;
}

ul.info-content li {
  margin: 5px auto;
  list-style-type: circle;
}

/* end ui li */
.info-container {
  display: flex;
  flex-direction: column;
}

.info-item {
  display: flex;
  margin-bottom: 10px;
}

.label {
  min-width: 135px; /* Adjust as needed for your layout */
  font-weight: bold;
  margin-right: 10px;
}

.value {
  flex-grow: 1;
}
.best-cm-alert {
  padding: 5px;
  margin-top: 10px;
  width: 100%;
}


.otp-form {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  max-width: 400px;
  width: 100%;
}
/* OTP input styles */
.otp-container,
.email-otp-container {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}

.otp-input,
.email-otp-input {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}

.otp-input:focus,
.email-otp-input:focus {
  border-color: #007bff;
}

#verificationCode,
#emailverificationCode {
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}

#verificationCode:focus,
#emailverificationCode:focus {
  border-color: #007bff;
}
.email-otp {
  margin-top: 25px;
}

.digit {
  display: inline-block;
  height: 2rem;
  overflow: hidden;
  width: 1ch;
  font-size: 1.5rem;
  text-align: center;
  margin: 0 5px;
  color: rgb(36, 73, 175);
}

.digit span {
  display: block;
  height: 2rem;
  width: 100%;
}
.resend-otp {
  margin-top: 20px;
}
.resend-otp a {
  cursor: not-allowed;
  font-weight: 700;
  color: #ef3a3a;
}
#timer {
  color: #ef3a3a;
}
.invalid-feedback {
  padding-left: 5px;
  text-transform: capitalize;
  color: #ef3a3a;
}
th.fc-day-header.fc-widget-header {
  padding: 16px;
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #eef1f6;
}
.fc-center h2 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}
td.fc-day.fc-widget-content.fc-other-month.fc-past {
  background-color: #f8fafc;
}
td.fc-day.fc-widget-content.fc-other-month.fc-future {
  background-color: #f8fafc;
}
#calendar button {
  text-transform: capitalize;
}
.full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button {
  width: 5rem;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}
.full-calendar .fc-button-primary:not(:disabled):active, .full-calendar .fc-button-primary:not(:disabled).fc-button-active {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary) / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary) / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.full-calendar .fc-toolbar-chunk .fc-button-primary:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.clockinout{
  color:#fff;margin:0 3px;padding:2.5px 3px;border-radius:5px;
}
.clock-span{
  display:flex;justify-content:space-between;
}
.custom-description{
  max-width: 200px;
  overflow-wrap: anywhere;
}
.custom-popup {
  display: none; /* Hide the popup by default */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  padding: 20px;
}

.custom-popup-content {
  text-align: center;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.close-btn:hover {
  color: red;
}

#popupTitle {
  margin-top: 0;
  font-size: 14px;
  background: #0d53b1;
  border-radius: 5px;
  color: #fff;
}

#popupContent {
  margin-bottom: 0;
}
.additional-info-list {
  list-style-type: none;
  padding: 0;
  text-align: justify;
  text-transform: capitalize;
  margin: 10px;
}

.additional-info-list li {
  margin-bottom: 5px;
}

.additional-info-list li span {
  display: inline-block;
  width: 150px; /* Adjust the width as needed */
}
.resume{
  background: #2b50d5;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 7px;
  width: -webkit-fill-available;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

#popupThumbnail{
  height: 172px;
  width: 340px;
  margin: 1rem;
  border-radius: 7px;
}
.actionProfile{
  text-transform: capitalize;
}
.custom_img{
  width: 16px;
  min-width: 18px;

}
.scroll-lock-custom{
  max-height: 106px;
  padding: 0 12px;
  overflow-y: scroll;
}
.scroll-lock-custom {
  scrollbar-width: auto;
  scrollbar-color: #8f54a0 #ffffff;
}

/* Chrome, Edge, and Safari */
.scroll-lock-custom::-webkit-scrollbar {
  width: 16px;
}

.scroll-lock-custom::-webkit-scrollbar-track {
  background: #ffffff;
}

.scroll-lock-custom::-webkit-scrollbar-thumb {
  background-color: #0a027a;
  border-radius: 10px;
  border: 3px solid #ffffff;
}



#custom-height{
  height: 89%;
}
#custom-donut{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  position: relative;
}
.mfp-video {
  max-width: 640px; /* Set maximum width for the video player */
  margin: 0 auto; /* Center the video player horizontally */
}

.mfp-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 1046;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.mfp-video-player {
  width: 100%; /* Ensure video player fills its container */
  height: auto; /* Allow the height to adjust proportionally */
  display: block;
  margin: 0 auto;
}

.progress-bar.bg-primary {
  animation: progressAnimation 2s forwards;
  transition: all 1s ease-out;
}

@keyframes progressAnimation {
  0% { width: 5%; }
  to { width: attr(data-final-width); }
}

.flex-section{
  display: flex;
  gap:5rem;
}
.invalid-input {
  border-color: red !important;
}
/* Define styles for the count */
.latest-unverified-count {
  background-color: red;
  color: white;
  text-align: center;
  border-radius: 50%;
  animation: bounce 0.5s infinite alternate;
  font-size: 12px;
  position: absolute;
  font-weight: 600;
  top: 15px;
  left: 129px;
  width: 19px;
  height: 19px;
}



.custom-flex{
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}
.latest-unverified-employeer{
  background-color: red;
  color: white;
  text-align: center;
  border-radius: 50%;
  animation: bounce 0.5s infinite alternate;
  font-size: 12px;
  position: absolute;
  font-weight: 600;
  top: 15px;
  left: 129px;
  width: 19px;
  height: 19px;
}
.latest-unverified-contact-us {
  display: none;
  background-color: red;
  color: white;
  text-align: center;
  border-radius: 50%;
  animation: bounce 0.5s infinite alternate;
  font-size: 12px;
  position: absolute;
  font-weight: 600;
  top: 15px;
  left: 129px;
  width: 19px;
  height: 19px;
}

@keyframes bounce {
  from {
    transform: translateY(-10px); /* Move element up */
  }
  to {
    transform: translateY(0); /* Return element to its original position */
  }
}

.tab-content {
  display: none;
  /* Hide all content by default */
}

.tab-content.active {
  display: block;
  /* Show the active content */
}

.required label:after {
  color: red;
  content: " *";
}

#loader-overlay {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Transparent background */
  z-index: 9999; /* Ensures it is above all other elements */
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 32px;
}

#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 32px;
  background: rgb(29 85 159 / 50%);
  padding: 30px;
  border-radius: 5px;
}

.loading-text {
  display: inline-block;
}

.loading-text span {
  animation: dot-blink 1.5s infinite steps(1, end);
  display: inline-block;
  font-size: 32px;
  color: white;
}

.loading-text span:nth-child(1) {
  animation-delay: 0s;
}
.loading-text span:nth-child(2) {
  animation-delay: 0.3s;
}
.loading-text span:nth-child(3) {
  animation-delay: 0.6s;
}

/* Define the animation for the dots */
@keyframes dot-blink {
  0% {
      opacity: 0;
  }
  50% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}

.dashboard-custom-div {
  /* margin-top: 0.5rem; */
  /* background-color: transparent; */
  /* padding: 1rem; */
}
.dashboard-custom-div table {
  border-collapse: collapse;
  border-spacing: 0 15px;
}

.dashboard-custom-div table thead tr {
  background-color: none;
  background: none;
}

.dashboard-custom-div table tr {
  background: #fff;
  height: 0.5rem;
  border-bottom: 1px solid #e9e9e9;
}

.dashboard-custom-div .summary {
  margin-top: 0.5rem;
}

.dashboard-even-row-class {
  background-color: #fff;
  /* Light gray background for even rows */
  color: #000000;
  /* Black text color for even rows */
  height: 4rem;
}

.dashboard-odd-row-class {
  background-color: #ffffff;
  /* White background for odd rows */
  color: #000000;
  height: 4rem;
  /* Black text color for odd rows */
}

.overflow-auto::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.overflow-auto::-webkit-scrollbar-thumb {
  background-color: #007bff;
  border-radius: 25px;
}

.overflow-auto.user-tabs::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 25px;
}

.overflow-auto::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* For single search input css */
.search-container {
  position: relative;
}

.search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #777;
  width: 18px;
  height: 18px;
}

/* Hide the image if the screen width is greater than or equal to 1280px */
@media (min-width: 1280px) {
  .login-image {
      display: none;
  }
  .custom-search {
    width: 15rem;
  }
  .search-button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Show the image on smaller screens */
@media (max-width: 1279px) {
  .login-image {
      display: block;
  }
  .custom-search {
    width: 5rem;
  }
  .search-button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

/* Start: Active Tab CSS */
.tablist-active > .active {
  color: #1E56A0;
  border: transparent;
  border-bottom: 2px solid #1E56A0;
  font-weight: 700;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-size: 16px;
}
/* End */

/* Start: Custom Tooltip */
.custom-tooltip-container {
  position: relative;
  display: inline-block;
  margin-top: 5px;
}

.custom-tooltip {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: #1E56A0; /* bg-theme-18 */
  color: #fff; /* text-slate-500 */
  padding: 2px 5px;
  border-radius: 6px;
  font-weight: 500;
  position: relative;
}

.custom-tooltip-text {
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.2s;
}

/* Default placement: top */
.custom-tooltip-text {
  /* bottom: 100%; */
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
}

/* Show custom-tooltip on hover */
.custom-tooltip:hover .custom-tooltip-text {
  opacity: 1;
  visibility: visible;
}

/* Change Placement */
/* custom-tooltip on Right */
.custom-tooltip-container.right .custom-tooltip-text {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 8px;
}

/* custom-tooltip on Left */
.custom-tooltip-container.left .custom-tooltip-text {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 8px;
}

/* custom-tooltip on Bottom */
.custom-tooltip-container.bottom .custom-tooltip-text {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
}
/* End: Custom Tooltip */

.sticky-action-col {
  position: sticky;
  right: 0;
  background: #e1e1e1; /* Match your table background */
  z-index: 2; /* Higher than other columns */
  border-radius: 0 5px 5px 0;
}

.payment-tooltip {
  position: relative;
  display: inline-block;
}

.payment-tooltip::after {
  content: attr(title);
  position: absolute;
  top: -30px; /* Adjust position above the icon */
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 1000;
}

.payment-tooltip:hover::after,
.payment-tooltip.show::after {
  opacity: 1;
  visibility: visible;
}