@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;700&display=swap");
/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  /* color: rgb(229, 0, 80); */
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  color: #1a1a1a;
  text-decoration: underline;
}

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

.mr-30 {
  margin-right: 30px;
}

/**
 * Basic typography style for copy text
 */
body {
  font: normal 125%/1.4 "Lato", sans-serif;
  height: 100%;
  width: 100%;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1180px; /* 1 */
  margin-left: auto; /* 2 */
  margin-right: auto; /* 2 */
  padding-left: 20px; /* 3 */
  padding-right: 20px; /* 3 */
  width: 100%; /* 1 */
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.danger-txt {
  color: rgb(233, 0, 0) !important;
}

.main-body-wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  height: 100%;
}

.content-wrapper {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}

/* Body container */
.main-body {
  background: #f4f4f4;
  flex-grow: 1;
  padding: 20px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.body-container {
  flex-grow: 1;
}

.container-header {
  margin-bottom: 20px;
  padding: 0 30px;
}

.container-header .page-header {
  font-weight: 700;
  font-size: 29.03px;
  line-height: 120%;
  margin-bottom: 14px;
}

.container-header .message {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

/* -----------------------------------------------------------------------------
// HEADER NAV STYLE
 -----------------------------------------------------------------------------*/
.main-header {
  background: #fff;
  height: 74px;
  border: 0.2px solid #dadada;
  padding: 20px 47px;
}
.main-header .notification-btn {
  background-color: transparent;
  margin: 0 12px;
  border: none;
  border-radius: 50%;
  position: relative;
}
.main-header .notification-btn:after {
  content: "2";
  display: block;
  height: 13px;
  width: 13px;
  background: #c92020;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 8px;
  position: absolute;
  top: 9px;
  right: 9px;
}

.ss_user_profile_btn:after {
  display: none;
}
.ss_user_profile_btn::before {
  transform: rotate(90deg);
  order: 2;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.64604 14.354C4.59948 14.3076 4.56253 14.2524 4.53733 14.1917C4.51212 14.1309 4.49915 14.0658 4.49915 14C4.49915 13.9343 4.51212 13.8691 4.53733 13.8084C4.56253 13.7476 4.59948 13.6925 4.64604 13.646L10.293 8.00002L4.64604 2.35402C4.59955 2.30753 4.56267 2.25234 4.53752 2.1916C4.51236 2.13087 4.49941 2.06576 4.49941 2.00002C4.49941 1.93428 4.51236 1.86918 4.53752 1.80844C4.56267 1.7477 4.59955 1.69251 4.64604 1.64602C4.69253 1.59953 4.74772 1.56266 4.80846 1.5375C4.8692 1.51234 4.9343 1.49939 5.00004 1.49939C5.06578 1.49939 5.13088 1.51234 5.19162 1.5375C5.25236 1.56266 5.30755 1.59953 5.35404 1.64602L11.354 7.64602C11.4006 7.69247 11.4375 7.74764 11.4628 7.80839C11.488 7.86913 11.5009 7.93425 11.5009 8.00002C11.5009 8.06579 11.488 8.13091 11.4628 8.19165C11.4375 8.2524 11.4006 8.30758 11.354 8.35402L5.35404 14.354C5.30759 14.4006 5.25242 14.4375 5.19167 14.4627C5.13093 14.4879 5.06581 14.5009 5.00004 14.5009C4.93427 14.5009 4.86915 14.4879 4.80841 14.4627C4.74766 14.4375 4.69248 14.4006 4.64604 14.354Z' fill='%232C82CB'/%3E%3C/svg%3E");
}

.ss_user_drpdwn {
  border: 1px solid #e0e0e0;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  min-width: 260px;
}
.ss_user_drpdwn .user_info {
  display: flex;
  padding: 10px 20px;
  flex-flow: row nowrap;
  align-items: center;
}
.ss_user_drpdwn .user_info .txt_wrapper {
  margin-left: 10px;
  display: flex;
  flex-flow: column;
}
.ss_user_drpdwn .user_info .txt_wrapper .name {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #333;
}
.ss_user_drpdwn .user_info .txt_wrapper .design {
  font-size: 12px;
  color: #aaa;
}
.ss_user_drpdwn .dropdown-divider.blue-color {
  border-color: #2c82cb;
  margin: 0;
}
.ss_user_drpdwn button {
  padding: 10px 5px 10px 25px;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #1a1a1a;
}
.ss_user_drpdwn button:hover {
  background: rgba(22, 110, 213, 0.1);
}
.ss_user_drpdwn button.btn-toggle {
  display: flex;
  justify-content: space-between;
}
.ss_user_drpdwn button.btn-toggle[aria-expanded="true"] svg path {
  stroke: #2c82cb;
}
.ss_user_drpdwn button.btn-toggle::before {
  transform: rotate(90deg);
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.64604 14.354C4.59948 14.3076 4.56253 14.2524 4.53733 14.1917C4.51212 14.1309 4.49915 14.0658 4.49915 14C4.49915 13.9343 4.51212 13.8691 4.53733 13.8084C4.56253 13.7476 4.59948 13.6925 4.64604 13.646L10.293 8.00002L4.64604 2.35402C4.59955 2.30753 4.56267 2.25234 4.53752 2.1916C4.51236 2.13087 4.49941 2.06576 4.49941 2.00002C4.49941 1.93428 4.51236 1.86918 4.53752 1.80844C4.56267 1.7477 4.59955 1.69251 4.64604 1.64602C4.69253 1.59953 4.74772 1.56266 4.80846 1.5375C4.8692 1.51234 4.9343 1.49939 5.00004 1.49939C5.06578 1.49939 5.13088 1.51234 5.19162 1.5375C5.25236 1.56266 5.30755 1.59953 5.35404 1.64602L11.354 7.64602C11.4006 7.69247 11.4375 7.74764 11.4628 7.80839C11.488 7.86913 11.5009 7.93425 11.5009 8.00002C11.5009 8.06579 11.488 8.13091 11.4628 8.19165C11.4375 8.2524 11.4006 8.30758 11.354 8.35402L5.35404 14.354C5.30759 14.4006 5.25242 14.4375 5.19167 14.4627C5.13093 14.4879 5.06581 14.5009 5.00004 14.5009C4.93427 14.5009 4.86915 14.4879 4.80841 14.4627C4.74766 14.4375 4.69248 14.4006 4.64604 14.354Z' fill='%232C82CB'/%3E%3C/svg%3E");
}
.ss_user_drpdwn button.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(-90deg);
}
.ss_user_drpdwn button svg {
  margin-right: 15px;
}
.ss_user_drpdwn .sub-menu .item-wrapper {
  margin: 0;
  padding: 10px 5px 10px 46px;
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #1a1a1a;
}
.ss_user_drpdwn .sub-menu .item-wrapper:hover {
  background: rgba(22, 110, 213, 0.1);
}
.ss_user_drpdwn .sub-menu .item-wrapper svg {
  margin-right: 15px;
}

/* -----------------------------------------------------------------------------
// SIDEBAR NAV STYLE
 -----------------------------------------------------------------------------*/
.sidebar {
  background: #ffffff;
  border: 0.2px solid #dadada;
  flex: 0 0 50px;
}

.sidebar-content {
  width: 223px;
  transition: width 0.3s ease-in;
}

.sidebar-content .nav-item:hover,
.bottom-menu button:hover {
  background: rgba(22, 110, 213, 0.1);
  color: #166ed5;
}

.sidebar-content .nav-item.active {
  background: rgba(22, 110, 213, 0.1);
  box-shadow: -2px 0px 0px #166ed5 inset;
}

.sidebar-content .nav-item.active .text {
  color: #1a1a1a !important;
}

.sidebar-content .nav-item.active i {
  color: #166ed5 !important;
}

.sidebar-content .nav-item:hover button,
.sidebar-content .nav-item:hover a,
.bottom-menu button:hover .text {
  color: #2c82cb !important;
  background-color: transparent;
}

.sidebar-content .nav-item button {
  width: 100%;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #666666;
  padding: 10px 10px 10px 20px;
}

.sidebar-content .nav-item button .item-wrapper {
  display: flex;
  align-items: center;
}

.sidebar-content .nav-item button i {
  font-size: 21px;
  margin-right: 10px;
  color: #8f8f8f;
}

.sidebar-content .sub-menu .item-wrapper {
  display: flex;
  align-items: center;
  padding-left: 36px;
  margin-left: 0px;
  border-radius: 0 !important;
  width: 100%;
}
.sidebar-content .sub-menu .item-wrapper.selected-item {
  padding-left: 26px;
}
.sidebar-content .sub-menu .item-wrapper.selected-item i {
  color: #166ed5;
}

.sidebar-content .sub-menu .item-wrapper:hover {
  background: rgba(22, 110, 213, 0.1);
}
.sidebar-content .sub-menu .item-wrapper:hover i {
  color: #166ed5;
}

.sidebar-content .sub-menu .item-wrapper:focus {
  /* border-bottom: 1px solid #166ED5; */
  background-color: transparent;
}

.sidebar-content .sub-menu .item-wrapper i {
  font-size: 21px;
  color: #8f8f8f;
}

.sidebar-content .sub-menu .item-wrapper .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #666666;
  margin-right: 10px;
}

