:root {
  --primery-dark-blue: #2b3574;
  --primery-light-blue: #1a2b56;
  --primery-orange: #e95b0b;
  --light-blue-table: #f9faff;
  --danger: #e70f0f;
}

a:hover {
  text-decoration: none;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #222222;
  background: #f9fafe;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  background-color: var(--primery-orange) !important;
  border-color: var(--primery-orange) !important;
}

body::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: #eeeeee;
}

body::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

.no-margin {
  padding-left: 0;
  padding-right: 0;
}

.form-select:focus,
.form-control:focus {
  border-color: #dddddd;
  box-shadow: none;
}

.daterangepicker {
  z-index: 999999 !important;
}

table#dashboard-cnt-details {
  border-bottom-color: transparent;
  margin-bottom: 0;
}

table#dashboard-cnt-details a {
  text-decoration: none;
  color: var(--primery-orange);
}

/* sidebar and top header style start */
.sidebar.collapse {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 0 0 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
  width: auto !important;
  min-width: 17.5vw;
  transition: all 0.6s ease;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.nav {
  display: block;
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.inner-Submenu-box {
  background: #142041;
}

.inner-Submenu-box .nav-link span {
  font-size: 12px;
}

.sidebar .inner-Submenu-box .nav-link .siderbar-icon {
  width: 20px;
  margin-left: -19px;
}

.sidebar .inner-Submenu-box .nav-link {
  grid-template-columns: 24px calc(100% - 24px);
}

.sidebar #reportcollapsesidemenu.inner-Submenu-box .nav-link .siderbar-icon {
  width: 27px;
}

.inner-Submenu-box.collapse ul li .nav-link,
.inner-Submenu-box.collapsing ul li .nav-link {
  background-position: 23px;
  background-repeat: no-repeat;
  padding: 0px 0 0px 43px;
}

.sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded='false'] {
  background: url(../images/collapse-arrow.png);
  background-position: right 3px;
  background-repeat: no-repeat;
  border: none;
  margin-top: 0;
}

.sidebar-menu-list .nav-item .nav-link.collapse[aria-expanded='true'] {
  background: url(../images/collapse-arrow-collapse.png);
  background-position: right 7px;
  background-repeat: no-repeat;
  border: none;
  margin-top: 0;
}

