.form-label {


  margin-bottom: 0.2rem;
  font-size: 14px;
  color: black;
  letter-spacing: 0.2px;
  font-weight: 500;

}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.09375rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.76563rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #89879f;
}

.form-control {
  display: block;
  width: 100%;
  padding: 11px 17px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #194039;
  background-color: #f9f9f9;
  background-clip: padding-box;
  border: 1px solid #F0F0F0;
  appearance: auto;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.rightfeed-form .form-control {
  background: #fff;
   border: 2px solid #BBC7DB; 
  color: black;
  font-size: 15px;
  font-weight: 500;
  border-radius: 22px;
  

}
.rightfeed-form .raise-textarea .form-control{
padding: 13px;
  border: 0px;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control[type="file"] {
  overflow: hidden;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #194039;
  background-color: #f9f9f9;
  border-color: #87c5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::placeholder {
  color: #0000002e;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #194039;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #194039;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #194039;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.2rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: auto;
  height: auto;
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.5rem;
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.5rem;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #194039;
  background-color: #f9f9f9;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #F0F0F0;
  border-radius: 0.5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}

.form-select:focus {
  border-color: #87c5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: #e9ecef;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #194039;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 1.3125rem;
  padding-left: 0em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: 0em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact;
}

.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}

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

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #87c5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.form-check-input:checked {
  background-color: #ec4119;
  border-color: #ec4119;
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #0E8A74;
  border-color: #0E8A74;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2387c5ba'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.theme-mode .form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url(/images/mode/moon.png);
  border-color: #671cc9;
  background-color: #3b3b41;
}

.theme-mode {
  margin-right: 5px;
  cursor: pointer;
}

.theme-mode .form-switch .form-check-input {
  height: 1.6em;
  width: 3em;
  margin-left: -2.5em;
  background-image: url(/images/mode/sunny.png);
  border-color: #671cc9;
  background-color: #f2f2f2;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f9f9f9, 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0E8A74;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b7dcd5;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0E8A74;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b7dcd5;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating>.form-control,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating>label {
    transition: none;
  }
}

.form-floating>.form-control {
  padding: 1rem 0.75rem;
}

.form-floating>.form-control::placeholder {
  color: transparent;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group>.form-control,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
  z-index: 3;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #194039;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #F0F0F0;
  border-radius: 0.5rem;
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.2rem;
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #68CF29;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76563rem;
  color: #000;
  background-color: rgba(104, 207, 41, 0.9);
  border-radius: 0.5rem;
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #68CF29;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2368CF29' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #68CF29;
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #68CF29;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2368CF29' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #68CF29;
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.25);
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #68CF29;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #68CF29;
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color: #68CF29;
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em;
}

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
  z-index: 1;
}

.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
  z-index: 3;
}

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #f72b50;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.76563rem;
  color: #000;
  background-color: rgba(247, 43, 80, 0.9);
  border-radius: 0.5rem;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #f72b50;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f72b50'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f72b50' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.775em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #f72b50;
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #f72b50;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f72b50'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f72b50' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: #f72b50;
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.25);
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #f72b50;
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #f72b50;
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
  color: #f72b50;
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em;
}

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
  z-index: 2;
}

.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #194039;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.3rem;
  transition: color 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #194039;
}

.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #000;
  background-color: #092048 !important;
  border-color: #092048 !important;
}

.btn-primary:hover {
  color: #000;
  background-color: #0fbeae;
  border-color: #12bdad;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #000;
  background-color: #3c32b5;
  border-color: #3c32b5;
  box-shadow: 0 0 0 0.25rem rgb(60 50 181 / 38%);
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  color: #000;
  background-color: #0fbeae;
  border-color: #12bdad;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgb(60 50 181 / 38%);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: #000;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.btn-secondary {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-secondary:hover {
  color: #000;
  background-color: #fc5b8e;
  border-color: #fb5187;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  color: #000;
  background-color: #fc5b8e;
  border-color: #fb5187;
  box-shadow: 0 0 0 0.25rem rgba(213, 53, 104, 0.5);
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
  color: #000;
  background-color: #fc6595;
  border-color: #fb5187;
}

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 53, 104, 0.5);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-success {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-success:hover {
  color: #000;
  background-color: #7fd649;
  border-color: #77d43e;
}

.btn-check:focus+.btn-success,
.btn-success:focus {
  color: #000;
  background-color: #7fd649;
  border-color: #77d43e;
  box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5);
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
  color: #000;
  background-color: #86d954;
  border-color: #77d43e;
}

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5);
}

.btn-success:disabled,
.btn-success.disabled {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-info {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-info:hover {
  color: #000;
  background-color: #5895f1;
  border-color: #4e8ff1;
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #000;
  background-color: #5895f1;
  border-color: #4e8ff1;
  box-shadow: 0 0 0 0.25rem rgba(49, 111, 203, 0.5);
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
  color: #000;
  background-color: #619bf2;
  border-color: #4e8ff1;
}

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 111, 203, 0.5);
}

.btn-info:disabled,
.btn-info.disabled {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-warning {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-warning:hover {
  color: #000;
  background-color: #fe7a69;
  border-color: #fe7360;
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
  color: #000;
  background-color: #fe7a69;
  border-color: #fe7360;
  box-shadow: 0 0 0 0.25rem rgba(216, 84, 66, 0.5);
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
  color: #000;
  background-color: #fe8271;
  border-color: #fe7360;
}

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(216, 84, 66, 0.5);
}

.btn-warning:disabled,
.btn-warning.disabled {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-danger {
  color: #000;
  background-color: #ec4119;
  border-color: #ec4119;
}

.btn-danger:hover {
  color: #000;
  background-color: #f84b6a;
  border-color: #f84062;
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
  color: #000;
  background-color: #f84b6a;
  border-color: #f84062;
  box-shadow: 0 0 0 0.25rem rgba(210, 37, 68, 0.5);
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
  color: #000;
  background-color: #f95573;
  border-color: #f84062;
}

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(210, 37, 68, 0.5);
}

.btn-danger:disabled,
.btn-danger.disabled {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50;
}

.btn-light {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-light:hover {
  color: #000;
  background-color: #d0d0d0;
  border-color: #cecece;
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  color: #000;
  background-color: #d0d0d0;
  border-color: #cecece;
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
  color: #000;
  background-color: lightgray;
  border-color: #cecece;
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}

.btn-light:disabled,
.btn-light.disabled {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-dark {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-dark:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #585858;
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #585858;
  box-shadow: 0 0 0 0.25rem rgba(132, 132, 132, 0.5);
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #585858;
  border-color: #535353;
}

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(132, 132, 132, 0.5);
}

.btn-dark:disabled,
.btn-dark.disabled {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-outline-primary {
  color: #0E8A74;
  border-color: #0E8A74;
}

.btn-outline-primary:hover {
  color: #000;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.5);
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #000;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.5);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #0E8A74;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-outline-secondary:hover {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 62, 122, 0.5);
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 62, 122, 0.5);
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  color: #FB3E7A;
  background-color: transparent;
}

.btn-outline-success {
  color: #68CF29;
  border-color: #68CF29;
}

.btn-outline-success:hover {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.5);
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.5);
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
  color: #68CF29;
  background-color: transparent;
}

.btn-outline-info {
  color: #3A82EF;
  border-color: #3A82EF;
}

.btn-outline-info:hover {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 130, 239, 0.5);
}

.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 130, 239, 0.5);
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
  color: #3A82EF;
  background-color: transparent;
}

.btn-outline-warning {
  color: #FE634E;
  border-color: #FE634E;
}

.btn-outline-warning:hover {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 99, 78, 0.5);
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 99, 78, 0.5);
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
  color: #FE634E;
  background-color: transparent;
}

.btn-outline-danger {
  color: #f72b50;
  border-color: #f72b50;
}

.btn-outline-danger:hover {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50;
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.5);
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50;
}

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.5);
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
  color: #f72b50;
  background-color: transparent;
}

.btn-outline-light {
  color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-outline-light:hover {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, 0.5);
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, 0.5);
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
  color: #c8c8c8;
  background-color: transparent;
}

.btn-outline-dark {
  color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.5);
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.5);
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
  color: #6e6e6e;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0E8A74;
  text-decoration: underline;
}

.btn-link:hover {
  color: #0b6e5d;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 0.875rem;
  color: #194039;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1440) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0E8A74;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.76563rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0E8A74;
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

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

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group>.btn:nth-child(n + 3),
.btn-group> :not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%;
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  /*background-color: #ffffff;*/
  border-radius: 22px;
  padding: 6px 19px;
  border-width: 0 0px 3px 0;
  display: block;
  color: #00000040;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.custom-tab-1 {
  margin-top: 0%;
}

.h-auto {
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:hover,
.nav-link:focus {
  color: #3c32b5;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

/*.nav-tabs {
  border-bottom: 1px solid #dee2e6; }*/
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #671cc9;
  border-bottom: 3px solid #7123c9;
  border-radius: 0;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.5rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #3c32b5;
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: 0.33594rem;
  padding-bottom: 0.33594rem;
  margin-right: 1rem;
  font-size: 1.09375rem;
  text-decoration: none;
  white-space: nowrap;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-sm .offcanvas-top,
  .navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-md .offcanvas-top,
  .navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-lg .offcanvas-top,
  .navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-xl .offcanvas-top,
  .navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1440) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-xxl .offcanvas-top,
  .navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}

.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}

.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  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.5rem;
}

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

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0;
}


.commentdiv .likers-text {
  width: 83%;
}

/* 
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
} */

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

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

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

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

.card-header {
  padding: 0.5rem 1rem;
  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.5rem - 1px) calc(0.5rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem;
  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.5rem - 1px) calc(0.5rem - 1px);
}

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

.card-header-tabs .nav-link.active {
  background-color: #fff;
  border-bottom-color: #fff;
}

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

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

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

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-top,
  .card-group>.card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-bottom,
  .card-group>.card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-top,
  .card-group>.card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-bottom,
  .card-group>.card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  color: #194039;
  text-align: left;
  background-color: #f9f9f9;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: #0d7c68;
  background-color: #e7f3f1;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d7c68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23194039'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #87c5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-item:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/")
    /* rtl: var(--bs-breadcrumb-divider, "/") */
  ;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #0E8A74;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover {
  z-index: 2;
  color: #0b6e5d;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  color: #0b6e5d;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem !important;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #085346;
  background-color: #cfe8e3;
  border-color: #b7dcd5;
}

.alert-primary .alert-link {
  color: #064238;
}

.alert-secondary {
  color: #972549;
  background-color: #fed8e4;
  border-color: #fec5d7;
}

.alert-secondary .alert-link {
  color: #791e3a;
}

.alert-success {
  color: #2a5310;
  background-color: #e1f5d4;
  border-color: #d2f1bf;
}

.alert-success .alert-link {
  color: #22420d;
}

.alert-info {
  color: #234e8f;
  background-color: #d8e6fc;
  border-color: #c4dafa;
}

.alert-info .alert-link {
  color: #1c3e72;
}

.alert-warning {
  color: #983b2f;
  background-color: #ffe0dc;
  border-color: #ffd0ca;
}

.alert-warning .alert-link {
  color: #7a2f26;
}

.alert-danger {
  color: #941a30;
  background-color: #fdd5dc;
  border-color: #fdbfcb;
}

.alert-danger .alert-link {
  color: #761526;
}

.alert-light {
  color: #505050;
  background-color: #f4f4f4;
  border-color: #efefef;
}

.alert-light .alert-link {
  color: #404040;
}

.alert-dark {
  color: #424242;
  background-color: #e2e2e2;
  border-color: #d4d4d4;
}

.alert-dark .alert-link {
  color: #353535;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #e9ecef;
  border-radius: 0.5rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0E8A74;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered>li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #194039;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.list-group-item+.list-group-item {
  border-top-width: 0;
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1440) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #085346;
  background-color: #cfe8e3;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #085346;
  background-color: #bad1cc;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #085346;
  border-color: #085346;
}

.list-group-item-secondary {
  color: #972549;
  background-color: #fed8e4;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #972549;
  background-color: #e5c2cd;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #972549;
  border-color: #972549;
}

.list-group-item-success {
  color: #2a5310;
  background-color: #e1f5d4;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #2a5310;
  background-color: #cbddbf;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #2a5310;
  border-color: #2a5310;
}

.list-group-item-info {
  color: #234e8f;
  background-color: #d8e6fc;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #234e8f;
  background-color: #c2cfe3;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #234e8f;
  border-color: #234e8f;
}

.list-group-item-warning {
  color: #983b2f;
  background-color: #ffe0dc;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #983b2f;
  background-color: #e6cac6;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #983b2f;
  border-color: #983b2f;
}

.list-group-item-danger {
  color: #941a30;
  background-color: #fdd5dc;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #941a30;
  background-color: #e4c0c6;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #941a30;
  border-color: #941a30;
}

.list-group-item-light {
  color: #505050;
  background-color: #f4f4f4;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #505050;
  background-color: gainsboro;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #505050;
  border-color: #505050;
}

.list-group-item-dark {
  color: #424242;
  background-color: #e2e2e2;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #424242;
  background-color: #cbcbcb;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #424242;
  border-color: #424242;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.5rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
  opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container> :not(:last-child) {
  margin-bottom: 15px;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: block;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #F8F8F8;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 600;
  color: #2e2e2e;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #f8f8f800;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
  margin: 0.25rem;
}

#edit-maininfo .add-editeducation .modal-header .img {
  padding: 0 2.5% 0px 2.5%;
}

#edit-maininfo .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  #add-education .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

  #add-eexp .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

  #appre .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

  #edit-maininfo .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

  #award .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.modal-fullscreen .modal-footer {
  border-radius: 0;
}


.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.76563rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.5rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0
    /* rtl:ignore */
  ;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.76563rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #3d4465;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #194039;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {

  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {

  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
      /* rtl:ignore */
    ;
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {

  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: .6em;
}

.placeholder-sm {
  min-height: .8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0E8A74;
}

.link-primary:hover,
.link-primary:focus {
  color: #3ea190;
}

.link-secondary {
  color: #FB3E7A;
}

.link-secondary:hover,
.link-secondary:focus {
  color: #fc6595;
}

.link-success {
  color: #68CF29;
}

.link-success:hover,
.link-success:focus {
  color: #86d954;
}

.link-info {
  color: #3A82EF;
}

.link-info:hover,
.link-info:focus {
  color: #619bf2;
}

.link-warning {
  color: #FE634E;
}

.link-warning:hover,
.link-warning:focus {
  color: #fe8271;
}

.link-danger {
  color: #f72b50;
}

.link-danger:hover,
.link-danger:focus {
  color: #f95573;
}

.link-light {
  color: #c8c8c8;
}

.link-light:hover,
.link-light:focus {
  color: lightgray;
}

.link-dark {
  color: #6e6e6e;
}

.link-dark:hover,
.link-dark:focus {
  color: #585858;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1440) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

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

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #F8F8F8 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #F8F8F8 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #F8F8F8 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #F8F8F8 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #F8F8F8 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0E8A74 !important;
}

.border-secondary {
  border-color: #FB3E7A !important;
}

.border-success {
  border-color: #68CF29 !important;
}

.border-info {
  border-color: #3A82EF !important;
}

.border-warning {
  border-color: #FE634E !important;
}

.border-danger {
  border-color: #f72b50 !important;
}

.border-light {
  border-color: #c8c8c8 !important;
}

.border-dark {
  border-color: #6e6e6e !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.35rem + 1.2vw) !important;
}

.fs-2 {
  font-size: calc(1.3125rem + 0.75vw) !important;
}

.fs-3 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-4 {
  font-size: 1.125rem !important;
}

.fs-5 {
  font-size: 1rem !important;
}

.fs-6 {
  font-size: 0.938rem !important;
}

.fs-7 {
  font-size: 14px;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

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

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: #3c32b5;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgb(172 172 172) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #89879f !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.5rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.5rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-end {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.5rem !important;
  border-top-left-radius: 0.5rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1440) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.25rem !important;
  }

  .fs-2 {
    font-size: 1.875rem !important;
  }

  .fs-3 {
    font-size: 1.5rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}

.c-pointer {
  cursor: pointer;
}

* {
  outline: none;
  padding: 0;
}

*::after {
  margin: 0;
  padding: 0;
}

/* *::before {
  margin: 0;
  padding: 0;
} */

::selection {
  color: #fff;
  background: #3c32bc;
}

body {
  overflow-x: hidden;
  height: 100%;
  position: relative;
  max-width: 100%;
  font-size: 1rem;
  background: #fff;
  line-height: 1.5;
  font-family: "roboto", sans-serif;
}

.content-body.sidemargclass {
  background: #eff2f6;
  min-height: 100vh;
}

.content-body.sidemargclass .container-fluid {
  min-height: calc(100% - 00px);
  height: 100%;
}

#logout-popup .modal-body .img {
  width: 60px;
  height: 60px;
  margin: auto auto 4px;
  background: #FFEBEE;
  line-height: 60px;
  border-radius: 100%;
}

#logout-popup .modal-body .img img {
  padding: 18px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  body {
    font-size: 0.875rem;
  }
}

p {
  color: #414141;
  line-height: 1.5;
  font-family: "roboto", sans-serif;
}

.box-shadow-none {
  box-shadow: none !important;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
  line-height: 1.1;
}

#main-wrapper {
  opacity: 0;
  transition: all 0.25s ease-in;
  /*overflow: hidden;*/
  position: relative;
      width: 100%;
}

#main-wrapper.show {
  opacity: 1;
}

.rounded-lg {
  border-radius: 100%;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a {
  color: #149f9e;
  text-decoration: none;
}

a:hover,
a:focus,
a.active {
  text-decoration: none;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.active {
  text-decoration: none;
}

.fs-12 {
  font-size: 12px !important;
  line-height: 1.5;
}

.fs-13 {
  font-size: 13px !important;
  line-height: 1.5;
}

.fs-14 {
  font-size: 12px !important;
  line-height: 1.6;
}

.fs-15 {
  font-size: 14px !important;
  line-height: 1.5;
}

.fs-16 {
  font-size: 16px !important;
  line-height: 1.6;
}

@media only screen and (max-width: 575px) {
  .fs-16 {
    font-size: 14px !important;
  }
}

.fs-18 {
  font-size: 18px !important;
  line-height: 1.5;
}

@media only screen and (max-width: 575px) {
  .fs-18 {
    font-size: 16px !important;
  }
}

.fs-20 {
  font-size: 20px !important;
  line-height: 1.5;
}

.fs-22 {
  font-size: 22px !important;
  line-height: 1.5;
}

.fs-24 {
  font-size: 24px !important;
  line-height: 1.4;
}

.fs-26 {
  font-size: 26px !important;
  line-height: 1.4;
}

.fs-28 {
  font-size: 28px !important;
  line-height: 1.4;
}

@media only screen and (max-width: 575px) {
  .fs-28 {
    font-size: 24px !important;
  }
}

.fs-30 {
  font-size: 30px !important;
  line-height: 1.4;
}

.fs-32 {
  font-size: 32px !important;
  line-height: 1.25;
}

.fs-34 {
  font-size: 34px !important;
  line-height: 1.25;
}

.fs-35 {
  font-size: 35px !important;
  line-height: 1.25;
}

.fs-36 {
  font-size: 36px !important;
  line-height: 1.25;
}

.fs-38 {
  font-size: 38px !important;
  line-height: 1.25;
}

.fs-46 {
  font-size: 46px !important;
  line-height: 1.25;
}

.fs-48 {
  font-size: 48px !important;
  line-height: 1.25;
}

.font-w100 {
  font-weight: 100;
}

.font-w200 {
  font-weight: 200;
}

.font-w300 {
  font-weight: 300;
}

.font-w400 {
  font-weight: 400;
}

.font-w500 {
  font-weight: 500;
}

.font-w600 {
  font-weight: 600;
}

.font-w700 {
  font-weight: 700;
}

.font-w800 {
  font-weight: 800;
}

.font-w900 {
  font-weight: 900;
}

.w-space-no {
  white-space: nowrap;
}

.content-body .container {
  margin-top: 40px;
}

.content-body .container-fluid,
.content-body .container-sm,
.content-body .container-md,
.content-body .container-lg,
.content-body .container-xl,
.content-body .container-xxl {
  padding-top: 30px;
  padding-right: 100px;
  padding-left: 100px;
}

@media only screen and (max-width: 1200px) {

  .content-body .container-fluid,
  .content-body .container-sm,
  .content-body .container-md,
  .content-body .container-lg,
  .content-body .container-xl,
  .content-body .container-xxl {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 767px) {

  .content-body .container-fluid,
  .content-body .container-sm,
  .content-body .container-md,
  .content-body .container-lg,
  .content-body .container-xl,
  .content-body .container-xxl {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 575px) {

  .content-body .container-fluid,
  .content-body .container-sm,
  .content-body .container-md,
  .content-body .container-lg,
  .content-body .container-xl,
  .content-body .container-xxl {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }
}



@keyframes crescendo {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }

  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}


.nav-header.light-logo .brand-title path {
  fill: #fff;
}

.nav-header .logo-abbr {
  width: 48px;
  height: 48px;
  background: white;
  border-radius: 100%;
  box-shadow: 0px 0px 34px 7px #1cf6ff7d;
}

@media only screen and (max-width: 575px) {
  .nav-header .logo-abbr {
    min-width: 35px;
    width: 35px;
    height: 35px;
  }
}

.nav-header .logo-compact {
  display: none;
}

@media only screen and (max-width: 1400px) {
  .nav-header {
    height: 5.5rem;
    width: 70px;
  }
}

.nav-header .brand-logo {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
  text-decoration: none;
  padding-left: 31px;
  padding-right: 30px;
  font-weight: 700;
}

@media only screen and (max-width: 1400px) {
  .nav-header .brand-logo {
    padding-left: 20px;
    padding-right: 20px;
  }
}

[data-sidebar-style="compact"] .nav-header .brand-logo,
[data-sidebar-style="mini"] .nav-header .brand-logo {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .nav-header .brand-logo {
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
  }
}

.nav-header .brand-title {
  margin-left: 10px;
  max-width: 120px;
  font-size: 38px;
  color: #000;
}

[data-theme-version="dark"] .nav-header .brand-title {
  background-position: 0 120%;
}

@media only screen and (max-width: 1199px) {
  .nav-header {
    height: 5rem;
  }
}

@media only screen and (max-width: 1023px) {
  .center {
    padding-left: 0%;
  }

  .nav-header {
    width: 5rem;
  }

  .nav-header .brand-title {
    display: none;
  }
}

.nav-control {
  cursor: pointer;
  position: absolute;
  right: -2.65rem;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  font-size: 1.4rem;
  padding: 2px 0.5rem 0;
  border-radius: 2px;
}

@media only screen and (max-width: 1400px) {
  .nav-control {
    right: 0.75rem;
  }
}

@media only screen and (max-width: 767px) {
  .nav-control {
    right: -3rem;
  }
}

@media only screen and (max-width: 575px) {
  .nav-control {
    right: -3rem;
    display: none;
  }
}

.hamburger {
  display: inline-block;
  left: 0px;
  position: relative;
  top: 3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 26px;
  z-index: 999;
}

.hamburger .line {
  background: black;
  display: block;
  height: 3px;
  border-radius: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger .line:nth-child(1) {
  width: 26px;
}

.hamburger .line:nth-child(2) {
  width: 26px;
}

.hamburger .line:nth-child(3) {
  width: 15px;
}

.hamburger:hover {
  cursor: pointer;
}

.hamburger:hover .line {
  width: 26px;
}

/*
    .hamburger.is-active {
      left: 60px;
    }
    */
.hamburger.is-active .line:nth-child(1),
.hamburger.is-active .line:nth-child(3) {
  width: 10px;
  height: 2px;
}

.hamburger.is-active .line:nth-child(2) {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  width: 22px;
  height: 2px;
}

.hamburger.is-active .line:nth-child(1) {
  -webkit-transform: translateY(4px) translateX(12px) rotate(45deg);
  transform: translateY(4px) translateX(12px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-4px) translateX(12px) rotate(-45deg);
  transform: translateY(-4px) translateX(12px) rotate(-45deg);
}

@media (min-width: 767px) {
  [data-sidebar-style="compact"] .nav-control {
    display: none;
  }

  [data-sidebar-style="compact"] .nav-header {
    width: 11.25rem;
  }
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .brand-title {
  display: none;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .logo-abbr {
  display: block;
}

[data-sidebar-style="full"][data-layout="horizontal"] .logo-compact {
  display: none;
}

[data-sidebar-style="mini"] .nav-header .logo-abbr {
  display: block;
}

[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .brand-title {
  display: none;
}

[data-sidebar-style="compact"][data-layout="vertical"] .nav-header .logo-compact {
  max-width: 75px;
}

[data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo {
  padding-left: 30px;
  padding-right: 30px;
  justify-content: start;
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header {
  width: 10.625rem;
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .brand-title {
  display: none;
}

[data-sidebar-style="modern"][data-layout="vertical"] .nav-header .logo-compact {
  display: none;
}

.header {
  display: none;
  height: 5.5rem;
  z-index: 1;
  position: relative;
  padding: 0rem;
  background: #fff;
  z-index: 3;
  border-bottom: 1px solid #F8F8F8;
  padding-left: 18.563rem;
  transition: all .2s ease;
}

.header .header-content {
  height: 100%;
  padding-left: 3rem;
  padding-right: 1.875rem;
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 1400px) {
  .header .header-content {
    padding-left: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .header .header-content {
    padding-left: 3.75rem;
    padding-right: 0.938rem;
  }
}

.header .navbar {
  padding: 0;
  height: 100%;
  width: 100%;
}

.header .navbar .navbar-collapse {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 1400px) {
  .header {
    height: 5.5rem;
  }
}

@media only screen and (max-width: 1199px) {
  .header {
    height: 5rem;
  }
}

/* pulse in SVG */
svg.pulse-svg {
  overflow: visible;
}

svg.pulse-svg .first-circle,
svg.pulse-svg .second-circle,
svg.pulse-svg .third-circle {
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: pulse-me 3s linear infinite;
  animation: pulse-me 3s linear infinite;
  fill: #0E8A74;
}

svg.pulse-svg .second-circle {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

svg.pulse-svg .third-circle {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

/* pulse in CSS */
.pulse-css {
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  border-radius: 3.5rem;
  height: 20px;
  position: absolute;
  background: #fe8630;
  right: 6px;
  top: 5px;
  border: 4px solid #fff;
  width: 20px;
}

.pulse-css:after,
.pulse-css:before {
  content: '';
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -.2rem;
  background-color: #D8B9C3;
  margin: auto;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: pulse-me 3s linear infinite;
  animation: pulse-me 3s linear infinite;
}

[direction="rtl"] .pulse-css:after,
[direction="rtl"] .pulse-css:before {
  left: auto;
  right: -.2rem;
}

@media only screen and (max-width: 1400px) {
  .pulse-css {
    height: 16px;
    width: 16px;
  }
}

@-webkit-keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }

  50% {
    opacity: 0.1;
  }

  70% {
    opacity: 0.09;
  }

  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}

@keyframes pulse-me {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }

  50% {
    opacity: 0.1;
  }

  70% {
    opacity: 0.09;
  }

  100% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
}

[data-sidebar-style="full"] .header,
[data-sidebar-style="overlay"] .header {
  width: 100%;
}

@media only screen and (max-width: 1400px) {

  [data-sidebar-style="full"] .header,
  [data-sidebar-style="overlay"] .header {
    width: 100%;
    padding-left: 17rem;
  }
}

@media only screen and (max-width: 1023px) {

  [data-sidebar-style="full"] .header,
  [data-sidebar-style="overlay"] .header {
    width: 100%;
    padding-left: 5rem;
  }
}

[data-sidebar-style="mini"] .header {
  width: 100%;
  padding-left: 6.25rem;
}

[data-sidebar-style="compact"] .header {
  width: 100%;
  padding-left: 11.25rem;
}

[data-sidebar-style="compact"] .header .header-content {
  padding-left: 1.875rem;
}

[data-header-position="fixed"] .header {
  position: fixed;
  top: 0;
  width: 100%;
}

[data-header-position="fixed"] .content-body {
  padding-top: 5.5rem;
}

@media only screen and (max-width: 1400px) {
  [data-header-position="fixed"] .content-body {
    padding-top: 5.5rem;
  }
}

@media only screen and (max-width: 1199px) {
  [data-header-position="fixed"] .content-body {
    padding-top: 5rem;
  }
}

[data-header-position="fixed"] .deznav {
  margin-top: 0;
}

[data-sidebar-style="compact"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header {
  width: 1199px;
}

[data-sidebar-style="modern"] .header {
  width: 100%;
  padding-left: 10.625rem;
}

[data-sidebar-style="modern"][data-layout="horizontal"] .nav-header .brand-logo {
  justify-content: start;
}

[data-sidebar-style="modern"][data-layout="horizontal"] .header .header-content {
  padding-left: 30px;
}

.header-left {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-left .dashboard_bar {
  font-size: 30px;
  font-weight: 600;
  color: #000;
}

.nav-control .hamburger {
  display: none;
}

.mobiletabs {
  display: none;
}

.profiletabs {
  display: none;
}


/* .header{display: block;}*/
.header-left .dashboard_bar {
  display: none;
}


.header-left input {
  background: #fff;
  min-width: 170px;
  min-height: 40px;
  border-color: transparent;
  color: #6e6e6e;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  box-shadow: none;
}

[direction="rtl"] .header-left input {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.header-left input:focus,
.header-left input:active,
.header-left input.active {
  border-color: transparent;
  box-shadow: none;
}

.header-left input::-webkit-input-placeholder {
  /* Edge */
  color: #6e6e6e;
}

.header-left input:-ms-input-placeholder {
  /* Internet Explorer */
  color: #6e6e6e;
}

.header-left input::placeholder {
  color: #6e6e6e;
}

.header-left .search_bar {
  display: flex;
  align-items: center;
  height: 100%;
}

.header-left .search_bar .dropdown-menu {
  box-shadow: none;
}

.header-left .search_bar .search_icon {
  background: #f9f9f9;
  height: 40px;
  padding: 8px 0 8px 15px;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.header-left .search_bar .search_icon i {
  font-size: 24px;
  color: #6e6e6e;
  line-height: 1;
}

@media only screen and (max-width: 767px) {
  .top-ico {
    display: none;
  }

  .header {
    display: block;
  }

  .header-left .search_bar .dropdown-menu .form-control {
    border-radius: 4px;
    width: 100%;
  }

  [direction="rtl"] .header-left .search_bar .dropdown-menu {
    right: -98px;
  }

  .header-left .search_bar .search_icon {
    border-radius: 4px;
    padding: 8px 10px;
  }

  .header-left .search_bar {
    position: static;
  }

  .header-left .search_bar .dropdown-menu {
    width: 300px;
    left: -15vw;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }

  .header-left .search_bar .dropdown-menu,
  .header-left .search_bar .dropdown-menu.show {
    left: 34px;
    top: 0;
    transform: translateY(50%);
    display: block;
  }
}


@media only screen and (max-width: 767px) and (max-width: 575px) {
  .header-left .search_bar .dropdown-menu {
    width: 250px;
    left: -25vw;
  }
}

.header-left .search_bar .dropdown-menu,
.header-left .search_bar .dropdown-menu.show {
  border: 0px;
  background-color: transparent;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}



[data-sidebar-style="compact"] .header-left {
  margin-left: 0;
}

.header-right {
  height: 100%;
}

.header-right .nav-item {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-right .nav-item .nav-link {
  color: #464a53;
  font-size: 18px;
}

.header-right .right-sidebar {
  margin-right: -30px;
}

.header-right .right-sidebar a {
  height: 80px;
  width: 80px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  border-left: 1px solid #c8c8c8;
}

.header-right>li:not(:first-child) {
  padding-left: 1.25rem;
}

@media only screen and (max-width: 1199px) {
  .header-right>li:not(:first-child) {
    padding-left: 0.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .header-right .notification_dropdown {
    position: static;
  }
}

.header-right .notification_dropdown .nav-link {
  position: relative;
  color: #0E8A74;
  background: #fff;
  border-radius: 0.5rem;
  padding: 15px;
  line-height: 1;
}

@media only screen and (max-width: 1400px) {
  .header-right .notification_dropdown .nav-link {
    padding: 10px;
  }
}

.header-right .notification_dropdown .nav-link i {
  font-size: 24px;
}

@media only screen and (max-width: 1400px) {
  .header-right .notification_dropdown .nav-link i {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1400px) {
  .header-right .notification_dropdown .nav-link svg {
    width: 24px;
    height: 24px;
  }
}

.header-right .notification_dropdown .nav-link .badge {
  position: absolute;
  font-size: 0.625rem;
  border-radius: 50%;
  right: 0;
  top: 0;
  border: 3px solid #fff;
  font-weight: normal;
  height: 30px;
  width: 30px;
  line-height: 14px;
  text-align: center;
  padding: 5px;
  font-size: 14px;
}

@media only screen and (max-width: 1400px) {
  .header-right .notification_dropdown .nav-link .badge {
    height: 24px;
    width: 24px;
    border-width: 3px;
    line-height: 9px;
    font-size: 11px;
  }
}

.header-right .notification_dropdown .dropdown-item:focus a,
.header-right .notification_dropdown .dropdown-item:active a {
  color: #fff;
}

.header-right .notification_dropdown .dropdown-item a {
  color: #6e6e6e;
}

.header-right .notification_dropdown .dropdown-item a:hover {
  text-decoration: none;
}

.header-right .dropdown-menu {
  border-width: 0;
  box-shadow: 0 0 37px rgba(8, 21, 66, 0.05);
}

[data-theme-version="dark"] .header-right .dropdown-menu {
  box-shadow: none;
}

.header-right .header-profile>a.nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.header-right .header-profile>a.nav-link i {
  font-weight: 700;
}

.header-right .header-profile>a.nav-link .header-info {
  padding-left: 0px;
  text-align: left;
}

@media only screen and (max-width: 1400px) {
  .header-right .header-profile>a.nav-link .header-info {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .header-right .header-profile>a.nav-link .header-info {
    display: none;
  }
}

.header-right .header-profile>a.nav-link .header-info span {
  font-size: 16px;
  color: #000;
  display: block;
  font-weight: 600;
}

.header-right .header-profile>a.nav-link .header-info strong {
  color: #6e6e6e;
}

.header-right .header-profile>a.nav-link .header-info small,
.header-right .header-profile>a.nav-link .header-info .small {
  display: block;
  font-size: 13px;
  color: #89879f;
  font-weight: 400;
  line-height: 1.2;
}

@media only screen and (max-width: 1400px) {
  .header-right .header-profile>a.nav-link {
    margin-left: 0px;
    padding-left: 0px;
  }

  .header-right .header-profile>a.nav-link .header-info span {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .header-right .header-profile>a.nav-link {
    margin-left: 0px;
    padding-left: 0px;
    border-left: 0;
  }
}

.header-right .header-profile .dropdown-menu {
  padding: 15px 0;
  min-width: 12.5rem;
}

.header-right .header-profile .dropdown-menu a:hover,
.header-right .header-profile .dropdown-menu a:focus,
.header-right .header-profile .dropdown-menu a.active {
  color: #0E8A74;
}

.header-right .header-profile img {
  width: 55px;
  height: 55px;
  border-radius: 0.5rem;
}

@media only screen and (max-width: 1400px) {
  .header-right .header-profile img {
    width: 39px;
    height: 39px;
  }
}

.header-right .header-profile .dropdown-toggle i {
  font-size: 1.25rem;
}

@media only screen and (max-width: 575px) {
  .header-right .header-profile .dropdown-toggle span {
    display: none;
  }
}

.header-right .header-profile .profile_title {
  background: #0E8A74;
  color: #fff;
  padding: 10px 20px;
}

.header-right .header-profile .profile_title h5,
.header-right .header-profile .profile_title .h5 {
  color: #fff;
  margin-bottom: 3px;
}

.header-right .header-profile .dropdown-item {
  padding: 8px 24px;
}

.dz-fullscreen #icon-minimize {
  display: none;
}

.dz-fullscreen.active #icon-full {
  display: none;
}

.dz-fullscreen.active #icon-minimize {
  display: inline-block;
}

.notification_dropdown .dropdown-menu-end {
  min-width: auto;
  width: max-content;
  padding: 0.5rem 0.5rem;
  top: 100%;
  z-index: +99;
}

/* .notification_dropdown .dropdown-menu-end ul.timeline li{
  margin-bottom: 3px!important;
} */
.notification_dropdown .dropdown-menu-end ul.timeline li a {
  align-items: center;
  font-size: 12px;
  justify-content: start;
  color: #000 !important;
  font-weight: 400;
}

.notification_dropdown .dropdown-menu-end ul.timeline li a img {
  width: 17px;
  margin-right: 5px;
}

.notification_dropdown .dropdown-menu-end .notification_title {
  background: #0E8A74;
  color: #fff;
  padding: 10px 20px;
}

.notification_dropdown .dropdown-menu-end .notification_title h5,
.notification_dropdown .dropdown-menu-end .notification_title .h5 {
  color: #fff;
  margin-bottom: 3px;
}

.notification_dropdown .dropdown-menu-end .media {
  width: 45px;
  height: 45px;
  font-size: 18px;
}

[data-theme-version="dark"] .notification_dropdown .dropdown-menu-end .media {
  border-color: #3e454d;
}

.notification_dropdown .dropdown-menu-end .media>span {
  width: 35px;
  height: 35px;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 9px;
  margin-right: 10px;
}

[direction="rtl"].notification_dropdown .dropdown-menu-end .media>span {
  margin-right: 0;
  margin-left: 10px;
}

.notification_dropdown .dropdown-menu-end .media>span.success {
  background: #ecfae4;
  color: #68CF29;
}

.notification_dropdown .dropdown-menu-end .media>span.primary {
  background: #e7fdf9;
  color: #0E8A74;
}

.notification_dropdown .dropdown-menu-end .media>span.danger {
  background: #fee6ea;
  color: #f72b50;
}

.notification_dropdown .dropdown-menu-end .media .notify-time {
  width: 100%;
  margin-right: 0;
  color: #828690;
}

.notification_dropdown .dropdown-menu-end .media p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  margin-bottom: 0;
  margin-top: 5px;
}

@media only screen and (max-width: 575px) {
  .notification_dropdown .dropdown-menu-end .media p {
    max-width: 100px;
  }
}

.notification_dropdown .dropdown-menu-end .all-notification {
  display: block;
  padding: 15px 30px 0;
  text-align: center;
  border-top: 1px solid #c8c8c8;
}

.notification_dropdown .dropdown-menu-end .all-notification i {
  margin-left: 10px;
}

.search-area {
  width: 350px;
  align-items: center;
}

.search-area .input-group-text {
  background: #fff;
  padding-right: 20px;
  padding-left: 30px;
  border-radius: 0.5rem;
}

.search-area .input-group-text i {
  font-size: 28px;
}

.search-area .form-control {
  border: 0;
  font-size: 1rem;
  padding-left: 0px;
  background: #fff;
}

.search-area .form-control::placeholder {
  color: #c8c8c8;
}

@media only screen and (max-width: 1600px) {
  .search-area {
    width: 260px;
  }

  .search-area .input-group-text {
    height: 41px;
  }
}

@media only screen and (max-width: 1400px) {
  .search-area .input-group-text {
    height: 50px;
  }

  .search-area .input-group-text i {
    font-size: 20px;
  }
}

.sidebar-right {
  right: -50rem;
  position: fixed;
  top: 0;
  width: 50rem;
  background-color: #fff;
  margin-top: 3.5rem;
  transition: all .5s ease-in-out;
  border-radius: 0.5rem;
  z-index: 9999;
  /* Navigation */
}

.sidebar-right .bg-label-pattern {
  background: transparent;
  background-image: url("../images/pattern/pattern5.png");
  background-size: 130%;
}

.sidebar-right .bootstrap-select {
  height: 48px;
  border-radius: 6px;
}

.sidebar-right .bootstrap-select .btn {
  padding: 12px 15px;
  font-size: 15px;
  border-color: #d1d1d1;
  border-radius: 6px;
}

.sidebar-right .note-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  opacity: 1;
  background-color: #fff;
  font-size: 12px;
}

[direction="rtl"] .sidebar-right .slimScrollDiv {
  overflow: visible !important;
}

.sidebar-right .sidebar-right-trigger {
  position: absolute;
  z-index: 9;
  top: 8.75rem;
  right: 100%;
  background-color: #0E8A74;
  color: #fff;
  display: inline-block;
  display: none;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 5px 0 0 5px;
  box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}

[data-theme-version="dark"] .sidebar-right .sidebar-right-trigger {
  color: #fff;
}

@media only screen and (max-width: 767px) {

  .sidebar-right .sidebar-right-trigger {
    display: none;
  }
}

.sidebar-right .sidebar-close-trigger {
  position: absolute;
  z-index: 2;
  font-size: 28px;
  top: 0;
  right: -48px;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  text-align: center;
  background: black;
  color: #fff;
}

.sidebar-right.show {
  right: 5.25rem;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.sidebar-right.show .sidebar-right-trigger {
  display: none;
}

.sidebar-right.show .bg-overlay {
  position: fixed;
  width: 100%;
  cursor: pointer;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.sidebar-right .nav-tabs {
  justify-content: space-between;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 2;
}

.sidebar-right .nav-tabs .nav-item {
  margin-bottom: 0;
  flex: 1;
}

.sidebar-right .nav-tabs .nav-item .nav-link {
  border: 0;
  font-size: 1.125rem;
  position: relative;
  text-align: center;
  background-color: #fff;
}

.sidebar-right .nav-tabs .nav-item .nav-link::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: transparent;
}

[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link.active {
  border-right: none;
  border-left: none;
  border-top: none;
}

.sidebar-right .sidebar-right-inner>h4,
.sidebar-right .sidebar-right-inner>.h4 {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: #fff;
  margin: 0px 0px 0px 0px;
}

.sidebar-right .tab-content {
  padding: 1.25rem 1.25rem 0;
  min-height: 480px;
  background: #fff;
}

.sidebar-right .tab-content .tab-pane .admin-settings .row>div {
  margin-bottom: 20px;
}

.sidebar-right .tab-content .tab-pane .admin-settings p {
  color: #353535;
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 16px;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] {
  display: none;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]+label {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  transition: all .1s ease;
  border-radius: 4px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked+label {
  position: relative;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked+label::after {
  height: 33px;
  width: 33px;
  left: -4px;
  top: -4px;
  content: "";
  position: absolute;
  background-color: inherit;
  border-radius: 6px;
  opacity: 0.4;
}

.sidebar-right .navigation-bg input[type="radio"]:checked+label:before {
  opacity: 1;
}

.sidebar-right .navigation-bg input[type="radio"]+label {
  position: relative;
  width: 142px !important;
  height: 100px !important;
  margin-right: 10px !important;
  background-size: cover;
  background-position: top;
}

.sidebar-right .navigation-bg input[type="radio"]+label:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: inherit;
}

.sidebar-right #nav_header_color_1+label,
.sidebar-right #header_color_1+label,
.sidebar-right #sidebar_color_1+label,
.sidebar-right #primary_color_1+label {
  background-color: #fff;
}

.sidebar-right #nav_header_color_2+label,
.sidebar-right #header_color_2+label,
.sidebar-right #sidebar_color_2+label,
.sidebar-right #primary_color_2+label {
  background-color: #6610f2;
}

.sidebar-right #nav_header_color_3+label,
.sidebar-right #header_color_3+label,
.sidebar-right #sidebar_color_3+label,
.sidebar-right #primary_color_3+label {
  background-color: #0E8A74;
}

.sidebar-right #nav_header_color_4+label,
.sidebar-right #header_color_4+label,
.sidebar-right #sidebar_color_4+label,
.sidebar-right #primary_color_4+label {
  background-color: #4d06a5;
}

.sidebar-right #nav_header_color_5+label,
.sidebar-right #header_color_5+label,
.sidebar-right #sidebar_color_5+label,
.sidebar-right #primary_color_5+label {
  background-color: #dc3545;
}

.sidebar-right #nav_header_color_6+label,
.sidebar-right #header_color_6+label,
.sidebar-right #sidebar_color_6+label,
.sidebar-right #primary_color_6+label {
  background-color: #fd7e14;
}

.sidebar-right #nav_header_color_7+label,
.sidebar-right #header_color_7+label,
.sidebar-right #sidebar_color_7+label,
.sidebar-right #primary_color_7+label {
  background-color: #ffc107;
}

.sidebar-right #nav_header_color_8+label,
.sidebar-right #header_color_8+label,
.sidebar-right #sidebar_color_8+label,
.sidebar-right #primary_color_8+label {
  background-color: #fff;
}

.sidebar-right #nav_header_color_9+label,
.sidebar-right #header_color_9+label,
.sidebar-right #sidebar_color_9+label,
.sidebar-right #primary_color_9+label {
  background-color: #20c997;
}

.sidebar-right #nav_header_color_10+label,
.sidebar-right #header_color_10+label,
.sidebar-right #sidebar_color_10+label,
.sidebar-right #primary_color_10+label {
  background-color: #17a2b8;
}

.sidebar-right #nav_header_color_11+label,
.sidebar-right #header_color_11+label,
.sidebar-right #sidebar_color_11+label,
.sidebar-right #primary_color_11+label {
  background-color: #94618E;
}

.sidebar-right #nav_header_color_12+label,
.sidebar-right #header_color_12+label,
.sidebar-right #sidebar_color_12+label,
.sidebar-right #primary_color_12+label {
  background-color: #343a40;
}

.sidebar-right #nav_header_color_13+label,
.sidebar-right #header_color_13+label,
.sidebar-right #sidebar_color_13+label,
.sidebar-right #primary_color_13+label {
  background-color: #2a2a2a;
}

.sidebar-right #nav_header_color_14+label,
.sidebar-right #header_color_14+label,
.sidebar-right #sidebar_color_14+label,
.sidebar-right #primary_color_14+label {
  background-color: #4885ed;
}

.sidebar-right #nav_header_color_15+label,
.sidebar-right #header_color_15+label,
.sidebar-right #sidebar_color_15+label,
.sidebar-right #primary_color_15+label {
  background-color: #4cb32b;
}

.sidebar-right #nav_header_color_1+label,
.sidebar-right #header_color_1+label,
.sidebar-right #sidebar_color_1+label,
.sidebar-right #primary_color_1+label {
  border: 1px solid #c4c4c4;
}

.sidebar-right #sidebar_text_color_1+label {
  background-color: #fff;
}

.sidebar-right #sidebar_text_color_2+label {
  background-color: #6610f2;
}

.sidebar-right #sidebar_text_color_3+label {
  background-color: #0E8A74;
}

.sidebar-right #sidebar_text_color_4+label {
  background-color: #dc3545;
}

.sidebar-right #sidebar_text_color_5+label {
  background-color: #dc3545;
}

.sidebar-right #sidebar_text_color_6+label {
  background-color: #fd7e14;
}

.sidebar-right #sidebar_text_color_7+label {
  background-color: #ffc107;
}

.sidebar-right #sidebar_text_color_8+label {
  background-color: #ff5ed2;
}

.sidebar-right #sidebar_text_color_9+label {
  background-color: #20c997;
}

.sidebar-right #sidebar_text_color_10+label {
  background-color: #17a2b8;
}

.sidebar-right #sidebar_text_color_11+label {
  background-color: #94618E;
}

.sidebar-right #sidebar_text_color_12+label {
  background-color: #343a40;
}

.sidebar-right #sidebar_text_color_13+label {
  background-color: #83418b;
}

.sidebar-right #sidebar_text_color_14+label {
  background-color: #4885ed;
}

.sidebar-right #sidebar_text_color_15+label {
  background-color: #4cb32b;
}

.sidebar-right #sidebar_text_color_1+label {
  border: 0.0625rem solid #c4c4c4;
}

.sidebar-right.style-1 {
  height: 100vh;
  width: 250px;
  margin-top: 0;
  right: -250px;
}

.sidebar-right.style-1 .sidebar-right-inner {
  background: #fff;
}

.sidebar-right.style-1 .sidebar-right-trigger {
  top: 12.4rem;
}

.sidebar-right.style-1.show {
  right: 0;
}

.sidebar-right.style-1.show .sidebar-right-trigger {
  display: block;
}

@media only screen and (max-width: 991px) {
  .sidebar-right {
    width: 75%;
  }
}

@keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }

  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
  }

  100% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }

  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
  }

  100% {
    transform: translateY(-8%);
    -webkit-transform: translateY(-8%);
  }
}

.nav-user {
  background: #0E8A74;
  margin-bottom: 10px;
  padding: 20px 25px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user {
    padding: 20px 15px 15px;
  }
}

.nav-user img {
  width: 35px;
  height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user img {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
  }
}

.nav-user h5,
.nav-user .h5 {
  margin-left: 10px;
  margin-bottom: 3px;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

  .nav-user h5,
  .nav-user .h5 {
    display: none;
  }
}

[data-sibebarbg="color_2"] .nav-user h5,
[data-sibebarbg="color_2"] .nav-user .h5 {
  color: #fff;
}

.nav-user p {
  margin-left: 10px;
  margin-bottom: 8px;
  color: #afcff7;
}



.menu-toggle .nav-user {
  padding: 20px 15px 15px;
}

.menu-toggle .nav-user img {
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
}

.menu-toggle .nav-user h5,
.menu-toggle .nav-user .h5,
.menu-toggle .nav-user p {
  display: none;
}

.menu-toggle .nav-user i {
  margin-top: 15px;
  display: block;
}

.menu-toggle .nav-user .dropdown-menu {
  left: 45px !important;
  top: 22px !important;
}

.chatbox {
  width: 340px;
  height: 100vh;
  position: fixed;
  right: -500px;
  top: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.15);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

[data-theme-version="dark"] .chatbox {
  background: #2f363e;
}

.chatbox .chatbox-close {
  position: absolute;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  width: 0;
  height: 100%;
  right: 340px;
  background: #000;
  z-index: 1;
  opacity: 0.1;
  cursor: pointer;
}

.chatbox .card-fotter {
  padding: 0.75rem 1rem;
}

.chatbox .card-body {
  padding: 1rem;
}

.chatbox.active {
  right: 0;
}

.chatbox.active .chatbox-close {
  width: 100vw;
}

.chatbox .type_msg {
  padding-top: 10px;
}

.chatbox .nav {
  padding: 1rem 1rem 0 1rem;
  background: rgba(14, 138, 116, 0.1);
  border: 0;
  justify-content: space-between;
}

.chatbox .nav .nav-link {
  color: #0E8A74;
  opacity: 0.7;
  text-transform: uppercase;
}

.chatbox .nav .nav-link:hover,
.chatbox .nav .nav-link.active {
  background: transparent;
  color: #0E8A74;
  opacity: 1;
  border-color: #0E8A74;
}

.chatbox .img_cont {
  width: 40px;
  border-radius: 40px;
  margin-right: 10px;
  position: relative;
  height: 40px;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  min-width: 40px;
  min-height: 40px;
}

.chatbox .img_cont .icon {
  color: #fff;
}

.chatbox .img_cont.primary {
  background: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .chatbox .img_cont.primary {
  background: rgba(14, 138, 116, 0.1);
}

.chatbox .img_cont.warning {
  background: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .chatbox .img_cont.warning {
  background: rgba(254, 99, 78, 0.1);
}

.chatbox .img_cont.success {
  background: #ecfae4;
  color: #68CF29;
}

[data-theme-version="dark"] .chatbox .img_cont.success {
  background: rgba(104, 207, 41, 0.1);
}

.chatbox .img_cont.info {
  background: #e9f1fd;
  color: #3A82EF;
}

[data-theme-version="dark"] .chatbox .img_cont.info {
  background: rgba(58, 130, 239, 0.1);
}

.chatbox .img_cont img {
  width: 100%;
}

.chatbox .img_cont .online_icon {
  background: #68CF29;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 15px;
  right: -1px;
  bottom: 0px;
  border: 2px solid #fff;
}

.chatbox .img_cont .online_icon.offline {
  background: #f72b50;
}

.chatbox .card {
  box-shadow: none;
}

.chatbox .search {
  height: 40px;
}

.chatbox .user_info span {
  font-size: 15px;
  color: #000;
  display: block;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  max-width: 170px;
}

[data-theme-version="dark"] .chatbox .user_info span {
  color: #fff;
}

.chatbox .user_info p {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  max-width: 170px;
}

.chatbox .contacts li {
  padding: 7px 1rem;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

[data-theme-version="dark"] .chatbox .contacts li {
  border-color: #3e454d;
}

.chatbox .contacts li>div {
  display: flex;
  align-items: center;
}

.chatbox .contacts li:hover {
  background: #f4f7ff;
}

[data-theme-version="dark"] .chatbox .contacts li:hover {
  background-color: #24292d;
}

.chatbox .contacts .name-first-letter {
  background: #f9f9f9;
  padding: 4px 1rem;
  font-weight: 700;
  color: #000;
  position: sticky;
  top: 0;
  z-index: 1;
}

[data-theme-version="dark"] .chatbox .contacts .name-first-letter {
  color: #fff;
  background: #24292d;
}

.chatbox .contacts_body {
  height: calc(100vh - 120px);
}

.chatbox .card-header {
  background: #f4f7ff;
  padding: 15px 20px;
  justify-content: center;
}

.chatbox .card-header h6,
.chatbox .card-header .h6 {
  font-size: 15px;
}

.chatbox .card-header p {
  line-height: 1.2;
  font-size: 12px;
  color: #194039;
}

.chatbox .chat-list-header {
  justify-content: space-between;
  background: #fff;
}

[data-theme-version="dark"] .chatbox .chat-list-header {
  background: #2f363e;
}

.chatbox .chat-list-header a {
  text-align: center;
  width: 30px;
  height: 30px;
  background: #f9f9f9;
  border-radius: 6px;
  line-height: 30px;
  display: block;
}

[data-theme-version="dark"] .chatbox .chat-list-header a {
  background: rgba(14, 138, 116, 0.1);
}

[data-theme-version="dark"] .chatbox .chat-list-header a svg g [fill] {
  fill: #fff;
}

.chatbox .img_cont_msg {
  width: 30px;
  height: 30px;
  display: block;
  max-width: 30px;
  min-width: 30px;
}

.chatbox .img_cont_msg img {
  width: 100%;
}

.chatbox .msg_cotainer {
  background: #0E8A74;
  margin-left: 10px;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  padding: 10px 15px;
  color: #fff;
  position: relative;
}

.chatbox .msg_cotainer .msg_time {
  display: block;
  font-size: 11px;
  color: #fff;
  margin-top: 5px;
  opacity: 0.5;
}

.chatbox .msg_cotainer:after {
  content: "";
  position: absolute;
  left: -10px;
  border-right: 10px solid #0E8A74;
  border-bottom: 10px solid transparent;
  border-top: 0px solid;
  top: 0;
}

.chatbox .msg_cotainer_send {
  background: #f9f9f9;
  padding: 10px 15px;
  border-radius: 6px 0px 6px 6px;
  margin-right: 10px;
  color: #222;
  position: relative;
  text-align: right;
}

[data-theme-version="dark"] .chatbox .msg_cotainer_send {
  background: #24292d;
  color: #fff;
}

.chatbox .msg_cotainer_send .msg_time_send {
  display: block;
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
  opacity: 0.6;
}

.chatbox .msg_cotainer_send:after {
  content: "";
  position: absolute;
  right: -10px;
  border-left: 10px solid #f9f9f9;
  border-bottom: 10px solid transparent;
  border-top: 0px solid;
  top: 0;
}

[data-theme-version="dark"] .chatbox .msg_cotainer_send:after {
  border-left: 10px solid #24292d;
}

.chatbox .type_msg .form-control {
  padding: 10px 0;
  height: 50px;
  border: 0;
  resize: none;
}

.chatbox .type_msg .form-control:focus {
  z-index: 0;
}

.chatbox .type_msg .btn {
  font-size: 18px;
  border-radius: 38px !important;
  width: 38px;
  height: 38px;
  padding: 0;
  margin-top: 6px;
}

.chatbox .video_cam {
  margin-left: 15px;
}

.chatbox .video_cam span {
  width: 35px;
  height: 35px;
  background: #10ca93;
  text-align: center;
  line-height: 35px;
  border-radius: 35px;
  color: #fff;
  margin-right: 5px;
  align-self: center;
  font-size: 16px;
  padding: 0 3px;
  display: inline-block;
}

.chatbox .note_card .contacts li {
  padding: 12px 1rem;
}

@media only screen and (max-width: 576px) {
  .chatbox {
    width: 280px;
  }

  .chatbox .chatbox-close {
    right: 280px;
  }
}

.dz-demo-panel {
  right: -380px;
  position: fixed;
  top: 0;
  width: 380px;
  background-color: #fff;
  height: 100vh;
  transition: all .5s ease-in-out;
  z-index: 9999;
}

.dz-demo-panel .note-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  font-size: 12px;
  background-color: #fff;
}

.dz-demo-panel .dz-demo-trigger {
  position: absolute;
  z-index: 9;
  top: 8.75rem;
  right: 100%;
  background-color: #FB3E7A;
  color: #fff;
  display: inline-block;
  display: none;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 5px 0 0 5px;
  box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}

@media only screen and (max-width: 1199px) {
  .dz-demo-panel .dz-demo-trigger {
    display: none;
  }
}

.dz-demo-panel .dz-demo-close {
  height: 30px;
  color: #fff;
  width: 30px;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  line-height: 30px;
  text-align: center;
}

.dz-demo-panel.show {
  right: 0;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  overflow: hidden;
}

.dz-demo-panel.show .sidebar-right-trigger {
  display: none;
}

.dz-demo-panel.show .bg-close {
  position: fixed;
  z-index: -2;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
}

.dz-demo-panel .dz-demo-inner {
  padding: 30px 30px;
  background: #fff;
}

.dz-demo-panel .dz-demo-content {
  height: calc(100vh - 210px);
}

.dz-demo-panel .dz-demo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.dz-demo-panel .dz-demo-header h4,
.dz-demo-panel .dz-demo-header .h4 {
  margin-bottom: 0;
  color: #000;
}

.dz-demo-panel .dz-demo-bx {
  height: 200px;
  overflow: hidden;
  border: 5px solid #efefef;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.dz-demo-panel .dz-demo-bx.demo-active {
  border-color: #FB3E7A;
}

.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {
  opacity: 1;
}

.dz-demo-panel .overlay-bx {
  position: relative;
}

.dz-demo-panel .overlay-bx .overlay-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0;
}

.dz-demo-panel .overlay-bx:hover .overlay-layer {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 1;
}

/* =============
   Calendar
============= */
.app-fullcalender button {
  border-radius: 0px;
  color: #6e6e6e;
}

.app-fullcalender td {
  border-color: #F0F0F0;
}

.calendar {
  float: left;
  margin-bottom: 0;
}

.fc-view {
  margin-top: 1.875rem;
}

.fc-toolbar {
  margin-bottom: 0.3125rem;
  margin-top: 0.9375rem;
}

.fc-toolbar .fc-left {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  float: none;
}

.fc-toolbar .fc-right {
  display: flex;
  justify-content: center;
  float: none;
  margin-bottom: 0.3125rem;
}

.fc-toolbar .fc-center {
  display: flex;
  justify-content: center;
}

.fc-toolbar .fc-center * {
  float: none;
}

.fc-toolbar h2,
.fc-toolbar .h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-transform: uppercase;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
  z-index: 0;
  box-shadow: none;
}

.fc-widget-header {
  border: 1px solid #F0F0F0;
  border-bottom: 0 !important;
}

.fc th.fc-widget-header {
  background: #F0F0F0 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0;
  text-transform: uppercase;
}

.fc-button {
  border: 1px solid #F0F0F0;
  text-transform: capitalize;
}

.fc-button.active {
  box-shadow: none !important;
}

.fc-text-arrow {
  font-family: inherit;
  font-size: 1rem;
}

.fc-event,
.external-event {
  border-radius: 0.125rem;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 0.3125rem 0.4375rem;
  padding: 0.3125rem;
  text-align: center;
}

.external-event {
  cursor: move;
  margin: 0.625rem 0;
  padding: 0.125rem 0;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 0.3125rem;
}

.fc-basic-view td.fc-day-number {
  padding-right: 0.3125rem;
}

#drop-remove {
  margin-right: 8px;
  top: 0.1875rem;
}

#add-category .modal-dialog,
#event-modal .modal-dialog {
  max-width: 37.5rem;
}

.fc-content {
  color: #fff;
}

.fc th.fc-widget-header {
  background: transparent !important;
}

.fc-button {
  background: #fff;
}

.fc-state-hover {
  background: #fff !important;
}

.fc-state-highlight {
  background: #f2f4fa !important;
}

[data-theme-version="dark"] .fc-state-highlight {
  color: #fff !important;
}

.fc-cell-overlay {
  background: #fff !important;
}

.fc-unthemed .fc-today {
  background: #f2f4fa !important;
}

.fc-day-top {
  color: #6e6e6e !important;
}

[data-theme-version="dark"] .fc-day-top {
  color: #fff !important;
}

.external-event {
  color: #fff;
}

[data-theme-version="dark"] .external-event {
  color: #fff !important;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 1rem;
}

.fc-scroller.fc-day-grid-container {
  height: 490px !important;
}

.fc-row.fc-week.fc-widget-content.fc-rigid {
  height: 81px !important;
}

@media only screen and (max-width: 1440px) {
  .email_left_pane {
    display: none;
  }
}

#external-events .external-event:before {
  content: "";
  display: block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: .9rem;
  position: relative;
  top: 2px;
}

[data-theme-version="dark"] #external-events [data-class="bg-primary"] {
  color: #fff !important;
}

#external-events [data-class="bg-primary"]::before {
  background: #0E8A74;
}

#external-events [data-class="bg-success"]::before {
  background: #68CF29;
}

#external-events [data-class="bg-warning"]::before {
  background: #FE634E;
}

#external-events [data-class="bg-dark"]::before {
  background: #6e6e6e;
}

#external-events [data-class="bg-danger"]::before {
  background: #f72b50;
}

#external-events [data-class="bg-info"]::before {
  background: #3A82EF;
}

#external-events [data-class="bg-pink"]::before {
  background: #e83e8c;
}

#external-events [data-class="bg-secondary"]::before {
  background: #FB3E7A;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  border-color: #F0F0F0;
}

[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton table,
[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton td,
[data-theme-version="dark"] .fc .fc-row .fc-helper-skeleton td {
  border-color: #3e454d;
}

[data-theme-version="dark"] .fc-unthemed .fc-content,
[data-theme-version="dark"] .fc-unthemed .fc-divider,
[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,
[data-theme-version="dark"] .fc-unthemed .fc-list-view,
[data-theme-version="dark"] .fc-unthemed .fc-popover,
[data-theme-version="dark"] .fc-unthemed .fc-row,
[data-theme-version="dark"] .fc-unthemed tbody,
[data-theme-version="dark"] .fc-unthemed td,
[data-theme-version="dark"] .fc-unthemed th,
[data-theme-version="dark"] .fc-unthemed thead {
  border-color: #3e454d;
}

.email-left-box {
  width: 15rem;
  float: left;
  padding: 0 1.25rem 1.25rem 1rem;
  border-top: 0;
  border-left: 0;
  width: 100%;
  float: none;
  border: none;
  padding-bottom: 30px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .email-left-box {
    width: 100%;
    padding-bottom: 0px !important;
  }
}

.intro-title {
  background: rgba(14, 138, 116, 0.1);
  padding: 1rem;
  margin: 1.875rem 0 1.25rem 0;
}

.intro-title h5,
.intro-title .h5 {
  margin-bottom: 0;
  color: #6a707e;
  font-size: 14px;
}

.intro-title h5 i,
.intro-title .h5 i {
  font-size: 0.75rem;
  position: relative;
  bottom: 1px;
}

.intro-title i {
  color: #0E8A74;
}

.email-right-box {
  padding-left: 15rem;
  padding-right: 1rem;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .email-right-box {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
    clear: both;
  }
}

.email-right-box .right-box-border {
  border-right: 2px solid rgba(14, 138, 116, 0.1);
}

@media screen and (min-width: 649px) and (max-width: 1200px) {
  .email-right-box .right-box-padding {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1700px) {
  .email-right-box .right-box-padding {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .email-right-box .right-box-padding {
    padding-left: 0;
  }
}

.toolbar .btn-group .btn {
  border: 0;
}

.toolbar .btn-group input {
  position: relative;
  top: 2px;
}

.read-content textarea {
  height: 150px;
  padding: 15px 20px;
}

.read-content-email {
  font-size: 0.875rem;
}

.read-content h5,
.read-content .h5 {
  color: #6a707e;
}

.read-content p strong {
  color: #6a707e;
}

.read-content-body p {
  margin-bottom: 1.875rem;
}

.read-content-attachment {
  padding: 0.5rem 0;
}

.read-content-attachment h6,
.read-content-attachment .h6 {
  font-size: 1.125rem;
  color: #6a707e;
}

.read-content-attachment h6 i,
.read-content-attachment .h6 i {
  padding-right: 0.3125rem;
}

.read-content-attachment .attachment>div:not(:last-child) {
  border-right: 1px solid #DDDFE1;
}

.compose-content .wysihtml5-toolbar {
  border-color: #eaeaea;
}

.compose-content .dropzone {
  background: #f2f4fa !important;
}

.compose-content h5,
.compose-content .h5 {
  font-size: 1.0625rem;
  color: #6a707e;
}

.compose-content h5 i,
.compose-content .h5 i {
  font-size: 1.125rem;
  transform: rotate(90deg);
}

.compose-content .dropzone {
  border: 1px dashed #DDDFE1;
  min-height: 13.125rem;
  position: relative;
}

.compose-content .dropzone .dz-message {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.email-list {
  display: block;
  padding-left: 0;
}

.email-list .message {
  position: relative;
  display: block;
  height: 3.125rem;
  line-height: 3.125rem;
  cursor: default;
  transition-duration: 0.3s;
}

.email-list .message a {
  color: #828690;
}

.email-list .message-single .custom-checkbox {
  margin-top: 2px;
}

.email-list .message-single i {
  color: #89879f;
  font-size: 1.125rem;
  padding-left: .4rem;
}

.email-list .message:hover {
  transition-duration: 0.05s;
  background: rgba(152, 166, 173, 0.15);
}

.email-list .message .col-mail {
  float: left;
  position: relative;
}

.email-list .message .col-mail-1 {
  width: 5.625rem;
}

.email-list .message .col-mail-1 .star-toggle {
  display: block;
  float: left;
  margin-top: 1.125rem;
  font-size: 1rem;
  margin-left: 0.3125rem;
}

.email-list .message .col-mail-1 .email-checkbox {
  display: block;
  float: left;
  margin: 0.9375rem 0.625rem 0 1.25rem;
}

.email-list .message .col-mail-1 .dot {
  display: block;
  float: left;
  border: .4rem solid transparent;
  border-radius: 6.25rem;
  margin: 1.375rem 1.625rem 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}

.email-list .message .col-mail-2 {
  position: absolute;
  top: 0;
  left: 5.625rem;
  right: 0;
  bottom: 0;
}

.email-list .message .col-mail-2 .subject {
  position: absolute;
  top: 0;
  left: 0;
  right: 5.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.email-list .message .col-mail-2 .date {
  position: absolute;
  top: 0;
  right: 0;
}

.email-checkbox {
  cursor: pointer;
  height: 0.9375rem;
  width: 0.9375rem;
  position: relative;
  display: inline-block;
  border-radius: .1rem;
  position: relative;
  top: 0.3125rem;
  box-shadow: inset 0 0 0 0.1rem #828690;
}

.email-checkbox input {
  opacity: 0;
  cursor: pointer;
}

.email-checkbox input:checked label {
  opacity: 1;
}

.email-checkbox label {
  position: absolute;
  top: .3rem;
  left: .3rem;
  right: .3rem;
  bottom: .3rem;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 0 !important;
  transition-duration: 0.05s;
}

.mail-list a {
  vertical-align: middle;
  padding: 0.625rem 0.9375rem;
  display: block;
  background: transparent;
  color: #464a53;
  font-weight: 600;
}

.mail-list .list-group-item {
  color: #6a707e;
  padding: 0.75rem 1.0625rem;
}

.mail-list .list-group-item i {
  font-size: 1rem;
  padding-right: 0.625rem;
  color: #cccccc;
}

.mail-list .list-group-item.active {
  color: #fff;
}

.mail-list .list-group-item.active i {
  color: #fff;
}

.chat-wrap {
  padding: 1.0625rem 1.875rem;
}

.chat-wrap .media .media-body h6,
.chat-wrap .media .media-body .h6 {
  font-size: 1.0625rem;
  color: #6a707e;
}

.chat-wrap .media .media-body p {
  font-size: 0.875rem;
}

@media (min-width: 648px) {
  .email-filter {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1700px) {
  .email-filter {
    padding-left: 1.875rem;
  }
}

.email-filter .input-group-prepend i {
  font-size: 0.875rem;
  color: #89879f;
}

.email-filter .input-group-prepend .input-group-text {
  border: 0;
  border-bottom: 1px solid #DDDFE1 !important;
  background: transparent;
}

.email-filter .input-group .form-control {
  padding: 0 0 0 0.3125rem;
  border: 0;
  font-size: 0.875rem;
  height: 1.875rem;
  color: #89879f;
  border-bottom: 1px solid #DDDFE1;
}

.email-filter .input-group .form-control::placeholder {
  font-size: 0.875rem;
  color: #89879f;
}

.email-filter .input-group>.form-control {
  min-height: 1.875rem;
}

.single-mail {
  display: block;
  padding: 1.5625rem 0;
}

.single-mail .media {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1700px) {
  .single-mail .media {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.single-mail .media img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin-right: 0.9375rem;
}

@media (min-width: 1700px) {
  .single-mail .media img {
    margin-right: 1.875rem;
  }
}

.single-mail .media-body h6,
.single-mail .media-body .h6 {
  color: #abafb3;
}

.single-mail .media-body h4,
.single-mail .media-body .h4 {
  font-size: 1rem;
  color: #6a707e;
}

.single-mail .media-body h4 button i,
.single-mail .media-body .h4 button i {
  font-size: 1.125rem;
  color: #abafb3;
  font-weight: bold;
  transform: rotate(90deg);
}

.single-mail .media-body p {
  font-size: 0.875rem;
  color: #abafb3;
}

.single-mail.active {
  background: #0E8A74;
}

.single-mail.active h6,
.single-mail.active .h6,
.single-mail.active h4,
.single-mail.active .h4,
.single-mail.active p,
.single-mail.active i {
  color: #fff !important;
}

[direction="rtl"] .email-right-box {
  padding-left: 1rem;
  padding-right: 15rem;
}

@media only screen and (max-width: 991px) {
  [direction="rtl"] .email-right-box {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .email-right-box {
    padding-left: 0;
    padding-right: 0;
  }
}

[direction="rtl"] .email-left-box {
  float: right;
}

[direction="rtl"] .email-list .message .col-mail-2 {
  right: 5.625rem;
  left: 0;
  float: right;
}

[direction="rtl"] .email-list .message .col-mail-2 .date {
  right: auto;
  left: 0;
}

[direction="rtl"] .email-list .message .col-mail-2 .subject {
  right: 0;
  left: 5.5rem;
}

.mail-list .list-group-item:hover:not(.active) {
  background-color: #e6f3f1;
}

.photo-content {
  position: relative;
}

.photo-content .cover-photo {
  background: #f9f9f9;
  min-height: 68px;
  width: 100%;
  border-radius: 11px;
}

.photo-content .cover-photo img {
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-height: 263px;
}

.profile .profile-photo {
  margin-top: -45px;
  z-index: 1;
  width: 71px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/*.profile .profile-photo img {
       border: 8px solid #fff;
    box-shadow: 0px 15px 32px rgb(0 0 0 / 18%) !important}
*/
@media only screen and (max-width: 575px) {
  .profile .profile-photo {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}

[direction="rtl"] .profile .profile-photo {
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 15px;
}

@media only screen and (max-width: 1199px) {
  [direction="rtl"] .profile .profile-photo {
    right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .profile .profile-photo {
    width: 80px;
    right: calc(50% - 40px);
    top: -100px;
  }
}

.profile-info {
  padding: 15px 20px;
}

@media only screen and (max-width: 575px) {
  .profile-info {
    padding: 0 0 20px;
    text-align: center;
  }
}

.profile-info h4,
.profile-info .h4 {
  color: #464a53 !important;
}

.profile-info h4.text-primary,
.profile-info .text-primary.h4 {
  color: #000000 !important;
  font-size: 17px;
  font-weight: 600;
}

.profile-info p {
  color: #828690;
}

.profile-info .prf-col {
  min-width: 250px;
  padding: 10px 50px 0;
}

.profile-interest .row {
  margin: 0 -.70px;
}

.profile-interest .row .int-col {
  padding: 0 .70px;
}

.profile-interest .row .int-col .interest-cat {
  margin-bottom: 1.40px;
  position: relative;
  display: block;
}

.profile-interest .row .int-col .interest-cat:after {
  background: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.profile-interest .row .int-col .interest-cat p {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  left: 0;
  margin: 0;
  z-index: 1;
  color: white;
  font-size: 1.20px;
}

.profile-tab .nav-item .nav-link {
  font-size: 16px;
  margin-right: 30px;
  transition: all 0.5s ease-in-out;
  border: none;
  border-bottom: .20px solid transparent;
  color: #828690;
}

.profile-tab .nav-item .nav-link:hover,
.profile-tab .nav-item .nav-link.active {
  border: 0;
  background: transparent;
  background: transparent;
  border-bottom: 0.2px solid #3c32b5;
  color: #3c32b5;
}

@media only screen and (max-width: 575px) {
  .profile-tab .nav-item .nav-link {
    margin-right: 0px;
  }
}

.profile-info {
  justify-content: center;
  /* width: max-content;*/
  margin: auto;
  display: block;
  padding: 0 0 20px;
}

@media only screen and (max-width: 575px) {
  .profile-info {
    display: block;
  }
}

.profile-info .profile-details {
  display: flex;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .profile-info .profile-details {
    display: block;
  }

  .profile-info .profile-details .dropdown {
    position: absolute;
    top: 30px;
    right: 30px;
  }
}

.post-input {
  margin-bottom: 30px;
}

.post-input .form-control {
  height: 75px;
  font-weight: 400;
  margin: 15px 0;
}

.post-input .btn-social {
  font-size: 20px;
  height: 55px;
  display: inline-block;
  padding: 0;
  text-align: center;
  border-radius: 0.5rem;
  color: #fff;
  width: 55px;
  line-height: 54px;
}

.post-input .btn-social.facebook {
  background-color: #3B5998;
}

.post-input .btn-social.google-plus {
  background-color: #DE4E43;
}

.post-input .btn-social.linkedin {
  background-color: #007BB6;
}

.post-input .btn-social.instagram {
  background-color: #8A5A4E;
}

.post-input .btn-social.twitter {
  background-color: #1EA1F3;
}

.post-input .btn-social.youtube {
  background-color: #CE201F;
}

.post-input .btn-social.whatsapp {
  background-color: #01C854;
}

.post-input .btn-social i {
  margin: 0 !important;
}

.profile-uoloaded-post img {
  margin-bottom: 20px;
}

.profile-uoloaded-post a h4,
.profile-uoloaded-post a .h4 {
  margin-bottom: 10px;
  color: #464a53;
}

.event-chat-ryt .chat-area .chat-reciver,
.event-chat-ryt .chat-area .chat-sender {
  margin-bottom: 1.875rem;
  padding: 0;
}

.event-chat-ryt .chat-area .chat-reciver img,
.event-chat-ryt .chat-area .chat-sender img {
  border-radius: 30px;
}

.event-chat-ryt .chat-area .media {
  position: relative;
}

.event-chat-ryt .chat-area .media-body p {
  margin: 0;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.event-chat-ryt .chat-area .media-body p span {
  padding: 1rem;
  display: inline-block;
  top: 103%;
  position: relative;
  border: 1px solid #F0F0F0;
}

.event-chat-ryt .chat-reciver {
  padding: .5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.event-chat-ryt .chat-reciver .media {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.event-chat-ryt .chat-reciver .media .media-body {
  margin-right: 2rem;
  text-align: right;
}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body {
  text-align: left;
  margin-left: 2rem;
  margin-right: auto;
}

.event-chat-ryt .chat-reciver .media .media-body p {
  background: #fff;
  margin-bottom: 0;
  border-radius: 5px 5px 0 5px;
}

.event-chat-ryt .chat-reciver .media .media-body p span {
  text-align: left;
  border: 1px solid #F0F0F0;
}

.event-chat-ryt .chat-reciver .media .media-body p span::after {
  content: "";
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: rotate(-45deg) translateX(15px);
  transform: rotate(-45deg) translateX(15px);
}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p span::after {
  left: 0;
  right: auto;
  -webkit-transform: rotate(135deg) translateY(15px);
  transform: rotate(135deg) translateY(15px);
}

.event-chat-ryt .chat-reciver .media .media-body p .time {
  position: absolute;
  font-size: 12px;
  color: #194039;
  font-weight: 400;
  bottom: 0;
  left: -80px;
}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p .time {
  right: -5rem;
  left: auto;
}

.event-chat-ryt .chat-sender {
  text-align: left;
  padding: .5rem 1rem;
}

.event-chat-ryt .chat-sender .media .media-body {
  margin-left: 2rem;
}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body {
  text-align: right;
  margin-right: 2rem;
  margin-left: auto;
}

.event-chat-ryt .chat-sender .media .media-body p {
  background-color: #fff;
  margin-bottom: 0;
}

.event-chat-ryt .chat-sender .media .media-body p span::after {
  content: "";
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: rotate(45deg) translateX(-15px);
  transform: rotate(45deg) translateX(-15px);
}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p span::after {
  left: auto;
  right: 0;
  -webkit-transform: rotate(-135deg) translateY(15px);
  transform: rotate(-135deg) translateY(15px);
}

.event-chat-ryt .chat-sender .media .media-body p .time {
  position: absolute;
  font-size: 10px;
  color: #194039;
  font-weight: 400;
  bottom: 0;
  right: -5rem;
}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p .time {
  left: -5rem;
  right: auto;
}

.char-type {
  padding-top: 30px;
  padding-bottom: 30px;
}

.char-type form .form-control {
  height: 45px;
  padding-left: 18px;
  background: #f9f9f9;
  border-right: 0;
}

.char-type form .input-group-append i {
  color: #898989;
  font-size: 18px;
}

.char-type form .input-group-append .input-group-text {
  padding-left: .7rem;
  padding-right: .7rem;
  background: #f9f9f9;
  border-color: #F0F0F0;
  border-left: 0;
}

.char-type form .input-group-append .input-group-text:last-child {
  padding-right: 1.8rem;
}

.media-avatar {
  padding: 25px 0;
  border-bottom: 1px solid #F0F0F0;
}

.media-avatar:last-child {
  border-bottom: 0px;
}

.media-avatar p {
  margin-bottom: 0;
}

.media-avatar .avatar-status {
  position: relative;
}

.media-avatar .avatar-status i {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ct-golden-section:before {
  float: none;
}

.ct-chart {
  max-height: 15.7rem;
}

.ct-chart .ct-label {
  fill: #a3afb7;
  color: #a3afb7;
  font-size: 0.75rem;
  line-height: 1;
}

.ct-grid {
  stroke: rgba(49, 58, 70, 0.1);
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 0.625rem;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #0E8A74;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #68CF29;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #FE634E;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #f72b50;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #3A82EF;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #6e6e6e;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #8d6e63;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #FB3E7A;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #00A2FF;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #ff9800;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #ff9800;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 0.625rem;
  padding: 2px 0.625rem;
  border-radius: 3px;
  background: #313a46;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

#donught_graph .ct-series.ct-series-a .ct-slice-donut {
  stroke: #3FC6D4;
}

#donught_graph .ct-series.ct-series-b .ct-slice-donut {
  stroke: #333333;
}

#donught_graph .ct-series.ct-series-c .ct-slice-donut {
  stroke: #F63465;
}

@media only screen and (max-width: 767px) {
  #pie-chart .ct-label {
    color: #fff;
    fill: #fff;
  }
}

#visitor_graph {
  height: 253px !important;
}

#user_rating_graph {
  height: 280px !important;
}

#activity {
  height: 270px !important;
}

#visitorOnline {
  height: 72px !important;
}

#trendMeter {
  height: 72px !important;
}

#widget-revenue1,
#widget-revenue2,
#widget-revenue3 {
  height: 117px !important;
}

#widget-profit1,
#widget-profit2,
#widget-profit3 {
  height: 160px !important;
}

#comparison-rate {
  height: 230px !important;
}

#session_day {
  height: 175px !important;
  width: auto !important;
  margin: 0 auto;
}

#walet-status {
  height: 140px !important;
}

#bar1 {
  height: 150px !important;
}

#sold-product {
  height: 230px !important;
}

#chart-venue-expenses,
#chart-online-sale,
#chart-gross-sale {
  height: 150px !important;
}

#areaChart_3 {
  height: 295px !important;
}

.chart-point {
  display: flex;
  align-items: center;
}

.chart-point .check-point-area {
  width: 100px;
  height: 100px;
  margin-top: -10px;
  margin-left: -10px;
}

.chart-point .chart-point-list {
  margin: 0;
  padding-left: 5px;
}

.chart-point .chart-point-list li {
  list-style: none;
  font-size: 13px;
  padding: 2px 0;
}

.chart-point .chart-point-list li i {
  margin-right: 5px;
  font-size: 11px;
  position: relative;
  top: -1px;
}

.c3 {
  height: 250px;
}

.c3-legend-item {
  fill: #9fabb1;
}

.c3 .c3-axis-x path,
.c3 .c3-axis-x line,
.c3 .c3-axis-y path,
.c3 .c3-axis-y line,
.tick text {
  stroke: #fff;
}

.flot-chart {
  height: 15.7rem;
}

.tooltipflot {
  background-color: transparent;
  font-size: 1.4rem;
  padding: .5rem 1rem;
  color: rgba(255, 255, 255, 0.7);
  border-radius: .2rem;
}

.legendColorBox>div {
  border: 0 !important;
  padding: 0 !important;
}

.legendLabel {
  font-size: 0.825rem;
  padding-left: .5rem;
  color: #0E8A74;
}

.flotTip {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

.legend>div {
  background: transparent !important;
}

#balance_graph {
  height: 260px;
}

.morris-hover {
  position: absolute;
  z-index: 1;
  background: #0E8A74;
  color: #fff;
}

.morris-hover .morris-hover-point {
  color: #fff !important;
  margin: 3px 0;
  text-align: center;
  padding: 0 25px;
}

.morris-hover .morris-hover-row-label {
  background-color: #6e6e6e;
  text-align: center;
  padding: 5px;
  margin-bottom: 5px;
}

.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
}

/* svg text {
    font-weight: 600 !important;
} */
#morris_donught,
#morris_donught_2,
#line_chart_2,
#morris_bar,
#morris_bar_stalked,
#morris_bar_2,
#morris_area_2,
#morris_area {
  height: 240px !important;
}

#morris_line {
  height: 278px !important;
}

#crypto-btc-card,
#crypto-eth-card,
#crypto-rpl-card,
#crypto-ltc-card {
  height: 9.375rem;
}

#daily-sales,
#comparison-rate,
#usage-chart,
#walet-status {
  width: 100%;
  display: block;
}

#daily-sales canvas,
#comparison-rate canvas,
#usage-chart canvas,
#walet-status canvas {
  max-width: 100% !important;
  width: 100% !important;
}

#sparkline-composite-chart canvas,
#composite-bar canvas,
#sparkline11 canvas,
#StackedBarChart canvas,
#spark-bar canvas,
#tristate canvas {
  height: 100px !important;
}

#sparkline11 canvas {
  width: 100px !important;
}

.easy-pie-chart {
  position: relative;
  text-align: center;
}

.easy-pie-chart .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.easy-pie-chart img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}

.easy-pie-chart canvas {
  display: block;
  margin: 0 auto;
}

#revenue-chart {
  height: 27.7rem;
}

#duration-value-axis {
  height: 27.6rem;
  width: 100%;
}

#combined-bullet {
  height: 28.125rem;
  width: 100%;
}

#zoomable-chart {
  height: 28.125rem;
  width: 100%;
}

#chartMap {
  height: 28.125rem;
  width: 100%;
}

#professional-candlesticks {
  width: 100%;
  height: 28.125rem;
}

#comparing-stock-indices {
  width: 100%;
  height: 28.125rem;
}

#multiple-panel-data {
  width: 100%;
  height: 28.125rem;
}

#depth-chart {
  width: 100%;
  height: 28.125rem;
}

.amcharts-export-menu {
  display: none;
}

.amcharts-data-set-selector-div {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 16.875rem;
  margin: 0 auto;
}

.amcharts-data-set-selector-div select {
  border: 0;
  margin-left: 0.625rem;
  background: #ddd;
  color: #000;
}

.amChartsInputField {
  border: 0;
  background: #0E8A74;
  color: #fff;
  padding: 0.3125rem 0.9375rem;
  margin: 0 0.9375rem;
}

.amcharts-data-set-select {
  border: 0;
  background: #ddd;
  color: #000;
}

.amcharts-period-input,
.amcharts-period-input-selected {
  border: 0;
  margin-left: 0.625rem;
  background: #0E8A74;
  color: #fff;
  padding: 0.3125rem 0.9375rem;
}

.amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem;
  }
}

.lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem;
  }
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem;
  }
}

.amcharts-graph-column-front {
  -webkit-transition: all .3s .3s ease-out;
  transition: all .3s .3s ease-out;
}

.amcharts-graph-column-front:hover {
  fill: #496375;
  stroke: #496375;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0%;
  }
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0%;
  }
}

@media only screen and (max-width: 991px) {
  .amChartsPeriodSelector>fieldset>div {
    float: none !important;
    display: block !important;
    margin-bottom: 0.625rem;
  }
}

.highcharts-root text {
  font-weight: 300 !important;
}

.highcharts-credits {
  display: none;
}

#chart_employee_gender,
#chart_employee_status {
  width: auto;
  height: 350px;
}

.form-control {
  background: #fff;
  border: 1px solid #cbcbcb;
  padding: 5px 14px;
  color: #000000;
  height: 42px;
  font-weight: 600;
  border-radius: 5px;
}

@media only screen and (max-width: 1400px) {
  .form-control {
    height: 41px;
  }
}

.form-control:hover,
.form-control:focus,
.form-control.active {
  box-shadow: none;
  background: #fff;
  color: #6e6e6e;
}

.input-rounded {
  border-radius: 100px;
}

[data-theme-version="light"] .input-primary .form-control,
[data-theme-version="dark"] .input-primary .form-control {
  border-color: #0E8A74;
}

[data-theme-version="light"] .input-primary .input-group-text,
[data-theme-version="dark"] .input-primary .input-group-text {
  background-color: #0E8A74;
  color: #fff;
}

[data-theme-version="light"] .input-danger .form-control,
[data-theme-version="dark"] .input-danger .form-control {
  border-color: #f72b50;
}

[data-theme-version="light"] .input-danger .input-group-text,
[data-theme-version="dark"] .input-danger .input-group-text {
  background-color: #f72b50;
  color: #fff;
}

[data-theme-version="light"] .input-info .form-control,
[data-theme-version="dark"] .input-info .form-control {
  border-color: #3A82EF;
}

[data-theme-version="light"] .input-info .input-group-text,
[data-theme-version="dark"] .input-info .input-group-text {
  background-color: #3A82EF;
  color: #fff;
}

[data-theme-version="light"] .input-success .form-control,
[data-theme-version="dark"] .input-success .form-control {
  border-color: #68CF29;
}

[data-theme-version="light"] .input-success .input-group-text,
[data-theme-version="dark"] .input-success .input-group-text {
  background-color: #68CF29;
  color: #fff;
}

[data-theme-version="light"] .input-warning .form-control,
[data-theme-version="dark"] .input-warning .form-control {
  border-color: #FE634E;
}

[data-theme-version="light"] .input-warning .input-group-text,
[data-theme-version="dark"] .input-warning .input-group-text {
  background-color: #FE634E;
  color: #fff;
}

[data-theme-version="light"] .input-primary-o .form-control,
[data-theme-version="dark"] .input-primary-o .form-control {
  border-color: #0E8A74;
}

[data-theme-version="light"] .input-primary-o .input-group-text,
[data-theme-version="dark"] .input-primary-o .input-group-text {
  background-color: transparent;
  border-color: #0E8A74;
  color: #0E8A74;
}

[data-theme-version="light"] .input-danger-o .form-control,
[data-theme-version="dark"] .input-danger-o .form-control {
  border-color: #f72b50;
}

[data-theme-version="light"] .input-danger-o .input-group-text,
[data-theme-version="dark"] .input-danger-o .input-group-text {
  background-color: transparent;
  border-color: #f72b50;
  color: #f72b50;
}

[data-theme-version="light"] .input-info-o .form-control,
[data-theme-version="dark"] .input-info-o .form-control {
  border-color: #3A82EF;
}

[data-theme-version="light"] .input-info-o .input-group-text,
[data-theme-version="dark"] .input-info-o .input-group-text {
  background-color: transparent;
  border-color: #3A82EF;
  color: #3A82EF;
}

[data-theme-version="light"] .input-success-o .form-control,
[data-theme-version="dark"] .input-success-o .form-control {
  border-color: #68CF29;
}

[data-theme-version="light"] .input-success-o .input-group-text,
[data-theme-version="dark"] .input-success-o .input-group-text {
  background-color: transparent;
  border-color: #68CF29;
  color: #68CF29;
}

[data-theme-version="light"] .input-warning-o .form-control,
[data-theme-version="dark"] .input-warning-o .form-control {
  border-color: #FE634E;
}

[data-theme-version="light"] .input-warning-o .input-group-text,
[data-theme-version="dark"] .input-warning-o .input-group-text {
  background-color: transparent;
  border-color: #FE634E;
  color: #FE634E;
}

.input-group-text {
  background: #d7dae3;
  border: 1px solid transparent;
  min-width: 10px;
  display: flex;
  justify-content: center;
  padding: 0.532rem 0.75rem;
}

.input-group-text i {
  font-size: 16px;
}

.form-file-label {
  height: 40px;
  padding: 0.5rem 0.75rem;
}

.input-group-prepend .btn,
.input-group-append .btn {
  z-index: 0;
}

.custom-select {
  background: none;
  border-color: #F0F0F0;
  color: #6e6e6e;
}

.custom-select:focus {
  box-shadow: none;
  border-color: #0E8A74;
  color: #0E8A74;
}

.form-file-label {
  background: #656C73;
  white-space: nowrap;
  color: #fff;
}

[data-theme-version="dark"] .form-file-label {
  background: #3e454d;
  border-color: #3e454d;
  color: #194039;
}

.custom_file_input .form-file-label::after {
  height: 100%;
}

.form-file {
  border: 1px solid #F0F0F0;
  background: #fff;
  overflow: hidden;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[data-theme-version="dark"] .form-file {
  background: #24292d;
  border-color: #3e454d;
}

.form-check-label {
  margin-left: 5px;
  margin-top: 5px;
}

.form-check-inline .form-check-input {
  margin-right: 0.625rem;
}

.form-check-input {
  top: 0px;
  border-width: 2px;
  width: 16px;
  height: 1rem;
  border-color: #dddada;
}

.rtl .form-check-label:before,
.rtl .form-check-label:after {
  right: -1.5rem !important;
  left: inherit;
}

.form-check {
  line-height: normal;
}

.toggle-switch {
  padding-left: 50px;
  line-height: 1.25;
}

.toggle-switch .form-check-input {
  border: 0;
  background: #D8D8D8;
  width: 40px;
  border-radius: 20px !important;
  height: 16px;
  position: relative;
  left: -5px;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  background-image: none;
}

.toggle-switch .form-check-input:focus {
  background-image: none !important;
}

.toggle-switch .form-check-input:checked {
  background: #e7fdf9;
  background-image: none !important;
}

.toggle-switch .form-check-input:checked:after {
  left: 20px;
  background: #0E8A74;
}

.toggle-switch .form-check-input:focus {
  box-shadow: none;
}

.toggle-switch.text-end .form-check-input {
  left: auto;
  margin-left: 0;
  float: right;
  right: -5px;
}

.form-check-input:focus~.form-check-label::before {
  box-shadow: none !important;
}

.form-check-label::before {
  background-color: transparent;
  border-color: #c8c8c8;
  border-width: 2px;
  border-radius: 2px !important;
}

[data-theme-version="dark"] .form-check-label::before {
  background-color: transparent;
  border-color: #3e454d;
}

.check-xs .form-check-input {
  width: 18px;
  height: 18px;
}

.check-lg .form-check-input {
  width: 21px;
  height: 21px;
}

.check-xl .form-check-input {
  width: 28px;
  height: 28px;
}

.checkbox-info .form-check-input:focus {
  border-color: #3A82EF;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(58, 130, 239, 0.25);
}

.checkbox-info .form-check-input:checked {
  background-color: #3A82EF;
  border-color: #3A82EF;
}

[data-theme-version="dark"] .checkbox-info .form-check-input:checked {
  background-color: rgba(58, 130, 239, 0.1);
  border-color: transparent;
}

.checkbox-danger .form-check-input:focus {
  border-color: #f72b50;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.25);
}

.checkbox-danger .form-check-input:checked {
  background-color: #f72b50;
  border-color: #f72b50;
}

[data-theme-version="dark"] .checkbox-danger .form-check-input:checked {
  background-color: rgba(247, 43, 80, 0.15);
  border-color: transparent;
}

.checkbox-success .form-check-input:focus {
  border-color: #ec4119;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(207 107 41 / 25%)
}

.checkbox-success .form-check-input:checked {
  background-color: #ec4119;
  border-color: #ec4119;
}

[data-theme-version="dark"] .checkbox-success .form-check-input:checked {
  background-color: rgba(104, 207, 41, 0.1);
  border-color: transparent;
}

.checkbox-warning .form-check-input:focus {
  border-color: #FE634E;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(254, 99, 78, 0.25);
}

.checkbox-warning .form-check-input:checked {
  background-color: #FE634E;
  border-color: #FE634E;
}

[data-theme-version="dark"] .checkbox-warning .form-check-input:checked {
  background-color: rgba(254, 99, 78, 0.1);
  border-color: transparent;
}

.checkbox-secondary .form-check-input:focus {
  border-color: #FB3E7A;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(251, 62, 122, 0.25);
}

.checkbox-secondary .form-check-input:checked {
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

[data-theme-version="dark"] .checkbox-secondary .form-check-input:checked {
  background-color: rgba(251, 62, 122, 0.5);
  border-color: transparent;
}

.check-switch {
  padding-left: 40px;
}

.check-switch .form-check-label {
  line-height: 30px;
  font-weight: 500;
}

.check-switch .form-check-label span {
  line-height: 1;
}

.check-switch .form-check-label:after,
.check-switch .form-check-label:before {
  height: 1.5rem;
  width: 1.5rem;
  left: -2rem;
  border-radius: 3rem !important;
  border-color: rgba(14, 138, 116, 0.3);
}

.check-switch .form-check-input:checked~.form-check-label::after {
  background-image: url("../images/svg/check.svg");
}

.check-switch .form-check-input:checked~.form-check-label::before {
  background: #fff;
}

.js-switch+.switchery {
  border-radius: 50px;
  margin-right: 4rem;
}

@media (max-width: 575.98px) {
  .js-switch+.switchery {
    margin-right: 1rem;
  }
}

.js-switch+.switchery>small,
.js-switch+.switchery>.small {
  top: 2px;
}

.js-switch.js-switch-lg+.switchery {
  height: 2rem;
  width: 4.5rem;
}

.js-switch.js-switch-lg+.switchery>small,
.js-switch.js-switch-lg+.switchery>.small {
  width: 1.75rem;
  height: 1.75rem;
}

.js-switch.js-switch-md+.switchery {
  height: 1.5rem;
  width: 3.5rem;
}

.js-switch.js-switch-md+.switchery>small,
.js-switch.js-switch-md+.switchery>.small {
  width: 1.25rem;
  height: 1.25rem;
}

.js-switch.js-switch-sm+.switchery {
  height: 1rem;
  width: 2.2rem;
}

.js-switch.js-switch-sm+.switchery>small,
.js-switch.js-switch-sm+.switchery>.small {
  width: 0.875rem;
  height: 0.875rem;
  top: 1px;
}

.js-switch-square+.switchery {
  border-radius: 0;
}

.js-switch-square+.switchery>small,
.js-switch-square+.switchery>.small {
  border-radius: 0;
  top: 2px;
}

.js-switch-square.js-switch-lg+.switchery {
  height: 2rem;
  width: 4.5rem;
}

.js-switch-square.js-switch-lg+.switchery>small,
.js-switch-square.js-switch-lg+.switchery>.small {
  width: 1.75rem;
  height: 1.75rem;
}

.js-switch-square.js-switch-md+.switchery {
  height: 1.5rem;
  width: 3.5rem;
}

.js-switch-square.js-switch-md+.switchery>small,
.js-switch-square.js-switch-md+.switchery>.small {
  width: 1.25rem;
  height: 1.25rem;
}

.js-switch-square.js-switch-sm+.switchery {
  height: 1rem;
  width: 2.2rem;
}

.js-switch-square.js-switch-sm+.switchery>small,
.js-switch-square.js-switch-sm+.switchery>.small {
  width: 0.875rem;
  height: 0.875rem;
  top: 1px;
}

.form-control.is-valid {
  border-color: #68CF29 !important;
  border-right: 0px !important;
}

.form-control.is-valid:focus {
  box-shadow: none;
}

.form-control.is-warning {
  border-color: #FE634E !important;
  border-right: 0px !important;
}

.form-control.is-warning:focus {
  box-shadow: none;
}

.form-control.is-invalid {
  border-color: #f72b50 !important;
}

.form-control.is-invalid:focus {
  box-shadow: none;
}

.is-valid .input-group-prepend .input-group-text i {
  color: #68CF29;
}

.is-invalid .input-group-prepend .input-group-text i {
  color: #15cfae;
}

.show-pass {
  cursor: pointer;
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.show-pass .fa-eye {
  display: none;
}

.show-pass.active .fa-eye-slash {
  display: none;
}

.show-pass.active .fa-eye {
  display: inline-block;
}

.asColorPicker-dropdown {
  max-width: 26rem;
}

.asColorPicker-trigger {
  border: 0 none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.1875rem;
}

[direction="rtl"] .asColorPicker-trigger {
  left: 0;
  right: auto;
}

.asColorPicker-clear {
  display: none;
  position: absolute;
  right: 1rem;
  text-decoration: none;
  top: .5rem;
}

.daterangepicker td.active {
  background-color: #0E8A74;
}

.daterangepicker td.active:hover {
  background-color: #0E8A74;
}

.daterangepicker button.applyBtn {
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.datepicker.datepicker-dropdown {
  background: #f2f4fa;
  border-radius: 1px;
  border: 1px solid #EEEEEE;
}

.datepicker.datepicker-dropdown td.day,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
  height: 30px;
  width: 30px !important;
  padding: 0;
  text-align: center;
  font-weight: 300;
  border-radius: 50px;
}

.datepicker.datepicker-dropdown td.day:hover,
.datepicker.datepicker-dropdown th.next:hover,
.datepicker.datepicker-dropdown th.prev:hover {
  box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
  color: #fff;
}

.datepicker.datepicker-dropdown th.datepicker-switch,
.datepicker.datepicker-dropdown th.next,
.datepicker.datepicker-dropdown th.prev {
  font-weight: 300;
  color: #333;
}

.datepicker.datepicker-dropdown th.dow {
  font-weight: 300;
}

.datepicker table tr td.selected,
.datepicker table tr td.active.active {
  box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
  border: 0;
}

.datepicker table tr td.today {
  box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
  color: #ffffff;
}

.datepicker table tr td.today:hover {
  box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
  color: #ffffff;
}

.datepicker table tr td.today.disabled {
  box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
  color: #ffffff;
}

.datepicker table tr td.today.disabled:hover {
  box-shadow: 0px 0px 30px 5px rgba(243, 30, 122, 0.3);
  color: #ffffff;
}

.picker__select--month,
.picker__select--year {
  height: 2.5em;
}

.picker__input {
  background-color: transparent !important;
}

[data-theme-version="dark"] .picker__input {
  background-color: transparent !important;
  border: 1px solid #3e454d;
}

.asColorPicker-wrap .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#image {
  max-width: 100%;
}

.docs-options .dropdown-menu {
  padding: 1.5rem;
}

.docs-preview {
  margin-bottom: 3rem;
}

.docs-preview .img-preview {
  float: left;
  margin-right: .5rem;
  margin-bottom: .5rem;
  overflow: hidden;
  max-width: 100% !important;
}

.docs-preview .img-preview>img {
  max-width: 100% !important;
}

.docs-preview .img-preview.preview-lg {
  width: 16rem;
  height: 9rem;
}

.docs-preview .img-preview.preview-md {
  width: 8rem;
  height: 4.5rem;
}

.docs-preview .img-preview.preview-sm {
  width: 4rem;
  height: 2.25rem;
}

.docs-preview .img-preview.preview-xs {
  width: 2rem;
  height: 1.125rem;
  margin-right: 0;
}

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

.select2-container--default .select2-selection--single {
  border-radius: 0.5rem;
  border: 1px solid #c8c8c8;
  height: 40px;
  background: #fff;
}

[data-theme-version="dark"] .select2-container--default .select2-selection--single {
  background: #24292d;
  border-color: #3e454d;
}

.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single.active {
  box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  color: #194039;
  padding-left: 15px;
  min-height: 40px;
}

.select2-container--default .select2-selection--multiple {
  border-color: #F0F0F0;
  border-radius: 0;
}

.select2-dropdown {
  border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #0E8A74;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #F0F0F0;
  background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 6px;
  right: 15px;
}

.select2-container .select2-selection--multiple {
  min-height: 40px;
  color: #194039;
  border-radius: 0.5rem;
  border: 1px solid #c8c8c8;
}

[data-theme-version="dark"] .select2-container .select2-selection--multiple {
  background: #24292d;
  border-color: #3e454d;
}

[data-theme-version="dark"] .select2-search--dropdown .select2-search__field {
  background: #2f363e;
  border-color: #3e454d;
}

.select2-dropdown {
  border-color: #c8c8c8;
}

[data-theme-version="dark"] .select2-dropdown {
  background: #24292d;
  border-color: #3e454d;
}

.swal2-popup .swal2-content {
  color: #194039;
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
.form-wizard {
  border: 0;
}

.form-wizard .nav-wizard {
  box-shadow: none !important;
  margin-bottom: 2rem;
}

.form-wizard .nav-wizard li .nav-link {
  position: relative;
}

.form-wizard .nav-wizard li .nav-link span {
  border-radius: 50px;
  width: 3rem;
  height: 3rem;
  border: 2px solid #0E8A74;
  display: block;
  line-height: 3rem;
  color: #0E8A74;
  font-size: 18px;
  margin: auto;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.form-wizard .nav-wizard li .nav-link:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3px;
  transform: translateY(-50%);
  background: #eeeeee !important;
  z-index: 0;
  width: 100%;
}

.form-wizard .nav-wizard li .nav-link.active:after {
  background: #0E8A74 !important;
}

.form-wizard .nav-wizard li .nav-link.active span {
  background: #0E8A74;
  color: #fff;
}

.form-wizard .nav-wizard li .nav-link.done:after {
  background: #0E8A74 !important;
}

.form-wizard .nav-wizard li .nav-link.done span {
  background-color: #0E8A74;
  color: #fff;
}

.form-wizard .nav-wizard li:last-child .nav-link:after {
  content: none;
}

.form-wizard .toolbar-bottom .btn {
  background-color: #0E8A74;
  border: 0;
  padding: 12px 18px;
}

.form-wizard .tab-content .tab-pane {
  padding: 0;
}

.form-wizard .emial-setup label.mailclinet {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #EEF5F9;
  text-align: center;
  margin: auto;
}

[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet {
  background-color: #24292d;
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet {
    width: 7rem;
    height: 7rem;
  }
}

.form-wizard .emial-setup label.mailclinet .mail-icon {
  font-size: 3rem;
  display: inline-block;
  line-height: 1;
  margin-top: -1rem;
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-icon {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-text {
    font-size: 16px;
    line-height: 20px;
  }
}

.form-wizard .emial-setup label.mailclinet input[type="radio"] {
  display: none;
}

.form-wizard .emial-setup label.mailclinet {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #EEF5F9;
  text-align: center;
  margin: auto;
}

[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet {
  background-color: #24292d;
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-icon {
    font-size: 2rem;
  }
}

.form-wizard .emial-setup label.mailclinet .mail-text {
  font-size: 1rem;
  text-align: center;
  margin-top: .5rem;
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-text {
    font-size: 16px;
    line-height: 20px;
  }
}

.form-wizard .emial-setup label.mailclinet input[type="radio"] {
  display: none;
}

@media only screen and (max-width: 767px) {
  .form-wizard .nav-wizard {
    flex-direction: unset !important;
  }

  .form-wizard .tab-content {
    height: 100% !important;
  }
}

@media only screen and (max-width: 575px) {
  .form-wizard .nav-wizard li .nav-link {
    padding: 0;
  }
}

.ck {
  height: 200px;
}

.ck .ck-list {
  background-color: #f9f9f9 !important;
}

.ck.ck-editor .ck.ck-button {
  padding: 6px 8px;
  background-color: rgb(255 255 255) !important;
  color: #04897d;
  font-weight: 900;
}

.ck.ck-editor .ck.ck-button:hover {
  background: #fbfbfb !important;
  color: #0E8A74 !important;
}

.ck.ck-editor .ck.ck-toolbar {
  background-color: #f9f9f9;
  border: 0;
  padding: 5px 10px;
}

.ck.ck-editor .ck.ck-toolbar__separator {
  display: none;
}

.ck.ck-editor .ck-content {
  background-color: #f9f9f9;
  border-width: 1px 0 0;
  border-color: #e7e5ef;
}

.ck-editor__editable,
.ck.ck-toolbar .ck.ck-toolbar__separator {
  background-color: #f9f9f9 !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  border-color: #43dc80 !important;
}

.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover,
.ck.ck-button:not(.ck-disabled) {
  background: rgba(14, 138, 116, 0.1) !important;
}

.ql-container {
  height: 25rem;
}

#world-datamap {
  padding-bottom: 46% !important;
}

.datamaps-hoverover {
  background: #fff;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  font-family: 'Roboto' !important;
  color: #0E8A74;
  border: 1px solid rgba(14, 138, 116, 0.3);
}

@media only screen and (max-width: 1440px) {
  .world_map_card ul.list-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 35px;
  }
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  height: 20px;
  width: 20px;
  line-height: 14px;
  background-color: #0E8A74;
  color: #fff;
}

.jqvmap-zoomout {
  top: 35px;
}

#world-map,
#usa {
  height: 400px;
}

@media only screen and (max-width: 991px) {

  #world-map,
  #usa {
    height: 350px;
  }
}

@media only screen and (max-width: 575px) {

  #world-map,
  #usa {
    height: 230px;
  }
}

.blockUI.blockMsg.blockPage {
  border: 0 !important;
}

#loginForm {
  cursor: auto;
}

.blockMsg {
  border: 0px !important;
  width: 20% !important;
}

.blockMsg h1,
.blockMsg .h1 {
  font-size: 16px;
  padding: 8px 0;
  margin-bottom: 0;
}

.bootstrap-select {
  margin-bottom: 0;
}

.bootstrap-select .btn {
  border: 1px solid #F0F0F0 !important;
  background-color: transparent !important;
  font-weight: 400;
  color: #194039 !important;
}

[data-theme-version="dark"] .bootstrap-select .btn {
  border-color: #3e454d !important;
  background: #24292d !important;
}

.bootstrap-select .btn:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover {
  outline: none !important;
  outline-offset: 0;
}

[data-theme-version="dark"] .bootstrap-select .btn:active,
[data-theme-version="dark"] .bootstrap-select .btn:focus,
[data-theme-version="dark"] .bootstrap-select .btn:hover {
  color: #194039 !important;
}

.bootstrap-select .dropdown-menu {
  border-color: #F0F0F0 !important;
  box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
}

.bootstrap-select .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem;
}

[data-theme-version="dark"] .bootstrap-select .dropdown-menu {
  border-color: #F0F0F0 !important;
}

.input-group>.bootstrap-select:not(:first-child) .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group>.bootstrap-select:not(:last-child) .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.clipboard-btn {
  transition: all .1s ease-in-out;
}

.clipboard-btn:hover {
  background-color: #0E8A74;
  color: #fff;
}

.crypto-ticker {
  background: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}

[data-theme-version="dark"] .crypto-ticker {
  background: #2f363e;
}

#webticker-big {
  font: inherit !important;
  font-size: inherit !important;
  font-weight: normal !important;
}

#webticker-big li i {
  font-size: 18px;
  margin-right: 7px;
}

#webticker-big li p {
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: 700;
}

.twitter-typeahead {
  width: 100%;
}

.twitter-typeahead .tt-dataset.tt-dataset-states {
  border: 1px solid #F0F0F0;
}

.twitter-typeahead .tt-menu {
  width: 100%;
  background-color: #fff;
}

.twitter-typeahead .tt-menu .tt-suggestion {
  padding: 0.625rem;
  cursor: pointer;
}

.twitter-typeahead .tt-menu .tt-suggestion:hover {
  background-color: #0E8A74;
  color: #fff;
}

.weather-one i {
  font-size: 8rem;
  position: relative;
  top: .5rem;
}

.weather-one h2,
.weather-one .h2 {
  display: inline-block;
  float: right;
  font-size: 4.8rem;
}

.weather-one .city {
  position: relative;
  text-align: right;
  top: -2.5rem;
}

.weather-one .currently {
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  top: 2.5rem;
}

.weather-one .celcious {
  text-align: right;
  font-size: 2rem;
}

.noUi-target {
  border-color: transparent;
  border-radius: 0;
}

.noUi-connect {
  background-color: #0E8A74;
}

.noUi-connects {
  background-color: #D2D6DE;
}

.noUi-connect.c-1-color {
  background-color: #68CF29;
}

.noUi-connect.c-2-color {
  background-color: #3A82EF;
}

.noUi-connect.c-3-color {
  background-color: #0E8A74;
}

.noUi-connect.c-4-color {
  background-color: #FE634E;
}

.noUi-vertical {
  width: 0.375rem;
}

.noUi-horizontal {
  height: 0.375rem;
  margin-bottom: 10px;
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  height: 12px;
  width: 12px;
  border-radius: 50px;
  box-shadow: none;
  border: none;
  background-color: #0E8A74;
}

.noUi-horizontal .noUi-handle::after,
.noUi-horizontal .noUi-handle::before,
.noUi-vertical .noUi-handle::after,
.noUi-vertical .noUi-handle::before {
  display: none;
}

.noUi-vertical .noUi-handle {
  left: -4px;
  top: -6px;
}

.noUi-horizontal .noUi-handle {
  top: -4px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -6px;
}

#slider-toggle {
  height: 50px;
}

#slider-toggle.off .noUi-handle {
  border-color: #0E8A74;
}

.colorpicker-slider .sliders.noUi-target#red,
.colorpicker-slider .sliders.noUi-target#green,
.colorpicker-slider .sliders.noUi-target#blue {
  margin: 10px;
  display: inline-block;
  height: 200px;
}

.colorpicker-slider .sliders.noUi-target#red .noUi-connect {
  background: #c0392b;
}

.colorpicker-slider .sliders.noUi-target#green .noUi-connect {
  background: #27ae60;
}

.colorpicker-slider .sliders.noUi-target#blue .noUi-connect {
  background: #2980b9;
}

.colorpicker-slider #result {
  margin: 60px 26px;
  height: 100px;
  width: 100px;
  display: inline-block;
  vertical-align: top;
  color: #7f7f7f;
  background: #7f7f7f;
  border: 1px solid #fff;
  box-shadow: 0 0 10px;
}

.slider-vertical {
  height: 18rem;
}

.nestable-cart {
  overflow: hidden;
}

.dd-handle {
  color: #fff;
  background: #0E8A74;
  border-radius: 5px;
  padding: 8px 15px;
  height: auto;
  border: 1px solid #F0F0F0;
}

.dd-handle:hover {
  color: #fff;
  background: #0E8A74;
}

.dd3-content:hover {
  color: #fff;
  background: #0E8A74;
}

.dd3-content {
  color: #fff;
}

.dd-item>button {
  line-height: 28px;
  color: #fff;
}

.pignose-calendar {
  box-shadow: none;
  width: 100%;
  max-width: none;
  border-color: #0E8A74;
}

.pignose-calendar .pignose-calendar-top-date {
  background-color: #0E8A74;
}

.pignose-calendar .pignose-calendar-top-date .pignose-calendar-top-month {
  color: #fff;
}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
  background-color: #0E8A74;
  box-shadow: none;
}

.pignose-calendar .pignose-calendar-top {
  box-shadow: none;
  border-bottom: 0;
}

.pignose-calendar.pignose-calendar-blue {
  background-color: rgba(0, 0, 0, 0.15);
}

.pignose-calendar .pignose-calendar-unit {
  height: 4.8em;
}

.cd-h-timeline {
  opacity: 0;
  transition: opacity 0.2s;
}

.cd-h-timeline--loaded {
  opacity: 1;
}

.cd-h-timeline__container {
  position: relative;
  height: 100px;
  max-width: 800px;
}

.cd-h-timeline__dates {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}

.cd-h-timeline__dates::after,
.cd-h-timeline__dates::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}

.cd-h-timeline__dates::before {
  left: 0;
  background: #0E8A74;
}

.cd-h-timeline__dates::after {
  right: 0;
  background: #0E8A74;
}

.cd-h-timeline__line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  background-color: #0E8A74;
  transition: transform 0.4s;
}

.cd-h-timeline__filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #68CF29;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s;
}

.cd-h-timeline__date {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 0.8em;
  padding-bottom: var(--space-sm);
  color: var(--cd-color-1);
  user-select: none;
  text-decoration: none;
}

.cd-h-timeline__date::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #0e8e78;
  background-color: #0E8A74;
  transition: background-color 0.3s, border-color .3s;
}

.cd-h-timeline__date:hover::after {
  background-color: #68CF29;
  border-color: #68CF29;
}

.cd-h-timeline__date--selected {
  pointer-events: none;
}

.cd-h-timeline__date--selected::after {
  background-color: #68CF29;
  border-color: #68CF29;
}

.cd-h-timeline__date--older-event::after {
  border-color: #68CF29;
}

.cd-h-timeline__navigation {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #0e8e78;
  transition: border-color 0.3s;
}

.cd-h-timeline__navigation::after {
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/svg/cd-arrow.svg) no-repeat 0 0;
}

.cd-h-timeline__navigation:hover {
  border-color: #68CF29;
}

.cd-h-timeline__navigation--prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.cd-h-timeline__navigation--next {
  right: 0;
}

.cd-h-timeline__navigation--inactive {
  cursor: not-allowed;
}

.cd-h-timeline__navigation--inactive::after {
  background-position: 0 -16px;
}

.cd-h-timeline__navigation--inactive:hover {
  border-color: #0e8e78;
}

.cd-h-timeline__events {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height .4s;
}

.cd-h-timeline__event {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  padding: 1px 5%;
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
}

.cd-h-timeline__event--selected {
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}

.cd-h-timeline__event--enter-right,
.cd-h-timeline__event--leave-right {
  animation-name: cd-enter-right;
}

.cd-h-timeline__event--enter-left,
.cd-h-timeline__event--leave-left {
  animation-name: cd-enter-left;
}

.cd-h-timeline__event--leave-right,
.cd-h-timeline__event--leave-left {
  animation-direction: reverse;
}

.cd-h-timeline__event-content {
  max-width: 800px;
}

.cd-h-timeline__event-title {
  color: var(--cd-color-1);
  font-family: var(--font-secondary);
  font-weight: 700;
  font-size: var(--text-xxxl);
}

.cd-h-timeline__event-date {
  display: block;
  font-style: italic;
  margin: var(--space-xs) auto;
}

.cd-h-timeline__event-date::before {
  content: '- ';
}

@keyframes cd-enter-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

@keyframes cd-enter-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}

.toast-success {
  background-color: #0E8A74;
}

.toast-info {
  background-color: #3A82EF;
}

.toast-warning {
  background-color: #FE634E;
}

.toast-error {
  background-color: #f72b50;
}

#toast-container>div {
  box-shadow: none;
  border-radius: 0;
  width: auto;
  max-width: 250px;
  opacity: 1;
}

[direction="rtl"] #toast-container>div {
  padding: 15px 50px 15px 15px;
  background-position: calc(100% - 15px);
  text-align: right;
}

#toast-container>div:hover {
  box-shadow: none;
}

#toast-container .toast-title {
  margin-bottom: 5px;
  font-weight: 600;
}

#toast-container .toast-message {
  font-size: 12px;
}

#toast-container .toast-close-button {
  opacity: 1;
  font-size: 20px;
  font-weight: normal;
  text-shadow: none;
}

[direction="rtl"] .toast-top-right.demo_rtl_class {
  left: 12px;
  right: auto;
}

/* Light Gallery */
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar {
  background-color: rgba(30, 30, 30, 0.6);
}

.lg-outer .lg-toogle-thumb,
.lg-outer .lg-thumb-outer,
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
  background-color: transparent;
}

.lg-thumb-outer.lg-grab,
.lg-toogle-thumb.lg-icon {
  background-color: rgba(30, 30, 30, 0.6);
}

.lg-backdrop {
  background-color: rgba(30, 30, 30, 0.9);
}

.lg-outer .lg-toogle-thumb,
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
#lg-counter {
  color: #fff;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #0E8A74;
}

.lightimg {
  cursor: pointer;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #000000;
  padding: 3px;
  color: white;
  width: 17px;
  height: 17px;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
}

.jqvmap-zoomin {
  top: 10px;
}

.jqvmap-zoomout {
  top: 30px;
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus,
.ps__rail-x.ps--clicking,
.ps__rail-y.ps--clicking {
  background-color: transparent;
  opacity: 0.9;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #DAE2F3;
  width: 4px;
}

.ps__thumb-y {
  background-color: #DAE2F3;
  width: 4px;
}

.total-average {
  position: relative;
  height: 300px;
}

.widget-chat {
  position: relative;
  height: 250px;
}

.widget-todo {
  position: relative;
  height: 210px;
}

.widget-team {
  position: relative;
  height: 285px;
}

.widget-timeline {
  position: relative;
}

.widget-comments {
  position: relative;
  height: 400px;
}

.sidebar-right-inner {
  position: relative;
  height: 100%;
}

.widget-team .ps .ps__rail-x:hover,
.widget-team .ps .ps__rail-y:hover,
.widget-team .ps .ps__rail-x:focus,
.widget-team .ps .ps__rail-y:focus,
.widget-team .ps .ps__rail-x.ps--clicking,
.widget-team .ps .ps__rail-y.ps--clicking {
  background-color: transparent !important;
  opacity: 0.9;
}

.ps__rail-y {
  left: 0;
}

.fc-h-event,
.fc-v-event {
  background: #0E8A74;
  border-radius: .42rem;
}

.fc-h-event .fc-event-title {
  color: #fff;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border-color: #ebedf3;
}

.fc-unthemed .fc-h-event,
.fc-unthemed .fc-event-dot {
  padding: 0;
  border-radius: .42rem;
}

.fc-theme-standard th {
  padding: .2rem .2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #b5b5c3;
  text-align: left;
}

@media only screen and (max-width: 575px) {
  .fc-theme-standard th {
    font-size: 14px;
    font-weight: 400;
    padding: 3px 0px;
  }
}

.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,
.fc-scrollgrid,
table {
  border-color: #ebedf3;
}

.fc-daygrid-dot-event {
  background: #fff;
  border: 1px solid #ebedf3;
  /* -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); */
}

.fc-daygrid-dot-event .fc-daygrid-event-dot {
  border-color: #0E8A74;
}

.fc-daygrid-dot-event .fc-event-title {
  font-weight: 500;
}

.fc-event.bg-primary,
.fc-event.bg-success,
.fc-event.bg-warning,
.fc-event.bg-secondary,
.fc-event.bg-dark,
.fc-event.bg-info {
  color: #fff !important;
  border-radius: 8px;
}

.fc-event.bg-primary .fc-daygrid-event-dot,
.fc-event.bg-success .fc-daygrid-event-dot,
.fc-event.bg-warning .fc-daygrid-event-dot,
.fc-event.bg-secondary .fc-daygrid-event-dot,
.fc-event.bg-dark .fc-daygrid-event-dot,
.fc-event.bg-info .fc-daygrid-event-dot {
  border-color: #fff;
}

.fc .fc-scroller-liquid-absolute,
.fc-scroller {
  position: relative;
  overflow: visible !important;
}

.fc .fc-button-group>.fc-button {
  color: #b5b5c3;
  background: 0 0;
  border: 1px solid #ebedf3;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.fc .fc-button-group>.fc-button:focus,
.fc .fc-button-group>.fc-button:active,
.fc .fc-button-group>.fc-button:hover,
.fc .fc-button-group>.fc-button.fc-button-active {
  background: #0E8A74;
  color: #fff;
  border-color: #0E8A74;
}

.fc-button.fc-button-primary.fc-today-button {
  background: #0E8A74;
  color: #fff;
  border: 0;
  opacity: 1;
}

.fc-unthemed .fc-toolbar .fc-button.fc-button-active,
.fc-unthemed .fc-toolbar .fc-button:active,
.fc-unthemed .fc-toolbar .fc-button:focus {
  background: #0E8A74;
  color: #fff;
  border: 1px solid #0E8A74;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

.fc .fc-toolbar-title {
  font-size: 17px;
  margin: 0;
  color: #1410d2;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: -0.5em;
  margin-top: 0;
}

.external-event {
  padding: 8px 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}

.external-event:hover:before {
  background: #fff !important;
}

.fc-event {
  overflow: hidden;
}

.fc .fc-view-harness {
  height: 610px !important;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
}

@media only screen and (max-width: 575px) {
  .fc .fc-toolbar.fc-header-toolbar {
    display: block;
  }

  .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {
    display: flex;
    justify-content: center;
  }

  .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {
    justify-content: space-between;
  }

  .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-title {
    margin-bottom: 8px;
  }
}

#external-events .external-event {
  text-align: left;
  font-size: 16px;
}

.accordion-primary .accordion-header {
  background: #3c32b5;
  border-color: #3c32b5;
  color: #fff;
  box-shadow: 0 15px 20px 0 rgba(14, 138, 116, 0.15);
}

.accordion-primary .accordion-header.collapsed {
  background: #e3e1ff;
  border-color: #e3e1ff;
  color: #211c37;
  box-shadow: none;
}

[data-theme-version="dark"] .accordion-primary .accordion-header.collapsed {
  background: rgba(14, 138, 116, 0.1);
  border-color: rgba(14, 138, 116, 0.1);
  color: #194039;
}

.accordion-primary-solid .accordion-header {
  background: #0E8A74;
  border-color: #0E8A74;
  color: #fff;
  box-shadow: 0 -10px 20px 0 rgba(14, 138, 116, 0.15);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-primary-solid .accordion-header.collapsed {
  background: #e7fdf9;
  border-color: #e7fdf9;
  color: #211c37;
  box-shadow: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[data-theme-version="dark"] .accordion-primary-solid .accordion-header.collapsed {
  background: rgba(14, 138, 116, 0.1);
  border-color: rgba(14, 138, 116, 0.1);
  color: #194039;
}

.accordion-primary-solid .accordion__body {
  border: 2px solid #0E8A74;
  border-top: none;
  box-shadow: 0 15px 20px 0 rgba(14, 138, 116, 0.15);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.accordion-danger .accordion-header {
  background: #f72b50;
  border-color: #f72b50;
  color: #fff;
  box-shadow: 0 15px 20px 0 rgba(247, 43, 80, 0.15);
}

.accordion-danger .accordion-header.collapsed {
  background: #fee6ea;
  border-color: #fee6ea;
  color: #211c37;
  box-shadow: none;
}

.accordion-danger-solid .accordion-header {
  background: #f72b50;
  border-color: #f72b50;
  color: #fff;
  box-shadow: 0 -10px 20px 0 rgba(247, 43, 80, 0.15);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-danger-solid .accordion-header.collapsed {
  background: #fee6ea;
  border-color: #fee6ea;
  color: #211c37;
  box-shadow: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[data-theme-version="dark"] .accordion-danger-solid .accordion-header.collapsed {
  background: rgba(247, 43, 80, 0.15);
  border-color: rgba(247, 43, 80, 0.15);
  color: #194039;
}

.accordion-danger-solid .accordion__body {
  border: 2px solid #f72b50;
  border-top: none;
  box-shadow: 0 15px 20px 0 rgba(247, 43, 80, 0.15);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.accordion-item {
  margin-bottom: 1.25rem;
  border: 1px solid transparent;
}

.accordion-header {
  padding: 1rem 1.75rem;
  border: 1px solid #F0F0F0;
  cursor: pointer;
  position: relative;
  color: #333;
  font-weight: 400;
  border-radius: 0.5rem;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

[data-theme-version="dark"] .accordion-header {
  color: #fff;
  border-color: #3e454d;
}

.accordion-header .fa.fa-minus {
  font-family: 'FontAwesome';
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  transform: translateY(-50%);
}

[direction="rtl"] .accordion-header-indicator {
  right: auto;
  left: 1.5625rem;
}

.accordion-header-indicator.indicator_bordered {
  display: inline-block;
  width: 25px;
  text-align: center;
  height: 25px;
  border: 1px solid #F0F0F0;
  border-radius: 50%;
  line-height: 25px;
}

.accordion-header:not(.collapsed) .fa.fa-minus::before {
  content: "\f068";
}

.accordion-header:not(.collapsed) .accordion-header-indicator.style_two::before {
  content: "\e648";
}

.accordion-header.collapsed .fa.fa-minus::before {
  content: "\f067";
}

.accordion-header.collapsed .accordion-header-indicator.style_two::before {
  content: "\e64b";
}

.accordion-body-text {
  padding: 0.875rem 1.25rem;
}

.accordion-bordered .accordion__body {
  border: 1px solid #F0F0F0;
  border-top: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[data-theme-version="dark"] .accordion-bordered .accordion__body {
  border-color: #3e454d;
}

.accordion-bordered .accordion-header.collapsed {
  border-radius: 0.5rem;
}

.accordion-bordered .accordion-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-no-gutter .accordion-item {
  margin-bottom: 0;
}

.accordion-no-gutter .accordion-item .accordion-header.collapsed {
  border-bottom: none;
}

.accordion-no-gutter .accordion-item:last-child .accordion-header {
  border-bottom: 1px solid #F0F0F0;
}

[data-theme-version="dark"] .accordion-no-gutter .accordion-item:last-child .accordion-header {
  border-color: #3e454d;
}

.accordion-no-gutter.accordion__bordered .accordion-item:not(:last-child) .accordion__body {
  border-bottom: none;
}

.accordion-left-indicator .accordion-header-text {
  padding-left: 2.5rem;
}

.accordion-left-indicator .accordion-header-indicator {
  right: auto;
  left: 1.5625rem;
}

.accordion-with-icon .accordion-header-text {
  padding-left: 2.5rem;
}

[direction="rtl"] .accordion-with-icon .accordion-header-text {
  padding-left: 0;
  padding-right: 2.5rem;
}

.accordion-with-icon .accordion-header-icon {
  position: absolute;
  right: auto;
  left: 1.5625rem;
  font-family: 'themify';
}

[direction="rtl"] .accordion-with-icon .accordion-header-icon {
  left: auto;
  right: 1.5625rem;
}

.accordion-with-icon .accordion-header-icon::before {
  content: "\e645";
}

.accordion-header-bg .accordion-header {
  background-color: #c8c8c8;
}

[data-theme-version="dark"] .accordion-header-bg .accordion-header {
  background-color: #24292d;
  color: #fff;
}

.accordion-header-bg .accordion-header-primary {
  background-color: #0E8A74;
  color: #fff;
  border-color: #0E8A74;
}

[data-theme-version="dark"] .accordion-header-bg .accordion-header-primary {
  background-color: #0E8A74;
}

.accordion-header-bg .accordion-header-info {
  background-color: #3A82EF;
  color: #fff;
  border-color: #3A82EF;
}

[data-theme-version="dark"] .accordion-header-bg .accordion-header-info {
  background-color: #3A82EF;
}

.accordion-header-bg .accordion-header-success {
  background-color: #68CF29;
  color: #fff;
  border-color: #68CF29;
}

[data-theme-version="dark"] .accordion-header-bg .accordion-header-success {
  background-color: #68CF29;
}

.accordion-header-bg.accordion-no-gutter .accordion-header {
  border-color: transparent;
  border-radius: 0;
}

.accordion-header-bg.accordion-no-gutter .accordion-item:first-child .accordion-header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.accordion-header-bg.accordion-no-gutter .accordion-item:last-child .accordion-header {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.accordion.accordion-no-gutter .accordion-header {
  border-radius: 0;
}

.accordion.accordion-no-gutter .accordion-header.collapsed {
  border-radius: 0;
}

.accordion.accordion-no-gutter .accordion__body {
  border-radius: 0;
}

.accordion.accordion-no-gutter .accordion-item:first-child .accordion-header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.accordion.accordion-no-gutter .accordion-item:last-child .accordion-header.collapsed {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.accordion.accordion-no-gutter .accordion-item:last-child .accordion__body {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.accordion-solid-bg .accordion-header {
  border-color: transparent;
  background-color: #e7fdf9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

[data-theme-version="dark"] .accordion-solid-bg .accordion-header {
  background-color: #24292d;
}

.accordion-solid-bg .accordion-header.collapsed {
  border-radius: 0.5rem;
}

.accordion-solid-bg .accordion__body {
  border-color: transparent;
  background-color: #e7fdf9;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[data-theme-version="dark"] .accordion-solid-bg .accordion__body {
  background-color: #24292d;
}

.accordion-active-header .accordion-header:not(.collapsed) {
  background-color: #3A82EF;
  border-color: #3A82EF;
  color: #fff;
}

.accordion-header-shadow .accordion-header {
  border: none;
  box-shadow: 0 0 0.9375rem -3px rgba(0, 0, 0, 0.3);
}

.accordion-rounded-stylish .accordion-header {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.accordion-rounded-stylish .accordion__body {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.accordion-rounded .accordion-header {
  border-radius: 0.3125rem;
}

.accordion-gradient .accordion-header {
  color: #fff;
  background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%);
  border-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordion-gradient .accordion-header.collapsed {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.accordion-gradient .accordion__body {
  color: #fff;
  background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%);
  border-color: transparent;
}

.alert {
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
}

.alert p {
  line-height: 1.5;
}

.alert-rounded {
  border-radius: 30px;
}

.alert-primary {
  background: #e7fdf9;
  border-color: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .alert-primary {
  background: rgba(14, 138, 116, 0.1);
  border-color: rgba(14, 138, 116, 0.1);
}

.alert-secondary {
  background: #fedee8;
  border-color: #fedee8;
  color: #FB3E7A;
}

[data-theme-version="dark"] .alert-secondary {
  background: rgba(251, 62, 122, 0.5);
  border-color: rgba(251, 62, 122, 0.5);
  color: #194039;
}

.alert-success {
  background: #ecfae4;
  border-color: #ecfae4;
  color: #68CF29;
}

[data-theme-version="dark"] .alert-success {
  background: rgba(104, 207, 41, 0.1);
  border-color: rgba(104, 207, 41, 0.1);
}

.alert-warning {
  background: #fffbfa;
  border-color: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .alert-warning {
  background: rgba(254, 99, 78, 0.1);
  border-color: rgba(254, 99, 78, 0.1);
}

.alert-danger {
  background: #fee6ea;
  border-color: #fee6ea;
  color: #f72b50;
}

[data-theme-version="dark"] .alert-danger {
  background: rgba(247, 43, 80, 0.15);
  border-color: rgba(247, 43, 80, 0.15);
}

.alert-info {
  background: white;
  border-color: white;
  color: #3A82EF;
}

[data-theme-version="dark"] .alert-info {
  background: rgba(58, 130, 239, 0.1);
  border-color: rgba(58, 130, 239, 0.1);
}

.alert-dark {
  background: white;
  border-color: white;
  color: #6e6e6e;
}

[data-theme-version="dark"] .alert-dark {
  background: rgba(110, 110, 110, 0.35);
  border-color: rgba(110, 110, 110, 0.35);
  color: #194039;
}

.alert-light {
  background: #c8c8c8;
  border-color: #c8c8c8;
  color: #6e6e6e;
}

.alert-alt.alert-primary {
  border-left: 4px solid #0E8A74;
}

.alert-alt.alert-secondary {
  border-left: 4px solid #FB3E7A;
}

.alert-alt.alert-success {
  border-left: 4px solid #68CF29;
}

.alert-alt.alert-warning {
  border-left: 4px solid #FE634E;
}

.alert-alt.alert-danger {
  border-left: 4px solid #f72b50;
}

.alert-alt.alert-info {
  border-left: 4px solid #3A82EF;
}

.alert-alt.alert-dark {
  border-left: 4px solid #6e6e6e;
}

.alert-alt.alert-light {
  border-left: 4px solid #a2a2a2;
}

.alert-alt.alert-primary.solid {
  border-left: 4px solid #021613 !important;
}

.alert-alt.alert-secondary.solid {
  border-left: 4px solid #b6043c !important;
}

.alert-alt.alert-success.solid {
  border-left: 4px solid #336514 !important;
}

.alert-alt.alert-warning.solid {
  border-left: 4px solid #cb1901 !important;
}

.alert-alt.alert-danger.solid {
  border-left: 4px solid #9d0621 !important;
}

.alert-alt.alert-info.solid {
  border-left: 4px solid #0d469d !important;
}

.alert-alt.alert-dark.solid {
  border-left: 4px solid #2e2e2e !important;
}

.alert-alt.alert-light.solid {
  border-left: 4px solid #888888 !important;
}

.alert-dismissible.solid .close:hover {
  color: #fff;
  opacity: 1;
}

.alert.alert-primary.solid {
  background: #0E8A74;
  color: #fff;
  border-color: #0E8A74;
}

.alert.alert-secondary.solid {
  background: #FB3E7A;
  color: #fff;
  border-color: #FB3E7A;
}

.alert.alert-success.solid {
  background: #68CF29;
  color: #fff;
  border-color: #68CF29;
}

.alert.alert-warning.solid {
  background: #FE634E;
  color: #fff;
  border-color: #FE634E;
}

.alert.alert-danger.solid {
  background: #f72b50;
  color: #fff;
  border-color: #f72b50;
}

.alert.alert-info.solid {
  background: #3A82EF;
  color: #fff;
  border-color: #3A82EF;
}

.alert.alert-dark.solid {
  background: #6e6e6e;
  color: #fff;
  border-color: #6e6e6e;
}

.alert.alert-light.solid {
  background: #c8c8c8;
  color: #6e6e6e;
  border-color: #c8c8c8;
}

.alert-right-icon>span i {
  font-size: 18px;
  margin-right: 5px;
}

.alert-right-icon .close i {
  font-size: 16px;
}

.alert.alert-outline-primary {
  background: transparent;
  color: #0E8A74;
  border-color: #0E8A74;
}

.alert.alert-outline-secondary {
  background: transparent;
  color: #194039;
  border-color: #FB3E7A;
}

.alert.alert-outline-success {
  background: transparent;
  color: #68CF29;
  border-color: #68CF29;
}

.alert.alert-outline-info {
  background: transparent;
  color: #3A82EF;
  border-color: #3A82EF;
}

.alert.alert-outline-warning {
  background: transparent;
  color: #FE634E;
  border-color: #FE634E;
}

.alert.alert-outline-danger {
  background: transparent;
  color: #f72b50;
  border-color: #f72b50;
}

.alert.alert-outline-dark {
  background: transparent;
  color: #194039;
  border-color: #6e6e6e;
}

.alert.alert-outline-light {
  background: transparent;
  color: #6e6e6e;
  border-color: #c8c8c8;
}

.alert-social {
  color: #fff;
}

.alert-social .alert-social-icon {
  align-self: center;
  margin-right: 0.9375rem;
}

.alert-social .alert-social-icon i {
  font-size: 42px;
}

.alert-social.facebook {
  background-color: #3b5998;
}

.alert-social.twitter {
  background-color: #1da1f2;
}

.alert-social.linkedin {
  background-color: #007bb6;
}

.alert-social.google-plus {
  background-color: #db4439;
}

.alert-social .close:hover {
  opacity: 1 !important;
  color: #fff !important;
}

.left-icon-big .alert-left-icon-big {
  align-self: center;
  margin-right: 0.9375rem;
}

.left-icon-big .alert-left-icon-big i {
  font-size: 35px;
  line-height: 1;
}

[direction="rtl"] .left-icon-big .alert-left-icon-big,
[direction="rtl"] .alert-social .alert-social-icon {
  margin-right: 0;
  margin-left: 0.9375rem;
}

.square-alerts .alert {
  border-radius: 0;
}

.badge {
  line-height: 1.5;
  border-radius: 0.2rem;
  padding: 2px 7px;
  border: 1px solid transparent;
}

.badge-rounded {
  border-radius: 20px;
  padding: 3px 13px;
}

.badge-circle {
  border-radius: 100px;
  padding: 3px 7px;
}

.badge-outline-primary {
  border: 1px solid #0E8A74;
  color: #0E8A74;
}

.badge-outline-secondary {
  border: 1px solid #FB3E7A;
  color: #FB3E7A;
}

[data-theme-version="dark"] .badge-outline-secondary {
  color: #194039;
}

.badge-outline-success {
  border: 1px solid #68CF29;
  color: #68CF29;
}

.badge-outline-info {
  border: 1px solid #3A82EF;
  color: #3A82EF;
}

.badge-outline-warning {
  border: 1px solid #FE634E;
  color: #FE634E;
}

.badge-outline-danger {
  border: 1px solid #f72b50;
  color: #f72b50;
}

.badge-outline-light {
  border: 1px solid #F0F0F0;
  color: #6e6e6e;
}

[data-theme-version="dark"] .badge-outline-light {
  color: #194039;
}

.badge-outline-dark {
  border: 1px solid #6e6e6e;
  color: #6e6e6e;
}

[data-theme-version="dark"] .badge-outline-dark {
  color: #194039;
}

.badge-xs {
  font-size: 10px;
  padding: 0px 5px;
  line-height: 18px;
}

.badge-sm {
  font-size: 11px;
  padding: 5px 8px;
  line-height: 11px;
}

.badge-lg {
  font-size: 14px;
  padding: 0px 10px;
  line-height: 30px;
}

.badge-xl {
  font-size: 15px;
  padding: 0px 15px;
  line-height: 35px;
}

.badge-default {
  background: #ADB6C7;
}

.badge-success {
  background-color: #68CF29;
}

.badge-secondary {
  background-color: #FB3E7A;
}

.badge-info {
  background-color: #3A82EF;
}

.badge-primary {
  background-color: #0E8A74;
}

.badge-warning {
  background-color: #FE634E;
}

.badge-danger {
  background-color: #f72b50;
}

.badge-dark {
  background-color: #6e6e6e;
}

.badge-light {
  background-color: #c8c8c8;
}

.light.badge-default {
  background: #ADB6C7;
}

.light.badge-success {
  background-color: #ecfae4;
  color: #68CF29;
}

[data-theme-version="dark"] .light.badge-success {
  background-color: rgba(104, 207, 41, 0.1);
}

.light.badge-info {
  background-color: #e9f1fd;
  color: #3A82EF;
}

[data-theme-version="dark"] .light.badge-info {
  background-color: rgba(58, 130, 239, 0.1);
}

.light.badge-primary {
  background-color: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .light.badge-primary {
  background-color: rgba(14, 138, 116, 0.1);
}

.light.badge-secondary {
  background-color: #fedee8;
  color: #FB3E7A;
}

[data-theme-version="dark"] .light.badge-secondary {
  background-color: rgba(251, 62, 122, 0.5);
  color: #194039;
}

.light.badge-warning {
  background-color: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .light.badge-warning {
  background-color: rgba(254, 99, 78, 0.1);
}

.light.badge-danger {
  background-color: #fee6ea;
  color: #f72b50;
}

[data-theme-version="dark"] .light.badge-danger {
  background-color: rgba(247, 43, 80, 0.15);
}

.light.badge-dark {
  background-color: #eeeeee;
  color: #6e6e6e;
}

[data-theme-version="dark"] .light.badge-dark {
  background-color: rgba(110, 110, 110, 0.35);
  color: #194039;
}

.bootstrap-label .label {
  display: inline-block;
  margin-right: 1rem;
}

.bootstrap-label .label:last-child {
  margin-right: 0;
}

.badge-demo .badge {
  margin-right: 5px;
  margin-bottom: 5px;
}

.badge-demo .badge:last-child {
  margin-right: 0;
}

.bootstrap-badge-buttons button {
  margin-right: .2rem;
  margin-bottom: 1rem;
}

.bootstrap-badge-buttons button:last-child {
  margin-right: 0;
}

.page-titles {
  padding: 15px 40px;
  background: #fff;
  margin-bottom: 30px;
  border-radius: 0;
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
}

[data-theme-version="dark"] .page-titles {
  background: #2f363e;
}

@media only screen and (max-width: 1199px) {
  .page-titles {
    margin-top: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .page-titles {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
    padding: 15px 20px;
    margin-top: -20px;
  }
}

.page-titles .justify-content-sm-end {
  align-items: center;
}

.page-titles h4,
.page-titles .h4 {
  margin-bottom: 0;
  margin-top: 0;
  color: #0E8A74;
  font-size: 1.25rem;
}

.page-titles h4 span,
.page-titles .h4 span {
  font-size: 0.875rem;
  font-weight: 400;
}

.page-titles .breadcrumb {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
}

.page-titles .breadcrumb li {
  margin-top: 0;
  margin-bottom: 0;
}

.page-titles .breadcrumb li a {
  color: #828690;
}

@media only screen and (max-width: 575px) {
  .page-titles .breadcrumb li a {
    font-size: 12px;
  }
}

.page-titles .breadcrumb li.active {
  color: #0E8A74;
  font-weight: 600;
}

.page-titles .breadcrumb li.active a {
  color: #FB3E7A;
}

.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
  /* font-family: 'simple-line-icons';
                font-weight: 400;
        position:absolute;
                font-size: 10px; */
  color: #FB3E7A;
}

.page-titles .breadcrumb-datepicker {
  font-size: 0.75rem;
  color: #89879f;
}

.page-titles .breadcrumb-datepicker__icon {
  font-size: 0.875rem;
}

.page-titles .breadcrumb-widget .border-dark {
  border-color: #dee2e6 !important;
}

.page-titles .breadcrumb-widget h4,
.page-titles .breadcrumb-widget .h4 {
  color: #646c9a;
  font-weight: 600;
}

@media only screen and (max-width: 575px) {
  .page-titles .breadcrumb-widget {
    text-align: left !important;
    margin-bottom: 0.9375rem;
  }
}

button {
  cursor: pointer;
}

button:focus {
  outline: 0;
  box-shadow: none;
}

.btn {
  padding: 0.938rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-size: 1rem;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
  outline: 0 !important;
}

@media only screen and (max-width: 1400px) {
  .btn {
    padding: 0.625rem 1rem;
    font-size: 0.813rem;
  }
}

.btn.btn-success,
.btn.btn-secondary,
.btn.btn-warning,
.btn.btn-primary,
.btn.btn-danger,
.btn.btn-info {
  color: #fff;
}

.btn-transparent {
  background-color: transparent;
}

.sharp {
  min-width: 40px;
  padding: 7px;
  height: 40px;
  min-height: 40px;
}

.sharp.btn-xs {
  line-height: 26px;
  padding: 0 7px;
  /* width: 22px; */
  height: 26px;
  min-width: 22px;
  min-height: 22px;
  border-radius: 4px;
  font-size: 10px;
}

.btn-block {
  display: block;
  width: 100%;
}

.light.tp-btn {
  background-color: transparent;
}

.light.btn-default {
  background: #ADB6C7;
}

.light.btn-success {
  background-color: #ecfae4;
  border-color: #ecfae4;
  color: #68CF29;
}

.light.btn-success g [fill] {
  fill: #68CF29;
}

[data-theme-version="dark"] .light.btn-success {
  background-color: rgba(104, 207, 41, 0.1);
  border-color: transparent;
}

.light.btn-success:hover {
  background-color: #68CF29;
  border-color: #68CF29;
  color: #fff;
}

.light.btn-success:hover g [fill] {
  fill: #fff;
}

.light.btn-info {
  background-color: #e9f1fd;
  border-color: #e9f1fd;
  color: #3A82EF;
}

.light.btn-info g [fill] {
  fill: #3A82EF;
}

[data-theme-version="dark"] .light.btn-info {
  background-color: rgba(58, 130, 239, 0.1);
  border-color: transparent;
}

.light.btn-info:hover {
  background-color: #3A82EF;
  border-color: #3A82EF;
  color: #fff;
}

.light.btn-info:hover g [fill] {
  fill: #fff;
}

.light.btn-primary {
  background-color: #092048;
  border-color: #092048;
  color: #ffffff;
}

.light.btn-primary:hover {
  background-color: #9ef0ed !important;
  border-color: #9ef0ed !important;
  color: #000000 !important;
}

.light.btn-primary g [fill] {
  fill: #0E8A74;
}

[data-theme-version="dark"] .light.btn-primary {
  background-color: rgba(14, 138, 116, 0.1);
  border-color: transparent;
  color: #fff;
}

.light.btn-primary:hover {
  background-color: #3c32bc;
  border-color: #3c32b5;
  color: #fff;
}

.light.btn-primary:hover g [fill] {
  fill: #fff;
}

.light.btn-secondary {
  background-color: #fedee8;
  border-color: #fedee8;
  color: #FB3E7A;
}

.light.btn-secondary g [fill] {
  fill: #FB3E7A;
}

[data-theme-version="dark"] .light.btn-secondary {
  background-color: rgba(251, 62, 122, 0.5);
  border-color: transparent;
  color: #fff;
}

.light.btn-secondary:hover {
  background-color: #FB3E7A;
  border-color: #FB3E7A;
  color: #fff;
}

.light.btn-secondary:hover g [fill] {
  fill: #fff;
}

.light.btn-warning {
  background-color: #fffbfa;
  border-color: #fffbfa;
  color: #FE634E;
}

.light.btn-warning g [fill] {
  fill: #FE634E;
}

[data-theme-version="dark"] .light.btn-warning {
  background-color: rgba(254, 99, 78, 0.1);
  border-color: transparent;
}

.light.btn-warning:hover {
  background-color: #FE634E;
  border-color: #FE634E;
  color: #fff;
}

.light.btn-warning:hover g [fill] {
  fill: #fff;
}

.light.btn-danger {
  background-color: #fee6ea;
  border-color: #fee6ea;
  color: #f72b50;
}

.light.btn-danger g [fill] {
  fill: #f72b50;
}

[data-theme-version="dark"] .light.btn-danger {
  background-color: rgba(247, 43, 80, 0.15);
  border-color: transparent;
}

.light.btn-danger:hover {
  background-color: #f72b50;
  border-color: #f72b50;
  color: #fff;
}

.light.btn-danger:hover g [fill] {
  fill: #fff;
}

.light.btn-dark {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #6e6e6e;
}

.light.btn-dark g [fill] {
  fill: #6e6e6e;
}

[data-theme-version="dark"] .light.btn-dark {
  background-color: rgba(110, 110, 110, 0.35);
  border-color: transparent;
  color: #fff;
}

.light.btn-dark:hover {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
  color: #fff;
}

.light.btn-dark:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn {
  background-color: transparent;
  border-color: transparent;
}

.btn.tp-btn.btn-default {
  background: #ADB6C7;
}

.btn.tp-btn.btn-success {
  color: #68CF29;
}

.btn.tp-btn.btn-success g [fill] {
  fill: #68CF29;
}

.btn.tp-btn.btn-success:hover {
  background-color: #68CF29;
  border-color: #68CF29;
  color: #fff;
}

.btn.tp-btn.btn-success:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-info {
  color: #3A82EF;
}

.btn.tp-btn.btn-info g [fill] {
  fill: #3A82EF;
}

.btn.tp-btn.btn-info:hover {
  background-color: #3A82EF;
  border-color: #3A82EF;
  color: #fff;
}

.btn.tp-btn.btn-info:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-primary {
  color: #0E8A74;
}

.btn.tp-btn.btn-primary g [fill] {
  fill: #0E8A74;
}

.btn.tp-btn.btn-primary:hover {
  background-color: #0E8A74;
  border-color: #0E8A74;
  color: #fff;
}

.btn.tp-btn.btn-primary:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-secondary {
  color: #FB3E7A;
}

.btn.tp-btn.btn-secondary g [fill] {
  fill: #FB3E7A;
}

.btn.tp-btn.btn-secondary:hover {
  background-color: #FB3E7A;
  border-color: #FB3E7A;
  color: #fff;
}

.btn.tp-btn.btn-secondary:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-warning {
  color: #FE634E;
}

.btn.tp-btn.btn-warning g [fill] {
  fill: #FE634E;
}

.btn.tp-btn.btn-warning:hover {
  background-color: #FE634E;
  border-color: #FE634E;
  color: #fff;
}

.btn.tp-btn.btn-warning:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-danger {
  color: #f72b50;
}

.btn.tp-btn.btn-danger g [fill] {
  fill: #f72b50;
}

.btn.tp-btn.btn-danger:hover {
  background-color: #f72b50;
  border-color: #f72b50;
  color: #fff;
}

.btn.tp-btn.btn-danger:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-light {
  color: #6e6e6e;
}

.btn.tp-btn.btn-light g [fill] {
  fill: #6e6e6e;
}

.btn.tp-btn.btn-light:hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #6e6e6e;
}

.btn.tp-btn.btn-light:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn.btn-dark {
  color: #6e6e6e;
}

.btn.tp-btn.btn-dark g [fill] {
  fill: #6e6e6e;
}

.btn.tp-btn.btn-dark:hover {
  background-color: #6e6e6e;
  border-color: #6e6e6e;
  color: #fff;
}

.btn.tp-btn.btn-dark:hover g [fill] {
  fill: #fff;
}

button.btn.tp-btn-light.btn-light {
  color: #ddd9d3;
}

button.btn.tp-btn-light.btn-light:hover {
  background: #fbfbfa;
}

.btn.tp-btn-light {
  background-color: transparent;
  border-color: transparent;
}

.btn.tp-btn-light.btn-success {
  color: #68CF29;
}

.btn.tp-btn-light.btn-success g [fill] {
  fill: #68CF29;
}

.btn.tp-btn-light.btn-success:hover {
  background-color: #ecfae4;
  border-color: #ecfae4;
  color: #68CF29;
}

.btn.tp-btn-light.btn-success:hover g [fill] {
  fill: #68CF29;
}

.btn.tp-btn-light.btn-info {
  color: #3A82EF;
}

.btn.tp-btn-light.btn-info g [fill] {
  fill: #3A82EF;
}

.btn.tp-btn-light.btn-info:hover {
  background-color: #e9f1fd;
  border-color: #e9f1fd;
  color: #3A82EF;
}

.btn.tp-btn-light.btn-info:hover g [fill] {
  fill: #3A82EF;
}

.btn.tp-btn-light.btn-primary {
  color: #0E8A74;
}

.btn.tp-btn-light.btn-primary g [fill] {
  fill: #0E8A74;
}

.btn.tp-btn-light.btn-primary:hover {
  background-color: #e7fdf9;
  border-color: #e7fdf9;
  color: #0E8A74;
}

.btn.tp-btn-light.btn-primary:hover g [fill] {
  fill: #0E8A74;
}

.btn.tp-btn-light.btn-secondary {
  color: #FB3E7A;
}

.btn.tp-btn-light.btn-secondary g [fill] {
  fill: #FB3E7A;
}

.btn.tp-btn-light.btn-secondary:hover {
  background-color: #fedee8;
  border-color: #fedee8;
  color: #FB3E7A;
}

.btn.tp-btn-light.btn-secondary:hover g [fill] {
  fill: #FB3E7A;
}

.btn.tp-btn-light.btn-warning {
  color: #FE634E;
}

.btn.tp-btn-light.btn-warning g [fill] {
  fill: #FE634E;
}

.btn.tp-btn-light.btn-warning:hover {
  background-color: #fffbfa;
  border-color: #fffbfa;
  color: #FE634E;
}

.btn.tp-btn-light.btn-warning:hover g [fill] {
  fill: #FE634E;
}

.btn.tp-btn-light.btn-danger {
  color: #f72b50;
}

.btn.tp-btn-light.btn-danger g [fill] {
  fill: #f72b50;
}

.btn.tp-btn-light.btn-danger:hover {
  background-color: #fee6ea;
  border-color: #fee6ea;
  color: #f72b50;
}

.btn.tp-btn-light.btn-danger:hover g [fill] {
  fill: #fff;
}

.btn.tp-btn-light.btn-dark {
  color: #6e6e6e;
}

.btn.tp-btn-light.btn-dark g [fill] {
  fill: #6e6e6e;
}

.btn.tp-btn-light.btn-dark:hover {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #6e6e6e;
}

.btn.tp-btn-light.btn-dark:hover g [fill] {
  fill: #fff;
}

.shadow.btn-primary {
  -webkit-box-shadow: 0 5px 15px 0 rgba(14, 138, 116, 0.2) !important;
  box-shadow: 0 5px 15px 0 rgba(14, 138, 116, 0.2) !important;
}

.shadow.btn-secondary {
  -webkit-box-shadow: 0 5px 15px 0 rgba(251, 62, 122, 0.2) !important;
  box-shadow: 0 5px 15px 0 rgba(251, 62, 122, 0.2) !important;
}

.shadow.btn-warning {
  -webkit-box-shadow: 0 5px 15px 0 rgba(254, 99, 78, 0.2) !important;
  box-shadow: 0 5px 15px 0 rgba(254, 99, 78, 0.2) !important;
}

.shadow.btn-danger {
  -webkit-box-shadow: 0 5px 15px 0 rgba(247, 43, 80, 0.2) !important;
  box-shadow: 0 5px 15px 0 rgba(247, 43, 80, 0.2) !important;
}

.shadow.btn-info {
  -webkit-box-shadow: 0 5px 15px 0 rgba(58, 130, 239, 0.2) !important;
  box-shadow: 0 5px 15px 0 rgba(58, 130, 239, 0.2) !important;
}

.shadow.btn-success {
  -webkit-box-shadow: 0 5px 15px 0 rgba(104, 207, 41, 0.2) !important;
  box-shadow: 0 5px 15px 0 rgba(104, 207, 41, 0.2) !important;
}

.btn-xxs {
  padding: 6px 15px;
  font-size: 11px;
  line-height: 1.3;
}

.btn-xs {
  font-size: 0.75rem;
  padding: 0.438rem 1rem;
  font-weight: 600;
}

.btn-sm,
.btn-group-sm>.btn {
  font-size: 0.813rem !important;
  padding: 0.625rem 1rem;
}

.btn-md {
  font-size: 0.813rem !important;
  padding: 0.875rem 1.25rem;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 1rem 2rem;
  font-size: 1.125rem !important;
}

@media only screen and (max-width: 575px) {

  .btn-lg,
  .btn-group-lg>.btn {
    padding: 0.75rem 1.25rem;
  }
}

.btn-xl {
  padding: 0.6rem 1rem;
}

.btn-xl.btn-default {
  font-weight: 600;
}

.btn-square {
  border-radius: 0;
}

.btn-rounded {
  border-radius: 40px !important;
}

.btn-icon-end {
  border-left: 1px solid white;
  display: inline-block;
  margin: -.8rem 0 -.8rem 1rem;
  padding: 0.4375rem 0 0.4375rem 1rem;
  margin: -1rem -0.25rem -1rem 1rem;
  padding: 1rem 0 1rem 1.25rem;
}

.btn-icon-start {
  background: #fff;
  border-radius: 10rem;
  display: inline-block;
  margin: -0.5rem 0.75rem -0.5rem -1.188rem;
  padding: 0.5rem 0.80rem 0.5rem;
  float: left;
}

@media only screen and (max-width: 1400px) {
  .btn-icon-start {
    margin: -0.5rem 0.75rem -0.5rem -0.880rem;
  }
}

[direction="rtl"] .btn-icon-start {
  margin: -.5rem 0.5rem -0.5rem -1rem;
}

@media only screen and (max-width: 1400px) {
  [direction="rtl"] .btn-icon-start {
    margin: -0.5rem 0.75rem -0.5rem -0.880rem;
  }
}

[direction="rtl"] .btn-icon-end {
  border-left: 0px solid white;
  display: inline-block;
  margin: -.8rem 1rem -.8rem 0;
  padding: 0.4375rem 1rem 0.4375rem 0;
  border-right: 1px solid white;
}

.toggle-dropdown::after {
  margin-left: 0.755em;
}

.social-btn-icon .btn {
  min-width: 7.5rem;
  margin-bottom: 1.5rem;
}

.social-icon .btn {
  padding: .7rem 1.4rem;
}

.btn-circle {
  height: 5rem;
  width: 5rem;
  border-radius: 50% !important;
}

.btn-circle-sm {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1.8rem;
}

.btn-circle-md {
  width: 6rem;
  height: 6rem;
  font-size: 2.5rem;
}

.btn-circle-md i {
  font-size: 2.4rem;
}

.btn-circle-lg {
  width: 8rem;
  height: 8rem;
  font-size: 3.2rem;
}

.btn-circle-lg i {
  font-size: 3.1rem;
}

.btn-page .btn {
  min-width: 110px;
  margin-right: 4px;
  margin-bottom: 8px;
}

.size-1 {
  min-width: 160px !important;
  font-size: 24px;
  padding: 0.68rem 0.75rem;
}

.size-2 {
  font-size: 20px;
  min-width: 130px !important;
  padding: 0.57rem 0.75rem;
}

.size-3 {
  font-size: 14px;
  min-width: 110px !important;
  padding: 0.536rem 0.75rem;
}

.size-4 {
  font-size: 14px;
  min-width: 100px !important;
}

.size-5 {
  font-size: 14px;
  min-width: 90px !important;
  padding: .22rem 0.75rem;
}

.size-6 {
  font-size: 13px;
  min-width: 80px !important;
  padding: 0.097rem 0.75rem;
}

.size-7 {
  font-size: 12px;
  min-width: 60px !important;
  padding: 0.001rem 0.75rem;
}

.btn-light {
  background: #c8c8c8;
  border-color: #c8c8c8;
  color: #fff;
}

.btn-light:active,
.btn-light:focus,
.btn-light:hover {
  background: white;
  color: #6e6e6e;
  border-color: white;
}

.btn-outline-primary:hover {
  color: #fff;
}

.btn-outline-danger:hover {
  color: #fff;
}

.btn-outline-warning:hover {
  color: #fff;
}

.btn-outline-info:hover {
  color: #fff;
}

.btn-outline-success:hover {
  color: #fff;
}

[data-theme-version="dark"] .btn-outline-secondary {
  color: #194039;
}

[data-theme-version="dark"] .btn-outline-dark {
  color: #194039;
}

.btn-dark {
  background: #6e6e6e;
  border-color: #6e6e6e;
  color: #fff;
}

.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
  background: #555555;
  color: #fff;
  border-color: #555555;
}

.btn-group.btn-rounded .btn:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.btn-group.btn-rounded .btn:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.btn-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff;
}

.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover {
  background: #2d4373;
  color: #fff;
  border-color: #2d4373;
}

.btn-twitter {
  background: #1da1f2;
  border-color: #1da1f2;
  color: #fff;
}

.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover {
  background: #0c85d0;
  color: #fff;
  border-color: #0c85d0;
}

.btn-youtube {
  background: #FF0000;
  border-color: #FF0000;
  color: #fff;
}

.btn-youtube:active,
.btn-youtube:focus,
.btn-youtube:hover {
  background: #cc0000;
  color: #fff;
  border-color: #cc0000;
}

.btn-instagram {
  background: #c32aa3;
  border-color: #c32aa3;
  color: #fff;
}

.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover {
  background: #992180;
  color: #fff;
  border-color: #992180;
}

.btn-pinterest {
  background: #bd081c;
  border-color: #bd081c;
  color: #fff;
}

.btn-pinterest:active,
.btn-pinterest:focus,
.btn-pinterest:hover {
  background: #8c0615;
  color: #fff;
  border-color: #8c0615;
}

.btn-linkedin {
  background: #007bb6;
  border-color: #007bb6;
  color: #fff;
}

.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover {
  background: #005983;
  color: #fff;
  border-color: #005983;
}

.btn-google-plus {
  background: #db4439;
  border-color: #db4439;
  color: #fff;
}

.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover {
  background: #be2d23;
  color: #fff;
  border-color: #be2d23;
}

.btn-google {
  background: #4285f4;
  border-color: #4285f4;
  color: #fff;
}

.btn-google:active,
.btn-google:focus,
.btn-google:hover {
  background: #1266f1;
  color: #fff;
  border-color: #1266f1;
}

.btn-snapchat {
  background: #fffc00;
  border-color: #fffc00;
  color: #000;
}

.btn-snapchat:active,
.btn-snapchat:focus,
.btn-snapchat:hover {
  background: #ccca00;
  color: #000;
  border-color: #ccca00;
}

.btn-whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}

.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp:hover {
  background: #1da851;
  color: #fff;
  border-color: #1da851;
}

.btn-tumblr {
  background: #35465d;
  border-color: #35465d;
  color: #fff;
}

.btn-tumblr:active,
.btn-tumblr:focus,
.btn-tumblr:hover {
  background: #222e3d;
  color: #fff;
  border-color: #222e3d;
}

.btn-reddit {
  background: #ff4500;
  border-color: #ff4500;
  color: #fff;
}

.btn-reddit:active,
.btn-reddit:focus,
.btn-reddit:hover {
  background: #cc3700;
  color: #fff;
  border-color: #cc3700;
}

.btn-spotify {
  background: #1ed760;
  border-color: #1ed760;
  color: #fff;
}

.btn-spotify:active,
.btn-spotify:focus,
.btn-spotify:hover {
  background: #18aa4c;
  color: #fff;
  border-color: #18aa4c;
}

.btn-yahoo {
  background: #430297;
  border-color: #430297;
  color: #fff;
}

.btn-yahoo:active,
.btn-yahoo:focus,
.btn-yahoo:hover {
  background: #2d0165;
  color: #fff;
  border-color: #2d0165;
}

.btn-dribbble {
  background: #ea4c89;
  border-color: #ea4c89;
  color: #fff;
}

.btn-dribbble:active,
.btn-dribbble:focus,
.btn-dribbble:hover {
  background: #e51e6b;
  color: #fff;
  border-color: #e51e6b;
}

.btn-skype {
  background: #00aff0;
  border-color: #00aff0;
  color: #fff;
}

.btn-skype:active,
.btn-skype:focus,
.btn-skype:hover {
  background: #008abd;
  color: #fff;
  border-color: #008abd;
}

.btn-quora {
  background: #aa2200;
  border-color: #aa2200;
  color: #fff;
}

.btn-quora:active,
.btn-quora:focus,
.btn-quora:hover {
  background: #771800;
  color: #fff;
  border-color: #771800;
}

.btn-vimeo {
  background: #1ab7ea;
  border-color: #1ab7ea;
  color: #fff;
}

.btn-vimeo:active,
.btn-vimeo:focus,
.btn-vimeo:hover {
  background: #1295bf;
  color: #fff;
  border-color: #1295bf;
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  background-color: #0E8A74;
  border-color: #0E8A74;
  color: #fff;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-info:hover,
.btn-outline-light:hover,
.btn-outline-dark:hover {
  color: #fff;
}

.card {
  margin-bottom: 1rem;
  background-color: #fff;
  transition: all .5s ease-in-out;
  position: relative;
  border: 0px solid transparent;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

@media only screen and (max-width: 575px) {
  .card {
    margin-bottom: 0.938rem;
    height: auto;
  }
}

.card-body {
  padding: 1rem;
}

.card-body p {
  line-height: 1.5;
  font-size: 13px;
}

@media only screen and (max-width: 575px) {
  .card-body {
    padding: 1rem;
  }
}

.card-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  text-transform: capitalize;
}

.card-title--large {
  font-size: 1.5rem;
}

.card-title--medium {
  font-size: 1rem;
}

.card-title--small {
  font-size: 0.875rem;
}

.card-header {
  border-color: #F0F0F0;
  position: relative;
  background: transparent;
  padding: 1.5rem 1.875rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 575px) {
  .card-header {
    padding: 1.25rem 1rem 1.25rem;
  }
}

[data-theme-version="dark"] .card-header {
  border-color: #3e454d;
}

.card-header .card-title {
  margin-bottom: 0px;
}

.card-header .subtitle {
  padding-top: 5px;
  font-size: 14px;
  line-height: 1.5;
}

.card-footer {
  border-color: #F0F0F0;
  background: transparent;
  padding: 0.875rem 0.875rem 0.875rem;
}

[data-theme-version="dark"] .card-footer {
  border-color: #3e454d;
}

.transparent-card.card {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.card-action>a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  border-color: transparent;
  text-align: center;
  background: black;
  color: #fff;
  margin-right: 8px;
}

[data-theme-version="dark"] .card-action>a {
  background: #24292d;
}

.card-action>a:last-child {
  margin-right: 0;
}

.card-action>a:hover,
.card-action>a:focus {
  background: black;
}

[data-theme-version="dark"] .card-action>a:hover,
[data-theme-version="dark"] .card-action>a:focus {
  background: #24292d;
}

.card-action>a i,
.card-action>a span {
  font-size: 1rem;
}

.card-action .dropdown {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border-color: transparent;
  text-align: center;
  margin-right: 8px;
  top: -2px;
  position: relative;
  display: inline-block;
  background: black;
  color: #0E8A74;
}

[data-theme-version="dark"] .card-action .dropdown {
  background: #24292d;
}

.card-action .dropdown:hover,
.card-action .dropdown:focus {
  background: black;
}

[data-theme-version="dark"] .card-action .dropdown:hover,
[data-theme-version="dark"] .card-action .dropdown:focus {
  background: #24292d;
}

.card-action .dropdown .btn {
  padding: 0;
  line-height: 27px;
  color: #fff;
}

.card-action .dropdown .btn:focus {
  box-shadow: none;
}

.card-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  overflow: auto;
}

.card-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 999;
}

.card-loader i {
  margin: 0 auto;
  background: #0b6a59;
  padding: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 1rem;
}

.rotate-refresh {
  -webkit-animation: mymove 0.8s infinite linear;
  animation: mymove 0.8s infinite linear;
  display: inline-block;
}

.card-header .date_picker {
  display: inline-block;
  padding: 8px;
  border: 1px solid #F0F0F0;
  cursor: pointer;
  border-radius: .375rem;
}

.card-header .border-0 {
  padding-bottom: 0;
}

@-webkit-keyframes mymove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mymove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.carousel-custom-prev,
.carousel-custom-next {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  text-align: center;
}

.carousel-custom-prev i,
.carousel-custom-next i {
  font-size: 1rem;
}

.carousel-custom-prev:hover,
.carousel-custom-next:hover {
  background: linear-gradient(to right, rgba(245, 60, 121, 0.99) 0%, rgba(246, 104, 47, 0.99) 100%);
  color: #fff;
}

.carousel-custom-next {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.carousel-custom-prev {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.carousel-caption {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.78);
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}

.carousel-caption h5,
.carousel-caption .h5 {
  color: #fff;
  font-size: 1.8rem;
}

.carousel-caption p {
  margin-bottom: 0;
}

.carousel-indicators {
  z-index: 1;
}

.dropdown-toggle:focus {
  box-shadow: none !important;
}

.dropdown-outline {
  border: 0.1rem solid #0E8A74;
}

.dropdown-menu {
  font-size: inherit;
  border: 0;
  z-index: 2;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  margin-top: 0;
}

.dropdown-menu .dropdown-item {
  font-size: 16px;
  color: #194039;
  padding: 0.5rem 1.75rem;
}

@media only screen and (max-width: 1400px) {
  .dropdown-menu .dropdown-item {
    padding: 0.375rem 1rem;
    font-size: 14px;
  }
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
  color: #514e5f;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  color: #0E8A74;
  background: rgba(14, 138, 116, 0.1);
}

[direction="rtl"] .dropdown-menu {
  right: auto !important;
}

.dropdown-toggle-split {
  padding: 0 10px;
  opacity: 0.85;
}

.dropdown-toggle-split:after {
  margin-left: 0 !important;
}

.dropdown-toggle-split:active,
.dropdown-toggle-split:focus,
.dropdown-toggle-split:hover {
  opacity: 1;
}

.dropleft .dropdown-toggle:before,
.dropright .dropdown-toggle:before,
.dropup .dropdown-toggle:after,
.dropdown-toggle:after {
  content: "\f0d7";
  font-family: FontAwesome;
  border: 0;
  vertical-align: middle;
  margin-left: 0.25em;
  line-height: 1;
}

.dropup .dropdown-toggle:after {
  content: "\f106";
}

.dropleft .dropdown-toggle::before {
  content: "\f104";
}

.dropright .dropdown-toggle::before {
  content: "\f105";
}

.dropright .dropdown-toggle::after {
  content: none;
}

.custom-dropdown {
  display: inline-block;
  margin-bottom: 1rem;
}

.custom-dropdown .dropdown-menu {
  border: 0px;
  min-width: 160px;
}

.card-action .custom-dropdown {
  margin: 0px;
  background: #45ecce;
}

.card-action .custom-dropdown.show,
.card-action .custom-dropdown:focus,
.card-action .custom-dropdown:hover {
  background: #0E8A74;
  color: #fff;
}

.card-action .custom-dropdown i {
  display: inline-block;
  padding-top: 9px;
}

.dropdown .dropdown-dots {
  position: relative;
  height: 5px;
  width: 5px;
  background: rgba(110, 110, 110, 0.4);
  border-radius: 5px;
  display: block;
}

.dropdown .dropdown-dots:after,
.dropdown .dropdown-dots:before {
  content: "";
  height: 5px;
  width: 5px;
  background: rgba(110, 110, 110, 0.4);
  position: absolute;
  border-radius: 5px;
}

.dropdown .dropdown-dots:after {
  right: -8px;
}

.dropdown .dropdown-dots:before {
  left: -8px;
}

.dropdown .dropdown-dots.text-white {
  background: rgba(255, 255, 255, 0.7);
}

.dropdown .dropdown-dots.text-white:after,
.dropdown .dropdown-dots.text-white:before {
  background: rgba(255, 255, 255, 0.7);
}

.grid-col {
  padding: 0.5rem !important;
  background: #f2f4fa;
}

.row.grid {
  margin-bottom: 1.5rem;
  text-align: center;
}

.row.grid .grid-col:first-child {
  text-align: left;
}

.label {
  display: inline-block;
  text-align: center;
  font-size: 0.75rem;
  padding: .2rem .8rem;
}

.label-fixed {
  width: 7.5rem;
  padding: .6rem 0;
}

.label-fixed-lg {
  width: 9.5rem;
  padding: .6rem 0;
}

.label-big {
  width: 16.8rem;
  font-size: 1.4rem;
  padding: 1.1rem 0;
}

.label-xl {
  width: 10.5rem;
  padding: 1.1rem 0;
  font-size: 1.5rem;
}

.label-lg {
  width: 9.5rem;
  padding: 1.1rem 0;
}

.label-md {
  width: 8.5rem;
  padding: 1.1rem 0;
}

.label-sm {
  width: 7.5rem;
  padding: 1.1rem 0;
}

.label-default {
  background: #ADB6C7;
}

.label-primary {
  background: #0E8A74;
  color: #fff;
}

.label-secondary {
  background: #FB3E7A;
  color: #fff;
}

.label-info {
  background: #3A82EF;
  color: #fff;
}

.label-success {
  background: #68CF29;
  color: #fff;
}

.label-warning {
  background: #FE634E;
  color: #fff;
}

.label-danger {
  background: #f72b50;
  color: #fff;
}

.label-light {
  background: #c8c8c8;
  color: #000;
}

.label-dark {
  background: #6e6e6e;
  color: #fff;
}

code {
  word-break: break-word;
  padding: 2px 5px;
  border-radius: 3px;
  background: #fdcdd6;
  color: #f72b50;
}

[data-theme-version="dark"] code {
  background: rgba(247, 43, 80, 0.1);
}

.heading-labels {
  color: #333333;
}

.heading-labels>* {
  margin-bottom: .8rem;
}

.heading-labels h1 .label,
.heading-labels .h1 .label {
  font-size: 18px;
  font-weight: normal;
  padding: .4rem .9rem;
}

.heading-labels h2 .label,
.heading-labels .h2 .label {
  font-size: 16px;
  font-weight: normal;
  padding: 0.3rem .9rem;
}

.heading-labels h3 .label,
.heading-labels .h3 .label {
  font-size: 14px;
  font-weight: normal;
}

.heading-labels h4 .label,
.heading-labels .h4 .label {
  font-size: 12px;
  font-weight: normal;
}

.heading-labels h5 .label,
.heading-labels .h5 .label {
  font-size: 12px;
  font-weight: normal;
}

.heading-labels h6 .label,
.heading-labels .h6 .label {
  font-size: 12px;
  font-weight: normal;
}

.list-group-item {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #F0F0F0;
  padding: 1rem 1.5rem;
}

[data-theme-version="dark"] .list-group-item {
  border-color: #3e454d;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #fff;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

[class*="bg-"] .list-group-item {
  border-color: rgba(255, 255, 255, 0.05);
  color: #fff;
}

.bg-warning .list-group-item {
  border-color: rgba(0, 0, 0, 0.05);
}

.media img {
  border-radius: 3px;
}

.vertical-card__menu:hover {
  box-shadow: none;
}

.vertical-card__menu--image {
  text-align: center;
}

.vertical-card__menu--image img {
  width: 100%;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.vertical-card__menu--status.closed {
  background: #f72b50;
}

.vertical-card__menu--status.closed:after {
  border-top: 10px solid #f72b50;
}

.vertical-card__menu--status.closed .ribbon-curve {
  border-top: 11px solid #f72b50;
  border-bottom: 10px solid #f72b50;
}

.vertical-card__menu--desc p {
  margin-bottom: 0.625rem;
}

.vertical-card__menu--price {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 700;
}

.vertical-card__menu--rating {
  font-size: 0.75rem;
}

.vertical-card__menu--title {
  font-weight: 700;
}

.vertical-card__menu--button button {
  font-size: 0.75rem;
}

.vertical-card__menu .card-footer {
  padding: 15px 20px;
  background-color: #F0F0F0;
  border-top: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .vertical-card__menu .card-footer {
    padding: 15px;
  }
}

.vertical-card__menu .card-footer span {
  color: #6e6e6e;
  margin-right: 0.3125rem;
}

.horizontal-card__menu {
  box-shadow: 0 0 7px rgba(173, 173, 173, 0.32);
  display: flex;
  flex-direction: row;
  display: block;
}

.horizontal-card__menu .card-body {
  padding: 0;
  padding: 20px 30px;
}

.horizontal-card__menu--image {
  flex-basis: 30%;
  max-width: 30%;
  max-width: unset;
  flex-basis: 100%;
}

.horizontal-card__menu--image img {
  height: 100%;
  width: 100%;
}

.horizontal-card__menu--title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.3125rem;
}

.horizontal-card__menu--fav {
  margin-right: 0.5rem;
}

.horizontal-card__menu--price {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.horizontal-card__menu--rating {
  font-size: 0.625rem;
}

.horizontal-card__menu--footer {
  margin-top: 10px;
}

.prev_price {
  text-decoration: line-through;
  font-size: 80%;
  opacity: 0.5;
}

.modal-header {
  padding: 0.5rem 0.5rem;
}

.modal-header .close {
  padding: 0.875rem 1.815rem;
  margin: 0;
  position: absolute;
  right: 0;
  float: none;
  top: 0;
  font-size: 30px;
  font-weight: 100;
}

.modal-body {
  padding: 0 1rem;
}

/* .modal-footer {
  padding: 0.5rem 1.875rem;
} */

.modal-content {
  border-radius: 0.5rem;
}

.modal-backdrop {
  z-index: 10 !important;
}



.pagination .page-item.active .page-link {
  background: #0E8A74;
  border-color: #0E8A74;
  color: #fff;
}

.pagination {
  margin-bottom: 20px;
}

.pagination .page-item.page-indicator .page-link {
  padding: .65rem .8rem;
  font-size: 14px;
}

.pagination .page-item.page-indicator:hover .page-link {
  color: #6e6e6e;
}

.pagination .page-item .page-link {
  border-radius: 100%;
  text-align: center;
  z-index: 1;
  padding: 0.55rem 1rem;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.15);
  font-weight: 400;
  border: 0px solid #F0F0F0;
  color: black !important;
}

.filter-employee .dataTables_wrapper .dataTables_paginate .paginate_button.previous.previous:hover {
  color: #000 !important;
  background: #f5f5f5 !important;
}

[data-theme-version="dark"] .pagination .page-item .page-link {
  border-color: #3e454d;
  color: #828690;
  background: rgba(255, 255, 255, 0);
}

.pagination .page-item .page-link:hover i,
.pagination .page-item .page-link span {
  color: #fff;
}

.pagination .page-item .page-link:focus {
  outline: 0;
  box-shadow: none;
}

/* .pagination .page-item .page-link:hover {
  background: #08c0af;
  color: #fff;
  border-color: #08c0af;
  border-radius: 100%;
} */

.pagination .page-item.active .page-link {
  background-color: #0E8A74;
  border-color: #0E8A74;
  color: #fff;
  box-shadow: 0 10px 20px 0px rgba(14, 138, 116, 0.2);
}

[data-theme-version="dark"] .pagination .page-item.active .page-link {
  color: #fff;
}

.pagination .page-item .page-link {
  color: #6e6e6e;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.pagination .page-item:last-child .page-link {
  margin-right: 0;
}

[direction="rtl"] .pagination .page-item:first-child .page-link {
  margin-right: 0;
}

.pagination.no-bg li:not(.page-indicator):not(.active) .page-link {
  background: transparent;
  border-color: transparent;
}

.pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link {
  background: #0E8A74;
  border-color: #0E8A74;
}

[data-theme-version="dark"] .pagination.no-bg.pagination-primary li:not(.page-indicator):not(.active):hover .page-link {
  background: #0E8A74;
  border-color: #0E8A74;
}

.pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link {
  background: #f72b50;
  border-color: #f72b50;
}

[data-theme-version="dark"] .pagination.no-bg.pagination-danger li:not(.page-indicator):not(.active):hover .page-link {
  background: #f72b50;
  border-color: #f72b50;
}

.pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link {
  background: #3A82EF;
  border-color: #3A82EF;
}

[data-theme-version="dark"] .pagination.no-bg.pagination-info li:not(.page-indicator):not(.active):hover .page-link {
  background: #3A82EF;
  border-color: #3A82EF;
}

.pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link {
  background: #FE634E;
  border-color: #FE634E;
}

[data-theme-version="dark"] .pagination.no-bg.pagination-warning li:not(.page-indicator):not(.active):hover .page-link {
  background: #FE634E;
  border-color: #FE634E;
}

.pagination-primary .page-item .page-link {
  background: #e7fdf9;
  border-color: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .pagination-primary .page-item .page-link {
  background: rgba(14, 138, 116, 0.1);
  border-color: transparent;
  color: #0E8A74;
}

.pagination-primary .page-item:hover .page-link,
.pagination-primary .page-item.active .page-link {
  background: #0E8A74;
  border-color: #0E8A74;
  box-shadow: 0 10px 20px 0px rgba(14, 138, 116, 0.2);
}

[data-theme-version="dark"] .pagination-primary .page-item:hover .page-link,
[data-theme-version="dark"] .pagination-primary .page-item.active .page-link {
  color: #fff;
}

.pagination-danger .page-item .page-link {
  background: #fee6ea;
  border-color: #fee6ea;
  color: #f72b50;
}

[data-theme-version="dark"] .pagination-danger .page-item .page-link {
  background: rgba(247, 43, 80, 0.15);
  border-color: transparent;
  color: #f72b50;
}

.pagination-danger .page-item:hover .page-link,
.pagination-danger .page-item.active .page-link {
  background: #f72b50;
  border-color: #f72b50;
  box-shadow: 0 10px 20px 0px rgba(247, 43, 80, 0.2);
}

[data-theme-version="dark"] .pagination-danger .page-item:hover .page-link,
[data-theme-version="dark"] .pagination-danger .page-item.active .page-link {
  color: #fff;
}

.pagination-info .page-item .page-link {
  background: #e9f1fd;
  border-color: #e9f1fd;
  color: #3A82EF;
}

[data-theme-version="dark"] .pagination-info .page-item .page-link {
  background: rgba(58, 130, 239, 0.1);
  border-color: transparent;
  color: #3A82EF;
}

.pagination-info .page-item:hover .page-link,
.pagination-info .page-item.active .page-link {
  background: #3A82EF;
  border-color: #3A82EF;
  box-shadow: 0 10px 20px 0px rgba(58, 130, 239, 0.2);
}

.pagination-warning .page-item .page-link {
  background: #fffbfa;
  border-color: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .pagination-warning .page-item .page-link {
  background: rgba(254, 99, 78, 0.1);
  border-color: transparent;
  color: #FE634E;
}

.pagination-warning .page-item:hover .page-link,
.pagination-warning .page-item.active .page-link {
  background: #FE634E;
  border-color: #FE634E;
  box-shadow: 0 10px 20px 0px rgba(254, 99, 78, 0.2);
}

.pagination-gutter .page-item {
  margin-right: 7px;
}

.pagination-gutter .page-item .page-link {
  border-radius: 0.5rem !important;
}

.pagination-circle .page-item {
  margin-right: 7px;
}

.pagination-circle .page-item .page-link,
.pagination-circle .page-item.page-indicator .page-link {
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  border-radius: 50% !important;
  padding: 0;
}

.pagination.pagination-md .page-item .page-link {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.pagination.pagination-sm .page-item.page-indicator .page-link {
  font-size: 12px;
}

.pagination.pagination-sm .page-item .page-link {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}

.pagination.pagination-xs .page-item.page-indicator .page-link {
  font-size: 10px;
}

.pagination.pagination-xs .page-item .page-link {
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}

.popover {
  border: 2px solid #FB3E7A;
  min-width: 210px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

[data-theme-version="dark"] .popover {
  background-color: #24292d;
}

.popover-header {
  background: #FB3E7A;
  color: #fff;
  font-weight: 300;
}

.popover-header::before {
  border-bottom: 0 !important;
}

.popover-body {
  font-size: 0.75rem;
}

[data-theme-version="dark"] .popover .popover-header {
  border-color: #2f363e;
}

@media only screen and (max-width: 767px) {
  .popover {
    z-index: 1;
  }
}

.bootstrap-popover-wrapper .bootstrap-popover:not(:last-child) {
  margin-right: 8px;
}

.bootstrap-popover-wrapper .bootstrap-popover {
  margin-bottom: .5rem;
}

.bootstrap-popover-wrapper .bootstrap-popover button:hover,
.bootstrap-popover-wrapper .bootstrap-popover button:focus {
  background: #0E8A74;
  color: #fff;
  box-shadow: none;
}

.bs-popover-top .arrow::after,
.bs-popover-auto[data-popper-placement^="top"] .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: 0px;
  border-top-color: #FB3E7A;
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: 0px;
  border-left-color: #FB3E7A;
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: 0px;
  border-right-color: #FB3E7A;
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: 0px;
  border-bottom-color: #FB3E7A;
}

.note-popover {
  display: none;
}

.progress-bar {
  background-color: #27E0B1;
}

.progress-bar-primary {
  background-color: #0E8A74;
}

.progress-bar-success {
  background-color: #68CF29;
}

.progress-bar-info {
  background-color: #3A82EF;
}

.progress-bar-danger {
  background-color: #f72b50;
}

.progress-bar-warning {
  background-color: #FE634E;
}

.progress-bar-pink {
  background-color: #e83e8c;
}

.progress {
  height: 17px;
  overflow: hidden;
}

[data-theme-version="dark"] .progress {
  background-color: #24292d;
}

.progress-bar {
  border-radius: 4px;
}

.progress-vertical {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2rem;
  min-height: 17rem;
  position: relative;
}

@media (max-width: 767.98px) {
  .progress-vertical {
    margin-right: 1rem;
  }
}

.progress-vertical-bottom {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2rem;
  min-height: 17rem;
  position: relative;
  transform: rotate(180deg);
}

@media (max-width: 767.98px) {
  .progress-vertical-bottom {
    margin-right: 1rem;
  }
}

.progress-animated {
  animation-duration: 5s;
  animation-name: myanimation;
  transition: all 5s ease 0s;
}

@keyframes myanimation {
  0% {
    width: 0;
  }
}

@keyframes myanimation {
  0% {
    width: 0;
  }
}

.ribbon {
  position: absolute;
  z-index: 1;
  text-transform: uppercase;
}

.ribbon__one {
  top: 15px;
  left: -11px;
  min-height: 20px;
  min-width: 52px;
  text-align: center;
  padding: 3px 10px;
  background: #3AB54B;
  color: #fff;
  font-size: 0.625rem;
}

.ribbon__one::after {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #239132;
  border-left: 11px solid transparent;
  left: 0;
  content: "";
  bottom: -10px;
}

.ribbon__two {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: #FE634E;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  right: 15px;
  top: 15px;
  border-radius: 3px;
}

.ribbon__three {
  left: -1.875rem;
  top: 0.875rem;
  width: 6.875rem;
  height: 1.5625rem;
  background-color: #f72b50;
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  transform: rotate(-45deg);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.ribbon__four {
  left: 8px;
  top: -8px;
  width: 110px;
  height: 50px;
  background-color: #0E8A74;
  z-index: auto;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ribbon__four:after {
  right: -5px;
}

.ribbon__four:before {
  left: -5px;
}

.ribbon__four:after,
.ribbon__four:before {
  z-index: -1;
  background-color: #17e7c2;
  top: 3px;
  transform: rotate(45deg);
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
}

.ribbon__five {
  left: -1.875rem;
  top: 0.625rem;
  width: 6.875rem;
  height: 1.875rem;
  background-color: #0E8A74;
  transform: rotate(-45deg);
  font-size: 0.75rem;
  color: #fff;
  padding-bottom: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.ribbon__five::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 50px;
  border-color: transparent transparent #0E8A74 transparent;
  left: 0.25rem;
  top: -2.8125rem;
}

.ribbon__six {
  left: 0;
  top: 1.125rem;
  width: 6.875rem;
  height: 2.375rem;
  background-color: #0E8A74;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 0, 85% 50%, 100% 100%, 100% 100%, 0 100%);
  display: flex;
  font-size: 1.25rem;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.ribbon-curve {
  position: absolute;
  top: 0;
  right: -6px;
  width: 10px;
  height: 11px;
  border-top: 11px solid #3AB54B;
  border-bottom: 10px solid #3AB54B;
  border-right: 5px solid transparent;
}


table::-webkit-scrollbar {
  background-color: #F5F5F5;
  width: 8px;
  height: 0px;
}

.jsgrid-grid-body::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}


table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #bab8b8;
}

.multi-steps>li.is-active:before,
.multi-steps>li.is-active~li:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 400;
}

.multi-steps>li.is-active:after,
.multi-steps>li.is-active~li:after {
  background-color: #F0F0F0;
}

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.multi-steps>li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: #0E8A74;
  font-size: 0.75rem;
}

.multi-steps>li:before {
  content: '\2713';
  display: block;
  margin: 0 auto 4px;
  background-color: #fff;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  border-width: 2px;
  border-style: solid;
  border-color: #0E8A74;
  border-radius: 5px;
}

.multi-steps>li:after {
  content: '';
  height: 2px;
  width: 100%;
  background-color: #0E8A74;
  position: absolute;
  top: 12px;
  left: 50%;
  top: 12px;
}

[direction="rtl"] .multi-steps>li:after {
  left: auto;
  right: 50%;
}

.multi-steps>li:last-child:after {
  display: none;
}

.multi-steps>li.is-active:before {
  background-color: #fff;
  border-color: #0E8A74;
}

.multi-steps>li.is-active~li {
  color: #194039;
}

.multi-steps>li.is-active~li:before {
  background-color: #F0F0F0;
  border-color: #F0F0F0;
}

.nav-pills .nav-link {
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
}

.default-tab .nav-link {
  background: transparent;
  border-radius: 0px;
  font-weight: 500;
}

.default-tab .nav-link i {
  display: inline-block;
  transform: scale(1.5);
  color: #0E8A74;
}

.default-tab .nav-link:focus,
.default-tab .nav-link:hover,
.default-tab .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff #ebeef6;
  border-radius: 0.5rem 0.5rem 0 0;
  color: #0E8A74;
}

[data-theme-version="dark"] .default-tab .nav-link:focus,
[data-theme-version="dark"] .default-tab .nav-link:hover,
[data-theme-version="dark"] .default-tab .nav-link.active {
  background-color: rgba(14, 138, 116, 0.1);
  border-color: transparent transparent #3e454d transparent;
}

.custom-tab-1 .nav-link {
  background: transparent;
  border-radius: 0px;
  font-weight: 500;
  border-bottom: 3px solid transparent;
  border-width: 0 0px 3px 0;
  font-size: 14px;
}

.custom-tab-1 .nav-link i {
  display: inline-block;
  transform: scale(1.5);
  color: #0E8A74;
}

.custom-tab-1 .nav-link:focus,
.custom-tab-1 .nav-link:hover,
.custom-tab-1 .nav-link.active {
  background-color: #ffffff;
  box-shadow: 0px 0px 31px -15px #0000004d;
  /* border-color: #27d9d7; */
  border-radius: 0;
  /* padding: 6px 8px; */
  color: #671cc9;
  /* border-width: 0 0px 3px 0;*/
  border-color: transparent;
}

[data-theme-version="dark"] .custom-tab-1 .nav-link:focus,
[data-theme-version="dark"] .custom-tab-1 .nav-link:hover,
[data-theme-version="dark"] .custom-tab-1 .nav-link.active {
  background-color: rgba(14, 138, 116, 0.1);
}

.nav-pills.light .nav-link.active,
.nav-pills.light .show>.nav-link {
  background: #e7fdf9;
  color: #0E8A74;
  box-shadow: none;
}

[data-theme-version="dark"] .nav-pills.light .nav-link.active,
[data-theme-version="dark"] .nav-pills.light .show>.nav-link {
  background: rgba(14, 138, 116, 0.1);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  box-shadow: 0 0 20px 0 rgb(63 81 181 / 33%);
}

.tooltip-wrapper button:not(:last-child) {
  margin-right: 8px;
}

.tooltip-wrapper button:hover {
  background: #0E8A74;
  color: #fff;
}

.tooltip-wrapper button {
  margin-bottom: .5rem;
}

.tooltip-wrapper button:focus {
  box-shadow: none;
}

.tooltip-inner {
  border-radius: 0;
  background: #333333;
  font-size: 12px;
  font-weight: 300;
  padding: 0.35rem 0.7rem;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #333333;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #333333;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #333333;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #333333;
}

.widget-timeline .timeline {
  list-style: none;
  position: relative;
}

.widget-timeline .timeline:before {
  top: 20px;
  bottom: 0;
  position: absolute;
  /*content: " ";*/
  width: 3px;
  left: 9px;
  margin-right: -1.5px;
  background: #c8c8c8;
}

[data-theme-version="dark"] .widget-timeline .timeline:before {
  background: #3e454d;
}

[direction="rtl"] .widget-timeline .timeline:before {
  left: auto;
  right: 9px;
  margin-right: auto;
  margin-left: -1.5px;
}

.widget-timeline .timeline>li {
  margin-bottom: 15px;
  position: relative;
}

.widget-timeline .timeline>li:before {
  content: " ";
  display: table;
}

.widget-timeline .timeline>li:after {
  content: " ";
  display: table;
  clear: both;
}

.widget-timeline .timeline>li>.timeline-panel {
  border-radius: 0.5rem;
  padding: 15px 20px;
  position: relative;
  display: block;
  margin-left: 0px;
  border-width: 1px;
  border-style: solid;
}

.widget-timeline .timeline>li>.timeline-panel span {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  opacity: 0.8;
  letter-spacing: 1px;
}

.widget-timeline .timeline>li>.timeline-panel p {
  font-size: 14px;
}

.widget-timeline .timeline>li>.timeline-panel:after {
  /* content: "";*/
  width: 10px;
  height: 10px;
  background: inherit;
  border-color: inherit;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  display: block;
  position: absolute;
  left: -5px;
  transform: rotate(45deg);
  top: 15px;
}

.widget-timeline .timeline>li>.timeline-badge {
  border-radius: 50%;
  height: 22px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 22px;
  border-width: 2px;
  border-style: solid;
  background: #fff;
  padding: 4px;
}

[data-theme-version="dark"] .widget-timeline .timeline>li>.timeline-badge {
  background-color: #2f363e;
}

.widget-timeline .timeline>li>.timeline-badge:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: block;
}

[direction="rtl"] .widget-timeline .timeline>li>.timeline-badge {
  left: auto;
  right: 19px;
}

.widget-timeline .timeline-body>p {
  font-size: 12px;
}

.widget-timeline .timeline-badge.primary {
  border-color: #e7fdf9;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.primary {
  border-color: rgba(14, 138, 116, 0.1);
}

.widget-timeline .timeline-badge.primary:after {
  background-color: #0E8A74 !important;
  box-shadow: 0 5px 10px 0 rgba(14, 138, 116, 0.2);
}

.widget-timeline .timeline-badge.primary+.timeline-panel {
  background: #e7fdf9;
  border-color: #e7fdf9;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.primary+.timeline-panel {
  border-color: transparent;
  background-color: rgba(14, 138, 116, 0.1);
}

.widget-timeline .timeline-badge.success {
  border-color: #ecfae4;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.success {
  border-color: rgba(104, 207, 41, 0.1);
}

.widget-timeline .timeline-badge.success:after {
  background-color: #68CF29 !important;
  box-shadow: 0 5px 10px 0 rgba(104, 207, 41, 0.2);
}

.widget-timeline .timeline-badge.success+.timeline-panel {
  background: #ecfae4;
  border-color: #ecfae4;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.success+.timeline-panel {
  background-color: rgba(104, 207, 41, 0.1);
  border-color: transparent;
}

.widget-timeline .timeline-badge.warning {
  border-color: #fffbfa;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.warning {
  border-color: rgba(254, 99, 78, 0.1);
}

.widget-timeline .timeline-badge.warning:after {
  background-color: #FE634E !important;
  box-shadow: 0 5px 10px 0 rgba(254, 99, 78, 0.2);
}

.widget-timeline .timeline-badge.warning+.timeline-panel {
  background: #fffbfa;
  border-color: #fffbfa;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.warning+.timeline-panel {
  background-color: rgba(254, 99, 78, 0.1);
  border-color: transparent;
}

.widget-timeline .timeline-badge.danger {
  border-color: #fee6ea;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.danger {
  border-color: rgba(247, 43, 80, 0.15);
}

.widget-timeline .timeline-badge.danger:after {
  background-color: #f72b50 !important;
  box-shadow: 0 5px 10px 0 rgba(247, 43, 80, 0.2);
}

.widget-timeline .timeline-badge.danger+.timeline-panel {
  background: #fee6ea;
  border-color: #fee6ea;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.danger+.timeline-panel {
  background-color: rgba(247, 43, 80, 0.15);
  border-color: transparent;
}

.widget-timeline .timeline-badge.info {
  border-color: #e9f1fd;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.info {
  border-color: rgba(58, 130, 239, 0.1);
}

.widget-timeline .timeline-badge.info:after {
  background-color: #3A82EF !important;
  box-shadow: 0 5px 10px 0 rgba(58, 130, 239, 0.2);
}

.widget-timeline .timeline-badge.info+.timeline-panel {
  background: #e9f1fd;
  border-color: #e9f1fd;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.info+.timeline-panel {
  background-color: rgba(58, 130, 239, 0.1);
  border-color: transparent;
}

.widget-timeline .timeline-badge.dark {
  border-color: #eeeeee;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.dark {
  border-color: rgba(110, 110, 110, 0.35);
}

.widget-timeline .timeline-badge.dark:after {
  background-color: #6e6e6e !important;
  box-shadow: 0 5px 10px 0 rgba(110, 110, 110, 0.2);
}

.widget-timeline .timeline-badge.dark+.timeline-panel {
  background: #eeeeee;
  border-color: #eeeeee;
}

[data-theme-version="dark"] .widget-timeline .timeline-badge.dark+.timeline-panel {
  background-color: rgba(110, 110, 110, 0.35);
  border-color: transparent;
}

.widget-timeline.style-1 .timeline-panel {
  background: transparent;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel {
  background: transparent !important;
  border-style: solid;
  border-width: 0 0 0 0px;
  border-radius: 0;
  padding: 9px 0px;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panels {
  background: transparent !important;
  border-style: solid;
  border-width: 0 0 0 0px;
  border-radius: 0;
  padding: 4px 0px;
}

.widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after {
  border: 0;
  left: -9px;
  width: 7px;
  height: 7px;
}

.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel {
  border-color: #092048;
}

.widget-timeline.style-1 .timeline .timeline-badge.primary+.timeline-panel:after {
  background: #092048;
}

.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel {
  border-color: #68CF29;
}

.widget-timeline.style-1 .timeline .timeline-badge.success+.timeline-panel:after {
  background: #68CF29;
}

.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel {
  border-color: #FE634E;
}

.widget-timeline.style-1 .timeline .timeline-badge.warning+.timeline-panel:after {
  background: #FE634E;
}

.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel {
  border-color: #f72b50;
}

.widget-timeline.style-1 .timeline .timeline-badge.danger+.timeline-panel:after {
  background: #f72b50;
}

.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel {
  border-color: #09ccba;
  font-size: 12px;
  color: black !important;
  font-weight: 400;
}

.widget-timeline.style-1 .timeline .timeline-badge.info+.timeline-panel:after {
  background: #09ccba;
}

.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel {
  border-color: #6e6e6e;
}

.widget-timeline.style-1 .timeline .timeline-badge.dark+.timeline-panel:after {
  background: #6e6e6e;
}

#chart_widget_4 {
  height: 255px !important;
}

#chart_widget_5 .ct-series-a .ct-line,
#chart_widget_5 .ct-series-a .ct-point {
  stroke: #46ffc8;
}

#chart_widget_5 .ct-line {
  stroke-width: 1px;
}

#chart_widget_5 .ct-point {
  stroke-width: 2px;
}

#chart_widget_5 .ct-series-a .ct-area {
  fill: #20dea6;
}

#chart_widget_5 .ct-area {
  fill-opacity: 1;
}

#chart_widget_6 .ct-series-a .ct-line,
#chart_widget_6 .ct-series-a .ct-point {
  stroke: #3A82EF;
}

#chart_widget_6 .ct-line {
  stroke-width: 2px;
}

#chart_widget_6 .ct-point {
  stroke-width: 5px;
}

#chart_widget_6 .ct-series-a .ct-area {
  fill: #3A82EF;
}

#chart_widget_6 .ct-area {
  fill-opacity: .5;
}

#chart_widget_8 {
  height: 255px;
}

#chart_widget_8 .ct-series-a .ct-line,
#chart_widget_8 .ct-series-a .ct-point {
  stroke: #3A82EF;
}

#chart_widget_8 .ct-line {
  stroke-width: 2px;
}

#chart_widget_8 .ct-point {
  stroke-width: 5px;
}

#chart_widget_8 .ct-series-a .ct-area {
  fill: #3A82EF;
}

#chart_widget_8 .ct-area {
  fill-opacity: .5;
}

#chart_widget_9,
#chart_widget_10 {
  height: 250px !important;
}

#chart_widget_11 .ct-slice-donut,
#chart_widget_12 .ct-slice-donut,
#chart_widget_13 .ct-slice-donut {
  stroke-width: 25px !important;
}

#chart_widget_11 {
  height: 270px !important;
}

#chart_widget_17 {
  height: 150px !important;
}

.chart_widget_tab_one .nav-link {
  border: 1px solid #ddd;
}

.chart_widget_tab_one .nav-link.active {
  background-color: #0E8A74;
  border: 1px solid #0E8A74;
  color: #fff;
}

.chart_widget_tab_one .nav-link.active:hover {
  border: 1px solid #0E8A74;
}

.chart_widget_tab_one .nav-link:hover {
  border: 1px solid #ddd;
}

[data-theme-version="dark"] .ccc-widget>div {
  background: #2f363e !important;
  border-color: #3e454d !important;
}

.social-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  text-align: center;
  background: #f9f9f9;
  margin-bottom: 0.5rem;
  font-size: 20px;
}

.social-icon i {
  color: #fff;
}

.social-icon.youtube {
  background: #FF0000;
}

.social-icon.facebook {
  background: #3b5998;
}

.social-icon.twitter {
  background: #1da1f2;
}

.social-icon2 a {
  border: 0.1rem solid #0E8A74;
  display: block;
  padding: 1rem;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  border-radius: .3rem;
  font-size: 1.6rem;
}

.social-icon2 i {
  font-size: 12px;
  color: #0E8A74;
}

.social-icon3 ul li {
  display: inline-block;
}

.social-icon3 ul li a {
  display: block;
}

.social-icon3 ul li a i {
  font-size: 1.4rem;
  padding: 1rem .7rem;
  color: #464a53;
}

.social-icon3 ul li a:hover i {
  color: #0E8A74;
}

.social-icons-muted ul li a i {
  color: #89879f;
}

.social-links a {
  padding: .5rem;
}

.widget-stat .media {
  padding: 0px 0;
  align-items: center;
}

.widget-stat .media>span {
  height: 85px;
  width: 85px;
  border-radius: 50px;
  padding: 10px 12px;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #464a53;
  min-width: 85px;
}

.widget-stat .media .media-body p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

[data-theme-version="dark"] .widget-stat .media .media-body p {
  color: #c4c9d5;
}

.widget-stat .media .media-body h3,
.widget-stat .media .media-body .h3 {
  font-size: 40px;
  font-weight: 600;
  margin: 0;
  line-height: 1.2;
}

.widget-stat .media .media-body h4,
.widget-stat .media .media-body .h4 {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
}

.widget-stat .media .media-body span {
  margin-left: 5px;
}

.widget-stat[class*="bg-"] .media>span {
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}

.widget-stat[class*="bg-"] .progress {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

[direction="rtl"] .widget-stat .media .media-body span {
  margin-left: 0;
  margin-right: 10px;
}

.dez-widget-1 .card {
  background: #FFE7DB;
}

.dez-widget-1 .card .card-body p {
  color: #f87533;
}

.dez-widget-1 .icon {
  float: right;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 28px;
}

.bgl-primary {
  background: #e7fdf9;
  border-color: #e7fdf9;
}

[data-theme-version="dark"] .bgl-primary {
  background-color: rgba(14, 138, 116, 0.1);
  border-color: rgba(14, 138, 116, 0.1);
}

.bgl-secondary {
  background: #fedee8;
  border-color: #fedee8;
}

[data-theme-version="dark"] .bgl-secondary {
  background-color: rgba(251, 62, 122, 0.5);
  border-color: rgba(251, 62, 122, 0.5);
}

.bgl-success {
  background: #ecfae4;
  border-color: #ecfae4;
}

[data-theme-version="dark"] .bgl-success {
  background-color: rgba(104, 207, 41, 0.1);
  border-color: rgba(104, 207, 41, 0.1);
}

.bgl-warning {
  background: #fffbfa;
  border-color: #fffbfa;
}

[data-theme-version="dark"] .bgl-warning {
  background-color: rgba(254, 99, 78, 0.1);
  border-color: rgba(254, 99, 78, 0.1);
}

.bgl-danger {
  background: #fee6ea;
  border-color: #fee6ea;
}

[data-theme-version="dark"] .bgl-danger {
  background-color: rgba(247, 43, 80, 0.15);
  border-color: rgba(247, 43, 80, 0.15);
}

.bgl-info {
  background: #e9f1fd;
  border-color: #e9f1fd;
}

[data-theme-version="dark"] .bgl-info {
  background-color: rgba(58, 130, 239, 0.1);
  border-color: rgba(58, 130, 239, 0.1);
}

.bg-primary-light {
  background: rgba(231, 253, 249, 0.5);
}

[data-theme-version="dark"] .bg-primary-light {
  background-color: rgba(14, 138, 116, 0.05);
}

.bg-secondary-light {
  background: rgba(254, 222, 232, 0.5);
}

[data-theme-version="dark"] .bg-secondary-light {
  background-color: rgba(251, 62, 122, 0.05);
}

.bg-success-light {
  background: rgba(236, 250, 228, 0.5);
}

[data-theme-version="dark"] .bg-success-light {
  background-color: rgba(104, 207, 41, 0.05);
}

.bg-warning-light {
  background: rgba(255, 251, 250, 0.5);
}

[data-theme-version="dark"] .bg-warning-light {
  background-color: rgba(254, 99, 78, 0.05);
}

.bg-danger-light {
  background: rgba(254, 230, 234, 0.5);
}

[data-theme-version="dark"] .bg-danger-light {
  background-color: rgba(247, 43, 80, 0.05);
}

.bg-info-light {
  background: rgba(233, 241, 253, 0.5);
}

[data-theme-version="dark"] .bg-info-light {
  background-color: rgba(58, 130, 239, 0.05);
}

.bgl-dark {
  background: #eeeeee;
  border-color: #eeeeee;
}

.bgl-light {
  background: #c8c8c8;
  border-color: #c8c8c8;
}

.overlay-box {
  position: relative;
  z-index: 1;
}

.overlay-box:after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.85;
  background: #0E8A74;
  z-index: -1;
}

.rating-bar {
  font-size: 13px;
}

.tdl-holder {
  margin: 0 auto;
}

.tdl-holder ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tdl-holder li {
  background-color: #fff;
  border-bottom: 1px solid #F0F0F0;
  list-style: none none;
  margin: 0;
  padding: 0;
}

.tdl-holder li span {
  margin-left: 35px;
  font-size: 1rem;
  vertical-align: middle;
  transition: all 0.2s linear;
}

[direction="rtl"] .tdl-holder li span {
  margin-left: auto;
  margin-right: 35px;
}

.tdl-holder label {
  cursor: pointer;
  display: block;
  line-height: 50px;
  padding-left: 1.5rem;
  position: relative;
  margin: 0 !important;
}

[direction="rtl"] .tdl-holder label {
  padding-left: 0;
  padding-right: 1.5rem;
}

.tdl-holder label:hover {
  background-color: #eef1f6;
  color: #6e6e6e;
}

.tdl-holder label:hover a {
  color: #f72b50;
}

.tdl-holder label a {
  color: #fff;
  display: inline-block;
  line-height: normal;
  height: 100%;
  text-align: center;
  text-decoration: none;
  width: 50px;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all 0.2s linear;
  padding: 18px 0px;
  font-size: 18px;
  position: absolute;
  right: 0;
}

[direction="rtl"] .tdl-holder label a {
  right: auto;
  left: 0;
}

.tdl-holder input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

.tdl-holder input[type=checkbox]+i {
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: block;
  height: 20px;
  position: absolute;
  top: 15px;
  width: 20px;
  z-index: 1;
  border-radius: 00px;
  font-size: 11px;
  border-radius: 4px;
}

.tdl-holder input[type=checkbox]:checked+i {
  background: #0E8A74;
  border-color: transparent;
}

.tdl-holder input[type=checkbox]:checked+i::after {
  content: "\f00c";
  font-family: 'fontAwesome';
  display: block;
  left: 2px;
  position: absolute;
  top: -14px;
  z-index: 2;
  color: #fff;
}

.tdl-holder input[type=checkbox]:checked~span {
  text-decoration: line-through;
  position: relative;
}

.tdl-holder input[type=text] {
  background-color: #fff;
  height: 50px;
  margin-top: 29px;
  border-radius: 3px;
}

.tdl-holder input[type=text]::placeholder {
  color: #6e6e6e;
}

.widget-message p {
  font-size: 14px;
  line-height: 1.5;
}

.picker .picker__frame {
  min-width: 450px !important;
  max-width: 450px !important;
}

.picker .picker__frame .picker__box {
  padding: 20px;
  border: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.picker .picker__frame .picker__box .picker__header {
  margin-top: 0;
}

.picker .picker__frame .picker__box .picker__header .picker__year {
  color: #0E8A74;
  font-style: inherit;
  font-size: 20px;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev,
.picker .picker__frame .picker__box .picker__header .picker__nav--next {
  width: 40px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  border-radius: 2px;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:before,
.picker .picker__frame .picker__box .picker__header .picker__nav--next:before {
  content: none !important;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after,
.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
  font-family: fontawesome;
  border: 0;
  margin: 0 auto;
  font-size: 22px;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:hover,
.picker .picker__frame .picker__box .picker__header .picker__nav--next:hover {
  background-color: #0E8A74;
  color: #0E8A74 !important;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev {
  left: 0;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--prev:after {
  content: "\f0d9";
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next {
  right: 0;
}

.picker .picker__frame .picker__box .picker__header .picker__nav--next:after {
  content: "\f0da";
}

.picker .picker__frame .picker__box .picker__table .picker__weekday {
  padding: 10px 0;
  font-size: 16px;
}

.picker .picker__frame .picker__box .picker__table .picker__day {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  padding: 0 !important;
  font-size: 16px;
  line-height: 40px;
  margin: auto;
  border: 0 !important;
}

.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--today:before {
  content: none !important;
}

.picker .picker__frame .picker__box .picker__table .picker__day.picker__day--highlighted {
  border: 0 !important;
  padding: 0;
  background-color: #0E8A74;
  color: #fff !important;
}

.picker .picker__frame .picker__box .picker__table .picker__day:hover {
  background-color: #0E8A74;
  color: #fff !important;
}

.picker .picker__frame .picker__box .picker__footer .picker__button--today {
  background-color: #0E8A74;
  color: #fff !important;
}

.picker .picker__frame .picker__box .picker__footer .picker__button--today:before {
  content: none !important;
}

.picker .picker__frame .picker__box .picker__footer .picker__button--clear,
.picker .picker__frame .picker__box .picker__footer .picker__button--close,
.picker .picker__frame .picker__box .picker__footer .picker__button--today {
  border: 0;
  border-radius: 2px;
  font-size: 16px;
}

.picker .picker__frame .picker__box .picker__footer .picker__button--clear:hover,
.picker .picker__frame .picker__box .picker__footer .picker__button--close:hover,
.picker .picker__frame .picker__box .picker__footer .picker__button--today:hover {
  background-color: #0E8A74;
  color: #fff !important;
}

@media only screen and (max-width: 575px) {
  .picker .picker__frame {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .picker .picker__frame .picker__box {
    padding: 15px;
    margin: 0 10px;
  }
}

.card-list {
  overflow: unset;
  height: calc(100% - 50px);
}

.card-list .card-header {
  padding-top: 0;
  padding-bottom: 0;
}

.card-list .card-header .photo {
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  .card-list {
    height: calc(100% - 40px);
  }
}

.card-list.list-left {
  margin-top: 15px;
  margin-left: 15px;
}

.card-list.list-left .card-header {
  padding-left: 0;
}

.card-list.list-left .card-header .photo {
  margin: -15px 15px 0 -15px;
}

.card-list.list-right {
  margin-top: 15px;
  margin-right: 15px;
  text-align: right;
}

.card-list.list-right .card-header {
  padding-right: 0;
}

.card-list.list-right .card-header .photo {
  margin: -15px -15px 0 15px;
}

.card-list.list-right .card-header .photo img {
  width: 100%;
}

.card-list.list-center {
  margin-top: 15px;
}

.card-list.list-center .card-header .photo {
  margin: -15px 0 0 0;
}

.card-list .photo img {
  width: 100%;
}

.card-profile .profile-photo {
  margin-top: -20px;
}

.widget-media .timeline .timeline-panel {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.widget-media .timeline .timeline-panel .media {
  width: 50px;
  height: 50px;
  background: #eee;
  border-radius: 12px;
  overflow: hidden;
  font-size: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  align-self: start;
}

.widget-media .timeline .timeline-panel .media-primary {
  background: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-primary {
  background-color: rgba(14, 138, 116, 0.1);
}

.widget-media .timeline .timeline-panel .media-info {
  background: #e9f1fd;
  color: #3A82EF;
}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-info {
  background-color: rgba(58, 130, 239, 0.1);
}

.widget-media .timeline .timeline-panel .media-warning {
  background: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-warning {
  background-color: rgba(254, 99, 78, 0.1);
}

.widget-media .timeline .timeline-panel .media-danger {
  background: #fee6ea;
  color: #f72b50;
}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-danger {
  background-color: rgba(247, 43, 80, 0.15);
}

.widget-media .timeline .timeline-panel .media-success {
  background: #ecfae4;
  color: #68CF29;
}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel .media-success {
  background-color: rgba(104, 207, 41, 0.1);
}

.widget-media .timeline .timeline-panel .media-body p {
  font-size: 14px;
  line-height: 1.5;
}

.widget-media .timeline .timeline-panel .dropdown {
  align-self: self-end;
  margin-top: 5px;
}

.widget-media .timeline li:last-child .timeline-panel {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.card[class*="bg-"] .timeline .timeline-panel {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.table {
  color: strong;
  color-color: #6e6e6e;
}

.table th,
.table td {
  border-color: #F0F0F0;
  padding: 10px 7px;
}

[data-theme-version="dark"] .table th,
[data-theme-version="dark"] .table td {
  border-color: #3e454d;
}

.table.table-striped tbody tr:nth-of-type(odd),
.table.table-hover tr:hover {
  background-color: #f2f4fa;
}

[data-theme-version="dark"] .table.table-striped tbody tr:nth-of-type(odd),
[data-theme-version="dark"] .table.table-hover tr:hover {
  background-color: #24292d;
}

.table.shadow-hover tbody tr:hover {
  background-color: #fff;
  box-shadow: 0 0px 30px rgba(14, 138, 116, 0.15);
}

[data-theme-version="dark"] .table.shadow-hover tbody tr:hover {
  background-color: #24292d;
}

.table.tr-rounded tr td:first-child,
.table.tr-rounded tr th:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}

.table.tr-rounded tr td:last-child,
.table.tr-rounded tr th:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

.table.bg-primary-hover th,
.table.bg-primary-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-primary-hover td {
  color: #000;
}

.table.bg-primary-hover th {
  color: #6C6C6C;
}

.table.bg-primary-hover tr:hover td,
.table.bg-primary-hover tr:hover th {
  background: rgba(14, 138, 116, 0.1);
  color: #0E8A74 !important;
}

.table.bg-secondary-hover th,
.table.bg-secondary-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-secondary-hover td {
  color: #000;
}

.table.bg-secondary-hover th {
  color: #6C6C6C;
}

.table.bg-secondary-hover tr:hover td,
.table.bg-secondary-hover tr:hover th {
  background: rgba(251, 62, 122, 0.1);
  color: #FB3E7A !important;
}

.table.bg-info-hover th,
.table.bg-info-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-info-hover td {
  color: #000;
}

.table.bg-info-hover th {
  color: #6C6C6C;
}

.table.bg-info-hover tr:hover td,
.table.bg-info-hover tr:hover th {
  background: rgba(58, 130, 239, 0.1);
  color: #3A82EF !important;
}

.table.bg-warning-hover th,
.table.bg-warning-hover td {
  border: none;
  font-weight: 500;
}

.table.bg-warning-hover td {
  color: #000;
}

.table.bg-warning-hover th {
  color: #6C6C6C;
}

.table.bg-warning-hover tr:hover td,
.table.bg-warning-hover tr:hover th {
  background: rgba(254, 99, 78, 0.1);
  color: #FE634E !important;
}

.table.border-no td {
  border: 0;
}

.table.short-one tr td:first-child,
.table.short-one tr th:first-child {
  width: 60px !important;
}

.table thead th {
  border-bottom: 0px solid #F8F8F8;
  text-transform: capitalize;
  font-size: 11px;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-color: #F0F0F0 !important;
}

[data-theme-version="dark"] .table thead th {
  border-color: #3e454d;
}

.table tbody tr td {
  font-weight: 500;
  vertical-align: middle;
  border-color: #F0F0F0;
  border-bottom: 1px solid #19191917;
  padding: 9px 8px;
  border-color: #F0F0F0;
  font-size: 12px;
  color: #969595;
  word-break: break-all;
}

/* .table tbody tr td div img {
  
 
} */

.table tbody tr td:nth-child(2) {
  font-weight: 600;
  color: #313131;
}

button.export-btn {
  /* background: #414445; */
  border: none;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 4px;
  margin-right: 0px;
  font-weight: 500;
  color: white;
}

button.edit-col {
  background: #eeeff1;
  border: none;
  padding: 4px 8px;
  font-size: 11px;
  border-radius: 4px;
  margin-right: 6px;
  font-weight: 500;
}

.p-checkbox .p-checkbox-box {
  border: 2px solid #d1d5db;
  background: #ffffff;
  width: 16px;
  height: 16px;
  color: #4b5563;
  border-radius: 4px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  outline-color: transparent;
  box-shadow: 2px 3px 12px -7px #000;
}

.p-checkbox.p-highlight .p-checkbox-box:after {
  content: "\f00c";
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 12px;
}

.table span.p-column-title {
  font-weight: 700;
}

.added-employee-card .table th,
.added-employee-card .table td {
  border-color: #F0F0F0;
  padding: 11px 9px;
}

.added-employee-card table.table-bordered.dataTable thead tr:last-child th,
.added-employee-card table.table-bordered.dataTable thead tr:last-child td {
  border-right-width: 0px;
}

.added-employee-card table.table-bordered.dataTable td:last-child,
.added-employee-card table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}

.added-employee-card table.table-bordered.dataTable thead tr:first-child th,
.added-employee-card table.table-bordered.dataTable thead tr:first-child td {
  border-left-width: 0px;
}

.added-employee-card table.table-bordered.dataTable td:first-child,
.added-employee-card table.table-bordered.dataTable td:first-child {
  border-left-width: 0;
}

[data-theme-version="dark"] .table tbody tr td {
  border-color: #3e454d;
}

.added-employee-card div.dataTables_wrapper div.dataTables_paginate {
  display: none;
}

.table:not(.table-bordered) thead th {
  border-top: none;
}

.table .thead-primary th {
  background-color: #0E8A74;
  color: #fff;
}

.table .thead-info th {
  background-color: #3A82EF;
  color: #fff;
}

.table .thead-warning th {
  background-color: #FE634E;
  color: #fff;
}

.table .thead-danger th {
  background-color: #f72b50;
  color: #fff;
}

.table .thead-success th {
  background-color: #68CF29;
  color: #fff;
}

.table.primary-table-bordered {
  border: 1px solid #F0F0F0;
}

[data-theme-version="dark"] .table.primary-table-bordered {
  border-color: #3e454d;
}

.table.primary-table-bg-hover thead th {
  background-color: #0c7361;
  color: #fff;
  border-bottom: none;
}

.table.primary-table-bg-hover tbody tr {
  background-color: #0E8A74;
  color: #fff;
  transition: all .1s ease;
}

.table.primary-table-bg-hover tbody tr:hover {
  background-color: #10a187;
}

.table.primary-table-bg-hover tbody tr:not(:last-child) td,
.table.primary-table-bg-hover tbody tr:not(:last-child) th {
  border-bottom: 1px solid #0c7361;
}

.table-responsive-tiny {
  min-width: 18.75rem;
}

.table-responsive-sm {
  min-width: 30rem !important;
}

.table-responsive-md {
  min-width: 36rem !important;
}

.table-responsive-lg {
  min-width: 60.9375rem !important;
}

.table-responsive-xl {
  min-width: 70.9375rem !important;
}

.table-primary,
.table-primary>th,
.table-primary>td {
  background-color: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .table-primary,
[data-theme-version="dark"] .table-primary>th,
[data-theme-version="dark"] .table-primary>td {
  background-color: rgba(14, 138, 116, 0.1);
}

.table-success,
.table-success>th,
.table-success>td {
  background-color: #ecfae4;
  color: #68CF29;
}

[data-theme-version="dark"] .table-success,
[data-theme-version="dark"] .table-success>th,
[data-theme-version="dark"] .table-success>td {
  background-color: rgba(104, 207, 41, 0.1);
}

.table-info,
.table-info>th,
.table-info>td {
  background-color: #e9f1fd;
  color: #3A82EF;
}

[data-theme-version="dark"] .table-info,
[data-theme-version="dark"] .table-info>th,
[data-theme-version="dark"] .table-info>td {
  background-color: rgba(58, 130, 239, 0.1);
}

.table-warning,
.table-warning>th,
.table-warning>td {
  background-color: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .table-warning,
[data-theme-version="dark"] .table-warning>th,
[data-theme-version="dark"] .table-warning>td {
  background-color: rgba(254, 99, 78, 0.1);
}

.table-danger,
.table-danger>th,
.table-danger>td {
  background-color: #fee6ea;
  color: #f72b50;
}

[data-theme-version="dark"] .table-danger,
[data-theme-version="dark"] .table-danger>th,
[data-theme-version="dark"] .table-danger>td {
  background-color: rgba(247, 43, 80, 0.15);
}

.table-active,
.table-active>th,
.table-active>td {
  background-color: #f2f4fa;
}

[data-theme-version="dark"] .table-active,
[data-theme-version="dark"] .table-active>th,
[data-theme-version="dark"] .table-active>td {
  background-color: #24292d;
}

.card-table th:first-child,
.card-table td:first-child {
  padding-left: 30px;
}

@media only screen and (max-width: 575px) {

  .card-table th:first-child,
  .card-table td:first-child {
    padding-left: 15px;
  }
}

.card-table th:last-child,
.card-table td:last-child {
  padding-right: 30px;
}

@media only screen and (max-width: 575px) {

  .card-table th:last-child,
  .card-table td:last-child {
    padding-right: 15px;
  }
}

.bootgrid-header {
  padding: 0 !important;
  margin: 0;
}

@media only screen and (max-width: 575px) {
  .bootgrid-header .actionBar {
    padding: 0;
  }

  .bootgrid-header .search {
    margin: 0 0 10px 0;
  }
}

table#example {
  padding: 0rem 0 0.5rem 0;
}

table.dataTable {
  font-size: 14px;
}

#example2_wrapper .dataTables_scrollBody {
  max-height: 33.25rem !important;
}

#employees,
#custommers {
  padding: .5rem 0 1rem 0;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 0;
  border-top: 0;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  border-top: 0;
}

table.dataTable tbody tr,
table.dataTable tbody td {
  background: transparent !important;
}

table.dataTable thead th {
  color: #000;
  white-space: nowrap;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 20px 15px;
}

[data-theme-version="dark"] table.dataTable thead th {
  color: #fff;
}

@media only screen and (max-width: 1400px) {
  table.dataTable thead th {
    font-size: 16px;
  }
}

table.dataTable tbody td {
  padding: 15px 7px;
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  table.dataTable tbody td {
    padding: 8px 7px;
  }
}

@media only screen and (max-width: 1400px) {
  table.dataTable tbody td {
    font-size: 13px !important;
    padding: 7px 8px;
  }
}

table.dataTable tr.selected {
  color: #0E8A74;
}

table.dataTable tfoot th {
  color: #6e6e6e;
  font-weight: 600;
}

[data-theme-version="dark"] table.dataTable tfoot th {
  color: #fff;
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius: 12px;
    padding: 12px 20px;
  background:$primary-light;
  color:$primary;
  &:focus,
  &:active,
  &:hover{
    color: $white !important;
    background: $primary;
    border: 0 !important;
    box-shadow: none;
  }
  &.current{
    color: $white !important;
    background: $primary;
    border: 0 !important;
  }
  &.current:hover,
  &.previous:hover,
  &.next:hover{
    background: $primary;
    color: $white !important;
  }
} */
.dataTables_wrapper .dataTables_paginate {
  align-items: center;
  display: flex;
  flex-flow: wrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  margin-left: 0px;
  font-size: 18px;
  margin: 0 2px;
  border: 0 !important;
  height: 60px;
  width: 60px;
  padding: 0;
  border-radius: 2.5rem;
  line-height: 64px;
  display: inline-block;
  color: #0E8A74 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous i,
.dataTables_wrapper .dataTables_paginate .paginate_button.next i {
  font-size: 28px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.next:hover {
  /* color: #fff !important;
  background: #08c0af !important; */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
  color: #0E8A74 !important;
}

@media only screen and (max-width: 575px) {

  .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
  .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    height: 50px;
    width: 50px;
    line-height: 54px;
  }
}

.paginate_button.page-item.previous:hover a {
  color: black !important;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button {
  height: 60px;
  width: 60px;
  padding: 0;
  margin-left: 0px;
  margin: 0 2px;
  line-height: 58px;
  text-align: center;
  border-radius: 0.5rem;
  color: #0E8A74 !important;
}

@media only screen and (max-width: 575px) {
  .dataTables_wrapper .dataTables_paginate span .paginate_button {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current {
  color: #fff !important;
  background: #0E8A74;
  border: 0 !important;
  border-radius: 50px;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button.current:hover {
  color: #fff !important;
  background: #0E8A74 !important;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button:hover {
  color: #fff !important;
  background: #0E8A74 !important;
  border-radius: 50px;
  border-color: #0E8A74;
}

.dataTables_wrapper input[type="search"],
.dataTables_wrapper input[type="text"],
.dataTables_wrapper select {
  border: 1px solid #e2e2e2;
  padding: .3rem 0.5rem;
  color: #715d5d;
  border-radius: 5px;
}

[data-theme-version="dark"] .dataTables_wrapper input[type="search"],
[data-theme-version="dark"] .dataTables_wrapper input[type="text"],
[data-theme-version="dark"] .dataTables_wrapper select {
  background: #24292d;
  border-color: #3e454d;
  color: #fff;
}

.dataTables_wrapper .dataTables_length {
  margin-bottom: 15px;
}

.dataTables_wrapper .dataTables_length .bootstrap-select {
  width: 80px !important;
  margin: 0 5px;
}

table.dataTable.no-footer {
  border-bottom: 0;
}

.rounded-lg {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.dataTables_scroll {
  padding: 1rem 0;
}

.p-image-preview-container:hover>.p-image-preview-indicator {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100% !important;
}

.dataTables_scrollFoot {
  padding-top: 1rem;
}

.dataTablesCard {
  background-color: #fff;
  border-radius: 0.5rem;
}

.dataTablesCard.border-no td {
  border-top: 0 !important;
}

@media (max-width: 767.98px) {

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    text-align: left;
  }
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: #194039 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #194039;
  border-radius: 40px;
  padding: 2px 0;
  margin-bottom: 20px;
}

.paging_simple_numbers.dataTables_paginate {
  border: 1px solid #C8C8C8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #194039 !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-color: #F8F8F8;
}

[data-theme-version="dark"] table.dataTable.row-border tbody th,
[data-theme-version="dark"] table.dataTable.row-border tbody td,
[data-theme-version="dark"] table.dataTable.display tbody th,
[data-theme-version="dark"] table.dataTable.display tbody td {
  border-color: #3e454d;
}

.dataTables_wrapper .dataTables_length .bootstrap-select .dropdown-toggle {
  font-size: 0.813rem !important;
  padding: 0.625rem 1rem;
}

.fooicon {
  font-size: 1.25rem;
  color: #6e6e6e;
}

.jsgrid-table .jsgrid-header-row>.jsgrid-header-cell {
  color: #6e6e6e;
}

.jsgrid-table>tbody>tr>td {
  padding: 1.2em;
}

.jsgrid-table .jsgrid-insert-row input,
.jsgrid-table .jsgrid-insert-row select,
.jsgrid-table .jsgrid-edit-row input,
.jsgrid-table .jsgrid-edit-row select {
  border: 1px solid #DDDFE1;
}

.jsgrid .jsgrid-button {
  border: 0 !important;
  margin-left: 10px;
}

.error-page .error-text {
  font-size: 150px;
  line-height: 1;
}

@media only screen and (max-width: 575px) {
  .error-page .error-text {
    font-size: 80px;
  }
}

.error-page h4,
.error-page .h4 {
  font-size: 40px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 575px) {

  .error-page h4,
  .error-page .h4 {
    font-size: 20px;
  }
}

.error-page p {
  font-size: 16px;
}

@media only screen and (max-width: 575px) {
  .error-page p {
    font-size: 14px;
  }
}

.flex-row-fluid {
  -webkit-box-flex: 1;
  flex: 1 auto;
  -ms-flex: 1 0 0px;
  min-width: 0;
}

.authincation {
  background: rgba(14, 138, 116, 0.03);
  display: flex;
  min-height: 100vh;
}

.authincation .login-aside {
  background: #fff;
  padding-top: 80px;
  max-width: 560px;
  width: 100%;
  z-index: 1;
  position: relative;
}

.authincation .login-aside:after {
  content: "";
  clip-path: polygon(0% 100%, 100% 0%, 0% 0%);
  width: 140px;
  height: 100%;
  position: absolute;
  right: -140px;
  z-index: -1;
  top: 0;
  background: #fff;
  box-shadow: 2px 0px 30px rgba(0, 0, 0, 0.15);
}

.authincation .login-aside .aside-image {
  min-height: 450px;
  margin: auto 0;
  min-width: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 1400px) {
  .authincation .login-aside {
    max-width: 360px;
  }
}

@media only screen and (max-width: 991px) {
  .authincation .login-aside {
    max-width: 100%;
    padding-top: 0;
  }

  .authincation .login-aside:after {
    content: none;
  }
}

@media only screen and (max-width: 575px) {
  .authincation .login-aside .aside-image {
    min-height: 300px;
  }
}

.authincation-content {
  background: #fff;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  border-radius: 5px;
}

[data-theme-version="dark"] .authincation-content {
  background: #2f363e;
  box-shadow: none;
}

.authincation-content.style-1 {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
}

.authincation-content.style-1 .form-control {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
}

.authincation-content.style-1 .user-icon {
  height: 100px;
  background: #0E8A74;
  width: 100px;
  text-align: center;
  border-radius: 100px;
  line-height: 100px;
  margin-left: auto;
  font-size: 60px;
  text-align: center;
  color: white;
  margin-right: auto;
  margin-top: -100px;
  margin-bottom: 20px;
}

.authincation-content.style-2 {
  background: transparent;
  box-shadow: none;
  max-width: 530px;
  width: 100%;
}

.authincation-content.style-2 .form-control {
  border: 0;
  border-radius: 5px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 575px) {
  .authincation-content.style-2 .auth-form {
    padding: 30px 0px;
  }
}

.welcome-content {
  background: url("./../images/1.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  padding: 75px 50px;
  position: relative;
  z-index: 1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.welcome-content::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #0E8A74;
  opacity: 0.75;
  z-index: -1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.welcome-content .welcome-title {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}

.welcome-content p {
  color: #fff;
}

.welcome-content .brand-logo a {
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 700;
  color: #fff;
  font-size: 20px;
}

.welcome-content .brand-logo a img {
  width: 100px;
}

.welcome-content .intro-social {
  position: absolute;
  bottom: 75px;
}

.welcome-content .intro-social ul {
  margin-bottom: 0;
}

.welcome-content .intro-social ul li {
  display: inline-block;
}

.welcome-content .intro-social ul li a {
  color: #fff;
  font-size: 14px;
  padding: 0px 7px;
}

.auth-form {
  padding: 50px 50px;
}

@media only screen and (max-width: 575px) {
  .auth-form {
    padding: 30px;
  }
}

.auth-form .btn {
  height: 50px;
  font-weight: 700;
}

.auth-form .page-back {
  display: inline-block;
  margin-bottom: 15px;
}

.pricing_table_content {
  background: #fff;
  text-align: center;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  padding: 25px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.pricing_table_content .package {
  font-weight: 700;
  font-size: 18px;
}

.pricing_table_content .price {
  font-weight: 700;
  font-size: 50px;
  line-height: 100px;
  color: #6e6e6e;
}

.pricing_table_content hr {
  margin: 0;
}

.pricing_table_content .price_list {
  padding: 30px 0;
  text-align: left;
  max-width: 175px;
  margin: 0 auto;
}

.pricing_table_content .price_list li {
  color: #909093;
  font-size: 14px;
  line-height: 25px;
  padding: 7px 0;
}

.pricing_table_content .price_list li i {
  margin-right: 15px;
}

.pricing_table_content .price-btn {
  padding: 15px 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 25px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.pricing_table_content:focus,
.pricing_table_content:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.175);
}

.pricing_table_content:focus .price-btn,
.pricing_table_content:hover .price-btn {
  color: #f72b50;
}

.page-timeline .timeline {
  list-style: none;
  padding: 40px 0;
  position: relative;
}

.page-timeline .timeline-workplan.page-timeline .timeline {
  padding-bottom: 0;
  margin-bottom: 0;
}

.page-timeline .timeline-workplan.page-timeline .timeline.timeline>li>.timeline-badge {
  top: 4.5rem;
}

.page-timeline .timeline-workplan.page-timeline .timeline>li {
  margin-bottom: 2.6rem;
}

@media only screen and (min-width: 1200px) and (max-width: 1650px) {
  .page-timeline .timeline-workplan.page-timeline .timeline li>p {
    max-width: 8rem;
  }
}

@media only screen and (max-width: 1199px) {
  .page-timeline .timeline-workplan.page-timeline .timeline li>p {
    max-width: 7rem;
  }
}

@media only screen and (max-width: 991px) {
  .page-timeline .timeline-workplan.page-timeline .timeline li>p {
    max-width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .page-timeline .timeline-workplan.page-timeline .timeline li>p {
    max-width: 7rem;
  }
}

.page-timeline .timeline-workplan.page-timeline .timeline::before {
  left: 20%;
  top: 6rem;
}

[direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline::before {
  right: 22%;
  left: auto;
}

@media only screen and (max-width: 575px) {
  .page-timeline .timeline-workplan.page-timeline .timeline::before {
    left: 22%;
  }
}

.page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
  left: 21.4%;
  height: 0.9rem;
  width: 0.9rem;
  background-color: #0E8A74;
}

[direction="rtl"] .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
  right: 19.2%;
  left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1650px) {
  .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
    left: 22.4%;
  }
}

@media only screen and (max-width: 1199px) {
  .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
    left: 22.4%;
  }
}

@media only screen and (max-width: 991px) {
  .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
    left: 21.7%;
  }
}

@media only screen and (max-width: 767px) {
  .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
    left: 19.5%;
  }
}

@media only screen and (max-width: 575px) {
  .page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge {
    left: 21.4%;
  }
}

.page-timeline .timeline-workplan.page-timeline .timeline .timeline-badge::after {
  position: absolute;
  width: 1.9rem;
  height: 1.9rem;
  background-color: rgba(14, 138, 116, 0.4);
  content: "";
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-timeline .timeline-workplan.page-timeline .timeline .timeline-panel {
  width: 70%;
}

.page-timeline .timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #ECEFF2;
  left: 50%;
  margin-left: -1.5px;
}

.page-timeline .timeline>li {
  margin-bottom: 20px;
  position: relative;
}

.page-timeline .timeline>li:after,
.page-timeline .timeline>li:before {
  content: " ";
  display: table;
}

.page-timeline .timeline>li:after {
  clear: both;
}

.page-timeline .timeline>li:after,
.page-timeline .timeline>li:before {
  content: " ";
  display: table;
}

.page-timeline .timeline>li:after {
  clear: both;
}

.page-timeline .timeline>li>.timeline-panel {
  width: 46%;
  float: left;
  border-radius: 2px;
  position: relative;
}

.page-timeline .timeline>li>.timeline-badge {
  background-color: #f2f4fa;
  border: 1px solid #DDDFE1;
  border-radius: 50%;
  color: #6e6e6e;
  height: 40px;
  left: 50%;
  line-height: 40px;
  margin-left: -13px;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 40px;
  z-index: 1;
  transform: translate(-25%, -3rem);
}

@media (min-width: 576px) {
  .page-timeline .timeline>li>.timeline-badge {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

.page-timeline .timeline>li.timeline-inverted>.timeline-panel {
  float: right;
}

.page-timeline .timeline>li.timeline-inverted>.timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.page-timeline .timeline>li.timeline-inverted>.timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.page-timeline .timeline-title {
  margin-top: 0;
  color: inherit;
}

.page-timeline .event_time {
  font-size: 14px;
  font-weight: 600;
}

.page-timeline .event_vanue {
  font-size: 14px;
  margin: 5px 0;
  font-weight: 600;
}

.page-timeline .timeline_img {
  height: 100px;
  width: 100px;
}

.page-timeline .timeline-body>p,
.page-timeline .timeline-body>ul {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .page-timeline ul.timeline:before {
    left: 40px;
  }

  .page-timeline ul.timeline>li>.timeline-panel {
    width: calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  .page-timeline ul.timeline>li>.timeline-badge {
    left: 28px;
    margin-left: 0;
    top: 16px;
  }

  .page-timeline ul.timeline>li>.timeline-panel {
    float: right;
  }

  .page-timeline ul.timeline>li>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  .page-timeline ul.timeline>li>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }

  .page-timeline .timeline_img {
    height: 30%;
    width: 30%;
  }
}

.page-timeline .timeline-timestamp {
  text-align: center;
}

.page-timeline .timeline-timestamp .badge {
  padding: .8rem 2rem;
  border-radius: 50px;
  font-size: 0.8125rem;
}

@media only screen and (max-width: 767px) {
  .doctor-info-details {
    display: block !important;
  }
}

.doctor-info-details .media {
  position: relative;
}

@media only screen and (max-width: 1400px) {
  .doctor-info-details .media img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .doctor-info-details .media {
    float: left;
  }
}

@media only screen and (max-width: 1400px) {
  .doctor-info-details .media {
    width: 80px;
    height: 80px;
    margin-right: 20px;
  }
}

.doctor-info-details .media i {
  width: 64px;
  height: 64px;
  border-radius: 60px;
  border: 3px solid #fff;
  line-height: 58px;
  text-align: center;
  background: #0E8A74;
  position: absolute;
  right: -15px;
  bottom: -15px;
  color: #fff;
  font-size: 24px;
}

@media only screen and (max-width: 1400px) {
  .doctor-info-details .media i {
    width: 50px;
    height: 50px;
    font-size: 18px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 575px) {
  .doctor-info-details .media i {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 33px;
    right: -7px;
    bottom: -7px;
  }
}

.doctor-info-details .media-body {
  padding-left: 40px;
}

@media only screen and (max-width: 1400px) {
  .doctor-info-details .media-body {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .doctor-info-details .media-body {
    padding-left: 0;
  }
}

.doctor-info-details .media-body h2,
.doctor-info-details .media-body .h2 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: 600;
  color: #000;
}

@media only screen and (max-width: 1400px) {

  .doctor-info-details .media-body h2,
  .doctor-info-details .media-body .h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575px) {

  .doctor-info-details .media-body h2,
  .doctor-info-details .media-body .h2 {
    font-size: 20px;
  }
}

.doctor-info-details .media-body p {
  font-size: 18px;
  font-weight: 500;
  color: #3e4954;
}

.doctor-info-details .media-body span {
  color: #333333;
}

.doctor-info-details .media-body span i {
  transform: scale(1.3);
  display: inline-block;
  margin-right: 10px;
}

.doctor-info-details .star-review i {
  font-size: 22px;
}

@media only screen and (max-width: 1400px) {
  .doctor-info-details .star-review i {
    font-size: 16px;
  }
}

.doctor-info-content p {
  line-height: 1.4;
}

.review-box {
  border: 1px solid #f0f0f0;
  border-radius: 18px;
  padding: 20px 30px 30px 30px;
}

@media only screen and (max-width: 1400px) {
  .review-box {
    padding: 15px 15px 20px 15px;
  }
}

@media only screen and (max-width: 767px) {
  .review-box {
    display: block !important;
  }
}

.review-box h4,
.review-box .h4 {
  font-size: 20px;
}

.review-box p {
  font-size: 14px;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  .review-box img {
    width: 60px;
    float: left;
  }
}

.review-box .media-footer {
  min-width: 150px;
}

@media only screen and (max-width: 1400px) {
  .review-box .media-footer {
    min-width: 110px;
  }
}

@media only screen and (max-width: 767px) {
  .review-box .star-review {
    margin-top: 15px;
  }
}

.review-box .star-review span {
  display: block;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.3;
}

@media only screen and (max-width: 767px) {
  .review-box .star-review span {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0;
  }
}

.review-box .star-review i {
  font-size: 18px;
  margin: 0 2px;
}

@media only screen and (max-width: 1400px) {
  .review-box .star-review i {
    font-size: 16px;
    margin: 0 1px;
  }
}

@media only screen and (max-width: 767px) {
  .patient-box {
    display: block !important;
  }
}

.patient-box .up-sign i {
  font-size: 50px;
  line-height: 0.7;
}

@media only screen and (max-width: 767px) {
  .patient-box .up-sign {
    float: right;
  }
}

@media only screen and (max-width: 767px) {
  .patient-box img {
    width: 100px;
    float: left;
  }
}

.patient-calender {
  color: #fff;
}

.patient-calender .bootstrap-datetimepicker-widget table td,
.patient-calender .bootstrap-datetimepicker-widget table th {
  padding: 15px 5px;
  border-radius: 0.5rem;
}

.patient-calender .bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-weight: 400;
  opacity: 0.7;
  font-size: 14px;
}

.patient-calender .bootstrap-datetimepicker-widget table td.active,
.patient-calender .bootstrap-datetimepicker-widget table td.active:hover,
.patient-calender .bootstrap-datetimepicker-widget table span,
.patient-calender .bootstrap-datetimepicker-widget table i {
  color: #fff;
}

.patient-calender .bootstrap-datetimepicker-widget table thead tr:first-child th {
  font-size: 18px;
  font-weight: 600;
  opacity: 1;
}

.patient-calender .bootstrap-datetimepicker-widget table .btn-primary {
  border: 0;
  padding: 10px;
}

.patient-calender .bootstrap-datetimepicker-widget table .btn-primary,
.patient-calender .bootstrap-datetimepicker-widget table td span.active,
.patient-calender .bootstrap-datetimepicker-widget table td i.active,
.patient-calender .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.patient-calender .bootstrap-datetimepicker-widget table td span:hover,
.patient-calender .bootstrap-datetimepicker-widget table td i:hover,
.patient-calender .bootstrap-datetimepicker-widget table td.day:hover,
.patient-calender .bootstrap-datetimepicker-widget table td.hour:hover,
.patient-calender .bootstrap-datetimepicker-widget table td.minute:hover,
.patient-calender .bootstrap-datetimepicker-widget table td.second:hover {
  background: rgba(0, 0, 0, 0.2);
}

.patient-calender .datepicker table tr td.active,
.patient-calender .datepicker table tr td.today {
  background: rgba(0, 0, 0, 0.2) !important;
}

.abilities-chart .ct-chart .ct-label {
  font-size: 16px;
  fill: #000;
}

.abilities-chart .ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #209f84;
}

.abilities-chart .ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #07654e;
}

.abilities-chart .ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #93cbff;
}

.abilities-chart .chart-point {
  font-size: 16px;
  justify-content: space-between;
  margin-top: 40px;
}

.abilities-chart .chart-point .a,
.abilities-chart .chart-point .b,
.abilities-chart .chart-point .c {
  width: 32px;
  height: 8px;
  display: block;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.abilities-chart .chart-point .a {
  background: #07654e;
}

.abilities-chart .chart-point .b {
  background: #209f84;
}

.abilities-chart .chart-point .c {
  background: #93cbff;
}

.patient-map-area {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.patient-map-area a {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.patient-map-area i {
  background: #3e4954;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  font-size: 24px;
  color: #fff;
  border-radius: 56px;
}

.patient-map-area img {
  width: 100%;
}

.iconbox {
  position: relative;
  padding-left: 70px;
}

.iconbox i {
  background: #f9f7fa;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 56px;
  text-align: center;
  font-size: 32px;
  color: #0E8A74;
  position: absolute;
  left: 0;
  top: 0;
}

.iconbox p {
  margin: 0;
  color: #484848;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 500;
}

.iconbox small,
.iconbox .small {
  margin-bottom: 5px;
  font-size: 16px;
  display: block;
}

.widget-timeline-icon {
  padding: 50px;
}

@media only screen and (max-width: 1400px) {
  .widget-timeline-icon {
    padding: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .widget-timeline-icon {
    overflow: scroll;
    padding: 15px;
  }
}

.widget-timeline-icon .timeline {
  display: flex;
}

@media only screen and (max-width: 575px) {
  .widget-timeline-icon .timeline {
    display: block;
    margin-left: 10px;
  }
}

.widget-timeline-icon li {
  position: relative;
  border-top: 6px solid #0E8A74;
}

@media only screen and (max-width: 575px) {
  .widget-timeline-icon li {
    border-top: 0;
    border-left: 6px solid #0E8A74;
  }
}

.widget-timeline-icon li a {
  padding: 25px 50px 0px 0px;
  display: block;
}

@media only screen and (max-width: 1400px) {
  .widget-timeline-icon li a {
    padding: 15px 25px 0px 0px;
  }
}

@media only screen and (max-width: 575px) {
  .widget-timeline-icon li a {
    padding: 0px 0px 30px 30px;
  }
}

.widget-timeline-icon li .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 56px;
  border-radius: 56px;
  left: -2px;
  top: -14px;
}

@media only screen and (max-width: 575px) {
  .widget-timeline-icon li .icon {
    left: -12px;
    top: -4px;
  }
}

.widget-timeline-icon li:last-child {
  border-color: transparent;
}

@media only screen and (max-width: 575px) {
  .widget-timeline-icon li:last-child {
    border-left: 6px solid transparent;
  }
}

.assigned-doctor {
  position: relative;
}

.assigned-doctor .owl-item img {
  width: 90px;
}

.assigned-doctor .owl-next,
.assigned-doctor .owl-prev {
  position: absolute;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 0.75rem;
  top: 50%;
  background: #fff;
  color: #0E8A74;
  font-size: 18px;
  margin-top: -30px;
  text-align: center;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.13);
}

@media only screen and (max-width: 575px) {

  .assigned-doctor .owl-next,
  .assigned-doctor .owl-prev {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

.assigned-doctor .owl-next:hover,
.assigned-doctor .owl-prev:hover {
  background: #450b5a;
  color: #fff;
}

.assigned-doctor .owl-next {
  right: -45px;
}

@media only screen and (max-width: 575px) {
  .assigned-doctor .owl-next {
    right: -25px;
  }
}

.assigned-doctor .owl-prev {
  left: -45px;
}

@media only screen and (max-width: 575px) {
  .assigned-doctor .owl-prev {
    left: -25px;
  }
}

.review-table {
  padding: 25px;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #eee;
  height: auto;
  margin-bottom: 0;
}

.review-table .disease {
  border-left: 1px solid #eee;
  padding-left: 20px;
}

@media only screen and (max-width: 991px) {
  .review-table .disease {
    border-left: 0;
    padding-left: 0;
    margin-right: 10px !important;
    margin-left: 0;
  }
}

.review-table .star-review i {
  font-size: 20px;
}

@media only screen and (max-width: 991px) {
  .review-table .star-review i {
    font-size: 216x;
  }
}

.review-table .media-body p {
  color: #3e4954;
  font-size: 18px;
  line-height: 1.5;
}

@media only screen and (max-width: 991px) {
  .review-table .media-body p {
    font-size: 14px;
  }
}

.review-table .media-footer {
  min-width: 500px;
}

@media only screen and (max-width: 1400px) {
  .review-table .media-footer {
    min-width: 300px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 991px) {
  .review-table .media-footer {
    margin-left: 0;
    margin-top: 25px;
  }
}

@media only screen and (max-width: 991px) {
  .review-table img {
    float: left;
    width: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .review-table .media {
    display: block !important;
  }
}

@media only screen and (max-width: 1199px) {
  .review-table .custom-control {
    float: right;
  }
}

@media only screen and (max-width: 991px) {
  .review-table {
    padding: 15px;
  }
}

.review-tab.nav-pills {
  margin-bottom: 0;
}

.review-tab.nav-pills li {
  display: inline-block;
}

.review-tab.nav-pills li a.nav-link {
  color: #6b6b6b;
  background: #e9e9e9;
  box-shadow: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 16px;
  padding: 15px 40px;
  margin-right: 1px;
}

.review-tab.nav-pills li a.nav-link.active {
  color: #0E8A74;
  background: #fff;
}

@media only screen and (max-width: 991px) {
  .review-tab.nav-pills li a.nav-link {
    font-size: 14px;
    padding: 10px 15px;
  }
}

.review-tab.nav-pills li:first-child a.nav-link {
  border-radius: 0.5rem 0 0 0;
}

.review-tab.nav-pills li:last-child a.nav-link {
  border-radius: 0 0.5rem 0 0;
}

.star-review i {
  font-size: 16px;
}

.star-review i.text-gray {
  color: #d9d9d9;
}

.star-review span {
  color: #000;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border-radius: 12px;
  background: #ffffff;
  border: 0 !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

.apexcharts-xaxistooltip.apexcharts-theme-light {
  border-radius: 0.42rem !important;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15) !important;
  border: 0 !important;
  background: #ffffff !important;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #F3F6F9 !important;
  border: 0 !important;
}

.apexcharts-tooltip .apexcharts-tooltip-title {
  padding: 0.5rem 1rem;
}

.apexcharts-xaxistooltip.apexcharts-theme-light:before {
  border-bottom: 0 !important;
}

.apexcharts-xaxistooltip.apexcharts-theme-light:after {
  border-bottom-color: #ffffff !important;
}

.salesRavenue-chart .apexcharts-tooltip.apexcharts-theme-light {
  background: #FB3E7A;
  color: #fff;
}

.salesRavenue-chart .apexcharts-xaxistooltip.apexcharts-theme-light,
.salesRavenue-chart .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #FB3E7A !important;
  color: #fff;
}

.salesRavenue-chart .apexcharts-xaxistooltip.apexcharts-theme-light:after {
  border-bottom-color: #FB3E7A !important;
}

.apexcharts-svg {
  border-radius: 0.5rem;
}

.revenue-chart .apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
  display: flex !important;
  margin-right: 30px !important;
  margin-bottom: 30px !important;
}

.revenue-chart-bar {
  margin-bottom: -30px;
}

@media only screen and (max-width: 575px) {
  .revenue-chart-bar {
    margin-bottom: 20px;
    float: none;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .revenue-chart-bar {
    margin-bottom: 20px;
    float: none;
    padding-left: 20px;
  }
}

#activeUser {
  height: 215px !important;
}

#activeUser {
  height: 180px !important;
}

span#counter {
  font-size: 30px;
  font-weight: 700;
  color: #0E8A74;
}

.social-graph-wrapper {
  text-align: center;
  padding: 20px;
  position: relative;
  color: #fff;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.social-graph-wrapper.widget-facebook {
  background-color: #3b5998;
}

.social-graph-wrapper.widget-twitter {
  background-color: #1da1f2;
}

.social-graph-wrapper.widget-linkedin {
  background-color: #007bb6;
}

.social-graph-wrapper.widget-googleplus {
  background-color: #db4439;
}

.social-graph-wrapper .s-icon {
  font-size: 24px;
  position: relative;
  padding: 0 10px;
}

.recent-stats i {
  font-size: 11px;
  position: relative;
  top: -1px;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  #lineChart_3Kk {
    height: 140px !important;
  }
}

.deznav .copyright {
  font-size: 14px;
  padding: 0 36px;
  color: #aa97b0;
  margin-top: 40px;
  margin-bottom: 40px;
}

.deznav .copyright p {
  margin-bottom: 10px;
}

.deznav .copyright p strong {
  display: block;
}

@media only screen and (max-width: 1400px) {
  .deznav .copyright {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .deznav .copyright {
    padding: 0 20px;
  }
}

.widget-buyer .media img {
  width: 30px;
}

.widget-buyer .media .media-body h5,
.widget-buyer .media .media-body .h5 {
  font-size: 14px;
  margin-bottom: 0px;
}

.widget-buyer .media .media-body p {
  font-size: 13px;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: transparent !important;
  opacity: 0.9;
}

.card-tabs .nav-tabs {
  padding: 5px;
  border: 1px solid rgba(14, 138, 116, 0.2);
}

.card-tabs .nav-tabs .nav-link {
  border-radius: 0;
  font-weight: 500;
  border: 0;
  padding: 10px 15px;
}

.card-tabs .nav-tabs .nav-link.active {
  background: rgba(14, 138, 116, 0.1);
  color: #0E8A74;
}

.rating-widget .rating-stars ul li i {
  font-size: 25px !important;
}

.heart-blast {
  background-position: -1680px 0 !important;
  transition: background 1s steps(28);
}

.heart {
  width: 60px;
  height: 60px;
  display: inline-block;
  background: url("../images/like.png");
  cursor: pointer;
  margin: -25px -15px;
}

.donut-chart-sale small,
.donut-chart-sale .small {
  font-size: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: flex;
  align-items: center;
  top: 0;
  justify-content: center;
  font-weight: 600;
}

.donut-chart-sale small,
.donut-chart-sale .small {
  font-size: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: flex;
  align-items: center;
  top: 0;
  justify-content: center;
  font-weight: 600;
}

.search-area2 {
  width: 400px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
}

.search-area2 .form-control {
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  border-color: #07070745;
  border-radius: 0.5rem;
  border-left: 0;
}

.search-area2 .form-control::placeholder {
  color: #c8c8c8;
}

.search-task {
  width: 400px;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
}

.search-task .form-control {
  height: 28px;
  font-size: 13px;
  font-weight: 400;
  border-color: #07070745;
  border-radius: 0.5rem;
  border-left: 0;
}

.search-task .form-control:focus {
  border-color: #F8F8F8;
}

.search-task .form-control::placeholder {
  color: #c8c8c8;
}

@media only screen and (max-width: 575px) {
  .search-area2 .form-control {
    height: 40px;
    font-size: 12px;
  }

  .search-task .form-control {
    height: 40px;
    font-size: 12px;
  }
}

.search-area2 .input-group-text {
  border: none;
  border-radius: 5px;
  height: 32px;
  padding-left: 16px;
  background: white;
  border: 1px solid #07070745;
}

.search-area2 .input-group-text i {
  font-size: 20x;
}

.search-area2 .input-group-text:focus {
  border-color: none;
}


.search-task .input-group-text {
  border: none;
  border-radius: 5px;
  height: 28px;
  padding: 7px;
  background: white;
  border: 1px solid #07070745;
}

.search-task .input-group-text i {
  font-size: 12px;
}

.search-task .input-group-text:focus {
  border-color: none;
}

@media only screen and (max-width: 575px) {
  .search-area2 .input-group-text {
    height: 40px;
  }

  .search-task .input-group-text {
    height: 40px;
  }
}

@media only screen and (max-width: 1600px) {
  .search-area2 {
    width: 250px;
  }

  .search-task {
    width: 235px;
  }
}

@media only screen and (max-width: 1400px) {
  .search-area2 .form-control {
    height: 32px;
    padding: 5px 14px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
  }

  .search-area2 .input-group-text {
    height: 32px;
    padding: 5px 0px 5px 11px;
    font-size: 13px;
    font-weight: 100;
  }

  .search-area2 .input-group-text i {
    font-size: 13px;
  }

  .search-task .form-control {
    height: 32px;
    padding: 5px 14px;
    font-size: 13px;
    font-weight: 100;
  }

  .search-task .input-group-text {
    height: 32px;
    padding: 5px 0px 5px 11px;
    font-size: 13px;
    font-weight: 100;
  }

  .search-task .input-group-text i {
    font-size: 13px;
  }
}

@media only screen and (max-width: 575px) {
  .search-area2 .form-control {
    height: 35px;
  }

  .search-area2 .input-group-text {
    height: 35px;
    padding-left: 20px;
  }

  .search-area2 .input-group-text i {
    font-size: 18px;
  }

  .search-task .form-control {
    height: 35px;
  }

  .search-task .input-group-text {
    height: 35px;
    padding-left: 20px;
  }

  .search-task .input-group-text i {
    font-size: 18px;
  }
}

.search-area .input-group-text {
  height: 56px;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border: 1px solid #F8F8F8;
  border-right: 0px;
}

.search-area .form-control {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  height: 56px;
  border: 1px solid #F8F8F8;
  border-left: 0px;
}

.search-area .form-control:focus,
.search-area .form-control:active {
  border-color: #F8F8F8;
}

@media only screen and (max-width: 1400px) {
  .search-area .input-group-text {
    height: 50px;
    padding-left: 20px;
  }

  .search-area .form-control {
    height: 50px;
  }
}

.period-btn {
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
  border-radius: 0.5rem;
  background: #fff;
}

.period-btn .btn {
  padding: 8px 18px;
  height: 56px;
}

.period-btn span {
  font-size: 18px;
}

.period-btn small,
.period-btn .small {
  font-size: 14px;
}

@media only screen and (max-width: 1400px) {
  .period-btn span {
    font-size: 16px;
  }

  .period-btn small,
  .period-btn .small {
    font-size: 12px;
  }
}

.coin-tabs .nav-tabs {
  border: 0;
}

.coin-tabs .nav-tabs .nav-link {
  border: 0;
  color: rgba(14, 138, 116, 0.5);
  border-bottom: 2px solid rgba(14, 138, 116, 0.1);
}

.coin-tabs .nav-tabs .nav-link.active {
  border-color: #0E8A74;
  color: #0E8A74;
  background: transparent;
}

.progress.style-1 {
  overflow: visible;
  background: rgba(255, 255, 255, 0.5);
}

.progress.style-1 .progress-bar {
  overflow: visible;
  position: relative;
  border-radius: 9px;
}

.progress.style-1 .counter-bx {
  position: absolute;
  right: -45px;
  opacity: 0;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  top: -55px;
  background: white;
  padding: 8px 10px;
  border-radius: 10px;
}

.progress.style-1 .counter-bx:after {
  content: "";
  height: 12px;
  width: 12px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: -9px;
  transform: rotate(45deg) translateX(-50%);
}

.progress.style-1:hover .counter-bx {
  opacity: 1;
}

@media only screen and (max-width: 1600px) {
  .progress.style-1 .counter-bx {
    font-size: 12px;
    top: -48px;
  }
}

@media only screen and (max-width: 575px) {
  .progress.style-1 .counter-bx {
    display: none;
  }
}

@media only screen and (max-width: 575px) {
  .donutChart2 {
    margin-bottom: 15px;
  }
}

.chart-num {
  font-size: 38px;
}

@media only screen and (max-width: 1400px) {
  .chart-num {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .chart-num {
    font-size: 24px;
  }
}

.chart-num-2 {
  font-size: 40px;
}

@media only screen and (max-width: 575px) {
  .chart-num-2 {
    font-size: 24px;
  }
}

.chart-num-3 {
  font-size: 20px;
}

@media only screen and (max-width: 575px) {
  .chart-num-3 {
    font-size: 16px;
  }
}

.event-bx .card-body {
  height: 500px;
}

.event-bx .event-list {
  display: flex;
}

@media only screen and (max-width: 1600px) {
  .event-bx .event-list {
    display: block;
  }

  .event-bx .event-list .image {
    float: left;
    margin-bottom: 15px;
  }

  .event-bx .event-list .media-footer {
    width: 100%;
  }
}

.event-bx .media-footer {
  display: flex;
  width: 44%;
  justify-content: space-between;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0 20px 0 50px;
}

@media only screen and (max-width: 1600px) {
  .event-bx .media-footer {
    padding: 0 20px 0 0;
  }
}

@media only screen and (max-width: 575px) {
  .event-bx .media-footer {
    width: 100%;
    justify-content: space-evenly;
  }
}

.event-bx .image {
  position: relative;
  margin-right: 30px;
}

@media only screen and (max-width: 767px) {
  .event-bx .image {
    margin-right: 15px;
    float: left;
  }
}

.event-bx .image img {
  border-radius: 0.5rem;
  width: 128px;
}

@media only screen and (max-width: 575px) {
  .event-bx .image img {
    width: 90px;
  }
}

.event-bx .image .image-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 43px;
  height: 31px;
  border-radius: 0.5rem 0 0.5rem 0;
  line-height: 31px;
  text-align: center;
  font-size: 18px;
  background: #FB3E7A;
  color: #fff;
}

@media only screen and (max-width: 575px) {
  .event-bx .image .image-icon {
    width: 30px;
  }
}

.ticket-icon-1 {
  height: 52px;
  width: 52px;
  background: rgba(14, 138, 116, 0.05);
  color: #0E8A74;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  line-height: 52px;
  text-align: center;
  font-size: 24px;
}

.ticket-icon-1.disabled {
  color: #c8c8c8;
  background: rgba(200, 200, 200, 0.2);
}

@media only screen and (max-width: 575px) {
  .ticket-icon-1 {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}

.media-image img {
  width: 52px;
  height: 52px;
  border-radius: 50px;
}

.latest-sales-bx .card-body {
  height: 380px;
}

.latest-sales-bx:hover .card-footer.style-1 a i {
  -webkit-animation: toTopFromBottom 0.8s forwards;
  -moz-animation: toTopFromBottom 0.8s forwards;
  animation: toTopFromBottom 0.8s forwards;
}

@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(100%);
  }

  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }

  51% {
    opacity: 1;
  }
}

@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(100%);
  }

  50% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }

  51% {
    opacity: 1;
  }
}

@keyframes toTopFromBottom {
  49% {
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  51% {
    opacity: 1;
  }
}

.card-footer.style-1 a {
  height: 52px;
  width: 52px;
  background: #fff;
  line-height: 52px;
  display: block;
  text-align: center;
  border-radius: 46px;
  overflow: hidden;
  font-size: 27px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25);
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  transform: translate(-50%, 0px);
}

.event-calender {
  color: #000;
}

.event-calender .bootstrap-datetimepicker-widget table {
  width: 100%;
}

.event-calender .bootstrap-datetimepicker-widget table td span,
.event-calender .bootstrap-datetimepicker-widget table td i {
  border-radius: 35px;
  height: 47px;
  line-height: 47px;
}

.event-calender .bootstrap-datetimepicker-widget table td {
  padding: 16px 5px 15px 5px;
  border-radius: 35px;
  line-height: 1;
}

.event-calender .bootstrap-datetimepicker-widget table td.today:before,
.event-calender .bootstrap-datetimepicker-widget table td.active.today:before {
  content: none;
}

@media only screen and (max-width: 1199px) {
  .event-calender .bootstrap-datetimepicker-widget table td {
    padding: 11px 5px 11px 5px;
    min-width: 34px;
  }
}

.event-calender .bootstrap-datetimepicker-widget table th {
  padding: 15px 5px;
  border-radius: 0.5rem;
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-weight: 400;
  opacity: 1;
  font-size: 14px;
}

.event-calender .bootstrap-datetimepicker-widget table .new:hover,
.event-calender .bootstrap-datetimepicker-widget table .old:hover {
  color: #fff;
}

.event-calender .bootstrap-datetimepicker-widget table .timepicker-hour,
.event-calender .bootstrap-datetimepicker-widget table .timepicker-minute,
.event-calender .bootstrap-datetimepicker-widget table .timepicker-second {
  font-weight: 500;
}

.event-calender .bootstrap-datetimepicker-widget table thead tr .picker-switch {
  font-size: 20px;
  font-weight: 500;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .event-calender .bootstrap-datetimepicker-widget table thead tr .picker-switch {
    font-size: 20px;
  }
}

.event-calender .bootstrap-datetimepicker-widget table .next,
.event-calender .bootstrap-datetimepicker-widget table .prev {
  font-size: 14px;
}

.event-calender .bootstrap-datetimepicker-widget table .next i .btn-primary {
  border: 0;
  padding: 10px;
}

.event-calender .bootstrap-datetimepicker-widget table .btn-primary,
.event-calender .bootstrap-datetimepicker-widget table td span.active,
.event-calender .bootstrap-datetimepicker-widget table td i.active,
.event-calender .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.event-calender .bootstrap-datetimepicker-widget table td span:hover,
.event-calender .bootstrap-datetimepicker-widget table td i:hover,
.event-calender .bootstrap-datetimepicker-widget table td.day:hover,
.event-calender .bootstrap-datetimepicker-widget table td.hour:hover,
.event-calender .bootstrap-datetimepicker-widget table td.minute:hover,
.event-calender .bootstrap-datetimepicker-widget table td.second:hover {
  background: #0E8A74;
  color: #fff;
}

.event-calender .datepicker table tr td.active,
.event-calender .datepicker table tr td.today {
  background: #0E8A74 !important;
  color: #fff !important;
  position: relative;
  box-shadow: none;
}

.event-calender .datepicker table tr td.active:after,
.event-calender .datepicker table tr td.today:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 12px;
  width: 12px;
  border-radius: 12px;
  background: #FE634E;
}

.event-list .date-bx {
  border-radius: 18px;
  position: relative;
  border: 1px solid transparent;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 31px;
  padding: 0px 10px 0 0;
  filter: opacity(0.4);

}

.datecol {
  color: #000000;
  font-size: 0.8rem;
  font-weight: 500;
}

.event-list .font-w600 {
  font-weight: 600;
  color: #ec4119;
}

.event-list .date-bx:after {
  height: 20px;
  width: 20px;
  border: 3px solid #fff;
  position: absolute;
  background: #19c7ce;
  border-radius: 100%;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  /* content: "";*/
}

.event-list:hover .bgl-primary {
  background: transparent !important;
  border: 1px solid #0E8A74;
}

.event-list:hover .bgl-primary:after {
  background: #19c7ce;
}

.event-list:hover .bgl-success {
  background: transparent !important;
  border: 1px solid #68CF29;
}

.event-list:hover .bgl-success:after {
  background: #68CF29;
}

.media.style-2 .media-body h4,
.media.style-2 .media-body .h4 {
  color: #194039;
}

.Generate a {
  padding: 1.5rem 2rem;
  color: #fff;
}

.dataTablesCard tr th,
.dataTablesCard tr td {
  color: #194039;
}

.dataTablesCard tr td a {
  border-radius: 6px;
}

.num-text {
  color: #194039;
}

.event-img img {
  border-radius: 10px;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .event-img img {
    height: 150px;
    object-fit: cover;
  }
}

.index-chart-point {
  display: flex;
  align-items: center;
}

.index-chart-point .check-point-area {
  width: 100px;
  padding-top: 8px;
  height: 100px;
  margin-top: -10px;
  margin-left: -10px;
}

.index-chart-point .index-chart-point-list {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-end;
  width: 100%;
}

.index-chart-point .index-chart-point-list li {
  width: 94px;
  float: left;
  margin-right: 3px;
  font-size: 14px;
}

.index-chart-point .index-chart-point-list li i {
  margin-right: 8px;
  font-size: 10px;
}

.recent-sell {
  color: #194039;
  height: 530px;
}

.bg-image-2 {
  z-index: 1;
}

.bg-image-2:after {
  position: absolute;
  content: "";
  background-image: url(../images/pattern/icTicket.png);
  height: 150px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  bottom: -50px;
  z-index: -1;
}

#sync1 .item {
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

#sync1 .item img {
  object-fit: cover;
}

.gallery-slider {
  margin-top: 20px;
}

.gallery-slider .owl-nav {
  display: none;
}

.gallery-slider .owl-stage .owl-item {
  width: 33.33% !important;
}

.gallery-slider .owl-item img {
  border: 4px solid transparent;
  height: 100px;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0.5rem;
  object-fit: cover;
}

.gallery-slider .owl-item .item {
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 15px;
  text-align: center;
  cursor: pointer;
}

.gallery-slider .owl-item .item h1,
.gallery-slider .owl-item .item .h1 {
  font-size: 18px;
}

.gallery-slider .owl-item.current img {
  border-color: #0E8A74;
}

.event-card {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
}

.event-card .event-card-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  justify-content: center;
  padding: 15px 5px;
  align-items: flex-end;
  display: flex;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+98,000000+100,000000+100&0+26,0.47+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.46) 98%, rgba(0, 0, 0, 0.47) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.46) 98%, rgba(0, 0, 0, 0.47) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 26%, rgba(0, 0, 0, 0.46) 98%, rgba(0, 0, 0, 0.47) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#78000000', GradientType=0);
  /* IE6-9 */
}

.event-card .event-card-overlay h5,
.event-card .event-card-overlay .h5 {
  color: #fff;
}

.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}

.owl-theme .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}

.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

#sync1.owl-theme {
  position: relative;
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  bottom: 17px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  line-height: 40px;
}

#sync1.owl-theme .owl-prev {
  left: 25px;
}

#sync1.owl-theme .owl-next {
  right: 25px;
}

.chartseries .apexcharts-legend-series {
  width: 50%;
  margin: 0 !important;
  padding: 5px 8px;
}

.text-ov {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.ticket-icon i {
  height: 52px;
  width: 52px;
  min-width: 52px;
  display: block;
  border-radius: 100%;
  line-height: 52px;
  text-align: center;
  border: 1px solid #FB3E7A;
  color: #FB3E7A;
  font-size: 30px;
  font-weight: 700;
  transform: rotate(-45deg);
}

.number {
  font-size: 18px;
}

@media only screen and (max-width: 575px) {
  .number {
    font-size: 14px;
    margin-right: 15px;
  }
}

.review-tab.nav-pills li a.nav-link.active:after {
  width: 58px;
}

.review-tab.nav-pills li a.nav-link:after {
  position: absolute;
  content: "";
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  height: 5px;
  width: 0px;
  background: #13B497;
  border-radius: 5px;
  left: 50%;
  transform: translatex(-50%);
  bottom: -7px;
}

.review-tab.nav-pills li a.nav-link {
  color: #759791;
  background: transparent;
  text-transform: capitalize;
  box-shadow: none;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 0;
  font-weight: 400;
  font-size: 18px;
  padding: 15px 20px;
  margin-right: 1px;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .review-tab.nav-pills li a.nav-link {
    padding: 10px 10px;
    font-size: 16px;
  }
}

table.dataTable tbody td {
  font-size: 14px;
}

.tbl-img img {
  border-radius: 20px !important;
}

.default-select {
  line-height: 28px;
}

.default-select:after {
  right: 19px;
  margin-top: -5px;
  border-bottom: 3px solid #090909;
  border-right: 3px solid #040404;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
}

.nice-select .list {
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.language-btn {
  font-size: 16px;
  color: #194039;
  padding-right: 45px;
  padding-left: 25px;
  height: 56px;
  line-height: 56px;
  border-radius: 0.5rem;
  font-weight: 600;
  border-color: #F8F8F8;
}

.language-btn .list {
  min-width: 100%;
}

.language-btn:after {
  right: 20px;
  margin-top: -10px;
  border-bottom: 5px solid #C8C8C8;
  border-right: 5px solid #C8C8C8;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
}

@media only screen and (max-width: 1400px) {
  .language-btn {
    height: 50px;
    line-height: 47px;
    font-size: 14px;
    padding-left: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .language-btn {
    display: none;
  }
}

.plus-box {
  background: #3c32b5;
  color: #fff;
  font-size: 16px;
  padding: 45px 20px 15px;
  position: relative;
  overflow: hidden;
  margin: 0 30px;
  border-radius: 1rem;
  align-items: center;
  margin-bottom: 40px;
  margin-top: 40px;
  background-image: url("../images/Ellipse.png");
  background-repeat: no-repeat;
  background-position: right top;
}

@media only screen and (max-width: 1400px) {
  .plus-box {
    margin: 20px 20px;
  }
}

.plus-box:before {
  position: absolute;
  content: "";
  left: 20px;
  top: 15px;
  height: 24px;
  width: 16px;
  background-image: url(../images/dots.png);
  background-repeat: no-repeat;
  opacity: 1;
}

.plus-box:after {
  position: absolute;
  content: "";
  right: 55px;
  bottom: 40px;
  height: 26px;
  width: 20px;
  background-image: url(../images/dots2.png);
  background-repeat: no-repeat;
  opacity: 1;
}

.chart-w2 {
  margin-top: -50px;
}

@media only screen and (max-width: 1199px) {
  .event-size .event-size-1 {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 1400px) {
  .ticket-size {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 1400px) {
  .ticket-size-1 {
    font-size: 12px !important;
  }
}

.dashboard-n-select {
  border: 0;
  font-size: 12px;
  font-weight: 500;
  padding-right: 25px;
  color: #3c32b5;
}

.dashboard-n-select:after {
  border-bottom: 4px solid #3c32b5;
  border-right: 4px solid #3c32b5;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-top: -6px;
  right: 10px;
}

.event-card {
  background: #F8F8F8;
}

.customer-table {
  background: #fff;
}

.review-table {
  min-width: 60rem !important;
}

.review-table tbody tr {
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.review-table tbody tr:hover {
  box-shadow: 0 0 30px rgba(14, 138, 116, 0.1);
}

.review-table tbody tr td {
  padding: 30px 15px;
}

.review-table tbody tr td:nth-child(2) {
  width: 22%;
}

.review-table tbody tr td:nth-child(3) {
  width: 18%;
}

@media only screen and (max-width: 1400px) {
  .review-table tbody tr td:nth-child(2) {
    width: 25%;
  }
}

@media only screen and (max-width: 991px) {
  .review-table {
    min-width: 30rem !important;
  }
}

@media only screen and (max-width: 575px) {
  .review-table tbody tr td {
    padding: 15px 15px;
  }
}

.form-file .form-control {
  margin: 0;
  border-radius: 0;
  border: 0;
  height: auto;
}

i.ti-plus {
  margin-right: 5px;
  font-size: 1rem;
  font-weight: 900;
}

.fa-ticket {
  transform: rotate(-45deg);
}

@media only screen and (max-width: 1600px) {
  .chart-bx .card-body {
    padding: 20px 15px 20px 15px;
  }

  .chart-bx .card-body .chart-num {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1200px) and (max-width: 1400px) {
  .chart-bx .card-body .chart-num {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1600px) {
  .chart-bx .chart-num {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1600px) and (min-width: 1200px) and (max-width: 1400px) {
  .chart-bx .chart-num {
    font-size: 20px;
  }
}

/*
===================================
    Product detail
===================================*/
.produtct-detail-tag {
  display: inline-block;
}

.produtct-detail-tag a {
  font-style: 13px;
  color: #6e6e6e;
}

.product-detail-content .item-tag {
  background: #828690;
  border-radius: 6px;
  display: inline-block;
  font-size: 12px;
  margin-right: 4px;
  padding: 2px 12px;
  color: #fff;
}

.filtaring-area h4,
.filtaring-area .h4 {
  color: #1d1d1d;
  font-size: 16px;
  font-weight: 400;
  text-transform: lowercase;
}

.plus-minus-input .input-icon {
  font-size: 13px;
  color: #6e6e6e;
}

.plus-minus-input {
  display: flex;
  width: 120px;
}

.plus-minus-input .custom-btn {
  border-radius: 0;
  height: 40px;
  padding: 12px 8px;
  background: #fff;
  border: 1px solid #F0F0F0;
}

.plus-minus-input .form-control:hover,
.plus-minus-input .form-control:focus,
.plus-minus-input .form-control:active {
  border: 1px solid #F0F0F0;
}

.btn-reveal-trigger .avatar-xl {
  min-width: 30px;
}

.share-view {
  display: inline-block;
}

.share-view ul li {
  display: inline-block;
}

.share-view .share-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  border: 1px solid #F0F0F0;
  text-align: center;
  line-height: 40px;
  font-style: 16px;
  color: #F0F0F0;
  margin-right: 8px;
}

/*--------tab----------*/
.veritical-line {
  padding: 20px 30px;
  border-top: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  position: relative;
}

.veritical-line:before {
  background: #F0F0F0;
  bottom: 0;
  content: "";
  height: 100%;
  left: -1px;
  max-height: 40%;
  position: absolute;
  width: 1px;
}

.tab-content-text p {
  color: #6e6e6e;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 25px;
}

.tab-item-list li a {
  background: #fff;
  border-top: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  color: #6e6e6e;
  display: block;
  font-size: 16px;
  padding: 16px;
  text-transform: uppercase;
}

.tab-item-list li a:hover,
.tab-item-list li a:focus {
  background: #fff;
  color: #6e6e6e;
  border-right: 0px;
}

.tab-item-list li:last-child {
  border-bottom: 1px solid #F0F0F0;
}

.tab-list li {
  margin-bottom: 7px;
  font-size: 13px;
}

.tab-list li i {
  font-size: 13px;
  margin-right: 14px;
}

.slide-item-list {
  text-align: center;
  margin: 0 -5px;
}

.slide-item-list li {
  display: inline-block;
  flex: 0 0 25%;
  width: 25%;
  padding: 0 5px;
}

.slide-item-list li a {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  background: transparent;
  padding-bottom: 0px;
}

.slide-item-list li a:hover,
.slide-item-list li a:focus {
  background: transparent;
}

.slide-item-list li a img {
  width: 100%;
}

.product-detail-text {
  padding-top: 28px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 70px;
}

.star-rating .product-review {
  font-style: 13px;
  color: #6e6e6e;
  font-weight: 400;
  text-decoration: underline !important;
}

.product-detail .tab-content img {
  display: inline-block;
  width: 100%;
}

.popular-tag ul {
  margin: 0px;
  padding: 0px;
}

.popular-tag ul li {
  display: inline-block;
  padding: 8px 15px;
  background: #f8f8f8;
  font-size: 13px;
  color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
}

.size-filter ul li {
  display: inline-block;
}

.intro {
  border: 1px solid red;
  color: #1d1d1d;
}

#listResults .slider {
  margin: 25px 0;
}

#listResults .slider-box {
  width: 90%;
  margin: 25px auto;
}

#listResults input {
  width: 10%;
}

#listResults label {
  border: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  width: 30%;
}

.plus-minus-input .input-icon {
  font-size: 13px;
  color: #aaaaaa;
}

.plus-minus-input .custom-btn {
  border-radius: 0;
  height: 40px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #c8c8c8;
}

.plus-minus-input .custom-btn:hover,
.plus-minus-input .custom-btn:focus,
.plus-minus-input .custom-btn.active {
  box-shadow: none;
  outline: none;
}

.plus-minus-input .form-control {
  height: 40px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-left: 0px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}

.plus-minus-input .form-control:hover,
.plus-minus-input .form-control:focus,
.plus-minus-input .form-control:active {
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-left: 0px solid #c8c8c8;
  border-right: 0px solid #c8c8c8;
}

.new-arrival-product .new-arrivals-img-contnent {
  overflow: hidden;
}

.new-arrival-product .new-arrivals-img-contnent img {
  width: 100%;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.new-arrival-product:hover .new-arrivals-img-contnent img {
  transform: scale(1.5) translateY(12%);
  -moz-transform: scale(1.5) translateY(12%);
  -webkit-transform: scale(1.5) translateY(12%);
  -ms-transform: scale(1.5) translateY(12%);
  -o-transform: scale(1.5) translateY(12%);
}

/*
===================================
    list view
===================================*/
.new-arrival-content .item {
  font-size: 12px;
  color: #6e6e6e;
}

.new-arrival-content h4,
.new-arrival-content .h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.new-arrival-content h4 a,
.new-arrival-content .h4 a {
  color: #000;
}

.new-arrival-content .price {
  font-weight: 600;
  color: #0E8A74;
  font-size: 24px;
  margin-bottom: 0;
  float: right;
}

@media only screen and (max-width: 575px) {
  .new-arrival-content .price {
    float: none;
    margin-top: 10px;
  }
}

.new-arrival-content p {
  font-size: 14px;
  color: #828690;
  margin-bottom: 6px;
  line-height: 24px;
}

.new-arrival-content .text-content {
  margin-top: 18px;
}

.new-arrival-content.text-center .price {
  float: unset !important;
}

.success-icon {
  color: #68CF29;
  font-size: 16px;
}

.comment-review {
  margin-bottom: 15px;
  display: table;
  width: 100%;
}

.comment-review .client-review {
  color: #828690;
  padding-right: 20px;
  text-decoration: underline !important;
  font-size: 14px;
}

.comment-review .span {
  color: #828690;
  font-size: 14px;
}

@media only screen and (max-width: 575px) {
  .comment-review {
    margin-bottom: 0;
  }
}

.star-rating li {
  display: inline-block;
}

.star-rating li i {
  color: gold;
}

[direction="rtl"][data-theme-version="dark"] .border,
[direction="rtl"][data-theme-version="dark"] .border-left,
[direction="rtl"][data-theme-version="dark"] .border-right {
  border-color: #3e454d !important;
}

[direction="rtl"] .text-right {
  text-align: left !important;
}

[direction="rtl"] .text-left {
  text-align: right !important;
}

[direction="rtl"] .border-right {
  border-left: 1px solid #F0F0F0 !important;
  border-right: 0 !important;
}

[direction="rtl"] .border-left {
  border-right: 1px solid #F0F0F0 !important;
  border-left: 0 !important;
}

[direction="rtl"] .dropdown-menu {
  left: auto;
}

[direction="rtl"] .dropdown-menu-right {
  left: 0;
  right: auto;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .dropdown-menu-right {
    left: 15px;
  }
}

[direction="rtl"] .notification_dropdown .dropdown-menu-right .media>span {
  margin-left: 10px;
  margin-right: 0;
}

[direction="rtl"]:not([data-container="boxed"]) .nav-header {
  left: auto;
  right: 0;
}

[direction="rtl"][data-container="wide-boxed"] .nav-header {
  left: auto;
  right: auto;
}

[direction="rtl"] .nav-header {
  text-align: right;
  right: auto;
}

[direction="rtl"] .nav-header .brand-title {
  margin-left: 0;
  margin-right: 15px;
}

[direction="rtl"] .nav-header .brand-logo {
  padding-left: 0;
  padding-right: 1.75rem;
}

[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}

[data-sidebar-style="compact"][direction="rtl"] .nav-header .brand-logo[data-layout="horizontal"] {
  padding-right: 30px;
}

[data-sidebar-style="mini"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}

[data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 0;
}

[data-layout="horizontal"][data-sidebar-style="modern"][direction="rtl"] .nav-header .brand-logo {
  padding-right: 30px;
}

@media (max-width: 575.98px) {
  [direction="rtl"] .nav-header .brand-logo {
    padding-right: 0;
  }
}

[direction="rtl"] .nav-control {
  right: auto;
  left: -4.0625rem;
  left: -4.0625rem;
}

@media (max-width: 575.98px) {
  [direction="rtl"] .nav-control {
    left: -4.0625rem;
  }
}

[direction="rtl"][data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
  right: 0;
}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .nav-header .brand-logo {
  padding-right: 40px;
}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
  width: 16rem;
}

[direction="rtl"] .header {
  padding: 0;
  padding-right: 21.563rem;
}

@media (max-width: 575.98px) {
  [direction="rtl"] .header {
    padding-right: 5rem;
    padding-left: 0;
  }
}

[direction="rtl"] .header .header-content {
  padding-left: 1.875rem;
  padding-right: 5.3125rem;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .header .header-content {
    padding-right: 3.5rem;
    padding-left: 0.938rem;
  }
}

[data-sidebar-style="compact"][direction="rtl"] .header .header-content {
  padding-right: 1.875rem;
}

[data-sidebar-style="modern"][direction="rtl"] .header .header-content {
  padding-right: 5.3125rem;
}

[data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
  padding-right: 5.3125rem;
}

@media only screen and (max-width: 575px) {
  [data-sidebar-style="overlay"][direction="rtl"] .header .header-content {
    padding-right: 0.5rem;
  }
}

[direction="rtl"] .header .nav-control {
  right: 0.4375rem;
  left: auto;
}

[direction="rtl"] .header-right>li:not(:first-child) {
  padding-left: 0;
  padding-right: 1.25rem;
  margin-right: 0 !important;
}

@media only screen and (max-width: 767px) {
  [direction="rtl"] .header-right>li:not(:first-child) {
    padding-right: 0.5rem;
  }
}

[direction="rtl"] .header-right .search-area .input-group-append .input-group-text {
  padding-right: auto;
  padding-left: 20px;
}

[direction="rtl"] .header-right .search-area .form-control {
  padding-left: auto;
  padding-right: 20px;
}

[direction="rtl"] .header-right .header-profile>a.nav-link {
  margin-left: auto;
  padding-left: auto;
  margin-right: 15px;
  padding-right: 30px;
  border-right: 1px solid #F8F8F8;
  border-left: 0;
}

[direction="rtl"] .header-right .header-profile>a.nav-link .header-info {
  padding-right: 20px;
  padding-left: auto;
  text-align: right;
}

@media only screen and (max-width: 1400px) {
  [direction="rtl"] .header-right .header-profile>a.nav-link .header-info {
    padding-right: 10px;
  }
}

@media only screen and (max-width: 1400px) {
  [direction="rtl"] .header-right .header-profile>a.nav-link {
    margin-right: 10px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .header-right .header-profile>a.nav-link {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0;
  }
}

[direction="rtl"] .header-left .search_bar .dropdown-menu,
[direction="rtl"] .header-left .search_bar .dropdown-menu.show {
  right: 40px !important;
}

@media only screen and (max-width: 575px) {

  [direction="rtl"] .header-left .search_bar .dropdown-menu,
  [direction="rtl"] .header-left .search_bar .dropdown-menu.show {
    right: -100px !important;
  }
}

[direction="rtl"] .header-left .search_bar .search_icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .header-left .search_bar .search_icon {
    border-radius: 5rem;
  }
}

[direction="rtl"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem;
}

[direction="rtl"][data-layout="horizontal"] .header .header-content {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="full"] .nav-header .brand-logo {
  padding-right: 2.5rem;
}

[direction="rtl"][data-layout="horizontal"][data-sidebar-style="mini"] .header {
  padding-right: 7.75rem;
}

[direction="rtl"][data-sidebar-style="mini"] .header {
  padding-right: 6.25rem;
}

[direction="rtl"][data-sidebar-style="compact"] .header {
  padding: 0 0.9375rem;
  padding-right: 11.25rem;
}

[direction="rtl"][data-sidebar-style="compact"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 21.563rem;
}

[direction="rtl"][data-sidebar-style="modern"] .header {
  padding: 0 0.9375rem;
  padding-right: 10.625rem;
}

[direction="rtl"][data-sidebar-style="modern"][data-layout="horizontal"] .header {
  padding: 0;
  padding-right: 16rem;
}

[direction="rtl"] {
  text-align: right;
}

[direction="rtl"] .deznav {
  text-align: right;
}

[direction="rtl"] .deznav .metismenu ul:after {
  left: auto;
  right: 25px;
}

[direction="rtl"] .deznav .metismenu ul a:before {
  left: auto;
  right: 42px;
}

[data-sidebar-style="full"][direction="rtl"] .deznav .metismenu li>a i {
  padding: 0 0 0 0;
  margin-right: 0;
  margin-left: 10px;
}

[direction="rtl"] .deznav .metismenu li>a svg {
  margin-left: 5px;
  margin-right: 0;
}

[data-sidebar-style="compact"][direction="rtl"] .deznav .metismenu li>a svg {
  left: auto;
  margin-left: auto;
  margin-right: auto;
}

[data-sidebar-style="icon-hover"][direction="rtl"] .deznav .metismenu li>a svg {
  margin-left: 0;
}

[direction="rtl"] .deznav .metismenu li ul a {
  padding-right: 6rem;
  padding-left: 0.625rem;
}

[direction="rtl"] .deznav .metismenu li.active>.has-arrow:after {
  transform: rotate(45deg) translateY(-50%);
}

[direction="rtl"] .deznav .metismenu .has-arrow:after {
  left: 1.5625rem;
  right: auto;
}

[data-layout="horizontal"][direction="rtl"] .deznav .metismenu .has-arrow:after {
  left: 1.125rem;
}

[data-sidebar-style="modern"][direction="rtl"] .deznav .metismenu .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after {
  left: 1.5rem;
  right: auto;
}

[direction="rtl"][data-sidebar-style="mini"] .deznav .metismenu>li>a>i {
  padding: 0;
}

[direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul a.has-arrow:after {
  left: 1.5625rem;
  right: auto;
}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li>a i {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu li ul a {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul {
  right: 11.8125rem;
  left: 0;
}

[direction="rtl"] {
  /* ===== Light gallery ===== */
}

[direction="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 15px;
  right: auto;
}

[direction="rtl"] .input-group>.bootstrap-select:not(:first-child) .dropdown-toggle {
  border-radius: 0.75rem 0 0 0.75rem;
}

[direction="rtl"] .list-group {
  padding-left: 0;
}

[direction="rtl"] .form-check-input {
  margin-left: -1.25rem;
  margin-right: inherit;
}

[direction="rtl"] .form-check-inline .form-check-input {
  margin-right: 0;
  margin-left: 10px;
}

[direction="rtl"] .radio input,
[direction="rtl"] .radio-inline,
[direction="rtl"] .checkbox input,
[direction="rtl"] .checkbox-inline input {
  margin-left: 0;
  margin-right: 0;
}

[direction="rtl"] .content-body {
  margin-right: 21.563rem;
  margin-left: auto;
}

[data-sidebar-style="modern"][direction="rtl"] .content-body {
  margin-right: 9.375rem;
}

[direction="rtl"] .content-body .page-titles {
  text-align: right;
}

[direction="rtl"] .doctor-info-details .media-body span i,
[direction="rtl"] .recovered-chart-deta .col [class*="bg-"] {
  margin-right: 0;
  margin-left: 10px;
}

[direction="rtl"] .patients-chart-deta .col,
[direction="rtl"] .patients-chart-deta .col [class*="bg-"],
[direction="rtl"] .recovered-chart-deta .col {
  margin-right: 0;
  margin-left: 15px;
}

[direction="rtl"] .best-doctor .timeline .timeline-panel .media .number {
  left: auto;
  right: -13px;
}

[direction="rtl"] .doctor-info-details .media i {
  right: 0;
  left: -15px;
}

[direction="rtl"] .review-table .disease {
  border-left: 0;
  border-right: 1px solid #eee;
  padding-left: 0;
  padding-right: 20px;
}

[direction="rtl"] .apexcharts-legend-text {
  margin: 4px;
}

[direction="rtl"] .doctor-info-details .media-body {
  padding-left: 0;
  padding-right: 40px;
}

[direction="rtl"] .custom-control {
  margin-left: 0;
}

[direction="rtl"] .review-tab.nav-pills li:first-child a.nav-link {
  border-radius: 0 0.75rem 0 0;
}

[direction="rtl"] .review-tab.nav-pills li:last-child a.nav-link {
  border-radius: 0.75rem 0 0 0;
}

[direction="rtl"] .form-head .btn i {
  margin-left: 5px;
  margin-right: 0;
}

[direction="rtl"] .iconbox {
  padding-left: 0;
  padding-right: 70px;
}

[direction="rtl"] .iconbox i {
  left: auto;
  right: 0;
}

[direction="rtl"] .table.tr-rounded tr td:first-child,
[direction="rtl"] .table.tr-rounded tr th:first-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

[direction="rtl"] .table.tr-rounded tr td:last-child,
[direction="rtl"] .table.tr-rounded tr th:last-child {
  border-radius: 0.5rem 0 0 0.5rem;
}

[direction="rtl"] .custom-switch.toggle-switch.text-right {
  padding-left: 48px;
  padding-right: 0;
}

[direction="rtl"] .toggle-switch.text-right .custom-control-label:before {
  right: auto !important;
  left: -47px;
}

[direction="rtl"] .toggle-switch.text-right .custom-control-label:after {
  right: auto !important;
  left: -28px;
}

[direction="rtl"] .toggle-switch.text-right .custom-control-input:checked~.custom-control-label:after {
  left: -62px;
  right: auto !important;
}

[direction="rtl"] .check-switch {
  padding-right: 40px;
}

[direction="rtl"] .check-switch .custom-control-label:after,
[direction="rtl"] .check-switch .custom-control-label:before {
  right: -35px !important;
}

[direction="rtl"] .bar-chart .apexcharts-yaxis {
  transform: translatex(101%);
}

[direction="rtl"] .detault-daterange .input-group-text {
  padding: 0.532rem 0.75rem;
  padding-right: auto;
  padding-left: 0;
}

[direction="rtl"] .form-wrapper .input-group .form-control {
  text-align: left;
}

[direction="rtl"] .timeline-chart .apexcharts-yaxis {
  transform: translateX(0);
}

[direction="rtl"] .card-table td:first-child {
  padding-right: 30px;
  padding-left: 10px;
}

[direction="rtl"] .card-table td:last-child {
  padding-left: 30px;
  padding-right: 10px;
}

[direction="rtl"] .chatbox .img_cont {
  margin-right: 0px;
  margin-left: 10px;
}

[direction="rtl"] .profile-tab .nav-item .nav-link {
  margin-right: 0;
  margin-left: 30px;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .profile-tab .nav-item .nav-link {
    margin-left: 0px;
  }
}

[direction="rtl"] .widget-timeline .timeline>li>.timeline-panel {
  margin-left: 0px;
  margin-right: 40px;
}

[direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel {
  padding: 5px 15px 5px 10px;
  border-width: 0px 5px 0px 0px;
}

[direction="rtl"] .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel:after {
  border: 0;
  right: -9px;
  width: 7px;
  left: auto;
  height: 7px;
}

[direction="rtl"] .widget-timeline .timeline>li>.timeline-badge {
  left: auto;
  right: 0px;
}

[direction="rtl"] .widget-timeline .timeline>li>.timeline-panel:after {
  left: auto;
  right: -5px;
}

[direction="rtl"] .chatbox .msg_cotainer {
  margin-left: 0;
  margin-right: 10px;
}

[direction="rtl"] .new-arrival-content .price {
  float: left;
}

[direction="rtl"] .input-group>.bootstrap-select:not(:first-child) .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

[direction="rtl"] .input-group>.bootstrap-select:not(:last-child) .dropdown-toggle {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[direction="rtl"] .breadcrumb-item+.breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: 0;
}

[direction="rtl"] .breadcrumb-item+.breadcrumb-item::before {
  padding-right: 0;
  padding-left: 0.5rem;
}

[direction="rtl"] .chatbox .chatbox-close {
  left: 340px;
  right: auto;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .chatbox .chatbox-close {
    left: 280px;
  }
}

[direction="rtl"] .separator {
  margin-right: 0;
  margin-left: 9px;
}

[direction="rtl"] .card-tabs .nav-tabs {
  padding-right: 5px;
}

[direction="rtl"] .chatbox .msg_cotainer {
  margin-left: 0;
  margin-right: 10px;
  border-radius: 1.375rem 0 1.375rem 1.375rem;
}

[direction="rtl"] .chatbox .msg_cotainer:after {
  left: auto;
  right: -10px;
  transform: rotate(-90deg);
}

[direction="rtl"] .chatbox .type_msg .input-group .input-group-append .btn {
  border-top-right-radius: 38px !important;
  border-bottom-right-radius: 38px !important;
}

[direction="rtl"] .chatbox .msg_cotainer_send {
  margin-right: 0px;
  margin-left: 10px;
  border-radius: 0 6px 6px 6px;
}

[direction="rtl"] .chatbox .msg_cotainer_send:after {
  right: auto;
  left: -10px;
  transform: rotate(90deg);
}

[direction="rtl"] .new-arrival-content .price {
  float: left;
}

[direction="rtl"] .trending-menus .tr-row .num {
  margin-right: 0;
  margin-left: 15px;
}

[direction="rtl"] .default-select.style-2 .btn:after {
  margin-left: 0;
  margin-right: 0.5em;
}

[direction="rtl"] .widget-timeline-icon li .icon {
  left: auto;
  right: -2px;
}

[direction="rtl"] .widget-timeline-icon li a {
  padding: 25px 0px 0px 50px;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .widget-timeline-icon .timeline {
    margin-left: 0;
    margin-right: 10px;
  }

  [direction="rtl"] .widget-timeline-icon li {
    border-left: 0;
    border-right: 6px solid #0E8A74;
  }

  [direction="rtl"] .widget-timeline-icon li a {
    padding: 0 30px 30px 0;
  }

  [direction="rtl"] .widget-timeline-icon li .icon {
    right: -12px;
  }

  [direction="rtl"] .widget-timeline-icon li:last-child {
    border-color: transparent;
  }
}

[direction="rtl"] #revenueMap .apexcharts-yaxis,
[direction="rtl"] #customerMapkm .apexcharts-yaxis {
  transform: translateX(0px);
}

[direction="rtl"] .mail-list .list-group-item i {
  padding-right: 0;
  padding-left: 0.625rem;
}

[direction="rtl"] .dz-demo-panel {
  right: auto;
  left: -380px;
}

[direction="rtl"] .dz-demo-panel.show {
  right: unset;
  left: 0;
}

[direction="rtl"] .dz-demo-panel .dz-demo-trigger {
  left: 100%;
  right: auto;
  border-radius: 0 5px 5px 0;
  box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}

[direction="rtl"][data-layout="horizontal"] .content-body {
  margin-right: 0;
}

[direction="rtl"][data-layout="horizontal"] .deznav .metismenu li li .has-arrow:after {
  -webkit-transform: rotate(-4deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

[direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .content-body {
  margin-right: 6.25rem;
}

[direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .content-body {
  margin-right: 11.25rem;
}

[direction="rtl"][data-sidebar-style="overlay"] .content-body {
  margin-right: 0;
}

[direction="rtl"] #external-events .external-event:before {
  margin-right: 0;
  margin-left: .9rem;
}

[direction="rtl"] .post-input a i {
  margin-left: 15px;
  margin-right: 0;
}

[direction="rtl"][data-sidebar-style="compact"] .deznav .metismenu .has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

[direction="rtl"] .deznav .metismenu .has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg) translateY(-50%);
}

[direction="rtl"] .deznav .metismenu .has-arrow[aria-expanded=true]:after,
[direction="rtl"] .deznav .metismenu .mm-active>.has-arrow:after {
  -webkit-transform: rotate(-135deg) translateY(-50%);
  transform: rotate(-135deg);
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu .has-arrow[aria-expanded=true]:after,
[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu .mm-active>.has-arrow:after {
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg);
}

[direction="rtl"] .chatbox {
  left: -500px;
  right: auto;
}

[direction="rtl"] .chatbox.active {
  left: 0;
  right: auto;
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .best-doctor .timeline .timeline-panel .media {
    float: right;
    margin-right: 0 !important;
    margin-left: 15px !important;
  }
}

[direction="rtl"] .default-select.style-1 .btn:after {
  margin-left: 0;
  margin-right: 0.5em;
}

[direction="rtl"] .pagination .page-indicator {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

[direction="rtl"] .lg-outer.lg-visible {
  direction: ltr;
}

[direction="rtl"] .chart-point .chart-point-list {
  margin: 0;
  padding-right: 20px;
}

[direction="rtl"] .noUi-target {
  direction: rtl;
}

[direction="rtl"] .noUi-vertical .noUi-pips-vertical {
  left: -20px;
}

[direction="rtl"] .noUi-vertical .noUi-value-vertical {
  padding-left: 0;
  padding-right: 25px;
}

[direction="rtl"] .sidebar-right .ps--active-x>.ps__rail-x {
  display: none;
}

[direction="rtl"] .form-wizard .nav-wizard li .nav-link:after {
  right: 50%;
  left: auto;
}

[direction="rtl"] .dtp>.dtp-content {
  right: 50%;
  left: auto;
}

[direction="rtl"] .modal-header .close {
  margin: 0;
  left: 0;
  top: 0px;
  right: auto;
}

[direction="rtl"] .input-group-prepend .btn+.btn {
  border-radius: 0 !important;
}

[direction="rtl"] .form-control+.input-group-append .btn:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

[direction="rtl"] .input-group>.custom-file:not(:first-child) .custom-file-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0.75rem;
  border-top-left-radius: 0.75rem;
}

[direction="rtl"] .custom-file-label::after {
  border-radius: .75rem 0 0 .75rem;
}

[direction="rtl"] .input-group>.custom-file:not(:last-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

[direction="rtl"] .input-group>.custom-file:not(:last-child) .custom-file-label::after {
  border-radius: 0;
}

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
  [direction="rtl"] .content-body {
    margin-right: 17rem;
  }
}

[direction="rtl"] .sidebar-right {
  right: auto;
  left: -50rem;
}

[direction="rtl"] .sidebar-right.show {
  left: 5.25rem;
  right: unset;
}

[direction="rtl"] .sidebar-right .sidebar-right-trigger {
  left: 100%;
  right: auto;
  border-radius: 0 5px 5px 0;
  box-shadow: 5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}

[direction="rtl"] .sidebar-right .sidebar-close-trigger {
  right: auto;
  left: -48px;
}

[direction="rtl"] .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right;
}

html[dir="rtl"] [direction="rtl"] .footer {
  padding-right: 17.1875rem;
  padding-left: 0;
}

@media (max-width: 575.98px) {
  html[dir="rtl"] [direction="rtl"] .footer {
    padding-right: 0;
  }
}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="overlay"] .footer {
  padding-right: 0;
}

html[dir="rtl"] [direction="rtl"] .menu-toggle .footer {
  padding-right: 3.75rem;
}

html[dir="rtl"] [direction="rtl"][data-container="boxed"] .footer {
  padding-right: 0;
}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="mini"]:not([data-layout="horizontal"]) .footer {
  padding-right: 3.75rem;
}

html[dir="rtl"] [direction="rtl"][data-sidebar-style="compact"]:not([data-layout="horizontal"]) .footer {
  padding-right: 9.375rem;
}

[data-theme-version="dark"] {
  background: #24292d;
  color: #828690;
}

[data-theme-version="dark"] h1,
[data-theme-version="dark"] .h1,
[data-theme-version="dark"] h2,
[data-theme-version="dark"] .h2,
[data-theme-version="dark"] h3,
[data-theme-version="dark"] .h3,
[data-theme-version="dark"] h4,
[data-theme-version="dark"] .h4,
[data-theme-version="dark"] h5,
[data-theme-version="dark"] .h5,
[data-theme-version="dark"] h6,
[data-theme-version="dark"] .h6 {
  color: #fff !important;
}

[data-theme-version="dark"] a.link {
  color: #ddd;
}

[data-theme-version="dark"] a.link:focus,
[data-theme-version="dark"] a.link:hover {
  color: #3A82EF;
}

[data-theme-version="dark"] a:hover {
  color: #fff;
}

[data-theme-version="dark"] .border-right {
  border-right: 1px solid #3e454d !important;
}

[data-theme-version="dark"] .border-left {
  border-left: 1px solid #3e454d !important;
}

[data-theme-version="dark"] .border-top {
  border-top: 1px solid #3e454d !important;
}

[data-theme-version="dark"] .border-bottom {
  border-bottom: 1px solid #3e454d !important;
}

[data-theme-version="dark"] .border {
  border: 1px solid #3e454d !important;
}

[data-theme-version="dark"] .dropdown-menu {
  background-color: #2f363e;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.1);
}

[data-theme-version="dark"] .dropdown-menu .dropdown-item {
  color: #777777;
}

[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.selected.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item.active,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme-version="dark"] .dropdown-menu .dropdown-item:focus {
  background-color: #2f363e;
  color: #fff;
}

[data-theme-version="dark"] a {
  color: #fff;
}

[data-theme-version="dark"] .text-primary {
  color: #fff !important;
}

[data-theme-version="dark"] .btn-link g [fill] {
  fill: #fff;
}

[data-theme-version="dark"] .btn-light:active,
[data-theme-version="dark"] .btn-light:focus,
[data-theme-version="dark"] .btn-light:hover {
  color: #000;
}

[data-theme-version="dark"] .form-control {
  background-color: #2f363e;
  border-color: #3e454d;
  color: #fff;
}

[data-theme-version="dark"] .card {
  background-color: #2f363e;
  box-shadow: none;
}

[data-theme-version="dark"] .btn-outline-dark:hover {
  background-color: #24292d;
  border-color: #24292d;
}

[data-theme-version="dark"] .tdl-holder input[type=text],
[data-theme-version="dark"] .tdl-holder li {
  background-color: #2f363e;
  border-color: #3e454d;
}

[data-theme-version="dark"] .tdl-holder input[type=text]::placeholder {
  color: #828690;
}

[data-theme-version="dark"] .tdl-holder label:hover {
  background-color: #3e454d;
  color: #fff;
}

[data-theme-version="dark"] .text-muted {
  color: #828690;
}

[data-theme-version="dark"] .modal-content {
  background: #2f363e;
}

[data-theme-version="dark"] .modal-footer,
[data-theme-version="dark"] .modal-header {
  border-color: #3e454d;
}

[data-theme-version="dark"] .close {
  font-weight: 400;
  color: #fff;
  text-shadow: none;
}

[data-theme-version="dark"] .close:hover {
  color: #fff;
}

[data-theme-version="dark"] .header-left .dashboard_bar,
[data-theme-version="dark"] .star-review span,
[data-theme-version="dark"] .table strong {
  color: #fff;
}

[data-theme-version="dark"] .text-dark {
  color: #828690;
}

[data-theme-version="dark"] .star-rating .product-review,
[data-theme-version="dark"] .new-arrival-content .item {
  color: #fff;
}

[data-theme-version="dark"] .custom-dropdown .dropdown-menu {
  border-color: #3e454d;
}

[data-theme-version="dark"] .widget-stat .media>span {
  background: #3e454d;
  border-color: #3e454d;
  color: #fff;
}

[data-theme-version="dark"] .plus-minus-input .custom-btn {
  background: #24292d;
  border-color: #3e454d;
}

[data-theme-version="dark"] .dropdown-divider,
[data-theme-version="dark"] .size-filter ul li {
  border-color: #3e454d;
}

[data-theme-version="dark"] .custom-select {
  border-color: #3e454d;
  color: #828690;
  background: #24292d;
}

[data-theme-version="dark"] .nav-tabs {
  border-color: #3e454d;
}

[data-theme-version="dark"] .mail-list .list-group-item.active i {
  color: #fff;
}

[data-theme-version="dark"] hr {
  border-color: #3e454d;
}

[data-theme-version="dark"] .grid-col {
  background: #24292d;
}

[data-theme-version="dark"] .noUi-target {
  border-color: #3e454d;
  border-radius: 8px;
  box-shadow: none;
}

[data-theme-version="dark"] .noUi-target .noUi-connects {
  background: #3e454d;
}

[data-theme-version="dark"] .noUi-marker-large,
[data-theme-version="dark"] .noUi-marker {
  background: #3e454d;
}

[data-theme-version="dark"] .input-group-text {
  background: #aeb7c1;
  color: #fff;
  border-color: #3e454d;
}

[data-theme-version="dark"] .note-editor.note-frame {
  border-color: #3e454d;
}

[data-theme-version="dark"] .note-editor.note-frame .btn {
  color: #fff;
}

[data-theme-version="dark"] .note-editor.note-frame .note-editing-area .note-editable {
  color: #fff;
}

[data-theme-version="dark"] .widget-media .timeline .timeline-panel {
  border-color: #3e454d;
}

[data-theme-version="dark"] .notification_dropdown .dropdown-menu-right .all-notification {
  border-color: #3e454d;
}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link {
  border-color: #3e454d;
}

[data-theme-version="dark"] #user-activity .nav-tabs .nav-link.active {
  background: #24292d;
  color: #fff;
}

[data-theme-version="dark"] .list-group-item-action {
  color: #194039;
}

[data-theme-version="dark"] .list-group-item-action:focus,
[data-theme-version="dark"] .list-group-item-action:hover,
[data-theme-version="dark"] .list-group-item-action:focus {
  background-color: #24292d;
  border-color: #24292d;
}

[data-theme-version="dark"] .list-group-item.active {
  color: #fff;
  border-color: #0E8A74;
}

[data-theme-version="dark"] .list-group-item.active:focus,
[data-theme-version="dark"] .list-group-item.active:hover,
[data-theme-version="dark"] .list-group-item.active:focus {
  background-color: #0E8A74;
  border-color: #0E8A74;
  color: #fff;
}

[data-theme-version="dark"] .swal2-popup {
  background: #2f363e;
}

[data-theme-version="dark"] .form-head .btn-outline-primary {
  border-color: #3e454d;
}

[data-theme-version="dark"] .form-head .btn-outline-primary:hover {
  border-color: #0E8A74;
}

[data-theme-version="dark"] .review-tab.nav-pills li a.nav-link.active {
  background: transparent;
}

[data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info span,
[data-theme-version="dark"] .review-table .media-body p,
[data-theme-version="dark"] .iconbox small,
[data-theme-version="dark"] .iconbox .small,
[data-theme-version="dark"] .doctor-info-details .media-body p {
  color: #fff;
}

[data-theme-version="dark"] .iconbox p,
[data-theme-version="dark"] .doctor-info-details .media-body span {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme-version="dark"] .best-doctor .timeline .timeline-panel {
  background: #2f363e;
}

[data-theme-version="dark"] .doctor-list .accordion__header-line {
  background: #3e454d;
}

[data-theme-version="dark"] .review-table .disease,
[data-theme-version="dark"] .review-table,
[data-theme-version="dark"] .review-box {
  border-color: #3e454d;
}

[data-theme-version="dark"] .form-head .search-area .form-control {
  border: 1px solid #3e454d;
}

[data-theme-version="dark"] .form-head .search-area .input-group-append .input-group-text {
  background: #3e454d;
}

[data-theme-version="dark"] .patient-activity tbody tr {
  box-shadow: 0 1px 0 0 #3e454d;
}

[data-theme-version="dark"] .plus-box {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}

[data-theme-version="dark"] .default-select.style-1 .btn {
  color: #fff;
}

[data-theme-version="dark"] .new-arrival-content h4 a,
[data-theme-version="dark"] .new-arrival-content .h4 a {
  color: #fff;
}

[data-theme-version="dark"] .text-black {
  color: #fff !important;
}

[data-theme-version="dark"] .abilities-chart .ct-chart .ct-label {
  fill: #fff;
}

[data-theme-version="dark"] .apexcharts-legend-text {
  color: #fff;
}

[data-theme-version="dark"] .morris_chart_height text tspan {
  fill: #fff;
}

[data-theme-version="dark"] .toggle-switch.text-right .custom-control-label:before {
  background-color: #ffffff29;
}

[data-theme-version="dark"] .toggle-switch .custom-control-input:checked~.custom-control-label:before {
  background-color: #fff;
}

[data-theme-version="dark"] .btn-link {
  color: #fff;
}

[data-theme-version="dark"] .amount-bx .form-control {
  background-color: transparent;
  color: #fff;
}

[data-theme-version="dark"] .amount-bx .form-control::placeholder {
  color: #fff;
}

[data-theme-version="dark"] .table.bg-info-hover td {
  color: #757878;
}

[data-theme-version="dark"] .table.bg-primary-hover td {
  color: #757878;
}

[data-theme-version="dark"] .table.bg-warning-hover td {
  color: #757878;
}

[data-theme-version="dark"] .table.bg-secondary-hover td {
  color: #757878;
}

[data-theme-version="dark"] .order-bg {
  background: #24292d;
}

[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a:after {
  border-color: #0E8A74;
}

[data-theme-version="dark"] .detault-daterange .input-group-text {
  background: #24292d;
  color: #fff;
}

[data-theme-version="dark"] .form-wrapper .input-group {
  background: #24292d;
  border: 0;
}

[data-theme-version="dark"] .form-wrapper .input-group .input-group-prepend .input-group-text {
  color: #fff;
}

[data-theme-version="dark"] .search-area-2 .form-control {
  background-color: #2f363e;
}

[data-theme-version="dark"] .search-area-2 .input-group-append .input-group-text {
  background-color: #2f363e;
  border: none;
}

[data-theme-version="dark"] .dataTablesCard {
  background-color: #2f363e;
}

[data-theme-version="dark"] .compose-content .dropzone {
  background: #24292d;
}

[data-theme-version="dark"] .compose-content .dropzone .dz-message .dz-button {
  color: #fff;
}

[data-theme-version="dark"] .daterangepicker {
  background: #24292d;
  border-color: #0E8A74;
}

[data-theme-version="dark"] .daterangepicker .calendar-table {
  border-color: #0E8A74;
  background: #24292d;
}

[data-theme-version="dark"] .daterangepicker .calendar-table .table-condensed td:hover {
  background-color: #0E8A74;
  color: #fff;
}

[data-theme-version="dark"] .daterangepicker:after {
  border-bottom: 6px solid #24292d;
}

[data-theme-version="dark"] .daterangepicker select.hourselect,
[data-theme-version="dark"] .daterangepicker select.minuteselect,
[data-theme-version="dark"] .daterangepicker select.secondselect,
[data-theme-version="dark"] .daterangepicker select.ampmselect {
  background: #24292d;
  border: 1px solid #3e454d;
  color: #fff;
}

[data-theme-version="dark"] .daterangepicker td.off,
[data-theme-version="dark"] .daterangepicker td.off.in-range,
[data-theme-version="dark"] .daterangepicker td.off.start-date,
[data-theme-version="dark"] .daterangepicker td.off.end-date {
  background-color: #2f363e;
}

[data-theme-version="dark"] .daterangepicker td.off:hover,
[data-theme-version="dark"] .daterangepicker td.off.in-range:hover,
[data-theme-version="dark"] .daterangepicker td.off.start-date:hover,
[data-theme-version="dark"] .daterangepicker td.off.end-date:hover {
  background-color: #0E8A74;
  color: #fff;
}

[data-theme-version="dark"] .app-fullcalendar .fc-button {
  background-color: #24292d;
  border-color: #0E8A74;
  color: #fff;
  text-shadow: none;
}

[data-theme-version="dark"] .app-fullcalendar .fc-button:hover,
[data-theme-version="dark"] .app-fullcalendar .fc-button.fc-stat-hover {
  background-color: #0E8A74;
}

[data-theme-version="dark"] .swal2-popup .swal2-styled:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #3e454d, 0 0 0 4px rgba(14, 138, 116, 0.1);
}

[data-theme-version="dark"] .dd-handle {
  border-color: #3e454d;
}

[data-theme-version="dark"] .menu-toggle .deznav .metismenu li>ul {
  background: #2f363e;
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
  border-color: #3e454d;
}

[data-theme-version="dark"] .nav-tabs .nav-link:hover,
[data-theme-version="dark"] .nav-tabs .nav-link.active {
  border-color: #0E8A74;
}

[data-theme-version="dark"] .clockpicker-popover .popover-content {
  background-color: #2f363e;
}

[data-theme-version="dark"] .clockpicker-plate {
  background-color: #24292d;
}

[data-theme-version="dark"] .clockpicker-popover .popover-title {
  background-color: #24292d;
  color: #fff;
}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link span {
  background-color: #24292d;
}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link:after {
  background: #24292d;
}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active:after,
[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done:after {
  background: #0E8A74;
}

[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.active span,
[data-theme-version="dark"] .form-wizard .nav-wizard li .nav-link.done span {
  background: #0E8A74;
}

[data-theme-version="dark"] .amount-bx {
  border-top: 1px solid #3e454d;
  border-bottom: 1px solid #3e454d;
}

[data-theme-version="dark"] .bar-chart line {
  stroke: #3e454d;
  stroke-dasharray: 6;
}

[data-theme-version="dark"] #lineChart line {
  stroke: #3e454d;
  stroke-dasharray: 6;
}

[data-theme-version="dark"] .activity-icon {
  border-color: #f0f0f063;
}

[data-theme-version="dark"] .check-switch .custom-control-label:after,
[data-theme-version="dark"] .check-switch .custom-control-label:before {
  border-color: #0E8A74;
}

[data-theme-version="dark"] .fc-unthemed .fc-today {
  background: #24292d;
}

[data-theme-version="dark"] .fc-unthemed .fc-divider,
[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,
[data-theme-version="dark"] .fc-unthemed .fc-popover .fc-header {
  background: #3e454d;
}

[data-theme-version="dark"] .picker__box {
  background: #24292d;
}

[data-theme-version="dark"] .picker__box .picker__button--clear,
[data-theme-version="dark"] .picker__box .picker__button--close,
[data-theme-version="dark"] .picker__box .picker__button--today {
  background: #2f363e;
  color: #fff;
}

[data-theme-version="dark"] .picker__box .picker__button--clear:hover:before,
[data-theme-version="dark"] .picker__box .picker__button--close:hover:before,
[data-theme-version="dark"] .picker__box .picker__button--today:hover:before {
  color: #fff;
}

[data-theme-version="dark"] .picker {
  color: #999;
}

[data-theme-version="dark"] .dtp>.dtp-content {
  background: #24292d;
}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a {
  color: #68686a;
}

[data-theme-version="dark"] .dtp table.dtp-picker-days tr>td>a.selected {
  color: #fff;
}

[data-theme-version="dark"] .order-request tbody tr {
  border-color: #3e454d;
}

[data-theme-version="dark"] #customerMap line,
[data-theme-version="dark"] #customerMap2 line,
[data-theme-version="dark"] #customerMap3 line {
  stroke: #3e454d;
}

[data-theme-version="dark"] .header-right .header-profile>a.nav-link {
  border-color: #3e454d;
}

[data-theme-version="dark"] #radialChart .apexcharts-tracks #apexcharts-radialbarTrack-0 {
  stroke: #24292d;
}

[data-theme-version="dark"] #radialChart circle {
  fill: #24292d;
}

[data-theme-version="dark"] #radialChart .apexcharts-datalabels-group text {
  fill: #fff;
}

[data-theme-version="dark"] .chatbox .type_msg .form-control {
  background-color: transparent;
}

[data-theme-version="dark"] .default-select.style-2 .btn {
  background: #2f363e;
  border: 1px solid #3e454d;
}

[data-theme-version="dark"] .table-tabs .nav-tabs {
  background: #2f363e;
}

[data-theme-version="dark"] #revenueMap line,
[data-theme-version="dark"] #customerMapkm line {
  stroke: #3e454d;
}

[data-theme-version="dark"] .sidebar-right .tab-content .tab-pane .admin-settings>h4,
[data-theme-version="dark"] .sidebar-right .tab-content .tab-pane .admin-settings>.h4 {
  border-color: #3e454d;
}

[data-theme-version="dark"] .dz-demo-panel .dz-demo-bx.demo-active {
  border-color: #FB3E7A;
}

[data-theme-version="dark"] .event-calender .datepicker table tr td.active,
[data-theme-version="dark"] .event-calender .datepicker table tr td.today {
  background: #f9f9f9;
  color: #000;
}

[data-theme-version="dark"] .event-calender .bootstrap-datetimepicker-widget table td {
  color: white;
}

[data-theme-version="dark"] .event-calender .bootstrap-datetimepicker-widget table thead tr .picker-switch {
  color: white;
}

[data-theme-version="dark"] .event-calender .bootstrap-datetimepicker-widget table th {
  color: white;
}

[data-theme-version="dark"] .btn.sharp svg path {
  stroke: white;
}

[data-theme-version="dark"] .dataTablesCard tr th,
[data-theme-version="dark"] .dataTablesCard tr td {
  color: #828690;
}

[data-theme-version="dark"] .peity path:last-child {
  fill: #24292d;
}

[data-theme-version="dark"] .period-btn {
  background: #2f363e;
}

[data-theme-version="dark"] .period-btn .btn {
  background: #2f363e;
}

[data-theme-version="dark"] .progress.style-1 .counter-bx {
  color: black !important;
}

[data-theme-version="dark"] .default-select .list {
  background: #2f363e;
}

[data-theme-version="dark"] .default-select .option:hover,
[data-theme-version="dark"] .default-select .option.selected,
[data-theme-version="dark"] .default-select .option.focus {
  background-color: #24292d;
}

[data-theme-version="dark"] .language-btn {
  background: transparent;
  color: white;
  border: 1px solid #3e454d;
}

[data-theme-version="dark"] .search-area2 .input-group-text,
[data-theme-version="dark"] .search-area .input-group-text {
  background: #2f363e;
}

[data-theme-version="dark"] .search-area2 .form-control:focus,
[data-theme-version="dark"] .search-area .form-control:focus {
  border-color: #3e454d;
}

[data-theme-version="dark"] .search-task .input-group-text,
[data-theme-version="dark"] .search-area .input-group-text {
  background: #2f363e;
}

[data-theme-version="dark"] .search-task .form-control:focus,
[data-theme-version="dark"] .search-area .form-control:focus {
  border-color: #3e454d;
}

[data-theme-version="dark"] .donutChart2 .apexcharts-pie-series path {
  stroke: #2f363e;
}

[data-theme-version="dark"] .event-list .date-bx:after {
  border-color: #2f363e;
}

[data-theme-version="dark"] .form-check-input {
  border-color: #3e454d;
  background-color: #2f363e;
}

[data-theme-version="dark"] #lineChart .apexcharts-series rect {
  fill: rgba(255, 255, 255, 0.1);
}

[data-theme-version="dark"] .recent-sell .table {
  color: #b5b5b5;
}

[data-theme-version="dark"] .recent-sell .table th {
  color: #fff;
  border-color: #3e454d;
}

[data-theme-version="dark"] .dashboard-n-select {
  background: transparent;
}

[data-theme-version="dark"] .event-card {
  background: rgba(255, 255, 255, 0.1);
}

[data-theme-version="dark"] .event-card svg.right path {
  fill: #fff;
}

[data-theme-version="dark"] .event-card svg.dolor path {
  fill: #fff;
}

[data-theme-version="dark"] .event-card svg.calendar path {
  fill: #fff;
}

[data-theme-version="dark"] .event-card svg.location g path {
  stroke: #fff;
}

[data-theme-version="dark"] .customer-table {
  background: #2f363e;
  color: #b5b5b5;
}

[data-theme-version="dark"] .user-ico path {
  fill: #fff;
}

[data-theme-version="dark"] .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

[data-theme-version="dark"] #pieChart .apexcharts-pie-series path {
  stroke: #2f363e;
}

[data-theme-version="dark"] .chartseries .apexcharts-legend-text {
  color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme-version="dark"] .deznav .copyright p {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme-version="dark"] .apexcharts-text tspan {
  fill: #29cbae;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .header {
  border-color: #3e454d;
}

[data-theme-version="dark"] .header {
  background-color: #2f363e;
  border-color: #3e454d;
}

[data-theme-version="dark"] .header-left input {
  background: #2f363e !important;
  border-color: #3e454d;
  color: #fff !important;
}

[data-theme-version="dark"] .header-left input:focus {
  box-shadow: none;
}

[data-theme-version="dark"] .header-left input::placeholder {
  color: #fff;
}

[data-theme-version="dark"] .header-left .search_icon {
  background: #24292d !important;
}

[data-theme-version="dark"] .header-left .search_icon i {
  color: #fff;
}

[data-theme-version="dark"] .header-right .right-sidebar a {
  color: #0E8A74;
  border-color: #3e454d;
}

[data-theme-version="dark"] .header-right .header-profile>a.nav-link .header-info strong {
  color: #fff;
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link {
  background: transparent !important;
}

[data-theme-version="dark"] .header-right .notification_dropdown .nav-link .badge {
  border-color: #2f363e;
}

[data-theme-version="dark"] .header-right .dropdown .nav-link {
  color: #fff;
}

[data-theme-version="dark"] .header-right .dropdown .nav-link:hover {
  color: #fff;
}

[data-theme-version="dark"] .header-right .notification_dropdown .dropdown-item a {
  color: #fff;
}

[data-theme-version="dark"] .search-area {
  border-radius: 14px;
  align-items: center;
}

[data-theme-version="dark"] .search-area .input-group-append .input-group-text {
  background: #24292d;
}

[data-theme-version="dark"] .search-area .form-control:focus,
[data-theme-version="dark"] .search-area .form-control:hover,
[data-theme-version="dark"] .search-area .form-control:active {
  background: #24292d;
}

[data-theme-version="dark"] .pulse-css {
  border-color: #2f363e;
}

[data-theme-version="dark"] .nav-header .hamburger .line {
  background: #fff !important;
}

[data-theme-version="dark"] .menu-toggle .nav-header .nav-control .hamburger .line {
  background-color: #fff !important;
}

[data-theme-version="dark"] .nav-header {
  border-color: #3e454d;
}

[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control {
  background-color: #2f363e;
}

[data-theme-version="dark"] .nav-control {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="dark"] .brand-title path {
  fill: #fff;
}

[data-theme-version="dark"] .nav-header {
  border-color: #3e454d;
}

[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .nav-control {
  background-color: #2f363e;
}

[data-theme-version="dark"] .nav-control {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo {
  color: #fff;
}

[data-theme-version="dark"] .brand-logo:hover {
  color: #fff;
}

[data-theme-version="dark"] .brand-title path {
  fill: #fff;
}

[data-theme-version="dark"][data-sidebar-style="mini"] .deznav .metismenu li>ul {
  background-color: #2f363e;
}

[data-theme-version="dark"] .fixed-content-box {
  background-color: #2f363e;
}

[data-theme-version="dark"] .fixed-content-box .head-name {
  background: #2f363e;
  color: #fff;
  border-color: #3e454d;
}

[data-theme-version="dark"] .fixed-content-box+.header+.deznav {
  background-color: #24292d;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-position="fixed"] .deznav {
  border-color: #3e454d;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a,
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a {
  background: transparent;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i,
[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a i {
  color: #0E8A74;
  background: rgba(14, 138, 116, 0.1);
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li a>i {
  color: rgba(255, 255, 255, 0.3);
}

[data-theme-version="dark"] .deznav {
  background-color: #2f363e;
}

[data-theme-version="dark"] .deznav .metismenu>li>a {
  color: #b3b3b3;
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a {
  color: #fff;
  background: rgba(14, 138, 116, 0.1);
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a::after,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a::after,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a::after {
  border-top: 5px solid #b3b3b3;
  border-left: 5px solid #b3b3b3;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
}

[data-theme-version="dark"] .deznav .metismenu>li:hover>a i,
[data-theme-version="dark"] .deznav .metismenu>li:focus>a i,
[data-theme-version="dark"] .deznav .metismenu>li.mm-active>a i {
  color: #fff;
}

[data-theme-version="dark"] .deznav .metismenu>li.mm-active ul ul {
  background-color: transparent;
}

[data-theme-version="dark"] .deznav .metismenu ul:after {
  background-color: #3e454d;
}

[data-theme-version="dark"] .deznav .metismenu ul a:hover,
[data-theme-version="dark"] .deznav .metismenu ul a:focus,
[data-theme-version="dark"] .deznav .metismenu ul a.mm-active {
  color: #fff;
}

[data-theme-version="dark"] .deznav .metismenu ul a:before {
  background-color: #fff;
}

[data-theme-version="dark"] .deznav .metismenu a {
  color: #b3b3b3;
}

[data-theme-version="dark"] .deznav .metismenu .has-arrow:after {
  border-top: 5px solid #b3b3b3;
  border-left: 5px solid #b3b3b3;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
}

[data-theme-version="dark"] .sidebar-right .nav-tabs {
  border-color: #0E8A74;
}

[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link {
  color: #000;
}

[data-theme-version="dark"] .sidebar-right .form-control {
  background: #fff;
  color: #000;
  border-color: #F8F8F8;
}

[data-theme-version="dark"] .sidebar-right .default-select .list {
  background: #fff;
}

[data-theme-version="dark"] .sidebar-right .default-select .list .option.selected,
[data-theme-version="dark"] .sidebar-right .default-select .list .option.focus,
[data-theme-version="dark"] .sidebar-right .default-select .list .option:hover {
  background: rgba(0, 0, 0, 0.05);
}

[data-theme-version="dark"] .sidebar-right .sidebar-right-inner>h4,
[data-theme-version="dark"] .sidebar-right .sidebar-right-inner>.h4 {
  color: #000 !important;
}

[data-theme-version="dark"] .footer {
  background-color: transparent;
}

[data-theme-version="dark"] .footer .copyright {
  background-color: transparent;
}

[data-theme-version="dark"] .footer .copyright a {
  color: #fff;
}

/*# sourceMappingURL=style.css.map */

/*===profile setting===*/
.profile-box.form-group {
  margin-bottom: 20px;
  position: relative;

}

.my-profile-box .profile-box img {
  border-radius: 5px;
}

.profile-box .file-upload {
  display: inline-block;
  position: absolute;
  left: 126px;
  bottom: 0px;
}

.profile-box .file-upload .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.profile-box .file-upload .inputfile+label {
  cursor: pointer;
}

.profile-box .file-upload i {
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16.5px;
  margin-top: -0.5px;
}

ul.list-set {
  padding-left: 20px;
}

ul.list-set li {
  list-style: unset;
  margin-bottom: 20px;

  font-weight: 500;
  font-size: 15px;
}

.add-data {
  border: 1px solid #f0f0f0;
  padding: 36px 25px;
  text-align: center;
  margin-bottom: 30px;
  border-radius: 8px;
  margin-top: 12px;
}

.add-data .file-upload input#Addfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.tbl-img img {
  width: 25%;
}

.bookings-listings-box table tbody td {
  padding: 30px 25px;
  border-top: 1px dashed #eee;
}

.bookings-listings-box table tbody td,
.bookings-listings-box table thead th {
  white-space: nowrap;
  vertical-align: middle;
  border-bottom: 1px dashed #eee;
  border-right: 1px dashed #eee;
}

.bookings-listings-box table tbody tr {
  transition: all 0.2s;
}

.bookings-listings-box table tbody tr:hover {
  box-shadow: 0 0 30px rgb(14 138 116 / 10%);
}

.bookings-listings-box table tbody td.name .info span {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  font-weight: 600;
}

.bookings-listings-box table tbody td.name .info ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.bookings-listings-box table tbody td.name .info ul li {
  color: #000;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  font-size: 14px;
  font-weight: 500;
}

.bookings-listings-box table tbody td.details ul li i {
  color: #000;
  position: relative;
  top: 0.8px;
}

.bookings-listings-box table tbody td.details ul li span {
  color: #000;
  font-weight: 600;
  margin-right: 7px;
}

.bookings-listings-box table tbody td.name .info ul li:before {
  content: "";
  position: absolute;
  right: -10px;
  top: 5px;
  width: 1px;
  height: 12px;
  background-color: #eee;
}

.bookings-listings-box table tbody td.name .info ul li a {
  color: #000;
  display: inline-block;
}

.bookings-listings-box table tbody td.details h4 {
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 600;
}

.bookings-listings-box table tbody td.details ul li {
  margin-top: 12px;
  color: #757373;
  font-size: 14px;
}

.bookings-listings-box table tbody td.details h4 .bookings-status {
  border-radius: 30px;
  color: #fff;
  padding: 3px 10px 3.5px;
  position: relative;
  background-color: #f0a705;
  top: -2px;
  margin-left: 2px;
  font-weight: 500;
  font-size: 12px;
}

.bookings-listings-box table tbody td.details h4 .bookings-status.canceled {
  background-color: red;
}

.bookings-listings-box table tbody td.details h4 .bookings-status.approved {
  background-color: #64bc36;
}

.book-event .modal-header:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333f57;
  opacity: .8;
  z-index: -1;
  border-top-left-radius: calc(8px - 1px);
  border-top-right-radius: calc(8px - 1px);
}

.book-event .modal-header {
  padding: 18px 25px;
  border-bottom: none;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  border-top-left-radius: calc(8px - 1px);
  border-top-right-radius: calc(8px - 1px);
  color: #fff;
}

.book-event .modal-title {
  color: #fff;
  font-size: 18px;
}

.mh-bg-2 {
  background-image: url("../images/events/bg.jpg");
}

.single-listings-box {
  margin-bottom: 35px;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.listings-content {
  padding: 11px 15px;
}

.single-listings-box .listings-image {
  border-radius: 5px 5px 0 0;
  position: relative;
  z-index: 1;
}

.single-listings-box .listings-content .listings-meta {
  padding-left: 0;
  list-style-type: none;
}

.single-listings-box .listings-content .listings-meta li {
  display: inline-block;
  margin-right: 12px;
  color: var(--optionalColor);
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 13px;
}

.single-listings-box .listings-content .listings-meta li i {
  font-weight: 400;
  color: #fff;
  margin-right: 2px;
  width: 25px;
  height: 25px;
  text-align: center;
  display: inline-block;
  line-height: 25px;
  background-color: #e8e8e8;
  border-radius: 50%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.single-listings-box .listings-content h3 {
  margin-bottom: 14px;
  font-size: 20px;
}

.period-btn svg path {
  fill: #3c32b5;
}

/*====chat area====*/
.chat-content-area {
  margin-bottom: 30px;
}

.chat-content-area .sidebar-left {
  float: left;
  overflow-y: scroll;
}

.chat-content-area .sidebar-left .sidebar {
  background-color: #fff;
  -webkit-box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);
  box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);
  padding: 25px;
  width: 300px;
}

.chat-content-area .sidebar-left .sidebar .chat-sidebar-header {
  padding-bottom: 25px;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content {
  height: calc(100vh - 325px);
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label {
  color: #000;
  margin-top: 25px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-weight: 600;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label:before {
  width: 70px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #b65959;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar {
  position: relative;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 1px;
  top: 1px;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-busy {
  background-color: #ff5b5c;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-online {
  background-color: #39da8a;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-away {
  background-color: #fdac41;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-offline {
  background-color: #475f7b;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li span {
  color: #71738d;
  font-size: 14.5px;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li {
  cursor: pointer;
  margin-bottom: 20px;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li h6 {
  margin-bottom: 3px;
  font-size: 14.5px;
  font-weight: 600;
}

.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li span {
  color: #71738d;
  font-size: 14.5px;
}

.chat-content-area .content-right {
  float: right;
  width: calc(100% - 330px);
}

.chat-content-area .content-right .chat-list-wrapper .chat-list {
  background-color: #fff;
  -webkit-box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);
  box-shadow: 1px 5px 24px 0 rgb(68 102 242 / 5%);
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header {
  padding: 15px 20px;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container {
  height: calc(100vh - 340px);
  background-color: #e3e6f1;
  padding: 25px 20px;
  overflow-y: scroll;
  background-image: url("../images/events/chat-bg.png");
  background-position: 50%;
  background-size: contain;
  background-repeat: repeat;
}

.mr-3 {
  margin-right: 20px;
}

.text-right {
  text-align: right;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content {
  text-align: center;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-avatar {
  float: right;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body {
  overflow: hidden;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message:first-child {
  margin-top: 0 !important;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message {
  position: relative;
  float: right;
  max-width: 420px;
  text-align: left;
  padding: 12px 16px;
  margin: 10px 21.28px 21.28px 0;
  clear: both;
  word-break: break-word;
  color: #fff;
  background-color: #3578e5;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p {
  color: #fff;
  margin-bottom: 0;
  font-size: 14px;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message .time {
  position: absolute;
  bottom: -25px;
  right: 0;
  color: #6b7886;
  font-size: .8rem;
  white-space: nowrap;
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-avatar {
  float: left;
}

.chat.chat-left .chat-body .chat-message {
  text-align: left;
  float: left;
  margin: 10px 0 21.28px 21.28px;
  color: #727e8c;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer {
  background-color: #fafafa;
  padding: 15px 20px;
}

.quiz_card_area {
  position: relative;
}

.quiz_card_area {
  position: relative;
  margin-bottom: 30px;
}

.single_quiz_card {
  border: 1px solid #f9f9f9;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  transition: all 0.3s linear;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.quiz_card_title {
  padding: 18px 6px;
  text-align: center;
  background-color: #f9f9f9;
}

.quiz_card_title h3 {
  font-size: 17px;
  font-weight: 400;
  color: #292d3f;
  margin-bottom: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.quiz_card_title h3 i {
  opacity: 0;
}

.quiz_card_icon {
  max-width: 100%;
  min-height: 135px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quiz_icon {
  width: 70px;
  height: 75px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -khtml-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.quiz_checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  cursor: pointer;
}

.quiz_checkbox:checked~.single_quiz_card {
  border: 1px solid #3c32b5;
  box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
}

.quiz_checkbox:checked:hover~.single_quiz_card {
  border: 1px solid #3c32b5;
}

.quiz_checkbox:checked~.single_quiz_card .quiz_card_content .quiz_card_title {
  background-color: #3c32b5;
  color: #ffffff;
}

.quiz_checkbox:checked~.single_quiz_card .quiz_card_content .quiz_card_title h3 {
  color: #ffffff;
}

.quiz_checkbox:checked~.single_quiz_card .quiz_card_content .quiz_card_title h3 i {
  opacity: 1;
}

.quiz_checkbox:checked~.single_quiz_card .quiz_card_content .quiz_card_icon {
  color: #3c32b5;
}

.quiz_checkbox:checked:hover~.quiz_card_title {
  border: 1px solid #3c32b5;
}

.quiz_card_icon {
  font-size: 54px;
  color: #575656;
}

.rating-stars ul {
  display: inline-flex;
}

#role-select {
  display: none;
}

/*=====pricing table=====*/
.pricing-table .ptable-single {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pricing-table .ptable-header,
.pricing-table .ptable-body,
.pricing-table .ptable-footer {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.pricing-table .ptable-status,
.pricing-table .ptable-title,
.pricing-table .ptable-price,
.pricing-table .ptable-description,
.pricing-table .ptable-action {
  position: relative;
  width: 100%;
  text-align: center;
}

.pricing-table .ptable-single {
  background: #ffffff;

  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px;
  transition: .2s ease-in-out;
}

.pricing-table .ptable-single:hover {
  box-shadow: 0 0 10px #999999;
}

.pricing-table .ptable-header {
  /*margin: 0 30px;*/
  padding: 30px 0 45px 0;
  width: auto;
  background: #3c32b5;
}

.pricing-table .ptable-header::before,
.pricing-table .ptable-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #ffffff;
}

.pricing-table .ptable-header::before {
  right: 50%;
  border-right: 250px solid transparent;
}

.pricing-table .ptable-header::after {
  left: 50%;
  border-left: 250px solid transparent;
}

.pricing-table .ptable-item.featured-item .ptable-header {
  background: #fb3e7a;
}

.pricing-table .ptable-status {
  margin-top: -30px;
}

.pricing-table .ptable-status span {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 5px 0;
  text-align: center;
  color: #fb3e7a;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  background: #2A293E;
}

.pricing-table .ptable-status span::before,
.pricing-table .ptable-status span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #fb3e7a;
}

.pricing-table .ptable-status span::before {
  right: 50%;
  border-right: 25px solid transparent;
}

.pricing-table .ptable-status span::after {
  left: 50%;
  border-left: 25px solid transparent;
}

.pricing-table .ptable-title h2 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 2px;
}

.pricing-table .ptable-price h2 {
  margin: 0;
  color: #ffffff;
  font-size: 45px;
  font-weight: 700;
  margin-left: 15px;
}

.pricing-table .ptable-price h2 small {
  position: absolute;
  font-size: 18px;
  font-weight: 300;
  margin-top: 16px;
  margin-left: -15px;
}

.pricing-table .ptable-price h2 span {
  margin-left: 3px;
  font-size: 16px;
  font-weight: 300;
}

.pricing-table .ptable-body {
  padding: 20px 0;
}

.pricing-table .ptable-description ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pricing-table .ptable-description ul li {
  color: #2A293E;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 7px;
  border-bottom: 1px solid #dedede;
}

.pricing-table .ptable-description ul li:last-child {
  border: none;
}

.pricing-table .ptable-footer {
  padding-bottom: 30px;
}

.profile-box.uplaodfile {
  margin-bottom: 43px;
}

.form-group.profile-box.uplaodfile .file-upload {
  left: 50%;
  transform: translateX(-50%);
}

.add-file img {
  width: 100%;
  height: 120px;
}

/*=====choose artist====*/
.box-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding-inline: 20px;
  padding-block: 20px;
  background-color: #ffffff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  margin-bottom: 30px;
}

.box-card>h2 {
  font-size: 24px;
}

.box-card .card-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  z-index: 1;
}

.box-card .card-content .card-img img {
  position: relative;
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}

.box-card .card-content .card-img::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 5px);
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: inherit;
  filter: blur(14px);
  border-radius: inherit;
  z-index: -1;
}

.box-card .card-content .card-text {
  text-align: center;
  line-height: 24px;
}

.box-card .card-content .card-text b {
  font-size: 16px;
  letter-spacing: 0.5px;
}

.box-card .card-content .card-text p {
  font-size: 14px;
  color: #767a87;
}

.cat {
  margin: 5px;
  background-color: #ffffff;
  border-radius: 9px;
  border: 1px solid #c3c2c2;
  overflow: hidden;
  float: left;
}

.cat.performance-cat label {
  width: 11em;
  height: 49px;
}

.cat.performance-cat span {
  padding-top: 0px;
  line-height: 17px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
}

.cat label input {
  position: absolute;
  display: none;
  color: #fff !important;
}

/* selects all of the text within the input element and changes the color of the text */
.cat label input+span {
  color: #101130;
  font-weight: 500;
  padding-top: 58px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 20px;
  height: 8em;
}

.cat-icon {
  position: absolute;
  text-align: center;
  width: 14em;
  padding-top: 3px;
}

.cat-icon span.icon {
  position: relative;
  text-align: center;
  font-size: 35px;
  color: #101130;
}


/* This will declare how a selected input will look giving generic properties */
.cat input:checked+span {
  color: #ffffff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.face-cat label input+span {
  color: #3c599f;
}

.face-cat {
  border: 1px solid #3c599f;

}

.you-cat label input+span {
  color: #C52F30;
}

.you-cat {
  border: 1px solid #C52F30;

}

.link-cat label input+span {
  color: #0A66C2;
}

.link-cat {
  border: 1px solid #0A66C2;

}

.dri-cat label input+span {
  color: #F46899;
}

.dri-cat {
  border: 1px solid #F46899;

}

.face-cat input:checked+span {
  background-color: #3c599f;
}

.you-cat input:checked+span {
  background-color: #C52F30;
}

.link-cat input:checked+span {
  background-color: #0A66C2;
}

.dri-cat input:checked+span {
  background-color: #F46899;
}


/*=====uplaod file===*/
.file-upload-wrapper {
  width: 60%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box-fileupload {
  background: #d3e7ff;
  width: 80%;
  padding: 50px;
  border: 2px dashed #a9e4f1;
  border-radius: 3px;
}

.file-upload-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background: #fff;
  padding: 20px 0;
  border-radius: 4px;
}

.box-fileupload {
  background: #d3e7ff;
  width: 90%;
  padding: 50px;
  border: 3px dashed #8fd9ea;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.file-upload-input {
  display: none;
}

label.file-upload-btn {
  width: 182px;
  height: 120px;
  background-image: url(http://www.pngall.com/wp-content/uploads/2/Upload-PNG-Image-File.png);
  background-size: cover;
  background-position: center center;
  background-origin: border-box;
  background-repeat: no-repeat;
}

.image-previwe {
  width: 90%;
  height: auto;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}

.image-previwe__image {
  min-width: 129px;
  min-height: 130px;
  border: 2px solid #5c8ac3;
  border-radius: 5px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 10px;
  position: relative;
  -webkit-box-shadow: 0 13px 6px -8px rgba(0, 0, 0, 0.3),
    0 0 4px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 13px 6px -8px rgba(0, 0, 0, 0.3),
    0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;

}

.image-previwe__delete-btn {
  width: 25px;
  height: 25px;
  background: #000000ab;
  color: #fff;
  border-radius: 28px;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
  z-index: 2;
}

.image-previwe__delete-btn::before,
.image-previwe__delete-btn::after {
  content: "";
  display: block;
  width: 56%;
  height: 2px;
  background: #fff;
  position: absolute;
}

.image-previwe__delete-btn::after {
  transform: rotate(43deg);
}

.image-previwe__delete-btn::before {
  transform: rotate(-40deg);
}

.image-previwe__hover {
  background: #0000008f;
  color: #fff;
  display: inline-flex;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all .4s;
  left: 0;
  right: 0;
  top: 0;
  box-sizing: border-box;
  text-align: center;
}

.image-previwe__hover p {
  font-size: 13px;
  width: 100%;
  padding: 10px;
  word-wrap: break-word;
}

.image-previwe__hover:hover,
.image-previwe__close-btn:hover {
  opacity: 1;
}

.file-upload-wrapper-title {
  width: 92%;
  min-height: 50px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

.file-upload-wrapper-title h4 {
  display: inline-block;
  font-size: 20px;
  padding: 10px 0px 6px 0;
  font-weight: 200;
}


.box-fileupload__lable {
  font-size: 20px;
  margin: 10px 0;
  color: #1471ad;
}

.doctor-widget,
.doc-info-left {
  display: flex;
}

.doc-department {
  color: #20c0f3;
  font-size: 14px;
  margin-bottom: 2px;
}

.doc-department img {
  width: 19px;
  display: inline-block;
  margin-right: 10px;
}

.doctor-img {
  flex: 0 0 150px;
  margin-right: 20px;
  width: 150px;
}

.doctor-img img {
  border-radius: 5px;
}

.doctor-widget .doc-name {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 3px;
}

.doc-speciality {
  font-size: 14px;
  color: #757575;
  margin-bottom: 5px;
}

.clinic-details {
  margin-bottom: 15px;
}

.doc-location {
  color: #757575;
  font-size: 14px;
  margin-bottom: 14px;
}

.clinic-details ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clinic-details ul li {
  display: inline-block;
  padding-right: 5px;
}

.clinic-details ul li a img {
  border-radius: 5px;
  width: 40px;
  height: 38px;
}

.doc-info-right {
  margin-left: auto;
  flex: 0 0 205px;
  max-width: 205px;
}

.clini-infos {
  margin-bottom: 15px;
}

.clini-infos ul {
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.clini-infos ul li {
  display: block;
  line-height: 30px;
  color: #4e4852;
}

.clini-infos ul li i {
  font-size: 15px;
  min-width: 30px;
  margin-right: 7px;
}

.doc-location i {
  margin-right: 6px;
}

.clinic-services {
  color: #272b41;
  display: flex;
  font-size: 13px;
  flex-wrap: wrap;
}

.clinic-services span {
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  padding: 3px 10px;
  margin-right: 10px;
}

.place-box {
  font-size: 11px;
  margin-bottom: 0px;
}

.req-box {
  font-size: 12px;
  margin-bottom: 2px;
}

.date-box {
  width: 70px;
  background: #3c32b5;
  text-align: center;
  border-radius: 12px;
  margin-right: 11px;
  padding: 6px;
  color: #fff;
}

.date-box .date-pic {
  font-size: 40px;
  color: #fff;
  line-height: 40px;
}

.date-box .year-month {
  font-size: 11px;
}

.add-file img {
  width: 100%;
  height: 84px;
}

.form-group.profile-box.uplaodfile .file-upload {
  left: 50%;
  transform: translateX(-50%);
}

.add-file .profile-box.uplaodfile {
  margin-bottom: 43px;
}



/*============other-checkbox======*/
.checkbox-group {
  display: flex;
  flex-wrap: wrap;

  max-width: 100%;
  user-select: none;
}

.checkbox-group>* {
  margin: 0.5rem 0.5rem;
}

.checkbox-input {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.checkbox-input:checked+.checkbox-tile {
  border-color: #3c32b5;
  box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
  color: #3c32b5;
}

.checkbox-input:checked+.checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
  background-color: #3c32b5;
  border-color: #3c32b5;
}

.checkbox-input:checked+.checkbox-tile .checkbox-icon,
.checkbox-input:checked+.checkbox-tile .checkbox-label {
  color: #3c32b5;
}

.checkbox-input:focus+.checkbox-tile {
  border-color: #3c32b5;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}

.checkbox-input:focus+.checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
}

.checkbox-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 13.5rem;
  min-height: 7rem;
  border-radius: 0.5rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
}

.checkbox-tile:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  border-radius: 50%;
  top: 0.25rem;
  left: 0.25rem;
  opacity: 0;
  transform: scale(0);
  transition: 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.checkbox-tile:hover {
  border-color: #3c32b5;
}

.checkbox-tile:hover:before {
  transform: scale(1);
  opacity: 1;
}

.checkbox-icon {
  transition: 0.375s ease;
  color: #494949;
}

.checkbox-icon svg {
  width: 3rem;
  height: 3rem;
}

.checkbox-label {
  color: #707070;
  transition: 0.375s ease;
  text-align: center;
}


/*price range====*/
.price-range-slider {
  width: 100%;
  float: left;
  padding: 10px 20px;
}

.price-range-slider .range-value {
  margin: 0;
}

.price-range-slider .range-value input {
  width: 100%;
  background: none;
  color: #000;
  font-size: 16px;
  font-weight: initial;
  box-shadow: none;
  border: none;
  margin: 20px 0 20px 0;
}

.price-range-slider .range-bar {
  border: none;
  background: #000;
  height: 3px;
  width: 96%;
  margin-left: 8px;
}

.price-range-slider .range-bar .ui-slider-range {
  background: #06b9c0;
}

.price-range-slider .range-bar .ui-slider-handle {
  border: none;
  border-radius: 25px;
  background: #fff;
  border: 2px solid #06b9c0;
  height: 17px;
  width: 17px;
  top: -0.52em;
  cursor: pointer;
}

.price-range-slider .range-bar .ui-slider-handle+span {
  background: #06b9c0;
}

/*==========slider btn=====*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #f74e27;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* .menu2 {
  position: absolute;
  bottom: 0;
  width: 100%;
} */

.lastpro-img {
  width: 44px;
}

.metismenu.mm-show li ul li a {
  text-align: left;
}

.proin .col-xl-7 img {
  object-fit: cover;
  border-radius: 0.3rem;
  height: 100%;
}

.col-xl-7 .imgdiv {
  width: 100% !important;
  height: 128px;
}

.col-xl-5 .imgdiv {
  width: 100% !important;
  height: 126px;
}

.col-xl-5 .col-xl-12 .imgdiv {
  width: 100% !important;
  height: 60px;
}

.proin .col-xl-5 img {
  width: 100% !important;
  height: inherit;
  object-fit: cover;
  border-radius: 9px;
}

.proin .col-xl-12 img {
  width: 100% !important;
  height: inherit;
  object-fit: cover;
  border-radius: 0.3rem;
}


.profile-tab .tab-pane p {
  font-size: 13px;
  line-height: inherit;
}

.boxs {
  padding: 5px 13px;
  border-radius: 20px;
  margin-bottom: 4%;
}

.custom-tab-1 h4 {
  margin-bottom: 5%;
  font-size: 1rem;
  color: #757a91;
  font-weight: 400;
  position: relative;
}

.profile-about-me strong {
  color: #092048;
  font-weight: 600;
  font-size: 13px;
}

.profile-about-me .project-1 p {
  font-size: 12px;
  color: #2a489a78;
  margin-bottom: 4px;
}

.profile-about-me .project-1 span {
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  text-decoration: underline;
}

.profile-about-me p.mb-2 {
  color: #092048;
  /* font-weight: 500; */
  font-size: 0.85rem;
}

.custom-tab-11 .boxs {
  display: -webkit-box;
}


.custom-tab-1 .boxs a {
  /* float: right; */
  margin-left: auto;
  height: min-content;
  margin-top: auto;
  margin-bottom: auto;
  font-weight: 100;
  /* font-size: 11px; */
}

.custom-tab-1 .boxs span {}

.sizediv {
  width: 48%;
  margin-top: 3%;
  margin-bottom: 3%;
  display: inline-block;
}

.sizediv img {
  width: 30%;
}

.ml-auto {
  margin-left: auto;
}

.nameh4 {
  color: black !important;
  font-size: 24px !important;
  font-weight: 600;
}

.pername {
  color: black;
  font-size: 19px;
  margin-bottom: 0;
}


.liaction {
  width: 48%;
  display: inline-block;
  padding: 5%;
}

.liaction a {
  background: #0db8a8 !important;
  border-radius: 8px !important;
  color: white !important;
  text-align: center;
}

.liaction a img {
  text-align: center;
  /* margin: auto; */
  /* display: block; */
  filter: invert(1);
}

.quicktitle {
  padding: 6px 20px 6px 20px;
  padding: 6px 16px 6px 14px;
  display: block;
  color: #000000d4;
  /* background: #a09a9a0a; */
  font-size: 13px;
  /* font-weight: 500; */
  border-bottom: 1px solid #0000000f;
  border-top: 1px solid #0000000f;
}

.gxvalue {
  --bs-gutter-x: unset;
  padding: 11px;
}

.icon-inner-div {
  background: #3f51b50d;
  margin: 5px;
  border-radius: 5px;
  padding: 5%;
  text-align: center;
}

.icon-inner-div a {
  text-align: center !important;
}

.icon-inner-div img {
  width: 61% !important;
}

.card.is-post .card-heading {
  padding: 16px 16px 0 16px;
  display: flex;
  /* justify-content: flex-start; */
  justify-content: space-between;
  align-items: center;
}

#feed-post-1 .card-body .post-image .custom-carousel img {
  display: block;
  border-radius: 0.75rem !important;
  width: 100%;
  height: 300px !important;
  object-fit: cover;
}

.comment-likes {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  gap: 6px;
}

.card.is-post .card-heading .user-block.d-flex {
  align-items: center;
}

.commentdiv b {
  font-size: 13px;
  color: #acb2cc !important;
  font-weight: 400 !important;
  margin-left: 3px;
}

.card.is-post .content-wrap .post-image,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image {
  position: relative;
  margin: 0px 0;
  /* padding: 0 1rem; */
}

.card.is-post .content-wrap .post-image .masonry-grid .single {
  width: 100%;
}

.card.is-post .content-wrap .post-image .masonry-grid .single a video {
  height: 291px !important;
  border-radius: 17px !important;
  /* object-fit: cover; */
}

.card.is-post .content-wrap .post-image .masonry-grid .single a .image img {
  border-radius: 17px !important;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.card.is-post .content-wrap .post-image .masonry-grid .masonry-column .image img {
  height: 100%;
  width: 100%;
  /* object-fit: cover; */

}

/* .card.is-post .content-wrap .post-image .masonry-grid .masonry-column .image{ height: "180px"} */
.custom-carousel.p-carousel.p-component.p-carousel-horizontal {
  padding: 0 1rem;
}

.upload-imgCarousel .custom-carousel.p-carousel.p-component.p-carousel-horizontal {
  padding: 0;
}

.card.is-post .content-wrap .post-image .fab-wrapper.is-share,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-share {
  right: 58px;
}

.card.is-post .content-wrap .post-image .fab-wrapper,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper {
  /* position: absolute; */
  bottom: -21px;
  max-height: 43px;
}

.fab-wrapper.is-share a {
  background: #6ba4e9;
  box-shadow: 0 14px 26px -12px rgb(85 150 230 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(85 150 230 / 20%) !important;
}

.fab-wrapper .small-fab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  border-radius: 50%;
  color: #fcfcfc;
  opacity: 1;
  transition: all .3s;
  z-index: +1;
  position: relative;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex;
}

.card.is-post .content-wrap .card-footer .likers-group img {
  height: 29px;
  width: 29px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.card.is-post .content-wrap .card-footer .likers-text p {
  font-size: .8rem;
  color: #8c8d95;
  margin: 0;
}

.card.is-post .content-wrap .card-footer .likers-text {
  margin-left: 0px;
  line-height: 1.4;
}

.card.is-post .content-wrap .card-footer .social-count {
  margin-left: auto;
  display: flex;
  align-items: stretch;
}

.card.is-post .content-wrap .card-footer .social-count .shares-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
}

.card.is-post .content-wrap .card-footer .social-count .comments-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
}

.card.is-post .content-wrap .card-footer .social-count .comments-count svg {
  height: 18px;
  width: 18px;
  stroke: #888da8;
}

.card.is-post .content-wrap .card-footer .social-count .shares-count svg {
  height: 18px;
  width: 18px;
  stroke: #888da8;
}

.card.is-post .content-wrap .card-footer .social-count .likes-count svg {
  height: 18px;
  width: 18px;
  stroke: #888da8;
}

.likes-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
  font-size: 13px;
  flex-wrap: nowrap;
}

.card.is-post .content-wrap .card-footer .likers-group img:not(:first-child) {
  margin-left: -12px;
}

.fab-wrapper .small-fab svg {
  width: 15px;
  height: 15px;
  transition: all .3s;
  color: black;
}

.draft .card.is-post .user-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card.is-post .image {
  display: block;
  position: relative;
  /* height: -webkit-fill-available; */
}

.card.is-post .user-block .user-info {
  padding: 0 10px;
}

.card.is-post .user-block .user-info a {
  line-height: 1.1;
  font-size: .9375rem;
  font-family: Inter, sans-serif;
  font-weight: 700;
  color: #393a4f;
  transition: color .3s;
  text-decoration: none;
}

.card.is-post .user-block img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.card.is-post {

  position: relative;
  margin-bottom: 1rem;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 0.3rem;
  box-shadow: none;
}

.popup .card.is-post {
  height: 360px;
  overflow-y: scroll;
  position: relative;
  margin-bottom: 1.5rem;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 0.85rem;
  box-shadow: none;
}

.card.is-post .user-block .time {
  font-size: .6875em;
  color: #7f8ca2 !important;
  font-weight: 500;
  margin-top: 3px;
}

.card.is-post .content-wrap .post-image .like-wrapper {
  /* position: absolute;
  bottom: -18px;
  left: 10px; */
  max-height: 54px;
}

.card.is-post .content-wrap .post-image .fab-wrapper.is-comment,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper.is-comment {
  left: 53px;
}

.card.is-post .content-wrap .post-image .fab-wrapper,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .fab-wrapper {
  /* position: absolute; */
  bottom: -18px;
  max-height: 43px;
}

.like-wrapper .like-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  gap: 2px;
}

.fab-wrapper.is-comment {
  display: flex;
  font-size: 12px;
  align-items: center;
  justify-self: center;
  gap: 5px;
}

.card.is-post .user-block a,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block a,
.card.is-post .user-block .time,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .user-block .time {
  display: block;
}

.card .card-heading .dropdown {
  margin-left: auto;
}


.card-heading .dropdown.is-spaced>div .button svg {
  height: 20px;
  width: 20px;
  transition: all .3s;
}

.card.is-post .content-wrap .post-image img {
  display: block;
  border-radius: 0.75rem !important;
  width: 100%;

  /* object-fit: cover; */
}

/* #feed-post-1 .card-body .post-image .image img {
    height: 370px;
} */
.card.is-new-content .tabs ul,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs ul {
  background: #fcfcfc;
}

.tabs ul {
  align-items: center;
  border-bottom-color: #dbdbdb;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}

.card.is-new-content .tabs li,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .tabs li {
  background: #fcfcfc;
}

.card.is-new-content .compose,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose {
  padding: 16px;
  border-bottom: 1px solid #e8e8e8;
}

.card.is-new-content .compose .compose-form,
.shop-wrapper .cart-container .cart-content .cart-summary .is-new-content.summary-card .compose .compose-form {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.carousel-wrap {
  margin: 9px auto;
  padding: 0 1%;
  width: 96%;
  position: relative;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  padding: 5% 0% 0;
  border-radius: 100%;
}

/*.owl-carousel .owl-item {
    min-height: 1px;
    margin-right: 9px!important;}*/

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  text-align: center;
  color: black;
  background: #fafafa;
  padding: 15%;
  border-radius: 7px;

}

.owl-co2 .owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
  text-align: center;
  color: black;
  background: #fafafa;
  padding: 0.3rem;
  border-radius: 7px;
}

.owl-co p {
  color: #50606f;
  font-size: .8375rem;
}

.owl-co b {
  /* color: #a2a5b9;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.4;
  text-align: center;
  font-weight: 500;
  font-size: 11px;
  font-family: "Roboto", sans-serif; */
  font-size: .6875em;
  color: #7f8ca2 !important;
  font-weight: 500;
  margin-top: 0;
}

.owl-nav>div {
  margin-top: -26px;
  position: absolute;
  top: 46%;
  color: #09204829;
}

.owl-nav i {
  font-size: 28px;
}

.owl-nav .owl-prev {
  left: 7px;
}

.owl-nav .owl-next {
  right: 7px;
}

.upcome {
  display: block;
  background: #ffffff;
  padding-right: 2rem;
  font-family: "Montserrat", sans-serif;
  border-bottom: 1px solid #0000000a;
  font-style: normal;
  font-size: 15px !important;
  color: #283252;
  color: #000000 !important;
  font-weight: 600 !important;
  border-bottom: 1px dashed #00000040;
  padding-bottom: 0.5rem;
}

.upcomehead {
  display: block;
  background: #ffffff;
  padding: 0 0 6px;
  font-size: 17px;
  font-weight: 600;
  color: black;
  border-bottom: 1px solid #0000000a;
  font-style: normal;
}

.b-color {
  font-size: 11px !important;
  /* background: #1bd3cd; */
  padding: 0px 0px;
  color: #b2aeae !important;
  font-weight: 500 !important;
  border-radius: 4px;
  margin-top: 0px;
  line-height: 2;
}

.lastimgdiv {
  position: relative;
}

.lastimgdiv div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  text-align: center;
  margin: auto;
  font-weight: 500;
  line-height: 4.8;
  font-family: 'Roboto';
  border-radius: 0.3rem;
  cursor: pointer;
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(103, 28, 201, .2);
  background: #671cc9d9;
}

.lastimgdiv div span {
  color: white;
  line-height: 120px;
}

.imgdiv.lastimgdiv.dash-lastdiv span {
  line-height: 61px;
}

.col-xl-3 .boxs {
  padding: 0.8rem 0 0;
  border-radius: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #00000014;
}

.boxs.boxs2 .item {
  text-align: center;
}

.boxs.boxs2 .image-content {
  margin-bottom: 7px;
}

.col-xl-3.third .dashboard-announcements .boxs {
  display: grid;
  grid-template-columns: 40px 1fr;
}

.col-xl-3.third .dashboard-announcements .boxs p.title {
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: #283252;
  font-weight: 500;
  margin-bottom: 2px;
  line-height: 1.3;
}

.custom-tab-11 p.mb-2 {
  color: #a2a5b9;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 100;
}

.boxs2 {
  padding: 10px 13px;
  border-radius: 16px;
  margin-bottom: 0% !important;
  border-bottom: 1px solid #ffffff12 !important;
  background: #ffffff05 !important;
}



.topmedia-section ul li {
  align-items: center;
  padding: 0.05rem 0.45rem;
  border-radius: 4px;
  font-size: 12px;
  color: #676a79;
  margin: 0px 0px 0px 7px;
  list-style: none;
  cursor: pointer;
  background: #eef0f2;
  border: 1px solid transparent;
  display: flex;
}

.topmedia-section ul li:hover {
  color: #671cc9;
}

.media-feed-item {
  position: relative;
  padding: 1.5rem;
  min-height: 220px;
  overflow: hidden;
}

.has-background-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 12px;
}

.item-duration {
  position: absolute;
  top: 13px;
  right: 9px;
  background: #ffffff;
  -webkit-box-shadow: 0 14px 26px -12px rgb(103 28 201 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(103 28 201 / 20%);
  box-shadow: 0 14px 26px -12px rgb(103 28 201 / 42%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(103 28 201 / 20%);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #000000;
  /* height: 2em; */
  padding-left: 0.3rem;
  padding-right: 0.2rem;
  border-radius: 4px;
  line-height: 2;
  z-index: 3;
  font-size: 12px;
}

span.tag.item-duration img {
  width: 25px;
}

.media-feed-item .play-button {
  position: absolute;
  top: 13px;
  left: 13px;
  /* background: #fff; */
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  outline: none;
  border-radius: 4px;
  z-index: 3;
  cursor: pointer;
  /* -webkit-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%); */
}

.play-button svg {
  position: relative;
  left: 0px;
  height: 30px;
  border-radius: 4px;
  width: 30px;
  fill: #fff;
  /* stroke: #283252; */
  -webkit-transition: all .3s;
  transition: all .3s;
}

.media-feed-item .item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#161616), to(rgba(255, 0, 0, 0)));
  background: linear-gradient(to top, #1c1c1cab, rgba(255, 0, 0, 0));
  z-index: 0;
}

.lowertext {
  color: #303030;
}

.top-gallery-title {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}

.media-feed-item .overlay-layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.media-feed-item .overlay-layer .overlay-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.media-feed-item .overlay-layer .overlay-content .inner-content {
  padding: 20px;
  color: #fff;
}

.media-feed-item .overlay-layer .overlay-content .inner-content .media-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  color: #fcfcfc;
  margin-bottom: 0px;
}

.col-xl-6 .leftside .media-feed-item .overlay-layer .overlay-content .inner-content .media-title {
  font-size: 2.2rem;
  line-height: 43px;
  text-transform: capitalize;
}

.media-feed-item .overlay-layer .overlay-content .inner-content .media-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.overlay-content .inner-content .media-meta img {
  display: block;
  height: 20px;
  width: 20px;
  min-width: 20px;
  border-radius: 50%;
  margin-right: 6px;
}

.media-feed-item .overlay-layer .overlay-content .inner-content .media-meta .meta-item {
  display: block;
  font-size: 0.65rem;
  font-weight: 400;
  color: #edeaea;
  text-decoration: none;
  transition: color .3s;
  letter-spacing: 0.2px;
}

.media-feed-item .overlay-layer .overlay-content .inner-content .media-meta .separator {
  padding: 0 10px;
  font-size: .8rem;
  color: #e3e3e3;
  opacity: .6;
  text-align: center;
  color: #fcfcfc;
}


.mr-4 {
  margin-right: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}


.mr-3 {
  margin-right: 0.4rem !important;
}

.ml-3 {
  margin-left: 0.4rem !important;
}

.mt-3 {
  margin-top: 0.9rem !important;
}

.mb-3 {
  margin-bottom: 0.4rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.tabrow span {
  color: #00000063;
  text-transform: uppercase;
}

.pr-3 {
  padding-right: 0.9rem !important;
}

.pl-3 {
  padding-left: 0.9rem !important;
}

.pt-3 {
  padding-top: 0.4rem !important;
}


.gallery-popupdiv .albumdiv .media-feed-item .item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#161616), to(rgba(255, 0, 0, 0)));
  background: linear-gradient(to top, #1616168c, rgb(255 0 0 / 0%));
  z-index: 0;
}

.gallery-popupdiv span svg {
  color: black;
}

.gallery-popupdiv svg {
  position: relative;
  left: 0px;
  height: 11px;
  color: white;
  width: 13px;
  /* fill: #283252; */
  /* stroke: #283252; */
  -webkit-transition: all .3s;
  transition: all .3s;
}

.gallery-popupdiv .likescommentlist svg {
  height: 16px;
  color: white;
  width: 16px;
}

.gallery-popupdiv .gallery .gallery-image button svg {
  height: 16px;
  color: red;
  width: 16px;
}

.innergallery svg {
  color: white !important;
}

.gallery-image p {
  font-size: 12px;
}

.comment-div {
  border-top: 1px solid #00000017;
  background: #ffffff54;
  padding: 2;
  padding: 1% 0 0 0;
  height: 410px;
  overflow-y: auto;
  border-radius: 0px;
  overflow-x: hidden;
}

.comment-div strong {
  font-size: 13px;
  color: black;
  margin-top: 7px;
  font-weight: 600;
}

.comment-div .is-post .card-heading {
  padding: 16px 0px 0 0px;
}

.comment-div .is-post .user-block img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.commhight .emoji-ul {
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
}

.commhight .like-list:hover .hover-liked-by {
  display: block;
  z-index: +999;
}

.commhight .like-wrapper .like-button {
  cursor: pointer;
}

.commhight .upload-like {
  right: -3rem;
    bottom: 20px;
}
.like-wrapper span:hover {
    color: #671cc9;
}
.comment-div .is-post {
  height: auto;
  overflow-y: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  border: 1px solid #e8e8e800;
  background: #fff0;
  border-radius: 0.85rem;
  box-shadow: none;
}

.gallery-popupdiv .play-button {
  position: absolute;
  top: 6px;
  right: 6px;
  left: auto;
  background: #fff0;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  outline: none;
  border-radius: 0.75rem;
  z-index: 3;
  cursor: pointer;
  -webkit-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 0%);

}

.gallery-popupdiv .gallery-image {
  position: relative;
  border-radius: 16px;
}

.gallery-popupdiv .gallery-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.gallery-popupdiv .gallery {
  width: 100%;
  /* height: 90vh; */
  max-width: 1600px;
  /* max-height: 800px; */
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 14px;

}

.notfound {
  background: var(--notfound-bg-color);

  background: transparent !important;
}

.gallery-popupdiv .gallery-image {
  width: 22rem;
  height: 210px;
  cursor: pointer;
  min-width: 225px;
  /* min-height: 200px; */
  margin: 0;
  overflow: hidden;
}

.gallery-comments {
  border: 1px solid #c0bfc3;
  background: #f2f2f2;
  margin-bottom: 6px;
  padding: 11px;
  border-radius: 9px;
  position: relative;
}

.gallery-comments:hover .comment-actions {
  display: block;
}

.gaprow {
  padding: 3rem 1rem;
  border-radius: 10px;
}

.comment-actions {
  display: none;
  position: absolute;
  right: 14px;
  top: 20px;
}

.comment-actions img {
  width: 10px;
  margin-left: 8px;
}

.gallery-comments .user-block {
  display: grid;
  grid-template-columns: 30px 1fr;
}

.gallery-comments .user-info a {
  line-height: 1.1 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #000 !important;
}

.gallery-comments .user-info p {
  font-size: 11px;
  line-height: 1.3;
  color: black;
  font-weight: 500;
}

.gallery-popupdiv .image {
  width: 27px;
  height: 27px;
  object-fit: cover;
  transition: 1s;
  margin-right: 6px;
}

.innergallery a.meta-item.is-hoverable {
  display: block;
  font-size: 0.67rem;
  font-weight: 500;
  color: white;
  text-decoration: none;
  transition: color .3s;
  letter-spacing: 0.2px;
}

.innergallery span.meta-item.d-flex.align-items-center {
  font-size: 0.67rem;
  font-weight: 500;
  color: white;
  letter-spacing: 0.2px;
  text-decoration: none;
  transition: color 0.3s;
}

.innergallery .separator {
  padding: 0 10px;
  font-size: .8rem;
  color: #e3e3e3;
  opacity: .6;
  text-align: center;
  color: #fcfcfc;
}

/* popup */
span.time {
  font-size: 12px;
}

.card.is-post .user-block .user-info p.m-0 {
  font-size: 12px;
  line-height: normal;
}

.popup .user-info li.pr-3 {
  font-size: 10px;
  color: #2196f3;
  margin-top: 3%;
}

.popup .user-info li {
  font-size: 8px;
  color: #bec1c1;
  margin: 4% 2px;
}

.gallery-popupdiv .popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 80%;
  max-width: 1600px;
  height: 83%;
  box-shadow: 0px 0px 91px 9px #00000047;
  max-height: 800px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  overflow: hidden;
  transition: 1s;
  opacity: 0;
}

.gallery-popupdiv .popup.active {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.gallery-popupdiv .popup.active .close-btn,
.gallery-popupdiv .popup.active .image-name,
.gallery-popupdiv .popup.active .index,
.gallery-popupdiv .popup.active .large-image,
.gallery-popupdiv .popup.active .arrow-btn {
  opacity: 1;
  transition: opacity .5s;
  transition-delay: 1s;
}

.gallery-popupdiv .top-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #00000000;
  color: #fff;
  text-align: center;
  line-height: 50px;
  font-weight: 300;
}

.gallery-popupdiv .image-name {
  opacity: 0;
}

.gallery-para {
  font-size: 13px;
  margin: 2% 0;
  line-height: initial;
  border-top: 1px solid #0000000a;
  padding: 2% 0;
  border-bottom: 1px solid #0000000a;
}

.gallery-popupdiv .close-btn {
  opacity: 0;
  position: absolute;
  top: 11px;
  right: 13px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* background: #08a798; */
  cursor: pointer;
}

.gallery-popupdiv .color-red {
  color: red;
}

.gallery-popupdiv .color-grey {
  color: grey;
}

/* .gallery-popupdiv a {
  line-height: 1.1;
  font-size: 16px;
  font-weight: 100;
  color: #000000;
  transition: color .3s;
  display: block;
} */


.gallery-popupdiv .arrow-btn {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: -13px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: none;
  cursor: pointer;
}

.gallery-popupdiv .left-arrow {
  left: 10px;
}

.gallery-popupdiv .right-arrow {
  right: 10px;
  transform: translateY(-50%) rotate(180deg);
}

.gallery-popupdiv .arrow-btn {
  background: rgb(255 255 255);
}

.gallery-popupdiv .arrow-btn img {
  filter: invert(1);
  width: 22px;
}

.ullist-edit {
  padding: 0 !important;
  width: 16rem !important;
}

.ullist-edit .firtullist {
  display: flex;
  background: #d1c4e98f;
  padding: 14px;
  margin: 0;
  align-items: center;
  border-radius: 6px 6px 0 0;
}

.ullist-edit .firtullist img {
  width: 41px !important;
  height: 41px;
  border-radius: 100%;
}

.firtullist {
  border: 6px solid white;
  border-radius: 11px;
}

.ullist-edit .firtullist div {
  display: grid;
  /* margin-top: auto; */
  margin-left: 4%;
}

.ullist-edit .firtullist div b {
  font-size: 14px;
  display: block;
  color: black;
  font-family: 'Atlassian Sans';
  font-weight: 600;
}

.ullist-edit li a {
  text-align: left;
}

.ullist-edit li {
  padding: 3% 7%;
}

.ullist-edit .firtullist div p {
  line-height: 1.5;
  font-size: 13px;
  color: #9d9d9d;
  margin-bottom: 0;
  font-weight: 400;
  text-align: left;
}

.ullist-edit .nxtullist {
  display: flex;
  background: #f9f9f905;
  padding: 3% 1%;
  border-bottom: 1px solid #0000000f;
  margin: 1%;
}

.menu-toggle .deznav .metismenu .nxtullist a {
  background: transparent;
  text-align: center;
  align-items: center;
  margin: 2px 0;
  padding: 0px 12px 0px 12px !important;
  font-size: 12px;
}

.ullist-edit .nxtullist img {
  width: 70px !important;
  height: 70px;
}

.ullist-edit .nxtullist div {
  display: grid;
  margin-top: auto;
  margin-left: 4%;
}

.ullist-edit .nxtullist div b {
  font-family: "Montserrat", sans-serif;
  font-size: .76rem;
  font-weight: 500;
  color: #283252;
  display: block;
}

.ullist-edit .nxtullist div p span {
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
  font-size: .75rem;
}

.ullist-edit .nxtullist svg {
  vertical-align: middle;
  color: #808484;
}

.lastbtnn {
  background: #ec4119 !important;
  color: #fcfcfc !important;
  text-align: center !important;
  /* margin: auto; */
  display: block !important;
  padding: 4% !important;
  font-size: 12px !important;
  border-radius: 7px !important;
  cursor: pointer;
  transition: all .3s;
}

.lastbtnn:hover {
  opacity: .9;
  -webkit-box-shadow: 0 14px 26px -12px rgb(201 28 28 / 42%), 0 4px 23px 0px rgb(255 0 0 / 12%), 0 8px 10px -5px rgb(201 28 28 / 20%);
  box-shadow: 0 14px 26px -12px rgb(201 28 28 / 42%), 0 4px 23px 0px rgb(255 0 0 / 12%), 0 8px 10px -5px rgb(201 28 28 / 20%);
}

.ullist-edit .nxtullist a {
  width: 100%;
  display: flex;
}

.ullist-edit .nxtullist div p {
  line-height: normal;
  font-size: 13px;
  color: #0000009c;
  text-align: left;
  margin: 0;
}


.gallery-popupdiv .index {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 80px;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  z-index: -9;
}

.gallery-popupdiv .large-image {
  margin-top: 5%;
  width: 80%;
  height: 80%;
  object-fit: contain;
  opacity: 0;
}

.gallery-popupdiv .gallery .overlay-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.gallery-popupdiv .gallery .play-button {
  position: absolute;
  top: 6px;
  right: 6px;
  left: auto;
  background: #fff0;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  outline: none;
  border-radius: 0.75rem;
  z-index: 3;
  cursor: pointer;
  -webkit-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 0%);
}

.gallery-popupdiv .gallery .inner-content {
  padding: 11px;
  color: #fff;
}

.gallery-popupdiv .gallery .overlay-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 77px;
  width: 100%;
  z-index: 2;
  background-image: linear-gradient(360deg, rgb(7 7 7) -43%, rgb(242 242 242 / 11%) 58%, rgb(254 254 254 / 0%) 100%);

}

.top-ico {
  background: #673ab70f;
  padding: 8px 15px;
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
  z-index: +1;
}

.message-page {
  overflow: hidden;
}

.top-ico .i-ico {
  margin-right: 1%;
  border-right: 1px solid #00000024;
  padding-right: 1%;
  color: #3f51b5;
}

.i-ico1 {
  position: absolute;
  right: 12px;
  top: 14px;
}

.terms-gallery {
  width: 100%;
  max-width: 1600px;
  max-height: 800px;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  align-items: center;
}


.terms-gallery .gallery-image {
  width: 18%;
  height: auto;
  min-width: 250px;
  min-height: 200px;
  margin: 10px;
  overflow: hidden;
  background: white;
  padding: 1%;
  border: 1px solid #00000012;
}

.innerdiv-im {
  background: #f9f9f9;
  height: 172px;
  padding: 31% 0;
  text-align: center;
}

.innerdiv-im i {
  font-size: 34px;
  text-align: center;
  color: #ec4119;
}

.terms-gallery .textbox-div {
  padding: 4% 0;
}

.terms-gallery .textbox-div p {
  line-height: initial;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.terms-gallery .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
  border-radius: 12px;
}

.add-btncss {
  border: none;
  color: white;
  height: 31px;
  border-radius: 4px;
  line-height: 31px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
  background: linear-gradient(85deg, rgba(223, 52, 12, 1) -23%, rgb(255 93 19) 52%, rgba(212, 49, 11, 1) 153%);
  margin-left: 9px;
  text-decoration: none;
  cursor: pointer;
}

.back-gallerybtn {
  border: none;
  color: black;
  height: 32px;
  border-radius: 4px;
  line-height: 32px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  text-decoration: none;
  padding: 0px 10px 0 10px;
  background: #fff;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.back-gallerybtn:hover {
  color: black;
}

.p-dialog-header-icons {
  position: absolute;
  right: 0;
}

.gallery-popupdiv.p-dialog-header-icons {
  position: absolute;
  right: 0;
}

.popup .swiper-slide {
  height: 90vh;
  padding: 1rem 1rem 1rem 2rem;
  /* width: 687px !important; */
  margin-left: 0px;
  /* background: black; */
}

.main-topinfor h3 {
  color: black;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 0;
}

.main-topinfor p {
  font-size: 11px;
  text-transform: capitalize;
  color: black;
  font-weight: 600;
}

.main-topinfor p img {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin-right: 4px;
}

.commhight .emojis-group img {
  height: 16px;
  width: auto;
}

.commhight .post-footer {
  padding: 0 0rem;
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 19px) !important;
  right: auto;
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 19px) !important;
  left: auto;
}

.p-dialog-content {
  /* overflow: hidden; */
  flex-grow: inherit;
  box-shadow: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  outline: 0;
  padding: 0.5rem;
}

.add-btncss:hover {
  border: none;
  color: white;
  background: #ff5932;
}

.popup .swiper-slide img {
  /* height: 100%; */
  width: 100%;
  object-fit: cover;
}

.filter-employee .filter-div .add-btncss:hover {
  color: white;
  background: #ff5932;
}

.gallery-by .form-check-label {
  margin-right: 13px;
  letter-spacing: 0.2px;
  font-size: 14px;
  color: black;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: capitalize;
  font-family: sans-serif;
}

.gallery-by .form-check .form-check-input {
  float: left;
  margin-left: 0em;
  margin: 0;
}

.float-right {
  float: right;
}

.add-btncss-dark {
  color: black;
  /* color: #fff; */
  background-color: white;
  border-color: #092048;
  height: 34px;
  border-radius: 4px;
  line-height: 34px !important;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px !important;
  padding: 0px 12px;
}

.policysection div#myTabContent {
  width: 70%;
}

.policysection .main-policy-section h3 {
  font-weight: 500;
  font-family: 'Roboto';
  font-size: 20px;
  color: #5b14b8;
  width: fit-content;
  background: #671cc914;
  padding: 5px 11px
}

.bottom-policy-section {
  display: grid;
  grid-template-columns: 1fr 290px;
  border-top: 1px solid #0000002b;
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  align-items: flex-start;
}

.bottom-policy-section .right-documents {
  height: auto;
  padding: 8px;
  border: 2px dashed #c79cff;
  border-radius: 13px;
}

.bottom-policy-section .right-documents ul li .inner-docli {
  line-height: 18px;
}

.bottom-policy-section .right-documents ul {
  margin-bottom: 0;
}

.bottom-policy-section .right-documents ul li {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  gap: 11px;

  align-items: center;
  border-right: 3px solid #aaaaaa;
  padding: 8px;
  margin: 0px 0 8px;
  border-radius: 6px;
  background: #f3edfbba;
}

.bottom-policy-section .right-documents ul li:hover {
  border-right: 3px solid #f31b1b;
  background: #fef3f5ba;
}

.bottom-policy-section .right-documents p.title {
  width: fit-content;
  margin: 5px auto 8px;
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  padding-bottom: 1px;
  color: #797979;
}

.bottom-policy-section .right-documents ul li:nth-last-child(1) {
  margin-bottom: 0;
}

.bottom-policy-section .right-documents li .inner-docli p {
  margin-bottom: 0;
  margin-top: 0px;
  font-size: .8rem;
  color: #a2a5b9;
}

.bottom-policy-section .right-documents li img {
  border-radius: 4px;
  height: 35px;
  width: 35px;
  object-fit: cover;
}

.bottom-policy-section .right-documents li .inner-docli a {
  padding: 0;
}

.bottom-policy-section .right-documents li .inner-docli strong {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1;
  margin-bottom: 3px;
}

.bottom-policy-section .sub-section h5 {
  font-size: 17px;
  font-weight: 500;
  color: black;
}

.policy-module .media-meta img {
  display: block;
  height: 20px;
  width: 20px;
  min-width: 20px;
  border-radius: 50%;
  margin-right: 6px;
  margin-left: 6px;
}

.policy-module .media-meta .separator {
  padding: 0 10px;
  font-size: .8rem;
  color: #000;
  opacity: .6;
  text-align: center;
}

.policy-module .media-meta {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #888888;
  margin: 3px 0 0;
  font-size: 14px;
}

.policy-module .media-meta b {
  color: #3d3b3f;
}

.bottom-policy-section .sub-section p {
  color: #42484d;
  font-size: 14px;
  padding-right: 33px;
  line-height: 24px;
}

.policysection .main-policy-section p {
  color: #50606f;
  font-size: 16px;
}

.img-upload-section {
  border: 1.568px dashed #671cc9;
  padding: 0.5rem;
  border-radius: 12px;
  position: relative;
  background: white;
  height: auto;
  width: 100%;
}

.img-upload-section .loadresumes {
  border: 0px dotted #c0bfbf61;
}

.policyupload {
  width: 100%;
}

.policyupload .custom-file-upload {
  border: 1px solid #00000029;
  margin-top: 5px;
  display: inline-block !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6c6b6b !important;
  background: #ffffff !important;
  height: 37px !important;
  margin-bottom: 0 !important;
  line-height: 37px !important;
  text-align: center !important;
  padding: 0 12px 0 8px !important;
  width: 100% !important;
}

.pol-div {
  display: grid;
  grid-template-columns: 45px 1fr 1fr;
  position: relative;
  justify-content: space-between;
  background: #fff;
  gap: 12px;
  padding: 1rem;
  align-items: center;
  border-radius: 8px;
  border: 1px dashed #671cc9;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}

.pol-div:hover {
  border-color: #671cc9;
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
}

.pol-div:hover h3 {
  color: #671cc9 !important;
}

.add-btncss-go {
  background: none;
  color: black;
  border: none;
  height: 36px;
  border-radius: 5px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 14px;
  padding: 0px 14px;
}


/*notifications*/

.timeline-wrapper {
  /* max-width: 940px;*/
  margin: 0 auto;
}

.notification-title {
  color: #671cc9;
  background: #f2e7ff;
  border: none;
  font-size: 11px;
  padding: 4px 9px;
  font-weight: 500;
  border-radius: 23px;
  float: right;
  margin-bottom: 0;
}

.timeline-wrapper .timeline-wrapper-inner {
  padding-top: 30px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .remove {
  cursor: pointer;
  background-color: #f5f5f5;
  border-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, .7);
  height: 30px;
  width: 30px;
  border-radius: 100%;
  line-height: 27px;
  padding: 0 8px;
  text-align: center;
  font-size: 10px;
  filter: opacity(1);
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .remove img {
  height: 1.4em;
  width: 1.4em;
  text-align: center;
}

.timeline-wrapper .h-avatar .avatar {
  padding: 6px;
  width: 100%;
  max-width: 45px;
  min-width: 45px;
  max-height: 45px;
  min-height: 45px;
  border-radius: 50%;
  border: 1.9px dotted #a96cf8;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap:hover .remove {
  display: block;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before {
  content: "";
  position: absolute;
  top: 47px;
  left: 114px;
  height: 100%;
  width: 2px;
  background: #e1e1e1;
  z-index: 0;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:last-child::before {
  width: 0px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date {
  width: 84px;
  font-family: "Roboto", sans-serif;
  text-align: right;
  margin-top: 39px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-info {
  border-color: #039be5;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
  position: relative;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #671cc9;
  margin: 43px 25px 0px 25px;
  z-index: 1;
  background: #f9f9f9;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date span {
  font-size: .8rem;
  color: #9094b0;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  gap: 12px;
}


.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item.is-unread .content-wrap .content-box .status {
  background: #1bf2b6 !important;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .status {
  height: 7px;
  width: 7px;
  min-width: 7px;
  border-radius: 50%;
  background: #cecfda;
  margin: 0;
}

.h-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}



.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: start;
  margin-left: 0px;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  gap: 14px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text {
  line-height: 1.2;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p {
  font-family: "Montserrat", sans-serif;
  color: #7d8090;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.1;
  margin-right: 2px;
  margin-bottom: 2px;
  margin-top: 5px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text span svg {
  height: 13px;
  width: 13px;
  top: -1px;
  position: relative;
  margin-right: 4px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text b {
  font-family: "Montserrat", sans-serif;
  color: #575e75;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
  margin-right: 2px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p a {
  color: #185ace;
  font-size: 13px;
  font-weight: 400;
  margin: 0 4px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-danger {
  border-color: #e62965;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-success {
  border-color: #06d6a0;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-purple {
  border-color: #b86bff;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot.is-warning {
  border-color: #faae42;
}

.timeline-wrapper .timeline-wrapper-inner .load-more-wrap {
  padding: 40px 0;
  text-align: center;
}

.timeline-wrapper .timeline-wrapper-inner .load-more-wrap .button {
  min-width: 166px;
  background-color: #fff;
  border: 1px solid #0000001a;
  min-height: 38px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #b2b4c3;
}

.form-head.displayset {
  display: flex;
  align-items: center;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text>span {
  color: #a2a5b9;
  font-size: 12px;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-end {
  margin-left: auto;
}

.timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 9px;
  border: 1px solid #e5e5e5;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 14px;
}

/*notifications*/

/*start candidate listing*/
.flex-table .flex-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /* align-items: center; */
  /* padding: 0 10px; */
}

.flex-table .flex-table-header span.is-grow {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.flex-table .flex-table-header span {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .8rem;
  font-weight: 600;
  color: #999;
  text-transform: uppercase;
  padding: 0 10px 10px 10px;
}

.flex-table .flex-table-item .flex-table-cell.is-grow {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.h-avatar .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
}

.h-avatar .badge:empty {
  display: block;
}

.h-avatar .badge {
  /* display: inline-block; */
  padding: inherit;
}

.flex-table .flex-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  min-height: 60px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  padding: 8px;
  margin-bottom: 6px;
}

/*end candidate listing*/



/*Index page css*/
.img-socialcount {
  align-items: center !important;

}

.send {
  width: 30px;
  background: #6a6a6a !important;
  padding: 8px;
  color: white !important;
  border-radius: 7px;
  cursor: pointer;
  height: 30px;
}

.img-socialcount svg {
  color: #fff;
  background: #092048;
  width: 30px;
  height: 30px;
  padding: 9px;
  border-radius: 5px;
  margin-left: 5px;
}

.light-col {
  background: #ec4119;
  border: #ec4119;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.438rem 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
}

.commentarea {
  border-radius: 4px;
  padding: 5px 8px;
  background: #f6f6f69c;
  font-size: 12px;
}

.card.is-post .content-wrap .post-actions,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}

.textaction {
  position: relative;
}

.textaction .fab-wrapper.is-comment {
  position: absolute;
  left: 40px;
}


.card.is-post .content-wrap .post-actions .fab-wrapper .small-fab,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .fab-wrapper .small-fab {
  width: 36px;
  height: 36px;
  border: none;
}

.card.is-post .content-wrap .post-actions .like-wrapper .like-button,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-actions .like-wrapper .like-button {
  width: 36px;
  height: 36px;
  border: none;
}

.card.is-post .content-wrap .post-image .masonry-grid .masonry-column-left,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-left {
  height: 100%;
  width: calc(61% - 0.5rem);
}

.card.is-post .content-wrap .post-image .masonry-grid .masonry-column-right,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid .masonry-column-right {
  width: 39%;
  height: 100%;
  margin-left: 0.5rem;
}

.card.is-post .content-wrap .post-image .masonry-grid,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid {
  position: relative;
  display: flex;
  align-items: start;
}

.card.is-post .content-wrap .post-image .masonry-grid img,
.shop-wrapper .cart-container .cart-content .cart-summary .is-post.summary-card .content-wrap .post-image .masonry-grid img {
  display: block;
  margin-bottom: 0.5rem;
  -o-object-fit: cover;
  object-fit: cover;
}


.birthday:before {
  /* content: '';*/
  position: absolute;
  background: #092048;
  width: 100px;
  height: 100px;
  transition: all .6s ease;
  z-index: 1;
  left: 90%;
  border-radius: 50%;
  top: -74px;
  transform: scale(1.6);
}

.birthday {
  overflow: hidden;
}



.birthday .owl-nav button {
  margin: 0 4px;
  background: #ffffff !important;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  position: absolute;
  bottom: 6pc;
  border: 1px solid #ececec !important;
}

.birthday .owl-nav button.owl-prev {
  left: -10px;
}

.birthday .owl-nav button.owl-next {
  right: -10px;
}

.birthday .owl-nav button span {
  font-size: 32px;
  line-height: 0.7;
  font-weight: 200;
  color: #555555;
}





.award .owl-nav button {
  margin: 0 4px;
  background: #ffffff !important;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  position: absolute;
  bottom: 6pc;
  border: 1px solid #ececec !important;
}

.award .owl-nav button.owl-prev {
  left: -10px;
}

.award .owl-nav button.owl-next {
  right: -10px;
}

.award .owl-nav button span {
  font-size: 32px;
  line-height: 0.7;
  font-weight: 200;
  color: #555555;
}


.anni .owl-nav button {
  margin: 0 4px;
  background: #ffffff !important;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  position: absolute;
  bottom: 6pc;
  border: 1px solid #ececec !important;
}

.anni .owl-nav button.owl-prev {
  left: -10px;
}

.anni .owl-nav button.owl-next {
  right: -10px;
}

.anni .owl-nav button span {
  font-size: 32px;
  line-height: 0.7;
  font-weight: 200;
  color: #555555;
}

.owl-carousel .owl-dots {
  display: none;
}


.anni:before {
  /* content: '';*/
  position: absolute;
  background: #092048;
  width: 100px;
  height: 100px;
  transition: all .6s ease;
  z-index: 1;
  left: 90%;
  border-radius: 50%;
  top: -74px;
  transform: scale(1.6);
}

.anni {
  overflow: hidden;
}

.anni .service-icon i {
  color: #ffffff;
  font-size: 23px;
  float: left;
}

.service-icon {
  position: absolute;
  z-index: 2;
  right: 13px;
  top: 10px;
}

.service-icon i {
  color: #ffffff;
  font-size: 17px;
  float: left;
}

.wish-div {
  position: sticky;
  top: 0;
}

.card.is-birthday-card,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card {
  background-color: #ffffff;
}

.card.is-birthday-card {
  box-shadow: 0 14px 26px -12px rgb(0 0 0 / 30%), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgb(28 201 107 / 20%);
  background: #671cc9 !important;
}

.card.is-birthday-card .birthday-content a h4 {
  color: white !important;
}

.card.is-birthday-card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading {
  padding: 16px 16px 0 16px;
}

.card.is-birthday-card .card-heading>svg,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-heading>svg {
  stroke: #fff;
}

.card .card-heading .dropdown,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown {
  margin-left: auto;
}

.card .card-heading,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
}

.card-heading .dropdown.is-spaced>div .button,
.about-card .header .actions .dropdown.is-spaced>div .button {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 17px;
  border: none;
  border-radius: 50%;
  transition: all .3s;
  cursor: pointer;
}

.card-heading .dropdown.is-spaced>div .button svg,
.about-card .header .actions .dropdown.is-spaced>div .button svg {
  height: 15px;
  width: 15px;
  transition: all .3s;
}

.card .card-heading .dropdown.is-light svg,
.shop-wrapper .cart-container .cart-content .cart-summary .summary-card .card-heading .dropdown.is-light svg {
  stroke: #fff;
}

.card.is-birthday-card .card-body,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body {
  padding: 25px 39px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 209px;
}

.card.is-birthday-card .card-body .birthday-avatar,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar {
  position: absolute;
  bottom: -46px;
  left: -16%;
  width: 120%;
  margin: 0;
}

.sidecarddd .card.is-birthday-card .card-body .birthday-avatar,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-avatar {
  position: absolute;
  bottom: -46px;
  left: 0% !important;
  width: 100% !important;
  margin: 0;
}

.card.is-birthday-card .card-body .birthday-content,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content {
  text-align: center;
  color: #fff;
}

.card.is-birthday-card .card-body .birthday-content h4,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content h4 {
  font-weight: 700;
  color: #201d1d;
  font-size: 21px;
  font-family: inherit;
  margin: 0;
  padding: 3% 10%;
  text-transform: capitalize;
}

.card.is-birthday-card .card-body .birthday-content p,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content p {
  font-size: .9rem;
}

.card.is-birthday-card .card-body .birthday-content button,
.shop-wrapper .cart-container .cart-content .cart-summary .is-birthday-card.summary-card .card-body .birthday-content button {
  line-height: 0;
  margin: 16px 0;
}

.birthday-content {
  font-weight: 400;
  color: aliceblue;
}

.birthday-content.refer button {
  font-size: 13px;
  color: white;
  font-weight: 400;
  background: #1bd3cd;
  height: 30px;
  padding: 0 13px;
  margin: 0 !important;
  border: none;
  border-radius: 2px;
}

.birthday-content.refer p {
  color: #e4e4e4;
}

.button.light-button {
  background: #efefef;
  margin-top: 1rem;
  color: #000;
  font-weight: 400;
  border: 1px solid #9ed5f0;
  padding: 0px 97px;
  border-radius: 6px;
  height: 42px;
  font-size: 14px;
  line-height: 42px;
  cursor: pointer;

}

.button.light-button:hover {
  background: #cdcdcd;
  margin-top: 1rem;
  color: #000;

}

.refer h4 {
  color: white !important;
  font-size: 20px !important;
  margin: 0px !important;
}

.refer p {
  line-height: normal;
  margin: 1% 4% 4%;
  font-size: 13px !important;
}

.commhight {
  overflow-x: hidden;
  margin-right: 1rem;
  padding: 6% 4%;
  background: #fff;
}

.galleryuser-info strong {
  display: block;
}

.galleryuser-info strong a {
  color: black;
}

.policysection {
  padding: 3% 3%;
}

.policysection #navigation {
  width: 25%;
  padding: 15px 4% 0 0%;
}

.policysection .uld {
  margin: 0;
  padding: 0 2% 0 0;
  width: 30%;
}

.policysection button.active {
  color: #000000 !important;
}

.policysection li {
  list-style: none;
  display: inline-block;
  position: relative;
  width: 100%;
}

.policysection ol {
  padding-left: 17px;
}

.policysection ol li {
  font-size: 13px;
  display: list-item;
  font-weight: 400;
  margin-bottom: 7px;
  list-style: disc;
}

.policysection h5 {
  font-size: 20px;
  font-weight: 700;
}

.policysection button {
  color: #49505775 !important;
  background-color: #ffffff !important;
  border-color: white !important;
  text-align: left;
  padding: 2% 0;
}

.policysection a {
  display: block;
  text-decoration: none;
  color: #212b359c;
  border-left: 3px solid transparent;
  padding: 10px 0 10px 16px;
}

.policysection nav {
  /* border-left: 1px solid #dfe3e8;*/
}

.policysection .fixed nav {
  top: 15px;
  position: fixed;
  width: 17%;
}

.policysection .nav-active a {
  border-left: 3px solid #212b35;
}

.policysection .featureContainer {
  margin: 0 0 30px 0;
  padding-top: 60px;
  border-top: solid 1px #dfe3e8;
}

.policysection .featureContainer:first-child {
  border-top: 0;
  margin-top: -60px;
}

.policysection .heading {
  width: 100%;
  font-size: 22px;
  margin: 0% 0 3%;
}

.policysection .featureGrid {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -18px;
}

.policysection .featureList {
  width: 50%;
}

.policysection .featureItem {
  margin-bottom: 30px;
}

.policysection .flexItem {
  padding: 0 18px;
}

.policysection .title {
  width: 75%;
  margin-left: 25%;
  margin-bottom: 40px;
}

.policysection .title h2 {
  margin-bottom: 15px;
}

.policysection .title p {
  font-size: 20px;
}

.policysection #content {
  width: 75%;
}


.policysection p,
h2,
h3 {
  color: black;
}

.policysection .nav-active a {
  border-color: black;
  color: #092048;
  font-weight: 500;
}

h3 {
  font-size: 17px;
  font-weight: 300;
  color: #ec4119;
}

.policysection h4 {
  padding: 10px 0 10px 16px;
  color: #092048;
  font-size: 22px;
}

.policytab img {
  display: block;
  height: 45px;
  width: 45px;
  margin: 0 auto 0px auto;
}

.policy-category-title h5 {
  color: darkgrey;
  text-align: left;
  font-family: 'Roboto';
  line-height: 22px;
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #6f6f6f;
  width: 84%;
}

.featureItem h3 {
  font-size: 17px;
  font-weight: 300;
  color: #0fc1b0;
}

.columns.is-multiline {
  display: flex;
  flex-wrap: wrap;
}

.column.is-4,
.column.is-4-tablet {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 24.99999%;
  padding: 0px 14px 20px 0;
}

.tile-grid.tile-grid-v1 .tile-grid-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  transition: all .3s;
  border-radius: 12px;
  padding: 16px;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.h-avatar.is-medium {
  max-width: 42px;
  min-width: 42px;
}

.h-avatar.is-medium .avatar {
  width: 42px;
  min-width: 42px;
  height: 42px;
  object-fit: cover;
}

.h-avatar.is-medium .badge {
  border-width: 2px;
  height: 20px;
  width: 20px;
}

.h-avatar .badge {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #fff;
}

.h-avatar img {
  display: block;
  border-radius: 50%;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta {
  margin-left: 10px;
  line-height: 1.2;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span:first-child {
  color: #283252;
  font-weight: 700;
  font-size: 1rem;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span {
  display: block;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) {
  color: #000000;
  font-size: .8rem;
  font-weight: 300;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span {
  display: block;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .dropdown {
  position: relative;
  margin-left: auto;
}

/* 
.tile-grid .column {
  padding: 0.5rem !important;
} */

.p-datatable .p-datatable-tbody>tr.p-highlight {
  background: #ffffff;
  color: #6b6b6b;
}

#downt {

  padding-top: 8px;
  margin-top: 0px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  right: 0;
  border-radius: 0.5rem;
  box-shadow: 0 0 50px 0 rgb(82 63 105 / 8%);
  border: 1px solid #e5e5e5;
}

#downt .meta span:first-child {
  font-size: 15px;
}

#downt .meta span:nth-child(2) {
  font-size: 13px;
}

#downt .dropdown-item {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #194039;
  padding: 6px 16px;
}

#downt .icon {
  color: #d0d0d0;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
  width: 28px;
}


.employee-card .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 20px;
  color: #6e6e6e;
  height: 43px;
}

.employee-card .table-responsive {
  overflow-x: scroll;
  overflow-y: hidden;
}


.employee-card table.table-bordered.dataTable th:first-child,
.employee-card table.table-bordered.dataTable th:first-child {
  border-left-width: 0px;
}

.employee-card table.dataTable tbody tr,
.employee-card table.dataTable tbody td {
  background: white !important;
  border-bottom: 1px solid #19191917;
}

table.dataTable.table-striped>tbody>tr.odd>* {
  box-shadow: inset 0 0 0 9999px rgb(244 246 249);
}

.employee-card .table thead th {
  border-color: #ffffff00 !important;
  color: #000;
  white-space: nowrap;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 7px 8px;
}

.employee-card table.dataTable thead th {
  color: #000;
  white-space: nowrap;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 7px 8px;
}

.columns.is-multiline.project-grid {
  display: flex;
  margin: 2% 0;
}

.column.is-one-fifth,
.column.is-one-fifth-tablet {

  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 20%;
  padding-right: 15px;

}

.project-grid-item {
  -webkit-box-flex: 1;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 33px;
  background-color: #fff;
  border-radius: 6px;
  /*border: 1px solid #e5e5e5;*/
  -webkit-transition: all .3s;
  transition: all .3s;
}

.project-grid-item h3 {
  font-size: .95rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #000000;
  margin-top: 0%;
  margin-bottom: 0;
}

.progress.is-tiny {
  height: 0.35rem !important;
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.project-grid-item .project-avatar {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  margin: 0 auto 10px auto;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .6;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.project-grid-item:hover .countyr {
  color: white;
  background: #0adcc8;
}

.project-grid-item p {
  font-size: 25px;
  margin-bottom: 1px;
  font-weight: 800;
  color: #ec4119;
  /* border: 1px solid #00000000; */
  width: 50%;
  margin: auto;
}


div#example_filter {
  display: none;
}

div#example_length {
  display: none;
}

.countyr {
  width: 41px;
  height: 41px;
  margin: auto;
  background: #092048;
  font-size: 18px;
  border-radius: 8px;
  color: white;
  font-weight: 900;
  margin: 0 auto 10px auto;
  padding: 3px;
}


.employee-card .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  margin-left: 0px;
  font-size: 18px;
  margin: 0 2px;
  border: 0 !important;
  height: 45px;
  width: auto;
  padding: 0;
  border-radius: 2.5rem;
  line-height: 26px;
  display: inline-block;
  color: #0E8A74 !important;
}

.employee-card div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
  display: block;
}

.employee-card .paging_simple_numbers.dataTables_paginate {
  border: 1px solid #c8c8c800;
}

.employee-card .pagination .page-item.active .page-link {
  background-color: #ec41191a;
  border-color: #ffffff;
  color: #ec4119 !important;
  box-shadow: 0 10px 20px 0px rgb(10 10 10 / 0%);
  border-radius: 100%;
}

.employee-card .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #194039 !important;
  margin: 0 6px;
  list-style: none;
}

.employee-card div#example_wrapper {
  padding-bottom: 2%;
}


.media-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.media-flex-center .profile-top-area {
  width: 58%;
  flex: 0 0 auto;
  width: 53.33333%;
}

.media-flex-center .btn-follow-un {
  margin-left: auto;
  width: 47%;
  flex: 0 0 auto;
  width: 45.33333%;
}

.h-avatar.is-large {
  max-width: 93px;
  min-width: 93px;
}

.h-avatar.is-large .avatar {
  width: 93px;
  min-width: 93px;
  height: 93px;
}

.h-avatar.is-large .badge {
  border-width: 2px;
  height: 22px;
  width: 22px;
  object-fit: cover;
}

.media-flex-center .flex-meta {
  margin-left: 11px;
  line-height: 1.4;
}

.account-wrapper .account-box.is-navigation .media-flex-center .flex-meta span:first-child {
  font-size: 1.3rem;
}

.account-box .nav-tabs {
  border-bottom: 1px solid #dee2e682;
}

.account-box .col-xl-12:last-child {
  position: sticky;
  top: 0;
}

.account-box .custom-tab-1 .tab-content {
  padding: 1rem;
}

.media-flex-center .flex-meta span:first-child,
.media-flex-center .flex-meta>a:first-child {
  font-size: 23px;
  color: #000;
  font-weight: 600;
}

.media-flex-center .flex-meta span:nth-child(2),
.media-flex-center .flex-meta>a:nth-child(2) {
  font-family: "Roboto", sans-serif;
  color: #9699a9;
  font-size: 13px;
  /* min-width: max-content; */
  font-weight: 400;
}

.media-flex-center .flex-meta span,
.media-flex-center .flex-meta>a {
  display: block;
}

.account-menu-item:not(.is-active):hover {
  background: #f5f5f5;
}

.account-menu .account-menu-item span {
  font-family: "Montserrat", sans-serif;
  font-size: .95rem;
  color: #283252;
}

.account-menu-item.is-active {
  -webkit-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  border-color: #e5e5e5;
}

.account-menu-item.is-active span {
  color: #08b9a8;
}

.account-menu-item .end {
  margin-left: auto;
}

.account-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  margin-bottom: 5px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.form-head.stuck-headers.pb-4 {
  transition: all .3s;
  background: #fafafa;
  border-radius: 11px;
  padding: 5%;
}

.account-box.is-form.is-footerless .form-body {
  transition: all .3s;
  background: #fafafa;
  border-radius: 11px;
  padding: 5%;
}

.account-box.is-form .form-head .left h3 {
  font-size: 23px;
  line-height: 1.3;
  color: black;
  margin: 0;
  font-weight: 500;
}

.custom-tab-1 li.nav-item {
  margin-right: 2%;
}

/*.custom-tab-1 li a.nav-link {
    padding: 0 0 9px 0;
}*/
.left {
  width: 100%;
  display: flex;
}

.left .no-add {
  margin: 0;
  color: black !important;
}

.left i {
  font-size: 18px;
  color: #00000054;
  margin-right: 4%;
  margin: auto 2% auto 0;
  width: 22px;
  text-align: center;
}

.account-box.is-form .form-head .left p {
  font-size: .95rem;
  color: #a2abc4;
}

.account-box.is-form .form-head .form-head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.account-box.is-form .form-foot {
  padding: 12px 20px;
}


.account-box.is-form .form-body .fieldset {
  padding: 39px 0 0;
  max-width: 603px;
  margin: 0 auto;
}

.account-box.is-form .form-body .fieldset .fieldset-heading h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.account-box.is-form .form-body .fieldset .fieldset-heading p {
  font-size: .9rem;
  font-weight: 300;
  color: #a2a5b9;
}

.account-box.is-form .form-body .fieldset .h-avatar {
  position: relative;
  display: block;
  margin: 0 auto;
}

.h-avatar.is-xl {
  max-width: 100px;
  min-width: 100px;
}

.h-avatar.is-xl .avatar {
  width: 115px;
  min-width: 115px;
  height: 115px;
}

.filepond-profile-wrap,
.filepond-square-wrap {
  display: inline-block;
  height: 100px;
  width: 100px;
  max-height: 100px;
  max-width: 100px;
}

.is-hidden {
  display: none !important;
}

.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}

.button .icon,
.button .icon.is-small,
.button .icon.is-medium,
.button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}

.account-box.is-form .form-body .fieldset .h-avatar .edit-button {
  position: absolute;
  bottom: 0;
  background-color: #fff;
  border-color: #dbdbdb47;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  width: 40px;
  border-radius: 100%;
  height: 40px;
}

.button .icon svg {
  height: 14px;
  width: 14px;
}

.icon.is-small {
  height: 1.5em;
  width: 1.5em;
}

.genderinfo {
  padding: 5% 0;
}

.circular-menu.is-active {
  pointer-events: all;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.circular-menu {
  display: none;
  position: fixed;
  top: 0.6em;
  right: 1em;
  z-index: +999;
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  pointer-events: none;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.circular-menu .floating-btn {
  display: block;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: #9ef0ed;
  box-shadow: 0 8px 45px -8px #0000004a, 0 4px 23px 0px #00968800, 0 8px 10px -5px rgb(0 150 136 / 15%);
  color: #474545;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  outline: 0;
}

.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu .menu-item.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circular-menu .menu-item {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 13px;
  text-align: center;
  line-height: 3;
  background-color: rgb(255 240 240);
  -webkit-transition: background-color .2s ease, -webkit-transform .3s ease;
  transition: background-color .2s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, background-color .2s ease;
  transition: transform .3s ease, background-color .2s ease, -webkit-transform .3s ease;
}

.is-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.circular-menu .menu-item.is-flex .dark-mode {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.dark-mode input {
  display: none;
}

.circular-menu.active .menu-item:nth-child(2) {
  -webkit-transform: translate3d(-6.25em, 3.25em, 0);
  transform: translate3d(-6.25em, 3.25em, 0);
}

.circular-menu .menu-item.is-flex>img {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}

.circular-menu.active .menu-item:nth-child(3) {
  -webkit-transform: translate3d(-3.45em, 6.25em, 0);
  transform: translate3d(-3.45em, 6.25em, 0);
}

.circular-menu .menu-item.is-flex svg {
  height: 18px;
  width: 18px;
  stroke: #000;
  stroke-width: 1.6px;
}

.circular-menu.active .menu-item:nth-child(4) {
  -webkit-transform: translate3d(0.5em, 7em, 0);
  transform: translate3d(0.5em, 7em, 0);
}

.circular-menu.active:after {
  -webkit-transform: scale3d(5.5, 5.5, 1);
  transform: scale3d(5.5, 5.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
  transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}

.circular-menu:after {
  display: block;
  content: " ";
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  background-color: #ffffff;
  box-shadow: 0 14px 26px -12px rgb(3 3 3 / 19%), 0 4px 23px 0px rgb(0 0 0 / 0%), 0 8px 10px -5px rgb(2 2 2 / 0%);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.dark-mode input:checked+span {
  -webkit-box-shadow: inset 32px -32px 0 0 #ffd22e;
  box-shadow: inset 32px -32px 0 0 #ffd22e;
  -webkit-transform: scale(0.5) rotate(0deg);
  transform: scale(0.5) rotate(0deg);
  -webkit-transition: -webkit-transform .3s ease .1s, -webkit-box-shadow .2s ease 0s;
  transition: -webkit-transform .3s ease .1s, -webkit-box-shadow .2s ease 0s;
  transition: transform .3s ease .1s, box-shadow .2s ease 0s;
  transition: transform .3s ease .1s, box-shadow .2s ease 0s, -webkit-transform .3s ease .1s, -webkit-box-shadow .2s ease 0s;
}

.dark-mode input+span {
  display: block;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  position: relative;
  -webkit-box-shadow: inset 16px -16px 0 0 #ffd22e;
  box-shadow: inset 16px -16px 0 0 #ffd22e;
  -webkit-transform: scale(1) rotate(-2deg);
  transform: scale(1) rotate(-2deg);
  -webkit-transition: -webkit-box-shadow .5s ease 0s, -webkit-transform .4s ease .1s;
  transition: -webkit-box-shadow .5s ease 0s, -webkit-transform .4s ease .1s;
  transition: box-shadow .5s ease 0s, transform .4s ease .1s;
  transition: box-shadow .5s ease 0s, transform .4s ease .1s, -webkit-box-shadow .5s ease 0s, -webkit-transform .4s ease .1s;
}

.dark-mode input:checked+span:before {
  background: #ffb62e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: background-color .3s ease .1s;
  transition: background-color .3s ease .1s;
}

.dark-mode input+span:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.dark-mode input:checked+span:after {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: -webkit-transform .5s ease .15s;
  transition: -webkit-transform .5s ease .15s;
  transition: transform .5s ease .15s;
  transition: transform .5s ease .15s, -webkit-transform .5s ease .15s;
}

.dark-mode input+span:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: -4px 0 0 -4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 -23px 0 #ffb62e, 0 23px 0 #ffb62e, 23px 0 0 #ffb62e, -23px 0 0 #ffb62e, 15px 15px 0 #ffb62e, -15px 15px 0 #ffb62e, 15px -15px 0 #ffb62e, -15px -15px 0 #ffb62e;
  box-shadow: 0 -23px 0 #ffb62e, 0 23px 0 #ffb62e, 23px 0 0 #ffb62e, -23px 0 0 #ffb62e, 15px 15px 0 #ffb62e, -15px 15px 0 #ffb62e, 15px -15px 0 #ffb62e, -15px -15px 0 #ffb62e;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.circular-menu.active .menu-item:nth-child(1) {
  /* -webkit-transform: translate3d(-7em, -0.5em, 0); */
  transform: translate3d(-7em, -0.5em, 0);
}

.circular-menu.active .floating-btn i:first-child {
  display: none;
}

.circular-menu.active .floating-btn i:nth-child(2) {
  display: block;
}


.circular-menu .floating-btn i:first-child {
  display: block;
  font-size: 29px;
}

.circular-menu .floating-btn i:nth-child(2) {
  display: none;
}

.fa-spin {
  -webkit-animation-name: fa-spin;
  animation-name: fa-spin;
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
  animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
  animation-timing-function: var(--fa-animation-timing, linear);
}

#mySidepanel a:hover {
  color: #f44336 !important;

}

#mySidepanel {
  top: 1rem;
  width: min-content;
  margin-left: -100%;
  min-width: 650px;
  position: fixed;
  height: 94vh;
  z-index: 1;
  border: 0;
  left: -28.5%;
  background-color: #fff;
  overflow-x: hidden;
  transition: 1s ease-in-out;
  padding-top: 0px;
  box-shadow: 0px 0px 50px rgb(0 0 0 / 20%);
  border-radius: 13px;
  padding-right: 0.5rem;
}

#mySidepanel .nav.nav-tabs {
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.5rem 1rem;
  justify-content: space-around;
}

#mySidepanel a.nav-link.active {
  width: 100% !important;
  padding: 9px;
  border-radius: 6px;
  color: black;
  color: black;
  border: none;
}

#mySidepanel a.nav-link {
  width: 100% !important;
  padding: 9px;
  border-radius: 6px;
  color: #00000029;
  border: none;
}

#moremenu a:hover {
  color: #f44336 !important;
}

#moremenu {}

#moremenu .nav.nav-tabs {
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.5rem 1rem;
  justify-content: space-around;
}

#moremenu a.nav-link.active {
  width: 100% !important;
  padding: 9px;
  border-radius: 6px;
  color: black;
  color: black;
  border: none;
}

#moremenu a.nav-link {
  width: 100% !important;
  padding: 9px;
  border-radius: 6px;
  color: #00000029;
  border: none;
}

span.fes-span {
  color: #a7a7a7;
  font-size: 14px;
}

.quick-title {
  padding: 2% 2% 2% 3%;
  position: sticky;
  top: 0;
  border-bottom: 1px solid #0000000a;
  background: white;
  z-index: +9;
}

#mySidepanel a {
  padding: 1px 0px 0 0px;
  text-decoration: none;
  font-size: 15px;
  color: #09204854;
  width: 63px;
  transition: 0.3s;
  text-align: center;
  display: grid;
  /* margin: 2% 3% 15% 0;*/
}

.navmenulis {
  display: flex;
  gap: 10px;
  text-align: center;
}

#mySidepanel a span {
  font-size: 11px;
  color: #000000ba;
  margin-top: 5px;
  margin-left: 2%;
  word-wrap: normal;
  font-weight: 500;
  line-height: 1.2;
  height: 26px;
}

.moreicons-li {
  position: absolute;
  top: 0.8rem;
  right: 0%;
  font-size: 26px;
  margin: auto;
  width: auto;
  display: flex;
  gap: 18px;
  align-items: center;
}

.moreicons-li a {
  width: 22px !important;
  border-radius: 5px;
  height: 22px;
  line-height: 21px;
}

.moreicons-li img {
  width: 17px;
  /* opacity: 0.6; */
  /* border-right: 2px solid #0000000f; */
  padding-right: 3px;
}

#moremenu a {
  padding: 1px 0px 4px 0px;
  text-decoration: none;
  font-size: 15px;
  color: #09204854;
  width: 30%;
  transition: 0.3s;
  text-align: left;
  display: grid;
  margin: 2% 3% 15% 0;
  /* width: 57px; */
  height: 57px;
}


#moremenu a span {
  font-size: 13px;
  color: #0e0e0e78;
  margin-top: 10px;
  margin-left: 2%;
  min-width: max-content;
}


.morespan {
  display: block;
  width: 100%;
  /* letter-spacing: 9px; */
  font-weight: 600;
  font-size: 13px;
  color: #42098c;
  margin-bottom: 8px;
  padding-left: 7px;
  margin-top: 10px;
  /* border-bottom: 2px dashed #00000012; */
  /* padding-bottom: 7px;*/
}

#mySidepanel a .menuicons {
  vertical-align: middle;
  margin: auto;
  background: #f6f6f6;
  padding: 9px;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  text-align: center;
  transition: .1s ease-in;
  /* border: 2px solid #a59edc;
  box-shadow: 5px 6px 8px -5px #003bff2b; */
}

#mySidepanel a .menuicons:hover {
  background: #ffeeee;
}

#mySidepanel a img {
  text-align: center;
  margin: auto;
  height: 100%;
}

#mySidepanel .linkcl.unknow-bx a {
  width: 60px;
  padding: 0px;
}

#mySidepanel .linkcl.unknow-bx a img {
  vertical-align: middle;
  background: transparent;
  padding: 0px;
  width: 100%;
  height: inherit;
  border-radius: 18px;
  border: none;
  box-shadow: 5px 4px 23px -3px #00000012;
}


#mySidepanel a:hover {
  color: #f1f1f1;
}

#moremenu .morespan {
  display: block;
  width: 100%;
  /* letter-spacing: 9px; */
  font-weight: 600;
  font-size: 15px;
}

#moremenu a img {
  vertical-align: middle;
  background: #9ef0ed52;
  padding: 16px;
  width: auto;
  height: inherit;
  border-radius: 11px;
  border: 4px solid #ffffff;
  box-shadow: 5px 4px 11px -3px #0000002e;
}

#moremenu a:hover {
  color: #f1f1f1;
}


.quickk {
  font-size: 16px;
  font-weight: 900;
}


#mySidepanel .col-md-4:nth-child(1) .linkcl a img {
  background: antiquewhite;
}

#mySidepanel .col-md-4:nth-child(2) .linkcl a img {
  background: #9ef0ed52;
}

#mySidepanel .col-md-4:nth-child(3) .linkcl a img {
  background: #f0f4c3;
}

#mySidepanel .col-md-4:nth-child(4) .linkcl a img {
  background: #f3e5f5;
}

#mySidepanel .col-md-4:nth-child(5) .linkcl a img {
  background: #ffecb3;
}

#mySidepanel .col-md-4:nth-child(6) .linkcl a img {
  background: #eceff1;
}

#mySidepanel .col-md-4:nth-child(7) .linkcl a img {
  background: #fbe9e7;
}


#moremenu .col-md-4:nth-child(1) .linkcl a img {
  background: antiquewhite;
}

#moremenu .col-md-4:nth-child(2) .linkcl a img {
  background: #9ef0ed52;
}

#moremenu .col-md-4:nth-child(3) .linkcl a img {
  background: #f0f4c3;
}

#moremenu .col-md-4:nth-child(4) .linkcl a img {
  background: #f3e5f5;
}

#moremenu .col-md-4:nth-child(5) .linkcl a img {
  background: #ffecb3;
}

#moremenu .col-md-4:nth-child(6) .linkcl a img {
  background: #eceff1;
}

#moremenu .col-md-4:nth-child(7) .linkcl a img {
  background: #fbe9e7;
}

.linkcl {
  padding: 0% 0% 2% 2%;
  display: block;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: 1px solid #0000000f;
  margin-bottom: 1%;
}


#mySidepanel .closebtn {
  background: #092048;
  width: 22px;
  border-radius: 5px;
  height: 22px;
  line-height: 21px;
  font-size: 21px;
  color: white;
  cursor: pointer;
  transition: .2s ease-in-out;
}

#mySidepanel .closebtn:hover {
  color: #f44336 !important;
  background: #ffeaea;
}

#mySidepanel .openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}


#mySidepanel .openbtn:hover {
  background-color: #444;
}


#moremenu .closebtn {
  position: absolute;
  top: 5px;
  right: 4%;
  font-size: 30px;
  margin: auto;
  width: auto;
}


#moremenu .openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}


#moremenu .openbtn:hover {
  background-color: #444;
}

body.overl .overlay {

  display: block;
}


#overlay {

  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: none;
}


.linkcl a {
  line-height: 1;
}

.modal-imgcss {
  display: block;
  margin: auto;
}

h2.font-w600.mb-0 img {
  width: 15px;
  margin-right: 3px;
}

.formfill-addemployee .addcourseform .row .bg-chng {
  background: #ffffff;
  color: #092048;
  border: none;
  font-size: 19px;
  padding: 18px;
  /* border: 1px solid #0000001f; */
  height: 68px !important;
  border-radius: 10px;
  font-weight: 500;
  letter-spacing: 0px;
}

.formfill-addemployee .addcourseform .savebtn-click {
  width: 150px;
  height: 39px;
  font-size: 14px;
}
.formfill-addemployee .addcourseform .contiuebtn-click{
 width: 150px;
    height: 39px;
    font-size: 14px;
    background: #4DB6AC;
    color: #fff;
    height: 34px !important;
   
    border-radius: 35px;
    border: 2px solid #4db6ac;
}
.invalid-feedback {
  font-size: 12px;
  color: #ec4119;
  font-weight: 300;
}

.formfill-addemployee .addcourseform .publish-click {
  width: 150px;
  height: 39px;
  font-size: 14px;
}



.formfill-addemployee .addcourseform .cover-form {
  background: white;
  padding: 0px 0 0px 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #e2dada7d;
  border-top: none;

  border-radius: 0;
  padding: 6px 0;
  font-weight: 400;
  color: #040404;
  font-size: 16px;
  height: 41px;
  letter-spacing: 0;
  text-transform: capitalize;
}

/* .formfill-addemployee .addcourseform .cover-form:hover {
     border-bottom: 1px solid #1E88E5;
} */
.formfill-addemployee .addcourseform .form-label {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #888b9f;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1;
}

.formfill-addemployee .addcourseform .cover-form .form-control {
  border-bottom: 1px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 6px 0;
  font-weight: 400;
  color: #040404;
  font-size: 14px;
  height: 41px;
  letter-spacing: 0;
}

.formfill-addemployee .tagtitle {
  margin: 12px 0 17px;
  font-size: 16px;
  color: #08a798;
  line-height: 1.2;
  font-weight: 400;
  padding: 0px 0 10px;
  text-decoration: none;
  /* background: #f3f2f8; */
  width: 100%;
  display: block;
  border-bottom: 1px solid #00000017;
  border-radius: 0;
}

.me-auto h2.font-w600.mb-0 span {
  font-weight: 100;
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
}

.addcourseform .innerform-grp {
  background: white;
  padding: 18px 18px;
  border-radius: 10px;
  display: grid;
}

.innerform-grp {
  background: white;
  padding: 5px 0px;
  border-radius: 10px;
  display: grid;
  /* border: 1px solid #0000001f; */
}

.innerform-grp .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  background: #fff;
  border: 1.6px solid #b4b4b4;
  padding: 0px 14px;
  color: #000000;
  height: 42px;
  font-weight: 500;
  border-radius: 43px;
  font-size: 13px;
  line-height: 42px;
}

.innerform-grp span.p-dropdown-label.p-inputtext {
  background: transparent;
}

.p-disabled,
.p-component:disabled {
  background: transparent !important;
  opacity: .4;
  color: #7e7e7e !important;
}

.me-auto p.text-light {
  font-size: 15px;
  margin-bottom: 31px;
  font-weight: 300;
  letter-spacing: 0.5px;
}


.metadivs {
  margin-left: auto !important;
}


.metadivs span.dark-inverted {
  font-size: 18px !important;
  height: 40px;
  text-align: center;
  color: #ec4119 !important;
  background: #ffffff;
  padding: 9px 4px;
  border-radius: 10px;
  margin-bottom: 5px !important;
  width: 40px;
  margin: 0 auto 7px auto;
  box-shadow: 6px 7px 17px -2px #00000014;
}

.metadiv2s {
  margin-left: auto !important;
  text-align: center;
}


.metadiv2s span.dark-inverted {
  padding: 0 7px;
  font-size: 12px !important;
  height: 34px;
  text-align: center;
  color: #671cc9 !important;
  /* background: #dac7f236; */
  /* color: #000000 !important; */
  /* background: #ffffff; */
  letter-spacing: 0px;
  border-radius: 4px;
  margin-bottom: 5px !important;
  width: auto;
  margin: 0 auto 7px auto;
  /* box-shadow: 1px 3px 10px -8px #00000052; */
  /* border: 1px solid #0000000f; */
  line-height: 34px;
}

.fixed-header {
  position: fixed;
  top: 30px;
  /* left: 0; */
  width: 330px;
}

.commentsec {
  display: flex;
  background: #ffffff;
  padding: 1% 0 0 0px;
}

.fixed-header1 {
  position: fixed;
  top: 30px;
  width: 300px;
}


.metadivs span {
  color: #dcd7d6 !important;
}

.metadiv2s span {
  color: #dcd7d6 !important;
}

.selectdivv .tabrow p {
  background: white;
  padding: 1% 2%;
  border-radius: 24px;
  box-shadow: -3px 5px 20px -3px #0000001f;
  width: 47%;
}

.selectdivv .tabrow p i {
  background: #092048;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 100%;
  color: white;
  font-size: 13px;
  padding: 4px;
  margin-left: 6px;
}


.edit-btncss {
  border: 1px solid #00000017;
  background: #ffffff;
  color: #000000;
  color: #04040452;
  margin-left: 0.5rem;
  border-radius: 32px;
  font-size: 13px;
  padding: 0 12px;
  cursor: pointer !important;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}

.btn-follow-un .edit-btncss {
  border: 1px solid #00000017;
  background: #671cc9;
  color: #000000;
  color: white;
  margin-left: 0.2rem;
  border-radius: 7px;
  font-size: 12px;
  padding: 0 9px;
  cursor: pointer !important;
  height: 25px;
  line-height: 23px;
  margin-bottom: 3px;
  display: inline-block;
}

.btn-follow-un .disable-btncss {
  border: 1px solid #00000017;
  background: #671cc9;
  color: #000000;
  color: white;
  margin-left: 0.2rem;
  border-radius: 7px;
  font-size: 12px;
  padding: 0 9px;
  height: 25px;
  line-height: 23px;
  margin-bottom: 3px;
  display: inline-block;
}

.kudo.form-head .stuck-header .slide22 .image img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}

.kudo.form-head .stuck-header .owl-carousel .owl-item img {
  display: block;
  width: 100%;
  margin: auto;
  border-radius: 0;
}

.kudos-list ul {
  background: none !important;
  padding: 0 !important;
}

.kudos-list ul li p {
  width: 88%;
}

.kudos-list ul li .basic-form {
  width: 12%;
  margin-left: auto;
  text-align: right;
}

.gsetting {
  font-size: 14px;
  border-bottom: 2px solid #5ae2dd;
}

.kudos-list ul li {
  font-size: 13px;
  padding: 0;
  color: #000000;
  display: flex;
  font-weight: 400;
  margin-bottom: 11px !important;
  padding: 0px 0 !important;
  border: 0px solid #0000;
  border-bottom: 1px solid #e6e6e699 !important;
}

.kudos-list ul {
  border-left: 0px solid #dadada !important;
  ;
  border-top: 0px solid #dadada !important;
  ;
  border-bottom: 0px solid #dadada !important;
  ;
}

.edit-btncss img {
  width: 16px;
  margin-right: 9px;
  vertical-align: unset;
}

.edit-btncss b {
  font-weight: 600;
  color: white;
  font-size: 12px;
}

.profile-user-box {
  display: flex;

  justify-content: end;
}

.profile-col-area {
  width: 67px;
}

.profile-col-rt-area {
  width: calc(100% - 67px);
}

.mediafollow {
  padding-bottom: 0%;
  margin-bottom: 2%;
  padding-left: 0;
  padding-right: 0;
}

.edit-btncss:hover {
  transition: .6s;
  /* margin-left: auto; */
  border: 1px solid #ffffffe0;
  background: #7f2ceb;
  color: #ffffff;
  box-shadow: 3px 4px 17px -9px #00000082;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.edit-btncss:hover b {
  transition: .6s;
  color: #ffffff;
}


.borderline {
  border-left: 1px solid #0000000f;
}

.sum-box {
  border: 1px solid #0000000a;
  padding: 6%;
  /* background: white; */
  box-shadow: rgb(0 0 0 / 4%) -4px 9px 25px -6px;
}

.tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner .meta span:nth-child(3) {
  color: #1cc999;
  font-weight: 500;
  font-size: .75rem;
  margin: 2px 0 0;
}

.all-teammember .tile-grid-item {
  min-height: 82px;
}

.spansum {
  float: right;
  font-size: 13px;
  color: #ffffff;
  background: #9ef0ed;
  width: 27px;
  cursor: pointer;
  height: 27px;
  text-align: center;
  padding: 6px;
  border-radius: 5px;
}

.datediv .form-control {
  height: 32px;

}

.datediv .form-group {
  display: flex;
}

.datediv .form-group .setdiv {
  display: flex;
  align-items: center;
}

#about-me .h-avatar.is-medium .avatar {
  width: 50px;
  min-width: 50px;
  height: 50px;
  object-fit: cover;
  margin-bottom: 14%;
}

#about-me .tile-grid.tile-grid-v1 .tile-grid-item .tile-grid-item-inner {
  /* display: -webkit-box; */
  display: -ms-flexbox;
  display: block;
  /* -webkit-box-align: center; */
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.prosize {
  margin-bottom: 3%;
  font-size: 18px;
  color: #092048;
  font-weight: 800;
}


#team span.dark-inverted {
  font-size: 15px;
  font-weight: bold;
}



.sum-box h4 {
  font-size: 15px;
  color: #0000005e;
  text-transform: uppercase;
}

.sumh4 {
  font-size: 15px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  border-bottom: 1px dashed #00000040;
  padding-bottom: 0.5rem;
}

.org-font {
  font-size: 21px !important;
}

.sumh04 {
  font-size: 14px !important;
  color: #000 !important;
  font-weight: 400 !important;
  margin-top: 6px;
}

.sumtext {
  border: 2px dashed #0000001a;
  border-radius: 20px;
  padding: 2%;
}



span.spanin:after {
  content: "------------";
  padding-right: 15px;
  letter-spacing: -1px;
  color: #3399ff;
}

span.spanin:before {
  content: "------------";
  padding-left: 15px;
  letter-spacing: -1px;
  color: #3399ff;
}

.sidemarg {
  margin-left: 4.3rem !important;
}

.sidemargclass {
  margin-left: 4.3rem;
}

.featurescc {
  position: relative;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #0000000a;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.featurescc .subtitle {
  font-weight: 200;
  font-size: 20px;
  background: white;
  padding: 1%;
  position: absolute;
  top: -30px;
  left: 1%;
}

.featurescc .subtitle a {
  color: #0303037a;
  font-size: 16px;
}

.rowdivs {
  padding: 4% 2% 0;
}

.rowdivs .col-3:nth-last-child(1) {

  border-radius: 12px;
  border: 1px solid #00000000;
  padding: 1%;

}

.rowdivs .col-3:nth-last-child(1) img {
  background: linear-gradient(360deg, rgba(123, 174, 236, 1) 0%, rgba(84, 219, 201, 1) 100%);
  border-radius: 100%;
}

.add-cate {
  width: 100%;
  background: white;
  margin: 0 0% 2%;
  padding: 0 2%;
  text-align: center;
}

.add-cate img {
  background: none !important;
  /* filter: invert(1); */
}

#add-cate .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#add-cate .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

div.ck-editor__editable {
  min-height: 500px;
}

#add-cate .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 20px;
  color: #092048;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

table .light.badge-success {
  background-color: #4DB6AC;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #27d9d71f;
  height: 26px;
  line-height: 26px;
  padding: 0 8px;

}


.btn-follow-un {
  display: flex;
  justify-content: end;
  max-width: 685px;
}


.myleaveul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.myleaveul li {
  color: #434242;
  display: block;
  position: relative;
  float: left;
  padding: 8px 6px 8px 24px;
  min-width: unset;
  margin-bottom: 8px;
  height: auto;
  border: 1px solid #33333312;
  border-radius: 13px;
}

.myleaveul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.myleaveul li label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 15px;
  padding: 0px 5px 0px 14px;
  margin: 0px auto;
  /* height: 30px; */
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.myleaveul li:hover label {
  color: #000;
}

.myleaveul li .check {
  display: block;
  position: absolute;
  border: 5px solid #aaaaaa30;
  border-radius: 100%;
  height: 21px;
  width: 21px;
  top: 8px;
  left: 9px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}



.myleaveul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: -3px;
  left: -3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.myleaveul input[type=radio]:checked~.check {
  border: 8px solid #19c7ce;
  background: #19c7ce;
}

.myleaveul input[type=radio]:checked~.check::before {
  background: #fff;
}

.myleaveul input[type=radio]:checked~label {
  color: #19c7ce;
}

.myleaveul input[type=radio]:checked~.check~li {
  border: 1px solid #19c7ce;
  background: #19c7ce08;
}

.tocss {
  margin: auto;
  padding-right: 2%;
  font-weight: 500;
}

.conversation-compose .input-msg textarea {
  border: none;
  padding: 10px 0;
}

.p-inputtext:enabled:focus {
  box-shadow: 0 0 0 0.2rem #a5f3fc00;
}

/* ::placeholder {
  color: red;
  opacity: 1;
}::placeholder {

:-ms-input-placeholder {
  color: red;
}

::-ms-input-placeholder {
  color: red;
} */


.myleaveul input[type=radio]:checked~li {
  color: #19c7ce;
  background: aliceblue;
}



.myleaveul input[type=radio]:checked li {
  border: 5px solid #19c7ce;
  background: #19c7ce;
}


.sidecarddd .card-body {
  padding: 6px;
}

.custom-tab-11 h4 {
  margin-bottom: 5%;
  font-size: 1rem;
  color: #757a91;
  font-weight: 400;
}

.comments-count span {
  font-size: 13px;
}

.custom-tab-11 span {
  font-size: 13px;
  font-weight: 500;
  color: #09204885;
  /* margin-bottom: 7px; */
}

.custom-tab-111 h4 {
  margin-bottom: 0%;
  font-size: 30px;
  color: #0e2e66;
  font-weight: 700;
  margin-top: 5px;
}

.custom-tab-111 span {
  font-size: 15px;
  font-weight: 500;
  color: #0920484d;
  /* margin-bottom: 7px; */
}

.ser-p p {
  margin: 0;
  font-size: 14px;
}

.ser-p {
  background: #092048;
  padding: 9%;
  color: white;
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;

}

.sideh42 {

  font-size: 20px;
  color: black;
  font-weight: 600;
}

.card-radius .card {
  border-radius: 10px;
}

.ser-card {

  padding: 8% 8%;
  background: #ffffff;
  border: 1px solid #00000000;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom: 7px solid #19c7ce;
}

.wrapper {
  padding: 13px;
  border-radius: 5px;
  margin-top: 8px;
  align-self: flex-start;
  max-width: fit-content;
  height: 84px;
  align-items: center;
  background-color: #ffffff;
  flex-direction: column;
  height: 400px;
  overflow-y: auto;

}

.wrapper button {
  width: 30px;
  height: 30px;
  display: block;
  line-height: 1;
  padding: 5px 10px;
  margin-left: 5px;
  border: 0px none transparent;
  background: none;
  cursor: pointer;
  outline: none;
}

.wrapper button#backBtn {
  position: absolute;
  left: 0;
}

.wrapper button#backBtn:after {
  content: "";
  position: absolute;
  right: -20px;
  top: -2px;
  bottom: -2px;
  width: 20px;
}

.wrapper button#forBtn {
  position: absolute;
  right: 0;
}

.wrapper button#forBtn:before {
  content: "";
  position: absolute;
  left: -20px;
  top: -2px;
  bottom: -2px;
  width: 20px;
}

ul#Calendar {
  margin: 1px auto;
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  padding: 5px;
  overflow-x: hidden;
}

ul#Calendar::-webkit-scrollbar {
  display: none;
}

ul#Calendar li {
  text-align: center;
  width: 64px;
  height: 66px;
  padding: 5px;
  flex: 0 0 auto;
  border-radius: 12px;
  font-weight: 700;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 5px;
  font-size: 19px;
  line-height: 1.4;
  font-family: "Spirax", cursive;
  transition: all 0.2s linear 0s;
}

.rightside-tabs button.add-newticket {
  background: #671cc9;
  border: none;
  color: #fff;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 9px 0 9px;
  height: 32px;
}

.rightside-tabs {
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: end;
}

.rightside-tabs ul {
  margin-bottom: 0px;
}

.rightside-tabs svg {
  cursor: pointer;
}

.rightside-tabs ul li {
  list-style: none;
  margin: 0;
}

.rightside-tabs .me-auto {
  margin-right: unset !important;
}

.invite-members {
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
  background: #F4511E;
  margin-left: 12px;
}

.add-applicant {
  height: 28px;
  border-radius: 4px;
  border: 1px solid #26a69a70;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
  background: #ffffff;
  color: #4f4f4f;
  margin-left: 12px;
}

.add-applicant:hover {
  box-shadow: 0 0px 10px rgb(228 227 227);
}

.add-job:hover {
  box-shadow: 0 0px 10px rgb(228 227 227);
}

.add-job {
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
  background: #F4511E;
  margin-left: 8px;
}

/* .rightside-tabs .me-auto {
  margin: 0 4px;
  padding: 9px 14px;
  border-radius: 5px;
  background: white;
  height: 35px;
  box-shadow: 1px 3px 30px -16px #000;
} */

.rightside-tabs h2 {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1c1b1b;
  margin-right: 13px;
}


.tab-tabs {
  display: inline-flex;
  margin-bottom: auto;
  width: 100%;
}

.tab-tabs .me-auto {
  margin: 0 23px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  /* border-bottom: 3px solid #9ef0ed; */
  /* background: aliceblue; */
  padding: 0%;
  border-right: 1px solid #00000017;
  width: 32%;
}

.tab-tabs .me-auto h2 {
  font-size: 15px;
  font-weight: 200;
  color: #1c1b1b;
}

.tab-tabsa {
  display: grid;
  margin-bottom: auto;
  width: 100%;
  padding: 1% 2%;
  align-items: center;
  text-align: center;
  grid-template-columns: auto auto auto 1fr;
  gap: 20px;
  height: 54px;
}

.tab-tabsa .div {
  cursor: pointer;
  margin: 0 0px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  /* border-bottom: 3px solid #9ef0ed; */
  /* background: aliceblue; */
  padding-right: 20px;
  border-right: 1px solid #00000017;
}


ul#Calendar li.highlight {
  color: white;
  background: #19c7ce;
  border: none;
  padding: 10px
}

.sideh432 {
  color: #1b4a9b;
  font-weight: 500;
  font-size: 15px;
  margin: 3% 3%;
}

ul#Calendar li.highlight span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}

ul#Calendar span {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #959595;
  font-family: 'Roboto';
}

ul#Calendar li:hover {
  transition: all 0.2s linear 0s;
  z-index: 1;
  position: relative;
  cursor: pointer;
  background-color: #232323;
  color: #fafafa;
}

.event-list2 {
  padding-right: 16%;
}

.list-styleul {
  padding-left: 8%;
}

.list-styleul li {
  list-style: disc;
  font-size: 14px;
  color: #6f6f6f;
}


span.badge.light.badge-successs {
  background: #acacac;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #27d9d71f;
  height: 26px;
  line-height: 26px;
  padding: 0 8px;

}

#add-album .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#add-album .modal-header {
  display: block;
  border-top-left-radius: 1.3rem;
  border-top-right-radius: 1.3rem;
  background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgb(80 11 255 / 10%) 100%);
  padding: 1rem 1rem;
}

#add-album .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
  color: black;
  font-family: 'Inter var';
}

#add-album form {
  padding: 0rem 1rem;
}

#add-album form label {
  margin-bottom: 0.4rem;
  font-weight: 600;
}

#add-album form .form-control {
  background: #fff;
  border: 1.2px solid #00000094;
  padding: 5px 10px;
  color: #000000;
  height: 39px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 5px;
}

#add-album form textarea.form-control {
  min-height: auto;
  height: auto !important;
}

#add-album .modal-header p {
  margin-bottom: 0;
  line-height: 1;
  font-size: 15px;
  font-weight: 400;
  color: #737272;
}

#add-album .modal-header .btn-close {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
}

#add-album .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

.add-gallery {
  height: 80vh;
  width: 100%;
  display: block;
  text-align: center;
  padding: 4rem 0;
  cursor: pointer;
  vertical-align: middle;
}

.galleryupload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem;
  border: 2px dashed #afaead;
  border-radius: 17px;
  width: 90%;
  margin: 2rem auto 0;
  background: #f2f2f2;
}

.add-gallery img {
  width: 9%;
  display: block;
  margin: 0% auto;
}

.add-gallery span {
  font-size: 20px;
  color: #939393;
}

.gal-a {
  /* padding: 9px 13px;
  color: white !important; */
}

div#myDIV {
  display: none;
  box-shadow: 0 0 37px rgb(8 21 66 / 5%);
  position: absolute;
  background: white;
  right: 10px;

  top: 42px;
  padding: 2% 4%;
  width: 121px;
  border-radius: 4px;
}

div#myDIV a {
  color: #777776;
  font-size: 14px;
  width: 121px;
}

div#myDIV2 h3 {
  font-size: 12px;
  font-weight: 500;
  color: #3a3a3a;
  margin-left: 2px;
  margin-bottom: 0;
}

div#myDIV2 svg {
  vertical-align: middle;
  color: #7f7d83;
  margin: 3px;
  width: 12px;
}

div#myDIV2 {
  z-index: +9;
  width: max-content;
  display: none;
  box-shadow: 0 14px 26px -12px rgb(14 14 14 / 37%), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgb(103 28 201 / 8%);
  position: absolute;
  background: white;
  right: 0;
 top: 23px;
    padding: 4px 9px 5px 7px;
  border-radius: 6px;
  border: 1.6px dashed #5606bf7d;
}

.quotep {
  background: #f4f4f4;
  padding: 8px;
  border-radius: 4px;
}


div#myDIV2 .dropdown-item:hover,
div#myDIV2 .dropdown-item:focus {
  color: #9ae7e4 !important;
  background-color: #e9ecef00;
}

div#myDIV2 a {
  color: #777776;
  font-size: 14px;
  /* width: 121px; */
  padding: 0;
}

div#myDIV2 a .media {
  margin-bottom: 1px;
  align-items: center;
}

div#myDIV2 a .media:hover svg {
  color: #6815ce;
}

div#myDIV2 a .media:hover h3 {
  color: #5e15bb;
}

.selectopt .form-check.custom-checkbox.mb-3 {
  display: inherit;
  margin-right: 9px;
}

.selectopt {
  display: inline-block;
  padding: 5%;
  border-radius: 8px;
}

#report-img .btn.btn-danger {
  background-color: #676767;
  border-color: #676767;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#report-img .btn.btn-primary {
  background: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #ec4119;
  border-color: #ec4119;
}

#add-new-assessment .btn.btn-danger {
  background-color: #676767;
  border-color: #676767;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#add-new-assessment .modal-body img {
  width: 20%;
  display: block;
  margin: auto auto 1% auto;

}

#add-new-assessment .modal-body .form-control {
  background: #ebf7f685;
  border: 1px solid #4db6ac33;
  padding: 5px 14px;
  color: #6e6e6e;
  height: 41px;
  border-radius: 6px;
}

#add-new-assessment .modal-body label {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

#add-new-assessment .modal-body strong {
  font-size: 25px;
}

#add-new-assessment .modal-body p {
  margin: 0;
  font-size: 13px;
}

#add-new-assessment .btn.btn-primary {
  background: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #ec4119;
  border-color: #ec4119;
}

#delete-post .btn.btn-danger {
  background-color: #676767;
  border-color: #676767;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#delete-post .btn.btn-primary {
  background: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#follow-ups .btn.btn-danger {
  background-color: #676767;
  border-color: #676767;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#follow-ups .btn.btn-primary {
  background: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

.fone:hover {
  color: white;
  background: #4DB6AC;
  cursor: pointer;
}

.view-all-a {
  line-height: initial;
  margin-top: 2%;
  color: #ffffff;
  font-size: 15px;
  /* border: 1px solid #0000001a; */
  border-radius: 4px;
  background: #09204812;
  width: 100%;
  height: 1px;

}

.view-all-a i {
  margin-top: -16px;
  padding: 4px 12px;
  /* margin-right: 1%; */
  color: #000000;
  font-size: 19px;
  border: 1px solid #0000001a;
  border-radius: 4px;
  background: #fff;
  float: right;
  width: 30px;
  height: 30px;
}



.view-all-a:hover i {
  color: #ffffff;
  border: 1px solid #ffffff1a;
  background: #0fd1d6;
}


.team-avatar {
  max-width: 25px;
  min-width: 25px;
  background: white;
  border-radius: 7px;
  border: 1px solid #fff;
  border: 12px;
  margin-right: 5px;
}


.team-avatar .avatar {
  width: 25px;
  min-width: 25px;
  height: 25px;
  object-fit: cover;
  /* border: 3px solid #ffffff47; */
  padding: 1px;
}

.team-h3 {
  font-size: 12px !important;
}


.add-rewardform {
  width: 100%;
  background: rgb(9, 32, 72);
  color: white;
  font-size: 13px;
  padding: 12px;
  border-radius: 6px;
}

.add-rewardform label {
  font-weight: 400;
  font-size: 11px;
}

.add-rewardform .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 14px;
  color: #c7c4c4;
  height: 26px;
  border-radius: 3px;
}

.filter-div {
  width: 100%;
  background: rgb(185 185 185);
  color: white;
  font-size: 13px;
  padding: 12px;
  border-radius: 6px;
}

.filter-div label {
  font-weight: 400;
  font-size: 11px;
}

.filter-div .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 14px;
  color: #c7c4c4;
  height: 26px;
  border-radius: 3px;
}

span.tagline-filter {
  font-weight: 600;
}


.pside {
  display: flex;
  margin: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  color: aquamarine;
}

.pside a {
  font-size: 13px;
  color: #282727;
}

.hearta {
  margin: auto;
  font-size: 13px;
  color: #282727;
}

#popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -2;
}

#popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #FFF;
  z-index: -1;
}

#likes-list .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#likes-list .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#home .light.badge-success {
  background-color: #ffffff;
  color: #555757 !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #00000012;
}

#home .h-avatar.is-medium .badge {
  border-width: 2px;
  height: 20px;
  width: 20px;
  background: white;
}

#home .h-avatar.is-medium .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  object-fit: cover;
}

#home .h-avatar.is-medium {
  max-width: 40px;
  min-width: 40px;
}

#home .tile-grid-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e533;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 14px;
  padding: 10px;
}





#menu1 .light.badge-success {
  background-color: #ffffff;
  color: #555757 !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #00000012;
}

#menu1 .h-avatar.is-medium .badge {
  border-width: 2px;
  height: 20px;
  width: 20px;
  background: white;
}

#menu1 .h-avatar.is-medium .avatar {
  width: 35px;
  min-width: 35px;
  height: 35px;
  object-fit: cover;
}

#menu1 .datecol {
  font-size: 12px;
}

#menu1 .h-avatar.is-medium {
  max-width: 40px;
  min-width: 40px;
}

#menu1 .tile-grid-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e533;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 14px;
  padding: 10px;
}





#menu2 .light.badge-success {
  background-color: #ffffff;
  color: #555757 !important;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #00000012;
}

#menu2 .h-avatar.is-medium .badge {
  border-width: 2px;
  height: 20px;
  width: 20px;
  background: white;
}

#menu2 .h-avatar.is-medium .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  object-fit: cover;
}

#menu2 .h-avatar.is-medium {
  max-width: 40px;
  min-width: 40px;
}

#menu2 .tile-grid-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e533;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 14px;
  padding: 10px;
}

.heart-fa {
  color: #aaabac;
  font-size: 20px;
  margin-right: 4px;
  padding-right: 6px;
  border-right: 1px solid #edeaea;
}

.change-cate .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #2eb5a412;
  border-radius: 5px;
  margin-left: 8px;
  border: solid 1px #00968800;
  box-sizing: border-box;
  clear: both;
  color: #04645b;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  height: 33px;
  line-height: 22px;
  outline: none;
  padding-left: 7px;
  padding-right: 20px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}


.draftselect .nice-select {
  -webkit-tap-highlight-color: transparent;
  /* background-color: #f9f9f9; */
  border-radius: 5px;
  margin-left: 8px;
  border: solid 1px #00968800;
  box-sizing: border-box;
  clear: both;
  color: #000000;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  height: 33px;
  line-height: 23px;
  outline: none;
  padding-left: 7px;
  padding-right: 41px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.change-team .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #2eb5a412;
  border-radius: 5px;
  margin-left: 8px;
  border: solid 1px #00968800;
  box-sizing: border-box;
  clear: both;
  color: #04645b;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  height: 33px;
  line-height: 22px;
  outline: none;
  padding-left: 7px;
  padding-right: 20px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}

.notice-div {
  margin: 0% 0 2%;
}

.notice-div button {
  background: #ffffff00;
  border: none;
  padding: 0% 0%;
  border-radius: 6px;
  color: #ec4119;
  text-decoration: underline;
  font-size: 12px;
  font-weight: 500;
}


.first-coll {
  background: #26a69a;
  padding: 1%;
  width: 10%;
  border-radius: 10px 0px 0px 10px;
}

.first-coll img {
  width: 100%;
  filter: invert(1);
}


.second-coll {
  background: #f4f6f9;
  padding: 2%;
  width: 90%;
  border: 1px solid #00000014;
}

.second-coll p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
}

.upcomingdiv .nav-tabs .nav-link {
  line-height: 29px;
  font-size: 13px;
  height: 29px;
  padding: 0px 17px;
  margin-bottom: -1px;
  background: #f3f4f4;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 400;
  color: #828596;
}

.upcomingdiv .tab-content {
  height: 281px;
  overflow-x: auto;
}

.upcomingdiv .nav-tabs .nav-link:focus {
  padding: 0px 17px;
  border-radius: 5px;
  line-height: 29px;
  font-size: 13px;
  height: 29px;
}

.upcomingdiv .nav-tabs {
  margin: auto 0;
  border-bottom: 0px solid #dee2e6;
}

.moremenudropdown {
color: #0b0b0b !important;
  font-weight: 400;
  font-size: 13px;
}

.moremenudropdown .badge {
  margin-left: 4px;
  background-color: rgb(9 32 72);
  width: 19px;
  height: 19px;
  line-height: 22px;
  padding: 0;
}

.upcomingdiv .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ffffff;
  background-color: #26a69a;
  border-color: #26a69a;
}

.cardbox-title {
  margin-bottom: 0;
  font-size: 15px;
  text-align: left;
  padding: 4% 9% 0 3%;
  text-transform: capitalize;
  color: black;
}

.upcomingdiv li {
  list-style: none;
  margin-left: 0;
  margin-right: 5px;
}

.upcomingdiv h5 {
  font-size: 15px !important;
  color: #000000 !important;
  font-weight: 500 !important;
  /* border-bottom: 1px dashed #00000040; */
  padding-bottom: 0.5rem;
}

.left {
  width: 45%;
}


.calendarico {
  padding: 0 !important;
  border-radius: 7px;
  width: 33px;
  cursor: pointer;
  height: 33px;
  text-align: center;
}

.calendarico img {
  width: 100%;
  padding: 8px 7px;
}

.center .candidates .h-avatar {
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1.8;
  /* border: 1px solid #11c3bd; */
  color: #092048;
  font-weight: 500;
  padding: 6px 5px;
  background: #fff7f0;
  width: 18%;
  border-radius: 17px;
  margin-right: 7px;
  height: 90px;
  margin-top: 18px;
  line-height: 14px;
}

.center .recruitment-data .h-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1.2;
  border: 1px solid #11c3bd;
  color: #092048;
  font-weight: 500;
  padding: 13px;
  background: #9ef0ed0a;
  width: 22%;
  border-radius: 6px;
  margin-right: 7px;
  cursor: pointer;
}

.center .recruitment-data .h-avatar:hover {
  color: #ffffff;
  font-weight: 500;
  padding: 13px;
  background: #09cfc9;
}

.center .recruitment-data .h-avatar:hover span {
  color: #fff;
}

.center .recruitment-data a span {
  color: #09cfc9;
  font-size: 26px;
  font-weight: bold;
}

.center .learning-data .h-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1.2;
  border: 1px solid #11c3bd;
  color: #092048;
  font-weight: 500;
  padding: 13px;
  background: #9ef0ed0a;
  width: 20%;
  border-radius: 6px;
  margin-right: 7px;
  cursor: pointer;
}

.center .learning-data .h-avatar:hover {
  color: #ffffff;
  font-weight: 500;
  padding: 13px;
  background: #09cfc9;
}

.center .learning-data .h-avatar:hover span {
  color: #fff;
}

.center .learning-data a span {
  color: #09cfc9;
  font-size: 26px;
  font-weight: bold;
}

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 55%;
  padding-left: 3%;
}

.latest-recruitment .boxs strong {
  color: #092048;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}

.latest-recruitment .boxs ul li {
  list-style: disc;
  font-size: 17px;
  font-weight: 500;
  margin: 3px 0px;
  display: inline-block;
  background: #e1f7ff;
  border: 1px solid #1fdfd9;
  padding: 5px 12px;
  font-size: 12px;
  margin-right: 7px;
  border-radius: 4px;
}


.latest-recruitment .boxs img {
  vertical-align: middle;
  margin-right: 4px;
  width: 11px;
}

.latest-recruitment .boxs i {
  font-size: 11px;
  color: #181717;
  font-weight: 500;
}

.latest-recruitment {
  position: relative;
}

.latest-recruitment .boxs p {
  line-height: 1.5;
  font-size: 11px;
  margin-bottom: 0;
  color: #777777;
}

.latest-recruitment .boxs {
  border: 1px solid #09cfc9;
  padding: 5px 13px;
  border-radius: 7px;
  margin-bottom: 4%;
}

.shortlisted .boxs strong {
  color: #092048;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}

.shortlisted .boxs ul li {
  list-style: disc;
  font-size: 17px;
  font-weight: 500;
  margin: 3px 0px;
  display: inline-block;
  background: #e1f7ff;
  border: 1px solid #1fdfd9;
  padding: 5px 12px;
  font-size: 12px;
  margin-right: 7px;
  border-radius: 4px;
}


.shortlisted .boxs img {
  margin-left: 5px;
  width: 17px;
}

.shortlisted .boxs i {
  font-size: 11px;
  color: #181717;
  display: block;
  font-weight: 500;
}

.shortlisted {
  position: relative;
}

.shortlisted .boxs p {
  line-height: 1.5;
  font-size: 11px;
  margin-bottom: 0;
  color: #777777;
}

.shortlisted .boxs {
  border: 1px solid #09cfc9;
  padding: 9px 13px;
  border-radius: 7px;
  margin-bottom: 4%;
}

.shortlisted .boxs.pending {
  border: 1px solid #09cfc9;
  padding: 9px 13px;
  border-radius: 7px;
  margin-bottom: 4%;
  border: 1px solid #cf2709 !important;
  background: #fff0eb !important;
}

.shortlisted .boxs.pending .fail {
  background: #F4511E;
}

.shortlisted .boxs.pending ul li {
  border: 1px solid #cf2709 !important;
  background: antiquewhite !important;
  color: #ea4019 !important;
}

.shortlisted .boxs.pending i {
  color: #ec4119 !important;
}

.shortlisted .roundtabs ul li a.active {
  background-color: #ffffff;
  /* box-shadow: 0px 0px 31px -15px #00000000; */
  border-color: #2d31314f;
  border-radius: 0;
  padding: 2px 0px;
  color: #090909;
  border-width: 0 0px 1px 0;
  font-size: 13px;
  font-weight: 500;
}

.shortlisted .roundtabs ul li {
  margin-bottom: 14px;
  width: max-content;
  list-style: none;
  margin-right: 13px;
}

.position-relatives {
  position: relative;
}

.position-relatives .actionbtn {
  position: absolute;
  right: 0;
  top: -5px;
}

.position-relatives .actionbtn button {
  background: #4CD137;
  color: white;
  border-radius: 20px;
  border: none;
  padding: 3px 12px;
  font-size: 10px;
}

.shortlisted .roundtabs ul li a:hover {
  color: #495057;
  border-color: #27d9d700;
  padding: 2px 0px !important;
  color: #000000;
}

.shortlisted .roundtabs ul li a {
  background-color: #ffffff;
  border-radius: 0;
  padding: 2px 0px;
  color: #000000;
  border-width: 0 0px 1px 0;
  font-size: 13px;
  font-weight: 300;
}

.refr {
  text-align: center;
  padding-top: 23px;
  padding-bottom: 11px;
}

.latest-recruitment .boxs.pending {
  border: 1px solid #09cfc9;
  padding: 5px 13px;
  border-radius: 7px;
  margin-bottom: 4%;
  border: 1px solid #cf2709 !important;
  background: #fff0eb !important;
}

.latest-recruitment .boxs.pending ul li {
  border: 1px solid #cf2709 !important;
  background: antiquewhite !important;
  color: #ea4019 !important;
}

.latest-recruitment .boxs.pending i {
  color: #ec4119 !important;
}






.h-avatar.is-medium .avatar.is-squared {
  border-radius: 12px !important;
}



.latest-recruitment02 .boxs strong {
  color: #092048;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}

.setposition {
  position: relative;
}

.setposition .editpost {
  position: absolute;
  right: 0;
  top: 0;
}

.latest-recruitment02 .boxs ul li {
  list-style: disc;
  font-size: 17px;
  font-weight: normal;
  margin: 3px 0px;
  display: inline-block;
  background: #ffffff;
  border: 1px solid #1fdfd9;
  padding: 5px 12px;
  font-size: 12px;
  margin-right: 7px;
  border-radius: 4px;
  color: #0a8d88;
}

.latest-recruitment02 .boxs ul li b {
  font-weight: 500;
}

.latest-recruitment02 label {
  margin-bottom: 0.5rem;
  font-size: 13px;
  font-weight: 500;
}

.wizardcss {
  margin-bottom: 17px;
  padding: 2%;
  border: 1px solid #0000001c;
  border-radius: 11px;
}

.latest-recruitment02 .boxs img {
  vertical-align: middle;
  margin-right: 4px;
  width: 16px !important;
}

.addsocialmedia {
  background: #cadbf8;
  margin-top: 2.3pc;
  width: 28px;
  height: 28px;
  padding: 2px;
  cursor: pointer;
  border-radius: 4px;
}

.latest-recruitment02 .boxs i.openpost {
  font-size: 13px;
  color: #09cfc9;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
}

.latest-recruitment02 .boxs i.closepost {
  font-size: 13px;
  color: #f4511e;
  font-weight: 400;
  font-style: normal;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
}

.latest-recruitment02 .boxs i.closepost span {
  width: 11px;
  height: 11px;
  display: inline-block;
  background: #F4511E;
  margin-right: 3px;
  border-radius: 100%;
}

.latest-recruitment02 .boxs i.openpost span {
  width: 11px;
  height: 11px;
  display: inline-block;
  background: #2ad5d0;
  margin-right: 3px;
  border-radius: 100%;
}

.latest-recruitment02 {
  position: relative;
}

.latest-recruitment02 .boxs p {
  line-height: 1.5;
  font-size: 11px;
  margin-bottom: 0;
  color: #777777;
}

.bg-none {
  background: none !important;
}

.latest-recruitment02 .boxs {
  border: 1px solid #98e1fb;
  padding: 11px 13px;
  border-radius: 7px;
  margin-bottom: 1%;
  background: #54b39b1f;
}

.latest-recruitment02 .boxs.pending {
  border: 1px solid #09cfc9;
  padding: 5px 13px;
  border-radius: 7px;
  margin-bottom: 4%;
  border: 1px solid #cf2709 !important;
  background: #fff0eb !important;
}

.latest-recruitment02 .boxs.pending ul li {
  border: 1px solid #cf2709 !important;
  background: antiquewhite !important;
  color: #ea4019 !important;
}

.latest-recruitment02 .boxs.pending i {
  color: #ec4119 !important;
}

.h-avatar.is-medium .avatar.is-squared {
  border-radius: 12px !important;
}

.center .h-avatar span {
  display: block;
  border-radius: 7px;
  font-weight: bold;
  font-size: 19px;
  line-height: 1.3;
  color: #283252;
  /* height: 51px; */
  margin-bottom: 1px;
}

.center .h-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 14px;
  padding: 6px;
}


.block-text {
  font-size: .9rem;
  /* color: #fff; */
}


.common-status-color {
  font-size: 13px;
  color: #bcb1cb;
  font-weight: 500;
}

.common-status-color:hover {
  color: #671cc9
}

.common-status-color i {
  margin-right: 4px;
}

.fss-14 {
  font-size: 12px;
  font-weight: 500;
}

.media {
  display: flex;
  align-items: flex-start;
  /* border-bottom: 1px solid #bdbdbd29; */
  padding: 1% 0;
}

.h4adiv {
  position: relative;
}

.h4adiv i {
  float: right;
  position: absolute;
  right: 12px;
  top: 12px;
}

.datediv {
  /* border-right: 1px solid #0000000d; */
  /* padding-right: 1%; */
}

.side-filter {
  border-right: none !important;
  margin: 7px;
}

.apply-filter {
  border-right: none !important;
  margin-left: auto;
}

.apply-filter a {
  float: right;
  width: 40px;
  /* height: 28px; */
  text-align: center;
  padding: 6px;
  font-size: 13px;
  color: white;
  border-radius: 6px;
}

.apply-filter0 {
  border-right: none !important;
  margin: 0px 2px;
  width: 44px;
  height: auto;
}

.apply-filter0 a {
  float: right;
  background: #ec4119;
  width: 30px;
  /* height: 28px; */
  text-align: center;
  padding: 4px;
  font-size: 14px;
  color: white;
  border-radius: 5px;

}

.side-filter a {
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  opacity: 0.7;
  width: 14px;
  text-align: center;
  padding: 0;
  color: white;
  border-radius: 6px;
  cursor: pointer;
}

.h2active {
  /* font-size: 16px !important; */
  color: #ec4119 !important;
  font-weight: 500 !important;
}

.h1active {
  /* font-size: 16px !important; */
  /* color: #ec4119 !important; */
  font-weight: 500 !important;
}

.tab-tabsa h2 {
  font-size: 14px !important;
  color: #d3d3d3;
  font-weight: 400 !important;
}

.card.bottom-card .card-body {
  padding: 0.875rem;
}
/* .org-leave-card {
    background: #ffffff;
    border-radius: 9px;
    padding: 0px 8px 1px;
    margin-bottom: 11px;
}

span.fes-span {
    color: #540000;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 3px;
}
.org-leave-card .card {
    margin-top: 2px;
    margin-bottom: 5px;
        box-shadow: unset;
}
.org-leave-card .card-body {
    background: #fafafaa1;
    padding-bottom: 10px;
    border-radius: 10px;
    box-shadow: unset;
    border: 1px solid #f1f1f1;
} */
.status-p {
  display: inline-block;
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  background: #72dad6;
  padding: 0 17px;
  /* border: 1px solid #0000000d; */
  border-radius: 4px;
  text-align: center;
  color: white;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 0;
  width: fit-content;
}


.leave-card .bottom-card .col-xl-3 p {
  font-size: 13px;
}

.leave-card .bottom-card .col-xl-3 p b {
  font-size: 14px;
  color: black;
  font-weight: 500;
}


.tab-tabsa1 {
  display: inline-flex;
  margin-bottom: auto;
  width: 100%;
  padding: 0;
  align-items: center;
  justify-content: end;
}

.tab-tabsa1 .me-auto {
  margin: 0 23px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  /* border-bottom: 3px solid #9ef0ed; */
  /* background: aliceblue; */
  padding: 0%;
  border-right: 1px solid #00000000;
  width: auto;
}


.tab-tabsa1 h2 {
  font-size: 16px !important;
  color: #cccccc;
  font-weight: 100 !important;
}





.tab-tabsa2 {
  display: inline-flex;
  margin-bottom: auto;
  width: 100%;
  padding: 0;
  align-items: center;
  justify-content: center;
  padding-right: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  gap: 7px;
}

.tab-tabsa2 .me-auto {
  margin: 0 23px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  /* border-bottom: 3px solid #9ef0ed; */
  /* background: aliceblue; */
  padding: 0%;
  border-right: 1px solid #00000000;
  width: auto;
}


.tab-tabsa2 h2 {
  font-size: 16px !important;
  color: #cccccc;
  font-weight: 100 !important;
}

.tab-tabsa2 .form-control {
  background: #f3f4f4;
  border: 1px solid #ffffff;
  padding: 0px 10px;
  color: #776e6e;
  height: 30px;
  font-size: 10px;
  font-weight: 500;
  line-height: 34px;
  width: auto;
}

.jobfilter {
  border-radius: 4px;
  display: inline-flex;
  margin-bottom: auto;
  width: 100%;
  background: #bfe2e2;
  padding: 6px;
  margin-bottom: 10px;
}

.jobfilter .me-auto {
  margin: 0 23px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  /* border-bottom: 3px solid #9ef0ed; */
  /* background: aliceblue; */
  padding: 0%;
  border-right: 1px solid #00000000;
  width: auto;
}


.jobfilter h2 {
  font-size: 16px !important;
  color: #cccccc;
  font-weight: 100 !important;
}


.bg-block img {
  max-width: 100%;
}

.bg-block {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.bg-block.active {
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


.upload__inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.upload__btn {
  display: block;
  /* font-weight: 600; */
  color: #ffffff;
  text-align: center;
  /* min-width: 116px; */
  padding: 9px 9px;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid;
  background-color: #eadbffe6;
  border-color: #f3f3f3;
  border-radius: 17px;
  line-height: 24px;
  font-size: 14px;

}

.upload__btn:hover {
  background-color: unset;
  color: #4045ba;
  transition: all 0.3s ease;
}

.upload__btn:hover p {
  color: black !important;
}

.upload__btn-box {
  margin-bottom: 10px;
}

.upload__img-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.upload__img-box {
  width: 117px;
  padding: 0 0px;
  margin: 5px 9px 0 0;
  margin-bottom: 12px;
  border: 2px solid #ffffff;
  height: 117px;
}

.upload__img-box img {
  display: block;
  height: 100%;
  width: 100%;
  margin: 0 auto 4px auto;
  object-fit: cover;
}

/* .add-sectio {
  background: #fafafa;
  padding: 4%;
  border-radius: 10px;
} */

.upload__img-close {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 24px;
  z-index: 1;
  cursor: pointer;
}

.upload__img-close:after {
  content: "✖";
  font-size: 14px;
  color: white;
}

.img-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 100%;
}


.add-btncssq {
  background: #4DB6AC;
  border: none;
  color: white;
  height: 34px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px;
  padding: 3px 24px;
}


.switch2 {
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

.switch2 input {
  display: none;
}

.switch2 input+span {
  padding-left: 50px;
  min-height: 24px;
  line-height: 24px;
  display: block;
  color: #99A3BA;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.switch2 input+span:before,
.switch2 input+span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 12px;
}

.switch2 input+span:before {
  top: 0;
  left: 0;
  width: 42px;
  height: 24px;
  background: #afb9cc;
  transition: all 0.3s ease;
}

.switch2 input+span:after {
  width: 18px;
  height: 18px;
  background: #fff;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 3px rgba(18, 22, 33, 0.1);
  transition: all 0.45s ease;
}

.switch2 input+span em {
  width: 8px;
  height: 7px;
  background: #99A3BA;
  position: absolute;
  left: 8px;
  bottom: 7px;
  border-radius: 2px;
  display: block;
  z-index: 1;
  transition: all 0.45s ease;
}

.switch2 input+span em:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -1px;
}

.switch2 input+span em:after {
  content: "";
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #99A3BA;
  border-bottom: 0;
  width: 6px;
  height: 4px;
  left: 1px;
  bottom: 6px;
  position: absolute;
  z-index: 1;
  transform-origin: 0 100%;
  transition: all 0.45s ease;
  transform: rotate(-35deg) translate(0, 1px);
}

.switch2 input+span strong {
  font-weight: normal;
  position: relative;
  display: block;
  top: 1px;
}

.switch2 input+span strong:before,
.switch2 input+span strong:after {
  font-size: 13px;
  font-weight: 400;
  display: block;
  -webkit-backface-visibility: hidden;
}

.switch2 input+span strong:before {
  content: "First Half";
  transition: all 0.3s ease 0.2s;
}

.switch2 input+span strong:after {
  content: "Second Half";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  color: #1050ab;
  transition: all 0.3s ease;
  transform: translate(2px, 0);
}

.switch2 input:checked+span:before {
  background: rgb(148 182 229);
}

.switch2 input:checked+span:after {
  background: #fff;
  transform: translate(18px, 0);
}

.switch2 input:checked+span em {
  transform: translate(18px, 0);
  background: #092048;
}

.switch2 input:checked+span em:after {
  border-color: #5628EE;
  transform: rotate(0deg) translate(0, 0);
}

.switch2 input:checked+span strong:before {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  transform: translate(-2px, 0);
}

.switch2 input:checked+span strong:after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: all 0.3s ease 0.2s;
}


.leavetype {
  background: #fbfbfb;
  padding: 4%;
  border-radius: 6px;
}

.das-active h2 {
  color: #ff3101 !important;
  font-weight: 400 !important;
}

.widthdiv {
  /* margin-left: 3%;
  width: 23%; */
}

.widthdiv .p-dropdown.p-component.p-inputwrapper {
  background: #f3f4f4;
  border: 1px solid #ffffff;
  padding: 0px 0px 0 10px;
  color: #776e6e;
  height: 30px;
  font-size: 10px;
  font-weight: 500;
  line-height: 28px;
  max-width: 120px;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 12px;
  width: 11px;
}

span.p-dropdown-item-label {
  font-size: 12px;
  padding-left: 5px;
  color: #575656;
}

li.p-dropdown-item.p-focus {
  padding: 4px 0;
}

.p-dropdown-trigger svg {
  vertical-align: middle;
  width: 10px;
}

.flex.align-items-center.gap-2 img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 5px;
}

.widthdiv span.p-dropdown-label.p-inputtext {
  font-size: 10px;
  color: #776e6e;
  background: transparent;
}

.widthdiv .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 14px;
  color: #6e6e6e;
  height: 44px;
}

.widthdiv0 {
  margin-left: 5px;
  width: 23%;
}

.widthdiv0 .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 14px;
  color: #6e6e6e;
  height: 44px;
}

.tab-tabsa1 .form-control {
  background: #f3f4f4;
  border: 1px solid #ffffff;
  padding: 0px 10px;
  color: #776e6e;
  height: 30px;
  font-size: 10px;
  font-weight: 500;
  line-height: 34px;
  width: 102px;
}
.tab-tabsa1 .form-control:hover {
    background: #f3f4f4;
}
.tab-tabsa2 .form-control:hover{
  background: #f3f4f4;
}
.d-gridcss {
  align-items: center;
  grid-template-columns: 1fr 30px 1fr 1fr;
  display: flex;
  gap: 12px;
  /* padding-right: 1%!important; */
}


.no-data p {
  color: #000;
  margin-top: 15px;
  font-weight: 500;
}

.no-data img {
  width: 193px;
}

.no-data {
  font-size: 18px;
  color: #000000;
  text-align: center;
}

.d-gridcss label {
  cursor: pointer;
  margin-bottom: 0;
  font-size: 12px;
  color: #000000;
  font-weight: 500;
}

.jobfilter .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 0px 10px;
  color: #929292;
  height: 28px;
  font-weight: 400;
  font-size: 10px;
  border-radius: 4px;
}

.darkh2 {
  font-size: 29px;
  font-weight: 800;
}

.darkh02 {
  font-size: 29px;
  font-weight: 800;
}

.darkh2 a {
  color: #5f5f5f;
}

.lighth2 a {
  font-size: 12px;
  font-weight: 500;
}

.darkh02 a {
  color: #27d7d1;
}

.darkh002 {
  font-size: 21px;
  font-weight: 800;
}

.darkh002 a {
  color: #092048;
}

.org-leave-card h2.mt-0.mb-0.lighth2 {
  font-size: 18px;
}

.org-leave-card .card {
  margin-top: 9px;
}

.org-leave-card .lighth2 a {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 1.5;
  font-size: 13px;
}

.org-leave-card .darkh002 a {
  color: #000;
}

.org-leave-card .darkh002 {
  font-size: 0.938rem;
  font-weight: 800;
  /* color: antiquewhite; */
}

.org-leave-card .h-avatar.is-medium .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px
}


.org-cate .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #2eb5a412;
  border-radius: 5px;
  margin-left: 8px;
  border: solid 1px #00968800;
  box-sizing: border-box;
  clear: both;
  color: #04645b;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  height: 33px;
  line-height: 22px;
  outline: none;
  padding-left: 7px;
  padding-right: 39px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}


.status-p1 {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  padding: 0px 17px;
  background: #f4511e24;
  border: 1px solid #f4511e00;
  border-radius: 4px;
  margin-right: 5px;
  text-align: center;
  color: #f4511e;
  width: fit-content;
  display: inline-block;
  cursor: pointer;
}

.status-p1:hover {
  background: #f4511ebd;
  color: white;
}

.status-p11:hover {
  background: #09204870;
  color: white;
}

.status-p:hover {
  background: #34cec8;
  color: white;
}

.status-p11 {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  padding: 0px 17px;
  background: #f3f3f3;
  color: black;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  margin-right: 5px;
  text-align: center;
  width: fit-content;
  display: inline-block;
  cursor: pointer;
}

/*chatbox poopup*/

.floating-chat {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: fixed;
  bottom: 60px;
  right: 26px;
  width: 40px;
  height: 40px;
  transform: translateY(70px);
  transition: all 250ms ease-out;
  border-radius: 50%;
  opacity: 0;
  background: -moz-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
  background: -webkit-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.floating-chat.enter:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  opacity: 1;
}

.floating-chat.enter {
  transform: translateY(0);
  opacity: 0.6;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
}

.floating-chat.expand {
  width: 250px;
  max-height: 400px;
  height: 400px;
  border-radius: 5px;
  cursor: auto;
  opacity: 1;
}

.floating-chat :focus {
  outline: 0;
  box-shadow: 0 0 3pt 2pt rgba(14, 200, 121, 0.3);
}

.floating-chat button {
  background: transparent;
  border: 0;
  color: white;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
}

.floating-chat .chat {
  display: flex;
  flex-direction: column;
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  transition: all 250ms ease-out;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.floating-chat .chat.enter {
  opacity: 1;
  border-radius: 0;
  margin: 10px;
  width: auto;
  height: auto;
}

.floating-chat .chat .header {
  flex-shrink: 0;
  padding-bottom: 10px;
  display: flex;
  background: transparent;
}

.floating-chat .chat .header .title {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 5px;
}

.floating-chat .chat .header button {
  flex-shrink: 0;
}

.floating-chat .chat .messages {
  padding: 10px;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
  flex-grow: 1;
  border-radius: 4px;
  background: transparent;
}

.floating-chat .chat .messages::-webkit-scrollbar {
  width: 5px;
}

.floating-chat .chat .messages::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.1);
}

.floating-chat .chat .messages::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.2);
}

.floating-chat .chat .messages li {
  position: relative;
  clear: both;
  display: inline-block;
  padding: 14px;
  margin: 0 0 20px 0;
  font: 12px/16px "Noto Sans", sans-serif;
  border-radius: 10px;
  background-color: rgba(25, 147, 147, 0.2);
  word-wrap: break-word;
  max-width: 81%;
}

.floating-chat .chat .messages li:before {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  content: "";
  background-size: cover;
}

.floating-chat .chat .messages li:after {
  position: absolute;
  top: 10px;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid rgba(25, 147, 147, 0.2);
}

.floating-chat .chat .messages li.other {
  animation: show-chat-odd 0.15s 1 ease-in;
  -moz-animation: show-chat-odd 0.15s 1 ease-in;
  -webkit-animation: show-chat-odd 0.15s 1 ease-in;
  float: right;
  margin-right: 45px;
  color: #0AD5C1;
}

.floating-chat .chat .messages li.other:before {
  right: -45px;
  background-image: url(https://github.com/Thatkookooguy.png);
}

.floating-chat .chat .messages li.other:after {
  border-right: 10px solid transparent;
  right: -10px;
}

.floating-chat .chat .messages li.self {
  animation: show-chat-even 0.15s 1 ease-in;
  -moz-animation: show-chat-even 0.15s 1 ease-in;
  -webkit-animation: show-chat-even 0.15s 1 ease-in;
  float: left;
  margin-left: 45px;
  color: #0EC879;
}

.floating-chat .chat .messages li.self:before {
  left: -45px;
  background-image: url(https://github.com/ortichon.png);
}

.floating-chat .chat .messages li.self:after {
  border-left: 10px solid transparent;
  left: -10px;
}

.floating-chat .chat .footer {
  flex-shrink: 0;
  display: flex;
  padding-top: 10px;
  max-height: 90px;
  background: transparent;
}

.floating-chat .chat .footer .text-box {
  border-radius: 3px;
  background: rgba(25, 147, 147, 0.2);
  min-height: 100%;
  width: 100%;
  margin-right: 5px;
  color: #0EC879;
  overflow-y: auto;
  padding: 2px 5px;
}

.floating-chat .chat .footer .text-box::-webkit-scrollbar {
  width: 5px;
}

.floating-chat .chat .footer .text-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.1);
}

.floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.2);
}

@keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }

  100% {
    margin-left: 0;
  }
}

@-moz-keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }

  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }

  100% {
    margin-left: 0;
  }
}

@keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }

  100% {
    margin-right: 0;
  }
}

@-moz-keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }

  100% {
    margin-right: 0;
  }
}

@-webkit-keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }

  100% {
    margin-right: 0;
  }
}

.org-add svg {
 background: #671cc9;
    color: white;
    font-size: 11px;
    height: 23px;
    width: 23px;
    line-height: 23px;
    margin-left: 0px;
    text-align: center;
    border-radius: 5px;
}

.org-edit {
  display: none;
  position: absolute;
  right: -9px;
  top: -1rem;
  background: white;
  padding: 3px 14px;
  box-shadow: 0px 0px 69px -9px #00000085;
  border-radius: 35px;
  border: 1px solid #eb07072b;
  cursor: pointer;
}

.org-edit button img {
  width: 11px;
}

.org-edit i {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  background: #9ef0ed;
  color: #ffffff;
  width: 20px;
  height: 20px;
  padding: 5px;
  border-radius: 3px;
}

.org-leave-card .card.bottom-card:hover .org-edit {
  display: flex;
  gap: 12px;


}

.org-delete button {
  cursor: pointer;
  height: 33px;
  background: #1bd3cd;
  width: 33px;
  color: #ffffff;
  margin-left: 5px;
  font-size: 14px;
  text-align: center;
  padding: 10px;
  border-radius: 3px;
}

.org-delete button {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  background: #ee0505;
  color: #ffffff;
  width: 20px;
  height: 20px;
  padding: 5px;
  border-radius: 3px;
  margin-right: 30px;
}

.org-leave-card .card.bottom-card:hover button {
  display: block;
  border: none;
  background: transparent;
}

.name-p {
  font-size: 13px;
  font-weight: 400;
  color: #08a3c0;
  margin: 0 5px 0 0 !important;
  background: #eaf6ff;
}

.para-detail {
  font-size: 14px;
  color: black;
}

.para-detail span {
  margin: 0 0 0 5px;
}

.des-p {
  font-size: 13px;
  padding: 0 11%;
  line-height: normal;
  color: #8a8a8a;
}

.set-p p.me-4 {
  color: #454444;
  /* background: #f8f8f8; */
  padding: 0%;
  border-radius: 5px;
  font-size: 14px;
}

#pending-request h5.modal-title {
  font-size: 20px;
  color: #f44336;
}

#pending-request .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#pending-request .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}



#appre .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#appre .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

.center .candidatess .h-avatar {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: 13px;
  line-height: 1.1;
  color: #585656;
  padding: 13px;
  background: #9ef0ed;
  width: 49%;
  border-radius: 15px;
}

.profiledrop .profiledropul li img {
  width: 26px;
  border-radius: 100%;
  margin: -4px;
  border: 2px solid #fff;
}

.profiledrop h6 {
  margin: auto 0px auto 7px;
}

.profiledrop2 .profiledropul li img {
  width: 25px;
  border-radius: 100%;
  margin: -4px;
  border: 2px solid #fff;
}

.profiledrop2 h6 {
  margin: auto 0px auto 7px;
}

.profiledrop h6 {
  margin: auto 0px auto 0;
  font-size: 11px;
}

.hrcolor {
  margin: 1px 0;
  color: #b2b2b2;
}

.contact-mandiv {
  padding: 4% !important;
}

.contact-mandiv h6 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  padding: 0 9% 0 2%;
  text-transform: capitalize;
  color: black;
}

.contact-mandiv ul strong {
  font-size: 14px;
  color: #a0a0a0;
}

.contact-mandiv ul {
  margin: 0%;
  text-align: center;
  background: #f4f6f900;
  padding: 3%;
  border-radius: 9px;
}

.contact-mandiv .profiledrop .profiledropul li img {
  width: 57%;
  border-radius: 100%;
  margin: 5% auto 0;
  border: 2px solid #fff;
  display: block;
}

.contact-mandiv button {
  margin: auto 0px auto 15px;
  display: block;
  background: #f5f5f5;
  border: none;
  color: #aeaeae;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.contact-mandiv button:hover {
  background: #092048;
  color: #ffffff;
}

.contact-mandivs {
  padding: 0% !important;
}

.contact-mandivs h6 {
  font-size: 16px;
  text-align: left;
  padding: 0 9% 0 0%;
  text-transform: capitalize;
}

.contact-mandivs ul strong {
  font-size: 14px;
  color: #a0a0a0;
}

.contact-mandivs ul {
  margin: 0%;
  text-align: center;
  background: #f4f6f900;
  padding: 3%;
  border-radius: 9px;
}

.contact-mandivs .profiledrop .profiledropul li img {
  width: 43%;
  border-radius: 100%;
  margin: 5% auto 0;
  border: 2px solid #fff;
  display: block;
}

.contact-mandivs button {
  margin: auto 0px auto 15px;
  display: block;
  background: #f5f5f5;
  border: none;
  color: #aeaeae;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
}

.contact-mandivs button:hover {
  background: #092048;
  color: #ffffff;
}

#pending-request .img img {
  width: 130px;
  height: 130px;
}

#pending-request label {
  font-size: 15px;
  color: #000000;
  font-weight: 500;
  text-align: left;
}


#contact-manager .form-control {
  padding: 0px 14px !important;
  height: 42px !important;
}

#contact-manager .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#contact-manager .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#contact-manager h5 {
  font-size: 19px;
  font-weight: 700;
}


#give-rating .form-control {
  padding: 12px 14px !important;
  border: 1px solid #e8e8e8;
  border-radius: 14px;
  margin-bottom: 1rem;
  color: black;
  font-weight: 400;
  letter-spacing: 0.5px;
  font-size: 14px;
}

#give-rating .modal-body .p-rating {
  margin: 1rem 0;
  /* text-align: center; */
  justify-content: center;
}

#give-rating .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#give-rating .modal-content {
  border-radius: 25px;
}

#give-rating img {
  border-radius: 25px;
  margin: 0%;
}

#give-rating .p-rating {
  gap: 0.5rem;
}

#give-rating .p-rating svg {
  width: auto;
  height: 26px;
}

#give-rating .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#give-rating .modal-dialog {
  max-width: 435px;
}

#give-rating .rate li {
  list-style: none;
  font-size: 30px;
  font-weight: 500;
  margin: 3px 0px;
  display: inline-block;
  margin: 9px 8px 13px;
  color: #fec957;
}

#give-rating h5 {
  font-size: 20px;
  font-weight: 400;
  width: 77%;
  text-align: center;
  color: black;
  line-height: 1.3;
}

#give-rating .modal-footer i {
  background: #E64A19;
  box-shadow: 2px 4px 15px -6px #000000de;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  font-size: 27px;
  color: white;
  padding: 11px;
  border-radius: 100%;
}






#enroll-success .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 2px 17px;
  border-radius: 5px;
  font-size: 13px;
  height: 32px;
}

#enroll-success .btn.btn-primary {
  background-color: #f6f6f6;
  color: #575756;
  padding: 2px 17px;
  border-radius: 5px;
  font-size: 13px;
  height: 32px;
  border: none;
}

#enroll-success .form-control {
  padding: 12px 14px !important;
}


#enroll-success .modal-content {
  border-radius: 25px;
}

#enroll-success img {
  padding: 5%;
  border-radius: 25px;
  margin: auto;
  width: 137px;
}

#enroll-success .modal-dialog {
  max-width: 435px;
}

#enroll-success .rate li {
  list-style: none;
  font-size: 30px;
  font-weight: 500;
  margin: 3px 0px;
  display: inline-block;
  margin: 9px 8px 13px;
  color: #fec957;
}

#enroll-success h5 {
  font-size: 22px;
  font-weight: 600;
  width: 77%;
  text-align: center;
  color: black;
  line-height: 1.3;
}

.cspay {
  padding: 12px 23px;
  border-radius: 12px;
  border: 1px solid #00000017;
}

.transno {
  color: #e64a19;
  text-decoration: underline;
  font-weight: 500;
  font-size: 15px;
}

#enroll-success p {
  font-size: 14px;
  line-height: 1.2;
  color: #adadad;
  margin: 6px 15px 15px;
}

#enroll-success .modal-footer i {
  background: #E64A19;
  box-shadow: 2px 4px 15px -6px #000000de;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  font-size: 27px;
  color: white;
  padding: 11px;
  border-radius: 100%;
}

#view-score .progress {
  width: 150px;
  height: 150px !important;
  float: left;
  line-height: 150px;
  background: none;
  margin: 4% auto auto;
  box-shadow: none;
  position: relative;
}

.totalpay .payamt span:nth-child(2) {
  text-align: right;
}

.totalpay .amt span:nth-child(2) {
  text-align: right;
}

.totalpay .payamt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px 0 10px;
  /* border-bottom: 1px solid #00000012; */
  font-size: 17px;
}

.totalpay .amt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px 0 10px;
  font-size: 14px;
  border-bottom: 1px solid #00000012;
}

#view-score .progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 12px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
}

#view-score .progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

#view-score .progress .progress-left {
  left: 0;
}

#view-score .progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
}

#view-score .progress .progress-left .progress-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;
}

#view-score .progress .progress-right {
  right: 0;
}

#view-score .progress .progress-right .progress-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;
}

#view-score .progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: #fff;
  font-size: 36px;
  color: #0aaba9;
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
}

#view-score .progress.blue .progress-bar {
  border-color: #e64a19;
}

#view-score .progress.blue .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}

#view-score .progress.yellow .progress-bar {
  border-color: #fdba04;
}

#view-score .progress.yellow .progress-right .progress-bar {
  animation: loading-3 1.8s linear forwards;
}

#view-score .progress.yellow .progress-left .progress-bar {
  animation: none;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}

@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}

#view-score .form-control {
  padding: 12px 14px !important;
}

#view-score .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#view-score .modal-content {
  border-radius: 25px;
}

#view-score img {
  border-radius: 25px;
  margin: 3%;
}

#view-score .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#view-score .modal-dialog {
  max-width: 435px;
}

#view-score .rate li {
  list-style: none;
  font-size: 30px;
  font-weight: 500;
  margin: 3px 0px;
  display: inline-block;
  margin: 9px 8px 13px;
  color: #fec957;
}

#view-score h5 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: black;
  line-height: 1.3;
}

#view-score p {
  font-size: 12px;
}

#view-score strong {
  font-weight: 600;
  color: #232222;
  font-size: 16px;
  font-style: normal;
  margin-top: 20px;
}

#view-score .modal-footer i {
  background: #E64A19;
  box-shadow: 2px 4px 15px -6px #000000de;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  font-size: 27px;
  cursor: pointer;
  color: white;
  padding: 11px;
  border-radius: 100%;
}

#quizzes .form-control {
  padding: 12px 14px !important;
}

#quizzes .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 2px 17px;
  border-radius: 5px;
  font-size: 13px;
  height: 32px;
}

#quizzes .modal-footer {
  padding: 0.5rem 1rem;
}

#quizzes .modal-content {
  border-radius: 14px;
}

#quizzes .question.selected strong {
  font-weight: 600;
  color: #f74e27;
}

#quizzes .question.selected {
  display: grid;
  grid-template-columns: 1fr auto;
  background: #fff3ec;
  border: 1px solid #FF5722;
}

#quizzes img {
  border-radius: 100%;
  margin-right: 8px;
  width: 49px;
  height: 49px;
  object-fit: cover;
  object-position: right;
}

#quizzes .rate li {
  display: inline-block;
  background: #062251;
  width: 29px;
  height: 29px;
  margin: 0 5px;
  border-radius: 100%;
  font-size: 12px;
  color: white;
  padding: 6px;
  text-align: center;
}

#quizzes .question {
  display: grid;
  grid-template-columns: 1fr auto;
  background: #fbfbfb;
  border: 1px solid #d7d7d7;
  padding: 11px 18px;
  border-radius: 12px;
  margin-top: 9px;
}

#quizzes .question strong {
  font-weight: 600;
  color: #212121;
  font-size: 15px;
  font-style: normal;
}

#quizzes .modal-header {
  padding: 1rem 0.875rem;
}

#quizzes .detail {
  margin-top: 17px;
  border-top: 1px solid #00000029;
  padding-top: 10px;
}



#quizzes .detail span {
  font-size: 12px;
  color: #FFAB91;
}

#quizzes .detail h3 {
  margin: 7px 0px 18px;
  color: black;
  font-size: 19px;
  font-weight: 400;
}

#quizzes .rate {
  text-align: left;
}

#quizzes h5 {
  font-size: 19px;
  font-weight: 600;
  /* width: 77%; */
  text-align: left;
  color: black;
  line-height: 1.3;
  display: flex;

}

#quizzes .modal-footer i {
  background: #E64A19;
  box-shadow: 2px 4px 15px -6px #000000de;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  font-size: 27px;
  color: white;
  padding: 11px;
  border-radius: 100%;
}

#quizzes .rate li.check {
  display: inline-block;
  background: #062251;
  width: 28px;
  height: 28px;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 12px;
  color: white;
  padding: 6px;
}

#quizzes .rate li {
  display: inline-block;
  background: #0622511a;
  width: 28px;
  height: 28px;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #272525;
  padding: 6px;
}


#viewquizzes .form-control {
  padding: 12px 14px !important;
}

.show-result span {
  display: none;
}

#viewquizzes .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 2px 17px;
  border-radius: 5px;
  font-size: 13px;
  height: 32px;
}

#viewquizzes .modal-footer {
  padding: 0.5rem 1rem;
}

#viewquizzes .modal-content {
  border-radius: 14px;
}

#viewquizzes .question.selected strong {
  font-weight: 600;
  color: #f74e27;
}

#viewquizzes .question.selected {
  display: grid;
  grid-template-columns: 1fr auto;
  background: #fff3ec;
  border: 1px solid #FF5722;
}

#viewquizzes img {
  border-radius: 100%;
  margin-right: 8px;
  width: 49px;
  height: 49px;
  object-fit: cover;
  object-position: right;
}

#viewquizzes .show-result li {
  display: inline-block;
  background-color: #04b9a8;
  color: white;
  width: 29px;
  height: 29px;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 12px;
  color: white;
  padding: 6px;
  text-align: center;
}

#viewquizzes .question i {
  position: absolute;
  right: 10px;
  top: 9px;
  width: 24px;
  font-size: 12px;
  height: 24px;
  border-radius: 100%;
  padding: 6px;
  text-align: center;

}

#viewquizzes .question.right i {
  background: #04b9a8;
  color: white;
}

#viewquizzes .question.right {
  border: 1px solid #04b9a8;
}

#viewquizzes .question.wrong i {
  background: #FF5722;
  color: white;
}

#viewquizzes .show-result li.wrong {
  background: #F4511E;
}

#viewquizzes .question {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  background: #fbfbfb;
  border: 1px solid #d7d7d7;
  padding: 11px 18px;
  border-radius: 12px;
  margin-top: 9px;
}

#viewquizzes .question strong {
  font-weight: 600;
  color: #212121;
  font-size: 15px;
  font-style: normal;
}

#viewquizzes .modal-header {
  padding: 1rem 0.875rem;
}

#viewquizzes .detail {
  margin-top: 17px;
  border-top: 1px solid #00000029;
  padding-top: 10px;
}



#viewquizzes .detail span {
  font-size: 12px;
  color: #a6a6a6;
}

#viewquizzes .detail h3 {
  margin: 7px 0px 18px;
  color: black;
  font-size: 19px;
  font-weight: 400;
}

#viewquizzes .show-result {
  text-align: left;
}

#viewquizzes h5 {
  font-size: 19px;
  font-weight: 600;
  /* width: 77%; */
  text-align: left;
  color: black;
  line-height: 1.3;
  display: flex;

}

#viewquizzes .modal-footer i {
  background: #E64A19;
  box-shadow: 2px 4px 15px -6px #000000de;
  width: 50px;
  height: 50px;
  margin: auto;
  text-align: center;
  font-size: 27px;
  color: white;
  padding: 11px;
  border-radius: 100%;
}

#viewquizzes .show-result li.check {
  display: inline-block;
  background: #062251;
  width: 28px;
  height: 28px;
  margin: 0 5px;
  border-radius: 5px;
  font-size: 12px;
  color: white;
  padding: 6px;
}


.send-feedback {
  font-size: 12px;
  padding: 0 5%;
  margin-bottom: 0;
}

.ullist-edit .send-feedback span {
  font-size: 13px;
  color: #46454869;
  display: inline-flex;
  align-items: center;

}

.ullist-edit .send-feedback a {
  font-size: 10px !important;
  color: #671cc9 !important;
  padding-left: 0px !important;
  margin-left: 1px !important;
  font-weight: 500 !important;
}

.ullist-edit .send-feedback span:nth-child(2) {
  font-size: 10px !important;
}

p.send-feedback a {
  margin: 0px !important;
  padding: 0 !important;
  padding-top: 0px !important;
}

p.send-feedback span {
  display: block;
  margin-top: 5px;
}

.send-feedback a {
  text-align: left !important;
  /* color: aliceblue; */
  color: #73768b !important;
  line-height: 1.5 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  margin-top: 0px !important;
}

.change-passowrd-area {
  height: calc(100vh - 84px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.left1 {
  width: 60%;
  padding: 0px 64px;
}

.center1 h4 {
  margin-bottom: 0;
}

.center1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60%;
  padding-left: 0%;
}

.center1 ul {
  display: flex;
  margin: 1% 0 2%;
}

.center1 ul li {
  list-style: none;
  margin: 0 4px;
  font-size: 31px;
  color: #ebebeb;
}





.center01 h4 {
  margin-bottom: 0;
}

.center01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 60%;
  padding-left: 3%;
}

.center01 ul {
  display: flex;
  margin: 1% 0 2%;
}

.center01 ul li {
  list-style: none;
  margin: 0 4px;
  font-size: 31px;
  color: #ebebeb;
}

.morebtnn {
  margin-left: inherit;
  text-align: right;
  padding: 0;
  margin-bottom: 2%;
}


.center01 button {
  width: fit-content;
  padding: 5px 22px;
  border-radius: 5px;
  border: none;
  background: #092048;
  margin: 2% 0;
  font-size: 16px;
  color: white;
}

.avatrr {
  width: 80px;
  min-width: 80px;
  height: 80px;
}

#org-leave .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

.p-message.p-component {
  position: fixed;
  padding: 8px;
  top: 4rem;
  /* transform: translateX(-50%); */
  right: 3rem;
  z-index: 9;
  font-size: 12px;
}

.p-message.p-message-success {
  background: #c8f3e1;
  border: solid #2d9f6e;
  border-width: 0 0 0 6px;
  color: #115e3d;
}

#org-leave .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  /* background: #72dad6; */
  /* border-color: #72dad6; */
}

.pdf-btncss {
  background: #092048;
  border: none;
  color: white;
  height: 36px;
  border-radius: 5px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 14px;
  padding: 0px 14px;
}

.chng-word .center01 {
  background: white;
  padding: 5% 0%;
  border-radius: 20px;
  width: 50%;
  margin: auto;
  text-align: center;

}

/* .codesend a {
  color: #0ac3b2;
} */

.chng-word .center01 .otpdiv input {
  display: inline-block;
  width: 73px;
  font-size: 28px;
  margin: 0 3px;
  height: 73px;
  text-align: center;
  border: 1px solid #e7e7e7;
  color: #515151;
}

.chng-word .center1 {
  /* background: white; */
  padding: 10px;
  border-radius: 20px;
  width: calc(100% - 45%);
}

.chng-word .center1 h4 {
  margin: 0px 0px 7px;
  font-size: 15px;
  font-weight: 400;
  color: #131212;
}

.chng-word .center1 .form-control {
  height: 45px;
  border: 2px solid #d3d3d3;
  width: calc(100% - 49px);
  border-right: 0px;
  padding-left: 17px;
  border-radius: 22px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background: transparent;
}

.chng-word .center01 h4 {
  margin-bottom: 0;
  margin: 2% 0 3%;
  font-size: 16px;
  font-weight: 100;
  color: #8e8e8e;
}

.fxt-template-layout29 .fxt-btn-fill {
  position: relative;
  margin-right: 0;
  margin-top: 0;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
  display: block;
  width: 100%;
  font-size: .87rem;
  text-transform: uppercase;
  line-height: 25px;
  font-weight: 500;
  height: 45px;
  box-shadow: none;
  outline: none;
  border: 0;
  color: #fff;
  border-radius: 37px;
  background-color: #ff4500;
  margin-bottom: 0px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.or-section span {
  font-size: 17px;

  font-weight: 600;

}

.or-section {
  padding: 4px 0px;
}

.stuck-condition {
  margin-top: 20px;
  margin-bottom: 0px;
}

.stuck-condition h5 {
  color: #1b1a1a;
  font-size: 17px;
}

.invalid-bottom-text {
  margin-top: 20px;
}

.invalid-bottom-text svg {
  width: 23px;
  height: 23px;
  color: #505e82;


}

.form-check-inputundefined.p-checkbox {
  width: 17px;
  height: 25px;
}

.invalid-bottom-text h4 a {
  color: #ff4500;
  line-height: 1.4;
  font-size: 13px;
}

.stuck-condition ul.list-login-bx li {
  font-size: 13px;
  list-style: auto;
  margin-left: 15px;
  color: #101010;
  font-weight: 400;
}

.fxt-template-layout29 .fxt-form .form-control:focus {
  background: #fcfcfc;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
  border-color: #cecece;
}

.fxt-template-layout29 .fxt-form .form-control:active {
  border-color: #485fc7;
}

.fxt-template-layout29 .fxt-form .otp-company-name h2 {
  font-size: 17px;
  color: #520eabd9;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 7px;
}

.back-login-btn {
  position: relative;
  /* bottom: 20px; */
  /* right: 43px; */
  /* margin-right: 6px; */
}

.btn.btnlogin-bx {
  height: 34px;
  color: #132d76;
  border: 1px solid #e5e7ed;
  background-color: #e5e7ed;
}

.resetfont {
  font-weight: 800;
}

.me-auto h2.me-h2.font-w600.mb-0 {
  font-size: 35px;
  color: #1a2433;
  font-weight: 200;
}

.chng-word {
  background: #f8f9fa;
  padding: 17px;
  border-radius: 20px;
  border: 2px solid #eff2f6;
  /* margin-right: 12%; */
  /* margin-left: 7%; */
  position: relative;
  background-repeat: no-repeat;
  background-image: url(/images/login/back.png);
  background-size: auto;
  background-position: bottom;
  /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
}

.chng-word .rightpic {

  width: 36%;
}

.chng-word .center1 button {
  width: 100%;
  padding: 8px 22px;
  border-radius: 5px;
  border: none;
  background: #ff4500;
  /* margin: 0 auto; */
  font-size: 16px;
  color: white;
  text-align: center;
  margin-top: 11px;
  border-radius: 20px;
}

.chng-word .center01 .verifybtn {
  width: 23%;
  padding: 8px 22px;
  border-radius: 5px;
  border: none;
  background: #f44336;
  margin: 2% 0;
  font-size: 16px;
  color: white;
}

.chngpassword-img {
  position: absolute;
  right: 0;
  top: 5%;
  z-index: -999999999999999999;
}

.chng-word .center1 .form-group {
  position: relative;
}

.chng-word .center1 .form-group {
  background: transparent;
}

.chng-word .center1 .form-group i {
  position: relative;
  z-index: 1;
  /* right: 4%; */
  /* top: 34%; */
  color: #605f5fba;
  width: 37px;
  height: 45px;
  border: 2px solid #d3d3d3;
  border-left: 0px;
  line-height: 45px;
  text-align: center;
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}

.chng-word .center1 .form-group:focus i {
  -webkit-box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
  box-shadow: 0px 6px 6px -8px rgba(128, 189, 255, 0.5);
  border-color: #80bdff !important;
}




#searchmyNav {
  height: 100%;
  display: none;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 85%);
  overflow-x: hidden;

}

#searchmyNav .overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.recent .media-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* margin: 0 3% 0 0; */
  margin-bottom: 9px;
  /* border-right: 1px solid #00000008; */
  /* padding-right: 3%; */
  border-bottom: 1px solid #dbdbdb;
  justify-content: start;
}

.recent .recent-block:last-child .media-flex-center {
  border-bottom: 0px;
}

.recent3 .media-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 3% 0 0;
  margin-bottom: 1rem;
  border-right: 1px solid #00000008;
  padding-right: 3%;
}

.h-icon.is-info {
  background: #cfeffe;
}

.h-icon.is-rounded {
  border-radius: 50%;
}

.recent a {
  text-decoration: none;
  font-size: 33px;
  color: #0a419d;
  display: block;
  transition: 0.3s;
}

#searchmyNav a:hover,
#searchmyNav a:focus {
  color: #f1f1f1;
}

.recent3 .bottomi {
  width: auto;
  /* min-width: 50px; */
  height: 36vh;
}

.recent img {
  width: 33px;
  min-width: 33px;
  height: 33px;
  object-fit: cover;
  border-radius: 100%;
}

#searchmyNav .closebtn {
  position: absolute;
  top: 0px;
  right: 17px;
  font-size: 34px;
}




#app {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.15s ease width;
  z-index: 2;
  width: 48%;
  background: #000000a8;
  padding: 5rem;
  border-radius: 14px;
  height: auto;
  transition: 0.5s;


}

.post-image .masonry-grid .masonry-column video {
  border-radius: 17px;
  object-fit: cover;
  height: 247px !important;
}

.masonry-column.singleimgleft-column {
  height: 250px;
}

.masonry-column.doubleimgright-column {
  height: 250px;
  gap: 3px;
  display: grid;
}

.post-image .masonry-column.doubleimgright-column video {
  height: 118px !important;

}

.post-image .masonry-grid .masonry-column.singleimg-column video {
  height: 180px !important;
}

.masonry-column.doubleimgright-column .lastimgdiv {
  position: relative;
  height: 120px;
}

.masonry-column.doubleimgright-column .lastimgdiv img {
  height: 100%;
}

.p-carousel-items-content .p-carousel-items-container .p-carousel-item .videoContainer video {
  width: 100%;
  height: 181px !important;
}

.masonry-column.doubleimgright-column .lastimgdiv div {
  border-radius: 0.75rem;
  display: flex;
  /* align-items: center; */
  justify-content: center;
}

.masonry-column.doubleimgright-column a .image {
  height: 120px;
}

.masonry-column.doubleimgright-column a img {
  height: 100%;
}

.p-component.p-ripple-disabled.p-connected-overlay-enter-done {

  /* top: 1636.41px !important;
  background: #000000!important;
  border: 1px solid #ffffff38!important;
  padding: 1rem!important;
  border-radius: 15px!important;
  height: 184px; */
  /* overflow-y: scroll; */
  /* position: fixed; */
}

#app .search-label {
  font-size: 26px;
  font-weight: 500;
  color: #ffff;
  margin-bottom: 0%;
}

#app-cover {
  /* position: absolute; */
  /* top: 0%; */
  padding: 4%;
  right: 0;
  background: white;
  left: 0;
  /* width: 434px; */
  margin: 0px 0 auto 0;
}

.search-paraa {
  color: #ffffffcc;
  margin-bottom: 7%;
  font-weight: 100;
  font-size: 15px;
}

#app form {
  position: relative;
  height: 49px;
  cursor: auto;
  border-radius: 120px;
}

#app #f-element {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  border-radius: 9px;
}

#app #inp-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 6px;
  border-radius: 32px;
  background-color: #000000;
  border: 1px solid #ffffff38;
}

#app input {
  display: block;
  width: 100%;
  font-size: 15px;

  color: #ffffff !important;
  border: 0;
  padding: 13px;
  margin: 0;
  margin-top: 0;

  background-color: transparent;
  transition: 0.15s ease margin-top;
}

#app button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 49px;
  color: #fff;
  font-size: 16px;
  line-height: 0;
  box-shadow: 1px 1px 34px 2px #461ac4c9;
  margin: 0;
  border: 0;
  background-color: #571ac4;
  transition: 0.2s ease background-color;
  border-radius: 100%;
}

#app button.shadow {
  box-shadow: 0 10px 30px #d0d0d0;
}

#app button i.fas {
  display: block;
  line-height: 1;
}

.recent {
  height: 100%;
  border-right: 1px solid #ccc;
}

.recent3 {

  position: relative;

}

/* .recent3.postlist .col-md-6 {
  flex: 0 0 auto;
  width: 48%;
  background-color: #ffffff !important;
  border-radius: 10px;
  padding: 2% 3%;
  margin: 0 2% 1rem 0;
  border: 12px solid #f4eff6;

} */

/* .recent-block {
  display: flex;
} */

.recent_h4 {
  font-weight: 500;
  font-size: 18px;
  color: #314557;
  margin-bottom: 27px;
}

.recent3 h4 {
  margin: 2% 0;
  font-weight: 100;
  font-size: 17px;
  color: #bcb7b7;
}

.recent-block .media-flex-center .flex-meta>span:first-child {
  font-size: 15px;
  color: #161616;
  font-weight: 500;
  min-width: max-content;
}

.recent3 .like-wrapper a {
  position: relative;
  display: flex;
  padding: initial;
  outline-width: 0;
  color: #ffffff;
  text-decoration: none;
}

.recent3 .fab-wrapper a {
  position: relative;
  display: flex;
  padding: initial;
  outline-width: 0;
  color: #ffffff;
  text-decoration: none;
}

.recent3 .card.is-post {
  border-radius: 17px;

  background-color: #ffffff !important;
  margin-bottom: 13px;
}

.recent3.postlist .row .col-md-6 {
  display: flex;
}

.recent3.postlist .row .col-md-6 .recent-block {
  display: flex;
}

#feed-org .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#feed-org .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

.textchn {
  border: 1px solid #F0F0F0 !important;
}

.feed-div label {
  font-size: 14px;
  color: #0000004d;
}

.modal .feed-div textarea {
  padding: 3px 12px 0 0;
  background: #ffffff;
  font-size: 20px;
  height: 125px;
  font-weight: 400;
  line-height: 1.3;
  border: none;
  box-shadow: none;
  color: black !important;
}

#feed-org .user-info a {
  color: black;
  font-weight: 500;
  font-size: 14px;
}

.modal .feed-div .card {
  box-shadow: none;
}

.featured-post .item:nth-child(odd) {
  margin: 3px 12px 12px 0px;
}

.featured-post .item {
  width: 47%;
  display: initial;
  height: max-content;
  border: 1px solid #9ef0ed36;
  background: #efefef21;
  color: #080808;
  border-radius: 11px
}

.featured-post .item:hover {
  border: 2px solid #9ef0ed;
}

.featured-post .item span {
  font-size: 11px;
  padding: 0 6px;
}


.featured-post .item img {
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
  padding: 0;
}

.featured-post {
  display: inline-flex;
  flex-wrap: wrap;
}

.popular-post .item {
  width: 75px;
  display: inline-flex;
  margin: 3px 1px 6px 1px;
  height: 75px;
  border: 3px solid #09204812;
}

.popular-post .item img {
  height: 100%;
  object-fit: cover;
  padding: 0;
}



.feed-search {
  padding-left: 10px;
}

.feed-search input {
  background: #f9f9f9;
  border-radius: 43px;
  height: 45px;
}

.feed-seach-div {
  height: 50px;
  background: white;
  border-radius: 0.3rem;
  box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%);
  border: 1px solid #e8e8e8;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px;
}

.left-profile-div {
  display: flex;
  align-items: center;
}

.left-profile-div img {
  border-radius: 100%;
}

.right-action-div .edit-feeds {
  display: flex;
  justify-content: end;
}

.feed-search input:hover {
  background: #f9f9f9;
  border-radius: 43px;
  height: 45px;
}

.feed-search span.time {
  font-size: 14px;
  padding-left: 5px;
  color: black;
  font-weight: 500;
}

.feed-seach-div .col-7 {
  margin: auto;
  display: flex;
  padding: 2%;
  align-items: center;
}

.feed-seach-div .col-5 {
  margin: auto;
  display: flex;
  align-items: center;
}

.feed-seach-div .col-7 img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

.feed-input.form-control {
  background: #fff;
  border: 0px solid #F0F0F0;
  padding: 5px 6px;
  color: #070707;
  height: 47px;
  margin-bottom: 7%;
}

.feed-input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9a9b9d;
}

.feed-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9a9b9d;
  opacity: 1;
}

.feed-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9a9b9d;
  opacity: 1;
}

.feed-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9a9b9d;
}



.queryinput::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9a9b9d;
}

.queryinput:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9a9b9d;
  opacity: 1;
}

.queryinput::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9a9b9d;
  opacity: 1;
}

.queryinput:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9a9b9d;
}



.upload-img {
  border: 2px dashed #eef0f2;
  padding: 2%;
  position: relative;
  display: none;
  cursor: pointer;
  margin-bottom: 16px;
}

.input-Btn {
  /* border: 1px solid #00000012; */
  padding: 0%;
  position: relative;
  display: none;
}

.input-Btn.add-more-pictures {
  position: relative;
}

.input-Btn.add-more-pictures p {
  font-weight: 400;
  font-size: 15px;
  color: #a7a6a5;
  position: absolute;
  top: 0;
  /* background: aquamarine; */
  width: 100%;
  height: 100%;
  border: none;
}

.upload-emoji {
  border: 1px solid #00000003;
  padding: 3%;
  position: relative;
  display: none;
  background: #fbfbfb;
}

.emoji-ul li {
  transition: transform 0.3s ease;
  cursor: pointer;
  margin: 0;
  margin-right: 4px;
  width: 21px;
}

.emoji-ul li:hover {
  transform: translateY(-8px);
}

.like-button .emojis-group:hover .upload-like {
  display: block;
}

.upload-like-list {
  display: none;
}

.emojis-group:hover .upload-like-list {
  display: block;
}

.likes-div {
  border-top: 1px solid #0000000f;
  display: grid;
  margin: 0.5rem 0px 0;
  padding-top: 0.5rem;
  grid-template-columns: 1fr 1fr;
}

.likes-div .like-wrapper {
  margin-right: 6px;
}

.emojis-group {
  align-items: center;
  display: flex;
}

.emojis-group img:not(:first-child) {
  margin-left: -10px;
}


.emojis-byuser img {
  width: 100% !important;
  max-width: none;
  background: #ffffff00;
  border: 0px solid #00000012 !important;
  padding: 0;
}

.post-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: flex-end;
  text-align: end;
  align-items: center;
  gap: 5px;
  padding: 0px 0rem;
  margin-top: 7px;
}

.post-footer:hover {
  cursor: pointer;
}

.post-footer .like-list:hover .hover-liked-by {
  display: block;
  z-index: +1;

  position: absolute;
  right: 0;
  z-index: +99;
}

.post-footer .social-count svg {
  height: 13px;
  width: 13px;
  /* stroke: #888da8; */
  /* margin-right: 5px; */
}

.post-footer p {
  position: relative;
  font-size: 13px;
  color: #b3b6c6;
}

.post-footer p .hover-liked-by {
  position: absolute;
}

.post-footer .social-count {
  display: flex;
  margin-left: auto;
  align-items: center;
  color: #b3b6c6;
  font-size: 13px;
}

.emojis-byuser {
  height: 31px;
  padding: 0px !important;
}

.like-button svg {
  cursor: pointer;
    width: 14px!important;
    /* color: red !important; */
}

.upload-emoji {
  border: 1px solid #00000003;
  padding: 3%;
  position: relative;
  display: none;
  background: #fbfbfb;
}

.like-block-area {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.like-block-area .upload-like-list {
  display: none;
  position: absolute;
  top: 31px;
  z-index: 9;
}

.like-block-area:hover .upload-like-list {
  display: block;
}

.like-block-area .upload-like-list ul li {
  font-size: 12px;
  padding: 0px 17px;
}

.like-block-area .upload-like-list ul {
  padding: 2px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.emoji-ul li {
  transition: transform 0.3s ease;
  cursor: pointer;
  margin: 0;
  margin-right: 4px;
  /* width: 16px; */
  width: 24px;
}


.emoji-ul li:hover {
  transform: translateY(-8px);
}

.like-button .emojis-group:hover .upload-like {
  display: flex;
}

.totallikes .emojis-group:hover .upload-like {
  display: flex;
}
.totallikes span:hover {
    color: #7b3bce;
}
.totallikes {
  display: flex;
  align-items: center;
  position: relative;
}

.comment-like {
  position: relative;
  display: inline;
}

.comment-like .upload-like {
  bottom: 20px
}

.comment-like:hover .upload-like {
  display: block;
}


.likes-div .like-wrapper {
  margin-right: 6px;
}

.emojis-group {
  align-items: center;
  display: flex;
  padding-left: 0px;
}

.emojis-group img:not(:first-child) {
  margin-left: -10px;
}

.emojis-group img {
  height: 16px;
  /* width: 29px; */
  padding: 0px;
  border: 0px solid #00000012;
  border-radius: 100% !important;
}


.upload-like {
  display: none;
  height: 29px;
  line-height: 29px;
  /* border: 1px solid #0000001f; */
  padding: 0 13px;
  position: absolute;
  bottom: 25px;
  right: 5rem;
  background: #ffffff;
  width: auto;
  box-shadow: 1px 1px 27px -2px #00000012;
  border-radius: 59px;

}

.upload-emoji span {
  font-size: 13px;
  color: #b8b9bb;
}

.post-statistic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 1rem;
  text-align: center;
  background: #7725e2;
  border-radius: 0.5rem;
}

.post-statistic .inner h5 {
  margin-bottom: 2px;
  font-size: 21px;
  font-weight: 700;
  color: #ffffff;
}

.post-statistic .inner {
  padding: 17px 8px;
}

.post-statistic .inner:hover p {
  font-weight: 700;

  color: #ffec24;
}

.post-statistic .inner p {
  color: #f4f4f4;
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-bottom: 0;
}

.post-statistic .inner:nth-child(1) {
  border-right: 2px dashed #ffffff78;
  border-bottom: 2px dashed #ffffff78;
}

.post-statistic .inner:nth-child(2) {
  border-bottom: 2px dashed #ffffff78;
}

.post-statistic .inner:nth-child(3) {
  border-right: 2px dashed #ffffff78;
}

.Hide-upload-div {
  background: white;
  position: absolute;
  right: 2%;
  top: 3%;
  font-size: 36px;
  color: #626060;
  border: 3px solid #ffffff;
}

.topmedia-section {
  cursor: pointer;
}

.epr-main {
  height: 288px !important;
  width: 100% !important;
}

.epr_-8ygbw8 {
  padding-bottom: 0 !important;
}

.Hide-upload-div2 {
  position: absolute;
  right: 0%;
  width: 14%;
  top: 0%;
  font-size: 27px;
  color: #48b6cd;
}

.row.topmedia-section {
  border-top: 1px solid #00000008;
  padding-top: 2%;
}

#feed-org .footer-feed button {
  width: 100%;
  background: #671cc9;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

#feed-org .footer-feed button.btn:disabled,
#check-feedpost .footer-feed button.btn:disabled {
  opacity: 0.3;
}

#feed-org .footer-feed button:hover,
#check-feedpost .footer-feed button:hover {
  background: #671cc9;
  color: white;
}


#check-feedpost .footer-feed button {
  width: 100%;
  background: #671cc9;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

#check-feedpost .footer-feed button:hover {
  background: #671cc9;
  color: white;
}

.emoji-ul {
  display: flex;
  align-items: center;
  padding: 4px;
  height: 29px;
  margin: 0;
}
.emoji-ul li img{
  width:25px!important;
  height:25px!important;
}
.like-button span:hover {
    color: #671cc9;
}
.emoji-ul li svg {
  color: #fdd717;
}

.announce-date {
  border-radius: 100%;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  padding: 0 7px;
  background: #671cc91c;
  width: 30px;
  height: 30px;
  line-height: 27px;
}

.edit-feeds {
  text-align: right;
  margin-left: auto;
  margin-bottom: 0;
}

.more-icon {
  font-size: 17px;
  position: absolute;
  right: 0;
  top: -5px;
  /* background: #607d8b1a; */
  width: 26px;
  color: #671cc9;
  border-radius: 100%;
  height: 26px;
  line-height: 22px;
  text-align: center;
  border: 1.6px dotted #a3a2a5;
}

.awards-div .more-icon {
  position: absolute;
  right: 11px;
  top: 9px;
  /* background: #607d8b1a; */
  width: 32px;
  color: #d7dfde;
  border-radius: 100%;
  height: 32px;
  line-height: 1.7;
  text-align: center;
  border: 1px solid #0000000d;
}

.more-icon:hover {
  box-shadow: 0px 0px 36px -7px #a2edf0;
}

.third .custom-tab-1 {
  position: relative;
}

.first .custom-tab-1 {
  position: relative;
}

.card.firstcard {
  background: white;
  padding: 1rem 1rem;
}

.awards-div {
  position: relative;
}

.hover-liked-by {
  display: none;
  transition: .2s ease-in-out;
}

.hover-liked-by ul {
  border: 1px solid #0000002e;
  background: #fff;
  width: max-content;
  box-shadow: rgb(100 100 111 / 8%) 0px 7px 29px 0px;
  padding: 5px;
  border-radius: 5px;
}

.hover-liked-by ul li {
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.hover-liked-by ul li img {
  width: 20px !important;
  height: 20px;
}

.hover-liked-by ul li span {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  padding: 0px 7px;
  color: black;
}

.like-list:hover .hover-liked-by {
  display: block;
}


#my-posts .card {
  padding: 1.5rem;
  background-color: #f5f6f8ad;
  transition: all .5s ease-in-out;
  position: relative;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 0%);
}

.tag-ul1 {
  margin-bottom: 1rem !important;
}

.tag-ul2 {
  margin-bottom: 1.5rem !important;
}

.tag-ul3 {
  margin-bottom: 1rem !important;
  flex-wrap: wrap;
}

.tag-ul23 {
  margin-bottom: 1rem !important;
  flex-wrap: wrap;
}

.tag-ul4 {
  margin-bottom: 1rem;
}

.tag-ul1 li {
  list-style: none;
  margin-bottom: 2px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
}

.tag-ul1 li img {
  width: 14px;
  margin-right: 6px;
}

.tag-ul002 li {
  display: inline-block;
  /* list-style: none; */
  border: 1px solid #27d9d71a;
  margin-left: 3px;
  background: #27d9d70d;
  padding: 0 8px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  font-size: 13px;
  color: #1bc4c2;
  font-weight: 500;
  line-height: 32px;
}

.tag-ul002 li:nth-child(3) {
  background: #00AFF0;
}

.tag-ul002 li:nth-child(4) {
  background: #1877F2;
}

.tag-ul002 li:nth-child(5) {
  background: #0C64C5;
}

.tag-ul002 li:nth-child(6) {
  background: #FEB25B;
}

.tag-ul002 li:nth-child(7) {
  background: #fff;
  border: 1px solid #f0f0f0;
}

.tag-ul2 li {
  list-style: none;
  border: 1px solid #27d9d71a;
  margin-right: 8px;
  background: #27d9d70d;
  padding: 8px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  font-size: 13px;
  color: #1bc4c2;
  font-weight: 500;
  line-height: 1.9;
}

.tag-ul2 li:nth-child(1) {
  background: #00AFF0;
}

.tag-ul2 li:nth-child(2) {
  background: #1877F2;
}

.tag-ul2 li:nth-child(3) {
  background: #0C64C5;
}

.tag-ul2 li:nth-child(4) {
  background: #FEB25B;
}

.tag-ul2 li:nth-child(5) {
  background: #FD4648;
}

.tag-ul2 li:nth-child(6) {
  background: #827DDC;
}

.tag-ul3 li {
  list-style: none;
  /* border: 1px solid #0000000d; */
  margin-right: 8px;
  margin-bottom: 8px;
  /* background: #ffffff; */
  padding: 6px 18px;
  border-radius: 6px;
  font-size: 15px;
  color: #979c9c;
  font-weight: 500;
  width: 20%;
}

.tag-ul3 li img {
  width: 41%;
  background: white;
  padding: 5px;
  border-radius: 100%;
  border: 2px solid #0000001f;
  margin-right: 6%;
}

.languages-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* margin-left: -8px; */
  /* margin-right: -8px; */
  background: white;
  /* padding: 12px; */
  border-radius: 13px;
}

.languages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(50% - 16px);
  margin: 8px;
}

.languages-item .icon-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 43px;
  min-width: 43px;
  height: 43px;
}

.languages-item .icon-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 20px;
  /* min-width: 32px; */
  height: 20px;
  border-radius: 0px;

}

.languages-item .meta>span {
  display: block;
}

.languages-item .meta>span:first-child {
  font-weight: 600;
  color: #283252;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
}

.languages-item .meta>span:nth-child(2) {
  font-size: .85rem;
  color: #a2a5b9;
}

.languages-item .meta {
  margin-left: 10px;
}

.tag-ul23 li {
  list-style: none;
  border: 1px solid #0000000f;
  margin-right: 8px;
  margin-bottom: 3%;
  background: #ffffff;
  padding: 6px 17px;
  border-radius: 8px;
  font-size: 13px;
  color: #0e918f;
  font-weight: 500;
}

.form-head .stuck-header .owl-carousel .owl-item img {
  display: block;
  width: 72%;
  margin: auto;

  border-radius: 0;
}

.form-head .stuck-header .owl-carousel .item {
  padding: 9%;
  background: #ffffff;
}

.form-head .stuck-header .owl-co p {
  line-height: 1.2 !important;
  margin-top: 7%;
  font-size: 13px;
  font-weight: 600;
}

.employee-div {
  display: flex;
}

.profile-since-date span {
  margin-top: 4px;
  font-size: 14px !important;
  color: #232323 !important;
}

.employee-div span {
  color: #696868 !important;
  font-size: .86rem !important;
  min-width: max-content;
  font-weight: 500 !important;
}

.employee-div.d-flex.flex-wrap {
  font-size: .86rem !important;
  font-weight: 500;
  color: #696868;

}

.spancl {
  width: 5px;
  max-width: 5px;
  background: #27d9d7;
  border-radius: 100%;
  height: 5px;
  margin: auto 7px;
}

.tag-ul4 li {
  list-style: none;
  border: 2px solid #ffffff;
  margin-right: -5px;
  background: #a6a8a80d;
  border-radius: 100%;
  font-size: 13px;
  color: #0e918f;
  font-weight: 500;
  width: 29px;
}

.lastli-org {
  text-align: center;
  background: #EC4119 !important;
  border: none !important;
}

.lastli-org span {
  font-size: 14px !important;
  text-align: center;
  margin: auto;
  color: white !important;
  line-height: 2;
}

.tag-ul4 li img {
  border-radius: 100%;
}

.change-check {
  display: block;
  position: relative;
  padding-left: 19px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.change-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  border-radius: 6px;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #fff;
  border: 2px #00000024 solid;
}

/* On mouse-over, add a grey background color */
.change-check:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.change-check input:checked~.checkmark {
  background-color: #092048;
  border-radius: 6px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.change-check input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.change-check .checkmark:after {
  left: 8px;
  top: 2px;
  width: 6px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}


.more-ico22n:hover {
  box-shadow: 0px 0px 36px -7px #a2edf0;
}

.add-btncss022 {
  background: #ec4119;
  border: none;
  color: white;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  margin-left: 6px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 11px;
  padding: 0px 14px;

}

.add-btncss022:hover {
  color: white;

}

.more-ico22n {
  width: 27px;
  color: #606262;
  border-radius: 100%;
  height: 27px;
  line-height: 1.9;
  text-align: center;
  border: 1px solid #00000040;
  margin-right: 5px;
}

.line-normal {
  line-height: normal;
}

.checkfollow {
  width: 26px;
  height: 26px;
  background: #e8401a;
  border-radius: 4px;
  text-align: center;
  padding: 5px 0px;
  font-size: 12px;
  color: #ffffff;
  /* font-weight: 600; */
  cursor: pointer;
}

.checkfollow:hover {
  transition: 2s;
  background: #092048;
}

.side-fa-icon {
  position: absolute;
  cursor: pointer;
  right: 3%;
  top: 4%;
  color: #092048;
  font-size: 13px;
  font-weight: 500;
}

.checkfollow img {
  width: 37%;
}

/* .pos-img img {
  height: 40px !important;
  width: auto !important;
  text-align: center;
  margin: auto;
  border-radius: 0 !important;
} */


.pos-img {
  padding: 0px;
  position: absolute;
  bottom: 3px;

  right: 1px;
  background: #ffffff00;
  width: 41px;
  height: 41px;

  z-index: 1;
  position: absolute;
  border-radius: 100%;
  box-shadow: 0 0 14px -6px #00000000;
}

.birthday .owl-carousel .owl-item img {

  width: 100%;

  height: 100%;

  padding: 9px;
}

.birthday .owl-carousel .owl-item .pos-img img {
  padding: 7px;
}

.birthday .owl-carousel .owl-item .image-content {
  margin: auto;
  width: 113px;
  height: 113px;
  position: relative;
}

.award .owl-carousel .owl-item .image-content {
  margin: auto;
  width: 113px;
  height: 113px;
  position: relative;
  margin-bottom: 7px;
}

.award .owl-carousel .owl-item .pos-img img {
  border-radius: 8px !important;
  padding: 0px;
  background: #ffffff;
  /* border: 3px solid #e6e6e6; */
  border-radius: 100%;
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.award .owl-carousel .owl-item .pos-img {
  width: 31px;
  height: 31px;
}

.award .owl-carousel .owl-item img {

  width: 100%;

  height: 100%;


}



.award .owl-carousel .owl-item .image-content img:first-child {
  padding: 9px;
}

.award .owl-carousel .owl-item .image-content .pos-img img {
  padding: 3px;
}


.anni .owl-carousel .owl-item img {

  width: 100%;

  height: 100%;

  padding: 10px;
}

.anni .owl-carousel .owl-item .image-content {
  margin: auto;
  width: 113px;
  height: 113px;
  position: relative;
}

.anni .owl-carousel .owl-item .pos-img img {
  padding: 7px;
}

.slide22 img {
  width: 42px;
  height: 27px;
  border-radius: 50%;
}

.slide22 .user-info {
  padding: 0 5px;
}

.slide22 .user-info a {
  line-height: 1.1;
  font-size: .9rem;
  font-weight: 500;
  color: #393a4f;
  transition: color .3s;
}

.slide22 .time {
  font-size: .8rem;
  color: #999;
}

.slide22 p {
  /* font-weight: 100; */
  font-size: 13px;
  color: #292828;
  margin: 0;
}

.slide22 .post-image {
  height: 150px;
}

.slide22 .post-image img {
  width: 100% !important;
  height: 100%;
}

/* .slide22 .post-text {
  height: 42px;
} */

.owl-co2 .owl-carousel.slide22 .item {
  padding: 8%;
  background: #fafafac2;
}

.slide22 .social-count {
  margin: auto;
  display: flex;
  align-items: stretch;
  margin-top: 7px;
}

.slide22 .likes-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
}

.slide22 .likes-count svg {
  height: 15px;
  width: 15px;
  /* stroke: red; */
  margin-right: 4px;
}

.slide22 .user-block.d-flex.mb-3 .image {
  width: 35px;
  height: 35px;
}

.slide22 .user-block.d-flex.mb-3 .image img {
  width: 100%;
  height: 100%;
  width: 30px;
  height: 30px;
  min-width: 30px;
}

.slide22 .user-block .time {
  font-size: .875em;
  color: #14191e7a !important;
  font-weight: 400;
  display: block;
}

.slide22 .comments-count svg {
  height: 12px;
  width: 12px;
  stroke: #888da8;
  margin-right: 4px;
}

.owl-co2 .owl-carousel.slide22 .social-count {
  margin: auto;
  display: flex;
  align-items: stretch;
}

.owl-co2 .owl-carousel.slide22 .likes-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
}

.owl-co2 .owl-carousel.slide22 .likes-count svg {
  height: 15px;
  width: 15px;
  stroke: #888da8;
  margin-right: 4px;
}

.owl-co2 .owl-carousel.slide22 .comments-count svg {
  height: 15px;
  width: 15px;
  stroke: #888da8;
  margin-right: 4px;
}

.slide-post-img img {
  border-radius: 11px !important;
  height: auto;
  margin-top: 4%;
  width: 100%;
  padding: 0 !important;
}

.postimg-four {
  display: inline-flex;
  flex-wrap: wrap;
}

.postimg-four .slide-post-img {
  margin-right: 0px;
  width: 100%;
}

.pr-0 {
  padding-right: 0 !important;
}

.profile-names {
  font-size: 18px;
}

.profile-names p {
  margin: 0 !important;
  font-size: 13px;
  font-weight: 100;
  color: #b4b5b6;
  padding-bottom: 5px;
}

.profile-names a {
  font-size: 12px;
  font-weight: 500;
  color: #646464;
}

.profile-names a:hover {
  color: #7725e2;
}

.border-less {
  border-radius: 0 !important;
}

.awards-div-list .item {
  position: relative;
}

.awards-div-list .item img {
  border-radius: 100%;
}

.awards-div-list .item .pos-img {
  padding: 7px !important;
  position: absolute !important;
  text-align: center;
  bottom: 22px !important;
  top: auto;
  padding: 4px;
  left: -2rem;
  background: #ffffff00;
  width: 83px;
  z-index: +1;
  box-shadow: 0 0 14px -6px #ffffff75;
}

.awards-div-list .pos-img img {
  width: 100% !important;
  text-align: center;
  margin: auto;
  border-radius: 0 !important;
  height: auto !important;
}

.whose-celebration li {
  margin: 0;
  margin-top: 3px;
  font-size: 13px;
  color: #a1a1a1;
  line-height: 1.2;
  font-weight: 400;
}

.awards-div-list ul {
  padding-left: 0%;
}

.awards-div-list2 .action-btns span.edit {
  border: none;
  filter: opacity(0.5);
}

.awards-div-list2 .action-btns span {
  display: inline-block;
  margin-right: 0;
  width: 20px;
  height: 25px;
  line-height: 26px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 10px;
}

.awards-div-list2 .action-btns span.delete {
  border: none;
  filter: opacity(0.5);
}

.awards-div-list2 .action-btns {
  position: absolute;
  right: 19px;
  bottom: 10px;
  gap: 1px;
  z-index: +9;
  display: none;
}

.awards-div-list2 {
  border-top: 1px dashed #e3e3e3;
  border-top-width: 1.6px;
  font-size: 14px;
  color: #000000;
  padding-top: 0;
}

.awards-div-list .col-7 strong {
  font-size: 17px;
  /* letter-spacing: 14px; */
  display: block;
  font-weight: 100;
  /* text-transform: uppercase; */
  color: #f8df6c;
}

.awards-div-list ul li::marker {
  font-size: 23px;
  color: #1bd3cd;
}

.awards-div-list span.card-title {
  padding: 1px 5px;
  font-size: 12px;
  font-weight: 500;
  color: #671cc9;
  background: #dac7f236;
  border-radius: 12px;
}

.award-celebration .name h5 {
  font-weight: bolder;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
}

.award-celebration li {
  margin: 0;
  margin-top: 3px;
  font-size: 13px;
  color: #a1a1a1;
  line-height: 1.2;
  font-weight: 400;
}

.award-celebration .image {
  width: 22px;
  margin-right: 3px;
}

.award-celebration .image img,
.whose-celebration .image img {
  width: 22px;
  height: 22px;
}

.award-celebration {
  display: grid;
  grid-template-columns: 1fr 81px;
  gap: 11px;
  align-items: self-start;
}

.award-celebration .img img {
  width: 35px;
}

.award-celebration .img {
  max-width: 100% !important;
  text-align: end;
}

.awards-div-list strong {
  font-weight: bolder;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
}

#award-popup .btn.btn-danger {
  background-color: #ed3d15;
  border-color: #f74e27;
  color: #ffffff;
  padding: 6px 22px;
  height: auto;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
}

#award-popup .btn.btn-primary {
  color: #ffffff;
  padding: 6px 22px;
  border-radius: 4px;
  font-size: 13px;
  background: #1bd3cd;
  border-color: #1bd3cd;
  height: auto;
}


.awardsForm .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: #929292;
  letter-spacing: 0.3px;
  font-weight: 400;
}

.awardsForm .cover-form i {
  width: 30px;
  height: 30px;
  background: #f4d9f99e;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  /* padding: 10px 0; */
  line-height: 2.2;
  margin-right: 6px;
}

.awardsForm .cover-form {
  background: white;
  padding: 10px;
  border-radius: 13px;
  display: grid;
  border: 1px solid #0000001f;
  border-radius: 7px;
  display: flex;
  align-items: center;
}

.awardsForm .p-dropdown.p-component.p-inputwrapper {
  border-bottom: 1px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 8px 0px;
  color: #040404;
  height: 44px;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
}

.top-reportdiv {
  background: white;
  position: relative;
  border: 5px solid #fff;
  padding: 1.5rem 1.5rem;
  border-radius: 20px;
  box-shadow: 0px 4px 67px -38px #000000c9;
}

.top-reportdiv p {
  color: black;
  font-size: 13px;
  margin-bottom: 8px;
  font-weight: 400;
}

.top-reportdiv h2 {
  width: 294px;
  font-size: 25px;
  color: #000000;
  align-items: center;
  margin-bottom: 6px;
  display: flex;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.top-reportdiv input {
  width: 309px;
  height: 40px;
  border-radius: 5px;
  line-height: 37px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}

.top-reportdiv img {
  position: absolute;
  right: 0rem;
  bottom: 0;
  width: 180px;
}

.font-text-display {
  font-size: 15px;
  /* letter-spacing: 14px; */
  display: block;
  font-weight: 100;
  /* text-transform: uppercase; */
  color: #b8b8b8;
}

.icon-bell {
  margin-bottom: 10px;
      border: 1px solid #e9e9e9;
    border-radius: 7px;
}


.icon-bell img {
  /* object-fit: cover; */
     object-position: top;
    width: 100%;
    height: 139px;
    margin: auto;
    display: block;
    text-align: center;
    border-radius: 7px;
    filter: grayscale(0%);
}

.announced-by {
  color: #b1b1b1;
  font-size: 12px;
  font-weight: 400;
  border-radius: 23px;
  margin-top: 8px;
}

p.announced-by {
  color: #a2a5b9;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
}

.fxt-transformY-50 .not-reg {
  margin-bottom: 0 !important;
  color: #000 !important;
  font-size: 15px !important;
  padding: 0 !important;
  margin-top: 0px !important;
}

/* .fxt-transformY-50 .not-reg a {
  color: #ff4500;
} */

.fxt-transformY-50 .not-reg img {
  width: 13px;
  margin: 0 6px;
  opacity: 0.7;
}

.fxt-transformY-50 p.content {
  margin-top: 2rem;
  color: #a2a2a2 !important;
  font-size: 14px !important;
  margin-bottom: 1rem;
  padding: 0;
  font-weight: 500;
}

.announced-by p img {
  border-radius: 0;
  opacity: 0.5;
  width: auto;
  height: 11px;

}

.announced-by img {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  margin-right: 3px;
}

.first-strong {
  display: block;
  margin-bottom: 20px;
  color: #9b9b9b;
  font-style: normal;
  font-weight: 200;
  font-weight: 400;
  font-size: 13px;
}

.first-strong a {
  margin-left: 5px;
  font-size: 12px;
  color: #0947b1 !important;
  cursor: pointer;
  text-decoration: underline !important;
}

.first-strong1 {
  color: #a19f9f;
  font-size: 12px;
}

.profile-drop {
  position: absolute;
  top: 5%;
  left: 1%;
}

.follow-div-f {
  /*height: 50px;
    width: 50px;*/
  text-align: center;
  position: absolute;
  padding: 11px;
  color: white;
  bottom: -11%;
  right: -17%;
  border-radius: 100%;
}













.circular-menu2.is-active {
  pointer-events: all;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.circular-menu2 {
  /*position: fixed;*/
  top: 0.6em;
  right: 1em;
  z-index: 1;
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  pointer-events: none;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.circular-menu2 .floating-btn {
  display: block;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: #EC4119;
  box-shadow: 0 8px 45px -8px #0000004a, 0 4px 23px 0px #00968800, 0 8px 10px -5px rgb(0 150 136 / 15%);
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  outline: 0;
}

.circular-menu2 .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu2 .menu-item.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.circular-menu2 .menu-item {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 100%;
  text-align: center;
  line-height: 3;
  background-color: rgb(255 255 255);
  -webkit-transition: background-color .2s ease, -webkit-transform .3s ease;
  transition: background-color .2s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, background-color .2s ease;
  transition: transform .3s ease, background-color .2s ease, -webkit-transform .3s ease;
}

.circular-menu2 .menu-item.is-flex .dark-mode {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.circular-menu2.active .menu-item:nth-child(2) {
  -webkit-transform: translate3d(1em, -9.7em, 0);
  transform: translate3d(1em, -9.7em, 0);
}

.circular-menu2 .menu-item.is-flex>img {
  display: block;
  height: 24px;
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
}

.circular-menu2.active .menu-item:nth-child(3) {
  transform: translate3d(-7.5em, -9.6em, 0);
}

.circular-menu2.active .menu-item:nth-child(5) {
  transform: translate3d(-3.1em, -11em, 0);
}

.circular-menu2 .menu-item.is-flex svg {
  height: 18px;
  width: 18px;
  stroke: #000;
  stroke-width: 1.6px;
}

.circular-menu2.active .menu-item:nth-child(4) {
  -webkit-transform: translate3d(-10.5em, -6em, 0);
  transform: translate3d(-10.5em, -6em, 0);
}

.circular-menu2.active:after {
  -webkit-transform: scale3d(5.5, 5.5, 1);
  transform: scale3d(5.5, 5.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
  transition-timing-function: cubic-bezier(0.68, 1.55, 0.265, 1);
}

.circular-menu2:after {
  display: block;
  content: " ";
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  /* background-color: #ffffff; */
  /* box-shadow: 0 14px 26px -12px rgb(3 3 3 / 19%), 0 4px 23px 0px rgb(0 0 0 / 0%), 0 8px 10px -5px rgb(2 2 2 / 0%); */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}


.circular-menu2.active .menu-item:nth-child(1) {
  transform: translate3d(3.5em, -6em, 0);
  ;
}

.circular-menu2.active .floating-btn i:first-child {
  display: none;
}

.circular-menu2.active .floating-btn i:nth-child(2) {
  display: block;
}


.circular-menu2 .floating-btn svg:first-child {
  display: block;
  font-size: 29px;
}

.circular-menu2 .floating-btn svg:nth-child(2) {
  display: none;
}

.profile-follow {
  position: absolute;
  bottom: 0;
  /* background: aliceblue; */
  padding: 1%;
  left: 6px;
  color: white;
  font-size: 24px;
}

.profile-follow span {
  font-size: 15px;
  font-weight: 100;
  color: #ffffffa3;
}

.profile-follow li {
  list-style: none;
  display: inline-grid;
  text-align: center;
  /* margin-right: 19px; */
  width: 104px;
  font-size: 28px;
  font-weight: 800;
  border-right: 1px solid #ffffff54;
  padding-right: 0px;
}


.profile-follow1 {
  position: absolute;
  bottom: 0;
  /* background: aliceblue; */
  padding: 1%;
  right: 6px;
  color: white;
  font-size: 24px;
}

.profile-follow1 span {
  font-size: 15px;
  font-weight: 100;
  color: #ffffffdb;
  vertical-align: middle;
}

.profile-follow1 li {
  list-style: none;
  /* display: inline-grid; */
  text-align: center;
  /* margin-right: 19px; */
  /* width: 104px; */
  font-size: 28px;
  font-weight: 800;
  /* border-right: 1px solid #ffffff54; */
  padding-right: 0px;
}

.profile-container {
  padding-top: 39px !important;
  padding-right: 105px !important;
  padding-left: 105px !important;
}

.profile-container .custom-tab-1 .nav-link.active {

  box-shadow: 0px 0px 31px -15px #00000000;
  border-color: #27d9d700;
  /* border-radius: 22px; */
  padding: 6px 0px;
  color: #ec4119;
  border-width: 0 0px 3px 0;
}

.profile-container .custom-tab-1 .nav-tabs .nav-link:focus {
  box-shadow: 0px 0px 31px -15px #00000000;
  border-color: #27d9d700;
  background: white;
  padding: 6px 0px;
  border-width: 0 0px 3px 0;
}

.profile-container .custom-tab-1 .nav-link {
  box-shadow: 0px 0px 31px -15px #00000000;
  border-color: #27d9d700;
  padding: 6px 0px;
  border-width: 0 0px 3px 0;
}

.profile-container .custom-tab-1 .nav-link:hover {
  box-shadow: 0px 0px 31px -15px #00000000;
  border-color: #27d9d700;
  /* border-radius: 22px; */
  padding: 6px 0px;
  color: #ec4119;
  border-width: 0 0px 3px 0;
}

.project-1 {
  background: #fff;
  padding: .6rem;
  border-radius: 13px;
  border: 2px dashed #00000061;
  position: relative;
}

.profile-about-me .pt-3.border-bottom-1 .row {
  row-gap: 10px;
}

.profile-about-me .project-1 .post-text p {
  font-size: 15px;
  color: #000;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile-about-me .project-1 .atag .thankuimg0 {
  border-radius: 11px;
  margin-bottom: 6%;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.profile-about-me .project-1 a p {
  font-size: 12px;
  color: #848484;
  margin-bottom: 0px;
}

.profile-about-me .col-6 .social-count {
  margin: auto;
  display: flex;
  align-items: stretch;
}

.profile-about-me .col-6 .likes-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
}

.profile-about-me .col-6 .comments-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 3px;
}

.profile-about-me .col-6 .likes-count svg {
  height: 15px;
  width: 15px;
  stroke: #888da8;
  margin-right: 4px;
}

.profile-about-me .col-6 .comments-count svg {
  height: 15px;
  width: 15px;
  stroke: #888da8;
  margin-right: 4px;
}

.hover-badges-box {
  position: absolute;
  right: 2px;
  top: 10px;
  display: flex;
}

.hover-badges-box img {
  display: flex;
  width: 17px;
  margin-right: 3px;
  cursor: pointer;
}

.hover-badges-box {
  display: none;
  transition: .2s ease-in;

}

.on-hover-icon {
  position: relative;

}

.on-hover-icon:hover .hover-badges-box {
  display: inline-flex;
}

.project-1:hover .hover-badges-box {
  display: inline-flex;

}

.float-img {
  float: left;
  width: 1rem;
  margin-right: 3%;
}

.float-img1 {
  /* float: left; */
  width: 18%;
  margin-right: 4%;
  margin-bottom: 3%;
  border-radius: 100%;
}

.pl-0 {
  padding-left: 0 !important;
}

.profile-about-me .timeline-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: webkit-box;
  padding-bottom: 12px;
}

.profile-about-me .timeline-content {
  margin-left: 34px;
  line-height: 1;
}

.profile-about-me .timeline-content p {
  font-size: 0.87rem;
  font-weight: 500;
  color: #283252;
  margin-bottom: 0;
}

.profile-about-me .timeline-content p.exp-format b {
  font-weight: 500;
}

.profile-about-me .timeline-content p.exp-format {
  font-weight: 300;
}

.profile-about-me .timeline-content li {
  list-style: disc;
  font-size: 17px;
  font-weight: 500;
  margin: 3px 0px;
}

.profile-about-me .timeline-content ol li {
  font-size: 13px;
}

.interviewee .timeline-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: webkit-box;
  padding-bottom: 30px;
}

.interviewee .accordion-item {
  margin-bottom: 0;
  background-color: #ffffff;
}

.interviewee .accordion-header {
  background: white;
  padding: 0;
  border: 1px solid #ffffff;
  cursor: pointer;
  position: relative;
  color: #333;
  font-weight: 400;
  border-radius: 0.5rem;
}

.interviewee .timeline-content {
  margin-left: 10px;
  line-height: 1.2;
}

.loadresume {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-image: url(/images/org-img/recruitment/cv0.png);
  padding: 0%;
  text-align: center;
  display: block;
  border-radius: 0px;
  border: 1px solid #e82c21;
  height: 388px;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  cursor: pointer;
  display: flex;
}

.loadresume .inner {
  position: absolute;
}

.loadresume::before {
  content: "";
  background: #ffffffbd;
  width: 100%;
  height: 100%;
}

.addcourseform span.p-dropdown-label.p-inputtext.p-placeholder {
  font-size: 14px;
  color: black;
  font-weight: 500;
  background: white;
}

.addcourseform .p-dropdown.p-component.p-inputwrapper {
  border: none;
  padding-left: 8px;
  width: 100%;
  background: white;
  padding: 0px 0 0px 0;
  /* border: 1px solid #00000000; */
  border-bottom: 1px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  line-height: 45px;
  font-weight: 400;
  color: #040404;
  font-size: 16px;
  height: 45px;
  letter-spacing: 0;
}

.loadresumes {
  background: #f2f2f200;
  padding: 2%;
  text-align: center;
  display: block;
  border-radius: 3px;
  border: 2px dotted #c0bfbf61;
  height: auto;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  cursor: pointer;
  display: block;
}


.loadfiles {
  text-align: left;
  float: left;
  /* background: #f2f2f200;
  padding: 1%;
  text-align: center;
  display: block;
  border-radius: 3px;
  border: 2px dotted #c0bfbfa1;
  height: auto;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  display: flex;
  justify-content: space-between; */
}

.applyleave-click {
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  text-align: center;
  width: auto;
  height: 28px;
  line-height: 28px;
  padding: 0 13px;
  background: #ec4119;
  color: white;
  font-size: 12px;
  box-shadow: 6px 8px 28px -1px #adadad54;
  font-weight: 400;
  letter-spacing: 0.1px;
  border-radius: 3px;
  cursor: pointer;

}

.applyleave-click:hover {
  box-shadow: 6px 8px 28px -1px #adadad00;
  color: white;
  background: #40d8ca;
}

.logoutbtn-click {
  width: 140px;
  background: #ec4119;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px !important;
  padding: 0px 24px;
  font-weight: 500;
  margin: 0 5px;
}

.savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px !important;
  padding: 0px 24px;
  font-weight: 500;
  margin: 0 5px;
}

.cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 33px;
  line-height: 33px;
  border-radius: 35px;

  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px;
  padding: 0px 24px;
  font-weight: 500;
  margin: 0 5px;
}

.gallerydeletebtn {
  display: none;
  position: absolute;
  left: 13px;
  top: 3rem;
  z-index: +99;
  background: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border: none;
  border-radius: 4px;
}

.desparagraph {
  font-size: 12px;
  display: block;
  white-space: nowrap;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  border-bottom: 1px solid #ffffff40;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.galleryeditbtn {
  display: none;
  position: absolute;
  left: 13px;
  top: 5.2rem;
  z-index: +99;
  background: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border: none;
  border-radius: 4px;
}

.has-background-image:hover .galleryeditbtn {
  display: block;
}

.has-background-image:hover .galleryeditbtn svg {
  color: #671cc9;
}

.has-background-image:hover .gallerydeletebtn {
  display: block;
}

.singlealbum .media-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.singlealbum .media-meta img {
  display: block;
  height: 20px;
  width: 20px;
  min-width: 20px;
  border-radius: 50%;
  margin-right: 6px;
  margin-left: 6px;
}

.singlealbum .media-meta .meta-item {
  display: block;
  text-decoration: none;
  transition: color .3s;
  letter-spacing: 0.2px;
  font-size: 12px;
  color: black;
}

.singlealbum .media-meta .separator {
  padding: 0 10px;
  font-size: .8rem;
  color: #000;
  opacity: .6;
  text-align: center;
}

.gallerydeletebtn svg {
  font-size: 16px;
  color: red;
}

.gallerydeletebtn:hover svg {
  color: white;
}

.gallerydeletebtn:hover {
  background: red;
}

.galleryeditbtn:hover {
  background: #671cc9;
}

.galleryeditbtn:hover svg {
  color: white !important;
}

.btns-grp {
  text-align: center;
  padding-bottom: 2%;
}

.publish-click {
  width: 161px;
  background: #4DB6AC;
  border: none;
  color: white;
  height: 25px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px;
  padding: 5px 24px;
  margin: 0 5px;
}

.fw-100 {
  font-weight: 100;
}

.loadresume .inner img {
  width: 48px;
  display: block;
  margin: auto;
}

.loadresume .inner span {
  font-size: 14px;
  font-weight: 500;
  color: black;
}


.loadresumes .inner img {
  display: block;
  margin: auto;
  filter: none;
}

.loadresumes .inner span {
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #ec4119;
  background: #e539350a;
  padding: 7px 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#award .add-editaward .loadresumes .inner span {
  height: 160px;
}

#award .add-editaward .loadresumes .inner span img {
  height: 100%;
  width: auto !important;
}

.loadfiles .inner img {
  display: block;
  margin: auto;
  filter: none;
}

.loadfiles .inner span {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #acacac;
  background: none;
  padding: 0 6px;
}

.loadfiles .custom-file-upload {
  display: inline-block;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  color: white;
  background: #707070;
  height: 29px;
  margin-bottom: 0;
  line-height: 29px;
  padding: 0 12px 0 8px;
}

.loadfiles .inner p {
  font-weight: 600;
  font-size: 14px;
  color: black;
  margin: 0;
}

.socialmediaul li {
  margin-right: 3px;
  display: inline-block;
  width: 23px;
}

.cssa {
  font-size: 15px !important;
  color: #020202;
}

.interviewee .timeline-content h5 {
  font-size: 13px;
  font-weight: 500;
  color: black;
  margin-bottom: 0;
}

.t-0 {
  top: 0 !important;
}

.interviewee .pending .accordion-header {
  background: #fff0eb;
  border: none;
}

.interviewee .pending .accordion-collapse {
  background: #fff0eb;
  border: none;
}

.interviewee .pending .accordion-item {
  margin-bottom: 0;
  background-color: #ffffff;
  border: none;
}

.interviewee .timeline-content p {
  font-size: 13px;
  font-weight: 400;
  color: #283252;
  margin-bottom: 0;
  /* word-wrap: break-word; */
  word-wrap: break-word;
  height: auto;
  width: 98%;
}

.icon-timeline {
  background: #fff;
  /* padding: 1rem; */
  border-radius: 13px;
  /* border: 1px solid #0000000f; */
  /* margin-top: 1%; */
}

.g-rul {
  display: flex;
  margin-bottom: 1%;
}

.view-anchor {
  color: #ec4119;
  font-weight: 100;
  padding: 2% 0px;
}

.g-rul li {
  margin-right: 2%;
  color: #cccfce;
  font-size: 14px;
  cursor: pointer;
}

.g-rul li.active {
  color: #671cc9;
}

.direct-r {
  color: #00000070;
  font-size: 13px;
  font-weight: 500;
  border-bottom: 1px solid #7272725e;
}

.profile-about-me .timeline-content span {
  font-size: .7rem;
  color: #a2a5b9;
}

.profile-about-me .timeline-item:after {
  content: "";
  position: absolute;
  top: 31px;
  left: 12px;
  width: 1px;
  height: calc(100% - 36px);
  border-left: 1px solid #671cc957;
}


.addprofile-action {
  position: relative;
}

.addprofile-action a {
  position: absolute;
  right: 0;
  top: -8px;
  cursor: pointer;
}

.addprofile-action a svg {
  width: 28px;
  vertical-align: middle;
  height: 28px;
  color: #671cc9;
}

.profile-about-me .timeline-item:last-child:after {
  content: none;
}

.profile-about-me .timeline-icon img {
  display: block;
  height: 26px;
  width: 26px;
  border-radius: 100%;
}


.interviewee .timeline-content span {
  font-size: .85rem;
  color: #a2a5b9;
}

.interviewee .timeline-item:after {
  content: "";
  position: absolute;
  top: 28px;
  left: 12px;
  width: 1px;
  height: calc(100% - 36px);
  border-left: 1px solid #e5e5e5;
}

.interviewee .timeline-icon img {
  display: block;
  height: 26px;
  width: 26px;
  border-radius: 32px;
  margin: 0;
}

.avatarimg {
  padding: 7px !important;
  background: #9ef0ed !important;
}

.profile-about-me .timeline-icon:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 32px;
  width: 20px;
  height: 1px;
  border-top: 1px solid #000000e8;
}

/* .interviewee .timeline-icon:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 40px;
  width: 20px;
  height: 1px;
  border-top: 1px solid #e5e5e5;
} */

.recommendations-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.recommendations-wrapper .recommendations-item {
  width: calc(33% - 16px);
  margin: 8px;
  background: #ffffff;
  border: 2px dashed #00000061;
  text-align: center;
  padding: 17px 13px;
  border-radius: 18px;
}

.recommendations-wrapper .recommendations-item .skill-actionbtn {
  display: none;
}

.recommendations-wrapper .recommendations-item:hover .skill-actionbtn {
  display: block;
}

.recommendations-item>.h-avatar {
  display: block;
  margin: 0 auto 8px auto;
  max-width: 68px;
  min-width: 68px;
}

.recommendations-item .thankuimg {
  width: 67%;
  border-radius: 11px;
  margin-bottom: 6%;
}

.thankuimg0 {
  width: 100%;
  /* width: 67%; */
  border-radius: 11px;
  margin-bottom: 6%;
}

.recommendations-item .avatar {
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
}

.profiledropul-prof {
  padding: 0%;
  margin: 0%;
  text-align: center;
  background: #f4f6f900;
  padding: 0%;
  border-radius: 9px;
}

.profiledropul-prof img {
  width: 100%;
  border-radius: 4px;
  /* margin: 2% auto 0; */
  border: 2px solid #0000002b;
  padding: 4px;
  display: block;
}

.profiledropul-prof2 b {
  display: block;
  color: #671cc9;
  font-weight: 600;
}

.recommendations-item h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #283252;
  margin-bottom: 8px;
}

.recommendations-item p {
  font-size: .8rem;
  margin-bottom: 8px;
  color: black;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recommendations-item .h-avatar img {
  display: block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: auto;
}

.recommendations-item .meta span:first-child {
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  color: black;
}

.recommendations-item .meta span:nth-child(2) {
  font-size: 12px;
  color: #a2a5b9;
}

.recommendations-wrapper .recommendations-item .meta span {
  display: block;
}

.contact-mandivs00 div {
  margin: 0%;
  text-align: center;
  background: #f4f6f900;
  padding: 0%;
  border-radius: 9px;
  width: 12%;
}

.contact-mandivs00 {
  background: #f6efff;
  padding: 1rem;
  /* border: 2px dashed #671cc9; */
  border-radius: 8px;
}

.form-head.stuck-headers.hidetime {
  display: block;
}

.stuck-headers33 .card {
  margin-bottom: 1.875rem;
  /* background-color: #f8f9fa !important; */
  transition: all .5s ease-in-out;
  position: relative;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 0%);
  padding: 1rem;
}

.last-prop img {
  cursor: pointer;
}

.last-prop {
  width: 10% !important;
  padding-left: 0% !important;
  padding-top: 3% !important;
}

.contact-mandivs00 h6 {
  margin: 1% 0px auto 14px;
  font-size: 14px;
  font-weight: 500;
  color: #2c2a2f;
  width: 75%;
}

.spansum2 {
  float: right;
  font-size: 13px;
  font-weight: 100;
  color: #ffffff;
  background: #f44336;
  width: auto;
  cursor: pointer;
  height: 27px;
  text-align: center;
  padding: 6px;
  border-radius: 5px;
}

.spansum2:hover {
  box-shadow: 0px 0px 31px -11px #0effe8;
  transition: 1s;
}

.tag-ul002 li:hover {
  box-shadow: 0px 0px 31px -11px #0effe8;
  transition: 1s;
}

.social_share_profile_icon .languages-wrapper90 {
  display: flex;
  flex-wrap: nowrap;
}

.social_share_profile_icon .languages-item.social-share {
  width: auto;
}

.social_share_profile_icon .languages-item.social-share {
  width: 50px;

  position: relative;
  margin: 0px;
}

.social_share_profile_icon .social-share .meta {
  position: unset;
}

.social_share_profile_icon .hover-badges-box {
  position: absolute;
  right: -5px;
  top: 10px;

}

.social_share_profile_icon .languages-item.social-share .image img {
  border-radius: 0px !important;
}

.profile-about-me .languages-wrapper90 .languages-item .image img {
  border-radius: 0px !important;
}

.languages-wrapper90 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.languages-wrapper90 .languages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 16px);
  margin: 5px;
}

.languages-wrapper90 .languages-item .icon-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.languages-wrapper90 .languages-item .icon-wrap img {
  position: absolute;
  width: 45%;
  min-width: 45%;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border-radius: 0%;


}

.row .row-xxs .col-4 {
  padding: 0;
}

.row .row-xxs .col-4 img {
  width: 100%;
  border-radius: 7px;
}

.row .row-xxs .col-4 a.d-block.ht-60 {
  padding: 2px;
}

.profile-about-me .ht-60 img {
  width: 100%;
  height: 70px;
  object-fit: cover;
}

.profile-about-me .ht-60 video {
  height: 70px !important;
  width: 100%;
  object-fit: cover;
}

.languages-wrapper90 .languages-item .meta>span {
  display: block;
}

.languages-wrapper90 .languages-item .meta>span:first-child {
  font-weight: 600;
  color: #283252;
  font-size: 0.8rem;
}

.languages-wrapper90 .languages-item .meta>span:nth-child(2) {
  font-size: .85rem;
  color: #a2a5b9;
}

.languages-wrapper90 .languages-item .meta {
  margin-left: 10px;
}

.languages-wrapper904 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}

.languages-wrapper904 .languages-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 16px);
  margin: 8px;
}

.languages-wrapper904 .languages-item .icon-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.languages-wrapper904 .languages-item .icon-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 39px;
  min-width: 39px;
  height: 39px;
  border-radius: 50%;


}

#followings .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#followers .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#followers .btn.btn-danger {
  padding: 0 0px !important;
  width: 32px;
  line-height: 30px;
  height: 32px;
  text-align: center;
  border: 2px dashed #a067eb;
  background: #ffffff;
}

.love-icon img {
  margin-right: 0;
  width: 16px;
  line-height: 3.5;
  vertical-align: middle;
}

.love-icon {
  padding: 0 0px !important;
  width: 26px;
  line-height: 23px !important;
  text-align: center;
  height: 26px !important;
  /* border: 1.6px dashed #671cc9 !important; */
  border: 1px solid transparent;
  background: #ffffff !important;
  border-radius: 100% !important;
}

#followings .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

.fone {
  margin-left: auto;
  background: #ec4119;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  text-align: center;
  color: white;
  padding: 5px;
  font-weight: 400;
}

.spansumo {
  width: 22px !important;
  z-index: +999;
  cursor: pointer;
  height: 22px !important;
  text-align: center;
  line-height: 22px !important;
  background: #f1431b;
  float: right;
  font-size: 12px;
  margin-left: 4px;
  color: #ffffff;
  border-radius: 3px;
}

.close-tab-btn button {
  background: #ecfdfd;
  border: 1px solid #0000001a;
  border-radius: 9px;
  padding: 5px 14px;
  /* border-radius: 5px; */
  font-size: 14px;
  font-weight: 100;
  color: black;
  margin: 3px 1px 3px 0px;
  /* margin-left: 1%;*/
}

#add-ed .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#edit-ed .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#edit-ed .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#add-education .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#add-education .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#raise-flag .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#raise-flag .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #149f9e;
  border-color: #149f9e;
}

#add-apps .btn.btn-danger {
  background-color: #ed3d15;
  border-color: #f74e27;
  color: #ffffff;
  padding: 6px 22px;
  height: auto;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 400;
}

#add-apps .btn.btn-primary {
  color: #ffffff;
  padding: 6px 22px;
  border-radius: 4px;
  font-size: 13px;
  background: #9ef0ed;
  border-color: #9ef0ed;
  height: auto;
}

#add-eexp .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#add-eexp .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#add-ed .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

.languages-wrapper904 .languages-item .meta>span {
  display: block;
}

.languages-wrapper904 .languages-item .meta>span:first-child {
  font-weight: 600;
  color: #283252;
  font-size: .9rem;
}

.languages-wrapper904 .languages-item .meta>span:nth-child(2) {
  font-size: .85rem;
  color: #a2a5b9;
}

.languages-wrapper904 .languages-item .meta {
  margin-left: 10px;
}

.timeline-div .timeline {
  margin-top: 20px;
  position: relative;

}

.timeline-div .timeline:before {
  position: absolute;
  content: '';
  width: 1px;
  height: calc(100% + -50px);
  background: rgb(173 173 173);
  background: -moz-linear-gradient(left, rgba(138, 145, 150, 1) 0%, rgba(122, 130, 136, 1) 60%, rgba(98, 105, 109, 1) 100%);
  /* background: -webkit-linear-gradient(left, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%); */
  /* background: linear-gradient(to right, rgba(138,145,150,1) 0%,rgba(122,130,136,1) 60%,rgba(98,105,109,1) 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a9196', endColorstr='#62696d', GradientType=1);
  left: 50%;
  top: 5px;
  border-radius: 4px;
}

.documentdiv {
  position: relative;
}

.documentdiv label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: black;
  letter-spacing: 0.3px;
  font-weight: 500;
  padding-left: 7px;
}

.documentdiv .form-control {
  background: #fff;
  border: 1.8px solid #00000017;
  padding: 5px 14px;
  color: #000000;
  height: 42px;
  font-weight: 500;
  border-radius: 43px;
  font-size: 13px;
}

.info-type-heading .pf-img-icon {
  top: 7px;
  position: absolute;
  left: 9px;
}

.address-edit img {
  width: 20px;
  border-radius: 0px !important;
}

#access {
  position: relative;
}

.statutory {}

.statutory label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: black;
  letter-spacing: 0.3px;
  font-weight: 500;
}

.statutory .form-control {
  background: #fff;
  border: 1.8px solid #0000002b;
  padding: 5px 14px;
  color: #000000;
  height: 42px;
  font-weight: 500;
  border-radius: 43px;
  font-size: 13px;
}

.timeline-div .timeline-month {
  position: relative;
  padding: 12px 34px;
  min-width: 200px;
  background-color: #f6efff;
  display: block;
  width: fit-content;
  border-radius: 8px;
  margin: auto;
  text-align: center;
  margin: auto auto 2rem;
}

.timeline-div .timeline-month .designation {
  font-size: .7rem;
  color: #a2a5b9;

}

.timeline-div .timeline-month img {
  width: 36px;
  border-radius: 100%;
  height: fit-content;
  margin-right: 4%;
  border: 3px solid #7483e8;
}

.timeline-div .timeline-month b {
  font-size: 17px;
  color: #f28267;
}

.timeline-div .timeline-month p {
  font-size: 13px;
  /* line-height: 2.7; */
  margin-top: 0;
  margin-bottom: 0;
  color: black;
  text-transform: capitalize;
  font-weight: 500;
  letter-spacing: 0px;
}

.timeline-div .timeline-month span {
  position: absolute;
  top: -1px;
  left: calc(100% - 10px);
  z-index: -1;
  white-space: nowrap;
  display: inline-block;
  background-color: #111;
  padding: 4px 10px 4px 20px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border: 1px solid black;
  box-sizing: border-box;
}



.timeline-div .timeline-section {
  /* padding-left: 35px; */
  text-align: center;
  display: block;
  position: relative;
  margin-bottom: 30px;
}

.timeline-section .row {
  gap: 7px;
  justify-content: center;
}

.timeline-div .timeline-date {
  width: auto;
  background: white;
  padding: 2px 15px 9px 15px;
  position: relative;
  display: inline-block;
  border-radius: 20px;
  color: #0a0a0a85;
  font-size: 13px;
  margin-bottom: 2rem;
}

.timeline-div .timeline-date p {
  color: #671cc9;
  font-weight: 700;
  border-bottom: 1px dashed #671cc9;
  width: auto;
}

.timeline-div .timeline-section:before {
  /* content: ''; */
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: #444950;
  top: 12px;
  left: 20px;
}

.timeline-div .timeline-section:after {
  /* content: ''; */
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(to bottom, #2adad8 0%, #37dcda 60%, #47dfdd 100%);
  top: 7px;
  left: 11px;
  border: 1px solid #27d9d7;
  border-radius: 100%;
}

.timeline-div .timeline-section .col-sm-4 {
  margin-bottom: 15px;
}

.timeline-div .box-icon {
  position: absolute;
  right: 5px;
  top: 0px;
}

.timeline-div .box-title {
  padding: 5px 15px;
  border-bottom: 1px solid #17191B;
}

.timeline-div .box-title i {
  margin-right: 5px;
}

.timeline-div .box-content {
  padding: 8px 8px;
  text-align: center;

}

.timeline-div .box-content strong {
  color: #2b2a2a;
  /* font-style: italic; */
  margin: 0 auto;
  margin-top: 3px;
  display: block;
  font-size: 12px;
  font-weight: 500;
  width: 97px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#team span {
  font-size: 11px;
  width: 100px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.purchase-tooltip-content .user-info ul li span {
  font-size: 11px;
  width: 100px;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.divide-div {
  display: inline-block;
  width: 129px !important;
  /* padding: 4px; */
  border: 1px solid #00000029;
  border-radius: 24px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  position: relative;
  height: 117px;
}

.team-report-info {
  position: absolute;
  right: 16px;
  bottom: 4px;
}

.team-report-info p {
  margin-bottom: 0px;
  font-size: 10px;
}

.team-report-info p span.count {
  color: #ec4018;
  font-size: 11px !important;
}

/* .img-info-team{
 
} */

.info-tooltip-area {
  position: relative;
  display: inline;
}

.info-tooltip-area .pf-img-icon svg {
  background: #fdd73769;
  width: 15px;
  height: 15px;
  text-align: center;
  /* padding: 2px; */
  border-radius: 5px;
  fill: #181818;
  position: absolute;
  bottom: -10px;
  right: -7px;
}

.info-tooltip-content {
  position: absolute;
  top: -220%;
  left: -89px;
  transform: translateY(-50%);
  background: linear-gradient(145deg, #ffffff 0%, #ffffff 100%);
  text-align: left;
  padding: 7px;
  border-radius: 17px;
  min-width: 193px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 1000;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}

.info-tooltip-content::before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 12px solid transparent;
  border-top-color: #ffffff;
}

.info-tooltip-area:hover .info-tooltip-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(-80px);
}

.purchase-tooltip-header {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 15px;
  padding: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.purchase-tooltip-content .user-info p span.count {
  color: red;
  font-size: 12px !important;
}

.purchase-tooltip-content .user-info p {
  margin-bottom: 0px;

  font-size: 12px;
}

.purchase-tooltip-content ul li svg {
  width: 14px;
  height: 13px;
  fill: #681ec9;
}

.purchase-tooltip-content ul {
  margin-bottom: 0px;
}

.purchase-tooltip-content ul li {
  margin-left: 5px;
  color: #484848;
  margin-bottom: 0px;
}

.team-report-info span.img-team-report img {
  border-radius: unset;
  height: unset;
  width: 29px;
  margin-right: 6px;
  object-fit: unset;
  border: none;
}

.purchase-tooltip-content .user-info .userdetail-tooltip span {
  font-size: 12px !important;
  overflow: visible;
  color: rgb(103, 28, 201);
  font-weight: 500;
}

.purchase-tooltip-content .user-info .userdetail-tooltip {
  width: 173px;
}

.purchase-tooltip-content .user-info .userdetail-tooltip strong {
  padding-top: 0px;
  margin-bottom: 0px;
  margin-top: 0px !important;
  font-size: 13px !important;
  overflow: visible;
  margin-left: unset;
}

.info-tooltip-content.info-area .purchase-tooltip-content {
  font-size: 11px;
  font-weight: 500;
  padding: 2px;
  line-height: 1.5;
}

.info-area.info-tooltip-content::before {
  border-top-color: #fbf3c9;
}

.info-tooltip-content.info-area {
  background: linear-gradient(145deg, #feefad 0%, #f4f8c9 100%);
}

.info-tooltip-area2 {
  position: absolute;
  top: -5px;
  right: 2px;
}

.info-tooltip-area2 img {
  position: relative !important;
}

.info-tooltip-area2:hover .info-tooltip-content {

  opacity: 1;
  visibility: visible;
}

.info-tooltip-area2 .info-tooltip-content {

  top: -121%;
}

/* .info-tooltip-area2 .info-tooltip-content .purchase-tooltip-content{
  font-size: 12px;
} */

.timeline-div .divide-div img {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.divide-div img {
  width: 6%;
  border-radius: 100%;
  border: 3px solid #ffffff;
  box-shadow: 0 0 50px -21px #00000082;
}

.timeline-div .box-item {
  font-size: 11px;
  color: #671cc9;
  line-height: normal;
  text-align: center;
  font-weight: 500;

}

.timeline-div .box-footer {
  padding: 5px 15px;
  border-top: 1px solid #17191B;
  background-color: #444950;
  text-align: right;
  font-style: italic;
}

.filter-ico {
  position: absolute;
  right: 0;
  top: 4%;
  display: -webkit-box;
}

.filter-ico img {
  width: 27px;
}

.formdivflex {
  visibility: hidden;
  display: inline-flex;
  margin-right: 12px;
}

.formdivflex.someClass {
  visibility: visible;
  transition: 2s;
}

.side-pen-icon {
  display: none;
  width: 20px;
  margin-left: auto;
  float: right;
  cursor: pointer;
  position: absolute;
  right: 0;
}

p.exp-texh {
  font-size: 13px !important;
  /* text-decoration: underline; */
  color: #671cc9 !important;
  font-weight: 400 !important;
}

.timeline-item:hover .side-pen-icon {
  display: block;
  transition: 1s
}

h5.exp-des {
  font-weight: 650;
  color: black;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 3px;
}

.filter-ico .form-control {
  height: 41px;
}

button.skill-actionbtn {
  background: white;
  border: white;
  margin-left: 5px;
  width: 19px;
}

.languages-wrapper .languages-item .icon-wrap {
  border: 1.6px dashed #7E57C2;
  background: #eff4ff87;
  border-radius: 100%;
}

p.edu-texh {
  font-size: 13px !important;
  /* text-decoration: underline; */
  color: #a29fa5 !important;
  font-weight: 400 !important;
}

p.exp-comp {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  margin-bottom: 0 !important;
}

.editprofile-admin {
  width: 19px !important;
  cursor: pointer;
  height: 19px !important;
  display: inline-block !important;
  margin-left: 7px;
  line-height: 18px;
  min-width: 22px;
}

span.editprofile-admin svg {
  width: 21px;
  height: 21px;
  fill: #1b2542;
}

span.editprofile-admin.chat svg {
  height: 19px;
  fill: #1b2542;
  width: 19px;
}

.last-add-a {
  background: none !important;
  border: 1px solid #0000002e;
}


.applist a {
  padding: 1px 0px 4px 0px;
  text-decoration: none;
  font-size: 15px;
  color: #09204854;
  width: auto;
  transition: 0.3s;
  text-align: left;
  position: relative;
  display: grid;
  margin: 2% 3% 2% 0;
}

.applist a img {
  vertical-align: middle;
  background: #ffecb3;
  padding: 15px;
  width: 57px;
  height: 57px;
  border-radius: 11px;
  border: 4px solid #ffffff;
  box-shadow: 5px 4px 23px -3px #00000012;
}

.applist a i {
  position: absolute;
  right: -2px;
  width: 20px;
  height: 20px;
  top: -2px;
  color: #223e6d;
  font-size: 13px;
  background: white;
  padding: 2px;
  text-align: center;
  border-radius: 100%;
}

.applist {
  padding: 7% 0% 3% 0%;
  display: -webkit-inline-box;
  flex-wrap: wrap;
  width: 100%;
}

.applist a span {
  font-size: 13px;
  color: #0e0e0e;
  margin-top: 7px;
  margin-left: 2%;
}

#delete-post .modal-body {
  padding: 10%;
}

#delete-post .modal-body img {
  width: 18%;
  display: block;
  margin: auto auto 4% auto;
}

#delete-post .modal-body strong {
  font-size: 29px;
}

#delete-post .modal-body p {
  margin: 0;
}

#report-img .modal-body img {
  width: 18%;
  display: block;
  margin: auto auto 4% auto;
}

#report-img .modal-body strong {
  font-size: 29px;
}

#report-img .modal-body p {
  margin: 0;
}



#raise-flag .modal-body {
  padding: 10%;
}

#raise-flag .modal-body img {
  width: 18%;
  display: block;
  margin: auto auto 4% auto;
}

#raise-flag .modal-body strong {
  font-size: 29px;
}

#raise-flag .modal-body p {
  margin: 0;
}

.reminder-add img {
  width: 10%;
  margin: auto;
  background: #EC4119;
  padding: 3%;
  border-radius: 100%;
  display: block;
}

.reminder-add span {
  color: #ec4119;
  font-size: 15px;
}


.reminder-screen .col-xl-8 .form-head {
  background: white;
  padding: 5%;
}

.reminder-list .re-inner-list {
  background: #ffffff;
  padding: 14px 2px;
  border-radius: 0.5rem;
  text-align: center;
  width: 46%;
  color: white;
  margin: 0 5% 0 0%;
  box-shadow: 0px 0px 62px 6px #d7d7d736;
}

.reminder-list .re-inner-list i {
  width: 41px;
  height: 41px;
  /* background: aliceblue; */
  border: 1px solid #0000003d;
  padding: 11px;
  border-radius: 100%;
  color: #f44336;
}

.rem-circle img {
  margin-bottom: 6%;
  width: 55px;
  /* background: #f9f9f9; */
  padding: 0 20px 9px 0;
  border-radius: 10px;
  opacity: 0.4;
}

.rem-circle .darkh002 {
  font-size: 15px;
  font-weight: 500;
  /* color: antiquewhite; */
}

.rem-circle .lighth2 a {
  font-size: 15px;
  font-weight: 600;
  background: #e17a610f;
  color: #092048;
  border: 2px dotted #ec41198c;
  padding: 4px 11px;
}

.rem-circle b {
  color: #092048;
  font-size: 12px;
  font-weight: 500;
}

.rem-circle .btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.3rem 0.75rem;
  border-radius: 0.3rem;
}

.rem-circle h2.fss-17.lighth2 {
  margin: 3% 0 !important;
}

.rem-circle .btn-primary {
  color: #ffffff;
  padding: 0.3rem 0.75rem;
  border-radius: 0.3rem;
  background: #72dad6;
  border-color: #72dad6;
}




.rem-circle .switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 19px;
  float: right;
}

.rem-circle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.rem-circle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #09090917;
  -webkit-transition: .4s;
  transition: .4s;
}

.span-remi {
  font-size: 16px;
  color: #f74e27;
  font-weight: 100;
  margin: 4px;
}

.rem-circle .slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.rem-circle .slider {
  background-color: #f74e27;
}

input:focus+.rem-circle .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.rem-circle .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.rem-circle .slider.round {
  border-radius: 34px;
}

.rem-circle .slider.round:before {
  border-radius: 50%;
}


.firstleft-div img {
  width: 67%;
  margin-top: -25%;
}

.firstleft-div {
  width: 30%;
  border-right: 1px solid #0000000d;
  padding-right: 3%;
}

.firstleft-div h4 {
  font-size: 16px;
  color: #0a2148;
  font-weight: 600;
  padding: 0 2%;
}

.firstleft-div p {
  color: #1f1f1f94;
}

.firstleft-div button {
  padding: 5px 18px;
  border-radius: 4px;
  background: #ec4119;
  /* color: #18908c; */
  border: 1px solid #00000017;
  font-size: 12px;
}

.firstleft-div button a {
  color: white;
}

.firstleft-second h4 {
  margin: 0% 0 1%;
  font-size: 15px;
  font-weight: 100;
  color: #484747;
}

.firstleft-second {
  width: 60%;
}

.firstleft-second .reminder-list {
  display: flex;
  padding: 11px 0;
}

.firstleft-second .re-inner-list {
  background: #092047;
}

.firstleft-second .re-inner-list i {
  border: 1px solid #ffffff87;
  color: white;
}

.firstleft-second .re-inner-list p {
  color: white;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 6%;
}

.firstleft-second .re-inner-list strong {
  font-size: 29px;
  color: white;
  font-style: normal;
}

.firstleft-second .re-inner-list:nth-child(2) {
  background: #29e6df;
}

.firstleft-second .re-inner-list:nth-child(3) {
  background: #fff;
  border: 1px solid #00000012;
}

.firstleft-second .re-inner-list:nth-child(3) i {
  border: 1px solid #0000003d;
  color: #f44336;
}

.firstleft-second .re-inner-list:nth-child(3) p {
  color: #969696;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 6%;
}

.firstleft-second .re-inner-list:nth-child(3) strong {
  font-size: 34px;
  color: #909090;
}

.reminder-sidediv img {
  width: 92%;
  /* margin-left: auto; */
  /* text-align: right; */
  float: right;
}

.upcomingdiv .data1 {
  width: 14%;
  padding-right: 7px;
}

.upcomingdiv .data2 {
  width: 66%;
}

.upcomingdiv .data3 {
  width: 20%;
  display: flex;
}

.upcomingdiv .data3 img {
  width: 45%;
  margin-right: 4px;
  cursor: pointer;
}

.reminder-screen span.fes-span {
  color: #b3b3b3;
  font-size: 14px;
  margin-bottom: 0%;
}



.quantity {
  position: relative;
  margin-right: 5px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  /* -webkit-appearance: none;
  margin: 0; */
}

/* input[type=number] {
  -moz-appearance: textfield;
} */

.quantity input {
  width: 67px;
  font-size: 22px;
  height: 46px;
  line-height: 1.65;
  float: left;
  display: block;
  border-radius: 5px;
  padding: 0;
  color: #090909;
  margin: 0;
  background: #09204800;
  padding-left: 9px;
  border: 2px solid #00000012;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  width: 29px;
  text-align: center;
  color: #bfbfbf;
  font-size: 16px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  top: -3;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -3px;
}

.set-h {
  font-size: 14px;
  color: #ec4119;
  margin-right: 3%;
  margin: auto 12px auto 1px;
}


.create-reminder-screen .nav-tabs .nav-link {
  margin-bottom: 5px;
  background: none;
  border: none;
  border-radius: 5px;
  color: #949494 !important;
  padding: 6px 11px;
  margin-right: 7px;
  background-color: #f9f9f9;
  border-color: #223e6d00;
}

.create-reminder-screen .nav-tabs li {
  font-size: 12px;
  font-weight: 500;
  margin: 3px 0px;
  border-radius: 5px;
  list-style: none;
}

.create-reminder-screen .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ffffff !important;
  background-color: #223E6D;
  border-color: #223E6D;
}

.create-reminder-screen .tab-content .check-use label {
  color: #636363 !important;
}

.create-reminder-screen .tab-content label {
  color: #ec4119 !important;
  font-size: 15px !important;
}

.upcomingdiv span.mt-0.mb-3.datecol {
  font-size: 13px;
  font-weight: 300;
}





.rem-circle02 img {
  margin-bottom: 6%;
  width: 22%;
  /* background: #f9f9f9; */
  padding: 10px;
  border-radius: 10px;
}

.rem-circle02 .darkh002 {
  font-size: 18px;
  font-weight: 500;
  /* color: antiquewhite; */
}

.rem-circle02 .lighth2 a {
  font-size: 21px;
  font-weight: 600;
  color: #092048;
  border: 1px dotted #0000001f;
  padding: 4%;
}

.rem-circle02 b {
  color: #092048;
  font-size: 16px;
  font-weight: 500;
}

.rem-circle02 .btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.3rem 0.75rem;
  border-radius: 0.3rem;
}

.rem-circle02 h2.fss-17.lighth2 {
  margin: 8% 0 !important;
}

.rem-circle02 .btn-primary {
  color: #ffffff;
  padding: 0.3rem 0.75rem;
  border-radius: 0.3rem;
  background: #72dad6;
  border-color: #72dad6;
}




.rem-circle02 .switch {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 15px;
  float: right;
}

.rem-circle02 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.rem-circle02 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #09090917;
  -webkit-transition: .4s;
  transition: .4s;
}

.span-remi {
  font-size: 16px;
  color: #f74e27;
  font-weight: 100;
  margin: 4px;
}

.display-div {
  display: flex;
  justify-content: space-around
}

.rem-circle02 .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.rem-circle02 {
  width: 15%;
  display: flex;
}

input:checked+.rem-circle02 .slider {
  background-color: #f74e27;
}

input:focus+.rem-circle02 .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.rem-circle02 .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.rem-circle02 .slider.round {
  border-radius: 34px;
}

.rem-circle02 .slider.round:before {
  border-radius: 50%;
}



.notification {
  /*background-color: #555; */
  color: #ec5e19;
  text-decoration: none;
  padding: 3px 7px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
}

.send-output {
  position: relative;
  display: flex;
}

.send-output img.pro-img {
  border-radius: 100%;
  height: 2rem;
  width: 2rem;
}

.send-output .icons {
  position: absolute;
  right: 1.5rem;
  top: 0.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.send-output .icons svg {
  margin-left: 5px;
  color: #676a79;
  cursor: pointer;
}

.feed-comments-bottomdiv {
  margin-top: 1rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1.5rem 1fr;
  gap: 17px;
  margin-bottom: 0.5rem;
  cursor: pointer;
  position: relative;
  padding: 0 8px;
  word-break: break-all;
}

.feed-comments-bottomdiv .comment-textdiv h6 {
  font-size: 15px;
  color: black;
  font-weight: 600;
}

.feed-comments-bottomdiv .comment-textdiv h6 a {
  color: #000000;
  font-weight: 200;
  font-weight: 700;
  font-size: 13px;
}

.feed-comments-bottomdiv .comment-textdiv p.small {
  font-size: 0.795em;
  font-weight: 400;
  color: #747474;
  margin-left: 0;
  margin-bottom: 8px;
  line-height: 19px;

}

.comment-textdiv i {
  color: #a8a8a8;
  font-size: 12px;
  margin-right: 6px;
  cursor: pointer;
}

.feed-actions {
  position: absolute;
  right: 7px;
  bottom: 20px;
  display: none;
}

.featured-star img {
  background: #feffd0;
  width: 25px !important;
  height: 25px !important;
  padding: 3px !important;
  border-radius: 100% !important;
  border: 1.5px dashed #fdab00 !important;
}

.quote-comment .feed-actions {
  position: absolute;
  right: 11px;
  bottom: 11px;
}

.quote-comment:hover .feed-actions {
  display: block;
}

.feed-comments-bottomdiv:hover .feed-actions {
  display: block;
}

.feed-actions img.feed-comment-delete {
  height: 19px;
  width: auto;
  min-width: auto !important;
}

.feed-actions img.feed-comment-edit {
  height: 19px;
  width: auto;
  margin-left: 3px;
  border-radius: unset;
  min-width: auto !important;
}

.feed-comments-bottomdiv .comment-textdiv p {
  margin-bottom: 0;
  color: black;
  font-size: 13px;
}

.feed-comments-bottomdiv .rounded-start-top-0 {
  border-top-left-radius: 0 !important;
}

a.hover-like-box svg {
    width: 12px;
    height: 12px;
}
a.hover-like-box {
    color: #ec4119;
}
a.hover-like-box:hover{
  color: #ec4119;
}
.feed-comments-bottomdiv .bg-light {
  background-color: #fff !important;
  /* border: 1px solid var(--bs-gray-400); */
}

.feed-comments-bottomdiv img {
  border-radius: 100%;
  height: 27px;
  width: 27px;
  min-width: 27px;
}

.send-output .p-inputtext {
  background: #eef0f2;
}

.custom-file-upload {
  display: inline-block;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #ec4119;
  background: #e539350a;
  padding: 7px 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.actionbutton-tickets {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.actionbutton-tickets.artical {
  display: flex;
  grid-template-columns: 1fr auto;
  gap: 10px;
  justify-content: end;
}

.actionbutton-tickets .select-futurepost-article {
  margin-right: 0;
}

.actionbutton-tickets .form-control {
  height: 28px;
  line-height: 28px;
  background: #f9fafb;
  border: 1px solid #00000054;
  padding: 2px 10px;
  color: #000000;
  font-size: 11px;
  font-weight: 400;
  border-radius: 5px;
}

.notification .badge {
  position: absolute;
  top: -7px;
  right: 6px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  font-size: 9px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  background-color: #ec4119;
  color: white;
}

.notification:hover {
  background-color: none;
}


h6.block-heading {
  font-size: 37px;
  color: #092048;
  font-weight: 700;
}

.block-text-p {
  font-size: 16px;
  color: #aaabab;
}

.center-r {
  padding: 0 10%;
  margin: auto;
}

.w-45 {
  width: 45%;
}

a.btn.fw-semibold {
  width: max-content;
  padding: 9px 19px;
  background: #ec4119;
  color: white;
  font-size: 14px;
  border-radius: 6px;
}

.btnn-sidebar {
  width: max-content;
  padding: 9px 19px;
  background: #ec4119;
  color: white;
  font-size: 14px;
  border-radius: 6px;
}

.bar-img {
  width: 60%;
  display: block;
  margin: auto;
}

.bar-para {
  font-size: 16px;
  color: #aaabab;
}

.remain-option p {
  font-size: 24px;
  color: #092048;
  font-weight: 700;
}

.remain-option h2 {
  font-size: 20px;
  color: #000;
  align-items: center;
  display: flex;
}

.remain-option {
  margin-top: 2rem;
  position: relative;
}


.ul-li-p {
  font-size: 13px !important;
  font-weight: 100 !important;
  color: #acacac !important;
}

.strong-div {
  line-height: 1;
  line-height: 1;
  padding: 1%;
  margin: auto 0;
  padding: 1%;
}

.ul-li-div a {
  display: flex;
}

.completed-div {
  background: #9ef0ed !important;
}

.completed-div .ul-li-img {
  background: #fff;
}

.completed-div .ul-li-img svg {
  color: #f44336 !important;
}

.completed-div .ul-li-p {
  color: #000000 !important;
}

.completed-div .checkk {
  position: absolute;
  right: 11px;
  background: #ec4119;
  width: 37px;
  color: white;
  border-radius: 100%;
  height: 37px;
  padding: 3px;
  top: 19%;
  border: 5px solid #f9f9f9;
}

.selectnice-option .nice-select {
  line-height: 33px !important;
  border: solid 1px #e8e8e83b;
  width: auto !important;
}

.account-owner ul {
  background: #ffffff00;
  padding: 0;
  border-radius: 0px;
  /* width: 20%; */
  border-left: 1px solid #dadada;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;

}

.account-owner .pagination {
  background: #ffffff00;
}

.account-owner .firstnav-own {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  display: block;
  width: 20%;
}

.account-owner .nav-tabs .nav-link:hover {
  border-color: #e9ecef00 #e9ecef00 #dee2e600;
  isolation: isolate;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-radius: 0;
  color: black;
  background: aliceblue;
  padding: 4px 7px;
}

.account-owner ul.firstnav-own li a.active {
  background-color: #9ef0ed00 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-radius: 35px !important;
  border-color: #7fffd400 !important;
  color: #F4511E !important;
  font-size: 14px;
  padding: 4px 7px;
}

.account-owner ul li a.active svg {
  color: #F4511E !important;
}

.main-tab-content .nav.nav-tabs.flex-column {
  background: #fffefe;
  border: 1px solid #00000008;
  width: 25%;
}

.account-owner .main-tab-content {
  width: 80%;
  margin-left: 0%;
  background: #ffffff;
  border: 1px solid #8181810a;
}

.owner-name {
  font-size: 15px !important;
  color: #671cc9;
  font-weight: 600;
  margin-bottom: 7px;
  line-height: 0.9;
}

.acc-title span {
  font-size: 16px;
  color: #0000006e;
  font-style: normal;
}

.account-owner .main-tab-content .p-4 strong {
  font-size: 17px;
  color: black;
  font-style: normal;
}

.account-owner .main-tab-content .nav.nav-tabs li a {
  font-weight: 500;
  color: #0000006b;
  font-size: 13px;
  padding: 7px 19px;
}

.account-owner .main-tab-content li a.active {
  background-color: #f7f7f7 !important;
  color: #020202 !important;
  border: 1px solid #00000024;
  border-radius: 0px !important;
  border-bottom: 0px;

}

.account-owner .main-tab-content .inner {
  border: 1px solid #0000001f;
  padding: 21px;
  border-radius: 9px;
  min-height: 260px;
  /* background: #f9f9f9; */
  margin-top: 1rem;
}

.delete-account {
  margin-bottom: 2%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #0000001c;
  padding: 15px 20px;
  border-radius: 5px;

}

.delete-account button {
  width: max-content;
  margin-left: auto;
  padding: 0px 16px;
  font-size: 12px;
  background: #ec4119;
  border: none;
  color: white;
  height: 30px;
  border-radius: 4px;
}

.account-owner .main-tab-content .inner p {
  font-weight: 400;
  color: #000000;
  font-size: 13px;
  line-height: 17px;
  padding: 12px 0;
}

.account-owner .main-tab-content .inner label {
  font-size: 13px;
  color: black;
  font-weight: 500;
}

.account-owner .main-tab-content .form-control {
  line-height: 45px;
  background: #f7f7f7;
  border: 0px solid #cbcbcb;
  padding: 0px 14px;
  color: #000000;
  height: 45px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 1pc;
}

.account-owner .main-tab-content .nav.nav-tabs {
  margin-top: 22px;
  margin-bottom: 22px;
  background: #fffefe;
  border-right: none;
  width: 100%;
  border-left: none;
  border-top: none;
  padding-bottom: 0;
}

.account-owner {
  display: -webkit-box;
}

.heading-li {
  padding: 6% 2%;
  font-size: 19px;
  font-weight: 600;
}

.main-tab-content .tab-content {
  background: #fffefe;
  /* border-right: 1px solid #00000008; */
  border-top: none;
  /* border-bottom: 1px solid #00000008; */
  /* border-top-right-radius: 21px; */
  border-bottom-right-radius: 21px;
}

.account-owner ul li a.active {
  background-color: #5ae2dd !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  padding: 4px 14px;
  border-radius: 3px !important;
  font-size: 12px;
  color: #ffffff !important;
}

.account-owner .main-tab-content ul li.nav-item {
  padding: 0px 0px;
  border-bottom: 0px solid #e6e6e6;
}

.account-owner .main-tab-content ul li .nav-link:focus {
  border-radius: 0;
}

.acc-summary img {
  width: 44px;
  height: 44px;
}

.setedit-position {
  width: 24px;
  cursor: pointer;
  /* opacity: 0.6; */
  padding: 0px 5px;
}

.accountown {
  font-size: 13px;
  color: #bfbfbf;
  margin-top: 5px;
  margin-bottom: 0;
}

.setbrand {
  margin-bottom: 2%;
  display: flex;
  border: 1px solid #0000001c;
  padding: 15px 20px;
  border-radius: 5px;
  align-items: center;
  gap: 13px;

}

.setbrand .icon {
  width: 44px;
  padding: 7px;
  font-size: 18px;
  height: 44px;
  /* background: #f7f7f7; */
  color: #1386d4;
  font-weight: 500;
  border-radius: 100%;
  border: 1px solid #c8c8c8;
  margin-right: 0%;
  margin-bottom: 0;
  text-align: center;
}

.setbrand strong {
  font-size: 14px !important;
  color: #1386d4 !important;
  font-style: normal !important;
}

.setbrand button {
  width: max-content;
  margin-left: auto;
  padding: 0px 16px;
  font-size: 12px;
  background: #0a3176;
  border: none;
  color: white;
  height: 30px;
  border-radius: 4px;
}

.setbrand span {
  border: 1px solid #1386d4;
  padding: 3px 13px;
  font-size: 12px;
  color: #000000;
  background: #1386d40f;
  font-weight: 500;
}

.acc-summary .inner-acc-summary {
  line-height: 0.6;
  margin-top: 0;
}

.acc-summary {
  margin-bottom: 8px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #fbfbfc;
  padding: .5rem 1rem;
  border-radius: 10px;
  box-shadow: 0px 4px 38px -20px #00000000;
  background: #f2f0f545;
}

.account-owner ul li a {
  color: #000000;
  font-size: 13px;
  padding: 4px 7px;
}

.account-owner ul li svg {
  margin-right: 0.6rem !important;
  /* background: white; */
  padding: 5px 7px 7px 7px;
  /* box-shadow: 2px 5px 19px -12px; */
  width: 30px;
  height: 30px;
  border-radius: 0px;
  /* border-bottom: 1px solid #0000002e; */
  color: #7c7a7a;
}

.account-owner .main-tab-content ul li a.active svg {
  color: #86d0cd;
}

.account-owner ul li {
  list-style: none;
  margin: 0% 0px 0 0;
  border-bottom: 1px solid #e6e6e6;
  padding: 2% 0;
  padding: 3px 0px;
}

.account-owner .col-6 span {
  font-size: 13px;
  color: #beb0b0;
  font-weight: 400;
}

.account-owner .col-6 p {
  word-wrap: break-word;
  font-weight: 500;
  color: #395656;
  font-size: 15px;
}

.account-owner .col-6 {
  flex: 0 0 auto;
  width: 50%;
  margin-bottom: 0%;
}

.account-owner .firstnav-own:hover .main-tab-content {
  display: none !important;
}





/*edit profile*/
.edit-profilesection {
  padding: 2% 6% 4%;
  background: #f9f9f9;
  border: 0px solid transparent;
  border-radius: 0.5rem;

}

.edit-profilesection svg {
  position: relative;
  left: 0px;
  height: 27px;
  color: white;
  width: 52px;
  /* fill: #283252; */
  /* stroke: #283252; */
  -webkit-transition: all .3s;
  transition: all .3s;
}

.edit-profilesection .MuiStepConnector-alternativeLabel {
  top: 12px;
  left: calc(-50% + 20px);
  right: calc(50% + 20px);
  position: absolute;
}

.edit-profilesection .MuiStepConnector-line {
  display: block;
  border-color: #e6e4e4;
}

.edit-profilesection .MuiStepConnector-lineHorizontal {
  border-top-style: solid;
  border-top-width: 2px;
}

.edit-profilesection .MuiStepIcon-root.MuiStepIcon-active {
  color: #9ef0ed;
}

.edit-profilesection .MuiStepIcon-root.MuiStepIcon-active .MuiStepIcon-text {
  fill: #fff;
}

.edit-profilesection .policytab {
  width: 55%;
  margin: auto;
  padding: 2% 0 4%;
}

.edit-profilesection .MuiStepIcon-text {
  fill: #000;
  font-size: 0.75rem;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.edit-profilesection span svg {
  color: #f9f9f9;
}

.typoset {
  font-size: 38px !important;
  font-weight: 600 !important;
  color: #092048 !important;
}

.typoset img {
  display: block;
  margin: auto auto 2%;
  width: 31%;
}

.typoset p {
  color: #636363;
  font-size: 16px;
  padding: 1% 6%;
  font-weight: 100;
  width: 60%;
  margin: auto;
  line-height: 1.5;
}

.padding-profile .MuiButton-contained:hover {
  color: white;
  box-shadow: none;
  background-color: #092048;
}

.edit-profilesection .MuiStepper-root {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1% 3% 1%;
  margin-bottom: 0%;
  border-bottom: 1px solid #6e6a6a00;
}

.edit-title {
  background: white;
  padding: 2% 5%;
  margin: auto;
  border-bottom: 1px solid #00000008;
}

.edit-profilesection .MuiStepLabel-root.MuiStepLabel-alternativeLabel {
  flex-direction: inherit;
}

.edit-profilesection label {
  margin-bottom: 0.5rem;
  color: #a5a8ab;
}

.edit-profilesection .form-control {
  background: #0b0b0b05;
  border: 1px solid #a3a3a300;
  /* border-right: 0; */
  /* border-left: 0; */
  /* border-top: 0; */
  font-size: 17px;
  /* font-weight: 600; */
  padding: 5px 18px;
  text-align: center;
  color: #030303;
  height: 40px;
  border-radius: 31px;
}

.edit-profilesection .MuiStepLabel-label.MuiStepLabel-alternativeLabel {
  margin-top: 0;
  text-align: center;
  min-width: max-content;
  width: 68px;
}

.edit-profilesection .MuiStepLabel-root {
  display: grid;
  /* align-items: center; */
}

.padding-profile {
  position: sticky;
  bottom: 19px;
  background: #ffffff;
  border-radius: 10px;
  width: max-content;
  padding: 2% 5%;
  margin: auto;
  border: 1px solid #00000012;
  box-shadow: 0px 0px 31px 4px #0000000f;
  padding: 16px;
}

.edit-profilesection h2.font-w600.mb-0 {
  font-size: 23px;
}

.padding-profile button.MuiButtonBase-root.MuiButton-root.MuiButton-text.makeStyles-button-1 {
  background: #f9f9f9;
  min-width: 130px;
  margin: 0 4px;
  border-radius: 33px;
  background: #ececec;
  color: #9c9c9c;
}

.padding-profile .MuiButton-contained {
  color: white;
  box-shadow: none;
  background-color: #ec4119;
  min-width: 130px;
  margin: 0 4px;
  border-radius: 30px;
}

.edit-profilesection .MuiStepIcon-root.MuiStepIcon-completed {
  color: #ec4119;
}

.policytab p {
  margin-bottom: 0;
  margin-top: 0px;
  font-size: .85rem;
  color: #a2a5b9;
}

.policy-actions {
  display: flex;
  justify-content: end;
  gap: 15px;
  align-items: center;
}

.policy-detailtext h3 {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 0.85rem;
  line-height: 1;
  margin-bottom: 3px;
}

.policy-actions img {
  width: 13px;
  /* margin-right: 6px; */
  opacity: 0.9;
}

.policy-actions a.delete {
  display: none;
}

.policy-actions a.edit {
  display: none;
}

.pol-div:hover .policy-actions a.edit {
  display: block;
}

.pol-div:hover .policy-actions a.delete {
  display: block;
}

.draft-policy-list .li-list {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 1px solid #0000001a;
  padding-bottom: 1rem;
  gap: 10px;
}

.draft-policy-list .list {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
  height: 463px;
}

.draft-policy-list .li-list h6 {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1;
  margin-bottom: 0;
}

.draft-policy-list h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.draft-policy-list .li-list p {
  margin-bottom: 0;
  margin-top: 0px;
  font-size: .85rem;
  color: #a2a5b9;
}

.draft-policy-list {
  border-radius: 8px;
  border: 1px dashed #671cc9;
  padding: 1rem;
  transition: all .3s;
  cursor: pointer;
  background: white;
}


.uploaded-policy-list .li-list {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: 1px solid #0000001a;
  padding-bottom: 1rem;
  gap: 10px;
}

.uploaded-policy-list .li-list:nth-last-child(1) {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}

.uploaded-policy-list .list {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
  height: auto;
}

.uploaded-policy-list .li-list h6 {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1;
  margin-bottom: 0;
}

.uploaded-policy-list h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.uploaded-policy-list .li-list p {
  margin-bottom: 0;
  margin-top: 0px;
  font-size: .85rem;
  color: #a2a5b9;
}

.uploaded-policy-list {
  border-radius: 8px;
  border: 1px dashed #671cc9;
  padding: 1rem;
  transition: all .3s;
  cursor: pointer;
  background: white;
}

.policy-actions .view-policy svg {
  background: #90909024;
  width: 33px;
  height: 33px;
  cursor: pointer;
  padding: 9px;
  border-radius: 100%;
  color: #671cc9;
  font-weight: 900;
}

.policy-actions .view-policy svg path {
  stroke: #671cc9;
  stroke-width: 1px;
}

.container-fluid.pb-4.profile-container {
  padding-top: 30px !important;
  padding-right: 80px !important;
  padding-left: 80px !important;
  background-color: white;
}

.container-fluid.pb-4.profile-container .card {
  margin-bottom: 1rem;
  background-color: #fff;
  transition: all .5s ease-in-out;
  position: relative;
  border: 1px solid #00000012;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

.form-group {
  /* background: white; */
  padding: 0%;
  border-radius: 8px;
}

.Continue-btn {
  box-shadow: 0 14px 26px -12px rgb(236 65 25 / 36%), 0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(201 28 67 / 0%);
  background-color: #ec4119;
  border-color: transparent;
  color: #fff;
  padding: 6px 21px;
  font-size: 1.1rem;
  border-radius: 32px;
}

.bg-none {
  background: none;
}

.filter-awards {
  border: 1px solid #07070745;
  background: no-repeat;
  color: #414141;
  padding: 0%;
  width: 26px;
  height: 26px;
  margin: 0;
  border-radius: 4px;
}



.switch112 {
  height: 24px;
  display: block;
  position: relative;
  cursor: pointer;
}

.switch112 input {
  display: none;
}

.switch112 input+span {
  padding-left: 50px;
  min-height: 24px;
  line-height: 24px;
  display: block;
  color: #99A3BA;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  transition: color 0.3s ease;
}

.switch112 input+span:before,
.switch112 input+span:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 4px;
}

.switch112 input+span:before {
  top: 0;
  left: 0;
  width: 42px;
  height: 24px;
  background: #e2e2e2;
  transition: all 0.3s ease;
}

.switch112 input+span:after {
  width: 18px;
  height: 18px;
  background: #fff;
  top: 3px;
  left: 3px;
  box-shadow: 0 1px 3px rgba(18, 22, 33, 0.1);
  transition: all 0.45s ease;
}

.switch112 input+span em {
  width: 8px;
  height: 7px;
  background: #99A3BA;
  position: absolute;
  left: 8px;
  bottom: 7px;
  border-radius: 2px;
  display: block;
  z-index: 1;
  transition: all 0.45s ease;
}

.switch112 input+span em:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -1px;
}

.switch112 input+span em:after {
  content: "";
  display: block;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #99A3BA;
  border-bottom: 0;
  width: 6px;
  height: 4px;
  left: 1px;
  bottom: 6px;
  position: absolute;
  z-index: 1;
  transform-origin: 0 100%;
  transition: all 0.45s ease;
  transform: rotate(-35deg) translate(0, 1px);
}

.switch112 input+span strong {
  font-weight: normal;
  position: relative;
  display: block;
  top: 1px;
  width: 21px;
}

.switch112 input+span strong:before,
.switch112 input+span strong:after {
  font-size: 14px;
  font-weight: 500;
  display: block;
  font-family: "Mukta Malar", Arial;
  -webkit-backface-visibility: hidden;
}

.switch112 input+span strong:before {
  content: "On";
  transition: all 0.3s ease 0.2s;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size: 14px;
}

.manageuser-screen .accordion-header {
  background: white;
  padding: 0;
}

.manageuser-screen .accordion-header .accordion-button {
  background: white;
  font-weight: 500;
  color: #051b42;
}

.profileview-role h4 {
  margin-bottom: 0;
  font-size: 15px;
  color: #0e2374;
  font-weight: 500;
}

.profileview-role {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #00000017;
  margin-bottom: 11px;
}

.profileview-role p {
  margin-left: auto;
  color: #919191;
  font-size: 13px;
  margin-bottom: 0;
}

.profileview-permission h4 {
  margin-bottom: 0;
  font-size: 15px;
  color: #0e2374;
  font-weight: 500;
  margin-bottom: 15px;

}

.profileview-permission .accordion {
  padding-left: 2rem;
}

.profileview-permission .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffffff;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
}

.profileview-permission .accordion b {
  font-size: 13px;
  margin-right: 5px;
  color: #546E7A;
  font-weight: 600;
}

.profileview-permission .option .inner {
  margin-bottom: 11px;

}

.manageuser-screen {
  margin-top: 17px;
}

.no-role-assign {
  background: #f6efff;
  text-align: center;
  padding: 2rem 0;
  border: 1px dotted #671cc9;
  border-radius: 12px;
}

.no-role-assign img {
  filter: grayscale(1);
  width: 94px;
}

.no-role-assign button {
  background: #7e7e7e;
  color: white;
  padding: 7px 20px;
  border: none;
  border-radius: 6px;
  font-size: 12px;
}

.no-role-assign p {
  font-size: 14px;
  color: #03276fab;
  width: 48%;
  margin: auto;
  line-height: 1.2;
  margin: 2% auto;
}

.profileview-permission .accordion-item {
  margin-bottom: 0;
}

.profileview-permission .option p {
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 0;
}

.profileview-permission .accordion-button {
  padding: 0.8rem 1rem;
  font-size: 13px;
  color: #000000;
}

.profileview-permission .accordion-header {
  padding: 1rem 1.75rem;
  border: 0px solid #F0F0F0;
}

.profileview-permission .accordion-header {
  padding: 0;
}

.profileview-permission .accordion-collapse {
  background: #fafafa;
}

.profileview-permission .accordion-button {
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.switch112 input+span strong:after {
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size: 14px;
  content: "Off";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0px;
  font-weight: 500;
  top: 0;
  color: #020202;
  transition: all 0.3s ease;
  transform: translate(2px, 0);
}

.switch112 input:checked+span:before {
  background: #F44336;
}

.switch112 input:checked+span:after {
  background: #fff;
  transform: translate(18px, 0);
}

.switch112 input:checked+span em {
  transform: translate(18px, 0);
  background: #092048;
}

.switch112 input:checked+span em:after {
  border-color: #5628EE;
  transform: rotate(0deg) translate(0, 0);
}

.switch112 input:checked+span strong:before {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  transform: translate(-2px, 0);
}

.switch112 input:checked+span strong:after {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: all 0.3s ease 0.2s;
}

/*table-support request*/
table .badge.light.badge-warning {
  background-color: #ec4119;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #ec4119;
}

.sub-btn {
  background: #fa5145;
  border: none;
  padding: 5px 10px;
  margin-top: 1%;
  border-radius: 4px;
  color: white;
  font-size: 15px;
}

.supp-req p {
  font-size: 14px;
  color: black;
  font-weight: 400;
}

.side-add-section {
  text-align: center;
}

.side-add-section img {
  width: 69%;
  text-align: center;
}

.supp-req .likers-group img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 4px solid #f9f9f9;
  margin-top: 15px;
}

.report-box {
  background: #ffffff;
  border-radius: 11px;
  padding: 13%;
}

.report-box img {
  width: 44px;
  margin-bottom: 3%;
}

.ticket-msg-attach-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.375rem;
  background: none !important;
  padding: 0 !important;
}

.ticket-msg-attach-list li {
  width: 72px;
  position: relative;
  margin: 0.375rem;
}

.ticket-msg-attach-list a {
  display: block;
  position: relative;
  border-radius: 4px;
  z-index: 1;
  padding: 6px !important;
}

.ticket-msg-attach-list li img {
  border-radius: 4px;
  width: 100%;
}

.ticket-msg-attach-list a .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: #fff;
  background: #6576ff;
  border-radius: 4px;
  text-align: center;
  z-index: 3;
  opacity: 0;
  transition: opacity .6s;
}

.ticket-msg-attach-list a:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 43, 58, .4);
  border-radius: 4px;
  z-index: 2;
  opacity: 0;
  transition: opacity .3s;
}

.report-box h5 {
  font-size: 31px;
  font-weight: 900;
  margin: 0;
}

.report-box span {
  font-size: 15px;
  color: #acacac;
}

.ticket-div {
  width: 20%;
  margin-bottom: 1%;
  margin-top: 2%;
}


.add-ticket {
  font-size: 15px !important;
  color: #ffffff;
  background: #f4594d;
  padding: 9px 11px;
  border-radius: 7px;
  border: none;
}

.add-ticket:hover {
  color: #ffffff;
}

.filter-div11 .col-2.p-2 {
  display: flex;
  background: #f2f2f2;
  border: 6px solid #f9f9f9;
  border-radius: 13px;
}


.filter-div11 .col-3.p-2 {
  display: flex;
  background: #f2f2f2;
  border: 6px solid #f9f9f9;
  border-radius: 13px;
}


.status-h {
  background: #ffc107;
  padding: 4px 10px;
  margin-left: 6px;
  font-size: 15px !important;
  color: white;
  border-radius: 5px;
}

.p-support {
  font-size: 14px;
  line-height: 1.7;
  /* margin: auto; */
  color: #c7c7c7;
}

.high {
  background: #ffc107;
  padding: 4px 8px;
  color: white;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  margin-right: 2%;
}

.prioritydiv {
  display: flex;
  align-items: center;
}

.low {
  background: #a2a2a2;
  padding: 4px 8px;
  color: white;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
}

.employee-card1221 .prioritydiv .form-control {
  background: #f44336;
  border: 1px solid #F0F0F0;
  padding: 1px 9px;
  color: #ffffff;
  height: 27px;
  line-height: 1.8;
  font-size: 13px;
}

.employee-card1221 .prioritydiv .nice-select .option {
  color: #0f0f0f;
  margin: 0;
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.employee-card1221 .prioritydiv .nice-select .list {
  right: 0;
  box-shadow: 0 14px 25px rgb(103 102 102 / 6%);
}

.employee-card1221 .prioritydiv .default-select:after {
  right: 20px;
  margin-top: -8px;
  border-bottom: 0px solid #C8C8C8;
  border-right: 0px solid #C8C8C8;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
}

.org-cate .default-select.form-control {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  background-color: #ffffff;
  border-radius: 4px;
  margin-left: 0px;
  border: solid 1px #04040433;
  box-sizing: border-box;
  clear: both;
  color: #04645b;
  padding: 0 11px;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.org-cate .p-dropdown .p-dropdown-label.p-placeholder {
  color: #000000;
  font-size: 13px;
  font-weight: 500;
}

.filledannoucement {
  width: 481px;
  height: 36px;
  font-weight: 400;
  background: #ffffff;
  color: #000;
  border: none;
  font-size: 13px;
  padding: 0;
  align-items: center;
  margin-bottom: 0;
  letter-spacing: 0;
  border-radius: 0px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.announcementimg img {
  border-radius: 11px !important;
}

.filledannoucement img {
  height: 14px;
  opacity: 0.4;
}

.org-cate .p-dropdown .p-dropdown-label {
  color: #000000;
  font-size: 12px;
  font-weight: 500;
}

.org-cate .p-dropdown.p-component.p-inputwrapper {
  border: none;
  /* margin-left: 5px; */
  padding: 0px 0 0 8px;
  border-radius: 5px;
  background: white;
  height: 29px;
  line-height: 29px;
  font-size: 8px;
  box-shadow: 1px 3px 30px -16px #000;
  border: 1px solid #0000001a;
}

.supp-reqdetail .boxs {
  padding: 5px 0px;
}

.supp-reqdetail .org-cate {
  width: 42%;
}

.supp-reqdetail .org-cate .nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fbfbfb;
  border-radius: 5px;
  margin-left: 8px;
  box-sizing: border-box;
  clear: both;
  color: #04645b;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  height: 33px;
  line-height: 22px;
  outline: none;
  padding: 5px 9px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}

img.w-70 {
  width: 70%;
}

.edit-ticket .nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
  width: 100%;
}

.cover-form .form-control {
  border-bottom: 1px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 8px 0px;
  color: #000000;
  height: 39px;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 13px;
  font-family: 'Roboto';

}

.cover-form textarea.form-control {
  height: auto;
}

.cover-form {
  background: white;
  padding: 11px;

  border-radius: 10px;
  display: grid;
}

.add-click {

  background: #a7a7a7;
  border: none;
  color: white;
  width: 150px;
  height: 39px;
  font-size: 14px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 3px 24px;
  margin: 0 5px;
}

.cover-form label {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #4c4c4d;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1;
}

.cover-form .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border: none;
  padding-left: 8px;
  width: 100%;
  background: white;
  padding: 0px 0 0px 0;
  /* border: 1px solid #00000000; */
  border-bottom: 1px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  line-height: 39px;
  font-weight: 400;
  color: #040404;
  font-size: 14px;
  height: 39px;
  letter-spacing: 0;
}

.supp-req .bg-chng {
  background: #ffffff;
  color: #092048;
  border: none;
  font-size: 21px;
  padding: 18px;
  align-items: center;
  height: 68px !important;
  border-radius: 13px;
}

.addticketform .bg-chng {
  font-weight: 400;
  background: #ffffff;
  color: #000;
  border: none;
  font-size: 14px;
  padding: 0;
  align-items: center;
  letter-spacing: 0;
  border-radius: 0px;
}

.addticketform .form-control::placeholder,
.addticketform span.p-dropdown-label.p-inputtext {

  color: #a39e9e !important;
  font-size: 12px !important;
}

.addticketform label {
  color: #333
}

.addticketform .w-full span.p-dropdown-label.p-inputtext {
  font-size: 12px !important;
  color: black !important;
  font-weight: 500 !important;
  border: none;
}

.addticketform .p-dropdown.p-component.p-inputwrapper {
  border: none;
}

.addticketform .form-control::placeholder {
  font-size: 14px;
  color: black;
  font-weight: 400;
}

.supp-reqdetail .custom-tab-11 {
  display: inline-grid;
}

.addticketform .cover-form {
  background: white;
  padding: 11px 15px;
  border-radius: 10px;
  display: grid;
}

.supp-reqdetail .custom-tab-11 .boxs:nth-child(1) {
  display: block;
  border-bottom: 1px solid#000;
  border-radius: 0;
  border-bottom: 1px solid #00000017;
  padding: 0 0 10% 0;
}

.supp-reqdetail .custom-tab-11 .boxs:nth-child(1) .nice-select.wide .list {
  width: 100%;
}

.supp-reqdetail .custom-tab-11 .boxs:nth-child(2) {
  display: block;
  border-bottom: 1px solid#000;
  border-radius: 0;
  border-bottom: 1px solid #00000017;
  padding: 0 0 10% 0;
}

.supp-reqdetail .custom-tab-11 .boxs:nth-child(2) .nice-select.wide .list {
  width: 100%;
}


.attach-paper {
  background: #ff040408;
  width: 39px;
  height: 38px;
  text-align: center;
  padding: 5px 9px;
  font-size: 20px;
  color: #fa5145;
  display: initial !important;
  /* border: 1px solid #0000000f; */
  border-radius: 7px;
  margin-top: 1%;
}

.how-it {
  padding: 0 !important;
  text-align: left;
}

.ul-work li {
  list-style: none;
  margin: 4% 0;
  font-size: 15px;
}

.ul-work i {
  font-size: 18px;
  color: #767575;
  margin-right: 5px;
}

.support-btn {
  background: #9ef0ed;
  padding: 9% 20%;
  border: none;
  margin-top: 0;
  width: 100%;
  color: white;
  border-radius: 8px;
}

/* .side-add-section {
  padding-left: 16%;
} */

.side-add-section .has-background-image {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 23px;
  border: 1px solid #666376cc;
  background-color: #ffffff00;
}

.supp-req {
  font-size: 21px;
}

.prioritydiv span {
  font-size: 15px;
  margin-right: 5%;
}

.supp-req .likers-group img:not(:first-child) {
  margin-left: -12px;
}

#cc-form .input-group {
  margin-bottom: 5%;
}

#cc-form .input-group input {
  height: 44px;
  background: #9fa0a014;
  border: none;
}

#cc-form .input-group span {
  background: #27d9d7;
  padding: 8px;
  color: white;
  border-radius: 4px;
}

#cc-form .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#cc-form .fone {
  margin-left: auto;
  background: #27d9d7;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  text-align: center;
  color: white;
  padding: 1px;
  font-size: 22px;
  font-weight: 600;
}

.slide22 .item {
  background: rgb(255 255 255);
  border-radius: 10px;
  padding: 0px !important;
}

.slide22 .item .card-footer {
  border: transparent !important;
  background-color: transparent !important;
}

.user-block.d-flex.mb-3 {
  align-items: center;
}

.user-block.d-flex.mb-3 .image {
  width: 33px;
}

#cc-form .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}


/* start empassessment css */
.emprightside-tabss {
  display: flex;
  margin-bottom: auto;
  margin-top: 3%;
  background: #671cc90a;
  padding: 1rem 3rem;
  border-radius: 12px;
}

.emprightside-tabss .me-auto {
  margin: 0 23px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  border-bottom: 3px solid #9ef0ed;
}

.emprightside-tabss .me-auto h2 {
  font-size: 15px !important;
  font-weight: 200;
  color: #1c1b1b;
}

.emprightside-tabss .stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.emprightside-tabss .stepper-item.completed::after {
  position: absolute;
  /* content: ""; */
  border-bottom: 2px solid #671cc9;
  width: 100%;
  top: 13px;
  left: 0;
}

.emprightside-tabss .stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #cccccc82;
  width: 100%;
  top: 14px;
  left: -89%;
  z-index: 2;
}


.emprightside-tabs {
  display: flex;
  margin-bottom: auto;
  width: 30%;
}

.emprightside-tabs .me-auto {
  margin: 0 23px;
  /* border-right: 2px solid #00000008; */
  /* padding-right: 13px; */
  border-bottom: 3px solid #9ef0ed;
}

.emprightside-tabs .me-auto h2 {
  font-size: 15px !important;
  font-weight: 200;
  color: #1c1b1b;
}

.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 100%;
}

.stepper-wrapper00 {
  margin-top: 1%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}

.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #cccccc82;
  width: 100%;
  top: 14px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #cccccc17;
  width: 100%;
  top: 14px;
  left: 50%;
  z-index: 2;
}

.completed .step-name {
  font-size: 13px;
  color: #0e0e0e;
  font-weight: 500;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  font-size: 12px;
  border-radius: 50%;
  background: #ffffff;
  margin-bottom: 4px;

}

.step-name {
  font-size: 13px;
}

.stepper-item {
  font-weight: 400;
}

.stepper-item.completed .step-counter {
  background-color: #671cc9;
  color: white;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #f44336;
  width: 100%;
  top: 13px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}

.stepper-item:last-child::after {
  content: none;
}

.illustration-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  padding: 5px 0px;
  border-radius: 16px;
}

.illustration-header .header-image {
  position: relative;
  height: 100px;
  width: 100px;
  margin-right: 14px;
}

.illustration-header .header-image img {
  width: 100%;
  border-radius: 100%;
  border: 3px solid #9ef0ed;
  height: 100%;
}

.illustration-header .header-meta {
  margin-left: 0;
  width: 100%;
}

.illustration-header .header-meta h3 {
  color: #092047;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 0;
}

.illustration-header .header-meta p {
  font-weight: 400;
  color: #646464;
  margin-bottom: 16px;
}

.illustration-header .header-meta .summary-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 0;
  margin-top: 20px;
  border-top: 1px solid #00000012;

}

.illustration-header .header-meta .summary-stats .summary-stat {
  margin-right: 15px;
  display: flex;
  /* font-size: 13px; */
  line-height: 1;
  align-items: flex-start;
}

.illustration-header .header-meta .summary-stats .summary-stat img {
  margin-right: 10px;
  width: 18px;
  background: #ffffff12;
  width: 31px;
  height: 31px;
  /* border: 1px solid #f0f0f0; */
  padding: 8px;
  border-radius: 5px;
  box-shadow: 3px 4px 13px -4px #00000021;
}

.illustration-header .header-meta .summary-stats .summary-stat span:first-child {
  font-size: 15px;
  color: #070707;
  display: block;
  font-weight: 500;
}

.illustration-header .header-meta .summary-stats .summary-stat span:nth-child(2) {
  color: #959494;
  font-size: 12px;
  font-weight: 100;
}

.illustration-header .header-meta .summary-stats .summary-stat .hr-img {
  padding: 0;
  border-radius: 100%;
  width: 27px;
  height: 27px;
}


.bannerimgcs {
  margin-bottom: 1rem;
  height: 292px;
  width: 100%;
  object-fit: cover;
  object-position: right;
}

.announcement-attchment {
  margin-top: 6%;
}

.announcement-attchment .file_detail .image img {
  width: 45px;
  height: 45px;
  border: 2px solid #cfcfcf59;
  padding: 5px;
}

.announcement-attchment .file_detail {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 45px 1fr;
  gap: 9px;
}

.announcement-attchment .filediv .ticket-file-attach__items_download {
  display: none;
  background: #7c49d8;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 29px;
  border-radius: 6px;
  height: 29px;
  padding: 0;
  text-align: center;
  line-height: 28px;
}

.form-label-file {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: #929292;
  letter-spacing: 0.3px;
  font-weight: 400;
}

.announcement-attchment .ticket-file-attach__items_download svg {
  color: #fff;
  width: 15px;
}

.illustration-header00 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  padding: 0px 0px;
  border-radius: 16px;
  z-index: +1;
  position: relative;
}

.illustration-header00 .header-image {
  position: relative;
  height: 100px;
  width: 100px;
  margin-right: 14px;
}

.illustration-header00 .header-image img {
  width: 100%;
  border-radius: 100%;
  border: 3px solid #9ef0ed;
  height: 100%;
}

.illustration-header00 .header-meta {
  margin-left: 0;
  width: 100%;
}

.illustration-header00 .header-meta h3 {
  font-size: 18px;
  margin: 0% 0 0px;
  color: #092047;
  font-weight: 900;
}

.illustration-header00 .header-meta p {
  font-weight: 400;
  color: #7a7a7a;
  margin-bottom: 13px;
  font-size: 13px;
  line-height: 1.4;
}

.illustration-header00 .header-meta .summary-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0 0;
  margin-top: 17px;
  border-top: 1.5px dashed #0000006b;

}

.address-actionbtns {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  display: flex;
  gap: 10px;
}

.formfill-addemployee .addcourseform .innerform-grp .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border-radius: 0;
  padding: 1px 0;
  font-weight: 400;
  color: #040404;
  font-size: 14px;
  height: 41px;
  letter-spacing: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #e2dada7d;
}

.illustration-header00 .header-meta .summary-stats .summary-stat {
  margin-right: 15px;
  display: flex;
  /* font-size: 13px; */
  line-height: 1;
  align-items: flex-start;
  border-right: 2px solid #c1c0c0;
  padding-right: 1rem;
    margin-right: .5rem;
}

.illustration-header00 .header-meta .summary-stats .summary-stat:nth-last-child(1) {
  border-right: 0px solid #c1c0c0;
}

.illustration-header00 .header-meta .summary-stats .summary-stat img {
      margin-right: 7px;
    filter: none;
    background: #ffffff12;
    width: 17px;
    height: 17px;
    /* border: 1px solid #f0f0f0; */
    /* padding: 6px; */
    border-radius: 5px;
}

.illustration-header00 .header-meta .summary-stats .summary-stat span:first-child {
  font-size: 13px;
  color: #283252;
  display: block;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.illustration-header00 .header-meta .summary-stats .summary-stat span:nth-child(2) {
  font-size: 12px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
}

.illustration-header00 .header-meta .summary-stats .summary-stat .hr-img {
  padding: 0;
  border-radius: 100%;
  width: 27px;
  height: 27px;
}

.basicinfomation {
  margin-top: 4px;
  margin-bottom: 0px;
  display: inline-block;

  color: #000000;

}

.basicinfomation li {
  letter-spacing: 0;
  font-size: 0.8rem;
  color: #a2a5b9;
  margin-top: 0;
  font-family: "Montserrat", sans-serif;
  display: inline-flex;
  margin-right: 5px
}

.basicinfomation li i {
  margin-right: 5px;
  font-size: 14px;
  color: #79ddd9;
}

.basicinfomation li svg {
  background: #eaeded6e;
  padding: 4px;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  /* float: right; */
  margin-left: 6px;
  cursor: pointer;
}

.basicinfomation li b {
  font-weight: 400;
  font-size: 11px;
  color: #31cebf;
  border: 1px solid #14d0c6;
  font-size: 11px;
  background: #fbfcfc;
  padding: 2px 6px;
  border-radius: 23px;
}

.first-divblock .basicinfomation li {
  letter-spacing: 0;
  margin-top: 0;
  margin-right: 12px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
}

.first-divblock .basicinfomation li b {
  font-weight: 700;
  font-size: 11px;
  color: #671cc9;
  border: 0px solid #14d0c6;
  font-size: 16px;
  /* background: #454545; */
  padding: 0px 6px;
}

.first-divblock .basicinfomation li i {
  margin-right: 5px;
  font-size: 14px;
  color: #a7a6a6;
}

.positionchg {
  position: sticky;
  top: 0;
  z-index: +9;
  padding: 0;
  border-radius: 20px;
  align-items: flex-start !important;
}

.saving-btn button.saveby-employee {
  background: #7be1dd;
}

.ticket-title {
  color: #1a3054;
  font-size: 15px;
  margin: 20px 0;
  display: block;
  font-weight: 400;
}

.saving-btn button img {
  margin-right: 7px;
  width: 15px;
}

.saving-btn00 button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 14px;
  padding: 0px;
  line-height: 27px;
  background: #616161;
  color: white;
}

.saving-btn00 button:hover {
  background: #671cc9;
}

.saving-btn00 button.me-2 {
  margin-right: 0.2rem !important;
}

.hr-points {
  list-style: disc;
  padding: revert;
  padding: 3% 7% 0%;
}

li {
  /* list-style: disc; */
  font-size: 17px;
  font-weight: 500;
  margin: 3px 0px;
}

.emp-count {
  padding: 4px 5px;
  border-radius: 3px;
  color: #f44336;
  border: 1px solid #f443366e;
  font-size: 13px;
  font-weight: 500;
}

/* 
.saving-btn00 button.add-m {
  background: #92edea30;
  border: 1px solid #89e1e0;
  color: #19ada7;
}

.saving-btn00 button.add-m:hover {
  background: #16e4de;
  border: 1px solid #89e1e0;
  color: #ffffff;
}

.saving-btn00 button.update-m {
  background: #d4d4d430;
  border-color: #92919169;
  color: #1d1c1c;
}

.saving-btn00 button.update-m:hover {
  background: #8c8c8c;
  border-color: #92919114;
  color: #ffffff;
}

.saving-btn00 button.remove-m {
  background: #ff000014;
  border-color: #f443364a;
  color: #F44336;
}

.saving-btn00 button.remove-m:hover {
  background: #ff0000;
  border-color: #f443364a;
  color: #ffffff;
}

.saving-btn00 button.import-m {
  background: #09204817;
  border: 1px solid #aeaeae8c;
  color: #092048;
}

.saving-btn00 button.import-m:hover {
  background: #092048;
  border: 1px solid #aeaeae8c;
  color: #ffffff;
}

.saving-btn00 button.export-m {
  background: #09204817;
  border: 1px solid #aeaeae8c;
  color: #092048;
}

.saving-btn00 button.export-m:hover {
  background: #092048;
  border: 1px solid #aeaeae8c;
  color: #ffffff;
}

.saving-btn00 button.assign-m {
  background: #8bc34a26;
  border: 1px solid #8fd1438c;
  color: #7CB342;
}

.saving-btn00 button.assign-m:hover {
  background: #8bc34a;
  border: 1px solid #8bc34a;
  color: #ffffff;
} */


.sidecarddd00 .action-list .media-flex .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 23px;
  width: 23px;
  min-width: 23px;
  border-radius: 50%;
  background: #eae9e9;
  color: #bababa;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);

}

.sidecarddd00 .action-list .select-more .form-control {
  background: #ffffff;
  border-bottom: 1px solid #F0F0F0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 1px 10px;
  color: #000000;
  height: 40px;
  border-radius: 0;
  font-size: 18px;
  font-weight: 600;
}

.sidecarddd00 .action-list .media-flex .icon-wrap.done {
  background: #1a3054;
  color: #fff;
}

.sidecarddd00 .action-list {
  padding: 2px 7px 0;
}

.sidecarddd00 .viewassessment {
  width: 100%;
  background: #27d9d7;
  border: none;
  padding: 5px;
  color: white;
  border-radius: 4px;
}

.sidecarddd00 .action-list .media-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
  align-items: center;
}

.sidecarddd00 .action-list .media-flex .flex-meta {
  margin-left: 12px;
  line-height: 1.3;
  display: flex;
}

.sidecarddd00 .action-list .media-flex .flex-meta p {
  margin: 0;
  font-size: 13px;
}

.sidecarddd00 .action-list .media-flex .flex-meta img {
  width: 42px;
  border-radius: 100%;
  height: 42px;
  object-fit: cover;
  margin-right: 10px;
  border: 2px solid #0920473b;
  padding: 3px;

}

.sidecarddd00 .action-list .media-flex .flex-meta span {
  font-weight: 600;
  font-size: .9rem;
  color: black;
}

.col-xl-3 .sidecarddd .action-list .media-flex .icon-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 21px;
  width: 21px;
  min-width: 20px;
  border-radius: 50%;
  background: #D1C4E9;
  color: #1f1f1f;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);


}

.col-xl-3 .sidecarddd .action-list .select-more .form-control {
  background: #ffffff;
  border-bottom: 1px solid #F0F0F0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 1px 10px;
  color: #000000;
  height: 40px;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
}

.col-xl-3 .sidecarddd .action-list .media-flex .icon-wrap.done {
  background: #616161;
  color: #fff;
}

.col-xl-3 .sidecarddd .action-list {
  padding: 2px 7px 0;
}

.col-xl-3 .sidecarddd .action-list .media-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 11px;
  align-items: center;
}

.col-xl-3 .sidecarddd .action-list .media-flex .flex-meta {
  margin-left: 12px;
  line-height: 1.3;
  display: flex;
}

.col-xl-3 .sidecarddd .action-list .media-flex .flex-meta p {
  margin: 0;
  font-size: 13px;
  font-size: 12px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
}

.col-xl-3 .sidecarddd .action-list .media-flex .flex-meta img {
  width: 36px;
  border-radius: 100%;
  height: 36px;
  object-fit: cover;
  margin-right: 10px;
  border: 1px solid #0920473b;
  padding: 3px;
}

.col-xl-3 .sidecarddd .action-list .media-flex .flex-meta span {
  font-weight: 600;
  font-size: 13px;
  color: #283252;
  font-family: "Montserrat", sans-serif;
}

.av-rating {
  text-align: center;
}

.av-rating p {
  font-size: 47px;
  font-weight: 500;
}

.av-rating p i {
  color: #ffd000;
  font-size: 30px;
}

#review-accordian .accordion-button:not(.collapsed) {
  color: #10caa8;
  background-color: #9ef0ed24;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
}

#review-accordian .accordion-item {
  background-color: #ffffff;
  border: 1px solid transparent;
}

#review-accordian .accordion-header {
  padding: 0;
  border: none;
}

#review-accordian div.accordion-collapse {
  border-right: 1px solid rgba(0, 0, 0, 0.11);
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  border-left: 1px solid rgba(0, 0, 0, 0.11);
  background: white;
}

#review-accordian .accordion-body .mycomment-para {
  font-size: 13px;
  line-height: 1.4;
  color: black;
  padding: 2% 0;
  border-bottom: 1px solid #0000000f;
}

#review-accordian .accordion-body .my-comment-ul {
  display: flex;
  padding-left: 4%;
}

#review-accordian .accordion-body .my-comment-ul li img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 100%;
  /* display: inline-block; */
  border: 2px solid #0920473b;
  padding: 2px;
}

#review-accordian .accordion-header button p {
  position: absolute;
  right: 8%;
  /* top: 19px; */
  padding: 6px;
  font-size: 13px;
  width: auto;
  align-items: center;
  height: 43px;
  margin-bottom: 0;
  color: black;
  font-weight: 400;
  display: flex;
}

#review-accordian .accordion-header button span {
  color: white;
  border-radius: 3px;
  background: #ffd000;
  padding: 2px;
  text-align: center;
  width: 34px;
  font-size: 13px;
  /* height: 30px; */
  display: inline-block;
  margin-left: 9px;
}

#review-accordian .accordion-body .my-comment-ul div {
  padding-left: 2%;
  width: 100%;
}

#review-accordian .accordion-body .my-comment-ul div p {
  font-size: 13px;
  line-height: 1.4;
  color: black;
}

#review-accordian .accordion-body .my-comment-ul div strong {
  font-size: 14px;
}

#review-accordian .accordion-body .my-comment-ul li {
  display: flex;
  width: 100%;
}

#review-accordian .accordion-body .mycomment-para b {
  display: block;
  color: #c7c7c7c7;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 7px;
}


.my-comment-ul2 div {
  padding-left: 1%;
  width: 90%;
}

.my-comment-ul2 div p {
  font-size: 13px;
  line-height: 1.4;
  color: #353333;
}

.my-comment-ul2 div strong {
  font-weight: 600;
  font-size: 13px;
  color: #283252;
  font-family: "Montserrat", sans-serif;
}

ul.my-comment-ul2 {
  margin-top: 2rem;
}

.my-comment-ul2 li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.my-comment-ul2 li.final-rating {
  display: grid;
  align-items: center;
  gap: 10px;
  grid-template-columns: 40px 1fr 100px 130px;
}

.my-comment-ul2 li.final-rating .form-control {
  background: #fff;
  border: 2px solid #671cc9;
  padding: 5px 10px;
  color: #000;
  height: 44px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
}

.my-comment-ul2 li.final-rating p.ratetitle {
  font-weight: 500;
  color: black;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 1.4;
}

.my-comment-ul2 li img {
  width: 36px;
  border-radius: 100%;
  height: 36px;
  object-fit: cover;
  margin-right: 0px;
  border: 1px solid #0920473b;
  padding: 3px;
}

#review-request .form-control {
  padding: 0px 14px !important;
  height: 46px;
  line-height: 42px;
}

#review-request label {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

#review-request .form-group {
  padding: 0%;
}

#review-request .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#review-request .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#review-request h5 {
  font-size: 19px;
  font-weight: 700;
}

/* end my-empassessment css */

/* start empass css */
.my-assessment-firstdiv {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 22px;
  align-items: center;
}

.my-assessment-firstdiv .basicinfomation li i {
  margin-right: 5px;
  font-size: 14px;
  color: #a7a6a6;
}

.my-assessment-firstdiv .basicinfomation li {
  letter-spacing: 0;
  margin-top: 0;
  margin-right: 12px;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
}

.my-assessment-firstdiv img.profile-empimg {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  object-fit: cover;
}

.assessment-title {
  color: #1a3054;
  font-size: 16px;
  margin: 20px 0;
  display: block;
  font-weight: 400;
}

.review-step img {
  max-width: 151px;
  width: 180px;
}

.review-step h5 {
  color: #092047;
  font-weight: 700;
  font-size: 18px;
  margin-top: 7%;
  margin-bottom: 3px;
}

.fileupd {
  width: fit-content;
  height: auto;
  margin-top: 15px;
}

.review-step p {
  font-size: 14px;
  color: #6d6c6c;
  line-height: revert;
}

.emp-table .btn {
  color: white;
  cursor: pointer;
  font-weight: bold;
  height: 27px;
  padding: 4%;
  width: 27px;
  border-color: #ffffff;
  border-radius: 5px;
}

table.dataTable {
  min-width: max-content;
}

.saving-btnhr {
  display: flex;
  gap: 6px;
  justify-content: end;
  align-items: center;
}


.saving-btnhr button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 14px;
  padding: 0px;
  background: #dac4f780;
  /* background: #54B39B; */
  border: 0px solid #54b39b;
  color: #671cc9;
}

/* .saving-btnhr button.add-m {
     background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.add-m:hover {
  background: #54b39b;
  border: 1px solid #54b39b;
  color: #ffffff;
}

/* .saving-btnhr button.update-m {
     background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.update-m:hover {
  background: #8c8c8c;
  border-color: #92919114;
  color: #ffffff;
}

/* .saving-btnhr button.remove-m {
     background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.remove-m:hover {
  background: #ff7070;
  border-color: #f443364a;
  color: #ffffff;
}

/* .saving-btnhr button.import-m {
     background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.import-m:hover {
  background: #092048;
  border: 1px solid #aeaeae8c;
  color: #ffffff;
}

/* .saving-btnhr button.view-m {
     background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.view-m:hover {
  background: #42A5F5;
  border: 1px solid #2196f3a6;
  color: #ffffff;
}

/* .saving-btnhr button.export-m {
     background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.export-m:hover {
  background: #092048;
  border: 1px solid #aeaeae8c;
  color: #ffffff;
}

/* 
.saving-btnhr button.assign-m {
      background: #54B39B;
    border: 1px solid #54b39b;
    color: #ffffff;
} */

.saving-btnhr button.assign-m:hover {
  background: #8bc34a;
  border: 1px solid #8bc34a;
  color: #ffffff;
}

.saving-btnhr .progress {
  margin-bottom: 0%;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 20px;
  overflow: hidden;
  padding: 0;
  width: 40%;
}

.saving-btnhr .progress-bar {
  border-radius: 0px;
  height: 20px;
}

.saving-btnhr .progress-bar-success {
  background-color: #ec4119;
}

.caption-name {
  display: block;
  color: #b9b9ba;
  font-size: 13px;
}

.score-rate {
  display: flex;
}

.score-rate li {
  list-style: none;
  font-size: 13px;
  font-weight: 500;
  margin-right: 3px;
  color: #ffba00;
  margin: 0 4px 0 0px;
}

.score-rate li .no-star {
  color: #dfdfdf;
}

/* end empass css */

/* start ticketmangement */
.projects-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.control.has-icon {
  position: relative;
}

.control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}

.control.has-icon .input {
  height: 38px;
  padding-left: 38px;
  -webkit-transition: all .3s;
  transition: all .3s;
  border: 1px solid #00000017;
  border-radius: 6px;
}

.control.has-icon .form-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.projects-toolbar .avatar-stack {
  /* margin-left: 16px; */
  display: flex;
  align-items: center;
}

.projects-toolbar .avatar-stack span {
  font-size: 13px;
  color: #6e7479;
  margin-left: 4px;
}

.projects-toolbar .avatar-stack span i {
  margin-right: 3px;
}

.projects-toolbar .button {
  margin-left: auto;
  text-align: center;
  min-width: 140px;
  background-color: #091f47;
  border-color: transparent;
  color: #fff;
  padding: 8px 22px;
  height: 38px;
  line-height: 1.5;
  font-size: .95rem;
  font-family: roboto, sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 4px;
}

.h-avatar.is-small .avatar {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border: 2px solid #fff;
}

.control.has-icon .form-icon svg {
  height: 18px;
  width: 18px;
  stroke: #cecece;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.page-content-inner.all-projects {
  margin-top: 2%;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(2) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(3) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(4) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(5) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(6) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(7) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(8) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(9) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(10) {
  margin-left: -12px;
}

.avatar-stack .h-avatar.is-small:not(:first-child):nth-child(11) {
  margin-left: -12px;
}

.columns.is-multiline {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* .column.is-one-fifth .project-grid-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  -webkit-transition: all .3s;
  transition: all .3s;
} */


.column.is-one-fifth a {
  /* background: white;
  padding: 5% 7%;
  border-radius: 7px;
  text-align: center; */
}

.all-projects .project-grid .project-grid-item {
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.all-projects .project-grid .project-grid-item .project-avatar {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  margin: 0 auto 10px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .6;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.all-projects .project-grid .project-grid-item h3 {
  font-size: 21px;
  font-family: montserrat, sans-serif;
  font-weight: 800;
  color: #283252;
}

.all-projects .project-grid .project-grid-item p {
  font-size: .9rem;
  margin-bottom: 10px;
  font-weight: 300;
  color: #a2a5b9;
}

.svg-icon svg {
  vertical-align: middle;
  color: #13c0c0;
}

.svg-icon {
  background: rgb(187 230 227 / 25%);
  height: 3.375rem;
  width: 3.375rem;
  line-height: 3.375rem;
  border-radius: 11px;
}

.magtitle {
  font-size: .85rem;
  text-transform: uppercase;
  color: #a2a5b9;
  margin-bottom: 0rem;
}

.low-pri {
  color: #19cb8b;
  background: #f3f8f8;
  border: 1px solid #07ce98;
  font-weight: 600;
  font-size: 11px;
  padding: 3px 13px;
  /* font-size: 12px; */
  font-weight: 400;
  border-radius: 23px;
}

.med-pri {
  color: #9100ff;
  background: #f8f4f8;
  border: 1px solid #9207ff;
  font-size: 11px;
  padding: 2px 6px;
  /* font-size: 12px; */
  font-weight: 400;
  border-radius: 23px;
}

.priority-status {
  color: #ff7700;
  background: #ff770014;
  border: 1px solid #ff9807;
  font-size: 11px;
  padding: 2px 6px;
  /* font-size: 12px; */
  font-weight: 400;
  border-radius: 23px;
}

.status-chng {
  color: #104ac9;
  background: #f5f8ff;
  border: 1px solid #004bff;
  font-size: 11px;
  padding: 2px 6px;
  /* font-size: 12px; */
  font-weight: 400;
  border-radius: 23px;
  margin-left: 5px;

}

.assign-to {
  color: #171818;
  background: #f8f8f8;
  border: 1px solid #848484;
  font-size: 11px;
  padding: 2px 6px;
  /* font-size: 12px; */
  font-weight: 400;
  border-radius: 23px;
}

.assign-to img {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  margin-right: 3px;
}

.high-pri {
  color: red;
  background: #fff5f7;
  border: 1px solid red;
  font-weight: 600;
  font-size: 11px;
  padding: 3px 13px;
  /* font-size: 12px; */
  font-weight: 400;
  border-radius: 23px
}

.d-flexx .form-control {
  line-height: 29px;
  background: #ffffff52;
  border: 2px dashed #bcbcbc;
  padding: 0px 8px;
  color: #000000;
  height: 29px !important;
  border-radius: 17px;
  margin-right: 7px;
  min-width: 44px;
  width: 97px;
  font-weight: 400;
  font-size: 11px;
}

.d-flexx .w-full.md\:w-14rem.p-dropdown.p-component.p-inputwrapper {
  background: #fff;
  border: 1.5px dashed #bcbcbc;
  padding: 0px 8px;
  color: #000000;
  height: 29px !important;
  border-radius: 17px;
  margin-right: 7px;
  line-height: 28px;
  width: auto;
  font-weight: 500;
  font-size: 10px;
}

.w-full.md\:w-14rem.p-multiselect.p-component.p-inputwrapper {
  background: #fff;
  border: 1.5px dashed #bcbcbc;
  padding: 0px 8px;
  color: #000000;
  height: 29px !important;
  border-radius: 17px;
  margin-right: 7px;
  line-height: 18px;
  width: 103px;
  font-weight: 500;
  font-size: 10px;
}

.d-flex .p-multiselect-label.p-placeholder {
  font-size: 9px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  width: 60px;
}

.editbtncss img {
  width: 15px;
  opacity: 0.6;
}

.d-flexx .w-full span.p-dropdown-label.p-inputtext {
  font-size: 11px !important;
  color: #000000 !important;
  font-weight: 600 !important;
}

.bottom-head {
  border-top: 1px solid #0000000a;
  padding-top: 1%;
  margin-top: 1%;
}

.fil-name {
  font-size: 14px;
  margin: 0% 0 7px;
  color: #090909;
}

.cate-sub {
  display: flex;
}

.cate-sub li {
  list-style: none;
  font-size: 15px;
  font-weight: 400;
  margin: 7px 14px 0 0;
  color: #979797;
  border-right: 1px solid #00000012;
  padding-right: 10px;
}

.cate-sub li p {
  margin-bottom: 0;
}

.updateon {
  font-size: 15px;
  color: #5f5e5e !important;
}

.ticket-file-attach__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 6%;
}

.ticket-file-attach__items_detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ticket-file-attach__wrapper {
  margin-top: 6%;
}

.ticket-file-attach__items_detail img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 10px;
  margin-right: 10px;
  border: 2px solid #0920473b;
  padding: 3px;
  border-radius: 100%;
}

.ticket-file-attach__items_detail h6 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3333333333;
  color: #404040;
  margin-bottom: 0;

}

.ticket-file-attach__items_detail span {
  color: #747474;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6666666667;
}

.ticket-file-attach__items_download a {
  color: #747474;
}

.Submit-button {
  margin-left: auto;
  text-align: center;
  min-width: 78px;
  background-color: #163c7e;
  border-color: transparent;
  color: #fff;
  padding: 1px 18px;
  height: 33px;
  line-height: 1.8;
  font-size: 13px;
  font-family: roboto, sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 4px;
}

.close-button {
  text-align: center;
  min-width: 75px;
  border-color: transparent;
  padding: 2px 18px;
  height: 33px;
  line-height: 1.8;
  font-size: 13px;
  font-family: roboto, sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 4px;
  color: black;
  background: #ebebeb8a;
  margin-right: 9px;
}

.saving-btnhr2 {
  position: absolute;
  right: 3%;
  top: 5%;
}

.saving-btn00 .filter-applyy {
  background: #e94019;
  width: auto;
  text-align: right;
  margin-left: auto;
  color: white;
  border: none;
  padding: 2px 12px;
}

.ticket-details-contact__ift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1%;
  gap: 9px;

}

.award-box-list .col-xl-4 {
  display: flex;
}

.card.award-card {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  margin-bottom: 0;
  display: flex;
  flex: 1;
}

.ticket-details-contact__ift-wrapper label {
  font-size: 15px;
  margin: 0% 0 7px;
  color: #092047;
  font-weight: 600;
}

.ticket-createdby h5 {
  font-size: 15px;
  margin: 0% 0 7px;
  color: #092047;
  font-weight: 600;
  color: #092047;
}

.ticket-createdby .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 6%;
  /* background: #d1dad924; */
  padding: 0 0;
  border-radius: 9px;
}

.ticket-createdby .info__items_detail {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 26px 1fr;
  gap: 9px;
}

.ticket-createdby .info__items_detail h6 {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  color: #1192e4;
}

.ticket-createdby .info__items_detail span {
  font-weight: 400;
  color: #7a7a7a;
  margin-bottom: 13px;
  font-size: 11px;
  line-height: 1.4;
}

.bypersom-date img {
  width: 14px;
  height: 14px;
  border-radius: 25px;
  /* text-align: right; */
  margin: 0 2px 0 2px;
}

.detailhead .editdivinfo {
  width: 14px;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.5;
}

.ticket-createdby .ticket-file-attach__wrapper {
  margin-top: 4%;
  margin-bottom: 0%;
}

.view-alllist {
  cursor: pointer;
  font-size: 13px;
  margin-top: 8px;
  color: #9f9f9f;
}


.Observers_item input.p-autocomplete-input.p-inputtext.p-component {
  padding-left: 9px;
  font-size: 12px;
  font-weight: 500;
  color: black;
}

.Observers_item.drop span {
  width: 100%;
  display: grid;
  height: 36px;
}

.file_detail h6 {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
  color: #282828;

}

.filediv {
  position: relative;
  margin-bottom: 15px;
  cursor: pointer;
}

.file_detail .image img {
  width: 35px;
  height: 35px;
  border: 2px solid #cfcfcf;
  padding: 3px;
}

.filediv .ticket-file-attach__items_download {
  display: none;
  /* background: #F4511E; */
  position: absolute;
  right: 0px;
  top: 2px;
  width: 25px;
  border-radius: 15px;
  height: 25px;
  padding: 0;
  text-align: center;
  line-height: 22px;
}


.filediv:hover .ticket-file-attach__items_download {
  display: block;
}

.profile-action-buttons button {

  border-radius: 6px;
  width: 100%;
  padding: 0px 11px 0px 11px;
  line-height: 17px;
  font-size: .9rem;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: none;
  border-color: rgba(0, 0, 0, 0);
  color: #5e1eb2;
  text-align: left;
}

.profile-action-buttons button:hover {
  color: #ec4119;

}

.max-width-567 .modal-dialog {
  max-width: 567px !important;
}

.profile-action-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  gap: 9px;
}

/* .profile-action-buttons button:nth-child(2) {
  background: transparent;
  border: 2px solid #671cc9;
  color: #671cc9;
} */

.ticket-file-attach__items:hover .ticket-file-attach__items_download {
  display: block !important;
}

.file_detail span {
  font-weight: 400;
  color: #7a7a7a;
  margin-bottom: 0px;
  font-size: 11px;
  line-height: 2;
  width: 80%;
}

.ticket-file-attach__items_download svg {
  color: #a2a2a2;
  width: 15px;
}

.file_detail {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 35px 1fr;
  gap: 9px;
}

.ticket-createdby .info__items_detail .div {
  line-height: 1;
}

.ticket-details-contact__ift .w-full.md\:w-20rem.custom-multiselect.p-multiselect.p-component.p-inputwrapper {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  font-size: 12px;
}

.ticket-details-contact__ift-wrapper {
  -webkit-box-flex: 180px;
  -ms-flex: 180px;
  flex: 180px;
  margin-bottom: 14px;
}

.ticket-details-contact__ift-rule {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4285714286;
  color: #747474;
  display: block;
  margin-bottom: 10px;
}

.ticket-details-contact__ift-namTitle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ticket-details-contact__ift-namTitle h6 {
  font-size: 14px;
  font-weight: 500;
  color: #0a0a0a;
}

.ticket-details-contact__ift-namTitle .form-control {
  /* width: 142px; */
  background: #ffffff;
  border: 1px solid #dcdbdb;
  padding: 5px 14px;
  color: #6e6e6e;
  height: 37px;
  border-radius: 6px;
}

.ticket-file-attach__items.drop .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 14px;
  color: #373636;
  height: 44px;
  font-size: 15px;
  width: 86%;
  border-radius: 0.5rem;
}

.option-g .ticket-file-attach__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 6%;
  background: #d1dad924;
  padding: 9px 11px;
  border-radius: 9px;
}

.Observers__wrapper .option-g .ticket-file-attach__items {
  /* cursor: pointer;    No need for now */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2%;
  background: #f4f4f4;
  padding: 8px 6px;
  border-radius: 9px;
}

.filediv:hover {
  /* background: #f4f4f4; */
  cursor: pointer;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.Observers__wrapper .option-g .ticket-file-attach__items_download {
  display: none;
  background: #f4511e;
  width: 23px;
  height: 23px;
  text-align: center;
  border-radius: 100%;
  line-height: 21px;
}

.Observers__wrapper .ticket-file-attach__items_detail img {
  width: 32px;
  height: 32px;
}

.Observers__wrapper .ticket-file-attach__items_detail {
  line-height: 1;
}

.Observers__wrapper .ticket-file-attach__items_detail span {
  color: #747474;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6666666667;
}

.Observers__wrapper .ticket-file-attach__items_detail h6 {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: black;
  margin-bottom: 0;
}

.option-g .ticket-file-attach__items_download {
  background: white;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  line-height: 1.8;
}

.commenton-ticket h3 {
  font-size: 15px;
  margin: 0% 0 7px;
  color: #092047;
  font-weight: 600;
}

.commenton-ticket textarea {
  font-weight: 400;
  color: #7a7a7a;
  margin-bottom: 13px;
  font-size: 12px;
  line-height: 1.4;
}

.commenton-ticket input {
  font-weight: 400;
  border: none;
  width: 100%;
  background: #f3f3f3;
  height: 31px;
  font-size: 12px;
}

.assigntodiv .flex.align-items-center.gap-2 img {
  width: 100%;
  height: 26px;
  border-radius: 100%;
  margin-right: 5px;
  border: none;
  margin: 0;
}

.assigntodiv .ticket-file-attach__items_detail span {
  color: #545454;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6666666667;
}

.assigntodiv .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 100%;
  height: 32px;
  line-height: 30px;
}

.assigntodiv .flex.align-items-center.gap-2.ticket-file-attach__items_detail {
  height: 26px;
  line-height: 32px;
}

.assigntodiv .flex.align-items-center.gap-2.ticket-file-attach__items_detail .image {
  height: 26px;
  /* line-height: 32px; */
  width: 26px;
  line-height: 26px;
  margin-left: 5px;
}

.assigntodiv .w-full.md\:w-20rem.custom-multiselect.p-multiselect.p-component.p-inputwrapper {
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding-left: 5px;
  font-size: 12px;
}

.assigntodiv .images img {
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 25px;
  text-align: right;
  margin-left: 9px;
}

.images {
  /* margin-left: auto; */
  display: flex;
  gap: 4px;
}

.statuschange .p-dropdown {
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding-left: 5px;

}

.sidefloatimg {
  position: absolute;
  right: 0;
  width: 47%;
}

.statuschange span.p-dropdown-label.p-inputtext {
  font-size: 12px;
  color: black;
  font-weight: 300;
  background: #fff;
}

.submit-comment {
  border: none;
  color: white;
  height: 29px;
  line-height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 12px 0 12px;
  background: #671cc9;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.close-comment {
  border: none;
  color: #000000;
  height: 29px;
  line-height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 12px 0 12px;
  background: #f4f4f4;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.ticket-search-body {
  max-height: 220px;
  margin-top: 3%;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.ticket-user-list .ticket-user-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 22px;
  margin-left: 0;
}

.ticket-user-list {
  padding-right: 3%;
}

.ticket-user-list .ticket-user-list-item .ticket-user-list-item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.avatar.avatar-circle {

  border-radius: 50%;
  margin-right: 8px;

}

.ticket-user-list .ticket-user-list-item .ticket-users-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.ticket-user-list .ticket-user-list-item .ticket-user-list-item__wrapper .ticket-users-list-body-title h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4285714286;
  color: #000;
  margin-bottom: 0;
}

.ticket-user-list .ticket-user-list-item .ticket-user-list-item__wrapper .avatar img {
  width: 26px;
  height: 26px;
}

.ticket-user-list .ticket-user-list-item .ticket-user-list-item__wrapper .ticket-users-list-body-title p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6875;
  color: #504f4e;
}

.ticket-users-list-body small,
.small {
  font-size: 13px;
  color: #919191;
  font-weight: 300;
  margin-left: 6px;
}

.status-small {
  color: black !important;
  font-weight: 500 !important;
}

.status-small b {
  background: #FFEBEE;
  padding: 3px 12px;
  border-radius: 13px;
  color: #E53935;
  font-size: 12px;
  font-weight: 500;
}

.ticket-users-list-body-title {
  width: 75%;
}

.business-dashboard.course-dashboard .course-grid {
  margin-bottom: 2rem;
}

.business-dashboard.course-dashboard .course-grid .course-card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #e5e5e5;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.business-dashboard.course-dashboard .course-grid .course-card .tag {
  height: 2.22em;
  display: inline-block;
  padding-left: 7px;
  border: 1px solid #ccc;
  padding-right: 7rpx;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  line-height: 2.2;
  font-size: 13px;
  margin-bottom: .7rem;
  background: transparent;
  color: #494646;

}

.w-fullticket-custom-dropdown.p-dropdown.p-component.p-inputwrapper {
  border-left: 0px;
}

.business-dashboard.course-dashboard .course-grid .course-card h3 {
 font-size: .99rem;
    font-weight: 600;
    color: #283252;
    margin-bottom: 3px;
}
.business-dashboard .course-grid .columns.is-multiline .column.is-4{
  display: flex;

}
.business-dashboard.course-dashboard .course-grid .course-card p {
  font-size: 13px;
    font-weight: 300;
    color: #a2a5b9;
    line-height: 1.5;
    margin-bottom: 8px;

}

.business-dashboard.course-dashboard .course-grid .course-card .students {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 0 0.3rem;
}

.business-dashboard.course-dashboard .course-grid .course-card .students .h-avatar {
  margin: 0 -4px;
  cursor: pointer;

}

.h-avatar .avatar.is-fake {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ededed;
  border-radius: 50%;
}

.business-dashboard.course-dashboard .course-grid .course-card .students .h-avatar .avatar.is-fake span {
  position: relative;
  left: -2px;
  font-size: 12px;
}

.h-avatar.is-small .avatar.is-fake,
.h-avatar.is-small .avatar.is-more {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.business-dashboard.course-dashboard .course-grid .course-card .students .link {
  font-weight: 300;
  color: #141414;
  margin-left: 8px;
  font-size: 15px;

}

.business-dashboard.course-dashboard .course-grid .course-card .attached-block>a {
  font-weight: 500;
  color: #4ac6c2;
  font-size: 14px;
  margin-bottom: 0.5rem;
}

.business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #a2a5b9;
}

.business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats span {
  font-family: roboto, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.75rem;
  color: #070707;
  font-weight: 400;
}

.business-dashboard.course-dashboard .course-grid .course-card .attached-block .block-stats span svg {
  height: 15px;
  width: 15px;
  stroke-width: 1px;
  margin-right: 0.25rem;
}

.business-dashboard.course-dashboard .course-grid .course-card .action-block {
  margin-top: 1rem;
}

.business-dashboard.course-dashboard .course-grid .course-card .action-block .button {
  height: 37px;
  border-radius: 7px;
  background-color: #17c9b8;
  border-color: transparent;
  color: #fff;
  width: 100%;
  font-size: 15px;
  padding: 5px 10px;
}

.addd-ticket {
  text-align: center;
  /* min-width: 140px; */
  background-color: #091f47;
  border-color: transparent;
  color: #fff;
  padding: 0px 24px;
  height: 31px;
  line-height: 31px;
  font-size: .85rem;
  /* font-size: .5rem; */
  -webkit-transition: all .3s;
  transition: all .1s;
  border-radius: 4px;
}

.addd-ticket:hover {

  background: #ffffff;
}

.add-more {
  position: absolute;
  right: 6px;
  z-index: +999;
  top: 3px;
}

.w-24 {
  width: 24px !important;
}

.add-more svg {
  color: #ec4119;
}

.applybtn img {
  width: 17px;
  margin-right: 5px;
}

.applybtn:hover {
  background: #f4511e;
  color: white;
}

.applybtn:hover img {
  filter: invert(1);
}

.applybtn {
  background: #5171a912;
  border: none;
  color: #092048;
  height: 33px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 3px 13px;
  width: 100%;
  margin: 0 4px;
}

.latest-recruitment02 .create-form .form-group {
  background: white;
  padding: 0%;
  border-radius: 8px;
  margin-bottom: 15px;
}

.jobdetail h4 {
  color: black;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 20px;
}

.createdby .h-avatar {
  display: flex;
  align-items: center;
}

.createdby .link {
  font-weight: 400 !important;
  color: #9c9a9a;
  margin-left: 8px;
  font-size: 13px !important;
}

.createdby .h-avatar b {
  font-size: 12px;
  margin-right: 4px;
}

.createdby .h-avatar.is-small .avatar {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 0px solid #fff;
}

.coursedetail h4 {
  color: black;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 23px;
}

.position-rel {
  position: relative;
}

.position-ab {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 170px;
}

.block-header.more-padding {
  padding: 0px;
  position: relative;
}

.coursedetail {
  width: 100%;
}

.more-jobdetail ul.skills li {
  list-style: disc;
  font-size: 17px;
  font-weight: 500;
  margin: 3px 0px;
  width: fit-content;
  display: inline-block;
  font-size: 12px;
  background: #e0e0e03b;
  margin: 0 6px 6px 0;
  padding: 8px 12px;
  border-radius: 4px;
  color: #828485;
}

.quizze {
  width: 83% !important;
  margin: auto !important;
}

.more-jobdetail ul.skills {
  margin-bottom: 2%;
}

.more-jobdetail ul.role {
  padding-left: 2%;
}

.Courselist-wise .boxs a {
  grid-gap: 9px;
  display: grid;
  grid-template-columns: 28px 1fr auto 23px;
  align-items: center;
}

.Courselist-wise time {
  color: #8d8b89;
  font-size: 13px;
}

.Courselist-wise .boxs {
  border: 1px solid #09cfc9;
  padding: 14px 13px;
  margin-bottom: 2%;
  background: #eefafa;
}

.Courselist-wise .boxs img {
  margin-left: 0;
  width: 100%;
}

.course-role {
  padding-left: 0%;
}

.Courselist-wise .boxs strong {
  background: transparent;
  color: #092048;
  font-weight: 600;
  font-size: 15px;
  font-style: normal;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  line-height: 0.8;

}

.course-role li svg {
  color: #ec4119;
  margin-right: 4px;
  display: none;
}

.course-role li:nth-child(2) {
  background: #ec41190d;
}

.course-role li:nth-child(3) {
  background: #0920480f;
  ;
}

.course-role li {
  font-size: 12px;
  font-weight: 400;
  margin: 0px 0px;
  list-style: none;
  width: 48%;
  display: inline-block;
  margin-bottom: 11px;
  background: #eefafa;
  margin: 0 9px 10px 0px;
  padding: 11px;
  border-radius: 5px;
}

.course-role li span {
  text-orientation: mixed;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.4em;

}

.more-jobdetail ul.role li {
  font-size: 13px;
  font-weight: 400;
  margin: 0px 0px;
}

.more-jobdetail strong {
  display: block;
  background: #ffffff;
  padding: 0 0 8px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: black;
  border-bottom: 1px solid #0000000d;
  font-style: normal;
}

.fillexit-detail strong {
  display: block;
  background: #ffffff;
  padding: 0 0 8px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  color: black;
  border-bottom: 1px solid #0000000d;
  font-style: normal;
}

.fillexit-detail {
  padding: 11px;
}

.jobdetail {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
}

.jobdetail .recruitment-data {
  text-align: right;
}

.jobdetail .recruitment-data .h-avatar {
  position: relative;
  text-align: justify;
  display: inline-grid;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1.2;
  border: 1px solid #de2e0e;
  color: #4f4f4f;
  font-weight: 500;
  padding: 7px 22px;
  background: #ff5e0e0a;
  border-radius: 6px;
  margin-right: 7px;
  cursor: pointer;
}


.jobdetail .learning-data {
  text-align: right;
}

.jobdetail .learning-data .h-avatar {
  position: relative;
  text-align: justify;
  display: inline-grid;
  vertical-align: bottom;
  font-size: 11px;
  line-height: 1.2;
  border: 1px solid #de2e0e;
  color: #4f4f4f;
  font-weight: 500;
  padding: 7px 22px;
  background: #ff5e0e0a;
  border-radius: 6px;
  margin-right: 7px;
  cursor: pointer;
}

.learnheading {
  font-size: 22px;
  color: black;
  font-weight: 900;
  line-height: 1.3;
  text-transform: inherit;

}

.jobdetail .des p {
  line-height: 1.5;
  font-size: 13px;
  margin: 0;
}

.jobdetail .recruitment-data .h-avatar:hover {
  color: #ee4a24;
  font-weight: 500;
}

.jobdetail .recruitment-data .h-avatar:hover span {
  color: #000000;
}

.jobdetail .recruitment-data a span {
  color: #FF5722;
  font-size: 17px;
  font-weight: bold;
}



/* end ticketmanagement */
.react-form-wizard.md .wizard-icon-circle {
  width: 34px !important;
  height: 34px !important;
  font-size: 17px !important;
}

.react-form-wizard a.active .wizard-icon-circle .wizard-icon-container {
  background-color: rgb(31 223 217) !important;
}

.signup-step-container {
  padding: 0px 0px;
  padding-bottom: 0px;
}

.wizard .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: transparent;
}

.wizard>div.wizard-inner {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 75%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15px;
  z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

span.round-tab {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 16px;
  color: #0e214b;
  font-weight: 500;
  border: 1px solid #ddd;
}

span.round-tab i {
  color: #555555;
}

.wizard li.active span.round-tab {
  background: #0db02b;
  color: #fff;
  border-color: #0db02b;
}

.wizard li.active span.round-tab i {
  color: #5bc0de;
}

.wizard .nav-tabs>li.active>a i {
  color: #0db02b;
}

.wizard .nav-tabs>li {
  width: 25%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: red;
  transition: 0.1s ease-in-out;
}



.wizard .nav-tabs>li a {
  width: 30px;
  height: 30px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
  background-color: transparent;
  position: relative;
  top: 0;
}

.wizard .nav-tabs>li a i {
  position: absolute;
  top: -15px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: 700;
  color: #000;
}

.wizard .nav-tabs>li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 20px;
}


.wizard h3 {
  margin-top: 0;
}

.prev-step,
.next-step {
  font-size: 13px;
  padding: 8px 24px;
  border: none;
  border-radius: 4px;
  margin-top: 30px;
}

.next-step {
  background-color: #0db02b;
}

.skip-btn {
  background-color: #cec12d;
}

.step-head {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}

.term-check {
  font-size: 14px;
  font-weight: 400;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 40px;
  margin: 0;
  opacity: 0;
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 40px;
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 2;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 38px;
  padding: .375rem .75rem;
  line-height: 2;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
}

.footer-link {
  margin-top: 30px;
}

.all-info-container {}

.list-content {
  margin-bottom: 10px;
}

.list-content a {
  padding: 10px 15px;
  width: 100%;
  display: inline-block;
  background-color: #f5f5f5;
  position: relative;
  color: #565656;
  font-weight: 400;
  border-radius: 4px;
}

.list-content a[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.list-content a i {
  text-align: right;
  position: absolute;
  top: 15px;
  right: 10px;
  transition: 0.5s;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fdfdfd;
}

.list-box {
  padding: 10px;
}

.signup-logo-header .logo_area {
  width: 200px;
}

.signup-logo-header .nav>li {
  padding: 0;
}

.signup-logo-header .header-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-inline li {
  display: inline-block;
}

.pull-right {
  float: right;
}


@media (max-width: 767px) {
  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text {
    gap: 8px;
  }

  #app .search-label {
    font-size: 19px !important;
    font-weight: 500 !important;
  }

  .search-paraa {
    font-size: 13px;
  }

  #app {
    padding: 4rem 1rem;
  }

  .notification-title {
    margin-bottom: 6px;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p span {
    font-size: 10px;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p {
    font-size: 11px;
  }

  .sign-content h3 {
    font-size: 40px;
  }

  .wizard .nav-tabs>li a i {
    display: none;
  }

  .signup-logo-header .navbar-toggle {
    margin: 0;
    margin-top: 8px;
  }

  .signup-logo-header .logo_area {
    margin-top: 0;
  }

  .signup-logo-header .header-flex {
    display: block;
  }
}

.react-form-wizard .wizard-navigation .wizard-progress-with-circle .wizard-progress-bar {
  box-shadow: none;
  transition: width .3s ease;
  background-color: rgb(31 223 217) !important;
  color: rgb(237 237 237);
}

.react-form-wizard.md .wizard-nav-pills>li.active>a .wizard-icon {
  font-size: 18px !important;
}


.react-form-wizard .wizard-navigation .form-wizard-steps span {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.react-form-wizard .wizard-navigation .form-wizard-steps a.active span {
  color: rgb(0 0 0) !important;
}

.react-form-wizard.md .wizard-navigation .wizard-progress-with-circle {
  position: relative;
  top: 24px !important;
  height: 1px !important;
}

.react-form-wizard .wizard-tab-content {
  text-align: left !important;
  padding: 38px 69px 0px !important;
}

.react-form-wizard .wizard-icon-circle {
  font-size: 18px;
  border: 1px solid #f3f2ee !important;
}

.react-form-wizard .wizard-card-footer {
  padding: 0px 69px 0px !important;
}

.newtask {
  background: #092048;
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

.filtertask {
  background: #09204800;
  border: none;
  color: #2d2d2d;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
  border: 1px solid #09204882;
  margin-right: 8px;
}

.students {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 0 0;
}

.students .h-avatar {
  margin: 0 -4px;
  cursor: pointer;
}

.nostatus img {
  width: 180px;
  margin: 0px auto 15px;
  text-align: center;
  display: block;
}

.nostatus p {
  line-height: 1.3;
  font-size: 13px;
  color: #a1a1a1;
  margin-bottom: 5px;
  text-align: center;
  padding: 0 7%;

}

.comment-attach {
  position: absolute;
  right: 10px;
  bottom: 43px;
}

.comment-attach span {
  margin-right: 7px;
  font-size: 13px;
}

.comment-attach img {
  opacity: 0.4;
  width: 12px;
  margin-right: 3px;
}

.students .link {
  font-weight: 300;
  color: #141414;
  margin-left: 8px;
  font-size: 12px;
}

.students .h-avatar .avatar.is-fake span {
  position: relative;
  left: -2px;
  font-size: 12px;
}

.assign-members {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 0 0rem;
}

.assign-members .h-avatar {
  margin: 0 -4px;
  cursor: pointer;
}

.assign-members .link {
  font-weight: 300;
  color: #141414;
  margin-left: 8px;
  font-size: 15px;
}

.assign-members .h-avatar.is-small .avatar {
  width: 26px;
  min-width: 26px;
  height: 26px;
  border: 2.5px solid #fff;
}

.assign-members .h-avatar .avatar.is-fake span {
  position: relative;
  left: -2px;
  font-size: 10px;
}



.assignee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem 0 0rem;
}

.assignee .h-avatar {
  margin: 0 -3px;
  cursor: pointer;
}

.assignee .link {
  font-weight: 400;
  color: #a8a8a8;
  margin-left: 8px;
  font-size: 12px;
}

.assignee .h-avatar.is-small .avatar {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 1.7px solid #fff;
}

.assignee .h-avatar .avatar.is-fake span {
  position: relative;
  left: -2px;
  font-size: 10px;
}

.tasktabs .row .col-md-3 h5 {
  background: white;
  padding: 12px 10px;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 700;
  color: #184493;
  position: relative;
  text-transform: capitalize;
}

.tasktabs .row .col-md-3 .innerborder {
  border: 1px dashed #0000002b;
  padding: 7px;
}

.tasktabs .row .col-md-3 .innerborder h5 p {
  position: absolute;
  right: 9px;
  top: 10px;
}

.tasktabs .row .col-md-3 .innerborder h5 p a {
  color: #acacac;
  text-decoration: none;
  margin-left: 7px;
}

.tasktabs .row .col-md-3 .innerborder h5 span {
  display: inline-block;
  width: 23px;
  height: 23px;
  font-size: 11px;
  background: #eeeeee;
  line-height: 2.2;
  text-align: center;
  border-radius: 100%;
  color: black;
  font-weight: 400;
}

.tasktabs .row .col-md-3 {
  padding: 0 4px
}

.tags span:nth-child(1) {
  background: #FBE9E7;
  padding: 4px 11px;
  font-size: 11px;
  border-radius: 4px;
  margin-right: 5px;
  color: #ff5400;
}

.tags {
  margin-bottom: 7px;
}

.contentdiv p {
  line-height: 1.5;
  font-size: 12px;
  color: #cbcbcb;
  margin-bottom: 5px;

}

.contentdiv ul li {
  padding-left: 7px;
  list-style: none;
  font-size: 11px;
  font-weight: 400;
  margin: 0px 0px 5px;
  color: #0e0e0e;

}

.contentdiv ul {
  margin-bottom: 16px;
  margin-top: 8px;
  display: none;
}

.contentdiv ul li i {
  background: #d6eab6;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  color: #7CB342;
  font-size: 9px;
  margin-right: 4px;
}

.contentdiv .card-text {
  font-size: 15px;
  font-weight: 500;
  color: #262626;
}




.trainings {
  position: relative;
  margin-bottom: 11%;
}

.trainings p {
  line-height: 1.5;
  font-size: 12px;
  color: #cbcbcb;
  margin-bottom: 5px;

}

.w-40 {
  width: 40% !important;
}

.availabilty {
  margin-bottom: 2%;
}

.trainings .comment-attach {
  position: absolute;
  right: 7px;
  bottom: 62px;
  background: #ec4119;
  padding: 5px 7px;
  font-weight: 500;
  color: #ffffff;
  border-radius: 5px;
  font-size: 9px;
}

.hpx-80 {
  height: 80px !important;
}

.trainings img {
  height: 155px;
  margin-bottom: 8px;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;
}

.trainings .h-avatar.is-small .avatar {
  margin: 0;
  width: 21px;
  min-width: 21px;
  height: 21px;
}

.trainings .comment-attach span {
  margin-right: 0px;
  font-size: 11px;
}

.trainings .comment-attach i {

  margin-right: 3px;
}

.trainings ul li {
  padding-left: 7px;
  list-style: none;
  font-size: 11px;
  font-weight: 400;
  margin: 0px 0px 5px;
  color: #0e0e0e;

}

.trainings ul {
  margin-bottom: 16px;
  margin-top: 8px;
  display: none;
}

.trainings ul li i {
  background: #d6eab6;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 17px;
  color: #7CB342;
  font-size: 9px;
  margin-right: 4px;
}

.trainings .card-text {
  font-size: 15px;
  font-weight: 500;
  color: #262626;
}

.tags span:nth-child(2) {
  background: #E0F2F1;
  padding: 4px 11px;
  font-size: 12px;
  border-radius: 4px;
  margin-right: 5px;
  color: #08b1b4;
}

.tags span:nth-child(3) {
  background: #F3E5F5;
  padding: 4px 11px;
  font-size: 12px;
  border-radius: 4px;
  margin-right: 5px;
  color: #9C27B0;
}


.addtags span {
  background: #eaeaea;
  padding: 4px 11px;
  font-size: 12px;
  border-radius: 4px;
  margin-right: 5px;
  color: #706c6b;
}

.addtags {
  margin-bottom: 7px;
  display: flex;
}

.addtags span svg {
  cursor: pointer;
  margin-left: 4px;
  color: #283593;
}

.divcss {
  padding: 12px 10px;
  border-radius: 10px;
  cursor: grab;
  margin-bottom: 8px;

}

.divcss:nth-last-child(1) {
  margin-bottom: 7px;
}

.settask-date {
  font-size: 12px;
  color: #666666ba;
  padding: 5px 0 0;
  border-top: 1px solid #00000029;
  width: 100%;
  display: flex;
  margin-top: 10px;
  align-items: center;
}

.settask-date img {
  margin-right: 5px;
  filter: opacity(0.5);
  width: 11px;
}

#new-task .modal-header {
  padding: 1rem;
}

#new-task input.form-control {
  background: #fff0;
  height: 32px;
}

#new-task label {
  font-size: 12px;
  font-weight: 400;
  color: black;
}

#new-task .modal-content {
  background-color: #fafafa;
}

#new-task .modal-footer {
  padding: 0.5rem 1rem;
}

#new-task .modal-body {
  padding: 0 1.5rem;
}

#new-task ul.priorityselect li:hover {
  border-right: 3px solid;
}

#new-task ul.priorityselect li.medium {
  color: #8E24AA;
  background: #EDE7F6;
}

#new-task ul.priorityselect li.low {
  background: #E0F2F1;
  color: #009688;
}

#new-task ul.priorityselect li.high {
  background: #FFEBEE;
  color: red;
}

#new-task ul.priorityselect li svg.selected {
  margin-right: 5px;
}

#new-task ul.priorityselect li {
  cursor: pointer;
  margin: 3px 0px;
  list-style: none;
  width: fit-content;
  display: inline-block;
  margin-right: 6px;
  padding: 4px 13px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;

}

#new-task .form-control {
  background: #fff0;
  border: 1px solid #d5d5d5;
}

#new-task .form-group {
  background: #ffffff00;
  margin-bottom: 15px !important;
}

#new-task .save {
  background: #F4511E;
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

#new-task .cancel {
  background: #cecece94;
  border: none;
  color: #020202;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

#new-task .modal-title {
  text-align: left;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 700;
}

#new-task .modal-dialog {
  max-width: 768px;
  border-radius: 0px;
}



#new-work .modal-header {
  padding: 1rem;
}

#new-work input.form-control {
  background: #fff0;
  height: 32px;
}

#new-work label {
  font-size: 12px;
  font-weight: 400;
  color: black;
}

.w-50 {
  width: 50%;
}

#new-work .modal-content {
  background-color: #fafafa;
}

#new-work .modal-footer {
  padding: 0.5rem 1rem;
}

#new-work .modal-body {
  padding: 0 1.5rem;
}

#new-work ul.priorityselect li:hover {
  border-right: 3px solid;
}

#new-work ul.priorityselect li.medium {
  color: #8E24AA;
  background: #EDE7F6;
}

#new-work ul.priorityselect li.low {
  background: #E0F2F1;
  color: #009688;
}

#new-work ul.priorityselect li.high {
  background: #FFEBEE;
  color: red;
}

#new-work ul.priorityselect li svg.selected {
  margin-right: 5px;
}

#new-work ul.priorityselect li {
  cursor: pointer;
  margin: 3px 0px;
  list-style: none;
  width: fit-content;
  display: inline-block;
  margin-right: 6px;
  padding: 4px 13px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;

}

#new-work .form-control {
  background: #fff0;
  border: 1px solid #d5d5d5;
}

#new-work .form-group {
  background: #ffffff00;
  margin-bottom: 15px !important;
}

#new-work .save {
  background: #F4511E;
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

#new-work .cancel {
  background: #cecece94;
  border: none;
  color: #020202;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

#new-work .modal-title {
  text-align: left;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 700;
}

#new-work .modal-dialog {
  max-width: 768px;
  border-radius: 0px;
}


#view-task input.form-control {
  background: #fff0;
  height: 32px;
}


#view-task label {
  font-size: 12px;
  font-weight: 400;
  color: black;
}

#view-task h2 {
  font-size: 23px;
  margin: 7px 0;
}

#view-task ul.priorityselect li:hover {
  border-right: 3px solid;
}

#view-task ul.priorityselect li.medium {
  color: #8E24AA;
  background: #EDE7F6;
}

#view-task ul.priorityselect li.low {
  background: #E0F2F1;
  color: #009688;
}

#view-task ul.priorityselect li.high {
  background: #FFEBEE;
  color: red;
}

#view-task ul.priorityselect li svg.selected {
  margin-right: 5px;
}

#view-task ul.priorityselect li {
  cursor: pointer;
  margin: 3px 0px;
  list-style: none;
  width: fit-content;
  display: inline-block;
  margin-right: 6px;
  padding: 4px 13px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;

}

#view-task .form-control {
  background: #fff0;
  border: 1px solid #d5d5d5;
}

#view-task .form-group {
  background: #ffffff00;
  margin-bottom: 15px !important;
}

#view-task .form-group ul.note {
  padding-left: 12px;
}

#view-task .form-group ul li {
  list-style: disc;
  font-size: 12px;
  font-weight: 400;
  margin: 3px 0px;
  color: black;
}

#view-task time {
  display: block;
  color: #3d4465;
  font-weight: 600;
}

#view-task .date {
  display: block;
  color: #3d4465;
  font-weight: 600;
}

#view-task .form-group p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.4;
  color: black;

}

.border-css {
  border: 1px solid #00000036;
  border-radius: 15px;
  padding: 20px;
  margin-top: 7%;
}

#view-task .save {
  background: #F4511E;
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

#view-task .cancel {
  background: #cecece94;
  border: none;
  color: #020202;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
}

#view-task .modal-title {
  text-align: left;
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 17px;
  font-weight: 700;
}

#view-task .modal-dialog {
  max-width: 768px;
  border-radius: 0px;
}



.wrapper .comment {
  display: grid;
  gap: 20px;
  user-select: none;
}

.wrapper .comment .content {
  display: grid;
  grid-template-columns: auto 1fr 101px;
  align-items: flex-start;
  gap: 9px;
  flex: 1;
}

.wrapper .comment .content .avatar {
  height: 23px;
  width: 23px;
}

.wrapper .comment .content .avatar img {
  max-width: 100%;
  border-radius: 999px;
  object-fit: cover;
}

.wrapper .comment .content .rate {
  gap: 8px;
  display: flex;
  align-items: center;
}

.wrapper .comment .content .rate .value {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}

.wrapper .comment .content .rate .value.green {
  color: #00ba34;
}

.wrapper .comment .content .rate .value.red {
  color: #e92c2c;
}

.wrapper .comment .content .rate .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e8e8e8;
  border-radius: 999px;
  width: 32px;
  height: 32px;
}

.wrapper .comment .content .rate .btn:hover {
  border-color: #969696;
}

.wrapper .comment .content-comment {
  flex: 1;
  display: block;
}

.wrapper .comment .content-comment .user {
  gap: 12px;
  margin-bottom: 6px;
  align-items: center;
  display: flex;
}

.wrapper .comment .content-footer {
  margin-top: 1px;
  gap: 12px;
  display: flex;
  align-items: center;
}

.commentcss {
  font-size: 13px;
  color: #0d0d0d;
  font-weight: 600;
  text-decoration: underline;
}

.no-work {
  margin: auto;
  text-align: center;
  background: white;
  border-radius: 9px;
  padding: 4%;
}

#new-task .form-control.selectstatus {
  padding: 0 7px;
  background: #0e1556;
  border: 1px solid #d5d5d5;
  height: 30px;
  color: white;
  font-weight: 400;
  width: fit-content;
  font-size: 11px;
  text-transform: capitalize;
}

.no-work p {
  font-size: 12px;
  color: #85827f;
  width: 266px;
  text-align: center;
  margin: 10px auto 0;
  line-height: 1.3;
}

.no-work img {
  width: 103px;
}

.wrapper .subcomment {
  display: flex;
  align-items: flex-start;
}

.wrapper .subcomment .icon {
  width: 48px;
  height: 48px;
  color: #969696;
  display: flex;
  margin-right: 16px;
  align-items: center;
  justify-content: center;
}

.wrapper .subcomment .other_comments {
  flex: 1;
  display: grid;
  gap: 20px;
}

.wrapper h5 {
  color: #1c1c1c;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 0;
}

.wrapper .is-mute {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #969696;
}

.wrapper button {
  appearance: none;
  background: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
  user-select: none;
  transition: 0.2s ease;
}

.wrapper .btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #a5a5a5;
  /* padding: 4px 8px; */
  font-size: 12px;
  background: transparent;
  /* gap: 6px; */
  border-radius: 8px;
}

.wrapper .btn i {
  font-size: 16px;
  color: #969696;
}

.wrapper .btn-outline {
  background: transparent;
}

.wrapper .btn:hover {
  border-color: #969696;
}



.rotating {
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
}

.action-setting {
  display: inline-flex;
  font-size: 13px;
  align-items: center;
  background: #09204800;
  border: none;
  color: #2d2d2d;
  height: 28px;
  border-radius: 4px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 8px;
  border: 1px solid #09204882;
  margin-right: 6px;
}

@-webkit-keyframes rotating

/* Safari and Chrome */
  {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.sidebar-panel {
  min-height: 95vh;
  width: 15%;
  background: #fff;
  z-index: +1;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 1%;
}

.attachment {
  display: flex;
  margin-top: 6px;
  align-items: center;
}

.attachment .ticket-file-attach__items_detail div {
  line-height: 0.5;
}

.addmorre {
  background: #FF5722 !important;
  border: none;
  border-radius: 5px;
  width: 39px;
  text-align: center;
  padding: 7px;
  height: 36px;
  color: white;
  cursor: pointer;
}

.attachment .ticket-file-attach__items_detail h6 {
  font-size: 12px;
}

.attachment .ticket-file-attach__items_detail span {
  color: #747474;
  font-size: 10px;
  font-weight: 400;
  line-height: 0;
}

.attachment .ticket-file-attach__items img {
  width: 25px;
  height: 25px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 10px;
  margin-right: 10px;
  border: 1px solid #0920473b;
  padding: 3px;
  border-radius: 4px;
}

.attachment .ticket-file-attach__items {
  background: white;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #0000003d;
  margin-right: 6px;
  padding: 6px 9px 2px;
  border-radius: 4px;
  margin-bottom: 0;
}

.activitytabs .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link.active {
  font-size: 11px;
  color: #ffffff;
  background-color: #092048;
  border-color: #dee2e6 #dee2e6 #f9f9f9;
  border: none;
  border-radius: 4px;
  padding: 3px 12px;
}

.activitytabs .nav-tabs .nav-item {
  list-style: none !important;
}

.activitytabs .nav-tabs .nav-link {
  font-size: 12px;
  color: #aaaaaa;
  background-color: #fff0;
  border: none;
  border-radius: 4px;
  padding: 3px 12px;
}

.sidebar-panel ul li.is-active a {
  font-weight: 500;
}

.taskboard-detail {
  background: #ffffff9e;
}

.sidebar-panel a svg {
  color: rgb(255 87 34);
  /* background: #eeeeee; */
  width: 25px;
  height: 25px;
  border-radius: 2px;
  margin-left: 9px;
  padding: 0 4px 4px;
  position: absolute;
  right: 0;
  top: 0;
}

.sidebar-panel h3 {
  padding-bottom: 13px;
  margin-bottom: 15px;
  position: relative;
  color: #778aaa;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  border-bottom: 1px solid #d8d8d8;
}


.sidebar-panel ul li.is-active {
  background: #fbe9e7b0;
  padding: 0 9px;
  border-radius: 3px;
}

.sidebar-panel ul li {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 9px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid transparent;
  cursor: pointer;
}

.sidebar-panel ul li>a {
  font-size: 13px;
  font-weight: 400;
  color: #000;

}

.search-board .form-control {
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  border-color: #07070745;
  border-radius: 0.5rem;
  border-left: 0;
}

.search-board .input-group-text {
  border: none;
  border-radius: 5px;
  height: 32px;
  padding-left: 10px;
  background: white;
  border: 1px solid #07070745;
}

.sidebar-panel ul li span {
  width: 5px;
  background: #ff5722;
  height: 10px;
  border-radius: 0px;
  margin-right: 5px;
}

.sidebar-panel ul li:nth-child(2) span {
  background: #3949AB;
}

.sidebar-panel ul li:nth-child(4) span {
  background: #f7b45b;
}

.sidebar-panel ul li:nth-child(3) span {
  background: #4DB6AC;
}

.taskboard {
  padding: 15px 22px;
  width: 85%;
}

.taskcolor {
  margin-bottom: -4px;
  width: 20px;
  background: #ff5722;
  height: 20px;
  border-radius: 3px;
  margin-right: 6px;
  display: inline-block;
}


.breadcrumb__list {
  display: flex;
  align-items: center;
}

nav.breadcrumb {
  width: 100%;
  display: ruby;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 0;
  list-style: none;
}

.breadcrumb__item {
  list-style: none;
  font-size: 13px;
  font-weight: 600;
  margin: 0 2px 0 0;
}

.breadcrumb__item:not(.breadcrumb__item:last-child)::after {
  padding-inline: 7px;
  font-size: 13px;
  content: "/";

}

.breadcrumb__link {
  color: black;
  display: inline-block;
  width: max-content;
  font-size: 13px;
  text-decoration: 0;
  font-weight: 300;
  list-style: none;
}

.breadcrumb__link_active,
.breadcrumb__link:hover {
  color: var(--gray-9);
}

.top-detail {
  display: flex;
}

.top-detail div {
  margin-right: 14px;
  border-right: 1px solid #00000012;
  padding-right: 14px;


}

.top-detail div b {
  font-size: 13px;
  font-weight: 300;
}

.topgrid {
  display: flex;
  border-bottom: 2px solid #e5e5e5;
  width: 100%;
  padding-bottom: 13px;
}

.top-detail div .border-none {
  border: none;
}

.top-detail div p {
  line-height: 0;
  margin-bottom: 0;
  margin-top: 2px;
}

.top-detail .form-control {
  background: #fff;
  /* border: 1px solid #cbcbcb; */
  padding: 5px 14px;
  color: #000000;
  height: 38px;
  font-weight: 500;
  border-radius: 5px;
  font-size: 15px;
}

.top-detail div p .settask-date {
  font-size: 13px !important;
  color: #2d2d2dba !important;
  font-weight: 600;
}

.coursefilter .accordion-header {
  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
}

.coursefilter .accordion-button:not(.collapsed) {
  font-size: 13px;
  font-weight: 500;
  /* background-color: #1fdfd924; */
  /* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); */
  color: #000000;
}

.coursefilter .accordion-button:focus {
  z-index: 3;
  border-color: white;
  outline: 0;
  box-shadow: none;
}

.coursefilter .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: #194039;
  text-align: left;
  background-color: #ffffff;
}

.coursefilter .accordion-body {
  padding: 7px 15px;
  background: white;

}

.filterdiv-accordion {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.coursefilter .accordion-item {
  margin-bottom: 0.5rem;
  border: 1px solid #00000012;
}

.filterdiv-accordion ul {
  display: flex;
  margin: 0 6px;

}

.filterdiv-accordion input {
  margin-right: 7px;
}

.filterdiv-accordion span {
  font-size: 11px;
  color: #838282;
}

.filterdiv-accordion ul li {
  list-style: none;
  margin-right: 3px;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
}

.filterdiv-accordion ul li i {
  color: #ffae07;
  font-size: 14px;
}

.courselist .imgdiv {
  width: 113px;
  height: 126px;
  position: relative;
}

.courselist .imgdiv img {
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
}

.courselist .course-card {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 63%;
}

.course-time {
  position: absolute;
  bottom: 4px;
  border: 0;
  background: white;
  font-size: 11px;
  /* line-height: 1.5; */
  color: black;
  font-weight: 600;
  width: auto;
  padding: 2px 8px;
  border-radius: 5px;
  right: 4px;
  display: flex;
  margin-top: 10px;
  align-items: center;
}

.courselist .course-card i {
  color: #ffae07;
  font-size: 12px;
  margin-left: 3px;

}

.courselist .h-avatar.is-small .avatar {
  width: 20px !important;
  ;
  min-width: 20px !important;
  ;
  height: 20px !important;
  ;
  border: 0px solid #fff !important;
  ;
}

.courselist .link {
  color: #000000;
  font-size: 12px !important;
  font-weight: 400;
}

.courselist .course-card {
  padding: 7px 11px 5px 10px !important;
  border: 0px solid #e5e5e5 !important;
  position: relative;
}

.courselist .course-card p {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #515151 !important;
  line-height: 1.5 !important;
  margin-bottom: 3px;
  margin-top: 3px;
}

.mainlistdiv {
  display: flex;
  margin-bottom: 5px;
  border-bottom: 1px solid #0000001c;
  padding-bottom: 8px;
  align-items: center;
}

.mycourselist {
  display: flex;
  margin-top: 5px;
  border-top: 1px solid #0000001c;
  padding-top: 8px;
  position: relative;
  align-items: center;
}

.mycourselist:nth-child(1) {
  display: flex;
  margin-top: 0px;
  border-top: 0px solid #00000042;
  padding-top: 0px;
  align-items: center;
}

.courselist .course-card h3 {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  color: black;
}

.courselist .leveltag {
  font-size: 12px;
  color: #f44336;
}

.courselist .course-card li {
  list-style: none;
  margin-right: 3px;
  margin-bottom: 0;
  margin-top: 0;
}

.showrating {
  align-items: center;
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

.showrating i {
  color: #ffae07;
  font-size: 12px;
  margin-left: 3px;
}

.showrating ul {
  display: flex;
  align-items: center;
}

.showrating b {
  font-size: 12px;
}

.showrating span {
  font-size: 12px;
}

.showrating-course {
  align-items: center;
  display: flex;
  align-items: center;
  right: 0;
  bottom: 0;
}

.showrating-course i {
  color: #ffae07;
  font-size: 16px;
  margin-left: 5px;
  margin-right: 3px;
}

.showrating-course ul {
  display: flex;
  align-items: center;
}

.showrating-course ul li {
  list-style: none;
}

.showrating-course b {
  font-size: 12px;
}

.showrating-course span {
  font-size: 12px;
  cursor: pointer;
}

.attached-block ul li {
  list-style: disc !important;
  margin-right: 18px;
  margin-left: 0;
  font-size: 12px;
  color: #b1b1b1;
  padding-right: 6px;
  margin-right: 0 !important;
  display: inline-block;
  font-weight: 400;
}

.attached-block ul {
  /* display: flex; */
}


.info-brief ul li {
  list-style: disc !important;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 13px;
  color: #939393;
  padding: 0;
}

.info-brief ul {
  display: flex;
}

.for-course {
  font-size: 19px;
  color: black;
  font-weight: 500;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}

s.highvalue {
  margin: 0 9px 0 0;
  color: black;
  font-size: 14px;
  font-weight: 500;
}

.course-priceset s.highvalue {
  margin: 0 9px 0 0;
  color: black;
  font-size: 22px;
  font-weight: 200;
}

.course-priceset span.currentvalue {
  color: #FF5722;
  font-size: 22px;
  font-weight: 600;
}

.cart {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;

}

.min-h {
  min-height: 600px;
}

.deletecourse {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;

}

.deletecourse svg {
  color: red;
}

.cart svg {
  color: #b0aeae;
}

span.currentvalue {
  color: #FF5722;
  font-size: 14px;
  font-weight: 600;
}

.coursefilter .accordion-button::after {
  flex-shrink: 0;
  width: 0.9rem;
  height: 0.9rem;
  background-size: 0.9rem;
}

.search-course .input-group-text i {
  font-size: 11px;
  color: white;
}

.search-course .input-group-text {
  background: #092048;
}

.search-course input {
  height: 34px;
}

.search-course button {
  height: 34px;
}

.course-vedio {
  position: relative;
}

.course-vedio svg {
  position: absolute;
  z-index: +9;
  right: 0;
  left: 0;
  top: 45%;
  margin: auto;
  text-align: center;
  font-size: 50px;
  color: white;
  cursor: pointer;
}

button.wishlist {
  background: #edebeb;
  padding: 11px 16px;
  width: 100%;
  border: none;
  margin-right: 15px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 400;

}

button.wishlist:hover svg {
  color: red;
  margin-right: 4px;
}

button.wishlist svg {
  color: #c9c9c9;
  margin-right: 4px;
}

.buy-buttons {
  padding-top: 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.buy-buttonsss {
  width: 100%;
  margin-left: auto;
  position: sticky;
  bottom: 0px;
  background: white;
  padding: 2%;
  margin: auto;
  text-align: center;
}

.buy-buttonsss button {
  width: 20% !important;
  margin: 0 6px;
}

button.enroll {
  background: #ec4119;
  padding: 11px 16px;
  width: 100%;
  border: none;
  color: white;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 400;
}

button.enrolled {
  background: #307ae2fc;
  padding: 11px 16px;
  width: 100%;
  border: none;
  color: white;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 400;

}

.progress-section {}

.progress-section img {
  width: 300px;
  display: block;
  margin: 20px auto;
}

.progress-section .title {
  font-weight: 700;
  font-size: 3rem;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
}

.progress-section .task-progress {
  margin-bottom: 14px;

}

.p-rating-item svg {
  color: #f9d71c;
}

.p-rating {
  gap: 0.1rem;
}

.svg.p-icon.p-rating-icon {
  list-style: malayalam;
  font-size: 36px !important;
  font-weight: 5000;
  margin: 3px 0px;
  display: inline-block;
  margin: 9px 8px 13px;
  color: #efcb7f;
  font-size: inherit;
}

.progress-section .task-progress p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #030303;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 500;
}

.progress-section span {
  color: #525252;
}

.progress-section .progress {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0px;
  height: 8px;

}

.progress-section .progress::-webkit-progress-bar {
  background-color: #f0f0f0;
}

.progress-section .progress::-webkit-progress-bar,
.progress-section .progress::-webkit-progress-value {
  border-radius: 10px;
}

.progress-section .progress::-moz-progress-bar {
  border-radius: 10px;
}

.progress-section .progress1::-webkit-progress-value {
  background: #FDAD41;
}

.give-rating {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 13px;
  color: #ec4119;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
}

#testimonials .testimonial-heading {
  letter-spacing: 1px;
  margin: 30px 0px;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#testimonials .testimonial-heading span {
  font-size: 1.3rem;
  color: #252525;
  margin-bottom: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#testimonials .testimonial-box-container {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
}


#testimonials .testimonial-box {
  background-color: #ffffff;
  cursor: pointer;
  border-bottom: 1px solid #9a949417;
}

#testimonials .profile-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

#testimonials .profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

#testimonials .profile {
  display: flex;
  align-items: center;
}

#testimonials .name-user {
  display: flex;
  flex-direction: column;
}

#testimonials .name-user strong {
  color: #0f0f0f;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  line-height: 1;

}

#testimonials .name-user span {
  color: #979797;
  font-size: 11px;
}

#testimonials .reviews {
  color: #f9d71c;
}

#testimonials .box-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 11px;
}

#testimonials .client-comment p {
  font-size: 13px;
  color: #797777;
}

#testimonials .testimonial-box:hover {
  transform: translateY(-10px);
  transition: all ease 0.3s;
}

@media(max-width:1060px) {
  #testimonials .testimonial-box {
    width: 45%;
    padding: 10px;
  }
}

@media(max-width:790px) {
  #testimonials .testimonial-box {
    width: 100%;
  }

  #testimonials .testimonial-heading h1 {
    font-size: 1.4rem;
  }
}

@media(max-width:340px) {
  #testimonials .box-top {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  #testimonials .reviews {
    margin-top: 10px;
  }
}

.title input {
  height: 100px;
  background: #1fdfd9;
  /* background-image: linear-gradient(to right, #14bfe3 , #19dae1); */
  color: white;
  font-size: 28px;
}


.addcourseform .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: #929292;
  letter-spacing: 0.3px;
  font-weight: 400;
}

.addcourseform .cover-form {
  background: white;
  padding: 0px 2px 0px 10px;
  border: 1px solid #0000001f;
  border-radius: 7px;
  display: flex;
  align-items: center;
}

.btns-grp-css {
  display: flex;
  width: 100%;
  padding-top: 2rem;
}

.p-dropdown:not(.p-disabled):hover {
  box-shadow: none;
}

.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: none;
}

.addcourseform .cover-form .div {
  width: 100%;
}

.added-employee-card .card {
  padding: 1rem 1rem;
  box-shadow: none;
}


.added-employee-card .table th,
.table td {
  border-color: #F0F0F0;
  padding: 11px 9px;

}

.added-employee-card .table thead tr th {
  font-weight: 600;
  font-size: 15px;
}

.added-employee-card .table> :not(:first-child) {
  border-top: 0px solid currentColor;
}

.added-employee-card .table tbody td span.name {
  background: #ffffff;
  width: 35px;
  height: 35px;
  display: block;
  border-radius: 50px;
  padding: 8px 0;
  text-align: center;
  color: #656463;
  font-size: 14px;
}

.addcourseform .cover-form .form-control {
  border-bottom: 0px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 6px 10px;
  font-weight: 400;
  color: #040404;
  font-size: 13px;
  height: 41px;
  letter-spacing: 0.1px;

}

.addcourseform .cover-form div i {
  width: 30px;
  height: 30px;
  background: #f9e2d9;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  /* padding: 10px 0; */
  line-height: 2.2;
}

/* .addcourseform .cover-form:hover {
  border-bottom: 1px solid #1E88E5;
} */

.addcourseform .row .bg-chng {
  border: 1px solid #1E88E5;
}

.addcourseform .row .bg-chng {
  background: #ffffff;
  color: #041430;
  border: 1px solid #0000001f;
  border: none;
  font-weight: 400;
  font-size: 18px;
  padding: 18px;
  align-items: center;
  height: 68px !important;
  border-radius: 5px;
}

.addcourseform .cover-form div i.fa-user-o {
  background: #d9f5f9;
}

.addcourseform .cover-form div i.fa-money {
  background: #F3E5F5;
}

.addcourseform .cover-form div i.fa-envelope-o {
  background: #ffebce;
}

.addcourseform .cover-form div i.fa-mobile {
  background: #F3E5F5;
}

.addcourseform .cover-form div i.fa-calendar-o {
  background: #ECEFF1;
}

.check-leveloption {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 19px;

}

.check-gender {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 19px;
  row-gap: 0;

}

.check-answer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 19px;

}

.check-leveloption .inner:hover {
  border: 1px solid #1E88E5;
}

.check-gender .inner:hover {
  border: 1px solid #1E88E5;
}

.check-gender .inner {
  border: 1px solid #0000001f;
  cursor: pointer;
  background: white;
  padding: 11px 12px;
  border-radius: 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

#org-info .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#org-info .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#org-info .modal-footer {
  padding: 0.5rem 1.875rem 1.5rem;
}


#org-info .form-label {
  font-weight: 700 !important;
  color: #000;
}

#org-info .modal-content {
  border-radius: 0.5rem;
  /* background-color: #f3f2f0;
  background-image: linear-gradient(#fff, #f3f2f0); */
}


#add-education .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#add-education .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#add-education .modal-footer {
  padding: 0.5rem 1.875rem 0rem;
}


#add-education .form-label {
  font-weight: 700 !important;
  color: #000;
}

#add-education .modal-content {
  border-radius: 0.5rem;
}




#add-eexp .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#add-eexp .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#add-eexp .modal-footer {
  padding: 0.5rem 1.875rem 0rem;
}



#add-eexp .modal-content {
  border-radius: 0.5rem;
  /* background-color: #f3f2f0;
  background-image: linear-gradient(#fff, #f3f2f0); */
}

#alternative-contact .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#alternative-contact .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#alternative-contact .modal-footer {
  padding: 0.5rem 1.875rem 1.5rem;
}


#alternative-contact .form-label {
  font-weight: 700 !important;
  color: #000;
}

#alternative-contact .modal-content {
  border-radius: 0.5rem;
}

.cancel-click {
  width: 161px;
  background: #9b9b9b;
  border: none;
  color: white;
  height: 34px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 13px;
  padding: 3px 24px;
  margin: 0 5px;
}




#appre .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#appre .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#appre .modal-footer {
  padding: 0.5rem 1.875rem 0rem;
}



#appre .modal-content {
  border-radius: 0.5rem;
}


#edit-basic-info .addcourseform {
  margin-top: 2rem;
  padding: 0 0rem;
}

#edit-basic-info .modal-footer {
  padding: 0.5rem 1.875rem 1.5rem;
}


/* #edit-basic-info .form-label {
  font-weight: 700 !important;
  color: #000;
} */

#edit-basic-info .modal-content {
  border-radius: 0.5rem;
}



.check-gender .inner input {
  margin-right: 6px;
  font-family: inherit;
  width: 16px;
  line-height: inherit;
  height: 15px;
}

.check-leveloption .inner {
  border: 1px solid #0000001f;
  cursor: pointer;
  background: white;
  padding: 11px 12px;
  border-radius: 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.check-leveloption .inner input {
  margin-right: 6px;
  font-family: inherit;
  width: 16px;
  line-height: inherit;
  height: 15px;
}


.check-answer .inner:hover {
  border: 1px solid #1E88E5;
}

.check-answer .inner {
  border: 1px solid #0000001f;
  cursor: pointer;
  background: white;
  padding: 11px 12px;
  border-radius: 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.check-answer .inner input {
  margin-right: 6px;
  font-family: inherit;
  width: 16px;
  line-height: inherit;
  height: 15px;
}

.check-answer .inner input {
  margin-right: 6px;
  font-family: inherit;
  width: 16px;
  line-height: inherit;
  height: 17px;
  font-weight: 500;
  width: 100%;
  border: none;
  padding-left: 3px;
}

.more-jobdetail {
  position: relative;
}

.add-opt {
  margin-left: auto;
  width: max-content;
  background: #f3f3f3;
  /* margin: 0 1px 0 5px; */
  padding: 6px 13px;
  border-radius: 2px;
  text-align: right;
  float: right;
  font-size: 12px;
  color: #5f5f5f;
  font-weight: 500;
}

.add-opt:hover {
  background: #ec4119;
  color: #ffffff;
}

.shrink-w {
  margin: auto;
  padding-top: 0;
}

.moreoption-course {
  position: absolute;
  right: 9px;
  top: 34px;
}

.inneroption li img {
  width: 12px;
}

.box-div {
  box-shadow: 7px 10px 20px 0px rgb(0 0 0 / 5%);
  border: 1px solid #00000008;
}

#addmodule button.accordion-button.collapsed {
  background: white;
  /* padding: 0; */
  padding: 0.8rem 0.8rem;
  border: 1px solid #00000003;
}

#addmodule .accordion-button:not(.collapsed) {
  color: #0e0e0e;
  padding: 0rem 0rem;
  background-color: #ffffff;
  border: none;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%);
}

#addmodule .moreoption-create {
  position: absolute;
  right: 0;
  top: 0;
}

#addmodule .accordion-header {
  padding: 0rem 0rem !important;
}

#addmodule .card-header {
  border-color: #00000000;
  position: relative;
  background: transparent;
  padding: 0.8rem 1rem 0.8rem;
}

#addmodule .accordion-button button {
  width: 100%;
  border: none;
  background: white;
  display: flex;
  padding-right: 9px;
  font-weight: 700;
  color: #072864;
  font-size: 14px;
}

#addmodule .accordion-button:not(.collapsed)::before {
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d7c68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
  transform: rotate(-180deg);
}

.module-des {
  font-size: 12px !important;
  margin-right: 21px;
  background: transparent !important;
  border: none !important;
  color: #b3b3b3 !important;
}

.inneroption li {
  list-style: none;
}

.moreoption-create {
  position: absolute;
  right: 8px;
  top: 12px;
}

#addmodule .accordion-button::after {
  display: none;
}

#addmodule .accordion-button::before {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 10px;
  content: "";
  background-image: url(/images/org-img/learn/up.png);
  background-repeat: no-repeat;
  background-size: 0.8rem;
  transition: transform 0.2s ease-in-out;
}

#addmodule .accordion-item {
  background-color: #ffffff;
  border: 2px solid rgb(141 232 237) !important;
}

.set-position {
  position: absolute;
  left: -6%;
  top: 6px;
  font-size: 15px;
  font-weight: 600;
  background: #ffe8e8;
  color: red;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 1px;
  line-height: 2;
}

.addcourseform {
  position: relative
}

.addquizze-questions {
  position: relative;
  /* background: antiquewhite; */
  padding: 13px;
  border: 1px solid #00000026;
  border-radius: 8px;
}

.addquizze-questions:hover i {
  display: block;
}

.editaction-icons {
  position: absolute;
  right: 1pc;
  top: 1pc;
  /* width: 25px; */
  font-size: 14px;
  display: flex;


}

.cv img {
  width: 19px !important;
}

.border-none {
  border: none !important;
}

.editaction-icons .fa-pencil {
  color: #c0bebe;
}

.editaction-icons .fa-trash {
  color: red;
}

.editaction-icons i {
  display: none;
  margin-left: 7px;
  cursor: pointer;
}

.tagtitle {
  font-size: 15px;
  color: #11387b;
  font-weight: 500;
  text-decoration: underline;
}

.divider {
  position: relative;
}

.divider svg {
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  text-align: center;
  background: white;
  width: fit-content;
  margin: auto;
  padding: 6px;
  width: 34px;
  height: 34px;
  border-radius: 0;
  color: #9d9b9b;
  cursor: pointer;
}

.added-socialmedia li {
  display: block;
  background: #fbfbfb;
  list-style: none;
  border: 1px solid #00000026;
  padding: 9px 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}

.added-socialmedia li:hover i {
  display: block;
}

.added-socialmedia li i {
  float: right;
  margin-top: 6px;
  display: none;
  cursor: pointer;
  color: #ec4119;
  font-size: 14px;
}

.added-socialmedia li img {
  width: 27px;
  margin-right: 7px;
}

.searchtype {
  height: 27px;
  margin-right: 0 !important;
}

.availabilty .slick-initialized .slick-slide .inner-tumbnail {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 39px !important;
  height: 65px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  padding: 12px 7px;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.availabilty .slick-initialized .slick-slide {
  display: block;
  width: auto !important;
}

.availabilty .slick-initialized .slick-slide h3 {
  font-size: 13px;
  font-weight: 400;
  color: #0000008f;
}

.inner-tumbnail.active {
  background: #ec4119 !important;
}

.inner-tumbnail.active h3 {
  color: #fff !important;
}

.inner-tumbnail.active h4 {
  color: #fff !important;
}

.inner-tumbnail.off h3 {
  color: #ec4119 !important;
}

.inner-tumbnail.off h4 {
  color: #ec4119;
}

.inner-tumbnail h4 {
  font-size: 15px;
  font-weight: 500;
}

.premium-plan {
  position: relative;
  height: 188px;
  background: #041e71;
  padding: 5%;
  border-radius: 20px;
  margin-bottom: 2rem;
  /* background-image: url(/images/org-img/training/bg2.png); */
  background-size: contain;
}

.premium-plan h3 {
  font-size: 23px;
  font-weight: 700;
  margin-top: 2px;
  color: white;
}

.premium-plan p {
  font-size: .9rem;
  color: #f1f1f1;
  line-height: 1.3;
  font-weight: 200;
}

.center {
  width: -webkit-fill-available;
}

.premium-plan button {
  width: fit-content;
  padding: 9px 23px;
  background: #07c2c8;
  border-radius: 10px;
  font-size: 13px;
  color: white;
  border: none;
}

.premium-plan img {
  width: 155px;
  position: absolute;
  right: 20px;
  top: 24px;
}

.newtraining .courselist {
  background: #ffffff;
  border: 1px solid #08d6db;
  margin-bottom: 13px;
  padding: 9px;
  border-radius: 13px;
}

.imgdiv.courseimg div {
  height: 100%;

}

.newtraining .course-time {
  position: absolute;
  bottom: 4px;
  border: 0;
  background: #07c2c8;
  font-size: 11px;
  /* line-height: 1.5; */
  color: white;
  font-weight: 600;
  width: auto;
  padding: 5px 8px;
  border-radius: 5px;
  right: 4px;
  display: flex;
  margin-top: 10px;
  align-items: center;
}

.newtraining .courselist .course-card {
  padding: 0;
}

.newtraining .courselist .h-avatar.is-small .avatar {
  width: 23px !important;
  min-width: 23px !important;
  height: 23px !important;
  border: 0px solid #fff !important;
  border-radius: 7px;
  margin-top: 4px;
}

.totalsummary .block-header {
  height: 100%;
}

.totalsummary .block-text {
  font-size: 14px;
  line-height: 1.2;
  color: #545353;
}

.totalsummary {
  height: 120px;
  margin-bottom: 23px;
}

.newtraining .course-card svg {
  position: absolute;
  right: 0;
  top: 0;
  color: #d3d3d3;
}

.newtraining .course-time img {
  filter: invert(1);
  margin-right: 5px;
}

.newtraining .link {
  color: #000;
  font-size: 12px !important;
  font-weight: 400;
}

.newtraining .course-card img.iconimg {
  width: 39px;
  background: #FFF3E0;
  display: block;
  padding: 9px;
  height: 39px;
  border-radius: 8px;
}

.newtraining .courselist .course-card h3 {
  color: #044649;
  font-size: 17px !important;
}

.slot {
  border: 1px dotted #ec4119;
  border-radius: 6px;
  position: absolute;
  right: 0;
  top: -15px;
  color: #ec4119 !important;
  padding: 5px 13px !important;
  border-bottom: 1px dotted #ec4119 !important;
}

.trainingmain-div {
  justify-content: center;
}

.trainingmain-div .col-xl-7 {
  border: 1px solid #00000026;
  border-radius: 12px;
  padding: 2%;
}

.all-teammember .column.is-4,
.column.is-4-tablet {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 33.33333337%;
}

.change-cate .default-select {
  height: 32px;
  line-height: 32px;
  padding: 0 21px 0 12px;
  background: #fbfbfb;
  appearance: none;
  font-size: 12px;
  color: black;
}

.change-cate .default-select:after {
  right: 8px;
  margin-top: -4px;
  border-bottom: 3px solid #000000;
  border-right: 3px solid #000000;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0;
  font-size: 15px;
  padding-left: 10px;
}

.filter-employee .filter-div {
  width: 100%;
  background: transparent;
  color: white;
  font-size: 13px;
  padding: 12px 12px 0;
}

.filter-employee .filter-div .card {
  margin-bottom: 1rem;
  background-color: #4809090a;
  border: 1px solid #00000014;
  transition: all .5s ease-in-out;
  position: relative;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

.filter-employee .filter-div label {
  font-weight: 500;
  font-size: 13px;
  color: black;
}

.filter-employee .filter-div .add-btncss {
  border: none;
  color: white;
  height: 37px;
  width: 100%;
  border-radius: 4px;
  line-height: 2.2;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px;
  background: #ec4119;
  margin-left: 9px;
}

.filter-employee .filter-div .form-control {
  background: #fff;
  border: 1px solid #F0F0F0;
  padding: 5px 14px;
  color: black;
  height: 37px;
  border-radius: 5px;
}

.modal-footer {
  padding: 0.5rem 1.875rem 1.5rem;
}

.reporting-manager {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}

.reporting-manager img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: auto;
}

.reporting-manager strong {
  font-weight: bolder;
  font-size: 11px;
  font-weight: 500;
}

.access-div {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #00000014;
  margin-bottom: 12px;
  margin-bottom: 15px;
  padding-bottom: 0px;

}

.selectrole-div strong {
  font-size: 17px;
  color: black;
  font-style: normal;

}

.selectrole-div .form-control {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  padding: 5px 14px;
  color: #071276;
  height: 42px;
  font-weight: 500;
  border-radius: 5px;
}

.selectrole-div p {
  color: #565858;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.innerdiv-tools {
  margin-top: 2rem;
}

.access-div p {
  color: #565858;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-right: 7rem;
}

.access-tool p {
  color: #565858;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding-right: 7rem;
}

.accessinner-div h5 {
  font-size: 13px;
  font-weight: 500;
  color: #141313;
}

.accessinner-div {
  display: flex;
  align-items: center;
  padding: 12px 23px;
}

.innerdiv-tools .accordion-header {
  padding: 0;
}

.innerdiv-tools .accordion-button::before {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 20px;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23194039'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

.innerdiv-tools .accordion-button:not(.collapsed)::before {
  background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d7c68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
  transform: rotate(-180deg);
}

.innerdiv-tools .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 20px;
  content: "";
  display: none;
}

.innerdiv-tools .accordion-collapse {
  background: white;
  border-right: 1px solid #00000024;
  border-left: 1px solid #00000024;
  border-bottom: 1px solid #00000024;
  border-top: none;
}

.innerdiv-tools .accordion-button:not(.collapsed) {
  color: #0d7c68;
  background-color: #f9f9f9;
}

.innerdiv-tools .accordion-header h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.more-link {
  padding-top: 1rem;
}

.more-link p {
  margin: 0;
  color: #c4c4c4;
}

#feed-post-1 .card-body .post-image a.imgs-videos {
  height: 300px;
  display: block;
}

#feed-post-1 .card-body .post-image .custom-carousel {
  height: 385px;
  padding: 0;
}

.single-post-area .post-image .custom-carousel.p-carousel .p-carousel-content img,
.single-post-area .post-image video {
  height: 350px !important;
}

.initiate-exithistory .timeline-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: webkit-box;
  padding-bottom: 12px;
}

.initiate-exithistory {
  padding: 1rem;
}

.initiate-exithistory .icon-timeline {
  background: none;
  padding: 0;
  border-radius: 13px;
  border: 0px solid #0000000f;
  margin-top: 0;
}

.initiate-exithistory .timeline-icon:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 35px;
  width: 20px;
  height: 1px;
  border-top: 2px solid #20202029;
}

.initiate-exithistory .timeline-icon img {
  display: block;
  height: 26px;
  width: 26px;
  border-radius: 100%;
}

.initiate-exithistory .timeline-content span {
  font-size: .8rem;
  color: #a2a5b9;
}

.initiate-exithistory .timeline-content p {
  font-size: .9rem;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0;
}

.initiate-exithistory .timeline-content {
  margin-left: 34px;
  line-height: 1.2;
}

.initiate-exithistory .timeline-item:after {
  content: "";
  content: "";
  position: absolute;
  top: 31px;
  left: 12px;
  width: 1px;
  height: calc(100% - 36px);
  border-left: 2px solid #20202029;
}

.initiate-exithistory .timeline-item-end {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: webkit-box;
  padding-bottom: 12px;
}


.initiate-exithistory .timeline-item-end:after {
  content: "";
  content: "";
  position: absolute;
  top: 31px;
  left: 12px;
  width: 1px;
  height: calc(100% - 36px);
  border-left: 0px solid #20202029;
}

.pro-descont {
  display: grid;
  grid-template-columns: auto 1fr;
}

.toggle-next {
  border-radius: 0;
}

label {
  /* cursor: pointer; */
}

.ellipsis {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.apply-selection {
  display: none;
  width: 100%;
  margin: 0;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}

.apply-selection .ajax-link {
  display: none;
}

.checkboxes {
  margin: 0;
  display: none;
  border: 1px solid #ccc;
  border-top: 0;
}

.select-emp .wrapper {
  padding: 1px;
  border-radius: 4px;
  margin-bottom: 17px;
  align-self: flex-start;
  max-width: none;
  height: 84px;
  font-size: 13px;
  font-weight: 400;
  padding: 3px 18px;
  background-color: #ffffff;
  flex-direction: column;
  height: auto;
  overflow-y: auto;
  width: 100%;
  text-align: left;
  border: 1px solid #0000004a;
}

.checkboxes .inner-wrap {
  padding: 5px 10px;
  max-height: 140px;
  overflow: auto;
}

.select-emp .wrapper button {
  width: 100%;
  text-align: left;
}

.select-emp .checkboxes {
  margin: 0;
  display: none;
  border: 0px solid #ccc
}

.select-emp .checkboxes .inner-wrap {
  padding: 5px 0px;
}


/* onboarding-screen */

.onboarding-screen h1 {
  font-size: 25px;
  font-weight: 600;
  color: #000000;
  align-items: center;
  display: flex;
}

.onboarding-screen h1 img {
  width: 28px;
  margin-left: 6px;
}

.upgrade {
  color: #060606;
  font-weight: 500;
  font-size: 14px;
  font-weight: 900;
}

.onboarding-screen .card {
  padding: 1.5rem 1.5rem;
  border-radius: 20px;
  box-shadow: 0px 4px 67px -38px #000000c9;
}

.onboarding-screen p {
  color: #181818;
  font-size: 13px;
  margin-bottom: 1rem;
}

.plan-left h2 {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
}

.plan-left .des {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 8px;
}

.logout-profile {
  width: 39px !important;
  border-radius: 39px !important;
}

li.p-dropdown-empty-message {
  font-size: 12px;
  color: #bcbcbc;
  text-align: center;
}

.plan-left .des h3 {
  margin-bottom: 5px;
  font-size: 2.8rem;
  font-weight: 600;
  color: #000000;
}

.plan-left .des span {
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}

.plan-accordian .accordion-item.active {
  border: 2px solid #26a69a61;
}

.plan-accordian .accordion-body {
  margin-top: 1rem;
  padding: 1rem 0rem;
  background: white;
  border-top: 1px solid #e4e4e4;
}

.plan-accordian .accordion-item.active .plan-left button {
  background: #26a69a;
  color: white;
}

.plan-list-li {
  margin-bottom: 1rem;
}

.plan-list-li ul li svg {
  margin-right: 9px;
  color: orangered;
}

.plan-list-li ul li {
  font-size: 13px;
  font-weight: 100;
  margin: 3px 0px;
  color: #6c6c6c;
}

.plan-left button {
  padding: 9px 17px;
  background: #e8f4f3;
  color: #089399;
  font-size: 12px;
  border-radius: 29px;
  font-weight: 500;
  width: 34%;
  border: none;
  margin-top: 1rem;
}

.plan-right p {
  margin-bottom: 6px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: black !important;
}

.plan-right ul li {
  display: inline-flex;
  font-size: 13px;
  margin-right: 7px;
  margin-bottom: 10px;
  font-weight: 300;
  color: black;
  width: 47%;
  align-items: center;
}

.plan-right ul li span {
  background: #f9f9f9;
  padding: 3px 14px;
  color: black;
  margin-right: 7px;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 600;
}

.plan-accordian .accordion-item {
  border: 1px solid #0000001a;
  background: white;
  box-shadow: none;
  font-size: 15px;
  padding: 30px;
  font-weight: 600;
  border-radius: 11px;
}

.plan-upgrade h4 {
  margin: 0;
  color: black;
  font-weight: 600;
  font-size: 17px;
}

.plan-upgrade p {
  margin: 0;
  color: #444444;
}

.plan-upgrade svg {
  background: #ec4119;
  width: 65px;
  height: 65px;
  padding: 18px;
  color: white;
  border-radius: 100%;
  box-shadow: 4px 4px 23px -11px #ff5e08;
}

.plan-upgrade {
  display: grid;
  gap: 17px;
  grid-template-columns: auto 1fr 1fr;
  align-items: center;
  justify-content: space-between;
}

.plan-upgrade .get-start {
  padding: 13px 17px;
  background: #ec4119;
  color: white;
  font-size: 13px;
  border-radius: 12px;
  font-weight: 500;
}

.plan-upgrade .dismiss {
  padding: 13px 17px;
  background: #ffffff;
  color: #092048;
  font-size: 13px;
  border-radius: 12px;
  font-weight: 500;
}

.add-on-div {
  background: #ffffff;
  display: grid;
  grid-template-columns: auto 1fr;
  padding: .7rem;
  border-radius: 20px 20px 0px 0;
  gap: 7px;
}

.col-md-10.onboarding-screen {
  padding-bottom: 2rem;
}

.remain-option .timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.onboarding-screen .remain-option p {
  color: #0b0a0a;
  font-size: 15px;
  margin-bottom: 1rem;
  font-weight: 500;
}

.main-top-details .col-md-12 .row {
  margin-bottom: 5px;
}

.main-top-details span {
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.remain-option {
  margin-top: 1.3rem;
  position: relative;
}

.watch {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #000000 !important;
}


.remain-option .timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.onboarding-screen .remain-option .timeline p {
  color: #a7a7a7;
  font-size: 13px;
  margin-bottom: 0;
}

.remain-option .timeline:before {
  top: 79px;
  bottom: 90px;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #00000012;
  left: -1.8rem;
  margin-left: -1.8px;
}

.timeline-inverted.active .first-svg {
  background: #26a69a !important;
  color: white !important;
}

.timeline-inverted.active .timeline-panel {
  opacity: 0.9 !important;
}

.remain-option .timeline>li:hover .timeline-panel {
  opacity: 0.9 !important;
}

.remain-option .timeline>li {
  margin-bottom: 14px;
  position: relative;
  padding-left: 0rem;
  cursor: pointer;
}

.remain-option .timeline>li:before,
.remain-option .timeline>li:after {
  content: " ";
  display: table;
}

.remain-option .timeline>li:after {
  clear: both;
}

.remain-option .timeline>li:before,
.remain-option .timeline>li:after {
  content: " ";
  display: table;
}

.remain-option .timeline>li:after {
  clear: both;
}

.remain-option .timeline>li>.timeline-panel {
  opacity: 0.6;
  width: 100%;
  float: left;
  background: #ffffff;
  border: 0px solid #d4d4d4;
  padding: 12px 18px;
  position: relative;
  border-radius: 20px;
}

.remain-option .timeline>li>.timeline-panel>.flex-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 21px;
  align-items: center;
}

.remain-option .timeline>li>.timeline-panel>.flex-container .first-svg {
  color: #26a69a;
  background: #f0fffe;
  width: 50px;
  height: 50px;
  padding: 15px;
  border-radius: 37px;
}

.remain-option .timeline>li>.timeline-panel>.flex-container .second-svg {
  color: #000000;
  background: #f4f4f4;
  width: 31px;
  height: 31px;
  padding: 8px;
  border-radius: 37px;
  margin-left: 4px;
}

.remain-option .timeline>li>.timeline-panel>.flex-container .second-svg.active {
  background: #26a69a;
  color: white;
}

.remain-option .timeline>li>.timeline-badge {
  color: #000000;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 13px;
  text-align: center;
  position: absolute;
  top: 30%;
  left: -2rem;
  margin-left: -13px;
  background-color: #ffffff;
  z-index: 1;
  border-top-right-radius: 35%;
  border-top-left-radius: 35%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 35%;

}

.remain-option .timeline>li.timeline-inverted>.timeline-panel {
  /* float: right; */
}

.remain-option .timeline>li.timeline-inverted>.timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.remain-option .timeline>li.timeline-inverted>.timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.remain-option .timeline-heading {
  width: 70%;
}

.remain-option .timeline-clock {
  width: 25%;
}

.remain-option .timeline-title {
  margin-top: 0;
  color: inherit;
  font-weight: 700;
  margin-bottom: 0rem;
  font-size: 15px;
  color: black;
}

.remain-option .timeline-body>p,
.remain-option .timeline-body>ul {
  margin-bottom: 0;
}

.remain-option .timeline-body>p+p {
  margin-top: 5px;
}

.remain-option .ul-div .ul-li-div {
  position: relative;
  display: inline-block;
  list-style: none;
  background: white;
  margin: 7px;
  border-radius: 7px;
  padding: 12px;
  border: 1px solid #00000017;
  text-align: left;
  width: 25%;
}

.remain-option .ul-li-img {
  width: 40px;
  height: 40px;
  text-align: center;
  background: #f8f8f8;
  border-radius: 100%;
  padding: 6px;
  margin-right: 2%;
}

.remain-option .ul-div {
  margin: auto;
}

.add-on-div svg {
  color: #26a69a;
  background: #f0fffe;
  width: 27px;
  height: 27px;
  padding: 4px;
  border-radius: 37px;
}

.add-on-div h4 {
  margin-top: 0;
  color: inherit;
  font-weight: 600;
  margin-bottom: 0rem;
  font-size: .92rem;
}

.main-add-on-div {

  transition: all .3s;
}

.main-add-on-div button {
  border-top: 3px solid #f5f5f5;
  padding: 9px;
  width: 100%;
  background: #ffffff;
  border-radius: 0px 0 20px 20px;
  border-left: none;
  border-right: none;
  border-bottom: none;
  font-size: 14px;
  font-weight: 500;
  color: #1b1b1b;
}

.main-add-on-div:hover {
  transform: translateY(-5px);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
  box-shadow: 0px 18px 23px -5px rgb(0 0 0 / 10%);
  border: 1px solid #1dc5b5;
  border-radius: 20px;
}

.add-on-div p {
  color: #a7a7a7;
  font-size: 13px;
  margin-bottom: 0;
  line-height: 1.5;
  padding-top: 6px;
}

.video-tutorial {
  background: white;
  padding: .7rem .7rem;
  border-radius: 21px;
  margin-top: 4.8rem;
  transition: all .3s;
  cursor: pointer;
  text-align: center;
}

.video-container {
  margin: 0 auto;
  height: 149px;
}

.js-video {
  height: 100%;
  border-radius: 14px;
  background-image: url(../images/events/chat-bg.png);
  position: relative;
  background-size: cover;
}

.progress-div {
  position: absolute;
  right: 0;
  top: 0;
  width: 22%;
}

.progress-div .progress-bar {
  background-color: #ec4119;
}

.progress-div p {
  font-size: 11px !important;
  color: #8d8b8b !important;
}

.video-tutorial:hover {
  transform: translateY(-5px);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
  box-shadow: 0px 18px 23px -5px rgb(0 0 0 / 10%);
  border: 2px solid #1dc5b5;
}

.video-tutorial img {
  width: 60%;
  display: block;
  margin: auto;
  filter: grayscale(1);
  padding-bottom: 0rem;
  opacity: 0.5;
}

.video-tutorial h6.block-heading {

  font-size: 18px;
  color: #092048;
  font-weight: 700;
  margin-top: 1rem;
}

.timeline-panel .status span {
  font-size: 14px;
  color: #26a69a;
  margin-right: 3px;
}

.play i {
  position: absolute;

  color: #26a69a;
  font-size: 43px;
  background: #fff;
  border-radius: 50%;
  height: 26px;
  width: 32px;
  line-height: 50px;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.video-tutorial p {
  color: #787878;
  font-size: 13px;
  margin-bottom: 1rem;
  line-height: 1.4;
}

.video-tutorial a.btn.fw-semibold {
  width: max-content;
  padding: 12px 17px;
  background: #26A69A;
  color: white;
  font-size: 13px;
  border-radius: 12px;
  width: 100%;
}

.conversation-compose {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  height: 46px;
  width: 100%;
  z-index: 2;
  border: 1px solid #0000002e;
  border-radius: 6px;
}

.conversation-compose div,
.conversation-compose input {
  background: #fff;
  height: 100%;
}

.conversation-compose .emoji {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 5px 0 0 5px;
  flex: 0 0 auto;
  margin-left: 0px;
  width: 48px;
}

.conversation-compose .input-msg {
  border: 0;
  flex: 1 1 auto;
  font-size: 14px;
  margin: 0;
  outline: none;
  min-width: 50px;
}

.conversation-compose .photo {
  flex: 0 0 auto;
  border-radius: 0 0 5px 0;
  text-align: center;
  position: relative;
  width: 48px;
}

.conversation-compose .photo:after {
  border-width: 0px 0 10px 10px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  top: 0;
  right: -10px;
}

.conversation-compose .photo i {
  display: block;
  color: #939495;
  font-size: 18px;
  transform: translate(-60%, -54%);
  position: relative;
  top: 54%;
  left: 60%;
}

.conversation-compose .send {
  background: transparent;
  border: 0;
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 6px;
  margin-right: 8px;
  padding: 0;
  position: relative;
  outline: none;
}

.conversation-compose .send .circle {
  background: #e8401a;
  border-radius: 14px;
  color: #fff;
  position: relative;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.conversation-compose .send .circle i {
  font-size: 15px;
  margin-left: 0px;
}

.Show-upload-div {

  align-items: center;
  padding: 0.2rem 0.45rem;
  border-radius: 4px;
  font-size: 12px;
  color: #68686b;
  margin: 0px 7px 0px 0px;
  list-style: none;
  cursor: pointer;
  background: #eef0f2;
  border: 1px solid transparent;
  display: flex;


}

.feed-div {
  border-bottom: 1px solid #0000000d;
  margin-bottom: 14px;

}

#feed-org .upload-imgCarousel img {
  height: 95px;
  object-fit: cover;
  width: 100%;
  border-radius: 13px;
}

.like-more:hover .upload-like {
  display: block;
}

.like-more .upload-like {
  z-index: 1;
  top: -34px;
  left: -15px;
}

.like-more {
  position: relative;
}

.lang-ul {
  font-weight: 500;
  color: black;
  margin-right: 7px;
  font-size: 13px;
}

table .w-full.md\:w-14rem.p-dropdown.p-component.p-inputwrapper {
  background: #f3f4f6;
  border-radius: 3px;
  padding-left: 6px;

}

.saving-btn00 .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  background: #ffffff52;
  border: 2px dashed #bcbcbc;
  padding: 0px 8px;
  color: #000000;
  height: 29px !important;
  border-radius: 17px !important;
  margin-right: 7px;
  line-height: 28px !important;
  width: auto;
  font-weight: 500;
  font-size: 10px;
}


.startdatefilter {
  font-size: 11px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  white-space: nowrap;
  height: fit-content;
  margin-top: 7px;
  margin-right: 6px;
}

.enddatefilter {
  font-size: 11px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  white-space: nowrap;
  height: fit-content;
  margin-top: 7px;
  margin-right: 6px;
}

.p-dropdown .p-dropdown-trigger {
  width: 2rem;
}

.w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
}

.lang-li .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
  border: none;
}

.saving-btn00 .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: black;
}

.w-full span.p-dropdown-label.p-inputtext {
  font-size: 11px !important;
  color: #000;
  font-weight: 400 !important;
}

table .p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: #6b7280;
  width: 1rem;
}

.p-dropdown-panel.p-component.p-ripple-disabled.p-connected-overlay-enter-done {
  background: white;
  padding: 6px;
}

table .p-dropdown-trigger svg {
  vertical-align: middle;
  width: 8px;
  color: black;
}

.ticket-datatable .p-column-filter-menu-button {
  display: none !important;
}

.announcements-list .card-title {
  font-size: 15px;
  color: #000000;
  font-weight: 600;
  margin-bottom: 5px;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 19px;
}

/* .announce-card {
  margin-bottom: 2rem;
} */
.select-futurepost {
  font-weight: 500;
  border: 1px solid #0000001a;
  background: white;
  padding: 6px 8px;
  border-radius: 5px;
  height: 29px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

.select-futurepost-article {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #00000012;
  padding: 0px 8px 0 8px;
  color: #000000;
  height: 29px !important;
  border-radius: 5px;
  margin-right: 7px;
  line-height: 26px;
  width: 162px;
  font-weight: 500;
  font-size: 11px;
  justify-content: space-between;
}

.article-filters .d-flexx .w-full.md\:w-14rem.p-dropdown.p-component.p-inputwrapper {
  background: #fff;
  border: 1px solid #00000012;
  padding: 0px 0 0 8px !important;
  color: #000000;
  height: 29px !important;
  border-radius: 5px;
  margin-right: 7px;
  line-height: 26px;
  width: auto;
  font-weight: 500;
  font-size: 10px;
}

.articlescomment:hover .commentarticle {
  display: block;
}

.commentarticle {
  display: none;
  position: absolute;
  right: 5px;
  top: 28px;

}

.submit-articlecomment {
  font-size: 18px;
  border: none;
  color: white;
  height: 34px;
  width: 34px;
  border-radius: 4px;
  line-height: 31px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  /* font-size: 12px; */
  padding: 0px 6px;
  background: linear-gradient(85deg, rgba(223, 52, 12, 1) -23%, rgb(255 93 19) 52%, rgba(212, 49, 11, 1) 153%);
  margin-left: 9px;
  text-decoration: none;
}

.article-editbtn {
  border: none;
  color: white;
  height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 9px 0 9px;
  background: #949ba6;
  margin-left: 0px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.article-deletebtn {
  border: none;
  color: white;
  height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 9px 0 9px;
  background: #fb6540;
  margin-left: 0px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.article-backbtn {
  border: none;
  color: white;
  height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 14px 0 9px;
  background: #671cc9;
  margin-left: 0px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.article-commentsec {
  line-height: 50px;
  position: relative;
  padding: 1% 0% 4%;
  margin-bottom: 2%;
  border-radius: 0px;
  border-bottom: 2px dashed #0000001f;
  align-items: center;
  gap: 8px;
  display: grid;
  grid-template-columns: 1fr;
}

.article-commentsec textarea {
  background: #eef0f26b;
  border: 1px solid var(--bs-gray-400);
  padding: 10px 11px;
  width: 100%;
  line-height: 20px;
  height: 128px;
  font-size: 13px;
  color: black !important;
  padding-right: 4rem;
}

.view-profile-actions {
  margin-top: 21px;
  display: flex;
  gap: 15px;
  justify-content: center;
}

.view-profile-actions a:nth-child(1) {
  border-right: 2px solid #00000030;
  padding-right: 15px;
}

.article-commentsec .icons {
  z-index: 1;
  position: absolute;
  right: 15px;
  top: 0;
}

.article-commentsec .form-control {
  background: #fff;
  border: 1px solid #cbcbcb;
  padding: 5px 10px;
  color: #000000;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
}

.commentarticle img {
  cursor: pointer;
  height: 12px !important;
  width: auto !important;
  border-radius: 0 !important;
  border: 0px solid #fff !important;
  margin-right: 6px !important;
}

.commentarticle-actions img {
  width: 10px;
  margin-left: 8px;
}

.article-filters .form-control {
  background: #fff;
  border: 1px solid #00000012;
  padding: 0px 0px 0 7px;
  color: #000000;
  height: 29px !important;
  border-radius: 5px;
  margin-right: 7px;
  line-height: 26px;
  width: 197px;
  font-weight: 500;
  font-size: 12px;
}

.select-futurepost-article .p-inputswitch.p-component {
  height: 16px;
  width: 37px;
}

.select-futurepost-article .p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff;
  width: 0.8rem;
  height: 0.8rem;
  left: 0.1rem;
  margin-top: -0.4rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}

.select-futurepost-article label {
  margin-bottom: 0;
}

.select-futurepost .p-inputswitch.p-component {
  height: 16px;
  width: 37px;
}

.p-inputswitch {
  /* width: 2.5rem; */
  height: 1.75rem;
}

.select-futurepost .p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff;
  width: 0.8rem;
  height: 0.8rem;
  left: 0.1rem;
  margin-top: -0.4rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}

.select-futurepost label {
  margin-bottom: 0;
}

.card.announce-card {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
}

.announcements-list {
  padding: 1rem;
}

.announcements-list .font-text-display {
  padding-left: 0px;
  position: relative;
  margin-top: 0px;
  margin-bottom: 7px;
}

.announcements-list .first-strong {
  color: black;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 34px;
  /* color: #959595; */
  margin-bottom: 13px;
  font-size: 11px;
  line-height: 1.4;
}

.announcements-list .action-btns {
  position: absolute;
  right: 9px;
  top: 9px;
  gap: 1px;
  z-index: +9;
  display: none;
}

.announcements-list:hover .action-btns {
  display: block;
}

.announcements-list .action-btns span {
  display: inline-block;
  margin-right: 0;
  width: 20px;
  height: 25px;
  line-height: 26px;
  padding: 0 4px;
  border-radius: 4px;
  font-size: 10px;
}

.announcements-list .action-btns span.edit {
  border: none;
  filter: opacity(0.5);
}

.announcements-list .action-btns span.delete {
  border: none;
  filter: opacity(0.5);
}

.award-popup {
  z-index: 1;
}

.position-relation {
  position: relative;
}

.loader-main {
  position: fixed;
  background: #1e1e1ecf;
  width: 100%;
  height: 100%;
  top: 0px;
  height: 100vh;
  right: 0;
  z-index: +99;
}

.loader-wave {
  --size: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;

  /* gap: 10px; */
  gap: calc(var(--size) / 2);

  /* height: 100px; */
  height: calc(var(--size) * 5);
}

.loader-wave div {
  width: 9px;
  /* width: var(--size); */

  height: 9px;
  /* height: var(--size); */

  border-radius: 20px;
  /* border-radius: var(--size); */

  background-color: #ffd700;
  animation: wave 2s infinite ease-in-out;
}

@keyframes wave {
  /* 0%, 100% {
    height: 20px;
    background-color: #ffd700;
  } */

  25% {

    height: calc(var(--size) * 5);
    background-color: #fc00ff;
  }

  50% {

    height: var(--size);
    background-color: #9c73f8;
  }


}

/* .loader :nth-child(1) {
  animation-delay: 0s;
} */

.loader-wave :nth-child(2) {
  animation-delay: 0.2s;
}

.loader-wave :nth-child(3) {
  animation-delay: 0.4s;
}

.loader-wave :nth-child(4) {
  animation-delay: 0.6s;
}

.loader-wave :nth-child(5) {
  animation-delay: 0.8s;
}


.leave-container {
  position: relative;
}

.leave-image {
  width: 100%;
}

.leave-count-overlay {
  right: 0;
  text-align: center;
  position: absolute;
  top: 23%;
  left: 12%;
  padding: 5px;
  border-radius: 5px;
  font-size: 1.4em;
  font-weight: bold;
  color: #f4511e;
}

/* .p-radiobutton-box {
    color: green;
    background-color: green;
} */

#addmodule .timeline {
  list-style: none;
  position: relative;
  padding: 5px 10px;
}

.w-fullticket-custom-dropdown {
  /* margin-left: 35px !important; */
  height: 29px !important;
}

.form-head.top-filters {
  display: flex;
  align-items: center;
  gap: 19px;
  font-size: 14px;
  font-weight: 400;
}

.form-head.top-filters .form-control {
  height: 33px;
  border-radius: 5px;
  font-size: 13px;
  margin: 0 8px;
  font-weight: 100;
}


.watch {
  font-size: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #000000 !important;
}




.advance-settings .main-tab-content {
  width: 100% !important;
}

.advance-settings {
  border-radius: 0;
  padding: 0;
  background: white;
  /* border-radius: 6px; */
  /* height: 80vh; */
  /* overflow-y: scroll; */
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.title-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.award-detail .title-text h3 {
  margin-bottom: 0;
}

.award-detail .title-text button {
  position: inherit;
}

.detail.award-detail .loadresumes .inner {
  color: #3e3e3e;
  border: 0px solid #8d30e230;
  width: 50px;
  height: 40px;
  line-height: 50px;
  padding: 0px;
  border-radius: 11px;
}

.detail.award-detail .loadresumes .custom-file-upload {
  font-size: 12px;
  font-weight: 500;
  color: #1b1a1a;
  margin-right: 6px;
}

.detail.award-detail .loadresumes {
  display: grid;
  grid-template-columns: 50px 180px;
  width: fit-content;
  padding: 0%;
  border: 2px dotted #89888861;
}

.detail.award-detail .loadresumes .inner img {
  display: block;
  margin: auto;
  filter: none;
  height: 40px;
  width: auto;
}

.addaward-btn {
  border: none;
  color: white;
  height: 28px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 8px 0 4px;
  background: #671cc9;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
  position: absolute;
  right: 0;
  top: 0;
}

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");
@import url("https://cdn.jsdelivr.net/gh/lykmapipo/themify-icons@0.1.2/css/themify-icons.css");

#mySidepanel::-webkit-scrollbar {
  width: 7px;
}

/* Track */
#mySidepanel::-webkit-scrollbar-track {
  background: #e0faf900;
}

/* Handle */
#mySidepanel::-webkit-scrollbar-thumb {
  background: #fff;
}

/* Handle on hover */
#mySidepanel::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.advance-settings::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.advance-settings::-webkit-scrollbar-track {
  background: #e0faf900;
}

/* Handle */
.advance-settings::-webkit-scrollbar-thumb {
  background: #fff;
}

.gradient_one {
  background-image: linear-gradient(to right, rgba(186, 1, 181, 0.85) 0%, rgba(103, 25, 255, 0.85) 100%);
}

.gradient-1 {
  background: #f0a907;
  background: -moz-linear-gradient(top, #f0a907 0%, #f53c79 100%);
  background: -webkit-linear-gradient(top, #f0a907 0%, #f53c79 100%);
  background: linear-gradient(to bottom, #f0a907 0%, #f53c79 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0a907', endColorstr='#f53c79', GradientType=0);
}

.gradient-2 {
  background: #4dedf5;
  background: -moz-linear-gradient(top, #4dedf5 0%, #480ceb 100%);
  background: -webkit-linear-gradient(top, #4dedf5 0%, #480ceb 100%);
  background: linear-gradient(to bottom, #4dedf5 0%, #480ceb 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dedf5', endColorstr='#480ceb', GradientType=0);
}

.gradient-3 {
  background: #51f5ae;
  background: -moz-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);
  background: -webkit-linear-gradient(top, #51f5ae 0%, #3fbcda 100%);
  background: linear-gradient(to bottom, #51f5ae 0%, #3fbcda 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51f5ae', endColorstr='#3fbcda', GradientType=0);
}

.gradient-4 {
  background: #f25521;
  background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%);
  background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%);
  background: linear-gradient(to right, #f25521 0%, #f9c70a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25521', endColorstr='#f9c70a', GradientType=1);
}

.gradient-5 {
  background: #f53c79;
  background: -moz-linear-gradient(left, #f53c79 0%, #f0a907 100%);
  background: -webkit-linear-gradient(left, #f53c79 0%, #f0a907 100%);
  background: linear-gradient(to right, #f53c79 0%, #f0a907 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53c79', endColorstr='#f0a907', GradientType=1);
}

.gradient-6 {
  background: #36b9d8;
  background: -moz-linear-gradient(left, #36b9d8 0%, #4bffa2 100%);
  background: -webkit-linear-gradient(left, #36b9d8 0%, #4bffa2 100%);
  background: linear-gradient(to right, #36b9d8 0%, #4bffa2 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36b9d8', endColorstr='#4bffa2', GradientType=1);
}

.gradient-7 {
  background: #4400eb;
  background: -moz-linear-gradient(left, #4400eb 0%, #44e7f5 100%);
  background: -webkit-linear-gradient(left, #4400eb 0%, #44e7f5 100%);
  background: linear-gradient(to right, #4400eb 0%, #44e7f5 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4400eb', endColorstr='#44e7f5', GradientType=1);
}

.gradient-8 {
  background: #F7B00F;
  background: -moz-linear-gradient(top, #F7B00F 0%, #F25521 100%);
  background: -webkit-linear-gradient(top, #F7B00F 0%, #F25521 100%);
  background: linear-gradient(to bottom, #F7B00F 0%, #F25521 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7B00F', endColorstr='#F25521', GradientType=1);
}

.gradient-9,
.datepicker.datepicker-dropdown td.day:hover,
.datepicker.datepicker-dropdown th.next:hover,
.datepicker.datepicker-dropdown th.prev:hover,
.datepicker table tr td.selected,
.datepicker table tr td.active,
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background: #f31e7a !important;
  background: -moz-linear-gradient(left, #f31e7a 0%, #fd712c 100%);
  background: -webkit-linear-gradient(left, #f31e7a 0%, #fd712c 100%);
  background: linear-gradient(to right, #f31e7a 0%, #fd712c 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f31e7a', endColorstr='#fd712c', GradientType=1);
}

.gradient-10 {
  background: #f25521 !important;
  background: -moz-linear-gradient(left, #f25521 0%, #f9c70a 100%);
  background: -webkit-linear-gradient(left, #f25521 0%, #f9c70a 100%);
  background: linear-gradient(to top, #f25521 0%, #f9c70a 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f25521', endColorstr='#f9c70a', GradientType=1);
}

.gradient-11 {
  background: #3398fb;
  background: -moz-linear-gradient(left, #3398fb 0%, #8553ee 100%);
  background: -webkit-linear-gradient(left, #3398fb 0%, #8553ee 100%);
  background: linear-gradient(to right, #3398fb 0%, #8553ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3398fb', endColorstr='#8553ee', GradientType=1);
}

.gradient-12 {
  background: #36e1b4;
  background: -moz-linear-gradient(left, #36e1b4 0%, #11cae7 100%);
  background: -webkit-linear-gradient(left, #36e1b4 0%, #11cae7 100%);
  background: linear-gradient(to right, #36e1b4 0%, #11cae7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36e1b4', endColorstr='#11cae7', GradientType=1);
}

.gradient-13 {
  background: #ffbf31;
  background: -moz-linear-gradient(left, #ffbf31 0%, #ff890e 100%);
  background: -webkit-linear-gradient(left, #ffbf31 0%, #ff890e 100%);
  background: linear-gradient(to right, #ffbf31 0%, #ff890e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf31', endColorstr='#ff890e', GradientType=1);
}

.gradient-14 {
  background: #23bdb8;
  background: -moz-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%);
  background: -webkit-linear-gradient(-45deg, #23bdb8 0%, #43e794 100%);
  background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23bdb8', endColorstr='#43e794', GradientType=1);
}

.gradient-15 {
  background: #9a56ff;
  background: -moz-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%);
  background: -webkit-linear-gradient(-45deg, #9a56ff 0%, #e36cd9 100%);
  background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a56ff', endColorstr='#e36cd9', GradientType=1);
}

.gradient-16 {
  background: #f48665;
  background: -moz-linear-gradient(-45deg, #f48665 0%, #fda23f 100%);
  background: -webkit-linear-gradient(-45deg, #f48665 0%, #fda23f 100%);
  background: linear-gradient(135deg, #f48665 0%, #fda23f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f48665', endColorstr='#fda23f', GradientType=1);
}

.gradient-17 {
  background: #e36cd9;
  background: -moz-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%);
  background: -webkit-linear-gradient(-45deg, #e36cd9 0%, #fe60ae 100%);
  background: linear-gradient(135deg, #e36cd9 0%, #fe60ae 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e36cd9', endColorstr='#fe60ae', GradientType=1);
}

.gradient-18 {
  background: #a15cff;
  background: -moz-linear-gradient(left, #a15cff 0%, #ce82fd 100%);
  background: -webkit-linear-gradient(left, #a15cff 0%, #ce82fd 100%);
  background: linear-gradient(to right, #a15cff 0%, #ce82fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a15cff', endColorstr='#ce82fd', GradientType=1);
}

:root {
  --bs-blue: #5e72e4;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #EE3232;
  --bs-orange: #ff9900;
  --bs-yellow: #FFFA6F;
  --bs-green: #297F00;
  --bs-teal: #20c997;
  --bs-cyan: #3065D0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0E8A74;
  --bs-secondary: #FB3E7A;
  --bs-success: #68CF29;
  --bs-info: #3A82EF;
  --bs-warning: #FE634E;
  --bs-danger: #f72b50;
  --bs-light: #c8c8c8;
  --bs-dark: #6e6e6e;
  --bs-primary-rgb: 14, 138, 116;
  --bs-secondary-rgb: 251, 62, 122;
  --bs-success-rgb: 104, 207, 41;
  --bs-info-rgb: 58, 130, 239;
  --bs-warning-rgb: 254, 99, 78;
  --bs-danger-rgb: 247, 43, 80;
  --bs-light-rgb: 200, 200, 200;
  --bs-dark-rgb: 110, 110, 110;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 25, 64, 57;
  --bs-body-bg-rgb: 249, 249, 249;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: Roboto, sans-serif;
  --bs-body-font-size: 0.875rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #194039;
  --bs-body-bg: #f9f9f9;
  --container-bg-color: #eff2f6;
  --container-border-color: #ddd;
  --container-padding: 15px;
  --card-bg-color: #fff;
  --card-border-color: #fff;
  --card-footer-bg-color: #fff;
  --card-footer-border-color: #fff;
  --deznav-bg-color: #092048;
  --top-ico-bg-color: #ebe7f4;
  --top-ico-color: #000;
  --nav-header-bg-color: #092048;
  --dashboard-titleh2--color: #24385b;
  --main-titleh2--color: #24385b;
  --feed-seach-div-bg-color: #fff;
  --feed-seach-div-border-color: #fff;
  --time-color: #a2a5b9;
  --atag-color: #393a4f;
  --owl-co2-owl-carousel-item-bg-color: #fafafa;
  --upcome-bg-color: #ffffff;
  --upcome-color: #000;
  --likes-div-border-color: #0000000f;
  --fab-wrapper-small-fab-svg-color: black;
  --is-post-card-heading-border-bottom: none;
  --is-post-card-heading-padding: 10px 10px 0 10px;
  --p-inputtext-border: 1px solid #d1d5db;
  --p-inputtext-bg-color: #fcfcfc;
  --lang-li-w-full-p-inputwrapper-filled-bg-color: white;
  --lang-li-w-full-p-inputwrapper-filled-border: 1px solid #e8e8e8;
  --nav-header-logo-abbr-bg-color: white;
  --nav-header-logo-abbr-box-shadow: 0px 0px 34px 7px #1cf6ff7d;
  --lastimgdiv-div-bg-color: #671cc9d9;
  --gallery-by-form-check-label-color: #000;
  --announce-date-img-filter: none;
  --a-color: #0E8A74;
  --owl-co-p-color: #283252;
  --card-heading-p-inputswitch-slider-bg-color: #e3e3e3;
  --dashboard-calendarico-bg-color: white;
  --dashboard-calendarico-border: 1px solid #e8e8e8;
  --p-announced-by-color: #a2a5b9;
  --title-color: #283252;
  --notfound-bg-color: #f9f7fa;
  --notfound-margin: 2rem auto;
  --singlealbum-media-meta-meta-item-color: black;
  --gallery-popupdiv-span-svg-color: black;
  --singlealbum-media-meta-separator-color: #000;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #3d4465;
}

h1,
.h1 {
  font-size: calc(1.35rem + 1.2vw);
}


h2,
.h2 {
  font-size: calc(1.3125rem + 0.75vw);
}


h3,
.h3 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }

  .display-1 {
    font-size: 5rem;
  }

  .display-2 {
    font-size: 4.5rem;
  }

  .display-3 {
    font-size: 4rem;
  }

  .display-4 {
    font-size: 3.5rem;
  }

  .display-5 {
    font-size: 3rem;
  }

  .display-6 {
    font-size: 2.5rem;
  }

  h1,
  .h1 {
    font-size: 2.25rem;
  }

  h2,
  .h2 {
    font-size: 1.6rem;
  }

  h3,
  .h3 {
    font-size: 1.5rem;
  }
}

h4,
.h4 {
  font-size: 1.125rem;
}

h5,
.h5 {
  font-size: 1rem;
}

h6,
.h6 {
  font-size: 0.938rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  /* padding-left: 2rem; */
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small,
.small {
  font-size: 0.81em;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #0E8A74;

}

a:hover {
  color: #0b6e5d;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr
    /* rtl:ignore */
  ;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #e83e8c;
  word-wrap: break-word;
}

a>code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #89879f;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

legend+* {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.09375rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}


.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}


.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}


.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}


.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}


.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}

.blockquote> :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f9f9f9;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 15px);
  margin-right: auto;
  margin-left: auto;
}

#tutorial iframe {
  border: 0;
  border-radius: 26px;
}

#tutorial .modal-content {
  background-color: #ffffff00;
  border: 0px solid rgba(0, 0, 0, 0.2);
}

@media (min-width: 576px) {
  #tutorial .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }

  .columns:not(.is-desktop) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .container,
  .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {

  .column.is-4,
  .column.is-4-tablet {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333337%;
    padding: 0.75rem;
  }


  .column.is-one-fifth,
  .column.is-one-fifth-tablet {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%;
  }


  .container,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 885px;
  }

  .center .candidates .h-avatar {
    font-size: 10px !important;
  }

  .rightside-tabs .me-auto h2 {
    font-size: 12px !important;
  }
}

@media (min-width: 1200px) {
  .center .candidates .h-avatar {
    font-size: 10px !important;

  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1440) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}

.row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.33333%;
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.66667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

.actionbutton-exit {
  display: flex;

  gap: 15px;
}

.actionbutton-exit.artical {
  display: flex;
  grid-template-columns: 1fr auto;
  gap: 10px;
  justify-content: end;
}

.actionbutton-exit .select-futurepost-article {
  margin-right: 0;
}

.actionbutton-exit .form-control {
  height: 28px;
  line-height: 28px;
  background: #f9fafb;
  border: 1px solid #00000054;
  padding: 2px 10px;
  color: #000000;
  font-size: 11px;
  font-weight: 400;
  border-radius: 5px;
}

.actionbutton-exit div.div {
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: 7px;
}

.actionbutton-exit div.div span {
  font-size: 11px;
  color: #000000;
  font-weight: 500;

}

.reason-section strong {
  font-size: 14px;
}

.reason-section p.comment {
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
  font-size: 13px;
}

.reason-section ul {
  margin-top: 1rem;
  border-bottom: 1px dashed #b8b8b8;
  padding-bottom: 1rem;
}

.reason-section ul li b {
  color: black;
  margin-right: 5px;
  font-weight: 400;
}

.reason-section ul li {
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
  /* color: #a2add2; */
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  margin-top: 8px;
  line-height: 1.4;
  margin-bottom: 14px;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.66667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333%;
  }

  .offset-sm-5 {
    margin-left: 41.66667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333%;
  }

  .offset-sm-8 {
    margin-left: 66.66667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333%;
  }

  .offset-sm-11 {
    margin-left: 91.66667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.66667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333%;
  }

  .offset-md-5 {
    margin-left: 41.66667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333%;
  }

  .offset-md-8 {
    margin-left: 66.66667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333%;
  }

  .offset-md-11 {
    margin-left: 91.66667%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .offset-lg-11 {
    margin-left: 91.66667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1000px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .offset-xl-11 {
    margin-left: 91.66667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1440) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #194039;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #194039;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #194039;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #194039;
  vertical-align: top;
  border-color: #F8F8F8;
}

.table> :not(caption)>*>* {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table>tbody {
  vertical-align: inherit;
}

.table>thead {
  vertical-align: bottom;
}

.table> :not(:first-child) {
  border-top: 2px solid currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm> :not(caption)>*>* {
  padding: 0.25rem 0.25rem;
}

.table-bordered> :not(caption)>* {
  border-width: 0px 0;
  /* background: #f9f9f9; */
}

.table-bordered> :not(caption)>*>* {
  border-width: 0 0px;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #092048;
  border-color: #e2dede;
  color: #ffffff;
  border-radius: 7px;
}

.p-paginator .p-paginator-pages .p-paginator-page {
  min-width: 2rem;
  height: 2rem;
  margin-left: 5px;
}

.table-borderless> :not(caption)>*>* {
  border-bottom-width: 0;
}

.table-borderless> :not(:first-child) {
  border-top-width: 0;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  background: rgb(242 244 249) !important;
  color: black;
  font-size: 14px;
}

.added-employee-card .table-bordered> :not(caption)>* {
  border-width: 0px 0;
  background: #ffffff;
}

.added-employee-card .table .btn-secondary {
  color: #fff;
  background-color: #4db6ac;
  border-color: #4db6ac;
}

.table-striped>tbody>tr>td>span {
  font-weight: 500;
  color: #000000;
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe8e3;
  --bs-table-striped-bg: #c5dcd8;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bad1cc;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd7d2;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bad1cc;
}

.table-secondary {
  --bs-table-bg: #fed8e4;
  --bs-table-striped-bg: #f1cdd9;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e5c2cd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ebc8d3;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e5c2cd;
}

.table-success {
  --bs-table-bg: #e1f5d4;
  --bs-table-striped-bg: #d6e9c9;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbddbf;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d0e3c4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbddbf;
}

.table-info {
  --bs-table-bg: #d8e6fc;
  --bs-table-striped-bg: #cddbef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c2cfe3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c8d5e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c2cfe3;
}

.table-warning {
  --bs-table-bg: #ffe0dc;
  --bs-table-striped-bg: #f2d5d1;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6cac6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #eccfcc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6cac6;
}

.table-danger {
  --bs-table-bg: #fdd5dc;
  --bs-table-striped-bg: #f0cad1;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e4c0c6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #eac5cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e4c0c6;
}

.table-light {
  --bs-table-bg: #c8c8c8;
  --bs-table-striped-bg: #bebebe;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b4b4b4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #b9b9b9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #b4b4b4;
}

.table-dark {
  --bs-table-bg: #6e6e6e;
  --bs-table-striped-bg: #757575;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #7d7d7d;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #797979;
  --bs-table-hover-color: #000;
  color: #fff;
  border-color: #7d7d7d;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}



.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  /* color: #194039; */
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.3rem;
  transition: color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #194039;
}

.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #000;
  background-color: #092048 !important;
  border-color: #092048 !important;
}

.btn-primary:hover {
  color: #000;
  background-color: #0fbeae;
  border-color: #12bdad;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #000;
  background-color: #3c32b5;
  border-color: #3c32b5;
  box-shadow: 0 0 0 0.25rem rgb(60 50 181 / 38%);
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
  color: #000;
  background-color: #0fbeae;
  border-color: #12bdad;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgb(60 50 181 / 38%);
}

.btn-primary:disabled,
.btn-primary.disabled {
  color: #000;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.btn-secondary {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-secondary:hover {
  color: #000;
  background-color: #fc5b8e;
  border-color: #fb5187;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  color: #000;
  background-color: #fc5b8e;
  border-color: #fb5187;
  box-shadow: 0 0 0 0.25rem rgba(213, 53, 104, 0.5);
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
  color: #000;
  background-color: #fc6595;
  border-color: #fb5187;
}

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 53, 104, 0.5);
}

.btn-secondary:disabled,
.btn-secondary.disabled {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-success {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-success:hover {
  color: #000;
  background-color: #7fd649;
  border-color: #77d43e;
}

.btn-check:focus+.btn-success,
.btn-success:focus {
  color: #000;
  background-color: #7fd649;
  border-color: #77d43e;
  box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5);
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
  color: #000;
  background-color: #86d954;
  border-color: #77d43e;
}

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(88, 176, 35, 0.5);
}

.btn-success:disabled,
.btn-success.disabled {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-info {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-info:hover {
  color: #000;
  background-color: #5895f1;
  border-color: #4e8ff1;
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #000;
  background-color: #5895f1;
  border-color: #4e8ff1;
  box-shadow: 0 0 0 0.25rem rgba(49, 111, 203, 0.5);
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
  color: #000;
  background-color: #619bf2;
  border-color: #4e8ff1;
}

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 111, 203, 0.5);
}

.btn-info:disabled,
.btn-info.disabled {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-warning {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-warning:hover {
  color: #000;
  background-color: #fe7a69;
  border-color: #fe7360;
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
  color: #000;
  background-color: #fe7a69;
  border-color: #fe7360;
  box-shadow: 0 0 0 0.25rem rgba(216, 84, 66, 0.5);
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
  color: #000;
  background-color: #fe8271;
  border-color: #fe7360;
}

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(216, 84, 66, 0.5);
}

.btn-warning:disabled,
.btn-warning.disabled {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-danger {
  color: #000;
  background-color: #ec4119;
  border-color: #ec4119;
}

.btn-danger:hover {
  color: #ffffff;
  background-color: #ec4119;
  border-color: #ec4119;
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
  color: #000;
  background-color: #f84b6a;
  border-color: #f84062;
  box-shadow: 0 0 0 0.25rem rgba(210, 37, 68, 0.5);
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
  color: #000;
  background-color: #f95573;
  border-color: #f84062;
}

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(210, 37, 68, 0.5);
}

.btn-danger:disabled,
.btn-danger.disabled {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50;
}

.btn-light {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-light:hover {
  color: #000;
  background-color: #d0d0d0;
  border-color: #cecece;
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  color: #000;
  background-color: #d0d0d0;
  border-color: #cecece;
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
  color: #000;
  background-color: lightgray;
  border-color: #cecece;
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5);
}

.btn-light:disabled,
.btn-light.disabled {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-dark {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-dark:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #585858;
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #585858;
  box-shadow: 0 0 0 0.25rem rgba(132, 132, 132, 0.5);
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #585858;
  border-color: #535353;
}

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(132, 132, 132, 0.5);
}

.btn-dark:disabled,
.btn-dark.disabled {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-outline-primary {
  color: #0E8A74;
  border-color: #0E8A74;
}

.btn-outline-primary:hover {
  color: #000;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.5);
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #000;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.5);
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: #0E8A74;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-outline-secondary:hover {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 62, 122, 0.5);
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
  color: #000;
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(251, 62, 122, 0.5);
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
  color: #FB3E7A;
  background-color: transparent;
}

.btn-outline-success {
  color: #68CF29;
  border-color: #68CF29;
}

.btn-outline-success:hover {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.5);
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
  color: #000;
  background-color: #68CF29;
  border-color: #68CF29;
}

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(104, 207, 41, 0.5);
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
  color: #68CF29;
  background-color: transparent;
}

.btn-outline-info {
  color: #3A82EF;
  border-color: #3A82EF;
}

.btn-outline-info:hover {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 130, 239, 0.5);
}

.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #3A82EF;
  border-color: #3A82EF;
}

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(58, 130, 239, 0.5);
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
  color: #3A82EF;
  background-color: transparent;
}

.btn-outline-warning {
  color: #FE634E;
  border-color: #FE634E;
}

.btn-outline-warning:hover {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 99, 78, 0.5);
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #FE634E;
  border-color: #FE634E;
}

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(254, 99, 78, 0.5);
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
  color: #FE634E;
  background-color: transparent;
}

.btn-outline-danger {
  color: #f72b50;
  border-color: #f72b50;
}

.btn-outline-danger:hover {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50;
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.5);
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50;
}

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.5);
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
  color: #f72b50;
  background-color: transparent;
}

.btn-outline-light {
  color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-outline-light:hover {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, 0.5);
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, 0.5);
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
  color: #c8c8c8;
  background-color: transparent;
}

.btn-outline-dark {
  color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.5);
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.5);
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
  color: #6e6e6e;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0E8A74;
  text-decoration: underline;
}

.btn-link:hover {
  color: #0b6e5d;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 0.875rem;
  color: #194039;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

.delete-policy {
  border: none;
  color: white;
  height: 32px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 10px 0 9px;
  background: #ff796f;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0px;
}

.edit-policy {
  border: none;
  color: white;
  height: 32px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 10px 0 9px;
  background: #671cc9;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0px;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1440) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0E8A74;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.76563rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0E8A74;
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

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

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group>.btn:nth-child(n + 3),
.btn-group> :not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%;
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  /*background-color: #ffffff;*/
  border-radius: 22px;
  padding: 6px 8px;
  border-width: 0 0px 3px 0;
  display: block;
  color: #00000070;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.custom-tab-1 {
  margin-top: 0%;
}

.h-auto {
  height: auto;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:hover,
.nav-link:focus {
  color: #3c32b5;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

/*.nav-tabs {
  border-bottom: 1px solid #dee2e6; }*/
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 3px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent;
  isolation: isolate;
  border-bottom-color: #671cc9;
  box-shadow: unset;
  isolation: isolate;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  /* color: #495057;
  background-color: #f9f9f9;
  border-color: #dee2e6 #dee2e6 #f9f9f9; */
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.5rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #3c32b5;
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: 0.33594rem;
  padding-bottom: 0.33594rem;
  margin-right: 1rem;
  font-size: 1.09375rem;
  text-decoration: none;
  white-space: nowrap;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  transition: box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-sm .offcanvas-top,
  .navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-md .offcanvas-top,
  .navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-lg .offcanvas-top,
  .navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-xl .offcanvas-top,
  .navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1440) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }

  .navbar-expand-xxl .offcanvas-top,
  .navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }

  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}

.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}

.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  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.3rem;
}

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

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0;
}


.commentdiv .likers-text {
  width: 83%;
}

/* 
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
} */

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

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

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

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

.card-header {
  padding: 0.5rem 1rem;
  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.5rem - 1px) calc(0.5rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem 1rem;
  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.5rem - 1px) calc(0.5rem - 1px);
}

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

.card-header-tabs .nav-link.active {
  background-color: #fff;
  border-bottom-color: #fff;
}

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

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

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

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-top,
  .card-group>.card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group>.card:not(:last-child) .card-img-bottom,
  .card-group>.card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-top,
  .card-group>.card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group>.card:not(:first-child) .card-img-bottom,
  .card-group>.card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 0.875rem;
  color: #194039;
  text-align: left;
  background-color: #f9f9f9;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: #0d7c68;
  background-color: #e7f3f1;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230d7c68'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23194039'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #87c5ba;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #f9f9f9;
  /* border: 1px solid rgba(0, 0, 0, 0.125); */
}

.accordion-item:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/")
    /* rtl: var(--bs-breadcrumb-divider, "/") */
  ;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #0E8A74;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover {
  z-index: 2;
  color: #0b6e5d;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  color: #0b6e5d;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem !important;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #085346;
  background-color: #cfe8e3;
  border-color: #b7dcd5;
}

.alert-primary .alert-link {
  color: #064238;
}

.alert-secondary {
  color: #972549;
  background-color: #fed8e4;
  border-color: #fec5d7;
}

.alert-secondary .alert-link {
  color: #791e3a;
}

.alert-success {
  color: #2a5310;
  background-color: #e1f5d4;
  border-color: #d2f1bf;
}

.alert-success .alert-link {
  color: #22420d;
}

.alert-info {
  color: #234e8f;
  background-color: #d8e6fc;
  border-color: #c4dafa;
}

.alert-info .alert-link {
  color: #1c3e72;
}

.alert-warning {
  color: #983b2f;
  background-color: #ffe0dc;
  border-color: #ffd0ca;
}

.alert-warning .alert-link {
  color: #7a2f26;
}

.alert-danger {
  color: #941a30;
  background-color: #fdd5dc;
  border-color: #fdbfcb;
}

.alert-danger .alert-link {
  color: #761526;
}

.alert-light {
  color: #505050;
  background-color: #f4f4f4;
  border-color: #efefef;
}

.alert-light .alert-link {
  color: #404040;
}

.alert-dark {
  color: #424242;
  background-color: #e2e2e2;
  border-color: #d4d4d4;
}

.alert-dark .alert-link {
  color: #353535;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #e9ecef;
  border-radius: 0.5rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0E8A74;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered>li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #194039;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0E8A74;
  border-color: #0E8A74;
}

.list-group-item+.list-group-item {
  border-top-width: 0;
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1440) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl>.list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl>.list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #085346;
  background-color: #cfe8e3;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #085346;
  background-color: #bad1cc;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #085346;
  border-color: #085346;
}

.list-group-item-secondary {
  color: #972549;
  background-color: #fed8e4;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #972549;
  background-color: #e5c2cd;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #972549;
  border-color: #972549;
}

.list-group-item-success {
  color: #2a5310;
  background-color: #e1f5d4;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #2a5310;
  background-color: #cbddbf;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #2a5310;
  border-color: #2a5310;
}

.list-group-item-info {
  color: #234e8f;
  background-color: #d8e6fc;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #234e8f;
  background-color: #c2cfe3;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #234e8f;
  border-color: #234e8f;
}

.list-group-item-warning {
  color: #983b2f;
  background-color: #ffe0dc;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #983b2f;
  background-color: #e6cac6;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #983b2f;
  border-color: #983b2f;
}

.list-group-item-danger {
  color: #941a30;
  background-color: #fdd5dc;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #941a30;
  background-color: #e4c0c6;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #941a30;
  border-color: #941a30;
}

.list-group-item-light {
  color: #505050;
  background-color: #f4f4f4;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #505050;
  background-color: gainsboro;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #505050;
  border-color: #505050;
}

.list-group-item-dark {
  color: #424242;
  background-color: #e2e2e2;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #424242;
  background-color: #cbcbcb;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #424242;
  border-color: #424242;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.5rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(14, 138, 116, 0.25);
  opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container> :not(:last-child) {
  margin-bottom: 15px;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

/* .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: +99;
  display: none;
  width: 100%;
  height: 100%;
  outline: 0;
  overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: #ffffff #eaeaea;
    scrollbar-width: none;
} */

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  outline: 0;
  padding: 0.5rem;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #e6e6e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  position: absolute;
  right: 1.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  top: 1.5rem;
  font-size: 12px;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.3rem;
  border-top: 1px solid #f8f8f800;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer>* {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 480px;
    margin: 1.75rem auto;
  }

  #logout-popup .modal-dialog {
    max-width: 400px;
  }

  #logout-popup .modal-body {
    padding: 2rem 1rem 2rem;
  }

  #logout-popup .modal-body p {
    font-size: 16px;
    color: #918f8f;
    margin-bottom: 0;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.modal-fullscreen .modal-footer {
  border-radius: 0;
}

.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.76563rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.5rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0
    /* rtl:ignore */
  ;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.76563rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #3d4465;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #194039;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {

  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {

  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
      /* rtl:ignore */
    ;
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {

  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}

.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: .6em;
}

.placeholder-sm {
  min-height: .8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0E8A74;
}

.link-primary:hover,
.link-primary:focus {
  color: #3ea190;
}

.link-secondary {
  color: #FB3E7A;
}

.link-secondary:hover,
.link-secondary:focus {
  color: #fc6595;
}

.link-success {
  color: #68CF29;
}

.link-success:hover,
.link-success:focus {
  color: #86d954;
}

.link-info {
  color: #3A82EF;
}

.link-info:hover,
.link-info:focus {
  color: #619bf2;
}

.link-warning {
  color: #FE634E;
}

.link-warning:hover,
.link-warning:focus {
  color: #fe8271;
}

.link-danger {
  color: #f72b50;
}

.link-danger:hover,
.link-danger:focus {
  color: #f95573;
}

.link-light {
  color: #c8c8c8;
}

.link-light:hover,
.link-light:focus {
  color: lightgray;
}

.link-dark {
  color: #6e6e6e;
}

.link-dark:hover,
.link-dark:focus {
  color: #585858;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

@media (min-width: 1440) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

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

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #F8F8F8 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #F8F8F8 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #F8F8F8 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #F8F8F8 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #F8F8F8 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0E8A74 !important;
}

.border-secondary {
  border-color: #FB3E7A !important;
}

.border-success {
  border-color: #68CF29 !important;
}

.border-info {
  border-color: #3A82EF !important;
}

.border-warning {
  border-color: #FE634E !important;
}

.border-danger {
  border-color: #f72b50 !important;
}

.border-light {
  border-color: #c8c8c8 !important;
}

.border-dark {
  border-color: #6e6e6e !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
  font-size: 12px;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.35rem + 1.2vw) !important;
}

.fs-2 {
  font-size: calc(1.3125rem + 0.75vw) !important;
}

.fs-3 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-4 {
  font-size: 1.125rem !important;
}

.fs-5 {
  font-size: 1rem !important;
}

.fs-6 {
  font-size: 0.938rem !important;
}

.fs-8 {
  font-size: 13px;
}

.fs-9 {
  font-size: 12px;
}

.termcondition-link {
  color: #ff4500;
  transition: .1s ease;
}

.termcondition-link:hover {
  color: #315dcb;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

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

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: #3c32b5;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgb(172 172 172) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #89879f !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.5rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.5rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-end {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.5rem !important;
  border-top-left-radius: 0.5rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}


/*sp*/
.row.sp4,
.sp4 {
  margin-left: -2px;
  margin-right: -2px;
}

.row.sp4 [class*="col-"],
.sp4 [class*="col-"] {
  padding-left: 2px;
  padding-right: 2px;
}

.op1 {
  opacity: 0.1;
}

.op2 {
  opacity: 0.2;
}

.op3 {
  opacity: 0.3;
}

.op4 {
  opacity: 0.4;
}

.op5 {
  opacity: 0.5;
}

.op6 {
  opacity: 0.6;
}

.op7 {
  opacity: 0.7;
}

.op8 {
  opacity: 0.8;
}

.op9 {
  opacity: 0.9;
}

.content-heading {
  font-size: 16px;
  margin-bottom: 1.875rem;
  margin-top: 3.125rem;
  border-bottom: 1px solid #F0F0F0;
  padding-bottom: 10px;
}

[direction="rtl"] .content-heading {
  text-align: right;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

.vh-100 {
  height: 100vh !important;
}

.support-ticket {
  position: fixed;
  bottom: 30px;
  right: 15px;
  z-index: 999999;
}

.support-ticket-btn {
  width: 100px;
  background: #7CB442;
  animation: 0.7s ease-in-out 0s infinite alternate none running crescendo;
  border-radius: 50px;
  color: #fff;
  font-size: 8px;
  font-size: 16px;
  padding: 5px 10px 7px;
  text-align: center;
  display: inline-block;
  box-shadow: rgba(124, 180, 66, 0.7) 0px 8px 35px 0px;
}

.support-ticket-btn:hover,
.support-ticket-btn:focus {
  color: #fff;
}

.scale1 {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  display: inline-block;
}

.scale2 {
  transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  display: inline-block;
}

.scale3 {
  transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  display: inline-block;
}

.scale4 {
  transform: scale(1.4);
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  display: inline-block;
}

.scale5 {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  display: inline-block;
}

.scale-2 {
  transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  display: inline-block;
}

@-webkit-keyframes crescendo {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }

  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}

.height10 {
  height: 10px;
}

.height20 {
  height: 20px;
}

.height30 {
  height: 30px;
}

.height40 {
  height: 40px;
}

.height50 {
  height: 50px;
}

.height60 {
  height: 60px;
}

.height70 {
  height: 70px;
}

.height80 {
  height: 80px;
}

.height90 {
  height: 90px;
}

.height100 {
  height: 100px;
}

.height110 {
  height: 110px;
}

.height120 {
  height: 120px;
}

.height130 {
  height: 130px;
}

.height140 {
  height: 140px;
}

.height150 {
  height: 150px;
}

.height160 {
  height: 160px;
}

.height170 {
  height: 170px;
}

.height180 {
  height: 180px;
}

.height190 {
  height: 190px;
}

.height200 {
  height: 200px;
}

.height210 {
  height: 210px;
}

.height220 {
  height: 220px;
}

.height230 {
  height: 230px;
}

.height240 {
  height: 240px;
}

.height250 {
  height: 250px;
}

.height260 {
  height: 260px;
}

.height270 {
  height: 270px;
}

.height280 {
  height: 280px;
}

.height290 {
  height: 290px;
}

.height300 {
  height: 300px;
}

.height310 {
  height: 310px;
}

.height320 {
  height: 320px;
}

.height330 {
  height: 330px;
}

.height340 {
  height: 340px;
}

.height350 {
  height: 350px;
}

.height360 {
  height: 360px;
}

.height370 {
  height: 370px;
}

.height380 {
  height: 380px;
}

.height390 {
  height: 390px;
}

.height400 {
  height: 400px;
}

.height415 {
  height: 415px;
}

.height500 {
  height: 500px;
}

.height550 {
  height: 550px;
}

.height600 {
  height: 600px;
}

.height630 {
  height: 630px;
}

.height720 {
  height: 720px;
}

.height750 {
  height: 750px;
}

.height800 {
  height: 800px;
}

.width10 {
  width: 10px;
}

.width20 {
  width: 20px;
}

.width30 {
  width: 30px;
}

.width40 {
  width: 40px;
}

.width50 {
  width: 50px;
}

.width60 {
  width: 60px;
}

.width70 {
  width: 70px;
}

.width80 {
  width: 80px;
}

.width90 {
  width: 90px;
}

.width100 {
  width: 100px;
}

.width110 {
  width: 110px;
}

.width120 {
  width: 120px;
}

.width130 {
  width: 130px;
}

.width140 {
  width: 140px;
}

.width150 {
  width: 150px;
}

.width160 {
  width: 160px;
}

.width170 {
  width: 170px;
}

.width180 {
  width: 180px;
}

.width190 {
  width: 190px;
}

.width200 {
  width: 200px;
}

.width210 {
  width: 210px;
}

.width220 {
  width: 220px;
}

.width230 {
  width: 230px;
}

.width240 {
  width: 240px;
}

.width250 {
  width: 250px;
}

.width260 {
  width: 260px;
}

.width270 {
  width: 270px;
}

.width280 {
  width: 280px;
}

.width290 {
  width: 290px;
}

.width300 {
  width: 300px;
}

.width310 {
  width: 310px;
}

.width320 {
  width: 320px;
}

.width330 {
  width: 330px;
}

.width340 {
  width: 340px;
}

.width350 {
  width: 350px;
}

.width360 {
  width: 360px;
}

.width370 {
  width: 370px;
}

.width380 {
  width: 380px;
}

.width390 {
  width: 390px;
}

.width400 {
  width: 400px;
}

.rounded {
  border-radius: 1rem !important;
}

label {
  margin-bottom: 0.5rem;
}

.small-rounded-cross {
  width: 17px;
  height: 17px;
  line-height: 15px;
  padding: 0px;
  border-radius: 41px;
}

@keyframes gXGDoR {
  from {
    -webkit-transform: translateY(5px) scale(0.8);
    -ms-transform: translateY(5px) scale(0.8);
    transform: translateY(5px) scale(0.8);
  }

  to {
    -webkit-transform: translateY(0px) scale(1);
    -ms-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
}

/* Editable */
.componentloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  left: 0;
  top: 0;
  background-color: #fff;
}

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  left: 0;
  top: 0;
  background-color: #fff;
}



.loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}

.loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}

.loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}

.loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}

.loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}

.loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}

.loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}

.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}

.loader:after {
  content: "Loading";
  font-weight: bold;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  animation-name: loading-text;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }

  45% {
    transform: translateX(230px);
  }

  65% {
    transform: translateX(230px);
  }

  95% {
    transform: translateX(0);
  }
}

@keyframes loading-text {
  0% {
    content: "Loading";
  }

  25% {
    content: "Loading.";
  }

  50% {
    content: "Loading..";
  }

  75% {
    content: "Loading...";
  }
}

.footer {
  color: white;
  background-color: #ffffff;
  z-index: +3;
  font-size: 13px;
  position: sticky;
  bottom: 0;
  border-top: 1px solid #00000008;
}

.footer .copyright {
  padding: 0.9375rem;
}

.footer .copyright p {
  text-align: center;
  margin: 0;
  color: #7ba39b;
}

.footer .copyright a {
  color: #d5c9c9;
}

[data-sidebar-style="mini"] .nav-control,
[data-layout="horizontal"] .nav-control {
  display: none;
}

.setdiv select {
  padding: 4px;
}

@media only screen and (max-width: 767px) {


  .recent-block {
    display: block !important;
  }



  #app {
    width: 92% !important;
  }

  .kudos-list ul li {
    display: inline-block !important;
  }

  .account-owner ul li {
    list-style: none;
    margin: 0% 0px 0 0;
    border-bottom: 1px solid #ffffff;
    padding: 2% 0;
    padding: 3px 0px;
    display: inline-block;
    min-width: fit-content;
  }

  .account-owner .col-6 {
    flex: 0 0 auto;
    width: 100% !important;
  }

  .account-owner .firstnav-own {
    width: 100% !important;
    display: flex !important;
    overflow-x: scroll !important;
    display: flex !important;
    align-items: center !important;
    /* justify-content: center; */
    flex-wrap: nowrap;
  }

  .account-owner .main-tab-content {
    width: 100% !important;
  }

  .account-owner {
    display: block !important;
  }

  .quantity input {
    width: 100% !important;
  }

  .datediv .form-group {
    display: block !important;
  }

  .datediv .form-group .setdiv {
    display: grid !important;
  }

  .reminder-list .re-inner-list {
    padding: 14px 4px !important;
    margin: 0 3% 0 0% !important;
  }

  .firstleft-second .re-inner-list p {
    font-size: 10px !important;
    line-height: 1;
  }

  .firstleft-div p {
    margin-bottom: 2px !important;
  }


  .firstleft-second {
    margin-top: 17px;
    text-align: center;
    width: 100% !important;
  }

  .firstleft-second .re-inner-list strong {
    font-size: 24px !important;
  }

  .reminder-list .re-inner-list i {
    width: 33px !important;
    height: 33px !important;
    padding: 8px !important;
  }

  .firstleft-div img {
    width: 37% !important;
    margin-top: 1% !important;
  }

  .firstleft-div {
    width: 100% !important;
    border-right: 0px solid #0000000d !important;
    padding-right: 0 !important;
  }

  .display-div {
    display: block !important;
  }

  .form-head.displayset {
    display: block !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item {
    position: relative;
    display: block !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .status {
    margin: 0 12px 6px 3px !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box {
    display: block !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .h-avatar .avatar {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item:before {
    display: none !important;
  }

  .timeline-wrapper .timeline-wrapper-inner {
    padding-top: 9px !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text {
    margin-left: 0 !important;
  }

  .search-area2 {
    width: 100% !important;
    margin-top: 9px;
  }

  .search-task {
    width: 100% !important;
    margin-top: 9px;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p a {
    display: initial !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .dot {
    display: none;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .content-wrap .content-box .box-text .meta-text p {
    color: #b3b8d0;
    display: inherit !important;
  }

  [data-sidebar-style="overlay"] .nav-header .logo-abbr {
    display: block;
  }
}

[data-header-position="fixed"] .nav-header {
  position: fixed;
  left: auto;
}

.nav-header {
  height: 5.5rem;
  width: 69px;
  display: inline-block;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #092048;
  transition: all .2s ease;
  z-index: 5;
  border-right: 1px solid #f8f8f800;
}

.nav-header.dez-bg {
  background-size: 1000px;
  background-position: left;
  background-attachment: fixed;
}

.nav-header.dez-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  z-index: -1;
}


@media only screen and (max-width: 1400px) {
  .nav-header .logo-abbr {
    max-width: 45px;
    min-width: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .nav-header .logo-abbr {
    min-width: 35px;
    width: 35px;
    height: 35px;
  }
}

.nav-header .logo-compact {
  display: none;
}

.nav-label {
  margin: 10px 30px 0;
  padding: 1.5625rem 0 10px;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  border-top: 1px solid #eaeaea;
  color: #999999;
}

[data-theme-version="dark"] .nav-label {
  border-color: #3e454d;
}

.nav-label.first {
  border: 0px;
  margin-top: 0px;
}

.nav-badge {
  position: absolute;
  right: 2.8125rem;
  top: 0.625rem;
}

.content-body {
  margin-left: 18.563rem;
  z-index: 0;
  transition: all .2s ease;
}

@media only screen and (max-width: 1400px) {
  .content-body {
    margin-left: 17rem;
  }
}

.bell img {
  -webkit-animation: ring 8s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 8s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 8s .7s ease-in-out infinite;
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
  }

  1% {
    -webkit-transform: rotateZ(30deg);
  }

  3% {
    -webkit-transform: rotateZ(-28deg);
  }

  5% {
    -webkit-transform: rotateZ(34deg);
  }

  7% {
    -webkit-transform: rotateZ(-32deg);
  }

  9% {
    -webkit-transform: rotateZ(30deg);
  }

  11% {
    -webkit-transform: rotateZ(-28deg);
  }

  13% {
    -webkit-transform: rotateZ(26deg);
  }

  15% {
    -webkit-transform: rotateZ(-24deg);
  }

  17% {
    -webkit-transform: rotateZ(22deg);
  }

  19% {
    -webkit-transform: rotateZ(-20deg);
  }

  21% {
    -webkit-transform: rotateZ(18deg);
  }

  23% {
    -webkit-transform: rotateZ(-16deg);
  }

  25% {
    -webkit-transform: rotateZ(14deg);
  }

  27% {
    -webkit-transform: rotateZ(-12deg);
  }

  29% {
    -webkit-transform: rotateZ(10deg);
  }

  31% {
    -webkit-transform: rotateZ(-8deg);
  }

  33% {
    -webkit-transform: rotateZ(6deg);
  }

  35% {
    -webkit-transform: rotateZ(-4deg);
  }

  37% {
    -webkit-transform: rotateZ(2deg);
  }

  39% {
    -webkit-transform: rotateZ(-1deg);
  }

  41% {
    -webkit-transform: rotateZ(1deg);
  }

  43% {
    -webkit-transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(0);
  }
}

@-moz-keyframes ring {
  0% {
    -moz-transform: rotate(0);
  }

  1% {
    -moz-transform: rotate(30deg);
  }

  3% {
    -moz-transform: rotate(-28deg);
  }

  5% {
    -moz-transform: rotate(34deg);
  }

  7% {
    -moz-transform: rotate(-32deg);
  }

  9% {
    -moz-transform: rotate(30deg);
  }

  11% {
    -moz-transform: rotate(-28deg);
  }

  13% {
    -moz-transform: rotate(26deg);
  }

  15% {
    -moz-transform: rotate(-24deg);
  }

  17% {
    -moz-transform: rotate(22deg);
  }

  19% {
    -moz-transform: rotate(-20deg);
  }

  21% {
    -moz-transform: rotate(18deg);
  }

  23% {
    -moz-transform: rotate(-16deg);
  }

  25% {
    -moz-transform: rotate(14deg);
  }

  27% {
    -moz-transform: rotate(-12deg);
  }

  29% {
    -moz-transform: rotate(10deg);
  }

  31% {
    -moz-transform: rotate(-8deg);
  }

  33% {
    -moz-transform: rotate(6deg);
  }

  35% {
    -moz-transform: rotate(-4deg);
  }

  37% {
    -moz-transform: rotate(2deg);
  }

  39% {
    -moz-transform: rotate(-1deg);
  }

  41% {
    -moz-transform: rotate(1deg);
  }

  43% {
    -moz-transform: rotate(0);
  }

  100% {
    -moz-transform: rotate(0);
  }
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }

  1% {
    transform: rotate(30deg);
  }

  3% {
    transform: rotate(-28deg);
  }

  5% {
    transform: rotate(34deg);
  }

  7% {
    transform: rotate(-32deg);
  }

  9% {
    transform: rotate(30deg);
  }

  11% {
    transform: rotate(-28deg);
  }

  13% {
    transform: rotate(26deg);
  }

  15% {
    transform: rotate(-24deg);
  }

  17% {
    transform: rotate(22deg);
  }

  19% {
    transform: rotate(-20deg);
  }

  21% {
    transform: rotate(18deg);
  }

  23% {
    transform: rotate(-16deg);
  }

  25% {
    transform: rotate(14deg);
  }

  27% {
    transform: rotate(-12deg);
  }

  29% {
    transform: rotate(10deg);
  }

  31% {
    transform: rotate(-8deg);
  }

  33% {
    transform: rotate(6deg);
  }

  35% {
    transform: rotate(-4deg);
  }

  37% {
    transform: rotate(2deg);
  }

  39% {
    transform: rotate(-1deg);
  }

  41% {
    transform: rotate(1deg);
  }

  43% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(0);
  }
}

.image-content img {
  border-radius: 100%;
}

.show:not([class*='menu-toggle']) .dez-bg .copyright {
  color: #fff;
}

.deznav {
  width: 69px;
  padding-bottom: 0;
  height: calc(100% - 5.5rem);
  position: absolute;
  top: 5.5rem;
  padding-top: 0;
  z-index: 4;
  background-color: #092048;
  transition: all .2s ease;
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.02);

}

.deznav-scroll {
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  flex-direction: column;
  overflow-y: auto;
  height: calc(100% - 5.5rem);
}

/* width */
.deznav-scroll::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.deznav-scroll::-webkit-scrollbar-track {
  background: #092048;
}

/* Handle */
.deznav-scroll::-webkit-scrollbar-thumb {
  background: #092048;
}

/* Handle on hover */
/* .deznav::-webkit-scrollbar-thumb:hover {
  background: #555; 
} */
.deznav.dez-bg {
  background-attachment: fixed;
  background-size: cover;
  background-position: left center;
}

.deznav.dez-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(3px);
  z-index: -1;
}

.deznav.dez-bg .metismenu>li>a {
  color: #ffff;
}

@media only screen and (max-width: 1400px) {
  .deznav {
    top: 5.5rem;
    height: calc(100% - 88px);
  }
}

@media only screen and (max-width: 1199px) {
  .deznav {

    top: 5rem;
    height: calc(100% - 80px);
  }
}

@media only screen and (max-width: 767px) {
  .nav-header {
    width: 4rem !important;
  }

  .deznav {
    width: 4rem;
  }

  .deznav .metismenu ul {
    display: none;
  }
}

.deznav .deznav-scroll {
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 1400px) {}

.deznav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.deznav .metismenu {
  display: flex;
  flex-direction: column;
  padding-top: 0px;
}

.deznav .metismenu.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}

.deznav .metismenu>li {
  display: flex;
  flex-direction: column;
}

.deznav .metismenu>li a>i {
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 0;
  height: auto;
  width: auto;
  text-align: center;

  margin-right: 5px;
  border-radius: 2px;
  line-height: 1;
  border-radius: 2px;
}

[data-sidebar-style="compact"] .deznav .metismenu>li a>i {
  display: block;
  padding: 0;
  background: rgba(200, 200, 200, 0.2);
  color: rgba(0, 0, 0, 0.3);
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  line-height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

[data-sidebar-style="compact"] .deznav .metismenu>li a>i[data-theme-version="dark"] {
  color: #fff;
}

@media only screen and (max-width: 1350px) {
  .deznav .metismenu>li a>i {
    height: auto;
    line-height: 1px;
    width: auto;
    font-size: 24px;
    padding: 0;
    color: #969BA0;
  }
}

.deznav .metismenu>li>a {
  font-weight: 400;
  display: inline-block;
  font-size: 18px;
  color: #000000;
  padding: 9px 7px !important;
}

.deznav .metismenu>li>a>img {
  width: 19px;
}

.deznav .metismenu>li>a i {
  color: #fff;
}

.deznav .metismenu>li>a svg {
  max-width: 24px;
  max-height: 24px;
  height: 100%;
  margin-right: 5px;
  margin-top: -3px;
  color: #0E8A74;
}

.metismenu .mm-collapse:not(.mm-show) {
  display: none;
}

.deznav .metismenu>li>a g [fill] {
  fill: #8088a1;
}

.deznav .metismenu>li:hover>a,
.deznav .metismenu>li:focus>a {
  color: #3c32b5;
}

.deznav .metismenu>li:hover>a i,
.deznav .metismenu>li:focus>a i {
  color: #3c32b5;
}

.deznav .metismenu>li:hover>a g [fill],
.deznav .metismenu>li:focus>a g [fill] {
  fill: #0E8A74;
}

.deznav .metismenu>li.mm-active>a {
  color: #0E8A74;
  font-weight: 600;
  box-shadow: none;
  background: rgba(255, 255, 255, 0.2);
}

.deznav .metismenu>li.mm-active>a i {
  font-weight: 100;
  color: #0bc4b2;
  padding: 0;
}

.deznav .metismenu>li.mm-active>a g [fill] {
  fill: #0E8A74;
}

.deznav .metismenu>li.mm-active>a:after {
  border-top: 5px solid #0E8A74;
  border-left: 5px solid #0E8A74;
}

[data-sidebar-style="compact"] .deznav .metismenu>li.mm-active>a i {
  background: #e7fdf9;
  color: #0E8A74;
  box-shadow: 0 12px 15px 0 rgba(14, 138, 116, 0.13);
}

.deznav .metismenu li {
  position: relative;
}

.deznav .metismenu ul {
  transition: all .2s ease-in-out;
  position: relative;
  z-index: 1;
  padding: 0.5rem 0;
}

.deznav .metismenu ul a {
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: relative;
  font-size: 15px;
  padding-left: 1rem;
}

@media only screen and (max-width: 1350px) {
  .deznav .metismenu ul a {
    padding-left: 4.6rem;
  }
}

@media only screen and (max-width: 767px) {
  .deznav .metismenu ul a {
    padding-left: 3.5rem;
    font-size: 14px;
  }
}

.deznav .metismenu ul a:hover,
.deznav .metismenu ul a:focus,
.deznav .metismenu ul a.mm-active {
  text-decoration: none;
  color: #3c32b5;
}

.deznav .metismenu ul a:before {
  position: absolute;
  content: none;
  height: 2px;
  width: 8px;
  top: 50%;
  left: 28px;
  border-radius: 60px;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1350px) {
  .deznav .metismenu ul a:before {
    left: 45px;
  }
}

.deznav .metismenu a {
  position: relative;
  display: block;
  padding: 0.625rem 1.875rem;
  outline-width: 0;
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .deznav .metismenu a {
    padding: 0.625rem 1.25rem;
  }
}

.deznav .metismenu .has-arrow:after {
  display: none;
  /* width:  .5rem;
                height: .5rem;
                border-color: inherit; */
  border-top: 5px solid #C8C8C8;
  border-left: 5px solid #C8C8C8;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
  right: 1.875rem;
  top: 48%;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
}

.deznav .metismenu .has-arrow[aria-expanded=true]:after,
.deznav .metismenu .mm-active>.has-arrow:after {
  -webkit-transform: rotate(224deg) translateY(-50%);
  transform: rotate(224deg) translateY(-50%);
}

[data-sidebar-style="icon-hover"] .deznav.dez-bg .metismenu>li>a,
[data-sidebar-style="icon-hover"] .deznav.dez-bg .metismenu ul a,
[data-sidebar-style="overlay"] .deznav.dez-bg .metismenu>li>a,
[data-sidebar-style="overlay"] .deznav.dez-bg .metismenu ul a {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  .nav-header {
    width: 5rem;
  }
}

@media (max-width: 767px) {
  .brand-title {
    display: none;
  }

  .footer {
    padding-left: 0;
  }

  .deznav {
    left: 0;
    top: 5rem;
  }
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu>ul.collapse:not(.in),
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu>ul.collapse:not(.in) {
  height: 252px !important;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>a {
  width: calc(70vw + 3.75rem);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 13.75rem;
  width: 70vw;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu:hover>ul ul a {
  width: 101%;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>a {
  width: calc(70vw + 3rem);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>ul {
  max-height: 200px;
  width: 70vw;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-xl:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-xl:hover>ul ul a {
  width: 101%;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>a {
  width: calc(55vw + 3rem);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
  max-height: 200px;
  width: 55vw;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-lg:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-lg:hover>ul ul a {
  width: 101%;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>a {
  width: calc(45vw + 3);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>ul {
  max-height: 18.75rem;
  width: 45vw;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-md:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-md:hover>ul ul a {
  width: 101%;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>a {
  width: calc(30vw + 3);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>ul,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
  max-height: 18.125rem;
  width: 30vw;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li.mega-menu-sm:hover>ul ul a,
[data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mega-menu-sm:hover>ul ul a {
  width: 101%;
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>a {
  width: calc(60vw + 3.75rem);
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 25rem;
  width: 60vw;
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>ul ul a {
  width: 101%;
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-xl:hover>a {
  width: calc(60vw + 3.75rem);
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-xl:hover>ul {
  max-height: 25.625rem;
  width: 60vw;
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-lg:hover>a {
  width: calc(50vw + 3.75rem);
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
  max-height: 16.25rem;
  width: 50vw;
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-md:hover>a {
  width: calc(40vw + 3.75rem);
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-md:hover>ul {
  max-height: 18.75rem;
  width: 40vw;
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-sm:hover>a {
  width: calc(22vw + 3.75rem);
}

[data-sidebar-style="mini"][data-layout="vertical"][data-container="boxed"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
  max-height: 18.125rem;
  width: 22vw;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:not(:last-child) {
  position: static;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul {
  left: 0;
  right: 0;
}

[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #3e454d;
}

[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #3d0894;
}

[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #052d26;
}

[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #1f0243;
}

[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #921925;
}

[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #aa4e01;
}

[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #a07800;
}

[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #cccccc;
}

[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #127155;
}

[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li {
  border-color: #0c525d;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li a {
  transition: all .4s ease-in-out;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu ul li a:hover {
  border-radius: 0.25rem;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 13.75rem;
  width: 70vw;
  z-index: 99;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  background-color: #fff;
  right: 2.8125rem;
  top: 0;
}

[data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #2b3136;
}

[data-sibebarbg="color_2"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #510bc4;
}

[data-sibebarbg="color_3"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #095c4d;
}

[data-sibebarbg="color_4"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #360474;
}

[data-sibebarbg="color_5"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #bd2130;
}

[data-sibebarbg="color_6"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #dc6502;
}

[data-sibebarbg="color_7"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #d39e00;
}

[data-sibebarbg="color_8"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #e6e6e6;
}

[data-sibebarbg="color_9"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #199d76;
}

[data-sibebarbg="color_10"][data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul::after {
  background-color: #117a8b;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu:hover>ul ul a {
  width: 101%;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-xl:hover>ul {
  max-height: 210px;
  width: 70vw;
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
  max-height: 210px;
  width: 700px;
  height: 210px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  [data-layout="horizontal"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
    width: 700px;
  }
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-md:hover>ul {
  max-height: 20rem;
  width: 54vw;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  [data-layout="horizontal"] .deznav .metismenu>li.mega-menu-md:hover>ul {
    width: 60vw;
  }
}

[data-layout="horizontal"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
  max-height: 20rem;
  width: 25vw;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  [data-layout="horizontal"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
    width: 35vw;
  }
}

[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu:hover>ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-xl:hover>ul {
  max-height: 21.875rem;
  width: 100%;
}

[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-lg:hover>ul {
  max-height: 21.875rem;
  width: 55vw;
}

[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-md:hover>ul {
  max-height: 18.75rem;
  width: 45vw;
}

[data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li.mega-menu-sm:hover>ul {
  max-height: 18.125rem;
  width: 50vw;
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
[data-sidebar-style="full"][data-layout="vertical"][data-sibebartext="color_1"] .show:not([class*='menu-toggle']) .dez-bg .metismenu li a {
  color: #ffff;
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li {
  padding: 0 16px;
}

[data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li .has-arrow:after {
  right: 1.5rem;
}

@media only screen and (max-width: 1400px) {
  [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li {
    padding: 0 15px;
  }

  [data-sidebar-style="full"][data-layout="vertical"] .deznav .metismenu>li>a {
    font-size: 16px;
    padding: 15px 20px;
  }
}

.deznav .metismenu>li.mm-active>a {
  color: #3c32b5;
  font-weight: 600;
  box-shadow: none;
  background: #e7e4ff;
}

[data-sidebar-style=full][data-layout=vertical] .deznav .metismenu>li .has-arrow:after {
  right: 1.5rem;
}

.deznav .metismenu .has-arrow[aria-expanded=true]:after,
.deznav .metismenu .mm-active>.has-arrow:after {
  transform: rotate(-135deg) translateY(-50%);
}

.deznav .metismenu>li.mm-active>a:after {
  border-top: 5px solid #3c32b5;
  border-left: 5px solid #3c32b5;
}

.deznav .metismenu .has-arrow:after {
  border-color: #c8c8c8 #0000 #0000 #c8c8c8;
  border-style: solid;
  border-width: 5px;
  right: 1.875rem;
  top: 48%;
  transform: rotate(-225deg) translateY(-50%);
}

.metismenu .has-arrow[aria-expanded=true]:after,
.metismenu .mm-active>.has-arrow:after {
  transform: rotate(-135deg) translateY(-50%);
}

.metismenu .has-arrow[aria-expanded=true]:after,
.metismenu .mm-active>.has-arrow:after {
  transform: rotate(-45deg) translateY(-50%);
}

.metismenu .has-arrow:after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: initial;
  right: 1em;
  transform: rotate(-45deg) translateY(-50%);
  transform-origin: top;
  top: 50%;
  transition: all .3s ease-out;
}

.metismenu .has-arrow:after {
  border-width: 0 0 1px 1px;
  inset-inline-end: 1em;
  transform: rotate(45deg) translateY(-50%);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-logo {
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control {
  right: -4rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line {
  background-color: #0E8A74;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .copyright,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .plus-box {}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {
  padding-left: 0rem;
  width: 100%;
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header {
  padding: 0 0.9375rem;
  padding-right: 7.5rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .header .header-content {
  padding-left: 5rem;
}


[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .nav-text {
  display: none;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .slimScrollDiv,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .deznav-scroll {
  overflow: visible !important;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li {
  position: relative;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a {
  background: transparent;
  text-align: center;
  margin: 2px 0;
  padding: 3px 9px 6px 9px;
  font-size: 11px;
  cursor: pointer;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a svg {
  width: 18px;
  height: 18px;
  margin-right: 0;
  color: #7b7b7b;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li a:before {
  content: none;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul {
  position: absolute;
  left: 4rem;
  top: 0;
  width: 12rem;
  z-index: 1001;
  display: none;
  padding-left: 1px;
  height: auto !important;
  box-shadow: 0px 0px 40px 0px rgb(82 63 105 / 55%);
  border-radius: 6px;
  margin-left: 0;
  border: 0;
  background: #fff;
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul {
  left: auto;
  right: 5rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul {
  left: 11.8125rem;
  top: 0;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li>ul li:hover ul:after {
  content: none;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu li:hover>ul {
  display: block;
  height: auto;
  overflow: visible;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li {
  transition: all 0.4s ease-in-out;
  padding: 0 6px;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li>a.has-arrow:after {
  display: none;
}


[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover:nth-last-child(-n + 1)>ul {
  bottom: 0;
  top: auto;
  transition: 0.5s;
  padding-top: 0px;
  box-shadow: 0px 0px 50px rgb(0 0 0 / 20%);
  border-radius: 6px;

}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a {
  border-radius: 0.5rem;
  background: none;
  color: #3c32b5;
}

[data-theme-version="dark"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a {
  background: #2f363e;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>a i {
  color: #3c32b5;
  /* background:$primary; */
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul {
  height: auto !important;
  padding: 10px 0;
}

.metismenu>li:hover>ul a {
  padding: 6px 20px 6px 20px;
  margin-left: -.1rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul ul {
  padding: 10px 0;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu>li:hover>ul ul a {
  padding: 6px 20px 6px 20px;
  margin-left: -.1rem;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-label,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .deznav .metismenu .nav-badge {
  display: none;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
  margin-left: 70px;
    width: calc(100% - 70px);
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .content-body {
  margin-right: 5.7rem;
  margin-left: auto;
  border: 0;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle+.footer {
  padding-left: 5.7rem;
}

[direction="rtl"][data-sidebar-style="full"][data-layout="vertical"] .menu-toggle+.footer {
  padding-left: 0;
  padding-right: 5.7rem;
}

[data-sidebar-style="full"][data-layout="horizontal"] .header .header-content {
  padding-left: 1.875rem;
}

/*
0 - 600: Phone
600 - 900: Tablet portrait
900 - 1200: Tablet landscape
1200 - 1800: Normal styles
1800+ : Big Desktop
1em = 16px
The smaller device rules always should write below the bigger device rules
Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
*/
@media only screen and (min-width: 768px) {
  [data-sidebar-style="mini"] .nav-header {
    width: 6.25rem;
  }

  [data-sidebar-style="mini"] .nav-header .nav-control {
    z-index: -1;
  }

  [data-sidebar-style="mini"] .nav-header .nav-control .hamburger {
    left: 6.25rem !important;
  }

  [data-sidebar-style="mini"] .nav-header .nav-control .hamburger .line {
    background-color: #6e6e6e !important;
  }

  [data-sidebar-style="mini"] .nav-header .brand-title {
    display: none;
  }

  [data-sidebar-style="mini"] .nav-header .hamburger {
    display: none;
  }

  [data-sidebar-style="mini"] .header .header-content {
    padding-left: 1.875rem;
  }

  [direction="rtl"][data-sidebar-style="mini"] .header .header-content {
    padding-right: 1.875rem;
  }

  [data-sidebar-style="mini"] .deznav {
    width: 6.25rem;
    overflow: visible;
    position: absolute;
    z-index: 2;
  }

  [data-sidebar-style="mini"] .deznav .copyright,
  [data-sidebar-style="mini"] .deznav .plus-box {
    display: none;
  }

  [data-sidebar-style="mini"] .deznav .nav-text {
    display: none;
  }

  [data-sidebar-style="mini"] .deznav .slimScrollDiv,
  [data-sidebar-style="mini"] .deznav .deznav-scroll {
    overflow: visible !important;
  }

  [data-sidebar-style="mini"] .deznav .nav-user {
    padding: 11px;
  }

  [data-sidebar-style="mini"] .deznav .nav-user .media-body {
    display: none;
  }

  [data-sidebar-style="mini"] .deznav .metismenu li a {
    padding: 0.813rem 0.875rem;
  }

  [data-sidebar-style="mini"] .deznav .metismenu li a svg {
    margin-right: 0;
  }

  [data-sidebar-style="mini"] .deznav .metismenu li a i {
    height: auto;
    width: auto;
    line-height: 1;
    margin: 0;
  }

  [data-sidebar-style="mini"] .deznav .metismenu li>ul {
    position: absolute;
    left: 6.25rem;
    top: 2.9375rem;
    width: 11.875rem;
    z-index: 1001;
    display: none;
    padding-left: 1px;
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    height: auto !important;
    border-radius: 0.5rem;
    background: #fff;
  }

  [direction="rtl"]:not([data-layout="horizontal"])[data-sidebar-style="mini"] .deznav .metismenu li>ul {
    left: auto;
    right: 6.25rem;
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
  }

  [data-sidebar-style="mini"] .deznav .metismenu>li {
    padding: 2px 20px;
  }

  [data-sidebar-style="mini"] .deznav .metismenu>li>a {
    padding: 1.125rem 0.875rem;
    /* width: 64px;
            height: 64px; */
    text-align: center;
    line-height: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  }

  [data-sidebar-style="mini"] .deznav .metismenu>li>a>i {
    padding: 0;
    font-size: 22px;
  }

  [data-sidebar-style="mini"] .deznav .metismenu>li>a.has-arrow:after {
    display: none;
  }

  [data-sidebar-style="mini"] .deznav .metismenu .nav-label,
  [data-sidebar-style="mini"] .deznav .metismenu .nav-badge {
    display: none;
  }

  [data-sidebar-style="mini"] .content-body {
    margin-left: 6.25rem;
  }

  [data-sidebar-style="mini"] .footer {
    padding-left: 6.25rem;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav {
    position: absolute;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
    display: block;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n + 1)>ul {
    bottom: 0;
    top: auto !important;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n + 1)>ul:after {
    top: auto;
    bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:nth-last-child(-n + 1)>ul {
    bottom: 0;
    top: auto !important;
  }
}

@media only screen and (min-width: 768px) {
  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul {
    overflow: visible;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul:after {
    content: none;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul {
    padding: 10px 0;
    width: 13rem;
    left: 13rem;
    top: -10px;
    border: 0;
    margin: 0;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul:after {
    content: none;
  }

  [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li>ul li:hover ul {
    left: auto;
    right: 13rem;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a {
    background: #e7fdf9;
    color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 12px 15px 0 rgba(14, 138, 116, 0.13);
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i {
    color: #0E8A74;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a {
    background: #e7fdf9;
    color: #fff;
    box-shadow: 0 12px 15px 0 rgba(14, 138, 116, 0.13);
    border-radius: 0.5rem;
    position: unset;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a i {
    color: #0E8A74;
  }

  [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>a .nav-text {
    padding-left: auto;
    padding-right: 1.6875rem;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul {
    height: auto !important;
    overflow: visible;
    border: 0;
    margin-left: 0;
    left: 6.25rem;
    width: 13rem;
    border-radius: 0.5rem;
    border: 0;
    padding: 10px 0;
    top: 0;
  }

  [data-theme-version="dark"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul {
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
  }

  [direction="rtl"][data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul {
    left: auto;
    right: 6.25rem;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a {
    padding: 6px 20px 6px 20px;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a:before {
    content: none;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul a.has-arrow:after {
    right: 1.25rem;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul ul a {
    padding: 6px 20px 6px 20px;
    margin-left: -1.6px;
  }

  [data-sidebar-style="mini"][data-layout="vertical"] .deznav .metismenu>li:hover>ul ul a:before {
    content: none;
  }

  [data-sidebar-style="mini"][data-header-position="fixed"][data-container="boxed"][data-layout="vertical"] .header {
    width: 1199px;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li {
    padding: 0;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a {
    padding: 18px;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a i {
    padding: 0;
    margin: 0;
  }

  [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a {
    padding: 18px;
  }

  [direction="rtl"][data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a svg {
    margin-left: 0;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>a svg {
    margin-right: 0;
    margin-top: 0;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .deznav .metismenu>li>ul li a {
    padding: 8px 20px 8px 20px;
  }
}

@media only screen and (max-width: 1199px) {
  [data-sidebar-style="mini"] .deznav li.mm-active ul {
    height: auto !important;
  }

  [data-sidebar-style="mini"] .deznav li a.has-arrow::after {
    transform: rotate(132deg) translateY(-50%);
  }
}

@media (min-width: 1199px) {
  [data-layout="horizontal"] .nav-header {
    width: 18.563rem;
  }

  [data-layout="horizontal"] .nav-header .nav-control {
    display: none;
  }

  [data-layout="horizontal"] .nav-header .brand-logo {
    padding-left: 40px;
    padding-right: 40px;
  }

  [data-layout="horizontal"] .header {
    width: 100%;
    padding-left: 18.563rem;
  }

  [data-layout="horizontal"] .deznav {
    width: 100%;
    position: relative;
    height: auto;
    padding-bottom: 0;
    top: 0;
    z-index: 2;
  }

  [data-layout="horizontal"] .deznav .slimScrollDiv {
    overflow: visible !important;
  }

  [data-layout="horizontal"] .deznav .slimScrollDiv .deznav-scroll {
    overflow: visible !important;
  }

  [data-layout="horizontal"] .deznav .deznav-scroll {
    overflow: visible !important;
  }

  [data-layout="horizontal"] .deznav .slimScrollBar {
    display: none !important;
  }

  [data-layout="horizontal"] .deznav .nav-user,
  [data-layout="horizontal"] .deznav .nav-label {
    display: none;
  }

  [data-layout="horizontal"] .deznav .metismenu {
    flex-direction: row;
    padding: 10px 40px;
    margin-bottom: 0;
    display: inline-flex;
    flex-wrap: wrap;
  }

  [data-layout="horizontal"] .deznav .metismenu .collapse.in {
    display: none;
  }

  [data-layout="horizontal"] .deznav .metismenu ul {
    border-left: 0;
  }

  [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu ul {
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
  }

  [data-layout="horizontal"] .deznav .metismenu li {
    flex-direction: column;
    position: relative;
  }

  [data-layout="horizontal"] .deznav .metismenu li:hover>ul {
    display: block;
  }

  [data-layout="horizontal"] .deznav .metismenu li>ul {
    position: absolute;
    height: auto !important;
    top: 100%;
    width: 100%;
    min-width: 13.75rem;
    z-index: 999;
    left: auto;
    right: auto;
    padding: 0.5rem 0;
    display: none;
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    margin: 0;
    background: #fff;
    border-radius: 0.5rem;
  }

  [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>ul {
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    background: #2f363e;
  }

  [data-layout="horizontal"] .deznav .metismenu li>ul li {
    padding: 0;
  }

  [data-layout="horizontal"] .deznav .metismenu li>ul li a {
    transition: all .4s ease-in-out;
    padding: 8px 20px 8px 20px;
    margin-left: -.1rem;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li>ul li a {
    padding: 8px 20px 8px 20px;
    text-align: right;
  }

  [data-layout="horizontal"] .deznav .metismenu li>ul li a:hover {
    border-radius: .4rem;
  }

  [data-layout="horizontal"] .deznav .metismenu li>ul li a:before {
    left: 22px;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li>ul li a:before {
    left: auto;
    right: 6px;
  }

  [data-layout="horizontal"] .deznav .metismenu li>ul ul {
    left: 100%;
    top: 0;
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu li>ul ul {
    left: auto;
    right: 100%;
  }

  [data-layout="horizontal"] .deznav .metismenu>li {
    flex: 0 0 auto;
    position: relative;
  }

  [data-layout="horizontal"] .deznav .metismenu>li>a i {
    margin-right: 5px;
  }

  [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li {
    border-color: rgba(255, 255, 255, 0.07);
  }

  [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li.mm-active {
    border-color: transparent;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:hover,
  [data-layout="horizontal"] .deznav .metismenu>li.mm-active {
    padding: 0;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:hover>a,
  [data-layout="horizontal"] .deznav .metismenu>li.mm-active>a {
    background: #e7fdf9;
    color: #0E8A74;
    box-shadow: 0 12px 15px 0 rgba(14, 138, 116, 0.13);
    border-radius: 0.5rem;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:hover>a i,
  [data-layout="horizontal"] .deznav .metismenu>li.mm-active>a i {
    color: #0E8A74;
    background: transparent;
    box-shadow: none;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:first-child {
    border-right: 0;
  }

  [data-theme-version="dark"][direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li {
    border-color: #3e454d;
  }

  [data-layout="horizontal"] .deznav .metismenu>li>a {
    padding: 15px 40px 15px 15px;
    margin: 2px 2px;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li>a {
    padding: 15px 15px 15px 40px;
  }

  [data-layout="horizontal"] .deznav .metismenu>li>a i {
    padding: 0 0.4375rem 0 0;
    height: auto;
    width: auto;
    line-height: 1;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li>a i {
    padding: 0 0 0 0.4375rem;
  }

  [data-layout="horizontal"] .deznav .metismenu>li>a .nav-badge {
    display: none;
  }

  [data-layout="horizontal"] .deznav .metismenu>li>a:after {
    right: 20px;
    transform: rotate(-135deg) translateY(-50%);
  }

  [data-layout="horizontal"] .deznav .metismenu>li:hover {
    border-color: transparent;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:hover>ul {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    height: auto !important;
    box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);
    border-radius: 0.5rem;
  }

  [data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu>li:hover>ul {
    box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.1);
    background: #2f363e;
  }

  [data-layout="horizontal"] .deznav .metismenu>li>ul>li:hover ul.collapse {
    display: block !important;
    position: absolute;
    left: auto !important;
    right: -100% !important;
    top: 0 !important;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul {
    left: auto;
    right: 0;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 5)>ul>li:hover ul.collapse {
    right: auto !important;
    left: -100% !important;
  }

  [data-layout="horizontal"] .deznav .metismenu>li:last-child>ul ul {
    left: -100%;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 3)>ul {
    left: 0;
    right: auto;
  }

  [direction="rtl"][data-layout="horizontal"] .deznav .metismenu>li:nth-last-child(-n + 3)>ul>li:hover ul.collapse {
    right: -100% !important;
    left: auto !important;
  }

  [data-layout="horizontal"] .deznav .copyright,
  [data-layout="horizontal"] .deznav .plus-box {
    display: none;
  }

  [data-layout="horizontal"] .content-body {
    margin-left: 0;
  }

  [data-layout="horizontal"] .content-body .page-titles {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 1.875rem;
  }

  [data-layout="horizontal"] .footer {
    margin-left: 0;
    margin: 0 auto;
    padding-left: 0;
  }

  [data-header-position="fixed"][data-layout="horizontal"] .deznav {
    top: 5.5rem;
  }

  [data-header-position="fixed"][data-sidebar-position="fixed"] .deznav {
    position: fixed;
  }

  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"] .content-body {
    padding-top: 12.25rem;
  }

  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="modern"] .content-body {
    padding-top: 13.125rem;
  }

  [data-layout="horizontal"][data-container="boxed"] .footer {
    margin-left: 0;
    max-width: 1199px;
    margin: 0 auto;
  }

  [data-layout="horizontal"][data-container="wide"] .page-titles {
    margin-left: -30px;
    margin-right: -30px;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .page-titles {
    margin-top: 0;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>ul {
    top: 4.3rem;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a {
    padding: 10px 25px 8px 25px;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a::after {
    display: none;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a .nav-text {
    margin-top: 5px;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li>a>i {
    width: auto;
    margin: 0;
    height: auto;
    line-height: 1;
    padding: 0;
    background: transparent;
    border-radius: 0;
    margin-bottom: 0;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li li {
    text-align: left;
  }

  [data-layout="horizontal"][data-sidebar-style="compact"] .deznav .metismenu>li:hover>a>i {
    color: #fff;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header {
    width: 7.75rem;
    padding-left: 40px;
    padding-right: 40px;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .nav-header .brand-logo {
    justify-content: start;
    padding-left: 0;
    padding-right: 0;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .header {
    width: 100%;
    padding-left: 7.75rem;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu>li a {
    width: auto;
  }

  [data-sidebar-style="mini"][data-layout="horizontal"] .metismenu>li:hover a .nav-text {
    display: none;
  }

  [data-header-position="fixed"][data-layout="horizontal"][data-sidebar-position="fixed"][data-sidebar-style="compact"] .content-body {
    padding-top: 13.125rem;
  }

  [data-sidebar-position="fixed"][data-layout="horizontal"] .deznav.fixed {
    position: fixed;
    left: 0;
    top: 0;
  }
}

@media (min-width: 767px) {
  [data-sidebar-style="compact"] .nav-header {
    width: 11.25rem;
  }

  [data-sidebar-style="compact"] .deznav .nav-user {
    display: none;
  }

  [data-sidebar-style="compact"] .deznav .metismenu li {
    text-align: center;
  }

  [data-sidebar-style="compact"] .deznav .metismenu li a {
    padding: 0.7rem 0.5rem;
  }

  [data-sidebar-style="compact"] .deznav .metismenu li a svg {
    max-width: 21px;
    max-height: 21px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  [data-sidebar-style="compact"] .deznav .metismenu li a i {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  [data-sidebar-style="compact"] .deznav .metismenu li ul:after {
    content: none;
  }

  [data-sidebar-style="compact"] .deznav .metismenu li>a {
    background: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 15px;
  }

  [data-sidebar-style="compact"] .deznav .plus-box,
  [data-sidebar-style="compact"] .deznav .copyright {
    display: none;
  }

  [data-sidebar-style="compact"] .deznav .copyright {
    padding: 0 20px;
    margin-top: 20px;
  }

  [data-sidebar-style="compact"] .nav-text {
    display: inline-block;
    margin-top: 0.3125rem;
  }

  [data-sidebar-style="compact"] .nav-label.first {
    display: none;
  }

  [data-sidebar-style="compact"] .nav-badge {
    display: none;
  }

  [data-sidebar-style="compact"] .footer {
    padding-left: 11.25rem;
  }

  [data-sidebar-style="compact"] .content-body {
    margin-left: 11.25rem;
  }

  [data-sidebar-style="compact"][data-theme-version="dark"][data-layout="horizontal"] .deznav .metismenu li>a i {
    color: #fff;
  }

  [data-sidebar-style="compact"][data-theme-version="dark"][data-layout="vertical"] .deznav .metismenu li.mm-active>a i {
    background: #0E8A74;
    color: #fff;
  }

  [data-sidebar-style="compact"][data-layout="vertical"] .deznav .metismenu li:hover>a i {
    background: #e7fdf9;
    color: #0E8A74;
  }
}

[data-layout="horizontal"][data-sidebar-style="compact"] .footer {
  padding-left: 0;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .content-body {
  margin-left: 0;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .deznav {
  margin-bottom: 0;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header {
  width: 21.75rem;
}

[data-layout="horizontal"][data-sidebar-style="compact"] .nav-header .brand-logo {
  padding-left: 40px;
  padding-right: 40px;
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav {
  width: 11.25rem;
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul {
  margin-left: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.02);
  padding: 10px 0;
}

[data-theme-version="dark"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul {
  background: 255, 255, 255, 0.05;
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul a:before {
  content: none;
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu ul ul a {
  padding: 0.625rem 0.9375rem;
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li>a {
  padding: 1.2rem 0.5rem;
}

[data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li>a.has-arrow::after {
  top: 1px;
  display: inline-block;
  right: auto;
  margin-left: 5px;
  position: relative;
  width: 7px;
  height: 7px;
  border-width: 2px 0px 0px 2px;
}

[direction="rtl"][data-layout="vertical"][data-sidebar-style="compact"] .deznav .metismenu>li>a.has-arrow::after {
  left: auto;
  margin-left: 0;
  margin-right: 5px;
}

@media (min-width: 767px) {
  [data-sidebar-style="icon-hover"][data-layout="horizontal"] .header .header-content {
    padding-left: 1.875rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu li.mm-active>ul {
    display: none;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu li.mm-active>ul {
    display: block;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header {
    width: 7rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo {
    padding-left: 30px;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo {
    padding-left: 30px;
    padding-right: 30px;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .logo-abbr {
    display: block;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .brand-logo .brand-title {
    display: none;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .nav-header .nav-control {
    display: none;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
    padding-left: 7rem;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header {
    padding-right: 7rem;
    padding-left: 0.9375rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content {
    padding-left: 2rem;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .header .header-content {
    padding-right: 1.375rem;
    padding-left: 0;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
    overflow: visible;
    position: absolute;
    left: -11.563rem;
  }
}

@media only screen and (min-width: 767px) and (min-width: 767px) and (max-width: 1400px) {
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
    left: -10rem;
  }
}

@media (min-width: 767px) {
  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav {
    left: auto;
    right: -14.563rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .nav-label {
    display: none;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li {
    padding: 0 25px;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    border-radius: 0.5rem;
    font-size: 16px;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>svg,
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>i {
    order: 1;
    margin-right: 0;
    margin-top: 0;
    padding-right: 0;
    height: auto;
    width: auto;
    line-height: 1;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>svg,
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li>a>i {
    padding-left: 0;
    padding-right: 0;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a,
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a {
    background: #e7fdf9;
    color: #0E8A74;
    box-shadow: 0 12px 15px 0 rgba(14, 138, 116, 0.13);
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li:hover>a i,
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu>li.mm-active>a i {
    color: #0E8A74;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul {
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul {
    padding-right: 0;
    padding-left: 0;
  }

  [data-theme-version="dark"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul {
    border-color: #3e454d;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after {
    left: auto;
    right: 28px;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul:after {
    left: 28px;
    right: auto;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a {
    position: relative;
    padding-left: 1.3rem;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a {
    padding-right: 1.25rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before {
    left: 20px;
    right: auto;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu ul a::before {
    right: auto;
    left: -5px;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after {
    right: 5rem;
    opacity: 0;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .metismenu .has-arrow::after {
    right: auto;
    left: 5rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .copyright,
  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav .plus-box {
    display: none;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .deznav.mm-show {
    display: none;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header {
    width: 18.563rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo {
    padding-left: 1.6rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .nav-header .brand-logo .brand-title {
    display: block;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle.mm-show {
    display: block;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header {
    padding-left: 4.38rem;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .header {
    padding-right: 4.38rem;
    padding-left: 0.9375rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav {
    left: 0;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav .metismenu .has-arrow:after {
    opacity: 1;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .iconhover-toggle .deznav {
    left: auto;
    right: 0;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {
    margin-left: 7rem;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .content-body {
    margin-left: 0;
    margin-right: 7rem;
  }

  [data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {
    padding-left: 7rem;
  }

  [direction="rtl"][data-sidebar-style="icon-hover"][data-layout="vertical"] .footer {
    margin-left: 0;
    margin-right: 7rem;
  }
}

@media (min-width: 767px) {
  [data-sidebar-style="modern"] .nav-header {
    width: 10.625rem;
  }

  [data-sidebar-style="modern"] .nav-header .brand-logo {
    justify-content: center;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li {
    text-align: center;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li>a {
    padding: 20px 15px 20px 15px;
    margin: 2px 0;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li>a::after {
    display: none;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li>a:hover>a,
  [data-sidebar-style="modern"] .deznav .metismenu>li>a:focus>a,
  [data-sidebar-style="modern"] .deznav .metismenu>li>a:active>a,
  [data-sidebar-style="modern"] .deznav .metismenu>li>a.mm-active>a {
    background-color: #a1f6e7;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li:hover,
  [data-sidebar-style="modern"] .deznav .metismenu>li.mm-active {
    padding: 0;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li:hover>a,
  [data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a {
    background: #e7fdf9;
    color: #0E8A74;
    border-radius: 0.5rem;
    box-shadow: 0 12px 15px 0 rgba(14, 138, 116, 0.13);
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li:hover>a i,
  [data-sidebar-style="modern"] .deznav .metismenu>li.mm-active>a i {
    color: #0E8A74;
  }

  [data-sidebar-style="modern"] .deznav .metismenu>li li {
    text-align: left;
  }

  [direction="rtl"][data-sidebar-style="modern"] .deznav .metismenu>li li {
    text-align: right;
  }

  [data-sidebar-style="modern"] .deznav .metismenu li a {
    padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
    font-size: 15px;
  }

  [data-sidebar-style="modern"] .deznav .metismenu li ul:after {
    content: none;
  }

  [data-sidebar-style="modern"] .deznav .metismenu li>ul {
    height: auto !important;
  }

  [data-sidebar-style="modern"] .deznav .metismenu .nav-label {
    display: none;
  }

  [data-sidebar-style="modern"] .deznav .nav-label {
    display: none;
  }

  [data-sidebar-style="modern"] .deznav .nav-text {
    display: block;
    margin-top: 0.3125rem;
  }

  [data-sidebar-style="modern"] .deznav .plus-box,
  [data-sidebar-style="modern"] .deznav .copyright {
    display: none;
  }

  [data-sidebar-style="modern"] .footer {
    padding-left: 10.625rem;
  }

  [data-sidebar-style="modern"] .content-body {
    margin-left: 10.625rem;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu li>a i {
    padding: 0;
    margin: 0;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav {
    width: 10.625rem;
    left: 0;
  }

  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav {
    left: auto;
    right: 0;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .slimScrollDiv,
  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .deznav-scroll {
    overflow: visible !important;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu {
    padding: 10px 30px;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>a {
    padding: 22px 0.6em 15px !important;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>a i {
    padding: 0;
    height: auto;
    width: auto;
    margin: 0;
    line-height: 1;
    margin-bottom: 5px;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu>li>ul {
    display: none;
    padding: 1.875rem 0.9375rem;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li {
    position: relative;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a {
    padding: 0.625rem 1.5rem;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li a:before {
    content: none;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul {
    position: absolute;
    left: 105%;
    top: 0;
    bottom: auto;
    background-color: #fff;
    border: 1px solid #F0F0F0;
    width: 200px;
  }

  [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul {
    background: #2f363e;
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  }

  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li ul {
    left: auto;
    right: 105%;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
    display: block;
    left: 100%;
    padding: 1rem 0;
    margin-left: 0;
    border: 0;
    box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);
    border-radius: 0.5rem;
  }

  [data-theme-version="dark"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
    box-shadow: 5px 5px 30px 0px rgba(20, 0, 30, 0.1);
  }

  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .deznav .metismenu li:hover>ul {
    left: auto;
    right: 100%;
    box-shadow: -5px 5px 30px 0px rgba(20, 0, 30, 0.1);
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-label {
    display: none;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .deznav .nav-text {
    display: block;
    margin-top: 0;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .nav-control {
    right: -4.25rem;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .header .header-content {
    padding-left: 6rem;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav {
    left: -10.625rem;
  }

  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .deznav {
    left: auto;
    right: -10.625rem;
  }

  [data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body {
    margin-left: 0;
  }

  [direction="rtl"][data-sidebar-style="modern"][data-layout="vertical"] .menu-toggle .content-body {
    margin-right: 0;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"] .nav-header {
    width: 21.75rem;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"] .header {
    padding-left: 21.75rem;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"] .footer,
  [data-sidebar-style="modern"][data-layout="horizontal"] .content-body {
    margin-left: 0;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu>li>a {
    padding: 15px 25px 12px 25px;
    margin: 0 2px;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"] .deznav .metismenu>li>ul {
    top: 4.8rem;
  }

  [data-sidebar-style="modern"][data-layout="horizontal"][data-container="boxed"] .deznav .metismenu>li>a {
    padding: 0.8125rem 1.25rem;
  }
}

[data-sidebar-style="overlay"] .deznav {
  left: -100%;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

[data-sidebar-style="overlay"] .deznav .metismenu>li {
  padding: 0 30px;
}

[data-sidebar-style="overlay"] .deznav .metismenu>li>a {
  font-size: 16px;
  padding: 20px 20px;
  color: #7f7184;
  border-radius: 0.5rem;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

[data-sidebar-style="overlay"] .deznav .metismenu>li>a i {
  height: auto;
  width: auto;
  line-height: 1;
}

[data-sidebar-style="overlay"] .deznav .metismenu>li:hover>a {
  color: #0E8A74;
}

[data-sidebar-style="overlay"] .deznav .metismenu>li:hover>a i {
  color: #0E8A74;
}

[data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a {
  background: none;
  color: #0E8A74;
  box-shadow: 0 12px 15px 0 rgb(14 138 116 / 0%);
}

[data-sidebar-style="overlay"] .deznav .metismenu>li.mm-active>a i {
  color: #0E8A74;
}

@media only screen and (max-width: 575px) {
  [data-sidebar-style="overlay"] .deznav .metismenu>li {
    padding: 0px 15px;
  }
}

[data-sidebar-style="overlay"] .deznav .metismenu ul a {
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: relative;
  font-size: 15px;
  padding-left: 4rem;
}

[data-sidebar-style="overlay"] .deznav .metismenu ul a:before {
  left: 25px;
}

[direction="rtl"][data-sidebar-style="overlay"] .deznav {
  left: auto;
  right: -100%;
}

@media only screen and (max-width: 767px) {
  [data-sidebar-style="overlay"] .deznav .metismenu>li>a {
    font-size: 14px;
    padding: 12px 14px;
  }

  [data-sidebar-style="overlay"] .deznav .metismenu>li>a i {
    font-size: 18px;
  }

  [data-sidebar-style="overlay"] .deznav .metismenu ul li a {
    padding-left: 3.4rem;
  }
}

[data-sidebar-style="overlay"] .content-body {
  margin-left: 0;
}

[data-sidebar-style="overlay"] .nav-header {
  position: absolute;
}

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active {
  left: 0;
}

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line {
  background-color: #0E8A74;
}

[data-sidebar-style="overlay"] .menu-toggle .nav-header {
  position: absolute;
  left: auto;
}

[data-sidebar-style="overlay"] .menu-toggle .deznav {
  left: 0;
}

[direction="rtl"][data-sidebar-style="overlay"] .menu-toggle .deznav {
  left: auto;
  right: 0;
}

[data-sidebar-style="overlay"] .footer {
  padding-left: 0;
}

[data-sidebar-style="overlay"][data-header-position="fixed"] .nav-header {
  position: fixed;
}

[data-sidebar-position="fixed"][data-header-position="fixed"] .nav-header {
  position: fixed;
}

[data-sidebar-position="fixed"][data-layout="vertical"] .nav-header {
  position: fixed;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  /* z-index: -1; */
}

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav {
  position: fixed;
  border-right: 1px solid #f8f8f800;
}

[data-sidebar-position="fixed"][data-layout="vertical"] .deznav .deznav-scroll {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

[data-sidebar-position="fixed"][data-layout="vertical"] .menu-toggle .deznav {
  position: fixed;
}

[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="icon-hover"][data-layout="vertical"][data-container="boxed"] .deznav,
[data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="wide-boxed"] .deznav,
[data-header-position="fixed"][data-sidebar-position="fixed"][data-sidebar-style="overlay"][data-layout="vertical"][data-container="boxed"] .deznav {
  position: absolute;
}

.sidebar-right {
  right: -50rem;
  position: fixed;
  top: 0;
  width: 50rem;
  background-color: #fff;
  margin-top: 3.5rem;
  transition: all .5s ease-in-out;
  border-radius: 0.5rem;
  z-index: 9999;
  /* Navigation */
}

.sidebar-right .bg-label-pattern {
  background: transparent;
  background-image: url("../images/pattern/pattern5.png");
  background-size: 130%;
}

.sidebar-right .bootstrap-select {
  height: 48px;
  border-radius: 6px;
}

.sidebar-right .bootstrap-select .btn {
  padding: 12px 15px;
  font-size: 15px;
  border-color: #d1d1d1;
  border-radius: 6px;
}

.sidebar-right .note-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  opacity: 1;
  background-color: #fff;
  font-size: 12px;
}

[direction="rtl"] .sidebar-right .slimScrollDiv {
  overflow: visible !important;
}

.sidebar-right .sidebar-right-trigger {
  position: absolute;
  z-index: 9;
  top: 8.75rem;
  right: 100%;
  background-color: #0E8A74;
  color: #fff;
  display: inline-block;
  display: none;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 5px 0 0 5px;
  box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}

[data-theme-version="dark"] .sidebar-right .sidebar-right-trigger {
  color: #fff;
}

@media only screen and (max-width: 767px) {

  .sidebar-right .sidebar-right-trigger {
    display: none;
  }
}

.sidebar-right .sidebar-close-trigger {
  position: absolute;
  z-index: 2;
  font-size: 28px;
  top: 0;
  right: -48px;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  text-align: center;
  background: black;
  color: #fff;
}

.sidebar-right.show {
  right: 5.25rem;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.sidebar-right.show .sidebar-right-trigger {
  display: none;
}

.sidebar-right.show .bg-overlay {
  position: fixed;
  width: 100%;
  cursor: pointer;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.sidebar-right .nav-tabs {
  justify-content: space-between;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 2;
}

.sidebar-right .nav-tabs .nav-item {
  margin-bottom: 0;
  flex: 1;
}

.sidebar-right .nav-tabs .nav-item .nav-link {
  border: 0;
  font-size: 1.125rem;
  position: relative;
  text-align: center;
  background-color: #fff;
}

.sidebar-right .nav-tabs .nav-item .nav-link::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: transparent;
}

[data-theme-version="dark"] .sidebar-right .nav-tabs .nav-item .nav-link.active {
  border-right: none;
  border-left: none;
  border-top: none;
}

.sidebar-right .sidebar-right-inner>h4,
.sidebar-right .sidebar-right-inner>.h4 {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  background: #fff;
  margin: 0px 0px 0px 0px;
}

.sidebar-right .tab-content {
  padding: 1.25rem 1.25rem 0;
  min-height: 480px;
  background: #fff;
}

.sidebar-right .tab-content .tab-pane .admin-settings .row>div {
  margin-bottom: 20px;
}

.sidebar-right .tab-content .tab-pane .admin-settings p {
  color: #353535;
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 16px;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"] {
  display: none;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]+label {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  transition: all .1s ease;
  border-radius: 4px;
  margin-right: 5px;
  margin-bottom: 3px;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked+label {
  position: relative;
}

.sidebar-right .tab-content .tab-pane .admin-settings input[type="radio"]:checked+label::after {
  height: 33px;
  width: 33px;
  left: -4px;
  top: -4px;
  content: "";
  position: absolute;
  background-color: inherit;
  border-radius: 6px;
  opacity: 0.4;
}

.sidebar-right .navigation-bg input[type="radio"]:checked+label:before {
  opacity: 1;
}

.sidebar-right .navigation-bg input[type="radio"]+label {
  position: relative;
  width: 142px !important;
  height: 100px !important;
  margin-right: 10px !important;
  background-size: cover;
  background-position: top;
}

.sidebar-right .navigation-bg input[type="radio"]+label:before {
  content: "\f058";
  font-family: 'Font Awesome 5 Free';
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: inherit;
}

.sidebar-right #nav_header_color_1+label,
.sidebar-right #header_color_1+label,
.sidebar-right #sidebar_color_1+label,
.sidebar-right #primary_color_1+label {
  background-color: #fff;
}

.sidebar-right #nav_header_color_2+label,
.sidebar-right #header_color_2+label,
.sidebar-right #sidebar_color_2+label,
.sidebar-right #primary_color_2+label {
  background-color: #6610f2;
}

.sidebar-right #nav_header_color_3+label,
.sidebar-right #header_color_3+label,
.sidebar-right #sidebar_color_3+label,
.sidebar-right #primary_color_3+label {
  background-color: #0E8A74;
}

.sidebar-right #nav_header_color_4+label,
.sidebar-right #header_color_4+label,
.sidebar-right #sidebar_color_4+label,
.sidebar-right #primary_color_4+label {
  background-color: #4d06a5;
}

.sidebar-right #nav_header_color_5+label,
.sidebar-right #header_color_5+label,
.sidebar-right #sidebar_color_5+label,
.sidebar-right #primary_color_5+label {
  background-color: #dc3545;
}

.sidebar-right #nav_header_color_6+label,
.sidebar-right #header_color_6+label,
.sidebar-right #sidebar_color_6+label,
.sidebar-right #primary_color_6+label {
  background-color: #fd7e14;
}

.sidebar-right #nav_header_color_7+label,
.sidebar-right #header_color_7+label,
.sidebar-right #sidebar_color_7+label,
.sidebar-right #primary_color_7+label {
  background-color: #ffc107;
}

.sidebar-right #nav_header_color_8+label,
.sidebar-right #header_color_8+label,
.sidebar-right #sidebar_color_8+label,
.sidebar-right #primary_color_8+label {
  background-color: #fff;
}

.sidebar-right #nav_header_color_9+label,
.sidebar-right #header_color_9+label,
.sidebar-right #sidebar_color_9+label,
.sidebar-right #primary_color_9+label {
  background-color: #20c997;
}

.sidebar-right #nav_header_color_10+label,
.sidebar-right #header_color_10+label,
.sidebar-right #sidebar_color_10+label,
.sidebar-right #primary_color_10+label {
  background-color: #17a2b8;
}

.sidebar-right #nav_header_color_11+label,
.sidebar-right #header_color_11+label,
.sidebar-right #sidebar_color_11+label,
.sidebar-right #primary_color_11+label {
  background-color: #94618E;
}

.sidebar-right #nav_header_color_12+label,
.sidebar-right #header_color_12+label,
.sidebar-right #sidebar_color_12+label,
.sidebar-right #primary_color_12+label {
  background-color: #343a40;
}

.sidebar-right #nav_header_color_13+label,
.sidebar-right #header_color_13+label,
.sidebar-right #sidebar_color_13+label,
.sidebar-right #primary_color_13+label {
  background-color: #2a2a2a;
}

.sidebar-right #nav_header_color_14+label,
.sidebar-right #header_color_14+label,
.sidebar-right #sidebar_color_14+label,
.sidebar-right #primary_color_14+label {
  background-color: #4885ed;
}

.sidebar-right #nav_header_color_15+label,
.sidebar-right #header_color_15+label,
.sidebar-right #sidebar_color_15+label,
.sidebar-right #primary_color_15+label {
  background-color: #4cb32b;
}

.sidebar-right #nav_header_color_1+label,
.sidebar-right #header_color_1+label,
.sidebar-right #sidebar_color_1+label,
.sidebar-right #primary_color_1+label {
  border: 1px solid #c4c4c4;
}

.sidebar-right #sidebar_text_color_1+label {
  background-color: #fff;
}

.sidebar-right #sidebar_text_color_2+label {
  background-color: #6610f2;
}

.sidebar-right #sidebar_text_color_3+label {
  background-color: #0E8A74;
}

.sidebar-right #sidebar_text_color_4+label {
  background-color: #dc3545;
}

.sidebar-right #sidebar_text_color_5+label {
  background-color: #dc3545;
}

.sidebar-right #sidebar_text_color_6+label {
  background-color: #fd7e14;
}

.sidebar-right #sidebar_text_color_7+label {
  background-color: #ffc107;
}

.sidebar-right #sidebar_text_color_8+label {
  background-color: #ff5ed2;
}

.sidebar-right #sidebar_text_color_9+label {
  background-color: #20c997;
}

.sidebar-right #sidebar_text_color_10+label {
  background-color: #17a2b8;
}

.sidebar-right #sidebar_text_color_11+label {
  background-color: #94618E;
}

.sidebar-right #sidebar_text_color_12+label {
  background-color: #343a40;
}

.sidebar-right #sidebar_text_color_13+label {
  background-color: #83418b;
}

.sidebar-right #sidebar_text_color_14+label {
  background-color: #4885ed;
}

.sidebar-right #sidebar_text_color_15+label {
  background-color: #4cb32b;
}

.sidebar-right #sidebar_text_color_1+label {
  border: 0.0625rem solid #c4c4c4;
}

.sidebar-right.style-1 {
  height: 100vh;
  width: 250px;
  margin-top: 0;
  right: -250px;
}

.sidebar-right.style-1 .sidebar-right-inner {
  background: #fff;
}

.sidebar-right.style-1 .sidebar-right-trigger {
  top: 12.4rem;
}

.sidebar-right.style-1.show {
  right: 0;
}

.sidebar-right.style-1.show .sidebar-right-trigger {
  display: block;
}

@media only screen and (max-width: 991px) {
  .sidebar-right {
    width: 75%;
  }
}

@keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }

  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
  }

  100% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: translateX(-8%);
    -webkit-transform: translateX(-8%);
  }

  50% {
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
  }

  100% {
    transform: translateY(-8%);
    -webkit-transform: translateY(-8%);
  }
}

.nav-user {
  background: #0E8A74;
  margin-bottom: 10px;
  padding: 20px 25px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user {
    padding: 20px 15px 15px;
  }
}

.nav-user img {
  width: 35px;
  height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user img {
    width: 35px;
    height: 35px;
    margin-bottom: 10px;
  }
}

.nav-user h5,
.nav-user .h5 {
  margin-left: 10px;
  margin-bottom: 3px;
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

  .nav-user h5,
  .nav-user .h5 {
    display: none;
  }
}

[data-sibebarbg="color_2"] .nav-user h5,
[data-sibebarbg="color_2"] .nav-user .h5 {
  color: #fff;
}

.nav-user p {
  margin-left: 10px;
  margin-bottom: 8px;
  color: #afcff7;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user p {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user i {
    margin-top: 15px;
    display: block;
  }
}

.menu-toggle .nav-user {
  padding: 20px 15px 15px;
}

.menu-toggle .nav-user img {
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
}

.menu-toggle .nav-user h5,
.menu-toggle .nav-user .h5,
.menu-toggle .nav-user p {
  display: none;
}

.menu-toggle .nav-user i {
  margin-top: 15px;
  display: block;
}

.menu-toggle .nav-user .dropdown-menu {
  left: 45px !important;
  top: 22px !important;
}

.chatbox {
  width: 340px;
  height: 100vh;
  position: fixed;
  right: -500px;
  top: 0;
  z-index: 999;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.15);
  -webkit-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

[data-theme-version="dark"] .chatbox {
  background: #2f363e;
}

.chatbox .chatbox-close {
  position: absolute;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  width: 0;
  height: 100%;
  right: 340px;
  background: #000;
  z-index: 1;
  opacity: 0.1;
  cursor: pointer;
}

.chatbox .card-fotter {
  padding: 0.75rem 1rem;
}

.chatbox .card-body {
  padding: 1rem;
}

.chatbox.active {
  right: 0;
}

.chatbox.active .chatbox-close {
  width: 100vw;
}

.chatbox .type_msg {
  padding-top: 10px;
}

.chatbox .nav {
  padding: 1rem 1rem 0 1rem;
  background: rgba(14, 138, 116, 0.1);
  border: 0;
  justify-content: space-between;
}

.chatbox .nav .nav-link {
  color: #0E8A74;
  opacity: 0.7;
  text-transform: uppercase;
}

.chatbox .nav .nav-link:hover,
.chatbox .nav .nav-link.active {
  background: transparent;
  color: #0E8A74;
  opacity: 1;
  border-color: #0E8A74;
}

.chatbox .img_cont {
  width: 40px;
  border-radius: 40px;
  margin-right: 10px;
  position: relative;
  height: 40px;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  min-width: 40px;
  min-height: 40px;
}

.chatbox .img_cont .icon {
  color: #fff;
}

.chatbox .img_cont.primary {
  background: #e7fdf9;
  color: #0E8A74;
}

[data-theme-version="dark"] .chatbox .img_cont.primary {
  background: rgba(14, 138, 116, 0.1);
}

.chatbox .img_cont.warning {
  background: #fffbfa;
  color: #FE634E;
}

[data-theme-version="dark"] .chatbox .img_cont.warning {
  background: rgba(254, 99, 78, 0.1);
}

.chatbox .img_cont.success {
  background: #ecfae4;
  color: #68CF29;
}

[data-theme-version="dark"] .chatbox .img_cont.success {
  background: rgba(104, 207, 41, 0.1);
}

.chatbox .img_cont.info {
  background: #e9f1fd;
  color: #3A82EF;
}

[data-theme-version="dark"] .chatbox .img_cont.info {
  background: rgba(58, 130, 239, 0.1);
}

.chatbox .img_cont img {
  width: 100%;
}

.chatbox .img_cont .online_icon {
  background: #68CF29;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 15px;
  right: -1px;
  bottom: 0px;
  border: 2px solid #fff;
}

.chatbox .img_cont .online_icon.offline {
  background: #f72b50;
}

.chatbox .card {
  box-shadow: none;
}

.chatbox .search {
  height: 40px;
}

.chatbox .user_info span {
  font-size: 15px;
  color: #000;
  display: block;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  max-width: 170px;
}

[data-theme-version="dark"] .chatbox .user_info span {
  color: #fff;
}

.chatbox .user_info p {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  max-width: 170px;
}

.chatbox .contacts li {
  padding: 7px 1rem;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

[data-theme-version="dark"] .chatbox .contacts li {
  border-color: #3e454d;
}

.chatbox .contacts li>div {
  display: flex;
  align-items: center;
}

.chatbox .contacts li:hover {
  background: #f4f7ff;
}

[data-theme-version="dark"] .chatbox .contacts li:hover {
  background-color: #24292d;
}

.chatbox .contacts .name-first-letter {
  background: #f9f9f9;
  padding: 4px 1rem;
  font-weight: 700;
  color: #000;
  position: sticky;
  top: 0;
  z-index: 1;
}

[data-theme-version="dark"] .chatbox .contacts .name-first-letter {
  color: #fff;
  background: #24292d;
}

.chatbox .contacts_body {
  height: calc(100vh - 120px);
}

.chatbox .card-header {
  background: #f4f7ff;
  padding: 15px 20px;
  justify-content: center;
}

.chatbox .card-header h6,
.chatbox .card-header .h6 {
  font-size: 15px;
}

.chatbox .card-header p {
  line-height: 1.2;
  font-size: 12px;
  color: #194039;
}

.chatbox .chat-list-header {
  justify-content: space-between;
  background: #fff;
}

[data-theme-version="dark"] .chatbox .chat-list-header {
  background: #2f363e;
}

.chatbox .chat-list-header a {
  text-align: center;
  width: 30px;
  height: 30px;
  background: #f9f9f9;
  border-radius: 6px;
  line-height: 30px;
  display: block;
}

[data-theme-version="dark"] .chatbox .chat-list-header a {
  background: rgba(14, 138, 116, 0.1);
}

[data-theme-version="dark"] .chatbox .chat-list-header a svg g [fill] {
  fill: #fff;
}

.chatbox .img_cont_msg {
  width: 30px;
  height: 30px;
  display: block;
  max-width: 30px;
  min-width: 30px;
}

.chatbox .img_cont_msg img {
  width: 100%;
}

.chatbox .msg_cotainer {
  background: #0E8A74;
  margin-left: 10px;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  padding: 10px 15px;
  color: #fff;
  position: relative;
}

.chatbox .msg_cotainer .msg_time {
  display: block;
  font-size: 11px;
  color: #fff;
  margin-top: 5px;
  opacity: 0.5;
}

.chatbox .msg_cotainer:after {
  content: "";
  position: absolute;
  left: -10px;
  border-right: 10px solid #0E8A74;
  border-bottom: 10px solid transparent;
  border-top: 0px solid;
  top: 0;
}

.chatbox .msg_cotainer_send {
  background: #f9f9f9;
  padding: 10px 15px;
  border-radius: 6px 0px 6px 6px;
  margin-right: 10px;
  color: #222;
  position: relative;
  text-align: right;
}

[data-theme-version="dark"] .chatbox .msg_cotainer_send {
  background: #24292d;
  color: #fff;
}

.chatbox .msg_cotainer_send .msg_time_send {
  display: block;
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
  opacity: 0.6;
}

.chatbox .msg_cotainer_send:after {
  content: "";
  position: absolute;
  right: -10px;
  border-left: 10px solid #f9f9f9;
  border-bottom: 10px solid transparent;
  border-top: 0px solid;
  top: 0;
}

[data-theme-version="dark"] .chatbox .msg_cotainer_send:after {
  border-left: 10px solid #24292d;
}

.chatbox .type_msg .form-control {
  padding: 10px 0;
  height: 50px;
  border: 0;
  resize: none;
}

.chatbox .type_msg .form-control:focus {
  z-index: 0;
}

.chatbox .type_msg .btn {
  font-size: 18px;
  border-radius: 38px !important;
  width: 38px;
  height: 38px;
  padding: 0;
  margin-top: 6px;
}

.chatbox .video_cam {
  margin-left: 15px;
}

.chatbox .video_cam span {
  width: 35px;
  height: 35px;
  background: #10ca93;
  text-align: center;
  line-height: 35px;
  border-radius: 35px;
  color: #fff;
  margin-right: 5px;
  align-self: center;
  font-size: 16px;
  padding: 0 3px;
  display: inline-block;
}

.chatbox .note_card .contacts li {
  padding: 12px 1rem;
}

@media only screen and (max-width: 576px) {
  .chatbox {
    width: 280px;
  }

  .chatbox .chatbox-close {
    right: 280px;
  }
}

.dz-demo-panel {
  right: -380px;
  position: fixed;
  top: 0;
  width: 380px;
  background-color: #fff;
  height: 100vh;
  transition: all .5s ease-in-out;
  z-index: 9999;
}

.dz-demo-panel .note-text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  font-size: 12px;
  background-color: #fff;
}

.dz-demo-panel .dz-demo-trigger {
  position: absolute;
  z-index: 9;
  top: 8.75rem;
  right: 100%;
  background-color: #FB3E7A;
  color: #fff;
  display: inline-block;
  display: none;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 5px 0 0 5px;
  box-shadow: -5px 3px 5px 0px rgba(119, 119, 119, 0.15);
}

@media only screen and (max-width: 1199px) {
  .dz-demo-panel .dz-demo-trigger {
    display: none;
  }
}

.dz-demo-panel .dz-demo-close {
  height: 30px;
  color: #fff;
  width: 30px;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  line-height: 30px;
  text-align: center;
}

.dz-demo-panel.show {
  right: 0;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  overflow: hidden;
}

.dz-demo-panel.show .sidebar-right-trigger {
  display: none;
}

.dz-demo-panel.show .bg-close {
  position: fixed;
  z-index: -2;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
}

.dz-demo-panel .dz-demo-inner {
  padding: 30px 30px;
  background: #fff;
}

.dz-demo-panel .dz-demo-content {
  height: calc(100vh - 210px);
}

.dz-demo-panel .dz-demo-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.dz-demo-panel .dz-demo-header h4,
.dz-demo-panel .dz-demo-header .h4 {
  margin-bottom: 0;
  color: #000;
}

.dz-demo-panel .dz-demo-bx {
  height: 200px;
  overflow: hidden;
  border: 5px solid #efefef;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}

.dz-demo-panel .dz-demo-bx.demo-active {
  border-color: #FB3E7A;
}

.dz-demo-panel .dz-demo-bx.demo-active .overlay-layer {
  opacity: 1;
}

.dz-demo-panel .overlay-bx {
  position: relative;
}

.dz-demo-panel .overlay-bx .overlay-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0;
}

.dz-demo-panel .overlay-bx:hover .overlay-layer {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 1;
}

/* =============
   Calendar
============= */
.app-fullcalender button {
  border-radius: 0px;
  color: #6e6e6e;
}

.app-fullcalender td {
  border-color: #F0F0F0;
}

.calendar {
  float: left;
  margin-bottom: 0;
}

.fc-view {
  margin-top: 1rem;
}

.fc-toolbar {
  margin-bottom: 0.3125rem;
  margin-top: 0.9375rem;
}

.fc-toolbar .fc-left {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  float: none;
}

.fc-toolbar .fc-right {
  display: flex;
  justify-content: center;
  float: none;
  margin-bottom: 0.3125rem;
}

.fc-toolbar .fc-center {
  display: flex;
  justify-content: center;
}

.fc-toolbar .fc-center * {
  float: none;
}

.fc-toolbar h2,
.fc-toolbar .h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.875rem;
  text-transform: uppercase;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
  z-index: 0;
  box-shadow: none;
}

.fc-widget-header {
  border: 1px solid #F0F0F0;
  border-bottom: 0 !important;
}

.fc th.fc-widget-header {
  background: #F0F0F0 !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.625rem 0;
  text-transform: uppercase;
}

.fc-button {
  border: 1px solid #F0F0F0;
  text-transform: capitalize;
}

.fc-button.active {
  box-shadow: none !important;
}

.fc-text-arrow {
  font-family: inherit;
  font-size: 1rem;
}

.fc-event,
.external-event {
  border-radius: 0.125rem;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 0.3125rem 0.4375rem;
  padding: 0.3125rem;
  text-align: center;
}

.external-event {
  cursor: move;
  margin: 0.625rem 0;
  padding: 0.125rem 0;
}

.fc-basic-view td.fc-week-number span {
  padding-right: 0.3125rem;
}

.fc-basic-view td.fc-day-number {
  padding-right: 0.3125rem;
}

#drop-remove {
  margin-right: 8px;
  top: 0.1875rem;
}

#add-category .modal-dialog,
#event-modal .modal-dialog {
  max-width: 37.5rem;
}

.fc-content {
  color: #fff;
}

.fc th.fc-widget-header {
  background: transparent !important;
}

.fc-button {
  background: #fff;
}

.fc-state-hover {
  background: #fff !important;
}

.fc-state-highlight {
  background: #f2f4fa !important;
}

[data-theme-version="dark"] .fc-state-highlight {
  color: #fff !important;
}

.fc-cell-overlay {
  background: #fff !important;
}

.fc-unthemed .fc-today {
  background: #f2f4fa !important;
}

.fc-day-top {
  color: #6e6e6e !important;
}

[data-theme-version="dark"] .fc-day-top {
  color: #fff !important;
}

.external-event {
  color: #fff;
}

[data-theme-version="dark"] .external-event {
  color: #fff !important;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 1rem;
}

.fc-scroller.fc-day-grid-container {
  height: 490px !important;
}

.fc-row.fc-week.fc-widget-content.fc-rigid {
  height: 81px !important;
}

@media only screen and (max-width: 1440px) {
  .email_left_pane {
    display: none;
  }
}

#external-events .external-event:before {
  content: "";
  display: block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: .9rem;
  position: relative;
  top: 2px;
}

[data-theme-version="dark"] #external-events [data-class="bg-primary"] {
  color: #fff !important;
}

#external-events [data-class="bg-primary"]::before {
  background: #0E8A74;
}

#external-events [data-class="bg-success"]::before {
  background: #68CF29;
}

#external-events [data-class="bg-warning"]::before {
  background: #FE634E;
}

#external-events [data-class="bg-dark"]::before {
  background: #6e6e6e;
}

#external-events [data-class="bg-danger"]::before {
  background: #f72b50;
}

#external-events [data-class="bg-info"]::before {
  background: #3A82EF;
}

#external-events [data-class="bg-pink"]::before {
  background: #e83e8c;
}

#external-events [data-class="bg-secondary"]::before {
  background: #FB3E7A;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  border-color: #F0F0F0;
}

[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton table,
[data-theme-version="dark"] .fc .fc-row .fc-content-skeleton td,
[data-theme-version="dark"] .fc .fc-row .fc-helper-skeleton td {
  border-color: #3e454d;
}

[data-theme-version="dark"] .fc-unthemed .fc-content,
[data-theme-version="dark"] .fc-unthemed .fc-divider,
[data-theme-version="dark"] .fc-unthemed .fc-list-heading td,
[data-theme-version="dark"] .fc-unthemed .fc-list-view,
[data-theme-version="dark"] .fc-unthemed .fc-popover,
[data-theme-version="dark"] .fc-unthemed .fc-row,
[data-theme-version="dark"] .fc-unthemed tbody,
[data-theme-version="dark"] .fc-unthemed td,
[data-theme-version="dark"] .fc-unthemed th,
[data-theme-version="dark"] .fc-unthemed thead {
  border-color: #3e454d;
}

.email-left-box {
  width: 15rem;
  float: left;
  padding: 0 1.25rem 1.25rem 1rem;
  border-top: 0;
  border-left: 0;
  width: 100%;
  float: none;
  border: none;
  padding-bottom: 30px !important;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .email-left-box {
    width: 100%;
    padding-bottom: 0px !important;
  }
}

.intro-title {
  background: rgba(14, 138, 116, 0.1);
  padding: 1rem;
  margin: 1.875rem 0 1.25rem 0;
}

.intro-title h5,
.intro-title .h5 {
  margin-bottom: 0;
  color: #6a707e;
  font-size: 14px;
}

.intro-title h5 i,
.intro-title .h5 i {
  font-size: 0.75rem;
  position: relative;
  bottom: 1px;
}

.intro-title i {
  color: #0E8A74;
}

.email-right-box {
  padding-left: 15rem;
  padding-right: 1rem;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .email-right-box {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
    clear: both;
  }
}

.email-right-box .right-box-border {
  border-right: 2px solid rgba(14, 138, 116, 0.1);
}

@media screen and (min-width: 649px) and (max-width: 1200px) {
  .email-right-box .right-box-padding {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1700px) {
  .email-right-box .right-box-padding {
    padding-left: 0.9375rem;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .email-right-box .right-box-padding {
    padding-left: 0;
  }
}

.toolbar .btn-group .btn {
  border: 0;
}

.toolbar .btn-group input {
  position: relative;
  top: 2px;
}

.read-content textarea {
  height: 150px;
  padding: 15px 20px;
}

.read-content-email {
  font-size: 0.875rem;
}

.read-content h5,
.read-content .h5 {
  color: #6a707e;
}

.read-content p strong {
  color: #6a707e;
}

.read-content-body p {
  margin-bottom: 1.875rem;
}

.read-content-attachment {
  padding: 0.5rem 0;
}

.read-content-attachment h6,
.read-content-attachment .h6 {
  font-size: 1.125rem;
  color: #6a707e;
}

.read-content-attachment h6 i,
.read-content-attachment .h6 i {
  padding-right: 0.3125rem;
}

.read-content-attachment .attachment>div:not(:last-child) {
  border-right: 1px solid #DDDFE1;
}

.compose-content .wysihtml5-toolbar {
  border-color: #eaeaea;
}

.compose-content .dropzone {
  background: #f2f4fa !important;
}

.compose-content h5,
.compose-content .h5 {
  font-size: 1.0625rem;
  color: #6a707e;
}

.compose-content h5 i,
.compose-content .h5 i {
  font-size: 1.125rem;
  transform: rotate(90deg);
}

.compose-content .dropzone {
  border: 1px dashed #DDDFE1;
  min-height: 13.125rem;
  position: relative;
}

.compose-content .dropzone .dz-message {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.email-list {
  display: block;
  padding-left: 0;
}

.email-list .message {
  position: relative;
  display: block;
  height: 3.125rem;
  line-height: 3.125rem;
  cursor: default;
  transition-duration: 0.3s;
}

.email-list .message a {
  color: #828690;
}

.email-list .message-single .custom-checkbox {
  margin-top: 2px;
}

.email-list .message-single i {
  color: #89879f;
  font-size: 1.125rem;
  padding-left: .4rem;
}

.email-list .message:hover {
  transition-duration: 0.05s;
  background: rgba(152, 166, 173, 0.15);
}

.email-list .message .col-mail {
  float: left;
  position: relative;
}

.email-list .message .col-mail-1 {
  width: 5.625rem;
}

.email-list .message .col-mail-1 .star-toggle {
  display: block;
  float: left;
  margin-top: 1.125rem;
  font-size: 1rem;
  margin-left: 0.3125rem;
}

.email-list .message .col-mail-1 .email-checkbox {
  display: block;
  float: left;
  margin: 0.9375rem 0.625rem 0 1.25rem;
}

.email-list .message .col-mail-1 .dot {
  display: block;
  float: left;
  border: .4rem solid transparent;
  border-radius: 6.25rem;
  margin: 1.375rem 1.625rem 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}

.email-list .message .col-mail-2 {
  position: absolute;
  top: 0;
  left: 5.625rem;
  right: 0;
  bottom: 0;
}

.email-list .message .col-mail-2 .subject {
  position: absolute;
  top: 0;
  left: 0;
  right: 5.5rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.email-list .message .col-mail-2 .date {
  position: absolute;
  top: 0;
  right: 0;
}

.email-checkbox {
  cursor: pointer;
  height: 0.9375rem;
  width: 0.9375rem;
  position: relative;
  display: inline-block;
  border-radius: .1rem;
  position: relative;
  top: 0.3125rem;
  box-shadow: inset 0 0 0 0.1rem #828690;
}

.email-checkbox input {
  opacity: 0;
  cursor: pointer;
}

.email-checkbox input:checked label {
  opacity: 1;
}

.email-checkbox label {
  position: absolute;
  top: .3rem;
  left: .3rem;
  right: .3rem;
  bottom: .3rem;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 0 !important;
  transition-duration: 0.05s;
}

.mail-list a {
  vertical-align: middle;
  padding: 0.625rem 0.9375rem;
  display: block;
  background: transparent;
  color: #464a53;
  font-weight: 600;
}

.mail-list .list-group-item {
  color: #6a707e;
  padding: 0.75rem 1.0625rem;
}

.mail-list .list-group-item i {
  font-size: 1rem;
  padding-right: 0.625rem;
  color: #cccccc;
}

.mail-list .list-group-item.active {
  color: #fff;
}

.mail-list .list-group-item.active i {
  color: #fff;
}

.chat-wrap {
  padding: 1.0625rem 1.875rem;
}

.chat-wrap .media .media-body h6,
.chat-wrap .media .media-body .h6 {
  font-size: 1.0625rem;
  color: #6a707e;
}

.chat-wrap .media .media-body p {
  font-size: 0.875rem;
}

@media (min-width: 648px) {
  .email-filter {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1700px) {
  .email-filter {
    padding-left: 1.875rem;
  }
}

.email-filter .input-group-prepend i {
  font-size: 0.875rem;
  color: #89879f;
}

.email-filter .input-group-prepend .input-group-text {
  border: 0;
  border-bottom: 1px solid #DDDFE1 !important;
  background: transparent;
}

.email-filter .input-group .form-control {
  padding: 0 0 0 0.3125rem;
  border: 0;
  font-size: 0.875rem;
  height: 1.875rem;
  color: #89879f;
  border-bottom: 1px solid #DDDFE1;
}

.email-filter .input-group .form-control::placeholder {
  font-size: 0.875rem;
  color: #89879f;
}

.email-filter .input-group>.form-control {
  min-height: 1.875rem;
}

.single-mail {
  display: block;
  padding: 1.5625rem 0;
}

.single-mail .media {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media (min-width: 1700px) {
  .single-mail .media {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.single-mail .media img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin-right: 0.9375rem;
}

@media (min-width: 1700px) {
  .single-mail .media img {
    margin-right: 1.875rem;
  }
}

.single-mail .media-body h6,
.single-mail .media-body .h6 {
  color: #abafb3;
}

.single-mail .media-body h4,
.single-mail .media-body .h4 {
  font-size: 1rem;
  color: #6a707e;
}

.single-mail .media-body h4 button i,
.single-mail .media-body .h4 button i {
  font-size: 1.125rem;
  color: #abafb3;
  font-weight: bold;
  transform: rotate(90deg);
}

.single-mail .media-body p {
  font-size: 0.875rem;
  color: #abafb3;
}

.single-mail.active {
  background: #0E8A74;
}

.single-mail.active h6,
.single-mail.active .h6,
.single-mail.active h4,
.single-mail.active .h4,
.single-mail.active p,
.single-mail.active i {
  color: #fff !important;
}

[direction="rtl"] .email-right-box {
  padding-left: 1rem;
  padding-right: 15rem;
}

@media only screen and (max-width: 991px) {
  [direction="rtl"] .email-right-box {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .email-right-box {
    padding-left: 0;
    padding-right: 0;
  }
}

[direction="rtl"] .email-left-box {
  float: right;
}

[direction="rtl"] .email-list .message .col-mail-2 {
  right: 5.625rem;
  left: 0;
  float: right;
}

[direction="rtl"] .email-list .message .col-mail-2 .date {
  right: auto;
  left: 0;
}

[direction="rtl"] .email-list .message .col-mail-2 .subject {
  right: 0;
  left: 5.5rem;
}

.mail-list .list-group-item:hover:not(.active) {
  background-color: #e6f3f1;
}

.photo-content {
  position: relative;
}

div.first .col-xl-12:nth-last-child(1) {
  position: sticky;
  top: 16px;
  /* position: -webkit-sticky;
  position: sticky; */
  /* top: 0;
  height: 96vh;
  top: 1.1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
   */
}



div.third#info .col-xl-12:nth-last-child(1) {
  position: sticky;
  top: 16px;
  /* position: -webkit-sticky;
  position: sticky; */
  /* top: 0;
  height: 96vh;
  top: 1.1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none; */
  margin-bottom: 15px;
}

/* div.first {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 96vh;
  top: 1.1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
} */

/* div.third {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 96vh;
  top: 1.1rem;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
} */

.photo-content .cover-photo {
  background: #f4effb;
  min-height: 68px;
  width: 100%;
  border-radius: 4px;
}

.photo-content .cover-photo img {
  object-position: top;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-height: 263px;
}

.profile .profile-photo {
  margin-top: -45px;
  z-index: 1;
  width: 71px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.profile .profile-photo img {
  height: 71px;
}

/*.profile .profile-photo img {
       border: 8px solid #fff;
    box-shadow: 0px 15px 32px rgb(0 0 0 / 18%) !important}
*/
@media only screen and (max-width: 575px) {
  .profile .profile-photo {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}

[direction="rtl"] .profile .profile-photo {
  left: auto;
  right: 0;
  margin-right: 0;
  margin-left: 15px;
}

@media only screen and (max-width: 1199px) {
  [direction="rtl"] .profile .profile-photo {
    right: 15px;
  }
}

@media only screen and (max-width: 575px) {
  [direction="rtl"] .profile .profile-photo {
    width: 80px;
    right: calc(50% - 40px);
    top: -100px;
  }
}

.profile-info {
  padding: 15px 20px;
}

@media only screen and (max-width: 575px) {
  .profile-info {
    padding: 0 0 20px;
    text-align: center;
  }
}

.profile-info h4,
.profile-info .h4 {
  color: #464a53 !important;
}

.profile-info h4.text-primary,
.profile-info .text-primary.h4 {
  color: #000000 !important;
  font-size: 17px;
  font-weight: 600;
}

.profile-info p {
  color: #828690;
}

.profile-info .prf-col {
  min-width: 250px;
  padding: 10px 50px 0;
}

.profile-interest .row {
  margin: 0 -.70px;
}

.profile-interest .row .int-col {
  padding: 0 .70px;
}

.profile-interest .row .int-col .interest-cat {
  margin-bottom: 1.40px;
  position: relative;
  display: block;
}

.profile-interest .row .int-col .interest-cat:after {
  background: #000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.profile-interest .row .int-col .interest-cat p {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  left: 0;
  margin: 0;
  z-index: 1;
  color: white;
  font-size: 1.20px;
}

.profile-tab .nav-item .nav-link {
  font-size: 16px;
  margin-right: 30px;
  transition: all 0.5s ease-in-out;
  border: none;
  border-bottom: .20px solid transparent;
  color: #828690;
}

.profile-tab .nav-item .nav-link:hover,
.profile-tab .nav-item .nav-link.active {
  border: 0;
  background: transparent;
  background: transparent;
  border-bottom: 0.2px solid #3c32b5;
  color: #3c32b5;
}

@media only screen and (max-width: 575px) {
  .profile-tab .nav-item .nav-link {
    margin-right: 0px;
  }
}

.profile-info {
  justify-content: center;
  /* width: max-content;*/
  margin: auto;
  display: block;
  padding: 0 0 20px;
}

@media only screen and (max-width: 575px) {
  .profile-info {
    display: block;
  }
}

.profile-info .profile-details {
  display: flex;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .profile-info .profile-details {
    display: block;
  }

  .profile-info .profile-details .dropdown {
    position: absolute;
    top: 30px;
    right: 30px;
  }
}

.post-input {
  margin-bottom: 30px;
}

.post-input .form-control {
  height: 75px;
  font-weight: 400;
  margin: 15px 0;
}

.post-input .btn-social {
  font-size: 20px;
  height: 55px;
  display: inline-block;
  padding: 0;
  text-align: center;
  border-radius: 0.5rem;
  color: #fff;
  width: 55px;
  line-height: 54px;
}

.post-input .btn-social.facebook {
  background-color: #3B5998;
}

.post-input .btn-social.google-plus {
  background-color: #DE4E43;
}

.post-input .btn-social.linkedin {
  background-color: #007BB6;
}

.post-input .btn-social.instagram {
  background-color: #8A5A4E;
}

.post-input .btn-social.twitter {
  background-color: #1EA1F3;
}

.post-input .btn-social.youtube {
  background-color: #CE201F;
}

.post-input .btn-social.whatsapp {
  background-color: #01C854;
}

.post-input .btn-social i {
  margin: 0 !important;
}

.profile-uoloaded-post img {
  margin-bottom: 20px;
}

.profile-uoloaded-post a h4,
.profile-uoloaded-post a .h4 {
  margin-bottom: 10px;
  color: #464a53;
}

.event-chat-ryt .chat-area .chat-reciver,
.event-chat-ryt .chat-area .chat-sender {
  margin-bottom: 1.875rem;
  padding: 0;
}

.event-chat-ryt .chat-area .chat-reciver img,
.event-chat-ryt .chat-area .chat-sender img {
  border-radius: 30px;
}

.event-chat-ryt .chat-area .media {
  position: relative;
}

.event-chat-ryt .chat-area .media-body p {
  margin: 0;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.event-chat-ryt .chat-area .media-body p span {
  padding: 1rem;
  display: inline-block;
  top: 103%;
  position: relative;
  border: 1px solid #F0F0F0;
}

.event-chat-ryt .chat-reciver {
  padding: .5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.event-chat-ryt .chat-reciver .media {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.event-chat-ryt .chat-reciver .media .media-body {
  margin-right: 2rem;
  text-align: right;
}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body {
  text-align: left;
  margin-left: 2rem;
  margin-right: auto;
}

.event-chat-ryt .chat-reciver .media .media-body p {
  background: #fff;
  margin-bottom: 0;
  border-radius: 5px 5px 0 5px;
}

.event-chat-ryt .chat-reciver .media .media-body p span {
  text-align: left;
  border: 1px solid #F0F0F0;
}

.event-chat-ryt .chat-reciver .media .media-body p span::after {
  content: "";
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: rotate(-45deg) translateX(15px);
  transform: rotate(-45deg) translateX(15px);
}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p span::after {
  left: 0;
  right: auto;
  -webkit-transform: rotate(135deg) translateY(15px);
  transform: rotate(135deg) translateY(15px);
}

.event-chat-ryt .chat-reciver .media .media-body p .time {
  position: absolute;
  font-size: 12px;
  color: #194039;
  font-weight: 400;
  bottom: 0;
  left: -80px;
}

[direction="rtl"] .event-chat-ryt .chat-reciver .media .media-body p .time {
  right: -5rem;
  left: auto;
}

.event-chat-ryt .chat-sender {
  text-align: left;
  padding: .5rem 1rem;
}

.event-chat-ryt .chat-sender .media .media-body {
  margin-left: 2rem;
}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body {
  text-align: right;
  margin-right: 2rem;
  margin-left: auto;
}

.event-chat-ryt .chat-sender .media .media-body p {
  background-color: #fff;
  margin-bottom: 0;
}

.event-chat-ryt .chat-sender .media .media-body p span::after {
  content: "";
  width: 20px;
  height: 20px;
  border-bottom: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: rotate(45deg) translateX(-15px);
  transform: rotate(45deg) translateX(-15px);
}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p span::after {
  left: auto;
  right: 0;
  -webkit-transform: rotate(-135deg) translateY(15px);
  transform: rotate(-135deg) translateY(15px);
}

.event-chat-ryt .chat-sender .media .media-body p .time {
  position: absolute;
  font-size: 10px;
  color: #194039;
  font-weight: 400;
  bottom: 0;
  right: -5rem;
}

[direction="rtl"] .event-chat-ryt .chat-sender .media .media-body p .time {
  left: -5rem;
  right: auto;
}

.char-type {
  padding-top: 30px;
  padding-bottom: 30px;
}

.char-type form .form-control {
  height: 45px;
  padding-left: 18px;
  background: #f9f9f9;
  border-right: 0;
}

.char-type form .input-group-append i {
  color: #898989;
  font-size: 18px;
}

.char-type form .input-group-append .input-group-text {
  padding-left: .7rem;
  padding-right: .7rem;
  background: #f9f9f9;
  border-color: #F0F0F0;
  border-left: 0;
}

.char-type form .input-group-append .input-group-text:last-child {
  padding-right: 1.8rem;
}

.media-avatar {
  padding: 25px 0;
  border-bottom: 1px solid #F0F0F0;
}

.media-avatar:last-child {
  border-bottom: 0px;
}

.media-avatar p {
  margin-bottom: 0;
}

.media-avatar .avatar-status {
  position: relative;
}

.media-avatar .avatar-status i {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ct-golden-section:before {
  float: none;
}

.ct-chart {
  max-height: 15.7rem;
}

.ct-chart .ct-label {
  fill: #a3afb7;
  color: #a3afb7;
  font-size: 0.75rem;
  line-height: 1;
}

.ct-grid {
  stroke: rgba(49, 58, 70, 0.1);
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #ffffff;
  fill: #ffffff;
  font-size: 0.625rem;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #0E8A74;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #68CF29;
}

.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #FE634E;
}

.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #f72b50;
}

.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #3A82EF;
}

.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #6e6e6e;
}

.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #8d6e63;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #FB3E7A;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #00A2FF;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #ff9800;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #ff9800;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 0.625rem;
  padding: 2px 0.625rem;
  border-radius: 3px;
  background: #313a46;
  color: #ffffff;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.chartist-tooltip.tooltip-show {
  opacity: 1;
}

#donught_graph .ct-series.ct-series-a .ct-slice-donut {
  stroke: #3FC6D4;
}

#donught_graph .ct-series.ct-series-b .ct-slice-donut {
  stroke: #333333;
}

#donught_graph .ct-series.ct-series-c .ct-slice-donut {
  stroke: #F63465;
}

@media only screen and (max-width: 767px) {
  #pie-chart .ct-label {
    color: #fff;
    fill: #fff;
  }
}

#visitor_graph {
  height: 253px !important;
}

#user_rating_graph {
  height: 280px !important;
}

#activity {
  height: 270px !important;
}

#visitorOnline {
  height: 72px !important;
}

#trendMeter {
  height: 72px !important;
}

#widget-revenue1,
#widget-revenue2,
#widget-revenue3 {
  height: 117px !important;
}

#widget-profit1,
#widget-profit2,
#widget-profit3 {
  height: 160px !important;
}

#comparison-rate {
  height: 230px !important;
}

#session_day {
  height: 175px !important;
  width: auto !important;
  margin: 0 auto;
}

#walet-status {
  height: 140px !important;
}

#bar1 {
  height: 150px !important;
}

#sold-product {
  height: 230px !important;
}

#chart-venue-expenses,
#chart-online-sale,
#chart-gross-sale {
  height: 150px !important;
}

#areaChart_3 {
  height: 295px !important;
}

.chart-point {
  display: flex;
  align-items: center;
}

.chart-point .check-point-area {
  width: 100px;
  height: 100px;
  margin-top: -10px;
  margin-left: -10px;
}

.chart-point .chart-point-list {
  margin: 0;
  padding-left: 5px;
}

.chart-point .chart-point-list li {
  list-style: none;
  font-size: 13px;
  padding: 2px 0;
}

.chart-point .chart-point-list li i {
  margin-right: 5px;
  font-size: 11px;
  position: relative;
  top: -1px;
}

.c3 {
  height: 250px;
}

.c3-legend-item {
  fill: #9fabb1;
}

.c3 .c3-axis-x path,
.c3 .c3-axis-x line,
.c3 .c3-axis-y path,
.c3 .c3-axis-y line,
.tick text {
  stroke: #fff;
}

.flot-chart {
  height: 15.7rem;
}

.tooltipflot {
  background-color: transparent;
  font-size: 1.4rem;
  padding: .5rem 1rem;
  color: rgba(255, 255, 255, 0.7);
  border-radius: .2rem;
}

.legendColorBox>div {
  border: 0 !important;
  padding: 0 !important;
}

.legendLabel {
  font-size: 0.825rem;
  padding-left: .5rem;
  color: #0E8A74;
}

.flotTip {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

.legend>div {
  background: transparent !important;
}

#balance_graph {
  height: 260px;
}

.morris-hover {
  position: absolute;
  z-index: 1;
  background: #0E8A74;
  color: #fff;
}

.morris-hover .morris-hover-point {
  color: #fff !important;
  margin: 3px 0;
  text-align: center;
  padding: 0 25px;
}

.morris-hover .morris-hover-row-label {
  background-color: #6e6e6e;
  text-align: center;
  padding: 5px;
  margin-bottom: 5px;
}

.morris-hover.morris-default-style {
  border-radius: 5px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
}

/* svg text {
    font-weight: 600 !important;
} */
#morris_donught,
#morris_donught_2,
#line_chart_2,
#morris_bar,
#morris_bar_stalked,
#morris_bar_2,
#morris_area_2,
#morris_area {
  height: 240px !important;
}

#morris_line {
  height: 278px !important;
}

#crypto-btc-card,
#crypto-eth-card,
#crypto-rpl-card,
#crypto-ltc-card {
  height: 9.375rem;
}

#daily-sales,
#comparison-rate,
#usage-chart,
#walet-status {
  width: 100%;
  display: block;
}

#daily-sales canvas,
#comparison-rate canvas,
#usage-chart canvas,
#walet-status canvas {
  max-width: 100% !important;
  width: 100% !important;
}

#sparkline-composite-chart canvas,
#composite-bar canvas,
#sparkline11 canvas,
#StackedBarChart canvas,
#spark-bar canvas,
#tristate canvas {
  height: 100px !important;
}

#sparkline11 canvas {
  width: 100px !important;
}

.easy-pie-chart {
  position: relative;
  text-align: center;
}

.easy-pie-chart .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.easy-pie-chart img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}

.easy-pie-chart canvas {
  display: block;
  margin: 0 auto;
}

#revenue-chart {
  height: 27.7rem;
}

#duration-value-axis {
  height: 27.6rem;
  width: 100%;
}

#combined-bullet {
  height: 28.125rem;
  width: 100%;
}

#zoomable-chart {
  height: 28.125rem;
  width: 100%;
}

#chartMap {
  height: 28.125rem;
  width: 100%;
}

#professional-candlesticks {
  width: 100%;
  height: 28.125rem;
}

#comparing-stock-indices {
  width: 100%;
  height: 28.125rem;
}

#multiple-panel-data {
  width: 100%;
  height: 28.125rem;
}

#depth-chart {
  width: 100%;
  height: 28.125rem;
}

.amcharts-export-menu {
  display: none;
}

.amcharts-data-set-selector-div {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 16.875rem;
  margin: 0 auto;
}

.amcharts-data-set-selector-div select {
  border: 0;
  margin-left: 0.625rem;
  background: #ddd;
  color: #000;
}

.amChartsInputField {
  border: 0;
  background: #0E8A74;
  color: #fff;
  padding: 0.3125rem 0.9375rem;
  margin: 0 0.9375rem;
}

.amcharts-data-set-select {
  border: 0;
  background: #ddd;
  color: #000;
}

.amcharts-period-input,
.amcharts-period-input-selected {
  border: 0;
  margin-left: 0.625rem;
  background: #0E8A74;
  color: #fff;
  padding: 0.3125rem 0.9375rem;
}

.amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -1.9375rem;
  }
}

.lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}

@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem;
  }
}

@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0px;
  }

  100% {
    stroke-opacity: 0;
    stroke-width: 3.125rem;
  }
}

.amcharts-graph-column-front {
  -webkit-transition: all .3s .3s ease-out;
  transition: all .3s .3s ease-out;
}

.amcharts-graph-column-front:hover {
  fill: #496375;
  stroke: #496375;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0%;
  }
}

@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }

  100% {
    stroke-dashoffset: 0%;
  }
}

@media only screen and (max-width: 991px) {
  .amChartsPeriodSelector>fieldset>div {
    float: none !important;
    display: block !important;
    margin-bottom: 0.625rem;
  }
}

.highcharts-root text {
  font-weight: 300 !important;
}

.highcharts-credits {
  display: none;
}

#chart_employee_gender,
#chart_employee_status {
  width: auto;
  height: 350px;
}

.form-control {
  background: #fff;
  border: 1px solid #cbcbcb;
  padding: 5px 14px;
  color: #000000;
  height: 42px;
  font-weight: 600;
  border-radius: 5px;
}

@media only screen and (max-width: 1400px) {
  .form-control {
    height: 41px;
  }
}

.form-control:hover,
.form-control:focus,
.form-control.active {
  box-shadow: none;
  background: #fff;
  color: #6e6e6e;
}

.form-control::placeholder {
  color: #91949e;
}

.input-rounded {
  border-radius: 100px;
}

[data-theme-version="light"] .input-primary .form-control,
[data-theme-version="dark"] .input-primary .form-control {
  border-color: #0E8A74;
}

[data-theme-version="light"] .input-primary .input-group-text,
[data-theme-version="dark"] .input-primary .input-group-text {
  background-color: #0E8A74;
  color: #fff;
}

[data-theme-version="light"] .input-danger .form-control,
[data-theme-version="dark"] .input-danger .form-control {
  border-color: #f72b50;
}

[data-theme-version="light"] .input-danger .input-group-text,
[data-theme-version="dark"] .input-danger .input-group-text {
  background-color: #f72b50;
  color: #fff;
}

[data-theme-version="light"] .input-info .form-control,
[data-theme-version="dark"] .input-info .form-control {
  border-color: #3A82EF;
}

[data-theme-version="light"] .input-info .input-group-text,
[data-theme-version="dark"] .input-info .input-group-text {
  background-color: #3A82EF;
  color: #fff;
}

[data-theme-version="light"] .input-success .form-control,
[data-theme-version="dark"] .input-success .form-control {
  border-color: #68CF29;
}

[data-theme-version="light"] .input-success .input-group-text,
[data-theme-version="dark"] .input-success .input-group-text {
  background-color: #68CF29;
  color: #fff;
}

[data-theme-version="light"] .input-warning .form-control,
[data-theme-version="dark"] .input-warning .form-control {
  border-color: #FE634E;
}

[data-theme-version="light"] .input-warning .input-group-text,
[data-theme-version="dark"] .input-warning .input-group-text {
  background-color: #FE634E;
  color: #fff;
}

[data-theme-version="light"] .input-primary-o .form-control,
[data-theme-version="dark"] .input-primary-o .form-control {
  border-color: #0E8A74;
}

[data-theme-version="light"] .input-primary-o .input-group-text,
[data-theme-version="dark"] .input-primary-o .input-group-text {
  background-color: transparent;
  border-color: #0E8A74;
  color: #0E8A74;
}

[data-theme-version="light"] .input-danger-o .form-control,
[data-theme-version="dark"] .input-danger-o .form-control {
  border-color: #f72b50;
}

[data-theme-version="light"] .input-danger-o .input-group-text,
[data-theme-version="dark"] .input-danger-o .input-group-text {
  background-color: transparent;
  border-color: #f72b50;
  color: #f72b50;
}

[data-theme-version="light"] .input-info-o .form-control,
[data-theme-version="dark"] .input-info-o .form-control {
  border-color: #3A82EF;
}

[data-theme-version="light"] .input-info-o .input-group-text,
[data-theme-version="dark"] .input-info-o .input-group-text {
  background-color: transparent;
  border-color: #3A82EF;
  color: #3A82EF;
}

[data-theme-version="light"] .input-success-o .form-control,
[data-theme-version="dark"] .input-success-o .form-control {
  border-color: #68CF29;
}

[data-theme-version="light"] .input-success-o .input-group-text,
[data-theme-version="dark"] .input-success-o .input-group-text {
  background-color: transparent;
  border-color: #68CF29;
  color: #68CF29;
}

[data-theme-version="light"] .input-warning-o .form-control,
[data-theme-version="dark"] .input-warning-o .form-control {
  border-color: #FE634E;
}

[data-theme-version="light"] .input-warning-o .input-group-text,
[data-theme-version="dark"] .input-warning-o .input-group-text {
  background-color: transparent;
  border-color: #FE634E;
  color: #FE634E;
}

.input-group-text {
  background: #d7dae3;
  border: 1px solid transparent;
  min-width: 10px;
  display: flex;
  justify-content: center;
  padding: 0.532rem 0.75rem;
}

.input-group-text i {
  font-size: 16px;
}

.form-file-label {
  height: 40px;
  padding: 0.5rem 0.75rem;
}

.input-group-prepend .btn,
.input-group-append .btn {
  z-index: 0;
}

.custom-select {
  background: none;
  border-color: #F0F0F0;
  color: #6e6e6e;
}

.custom-select:focus {
  box-shadow: none;
  border-color: #0E8A74;
  color: #0E8A74;
}

.form-file-label {
  background: #656C73;
  white-space: nowrap;
  color: #fff;
}

[data-theme-version="dark"] .form-file-label {
  background: #3e454d;
  border-color: #3e454d;
  color: #194039;
}

.custom_file_input .form-file-label::after {
  height: 100%;
}

.form-control:disabled,
.form-control[readonly] {
  background: #eaeaea;
  opacity: .4;
  color: #7e7e7e;
}


.input-group>.form-control-plaintext,
.input-group>.form-select,
.input-group>.form-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group input[type="text"] {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0.5rem;
}

.input-group.clockpicker input[type="text"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.toggle-switch .form-check-input:after {
  width: 24px;
  background: #959595;
  height: 24px;
  content: "";
  position: absolute;
  border-radius: 24px;
  top: -4px;
  left: 0;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.toggle-switch.text-end {
  padding-right: 50px;
  padding-left: 0;
}

.checkbox-secondary .form-check-input:focus {
  border-color: #FB3E7A;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(251, 62, 122, 0.25);
}

.checkbox-secondary .form-check-input:checked {
  background-color: #FB3E7A;
  border-color: #FB3E7A;
}

[data-theme-version="dark"] .checkbox-secondary .form-check-input:checked {
  background-color: rgba(251, 62, 122, 0.5);
  border-color: transparent;
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-icon {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-text {
    font-size: 16px;
    line-height: 20px;
  }
}

.form-wizard .emial-setup label.mailclinet input[type="radio"] {
  display: none;
}

.form-wizard .emial-setup label.mailclinet {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #EEF5F9;
  text-align: center;
  margin: auto;
}

[data-theme-version="dark"] .form-wizard .emial-setup label.mailclinet {
  background-color: #24292d;
}

@media only screen and (max-width: 575px) {
  .form-wizard .emial-setup label.mailclinet .mail-icon {
    font-size: 2rem;
  }
}

.form-wizard .emial-setup label.mailclinet .mail-text {
  font-size: 1rem;
  text-align: center;
  margin-top: .5rem;
}

#external-events .external-event {
  text-align: left;
  font-size: 16px;
}

.accordion-primary .accordion-header {
  background: #3c32b5;
  border-color: #3c32b5;
  color: #fff;
  box-shadow: 0 15px 20px 0 rgba(14, 138, 116, 0.15);
}

.dropdown-menu {
  font-size: inherit;
  border: 0;
  z-index: 2;
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0 0 50px 0 rgb(82 63 105 / 10%);
  border: 1px solid #0000000d;
}



table.dataTable tbody td {
  font-size: 14px;
}

@media only screen and (max-width: 1400px) {
  .language-btn {
    height: 50px;
    line-height: 47px;
    font-size: 14px;
    padding-left: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .language-btn {
    display: none;
  }
}

.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn,
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn {
  padding: 0;
  border: none;
  background-color: #dddbff;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 34px;
  height: 35px;
  color: #3c32b5;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.legal-infodetail h2.top-legal-heading {
  font-size: 38px;
  color: #313131;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 3px;
}

.legal-infodetail p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 27px;
  color: #707070;
}

.legal-heading-area {
  margin-bottom: 35px;
  border-bottom: 1px solid #d6d6d6;
}

.legal-infodetail p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 27px;
  color: #1d1d1d;
}

.legal-infodetail .legal-heading-area p {
  margin-bottom: 7px;
  padding: 0px 130px;
}

.legal-infodetail h4 {
  font-size: 19px;
  color: #262626;
  margin-bottom: 15px;
}

.block-header {
  display: flex;
  padding: 10px;
  border-radius: 16px;
  align-items: flex-start;
  background: #ffffff;
  font-family: "Roboto", sans-serif;
}


.floating-chat .chat .messages::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.1);
}

.floating-chat .chat .messages::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.2);
}

.profiledrop .profiledropul li img {
  width: 19px;
  border-radius: 100%;
  margin-right: 2px;
  border: 2px solid #fff;
}

.btn.btn-disabled {
  width: 158px;
  margin: 0 auto;
  background: #ccc;

}

.sendfeed {
  width: 158px;
  /* float: right; */
  text-align: center;
  margin-top: 10px;
  padding: 7px;
  border: none;
  color: white;
  height: 38px;
  border-radius: 8px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  margin: 13px auto auto;
  padding: 0px 14px 0 9px;
  background: linear-gradient(85deg, rgba(223, 52, 12, 1) -23%, rgb(255 93 19) 52%, rgba(212, 49, 11, 1) 153%);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0;
}


.award-card:hover .action-btns {
  display: block;
  cursor: pointer;
}

.card-footer.awards-div-list2 p {
  margin-bottom: 0px;
}

.notfound {
  text-align: center;
  margin: auto;

  padding: 2rem;
  /* height: 70vh; */
}

.gallery-popupdiv {
  /* height: 100vh; */
}

.gallery-popupdiv .container-fluid {
  height: 100%;
}

.custom-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  height: 50px;
  width: 50px;
  background: #671cc9;
  border: none;
  color: white;
  /* padding: 10px 20px; */
  font-size: 16px;
  cursor: pointer;
  border-radius: 50%;
    line-height: 50px;
  text-align:center;

}

.comment-onpost-modal {
  display: grid;
  grid-template-columns: 1fr auto;
  position: relative;
}

.comment-onpost-modal .icons {
  gap: 9px;
  position: absolute;
  right: 1.3rem;
  top: 0.2rem;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.comment-onpost-modal .icons svg {
    width: 11px;
    height: 11px;
}

.inner-position-relative {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
}

.inner-position-relative .epr-main {
  height: 296px !important;
  width: 270px !important;
  position: absolute;
  right: 0;
  top: 25px;
  border: 1px solid #00000030;
  box-shadow: 0px 4px 28px -11px #111111;

}

.comment-onpost-modal textarea {
  width: 100%;
  height: 80px;
  border: 1px solid var(--bs-gray-400);
  line-height: 18px;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 65px;
  font-weight: 500;
  color: black;
  text-transform: unset;

}

.notfound img {
  width: 200px;
}

.notfound p {
  font-size: 17px;
  font-weight: 500;
  color: #101010;
  margin-top: 10px;
}

.leave-notfound {
  text-align: center;
  margin: auto;
  justify-content: center;
  padding: 10rem 7rem;
  height: 80vh;
}


.leave-notfound p {
  font-size: 14px;
  margin-top: 1rem;
  font-weight: 500;
  color: #667e9f;
}

.leave-notfound img {
  width: 150px;
}


.Team-notfound {
  text-align: center;
  margin: auto;
  justify-content: center;
  padding: 0rem 2rem;
  height: 38vh;
}


.Team-notfound p {
  font-size: 14px;
  margin-top: 0rem;
  font-weight: 500;
  color: #667e9f;
}

.Team-notfound img {
  width: 150px;
}

.custom-file-upload {
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  color: #671cc9;
  background: #e9e9e97d;
  border: 1px solid #00000012;
  padding: 7px 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
      cursor: pointer;
}

.detailhead {
  font-size: 23px !important;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 0px;
  width: 77%;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.basicinfomationlis li .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  height: 26px;
  align-items: center;
  padding: 6px;
  border-radius: 5px;
  font-size: 12px;
}

.tickno {
  font-size: 15px;
  font-weight: 400;
  color: #aba4a4;
}

.basicinfomationlis li span.p-dropdown-label.p-inputtext {
  font-size: 12px;
  color: #7c7c7c;
}

.topmaintitle {
  margin: 6px 0 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  height: 40px !important;
  text-transform: capitalize !important;
}

.Observers_item.drop {
  display: grid;
  gap: 4px;
  grid-template-columns: 1fr 25px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.remain-option h3 {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin: 0;
  margin-bottom: 10px;
}

.w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 100%;
  padding: 0 5px !important;
  height: 18px !important;
  border-radius: 3px;
  border: 1px solid #d0d0d04d;
  line-height: 17px;
  background: #7a7a7a;
}

.advance-settings {
  margin-top: 2rem;
}


/* .advance-settings {
  border-radius: 0px;
  padding: 0rem;
  background: white;
 
  height: 77vh;
 
  margin-bottom: 3rem;
} */

.advance-settings .nav-pills .nav-link.active {
  color: #fff;
  background-color: #ff3a0014;
  /* border-radius: 8px !important; */
  font-weight: 500;
  color: #F4511E !important;
  font-size: 14px;
  letter-spacing: 0.2px;
  padding: 9px 13px;
  /* width: max-content; */
  border-radius: 37px;
  box-shadow: 0 0 20px 0 rgb(181 63 63 / 0%);
}


.advance-settings .setting-detail-list .detail {
  background: white;
  border-radius: 15px;
  margin-top: 0px;
}

.advance-settings .nav-pills .nav-link {
  border-radius: 0.5rem;
  padding: 9px 13px;
  text-align: left;
  font-size: 14px;
  color: #9ea3b8;
  margin-bottom: 0px;
  font-weight: 500;
}

.advance-settings .tab-content {
  padding: 0 0rem 0 2rem;
  width: 98%;
  margin-left: 0rem;
  border-left: 1px solid #00000012;
}

.advance-settings .accordion-button {
  gap: 8px;
  color: #000000;
  background-color: #fff;
  box-shadow: none;
  font-size: 15px;
  padding: 0;
  font-weight: 600;
}

.advance-settings .accordion-button .title h4 {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.1;
}

.advance-settings .accordion-button .title p {
  font-size: 12px;
  margin-bottom: 0;
  margin-bottom: 0;
  color: #b9b9b9;
  font-weight: 400;
}

.accbody {
  background: #fbfbfb !important;
  border: 1px solid #00000012;
  border-radius: 18px;
  padding: 1rem !important;
  margin-top: 1.5rem;
}

.accbody .div-acc p {
  font-weight: 500;
  font-size: 14px;
  color: #969798;
  margin-bottom: 0;
}

.div-acc:nth-last-child(1) {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.div-acc {
  padding-right: 0;
  padding-bottom: 0.5rem;
  width: 95%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #0606061f;
  margin: 0 0rem 1rem 1rem;
}

.advance-settings .accordion-button img {
  width: 28px;
}

.advance-settings .inner {
  color: #3e3e3e;
  border: 1px solid #bfbdbd30;
  /* width: 50px; */
  /* height: 50px; */
  padding: 0;
  border-radius: 11px;
  padding-bottom: 10px;
}

.advance-settings .inner strong {
  font-size: 14px;
}

.advance-settings .inner p {
  color: #676666;
  font-size: 13px;
  margin-bottom: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.advance-settings .inner .form-control {
  width: 100% !important;
  border: 1px solid #0000001f;
  font-size: 14px;
  color: #000000;
  height: 45px;
  font-weight: 500;
  border-radius: 4px;
}

.advance-settings .inner label {
  cursor: pointer;
  font-size: 13px;
  color: #000000;
  font-weight: 600;
}

.advance-settings .inner .form-group {
  background: transparent;
  padding: 0%;
  border-radius: 8px;
  display: inline-grid;
  width: 100%;
}

.advance-settings .nav {
  margin-right: 3rem;
  position: sticky;
  top: 0;
}

.advance-settings .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #fff;
  box-shadow: none;
  font-size: 15px;
  padding: 0;
}

.advance-settings .accordion-header {
  padding: 0;
  border: 0px solid #F0F0F0;
}

.advance-settings .accordion-item {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #f2f2f2;
  border-top: none;
  background: white;

}

.advance-settings .form-control {
  color: #671cc9;
}

.inner.general-setting-box p {
  padding: 0px 19px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.inner.general-setting-box .genral-heading {
  background: #fbfbfc;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 11px;
  border-bottom: 1px solid #f1f1f1;
}

.inner.general-setting-box .genral-heading h6 {
  font-size: 15px;
  font-weight: 500;
  color: #010101;
  margin-bottom: 0px;
}

.accordion-body.genral-accordian-body .row .col-lg-6 {
  display: flex;

}

.accordion-body.genral-accordian-body .row .col-lg-6 .inner.general-setting-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.advance-settings .accordion-body span {
  font-size: 13px;
  color: black;
  font-weight: 500;
}

.advance-settings .accordion-body p.accountown {
  color: #b2b1b1;
  font-size: 13px;
}

.advance-settings .accordion-body {
  padding: 1rem 0rem;
  background: white;
}

.whose-celebration {
  display: grid;
  grid-template-columns: 1fr 81px;
  gap: 11px;
  align-items: center;
}

.whose-celebration .img img {
  border-radius: 0;
}

.whose-celebration .name span {
  padding: 1px 5px;
  font-size: 12px;
  font-weight: 500;
  color: #671cc9;
  background: #dac7f236;
  border-radius: 12px;
}

.whose-celebration .name h5 {
  font-weight: bolder;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
}

.choose-celebration {
  display: flex;
  gap: 7px;
  align-items: center;
}

.choose-celebration label {
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 13px;
  color: #092048;
  font-weight: 500;
}

.choose-celebration div {
  align-items: center;
  display: flex;
  border: 1px solid #00000012;
  padding-right: 1rem;
  background: white;
  padding: 3px 9px;
  border-radius: 7px;
}

#more-descss .modal-body p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: black;
  text-align: center;
}

#more-descss .modal-header {
  padding: 1rem 1rem 0.5rem;
}

#more-descss .modal-title {
  color: black;
  font-size: 23px;
  font-weight: 900;
}

#more-descss .modal-body {
  padding: 0 1rem 1rem;
}

#award-popup .modal-header {
  background: #4db6ac;
}

#award-popup .modal-header .modal-title {
  color: white;
}

.avg-counts {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
}

.avg-counts img.info {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 13px;
  opacity: 0.5;
  cursor: pointer;
}

.avg-counts .count-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: auto 1fr;
  -ms-flex-align: center;
  align-items: start;
}

.setborder-title {
  border-bottom: 1px dashed #00000040;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 15px;
  color: #000000;
  font-weight: 500;
}

.avg-counts .h-icon.is-info {
  line-height: 27px;
  background: #26a69a;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
}

.avg-counts .h-icon img {
  /* filter: invert(1); */
  color: #000000;
  width: 37%;

}

.count-flex-center .flex-meta {
  margin-left: 12px;
  line-height: 0.8;
}

.count-flex-center .flex-meta span:first-child {
  font-size: 1.5rem;
  color: #283252;
  font-weight: 900;
  margin-bottom: 8px;
}

.count-flex-center .flex-meta span:nth-child(2) {
  color: #a2a5b9;
  font-size: 13px;
  line-height: 1.2;

}

.count-flex-center .flex-meta span {
  display: block;
}

.avgcount-div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
}

.my-leavecard-list {
  display: grid;
  grid-template-columns: 65px 220px 1fr auto 25px;
  align-items: center;
  gap: 10px;
}

.my-leavecard-list .innerdiv .btn-click {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  padding: 0px 17px;
  margin-bottom: -1px;
  background: #09cfc9;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 400;
  display: block;
  color: white;
  text-align: center;
  width: fit-content;
  margin-left: auto;
}


.team-leavecard-list {
  display: grid;
  grid-template-columns: 65px 220px 1fr auto 25px;
  align-items: center;
  gap: 10px;
}

.team-leavecard-list .innerdiv .btn-click {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  padding: 0px 17px;
  margin-bottom: -1px;
  background: #09cfc9;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 400;
  display: block;
  color: white;
  text-align: center;
  width: fit-content;
  margin-left: auto;
}

.team-leavecard-list .emp-name {
  display: flex;
  align-items: center;
  gap: 5px;
  /* border-top: 1px solid #00000017; */
  background: #eef4ff;
  width: max-content;
  padding: 1px 8px 1px 6px;
  border-radius: 26px;
}

.team-leavecard-list .emp-name p {
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 400;
  color: #163f88;
}

.team-leavecard-list .emp-name img {
  height: 16px;
}

.innerdiv.show-more {
  cursor: pointer;
}

.pending-status-btn-click {
  line-height: 28px;
  font-size: 11px !important;
  height: 28px;
  padding: 0px 10px;
  background: #ffece7;
  color: #f56335;
  font-weight: 500;
  border-radius: 31px;
  text-align: center;
  width: fit-content;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
}

.pending-status-btn-click:hover {
  background: #f56335;
  color: #ffffff;
}

.my-leavedetail-view .timeline {
  list-style: none;
  padding: 0px 0 0px;
  position: relative;
}

.my-leavedetail-view .timeline:before {
  top: 18px;
  bottom: 90px;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #16141440;
  left: 6px;
  /* margin-left: -1.5px; */
  height: 100%;
}


.my-leavedetail-view .timeline>li {
  margin-bottom: 20px;
  position: relative;
}


.my-leavedetail-view .timeline>li:after {
  clear: both;
}

.my-leavedetail-view .timeline>li:before,
.my-leavedetail-view .timeline>li:after {
  content: " ";
  display: table;
}

.my-leavedetail-view .timeline>li:after {
  clear: both;
}

.my-leavedetail-view .timeline>li>.timeline-panel {
  width: 90.5%;
  left: 6.5%;
  /* border: 1px solid #1fdfd954; */
  /* background: #ecf7f738; */
  border-radius: 13px;
  /* padding: 14px 19px 14px 19px; */
  position: relative;
}

.leavestatus-timeline {
  color: #26a69a;
  font-size: 12px;
  font-weight: 400;
}

.leavestatus-timeline span {
  color: #aeaeae;
  margin-left: 6px;
}

.leavestatus-timeline i {
  margin-right: 3px;
}

.leave-card .card.bottom-card .card-body .row .my-leavedetail-view div:last-child .timeline:before {
  /* width: 0px; */
  height: 0px;
}

.my-leavedetail-view .timeline>li>.timeline-badge {
  box-shadow: 0px 2px 7px -4px #000;
  color: #26a69a;
  width: 15px;
  height: 15px;
  line-height: 38px;
  font-size: 0;
  text-align: center;
  position: absolute;
  top: 1%;
  left: 0%;
  /* margin-left: -25px; */
  border: 4px solid #ffffff;
  background-color: #26a69a;
  /* z-index: 100; */
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.my-leavedetail-view .timeline>li.timeline-inverted>.timeline-panel>.flex-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  align-items: center;
  /* padding-left: 1rem; */
  padding-top: 0rem;
}

.my-leavedetail-view .timeline>li.timeline-inverted>.timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.my-leavedetail-view .timeline>li.timeline-inverted>.timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.my-leavedetail-view .timeline-heading p {
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 12px;
  color: #686868ba;
  font-weight: 400;
}

.my-leavedetail-view .timeline-clock {
  text-align: right;
}

.my-leavedetail-view .timeline-clock p {
  font-size: 12px;
  width: fit-content;
  margin-left: auto;
  border-radius: 4px;
  margin-bottom: 0;
  color: #919190;
}

.my-leavedetail-view .timeline-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.77em;
  color: black;
  font-weight: 500;
}

.my-leavedetail-view .timeline-body>p,
.my-leavedetail-view .timeline-body>ul {
  margin-bottom: 0;
}

.my-leavedetail-view .timeline-body>p+p {
  margin-top: 5px;
}


.my-leavedetail-view {
  padding-top: 1rem;
  padding-left: 2.5rem;
  background: #fcfcfc;
  border-top: 1px solid #00000008;
  margin-top: 1rem;
}

.applyleaveform .cover-form {
    padding: 6px;
    border: 1px solid #00000059;
    border-radius: 7px;
    display: flex
;
    align-items: end;
    gap: 5px;
}

.applyleaveform .cover-form div i.fa-calendar-o {
  background: #eceff100;
}

.applyleaveform .cover-form div i {

  width: 30px;
  height: 30px;
  background: #f9e2d9;
  border-radius: 100%;
  text-align: center;
  font-size: 15px;
  padding-left: 10px;
  line-height: 2.1;

}

.applyleaveform .form-label {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.form-control:focus {
  -webkit-box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
  box-shadow: 0px 6px 6px -8px rgba(128, 189, 255, 0.5);
  border-color: #80bdff !important;
}

.applyleaveform .cover-form .form-control {
  border-bottom: 0px solid #e2dada7d;
  border-top: none;
  border-left: 0;
  border-right: 0;
  border-radius: 7px;
  padding: 6px 10px;
  font-weight: 400;
  color: #040404;
  font-size: 13px;
  height: 41px;
  letter-spacing: 0.1px;
}
.applyleaveform .cover-form .form-control:focus {
    border-bottom: unset;
    box-shadow: unset;
}
.approved-status-btn {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  cursor: pointer;
  /* background: #72dad6; */
  padding: 0 10px;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: #26a69a;
  margin-right: 5px;
  margin-bottom: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Withdrawn {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  /* background: #72dad6; */
  padding: 0 10px;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: #b2b2b2;
  margin-right: 5px;
  margin-bottom: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Withdrawn:hover {
  color: #b2b2b2;
}

.Applied {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  /* background: #72dad6; */
  padding: 0 10px;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: #000;
  margin-right: 5px;
  margin-bottom: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Applied:hover {
  color: #000;
}

.Rejected {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  /* background: #72dad6; */
  padding: 0 10px;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: #f4511e;
  margin-right: 5px;
  margin-bottom: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
}

.Rejected:hover {
  color: #f4511e;
}

.approved-status-btn:hover {
  cursor: auto;
  color: #52cfaf;
}

.withdraw-status-btn {
  line-height: 28px;
  font-size: 12px;
  height: 28px;
  padding: 0px 10px;
  background: #f0ecff;
  color: #435bb9;
  /* border: 1px solid #019b885e; */
  font-weight: 500;
  /* box-shadow: 3px 4px 18px -11px #43d6d2; */
  border-radius: 31px;
  margin-right: 5px;
  text-align: center;
  width: fit-content;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 4px;
}

.withdraw-status-btn:hover {
  background: #1a2f7f;
  color: #ffffff;
}

.pending-status-btn {
  line-height: 28px;
  font-size: 13px;
  height: 28px;
  padding: 0 17px;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: #f4511e;
  margin-right: 5px;
  margin-bottom: 0;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 4px;
}

.pagination-css {
  padding: 1%;
}

.pagination-css .p-dropdown {
  background: #ffffff;
  padding: 0 0px 0 13px;
  align-items: center;
}

.pagination-css .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #f4f6f9;
  border-color: #ecfeff;
  color: #000000;
  height: 2rem;
}

.pagination-css .p-paginator .p-dropdown {
  margin-left: 0.5rem;
  height: 2rem;
}

.pagination-css li {
  /* list-style: disc; */
  font-size: 13px;
  font-weight: 500;
  margin: 3px 0px;
  padding: 2px 5px;
}

.pagination-css .p-paginator {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  padding: 0px 10px;

}

.row.org-leavelist {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  align-items: center;
}

.card-body.todays-leave {
  padding: 20px;
}

.card-body.todays-leave h5 {
  border-bottom: 1px dashed #00000040;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  font-size: 15px;
  color: #000000;
  font-weight: 500;
}

.today-leave-list {
  /* box-shadow: 5px 4px 29px -25px #0000006b;  */
    display: grid;
    /* grid-template-columns: 30px 1fr;
    gap: 9px; */
    grid-template-columns: 28px 1fr;
    gap: 2px;
    cursor: pointer;
    align-items: flex-start;
    border: 1px solid #00000012;
    margin-bottom: 9px;
    padding: 9px 9px;
    border-radius: 11px;
}

.today-leave-list:hover {
  border: 1px solid #9ef0ed;
}

.today-leave-list img {
  border-radius: 100%;
}

.today-leave-list .inner h6 {
        margin-bottom: 3px;
    font-size: 13px;
    color: black;
    font-weight: 500;
    width: 131px;
}

.today-leave-list .inner p.status-btn {
      color: #35b9ad;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0px;
}

.today-leave-list .inner .content {
  display: flex;
  gap: 5px;
}

.today-leave-list .inner .content p {
  color: #a2a5b9;
  font-size: 11px;
  margin-bottom: 0;
}

.today-leave-list .inner .content p b {
  font-weight: 400;
  color: #fb0505;
  background: #ec41191a;
}

.set-scroll {
  overflow-x: hidden;
  max-height: 275px;
  min-height: 40px;
  overflow-y: auto;
  padding-right: 10px;
}

.set-scroll p {
  color: #cfcece;
}

.add-holiday img {
  width: 43%;
  margin: 0% auto 1%;
}

.modal-content.add-holiday {
  border: none;
}

.add-holiday label {
  cursor: pointer;
  margin-bottom: 4px;
  font-size: 13px;
  display: block;
  font-weight: 600;
  color: #000;
}

.add-holiday .form-group {
  background: white;
  padding: 0 1% 3%;
  border-radius: 8px;
}

.add-holiday .p-dropdown.p-component.p-inputwrapper {
  height: 41px;
  width: 100%;
  line-height: 41px;
  padding: 0 12px;
  font-size: 9px;
  display: flex;

}

.add-holiday span.p-dropdown-label.p-inputtext.p-placeholder {
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 400;
}

.add-holiday .form-control {
  font-size: 12px;
  color: #252424;
  font-weight: 500;
  height: 41px;
}

.modal-save-btn {
  height: 35px !important;
  border-radius: 35px;
  /* line-height: 18px; */
}

.add-holiday span.p-dropdown-label.p-inputtext {
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 400;
}

.add-holiday .form-control::placeholder {
  font-size: 12px;
  color: #7c7c7c;
  font-weight: 400;
}

.add-holiday .modal-footer {
  text-align: center;
  display: block;
  padding: 0.5rem 1.875rem 1.5rem;
}

.add-holiday .modal-header {
  border-bottom: none;
  padding: 0rem 1rem 2rem;
}

.delete-holiday .modal-header {
  background: #FBE9E7;
  position: relative;
  height: 73px;
}

.delete-holiday .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 61px !important;
  height: 61px !important;
  border-radius: 100%;
  line-height: 61px;
  padding: 0px 15px;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.delete-holiday .modal-body {
  padding: 3rem 1rem 1rem;
}

.delete-holiday .modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  filter: invert(1);
  opacity: 9;
}


.addedit-announcement .modal-header {
  background: #10f2b5 !important;
  position: relative;
  height: 100px;
}

.addedit-announcement label {
  font-size: 14px;
  font-weight: 400;
  color: #aaaaaa;
}

.form-control {
  background: #fff;
  border: 1px solid #cbcbcb;
  padding: 5px 10px;
  color: #000000;
  height: 32px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 5px;
}

.overshow {
  height: 400px;
  overflow-y: scroll;
}

.AnnouncementForm .form-label {
  /* text-transform: uppercase; */
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: #929292;
  letter-spacing: 0.3px;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.AnnouncementForm .cover-form {
      background: white;
    padding: 10px;
    border-radius: 13px;
    /* display: grid
; */
    border: 1.455px dashed #4343434f;
    border-radius: 7px;
    display: flex;
  align-items: center;
}

.filledannoucement.seth {
  min-height: 184px;
  align-items: baseline;
}

.AnnouncementForm .cover-form i {
  width: 30px;
  height: 30px;
  background: #671cc91c;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  /* padding: 10px 0; */
  line-height: 2.2;
  margin-right: 6px;
}

.addedit-announcement .editaddimg {
  width: 100%;
  margin: auto;
  /* display: block; */
  /* padding: 1rem; */
  border-radius: 8px;
  margin-top: 8px;
}

.addedit-announcement .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 4% 0px 4%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.addedit-announcement .modal-body {
  padding: 3rem 1rem 1rem;
}

.addedit-announcement .modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  filter: invert(1);
  opacity: 9;
}




.withdrawleave .modal-header {
  background: #16408d;
  position: relative;
  height: 100px;
}

.withdrawleave .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 4% 0px 4%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.withdrawleave .modal-header .img img {
  width: auto !important;
  height: auto !important;
}

.withdrawleave .modal-body {
  padding: 3rem 1rem 1rem;
}

.withdrawleave .modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  filter: invert(1);
  opacity: 9;
}

.withdrawleave .inner {
  padding: 21px;
  border-radius: 9px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 8px;
  width: 82%;
  margin: auto;
  border: 2px dashed #0000001a;
  box-shadow: 0px 11px 64px -35px #00000033;
  padding-top: 1rem;
  margin-top: 1rem;
  text-align: left;
}

.withdrawleave .inner img {
  width: 45px !important;
  height: auto !important;
  margin: auto;

}

.withdrawleave textarea.form-control {
  min-height: auto;
  height: auto;
  color: #101010;
  font-size: 15px;
  font-weight: 400;
  box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
  border-color: #80bdff !important;
  width: 90%;
  margin: auto;
}


.pendingleaves .modal-header {
  background: #33eab5;
  position: relative;
  height: 100px;
}

.pendingleaves .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 83px;
  padding: 0 3% 0px 5%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.infoimg {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 13px;
  opacity: 0.5;
  cursor: pointer;
}

.pendingleaves .modal-header .img img {
  width: auto !important;
  height: auto !important;
}

.pendingleaves .modal-body {
  padding: 3rem 1rem 1rem;
}

.pendingleaves .modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  filter: invert(1);
  opacity: 9;
}

.pendingleaves .inner {
  padding: 21px;
  border-radius: 9px;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 8px;
  width: 82%;
  margin: auto;
  border: 2px dashed #0000001a;
  box-shadow: 0px 11px 64px -35px #00000033;
  padding-top: 1rem;
  margin-top: 1rem;
  text-align: left;
}

.pendingleaves .img img {
  width: 45px !important;
  height: auto !important;
  margin: auto;

}

.pendingleaves textarea.form-control {
  min-height: auto;
  height: auto;
  color: #101010;
  font-size: 15px;
  font-weight: 400;
  box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
  border-color: #80bdff !important;
  width: 90%;
  margin: auto;
}

.pendingleaves .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.withdrawleave .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.delete-holiday .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

.delete-holiday .modal-title {
  line-height: 1.4;
  font-size: 19px;
  font-weight: 600;
  color: #121212;
  margin-bottom: 2px;
}

.set-scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.set-scroll::-webkit-scrollbar-track {
  background: #f5f5f5;
}

/* Handle */
.set-scroll::-webkit-scrollbar-thumb {
  background: #e5e4e4;
}

/* Handle on hover */
.set-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.leave-summaryicons {
  background: #26a69a;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  margin: -1rem auto 8px;
}

.leave-summaryicons img {
  margin: auto;
  padding: 8px 9px;
  border-radius: 0;
}

.is-birthday-card .birthday-avatar img {
  width: 50%;
}

.candidates .h-avatar:first-child .leave-summaryicons {
  background: #223e6d;

}

.candidates .h-avatar:nth-child(2) .leave-summaryicons {
  background: #feb25b;

}

.candidates .h-avatar:nth-child(3) .leave-summaryicons {
  background: #ec4119;

}

.candidates .h-avatar:nth-child(5) .leave-summaryicons {
  background: #94b6e5;

}


.candidates .h-avatar:first-child {
  background: #223e6d0d;

}

.candidates .h-avatar:nth-child(2) {
  background: #feb25b2b;

}

.candidates .h-avatar:nth-child(3) {
  background: #ec41190d;

}

.candidates .h-avatar:nth-child(4) {
  background: aliceblue;

}

.candidates .h-avatar:nth-child(5) {
  background: #94b6e51a;

}

.send-output textarea.p-mention-input.p-inputtextarea.p-inputtext.p-component.p-mention-input {
  width: 100%;
  height: 36px;
  border: 1px solid var(--bs-gray-400);
  line-height: 14px;
  font-size: 12px;
  padding-left: 7px;
  padding-top: 4px;

  padding-right: 77px;
  font-weight: 500;
  color: black;
  /* text-transform: capitalize; */
}

.card-heading .p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff;
  width: 0.8rem;
  height: 0.8rem;
  left: -0.2rem;
  margin-left: 0.4rem;
  margin-top: -0.4rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}

.card-heading span.p-inputswitch-slider {
  height: 18px;
  width: 2.5rem;
  /* border-radius: 6px; */
  background: #e3e3e3;
}

.post-text {
  height: auto;
  padding: 0rem 0rem 0rem;
  font-size: 14px;
  line-height: 0;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

.post-text p {
  color: #50606f;
  font-size: .7975rem;
}

.card-heading .p-inputswitch.p-component.p-highlight {
  height: 18px;
}

.right-div {
  margin-top: 0rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border-radius: 13px;
  /* border: 1px solid #666376cc; */
  background-color: #ffffff;
}

.right-div .card-body {
  padding: 25px 26px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 209px;
}

.right-div .card-body ul {
  padding-left: 1rem;
}

.right-div .card-body .ul-work i {
  font-size: 16px;
  color: #909090;
  margin-right: 5px;
}

.right-div .card-body .how-it {
  padding: 0 !important;
  text-align: center;
  color: black;
  font-size: 19px;
  font-weight: 600;
}

.right-div .card-body .ul-work li {
  list-style: none;
  margin: 3% 0;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}

.h-40 {
  height: 40px;
}

.line-height-40 {
  line-height: 40px;
}

span.p-dropdown-label.p-inputtext {
  font-size: 14px;
  color: black;
  font-weight: 500;
}

.p-paginator-bottom span.p-dropdown-label.p-inputtext {

  line-height: 33px;
}

.wfh-data {
  padding-left: 3rem;
}

.wfh-data .h-avatar {
  width: 23% !important;
  height: 102px !important;
}

.no-datadiv {
  text-align: center;
  padding: 2rem;
}

.no-datadiv img {
  width: 65px;
}

.no-datadiv p {
  font-size: 12px;
  font-weight: 500;
  color: #667e9f;
  margin-top: 5px;
}

.text-colset {
  color: #828281;
  font-size: 12px;
}

.comments-section {
  font-size: 12px;
  color: #929292;
  /* border: 1px solid #00000024; */
  font-weight: 400;
  border-radius: 7px;
  line-height: 1.5;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.comments-section span {
  color: #000000;
  font-weight: 500;
  margin-right: 5px;

}

.head {
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin-bottom: 0;
  color: black;
  font-size: 15px;
}

.left-loginside {
  background: white;
  padding: 0px;
  margin: 11px 24px;
  height: 96vh;
  border-radius: 28px;
  overflow: hidden;
}

.inner-div {
  margin-bottom: 5%;
  position: relative;
}

.left-loginside .inner-div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;

}


.left-loginside .col-md-3:nth-child(1) .inner-div:nth-child(1) {
  height: 15%;
}

.left-loginside .col-md-3:nth-child(1) .inner-div:nth-child(2) {
  height: 35%;
}

.left-loginside .col-md-3:nth-child(1) .inner-div:nth-child(3) {
  height: 25%;
}

.left-loginside .col-md-3:nth-child(1) {
  width: 23%;
}


.left-loginside .col-md-3:nth-child(2) .inner-div:nth-child(1) {
  height: 20%;
}

.left-loginside .col-md-3:nth-child(2) .inner-div:nth-child(2) {
  height: 37%;
}

.left-loginside .col-md-3:nth-child(2) .inner-div:nth-child(3) {
  height: 12%;
}

.left-loginside .col-md-3:nth-child(2) .inner-div:nth-child(4) {
  height: 80px;
}

/* .left-loginside .col-md-3:nth-child(2) .inner-div:nth-child(1) {
  background: #e1593c;
  padding: 5%;
  border-radius: 20px;

} */

.left-loginside .col-md-3:nth-child(2) {
  width: 27%;
}

.left-loginside .col-md-3:nth-child(2) video {
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.left-loginside .col-md-3:nth-child(3) .inner-div:nth-child(1) {
  height: 30%;
}

.left-loginside .col-md-3:nth-child(3) .inner-div:nth-child(2) {
  /* height: 63px;
  margin-top: 16px;
  margin-bottom: 16px; */
}

.left-loginside .col-md-3:nth-child(3) .inner-div:nth-child(3) {
  height: 25%;
}

.left-loginside .col-md-3:nth-child(3) .inner-div:nth-child(4) {
  height: 200px;
}

/* .left-loginside .col-md-3:nth-child(3) .inner-div:nth-child(3) {
  background: #29b475;
  padding: 5%;
  border-radius: 20px;

} */

.left-loginside .col-md-3:nth-child(3) {
  width: 50%;
}


.left-loginside .col-md-3:nth-child(4) .inner-div:nth-child(1) {
  height: 200px;
}

.left-loginside .col-md-3:nth-child(4) .inner-div:nth-child(2) {
  height: 300px;
}

.left-loginside .col-md-3:nth-child(4) .inner-div:nth-child(3) {
  height: 300px;
}

.left-loginside .col-md-3:nth-child(4) .inner-div:nth-child(4) {
  height: 250px;
}

.left-loginside .col-md-3:nth-child(4) {
  width: 16%;
}

.left-loginside .col-md-3 .content {
  position: absolute;
  bottom: 5px;
  left: 17px;
}

.left-loginside .col-md-3 .content h3 {
  font-size: 45px;
  color: white;
  font-weight: 700;
  margin-bottom: 0;
}

.left-loginside .col-md-3 .content p {
  line-height: 1.4;
  color: white;
  font-size: 13px;
  width: 96%;
}

.left-loginside .col-md-3 .inner-div:after {
  /* content: ''; */
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004d;
  z-index: 1;
}

.left-loginside .col-md-3:nth-child(2) .inner-div:nth-child(1):after {
  content: '';
  background: #00000000;
  z-index: 1;
}

.left-loginside .col-md-3:nth-child(3) .inner-div:nth-child(3):after {
  content: '';
  background: #00000000;
  z-index: 1;
}


.formdivv {
  margin-bottom: 9px;
  font-size: 15px;
  color: #ec4119;
  /* text-align: center; */
  font-weight: 500;
  line-height: 1.4;
  /* padding: 0 1rem; */
  margin-top: 10px;
}

.formdivv a {
  color: #000000;
}

.p-dropdown-panel.p-component.p-ripple-disabled.p-connected-overlay-enter-done {
  background: white;
  padding: 6px;
}


.p-dropdown-panel.p-component.p-ripple-disabled.p-connected-overlay-enter-done input.p-dropdown-filter.p-inputtext.p-component {
  height: 36px;
  padding: 7px;

}

.p-dropdown-panel.p-component.p-ripple-disabled.p-connected-overlay-enter-done .flex.align-items-center.gap-2 img {
  width: 23px;
  height: 23px;
  border: 0;
  padding: 0;
}

.p-dropdown-panel.p-component.p-ripple-disabled.p-connected-overlay-enter-done .ticket-file-attach__items_detail span {
  color: black;
  font-size: 13px;
  font-weight: 500;
}

.p-dropdown-panel.p-component.p-ripple-disabled.p-connected-overlay-enter-done li.p-dropdown-item {
  margin: 7px 0px;
}

.tickets-summary {
  display: grid;
  /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; */
  grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));
  justify-content: center;
  /* margin: auto; */
  /* align-items: center; */
  gap: 16px;
  text-align: center;
  margin-bottom: 1rem;
}

.tickets-summary .progress {
  height: 0.3rem;
  margin-top: 10px;
}

.tickets-summary .progress-bar {
  border-radius: 4px;
  height: 0.3rem;
}

.tickets-summary .progress-bar.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgb(115 115 115) !important;
}

.tickets-summary .column {
  position: relative;
  padding: 1rem;
  background: white;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  border-radius: 6px;
  min-height: 100px;
  z-index: 1;
}

.tickets-summary .column .dashboard-tile {
  text-align: left;
  font-family: "Roboto", sans-serif;
}

.tickets-summary .column .dashboard-tile .tile-head h3 {
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 0;
}

.tickets-summary .column .dashboard-tile .tile-foot span:first-child svg {
  height: 16px;
  width: 16px;
  margin-right: 6px;
  stroke-width: 3px;
  margin-left: inherit;
  display: inline-block;
  color: #93e088;
}

.tickets-summary .column .dashboard-tile .tile-foot span:nth-child(2) {
  color: #a2a5b9;
  font-size: .8rem;
  font-weight: 500;
}

.tickets-summary .column .dashboard-tile .tile-body span {
  font-size: 1.3rem;
  font-weight: 800;
}

.tickets-summary .column .dashboard-tile .tile-foot span:first-child {
  font-weight: 500;
  font-size: 14px;

}

.tickets-summary .column .dashboard-tile .tile-foot span.text-h-green {
  color: #ec4119;
}

.tickets-summary .column img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.tickets-summary .column a {
  display: flex;
  align-items: center;
}

.tickets-summary .column a div {
  margin-left: 11px;
  line-height: 1;
  text-align: left;
}

.tickets-summary .column a div p {
  color: #283252;
  font-size: 13px;
  font-weight: 600;
  /* text-transform: uppercase; */
  display: block;
}

.tickets-summary .column a div p span.sub-title {
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #a2a5b9;
}

.tickets-summary .column a div span.ticket-title {
  color: #c5c5c5;
  font-size: 12px;
  display: block;
  font-weight: 500;
  margin: 0;
}

.tickets-summary .column span {
  font-size: 29px;
  font-weight: 700;
  color: #671cc9;
}

.tickets-summary .column:last-child {
  border-right: none;
}

.tickets-summary .column svg {
  display: inline-block;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  margin: auto;
  display: block;
  color: #671cc9;
  width: 32px;
  height: 32px;
}

.tickets-summary .column.is-one-fifth a {
  text-align: center;
}



.tickets-summary .column p {
  color: #a2a5b9;
  margin-bottom: 0;
}


table {
  width: 100%;
  overflow: auto;
}

table {
  margin-left: 2em;
  margin-right: 4em;

}

.tickettable svg.p-icon.p-sortable-column-icon {
  width: 9px;
  color: #666666;
}

.tickettable table>*>tr>th:first-child,
.tickettable table>*>tr>td:first-child {
  position: absolute;
  width: 3em;
  height: 3.4em;
  left: 0;
  background: white;
  padding-top: 11.9px;
  padding-bottom: 10px;
  box-shadow: 11px 7px 25px -14px #00000033;
}

.tickettable table>*>tr>th:nth-child(2),
.tickettable table>*>tr>td:nth-child(2) {
  padding-left: 3rem;

}

.tickettable table>*>tr>th:nth-last-child(2),
.tickettable table>*>tr>td:nth-last-child(2) {
  padding-right: 7rem;

}

.markasread {
  border: none;
  color: white;
  height: 32px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px 0 9px;
  background: #671cc9;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.back-newticket {
  border: none;
  color: black;
  height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 14px 0 9px;
  background: #fff;
  margin-left: 8px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.btn-follow-un .back-newticket {
  border: none;
  color: #671cc9;
  height: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 14px 0 9px;
  background: #671cc900;
  border: 1px solid #671cc9;
  margin-left: 8px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.btn-follow-un .back-newticket:hover {
  background: #671cc9;
  color: #fff;
}

.history-tl-container {
  width: 100%;
  /* margin: auto; */
  display: block;
  position: relative;
}

.history-tl-container ul.tl {
  margin: 20px 0;
  padding: 0;


}

.history-tl-container ul.tl li.tl-item {
  list-style: none;
  margin: auto;
  margin-left: 17px;
  min-height: 50px;
  /* background: rgba(255, 255, 0, 0.1); */
  border-left: 1px dashed #bfbdc1;
  padding: 0 0 18px 26px;
  position: relative;
}

.history-tl-container ul.tl li.tl-item p.commentdiv {
  margin-top: 15px;
  font-size: 12px;
  font-weight: 400;
  border-top: 1px solid #e4e4e4;
  padding-top: 15px;
  color: #706f6f;
  letter-spacing: 0.1px;
}

p.description {
  line-height: 1.5;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}

p.description b {
  display: block;
}

span.status-name {
  color: red;
  background: #FFEBEE;
  padding: 1px 5px;
  font-size: 11px;
  border-radius: 17px;
  /* color: #9100ff; */
  /* background: #FFEBEE; */
  border: 1px solid #ff4507;
}

span.severity-name {
  padding: 1px 5px;
  font-size: 11px;
  border-radius: 17px;
  color: #9100ff;
  background: #f8f4f8;
  border: 1px solid #9100ff;
}

span.low-name {
  padding: 1px 5px;
  font-size: 11px;
  border-radius: 17px;
  color: #797a78;
  background: #f8f8f8;
  border: 1px solid #7a7878;
}

.history-tl-container ul.tl li.tl-item p b {
  color: #484747;
  font-weight: 500;
  margin-right: 4px;
}

.history-tl-container h5 {
  font-size: 15px;
  margin: 0% 0 7px;
  color: #092047;
  font-weight: 600;
  color: #092047;
}

.history-tl-container ul.tl li.tl-item:last-child {
  border-left: 0;
}

.history-tl-container ul.tl li.tl-item::before {
  position: absolute;
  left: -9px;
  top: 3px;
  content: " ";
  border: 6px solid rgba(255, 255, 255, 0.74);
  border-radius: 500%;
  background: #671cc9;
  height: 17px;
  width: 17px;
  transition: all 500ms ease-in-out;

}

.history-tl-container ul.tl li.tl-item:hover::before {
  border-color: #258CC7;
  transition: all 1000ms ease-in-out;
}

ul.tl li .item-title {
  font-size: 14px;
  font-weight: 500;
}

ul.tl li .item-title a img {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  margin-bottom: 4px;
  margin-left: 7px;
  margin-right: 2px;
}

ul.tl li .item-detail {
  color: rgb(108 108 108 / 50%);
  font-size: 11px;
  font-weight: 500;
}

ul.tl li .item-title a {
  color: #1192e4;
}

ul.tl li .timestamp {
  color: #8D8D8D;
  position: absolute;
  width: 100px;
  left: -50%;
  text-align: right;
  font-size: 12px;
}


.saving-btn00 {
  overflow-x: scroll;
}

.saving-btn00::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.saving-btn00::-webkit-scrollbar-track {
  background: #e0faf900;
}

/* Handle */
.saving-btn00::-webkit-scrollbar-thumb {
  background: #fff;
}

/* Handle on hover */
.saving-btn00::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

.moreicons-li a.aimg {
  width: auto !important;
  display: flex !important;
  border-radius: 5px;
  height: 22px;
  line-height: 21px;
  font-size: 12px !important;
  font-weight: 500;
  color: #959595 !important;
}

.nointernetpopup {
  position: fixed;
  top: 0;
  bottom: 0px;

  left: 0;
  right: 0;
  max-width: 100%;
  height: 100%;
  background: #ffffffed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nointernetcontent {
  text-align: center;
}

.nointernetcontent svg {
  width: 37px;
  height: 37px;
  margin-bottom: 11px;

}

.nointernetcontent h3 {
  font-size: 32px;
  color: #333;
  font-weight: 600;
}

.nointernetcontent p {
  font-size: 17px;
  color: #898787;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.advance-settings .nav-pills .nav-link.active div p {
  color: #671cc8;
}

.advance-settings .nav-pills .nav-link.active {
  color: #fff;
  background-color: white;
  font-size: 14px;
  letter-spacing: 0.2px;
  padding: 6px 0;
  border-radius: 37px;
  box-shadow: 0 0 20px 0 rgb(181 63 63 / 0%);
  padding: 0 0 17px;

}

.advance-settings .set-width {
  display: grid;
  grid-template-columns: 250px 80%;
  height: 100%;
}

.advance-settings .nav-pills .nav-link {
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 7px;
  align-items: center;
  text-align: left;
  font-size: 14px;
  color: #9ea3b8;
  margin-bottom: 0px;
  font-weight: 500;
  padding: 0 0 17px;
}

.advance-settings .nav-pills .nav-link div p {
  color: black;
  font-size: 13px;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1;
}

.advance-settings .nav-pills .nav-link div p.span {
  font-size: 11px;
  color: #9cb0c8;
  font-weight: 400;
  margin: 3px 0 0;
  padding-right: 2rem;
  line-height: 1.1;
}

.advance-settings .tab-content {
  padding: 0 0rem 0 2rem;
  /* width: 80%; */
  border-left: 1px solid #00000012;
}

.divlist {
  padding-right: 0;
  padding-bottom: 0.5rem;
  width: 100%;
  display: grid;
  justify-content: left;
  grid-template-columns: 1fr 200px auto;
  align-items: center;
  gap: 9px;
}

.divlist p {
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #000000 !important;
  margin-bottom: 0 !important;
  align-items: center !important;
  text-transform: initial;
}

.divlist img {
  opacity: 0.6;
  /* background: #f9f9f9; */
  width: 33px;
  height: 33px;
  padding: 9px;
  cursor: pointer;
}

.configuredetails {
  margin-top: 1rem;
}

.configuredetails h5 {
  font-weight: 600;
  font-size: 14px;
  color: #131213;
  border-bottom: 1px dashed #00000026;
  padding-bottom: 6px;
  margin-bottom: 14px;
}

.divlist input {
  padding: 0 11px;
  background: #f7f7f7b5;
  border: 1px solid #0000000a;
  height: 33px;
  border-radius: 3px;
  font-size: 14px;
}

.advance-settings .accordion-button .title h4 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 500;
  color: black;
}

.advance-settings .nav {
  margin-right: 3rem;
  position: sticky;
  top: 0;
  width: 100%;
}

.advance-settings .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #fff;
  box-shadow: none;
  font-size: 15px;
  padding: 0;
}

.whose-celebration img {
  border-radius: 43px;
}

.choose-celebration label {
  margin-bottom: 0;
  margin-left: 6px;
  font-size: 12px;
  color: #092048;
  font-weight: 500;
}

.tickettable table>*>tr>th:last-child,
.tickettable table>*>tr>td:last-child {
  position: absolute;
  width: 6em;
  height: 3.4em;
  right: 0;
  background: white;
  padding-top: 11.9px;
  padding-bottom: 10px;
  box-shadow: -11px 7px 25px -14px #00000033;
}

table>*>tr.p-datatable-emptymessage>td:last-child {
  position: relative !important;
  width: 100% !important;
}

.tickettable table tr.p-datatable-emptymessage td div img {
  width: 94px;
  margin-bottom: 0px !important;
}

.ticket-datatable a.view-teamdetail img {
  width: 13px;
  min-width: 13px;
  height: 13px;
  max-width: 13px;
  line-height: 13px;
}

.tickettable table>*>tr>th:first-child {
  background: #f9fafb;
}

.tickettable table>*>tr>th:last-child {
  background: #f9fafb;
}

.tickettable table>*>tr>th,
.tickettable table>*>tr>td {
  /* Without this, if a cell wraps onto two lines, the first column
     * will look bad, and may need padding. */
  white-space: nowrap;
}

.tickettable table>*>tr>td:last-child button {
  height: 1rem;
}

.tickettable table>*>tr>td:last-child button svg {
  height: 13px;
  color: #797979;
}

.add-newticket {

  color: #671cc9;
  /* height: 32px; */
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  /* box-shadow: 0 0px 10px rgb(0 0 0 / 0%); */
  font-size: 12px;
  /* padding: 0px 14px 0 9px; */
  /* background: #ffffff; */
  margin-left: 8px;
  font-weight: 500;
  font-size: 13px;

  display: block;
  cursor: pointer !important;

}

.add-newpolicy {
  border: none;
  color: white;
  height: 32px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 14px 0 9px;
  background: #671cc9;
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
}

.policy-tab-haed {
  font-family: 'Roboto';
  line-height: 22px;
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #6f6f6f;
  width: 84%;
  margin-top: 1rem;
}

.add-sectio {
  border: 1.568px dashed #671cc9;
  padding: 1rem;
  border-radius: 12px;
  position: relative;
}

.add-sectio button {
  /* position: absolute; */
  right: 0;
  top: -2.5rem;
  /* background: #ec4119; */
  padding: 2px 11px;
  border: none;
  color: #ff5252;
  border-radius: 4px;
}

.add-sectio .remove-paragraph {
  position: absolute;
  right: 0;
  top: -2.5rem;
  /* background: #ec4119; */
  padding: 2px 11px;
  border: none;
  color: #ff5252;
  border-radius: 4px;
}

.reports-setting::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.reports-setting::-webkit-scrollbar-track {
  background: #e0faf900;
}

/* Handle */
.reports-setting::-webkit-scrollbar-thumb {
  background: #fff;
}


.reports-setting {
  margin-top: 1rem;
}


.reports-setting .main-tab-content {
  width: 100% !important;
}

.reports-setting {
  border-radius: 0px;
  padding-left: 2rem;
  /* background: white; */
  /* border-radius: 6px; */
  height: 77vh;
  overflow-y: scroll;
  margin-bottom: 3rem;
  display: flex;
  align-items: start;
}

.reports-setting .setting-detail-list h3 {
  color: #120425;
  font-weight: 500;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-size: 18px;
}

.reports-setting .nav-pills .nav-link.active {
  color: #fff;
  background-color: transparent;
  /* border-radius: 8px !important; */
  font-weight: 700;
  color: #671cc9 !important;
  font-size: 14px;
  letter-spacing: 0.2px;
  padding: 0 0 5px;
  width: max-content;
  border-radius: 37px;
  box-shadow: 0 0 20px 0 rgb(181 63 63 / 0%);
}


.reports-setting .setting-detail-list .detail {
  /* background: white; */
  border-radius: 15px;
  margin-top: 0px;
}

.reports-setting .nav-pills .nav-link {
  border-radius: 0.5rem;
  padding: 0 0 8px;
  text-align: left;
  font-size: 14px;
  color: #47484d;
  margin-bottom: 0px;
  font-weight: 500;
}

.reports-setting .tab-content {
  padding: 0 0rem 0 2rem;
  width: 80%;
  border-left: 1px solid #00000012;
}

.reports-setting .accordion-button {
  gap: 8px;
  color: #000000;
  background-color: #fff;
  box-shadow: none;
  font-size: 15px;
  padding: 0;
  font-weight: 600;
}

.reports-setting .accordion-button .title h4 {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.1;
}

.reports-setting .accordion-button .title p {
  font-size: 12px;
  margin-bottom: 0;
  margin-bottom: 0;
  color: #b9b9b9;
  font-weight: 400;
}


.reports-setting .accordion-button img {
  width: 28px;
}

.reports-setting .inner {
  color: #3e3e3e;
  border: 2px solid #8d30e230;
  /* width: 50px; */
  /* height: 50px; */
  padding: 17px;
  border-radius: 11px;
}

.reports-setting .inner strong {
  font-size: 14px;
}

.reports-setting .inner p {
  color: #838383;
  font-size: 13px;
  margin-bottom: 1rem;
  font-weight: 200;
  line-height: 1.5;
}

.reports-setting .inner .form-control {
  width: 100% !important;
  border: 1px solid #0000001f;
  font-size: 14px;
  color: #000000;
  height: 45px;
  font-weight: 500;
  border-radius: 4px;
}

.reports-setting .inner label {
  cursor: pointer;
  font-size: 13px;
  color: #000000;
  font-weight: 600;
}

.reports-setting .inner .form-group {
  background: transparent;
  padding: 0%;
  border-radius: 8px;
  display: inline-grid;
  width: 100%;
}

.reports-setting .nav {
  margin-right: 3rem;
  position: sticky;
  top: 0;
}

.reports-setting .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #fff;
  box-shadow: none;
  font-size: 15px;
  padding: 0;
}

.reports-setting .accordion-header {
  padding: 0;
  border: 0px solid #F0F0F0;
}

.reports-setting .accordion-item {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #f2f2f2;
  border-top: none;
  background: white;

}

.reports-setting .form-control {
  border: 1px solid #00000024;
  font-size: 12px;
  color: #671cc9;
  height: 35px;
  font-weight: 500;
  border-radius: 6px;
  width: max-content;
  margin-left: auto;
}

.reports-setting .accordion-body span {
  font-size: 14px;
  color: black;
  font-weight: 500;
}

.reports-setting .accordion-body p.accountown {
  color: #b2b1b1;
  font-size: 13px;
}

.reports-setting .accordion-body {
  padding: 1rem 0rem;
  background: white;
}

.reports-setting .tile-grid-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 14px;
  padding: 16px;
  cursor: pointer;
}

.reports-setting .tile-grid-item .tile-grid-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reports-setting .tile-grid-item .tile-grid-item-inner>img {
  display: block;
  width: 40px;
  height: auto;
  min-width: 40px;
}

.reports-setting .title-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0rem;
  padding-left: 1rem;
}

.reports-setting .tile-grid-item .tile-grid-item-inner .meta {
  margin-left: 10px;
  line-height: 1.4;
}

.reports-setting .tile-grid-item-inner .meta span:first-child {
  color: #283252;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 13px;
}

.reports-setting .tile-grid-item-inner .meta span:nth-child(2) {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #b3b3b3;
}

.dashboard-calendarico {
  margin-right: 5px;
  padding: 0 !important;
  border-radius: 4px;
  width: 27px;
  height: 27px;
  cursor: pointer;
  background: white;
  text-align: center;
  box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%);
  border: 1px solid #e8e8e8;
}

.rt-bg-transparent .dashboard-calendarico {
  background: center;
  border: transparent;
  box-shadow: unset;
  margin-right: 9px;
}

.rt-bg-transparent .dashboard-calendarico img {
  height: 100%;
  padding: 3px;
}

.dashboard-calendarico img {
  height: 100%;
  padding: 5px;
}

.lang-li .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 100%;
  padding: 0 0px 0 6px !important;
  height: 27px !important;
  border-radius: 4px;
  border: none;
  line-height: 25px !important;
  background: white;
  box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%);
  border: 1px solid #e8e8e8;
}


.lang-li .p-dropdown .p-dropdown-trigger {
  width: 1.5rem;
}

.lang-li {
  margin-right: 5px;
}


.dashboard-addmore {
  padding: 0 3px !important;
  height: 25px !important;
  width: 25px;
  border-radius: 4px;
  background: white;
  line-height: 22px !important;
  background: #671cc9;
  /* box-shadow: 0px 0px 13px 0px rgb(82 63 105 / 5%); */
  border: 1px solid #671cc9;
}

.dashboard-addmore svg {
  color: white;
}

.dashboard-addmore .widget-timeline {
  padding: 3px 13px;
  position: relative;
}

.dashboard-addmore-employee .widget-timeline {
  padding: 3px 10px;
  position: relative;
}

.dashboard-addmore .widget-timeline.style-1 .timeline .timeline-badge.timeline-badge+.timeline-panel {
  padding: 4px 0px;
}

.whose-celebration .image {
  width: 22px;
  margin-right: 3px;
}

.award-detail .table thead th {
  border-bottom: 2px solid #e5e7eb;
  text-transform: capitalize;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-color: #F0F0F0 !important;
  color: #4c0e9c;
  background: #671cc90f;
  transition: box-shadow 0.2s;

}

.award-detail .table thead th:nth-last-child(1) {
  border-top-right-radius: 12px;
}

.award-detail .table thead th:nth-child(1) {
  border-top-left-radius: 12px;
}

.award-detail table {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.award-detail .form-control {
  padding: 0 5px;
  border: 0px solid #00000024;
  font-size: 13px;
  color: #8f8f8f;
  height: 30px;
  font-weight: 500;
  border-radius: 6px;
  width: 100%;
  margin-left: inherit;
}

.award-detail .col-md-12.column {
  border-radius: 12px;
  border: 1px solid #00000029;
  padding: 0;
}

.award-detail .table> :not(:first-child) {
  border-top: 0px solid currentColor;
}

.award-detail input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 5px rgb(253 253 253 / 50%);
  box-shadow: 0px 6px 6px -8px rgb(255 255 255 / 50%);
  background-color: white;
  border-color: #80bdff !important;
}

.award-detail .table.table-hover tr:hover {
  background-color: #f2f4fa00;
}

.editactions {
  border: none;
  background: none;
  cursor: pointer;
}

.editactions img {
  width: 13px;
  /* margin-right: 6px; */
  opacity: 0.9;
}

.article-card {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  margin-bottom: 0;
  position: relative;
}

.article-card .image {
  width: 28px;
  margin-right: 3px;
}

/* 
.article-div-list2 {
  position: relative;
} */

.article-div-list2 .action-btns {
  position: absolute;
  right: 1rem;
  top: 10px;
  display: none;
}

.article-div-list h5 {
  font-size: 19px;
  color: black;
  font-weight: 600;
  padding-right: 3rem;
  line-height: 1.2;
  cursor: pointer;
  height: 45px;
}

.d-gridset {
  display: grid;
  grid-template-columns: auto 1fr;
}

.card-footer.article-div-list2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 0 0px 1rem 1rem;
}

.likes svg {
    color: #868686;
    width:14px;
    margin-right: 3px;
}

.article-card:hover .action-btns {
  display: block;
}

.article-card .action-btns img {
  opacity: 0.6 !important;
  border-radius: 0 !important;
  width: 12px;
  cursor: pointer;
}

.article-card img {
  opacity: 1;
  border-radius: 100%;
}

p.article-category {
  background: #671cc914 !important;
  width: fit-content !important;
  color: #671cc9 !important;
  font-size: 14px !important;
  font-weight: 500;
  margin-bottom: 0 !important;
  border-radius: 2px !important;
  padding: 0px 3px !important;
}

.article-title img.bgimages {
  width: 100%;
    border-radius: 11px;
    /* height: 263px; */
    /* object-fit: contain; */
    /* object-position: top; */
    margin-bottom: 1rem;
}

.article-title h3.block-heading {
  font-size: 24px;
  color: black;
  font-weight: 600;
  padding-right: 3rem;
  line-height: 1.2;
  cursor: pointer;
}

.article-title h4 {
  color: black;
  font-weight: 100;
  margin-bottom: 7px;
  font-size: 14px;
}

.backtolist {
  position: absolute;
  right: 2rem;
  z-index: +999;
  top: 2rem;
}

.article-list .list img {
  opacity: 1;
    border-radius: 7px;
    width: 100%;
    /* margin-right: 3px; */
    height: 73px;
    margin-bottom: 7px;
}

.articlecomment-date {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 12px;
  font-weight: 400;
  color: #b5bdcf;
}

.article-list-actions .writtenby {
      font-weight: 500;
    color: #671cc9;
    margin-bottom: 0px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-list .list {
      margin-bottom: 10px;
    padding-bottom: 23px;
    border: 1px solid #e6e6e6;
    padding: 8px;
    border-radius: 10px;
    background: #f9f9f9;
}
.article-list .list:last-child {
    border-bottom: 0px;
}
.article-list .list:nth-last-child(1) {
  margin-bottom: 0;
}

.article-list h4 {

    font-size: .9rem;
    line-height: 1.3;
    font-weight: bold;
    color: black;
    /* margin-top: 5px; */
    margin-bottom: 2px;
    /* white-space: nowrap; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
    width: 100%;
}

.article-list .image img {
  width: 15px;
  height: 15px;
      margin-bottom: 2px;
}

.article-morecontent {
  line-height: 1.4 !important;
  font-size: 12px !important;
  font-weight: 400;
  color: #4d4b4ba1;
  margin-bottom: 0;
  margin-top: 4px;
  height: 34px;
}

.articlescomment .likers-text p {
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 0;
}

.articlescomment.d-flex {
  /* cursor: pointer; */
  background: #ffffff;
  padding: 8px 0 0;
  border-radius: 10px;
  /* box-shadow: 1px 6px 22px -19px #0000004a; */
  /* border: 1px solid #dddcdc; */
  margin-bottom: 2px;
  position: relative;
  gap: 6px;

}

span.closeresume {
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: #ff0808;
  color: white;
  border-radius: 4px;
}

span.closeresume_Report {
  position: relative;
  left: 6rem;
  top: 1rem;
  background: #ff0808;
  color: white;
  border-radius: 4px;
}

.articlescomment img {
  height: 27px;
  width: 27px;
  border-radius: 50%;
  border: 0px solid #fff;
  margin-right: 4px;
}

.message-text {
  width: 85%;
}

.message-text p {
  color: #7b7b7b;
  font-weight: 200;
  font-weight: 400;
  font-size: 12.5px;
}

.message-text a {
  color: #000000;
  font-weight: 200;
  font-weight: 700;
  font-size: 13px;
}

.article-list p {
  margin-bottom: 3px;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 300;
}

.article-list p span {
     font-weight: 500;
    color: #a8b3ca;
    margin-right: 4px;
    margin-left: 4px;
}

.backtolist svg {
  color: #ffffff;
}

.article-title p img {
  border-radius: 0;
  opacity: 0.5;
  width: auto;
  height: 11px;
  margin-right: 3px;
}

.article-title p {
  /* color: #b1b1b1; */
  margin-bottom: 1.3rem;
  line-height: 1.4;
  /* display: flex;
  align-items: center; */
}

.article-title ol {
  padding-left: 17px;
}

.article-title ol li {
  font-size: 13px;
  display: list-item;
  font-weight: 400;
  margin-bottom: 7px;
  list-style: disc;
}

.article-title .image {
  width: 28px;
  margin-right: 3px;
}

.article-title .image img {
  opacity: 1;
  border-radius: 100%;
}

.article-title p span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #070707;
}

.writtenby .article-title p {
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
  display: block;
  color: #646464;
}

.writtenby {
  font-size: 13px;
  color: black;
  font-weight: 500;
  gap: 3px;
}

.article-title .writtenby p {
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
  display: block;
  color: #1a1919;
}

.article-title .writtenby p span.inerdate {
  display: inline;
  font-size: 13px;
  color: #dc6414;
  margin-left: 4px;
}

.writtenby p span {
  display: block;
  font-size: 11px;
  font-weight: 400;
  color: #070707;
}

.feedback-left {
  height: 100vh;
  padding-top: 3rem;
  vertical-align: middle;
}

.feedback-left h2 {
  width: 76%;
  font-size: 30px;
  font-weight: 600;
  color: #092048;
  margin-bottom: 1rem;
}

.feedback-left p {
  font-size: 15px;
  line-height: 1.4;
  padding-right: 10%;
}

.feedback-left .center1 ul li {
  list-style: none;
  margin: 0 4px;
  font-size: 31px;
  color: #cbcbcb;
}

.feedback-left .form-control {
  background: #f9f9f9;
  border: 2px solid #979797;
  padding: 5px 10px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  border-radius: 10px;
}

.feedback-left .center1 {
  width: 100%;
}

.rightfeed-form h2 {
  font-size: 27px;
  font-weight: 700;
  width: 50%;
  margin: auto;
}


.rightfeed-form p {
  font-size: 14px;

  color: #262525;
  width: 56%;
  margin: auto;

}

.rightfeed-form {
  width: 100%;
  padding: 0%;
  text-align: center;
  z-index: +1;
}

.anonymous {
  gap: 5px;
  margin-top: 8px !important;
  padding-left: 5px;
  align-items: center;
}

.anonymous label {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.anonymous input {
  width: 18px;
  height: 18px;
}

.latest-feedreview {
  border-top: 2px dashed #00000017;
  padding: .6rem 0 0;
  margin-top: .7rem;
}

.total-review {
  border-radius: 0;
  padding: 0rem 0rem 1rem 0rem;

  text-align: center;
}

.latest-feedreview .col-xl-12 .col-xl-4 {
  border-right: 1px solid #00000024;
}

.latest-feedreview .col-xl-12 .col-xl-4:nth-last-child(1) {
  border-right: none;
}

.total-review strong {
  font-size: 27px;
  font-weight: bolder;
  color: #671cc9;
}

.total-review h4 {
  font-size: 16px;
  color: black;
  font-weight: 600;
  margin-bottom: 0;
}

.detail-review {
  border-top: 1px solid #0000000a;
  margin-top: 1rem;
  padding-top: 1rem;
}

.detail-review img {
  width: 100%;
  border-radius: 25px;
}

.detail-review .row .col-xl-3 {
  display: flex;

}

.detail-review .cards {
  background: #fbf6ff;
  border: 1px solid #ab6cff5c;
  box-shadow: none;
  margin-bottom: 0;

  padding: .9rem;
  border-radius: 7px;

  display: flex;
  flex-direction: column;
  flex: 1;
}

.star-review .p-rating-item svg {
  color: #f9d71c;
  width: 14px;
}

.paginations .p-paginator.p-component {
  justify-content: end;
  margin-top: 1rem;
}

.paginations span.p-dropdown-label.p-inputtext {
  font-size: 14px;
  color: black;
  font-weight: 500;
  padding: 0 0.5rem;
  line-height: 2.2;
}

.paginations .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  height: 2rem;
  background: #eeeff1;
}

.total-review p {
  line-height: 1.5;
  font-size: 12px;
  color: #a2a2a2;
  margin-bottom: 0;
}

.latest-feedreview h2 {
  font-size: 18px !important;
  color: #000;
  align-items: center;
  display: flex;
  text-decoration: auto;
}

.rightfeed-form .form-group {
  width: 53%;
  margin: auto;
 
}
.rightfeed-form .raise-textarea{
   border:1px solid #bbc7db;
  border-radius: 15px;
      padding: 5px 5px;
}
.give-rate {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: .8rem 0;
  justify-content: center;
}

.give-rate ul {
  margin: 0% 0 0%;
}

.give-rate span {
  font-weight: 500;
  font-size: 15px;
  color: #000000;
}

.give-rate .p-rating-item svg {
  color: #f9d71c;
  width: 23px;
  height: 23px;
  margin: 0 2px;
}

.imggrid {
  display: grid;
  align-items: center;
  grid-template-columns: 29px 1fr;
  gap: 6px;
}

.imggrid span.dark-inverted {
  font-weight: 500;
  font-size: 15px;
}

.historylist .table thead th {
  border-bottom: 2px solid #e5e7eb;
  text-transform: capitalize;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-color: #F0F0F0 !important;
  color: #4c0e9c;
  background: #671cc90f;
  transition: box-shadow 0.2s;

}

.historylist .table thead th:nth-last-child(1) {
  border-top-right-radius: 12px;
}

.historylist .table thead th:nth-child(1) {
  border-top-left-radius: 12px;
}

.historylist table {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.historylist .form-control {
  padding: 0;
  border: 0px solid #00000024;
  font-size: 13px;
  color: #8f8f8f;
  height: 30px;
  font-weight: 500;
  border-radius: 6px;
  width: 100%;
  margin-left: inherit;
}

.historylist .col-md-12.column {
  border-radius: 12px;
  border: 1px solid #00000029;
  padding: 0;
}

.historylist .table> :not(:first-child) {
  border-top: 0px solid currentColor;
}

.historylist .table-bordered> :not(caption)>* {
  border-width: 0px 2px;
}

.historylist .table tbody tr td {
  font-weight: 500;
  vertical-align: middle;
  border-color: #F0F0F0;
  border-bottom: 1px solid #19191917;
  padding: 9px 8px;
  border-color: #F0F0F0;
  font-size: 13px;
}

.faqlist {
  margin-top: 1.5rem;
}

.faqlist h2 {
  font-size: 17px;
  padding: 0;
}

.faqlist .accordion-button {
  background: #fbf6ff;
  border: 1px solid #ab6cff5c;
  color: black;
  text-decoration: none;
  font-weight: 500;
  font-size: 13px;
}

.faqlist .accordion-item {
  margin-bottom: 0.8rem;
}

.historylist input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 5px rgb(253 253 253 / 50%);
  box-shadow: 0px 6px 6px -8px rgb(255 255 255 / 50%);
  background-color: white;
  border-color: #80bdff !important;
}

.historylist .table.table-hover tr:hover {
  background-color: #f2f4fa00;
}

.list-card .font-text-display:hover h5 {
  color: #671cc9;
}

.media-meta.d-flex.align-items-center.innergallery {
  padding: 11px;
}

.likescommentlist {
  position: absolute;
  right: 15px;
  color: white;
  top: 8px;
}

.likescommentlist ul {
  padding-left: 0;
  margin-bottom: 0;
}

.gallery-image .gallerydeletebtn {
  top: 1rem;
}

.gallery-image .video-wrapper {
  width: 100%;
  height: 100%;
}

.gallery-image .video-wrapper video {

  object-fit: cover;
}

.custom-play-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.custom-play-button:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.custom-video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.custom-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  padding: 10px;
}

.progress-container {
  flex: 1;
  margin: 0 10px;
  background: rgba(255, 255, 255, 0.2);
  height: 5px;
  position: relative;
  border-radius: 5px;
  cursor: pointer;
}

.progress-bar {
  width: 0%;
  height: 100%;
  background: #00b3e3;
  border-radius: 5px;
}

.volume-slider {
  appearance: none;
  background: rgba(255, 255, 255, 0.2);
  height: 5px;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}

.pip-button,
.download-button {
  margin-left: 10px;
  background: rgba(255, 255, 255, 0.1);
  color: white;
  border: none;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
}

.likescommentlist ul li {
  font-size: 10px;
  margin: 10px 0px 0;
}


.dashboard-title h2 {
  font-size: 1.4rem;
  margin-bottom: 0;
  font-weight: 700;
  color: #092048;
  font-family: sans-serif;
  letter-spacing: -0.5px;
}

.dashboard-title p {
  margin-bottom: 0;
  color: #a2a5b9;
  font-weight: 400;
  line-height: 1.2;
  font-size: 12px;
}

.dashboard-title .empid {
  font-size: 14px;
  font-weight: 700;
  color: #671cc9;
  text-transform: uppercase;
  margin-left: 5px;
}

.dashboard-followup p.title {
  font-family: "Montserrat", sans-serif;
      font-size: 13px;
  color: #283252;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.3;
}
.media.event-list {
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 11px;
}
p.desgination {
  color: #a2a5b9;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
}

.concern-w {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 50px;
}

.article-filters {
  display: grid;
  grid-template-columns: 30% 1fr;
  align-items: center;
}

.article-filters span.filter {
  font-weight: 500;
  text-decoration: underline;
  color: #9b9b9b;
  font-size: 15px;
}

.card-footer .send-output {
  align-items: center;
  gap: 8px;
  display: grid;
  grid-template-columns: 2rem 1fr;
}

.team-listing .tile-grid-item .tile-grid-item-inner .h-avatar {
  max-width: 30px;
  min-width: 30px;

}

.team-listing .tile-grid-item .tile-grid-item-inner .h-avatar .image {
  width: 30px;
  height: 30px;
}

.team-listing .tile-grid-item .tile-grid-item-inner .h-avatar .image img {
  height: 100%;
  width: 100%;
  border-radius: 100%;
  object-fit: cover;
}

.team-listing .tile-grid-item-inner .meta span:first-child {
  font-size: 0.85rem !important;
}

.team-listing .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) {
  color: #0000007d !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

.add-teammember {
  background: #671cc9;
  border: none;
  padding: 0px 8px;
  font-size: 11px;
  border-radius: 4px;
  margin-right: 0px;
  font-weight: 500;
  color: white;
  height: 28px;
  width: 28px;
  line-height: 28px;
}

.team-listing .tile-grid-item .tile-grid-item-inner .meta span:nth-child(2) img {
  border-radius: 0;
  opacity: 0.5;
  width: auto;
  height: 11px;
}

.teamtablelist svg.p-icon.p-sortable-column-icon {
  width: 9px;
  color: #666666;
}

/* .teamtablelist table>*>tr>th:first-child,
  .teamtablelist table>*>tr>td:first-child {
    position: absolute;
    width: 3em;
    height: 3.4em;
    left: 0;
    background: white;
    padding-top: 11.9px;
    padding-bottom: 10px;
    box-shadow: 11px 7px 25px -14px #00000033;
  } */

.teamtablelist table>*>tr>th:last-child,
.teamtablelist table>*>tr>td:last-child {
  position: absolute;
  width: 6em;
  /* height: 3.4em; */
  right: 0;
  background: white;
  padding-top: 11.9px;
  padding-bottom: 10px;
  box-shadow: -11px 7px 25px -14px #00000033;
}

.teamtablelist table>*>tr>th:first-child {
  background: #f9fafb;
}

.teamtablelist table>*>tr>th:nth-last-child(2),
.teamtablelist table>*>tr>td:nth-last-child(2) {
  padding-right: 6rem;
}

.teamtablelist table>*>tr>th:last-child {
  background: #f9fafb;
}

.teamtablelist table>*>tr>th,
.teamtablelist table>*>tr>td {
  /* Without this, if a cell wraps onto two lines, the first column
       * will look bad, and may need padding. */
  white-space: nowrap;
}

.teamtablelist table>*>tr>td:last-child button {
  height: 1rem;
}

.teamtablelist table>*>tr>td:last-child button svg {
  height: 13px;
  color: #797979;
}

.teamtablelist table.p-datatable-table {
  margin-left: 0;
}

.view-teamdetail svg {
  height: 13px;
  color: #797979;
}

.follow-unfollow-member svg {
  padding: 4px;
  height: 19px;
  border-radius: 15px;
  background: #671cc912;
  width: 19px;
  color: #671cc9;
  line-height: 17px;
}

.uploaded-imgtrash {
  height: 180px !important;
}

.uploaded-imgtrash img {
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
  border-radius: 6px !important;
}

.rightsideteam-tabs {
  display: grid;
  margin-bottom: auto;
  align-items: center;
  grid-template-columns: 1fr auto;
}

@media screen and (min-width: 769px),
print {

  .reports-setting .column.is-4,
  .reports-setting .column.is-4-tablet {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33333337%;
  }
}

.two-line-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limit the number of lines to 2 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Optional, adds "..." at the end */
  max-height: 3em;
  /* Height for 2 lines, you may adjust depending on font size */
  line-height: 1.5em;
  /* Adjust line-height if needed */
}

.article-commentsec .send-output .Mention {
  width: '668px';
  /* or any desired width */
}

.article-commentsec .send-output textarea.p-mention-input.p-inputtextarea.p-inputtext.p-component.p-mention-input {
  width: 100% !important;
  border: 1px solid #6d6c6c40 !important;
}

.list-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  /* Adjust as needed */
}

/* This section is use of the "owl-carousel"  design  start */
.owl-dots {
  display: flex !important;
  justify-content: center;
}

.owl-dot {
  display: inline-block !important;
  /* Ensure dots are not hidden */
}

/* Hide extra dots if more than 3 */
.owl-dot:nth-child(n+4) {
  display: none !important;
}

/* This section is use of the "owl-carousel"  design  end */

.add-postpopup-modal .image {
  height: 40px;
  width: 40px;
}

.add-postpopup-modal .image img {
  border-radius: 100%;
}

.add-postpopup-modal {
  display: grid;
  grid-template-columns: 40px 88%;
  gap: 13px;
  align-items: flex-start;
  padding: 0.5rem 0 0;
}

li.p-mention-item img {
  width: 17px !important;
  max-width: 17px !important;
  height: 17px !important;
  border: 0;
  padding: 0;
  border-radius: 100%;
  margin-right: 7px;
}

li.p-mention-item {
  font-size: 11px !important;
  font-weight: 500;
  color: black !important;
}

.p-mention-panel.p-component.p-connected-overlay-enter-done {
  width: auto;
  padding: 4px 9px;
  min-width: fit-content;
}

.p-mention-panel.p-component.p-connected-overlay-enter-done ul.p-mention-items {
  margin-bottom: 0;
}

.featured-post-confirmation .modal-header {
  border-radius: 11px;
  border-bottom: 2px dashed #8949cb;
  position: relative;
  height: 100px;
  background: #671cc91c;
}

.featured-post-confirmation .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.featured-post-confirmation .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 4% 0px 4%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.featured-post-confirmation .modal-body {
  padding: 3rem 3rem 1rem;
}

.featured-post-confirmation .modal-body .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
  font-weight: 600;
  color: black;
}

.featured-post-confirmation .modal-body p {
  font-size: 0.88rem;
  color: black;
  font-weight: 400;
  margin-top: 5px;
}

.featured-post-confirmation .cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 33px;
  line-height: 33px;
  border-radius: 35px;
}

.featured-post-confirmation .cancelbtn-click:hover {
  background: #f5f5f5;
}

.featured-post-confirmation .savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px
}

.featured-post-confirmation .savebtn-click:hover {
  background: #480a9a;
}

.delete-holiday {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.modal-header {
  /* background-color: #f1f1f1; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px;
  border-bottom: 1px solid #ddd;
}

.modal-header .close-btn {
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
}

.friend-list .friend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
}

.total-likesmodal .friend-info {
  display: flex;
  align-items: center;
  position: relative;
}

.total-likesmodal .friend-info img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-right: 6px;
}

.friend-info img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.likeItemArrange {
  display: inline-block;
  justify-content: space-between;
  padding: 0.5rem 1rem 0.5rem;
  border-bottom: 1px solid #00000021;
  text-align: left;
  flex-wrap: nowrap;
  /* scroll-behavior: smooth; */
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
  /* height: 463px;*/
}

.likediv {
  display: inline-block;
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}

.likeItemArrange .likediv {
  display: inline-block;
  width: auto;

  max-width: unset;
  min-width: unset;
  padding-right: 19px;
}


.likediv button {
  border: none;
  background: white;
}

.likediv button img {
  width: 23px;
  margin-right: 4px;
}

/* .likeItemArrange div span{
      display: flex
;
    align-items: center;
    gap: 6px;
} */
.total-likesmodal .friend-item .emojis-group {
  align-items: center;
  display: flex;
  padding-left: 0px;
  position: absolute;
  left: 1.2rem;
  top: .9rem;
}

.total-likesmodal .friend-info .emojis-group img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

div#pr_id_2_content {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  outline: 0;
  padding: 0.5rem;
}

button.p-dialog-header-icon.p-dialog-header-close.p-link {
  padding: 0.5rem 0.5rem;
  position: absolute;
  right: 1rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
  top: 1rem;
  z-index: +99;
}

.total-likesmodal .friend-info span {
  font-size: 13px;
  font-weight: 600;
  color: black;
  margin-left: 10px;
  text-align: left;
}

.total-likesmodal .friend-list {
  padding: 1rem 2rem;
  max-height: 211px;
  overflow: auto;
}

.total-likesmodal .friend-list .friend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0 18px;
  border: none;
}

.total-likesmodal .modal-body {
  padding: 0;
}

.emoji-icon {
  width: 22px;
  height: auto;
  cursor: pointer;
  /* Adds a pointer cursor for better UX */
}

.feed-quotes {
  border-left: 3px solid #671cc9;
  border-radius: 4px;
  padding: 14px 15px;
  background: #f4effbad;
  position: relative;
  margin-bottom: 10px;
}

p.reply-on {
  margin-bottom: 0;
  margin-top: 6px;
  font-size: 14px;
}

.quote-to {
  font-weight: 400;
  font-size: 13px;
  color: #878787;
}

.quote-to b {
  font-size: 13px;
  color: black !important;
  font-weight: 700 !important;
}

.feed-quotes svg {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  color: #7725e2;
}

.quote-reply {
  border: 1px solid #00000026;
  padding: 10px 10px;
  border-radius: 10px;
}




.message-page .messages-header {
  height: 50px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
}

.message-page .messages-header h3 {
  font-weight: 500;
  /* color: #999; */
  margin-bottom: 0;
  font-size: 17px;
  color: #000;
  align-items: center;
  text-transform: capitalize;
  display: flex;
}


.message-page .recent-user {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  /* cursor: pointer; */
}

.message-page .recent-user .user-container {
  position: relative;
}

.message-page .recent-user .dropdown {
  margin-left: auto;
}

.message-page .recent-user div#myDIV2 {
  z-index: +9;
  width: 110px;
  display: none;
  box-shadow: 0 0 23px 4px rgb(243 243 243);
  position: absolute;
  background: white;
  right: 0;
  top: 36px;
  padding: 6px 5px;
  border-radius: 5px;
}

.message-page .recent-user .dropdown svg {
  color: black;
  width: 15px;
  height: 15px;
}

.message-page .recent-user .user-container img {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  display: block;
}

.message-page .recent-user .recipient-meta {

  margin-left: 10px;
  text-align: left;
  line-height: 1.3;
}

.message-page .recent-user .recipient-meta span:first-child {
  color: #283252;
  font-weight: 500;
  font-size: .85rem;
  display: block;
}

.message-page .recent-user .recipient-meta span:nth-child(2) {
  font-size: .7rem;
  color: #999;
  display: block;
}

.message-page .nav-pills .nav-link {
  border-radius: 0;
  padding: 0;
  position: relative;
  height: 64px;
  display: -webkit-box;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  cursor: pointer;
}

.message-page .nav-pills .nav-link.active {
  box-shadow: none;
  border-left-color: #671cc9;
  background: #f4edfc;
}

.message-page .chat-body-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.message-page .chat-body {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 83px 30px 130px 30px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.message-page span.p-dropdown-label.p-inputtext {
  font-size: 14px;
  padding-left: 8px;
  color: black;
  font-weight: 500;
  text-align: left;
}

.message-page .chat-body .divider-container {
  max-width: 100%;
}

.message-page .chat-body .divider-container .divider.quote-divider span {
  background: #fff2e0;
  color: #000000;
  font-weight: 400;
  text-transform: capitalize;
  padding: 3px 13px;
  display: inline-block;
  margin-top: 1px;
  font-size: .7rem;
  border-radius: 15px;
}

.message-page .chat-body .divider-container .divider.quote-divider span img {
  width: 16px;
  height: 16px;
  object-fit: cover;
  border-radius: 100%;
  margin: 0 5px;
}

.message-page .chat-body .divider-container .divider.quote-divider span b {
  margin-right: 5px;
}

.message-page .chat-body .divider-container .divider.quote-divider span:before {
  top: 1.2em;
  width: 25%;
  border-top: 1px solid rgba(0, 0, 0, .1);
  content: none;
}

.chat-body .divider-container .divider.quote-divider span:after {
  top: 1.2em;
  width: 25%;
  content: none;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.message-page .chat-body li {
  padding: .5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}



.chat-body .other .msg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  min-width: 230px;
  max-width: 40%;
  margin-left: 10px;
}

.chat-body .other .msg .msg-inner {
  background: #fff;
  color: #283252;
  border-radius: 0 12px 12px 12px;
  padding: 5px 16px 8px 16px;
  position: relative;
}

.chat-body .self {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.chat-body .self .avatar {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}



.chat-body .self .msg .msg-inner {
  background: #e6e5ed;
  color: #283252;
  border-radius: 12px 0 12px 12px;
  padding: 12px;
  position: relative;
}

.chat-body .self .msg .msg-inner svg {
  position: absolute;
  right: 8px;
  bottom: 6px;
  color: #9441ff;
}

.chat-body .self .msg time {
  display: block;
  text-align: left;
  font-size: .7rem;
  color: #a2a5b9;
  margin-top: 3px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chat-body .self .msg p {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
}

.chat-body .other .msg p {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #a2a5b9;
  line-height: 1.5;
  margin-bottom: 0;
  word-wrap: break-word;
}

.chat-body .other .msg time {
  display: block;
  text-align: right;
  font-size: .7rem;
  color: #a2a5b9;
  margin-top: 3px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.message-page .divider-container {
  max-width: 640px;
  margin: 0 auto;
}

.divider:before,
.divider:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.message-page .chat-body .divider-container .divider {
  text-align: center;
  margin: 1.5em auto 1em auto;
  width: 100%;
  position: relative;
}

.message-page .chat-body .divider {
  display: -webkit-box;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  color: #999;
  outline: none !important;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
}

.chat-body .divider-container .divider span:before,
.chat-body .divider-container .divider span:after {
  top: .9em;
  width: 43%;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.divider-container .divider span:before {
  width: 36%;
  display: block;
  position: absolute;
  left: 0;
  top: .9em;
  height: 1px;
  content: " ";
  border-top: 1px solid #ccc;
}

.divider-container .divider span:after {
  height: 1px;
  content: " ";
  border-top: 1px solid #ccc;
  width: 36%;
  display: block;
  position: absolute;
  right: 0;
  left: auto;
}


.message-page .chat-body .divider-container .divider span {
  color: #cecece;
  font-weight: 400;
  text-transform: uppercase;
  font-size: .8rem;
  display: inline-block;
  margin-top: 1px;
  font-size: .8rem;
}

.message-field-wrapper.side-collapsed {
  width: 100% !important;
}



.message-field-wrapper .control {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}

.message-field-wrapper .control textarea {
  border-radius: 12px;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  color: #363636;
  -ms-flex-align: center;
  border: 1px solid rgb(192 191 191);
  display: inline-flex;
  font-size: 14px;
  height: 3.5em;
  -ms-flex-pack: start;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(4em - 1px);
  padding-right: calc(12.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}

.attached-file img {
  bottom: 3.5rem;
  position: absolute;
  max-height: 129px;
  padding: 0.5rem 0.5rem 0.5rem;
  border-radius: 10px 10px 0 0;
  background: white;
  border: 1px solid #c0bfbf;
  border-bottom: 0;
}

.attached-file video {
  bottom: 3.5rem;
  width: auto;
  position: absolute;
  max-height: 129px !important;
  padding: 0.5rem 0.5rem 0.5rem;
  border-radius: 10px 10px 0 0;
  background: white;
  border: 1px solid #c0bfbf;
  border-bottom: 0;
}

.message-field-wrapper .control .send-message {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 11;
}

.message-field-wrapper .control .send-message .button {
  height: 36px;
  cursor: pointer;
  min-width: 90px;
  background-color: #671cc9;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-radius: 40px;
  text-align: center;
  line-height: 36px;
  font-size: 15px;
}

.is-new-conversation {
  padding: 0 13px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 4px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top: 1px solid rgba(0, 0, 0, .05);
  cursor: pointer;
}

.is-new-conversation .button {
  height: 36px !important;
  /* margin: 0 20px; */
  padding: 8px 9px 8px 17px;
  line-height: 1.5;
  font-size: .75rem;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 999px;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #671cc9;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.is-new-conversation .button svg {
  height: 13px;
  width: 13px;
  margin-right: 4px;
  margin-left: -10px;
}

.is-raised:hover {
  opacity: .9;
  -webkit-box-shadow: 0 14px 26px -12px rgba(103, 28, 201, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(103, 28, 201, .2);
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(103, 28, 201, .2);
}

.chat-list .search-div {
  padding: 0 13px;
}

.chat-list .search-div input {
  width: 100%;
  height: 37px;
  border-radius: 44px;
  border: 1px solid #aeaeae40;
  padding: 0 11px;
  font-size: 13px;
  margin-bottom: 10px;
  background: #f2f2f2;
  color: black;
  font-weight: 400;
}

.chat-list {
  background: white;
}

/* message-module css start */


.message-page .messages-header {
  height: 50px;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
}

.message-page .chat-list {
  background: white;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 23%;
}

.message-page .messages-header h3 {
  font-weight: 500;
  /* color: #999; */
  margin-bottom: 0;
  font-size: 17px;
  color: #000;
  align-items: center;
  text-transform: capitalize;
  display: flex;
}


.message-page .tab-content {
  position: sticky;
  top: 0;
  /* height: 94vh; */
  top: 0;
  /* overflow-x: hidden; */
  /* overflow-y: scroll; */
  scrollbar-color: #ffffff00 #eaeaea00;
  scrollbar-width: none;
  position: relative;
  /* width: calc(100% - 80px); */
  /* padding: 0 0 60px 0; */
  /* background: #f2f2f2;*/
}

.message-page .recent-user {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 padding-left: 7px;
    padding-right: 11px;
  /* cursor: pointer; */
}

.message-page .recent-user .user-container {
  position: relative;
}

.message-page .recent-user .dropdown {
  margin-left: auto;
}

.message-page .recent-user div#myDIV2 {
  z-index: +9;
  width: 110px;
  display: none;
  box-shadow: 0 0 23px 4px rgb(243 243 243);
  position: absolute;
  background: white;
  right: 0;
  top: 36px;
  padding: 6px 5px;
  border-radius: 5px;
}

.message-page .dropdown svg {
  color: black;
  width: 15px;
  height: 15px;
  /* margin-right: 1rem; */
}

.message-page .recent-user .user-container img {
     height: 29px;
    width: 29px;
    max-width: 29px;
    border-radius: 50%;
    display: block;
}

.message-page .recent-user .recipient-meta {
margin-left: 5px;
    text-align: left;
    line-height: 1.3;
   width: calc(100% - 47px);
}
.chat-time-data{
         margin-right: 2px;
    text-align: right;
}
.message-page .recent-user .recipient-meta span:first-child {
  color: #283252;
  font-weight: 500;
  font-size: .85rem;
  display: block;
}

.message-page .chat-list .nav {
  height: 80%;
  display: inline-block;
  width: 100%;
  ;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
}

.message-page .recent-user .recipient-meta span:nth-child(2) {
  font-size: .7rem;
  color: #999;
  display: block;
}

.message-page .nav-pills .nav-link {
  border-radius: 0;
  padding: 0;
  position: relative;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  cursor: pointer;
}

.message-page .nav-pills .nav-link.active {
  box-shadow: none;
  border-left-color: #671cc9;
  background: #f4edfc;
}

.message-page .chat-body-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
}


.message-page .chat-body .divider-container {
  max-width: 100%;
}

.message-page .chat-body li {
  padding: .5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-body .avatar {
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
  z-index: 2;
  border-radius: 50%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  background-color: rgba(255, 255, 255, .9);
}

.chat-body .avatar img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .9);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}


.chat-body .self {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.chat-body .self .avatar {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.chat-body .self .msg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-right: 10px;
  min-width: 230px;
  max-width: 40%;
  position: relative;
}

.chat-body .self .msg .msg-inner {
  background: #e6e5ed;
  color: #283252;
  border-radius: 12px 0 12px 12px;
  padding: 12px;
}

.chat-body .self .msg time {
  display: block;
  text-align: left;
  font-size: .7rem;
  color: #a2a5b9;
  margin-top: 3px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.chat-body .self .msg p {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0;
  word-break: break-all;
}

.chat-body .other .msg p {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #a2a5b9;
  line-height: 1.5;
  margin-bottom: 0;
  word-break: break-all;
}

.chat-body .other .msg time {
  display: block;
  text-align: right;
  font-size: .7rem;
  color: #a2a5b9;
  margin-top: 3px;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.message-page .divider-container {
  max-width: 640px;
  margin: 0 auto;
}

.divider:before,
.divider:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.message-page .chat-body .divider-container .divider {
  text-align: center;
  margin: 1.5em auto 1em auto;
  width: 100%;
  position: relative;
}

.message-page .chat-body .divider {
  display: -webkit-box;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  color: #999;
  outline: none !important;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
}

.chat-body .divider-container .divider span:before,
.chat-body .divider-container .divider span:after {
  top: .9em;
  width: 43%;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.divider-container .divider span:before {
  width: 36%;
  display: block;
  position: absolute;
  left: 0;
  top: .9em;
  height: 1px;
  content: " ";
  border-top: 1px solid #ccc;
}

.divider-container .divider span:after {
  height: 1px;
  content: " ";
  border-top: 1px solid #ccc;
  width: 36%;
  display: block;
  position: absolute;
  right: 0;
  left: auto;
}


.message-page .chat-body .divider-container .divider span {
  color: #8f8d8d;
  font-weight: 400;
  text-transform: uppercase;
  font-size: .8rem;
  display: inline-block;
  margin-top: 1px;
  font-size: .8rem;
}

.message-page .tab-content>.active {
  /* height: 100vh; */
  position: relative;
}

.message-page .chat-body .divider-container .divider span:before {
  top: .9em;
  width: 43%;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.message-field-wrapper.side-collapsed {
  width: 100% !important;
  /* position: absolute; */
  display: inline-block;
}

.message-field-wrapper {
  position: absolute;
  bottom: -0.7rem;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  width: calc(100% - 320px);
  padding: 0 16px 17px 16px;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 2;
}

.message-field-wrapper .control {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}

.message-field-wrapper .control .send-message {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 11;
}

/* Push left from send button   Update By Prashant Tiwari. */
.message-field-wrapper .control .emoji-icon {
  position: absolute;
  top: 10px;
  right: 106px;
  z-index: 11;
}

.message-field-wrapper .control .emoji-icon .inner-position-relative .epr-main {
  right: 0;
  bottom: 2.5rem;
  box-shadow: 0px 4px 28px -11px #11111142;
  position: absolute;
  top: auto;
  height: 301px !important;
  width: 300px !important;
}

.message-field-wrapper .control .file-upload {
  position: absolute;
  top: 10px;
  right: 138px;
  z-index: 11;
}

.message-field-wrapper .control .send-message .button {
  height: 36px;
  cursor: pointer;
  min-width: 90px;
  background-color: #671cc9;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-radius: 40px;
  text-align: center;
  line-height: 36px;
  font-size: 15px;
}

.message-page .action-items .notfound {
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;


  margin-top: 0 !important;
}

.action-items {
  padding-top: 4rem;
  height: 100vh;
}

.is-new-conversation {
  padding: 0 9px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 4px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top: 1px solid rgba(0, 0, 0, .05);
  cursor: pointer;
}

.is-new-conversation .button {
  height: 34px !important;
  /* margin: 0 20px; */
  padding: 0px 11px 0px 18px;
  line-height: 34px;
  font-size: .74rem;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 999px;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #671cc9;
  border-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.is-new-conversation .button span {
  line-height: 1;
}

.is-new-conversation .button svg {
  height: 14px;
  width: 14px;
  margin-right: 4px;
  margin-left: -10px;
}

.is-raised:hover {
  opacity: .9;
  -webkit-box-shadow: 0 14px 26px -12px rgba(103, 28, 201, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(103, 28, 201, .2);
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(103, 28, 201, .2);
}

.chat-list .search-div {
  padding: 0 13px;
}

.chat-list .search-div input {
  width: 100%;
  height: 37px;
  border-radius: 44px;
  border: 1px solid #aeaeae40;
  padding: 0 11px;
  font-size: 13px;
  margin-bottom: 10px;
  background: #f2f2f2;
  color: black;
  font-weight: 400;
}

.create-new-wrap {
  height: 100%;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 15px 15px 15px 15px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.create-new-wrap .top-headingtitile {
  display: flex;
  justify-content: space-between;
  background: white;
  padding: 1.5rem 2rem;
  border-radius: 6px;
  align-items: flex-start;
}

.create-new-wrap .top-headingtitile .main-detail {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.des-paragraph {
  font-size: 13px;
  margin-top: 0.5rem;
  color: #88898a;
  margin-bottom: 0;
}

.create-new-wrap .top-headingtitile .main-detail img.profilebg {
  width: 47px;
  height: 47px;
  background: #f9f6fd87;
  border-radius: 100%;
  object-fit: cover;
  border: 1.9px dashed #dfdfdf;
}

.create-new-wrap .top-headingtitile svg {
  color: #671cc9;
}

.create-new-wrap .top-headingtitile h3 {
  color: black;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 6px;
}

.create-new-wrap .top-headingtitile p.grp-info {
  display: flex;
  margin-bottom: 0;
}

.create-new-wrap .top-headingtitile span {
  font-size: 14px;
  color: #9e9e9e;
  margin-right: 16px;
  border-right: 2px solid #eaeaea;
  padding-right: 16px;
  display: flex;
  align-items: center;
}

.create-new-wrap .top-headingtitile span:nth-last-child(1) {
  border: none;
}

.create-new-wrap .top-headingtitile span img {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-right: 5px;
}

.create-new-wrap .top-headingtitile span b {
  color: #283252;
  font-weight: 500;
  font-size: .85rem;
}

.create-new-wrap .addnew-form {
  margin-top: 1rem;
  padding: 2rem;
  background: white;
  border-radius: 8px;
  text-align: center;
  min-height: 80vh;
}

.addnew-form .form-group {
  position: relative;
}

.addnew-form .form-group i {
  position: absolute;
  right: 1rem;
  top: 0rem;
  color: #969696;
}

.create-new-wrap .avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 8px auto 2rem;
}

.create-new-wrap .avatar-upload .avatar-edit {
  position: absolute;
  right: 20px;
  z-index: 1;
  top: 10px;
}

.create-new-wrap .avatar-upload .avatar-edit input {
  display: none;
}

.create-new-wrap .avatar-upload .avatar-edit input+label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}

.create-new-wrap .avatar-upload .avatar-edit input+label:hover {
  background: #ffffff;
  border-color: #671cc978;
}

.create-new-wrap .avatar-upload .avatar-edit input+label:after {
  content: "\f040";
  font-family: 'FontAwesome';
  color: #757575;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

.create-new-wrap .avatar-upload .avatar-preview {
  width: 170px;
  height: 170px;
  position: relative;
  border-radius: 100%;
  margin: auto;
  border: 2px dashed #dfdfdf;
}

.create-new-wrap .avatar-upload .avatar-preview>div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.create-new-wrap .form-control {
  background: #fff;
  border-bottom: 1px solid #30303033;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 5px 14px 5px 0;
  color: #000000;
  height: 42px;
  font-size: 15px;
  font-weight: 100;
  border-radius: 1px;
  margin-bottom: 0.5rem;
}

.create-new-wrap label {
  color: #2832528a;
  font-weight: 500;
  margin-bottom: 0;
  font-size: 0.9rem;
  display: block;
  text-align: left;
}

.create-new-wrap .member-list ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 6px;
  margin-top: 1rem;
  padding-bottom: 0.5rem;
  row-gap: 0px;
}

.create-new-wrap .member-list {
  border-bottom: 1px solid #30303033;
  position: relative;
}

.create-new-wrap .member-list ul li {
  border: 1.8px dashed #671cc9;
  padding: 4px 9px;
  border-radius: 33px;
  align-items: center;
  display: flex;
  gap: 5px;
}

.create-new-wrap .member-list ul li svg {
  color: #ffffff;
  cursor: pointer;
  background: #f28484;
  border-radius: 100%;
}

.form-checkcss {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 2rem;
}

.form-checkcss input {
  width: 20px;
  height: 20px !important;
  margin-bottom: 0 !important;

}

.create-new-wrap .member-list .add-membersvg {
  position: absolute;
  top: -17px;
  right: 0;
}

.create-new-wrap .member-list .add-membersvg svg {
  color: #671cc9;
  width: 25px;
  height: 25px;
}

.create-new-wrap .member-list ul li img {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 0px;

}

.create-new-wrap .member-list ul li span {
  font-size: 0.8rem;
  color: #4d5168;
}

.actions-btn {
  margin-top: 2rem;
  text-align: right;
}


.create-new-wrap .grpmember-list .add-membersvg {
  position: absolute;
  top: 9px;
  right: 0;
}

.create-new-wrap .grpmember-list .add-membersvg svg {
  color: #671cc9;
  width: 25px;
  height: 25px;
}

.create-new-wrap .grpmember-list ul li img {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 0px;

}

.create-new-wrap .grpmember-list ul li span {
  font-size: 0.8rem;
  color: #4d5168;
}

.create-new-wrap .grpmember-list ul li span span {
  color: #7d2fe2;
  margin-left: 8px;
}

.create-new-wrap .grpmember-list ul li span span span {
  background: #671cc9;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 4px;
  border-radius: 100%;
  margin-bottom: 2px;
}

.create-new-wrap .grpmember-list ul {

  margin-top: 1rem;
  padding-bottom: 0.5rem;
}

.create-new-wrap .grpmember-list {
  position: relative;
}

.create-new-wrap .grpmember-list ul li {
  border: 1.5px dashed #a19fa3;
  background: #f4edfc6e;
  padding: 10px 9px;
  border-radius: 7px;
  align-items: center;
  display: flex;
  gap: 5px;
  margin-bottom: 13px;
  justify-content: space-between;
}

.create-new-wrap .grpmember-list ul li .grp-member-actions a {
  background: #7e7e7e;
  font-size: 12px;
  color: white;
  padding: 4px 11px;
  border-radius: 22px;
  margin-left: 4px;
}

.create-new-wrap .grpmember-list ul li .grp-member-actions a.make-admin {
  background: #dddddd1a;
  color: #0eb090;
  border: 1px solid #0fc3a5;
}

.create-new-wrap .grpmember-list ul li .grp-member-actions a.remove {
  background: #ffebeba1;
  border: 1px solid #ff0505ad;
  color: red;
}

.create-new-wrap .grpmember-list ul li .grp-member-actions a.remove-asadmin {
  background: #0eb090;
  color: #fff;
  border: 1px solid #0fc3a5;
}

.create-new-wrap .grpmember-list ul li svg {
  margin-right: 5px;
  cursor: pointer;
}

.member-count {
  font-size: 14px;
  font-weight: 700;
  float: right;
  color: #671cc9;
}

.create-new-wrap .form-group p {
  font-size: 15px;
  font-weight: 100;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

/* message-module css end */

.legal-infodetail .card {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  background: white;
  padding: 17px 30px 33px;
}

.legal-infodetail {
  margin-top: 2rem;
}

.about-orggenie {
  margin-top: 1rem;
}

.about-orggenie .card {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  background: white;
  padding: 2rem 2rem 3rem;
}

.about-orggenie .heading-text h1 {
  font-size: 30px;
  color: #092048;
  font-weight: 800;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}

.about-orggenie .heading-text p {
  font-size: 16px;
  padding-right: 1rem;
  line-height: 1.5;
}

.about-orggenie .buttons a {
  color: white;
  border: none;
  width: max-content;
  display: block;
  height: 40px;
  border-radius: 6px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 17px;
  background: #671cc9;
  margin-left: 0px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  line-height: 40px;
}

/* .about-orggenie .buttons a.first {
  background: #671cc9;
  border: 1px solid #671cc9;
  color: white;
} */

/* .about-orggenie .buttons a.second {
  background: #ffffff;
  border: 1px solid #671cc9;
  color: #671cc9;
} */

.about-orggenie .title-head {
  text-align: center;
  margin-bottom: 3rem;
}

.about-orggenie .title-head h4 {
  font-size: 24px;
  color: black;
  font-weight: 800;
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
}

.feature-content svg {
  background: #671cc91f;
  color: #671cc9;
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 100%;
  margin-bottom: 9px;
}

.feature-content h4 {
  font-size: 16px;
  color: black;
  font-weight: 600;
}

.feature-content p {
  color: #747990;
  line-height: 1.4;
}

.list-content svg {
  width: 27px;
  height: 27px;
  padding: 0;
  margin-bottom: 9px;
}

.list-content h4 {
  font-size: 16px;
  color: black;
  font-weight: 600;
}

.list-content p {
  color: #747990;
  line-height: 1.4;
}

.row-gap50 {
  row-gap: 50px;
}


.testimonial-content svg {
  background: #671cc91f;
  color: #671cc9;
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 100%;
  margin-bottom: 9px;
}

.testimonial-content h4 {
  font-size: 17px;
  color: black;
  font-weight: 600;
  margin-bottom: 0;
}

.testimonial-content p {
  color: #747990;
  line-height: 1.4;
}

.testimonial-content span {
  font-size: 13px;
  color: #671cc9;
}

.testimonial-content {
  text-align: center;
  border: 2px dashed #00000057;
  padding: 2rem;
  border-radius: 12px;
}

.testimonial-content img {
  width: 70px;
  height: 70px;
  margin-bottom: 1rem;
  border-radius: 100%;
  filter: grayscale(1);
}

.about-orggenie .image {
  height: 333px;
  margin-bottom: 2rem;
}

.about-orggenie .image img {
  height: 100%;
  margin: auto;
  text-align: center;
  display: block;
}

.about-orggenie button.action-btn {

  color: white;
  border: none;
  width: max-content;
  display: block;
  height: 40px;
  border-radius: 6px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-size: 12px;
  padding: 0px 17px;
  background: #671cc9;
  margin-left: 0px;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  line-height: 40px;
  margin: auto;
}

.refer-us-content {
  position: relative;
  text-align: center;
  /* background: #f6f6f6; */
  padding: 2rem;
  border-radius: 12px;
}

.refer-us-content .sidebg {
  position: absolute;
  right: 0;
  width: 65%;
  top: 0;
}

.refer-us-content svg {
  background: #671cc91f;
  color: #671cc9;
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 100%;
  margin-bottom: 9px;
}

.refer-us-content h4 {
  font-size: 16px;
  color: black;
  font-weight: 600;
  margin-bottom: 0;
}

.refer-us-content p {
  color: #747990;
  line-height: 1.4;
  width: 80%;
  margin: auto;
  margin: 1rem auto 1rem;
  font-size: 16px;
}

.refer-us-content span {
  font-size: 14px;
  color: #671cc9;
}



.refer-us-content h2 {
  color: black;
  font-weight: 800;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}

.refer-us-content img {
  width: 72px;
  /* height: 70px; */
  margin-bottom: 1rem;
}

.panel-heading {
  padding: 0;
  border: 0;
}

.panel-title>a,
.panel-title>a:active {
  display: block;
  padding: 15px;
  color: #555;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 3px;
  text-decoration: none;
}

.panel-heading a:before {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  transition: all 0.5s;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.acc-head {
  display: grid;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  padding: .7rem;
  border-radius: 7px;
  border: 1px dashed #671cc9;
  grid-template-columns: auto 1fr auto auto;
  gap: 10px;

}

.about-orggenie .accordian-content {
  box-shadow: 7px 8px 12px -8px #671cc930;
}

.acc-detailed {
  background: #fbfbfb;
  padding: 2rem;
  border-radius: 0px 0px 15px 15px;
  border: 1px dashed #671cc9;
  border-top: none;
}

.acc-head svg {
  background: #90909024;
  width: 33px;
  height: 33px;
  cursor: pointer;
  padding: 6px;
  border-radius: 100%;
  color: #671cc9;
  font-weight: 900;
}

.acc-head .actions-click {
  display: flex;
  gap: 9px;
  align-items: center;
}

.acc-head .actions-click span img {
  border-radius: 0;
  opacity: 0.9;
  max-width: 14px;
  min-width: 14px;
  padding: 0;
  margin-left: 6px;
  min-height: auto;
  border: none;
  cursor: pointer;
  display: none;
}

/* .acc-head span svg {
  background: #ff000012;
  color: #ec4119;
  padding: 8px;
  display: none;
  cursor: pointer;
} */

.acc-head:hover span img {
  display: block;
}

.acc-head h3 {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
  margin-bottom: 3px;
}

.acc-head img {
  width: 100%;
  max-width: 55px;
  min-width: 55px;
  padding: 7px;
  max-height: 55px;
  min-height: 55px;
  border-radius: 50%;
  border: 1px solid #ededed;
}

.acc-head p {
  margin-bottom: 0;
  margin-top: 0px;
  font-size: .85rem;
  color: #a2a5b9;
}

.acc-detailed ul li svg {
  margin-right: 9px;
  color: #671cc9;
}

.acc-detailed p {
  line-height: 24px;
  color: #283252;
  font-weight: 400;
}

.acc-detailed ul li {
  font-size: 15px;
  font-weight: 400;
  margin: 3px 0px;
  color: #9181a5;
  margin-bottom: 0.5rem;
}

.acc-detailed ul li b {
  color: black;
}

.add-versionform {
  background: #ffffff;
  padding: 2rem;
  border-radius: 7px;
  border: 1px dashed #671cc9;
}

.add-versionform .form-control {
  background: #fff;
  border: 1.455px solid #43434361;
  padding: 5px 20px;
  color: #6e6e6e;
  height: 43px;
}

.add-versionform .cover-form i {
  width: 31px;
  height: 31px;
  background: #90909024;
  color: #671cc9;
  border-radius: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 31px;
  /* line-height: 2.2; */
  margin-right: 11px;
}

.add-versionform .cover-form {
  background: white;
  padding: 5px;
  border-radius: 13px;
  display: grid;
  border: 1.455px solid #43434361;
  border-radius: 7px;
  display: flex;
  align-items: center;
}

.display-grid {
  display: grid;
  grid-template-columns: 1fr auto;
}

.version-des {
  font-family: 'Roboto';
  line-height: 22px;
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 0;
  color: #6f6f6f;
  width: 84%;
}

.about-version {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-color: #ffffff #eaeaea;
  scrollbar-width: none;
  height: 73vh;
}

.version-h2 {
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-size: 1.2rem;
  font-weight: 700;
}

.add-versionform .cover-form .form-control {
  border: none;
  padding: 8px 0px;
}

.savebutton {
  border: none;
  min-width: 100px;
  height: 38px;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-family: "Roboto", sans-serif;
  padding: 0px 14px;
  background-color: #671cc9;
  color: white;
  margin-left: 8px;
  font-weight: 500;
}

.declinebutton {
  border: none;
  min-width: 100px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-family: "Roboto", sans-serif;
  padding: 0px 14px;
  background-color: #a7a7a7;
  color: white;
  margin-left: 8px;
  font-weight: 500;
}

.backbutton {
  background: rgb(209, 209, 209);
  border: none;
  color: black;
  width: 150px;
  height: 35px;
  list-style: 35px;
  font-size: 13px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 10px;
  padding: 3px 24px;
  margin: 0px 5px;
}

.cancelbutton {
  border: none;
  min-width: 100px;
  height: 39px;
  font-size: 13px;
  line-height: 39px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  font-family: "Roboto", sans-serif;
  padding: 0px 14px;
  background-color: #ffffff;
  color: rgba(0, 0, 0, .7);
  margin-left: 8px;
  font-weight: 500;
}

.add-versionform label {
  text-transform: capitalize;
  font-family: "Montserrat", sans-serif;
  color: #283252;
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1;
  margin-bottom: 10px;
}

.following-list {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  background: white;
  padding: 2rem 2rem;
}

.following-list .notfound {
  background: transparent;
}

.following-list h2 {
  font-size: 20px;
  color: #000;
  align-items: center;
  text-transform: capitalize;
  display: flex;
  margin-bottom: 2rem;
}

.profile-module-follow .following-list ul li a img {
  width: 35px;
  height: 35px;
}

.following-list li {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #00000012;
  padding: 1rem 0;
}

.followers-list {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  background: white;
  padding: 3rem 5rem;
}

.followers-list li {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #00000012;
  padding: 1rem 0;
}

span.unreadcss {
  width: 8px;
  height: 8px;
  background: #43de43;
  border-radius: 100%;
  position: absolute;
  right: 3rem;
}

.follower-info span {
  color: black;
  font-size: 16px;
  font-weight: 500;
}

.follower-info p {
  font-weight: 400;
  display: block;
  font-size: 13px;
  color: #b7b1bf;
  margin-bottom: 0;
}

.followbtn {
  background: #ffffff;
  border: 1.6px solid #671cc9;
  color: #671cc9;
  padding: 6px 13px 6px 7px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}

.followbtn:hover {
  background: #671cc9;
  border: 1.6px solid #671cc9;
  color: #fff;
}

.followbtn-refresh {
  background: #ffffff;
  border: 1.6px solid #671cc9;
  color: #671cc9;
  padding: 6px 13px 6px 7px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}

.followbtn-refresh:hover {
  background: #671cc9;
  border: 1.6px solid #671cc9;
  color: #fff;
}

.followbtn-refresh {
  border: none;
  color: #ffffff;
  height: 29px;
  width: 29px;
  border-radius: 4px;
  /* border-bottom-left-radius: 14px; */
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 0px 0 1px;
  background: #909090;
  margin-left: 8px;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
}

.followingbtn {
  background: #671cc9;
  border: 1.6px solid #671cc9;
  color: #ffffff;
  padding: 6px 13px 6px 7px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}

.followingbtn:hover {
  background: #ec4119;
  border: 1.6px solid #ec4119;
  color: #fff;
}

.follower-action {
  display: grid;
  align-items: center;
  gap: 50px;
  grid-template-columns: auto 130px;
}

.follower-action p {
  margin-bottom: 0;
  font-size: 14px;
  color: #b7b1bf;
}

.follower-action p b {
  color: #626263;
}

.following-action {
  display: flex;
  align-items: center;
  gap: 9px;
  justify-content: end;
}

.following-action p {
  margin-bottom: 0;
  font-size: 14px;
  color: #b7b1bf;
}

.following-action p b {
  color: #626263;
}



.feed-comments-quote {
  margin-top: 0rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1.5rem 1fr;
  gap: 17px;
  margin-bottom: 0.5rem;
  background: white;
  border-left: 3px solid #671cc9;
  border-radius: 4px;
  padding: 8px 10px;
}

.quote-comment {
  position: relative;
  border-radius: 7px;
  border: none;
  cursor: pointer;
  font-size: 0.8125rem;
  margin: 0.6rem 0 0;
  padding: 11px 8px 5px;
  text-align: center;
  background: #f6f4f8;
}

.quote-comment:hover .feed-actions {
  display: block;
}

.quotecomment-reply {
  margin-top: 1rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1.5rem 1fr;
  margin-bottom: 0.5rem;
  cursor: pointer;
  position: relative;
  gap: 17px;
}

.quotecomment-reply img {
  border-radius: 100%;
  height: 27px;
  width: 27px;
}

.quotecomment-reply .bg-light {
  background-color: #ffffff00 !important;
}

.quotecomment-reply .comment-textdiv h6 a {
  color: #000000;
  font-weight: 200;
  font-weight: 700;
  font-size: 13px;
}

.quotecomment-reply .comment-textdiv p.small {
  font-size: 0.895em;
  font-weight: 400;
  color: #7b7b7b;
  margin-left: 0;
  margin-bottom: 8px;
  text-align: left;
}

.quotecomment-reply .comment-textdiv h6 {
  font-size: 15px;
  color: black;
  font-weight: 600;
}

.quotecomment-reply .comment-textdiv p.small {
  font-size: 0.895em;
  font-weight: 400;
  color: #7b7b7b;
  margin-left: 0;
  margin-bottom: 8px;
}

.quotecomment-reply p {
  margin-bottom: 0px;
  text-align: left;
}

.feed-comments-quote .comment-textdiv h6 {
  font-size: 15px;
  color: black;
  font-weight: 600;
}

.feed-comments-quote .comment-textdiv h6 a {
  color: #000000;
  font-weight: 200;
  font-weight: 700;
  font-size: 13px;
}

.feed-comments-quote .comment-textdiv p.small {
  font-size: 0.895em;
  font-weight: 400;
  color: #7b7b7b;
  margin-left: 0;
  margin-bottom: 8px;
  text-align: left;
}


.feed-comments-quote .comment-textdiv p {
  margin-bottom: 0;
  color: black;
}

.feed-comments-quote .rounded-start-top-0 {
  border-top-left-radius: 0 !important;
}

.feed-comments-quote .bg-light {
  background-color: #fff !important;
  /* border: 1px solid var(--bs-gray-400); */
}

.feed-comments-quote img {
  border-radius: 100%;
  /* height: 2rem; */
  width: 2rem;
}

.profile-module {
  background: white;
}

.profile-module .top-section-profile {
  padding: 2rem 4rem;
}

.profile-module .top-section-profile .avatar img {
  height: 90px;
  width: 90px;
  object-fit: cover;
  max-width: 90px;
  min-width: 90px;
}

.profile-module span.editprofile-admin img {
  border-radius: 0px !important;
}

.profile-module .detailed-section-profile {
  background: #eaeced;
  padding: 2rem 4rem;
}

.profile-module .media-flex-center .flex-meta span:first-child,
.media-flex-center .flex-meta>a:first-child {
  font-size: 21px;
  color: #671cc9;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.des-edit-icons {
  position: absolute;
  right: 0;
  top: 0;
}

.des-edit-icons img {
  cursor: pointer;
  width: 18px;
  opacity: 0.6;
  margin-left: 7px;
}

.des-edit-icons img:hover {
  opacity: 0.9;
}

.custom-modal-area .modal-header {
  border-radius: 11px;
  border-bottom: 2px dashed #8949cb;
  position: relative;
  height: 73px;
  background: #671cc91c;
}

.custom-modal-area .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0px;
}

.custom-modal-area .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -1.6rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 61px !important;
  height: 61px !important;
  border-radius: 100%;
  line-height: 61px;
  padding: 0px 15px;
  box-shadow: 3px 4px 43px -11px #0000004a;
}

.custom-modal-area .modal-body .form-label {
  padding-left: 9px;
}

.custom-modal-area .modal-body {
  padding: 2.5rem .7rem .6rem;
}

.custom-modal-area .modal-body .modal-title {
  margin-bottom: 0px;
  line-height: 1.4;
  font-size: 19px;
  font-weight: 600;
  color: #121212;
}

.custom-modal-area .cancelbtn-click,
.delete-holiday .cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 35px;
  line-height: 35px;
  border-radius: 35px;
}

.custom-modal-area .savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 35px !important;
  line-height: 35px;
  border-radius: 35px;
}

.delete-holiday .deletebtn-click {
  width: 140px;
  background: #ed452e;
  border: none;
  color: white;
  height: 35px !important;
  line-height: 35px;
  border-radius: 35px;
  font-size: 13px;
}

.custom-modal-area .modal-body p {
  font-size: 0.85rem;
  color: black;
  font-weight: 400;
  margin-top: 2px;
  line-height: 1.4;
}

.add-editbadge .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 82%;
  padding: 0 4px 0 14px !important;
  height: 39px !important;
  border-radius: 3px;
  border: 1.8px solid #000000;
  line-height: 39px;
  background: #ffffff;
  text-align: left;
  border-radius: 41px;
}

.add-editbadge .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
  background: transparent;
}

.add-editbadge .w-full span.p-dropdown-label.p-inputtext {
  font-size: 13px !important;
  color: #717171 !important;
  font-weight: 400 !important;
}

.add-editbadge .addcourseform .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 13px;
  color: black;
  letter-spacing: 0.3px;
  font-weight: 500;
}




.add-editexperience .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 82%;
  padding: 0 4px 0 14px !important;
  height: 39px !important;
  border-radius: 3px;
  border: 1.8px solid #000000;
  line-height: 39px;
  background: #ffffff;
  text-align: left;
  border-radius: 41px;
}

.add-editexperience .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
  background: transparent;
}

.add-editexperience .w-full span.p-dropdown-label.p-inputtext {
  font-size: 13px !important;
  color: #717171 !important;
  font-weight: 400 !important;
}

.add-editexperience .addcourseform .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: black;
  letter-spacing: 0.2px;
  font-weight: 700;
}

.add-editexperience .form-control {
  padding: 0 4px 0 14px !important;
  height: 39px;
  border-radius: 20px;
  border: 1.6px solid #b4b4b4;
  line-height: 39px;
}

.add-editexperience .p-inputswitch {
  width: 3.5rem !important;
  height: 1.75rem;
}

.add-editexperience .form-control.p-dropdown.p-component {
  display: inline-flex;
}

.add-editexperience .p-inputtext {
  background-color: transparent;
}


#add-education .add-editeducation .modal-header .img {
  padding: 0 2.5% 0px 2.5%;
}




.add-editeducation .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 82%;
  padding: 0 4px 0 14px !important;
  height: 39px !important;
  border-radius: 3px;
  border: 1.8px solid #000000;
  line-height: 39px;
  background: #ffffff;
  text-align: left;
  border-radius: 41px;
}

.add-editeducation .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
  background: transparent;
}

.add-editeducation .w-full span.p-dropdown-label.p-inputtext {
  font-size: 13px !important;
  color: #717171 !important;
  font-weight: 400 !important;
}

.add-editeducation .addcourseform .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: black;
  letter-spacing: 0.2px;
  font-weight: 700;
}

.add-editeducation .form-control {
  padding: 0 4px 0 14px;
  height: 39px;
  border-radius: 20px;
  border: 1.6px solid #686868;
  line-height: 39px;
  font-weight: 400;
  color: black;
  font-size: 13px;
}

.add-editeducation .form-control {
  border: 1.6px solid #b4b4b4;
}

.add-editeducation textarea {
  padding: 11px !important;
}

.add-editeducation .p-inputswitch {
  width: 3.5rem !important;
  height: 1.75rem;
}

.add-editeducation .form-control::placeholder {
  color: #919191;
}


.add-editaward .modal-header {
  border-radius: 11px;
  border-bottom: 2px dashed #8949cb;
  position: relative;
  height: 100px;
  background: #671cc91c;
}

.add-editaward .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.add-editaward .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 2.5% 0px 2.5%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.add-editaward .loadresumes {
  background: #f2f2f200;
  padding: 2%;
  text-align: center;
  display: block;
  border-radius: 18px;
  border: 2px dashed #c0bfbf;
  height: auto;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  cursor: pointer;
  display: block;
}

.add-editcertificate .loadresumes {
  background: #f2f2f200;
  padding: 2%;
  text-align: center;
  display: block;
  border-radius: 18px;
  border: 2px dashed #c0bfbf;
  height: auto;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  cursor: pointer;
  display: block;
}

.add-editaward .modal-body {
  padding: 3rem 2rem 1rem;
}

.add-editaward .modal-body .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
  font-weight: 600;
  color: black;
}

.add-editaward .cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 33px;
  line-height: 33px;
  border-radius: 35px;
}

.add-editaward .savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px;
}

.add-editaward .modal-body p {
  font-size: 0.88rem;
  color: black;
  font-weight: 400;
  margin-top: 5px;
}

.add-editaward .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 82%;
  padding: 0 4px 0 14px !important;
  height: 39px !important;
  border-radius: 3px;
  border: 1.8px solid #000000;
  line-height: 39px;
  background: #ffffff;
  text-align: left;
  border-radius: 41px;
}

.add-editaward .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
  background: transparent;
}

.add-editaward .w-full span.p-dropdown-label.p-inputtext {
  font-size: 13px !important;
  color: #717171 !important;
  font-weight: 400 !important;
}

.add-editaward .addcourseform .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: black;
  letter-spacing: 0.2px;
  font-weight: 700;
}

.add-editaward .form-control {
  padding: 0 4px 0 14px !important;
  height: 39px;
  border-radius: 20px;
  border: 1.6px solid #b4b4b4;
  line-height: 39px;
}

.add-editaward .p-inputswitch {
  width: 3.5rem !important;
  height: 1.75rem;
}

.form-control::placeholder {
  color: #919191;
}

.add-editaward .loadresumes .inner img {
  display: block;
  margin: 2rem auto;
  filter: none;
  width: 68px;
}












.add-editcertificate .modal-header {
  border-radius: 11px;
  border-bottom: 2px dashed #8949cb;
  position: relative;
  height: 100px;
  background: #671cc91c;
}

.add-editcertificate .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.add-editcertificate .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 2.5% 0px 2.5%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

.add-editcertificate .modal-body {
  padding: 3rem 1rem 1rem;
}

.add-editcertificate .modal-body .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
  font-weight: 600;
  color: black;
}

.add-editcertificate .cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 33px;
  line-height: 33px;
  border-radius: 35px;
}

.add-editcertificate .savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px;
}

.add-editcertificate .modal-body p {
  font-size: 0.88rem;
  color: black;
  font-weight: 400;
  margin-top: 5px;
}

.add-editcertificate .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  width: 82%;
  padding: 0 4px 0 14px !important;
  height: 39px !important;
  border-radius: 3px;
  border: 1.8px solid #000000;
  line-height: 39px;
  background: #ffffff;
  text-align: left;
  border-radius: 41px;
}

.add-editcertificate .w-full.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled span.p-dropdown-label.p-inputtext {
  color: white;
  background: transparent;
}

.add-editcertificate .w-full span.p-dropdown-label.p-inputtext {
  font-size: 13px !important;
  color: #717171 !important;
  font-weight: 400 !important;
}

.add-editcertificate .addcourseform .form-label {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  font-size: 12px;
  color: black;
  letter-spacing: 0.2px;
  font-weight: 700;
}

.add-editcertificate .form-control {
  padding: 0 4px 0 14px !important;
  height: 39px;
  border-radius: 20px;
  border: 1.6px solid #b4b4b4;
  line-height: 39px;
}

.add-editcertificate .p-inputswitch {
  width: 3.5rem !important;
  height: 1.75rem;
}

.form-cocertificate::placeholder {
  color: #919191;
}

.add-editcertificate .loadresumes .inner img {
  display: block;
  margin: 2rem auto;
  filter: none;

  height: 100%;
}

img.message-userprofile {
  position: absolute;
  width: 37px;
  height: 37px;
  left: 7px;
  top: 6px;
  z-index: +9;
  border-radius: 100%;
}

.certificate-profilesection .recommendations-wrapper .recommendations-item {
  width: calc(33% - 16px);
  margin: 8px;
  background: #ffffff;
  border: 2px dashed #00000061;
  text-align: center;
  padding: 9px 8px;
  border-radius: 18px;

}

.certificate-profilesection .recommendations-wrapper .recommendations-item p {
  font-size: .7rem;
  margin-bottom: 8px;
  color: white;
  display: -webkit-box;
  -webkit-line-clamp: none;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.certificate-profilesection .overlay-layer .overlay-content .inner-content {
  padding: 11px;
}

.certificate-profilesection .overlay-content .inner-content .media-title {
  /* font-family: "Montserrat", sans-serif; */
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  color: #fcfcfc !important;
  margin-bottom: 0px !important;
}

.certificate-profilesection .item-overlay {
  background: -webkit-gradient(linear, left bottom, left top, from(#161616), to(rgba(255, 0, 0, 0)));
  background: linear-gradient(to top, #021331db, rgba(255, 0, 0, 0));
}

.certificate-profilesection .media-meta .separator {
  padding: 0 5px;
}

.kudos-listdiv {
  display: grid;
  grid-template-columns: 43px 1fr;
  gap: 11px;
  margin-bottom: 5px;

  cursor: pointer;
}

.kudos-listdiv img {
  width: 43px;
  height: 43px;
  border: 2px dashed #7e57c2;
  padding: 3px;
}

.kudos-listdiv h4 {
  line-height: 1;
  margin-bottom: 0;
  font-weight: 650;
  color: black;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
}

/* .kudos-wrapper {
  padding: 1rem 0 0;
} */
.kudos-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 25px;
  margin-top: 17px;
}

.kudos-item {
  width: 100%;

}

.kudos-listdiv p {
  margin-bottom: 0;
}

.kudos-listdiv .appre-p {
  margin-bottom: 7px;
  font-size: 13px;
  color: black;
  margin-top: 0px;
}

.kudos-listdiv span {
  font-size: 12px;
  color: #a2a5b9;
}

.kudos-item .skill-actionbtn {
  display: none;
}

.kudos-item:hover .skill-actionbtn {
  display: block;
}

.activities .atag {
  display: flex;
  grid-template-columns: 100px 1fr;
  gap: 10px;


}

.activities .atag .thankuimg0 {
  height: 100px !important;
  width: 100px !important;
  object-fit: cover;
  margin-bottom: 0 !important;
  min-width: 100px;
}

.view-allactivity {
  position: absolute;
  right: 0;
  color: #671cc9;
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}

.activities .social-count {
  display: flex;
}

.activities .social-count svg {
  margin-right: 3px;
  vertical-align: middle;
  width: 15px;
  color: #a8a9a9;
}

.activities .likes-count {
  margin-right: 8px;
}

.activities .project-1 {
  background: #fff;
  padding: 8px;
  border-radius: 13px;
  border: 1px dashed #00000061;
  position: relative;
}

.activities .project-1 .post-text p {
  margin-bottom: 0px;
  font-size: 13px;
  color: black;
}

.activities strong {
  color: #092048;
  font-weight: 650;
  font-size: 13px;
  margin-bottom: 5px;
  display: block;
  font-family: "Montserrat", sans-serif;
}

.fc.fc-media-screen.fc-direction-ltr.fc-theme-standard {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e5e5e5;
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  transition: all .3s;
  border-radius: 12px;
  padding: 16px;
}

.fc .fc-scroller table {
  margin-left: 0em;
  margin-right: 0em;
}

tr.fc-scrollgrid-section.fc-scrollgrid-section-header {
  background: #f6f6f6;
}

.fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 2px 4px;
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
}

.fc .fc-daygrid-day-number {
  padding: 12px;
  position: relative;
  z-index: 4;
  font-size: 14px;
  font-weight: 600;
  color: #787878;
}

table.fc-scrollgrid-sync-table {
  width: 1216px;
  height: 610px !important;
}

.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,
.fc-scrollgrid,
table {
  border-color: #ebedf3;
  margin-left: 0em;
  margin-right: 0em;
}

.fc .fc-daygrid-day-top {
  display: flex;
  flex-direction: column;
}

.w-time {
  width: 30%;
}

.w-time .timeline-month {
  height: 40px;
  width: 100%;
  align-items: center;
}

.w-time .timeline-month img {
  width: 24px;
}

.start-chart-profile .image {
  width: 80px;
  height: 80px;
  margin: auto auto 10px;
}

.start-chart-profile .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1.8px dashed #671cc952;
  padding: 8px;
}

.start-chart-profile p {
  font-size: 18px;
  margin-bottom: 2px;
  font-weight: 500;
  color: black;
  text-transform: capitalize;
}

.start-chart-profile span {
  color: #b5b4b4;
  font-size: 16px;
  font-weight: 400;
}


.top-message-header {
  background: #ffffff;
  z-index: +1;
  padding: 1rem;
  box-shadow: 12px 0px 19px -13px #0000004f;
  position: fixed;
  top: 0;
  width: 100%;
}

.others-name {
  font-size: 13px;
  font-weight: 500;
  display: block;
}

button.disabled {
  pointer-events: none;
  /* Prevents clicking */
  opacity: 0.5;
  /* Visually indicates it's disabled */
}

/* Optional: If you want to style the disabled button with a different look */
button.disabled span {
  color: #ccc;
  /* Change text color */
}

button.disabled svg {
  stroke: #ccc;
  /* Change icon color */
}

.org-table .title-text h3 {
  margin-bottom: 0;
}

.org-table .title-text button {
  position: inherit;
}

.org-table .table thead th {
  padding: 0.5rem 1.5rem;
  border-bottom: 2px solid #e5e7eb;
  text-transform: capitalize;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-color: #F0F0F0 !important;
  color: #4c0e9c;
  background: #671cc90f;
  transition: box-shadow 0.2s;

}

.org-table .table thead th:nth-last-child(1) {
  border-top-right-radius: 12px;
}

.org-table .table thead th:nth-child(1) {
  border-top-left-radius: 12px;
}

.org-table table {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}


.org-table .col-md-12.column {
  border-radius: 12px;
  border: 1px solid #00000029;
  padding: 0;
}

.org-table .table> :not(:first-child) {
  border-top: 0px solid currentColor;
}

.org-table input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 5px rgb(253 253 253 / 50%);
  box-shadow: 0px 6px 6px -8px rgb(255 255 255 / 50%);
  background-color: white;
  border-color: #80bdff !important;
}

.org-table .table.table-hover tr:hover {
  background-color: #f2f4fa00;
}

.org-table .table tbody tr td {
  white-space: nowrap;
  padding: 0.5rem 1.5rem;
}

.org-table .set-pro-width {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.org-table .set-icon-width {
  width: 20px;
  height: 20px;
}

.inValidError {
  color: #f4380c;
  font-size: 15px;
  font-style: normal;
}



#alternative-contact .add-editexperience .modal-header .img {
  padding: 0 2.5% 0px 2.5%;
}

#alternative-contact .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#alternative-contact .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#alternative-contact .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#alternative-contact .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#alternative-contact .modal-footer {
  padding: 0.5rem 1.875rem 0rem;
}



#alternative-contact .modal-content {
  border-radius: 0.5rem;
}


#alternative-contact .modal-header {
  border-radius: 11px;
  border-bottom: 2px dashed #8949cb;
  position: relative;
  height: 100px;
  background: #671cc91c;
}

#alternative-contact .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

#alternative-contact .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 4% 0px 4% !important;
  box-shadow: 3px 4px 43px -11px #00000024;
}

#alternative-contact .modal-body {
  padding: 3rem 2rem 1rem;
}

#alternative-contact .cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 33px;
  line-height: 33px;
  border-radius: 35px;
}

#alternative-contact .savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px;
}



#org-info .add-editexperience .modal-header .img {
  padding: 0 2.5% 0px 2.5%;
}

#org-info .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#org-info .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#org-info .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}

#org-info .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 700;
  color: black;
}

#org-info .modal-footer {
  padding: 0.5rem 1.875rem 0rem;
}



#org-info .modal-content {
  border-radius: 0.5rem;
}


#org-info .modal-header {
  border-radius: 11px;
  border-bottom: 2px dashed #8949cb;
  position: relative;
  height: 100px;
  background: #671cc91c;
}

#org-info .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}

#org-info .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 4% 0px 4% !important;
  box-shadow: 3px 4px 43px -11px #00000024;
}

#org-info .modal-body {
  padding: 3rem 2rem 1rem;
}

#org-info .cancelbtn-click {
  width: 140px;
  background: #e7e7e7;
  border: none;
  color: #000;
  height: 33px;
  line-height: 33px;
  border-radius: 35px;
}

#org-info .savebtn-click {
  width: 140px;
  background: #671cc9;
  border: none;
  color: white;
  height: 33px !important;
  line-height: 33px;
  border-radius: 35px;
}


#edit-basic-info .add-editexperience .modal-header .img {
  padding: 0 2.5% 0px 2.5%;
}

#edit-basic-info .btn.btn-danger {
  background-color: #f74e27;
  border-color: #f74e27;
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
}

#edit-basic-info .btn.btn-primary {
  color: #ffffff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  background: #9ef0ed;
  border-color: #9ef0ed;
}

#edit-basic-info .addcourseform {
  margin-top: 2rem;
  padding: 0 1rem;
}



#edit-basic-info .check-gender .inner {
  border: 1.6px solid #b4b4b4;
  cursor: pointer;
  background: white;
  padding: 8px 10px;
  border-radius: 39px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.error-wrapper {
  max-width: 840px;
  margin: 0 auto;
  padding-top: 70px;
}

.error-wrapper .error-inner {
  position: relative;
  max-width: 540px;
  margin: 0 auto;
}

.error-wrapper .error-inner .bg-number {
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: -58px;
  left: -50px;
  right: 0;
  margin: 0 auto;
  font-size: 22rem;
  font-weight: 600;
  opacity: .15;
  z-index: 0;
}

.error-wrapper .error-inner img {
  display: block;
  width: 270px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.error-wrapper .error-inner h3 {
  font-size: 26px;
  color: #474747;
  font-weight: 700;
  margin-top: 25px;
  position: relative;
  z-index: 1;
}

.error-container .error-wrapper .error-inner p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

.error-wrapper .error-inner .button-wrap {
  position: relative;
  z-index: 1;
  min-width: 220px;
  min-height: 50px;
}

.error-wrapper .error-inner .button-wrap a {
  width: fit-content;
  background: #671cc9;
  padding: 0 20px;
  border: none;
  color: white;
  height: 38px !important;
  line-height: 38px;
  border-radius: 3px;
  display: block;
  margin: auto;
  box-shadow: 0 14px 26px -12px rgba(103, 28, 201, .42), 0 4px 23px 0px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(103, 28, 201, .2);

}

.profile-module-follow {
  background: #e6e8e9;
  min-height: 100vh;
  height: 100%;
}

.profile-module-follow .top-section-profile {
  padding: 2rem 4rem;
  background: white;
}

.profile-module-follow .detailed-section-profile {
  background: #eaeced;
  padding: 2rem 4rem;
}

.profile-module-follow .media-flex-center .flex-meta span:first-child,
.media-flex-center .flex-meta>a:first-child {
  font-size: 21px;
  color: #671cc9;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.follows-uppage {
  box-shadow: 4px 4px 45px -16px rgb(82 63 105 / 19%);
  border-radius: 1rem;
  background: white;
  padding: 1.8rem 3rem;
}

.follows-uppage .notfound {
  background-color: transparent;
}

div#pr_id_4_content {
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  outline: 0;
  padding: 0.5rem;
}

.follows-uppage .list-group-item {
  border: 0;
  border-bottom: 1px solid #00000014;
  padding: 1rem 0;
}

.follows-uppage .list-group-item a img {
  height: 35px;
  width: 35px;
}

.follows-uppage .list-group-item a {
  color: #4b4b4b;
  font-size: 16px;
}

.follows-uppage .list-group-item svg {
  padding: 9px 5px;
  height: 34px;
  border-radius: 100%;
  background: #671cc912;
  width: 34px;
  color: #671cc9;
  line-height: 23px;
}

.total-likesmodal .modal-header h5 {
  line-height: 1.5;
  font-size: 21px;
  font-weight: 500;
  color: black;
}


.total-likesmodal .modal-header {
  border-radius: 0;
  border-bottom: 0px dashed #8949cb;
  position: relative;
  /* height: 56px; */
  /* background: #671cc91c; */
  padding: 18px 20px 0;
}

.total-likesmodal .modal-header .backimg {
  position: absolute;
  right: 0;
  bottom: 0;
}


.total-likesmodal .modal-header .img {
  position: absolute;
  /* top: 0; */
  right: 0;
  left: 0;
  bottom: -2rem;
  margin: auto;
  text-align: center;
  background: #ffffff;
  width: 80px !important;
  height: 80px !important;
  border-radius: 100%;
  line-height: 79px;
  padding: 0 4% 0px 4%;
  box-shadow: 3px 4px 43px -11px #00000024;
}

/* .total-likesmodal .modal-header .img {
  padding: 0 2.5% 0px 2.5%;
} */

.total-likesmodal .modal-body {
  padding: 1rem 0rem 0rem;
}

.total-likesmodal .modal-body .modal-title {
  margin-bottom: 1rem;
  line-height: 1.5;
  font-size: 21px;
  font-weight: 500;
  color: #000000;
}


.total-likesmodal .modal-body p {
  font-size: 0.88rem;
  color: black;
  font-weight: 400;
  margin-top: 5px;
}

.report-search {
  display: flex;
  gap: 10px;
  align-items: center;
}

.report-search button {
  background: #671cc9;
  color: white;
  padding: 0 20px;
  height: 40px;
  border-radius: 6px;
  border: none;
  font-size: 13px;
  font-weight: 500;
}

.detail.org-table .pi {
  font-size: 0.8rem;
}

.detail.org-table .p-button.p-button-icon-only {
  width: 2rem;
}

.detail.org-table .p-button.p-button-text {
  background-color: transparent;
  color: #a5a5a5;
}

.detail.org-table .p-button.p-button-text:hover {
  color: #7430cd;
}

.detail.org-table span.p-button-icon.p-c.pi.pi-trash {
  color: #ec4119;
}

.detail.org-table .p-paginator .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  display: none;
}

.p-button-text .p-tooltip-text {
  background-color: red !important;
}

.search-grpname {
  padding: 0 8px !important;
  border: 1px solid #0000002e !important;
  font-size: 13px !important;
  color: #8f8f8f !important;
  height: 32px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  width: 193px !important;
  margin-left: inherit !important;
}

.image-content {
  margin: auto;
  width: 113px;
  position: relative;
}

.detailed-section-profile .col-md-4#info .col-xl-12:nth-last-child(1) {
  position: sticky;
  top: 16px;
}

.assessment-block {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  border-radius: 12px;
  background: white;
      padding: 1.3rem;
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid #e5e5e5;
}

.assessment-block .illustration-header00 .header-meta h3 {
  font-size: 19px;
  margin: 0% 0 0px;
  color: #092047;
  font-weight: 900;
}

.assessment-detail-block .illustration-header00 .header-meta h3 {
  font-size: 20px;
  margin: 0% 0 11px;
  color: #092047;
  font-weight: 900;
  border-bottom: 2.5px dotted #631bc1;
  width: max-content;
  padding-bottom: 7px;
}

.assessment-detail-block .illustration-header00 .header-meta .summary-stats .summary-stat span:first-child {
  font-size: 14px;
  color: #283252;
  display: block;
  font-weight: 600;
  /* font-family: "Montserrat", sans-serif; */
}

.assessment-questions .illustration-header00 .header-meta h3 {
  font-size: 17px;
  margin: 0% 0 0px;
  color: #092047;
  font-weight: 900;
}

.assessment-questions {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  border-radius: 5px;
  background: white;
  padding: 1rem 2rem;
  position: relative;
  margin-bottom: 0rem;
  border: 1px solid #e5e5e5;
}

.assessment-questions .questions-list {
  margin-top: 1rem;

}

.assessment-questions .questions-list .list-number {
  display: grid;
  grid-template-columns: 1fr auto auto;
  /* border: 1.6px dotted #671cc9; */
  padding: 1.1rem;
  background: #f4edff9e;
  align-items: center;
  border-radius: 12px;
  margin-bottom: 12px;
  font-size: 13px;
  gap: 25px;


}

.assessment-questions .questions-list .list-number .question-action {
  display: flex;
  gap: 9px;
}

.assessment-questions .questions-list .list-number .question-action svg {
  width: 13px;
  height: 13px;
  opacity: 0.7;
  cursor: pointer;
}

.assessment-questions .questions-list .list-number h5 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  color: black;
}

.assessment-questions .questions-list .list-number h5 span {
  background: #e1e1e1;
  width: 27px;
  height: 27px;
  display: inline-block;
  line-height: 27px;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  border-radius: 100%;
  margin-right: 8px;
}

.assessment-questions .questions-list .list-number p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  background: #0ec18a;
  padding: 3px 12px;
  border-radius: 24px;
}

.assessment-questions-for-emp .illustration-header00 .header-meta h3 {
  font-size: 17px;
  margin: 0% 0 0px;
  color: #092047;
  font-weight: 900;
}

.assessment-questions-for-emp {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  border-radius: 5px;
  background: white;
  padding: 1rem 2rem;
  position: relative;
  margin-bottom: 0rem;
  border: 1px solid #e5e5e5;
}

.assessment-questions-for-emp .questions-list {
  margin-top: 1rem;
  display: block;
}

.assessment-questions-for-emp .questions-list .list-number {
  display: grid;
  grid-template-columns: 1fr auto 20px;
  /* border-right: 2.6px solid #671cc9; */
  padding: 1.1rem;
  background: #e0cffa9e;
  align-items: center;
  border-radius: 12px;
  margin-bottom: 6px;
  font-size: 13px;
  gap: 10px;


}

.qa-for-emp {
  padding: 0rem;
  border-radius: 12px;
  /* background: #f9f6fd; */
  margin-bottom: 2rem;
}

.qa-for-emp .textbox textarea.form-control {
  border: 2px dotted #0000005c;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 400;
  color: black;
  padding: 1rem;
}

.assessment-questions-for-emp .questions-list .list-number .question-action {
  display: flex;
  gap: 9px;
}

.assessment-questions-for-emp .questions-list .list-number .question-action svg {
  width: 13px;
  height: 13px;
  opacity: 0.7;
  cursor: pointer;
}

.assessment-questions-for-emp .questions-list .list-number h5 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  color: black;
}

.assessment-questions-for-emp .questions-list .list-number h5 strong {
  display: block;
  font-size: 17px;
  font-weight: 500;
  margin: 1rem 0;
  color: black;
}

.assessment-questions-for-emp .textbox-for-reviewer {
  display: grid;
  grid-template-columns: 1fr 100px;
  gap: 11px;
}

.assessment-questions-for-emp p.title {
  font-size: 13px;
  color: #7a7a7a;
  margin-top: 1rem;
  font-weight: 400;
  margin-bottom: 6px;
}

.assessment-questions-for-emp p.title img {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  object-fit: cover;
  border-radius: 100%;
}

.assessment-questions-for-emp .textbox-for-reviewer textarea {
  border: 2px dotted #0000005c;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 400;
  color: black;
  height: 80px;
  padding: 1rem;
}

.assessment-questions-for-emp .textbox-for-reviewer input {
  border: 2px dotted #0000005c;
  border-radius: 11px;
  font-size: 23px;
  font-weight: 700;
  color: black;
  padding: 1rem;
  height: 80px;
  text-align: center;
}

.assessment-questions-for-emp .questions-list .list-number h5 span {
  background: #7d7d7d;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  border-radius: 100%;
  margin-right: 8px;
}

.assessment-questions-for-emp .questions-list .list-number p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  background: #0ec18a;
  padding: 3px 12px;
  border-radius: 24px;
}

.assessment-block:hover {
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, .06);
}

.assessment-detail-block .illustration-header00 .header-meta .summary-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0 0;
  margin-top: 1rem;
  border-top: 1.5px dashed #0000006b;
}

.first-divblock {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.assessment-module .review-step {
  background: white;
  border-radius: 11px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  border: 1px solid #e5e5e5;
}

.assessment-module .row.sidecarddd {
  position: sticky;
  top: 16px;
}

.assessment-module .status-category {
  font-weight: 500;
  font-size: .8rem;
  font-family: "Montserrat", sans-serif;
  color: #969cc7;
  margin-bottom: 6px;
}

.assessment-module .review-step img {
  max-width: 100%;
  width: 100%;
  border-radius: 15px;
  margin-bottom: 1rem;
}

.assessment-module .review-step h4 {
  font-weight: 600;
  font-size: .95rem;
  font-family: "Montserrat", sans-serif;
  color: #283252;
}

.assessment-module .review-step p {
  font-size: 0.85rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #a2a5b9;
}

.assessment-module .review-step span {
  position: absolute;
  left: 1rem;
  top: 1rem;
  background: #54B39B;
  padding: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: white;
  font-size: 13px;
  border-radius: 6px;
  font-weight: 600;
}

.assessment-tabs {
  background: white;
  padding: 0.3rem 1rem;
  border-radius: 12px;
}

.assessment-tabs .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #671cc9;
  border-bottom: 3px solid #7123c9;
  border-color: #ffffff #ffffff #fff;
  border-radius: 0;
  font-weight: 500;
  font-size: 15px;
}

.assessment-tabs .nav-tabs .nav-link {
  margin: 0;
  font-size: 15px;
  color: #a2a5b9;
}

.assessment-tabs .nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #fff;
  isolation: isolate;
  border-radius: 0;
  color: black;
  font-weight: 500;
}

.assessment-tabs .nav-tabs {
  border-bottom: 0px solid #dee2e6;
}

.detailed-p-text {
  font-family: "Montserrat", sans-serif;
  font-size: 12px !important;
  color: #283252 !important;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1 !important;
}

.detailed-span-text {
  color: #a2a5b9 !important;
  margin-top: 3px;
  margin-bottom: 0;
  line-height: 1.4 !important;
  display: block;
  align-items: center;
  font-weight: 500;
  font-size: 12px !important;
  font-family: "Roboto", sans-serif;
}

.initiate-step {
  background: white;
  border-radius: 11px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  border: 1px solid #e5e5e5;
}

.initiate-step img {
  max-width: 100%;
  width: 100%;
  border-radius: 15px;
  margin-bottom: 1rem;
}

.initiate-step h4 {
  font-weight: 600;
  font-size: .95rem;
  font-family: "Montserrat", sans-serif;
  color: #283252;
}

.initiate-step p {
  font-size: 0.85rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #a2a5b9;
}

.initiate-step ul li {
  font-size: 0.85rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #a2a5b9;
  text-align: left;
  margin-bottom: 0.5rem;
}

.initiate-step ul li span {
  color: #671cc9;
  font-weight: 600;
  font-size: 12px;
  margin-right: 5px;
  /* margin-bottom: 5px; */
  background: #efefef;
  padding: 0px;
  border-radius: 51px;
  width: 30px;
  height: 30px;
  display: block;
  line-height: 31px;
  text-align: center;

}

.initiate-exitstatus {
  margin-top: 4px;
  margin-bottom: 0px;
  display: flex;
  gap: 6px;
  color: #000000;
  align-items: center;
  padding-left: 1rem;

}

span.exit-status {
  color: #1cc999;
  background: #f1fff8;
  border: 2px solid #1cc999;
  font-size: 11px;
  padding: 4px 9px;
  font-weight: 500;
  border-radius: 23px;
  float: right;
  box-shadow: 3px 8px 9px -6px #b0f7e3;
}

span.assessment-status-draft {
  color: #616060;
  background: #f6f6f6;
  border: 1.6px solid #908f8f;
  font-size: 12px;
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 23px;
  display: inline-block;
  min-width: 54px;
  margin-left: 8px;
  height: 27px;
  /* margin-left: auto; */
  text-align: center;
  line-height: 27px;
  box-shadow: 3px 8px 9px -6px #d1d1d1;
}

span.assessment-status-initiated {
  color: #14b689;
  background: #e6fff3;
  /* border: 2px solid #1cc999; */
  font-size: 12px;
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
  min-width: 54px;
  margin-left: 8px;
  height: 27px;
  /* margin-left: auto; */
  text-align: center;
  line-height: 28px;
  /* box-shadow: 3px 8px 9px -6px #b0f7e3;*/
}

span.assessment-status-close {
  color: #ec4119;
  background: #fdf0ec;
  /* border: 1.6px solid #ec4119; */
  font-size: 12px;
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-block;
  min-width: 54px;
  margin-left: 8px;
  height: 27px;
  /* margin-left: auto; */
  text-align: center;
  line-height: 28px;
  /* box-shadow: 3px 8px 9px -6px #fdb7a2;*/
}

.assessment-detail-block {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  border-radius: 12px;
  background: white;
  padding: 2rem;
  position: relative;
  margin-bottom: 1rem;
  border: 1px solid #e5e5e5;
}

.assessment-block:hover span.assessment-view-detail {
  display: inline-block;
  cursor: pointer;
}

span.assessment-view-detail {
  transition: all 0.5s ease;
  color: #fff;
  background: #671cc9;
  border: 1.6px solid #671cc9;
  font-size: 12px;
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 4px;
  display: none;
  min-width: 54px;
  margin-left: 8px;
  height: 27px;
  /* margin-left: auto; */
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 8px 9px -6px #bfa5e0;
}

span.team-assessment-view-detail {
  transition: all 0.5s ease;
  color: #fff;
  background: #616161;
  border: 1.6px solid #616161;
  font-size: 12px;
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 4px;
  display: none;
  min-width: 54px;
  margin-left: 8px;
  height: 27px;
  /* margin-left: auto; */
  text-align: center;
  line-height: 25px;
  box-shadow: 3px 8px 9px -6px #bfa5e0;
}

.assessment-block:hover span.team-assessment-view-detail {
  display: inline-block;
  cursor: pointer;
}

.addnew-assessmentform {
  margin-bottom: 1rem;
}

.addnew-assessmentform .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
  background: #671cc9;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
}

.addnew-assessmentform ul.p-stepper-nav {
  padding: 2rem 8rem 0rem 0;
}

.addnew-assessmentform .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
  /* color: #4b5563; */
  border: 1px solid #f3f4f6;
  border-width: 2px;
  /* background: #ffffff; */
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 15px;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  font-weight: 600;
}

.addnew-assessmentform .p-stepper .p-stepper-header .p-stepper-action {
  background: transparent;
}

.addnew-assessmentform .p-stepper-panels {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);
  padding: 3rem 4rem;
  border-radius: 9px;
  background: white;
  border: 1px dashed #671cc9;
  /* min-height: 500px; */
}

.questionslist-title {
  display: grid;
  grid-template-columns: 4% 20% 55% 14%;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  color: black;
  align-items: center;
  margin-bottom: 15px;
}

.questionslist-title p {
  margin-top: 0;
  margin-bottom: 0rem;
  font-weight: 600;
  color: #8b8d94;
  text-transform: uppercase;
  font-size: 12px;
}

.questionlist-detail-cols {
  display: grid;
  grid-template-columns: 4% 20% 55% 14%;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  color: black;
  align-items: center;
  margin-bottom: 15px;
}

.question-add {
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
}

.questionlist-detail-cols .form-control {
  background: #faf7ff !important;
  border: 1.6px dotted #7b7a7c !important;
  padding: 5px 20px !important;
  color: #6e6e6e !important;
  height: 39px !important;
  font-size: 15px !important;
  color: black !important;
  font-weight: 600 !important;
}

.addnew-assessmentform .p-stepper label {
  text-transform: capitalize;
  color: #283252;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  margin-bottom: 10px;
}

.assessment-module .content {
  padding-top: 8rem;
  padding-left: 2rem;
  display: grid;
  justify-content: space-around;
  grid-template-columns: 1fr;
  gap: 5rem;
}

.assessment-module .content h1 {
  font-size: 2rem;
  font-weight: 500;
  color: #384160;
  line-height: 1.2;
}

.assessment-module .content p {
  font-size: 16px;
  color: #6d7284;
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.assessment-module .content img {
  width: 175px;
}

.addnew-assessmentform .p-stepper .form-control {
  background: #fff;
  border: 1.455px solid #43434361;
  padding: 5px 20px;
  color: #6e6e6e;
  height: 43px;
}

.addnew-assessmentform span.p-stepper-title {
  font-size: 15px;
  font-weight: 600;
  /* font-family: 'Roboto'; */
  font-family: "Montserrat", sans-serif;
  color: #283252;
}

.exit-detailmodule .illustration-header00 .header-meta .summary-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0 0.5rem;
  margin-top: 8px;
  border-top: 1.5px dashed #00000036;
}

.initiate-exitstatus li {
  letter-spacing: 0;
  font-size: 0.8rem;
  color: #a2a5b9;
  margin-top: 0;
  font-family: "Montserrat", sans-serif;
}

.initiate-exitstatus li i {
  margin-right: 5px;
  font-size: 14px;
  color: #79ddd9;
}

.initiate-exitstatus li svg {
  background: #eaeded6e;
  padding: 4px;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  /* float: right; */
  margin-left: 6px;
  cursor: pointer;
}

.initiate-exitstatus li b {
  font-weight: 600;
  font-size: 11px;
  color: #1ebcad;
  border: 1px solid #14d0c6;
  font-size: 12px;
  background: #fbfcfc;
  padding: 5px 10px;
  border-radius: 23px;
}

.initiate-exitstatus li .med-pri {
  color: #9100ff;
  background: #f8f4f8;
  border: 1px solid #9207ff;
  font-size: 12px;
  padding: 5px 10px;
  /* font-size: 12px; */
  font-weight: 600;
  border-radius: 23px;
}

.initiate-exitstatus li .priority-status {
  color: #ff7700;
  background: #ff770014;
  border: 1px solid #ff9807;
  font-size: 12px;
  padding: 5px 10px;
  /* font-size: 12px; */
  font-weight: 600;
  border-radius: 23px;
}

.initiate-exitstatus li .status-chng {
  color: #2b2b2c;
  background: #f7f7f7;
  border: 1px solid #6e6e6e;
  font-size: 12px;
  padding: 5px 10px;
  font-weight: 600;
  border-radius: 23px;
}


.questions-list {
  display: none;
}

.questions-list.show {
  display: block;
}

.assessment-questions-for-emp .questions-list.show {
  display: block;
}

.list-number {
  padding: 10px;
}

.question-action {
  display: flex;
  gap: 10px;
}

.hover-like-area {
  position: absolute;
  max-width: 200px;
  min-width: 170px;
  background: rgb(255, 255, 255);
  padding: 5px 9px;
  border-radius: 6px;
  /* display: none; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  top: 58px;
  left: 58px;
  z-index: 9;
}

.hover-like-area ul li a {
  font-size: 13px;
}

.hover-like-area ul li a img {
  margin-right: 8px;
}

.hover-like-area ul li {
  margin-bottom: 5px;
}

.hover-like-area ul {
  margin-bottom: 0px;
}

/* .hover-like-box:hover .hover-like-area{
  display:block
} */

@media (max-width: 575.98px) {
  .display-grid {
    display: block;
  }

  .acc-head img {
    width: 100%;
    max-width: 45px;
    min-width: 45px;
    padding: 5px;
    max-height: 45px;
    min-height: 45px;
  }

  .acc-detailed p {
    line-height: 21px;
    font-weight: 500;
    font-size: 13px;
  }

  .acc-detailed {
    padding: 1rem;
  }

  .version-des {
    margin-bottom: 1rem;
    width: 100%;
  }

  .add-versionform {
    padding: 1rem;
  }

  .display-grid .savebutton {
    margin-left: 0;
  }

  .reports-setting {
    border-radius: 0px;
    padding-left: 0.5rem;
    /* background: white; */
    /* border-radius: 6px; */
    height: 77vh;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 3rem;
    display: block;
    align-items: start;
  }

  .reports-setting .nav {
    gap: 28px;
    margin-right: 0rem;
    position: inherit;
    top: 0;
    row-gap: 0;
    flex-direction: row !important;
  }

  .reports-setting .title-text {
    padding-left: 0rem;
  }

  .reports-setting .tab-content {
    padding: 0 0rem 0 0rem;
    width: 100% !important;
    border-left: 0px solid #00000012;
  }

  .reports-setting .detail .columns.is-multiline {
    display: block;
  }

  .team-directories .form-head {
    row-gap: 12px;
  }

  .dashboard-title h2 {
    font-size: 1rem;
  }

  .me-auto h2.font-w600.mb-0 {
    font-size: 1rem;
  }

  .feed-seach-div {
    height: auto;
    grid-template-columns: 1fr;
    padding: 14px 11px;
    row-gap: 21px;

  }

  .right-action-div .edit-feeds {
    justify-content: flex-start;
  }

  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}



@media (max-width: 767.98px) {
  .profile-module .detailed-section-profile {
    background: #eaeced;
    padding: 1rem 1rem;
  }

  .profile-module .top-section-profile {
    padding: 1rem 1rem;
  }

  .top-section-profile .media-flex-center {
    display: block;
  }

  .top-section-profile .employee-div {
    display: block !important;
    margin: 0.5rem 0 1rem;

  }

  .profile-module .media-flex-center .flex-meta span:first-child,
  .media-flex-center .flex-meta>a:first-child {
    margin-top: 0.2rem;
    font-size: 22px;
    color: #49474c;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
  }

  .media-flex-center .flex-meta span:nth-child(2),
  .media-flex-center .flex-meta>a:nth-child(2) {
    font-family: "Roboto", sans-serif;
    color: #a2a5b9;
    font-size: 14px;
    min-width: max-content;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .btn-follow-un .edit-btncss {
    border: 1px solid #00000017;
    background: #671cc9;
    color: #000000;
    color: white;
    margin-left: 0.3rem;
    border-radius: 5px;
    font-size: 10px;
    padding: 0 12px;
    cursor: pointer !important;
    height: 28px;
    line-height: 26px;
    display: inline-block;
  }

  .certificate-profilesection .recommendations-wrapper .recommendations-item {
    width: 100% !important;
    margin: 0 8px 15px;
    background: #ffffff;
    border: 2px dashed #00000061;
    text-align: center;
    padding: 5px 6px;
    border-radius: 18px;
  }

  .contact-mandivs00 h6 {
    margin: 0% 0px auto 0;
    font-size: 13px;
    font-weight: 500;
    color: #2c2a2f;
    width: 90%;
  }

  .following-list h2 {
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 18px;
  }

  .following-action {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 0.5rem;
  }

  .following-list li {
    display: block !important;
  }

  .following-list li a img {
    width: 25px;
    height: 25px;
  }

  .follower-action {
    display: grid;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 0.5rem;
  }

  .profile-module-follow .detailed-section-profile {
    background: #eaeced;
    padding: 1rem 1rem;
  }

  .profile-module-follow .top-section-profile {
    padding: 1rem 1rem;
  }

  .following-list {
    padding: 1rem 2rem;
  }

  .icon-timeline {
    margin-left: 6%;
  }

  .languages-item {
    width: 100%;
  }

  .edit-btncss b {
    font-weight: 600;
    color: white;
    font-size: 11px;
  }

  .employee-div span {
    color: #000000 !important;
    font-size: .8rem !important;
    min-width: max-content;
    font-weight: 500 !important;
  }

  .spancl {
    display: none !important;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date span {
    font-size: .68rem;
    color: #a7aac3;
    font-weight: 500;
  }

  .timeline-wrapper .timeline-wrapper-inner .timeline-container .timeline-item .date {
    width: fit-content;
    font-family: "Roboto", sans-serif;
    text-align: right;
  }

  .displayset .form-head {
    margin-top: 0.5rem;
  }

  .displayset .search-area2 .form-control {
    height: 28px;
  }

  .search-area2 .input-group-text i {
    font-size: 12px;
    color: #a6a6a6 !important;
  }

  .search-area2 .input-group-text {
    height: 28px;
    padding-left: 9px;
  }

  .displayset .search-area2 .input-group-text {
    height: 28px;
    padding-left: 9px;
  }

  .markasread {
    height: 28px;
    border-radius: 4px;
    padding: 0px 14px 0 14px;
    font-size: 10px;
    letter-spacing: 0px;
  }

  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1439.98) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .header-left .dashboard_bar {
    font-size: 24px;
  }
}

@media(max-width:991px) {
  .chng-word {
    background: #f8f9fa;
    padding: 15px 11px 13px;
  }
}


@media only screen and (max-width: 767px) {
  .card.is-post .user-block .user-info a {
    line-height: 1.1;
    font-size: .8375rem;
  }

  .topmedia-section ul li {
    padding: 0.08rem 0.45rem;
    border-radius: 4px;
    font-size: 12px;
    color: #676a79;
    font-size: 10px;
  }

  .first-strong {
    color: #505050;
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin-top: 7px !important;
  }

  .icon-bell {
    display: none;
  }

  .awards-div-list .item .pos-img {
    width: 42px !important;
    height: 42px !important;
  }

  .modal-dialog {
    position: relative;
    width: auto;
    margin: 18px;
  }

  .center1 h4 {
    font-size: 15px;
  }

  .center1 textarea.form-control {
    height: auto !important;
  }

  .center1 {
    width: 100% !important;
  }

  .block-header {
    display: block !important;
  }

  .left1 {
    width: 100% !important;
  }

  .change-passowrd-area {
    height: 100%;

  }

  .change-password-box {
    flex-wrap: wrap;
  }

  .profiletabs {
    display: inline;
  }

  .lastpro-img {
    width: 28px !important;
  }

  .mobileviewhide {
    display: none !important;
  }

  .linkcl {
    padding: 0% 0% 8% 0% !important;
  }

  .upcome {
    font-size: 13px !important;
  }

  .comments-count {
    font-size: 11px;
  }

  .more-icon {
    top: 0px !important;
    font-size: 15px;
    height: 23px;
    line-height: 20px;
    width: 23px;
  }

  #menu1 .h-avatar.is-medium {
    max-width: 35px;
    min-width: 35px;
  }

  #menu1 .h-avatar.is-medium .avatar {
    width: 25px;
    min-width: 25px;
    height: 25px;
    object-fit: cover;
  }

  .mobiletabs {
    border-radius: 4px;
    display: block;
    position: sticky;
    top: 3px;
    z-index: +9;
    box-shadow: 0px 10px 31px -9px #671cc92e;
    border: 2px dashed #671cc9;
    margin-bottom: 1rem;
    background: #671cc9;
  }

  .mobiletabs ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    margin-bottom: 0;
  }

  .mobiletabs .card-body {
    border: 1px solid #00000017;
    border-radius: 5px;
    margin-bottom: 0rem;
    background: transparent;
    padding: 0.6rem 0.1rem !important;
    color: white;
  }

  .mobiletabs ul li {
    list-style: none;
    font-size: 13px;
    border-right: 1px solid #0000002e;
    margin: 0;
  }

  .mobiletabs ul li a {
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
  }

  .mobiletabs ul li a img {
    height: 15px;
    margin-right: 6px;
    filter: invert(1);
  }

  .mobiletabs li:last-child {
    border-right: 0px solid #0000002e;
  }


  textarea.form-control {
    min-height: auto;
    height: 29px;
  }

  .commentdiv .likers-group {
    width: 11%;
  }

  .card.is-post .content-wrap .card-footer .likers-group img {
    height: 23px !important;
    width: 23px !important;
  }

  .card.is-post .content-wrap .card-footer .likers-text p {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }

  .likers-group.likersimg {
    display: none;
  }

  .like-wrapper .like-button {
    position: relative;
    width: 30px !important;
    height: 30px !important;
  }

  .card.is-post .user-block img {
    width: 30px;
    height: 30px;
  }

  div#myDIV2 h3 {
    font-size: 10px;
  }

  div#myDIV2 {
    display: none;
    box-shadow: 0 14px 26px -12px rgb(14 14 14 / 1%), 0 4px 23px 0px rgb(0 0 0 / 5%),
      0 8px 10px -5px rgb(103 28 201 / 8%);
    padding: 3px 6px 3px 6px;
    border-radius: 3px;
    border: 1.5px dashed #5606bf7d;
    right: 10px;
    top: 40px;
  }

  .card.is-post .card-heading {
    padding: 7px 8px 0 8px !important;
  }

  .card-body {
    padding: 0.5rem 0.5rem 0.5rem !important;
  }

  .card-footer {
    padding: 0.5rem 0.5rem 0.5rem !important;
  }

  .like-wrapper .like-button svg {
    width: 13px !important;
  }

  .fab-wrapper .small-fab {
    position: relative;
    width: 30px !important;
    height: 30px !important;
  }

  .fab-wrapper .small-fab svg {
    width: 13px !important;
  }

  .fab-wrapper {
    left: 44px !important;
  }


  .card-body p {
    line-height: 1.5;
    font-size: 12px !important;
  }

  .feed-search {
    padding-left: 1px !important;
    align-items: center;
    display: flex;
  }

  .action-req {
    display: none;
  }

  .feed-search span.time {
    font-size: 11px !important;
    padding-left: 5px;
    color: #080707c4 !important;
  }

  #mySidepanel {
    display: none;
  }

  .nav-control .hamburger {
    display: block;
  }
}


@media (max-width: 575.98px) {
  .top-reportdiv .content {
    padding-right: 3rem;
  }

  .top-reportdiv h2 {
    width: auto;
  }

  .report-search {
    display: grid;
    gap: 10px;
    align-items: center;
    grid-template-columns: 80% auto;
  }

  .top-reportdiv input {
    width: auto;
    font-size: 11px;
  }

  .top-reportdiv img {
    position: absolute;
    right: 0rem;
    top: 0;
    width: 72px;
  }

  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }

  .tickets-summary {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .table tbody tr td img.rounded-lg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    object-fit: cover;
  }
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.forth {
  display: none;
}

@media only screen and (max-width: 999px) and (min-width: 768px) {

  .mobiletabs {
    display: block !important;
  }

  .mobiletabs {
    border-radius: 4px;
    display: block;
    position: sticky;
    top: 3px;
    z-index: +9;
    box-shadow: 0px 10px 31px -9px #671cc92e;
    border: 2px dashed #671cc9;
    margin-bottom: 1rem;
    background: #671cc9;
  }

  .mobiletabs ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    text-align: center;
    margin-bottom: 0;
  }

  .mobiletabs ul li a img {
    height: 15px;
    margin-right: 6px;
    filter: invert(1);
  }

  .mobiletabs .card-body {
    border: 1px solid #00000017;
    border-radius: 5px;
    margin-bottom: 0rem;
    background: transparent;
    padding: 0.6rem 0.1rem !important;
    color: white;
  }

  .dashboard-title h2 {
    font-size: 1.2rem !important;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    font-family: 'Roboto' !important;
  }

  .mobiletabs ul li {
    list-style: none;
    font-size: 13px;
    border-right: 1px solid #0000002e;
    margin: 0;
  }

  .feed-search span.time {
    font-size: 13px;
    padding-left: 0px;
  }

  .lastimgdiv div {
    padding: 2% 0 !important;
  }

  .edit-feeds {
    border-top: 1px solid #6868680a;
    padding: 0% 0% 0 !important;
  }

  .feed-seach-div .col-5 {
    padding: 1% 2% !important;
  }

  .feed-seach-div .col-7 {
    padding: 1% 2% !important;
  }

  .mobiletabs ul li a {
    color: white;
    font-size: 13px;
    font-weight: 700;
  }

  .top-ico {
    font-size: 12px;
  }

  .mobiletabs ul li a img {
    width: 13px;
    margin-right: 4px;
  }

  .mobiletabs li:last-child {
    border-right: 0px solid #0000002e;
  }


  .first {
    order: 2;
  }

  .second {
    order: 1;
  }

  .third {
    order: 3;
  }

  .forth {
    order: 4;
    display: none;
  }

  .deznav .metismenu>li {
    padding: 2px 15px !important;
  }

  .nav-header {
    width: 4rem !important;
  }

  .deznav {
    width: 4rem !important;
  }
}

@media (max-width: 767.98px) {

  .first {
    order: 2;
  }

  .second {
    order: 1;
  }

  .third {
    order: 3;
  }

  .forth {
    order: 4;
    display: block;
  }

  .fixed-header1 {
    position: inherit !important;
  }

  .fixed-header {
    position: inherit !important;
  }

  .sidemarg {
    margin-left: 0rem;
  }

  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}


@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1439.98) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .nav-user p {
    display: none;
  }

  .award .owl-carousel .owl-item .image-content {
    width: 80px;
    height: 80px;
  }

  .nav-user i {
    margin-top: 15px;
    display: block;
  }

  .owl-co2 .owl-carousel .item {
    padding: 0;
  }

  .slide22 .user-block.d-flex.mb-3 .image img {
    padding: 0;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}

@media (max-width: 1439.98) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }

  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}

.line-clamp p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* Show only 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.basic-infotop-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}

.basic-infotop-icon img {
  width: 13px;
  margin-right: 15px;
}

.highlight-comment {
  border: 2px solid #007bff;
  background-color: #e9f5ff;
  transition: all 0.3s ease;
}

.social-share .hover-badges-box {
  display: flex !important;
  opacity: 0;
}

.social-share:hover .hover-badges-box {
  opacity: 1;
}

.social-share .meta {
  position: relative;
}

.mt-2.pl-2 {
  padding-left: 33px;
}

/* for the upload excel css  */

.Upload-user-profile-bx .description {
  font-size: 14px;
  margin-bottom: 30px;
  color: #444;
}

.Upload-user-profile-bx .highlight {
  color: #0077b6;
  font-weight: 600;
}

.Upload-user-profile-bx .import-section h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.Upload-user-profile-bx .upload-box {
  border: 2px dashed #ccc;
  padding: 13px;
  text-align: center;
  color: #333;
  border-radius: 6px;
  margin-bottom: 5px;
}

.Upload-user-profile-bx .upload-icon {
  font-size: 36px;
  margin-bottom: 0px;
}

.Upload-user-profile-bx .upload-box a {
  color: #0077b6;
  text-decoration: none;
  font-weight: bold;
}

.Upload-user-profile-bx .example-link {
  display: block;

  color: #0077b6;
  font-size: 14px;
}

.Upload-user-profile-bx .upload-box p {
  font-size: 13px;
}

.Upload-user-profile-bx .or-section {
  text-align: center;
  margin: 9px 0 15px;
  font-weight: 600;
  color: #666;
}

.add-assessment-uploadform ul.p-stepper-nav {
  padding: 23px 0px 0px;
  margin-bottom: 9px;
}

.add-assessment-uploadform .p-stepper-panels {
  padding: 1rem 1.3rem;
}

.Upload-user-profile-bx .btn-primary:hover {
  color: #ffffff;
  background-color: #4db6ac !important;
  border-color: #4db6ac !important;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
  width: 641px;
  margin: 0 auto;
  background: none !important;
  z-index: 1099;
  height: 587px;
}


.p-image-file-upload .file-upload {
  display: block;
  opacity: 0;
  width: 22px;
  height: 24px;
  position: absolute;
  top: -3px;
}


.p-image-file-upload {
  position: absolute;
  top: 71px;
  right: 0px;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.p-image-file-upload:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.p-image-file-upload .upload-button {
  font-size: 1.1em;
  color: #5f1ab9;
  background: #fff;
  padding: 5px;
  border-radius: 100%;
}

.p-image-file-upload .upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}

.manage-setting-list {
  display: flex;
  flex-wrap: wrap;
}

.manage-setting-list .col-xl-3 {
  display: flex;
  flex-direction: column;
}

.main-add-on-div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: #fff;
  margin-bottom: 23px;
  border-radius: 10px;
  position: relative;
}

.main-add-on-div .status {
  position: absolute;
  right: -7px;
  top: 20px;
}

.disable-step-click .p-stepper-nav {
  pointer-events: none;
}

.Upload-user-profile-bx .hover-block-area:hover .cross-btn-all {
  display: inline-block;
}

.cross-btn-all {
  /* position: absolute;
    top: -7px;
        z-index: 999; */
  margin-right: 5px;
}

.p-stepper-content .h-12rem {
  max-height: 413px;
  overflow-y: scroll;
}

.invalid-info-area {
  position: sticky;
  /* padding: 20px 0px; */
  height: 36px;
  width: 100%;
  left: 0px;
  display: block;
  background-color: #fff;
  top: 0px;
  color: red;
  z-index: 9;
  background-color: #fff !important;
}

.p-stepper-content ::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
  background-color: #ffffff;
}

.p-stepper-content ::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
}

.p-stepper-content ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.box-expended-area .accordion-header {
  padding: 0rem .7rem;
  border: none;
  background: transparent;
  display: inline-flex;
}

.box-expended-area .accordion-button:focus {

  border-color: transparent;

  box-shadow: unset;
}

.box-expended-area .accordion-button::after {

  margin-left: 20px;
}

.box-expended-area .accordion-item {
  background-color: transparent;
  /* border: 1px solid rgba(0, 0, 0, 0.125); */
  border: none;
}

.box-expended-area .accordion-button:not(.collapsed) {
  color: #000000;
  background-color: transparent;
  /* box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); */
  box-shadow: unset;
}

.box-expended-area .accordion-button {
  padding: 0px;
  font-size: 1.0rem;
}

.output-column {
  width: 400px !important;
  color: red;
}


/* start new login design*/



.fxt-template-layout29 .fxt-content {
  /* padding: 0px 0 15px 124px; */
  background: transparent;
  /* height: 80vh; */
  align-items: center;
  padding-right: 67px;
}









.login-action .resend-button {
  font-size: 16px;
  font-family: Roboto;
  line-height: 22px;
  color: rgb(0, 0, 0);
}

.login-action .resend-button button {
  border: none;
  background: rgb(255, 255, 255);
  color: rgb(255, 69, 0);
  font-size: 16px;
  line-height: 22px;
}

.password-login {
  color: #747990;
  margin-top: 8rem;
  border-bottom: 1px solid #0f0f103b;
  padding: 7px 0;
  font-size: 15px;
  border-radius: 0px;
  font-weight: 400;
}

/* end new login design*/

iframe {
  display: none;
}

button.savebtn-click .login-loader {

  top: 8px;

}

.search-loader .login-loader {
  right: 62px;
}

.initiate-confirmation-area.show:before {
  position: absolute;
  content: "";
  background-color: #0000005c;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}


.btn.btn-purple {
  background: #671cc9;
  border: none;
  color: #fff;
  box-shadow: 0 0px 10px rgb(0 0 0 / 0%);
  padding: 0px 14px 0 9px;
  height: 32px;
}

.p-multiselect {
  background: #f4f6f9;
  border: 2px dashed #bcbcbc;

  border-radius: 21px;

  margin-right: 4px;
}

.p-multiselect .p-multiselect-label {

  width: 100px;
  padding: 5px !important;
  font-size: 11px;
  color: #2c2b2b;
}

.p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: #6b7280;
  width: 1.3rem;

}

.p-multiselect .p-multiselect-trigger svg {
  width: 9px;
  height: 9px;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {

  font-size: 12px !important;
  padding: 0px 7px !important;
}

.p-multiselect-header {

  padding: 0px 7px !important;
}

.award .owl-theme .owl-dots .owl-dot:last-child span,
.birthday .owl-theme .owl-dots .owl-dot:last-child span,
.anni .owl-theme .owl-dots .owl-dot:last-child span,
.custom-tab-11 .owl-theme .owl-dots .owl-dot:last-child span {

  width: 0px;
}

@media only screen and (max-width: 1300px) {
  .image-content {
    height: unset !important;
    width: 100% !important;
    padding: 3px !important;
  }

  .owl-co2 .owl-carousel .item {

    padding: 0.0rem;

  }

}

@media(max-width:991px) {
  .timeline-div .box-content strong {

    font-size: 11px;

  }

  #team span {
    font-size: 10px;

  }
}

a.redirect svg {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  color: #393ff0;
}

.p-multiselect-items-wrapper ul.p-multiselect-items .image img {
  width: 34px;
  height: 34px;
  margin-right: 0px;
}

.p-multiselect-items-wrapper ul.p-multiselect-items span {
  font-size: 12px;
}

.dashboard-leave-box .today-leave-list .content {
  flex-direction: column
}

.tabs-filters .nav {
  background-color: #fff;
  justify-content: space-between;
}

.tabs-filters .nav-tabs .nav-link {
  padding: 10px 17px;
  /* border: 1px solid #dcdcdc; */
  border-radius: 0px;
  /* display: flex
; */
  font-size: 13px;
  border: none;
  width: 33.33%;
  border-right: 1px solid #ccc;
}

.tabs-filters .nav-tabs .nav-link:last-child {
  border-right: 0px;
}

.tabs-filters .nav-tabs .nav-link.active {
  color: #ffffff;
  border-bottom: 3px solid #7123c9;
  border-radius: 0;
  background: #671cbc;
}

.tabs-filters .nav-tabs .nav-link.active {
  border-bottom: transparent;
}

.input-Btn.add-more-pictures {
  position: relative;
  width: 113px;
}

.input-Btn.add-more-pictures {
  margin-bottom: 7px;
}

.input-Btn.add-more-pictures p {
  position: relative;
  width: 100% !important;
  background: rgb(103, 28, 201);
  text-align: center;
  /* line-height: 23px; */
  font-size: 13px !important;
  color: #fff;
  height: 31px;
  line-height: 31px;
  color: #fff !important;
  border-radius: 5px;
  /* display: inline-block; */
  margin-bottom: 0px;
}


.input-Btn.add-more-pictures .input-Btn {
  z-index: 111;
  position: absolute;

  top: 0px;
  width: 100%;
}

.pdropdown-box .p-dropdown.p-component {
  width: 100%;
  padding: 13px 11px;
  border: 0px;
  border-bottom: 1px solid #f5f3f3;
  border-radius: 0px;
}

.leave-card .d-gridcss {

  gap: 4px;
  /* padding-right: 1% !important; */
}

.leave-card .widthdiv .p-dropdown.p-component.p-inputwrapper {

  width: 79px;

}

.follow-up-box h6 {
  font-size: 13px;
  line-height: 14px;
}

.follow-up-box .follow-span {
  font-size: 12px;
}

.uploaded-imgtrash a {

  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 13px;
  display: block;
  border: 1px solid;
  line-height: 18px;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto 3px;
}


.videoContainer a {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 13px;
  display: block;
  border: 1px solid;
  line-height: 18px;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto 3px;
}

body.modal-open {
  overflow: hidden !important;
}

.msg .msg-inner .p-image-preview-container:hover>.p-image-preview-indicator {
  border-radius: 0px !important;
}

.p-message.p-message-warn {
  background: rgb(255 242 226);
  border: solid #cc8925;
  border-width: 0 0 0 6px;
  color: #cc8925;
  font-size: 29px;
      width: 360px;
}

.p-message .p-message-detail {
   font-weight: 600;
    font-size: 14px;
}
.p-dropdown-border .p-dropdown.p-component.p-inputwrapper {
    border: 0px;
    border-bottom: 1px solid #f1eded;
    height: 38px;
    border-radius: 0px;
  font-weight: 600;
  font-size: 14px;
}

.emojis-group-hand img {
  width: 17px !important;
  margin-right: 3px;
}

.likes-nocount svg {
  width: 14px !important;
  height: 14px !important;
}


.likers-text a.atag {
  color: #a8a8a8 !important;
}
.message-time{
      font-size: 12px;
       white-space: nowrap;
    color: #383636;
    text-align: right;
    margin-right: 2px;
}

.break-text {
  word-wrap: break-word;      /* Break long words to fit */
  overflow-wrap: break-word;  /* Modern standard for word breaking */
  word-break: break-all;      /* Fallback for older browsers */
  white-space: normal;        /* Allow wrapping */
}

.infinite-scroll-component__outerdiv .infinite-scroll-component .row .col-xl-4 {
    display: flex
;
}
.formfill-addemployee label.form-label {
    text-transform: none !important;
    display: flex;
}
.p-datatable-selectable .p-selectable-row, .p-datatable-selectable-cell .p-selectable-cell {
    cursor: unset;
}

.table.employeeviewonly thead tr th:nth-child(2), .table.employeeviewonly thead tr th:nth-child(1) {
    position: sticky;
        left: 0;
        background-color: #f9fafb;
}
.table.employeeviewonly tbody tr td:nth-child(2), .table.employeeviewonly tbody tr td:nth-child(1) {
      position: sticky;
    left: 0;
    /* backdrop-filter: blur(9px); */
    backface-visibility: hidden;
    background-color: #fff;

}

body.ReactModal__Body--open {
    overflow: hidden !important;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
    cursor: context-menu;
  }

body.ReactModal__Body--open::before {
    position: absolute;
    content: "";
    background: #000000bf;
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 9;
    overflow: hidden;
}

.assettable table>*>tr>th:first-child, .assettable table>*>tr>td:first-child{
      position: sticky;
    width: 3em;
    height: 3.4em;
    left: 0;
    background: white;
    padding-top: 11.9px;
    padding-bottom: 10px;
    
}
.assettable table>*>tr>th:last-child, .assettable table>*>tr>td:last-child {
    position: sticky;
    width: 6em;
    height: 3.4em;
        min-width: 261px;
    right: 0;
    background: white;
    padding-top: 11.9px;
    padding-bottom: 10px;
    
}
.assets-field .p-multiselect {
    width: 199px;
}
.assets-field .p-multiselect .p-multiselect-label.p-placeholder {
    width: 100%;
}
.assets-summary.tickets-summary {
    grid-template-columns: repeat(auto-fit, minmax(194px, 1fr));
    
}
.asset-chart .p-chart canvas {
    height: 285px!important;
}
.assets-summary.tickets-summary .column {
    
    padding: 2rem 1rem;
   
    min-height: 126px;
    
}
.assets-img-block {
    position: relative;
}
.assets-image-area .assets-img-block img {
    width: 100%;
    height: 56px;
    border-radius: 10px;
}
.edit-icon-assets {
    width: 100%;
    height: 100%;
    background: #ffffffa8;
    position: absolute;
    top: 0px;
    border-radius: 10px;
    display: none;
    transition: .5s ease-in-out;
}
.assets-image-area .assets-img-block img {
    width: 100%;
    height: 56px;
    border-radius: 10px;
}
.assets-img-block .edit-icon-assets img {
    width: 14px;
    height: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.assets-image-area .assets-img-block:hover .edit-icon-assets{
  display: block;
}
.assets-attach__wrapper .info__items_detail .div span {
    font-size: 12px;
    color: #a5a4a4;
}
.assets-attach__wrapper .info__items_detail .div h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 1px;
}
.assets-attach__wrapper {
    margin-top: 14px;
}
.assets-attach__wrapper .info__items_detail {
    display: flex
;
}
.assets-attach__wrapper img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 10px;
}

/* ===================survay area============== */
.survay-block-area {
       padding-top: 23px;
}
.title-text-heading h2 {
         margin-bottom: 3px;
    
    font-size: 27px;
    color: rgb(103, 28, 201);
    font-weight: 700;
}
.title-text-heading {
       position: relative;
      transition: 0.2s ease-in-out;
    padding: 12px 14px;
        margin-bottom: 9px;
    border-radius: 10px;
    
}
.title-text-heading:hover{
   background: rgba(237, 232, 232, 0.4);
}
.title-text-heading p {
    margin-bottom: 0px;
}

.edit-title-heading-area {
        background: #f9f9f9;
    padding: 22px 21px;
    border-radius: 10px;
   
    border-bottom: 2px solid #e0c6c6;
}
.question-survay-area

 {
    border: 1px solid #a3a2a2;
    padding: 16px;
    display: flex;
        align-items: center;
    border-radius: 10px;
    margin-top: 19px;
    background: #fdfdfd;
        margin-bottom: 17px;
}
.question-survay-area .question-num {
    width: 37px;
}
.question-survay-area .notes-survay {
    width: 37px;
}
.question-survay-area .enter-question-area {
    width: calc(100% - 80px);
}
.survay-block-area .form-control {
    height: 43px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
}
.enter-question-area input.form-control {
    width: 39%;
}
.enter-question-area input.form-control {
    width: 39%;
    border-right: 0px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.option-notes-survay {
    display: flex
;
    /* justify-content: space-between; */
    align-items: center;
   padding: 9px 10px;
    
}
.option-notes-survay input.form-check-input {
        margin: 5px;
    padding: 8px;
}
.option-notes-survay label.form-check-label {
   margin: 0px;
    margin-left: 6px;
    /* padding-bottom: 4px; */
    font-size: 17px;
    min-width: 430px;
    transition: .3s 
ease-in-out;
    border-bottom: 2px solid #cccccc00;
    background: #fff;
    padding: 3px 8px;
}
.option-notes-survay textarea{
 
 width:100%;
}
.edit-hover-card-area input.form-check-input{
      margin: 0px;
    padding: 8px;
}
.edit-hover-card-area label.form-check-label{
   margin: 0px;
    margin-left: 6px;
   
    font-size: 17px;
}
.edit-hover-card-area .option-box {
      margin-bottom: 21px;
}
.option-notes-survay .delete-cross svg {
    width: 15px;
    height: 15px;
}

.Add-new-box svg {
    
    margin-right: 5px;
}
.option-notes-survay .option-box:hover label.form-check-label {
       border-color: #e1e1e1;
}
.survay-icon {
  width:100%;
    border-top: 2px solid #ccc;
}
.title-heading-survay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    
}

.edit-hover-card-area{
  transition: .3s ease-in;
}
.edit-hover-card-area:hover {
    background: #dad6d657;
    border-radius: 6px;
}


.add-survay-area{
      border-top: 3px solid #671cc9;
    background: #f6f6f6;
}
.add-survay-area .card-footer {
    background-color: #f6f6f6 !important;
    border-color: #f6f6f6 !important;
}
button.Add-new-box

 {
    font-size: 17px;
    text-decoration: none;
    font-weight: 500;
}

/* ==========survay list=============== */
.survay-list-area .survay-grid-item {
    border: 1px solid #e7e5e5;
    border-radius: 9px;
    margin-bottom: 19px;
    background: #fff;
}
.survay-list-area h4

 {
    font-size: 21px;
    margin-bottom: 19px;
}
.survay-list-area .survay-grid-item .h-avatar1 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: #f7f7f7;
    border-radius: 9px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.survay-list-area .survay-grid-item .h-avatar1 img {
   height: 114px;
    border-radius: 10px;
}
.survay-list-area .survay-grid-item .survay-content-detail{
  padding:10px;
}
.survay-list-area .survay-grid-item .survay-content-detail p {
    font-size: 13px;
    margin-bottom: 3px;
}

.survay-list-area .survay-grid-item .survay-content-detail h3.survay-name {
    font-size: 14px;
    font-weight: 700;
}
.survay-list-area {
    margin-bottom: 30px;
}


.survay-summary .quick-stat{
    padding: 37px 23px;
    background: #f5f6fa;
    border-radius: 7px;
    margin-bottom: 5px;
}
.quick-stat .flex-meta span:first-child {
    font-size: 1.4rem;
    font-weight: 600;
    color: #283252;
}
.quick-stat .flex-meta span:nth-child(2){
  font-family: "Roboto", sans-serif;
    color: #a2a5b9;
    font-size: .9rem;
}
.quick-stat .media-flex-center .h-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 8px;
    background: #ededed;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.quick-stat .media-flex-center .h-icon.is-purple {
    background: #e7e2f0;
}
.response-chart canvas{
  height: 285px!important;
}
.responses-card-summery {
    background: #fff;
    border-radius: 10px;
    padding: 20px 22px;
}
.responses-card-summery .num-bx {
       font-size: 29px;
    font-weight: 600;
    color: #671cc9;
}
.responses-card-summery .img-bx svg

 {
    width: 41px;
    height: 40px;
    opacity:.5;
}
.responses-card-summery h4{
  font-weight:300;
  font-size:17px;
}
/* .responses-card-summery .text-warning {
    
    color: rgb(255 197 189) !important;
} */
 .question-options ul li {
    font-size: 16px;
    margin-bottom: 11px;
    font-weight: 300;
    padding-left: 19px;
}
ul.review-box-area li a {
    font-size: 15px;
    font-weight: 400;
    color: #292929;
}
ul.review-box-area {
    margin-top: 20px;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 0 10px;
    background: #ffffff;
}
span.quest-percentage {
    color: #ec4119;
    margin-left: 32px;
    font-weight: 500;
}
span.pert-color {
    width: 62px;
    display: inline-block;
    position:relative;
}

span.pert-color::after {
    position: absolute;
    width: 41px;
    height: 8px;
       margin-left: 3px;
    content: "";
    margin-top: 9px;
}
span.pert-color.pert-red-color::after {
  background-color: #ec4119;
}
span.pert-color.pert-blue-color::after {
  background-color: #3b82f6;
}
span.pert-color.pert-green-color::after {
  background-color: #22c55e;
}
span.pert-color.pert-yellow-color::after {
  background-color: #eab308;
}
/* ====================responsive=============== */
@media(max-width:1400px){
  .today-leave-list .inner h6{
   font-size: 11px;
   width: 98px;
   margin-left: 2px;
}
.today-leave-list {
   padding: 7px 6px;
   grid-template-columns: 24px 1fr;
}
.today-leave-list .inner .content p {
    
    font-size: 9px;
   
    margin-left: 3px;
}
.today-leave-list .inner p.status-btn {
   
    font-size: 9px;
   
}
.content-body .container-fluid, .content-body .container-sm, .content-body .container-md, .content-body .container-lg, .content-body .container-xl, .content-body .container-xxl {
    padding-top: 30px;
    padding-right: 67px;
    padding-left: 67px;
}
}

@media (max-width: 1200px) {
    .today-leave-list .inner h6 {
        font-size: 10px;
        width: 79px;
       
    }
}