.bottom-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.bottom-menu i {
  font-size: 21px;
  color: #8f8f8f;
}

.sidebar-logo {
  margin-bottom: 80px;
  margin-top: 15px;
}

/* .sidebar-icon-logo {
  display: none;
} */

.btn-toggle-nav a {
  padding: 0.1875rem 0.5rem;
  margin-top: 0.125rem;
  margin-left: 1.25rem;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}

.scrollarea {
  overflow-y: auto;
}

/* .sidebar.collapsed{
    width: 50px;
} */
.toggle-sidebar-btn i.ss-icon-menu---collaps {
  display: block;
}

.toggle-sidebar-btn i.ss-icon-menu-expand {
  display: none;
}

.sidebar.collapsed .toggle-sidebar-btn i.ss-icon-menu---collaps {
  display: none;
}

.sidebar.collapsed .toggle-sidebar-btn i.ss-icon-menu-expand {
  display: block;
}

.sidebar.collapsed .sidebar-content {
  width: 50px;
  transition: width 0.3s ease-in;
}

/* .sidebar.collapsed .sidebar-logo img.big_logo {
  display: none !important;
} */

.sidebar.collapsed .sidebar-logo img.sidebar-icon-logo {
  display: block !important;
  height: 50px;
}

.sidebar.collapsed .item-wrapper .text {
  display: none;
}