.sidebar .collapse .nav-link {
  padding: 0.5rem 1rem 0.5rem 45px;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.navbar-brand {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  display: block;
  padding: 12px 0 50px 0;
  margin: 0 0 60px 0;
  position: relative;
}

.navbar-brand img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.navbar .navbar-toggler {
  top: 0.25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: 0.75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.sidebar-menu-list {
  height: calc(100vh - 106px);
  overflow-y: scroll;
  padding: 0px 0 20px 0;
  overflow-x: hidden;
}

.sidebar-menu-list::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.sidebar-menu-list::-webkit-scrollbar-track {
  background: #1a2b56;
}

.sidebar-menu-list::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

.sidebar.collapsing.collapse-horizontal {
  transition: width 0s ease;
}

/* sidebar and top header style end */

/*login page start*/
.login-page {
  width: 100%;
  height: 100vh;
  background: #1a2b56 url(../images/login-bg.png) no-repeat;
  background-position: top left;
  background-size: contain;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  overflow-y: auto;
  padding: 0 0 30px 0;
}

.login-page .login-box {
  text-align: center;
  margin: 0 auto;
  display: table;
}

.login-page .login-box h4 {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0 0 0;
  padding: 0;
}

.login-page .frm-fields {
  width: 100%;
  text-align: left;
  margin: 25px 0 0 0;
}

.login-page .frm-fields label {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  border-left: 2px solid #ff7d00;
  padding: 0 0 0 5px;
  text-transform: capitalize;
}

.login-page .frm-fields input[type='text'],
.login-page .frm-fields input[type='email'],
.login-page .frm-fields input[type='password'] {
  width: 100%;
  box-shadow: none;
  background: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 5px;
  margin: 0 0 10px 0;
}

.login-page .frm-fields input[type='text']:focus,
.login-page .frm-fields input[type='email']:focus,
.login-page .frm-fields input[type='password']:focus {
  box-shadow: none;
}

.login-page .frm-fields input {
  width: 100%;
  box-shadow: none;
  background: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 5px;
  margin: 0 0 10px 0;
}

.login-page .frm-fields input::placeholder {
  color: #ffffff;
}

.login-page .frm-fields input:focus {
  box-shadow: none;
}

.login-page .frm-fields select {
  width: 100%;
  box-shadow: none;
  background-color: none;
  background: url(../images/white-drop-arrow.png) no-repeat;
  background-position: right center;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 5px;
}

.login-page .frm-fields select option {
  color: #222222;
  font-size: 14px;
}

.login-page .frm-fields datalist {
  width: 100%;
  box-shadow: none;
  background-color: none;
  background: url(../images/white-drop-arrow.png) no-repeat;
  background-position: right center;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 5px;
}

.login-page .frm-fields select option {
  color: #222222;
  font-size: 14px;
}

.login-page .frm-fields span.error-msg {
  text-transform: capitalize;
  font-size: 13px;
  color: #ff0000;
  font-weight: 500;
  background: rgba(255, 0, 0, 0.2);
  border-radius: 5px;
}

.login-page button {
  width: 100%;
  box-shadow: none;
  border: none;
  margin: 0px 0 0 0;
  background: #ff7d00;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 13px 0;
}

.login-page a.backtologin {
  width: 100%;
  box-shadow: none;
  border: none;
  margin: 0px 0 0 0;
  background: #ff7d00;
  color: #ffffff;
  text-align: center;
  font-size: 15px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 13px 0;
  display: table;
}

.login-page a.backtologin:hover {
  background: #576eff !important;
}

.login-page button svg {
  margin: 0 0 0 5px;
}

.login-page a.backtologin svg {
  transform: rotate(180deg);
  margin: 0 4px 0 0px;
}

.login-page .backtologin svg {
  transform: rotate(180deg);
  margin: 0 4px 0 0px;
}

.login-page a.backtologin {
  background: #22253a;
  padding: 19px 0;
  margin-top: 26px;
}

.login-page .new-registration {
  text-align: center;
  width: 100%;
  color: #b2b9e1;
  font-size: 14px;
  margin: 15px 0 0 0;
  font-weight: 500;
}

.login-page .new-registration a {
  color: #ff7d00;
  text-decoration: none;
}

.login-frm {
  position: relative;
}

.login-logo {
  width: 470px;
}

/* New Login Box Design  Strat*/

/*Login Start */

.logo-box {
  height: 150px;
}

.formInput {
  background: #fff;
  overflow-y: auto;
}

.form-title h1 {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 46px;
  color: var(--title);
  margin-bottom: 35px;
}

.form-inputIcons {
  position: absolute;
  left: 20px;
}

.formInput p {
  color: var(--seconderyColor);
}

.registerLink {
  color: var(--linkColor);
}

.registerLink:hover {
  color: var(--linkHover);
}

.passwordViewBtn {
  position: absolute;
  right: 20px;
  width: 30px;
  height: 30px;
  z-index: 2;
}

.innerpassword {
  top: 40px;
  right: 10px;
}

.changepassword {
  top: 38px;
  right: 10px;
}

.clearInput {
  position: absolute;
  top: 27px;
  right: 47px;
  z-index: 1;
}

/*.passwordViewBtn img {
  margin: -16px 0 0 0px;
}*/

.form-box {
  width: 470px;
}

form {
  margin: 0;
  width: 100%;
}

.colour-picker-label {
  color: #222222;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  width: 100%;
  padding: 5px 5px 3px 5px;
  display: block;
  border-radius: 5px;
  z-index: 1;
}

.inputboxpadding input[type='text'] {
  border-radius: 7px;
  background: #ffffff;
  border: none;
}

.login-frm .select2-container .select2-selection--single {
  height: 60px !important;
  display: flex !important;
  align-items: center;
}

.input-field {
  position: relative;
  line-height: 44px;
  display: flex;
  align-items: center;
}

/* .input-field label {pointer-events: none;position: absolute;top: 8px;left: 50px;width: auto;color: #767676;transition: 0.2s all;cursor: text;} */

.input-field label {
  position: absolute;
  top: -9px;
  left: 37px;
  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;
}

.input-field input {
  font-weight: 500;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0 0 0 50px;
  border: 1px solid #d3d3d3;
  box-shadow: none;
  color: #111;
  height: 60px;
}

.input-field input:invalid {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
}

.input-field input:focus,
.input-field input:valid {
  border-color: var(--linkColor);
}

.input-field input:focus~label,
.input-field input:valid~label {
  font-size: 15px;
  top: 2px;
  color: #adadad;
  display: table;
  line-height: 14px;
  left: 37px;
}

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

.input-field ::-webkit-input-placeholder {
  /* Edge */
  color: #fff;
}

.input-field :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.input-field ::placeholder {
  color: #fff;
}

/* Custom Check box */
.remember-box {
  display: flex;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.remember-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.remember-box .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eeeeee59;
  border-radius: 3px;
  border: 2px solid #c6c6c6;
}

.remember-box:hover input~.checkmark {
  background-color: #ccc;
}

.remember-box input:checked~.checkmark {
  background-color: #ff7d00c9;
  border: 2px solid #ff7d00;
}

.remember-box .checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.remember-box input:checked~.checkmark:after {
  display: block;
}

.remember-box .checkmark:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.remember-box .remember-text {
  color: #fff;
  text-decoration: none;
  font-size: var(--bs-body-font-size);
}

/* Custom Check box */

.form-check-label {
  color: #d1d7ff;
}

.forgotPassword,
.backtologin {
  color: #fff;
  text-decoration: none;
}

.forgotPassword:hover {
  color: #ff7d00;
  cursor: pointer;
}

.btnForm {
  height: 60px;
  width: 220px;
  background: var(--button);
  border-color: var(--button);
}

.btnForm:hover {
  background: var(--ButtonHover) !important;
}

.form-box .form-check input {
  border: 2px solid #d1d7ff;
  background: transparent;
}

.backtologin:hover {
  color: #8999ff;
}

.login-page button:hover {
  background: #576eff !important;
  box-shadow: none;
}

/*new Login page Design  End */

/*login page end*/

/*select company page start*/
.login-page select.select-company-list {
  width: 100%;
  box-shadow: none;
  background: none;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ffffff;
  padding: 5px;
  margin: 0 0 10px 0;
}

/* .select2-container--bootstrap-5
          {
              left: 910px !important;
          }
          .login-frm .select2-container--bootstrap-5
          {
              left: unset !important;
          }
          .set-location-box .select2-container--bootstrap-5
          {
              left: unset !important;
          }
          .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
              margin-top: -30px !important;
              margin-left: 0px !important;
          } */
/*select company page end*/

/*global header style start*/
header {
  box-shadow: none;
  background: #ffffff;
}

header .navbar-brand {
  background: #1a2b56;
  position: relative;
  text-align: center;
  height: 60px;
}

header .navbar-brand img {
  width: 85px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

header .page-titles,
.steps-header .page-titles {
  width: 100%;
  padding: 10px 0 9px 0px;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  text-transform: capitalize;
  display: flex;
  align-content: center;
  justify-content: flex-start;
}

header .page-titles {
  color: #1a2b56;
  font-size: 20px;
  display: flex;
  align-items: center;
}

header .siderbar_collapse_btn {}

.steps-header .page-titles-right {
  width: auto;
  padding: 10px 0 9px 0px;
  font-size: 18px;
  font-weight: 600;
  color: #1a2b56;
  text-transform: capitalize;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  text-decoration: none;
}

header .page-titles.page-titles-right {
  justify-content: flex-end;
}

header .profile-box {
  width: 45px;
  height: 45px;
  border: 3px solid #e95b0b;
  border-radius: 48px;
}

header .profile-box img {
  width: 100%;
  height: 100%;
  border: 2px solid #ffffff;
  border-radius: 50px;
}

header .dropdown-toggle::after {
  border: none;
}

.roundOnline {
  width: 11px;
  height: 11px;
  background: #77d82a;
  border-radius: 50px;
  position: absolute;
  right: 5px;
  bottom: 0;
  border: 1px solid #55c100;
}

header .account-settings {
  display: flex;
  width: 100%;
  padding: 10px 10px;
  font-size: 15px;
  color: #fff;
  text-decoration: none;
  position: relative;
  align-items: center;
}

header .account-settings p {
  margin-left: 5px;
  margin-bottom: 0;
  font-size: 14px;
  color: #fff;
}

header .account-settings:hover:before {
  opacity: 1;
}

header .account-settings:before {
  content: '';
  width: 7px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 2px 2px 0px;
  background: #ea5b0c;
  opacity: 0;
  z-index: 1;
}

header .account-settings:hover:after {
  opacity: 0.3;
}

header .account-settings:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 2px 2px 0px;
  background: linear-gradient(90deg, #ea5b0c 50%, #1a2b56 90%);
  opacity: 0;
  z-index: -1;
}

header.navbar {
  padding-right: 15px;
  padding-left: 15px;
}

header .dropdown-menu.show {
  display: block;
  background: #1a2b56;
  padding: 0;
  width: 200px;
}

a.page-titles {
  color: #1a2b56;
  text-decoration: none;
}

.page-back {
  margin: -1px 7px 0 0;
}

header .navbar-nav {
  padding: 0 0px 0 0;
  margin: 0 15px 0 0;
}

header select.form-select {
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  height: 40px;
  border-radius: 7px;
  font-size: 14px;
  color: #222222;
  width: 350px;
}

header .select2-container {
  width: 350px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}

header select.form-select:hover,
header select:focus {
  box-shadow: none;
  outline: none;
}

.header-add-new,
.header-delete-btn {
  position: relative;
  padding: 0;
  width: auto;
  margin: 0 0 0 15px;
  display: grid;
  justify-content: center;
  background: #e95b0b;
  border-radius: 5px;
  white-space: nowrap;
}

.header-add-new a,
.header-delete-btn a {
  display: flex;
  padding: 10px 10px 10px 15px;
  background: #e95b0b;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 500;
  height: 38px;
  align-items: center;
  position: relative;
  min-width: 150px;
}

.header-add-new a:before {
  content: '+';
  width: 20px;
  height: 20px;
  background: #ffffff;
  color: #222222;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-weight: 500;
  top: 50%;
  left: -9px;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 100px;
  border: 1px solid #e95b0b;
}

.header-delete-btn a:before {
  content: '-';
  width: 20px;
  height: 20px;
  background: #ffffff;
  color: #222222;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
  font-weight: 500;
  top: 50%;
  left: -9px;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 100px;
  border: 1px solid #e95b0b;
}

/*global header style end*/

/*sidebar style start*/
.sidebar {
  /*top: 50px;*/
  background: #1a2b56;
  padding: 0;
  z-index: 99;
  min-width: 17.5vw;
}

.sidebar .nav-item {
  display: block;
  align-items: center;
  margin: 0 0 0px 0;
  width: 100%;
  position: relative;
}

.sidebar .nav-item a {
  text-decoration: none;
}

.sidebar .nav-link {
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  align-items: center;
  position: relative;
  padding: 0.5rem 1rem 0.5rem 15px;
  font-weight: 500;
  height: 40px;
  display: grid;
  grid-template-columns: 35px calc(100% - 35px);
}

.sidebar .nav-link.active {
  color: #fff;
}

.sidebar .nav-link:before {
  content: '';
  width: 7px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 2px 2px 0px;
  background: #ea5b0c;
  opacity: 0;
  z-index: 9;
}

.sidebar .nav-link:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0px 2px 2px 0px;
  background: linear-gradient(90deg, #ea5b0c 80%, #1a2b56 100%);
  opacity: 0;
  z-index: 9;
}

.sidebar .nav-link.active:before {
  opacity: 1;
}

.sidebar .nav-link.active:after {
  opacity: 0.3;
}

.sidebar .nav-link:hover:before {
  opacity: 1;
}

.sidebar .nav-link:hover:after {
  opacity: 0.3;
}

.sidebar .nav-link .siderbar-icon {
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  position: relative;
}

.sidebar .nav-link .siderbar-icon svg {
  width: 100%;
}

.sidebar .nav-link span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px 0 10px;
  z-index: 99;
  position: relative;
}

ul.list-unstyled.fw-normal.small .nav-link span {
  /* max-width: 150px; */
  line-height: normal;
}

.sidebar .nav-item span.tooltips-custom {
  width: auto;
  height: auto;
  background: #ffffff;
  display: inline-block;
  color: #222222;
  padding: 5px 10px;
  border-radius: 7px;
  position: absolute;
  /* top: 50%; */
  top: 0;
  /* right: 40px; */
  left: 70px;
  font-size: 12px;
  transform: translateY(-50%);
  opacity: 0;
  z-index: 999;
}

.sidebar .nav-item span.tooltips-custom::before {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

.sidebar.navbar-fixed {
  top: 0;
  /* z-index: 99999; */
  z-index: 99;
  /* position: fixed; */
  width: auto;
  transition: 0.6s all;
}

/* sidebar end */

/* sidebar toggle start */
.sidebar.collapse.show {
  min-width: 5.625vw;
  width: 5.625vw !important;
  transition: all 0.6s ease;
}

.sidebar.collapse.show .nav-link span {
  display: none;
}

.sidebar.collapse.show .main_content_shift {
  padding-left: 5rem;
}

.sidebar.collapse.show .navbar-brand img {
  max-width: 50%;
}

.sidebar.collapse:not(.show) {
  display: block;
}

.sidebar.collapse.show .navbar-brand {
  margin-bottom: 25px;
}

/* .sidebar.collapse.show {
          display: block;
      } */

/* sidebar toggle end */

/* tool tip start */

span.tooltips-custom {
  width: auto;
  height: auto;
  background: #ea5b0b;
  display: inline-block;
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 3px;
  position: absolute;
  top: 22px;
  right: 62px;
  font-size: 12px;
  opacity: 0;
  white-space: nowrap;
  z-index: 999;
}

span.tooltips-custom::after {
  content: '';
  position: absolute;
  top: 33%;
  right: 0;
  margin-right: -9px;
  border-width: 5px;
  border-style: solid;
  border-color: #ea5b0b00 #69bb1800 #2d060600 #ea5b0b;
}

.frm-fields-box a:hover~span.tooltips-custom,
.frm-fields-box video:hover~span.tooltips-custom {
  opacity: 1;
}

/* tool tip End */

/* Common Tab Start */

.commonTab.tabs ul li {
  padding: 5px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.commonTab.tabs ul li.active {
  background: #1a2b56;
  padding: 5px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 3px solid #e95b0b;
  border-left: none;
  border-top: none;
  border-right: none;
}

.commonTab.tabs ul li.active a {
  color: #fff;
  font-weight: 400;
}

.commonTab.tabs ul li a {
  color: black;
  font-weight: 400;
}

/* Common Tab End */

.sidebar .nav-item:hover span.tooltips-custom {
  opacity: 1;
}

.sidebar-logout {
  height: auto;
  background: #313e92;
  padding: 50px 0 20px 0;
  text-align: center;
}

.sidebar-logout .user-profile-pic {
  width: 70px;
  height: 70px;
  background: #222222;
  border-radius: 100px;
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -35px;
}

.sidebar-logout .user-profile-pic img {
  width: 100%;
  border-radius: 100px;
}

.sidebar-logout .account-settings {
  width: 100%;
}

.sidebar-logout .account-settings a {
  color: #ffffff;
  font-size: 15px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 600;
}

.sidebar-logout .account-settings svg {
  margin: 0 0 0 10px;
  fill: #ffffff;
}

.sidebar-logout .profile-edits {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
}

.sidebar-logout .profile-edits svg {
  margin: 3px 0 0 0;
}

.sidebar-profile-update {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: #ea5a0c;
  display: block;
}

.sidebar-profile-update svg {
  margin: 3px 0 0 0;
}

/*sidebar style end*/
/*global data table style start */

.custom-multi-select .dropdown-menu.show {
  background: #eef0f6;
  padding: 0;
}

.custom-multi-select .bs-searchbox {
  background: #fff;
  padding: 20px 20px;
  border-bottom: 1px solid #c6d0ed;
}

.bs-searchbox+.bs-actionsbox {
  border-bottom: 1px solid #c6d0ed;
  padding: 10px 20px;
}

.custom-multi-select .form-control {
  box-shadow: 0 3px 9px rgb(13 110 253 / 25%);
  position: relative;
}

.custom-multi-select .form-control:after {
  content: '';
  position: absolute;
  background-image: url(../images/option-search-icon.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  right: 10px;
  top: 5px;
}

.custom-multi-select .bootstrap-select .dropdown-menu li a {
  display: flex;
  padding: 9px 20px;
}

.custom-multi-select .bootstrap-select .dropdown-menu li a span.check-mark {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #c6c6c6;
  position: unset;
  border-radius: 6px;
  background: #fff;
}

.custom-multi-select .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  display: flex;
  width: 25px;
  height: 25px;
  border: 1px solid #c6c6c6;
  position: unset;
  border-radius: 6px;
  background: #1a2b56;
  align-items: center;
  justify-content: center;
}

.custom-multi-select .bootstrap-select .bs-ok-default:after {
  display: none;
}

.custom-multi-select .bootstrap-select .selected .bs-ok-default:after {
  display: block;
  width: 7px;
  height: 13px;
  border-style: solid;
  border-width: 0 3px 3px 0;
  margin-top: -4px;
}

.custom-multi-select .bootstrap-select .bs-ok-default:after {
  border-color: #fff;
}

.custom-multi-select .bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-left: 10px;
  font-size: 14px;
}

.custom-multi-select .frm-fields-box .bs-select-all,
.custom-multi-select .frm-fields-box .bs-deselect-all {
  width: auto !important;
  padding: 10px 5px 10px 30px !important;
  background: transparent !important;
  border: none !important;
  font-size: 14px !important;
  color: #222222 !important;
  margin-right: 10px;
}

.custom-multi-select .bs-actionsbox .btn-group {
  padding: 0 0 0px 20px;
  display: inline-flex;
}

.custom-multi-select .bootstrap-select .selected .bs-ok-default:after {
  display: block;
  width: 7px;
  height: 13px;
  border-style: solid;
  border-width: 0 3px 3px 0;
  margin-top: -4px;
}

.custom-multi-select .bs-searchbox+.bs-actionsbox {
  padding: 0 0px 0px;
}

.custom-multi-select .dropdown-item.active,
.custom-multi-select .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #dbe0ef;
}

.custom-multi-select .dropdown-item:hover,
.custom-multi-select .dropdown-item:focus {
  color: #1e2125;
  background-color: #dbe0ef;
}

.new-addNewRowtable .custom-multi-select button:before {
  content: none;
}

.new-addNewRowtable .custom-multi-select {
  min-height: auto;
  margin: 0;
}

.new-addNewRowtable .custom-multi-select button {
  margin: 0;
  align-items: center;
  padding: 0 15px;
  justify-content: center;
}

.new-addNewRowtable .custom-multi-select button.dropdown-toggle .filter-option {
  height: auto;
}

.dashboard-data-list {
  width: 100%;
  /* height: 150px; */
  margin: 10px 0 20px 0;
  padding: 8px 0px;
  /* display: table; */
  position: relative;
}

.dashboard-data-list::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.dashboard-data-list::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

.dashboard-data-list::-webkit-scrollbar-thumb {
  /* background: #969696; */
  background: var(--primery-orange);
  border-radius: 100px;
}

.dashboard-data-list .data-list-row table {
  border: none;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 5px;
}

.dashboard-data-list .data-list-row thead {
  background: #dadffd;
}

.dashboard-data-list .data-list-row thead th {
  border-bottom: none;
  font-size: 12px;
  /* padding: 15px 0 15px 20px; */
  /* padding: 15px; */
}

.dashboard-data-list .data-list-row tfoot {
  background: #f2f5ff;
}

.dashboard-data-list .data-list-row tfoot th {
  border: none;
}

.dashboard-data-list .data-list-row tfoot th button.clear-filters {
  background: #e70f0f;
  font-size: 14px;
  padding: 3px 12px;
  width: auto;
  min-width: 130px;
  border: none;
  min-height: 31px;
}

.dashboard-data-list .data-list-row tfoot th select {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  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;
  padding: 1px 6px 1px 6px;
  min-width: 6rem;
}

.dashboard-data-list .data-list-row tbody {
  border: none;
}

.dashboard-data-list .data-list-row tbody tr {
  background: #f9faff;
  border-radius: 5px;
  padding: 10px;
  width: 98%;
  position: relative;
  margin: 0 0 15px 0;
}

/* .cstmtable-repsonsive table#subDataTable thead tr th { white-space: nowrap;  }
             .cstmtable-repsonsive table#subDataTable thead tr th:nth-child(11) {  white-space: normal; text-align: center; } */
/* .cstmtable-repsonsive table#subDataTable thead tr th:nth-child(4) {
          min-width: 180px;
      } */
.cstmtable-repsonsive table#subDataTable thead tr th:nth-child(12) {
  text-align: center;
}

.dashboard-data-list .data-list-row tbody tr.table-scroll td {
  white-space: inherit;
  text-align: center;
}

.dashboard-data-list .data-list-row table tr.table-scroll th.main-txt {
  white-space: inherit;
}

.cstmtable-repsonsive {
  /* overflow-x: scroll;min-width: 1280px; */
  /* width: calc(100% - 25%); overflow-x: auto; */
}

.dashboard-data-list .data-list-row .col-sm-12 {
  overflow-x: auto;
  display: inline-block;
}

.dashboard-data-list .data-list-row thead tr {
  background: inherit;
}

.dashboard-data-list .data-list-row table td {
  vertical-align: middle;
  box-shadow: none;
  border: none;
  font-size: 13px;
  color: #666666;
  font-weight: normal;
  border-right: 1px solid #dadffd;
  /* white-space: nowrap; */
}

.dashboard-data-list .data-list-row table td:last-child {
  border-right: none;
}

.align-middle-table-buttons {
  display: inline-flex;
  justify-content: center;
  width: calc(100% - 17px);
}

.dashboard-data-list .data-list-row table td:last-child.dataTables_empty {
  display: table-cell;
}

.dashboard-data-list .data-list-row table thead td {
  border-right: 1px solid #c1c9fa !important;
}

.dashboard-data-list .data-list-row table thead td:last-child {
  border-right: none !important;
}

.dashboard-data-list .data-list-row table th.main-txt {
  border-right: 1px solid #c1c9fa;
  white-space: nowrap;
}

.dashboard-data-list .data-list-row table tfoot th.main-txt {
  border-right: 1px solid #dadffd;
}

.dashboard-data-list .data-list-row table th.main-txt:last-child {
  border-right: none;
}

.dashboard-data-list .data-list-row table tfoot th.main-txt:last-child {
  border-right: none;
}

.dashboard-data-list .data-list-row table .main-txt {
  color: #1a2b56;
  font-weight: 600;
}

.dashboard-data-list .data-list-row table .main-txt .form-select {
  margin-left: 0 !important;
}

.dashboard-data-list .data-list-row table td span {
  width: 100%;
  display: block;
}

.dashboard-data-list .data-list-row table td.data-id {
  border-right: 1px solid #dadffd;
}

.dashboard-data-list .data-list-row table thead td {
  border-right: 1px solid #dadffd;
}

.dashboard-data-list .data-list-row table td:nth-child(2) {
  /* padding: 15px 0 15px 20px; */
}

.dashboard-data-list .more-options {
  position: absolute;
  top: 0;
  right: -25px;
  width: 20px;
  height: 20px;
}

.dashboard-data-list .more-options .dropdown-toggle::after {
  display: none;
}

.dashboard-data-list .more-options .dropdown-menu {
  min-width: 100px;
}

.dashboard-data-list .more-options .dropdown-item {
  font-size: 13px;
}

.dashboard-data-list .data-status {
  box-shadow: 0px 1px 3px 1px rgb(234 238 255 / 19%);
  padding: 3px 15px;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  min-width: 87px;
  position: relative;
}

.dashboard-data-list .data-status.active-status {
  background: rgba(117, 220, 37, 0.2);
  color: #4e8d1c;
}

.dashboard-data-list .data-status.active-status:hover .ib-tooltip {
  opacity: 1;
}

.dashboard-data-list .data-status.inactive-status:hover .ib-tooltip {
  opacity: 1;
}

.dashboard-data-list .data-list-row table td span.ib-tooltip:hover {
  cursor: default;
}

.dashboard-data-list .data-status.inactive-status {
  background: rgba(234, 34, 34, 0.2);
  color: #ea2222;
}

.dashboard-data-list .channle-btn {
  background: #1a2b56;
  box-shadow: 0px 1px 3px 1px rgb(234 238 255 / 19%);
  color: #ffffff;
  padding: 5px 15px;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
}

.dashboard-data-list .data-list-row table th {
  border-right: 1px solid #c1c9fa;
  color: #1a2b56;
  font-weight: 600;
  border-left: none;
  vertical-align: middle;
}

.dashboard-data-list .data-list-row table tfoot th {
  border-right: 1px solid #dadffd;
}

.dashboard-data-list .data-list-row table th:last-child {
  border-right: none;
}

div.dataTables_wrapper div.dataTables_length select {
  border: 1px solid #ebebeb;
}

.btn-print-recipt,
.btn-print-recipt:hover {
  background: #dadffd;
  color: #1a2b56;
}

.btn-buy-now,
.btn-buy-now:hover,
.btn-buy-now:active,
.btn-buy-now:focus-visible {
  background: #e95b0b !important;
  color: #ffffff !important;
  border-color: #e95b0b !important;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 500;
  height: 38px;
  min-width: 120px;
}

.btn-confirm,
.btn-confirm:hover,
.btn-confirm:active {
  background: #e95b0b !important;
  color: #ffffff !important;
  font-size: 14px;
  border-color: #e95b0b !important;
}

.btnSelect {
  background: #1a2b56;
  color: #fff;
  border-color: #1a2b56;
}

.btnSelect:hover {
  background: #e95b0b !important;
  border-color: #e95b0b !important;
}

.btn-remove,
.btn-remove:hover,
.btn-remove:active,
.btn-remove:focus-visible {
  background: #e70f0f !important;
  color: #fff !important;
  border: none;
}

/*global data table style end */

/* Data table Buttons Start */
/*#tblproductpurchasereportmaster thead tr th {
          width: auto !important;
      }*/

/*.verifiedAndLive {*/
/* background: #0863e8; */
/*background: #1A2B56;
          font-size: 14px;
          padding: 3px 12px;
          width: auto;
          border: none;
          min-height: 31px;
          min-width: 110px;
          margin-right: 5px;
      }
      .verifiedAndLive:hover{
      background: #ff7d00;
      }*/

.data-table-action-button-container {
  position: absolute;
  right: 0;
  display: flex;
  top: 5px;
  gap: 10px;
}

.data-table-action-button-container-productmaster {
    position: relative;
    right: 0;
    display: flex;
    top: 5px;
    gap: 10px;
    justify-content:flex-end
}
/* Data table Buttons End */

.add-new-form input.form-control.displayorder {
    padding: 0 8px;  
    height: 34px;  
    line-height: inherit;  
    text-align: center;
}

.add-new-form input.display-order {
    padding: 0 8px;  
    height: 34px;   
    line-height: inherit;   
    text-align: center;
}

/*global pagination start*/

.paginations {
  padding: 0 40px 20px 0;
}

.paginations .pagination {
  justify-content: flex-end;
}

.paginations .page-link {
  border: none;
  margin: 0;
  color: #7b7b7b;
  padding: 0.2rem 0.7rem;
}

.paginations .page-item:not(:first-child) .page-link {
  margin: 0;
}

.paginations .page-link.active {
  background: #1a2b56;
  color: #ffffff;
  border-radius: 5px;
}

.page-link {
  border: none;
}

.page-item .page-link {
  color: #7b7b7b;
  border-radius: 5px;
}

.page-item .page-link:hover {
  color: #fff;
}

.page-link:hover {
  z-index: 2;
  background-color: #1a2b56;
  border-color: #1a2b56;
  border-radius: 5px;
}

.page-item.active .page-link {
  background: #1a2b56;
  color: #ffffff;
  border-radius: 5px;
  border: none;
}

.page-link:focus {
  outline: none;
  box-shadow: none;
}

.pagination .page-item.disabled a {
  color: #dfdfdf;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  gap: 6px;
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
}

/*global pagination end*/

/* dashboard start*/
.main-page-area {
  /* padding: 10px 0 10px 0; */
  padding: 10px 10px;
  position: relative;
  padding-bottom: 80px;
}

.main-page-area.dashboard-page {
  padding-bottom: 0;
}

.collapse_main_content {
  /* margin-left: 18rem !important; */
  /* padding-left: 18rem !important; */
  padding-left: 1vw !important;
}

.main_content_shift {
  /* margin-left: 18rem !important; */
  /* padding-left: 18rem !important; */
  padding-left: calc(100% - 94.3vw) !important;
  transition: all 0.8s ease;
}

.main-content-area {
  padding-left: calc(100% - 82.5vw);
  transition: all 0.8s ease;
}

main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
  overflow: hidden;
}