.sidebar.collapsed .sidebar-content .nav-item button {
  padding: 10px;
}

.sidebar.collapsed .bottom-menu {
  flex-direction: column;
}

.sidebar.collapsed .bottom-menu button {
  width: 50px;
}

.sidebar.collapsed #fileMng-collapse {
  position: absolute;
  background-color: #fff;
  z-index: 9;
  left: 52px;
  margin-top: -36px;
  border-radius: 6px;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.1);
}

.sidebar.collapsed #fileMng-collapse .item-wrapper {
  display: flex !important;
}

.sidebar.collapsed #fileMng-collapse .item-wrapper .text {
  display: block;
}

.sidebar.collapsed .nav-item {
  width: 50px !important;
}

.sidebar.collapsed .selected-item {
  display: block;
}

.sidebar .selected-item {
  display: none !important;
}

/* Media Queries */
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
/* smartphones, Android phones, landscape iPhone */
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .splash-page .ellipse-top {
    width: 10vh;
  }
  .form-section .organization-container {
    flex-direction: column !important;
  }
  .action-btn-group {
    flex-direction: row !important;
  }
  .action-btn-group button {
    transform: rotate(90deg);
  }
}
/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .splash-page .text-content h1 {
    font-size: 45px !important;
  }
  .splash-page .text-content {
    min-width: 280px !important;
    margin: 30px 20px !important;
  }
  .sidebar-content {
    position: fixed;
    z-index: 99;
    background: #fff;
    transition: none;
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.1);
  }
  .sidebar.collapsed .sidebar-content {
    position: unset;
    transition: none;
  }
  .tab-pane {
    padding: 10px 0 !important;
  }
  .tab-body {
    margin: 0 5px;
  }
  .tenant_main_wrapper {
    flex-direction: column !important;
  }
}
/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .user-form {
    padding: 20px;
  }
  .user-form .container {
    padding: 0;
  }
}
/* `xl` applies to large devices (desktops, less than 1200px) */
/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
/* global */
button:focus {
  box-shadow: none !important;
}

.btn-toggle:hover,
.btn-toggle:focus {
  background-color: transparent;
}

.ss_primary_blue {
  font-size: 16px;
  background: #2c82cb;
  border: 0.5px solid #e9e9e9;
  border-radius: 100px;
  color: #ffffff;
  padding: 4px 8px;
}

.ss-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 5px 20px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  width: auto;
}
.ss-btn:disabled {
  border: 1px solid #ccc !important;
  background-color: #ccc !important;
  cursor: not-allowed;
}
.ss-btn.ss-primary {
  background-color: #2c82cb;
  color: #fff;
  border: 1px solid #2c82cb;
}
.ss-btn.ss-primary:active {
  background-color: #216298;
}
.ss-btn.ss-secondary {
  background-color: transparent;
  border: 1px solid #2c82cb;
}
.ss-btn.ss-tertiary {
  background-color: transparent;
}
.ss-btn.ss-tertiary:hover {
  color: #2c82cb;
}
.ss-btn.ss-small {
  padding: 3px 20px;
}
.ss-btn.ss-tiny {
  font-weight: 500;
  font-size: 10.24px;
  line-height: 130%;
}
.ss-btn.btn-long {
  min-width: 130px;
}
.ss-btn.edit-btn {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #2c82cb;
  padding: 2px 4px 1px;
  border: 0.5px solid #2c82cb;
  border-radius: 2px;
}

.primary-color {
  color: #2c82cb !important;
}

.new-grp-btn {
  font-weight: 500 !important;
  font-size: 12.8px !important;
  line-height: 120%;
  padding: 0 !important;
}

.dropdown-toggle {
  outline: 0 !important;
}

.btn-toggle {
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
}

.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, 0.85);
  background-color: rgba(22, 110, 213, 0.1);
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.64604 14.354C4.59948 14.3076 4.56253 14.2524 4.53733 14.1917C4.51212 14.1309 4.49915 14.0658 4.49915 14C4.49915 13.9343 4.51212 13.8691 4.53733 13.8084C4.56253 13.7476 4.59948 13.6925 4.64604 13.646L10.293 8.00002L4.64604 2.35402C4.59955 2.30753 4.56267 2.25234 4.53752 2.1916C4.51236 2.13087 4.49941 2.06576 4.49941 2.00002C4.49941 1.93428 4.51236 1.86918 4.53752 1.80844C4.56267 1.7477 4.59955 1.69251 4.64604 1.64602C4.69253 1.59953 4.74772 1.56266 4.80846 1.5375C4.8692 1.51234 4.9343 1.49939 5.00004 1.49939C5.06578 1.49939 5.13088 1.51234 5.19162 1.5375C5.25236 1.56266 5.30755 1.59953 5.35404 1.64602L11.354 7.64602C11.4006 7.69247 11.4375 7.74764 11.4628 7.80839C11.488 7.86913 11.5009 7.93425 11.5009 8.00002C11.5009 8.06579 11.488 8.13091 11.4628 8.19165C11.4375 8.2524 11.4006 8.30758 11.354 8.35402L5.35404 14.354C5.30759 14.4006 5.25242 14.4375 5.19167 14.4627C5.13093 14.4879 5.06581 14.5009 5.00004 14.5009C4.93427 14.5009 4.86915 14.4879 4.80841 14.4627C4.74766 14.4375 4.69248 14.4006 4.64604 14.354Z' fill='%23A3A3A3'/%3E%3C/svg%3E");
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
  order: 2;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, 0.85);
}

.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.ss-icon-close {
  color: #2c82cb;
}
.ss-icon-close:hover {
  color: red;
  cursor: pointer;
}

.back-btn {
  color: #2c82cb;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  display: flex;
  align-items: center;
}
.back-btn .ss-icon-arrow-back {
  font-size: 20px;
}

/* card */
.card_container {
  color: #2c82cb;
  display: flex;
  flex-flow: row wrap;
  padding: 20px 0;
  /* gap:30px; */
}

.card_container .small_card_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #2c82cb;
  padding: 15px 20px;
  flex: 1 1 calc(25% - 30px);
  min-width: 250px;
  margin: 0 15px 30px;
  border: 1px solid #e0e0e0;
  position: relative;
  /* Medium Shadow */
  background-color: #fff;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.card_container .small_card_item .more_btn {
  position: absolute;
  top: 5px;
  right: -15px;
}
.card_container .small_card_item .more_btn i {
  font-size: 21px !important;
}

.card_container .small_card_item .card_header {
  display: flex;
  align-items: flex-start;
}
.card_container .small_card_item:hover {
  color: #fff;
  background: linear-gradient(0deg, #2c82cb, #459ae1 100%);
  cursor: pointer;
}

.card_container .small_card_item:hover .card_text,
.card_container .small_card_item:hover .more_btn i {
  color: #fff !important;
}

.card_container .small_card_item:hover .card_header svg {
  filter: brightness(0) invert(1);
}

.card_header svg {
  margin: 5px 10px 0 0;
}

.card_header .text {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: inherit;
}

.card_container .card_text {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #1a1a1a;
}

.card_container .card_icon {
  font-size: 70px;
  color: inherit;
  position: absolute;
  right: 20px;
  bottom: 5px;
  stroke: #2c82cb;
}

.screen-over-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  /* background: rgba(255, 255, 255, 0.9); */
  background: #fff;
  padding: 25px 50px;
  height: 300px;
  width: 100%;
  box-shadow: 0px -3px 5px rgba(44, 130, 203, 0.05);
  display: flex;
  flex-direction: column;
  z-index: 999999;
}
.screen-over-panel .panle-header {
  font-weight: 700;
  font-size: 20.16px;
  line-height: 120%;
  color: #2c82cb;
}
.screen-over-panel .panel-body {
  flex: 1 1 auto;
}
.screen-over-panel .panel-footer {
  display: flex;
  justify-content: flex-end;
}