.main-white-box {
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0px 7px rgb(168 180 255 / 55%);
  padding: 0 15px 15px 15px;
  height: auto;
  /*overflow: hidden;*/
  margin-bottom: 20px;
  float: left;
  /* overflow-x: scroll; */
}

.main-white-box .frm-fields-box .select2-container--default .select2-selection--single {
  border: none;
}

.send-via-mail {
  align-items: center;
  flex-direction: column;
  gap: 5px;
}

.send-via-mail label {
  white-space: nowrap;
}

.select2-container {
  /* Facing Vertical Scroll Bar ISee*/
  /* width: 100% !important;*/
}

.add-new-form .send-via-mail input {
  border: 1px solid #ebebeb;
  padding: 0;
  min-height: auto;
  height: 36px;
  padding-left: 8px;
}

.dashboard-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.dashboard-header .dashboard-box-title {
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: transparent;
  width: 220px;
  height: 100%;
  padding: 8px 15px;
  color: #222222;
  font-size: 15px;
  font-weight: 600;
}

.dashboard-header .dashboard-actions {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}

.dashboard-header .dashboard-actions a {
  display: block;
  padding: 10px 10px 10px 15px;
  background: #ff7d00;
  border-radius: 0px 10px;
  color: #ffffff;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 500;
}

.dashboard-header .dashboard-actions:before {
  content: '+';
  width: 20px;
  height: 20px;
  background: #ffffff;
  color: #222222;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 100px;
  border: 1px solid #ff7d00;
}

.dashboard-page .dashboard-promotions-box {
  padding: 8px 15px;
}

.carousel-inner {
  padding: 1em;
}

.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: inline-block;
  opacity: 1;
  width: 25px;
  height: 25px;
  background: #1a2b56;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 25px;
  height: 25px;
  background-size: 15px;
  background-position: center;
}

/* @media (min-width: 768px) {
          .carousel-item {
              margin-right: 0;
              flex: 0 0 33.333333%;
              display: block;
          }
      
          .carousel-inner {
              display: flex;
          }
      } */

.promotions-box {
  background: #f9faff;
  border-radius: 5px;
  width: 350px;
  height: auto;
  margin: 0 20px 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.promotions-box .promo-code {
  width: 30%;
  display: block;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #666666;
  font-size: 13px;
  position: relative;
  padding: 30px 0;
}

.promotions-box .promo-code:after {
  content: '';
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-right: 2px dashed #e0e5ff;
}

.promotions-box span {
  width: 100%;
  display: block;
  color: #1a2b56;
  font-weight: 600;
}

.promotions-box .promo-details {
  width: 70%;
  display: block;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 0 0 0 15px;
  font-size: 13px;
  position: relative;
}

.promotions-box .promo-details:before {
  content: '';
  width: 25px;
  height: 25px;
  background: #ffffff;
  border-radius: 100%;
  position: absolute;
  top: -30px;
  left: -14px;
}

.promotions-box .promo-details:after {
  content: '';
  width: 25px;
  height: 25px;
  background: #ffffff;
  border-radius: 100%;
  position: absolute;
  bottom: -30px;
  left: -14px;
}

.promotions-box .promo-details .promo-dates {
  color: #222222;
  font-weight: 500;
  margin: 8px 0 0 0;
}

.promotions-box .promo-status {
  border-radius: 5px;
  display: block;
  padding: 3px 15px;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
}

.promotions-box .promo-status.active-status {
  background: rgba(117, 220, 37, 0.2);
  box-shadow: 0px 1px 3px 1px rgba(234, 238, 255, 0.19);
  color: #4e8d1c;
}

.promotions-box .promo-status.inactive-status {
  background: rgba(234, 34, 34, 0.2);
  box-shadow: 0px 1px 3px 1px rgba(234, 238, 255, 0.19);
  color: #ea2222;
}

.promo-navigation {
  text-align: right;
  width: 100%;
  padding: 10px 15px 0 0;
}

.dashboard-statics {
  background: #ffffff;
  box-shadow: 0px 1px 3px 1px rgba(234, 238, 255, 0.19);
  border-radius: 10px;
  padding: 10px;
}

.dashboard-statics h4 {
  width: 100%;
  color: #1a2b56;
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 10px 0;
  position: relative;
  border-bottom: 1px solid #ebebeb;
}

.dashboard-statics h4:after {
  content: '';
  width: 40%;
  height: 2px;
  background: #1a2b56;
  bottom: 0;
  left: 0;
  position: absolute;
  border-radius: 100px;
}

.dashboard-statics .statics-data-list {
  padding: 20px 0;
}

.dashboard-statics .statics-data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 20px 0;
}

.dashboard-statics .statics-icons {
  width: 55px;
  height: 55px;
  background: rgba(255, 125, 0, 0.2);
  text-align: center;
  border-radius: 100%;
  position: relative;
  display: block;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.dashboard-statics .statics-icons svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dashboard-statics .statics-counter {
  color: #222222;
  font-size: 14px;
  font-weight: normal;
  display: block;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 15px;
}

.dashboard-statics .statics-counter span {
  display: block;
  color: #26348b;
  font-weight: 600;
}

.dashboard-statics .dashboard-message {
  width: 100%;
  background: linear-gradient(180deg, #5663b4 0%, #333b6c 100%);
  box-shadow: 0px 9px 10px -7px rgba(59, 68, 125, 0.3);
  border-radius: 15px;
  height: auto;
  padding: 15px 10px;
}

.dashboard-statics .dashboard-message h4 {
  width: 100%;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  padding: 0 0 10px 0;
  position: relative;
  border-bottom: 1px solid #3d4365;
}

.dashboard-statics .dashboard-message h4:after {
  content: '';
  width: 40%;
  height: 2px;
  background: #ffffff;
  bottom: -1px;
  left: 0;
  position: absolute;
  border-radius: 100px;
}

.dashboard-statics .dashboard-message p {
  font-size: 12px;
  color: #ffffff;
  margin: 0 0 5px 0;
  padding: 0;
}

.dashboard-statics .dashboard-message p span {
  color: #ff7d00;
}

/* dashboard end*/

/* modal New Design Start*/
.modal .modal-content {
  background-color: #f0f2f8;
}

.modal-header {
  border: none;
  justify-content: center;
  padding-bottom: 0;
}

.modal-header .btn-close {
  position: absolute;
  display: none;
}

.btn-close {
  opacity: 1;
  filter: brightness(0) invert(1);
  position: absolute;
  right: 0;
  top: 5px;
}

.btn-close:hover {
  opacity: 1;
}

.btn-close:focus,
.btn-close:hover {
  box-shadow: none;
}

.modal-footer {
  justify-content: center;
  padding: 0 0 15px 0;
  border: none;
}

.modal-footer .btn {
  padding: 7px 14px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 4px;
  min-width: 120px;
  border: 1px solid #cbcbcb;
}

.sweet-alert h2 {
  font-weight: bold;
  font-size: 23px;
  margin: 15px 0;
}

.modal-footer .btn {
  padding: 7px 14px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 4px;
  min-width: 120px;
  border: 1px solid #cbcbcb;
}

.modal-title {
  font-weight: bold;
  font-size: 23px;
  margin: 15px 0 0 0;
}

.modal-body p {
  font-size: 15px;
  text-align: center;
}

/* btn-default */

.modal-footer button.btn-danger {
  border: 1px solid #ac2925;
  background: #e70f0f;
  color: #fff;
}

.modal-footer button.cancel {
  font-size: 14px;
  border: 1px solid #9fafe3;
  background: #d2d9ef;
  color: #212529;
}

.modal-footer button.btn-primary {
  border-color: #ff6815;
  background: #ff6815;
  color: #fff;
}

.modal-footer button.btn-secondary {
  font-size: 14px;
  border: 1px solid #9fafe3;
  background: #d2d9ef;
  color: #212529;
}

/* modal New Design Old */

/*company page start*/
.dashboard-header .box-search {
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: transparent;
  width: auto;
  height: 100%;
  padding: 8px 15px;
  color: #222222;
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

.company-page .dashboard-header input[type='text'] {
  background: #f5f5f5;
  border: 1px solid #ebebeb;
  height: 40px;
  border-radius: 7px;
  font-size: 14px;
  color: #222222;
  width: 250px;
  padding: 0 40px 0 10px;
}

.company-page .dashboard-header input[type='text']:hover,
.company-page .dashboard-header input[type='text']:focus {
  box-shadow: none;
  outline: none;
}

.company-page .dashboard-header .srch-btn {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #1a2b56;
  text-align: center;
  box-shadow: none;
  outline: none;
  border: none;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.dashboard-header .dashboard-actions {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}

.company-page .data-records {
  display: flex;
  justify-content: left;
  align-items: center;
  color: #7b7b7b;
  font-size: 14px;
}

.company-page .page-table-rows {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding: 0 15px 0 0;
}

.company-page .page-table-rows label {
  color: #7b7b7b;
  font-size: 14px;
  width: 90px;
  margin: 0;
}

.company-page .page-table-rows select {
  width: 90px;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
}

.company-page .dashboard-data-list {
  /*height: calc(100vh - 0);*/
  height: 100%;
}

.btnProductType-EventDate-Delete .tble-row-action {
  display: table;
  margin: 0 auto;
}

.tble-row-action {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: inline-flex;
  margin: 0 2px;
  background: #dadffd;
  box-shadow: 0px 1px 3px 1px rgb(234 238 255 / 19%);
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  position: relative;
  padding: 0px 0 0 0;
  justify-content: center;
  align-items: center;
}

.tble-row-action:hover {
  background: #1a2b56;
}

.tble-row-action:hover svg {
  fill: #ffffff;
}

.tble-row-action svg {
  fill: #2b3574;
  width: 16px;
}

.mx-custom-0 {
  /* margin-right: calc(-1*var(--bs-gutter-x));
          margin-left: calc(-1*var(--bs-gutter-x)); */
}

/*company page end*/

/*add new company page start*/
.add-new-company-steps {
  background: #ffffff;
  border-radius: 0px;
  padding: 15px 8px 15px 20px;
  /*position: fixed; top: 59px; left: 265px;*/
  position: sticky;
  top: 63px;
  left: 320px;
  height: 100vh;
  overflow-y: scroll;
}

.add-new-company-steps::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.add-new-company-steps::-webkit-scrollbar-track {
  background: #eeeeee;
}

.add-new-company-steps::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

.add-new-company-steps::-webkit-scrollbar-track {
  background: #ffffff;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* General Custom Scroll Bar Start*/
::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #eeeeee;
}

::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

/* General Custom Scroll Bar End*/

.section-direction {}

.add-new-company-steps span {
  color: #7b7b7b;
  font-size: 14px;
  line-height: 15px;
}

.add-new-company-steps ul {
  display: block;
  padding: 0;
  margin: 20px 0 100px 0px;
  height: calc(100vh - 220px);
  overflow-y: scroll;
}

.add-new-company-steps ul li {
  list-style: none;
  margin: 30px 0;
  display: flex;
  align-items: center;
  font-weight: 600;
  max-width: 317px;
}

.add-new-company-steps ul li span {
  width: 25px;
  height: 25px;
  background: #ffffff;
  border: 1px solid #39469b;
  border-radius: 100px;
  display: block;
  position: relative;
}

.add-new-company-steps ul li span:after {
  content: '';
  width: 7px;
  height: 7px;
  background: #39469b;
  position: absolute;
  top: 51%;
  left: 51%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
  display: block;
}

.add-new-company-steps .steps-name {
  color: #222222;
  font-size: 14px;
  padding: 0 0 0 10px;
  transition: 0s;
  width: calc(100% - 25px);
}

.add-new-company-steps ul li.active .steps-name {
  color: #ea5b0b;
}

.add-new-company-steps ul li.active span {
  border: 1px solid #ea5c0c;
}

.add-new-company-steps ul li.active span:after {
  background: #ea5b0b;
}

.add-new-company-steps .steps-name a {
  text-decoration: none;
  color: inherit;
}

.add-new-company-steps .steps-name:hover {
  color: #39469b;
  transition: 0s;
  cursor: pointer;
}

.companyMobileMenu {
  display: none;
  width: 30px;
}

.responsive {
  display: block !important;
}

.add-new-company-steps-list-box {
  display: flex;
}

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

.steps-header {
  width: 100%;
  border-radius: 0px;
  padding: 0px 0 0 0px;
  color: #1a2b56;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  margin: 15px 0 0px 0px;
}

.add-new-form .main-white-box h2.steps-header {
  width: calc(100% + 30px);
  border-radius: 0px;
  padding: 13px 13px 13px 13px;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 700;
  margin: 0px 0 7px -15px;
  /* background: #1A2B56; */
  background: #1a2b56;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
  height: 44px;
}

.newBlueHeader {
  width: calc(100% + 30px);
  border-radius: 0px;
  padding: 13px 0 13px 13px;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 700;
  margin: 0px 0 7px -15px;
  background: #1a2b56;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.newBlueHeaderButton span {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.newBlueHeaderButton input[type='button'] {
  display: flex;
  padding: 7px 14px 7px 14px;
  background: #ff7d00;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 500;
  align-items: center;
  position: relative;
  margin-left: auto;
  z-index: 2;
  width: auto;
}

.steps-header.commonTitleBg {
  width: calc(100% + 16px);
  border-radius: 0px;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 13px 0 13px 13px;
  color: #ffffff;
  text-transform: capitalize;
  margin: -9px 0 7px -8px;
  background: #1a2b56;
}

#homepagemenusmaster .frm-fields-box,
#homepagemenusmaster .locations-box {
  border: 1px solid #d3d9eb;
}

#viewModal .modal-content {
  overflow: hidden;
}

#viewModal .modal-content .btn-close {
  opacity: 1;
  filter: invert(1);
  margin-top: 0px;
}

.modal .steps-header {
  font-size: 18px;
  font-weight: 600;
}

.setnavToggle {
  padding: 0 10px 0 10px;
}

.setnavToggle button {
  padding: 5px 5px;
  font-size: 16px;
  background: #1b1f4e;
  position: initial !important;
}

.setnavToggle button:hover {
  background: #ff7d00;
}

.navbar-toggler-icon {
  padding: 10px;
}

/* input type color rounded corner Start */

.colorpickerbox {
  position: absolute;
  right: 15px;
  top: 18px;
  z-index: 1;
}

.colorpickerbox input {
  -webkit-appearance: none;
  padding: 0;
  border: none;
  border-radius: 30px;
  width: 45px;
  height: 45px;
  overflow: hidden;
}

.colorpickerbox input::-webkit-color-swatch {
  border: none;
  border-radius: 10px;
  padding: 0;
}

.colorpickerbox input::-webkit-color-swatch-wrapper {
  border: none;
  border-radius: 10px;
  padding: 0;
}

/* input type color rounded corner Start */
/* .add-new-form input[type="text"], 
      .add-new-form input[type="password"] {
      } */
.add-new-form input.form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

.add-new-form input.form-check-input[type='checkbox'] {
  border: 1px solid #c6c6c6;
  margin-top: 0px;
}

.add-new-form input.form-check-input[type='checkbox']:checked {
  border-color: #ff7d00;
}

.add-new-form input {
  background: #ffffff;
  border: none;
  padding: 0 0 10px 5px;
  padding: 0 0 19px 5px;
  width: 100%;
}

.add-new-form .wrap {
  position: relative;
  margin: 20px 10px 0px 10px;
}

.add-new-form .wrap label {
  position: absolute;
  color: #878787;
  font-weight: 500;
  top: 0;
  font-size: 14px;
  margin: 10px;
  padding: 0 10px;
  background-color: #ffffff;
  -webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
}

.add-new-form .wrap .active {
  top: -20px;
  color: #1a2b56;
}

.add-new-form .wrap input[type='text'],
.add-new-form .wrap input[type='password'] {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  font-size: 15px;
  color: #222222;
}

.add-new-form .wrap textarea {
  width: 100%;
  border-radius: 7px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  font-size: 15px;
  color: #222222;
}

.add-new-form .wrap textarea:focus {
  outline: none;
}

.add-new-form .wrap input[type='text']:focus {
  outline: none;
}

.add-new-form input[type='email'] {
  border-radius: 7px;
  background: #ffffff;
  /* width: 100%; */
  width: auto;
}

.add-new-form .wrap {
  position: relative;
  margin: 20px 10px 0px 10px;
}

.add-new-form .wrap label {
  position: absolute;
  color: #878787;
  font-weight: 500;
  top: 0;
  font-size: 14px;
  margin: 10px;
  padding: 0 10px;
  background-color: #ffffff;
  -webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
}

.add-new-form .wrap .active {
  top: -20px;
  color: #1a2b56;
}

.add-new-form .wrap input[type='email'] {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  font-size: 15px;
  color: #222222;
}

.add-new-form .wrap input[type='email']:focus {
  outline: none;
}

.add-new-form input[type='tel'] {
  border-radius: 7px;
  background: #ffffff;
  width: 100%;
}

.add-new-form .wrap {
  position: relative;
  margin: 20px 10px 0px 10px;
}

.add-new-form .wrap label {
  position: absolute;
  color: #878787;
  font-weight: 500;
  top: 0;
  font-size: 14px;
  margin: 10px;
  padding: 0 10px;
  background-color: #ffffff;
  -webkit-transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
  transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
}

.add-new-form .wrap .active {
  top: -20px;
  color: #1a2b56;
}

.add-new-form .wrap input[type='tel'] {
  width: 100%;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  font-size: 15px;
  color: #222222;
}

.add-new-form .wrap input[type='tel']:focus {
  outline: none;
}

.add-new-form .field-checkbox {
  width: 100%;
  margin: 5px 10px 20px 0px;
  position: relative;
  float: left;
  display: flex;
  align-items: center;
  gap: 7px;
}

.add-new-form .field-checkbox label {
  color: #7b7b7b;
  font-size: 13px;
}

.locations-box .field-checkbox {
  margin-top: 31px;
}

.closButton .clearInput {
  font-size: 13px;
  top: 28px;
  height: 23px;
  width: 23px;
}

.add-new-form .locations-box {
  position: relative;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  padding: 0 0px;
  background: #fff;
  margin: 10px 0 5px 0;
  min-height: 78px;
}

.add-new-form .locations-box .row {
  margin-left: -2px;
  margin-right: 0;
}

.locations-box.withBorder {
  margin: 10px 0 5px 0;
  position: relative;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  padding: 0;
  background: #fff;
  width: 100%;
  float: left;
  min-height: 80px;
}

.locations-box.withBorder .field-checkbox {
  margin-top: 0px;
  width: 100%;
  margin: 0 0 19px 5px;
  position: relative;
}

.locations-box.withBorder .form-check-label {
  color: #212529;
  font-size: 13px;
}

.locations-box .form-check-label {
  color: #212529;
  font-size: 13px;
}

.add-new-form .locations-box .box-lbls {
  /*top: 0;
              left: 0;*/
}

.add-new-form .locations-box .wrap {
  margin-left: 0;
}

.chekboxSpacing {
  margin: 15px 0px 0px 0px !important;
}

.prev.available,
.next.available {
  display: none;
}

.calendar-table .table-condensed thead {
  background: #eef0f6;
  display: inline-block;
  width: 100%;
  padding: 17px 12px 0 12px;
}

.calendar-table .table-condensed thead tr {
  display: flex;
  justify-content: space-between;
  padding: 0px 0 11px 0;
}

.calendar-table .table-condensed tbody {
  display: inline-block;
  width: 100%;
  padding: 0 12px 0 12px;
}

.daterangepicker .calendar .monthselect,
.daterangepicker .calendar .yearselect {
  margin-right: 2%;
  width: 48%;
  height: 40px !important;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #b7bff8;
}

.daterangepicker .calendar th.month {
  width: 100%;
  height: auto;
}

.daterangepicker {
  padding: 0px !important;
}

.daterangepicker.ltr .calendar.left {
  padding: 0 !important;
  margin: 0 !important;
}

.daterangepicker.ltr .calendar.left .calendar-table {
  padding: 0 !important;
  width: 100%;
}

.daterangepicker .calendar th {
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #1a2b56;
}

.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #4d4d4d;
}