.timeline {
  display: flex;
  flex-flow: row nowrap;
  overflow-x: auto;
}
.timeline .timeline-step {
  width: 335px;
}
.timeline .timeline-step .step-icon {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  position: relative;
}
.timeline .timeline-step .step-icon svg {
  z-index: 99;
}
.timeline .timeline-step .step-icon:after,
.timeline .timeline-step .step-icon:before {
  content: "";
  height: 1px;
  background: #a3a3a3;
  width: 50%;
  position: absolute;
}
.timeline .timeline-step .step-icon:after {
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.timeline .timeline-step .step-icon:before {
  left: 0%;
  top: 50%;
  transform: translateY(-50%);
}
.timeline .timeline-step .step-details {
  padding: 10px;
  width: 230px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  margin: 0 auto;
}
.timeline .timeline-step .step-details .date {
  font-weight: 500;
  font-size: 10.24px;
  line-height: 120%;
  color: #858585;
}
.timeline .timeline-step .step-details .title {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #2c82cb;
  margin: 5px 0;
}
.timeline .timeline-step .step-details .details {
  font-style: normal;
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #1a1a1a;
}
.timeline .timeline-step:first-of-type .step-icon::before {
  display: none;
}
.timeline .timeline-step:last-of-type .step-icon::after {
  display: none;
}

.ss-input-group {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  align-items: flex-end;
}
.ss-input-group .form-control {
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #a3a3a3;
  border-radius: 0;
  background-color: transparent;
  outline: none;
  box-shadow: none;
}
.ss-input-group .form-control.half {
  width: 50%;
}
.ss-input-group .form-select {
  padding: 0;
  line-height: 1.25;
  border: none;
  border-bottom: 1px solid black;
  border-radius: 0;
  background-color: transparent;
  outline: none;
  box-shadow: none;
}
.ss-input-group .form-select.gray-color {
  border-bottom: 1px solid #a3a3a3;
}
.ss-input-group .form-select .placeholder-option {
  color: #a3a3a3;
}
.ss-input-group .form-control:focus,
.ss-input-group .form-select:focus {
  border-bottom: 1px solid #2c82cb;
}
.ss-input-group label {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #1a1a1a;
  margin: 0;
  /* padding: 1rem 0px; */
}
.ss-input-group label.gray-color {
  color: rgba(51, 51, 51, 0.4);
}
.ss-input-group input:disabled {
  color: #a3a3a3;
}
.ss-input-group.disabled label {
  color: #a3a3a3;
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 1;
  transform: scale(0.8) translateY(-0.5rem) translateX(0);
  color: black;
  font-weight: 500;
  line-height: 120%;
  padding: 2px 0px;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out !important;
  padding-left: 0px !important;
}

.form-floating > .form-select ~ label {
    transform: scale(0.8) translateY(-0.5rem) translateX(0.8rem) !important;
}

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

.ss-input-group .input-group-text {
  border: none;
  border-bottom: 1px solid #a3a3a3;
  border-radius: 0;
  padding: 6px 0 6px 6px;
  background-color: transparent;
}
.ss-input-group .input-group-text.ss-icon-calendar {
  color: #2c82cb;
}

.ss-search {
  max-width: 240px;
  color: #a3a3a3;
}
.ss-search .ss-icon-search {
  padding: 5px 10px 5px 5px;
  color: #a3a3a3;
  position: absolute;
}
.ss-search .ss-icon-down {
  padding: 5px 0px 5px 10px;
  color: #a3a3a3;
  position: absolute;
  right: 0;
}
.ss-search input.form-control {
  padding-left: 40px !important;
}
.ss-search.w-100 {
  max-width: 100%;
}

.autocomplete-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  z-index: 99;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  border: 1px solid #eee;
}

.autocomplete-list li {
  color: #444;
  padding: 10px 15px;
  width: 100%;
  cursor: pointer;
}

.autocomplete-list li:hover {
  background-color: #eee;
}

.ss-form-check {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 0;
}
.ss-form-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  z-index: 9999;
}
.ss-form-check label {
  cursor: pointer;
}
.ss-form-check .custom_checkbox {
  position: relative;
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
}
.ss-form-check .custom_checkbox::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1.3px solid #a3a3a3;
  /*   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
  padding: 5.8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 2px;
}
.ss-form-check input:checked + .custom_checkbox:before {
  border: 1.3px solid #2c82cb;
}
.ss-form-check input:checked + .custom_checkbox:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid #2c82cb;
  border-width: 0 1.3px 1.3px 0;
  transform: rotate(45deg);
}

.status_options {
  margin: 5px 0px;
  display: flex;
  flex-flow: row wrap;
}
.status_options .status_label {
  width: 100%;
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #000000;
}
.status_options .status_label_headline {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #2c82cb;
}
.status_options .question {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: 5px;
}
.status_options .option {
  min-width: 95px;
  min-height: 46px;
  background: #ffffff;
  margin: 10px 20px 10px 0;
}
.status_options .option input {
  position: absolute;
  opacity: 0;
}
.status_options .option input:checked + span {
  background: #f3f8fc;
  color: #2c82cb;
  border: 0.5px solid #2c82cb;
  position: relative;
}
.status_options .option input:checked + span:after {
  content: "\e846";
  font-family: "ss-icons";
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  position: absolute;
  top: -10px;
  right: -6px;
  background-color: #fff;
  height: 14px;
  border-radius: 50%;
}
.status_options .option > span {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #c2c2c2;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #666666;
  cursor: pointer;
  padding: 0 10px;
}

.input-hint {
  font-size: 11px;
  line-height: 120%;
  display: flex;
  align-items: center;
  color: #1a1a1a;
}

.input-value-static {
  display: flex;
  flex-flow: column;
}
.input-value-static label {
  font-size: 10px;
}
.input-value-static .input_value {
  font-size: 16px;
}

.add_row_wrapper {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
}

.theme_options {
  margin: 5px 0px;
  display: flex;
  flex-flow: row wrap;
}
.theme_options .theme_label {
  width: 100%;
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #000000;
}
.theme_options .option {
  width: 95px;
  height: 64px;
  background: #ffffff;
  margin: 10px 20px 10px 0;
}
.theme_options .option input {
  position: absolute;
  opacity: 0;
}
.theme_options .option input:checked + span.label {
  background: #f3f8fc;
  color: #000;
  border: 0.5px solid #2c82cb;
  position: relative;
}
.theme_options .option input:checked + span.label:after {
  content: "\e846";
  font-family: "ss-icons";
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  position: absolute;
  top: -10px;
  right: -6px;
  background-color: #fff;
  color: #2c82cb;
  height: 14px;
  font-size: 21px;
  border-radius: 50%;
}
.theme_options .option > span.label {
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.5px solid #c2c2c2;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #666666;
  cursor: pointer;
}
.theme_options .option > span.label img {
  margin-top: 10px;
}
.theme_options .option > span.label:after {
  content: "\e846";
  font-family: "ss-icons";
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  position: absolute;
  top: -10px;
  right: -6px;
  background-color: #fff;
  color: #a3a3a3;
  height: 14px;
  border-radius: 50%;
}

.ss-nav-tabs .nav-link {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #666666;
  width: 100%;
  text-align: left;
}
.ss-nav-tabs .nav-link:hover {
  border: 1px solid transparent;
}
.ss-nav-tabs .nav-link i {
  font-size: 20px;
}
.ss-nav-tabs .nav-item.show .nav-link,
.ss-nav-tabs .nav-link.active {
  border: 1px solid transparent;
  border-bottom: 2px solid #2c82cb;
  color: #2c82cb;
  background-color: transparent;
}

.dropdown-menu.ss-menu {
  border: 1px solid #e0e0e0;
  box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.tab-head {
  padding: 35px 0;
}

.btn-link-title {
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #2c82cb;
}
.btn-link-title.black-text {
  color: #333333;
}

.range-date-group {
  display: flex;
  flex-flow: row nowrap;
  gap: 25px;
}

.key_field {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.key_field .ss-input-group {
  flex-grow: 1;
}

.ss-input-box {
  position: relative;
}
.ss-input-box label {
  font-weight: 700;
  font-size: 20.16px;
  line-height: 120%;
  color: #2c82cb;
}
.ss-input-box input {
  border: 0.5px solid #e0e0e0 !important;
  border-radius: 3px !important;
  padding: 5px 10px !important;
}
.ss-input-box input:disabled {
  background: rgba(229, 229, 229, 0.5);
}
.ss-input-box .ss-icon-disabled {
  position: absolute;
  right: 5px;
  top: 9px;
}

.toggle-slide input[type="checkbox"] {
  cursor: pointer;
  position: relative;
  width: 45px;
  height: 20px;
  -webkit-appearance: none;
  background: #a3a3a3;
  outline: none;
  border-radius: 20px;
  transition: all 0.3s ease;
}
.toggle-slide input:checked[type="checkbox"] {
  background: #80b4e0;
}
.toggle-slide input:checked[type="checkbox"]::before {
  background: #2c82cb;
}
.toggle-slide input[type="checkbox"]:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  top: -3.5px;
  left: 0px;
  background: #ffffff;
  transform: scale(1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}
.toggle-slide input:checked[type="checkbox"]:before {
  left: 20px;
}

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

.small-label {
  font-weight: 500;
  font-size: 10.24px;
  line-height: 120%;
}

.upload_logo_form {
  padding: 10px 20px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%232C82CBFF' stroke-width='4' stroke-dasharray='15' stroke-dashoffset='16' stroke-linecap='round'/%3e%3c/svg%3e");
  border-radius: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 30px 0;
}
.upload_logo_form img {
  height: 160px;
}
.upload_logo_form .upload_title {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
}
.upload_logo_form .upload_title span {
  color: #0aa4e7;
}
.upload_logo_form .upload_info {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  text-align: center;
}

.ss_paginations {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
.ss_paginations .left_side .page_dropdown {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  display: flex;
  align-items: center;
}
.ss_paginations .left_side .page_dropdown select {
  padding: 5px 10px;
  border: 0.5px solid #e9e9e9;
  margin: 0 10px;
}
.ss_paginations .left_side .page_dropdown select:focus-within {
  outline: none;
}
.ss_paginations .right_side {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  display: flex;
  align-items: center;
}
.ss_paginations .right_side .status_label {
  margin-right: 40px;
}
.ss_paginations .right_side .nav_btns {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
.ss_paginations .right_side .ss-btn {
  padding: 0;
}
.ss_paginations .right_side .ss-btn span {
  font-size: 20px;
}
.ss_paginations .right_side .ss-btn .ss-icon-previous,
.ss_paginations .right_side .ss-btn .ss-icon-next {
  font-size: 16px;
}

/* dropdown checkbox */
.form-check-input[type="checkbox"] {
  border-radius: 0;
  background: transparent;
}

.form-check-input:checked {
  border-color: #2c82cb;
}

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

.dashboardcode-bsmultiselect {
  position: relative;
}

.dashboardcode-bsmultiselect ul.form-control {
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
}

.dashboardcode-bsmultiselect ul.form-control.focus {
  box-shadow: none !important;
}