.daterangepicker .calendar td {
  height: 35px;
  width: 60px;
}

.daterangepicker .calendar td.start-date.end-date {
  border-radius: 24px;
}

.daterangepicker .calendar td.active,
.daterangepicker .calendar td.active:hover {
  background-color: #1a2b56;
  border-color: transparent;
  color: #fff;
}

/* Drop Down calender Design Start */

/* New Date Range Picker Start */
.daterangepicker .calendar-table th {
  border: 1px solid #08c;
  border-radius: 4px;
  display: table;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  padding: 0 5px;
}

.daterangepicker .drp-calendar.right,
.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.left .calendar-table,
.daterangepicker .drp-calendar.calendar.right .calendar-table,
.daterangepicker .calendar-table {
  padding: 0 !important;
}

.daterangepicker.show-calendar .ranges,
.show-calendar.opensright .ranges {
  margin: 0 !important;
  padding: 0 !important;
}

.calendar-table .table-condensed tbody tr {
  display: flex;
  justify-content: space-around;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  margin-right: 0 !important;
  width: auto !important;
  border: none !important;
}

.drp-calendar.left .calendar-table .table-condensed thead tr th:nth-child(3) {
  /*display: none;*/
}

.drp-calendar.right .calendar-table .table-condensed thead tr th:nth-child(1) {
  /*display: none !important;*/
}

.daterangepicker .calendar-table th.prev,
.daterangepicker .calendar-table th.next {
  background: #1a2b56 !important;
  border-radius: 5px !important;
}

.daterangepicker .calendar-table th.prev span,
.daterangepicker .calendar-table th.next span {
  border-color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: #1a2b56 !important;
}

.daterangepicker .calendar-table th {
  margin: 0;
}

.daterangepicker.ltr.show-calendar.opensright th.month {
  width: auto !important;
  gap: 5px;
  display: flex;
  height: 25px;
  background: transparent;
  padding: 0;
}

.daterangepicker.ltr.show-calendar.opensright th.month select.monthselect,
.daterangepicker.ltr.show-calendar.opensright th.month select.yearselect {
  border-radius: 4px;
  height: 26px;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
  margin-top: 20px;
  float: left;
  width: 100%;
}

.daterangepicker .drp-buttons .btn {
  font-weight: normal !important;
  padding: 8px 18px !important;
  background: #1a2b56 !important;
  border-color: #1a2b56 !important;
}

.daterangepicker .drp-buttons .btn.btn-default {
  background: #ccc !important;
  border-color: #ccc !important;
}

.daterangepicker .calendar-table th {
  background: transparent;
}

.daterangepicker.ltr.show-calendar.opensright td {
  width: 32px;
  height: 32px;
  line-height: 29px;
}

.daterangepicker.ltr.show-calendar.opensright td.start-date.end-date {
  border-radius: 18px;
}

.daterangepicker.ltr.show-calendar.opensright td.start-date {
  border-radius: 18px 0 0 18px;
}

.daterangepicker.ltr.show-calendar.opensright td.end-date {
  border-radius: 0 18px 18px 0;
}

.daterangepicker.ltr.show-calendar.opensright:after,
.daterangepicker.ltr.show-calendar.opensright:before {
  left: 50%;
  transform: translate(-50%, 0);
}

.daterangepicker.ltr.show-calendar.opensright select.hourselect,
.daterangepicker.ltr.show-calendar.opensright select.minuteselect,
.daterangepicker.ltr.show-calendar.opensright select.secondselect,
.daterangepicker.ltr.show-calendar.opensright select.ampmselect {
  width: 61px;
  margin: 0 auto;
  background: #f2f5ff;
  border: 1px solid #dadffd;
  padding: 3px;
  outline: 0;
  font-size: 12px;
  border-radius: 4px;
}

.daterangepicker.ltr.show-calendar.opensright {
  box-shadow: 0 4px 25px rgb(58 71 155 / 38%);
}

.daterangepicker.ltr.show-calendar.opensright .drp-selected {
  /*color: #b5b9d1;*/
}

.daterangepicker.ltr.show-calendar.opensright .drp-buttons {
  border-top: 1px solid #ebebeb;
}

.drp-calendar.left.single .calendar-table .table-condensed thead tr th.next {
  display: block;
}

/* Drop Down calender Design End */
/* Video Container Strat*/
.videoUploadButton {
  float: left;
}

.video_prviewBox {
  position: absolute;
  float: left;
  z-index: 0;
  right: 7px;
  top: 7px;
}

.video_prviewBox #BannerVideoPreview {
  width: 45px;
  height: 70px;
  object-fit: cover;
  position: relative;
  z-index: 0;
  border-radius: 4px;
}

.video_prviewBox #BannerVideoPlay {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  padding: 0;
}

.video_prviewBox #BannerVideoPlay svg {
  width: 22px;
}

.video_prviewBox #BannerVideoPause {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: transparent;
  padding: 0;
}

/* Video Container End*/

/* .add-new-form .box-lbls {
          color: #222222;
          font-size: 14px;
          text-transform: capitalize;
          font-weight: 600;
          position: absolute;
          top: 0.8px;
          left: 3px;
          background: #fff;
          width: 94%;
          padding: 5px 5px 3px 5px;
          display: block;
          border-radius: 5px;
          z-index: 1;
      } */

.add-new-form .box-lbls {
  color: #222222;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 5px 5px 3px 5px;
  display: block;
}

.add-new-form label[for='SalutationId'] {
  background: transparent;
}

.add-new-form .box-lbls-statics {
  color: #222222;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  /* margin: 20px 0 10px 10px; */
  margin: 10px 0 10px 10px;
  display: block;
}

.add-new-form .facilities-outer-box {
  position: relative;
  width: auto;
  margin: 0px;
  padding: 0 0 0 11px;
  min-height: 49px;
}

.inputboxpadding {
  width: 100%;
  padding: 0px 20px 20px 0;
  border: none;
  font-size: 15px;
  color: #222222;
}

.inputboxpadding .minicolors-theme-default.minicolors {
  width: 100%;
  display: inline-block;
  padding: 0 0 7px 0;
}

.inputboxpadding .minicolors-theme-default.minicolors input[type='text'] {
  width: 80%;
  height: auto;
  padding-bottom: 0;
  padding-left: 5px;
}

.inputboxpadding .minicolors-theme-default .minicolors-swatch {
  top: -12px;
  left: auto;
  width: 46px;
  height: 46px;
  right: 0;
  border-radius: 50px;
  overflow: hidden;
  outline: 2px solid #d6d6d6;
  outline-offset: 3px;
}

.locations-box .minicolors .minicolors-grid {
  background-position: -131px 0;
}

.minicolors .minicolors-grid {
  background-position: -130px 0 !important;
}

.minicolors-position-left .minicolors-panel {
  left: auto !important;
  right: 0 !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none;
}

.add-new-form .facilities-inner-box {
  width: 125px;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  font-size: 15px;
  color: #222222;
  position: relative;
  padding: 4px 15px 4px 5px;
  border-radius: 7px;
  margin-top: 6px;
}

.add-new-form .facilities-inner-box.facilities-inner-box-new {
  width: 170px;
}

.add-new-form .checked-icon {
  display: inline-block;
  margin: 0 10px 0 0;
}

.add-new-form .facilities-inner-box svg {
  fill: #b0b0b0;
}

.add-new-form .facilities-names {
  display: inline-block;
  font-size: 13px;
  color: #878787;
  font-weight: 500;
}

.add-new-form .facilities-outer-box input[type='checkbox'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
}

.add-new-form .facilities-outer-box input[type='checkbox']:checked~.facilities-inner-box {
  border-color: #1a2b56;
  background: rgba(58, 71, 155, 0.13);
}

.add-new-form .facilities-outer-box input[type='checkbox']:checked~.facilities-inner-box .facilities-names {
  color: #1a2b56;
}

.add-new-form .facilities-outer-box input[type='checkbox']:checked~.facilities-inner-box svg {
  fill: #1a2b56;
}

.add-new-form .facilities-outer-box input[type='radio'] {
  position: absolute;
  top: 0;
  stroke: #ababab;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
}

.add-new-form .facilities-outer-box input[type='radio']:checked~.facilities-inner-box {
  border-color: #1a2b56;
  background: rgba(58, 71, 155, 0.13);
}

.add-new-form .facilities-outer-box input[type='radio']:checked~.facilities-inner-box .facilities-names {
  color: #1a2b56;
}

.add-new-form .facilities-outer-box input[type='radio']:checked~.facilities-inner-box svg {
  fill: #1a2b56;
  stroke: #1a2b56;
}

.add-new-form #SalutationId {
  padding: 33px 20px 20px 10px;
}

/* #RoleId {
          padding: 33px 20px 20px 10px;
      } */