.dashboardcode-bsmultiselect:after {
  transform: rotate(90deg);
  position: absolute;
  right: 5px;
  top: 8px;
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.64604 14.354C4.59948 14.3076 4.56253 14.2524 4.53733 14.1917C4.51212 14.1309 4.49915 14.0658 4.49915 14C4.49915 13.9343 4.51212 13.8691 4.53733 13.8084C4.56253 13.7476 4.59948 13.6925 4.64604 13.646L10.293 8.00002L4.64604 2.35402C4.59955 2.30753 4.56267 2.25234 4.53752 2.1916C4.51236 2.13087 4.49941 2.06576 4.49941 2.00002C4.49941 1.93428 4.51236 1.86918 4.53752 1.80844C4.56267 1.7477 4.59955 1.69251 4.64604 1.64602C4.69253 1.59953 4.74772 1.56266 4.80846 1.5375C4.8692 1.51234 4.9343 1.49939 5.00004 1.49939C5.06578 1.49939 5.13088 1.51234 5.19162 1.5375C5.25236 1.56266 5.30755 1.59953 5.35404 1.64602L11.354 7.64602C11.4006 7.69247 11.4375 7.74764 11.4628 7.80839C11.488 7.86913 11.5009 7.93425 11.5009 8.00002C11.5009 8.06579 11.488 8.13091 11.4628 8.19165C11.4375 8.2524 11.4006 8.30758 11.354 8.35402L5.35404 14.354C5.30759 14.4006 5.25242 14.4375 5.19167 14.4627C5.13093 14.4879 5.06581 14.5009 5.00004 14.5009C4.93427 14.5009 4.86915 14.4879 4.80841 14.4627C4.74766 14.4375 4.69248 14.4006 4.64604 14.354Z' fill='%23000000'/%3E%3C/svg%3E");
}

.dashboardcode-bsmultiselect ul.form-control > li.badge {
  width: auto;
  padding: 5px 10px;
  padding-left: 10px !important;
  background: #e0e0e0;
  border: 0.5px solid #c2c2c2;
  border-radius: 100px;
  display: flex;
  flex-flow: rwo nowrap;
  align-items: center;
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #858585;
  margin-right: 10px;
}

.dashboardcode-bsmultiselect ul.form-control > li.badge button.btn-close {
  font-size: 7px !important;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #858585;
  text-align: center;
  margin-left: 5px;
}

.dashboardcode-bsmultiselect ul.form-control > li.badge button.btn-close:hover {
  color: red;
}

.ss-custom-select {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}
.ss-custom-select .dropdown-toggle {
  background: #fff;
  outline: none !important;
  border: none;
}
.ss-custom-select .dropdown-item.active,
.ss-custom-select .dropdown-item:active {
  background: rgba(22, 110, 213, 0.1);
  color: #2c82cb;
}
.ss-custom-select .dropdown-item {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}
.ss-custom-select .dropdown-header {
  font-weight: 500;
  font-size: 10.24px;
  line-height: 120%;
  color: #a3a3a3;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select .dropdown-toggle::after {
  display: inline-block;
  border: none;
  content: "";
  width: 10px;
  height: 10px;
  background: transparent;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  transform: rotate(45deg);
}

.main-label {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  /* or 19px */
  display: flex;
  align-items: center;
  /* Neutral/Charcoal */
  color: #1a1a1a;
}

/* The container */
.row-checkbox-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 40px;
  margin-top: 25px;
}

.ss-check-container {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*simple radio buttons*/
.radio-group-hr {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 30px;
}

.sml-group-label {
  font-weight: 500;
  font-size: 10.24px;
  line-height: 120%;
  margin-bottom: 12px;
}

.simple-ss-radio input {
  margin-right: 10px;
}
.simple-ss-radio label {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

/* Hide the browser's default checkbox */
.ss-check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: relative;
  padding: 5.8px;
  background-color: #fff;
  margin-right: 10px;
  border-radius: 2px;
  vertical-align: middle;
  border: 1.3px solid #a3a3a3;
}

/* When the checkbox is checked, add a blue background */
.ss-check-container input:checked ~ .checkmark {
  background-color: #fff;
  border: 1.3px solid #2c82cb;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.ss-check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.ss-check-container .checkmark:after {
  position: absolute;
  top: 1px;
  left: 4px;
  width: 4px;
  height: 8px;
  border: solid #2c82cb;
  border-width: 0 1.3px 1.3px 0;
  transform: rotate(45deg);
}

.ss-step-form {
  position: relative;
  margin-top: 30px;
  z-index: 10;
}

/*progressbar*/
.ss-step-bar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 10px;
  text-align: center;

  /* position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 99999; */
}

.dropdown-menu li.selected {
  background: rgba(22, 110, 213, 0.1);
}
.dropdown-menu li.selected a span {
  color: #166ed5;
}
.dropdown-menu li.selected svg path {
  stroke: #166ed5;
}

.ss-step-bar li.step {
  list-style-type: none;
  color: #666;
  text-transform: capitalize;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}
.ss-step-bar li.step.finish:before {
  background: #2c82cb;
  color: white;
  content: "\e813";
  font-family: "ss-icons";
}
.ss-step-bar li.step > span {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #000;
  background-color: #fff;
  line-height: 38px;
  padding: 0 10px;
  line-height: 1.2;
}

.ss-step-bar li:before {
  content: counter(step);
  counter-increment: step;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  font-size: 16px;
  color: #fff;
  background: #a3a3a3;
  border-radius: 50%;
  flex: 0 0 auto;
}
.ss-step-bar li.completed:before {
  content: "\e846";
  font-family: "ss-icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  background: #2c82cb;
  color: white;
}

/*progressbar connectors*/
/* .ss-step-bar li:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #a3a3a3;
  position: absolute;
  left: -50%;
  flex: 0 0 auto;
  z-index: -1; 
} */

.ss-step-bar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*marking active/completed steps blue*/
/*The number of the step and the connector before it = blue*/
.ss-step-bar li.active:before,
.ss-step-bar li.active:after {
  background: #2c82cb;
  color: white;
}

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

input.invalid {
  border-bottom: 1px solid #b80909 !important;
}

.form-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
}

.form-sub-title {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  text-align: center;
}

.member-search-container {
  margin: 0 auto;
  width: 70%;
}
.member-search-container .search-container {
  margin: 30px 10px;
}
.member-search-container .ss-table-search-container {
  width: 350px;
}

.no-data-found-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.no-data-found-container .title-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  margin-top: 5px;
}
.no-data-found-container .title-text p {
  margin-bottom: 10px;
}
.no-data-found-container .subtitle-text {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
}

.detail-row {
  margin: 10px 0;
  display: flex;
  flex-flow: row wrap;
}
.detail-row .cell-grp {
  min-width: 120px;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
font-size: 12.8px;
  color: #1a1a1a;
}
.detail-row .cell-grp .label {
  font-weight: 500;
  font-size: 10.24px;
  line-height: 120%;
  margin-bottom: 3px;
}
.detail-row .cell-grp .value {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
}

.ss-loader-container {
  background: #164166;
  opacity: 0.9;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
}
.ss-loader-container .loader-text {
  font-weight: 600;
  font-size: 24.19px;
  line-height: 120%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #f0f0f0;
  margin-bottom: 40px;
}
.ss-loader-container .loader-icon {
  animation: spin 4s 0.3s infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  17% {
    transform: rotate(60deg);
  }
  34% {
    transform: rotate(120deg);
  }
  51% {
    transform: rotate(180deg);
  }
  68% {
    transform: rotate(240deg);
  }
  85% {
    transform: rotate(300deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.toaster-wrapper {
  display: flex;
  flex-flow: column;
  background-color: #fff;
  position: fixed;
  top: 90px;
  left: 50%;
  transform: translateX(-40%);
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  padding: 5px 20px 5px 10px;
  border-radius: 100px;
  border: 1px solid #efefef;
  /* display: none; */
}
.toaster-wrapper .t-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.toaster-wrapper .t-header .icon {
  font-size: 36px;
  color: rgb(3, 178, 3);
  margin-right: 10px;
}
.toaster-wrapper .t-header .text {
  font-size: 16px;
  font-weight: 500px;
}
.notification {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.notification .text {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #1a1a1a;
  margin-left: 15px;
}

.alert-message {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.08);
  margin: 5px 0;
}
.alert-message.auto-width {
  display: inline-flex;
}
.alert-message.error {
  background: rgba(212, 107, 107, 0.4);
  border: 1px solid #b80909;
}
.alert-message.error .icon {
  background-color: #b80909;
}
.alert-message.warning {
  background: rgba(253, 214, 113, 0.2);
  border: 1px solid #fbba13;
}
.alert-message.warning .icon {
  background-color: #fbba13;
}
.alert-message .icon {
  margin-right: 10px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.alert-message .message {
  font-weight: 500;
  font-size: 12.8px;
  line-height: 120%;
  color: #333333;
}

.ss-chip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  max-width: 90%;
}

.ss-menu li.nav-item {
  border: 1px solid transparent;
  transition: all 0.2s ease;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #858585;
}

.ss-menu li.nav-item.card-menu-li {
  padding: 10px 20px;
}

.ss-menu li.nav-item i {
  margin-right: 5px;
}
.ss-menu li.nav-item:hover {
  border-top: 1px solid #2c82cb;
  border-bottom: 1px solid #2c82cb;
  background: rgba(22, 110, 213, 0.1);
}
.ss-menu li.nav-item:hover i {
  color: #2c82cb;
}

.selected-rows-slot {
  background: #2c82cb;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 25px;
  gap: 10px;
  color: #fff;
}
.selected-rows-slot .ss-icon-close {
  color: #fff !important;
}
.selected-rows-slot .ss-icon-close:hover {
  color: red !important;
}
.cp {
  cursor: pointer;
}
.bs-none {
  box-shadow: none !important;
}

.ss-link{
  color: #2C82CB;
  cursor: pointer; 
}

.ss-bg-gray {
  background: rgba(224,224,224,0.3);
}

.ss-green {
  color: #5CB85C;
}

.mt10{
  margin-top: 10px !important;
}