.add-new-form select {
  width: 100%;
  background: #ffffff;
  font-size: 15px;
  color: #222222;
  background: url(../images/dropdown-arrow.png) no-repeat;
  background-position: top right;
  background-size: 25px;
  margin-top: 0px;
  border-radius: 7px;
  border: none;
  /* START -  Data table Row Count dropdwon issue facing */
  /*Date : 25/07/2023 */
  /*padding: 0 0 19px 5px;*/
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
  /*END -*/
}

.add-new-form select:focus {
  outline: none;
  box-shadow: none;
}

.add-new-form select option:hover {
  background-color: #1a2b56;
}

.add-new-form .form-select[multiple] {
  height: 200px;
}

.add-new-form .form-select[multiple] option:hover {
  background-color: #1a2b56;
}

.add-new-form .form-select[multiple]::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.add-new-form .form-select[multiple]::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

.add-new-form .form-select[multiple]::-webkit-scrollbar-thumb {
  background: #969696;
  border-radius: 100px;
}

.add-new-form .form-submit-box {
  width: auto;
  box-shadow: none;
  padding: 10px;
  /*margin: 50px 0 0 0;*/
  display: flex;
  align-items: center;
  justify-content: right;
}

.add-new-form .modal-footer .form-submit-box {
  margin: 20px 0 0 0;
}

.add-new-form button {
  background: #1a2b56;
  border-radius: 5px;
  color: #ffffff;
  font-size: 15px;
  border: none;
  text-transform: capitalize;
  white-space: nowrap;
}

.add-new-form button:hover {
  background: #e95b0b;
}

.add-new-form button:focus {
  outline: none;
}

/*add new company page end*/

/*form error message style start */
.field-validation-error {
  color: #ff0000;
  font-size: 13px;
  /* background: #303b87;
              padding: 8px 10px;
              border-radius: 10px;
              font-weight: 600;
              display: block; */
}

.field-validation-error.login-error-msg {
  display: table;
  padding: 3px 10px;
  border-radius: 0;
  font-weight: 400;
  margin-right: auto;
  margin-bottom: 7px;
  background: #ff0000;
  color: #fff;
}

.field-validation-error.login-error-msg.select-company-validation {
  margin: 8px 0 auto;
}

/*form error message style end */

:focus-visible {
  outline: none;
}

/*toaster design start*/
.jq-toast-heading {
  padding: 8px 0 0 0;
}

.jq-toast-single {
  background: #fff;
  color: #878787;
  min-height: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  word-break: break-word;
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 15px;
  margin: 0px 0px 2px;
  background: none;
  line-height: inherit;
  letter-spacing: normal;
  font-weight: normal;
  color: #1d1d1d;
  padding-top: 1px;
}

.jq-icon-info {
  color: #ababab;
  font-weight: normal;
  border: 1px solid #77b8d7;
  font-size: 13px;
  background-color: #ffffff;
}

.jq-toast-single .jq-toast-loader {
  background-color: #6192ff !important;
}

.jq-icon-success .jq-toast-loader {
  background-color: #41b05f !important;
  left: -1px;
}

.jq-icon-error .jq-toast-loader {
  background-color: #ea2222 !important;
  left: -1px;
}

.jq-icon-warning .jq-toast-loader {
  background-color: #ffbd23 !important;
  left: -1px;
}

.jq-has-icon {
  border: 1px solid #6192ff;
}

.jq-toast-single.jq-has-icon::after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  border-radius: 10px;
  background-position: center;
  left: 10px;
  background-size: 17px;
  transform: translate(0, -50%);
}

.jq-toast-single.jq-has-icon::after {
  background-image: url(../images/information.png);
  background-color: #6192ff;
}

.jq-icon-warning {
  border: 1px solid #ffbd23;
}

.jq-toast-single.jq-has-icon.jq-icon-warning::after {
  background-image: url(../images/warning.png);
  background-color: #ffbd23;
}

.jq-icon-error {
  border: 1px solid #ea2222;
}

.jq-toast-single.jq-has-icon.jq-icon-error::after {
  background-image: url(../images/error.png);
  background-color: #ea2222;
}

.jq-icon-success {
  border: 1px solid #41b05f;
}

.jq-toast-single.jq-has-icon.jq-icon-success::after {
  background-image: url(../images/success.png);
  background-color: #41b05f;
}

.jq-toast-wrap {
  width: 330px;
}

.jq-has-icon {
  padding: 20px 10px 20px 50px;
}

/*toaster design end*/

/*admn list page start*/
.admin-listing-page .dashboard-data-list {
  height: auto;
}

/*admn list page end*/

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected='true'] {
  background: #1a2b56 !important;
}

.select2-dropdown.select2-dropdown--above {
  top: -10px;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  display: table;
  width: 100%;
  margin-bottom: -2px;
}

/* login company section drop down start */

/* login company section drop down End */

/* new form style start */

/* .frm-fields-box {
          margin: 20px 0px 0px 0px;
          position: relative;
          width: 100%;
          display: table;
          word-break: break-all;
      } */

.frm-fields-box {
  width: 100%;
  padding: 0px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  font-size: 15px;
  color: #222222;
  position: relative;
  float: left;
  border-radius: 7px;
  margin: 10px 0 5px 0;
  padding: 0 0 0px 0;
  min-height: 80px;
}

.eg-box .form-check-label {
  font-size: 13px;
  color: #b3b3b3;
}

input {
  padding: 0 5px;
}

.frm-fields-box .bootstrap-tagsinput {
  width: 100%;
  padding: 0px 10px 10px 7px;
  background: #ffffff;
  font-size: 15px;
  color: #222222;
  min-height: 45px;
  max-height: 51px;
  border-radius: 7px;
  overflow-y: scroll;
}

.frm-fields-box .bootstrap-tagsinput::-webkit-scrollbar {
  /* width: 3px;
              height: 1px; */
  height: 6px;
  width: 6px;
}

.frm-fields-box .bootstrap-tagsinput::-webkit-scrollbar-track {
  background: #ffffff;
  margin-top: 4px;
  margin-bottom: 5px;
}

.frm-fields-box .bootstrap-tagsinput::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

.frm-fields-box .bootstrap-tagsinput .tag {
  display: inline-block;
  margin-bottom: 5px;
  background: #1a2b56;
  border-radius: 3px;
  padding: 5px 10px;
}

.frm-fields-box.txtbox-tags input.styl {
  width: 100%;
}

.bootstrap-tagsinput .tag [data-role='remove'] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role='remove']:after {
  content: 'x';
  padding: 0px 2px;
}

.frm-fields-box.txtbox-tags input[type='text'] {
  width: 100%;
  padding: unset;
  background: unset;
  border: unset;
  font-size: unset;
  color: unset;
  height: 30px;
}

.frm-fields-box.txtbox-tags .bootstrap-tagsinput input[type='text'] {
  width: 100%;
}

/*.frm-fields-box.confirmation-Emails-box .bootstrap-tagsinput {
          min-height: 31px;
          max-height: 44px;
      }
      
          .frm-fields-box.confirmation-Emails-box .bootstrap-tagsinput input[type="text"] {
              height: 30px;
              width: 100%;
          }
      */

/* .frm-fields-box input[type="text"] {
          width: 100%;
          padding: 33px 20px 20px 10px;
          background: #FFFFFF;
          border: 1px solid #EBEBEB;
          font-size: 15px;
          color: #222222;
          position: relative;
          float: left;
          
      }
      .frm-fields-box textarea {
          width: 100%;
          padding: 33px 20px 20px 10px;
          background: #FFFFFF;
          border: 1px solid #EBEBEB;
          font-size: 15px;
          color: #222222;
          border-radius: 5px;
          resize: none;
      } */

.frm-fields-box input[type='text'] {}

.frm-fields-box textarea {
  width: 100%;
  resize: none;
  border: none;
  padding: 0 5px;
}

.input-validation-error {
  border-color: #ff0404 !important;
}

.frm-fields-box .dateRange {
  position: relative;
  float: left;
  width: 100%;
}

.frm-fields-box .datarangeLabel {
  z-index: 1;
  padding: 5px 5px 3px 5px;
}

.frm-fields-box .dateRange:after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: '';
  border: none;
  background: url(../images/calendar-1.png) no-repeat;
  background-position: center center;
  background-size: 43px;
  width: 34px;
  height: 30px;
  position: absolute;
  top: -5px;
  right: 10px;
  z-index: 2;
  pointer-events: none;
}

.custom-datepicker.frm-fields-box input[type='text'] {
  cursor: pointer;
}

.frm-fields-box .dropdown.bootstrap-select {
  width: 100% !important;
}

.add-new-form .dropdown.bootstrap-select.show-tick.frm-fields-box {
  margin: 0;
  border: none;
  min-height: auto;
  position: relative;
}

.add-new-form .dropDown-bootstrap {
  z-index: 1;
}

.daterangepicker .calendar th.prev,
.daterangepicker .calendar th.next {
  background: #c3cbff;
}

.daterangepicker .calendar th.prev::after,
.daterangepicker .calendar th.next::after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: '';
  border: none;
  background: url(../images/dropdown-arrow.png) no-repeat;
  background-position: center center;
  background-size: 25px;
  width: 21px;
  height: 9px;
}

.frm-fields-box .dropdown.bootstrap-select button {
  width: 100%;
  background: #ffffff;
  font-size: 15px;
  color: #222222;
  min-height: calc(1.5em + 0.5rem + 2px);
  height: auto;
  align-items: center;
}

.frm-fields-box .dropdown.bootstrap-select button:hover {
  color: #222222;
}

.new-addNewRowtable .custom-multi-select .btn-check:checked+.btn,
.new-addNewRowtable .custom-multi-select .btn.active,
.new-addNewRowtable .custom-multi-select .btn.show,
.new-addNewRowtable .custom-multi-select .btn:first-child:active,
.new-addNewRowtable .custom-multi-select :not(.btn-check)+.btn:active {
  background-color: transparent !important;
  border-color: transparent !important;
}

.frm-fields-box .dropdown.bootstrap-select .bs-select-all,
.frm-fields-box .dropdown.bootstrap-select .bs-deselect-all {
  width: 50%;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #ebebeb;
  font-size: 15px;
  color: #222222;
}

.frm-fields-box .dropdown.bootstrap-select .bs-deselect-all {
  float: right;
}

.frm-fields-box .dropdown.bootstrap-select .bs-select-all:after,
.frm-fields-box .dropdown.bootstrap-select .bs-deselect-all:after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: '';
  border: 1px solid #c6d0ed;
  width: 25px;
  height: 25px;
  background: #fff;
  position: absolute;
  left: 0px;
  border-radius: 5px;
}

.frm-fields-box .dropdown.bootstrap-select .bs-select-all.newCheck:after,
.frm-fields-box .dropdown.bootstrap-select .bs-deselect-all.newCheck:after {
  width: 25px;
  height: 25px;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  background: #1a2b56;
  align-items: center;
  justify-content: center;
}

.frm-fields-box .dropdown.bootstrap-select .bs-select-all.newCheck:before,
.frm-fields-box .dropdown.bootstrap-select .bs-deselect-all.newCheck:before {
  content: '';
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  width: 7px;
  height: 13px;
  border-style: solid;
  border-width: 0 3px 3px 0;
  margin-top: 0;
  position: absolute;
  left: 9px;
  z-index: 1;
  top: 13px;
  border-color: #fff;
}

.frm-fields-box .dropdown.bootstrap-select button:after {
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  content: '';
  border: none;
  background: url(../images/dropdown-arrow.png) no-repeat;
  background-position: center center;
  background-size: 25px;
  width: 21px;
  height: 9px;
}

.frm-fields-box input[type='text']:focus {
  outline: none;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box .dropdown.bootstrap-select button:focus {
  outline: none !important;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box textarea:focus {
  outline: none !important;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box input[type='file'] {
  width: 100%;
  background: #ffffff;
  font-size: 15px;
  color: transparent;
  border-radius: 7px;
  height: 31px;
}

.frm-fields-box input[type='email'] {
  width: 100%;
  background: #ffffff;
  font-size: 15px;
  color: #222222;
}

.frm-fields-box input[type='email']:focus {
  outline: none;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box input[type='password'] {
  width: 100%;
  background: #ffffff;
  font-size: 15px;
  color: #222222;
}

.frm-fields-box input[type='password']:focus {
  outline: none;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box input[type='tel'] {
  width: 100%;
  background: #ffffff;
  font-size: 15px;
  color: #222222;
}

.frm-fields-box input[type='tel']:focus {
  outline: none;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box input[type='number']:focus {
  outline: none;
  box-shadow: none;
  border-color: #313e92;
}

.frm-fields-box.configure-setting-btn .box-lbls {
  position: relative;
  display: block;
}

.frm-fields-box.configure-setting-btn a {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
  background: #39469a;
  border-radius: 5px;
}

.frm-fields-box.stripe-connect-btn .box-lbls {
  position: relative;
  display: block;
}

.frm-fields-box.stripe-connect-btn a {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
  background: #39469a;
  border-radius: 5px;
}

.default-blue-button {
  display: inline-block;
  margin: 0px 0 8px 5px;
  padding: 6px 10px;
  color: #ffffff;
  text-decoration: none;
  background: #39469a;
  border-radius: 5px;
  font-size: 13px;
}

.default-blue-button:hover {
  color: #d8ddff;
}

.frm-fields-box.strip-status-box .box-lbls {
  position: relative;
  margin: 0;
}

.frm-fields-box.strip-status-box .strip-status-green {
  color: green;
  margin: 7px 0 0 0px;
  font-weight: bold;
  font-size: 20px;
}

.frm-fields-box.strip-status-box .strip-status-red {
  color: red;
  padding: 7px 0 0 5px;
  font-weight: bold;
  font-size: 20px;
}

.frm-fields-box.set-location-box .box-lbls {
  z-index: 9;
}

.frm-fields-box.set-location-box {
  margin-top: 20px;
}

/* add new admin start */
.add-new-admin-pic {
  width: 100%;
  margin: 10px 0 5px 0;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  padding: 0 9px;
  height: 76px;
  position: relative;
}

.add-new-admin-pic img {
  border-radius: 100px;
  width: 37px;
  height: 37px;
  position: relative;
  z-index: 1;
}

/* add new admin end */

table.dataTable>thead .sorting:before {
  top: 13px;
}

table.dataTable>thead .sorting:after {
  top: 18px;
}

.select2-container {
  margin: 0px 0 0 0 !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background: #1a2b56;
  flex-direction: row-reverse !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice span {
  color: #ffffff;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  background: url(../images/tag-delete.png) no-repeat !important;
  background-size: cover !important;
  border: none !important;
  margin-left: 0.25rem !important;
  box-shadow: none !important;
}

/*sweealert box design start */
.sweet-alert {
  padding: 17px 17px 30px 17px;
  overflow: visible;
}

.sweet-alert button.cancel {
  font-size: 14px;
  border: 1px solid #9fafe3;
  background: #d2d9ef;
}

.sweet-alert .btn.cancel:first-child:active {
  color: #ffffff;
}

.sweet-alert h2 {
  font-weight: bold;
  font-size: 23px;
  margin: 15px 0;
  font-size: 20px;
  font-weight: 600;
}

.sweet-alert p {
  font-size: 15px;
}

.sweet-alert .btn-lg,
.sweet-alert .btn-group-lg>.btn {
  padding: 7px 14px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 4px;
  min-width: 120px;
  border: 1px solid #cbcbcb;
}

.sweet-alert .btn-primary {
  border-color: #ff6815;
  background: #ff6815;
}

.sweet-alert .btn-info {
  border: 1px solid #46b8da;
  background: #46b8da;
}

.sweet-alert .btn-success {
  border: 1px solid #4cae4c;
  background: #4cae4c;
}

.sweet-alert .btn-warning {
  border: 1px solid #d58512;
  background: #d58512;
}

.sweet-alert .btn-danger {
  border: 1px solid #ac2925;
  background: #e70f0f;
}

.sweet-alert button:focus-visible {
  outline: none;
}

.sweet-alert .sa-warning,
.sweet-alert .sa-success,
.sweet-alert .sa-danger {
  display: none !important;
}

.sweet-alert .sa-icon {
  margin: 20px auto 8px !important;
}

/* .sweet-alert .sa-confirm-button-container button {
              background: #FF7D00;
              border-radius: 5px;
              color: #ffffff;
              font-size: 14px;
              border: none;
          } */

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
}

.sweet-alert .sa-icon.sa-custom {
  width: 110px !important;
  height: 110px !important;
  margin-top: -68px !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-info:focus,
.btn-success:focus,
.btn-warning:focus,
.btn-danger:focus {
  box-shadow: none;
}

.modal-content {
  border: none;
}

.modal-body {
  padding: 0 !important;
}

.modal-body .carousel-inner {
  padding: 0 !important;
}

.modal-body .carousel-inner img {
  width: 100%;
}

#previewModal .btn-close {
  width: 30px;
  height: 30px;
  background: #fff;
  opacity: 1;
  border-radius: 50%;
  font-size: 44px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1;
  filter: brightness(1) invert(0);
}

#previewModal .btn-close span {
  line-height: 0px;
  font-size: 50px;
  display: flex;
}

.btnfileDeleteFromModal {
  padding: 7px 0px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 8px;
  min-width: 50px;
  border: 1px solid #ac2925;
  background: #e70f0f;
  color: #fff;
  position: absolute;
  bottom: 10px;
  /* transform: translate(-50%); */
  bottom: 10px;
  right: 10px;
  background-image: url(/admin/images/delete.png);
  background-repeat: no-repeat;
  background-size: 30px;
  height: 50px;
  background-position: center center;
  color: transparent;
}

.video_prviewBox .btnfileDelete {
  top: -4px;
  right: -5px;
}

.btnfileDelete {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 21px !important;
  height: 21px;
  background: #2b3574;
  display: flex;
  padding: 0;
  text-decoration: none;
  line-height: 10px;
  font-size: 22px !important;
  color: #fff;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.modal.gallery-modal .file-preview {
  border: none;
}

.modal.gallery-modal .btn-close {
  opacity: 1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 44px;
  position: absolute;
  /* top: -20px;
          right: -20px; */
  top: -12px;
  right: -12px;
  z-index: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: brightness(1) invert(0);
}

.modal.gallery-modal .alert-danger {
  margin-bottom: 0;
  padding: 10px 20px;
}

.modal.gallery-modal .file-preview {
  padding-top: 0;
}

.modal.gallery-modal .file-drop-zone {
  margin: 15px 15px 12px 12px;
}

/* .modal.gallery-modal .file-input .file-preview .btn-close {
          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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
          opacity: 1;
          right: 34px;
          top: 31px;
          background-color: #e8a812;
          border-radius: 5px;
          width: 5px;
          height: 5px;
          filter: invert(1);
          background-size: 11px;
          background-position: center;
          background-repeat: no-repeat;
      } */

.kv-fileinput-error.file-error-message .btn-close {
  position: unset;
  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 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  opacity: 1;
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f7aeae;
  border-radius: 3px;
  height: 13px;
  margin-top: -4px;
  width: 13px;
}

.modal.gallery-modal .file-caption {
  width: 100%;
  position: relative;
  padding: 0px 20px 20px 20px;
}

/* #kvFileinputModal.modal .modal-dialog.modal-lg::after{
          content: "";
          width: 100vw;
          height: 100vh;
          background: #000000a8;
          position: fixed;
          left: 0;
          z-index: -1;
          top: 0;
      
      } */

#kvFileinputModal.file-zoom-dialog.modal.fade.show::after {
  content: '';
  width: 100vw;
  height: 100vh;
  background: #000000a8;
  position: fixed;
  left: 0;
  z-index: -1;
  top: 0;
}

#kvFileinputModal h6.modal-title {
  font-weight: bold;
  font-size: 18px;
  margin: 5px 0 0 10px;
}

/* popup Image Container start */

.custompopscroll {
  height: calc(100vh - 160px);
  overflow: auto;
}

.newPopupModal .btn-close {
  opacity: 1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 44px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newPopupModal .modal-dialog {
  max-width: 80vw;
}

.popupContainer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(215px, 230px));
  gap: 11px;
}

.popheading-box {
  padding: 10px 16px;
}

.popheading-box h2 {
  font-size: 22px;
}

.popDeleall button {
  background: #e70f0f;
  font-size: 14px;
  padding: 3px 12px;
  width: 100%;
  border: none;
  min-height: 31px;
}

.popImageSelectAll {
  display: flex;
  justify-content: space-between;
}

.popImageSelectAll .form-check-label,
.popImage-button .form-check-label {
  color: #222222;
  font-size: 13px;
  font-weight: 500;
}

.popImageSelectAll .field-checkbox,
.popImage-button .field-checkbox {
  display: flex;
  align-items: center;
  gap: 5px;
}

.popImageSelectAll .form-check-input,
.popImage-button .form-check-input {
  margin-top: 0;
}

.popImage-container {
  border: 1px solid #c6c6c6;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  overflow: hidden;
}

.popImage {
  display: flex;
  justify-content: center;
  height: 180px;
  background: #eeeeee;
}

.popImage img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.popImage-text {
  width: 100%;
}

.popImage-text p {
  font-size: 12px;
  color: #1a2b56;
  font-weight: 500;
  text-align: left;
}

.popImage-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.popchakbox {}

.pop-buttonset {
  display: flex;
  gap: 5px;
}

.pop-buttonset button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: inline-flex;
  margin: 0px;
  background: #dadffd;
  box-shadow: 0px 1px 3px 1px rgb(234 238 255 / 19%);
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  position: relative;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border: none;
}

.pop-buttonset button svg {
  fill: #2b3574;
  width: 15px;
}

.poptext-imagebox {
  padding: 10px 10px;
}

.modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
  cursor: default;
  display: inline;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(213px, 213px));
  gap: 4px;
}

.modal.gallery-modal .krajee-default.file-preview-frame .kv-file-content {
  width: 100%;
  height: 128px;
}

.modal.gallery-modal .krajee-default.file-preview-frame {
  border-radius: 5px;
}

/* popup Image Container End */

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 620px;
  }

  .long_width_modal .modal-dialog {
    max-width: 90%;
  }

  .modal.gallery-modal .modal-dialog {
    /* max-width: 1140px; */
    max-width: 85%;
    height: calc(100vh - 77px);
  }

  .modal.gallery-modal .file-drop-zone {
    min-height: 50vh;
    max-height: 50vh;
    overflow-y: auto;
    background: #fff;
  }

  .file-drop-zone-title {
    padding: 241px 10px;
  }
}

/*sweealert box design end */

/* :root {
          scrollbar-face-color: rgb(210,210,210); /* Firefox 63 compatibility 
          scrollbar-track-color: rgb(46,54,69); /* Firefox 63 compatibility 
          scrollbar-color: rgb(210,210,210) rgb(46,54,69);
          scrollbar-width: 3px;
      } */

.admin-company-selection {
  display: block;
  align-items: center;
  padding: 0;
  width: auto;
  min-width: 250px;
  margin: 0 15px 0 0px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}

/*tooltip start*/
.ib-tooltip {
  width: auto !important;
  height: auto;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 7px;
  position: absolute;
  font-size: 12px;
  text-transform: capitalize;
  opacity: 0;
  z-index: 99;
}

.ib-tooltip-light {
  background: #ffffff;
  color: #1a2b56;
}

.ib-tooltip-dark {
  background: #1a245f;
  color: #ffffff;
}

.ib-tooltip-top {
  left: 50%;
  transform: translateX(-50%);
  top: -32px;
  pointer-events: none;
}

.ib-tooltip-top:hover {
  cursor: unset;
}

.ib-tooltip-bottom {
  left: 50%;
  transform: translateX(-50%);
  bottom: -32px;
}

.header-add-new:hover .ib-tooltip {
  opacity: 1;
}

.tble-row-action:hover .ib-tooltip {
  opacity: 1;
}

/*tooltip end*/
.form-check-input:focus {
  outline: none;
  box-shadow: none;
}

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

.border-box-middle-align {
  display: flex;
  align-items: center;
  padding: 0px 0 0 8px;
  position: relative;
  border: 1px solid #ebebeb;
  border-radius: 7px;
  background: #fff;
  margin: 10px 0 5px 0;
  min-height: 78px;
  font-weight: 600;
}

/*change password page start */
.change-password-page .form-submit-box {
  justify-content: center;
  box-shadow: none;
  margin: 0 0;
  margin-left: auto;
  display: table;
  padding: 20px 0 0 0;
}

.change-password-image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.change-password-image img {
  width: 500px;
}

.change-password-page .add-new-form {
  padding: 100px 50px;
  background: #edefff;
  margin-left: -15px;
}

.change-password-page .add-new-form h2 {
  font-size: 25px;
  color: #222222;
}

.change-password-page .add-new-form p {
  font-size: 14px;
  color: #858893;
  margin-bottom: 25px;
}

.change-password-page .frm-fields-box {}

.change-password-page .main-white-box {
  overflow: hidden;
}

.change-password-page button {
  padding: 15px 25px;
}

.change-password-page button:hover {
  background: #1a2b56;
}

.change-password-page button:focus {
  box-shadow: none;
  outline: none;
}

/*change password page end */

.richtexteditor {
  margin: 20px 0 0 0;
}

/* upload image preview start */

.upload-img-preview {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #ffffff;
  border-radius: 100px;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

/* file upload control with preview start */
.upload-preview-image {
  width: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  height: 60px;
  font-size: 5px;
  object-fit: cover;
  z-index: 1;
  border-radius: 4px;
}

.otherImagesPreviewBox {
  width: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  height: 60px;
  font-size: 5px;
  object-fit: cover;
  background: #e2e2e2;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.otherImagesPreviewBox svg path {
  fill: #ea5a0c;
}

.otherImagesPreviewBox .btnfileDelete {
  top: -5px;
  right: -4px;
  z-index: 2;
}

/* file upload control with preview end */

.otherImagesPreviewBox svg path {
  fill: #ea5a0c;
}

.otherImagesPreviewBox .btnfileDelete {
  top: -5px;
  right: -4px;
  z-index: 2;
}

/* file upload control with preview end */
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white !important;
  background-color: #0d6efd;
  padding: 0.2rem;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #000;
}

/*add new company image gallery popup start*/

.image-gallery-area {
  width: 100%;
  height: 500px;
  background: #ffffff;
  overflow-y: scroll;
  padding: 0;
}

.gallery-box {
  width: 100%;
  height: 130px;
  display: block;
  position: relative;
  margin: 10px 0;
}

.image-galler-popup .carousel-item {
  width: 100%;
  display: block;
  flex: 100%;
}

.image-gallery-area::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.image-gallery-area::-webkit-scrollbar-track {
  background: #eeeeee;
}

.image-gallery-area::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

.gallary-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.banner-image-gallery-model .carousel-control-prev,
.banner-image-gallery-model .carousel-control-next {
  width: 50px;
  height: 50px;
}

.banner-image-gallery-model .carousel-control-prev-icon,
.banner-image-gallery-model .carousel-control-next-icon {
  width: 45px;
  height: 50px;
}

.banner-image-gallery-model .carousel-control-prev {
  left: -31px;
}

.banner-image-gallery-model .carousel-control-next {
  right: -31px;
}

/*add new company image gallery popup end*/

.video-icon {
  width: 40px;
  height: 40px;
  /* border-radius: 100px; border:1px solid #1A2B56; */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.video-icon svg {
  margin: 7px 0 0 7px;
}

.video-icon:before {
  width: 25px;
  height: 25px;
  background: #eeeeee;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: url(../images/white-play.png) no-repeat;
  background-size: auto;
  z-index: 999;
  top: 10px;
}

.video-icon::after {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  top: 7px;
  left: -3px;
  position: absolute;
  border-radius: 100px;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none;
}

.gallery-box {
  width: 100%;
  height: 130px;
  display: block;
  position: relative;
  margin: 10px 0;
}

.image-galler-popup .carousel-item {
  width: 100%;
  display: block;
  flex: 100%;
}

.image-gallery-area::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

.image-gallery-area::-webkit-scrollbar-track {
  background: #eeeeee;
}

.image-gallery-area::-webkit-scrollbar-thumb {
  background-color: #ea5b0c;
}

.gallary-navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.banner-image-gallery-model .carousel-control-prev,
.banner-image-gallery-model .carousel-control-next {
  width: 50px;
  height: 50px;
}

.banner-image-gallery-model .carousel-control-prev-icon,
.banner-image-gallery-model .carousel-control-next-icon {
  width: 45px;
  height: 50px;
}

.banner-image-gallery-model .carousel-control-prev {
  left: -31px;
}

.banner-image-gallery-model .carousel-control-next {
  right: -31px;
}

/*add new company image gallery popup end*/

.video-icon {
  width: 40px;
  height: 40px;
  /* border-radius: 100px; border:1px solid #1A2B56; */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.video-icon svg {
  margin: 7px 0 0 7px;
}

.video-icon:before {
  width: 25px;
  height: 25px;
  background: #eeeeee;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: url(../images/white-play.png) no-repeat;
  background-size: auto;
  z-index: 999;
  top: 10px;
}

.video-icon::after {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  top: 7px;
  left: -3px;
  position: absolute;
  border-radius: 100px;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none;
}

/* Add New Row Table Design Start */

/* #tblRoleMaster tbody tr td:nth-child(2) {
          width: 60%
      } */

.table.table-bordered.table-striped tbody tr td:last-child {
  /*display: flex;*/
  justify-content: center;
}

.new-addNewRowtable {
  position: relative;
}

.new-addNewRowtable .table-bordered> :not(caption)>*>* {
  border-style: none;
  box-shadow: none;
}

.new-addNewRowtable table {
  border: none;
  margin: -5px 0 0 0;
  border-collapse: separate;
  border-spacing: 0 5px;
}

.table-container {
  overflow-y: auto;
  max-height: 370px;
  overflow-x: hidden;
}

.new-addNewRowtable thead {
  background: #dadffd;
  position: sticky;
  top: 0;
  /* z-index: 9; */
  z-index: 1;
}

.new-addNewRowtable thead th {
  border-right: 1px solid #c1c9fa !important;
  border-bottom: none;
  font-size: 12px;
  padding: 13px 5px 13px 5px;
  color: #1a2b56;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.new-addNewRowtable thead th:last-child {
  border-right: none !important;
}

.new-addNewRowtable tbody {
  display: table-row-group;
}

.new-addNewRowtable table tbody tr {
  background: #f2f5ff;
  border: none;
  border-right: 1px solid #dadffd;
  color: #1a2b56;
  font-weight: 600;
}

.new-addNewRowtable table tbody tr td {
  border-right: 1px solid #dadffd !important;
}

.new-addNewRowtable table tbody tr td:last-child {
  border-right: none !important;
}

.new-addNewRowtable table tbody tr td input {
  background: #ffffff;
  border: 1px solid #ced4da;
  width: 100%;
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.new-addNewRowtable table tbody tr td input[type='button'] {
  background: #e70f0f;
  font-size: 14px;
  padding: 3px 12px;
  width: 100%;
  border: none;
  min-height: 31px;
  border-radius: 0.375rem;
}

.new-addNewRowtable button {
  display: flex;
  margin-top: 10px;
  padding: 10px 10px 10px 15px;
  background: #e95b0b;
  border-radius: 5px;
  color: #ffffff;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 500;
  height: 38px;
  align-items: center;
  position: relative;
  margin-left: auto;
  z-index: 2;
  margin-bottom: 10px;
}

.new-addNewRowtable button:hover {
  background: #ff7d00;
}

.new-addNewRowtable button:before {
  content: '+';
  width: 20px;
  height: 20px;
  background: #ffffff;
  color: #222222;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-weight: 500;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 100px;
  border: 1px solid #ff7d00;
}

.newaddNewRowtableBtn {
  background: #1a2b56;
  border-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  border: none;
  text-transform: capitalize;
  height: 38px;
}

.newaddNewRowtableSubmitBtn {
  width: 100%;
  box-shadow: none;
  padding: 10px;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: -48px;
  margin-left: -10px;
  z-index: 0;
}

.checkboxHolder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 19px;
  min-height: 19px;
  margin: 0 auto;
}

.new-addNewRowtable table tbody tr td input.form-check-input[type='checkbox'] {
  min-height: 1.3em;
  margin-top: 6px;
}

.submitBtn {
  float: right;
}

.new-addNewRowtable table tbody tr td input.isValidInput:focus {
  box-shadow: 0 0 0 0.25rem #ed320d54;
}

.new-addNewRowtable table tbody tr td input.isValidInput {
  border-color: #ed320d;
}

.add-new-form .dropdown.bootstrap-select.show-tick.frm-fields-box {
  position: unset;
}

.new-addNewRowtable .custom-multi-select {
  position: unset;
}

.new-addNewRowtable .custom-multi-select div.dropdown-menu.show {
  padding: 0;
  position: absolute !important;
  top: 50% !important;
  width: 350px;
  background: #fff;
  min-width: 310px !important;
  /* height: 310px !important; */
  max-height: inherit !important;
  transform: translate(-50%, -50%) !important;
  left: 50% !important;
  box-shadow: 0 0 55px rgb(10 27 112 / 47%);
  overflow: inherit !important;
}

#MultipleOptionSection {
  position: relative;
}

.new-addNewRowtable .custom-multi-select div.dropdown-menu.show div.inner.show {
  /* max-height: 250px !important; */
  /* max-height: 175px !important; */
  max-height: 175px !important;
  /* min-height: 175px !important; */
  border-radius: 0 0 0.375rem 0.375rem;
}

/* Add New Row Table Design End */

/* New Classes Add For Some global BG Start */
.row-background-primery-dark-blue {
  background: var(--primery-dark-blue);
}

.row-background-color-primery-orange {
  background: var(--primery-orange);
}

.row-background-color-light-blue {
  background: var(--light-blue-table);
}

.label-default {
  text-transform: initial !important;
}

/* New Classes Add For Some global BG End */

#btnButtonTopScroller {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #1a2b56;
  color: white;
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 4px;
}

#btnButtonTopScroller:hover {
  background-color: #555;
}

.chk-lbl-transparent {
  color: transparent !important;
}

/*new css added by vaibhav start */
.clear_btn_table {
  display: flex;
}

.clear_btn_table .clear-filters {
  margin: 0 0 0 10px;
}

#receipentReport .steps-header button {
  margin: 0 0 10px 0;
}

.full_revenue_card {
  display: block;
}

.small_price_box {
  width: 120px;
}

.copy_actions_area {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.apply_coupan_btn,
.apply_coupan_btn:hover,
.apply_coupan_btn:active,
.apply_coupan_btn:focus-visible {
  background: #ff7d00 !important;
  color: #ffffff !important;
  border-color: #ff7d00 !important;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: capitalize;
  text-decoration: none;
  font-weight: 500;
  height: 38px;
  min-width: 120px;
}

.btn_to_right {
  float: right;
}

.w-15 {
  width: 15% !important;
}

/* .modal {
          z-index:999;
      } */
.dashboard-data-list .data-list-row .prod_purchase_rece_data tbody tr {
  background: #eef0ff;
}

.prod_purchase_rece_data_area {
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
}

.qtip {
  max-width: 360px !important;
}

.product_tooltip_preview {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 10px;
}

.product_tooltip_preview label {
  font-size: 14px;
  font-weight: 500;
}

/*dashboard page start */
.dashboard_area {}

.dashboard_srch_look {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dashboard_srch_look .dashboard_srch_look_area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 10px;
  width: 100%;
}

.dashboard_srch_look p {
  color: #222222;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 0;
  margin: 0;
}

.dashboard_srch_look .frm-fields-box {
  width: 30%;
}

.dashboard_bottom_sec {
  padding: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

/*dashboard page end */

/*ib email page start*/
.email_tabs_area {
  display: flex;
  background: rgba(58, 71, 155, 0.1);
  border: 1px solid #1a2b56;
  border-radius: 10px;
  padding: 15px;
}

.email_tabs_area_content {
  flex-grow: 1;
}

.email_tabs_area_content h3 {
  color: #1a2b56;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
}

.email_tabs_area_content ul {
  padding: 15px 0;
  margin: 0;
  font-size: 16px;
  /*   */
  /* grid-template-columns: auto auto auto; */
  grid-gap: 10px;
}

.email_tabs_area_content ul li {
  color: #222222;
  list-style: none;
  font-size: 15px;
  text-transform: capitalize;
  margin: 0 0 8px 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 30px;
}

.email_tabs_area_content ul li h5 {
  color: #1a2b56;
  list-style: none;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  flex: 1;
}

.email_tabs_area_content span {
  flex: 1;
}

.email_tabs_area_content ul li:first-child {
  border-bottom: 1px solid #c3c3c3;
}

/*ib email page end*/

.table_with_scroll .row:nth-child(2) .col-sm-12 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/*new css added by vaibhav end */

/*company module sidebar starty */
.company_module_sidebar {
  position: fixed;
  z-index: 9;
  left: -390px;
  width: auto;
  transition: 0.6s all;
  height: 100vh;
}

.add-new-company-steps {
  border-radius: 0 10px 0 0;
  overflow: visible !important;
}

.add-new-company-steps::after {
  content: '...';
  width: 44px;
  height: 31px;
  background: var(--primery-orange);
  position: absolute;
  top: 121px;
  transform: translateY(-50%) rotate(90deg);
  right: -37px;
  border-radius: 10px 10px 0px 0px;
  /* padding: 0px 13px 0px 12px; */
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  line-height: 0.2em;
}

.company_module_sidebar:hover {
  left: -40px;
  transition: 0.6s all;
}

.main-content-area .company_module_sidebar,
.collapse_main_content .company_module_sidebar {
  left: -105px;
}

.main-content-area .company_module_sidebar:hover,
.collapse_main_content .company_module_sidebar:hover {
  left: 245px;
}

.main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
  margin-left: -185px;
}

/* .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps { 
              margin-left: 270px; 
          } */

/*company module sidebar starty */

/* Default Scrollbar CSS */
body::-webkit-scrollbar {
  /* width: 6px; */
  height: 6px;
  width: 6px;
  /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #ccc;
  /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  /* background-color: #FF7D00;  */
  background-color: #ea5b0c;

  /* color of the scroll thumb */
  border-radius: 30px;
  /* roundness of the scroll thumb */
}

/* Default Scrollbar CSS */
.table-action-column {
  /* min-width: 195px; */
  width: 11% !important;
}

/* .dashboard-data-list .data-list-row table td.sorting_1 {
    display: flex;
    align-items: center;
    justify-content: center;
} */

.dashboard-data-list .data-list-row table td.sorting_1 .form-select {
  left: -6%;
  position: relative;
}

.main-content-area header.sticky-top {
  /* z-index: 1; */
  z-index: 9;
}

.dashboard-data-list .data-list-row table#tblBannerMaster {
  padding-right: 15px;
}

.dashboard-data-list .data-list-row table#tblBannerMaster th.main-txt:nth-child(2) {
  min-width: 150px;
}

.dashboard-data-list .data-list-row table#tblBannerMaster th.main-txt:nth-child(3) {
  min-width: 250px;
}

/* #ProductPurchaseForm .main-white-box, form#guestContactReport .main-white-box{ min-height: 20rem; } */
#tblAuditProductMaster_wrapper table#tblAuditProductMaster thead tr th:nth-child(3) {
  width: 50% !important;
}

.dashboard-data-list .data-list-row table#tblTemplateMaster td.sorting_1 {
  justify-content: flex-start;
}

.dashboard-data-list .data-list-row table#tblProductWaitingList th.main-txt:last-child {
  width: 100% !important;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 15px;
}

.dashboard-data-list .data-list-row table#tblProductWaitingList th:last-child select {
  width: 40%;
}

.dashboard-data-list .data-list-row table#tblProductWaitingList th.main-txt:nth-child(2) {
  width: 40% !important;
}

.add-new-form button.btnDelete {
  background: #dc3545;
}

.add-new-form button.btnDelete:hover {
  background-color: #dc3545;
  border-color: #dc3545;
}

/* #tblDeliveryAddresses_wrapper, #tblRecipientDetail_wrapper, #tblBillingAddresses_wrapper, #tblPurchaserPrompt_wrapper { overflow-x: scroll;} */
button#btnOtherDoc,
button#btnPrintableProduct,
button#btnProductReceipt,
button#btnPrintableProduct {
  margin-top: 2rem;
}

/* .data-list-row {
          overflow: auto;
      } */

/*gallerymodal start*/

#btnSequence {
  display: block;
  background: #ff7d00;
  border-color: #ff7d00;
}

/*gallerymodal end*/

#divUnsentReport .dashboard-data-list .data-list-row table td.sorting_1 {
  display: table-cell;
}

#tblProductByEmailReports_wrapper .table-action-column {
  width: auto !important;
  min-width: auto !important;
  display: block;
}

#tblProductByEmailReports_wrapper .table-action-column button {
  margin-bottom: 0 !important;
}

button#btnCsvDownload {
  background: #1a2b56;
  border-color: #1a2b56;
}

#emailSendModal .add-new-form {
  min-height: 200px;
  max-height: 295px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 10px;
}

#emailSendModal .modal-dialog {
  max-width: 60%;
}

.dashboard-data-list .data-list-row {
  padding-bottom: 20px;
}

/*responsive start*/
@media (min-width: 1919px) {
  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(220px, 220px));
  }

  /* .cstmtable-repsonsive table#subDataTable thead tr th:nth-child(4) {
          min-width: 500px;
      } */
}

@media only screen and (min-width: 1536px) and (max-width: 1564px) {
  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
  }
}

@media only screen and (min-width: 1522px) and (max-width: 1535px) {
  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(202px, 202px));
  }
}

@media only screen and (min-width: 1507px) and (max-width: 1521px) {
  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
  }
}

@media only screen and (min-width: 1501px) and (max-width: 1507px) {
  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(198px, 198px));
  }
}

@media only screen and (min-width: 1439px) and (max-width: 1440px) {
  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(190px, 190px));
  }

  .main-content-area {
    padding-left: calc(100% - 82.6vw) !important;
  }
}

@media only screen and (min-width: 1365px) and (max-width: 1366px) {
  .sidebar.collapse {
    min-width: 18.5vw !important;
    width: 18.5vw !important;
  }

  .sidebar.collapse.show {
    min-width: 5.625vw !important;
    width: 5.625vw !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -198px !important;
  }
}

@media (min-width: 1301px) and (max-width: 1366px) {
  .data-table-action-button-container {
    position: relative;
    margin-bottom: 20px;
    min-height: 60px;
  }

  #tblProductRevenueReport {
    margin-top: 0 !important;
  }

  #tblProductYearlyReport {
    margin-top: 0 !important;
  }
}

/* @media (max-width:1832px){
          .cstmtable-repsonsive {  
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;    
      }
      } */

/* @media (max-width:1832px){
              .cstmtable-repsonsive { 
              max-width: 100%; 
              overflow-x: auto;
              -webkit-overflow-scrolling: touch;    
          }
   
      }
      
      @media (max-width:1680px) {
          .cstmtable-repsonsive { 
              max-width: 85%;  
              width: fit-content;
          }
      }
      
      @media (max-width:1536px) {
          .cstmtable-repsonsive { 
              max-width: 75%;  
          }
      } */

@media (max-width: 1440px) {
  .main-content-area {
    padding-left: calc(100% - 82.5vw);
    /* z-index: 1; */
  }

  .main_content_shift {
    padding-left: calc(100% - 94.5vw) !important;
  }

  .sidebar.collapse {
    min-width: 20vw;
  }
}

@media (max-width: 1440px) {
  .main-content-area {
    padding-left: calc(100% - 81.6vw);
    /* z-index: 1; */
  }

  .main_content_shift {
    padding-left: calc(100% - 94.5vw) !important;
  }

  .sidebar.collapse {
    min-width: 20vw;
    width: 20vw;
  }

  form#guestContactReport .main-white-box {
    min-height: 20rem;
  }

  .add-new-form form#guestContactReport button {
    width: auto;
  }
}

@media (max-width: 1366px) {

  .main-content-area .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -95px;
  }

  .main-content-area .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 255px;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -203px;
  }

  #tblAuditCompanyMaster_wrapper table#tblAuditCompanyMaster thead tr th:nth-child(2) {
    width: 400px !important;
  }

  /* .dashboard-data-list .data-list-row tbody tr.table-scroll td {
              white-space: nowrap;
             
            } */
  /* .cstmtable-repsonsive { 
              overflow-x: scroll;
              max-width: 1000px;
          }
          .dashboard-data-list .data-list-row .table-responsive1 {
              overflow-x: scroll; 
          } */
  .add-new-form .facilities-outer-box {
    padding: 0 0 0 9px;
  }
}

@media (max-width: 1366px) and (min-width: 1365px) {
  .sidebar {
    min-width: 18.5vw;
  }
}

@media (max-width: 1280px) {
  .main-content-area {
    padding-left: calc(100% - 81vw);
  }

  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(202px, 202px));
  }

  .cstmtable-repsonsive table#subDataTable thead tr th:nth-child(12) {
    min-width: 90px;
  }

  .cstmtable-repsonsive {
    overflow-x: auto;
    display: inline-block;
    width: calc(100% - 20px);
  }
}

@media (min-width: 1279px) and (max-width: 1280px) {

  .main-content-area .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -113px;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -185px;
  }
}

@media (max-width: 1200px) {
  .main-content-area {
    padding-left: calc(100% - 79vw);
  }

  #divProductMaster .data-table-action-button-container {
    left: 0;
    position: relative;
    margin-bottom: 20px;
  }

  /* .cstmtable-repsonsive table#subDataTable thead tr th:nth-child(4) {
          min-width: 75px;
      } */
  .cstmtable-repsonsive {
    overflow-x: inherit;
    display: inline-block;
    width: 100%;
  }
}

@media (max-width: 1180px) {
  .sidebar.collapse.show {
    min-width: 7.625vw;
    width: 7.625vw !important;
  }

  header .page-titles {
    font-size: 16px !important;
  }

  .dashboard-data-list .data-list-row table .main-txt .form-select {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -92px;
  }

  .main_content_shift .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 260px;
  }

  .company_module_sidebar {
    left: -371px;
  }

  .company_module_sidebar:hover {
    left: -20px;
  }

  .header-add-new,
  .header-delete-btn {
    margin: 0 25px 0 15px;
    background: none;
  }

  /* .header-add-new a, .header-delete-btn a { padding: 10px 10px 10px 30px; } */
  .add-new-company-steps ul {
    height: calc(100vh - 380px);
  }

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    /* left: -92px; */
    left: -131px;
  }

  .main_content_shift .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    /* left: 260px; */
    left: 216px;
  }

  .company_module_sidebar {
    left: -371px;
  }

  .company_module_sidebar:hover {
    left: -20px;
  }

  .header-add-new,
  .header-delete-btn {
    margin: 0 25px 0 15px;
    background: none;
  }

  .header-delete-btn {
    margin-right: 0;
  }

  /* .header-add-new a, .header-delete-btn a {
                  padding: 10px 10px 10px 30px;
              } */

  .add-new-company-steps ul {
    height: calc(100vh - 380px);
  }

  .change-password-image img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .main-content-area {
    padding-left: calc(100% - 78vw);
    overflow: hidden;
  }

  .main_content_shift {
    padding-left: calc(100% - 92.5vw) !important;
  }

  .collapse_main_content {
    padding-left: 0vw !important;
  }

  .sidebar.collapse {
    min-width: 22vw;
    width: 22vw !important;
  }

  #ProductPurchaseForm .main-white-box {
    min-height: 20rem;
  }

  .sidebar .nav-link {
    font-size: 13px;
  }

  .sidebar #reportcollapsesidemenu.inner-Submenu-box .nav-link .siderbar-icon {
    width: 22px;
  }

  .inner-Submenu-box.collapse ul li .nav-link,
  .inner-Submenu-box.collapsing ul li .nav-link {
    padding: 0px 0 0px 40px;
  }

  /* ul.list-unstyled.fw-normal.small  .nav-link span { 
                  max-width: 150px; 
                  } */

  .sidebar .nav-link span {
    max-width: 150px;
  }

  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(198px, 198px));
  }

  #emailSendModal .modal-dialog {
    max-width: 80%;
  }

  /* .cstmtable-repsonsive { 
                      max-width: 700px;
                  } */
}

@media (max-width: 991px) {
  .sidebar {
    position: fixed;
  }

  .sidebar .nav-link span {
    max-width: 100%;
  }

  /* .cstmtable-repsonsive { 
                  max-width: 600px;
              }
              .dashboard-data-list .data-list-row .table-responsive1 { 
                  max-width: 600px;
              } */
}

@media (min-width: 769px) and (max-width: 991px) {
  .main-content-area {
    /* padding-left: calc(100% - 63vw); */
    padding-left: calc(100% - 78vw);
  }

  .main_content_shift {
    padding-left: calc(100% - 88vw);
  }

  .collapse_main_content {
    /* padding-left: 20rem !important; */
    padding-left: 37.5vw !important;
  }

  .sidebar.collapse.show {
    width: 100px;
  }

  .sidebar.collapse.show .navbar-brand img {
    max-width: 65%;
    left: 50%;
  }

  .sidebar.collapse.show .sidebar-menu-list {
    padding: 25px 0 0 0 !important;
  }

  .sidebar.collapse.show .nav-item {
    width: auto;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
  .sidebar.collapse {
    min-width: 30vw;
    width: 30vw !important;
  }

  .main-content-area {
    padding-left: calc(100% - 70vw) !important;
  }

  .main_content_shift {
    padding-left: calc(100% - 90vw) !important;
  }

  .collapse_main_content {
    /* padding-left: 37.5vw !important; */
    padding-left: calc(100% - 67vw) !important;
  }

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -115px !important;
  }

  .sidebar {
    width: 32.5vw;
  }

  .sidebar.collapse.show {
    width: 75px !important;
  }

  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: 0px !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -200px !important;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {

  /* main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
              padding-left: 0 !important;
          } */
  .main-content-area .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 230px;
  }

  .main-content-area .company_module_sidebar {
    left: -125px;
  }

  .collapse_main_content .company_module_sidebar {
    left: -135px;
  }

  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: 0px !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -200px !important;
  }
}

@media (min-width: 820px) and (max-width: 1180px) {
  .main-content-area .company_module_sidebar:hover {
    left: 230px !important;
  }

  .collapse_main_content .company_module_sidebar:hover {
    left: 265px !important;
  }

  .main_content_shift .company_module_sidebar:hover {
    left: 265px !important;
  }

  .main-content-area .company_module_sidebar {
    left: -125px;
  }

  .collapse_main_content .company_module_sidebar {
    left: -135px;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
  .sidebar.collapse {
    min-width: 30vw;
    width: 30vw !important;
  }

  .main-content-area {
    padding-left: calc(100% - 70vw) !important;
  }

  .main_content_shift {
    padding-left: calc(100% - 90vw) !important;
  }

  .collapse_main_content {
    padding-left: 37.5vw !important;
  }

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -115px !important;
  }

  .sidebar {
    width: 32.5vw;
  }

  .sidebar.collapse.show {
    width: 75px !important;
  }

  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: 0px !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -195px !important;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {

  .main-content-area .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 230px;
  }

  .main-content-area .company_module_sidebar {
    left: -125px;
  }

  .collapse_main_content .company_module_sidebar {
    left: -135px;
  }

  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: 0px !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -200px !important;
  }
}

@media (min-width: 820px) and (max-width: 1180px) {
  .main-content-area .company_module_sidebar:hover {
    left: 230px !important;
  }

  .collapse_main_content .company_module_sidebar:hover {
    left: 265px !important;
  }

  .main_content_shift .company_module_sidebar:hover {
    left: 265px !important;
  }

  .main-content-area .company_module_sidebar {
    left: -125px;
  }

  .collapse_main_content .company_module_sidebar {
    left: -135px;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
  .main_content_shift {
    padding-left: calc(100% - 91.5vw) !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -145px;
  }

  .collapse_main_content .company_module_sidebar:hover {
    left: 220px !important;
  }

  .main_content_shift .company_module_sidebar:hover {
    left: 230px !important;
  }
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
  .collapse_main_content {
    padding-left: 32.5vw !important;
  }
}

@media (min-width: 1193px) and (max-width: 1194px) {
  .sidebar.collapse {
    min-width: 23vw !important;
    width: 23vw !important;
  }

  .sidebar {
    min-width: 23vw !important;
    width: 23vw !important;
  }

  .collapse_main_content {
    padding-left: 0vw !important;
  }

  .sidebar.collapse.show {
    min-width: 8.625vw !important;
    width: 8.625vw !important;
  }

  .main-content-area {
    padding-left: calc(100% - 77vw);
  }

  .main_content_shift {
    padding-left: calc(100% - 91.5vw) !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -175px !important;
  }
}

@media (min-width: 1179px) and (max-width: 1180px) {
  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -150px !important;
  }

  .main-content-area {
    padding-left: calc(100% - 80vw);
  }

  .main_content_shift {
    padding-left: calc(100% - 92.5vw) !important;
  }

  main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
    padding-left: 0vw !important;
  }
}

@media (min-width: 799px) and (max-width: 800px) {
  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -10px;
  }

  .main-content-area .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -135px !important;
  }

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -112px !important;
    margin-left: -10px;
  }

  .main_content_shift .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 265px !important;
  }

  .main-content-area .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 260px !important;
  }

  .sidebar.collapse {
    min-width: 33.8vw;
    width: 33.8vw !important;
  }

  .sidebar {
    min-width: 33.8vw;
    width: 33.8vw !important;
  }

  .main-content-area {
    padding-left: calc(100% - 66vw);
  }

  .collapse_main_content {
    padding-left: 33.5vw !important;
  }

  .sidebar.collapse.show {
    min-width: 11.625vw !important;
    width: 11.625vw !important;
  }

  .main_content_shift {
    padding-left: calc(100% - 88.5vw) !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -178px !important;
  }
}

@media (min-width: 833px) and (max-width: 834px) {

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -122px !important;
  }

  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -7px !important;
  }

  main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
    padding-left: calc(100% - 68vw) !important;
  }

  .collapse_main_content {
    padding-left: 32vw !important;
  }

  .sidebar.collapse {
    min-width: 29.9vw;
    width: 29.9vw !important;
  }

  .sidebar {
    width: 32vw;
  }

  .main-content-area {
    padding-left: calc(100% - 70vw) !important;
  }

  .main_content_shift {
    padding-left: calc(100% - 90.5vw) !important;
  }

  .sidebar.collapse.show {
    min-width: 9vw !important;
    width: 9vw !important;
  }

  #tblAuditCompanyMaster_wrapper table#tblAuditCompanyMaster thead tr th:nth-child(3) {
    width: 400px !important;
  }

  .steps-header .page-titles {
    padding-bottom: 10px !important;
  }

  .add-new-company-steps::after {
    right: -25px !important;
  }
}

@media (min-width: 819px) and (max-width: 820px) {

  .main_content_shift .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    left: -122px !important;
  }

  .main-content-area .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -7px !important;
  }

  main.col.ms-sm-auto.no-margin.main-content-area.collapse_main_content {
    padding-left: calc(100% - 68vw) !important;
  }

  .collapse_main_content {
    padding-left: 32vw !important;
  }

  .sidebar.collapse {
    min-width: 29.9vw;
    width: 29.9vw !important;
  }

  .sidebar {
    width: 32vw;
  }

  .main-content-area {
    padding-left: calc(100% - 70vw) !important;
  }

  .main_content_shift {
    padding-left: calc(100% - 90.5vw) !important;
  }

  .sidebar.collapse.show {
    min-width: 9vw !important;
    width: 9vw !important;
  }
}

@media (min-width: 1023px) and (max-width: 1024px) {
  .main_content_shift {
    padding-left: calc(100% - 92.5vw) !important;
  }

  .main-content-area.main_content_shift .main-page-area .company_module_sidebar .add-new-company-steps {
    margin-left: -149px !important;
  }
}

@media (max-width: 768px) {
  .main-content-area {
    padding-left: calc(100% - 61vw);
  }

  .main_content_shift {
    padding-left: calc(100% - 87vw) !important;
  }

  .collapse_main_content {
    /* padding-left: 20rem !important; */
    padding-left: 40vw !important;
  }

  .sidebar.collapse.show {
    width: 100px !important;
  }

  .sidebar.collapse.show .sidebar-menu-list {
    padding: 25px 0 0 0 !important;
  }

  .sidebar.collapse.show .nav-item {
    width: auto;
  }

  .sidebar.collapse.show .navbar-brand img {
    max-width: 15%;
    left: 15%;
  }

  .sidebar.collapse {
    min-width: 38.5vw;
    width: 38.5vw !important;
  }

  form#guestContactReport .main-white-box {
    min-height: auto;
  }

  div#tblProductByEmailReports_wrapper .col-sm-12.col-md-7,
  div#tblProductByEmailReports_wrapper .col-sm-12.col-md-5 {
    width: 100%;
    margin-bottom: 2rem;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-start !important;
  }

  .main-content-area .company_module_sidebar,
  .collapse_main_content .company_module_sidebar {
    /* left: -96px !important; */
    left: -102px !important;
  }

  .main-content-area .company_module_sidebar:hover,
  .collapse_main_content .company_module_sidebar:hover {
    left: 295px !important;
  }

  .modal.gallery-modal .file-drop-zone .file-preview-thumbnails {
    grid-template-columns: repeat(auto-fit, minmax(193px, 193px));
  }

  /* .cstmtable-repsonsive { 
          max-width: 400px;
      } */
}

/*responsive end*/

.user_name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  /* max-width: 400px; */
  max-width: max-content;
}

@media (max-width: 767px) {
  .login-page .login-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
  }

  .login-frm {
    width: 100%;
  }
}

@media (max-width: 360px) {
  .mob-column {
    margin-top: 1rem;
    flex-direction: column;
    row-gap: 15px;
  }

  .mob-column span {
    display: flex;
    margin-top: 0.5rem;
    flex-direction: column;
    row-gap: 15px;
  }
}

.add-new-form button.server-btn {
  position: relative;
}

.add-new-form button.server-btn:before {
  content: '+';
  width: 20px;
  height: 20px;
  background: #ffffff;
  color: #222222;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  font-weight: 500;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  position: absolute;
  border-radius: 100px;
  border: 1px solid #1a2b56;
}

.dashboard-data-list .data-list-row table td.main-txt.name-add {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
  white-space: nowrap;
}

.add-new-form .box-lbls {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.dashboard-data-list button {
  height: 35px;
}

.email-report-btn button {
  height: 35px;
  font-size: 12px;
}

.ent-email label {
  font-size: 12px;
}

.modal-dialog.product-detail {
  max-width: 80%;
}

.modal-dialog.product-detail .dashboard-data-list {
  max-height: 450px;
  overflow: auto;
}

/* .table-responsive.pr-d {
       overflow: auto;
       height: 250px;
   }
   .modal-dialog.product-detail .dashboard-data-list {overflow:  inherit;}*/
.new-addNewRowtable .custom-multi-select div.dropdown-menu.show .bs-searchbox {
  padding-top: 40px;
  position: relative;
  border-radius: 0.375rem 0.375rem 0 0;
}

.new-addNewRowtable .custom-multi-select div.dropdown-menu.show .bs-searchbox::after {
  content: '+';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  transform: rotate(46deg);
  border: 1px solid #000;
  color: #000;
  border-radius: 50%;
  cursor: pointer;
}

#tblProductRevenueReport {
  margin-top: 20px !important;
}

#tblProductYearlyReport {
  margin-top: 20px !important;
}

#tblPurchaserPrompts_wrapper #tblPurchaserPrompts tr td {
  justify-content: flex-start;
}

.net-amt sup {
  display: block;
  width: 100%;
}

.dashboard-data-list .data-list-row table th.net-amt.main-txt {
  padding-bottom: 0;
}

#divProductYearlyReport .data-table-action-button-container {
  position: static;
  justify-content: flex-end;
}

.steps-header .page-titles-xs {
  font-size: 16px;
}

.separator {
  display: flex;
  justify-content: center;
  text-align: center;
  position: relative;
  margin: 20px 0;
}

.separator:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #dadffd;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.separator span {
  padding: 0 16px;
  color: #666666;
  font-size: 13px;
  position: relative;
  z-index: 1;
  background: #ffffff;
}

.tags-fld-lg.frm-fields-box .bootstrap-tagsinput {
  max-height: inherit;
  height: 225px;
}

.frm-fields-box .lg-field {
  height: 100px;
}

#generalsettingmaster .tabs.commonTab {
  height: auto;
}

/** CSS change 18/8/2025 **/
.multiple-options-table tbody tr td:first-child {
  position: relative;
}

.multiple-options-table tbody tr td:first-child .bootstrap-select .dropdown-menu {
  left: 100% !important;
  transform: none !important;
  top: inherit !important;
  bottom: 0 !important;
  /* overflow-y: auto !important;
  overflow-x: hidden !important; */
}

.multiple-options-table tbody tr td:first-child .bootstrap-select .dropdown-menu:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #eef0f6;
  left: -10px;
  bottom: 15px;
  position: absolute;
  filter: drop-shadow(-10px 0px 8px rgba(0, 0, 0, 0.2));
}


.multiple-options-table tbody tr .field-col {
  width: 8%;
}

.multiple-options-table tbody tr td.date-col {
  width: 14%;
}

.multiple-options-table tbody tr td.name-col {
  width: 35%;
}

.multiple-options-table tbody tr td.checkbox-col {
  width: 5%
}

.multiple-options-table tbody tr td.delete-col {
  text-align: center;

}