@charset "UTF-8";
body {
  background: #F9F9F9 !important;
  margin: 0;
  height: 100vh !important;
  color: #333;
}
body a {
  text-decoration: none;
  color: #333;
}

.button_block .btn-primary {
  width: 100%;
  height: 38px !important;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background-color: #0097bc;
  background-image: none;
  border-color: #008fb2;
}
.button_block .btn-primary:hover {
  color: #fff;
  background-color: #0097bc;
  border-color: #008fb2;
}

.text-primary {
  color: #02A5E2 !important;
}

::-moz-placeholder {
  color: #93A3B2;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
}

::placeholder {
  color: #93A3B2;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
}

/*------scroll bar---------------------*/
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background: rgba(74, 74, 77, 0.25);
  border: 0px none #fff;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(94, 120, 234, 0.25);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(94, 120, 234, 0.25);
}

::-webkit-scrollbar-track {
  background: transparent;
  border: 0px none #fff;
  border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
  background: transparent;
}

::-webkit-scrollbar-track:active {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

.main-container {
  width: calc(100vw - 96px) !important;
  color: #333 !important;
  background: #F9F9F9 !important;
}
.main-container .content-part {
  padding: 16px 16px 0;
}
.main-container .content-part.company-content-part {
  height: calc(100vh - 174px);
  overflow: scroll;
}

.main-section {
  border-radius: 10px;
}
.main-section .section-header {
  border-radius: 10px 10px 0 0;
  border: 2px solid #ffffff;
  background: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 64px;
}
.main-section .section-header .section-header-title {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
.main-section .section-header .section-header-title .header-action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-section .section-header .inner-section-header-title {
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  line-height: normal;
  gap: 0;
  justify-content: flex-start;
  width: 100%;
}
.main-section .section-header .inner-section-header-title u {
  margin-left: 10px;
}
.main-section .section-header .inner-section-header-title .header-action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-section .section-body {
  background: #fff;
  border-radius: 0 0 10px 10px;
}
.main-section .section-body .section-overflow {
  height: calc(100vh - 187px);
  overflow-y: auto;
}
.main-section .section-body .top-tab-none {
  height: calc(100vh - 188px) !important;
}
.main-section .section-body .widthout-top-bar {
  height: calc(100vh - 190px);
}
.main-section .section-body .width-top-bar {
  height: calc(100vh - 250px);
}
.main-section .section-body .no-data-found {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
.main-section .section-body .no-data-found h4 {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  color: #333;
}
.main-section .section-body .no-data-found p {
  margin: 0;
  color: #93A3B2;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
}

.footer-section {
  background: transparent;
  color: #5b6e7f;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 24px;
  position: fixed;
  bottom: 0;
}
.footer-section span {
  font-weight: 700;
}

.cust-btn-primary {
  text-align: center;
  position: relative;
  text-decoration: none;
  height: 42px;
  border-radius: 100px;
  width: auto;
  padding: 0 16px;
  background: #02A5E2;
  transition: 0.1s;
  color: #fff !important;
  border: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.cust-btn-primary:hover {
  background: #02A5E2;
}

.ioc-btn-primary {
  text-align: center;
  position: relative;
  text-decoration: none;
  height: 42px;
  border-radius: 100px;
  width: auto;
  padding: 0 16px;
  background: #02A5E2;
  transition: 0.1s;
  color: #fff;
  border: none;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
}
.ioc-btn-primary:hover {
  background: #02A5E2;
}
.ioc-btn-primary .ioc-btn-size {
  width: 24px;
  height: 24px;
  transition: 0.1s;
  background: #fff;
}

.ioc-btn-white {
  text-align: center;
  position: relative;
  text-decoration: none;
  height: 42px !important;
  border-radius: 100px;
  width: auto;
  padding: 0 16px;
  background: #fff;
  transition: 0.1s;
  color: #02A5E2 !important;
  border: none;
  box-shadow: none;
  gap: 8px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.ioc-btn-white.back-btn {
  background: transparent;
  padding: 0;
  margin-right: 12px;
}
.ioc-btn-white.back-btn:is(:hover) {
  background: transparent;
  color: #333 !important;
}
.ioc-btn-white.back-btn:is(:hover) .ioc-btn-size {
  background: #333;
}
.ioc-btn-white:is(:hover, .cls_active, .cls_active_dt) {
  background: #02A5E2;
  color: #fff !important;
}
.ioc-btn-white:is(:hover, .cls_active, .cls_active_dt) .ioc-btn-size {
  background: #fff;
}
.ioc-btn-white .ioc-btn-size {
  width: 24px;
  height: 24px;
  transition: 0.1s;
  background: #02A5E2;
}

.ioc-btn-size {
  width: 24px;
  height: 24px;
  transition: 0.1s;
  background: #02A5E2;
}

.standard-icon-bg {
  -webkit-mask: url(../css/images/standard_m_icn.svg) no-repeat center;
  mask: url(../css/images/standard_m_icn.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #108C7F;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.professional-icon-bg {
  -webkit-mask: url(../css/images/professional_m_icn.svg) no-repeat center;
  mask: url(../css/images/professional_m_icn.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #01678D;
  width: 30px;
  height: 30px;
  display: inline-block;
}

.enterprise-icon-bg {
  -webkit-mask: url(../css/images/enterprise_m_icn.svg) no-repeat center;
  mask: url(../css/images/enterprise_m_icn.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: linear-gradient(180deg, #51438A 0%, #D0324A 100%);
  width: 30px;
  height: 30px;
  display: inline-block;
}

.plus-icon-bg {
  -webkit-mask: url(../css/images/pulse-icon.svg) no-repeat center;
  mask: url(../css/images/pulse-icon.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.time-log-bg {
  -webkit-mask: url(../css/images/time-log.svg) no-repeat center;
  mask: url(../css/images/time-log.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 18px;
  height: 18px;
  transition: 0.1s;
  background: #333;
}

.back-icon-bg {
  -webkit-mask: url(../css/images/arrow-left-line.svg) no-repeat center;
  mask: url(../css/images/arrow-left-line.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.download-icon-bg {
  -webkit-mask: url(../css/images/download-icon.svg) no-repeat center;
  mask: url(../css/images/download-icon.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.caseclose-icon-bg {
  -webkit-mask: url(../css/images/caseclose-icon.svg) no-repeat center;
  mask: url(../css/images/caseclose-icon.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: #02A5E2;
  transition: background-color 0.3s ease;
}
.caseclose-icon-bg:hover, .caseclose-icon-bg:focus {
  background-color: #fff !important;
}

.sync-icon-bg {
  -webkit-mask: url(../css/images/sync-icon.svg) no-repeat center;
  mask: url(../css/images/sync-icon.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.top-select-bar {
  background: #fff;
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
}

.k-popup .k-list .k-item {
  padding: 6px 16px;
  margin-bottom: 4px;
  font-size: 16px;
  border: none;
  color: #333;
  line-height: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.k-popup.k-list-container {
  border: none;
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: 0 2px 24px #d3d3d3 !important;
  margin-top: 8px;
  margin-bottom: 8px;
  outline: 0;
  padding: 8px 0;
  box-sizing: border-box;
}

.k-list > .k-state-focused,
.k-list > .k-state-hover,
.k-list > .k-state-selected {
  background: #02A5E2 !important;
  color: #fff !important;
  border: none;
}

.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-selected {
  border: none;
}

.k-popup .k-list-filter {
  padding: 0 16px;
  width: 100%;
  position: relative;
}
.k-popup .k-list-filter .k-textbox {
  width: 100% !important;
}
.k-popup .k-list-filter .k-icon {
  right: 30px;
  font-weight: 800;
}

.view-form-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 20px;
}
.view-form-details .details-txt {
  margin: 0;
  word-wrap: break-word;
  line-height: normal;
  font-size: 14px;
}
.view-form-details .details-txt.details-title {
  font-weight: 600;
  color: #4E5F71;
}
.view-form-details .details-txt.details-des {
  font-weight: 400;
  color: #4E5F71;
}
.view-form-details .k-upload {
  width: 100% !important;
}

.page-header {
  border-bottom: 1px solid #E7E7E7;
  background: #fff;
  width: 100%;
  height: 60px !important;
}
.page-header .container-fluid {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0;
}
.page-header .container-fluid .logo-project-name {
  display: flex;
  align-items: center;
  gap: 24px;
}
.page-header .container-fluid .logo-project-name .header-title {
  margin-bottom: 0;
  color: #333;
  font-weight: 700;
  font-size: 25px;
  font-style: normal;
  line-height: normal;
}
.page-header .container-fluid .logo-project-name .header-title .sub-header-title {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
}
.page-header .container-fluid .navbar-brand {
  width: 66px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
.page-header .container-fluid .navbar-brand .brand-img {
  width: 100%;
}
.page-header .navbar {
  height: 60px !important;
  padding: 0px 14px;
  width: 100%;
}
.page-header .top-navigation-main {
  position: relative;
}
.page-header .top-navigation-main .top-navigation-btn {
  width: 44px;
  height: 44px;
  border-radius: 100px;
  background: #fff;
}
.page-header .top-navigation-main .top-navigation-btn.active-icon-btn .top-navigation-btn-icon {
  background: #fff !important;
}
.page-header .top-navigation-main .top-navigation-btn:hover .top-navigation-btn-icon {
  background: #fff !important;
}
.page-header .top-navigation-main .top-navigation-btn:hover .notification-icon-bg {
  -webkit-animation: ring 0.5s 0.5s ease-in-out;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 0.5s 0.5s ease-in-out;
  -moz-transform-origin: 50% 4px;
  animation: ring 0.5s 0.5s ease-in-out;
  transform-origin: 50% 4px;
}
@keyframes ring {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.page-header .top-navigation-main .top-navigation-btn:after {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.page-header .top-navigation-main .top-navigation-btn .top-navigation-btn-icon {
  background: #5B6E7F !important;
  width: 24px;
  height: 24px;
  transition: 0.5s;
}
.page-header .top-navigation-main .profile-image {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  background: #7E0417;
  justify-content: center;
}
.page-header .top-navigation-main .profile-image:hover {
  color: #fff;
}

.icon-btn {
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;
  margin: 0px 6px;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  padding: 0;
  border: none;
}
.icon-btn.bg-gradiant {
  background: #02A5E2;
}
.icon-btn.bg-gradiant:hover {
  background: #02A5E2;
}
.icon-btn.bg-gradiant .btn-icon {
  background: #fff !important;
}
.icon-btn.active-icon-btn .btn-icon {
  background: #fff !important;
}
.icon-btn.active-icon-btn .k-icon {
  color: #fff !important;
}
.icon-btn.active-icon-btn::after {
  transform: scale(1);
  opacity: 1;
  transition: transform 0.4s, opacity 0.2s;
  background: #02A5E2;
}
.icon-btn:hover .btn-icon {
  background: #fff !important;
}
.icon-btn:hover .k-icon {
  color: #fff !important;
}
.icon-btn:hover .refresh-icon-bg {
  transform: rotate(90deg);
}
.icon-btn:hover:after {
  transform: scale(1);
  opacity: 1;
  transition: transform 0.4s, opacity 0.2s;
}
.icon-btn:after {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  box-sizing: content-box;
  top: 0px;
  left: 0px;
  padding: 0px;
  z-index: -1;
  background: #02A5E2;
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(0);
}
.icon-btn .btn-icon {
  background: #02A5E2 !important;
  width: 24px;
  height: 24px;
  transition: 0.5s;
}
.icon-btn .k-icon {
  color: #02A5E2 !important;
  font-size: 24px;
}

.left-bar {
  background-color: #333333;
  width: 96px !important;
  min-width: 96px;
  max-width: 96px;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}

.menu-icon-bg {
  background: #fff !important;
  width: 28px;
  height: 28px;
  -webkit-mask-size: 100% !important;
  mask-size: 100%;
  margin-right: 0;
}

.left-menu-icon {
  width: 100%;
  margin: 0 auto 16px;
  border-left: 5px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 10px;
}
.left-menu-icon .left-menu-link {
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  gap: 8px;
  /*   &:hover {
        .dropdown-icon {
        display: inline-block;
        opacity: 1;
        transform: translateX(0);
        }
    } */
}
.left-menu-icon .left-menu-link .dropdown-icon {
  display: none;
  font-size: 16px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.left-menu-icon .left-menu-link .menu_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.left-menu-icon:hover {
  background: #02A5E2;
  border-left: 5px solid #fff;
}
.left-menu-icon:hover:has(.left-menu-link) .dropdown-icon {
  display: inline-block;
  opacity: 1;
  transform: translateY(0);
}
.left-menu-icon:hover .menu-icon-bg {
  background: #fff !important;
}
.left-menu-icon.active-menu-icon {
  background: #02A5E2 !important;
  box-shadow: 0 10px 20px rgba(2, 165, 226, 0.2392156863);
  border-left: 5px solid #fff !important;
}
.left-menu-icon.active-menu-icon .menu-icon-bg {
  background: #fff !important;
}
.left-menu-icon .dropdown-toggle::after {
  display: none;
}
.left-menu-icon .left-sub-menu {
  margin-left: 20px !important;
  min-width: 270px !important;
  max-width: 280px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid #ffffff;
  background: #fff;
  padding: 16px;
}
.left-menu-icon .left-sub-menu .nav-link {
  height: 40px;
  padding: 8px 24px !important;
  position: relative;
  background: #F6F6F6;
  border-radius: 6px;
  transition: 0.5s;
  margin-bottom: 8px;
  color: #333;
  display: flex;
  align-items: center;
  font-weight: 600;
  width: 100% !important;
}
.left-menu-icon .left-sub-menu .nav-link:last-child {
  margin-bottom: 0;
}
.left-menu-icon .left-sub-menu .nav-link:is(:hover, .active-menu-icon) {
  background: #02A5E2;
  color: #fff;
}
.left-menu-icon .left-sub-menu.active .menu_item {
  background: #02A5E2;
  color: #fff;
  border: 0;
}

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

.cust-kendo-grid-section-height .cust-kendo-grid .k-detail-row .k-grid-content {
  height: 100% !important;
}

.k-detail-row:hover {
  background-color: #fff !important;
}
.k-detail-row .k-grid {
  padding: 8px 0;
}
.k-detail-row .k-grid .k-grid-header {
  background-color: #f6f6f6 !important;
}
.k-detail-row .k-grid .k-grid-header .k-header,
.k-detail-row .k-grid .k-grid-header .k-link {
  background-color: #f6f6f6 !important;
}
.k-detail-row .k-grid .k-grid-header .k-header:first-child,
.k-detail-row .k-grid .k-grid-header .k-link:first-child {
  border-top-left-radius: 10px;
}
.k-detail-row .k-grid .k-grid-header .k-header:last-child,
.k-detail-row .k-grid .k-grid-header .k-link:last-child {
  border-top-right-radius: 10px;
}

.Cstatus {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: normal;
  padding: 4px 10px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  color: #fff !important;
}

.k-grid {
  box-shadow: none;
  border: 1.5px solid #f2f2f2;
  border-radius: 4px 4px 6px 6px;
  color: #333;
}
.k-grid .k-grouping-header {
  height: 32px;
  padding: 0 16px;
  border: none;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
}
.k-grid .k-grid-header {
  padding: 0 !important;
  border-bottom: 1px solid #E7E7E7;
  background-color: #f1f1f1;
  height: 44px;
}
.k-grid .k-grid-header .k-grid-header-wrap {
  border: none;
}
.k-grid .k-grid-header .k-grid-header-wrap table {
  height: 44px;
  width: 100%;
  min-width: 100%;
}
.k-grid .k-grid-header .k-grid-header-wrap table .th {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
}
.k-grid .k-grid-header .k-header,
.k-grid .k-grid-header .k-link {
  color: #333;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 14px;
  border: none;
  background-color: #f1f1f1;
  text-align: left !important;
  padding: 0 6px;
}
.k-grid .k-grid-header .k-grouping-header {
  background: whitesmoke;
}
.k-grid .k-grid-content table {
  width: 100%;
  min-width: 100%;
}
.k-grid .k-grid-content table tbody tr {
  height: 44px;
  background: #ffffff;
  border-bottom: 1px solid #E7E7E7;
}
.k-grid .k-grid-content table tbody tr td {
  flex: 1;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.05px;
  text-align: left;
  padding: 0 16px !important;
}
.k-grid .k-grid-content table tbody tr:hover {
  background-color: #EFFBFF;
}
.k-grid .k-grid-content table tbody .k-button-icontext {
  padding: 0;
  background: transparent;
  min-width: auto;
  margin: 0 5px;
}
.k-grid .k-grid-content table tbody .k-button-icontext .k-icon {
  font-size: 16px;
  color: #02a5e2;
  font-weight: 500;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
  height: 62px;
  padding: 0 16px !important;
  background: #fff;
  font-size: 12px !important;
  box-shadow: 0 0 7px 0px #E7E7E7;
  color: #333;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 0 0 10px 10px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes,
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-info {
  display: inline-block;
  margin-left: auto;
  margin-right: 0;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span.k-pager-info.k-label {
  margin-left: -20px !important;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-first,
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-last {
  display: none;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 8px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes span.k-dropdown-wrap.k-state-default {
  background: white;
  height: 28px;
  box-shadow: none;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes:before {
  content: "Showing";
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav {
  border-radius: 100px;
  background: #f6f6f6;
  width: 32px;
  height: 32px;
  min-width: 32px;
  max-height: 32px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav .k-icon {
  opacity: 1;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav .k-icon.k-i-arrow-60-right::before {
  background: url("../css/images/chevron-right.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav .k-icon.k-i-arrow-60-left::before {
  background: url("../css/images/chevron-left.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap {
  width: auto;
  margin-left: 1em;
  margin-right: 1em;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap .k-dropdown {
  display: none !important;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers {
  display: flex !important;
  align-self: unset;
  align-items: unset;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li {
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-height: 28px;
  margin-right: 8px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li.k-current-page {
  display: none;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li .k-link {
  border: none;
  font-size: 14px;
  font-weight: 400;
  height: 28px;
  width: 28px;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li .k-link:hover {
  background: #f6f6f6;
  border-radius: 100px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li .k-state-selected {
  border-radius: 100px;
  color: #fff;
  background: #02A5E2;
  font-size: 14px;
  font-weight: 400;
  border: none;
  margin: 0;
  padding: 0;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li .k-state-selected:hover {
  background: #02A5E2;
  border-radius: 100px;
}
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span.k-pager-info.k-label,
.k-grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span.k-pager-sizes.k-label {
  font-size: 13px;
  color: #333;
  font-weight: 400;
  padding-left: 16px;
}

.cust-offcanvas-design .offcanvas-header {
  border-bottom: 1px solid #E7E7E7;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}
.cust-offcanvas-design .offcanvas-header .header-title {
  color: #333;
  font-family: inter-semiBold, Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  letter-spacing: 0.009375em;
}
.cust-offcanvas-design .offcanvas-header .close-with-link-action {
  display: flex;
  align-items: center;
}
.cust-offcanvas-design .offcanvas-header .close-with-link-action .clear-all-action .clear-all-link {
  color: #02A5E2;
  font-weight: 600;
  font-size: 0.938rem;
  font-style: normal;
  line-height: normal;
  margin-bottom: 0 !important;
  margin-right: 16px !important;
  cursor: pointer;
}
.cust-offcanvas-design .offcanvas-header .btn-close {
  opacity: 1;
  font-size: 11px;
}
.cust-offcanvas-design .offcanvas-header .btn-close:focus {
  box-shadow: none;
}
.cust-offcanvas-design .offcanvas-header .btn-close:hover {
  opacity: 1;
}
.cust-offcanvas-design .offcanvas-body {
  background: #f6f6f6;
}
.cust-offcanvas-design .offcanvas-body .main-content {
  background: #fff;
  padding: 16px;
  height: calc(100vh - 100px);
  border-radius: 10px;
  overflow: auto;
}

.setting_anchortag {
  text-decoration: none !important;
}

.all-setting-list {
  display: flex;
  align-items: start;
  flex-direction: column;
  row-gap: 8px;
}
.all-setting-listul {
  list-style: none;
}
.all-setting-list .setting-list {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  padding: 9px;
  border-bottom: 1px solid #E6EDF3;
  line-height: normal;
  color: #333;
}
.all-setting-list .setting-list:hover {
  color: #02A5E2 !important;
  border-color: #02A5E2;
}
.all-setting-list .setting-list .ioc-img {
  width: 24px;
  height: 24px;
  -webkit-mask-size: 100% !important;
  mask-size: 100%;
  background: #02A5E2;
}
.all-setting-list .setting-list[aria-expanded=true] #allapp_arrow {
  transform: rotate(180deg);
}

.profile-main-section {
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  height: 100%;
}

.profile-sidebar {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.profile-sidebar .change-group-section {
  padding: 16px;
}
.profile-sidebar .profile-logout-section {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.profile-sidebar .profile-logout-section .profile-section {
  position: relative;
  width: 100%;
  background: #02A5E2;
  padding: 50px 16px 16px;
  border-radius: 6px;
  text-align: center;
  margin-top: 16px;
}
.profile-sidebar .profile-logout-section .profile-section .profile-image {
  position: absolute;
  left: calc(50% - 32px);
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  top: -30px;
  background: #02A5E2;
  border-radius: 100px;
  border: 5px solid #F1FAFE;
}
.profile-sidebar .profile-logout-section .profile-section .profile-edit {
  -webkit-mask: url(../css/images/ioc-edit.svg) no-repeat center;
  mask: url(../css/images/ioc-edit.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 24px;
  height: 24px;
  background: #fff;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
}
.profile-sidebar .profile-logout-section .profile-section .profile-text {
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.drawer-white-btn {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #F8EDF0;
  cursor: pointer;
  transition: 0.05s;
  padding: 0 16px;
}
.drawer-white-btn .drawer-white-ioc {
  width: 24px;
  height: 24px;
  background: #333;
  margin-right: 12px;
}
.drawer-white-btn .logout-ioc {
  -webkit-mask: url(../css/images/logout-ioc.svg) no-repeat center;
  mask: url(../css/images/logout-ioc.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.drawer-white-btn:hover {
  background: #02A5E2;
  border: 1px solid #02A5E2;
  color: #fff;
}
.drawer-white-btn:hover .drawer-white-ioc {
  background: #fff;
}

.ioc-group-card {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  height: 75px;
  background: #fff;
  border-radius: 6px;
}
.ioc-group-card .ioc-image {
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  border: 1px solid rgba(0, 143, 210, 0.2);
  background: rgba(0, 143, 210, 0.1);
}
.ioc-group-card .ioc-image .change-group-ioc {
  -webkit-mask: url(../css/images/change-group-ioc.svg) no-repeat center;
  mask: url(../css/images/change-group-ioc.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
  height: 20px;
  background: #02A5E2;
}
.ioc-group-card .change-group-txt {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.ioc-group-card .change-group-txt p {
  margin: 0;
}
.ioc-group-card .change-group-txt .group-txt {
  font-size: 16px;
  color: #333;
  font-weight: 700;
}
.ioc-group-card .change-group-txt .change-txt {
  font-size: 14px;
  color: #02A5E2;
  cursor: pointer;
  transition: 0.05s;
}
.ioc-group-card .change-group-txt .change-txt:hover {
  text-decoration: underline;
}

.header-nav-section.scroll-tab-area {
  display: flex;
  flex-flow: row;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
}
.header-nav-section.scroll-tab-area .nav-link {
  white-space: nowrap;
}
.header-nav-section .nav-item {
  margin-bottom: 0;
  margin-right: 16px;
}
.header-nav-section .nav-item .nav-link {
  padding: 0;
  margin: 0 !important;
  height: 64px;
  display: flex;
  align-items: center;
  transition: 0.05s;
  border-bottom: 3px solid transparent !important;
}
.header-nav-section .nav-item .nav-link.active {
  border-bottom: 3px solid #02A5E2;
}

.widthout-top-bar .cust-kendo-grid .k-grid {
  height: calc(100vh - 170px) !important;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.widthout-top-bar .cust-kendo-grid .k-grid-content {
  height: calc(100% - 140px) !important;
}

.width-top-bar .cust-kendo-grid .k-grid {
  height: calc(100vh - 250px) !important;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
}
.width-top-bar .cust-kendo-grid .k-grid-content {
  height: calc(100% - 140px) !important;
}

.grid-list-ioc {
  background: #02A5E2 !important;
  width: 20px;
  height: 20px;
  transition: 0.25s;
  cursor: pointer;
}

.save-icon-bg {
  -webkit-mask: url(../css/images/save.svg) no-repeat center;
  mask: url(../css/images/save.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.filter-icon-bg {
  -webkit-mask: url(../css/images/filter-icon.svg) no-repeat center;
  mask: url(../css/images/filter-icon.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.search-icon-bg {
  -webkit-mask: url(../css/images/search.svg) no-repeat center;
  mask: url(../css/images/search.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.input-search-icon-bg {
  -webkit-mask: url(../css/images/search.svg) no-repeat center;
  mask: url(../css/images/search.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background: #333 !important;
  width: 20px;
  height: 20px;
  transition: 0.25s;
  cursor: pointer;
}

.excel-icon-bg {
  -webkit-mask: url(../css/images/excel.svg) no-repeat center;
  mask: url(../css/images/excel.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.mail-icon-bg {
  -webkit-mask: url(../css/images/mail.svg) no-repeat center;
  mask: url(../css/images/mail.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.eye-icon-bg {
  -webkit-mask: url(../css/images/Eye_blue.svg) no-repeat center;
  mask: url(../css/images/Eye_blue.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.delete-icon-bg {
  -webkit-mask: url(../css/images/delete.svg) no-repeat center;
  mask: url(../css/images/delete.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.edit-icon-bg {
  -webkit-mask: url(../css/images/edit-icon.svg) no-repeat center;
  mask: url(../css/images/edit-icon.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.disable-icon-bg {
  -webkit-mask: url(../css/images/Disable.svg) no-repeat center;
  mask: url(../css/images/Disable.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.close-icon-bg {
  -webkit-mask: url(../css/images/ioc-close.svg) no-repeat center;
  mask: url(../css/images/ioc-close.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.question-icon-bg {
  -webkit-mask: url(../img/Topbar_icons/question-line.svg) no-repeat center;
  mask: url(../img/Topbar_icons/question-line.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.setting-icon-bg {
  -webkit-mask: url(../img/Topbar_icons/Settings.svg) no-repeat center;
  mask: url(../img/Topbar_icons/Settings.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.notification-icon-bg {
  -webkit-mask: url(../css/images/notification.svg) no-repeat center;
  mask: url(../css/images/notification.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.new-notification-icon-bg {
  -webkit-mask: url(../css/images/new-notification.svg) no-repeat center;
  mask: url(../css/images/new-notification.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.attachment-icon-bg {
  -webkit-mask: url(../css/images/paper_pin.svg) no-repeat center;
  mask: url(../css/images/paper_pin.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.restore-icon-bg {
  -webkit-mask: url(../css/images/restore.svg) no-repeat center;
  mask: url(../css/images/restore.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.suspend-icon-bg {
  -webkit-mask: url(../css/images/suspend.svg) no-repeat center;
  mask: url(../css/images/suspend.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.offcanvas-tab-section .offcanvas-tab-header {
  background-color: #fff;
  padding: 0 20px;
}
.offcanvas-tab-section .offcanvas-tab-header .nav-tabs {
  border: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-item:hover {
  margin-bottom: 0px !important;
}
.offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link {
  padding: 0;
  margin: 0 !important;
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom: 3px solid transparent;
}
.offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link .k-icon {
  margin-left: 8px;
}
.offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link:hover {
  color: #02A5E2 !important;
  border-bottom: #02A5E2 solid 3px !important;
}
.offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link.active {
  color: #02A5E2 !important;
  border-bottom: #02A5E2 solid 3px !important;
}
.offcanvas-tab-section .offcanvas-tab-body {
  padding: 20px 20px 0px 20px;
  height: calc(100% - 47px) !important;
}
.offcanvas-tab-section .offcanvas-tab-body .without-tab-section .offcanvas-content {
  height: calc(100vh - 168px);
}
.offcanvas-tab-section .offcanvas-tab-body .without-tab-section .offcanvas-content.withuot-offcanvas-footer {
  height: calc(100vh - 110px);
}
.offcanvas-tab-section .offcanvas-tab-body .offcanvas-content {
  padding: 20px;
  background-color: #fff;
  height: calc(100vh - 214px);
  overflow: auto;
  border-radius: 10px;
}
.offcanvas-tab-section .offcanvas-tab-body .offcanvas-content.tab-without-footer {
  height: calc(100vh - 155px) !important;
}
.offcanvas-tab-section .offcanvas-tab-body .offcanvas-footer {
  display: flex;
  align-items: center;
  height: 80px;
  justify-content: end;
  gap: 12px;
}
.offcanvas-tab-section .offcanvas-tab-body .offcanvas-footer.offcanvas_footer_space {
  justify-content: space-between;
}

.k-upload {
  border: 1px solid #93A3B2 !important;
  width: -webkit-fill-available !important;
  border-color: #93A3B2 !important;
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
  padding: 0 12px !important;
  margin: auto;
  background: #fff;
  color: #333;
  text-indent: 0 !important;
  display: flex;
  min-height: 44px;
  justify-content: center;
  flex-direction: column;
}
.k-upload .k-button.k-upload-button {
  width: -webkit-fill-available;
  margin: auto;
}
.k-upload .k-upload-files {
  border: none;
  padding-top: 5px;
  max-height: 120px;
  overflow: auto;
}
.k-upload .k-dropzone {
  padding-left: 0;
  padding-right: 0;
}
.k-upload:focus {
  outline: 0;
  box-shadow: none;
}

.k-textbox {
  border: 1px solid #93A3B2 !important;
  border-color: #93A3B2 !important;
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
  height: 44px !important;
  padding: 0 12px !important;
  background: #fff;
  color: #333;
  text-indent: 0 !important;
}
.k-textbox:focus {
  outline: 0;
  box-shadow: none;
}
.k-textbox.table-grid-input {
  height: 32px !important;
  border-color: #93A3B2 !important;
}
.k-textbox.table-grid-input.disabled {
  border-color: #bcbcbc !important;
  color: #BCBCBC !important;
}
.k-textbox.table-grid-date {
  padding: 0 !important;
  height: 32px !important;
  border-color: transparent !important;
  box-shadow: none;
  border: 1px solid #93A3B2 !important;
  border-radius: 6px;
}
.k-textbox.table-grid-date .k-picker-wrap.k-state-default {
  border: 0;
  box-shadow: none;
  border-color: transparent !important;
  height: 30px !important;
  border-radius: 6px;
}
.k-textbox.table-grid-date .k-picker-wrap.k-state-default > .k-select {
  border-color: #fff;
  background-color: #fff;
  border-radius: 0 6px 6px 0;
}
.k-textbox.table-grid-date input {
  height: 30px !important;
  border: none !important;
  background-color: #fff;
  text-indent: 12px !important;
}

.readonlyDisabled,
.parentReadonly {
  pointer-events: none;
}

input[readonly] {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
}

.grid-link-btn {
  background-color: #fff;
  border-radius: 2px;
  border-color: transparent;
  padding: 2px !important;
  width: 100px;
  display: flex;
  text-transform: capitalize;
  align-items: center;
  justify-content: center;
}
.grid-link-btn:focus {
  border-color: transparent;
  background-color: transparent;
}
.grid-link-btn:focus:active {
  box-shadow: none;
}
.grid-link-btn:active {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.grid-link-btn.grid-deactivate-btn {
  color: #fff;
  background: #BA1D1D !important;
  border: 1.5px solid #BA1D1D !important;
}
.grid-link-btn.grid-activate-btn {
  color: #fff;
  background: #02A5E2 !important;
  border: 1.5px solid #02A5E2 !important;
}
.grid-link-btn.grid-resend-btn {
  color: #fff;
  background: #FFA901 !important;
  border: 1.5px solid #FFA901 !important;
}
.grid-link-btn.grid-edit-btn {
  color: #02A5E2 !important;
  text-transform: capitalize;
}
.grid-link-btn.grid-edit-btn span {
  display: none;
}
.grid-link-btn:hover.grid-deactivate-btn {
  color: #BA1D1D !important;
  text-decoration: none;
  background: none !important;
}
.grid-link-btn:hover.grid-resend-btn {
  text-decoration: none;
  color: #FFA901 !important;
  background: none !important;
}
.grid-link-btn:hover.grid-activate-btn {
  text-decoration: none;
  color: #02A5E2 !important;
  background: none !important;
}

button:focus {
  outline: unset !important;
}

.nav-tabs:not(.nav-link.active) {
  border-bottom: none !important;
}

.custom-control {
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  margin-right: 16px;
}
.custom-control .k-radio {
  border-color: #93A3B2;
  color: #333;
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.custom-control .k-radio:hover {
  border-color: #333;
}
.custom-control .k-radio:is(:checked, :focus) {
  border-color: #02A5E2 !important;
  color: #fff;
  background-color: #02A5E2 !important;
  box-shadow: none;
}

.k-dropdown {
  height: 43px !important;
  border-radius: 6px;
  outline: unset !important;
  border-color: #93A3B2 !important;
  box-shadow: none;
}
.k-dropdown .k-state-default {
  border-radius: 6px;
  background-color: #fff;
  border-color: #93A3B2 !important;
  font-weight: 400;
  height: 100%;
}
.k-dropdown .k-dropdown-wrap span.k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-dropdown .k-dropdown-wrap .k-input {
  padding: 6px 0;
}
.k-dropdown.table-grid-select {
  height: 32px !important;
}
.k-dropdown.table-grid-select span {
  height: inherit;
  padding-top: 1px !important;
}

.k-multiselect {
  height: 43px !important;
  border-radius: 6px !important;
  outline: unset !important;
  border-color: #93A3B2;
}
.k-multiselect .k-multiselect-wrap {
  display: flex;
  align-items: center;
  height: 43px;
  border-color: #93A3B2 !important;
  box-shadow: none;
  border-radius: 6px !important;
}
.k-multiselect .k-multiselect-wrap .k-reset {
  margin-left: 5px;
}
.k-multiselect .k-multiselect-wrap .k-reset .k-button {
  border-radius: 3px;
  border-color: #F2F2F2;
  background-color: #F2F2F2;
  padding-left: 10px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.k-multiselect .k-multiselect-wrap .k-reset .k-button span {
  margin: 0;
}

.form-control:focus {
  box-shadow: unset;
}

.k-autocomplete.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active,
.k-numeric-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-textbox:focus {
  box-shadow: unset;
  outline: unset !important;
}

.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-textbox:hover {
  box-shadow: unset;
}

.custom-mode-main .modal-content {
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.0392156863), 0 20px 24px -4px rgba(16, 24, 40, 0.1019607843) !important;
}
.custom-mode-main .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #e6f4fb;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
}
.custom-mode-main .modal-content .modal-header .modal-title {
  font-size: 20px;
  color: #02A5E2;
  line-height: normal;
  font-weight: 500;
}
.custom-mode-main .modal-content .modal-header .colse-icon-main {
  padding: 0;
  background: transparent;
  border: none;
  position: absolute;
  top: 6px;
  right: 6px;
}
.custom-mode-main .modal-content .modal-header .colse-icon-main .colse-icon {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1019607843);
  border-radius: 100px;
  margin-bottom: 0;
  color: #73c2e6;
  background: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 0;
  text-transform: uppercase;
}
.custom-mode-main .modal-content .modal-body {
  padding: 24px;
}
.custom-mode-main .modal-content .modal-body .modal-body-text {
  color: #333;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}
.custom-mode-main .modal-content .modal-footer {
  padding: 12px 24px 24px;
  justify-content: center;
  border: none;
}

.btn_with_text_primary {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 100px;
  border: none;
  width: auto;
  padding: 10px 16px;
  background: #02A5E2;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn_with_text_primary .ioc-btn-size {
  background: #fff;
}
.btn_with_text_primary:hover {
  background: #02A5E2;
  color: #fff;
}

img #goback_btn1 {
  cursor: pointer;
}

.btn_with_text_basic {
  text-align: center;
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin: auto;
  height: 42px;
  border-radius: 100px;
  border: none;
  width: auto;
  padding: 10px 36px;
  background: #f6f6f6;
  font-size: 16px;
  line-height: normal;
  color: #02A5E2;
}
.btn_with_text_basic:hover {
  background: #02A5E2;
  color: #fff;
}

.k-pager-wrap .k-dropdown {
  height: auto !important;
  background: transparent;
}
.k-pager-wrap .k-dropdown .k-dropdown-wrap span.k-select .k-icon::before {
  top: 2px;
}
.k-pager-wrap .k-dropdown .k-dropdown-wrap.k-state-default .k-input {
  font-size: 12px !important;
  line-height: 19px;
}

.card-profile {
  padding: 20px;
  background-color: #fff;
  height: calc(100vh - 174px);
  overflow: auto;
  border-radius: 10px;
}

.k-window {
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.0392156863), 0 20px 24px -4px rgba(16, 24, 40, 0.1019607843) !important;
}
.k-window .k-button.k-success {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 100px;
  border: none;
  width: auto;
  padding: 10px 36px;
  background: #02A5E2;
  font-size: 16px;
  line-height: normal;
  color: #fff !important;
  flex: unset;
  font-weight: 500;
  letter-spacing: 0.5px;
  box-shadow: none;
}
.k-window .k-button.k-success:hover {
  background: #02A5E2;
}
.k-window .k-button.k-warning {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 100px;
  border: none;
  width: auto;
  padding: 10px 36px;
  background: #02A5E2;
  font-size: 16px;
  line-height: normal;
  color: #fff !important;
  flex: unset;
  font-weight: 500;
  letter-spacing: 0.5px;
  box-shadow: none;
}
.k-window .k-button.k-warning:hover {
  background: #02A5E2;
}
.k-window .k-button.k-danger {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 100px;
  border: 1px solid #02A5E2;
  width: auto;
  padding: 10px 36px;
  background: #F6F6F6;
  font-size: 16px;
  line-height: normal;
  color: #02A5E2 !important;
  flex: unset;
  font-weight: 600;
  letter-spacing: 0.5px;
  box-shadow: none;
}
.k-window .k-button.k-danger:hover {
  background: #fff;
  opacity: 0.5;
}
.k-window .k-window-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: #f3f3f3 !important;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: none;
  width: auto;
  height: 40px;
}
.k-window .k-window-titlebar .k-window-title {
  font-size: 16px;
  color: #02A5E2;
  line-height: normal;
  font-weight: 600;
}
.k-window .k-window-titlebar .k-window-actions {
  padding: 0;
  background: transparent;
  border: none;
  position: absolute;
  top: 7px;
  right: 14px;
}
.k-window .k-window-titlebar .k-window-actions .k-window-action {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1019607843) !important;
  border-radius: 100px;
  margin-bottom: 0;
  color: #73c2e6;
  background: #fff !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 0;
  text-transform: uppercase;
  opacity: 1;
}
.k-window .k-dialog-buttongroup {
  padding: 12px 24px 24px;
  justify-content: center;
  border: none;
}
.k-window .k-dialog-buttongroup .k-button {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 100px;
  width: auto;
  padding: 10px 24px !important;
  background: #f3f3f3;
  border: 1.5px solid #02A5E2;
  font-size: 16px;
  line-height: normal;
  flex: unset;
  text-transform: capitalize;
  color: #008fb2;
}
.k-window .k-dialog-buttongroup .k-button.k-primary {
  border: none;
  color: #fff;
  background: #02A5E2;
}
.k-window .k-window-content {
  background: #fff !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  max-height: 100% !important;
  padding: 16px;
  overflow: auto;
  margin: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.k-window .k-window-content.earlierCaseWindow {
  height: calc(100vh - 317px) !important;
}

.k-grid-norecords {
  justify-content: center;
}
.k-grid-norecords span {
  top: unset !important;
  left: unset !important;
  font-size: 18px !important;
  padding-top: 24px;
  padding-bottom: 24px;
}

.notification-drawer .slimScrollDiv {
  height: calc(100vh - 70px) !important;
}

.all-notification-list {
  height: calc(100vh - 70px) !important;
}
.all-notification-list .data:hover {
  background-color: transparent !important;
}
.all-notification-list .data .nofificaion-list {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #e7e7e7;
}
.all-notification-list .data .nofificaion-list:hover {
  background-color: #fff !important;
}
.all-notification-list .data .nofificaion-list .notification-txt-marker {
  width: calc(100% - 24px);
  display: flex;
  align-items: center;
  gap: 16px;
}
.all-notification-list .data .nofificaion-list .notification-txt-marker .notification-marker {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  max-width: 10px;
  max-height: 10px;
  background: #02A5E2;
  border-radius: 100px;
}
.all-notification-list .data .nofificaion-list .notification-txt-marker p {
  margin: 0;
  color: #333;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.filterCriteria-main {
  display: flex;
  align-items: center;
  gap: 16px;
  overflow-x: hidden;
  width: 100%;
}
.filterCriteria-main .view-form-details {
  flex-direction: row;
}
.filterCriteria-main .filterCriteria {
  min-width: 150px;
}

.report-action-header {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.no-report-select {
  width: 100%;
  height: calc(100% - 72px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
.no-report-select .no-data-select-icon-bg {
  -webkit-mask: url(../css/images/select_something_illustration.svg) no-repeat center;
  mask: url(../css/images/select_something_illustration.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 275px;
  height: 275px;
}
.no-report-select .no-data-txt {
  font-size: 16px;
  color: #333;
  font-weight: 400;
}
.no-report-select .no-data-txt span {
  font-weight: 700;
}

.main-report-selection {
  padding: 9px 16px;
  display: flex;
  align-items: center;
  background: #fff;
}
.main-report-selection .k-widget {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 0;
  box-shadow: none;
}
.main-report-selection .k-widget .k-item {
  border: 1px solid #93A3B2;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  overflow: unset !important;
}
.main-report-selection .k-widget .k-item.k-state-hover {
  background-color: #fff !important;
}
.main-report-selection .k-widget .k-item .k-menu-link {
  height: 38px;
  display: flex;
  align-items: center;
  width: 200px;
  justify-content: space-between;
  padding: 0 16px;
}
.main-report-selection .k-widget .k-item .k-menu-link.k-state-active {
  background-color: #fff;
  border-color: #93A3B2;
  border-radius: 6px;
}
.main-report-selection .k-animation-container .k-menu-group {
  border-radius: 6px !important;
  background-color: #fff !important;
  box-shadow: 0 2px 24px #d3d3d3 !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding: 8px 0;
  max-width: 250px;
  min-width: 200px;
  max-height: 350px !important;
  overflow: scroll !important;
}
.main-report-selection .k-animation-container .k-menu-group .k-menu-item {
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  color: #333;
}
.main-report-selection .k-animation-container .k-menu-group .k-menu-item:hover {
  background: #e6f4fb !important;
}
.main-report-selection .k-animation-container .k-menu-group .k-menu-item .k-menu-link {
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  display: flex;
  align-items: center;
  min-width: 150px;
  justify-content: space-between;
  padding: 0 16px;
  color: #333;
  word-wrap: break-word;
  white-space: normal;
  line-height: normal;
}

.main-report-selection .k-state-hover {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.main-report-selection .k-list > .k-state-focused,
.main-report-selection .k-listview > .k-state-focused,
.main-report-selection .k-listview > .k-state-focused.k-state-selected,
.main-report-selection .k-state-focused,
.main-report-selection td.k-state-focused,
.main-report-selection .k-menu .k-item.k-state-default.k-state-focused {
  box-shadow: none !important;
}

.k-popup.k-context-menu.k-group .k-state-hover {
  background-color: #fff;
  border-color: #93A3B2;
  border-radius: 6px;
}

.cust-koolreport-page {
  padding: 0 0 16px;
}
.cust-koolreport-page .dataTables_wrapper table.dataTable {
  height: calc(100vh - 360px);
  border: rgba(232, 232, 232, 0.9333333333) solid 1.5px;
  border-radius: 6px;
  width: 100%;
}
.cust-koolreport-page .dataTables_wrapper table thead {
  position: sticky;
  top: 0;
}

.offcanvas-body .cust-koolreport-page td {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.cust-koolreport-page table, .reports_k-grid_table table {
  border-collapse: collapse;
  width: 100%;
}
.cust-koolreport-page table thead tr, .reports_k-grid_table table thead tr {
  background: #f6f6f6;
  border-bottom: 1px solid #E7E7E7;
  height: 44px;
  border-top: 0;
}
.cust-koolreport-page table thead tr th, .reports_k-grid_table table thead tr th {
  padding: 0px 12px !important;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  font-weight: 600;
  color: #4E5F71;
  border: 1px solid #dddddd !important;
  min-width: 100px;
  box-shadow: none;
  width: auto;
  white-space: normal;
  overflow-wrap: break-word;
}
.cust-koolreport-page table thead tr th.sorting_asc::after, .cust-koolreport-page table thead tr th.sorting_asc::before, .cust-koolreport-page table thead tr th.sorting::after, .cust-koolreport-page table thead tr th.sorting::before, .cust-koolreport-page table thead tr th.sorting_desc::after, .cust-koolreport-page table thead tr th.sorting_desc::before, .cust-koolreport-page table thead tr th.sorting_asc_disabled::after, .cust-koolreport-page table thead tr th.sorting_asc_disabled::before, .cust-koolreport-page table thead tr th.sorting_desc_disabled::after, .cust-koolreport-page table thead tr th.sorting_desc_disabled::before, .reports_k-grid_table table thead tr th.sorting_asc::after, .reports_k-grid_table table thead tr th.sorting_asc::before, .reports_k-grid_table table thead tr th.sorting::after, .reports_k-grid_table table thead tr th.sorting::before, .reports_k-grid_table table thead tr th.sorting_desc::after, .reports_k-grid_table table thead tr th.sorting_desc::before, .reports_k-grid_table table thead tr th.sorting_asc_disabled::after, .reports_k-grid_table table thead tr th.sorting_asc_disabled::before, .reports_k-grid_table table thead tr th.sorting_desc_disabled::after, .reports_k-grid_table table thead tr th.sorting_desc_disabled::before {
  bottom: 30% !important;
}
.cust-koolreport-page table tbody tr, .reports_k-grid_table table tbody tr {
  height: 44px;
  border-bottom: 1px solid #E7E7E7;
  background: #fff;
}
.cust-koolreport-page table tbody tr:hover, .reports_k-grid_table table tbody tr:hover {
  background: #EFFBFF;
}
.cust-koolreport-page table tbody tr td, .reports_k-grid_table table tbody tr td {
  padding: 0px 12px !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  color: #333;
  border: 0 !important;
  min-width: 134px !important;
  box-shadow: none;
  word-wrap: break-word !important;
  white-space: normal !important;
}
.cust-koolreport-page table tbody .total-footer, .reports_k-grid_table table tbody .total-footer {
  background: #f6f6f6 !important;
}
.cust-koolreport-page table tbody .total-footer td, .reports_k-grid_table table tbody .total-footer td {
  padding: 0 24px !important;
  font-weight: 600 !important;
}

.cust-input-select-kendo .k-multiselect {
  border-radius: 6px !important;
  height: 44px !important;
  border-color: transparent;
  min-height: 44px;
  box-shadow: none !important;
}
.cust-input-select-kendo .k-multiselect .k-multiselect-wrap {
  border-radius: 6px;
  border-color: #93A3B2;
  height: 42px;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 16px;
  color: #333;
  box-shadow: none;
}
.cust-input-select-kendo .k-multiselect .k-multiselect-wrap .k-input {
  padding: 0;
  margin: 0;
  height: 42px;
  min-height: 42px !important;
  max-height: 42px !important;
  text-indent: 0;
  color: #333;
  border: none;
  background-color: #fff !important;
}

textarea {
  width: 100%;
  text-align: left;
  line-height: 42px;
  vertical-align: middle;
  border: 1px solid #93A3B2 !important;
  border-color: #93A3B2 !important;
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
  height: 44px !important;
  padding: 0 12px !important;
  background: #fff;
  color: #333;
}
textarea #add_ip_access_address,
textarea #edit_ip_access_address {
  height: 72px !important;
  line-height: normal;
}

.cust-input-datepicker .k-datepicker {
  border-radius: 6px;
  margin: 0;
  color: #333;
  box-shadow: none;
  border: 1px solid #dcdcdc;
  overflow: auto;
}
.cust-input-datepicker .k-datepicker .k-picker-wrap {
  height: 44px;
  border-color: #93A3B2 !important;
  border-radius: 6px;
  background-color: #fff;
  color: #333;
  box-shadow: none;
}
.cust-input-datepicker .k-datepicker .k-picker-wrap .k-input {
  border-radius: 6px;
  color: #333;
  border: none;
}
.cust-input-datepicker .k-datepicker .k-picker-wrap .k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --------------------------------------------------------------------------------------------------- */
.cust_round_btn {
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(0, 143, 210, 0.2);
  background-color: #F6F6F6;
  border-radius: 120px;
  transition: 0.5s;
}
.cust_round_btn.cust_property_icn {
  background-color: #fff;
}
.cust_round_btn.cust_property_icn .ioc_plus,
.cust_round_btn.cust_property_icn .ioc_delete {
  background: #333 !important;
}
.cust_round_btn:hover {
  border: 2px solid #02A5E2;
  background-color: #02A5E2 !important;
}
.cust_round_btn:hover .ioc_plus,
.cust_round_btn:hover .ioc_delete,
.cust_round_btn:hover .ioc_dropdown,
.cust_round_btn:hover .ioc_computation_preview,
.cust_round_btn:hover .ioc_Reports,
.cust_round_btn:hover .ioc_disable,
.cust_round_btn:hover .ioc_attachment,
.cust_round_btn:hover .ioc_save,
.cust_round_btn:hover .ioc_edit {
  background: #ffffff !important;
}
.cust_round_btn .ioc_plus,
.cust_round_btn .ioc_delete,
.cust_round_btn .ioc_dropdown,
.cust_round_btn .ioc_computation_preview,
.cust_round_btn .ioc_Reports,
.cust_round_btn .ioc_disable,
.cust_round_btn .ioc_attachment,
.cust_round_btn .ioc_save,
.cust_round_btn .ioc_edit {
  background: #02A5E2 !important;
}

.cust_offcanvas {
  background: #ffffff !important;
}
.cust_offcanvas .offcanvas-header {
  border-bottom: 1px solid #e7e7e7;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}
.cust_offcanvas .offcanvas-header h5 {
  font-size: 20px;
  color: #333;
  line-height: normal;
  font-weight: 600;
  margin: 0;
}
.cust_offcanvas .offcanvas-header button {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cust_offcanvas .offcanvas-header button .ioc_size {
  width: 15px;
  height: 15px;
  background: #333;
}
.cust_offcanvas .offcanvas-header button:focus-visible {
  outline: none;
}
.cust_offcanvas .offcanvas-body {
  background: #f6f6f6;
  padding: 16px 16px 0px 16px;
  display: flex;
  flex-direction: column;
}
.cust_offcanvas .offcanvas-body .offcanvas_content {
  border-radius: 10px;
  background: #ffffff;
  padding: 16px;
  width: 100%;
}
.cust_offcanvas .offcanvas-body .offcanvas_content.content_with_footer {
  height: calc(100vh - 170px);
  overflow: auto;
}
.cust_offcanvas .offcanvas-body .offcanvas_content.content_without_footer {
  height: calc(100vh - 106px);
  overflow: auto;
}
.cust_offcanvas .offcanvas-body .offcanvas_content.content_tab_with_footer {
  height: calc(100vh - 218px);
  overflow: auto;
}
.cust_offcanvas .offcanvas-body .offcanvas_content.BDO_copyright_footer {
  height: calc(100vh - 212px);
  overflow: auto;
}
.cust_offcanvas .offcanvas-body .offcanvas_content.content_without_padding {
  height: calc(100vh - 72px);
  overflow: auto;
}
.cust_offcanvas .offcanvas-body .offcanvas_content .add_new_stage_content .col-md-12 {
  padding: 0px 0px 16px 0px;
}
.cust_offcanvas .offcanvas-footer {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.cust_offcanvas.offcanvas_small {
  width: 340px;
}
.cust_offcanvas.offcanvas_large {
  width: 95%;
}

/* .cust_offcanvas .cust_offcanvas .offcanvas-body .offcanvas_content{
    .content_with_footer {
            height: calc(100vh - 62px); 
    }
    .content_without_footer {
        height: calc(100vh - 106px); 
    }
} */
/* .cust_offcanvas .offcanvas-body .offcanvas_content.content_without_padding {
    height: calc(100vh - -29px);
} */
/* .cust_offcanvas .offcanvas-body .offcanvas_content.content_tab_with_footer {
    height: calc(100vh - 115px);
} */
.w-h-42 {
  width: 42px;
  height: 42px;
}

.w-h-32 {
  width: 32px;
  height: 32px;
}

.w-h-24 {
  width: 24px;
  height: 24px;
}

.w-h-16 {
  width: 16px;
  height: 16px;
}

.btn_icon_main {
  transition: 0.1s;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.btn_icon_main.ioc_plus {
  -webkit-mask: url(../css/images/pulse-icon.svg) no-repeat center;
  mask: url(../css/images/pulse-icon.svg) no-repeat center;
  background: #ffffff;
}
.btn_icon_main.ioc_close {
  -webkit-mask: url(../css/images/ioc-close.svg) no-repeat center;
  mask: url(assets/images/ioc-close.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.btn_icon_main.ioc_delete {
  -webkit-mask: url(../css/images/delete.svg) no-repeat center;
  mask: url(../css/images/delete.svg) no-repeat center;
  background: #ffffff;
  width: 16px;
}
.btn_icon_main.ioc_dropdown {
  -webkit-mask: url(../css/images/dropdown_icon.svg) no-repeat center;
  mask: url(../css/images/dropdown_icon.svg) no-repeat center;
  background: #ffffff;
  width: 16px;
}
.btn_icon_main.ioc_computation_preview {
  -webkit-mask: url(../css/images/computation_preview_icn.svg) no-repeat center;
  mask: url(../css/images/computation_preview_icn.svg) no-repeat center;
  background: #ffffff;
  width: 16px;
}
.btn_icon_main.ioc_Reports {
  -webkit-mask: url(../css/images/Reports_icn.svg) no-repeat center;
  mask: url(../css/images/Reports_icn.svg) no-repeat center;
  background: #ffffff;
  width: 16px;
}
.btn_icon_main.ioc_disable {
  -webkit-mask: url(../css/images/Disable.svg) no-repeat center;
  mask: url(../css/images/Disable.svg) no-repeat center;
  background: #ffffff;
  width: 16px;
}
.btn_icon_main.ioc_edit {
  -webkit-mask: url(../css/images/edit-icon.svg) no-repeat center;
  mask: url(../css/images/edit-icon.svg) no-repeat center;
  background: #ffffff;
  width: 16px;
}

.cust_table_input_field_none {
  background: #F5F5F5;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  height: 32px;
}

.cust_table_input_field {
  margin: auto !important;
}
.cust_table_input_field input {
  height: 36px;
  border: 1px solid #BCBCBC;
  border-radius: 5px;
  padding: 0 12px;
}
.cust_table_input_field input:focus, .cust_table_input_field input:active {
  box-shadow: none;
  border: 1px solid #93A3B2;
}
.cust_table_input_field input:-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
  background: #BCBCBC;
}
.cust_table_input_field:disabled {
  background-color: #f5f5f5 !important;
}
.cust_table_input_field.input_width {
  width: 340px;
}

.taxrepo_view_table {
  border: 1px solid #E7E7E7;
  border-radius: 10px;
  overflow: auto;
  width: 100%;
}
.taxrepo_view_table .view_table {
  width: 100%;
}
.taxrepo_view_table .view_table .table_header {
  background: #f6f6f6;
  border-bottom: 1px solid #E7E7E7;
  height: 44px;
}
.taxrepo_view_table .view_table .table_header th {
  padding: 0px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 17.05px;
  text-align: left;
  color: #333;
}
.taxrepo_view_table .view_table .table_header th.ammount_colmn {
  width: 30%;
  text-align: end;
}
.taxrepo_view_table .view_table .table_header th.action_colmn {
  width: 10%;
  text-align: center;
}
.taxrepo_view_table .view_table .table_header th.serial_num {
  width: 10%;
  text-align: center;
}
.taxrepo_view_table .view_table .table_header th.border_right {
  border-right: 1px solid #E7E7E7;
}
.taxrepo_view_table .view_table .table_header.table_header_drawer {
  background: linear-gradient(45deg, #e6f4fb, #e6f5f0);
  border-bottom: none;
}
.taxrepo_view_table .view_table .table_header.table_header_drawer th {
  border: 1px solid #CCE9F6;
}
.taxrepo_view_table .view_table .table_row {
  height: 44px;
  border-bottom: 1px solid #E7E7E7;
}
.taxrepo_view_table .view_table .table_row td {
  padding: 0px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.05px;
  text-align: left;
  color: #333;
}
.taxrepo_view_table .view_table .table_row td.ps-6 {
  padding-left: 28px;
}
.taxrepo_view_table .view_table .table_row.table_row_drawer {
  border-bottom: none;
}
.taxrepo_view_table .view_table .table_row.table_row_drawer td {
  border: 1px solid #CCE9F6;
}
.taxrepo_view_table .view_table .action_column_buttons {
  display: flex;
  justify-content: start;
  gap: 8px;
  padding: 0 16px;
}
.taxrepo_view_table .view_table .table_footer {
  height: 44px;
  background: #f6f6f6;
}
.taxrepo_view_table .view_table .table_footer td {
  padding: 0px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17.05px;
  text-align: left;
  color: #333;
}
.taxrepo_view_table .view_table .table_footer td.total_value {
  text-align: end;
  padding-right: 24px;
}
.taxrepo_view_table .view_table .table_footer.table_footer_drawer td {
  border: 1px solid #CCE9F6;
}
.taxrepo_view_table.taxrepo_view_table_drawer {
  border-color: #ACC9D6;
}
.taxrepo_view_table.taxrepo_bussiness_prof_table {
  border-color: #93A3B2;
  margin-top: 16px;
}
.taxrepo_view_table.taxrepo_bussiness_prof_table table td:nth-child(1) {
  width: 30%;
}
.taxrepo_view_table.taxrepo_bussiness_prof_table table td:nth-child(4) {
  width: 10% !important;
}

.taxrepo_drawer_view_table {
  border: 1px solid #ACC9D6;
  border-radius: 10px;
}
.taxrepo_drawer_view_table .drawer_view_table {
  width: 100%;
  border-collapse: collapse;
}
.taxrepo_drawer_view_table .drawer_view_table th,
.taxrepo_drawer_view_table .drawer_view_table td {
  border: 1px solid #000;
}

.alignment-othersource {
  display: flex;
  gap: 16px;
  align-items: center;
}

.Sub_header {
  padding: 16px 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.78px;
  text-align: left;
  color: #333;
}

.icn_block {
  display: flex;
  justify-content: end;
  flex-direction: row;
  gap: 8px;
  padding: 0 16px;
}

.cus-form-file-upload {
  border-radius: 10px;
  border: 1px dashed #333;
  background: #F6F6F6;
  padding: 20px;
  width: 100%;
  text-align: center;
}
.cus-form-file-upload .file-upload-text {
  color: #333;
  text-align: center;
  font-size: 14px;
  line-height: normal;
  margin: 5px 0 0;
  font-weight: 400;
}
.cus-form-file-upload .file-upload-text span {
  color: #333;
  font-weight: 400;
}
.cus-form-file-upload .browse-file-upload {
  position: relative;
  width: 205px;
  margin: 16px auto 0;
  padding-bottom: 0px;
}
.cus-form-file-upload .browse-file-upload .browse-file-upload-btn {
  padding: 11px 35px;
  border-radius: 100px;
  background: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cus-form-file-upload .browse-file-upload .browse-file-upload-btn .paper-pin-icon-bg {
  background: #ffffff;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  -webkit-mask: url(../css/images/paper_pin.svg) no-repeat center;
  mask: url(../css/images/paper_pin.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.cus-form-file-upload .browse-file-upload .browse-file-upload-btn .browse-file-upload-text {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0px;
}
.cus-form-file-upload .browse-file-upload .browse-file-upload-btn .file-input-field {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.form_cust_btn {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 100px;
  border: none;
  width: auto;
  padding: 5px 36px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.form_cust_btn.btn_with_text_primary {
  color: #fff;
  background: #02A5E2;
  border: none;
}
.form_cust_btn.btn_with_text_primary:hover {
  background: #02A5E2;
  color: #fff;
  border: none;
}
.form_cust_btn.btn_with_text_basic {
  color: #333;
  background: #F6F6F6;
  text-align: center;
}
.form_cust_btn.btn_with_text_basic.textblue {
  color: #02A5E2;
}
.form_cust_btn.btn_with_text_basic:hover {
  background: #02A5E2;
  color: #fff;
}

.cust_btn {
  text-align: center;
  position: relative;
  text-decoration: none;
  margin: 0 6px;
  height: 42px;
  border-radius: 0px;
  border: none;
  width: auto;
  padding: 5px 36px;
  transition: 0.5s;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.cust_btn.btn_with_text_primary {
  border: none;
  color: #ffffff;
  background: #02A5E2;
}
.cust_btn.btn_with_text_primary:hover {
  background: linear-gradient(71deg, #40ABDD 0%, #6BD0FF 100%);
  color: #fff;
  border: none;
}
.cust_btn.btn_with_text_basic {
  border: 1px solid #F6F6F6;
  color: #333;
  background: #F6F6F6;
}
.cust_btn.btn_with_text_basic:hover {
  background: #f2f2f2;
  color: #333;
}
.cust_btn.btn_with_text_primary_whitebg {
  border: 1px solid #02A5E2;
  background: #ffffff;
  color: #02A5E2;
  display: flex;
  align-items: center;
}
.cust_btn.btn_with_text_primary_whitebg:hover {
  color: #ffffff;
  background: #02A5E2;
}

.table_drawer_select_field {
  height: 32px !important;
  border-radius: 6px;
  border: 1px solid #BCBCBC;
  background: #fff;
  box-shadow: none;
  overflow: auto;
}
.table_drawer_select_field:hover span, .table_drawer_select_field:focus span {
  border: none;
  box-shadow: none;
  height: inherit;
}
.table_drawer_select_field.input_width {
  width: 340px;
}
.table_drawer_select_field span {
  background: #fff;
  box-shadow: none;
  border: none;
  height: inherit;
}
.table_drawer_select_field span .k-input {
  color: #333;
  background: #fff;
  display: flex;
  align-items: center;
}
.table_drawer_select_field span .k-select {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table_drawer_select_field span .k-select .k-icon::before {
  content: " ";
  background: url(../css/images/dropdown_icn.svg) no-repeat center;
  bottom: 8px;
}

.tab-maincontent {
  height: calc(100vh - 248px);
  overflow: auto;
  padding-bottom: 12px;
}

.footer_save_btns {
  padding: 8px 16px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  position: relative;
}

.property_icn_div {
  display: flex;
  align-items: center;
}
.property_icn_div .property_txt {
  font-size: 14px;
  font-weight: 700;
  line-height: 17.05px;
  text-align: center;
  color: #333;
  width: -webkit-fill-available;
}
.property_icn_div .action_column_buttons {
  padding: 0px !important;
}

.padding-zero {
  padding: 0px !important;
}

.assetdetails_content {
  overflow: hidden !important;
  background: none !important;
}
.assetdetails_content .main-section .section-body {
  min-height: 220px !important;
  height: 200px;
  background: none !important;
  border-radius: none !important;
}
.assetdetails_content .main-section .section-body .offcanvas-subtab-content {
  background: #fff;
  border-radius: 0 0 10px 10px;
  height: calc(100vh - 292px);
  padding: 16px;
}
.assetdetails_content .main-section .section-body .offcanvas-subtab-footer {
  position: absolute;
  padding-right: 34px;
  z-index: 999;
}

.check_block {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 0px;
}
.check_block .check_boxx {
  width: 20px;
  height: 20px;
  padding: 5.83px 4.81px 6.06px 5px;
  box-shadow: none;
  margin-top: 0px;
}
.check_block .check_text {
  padding-left: 12px;
}

#showBlock {
  background: white;
  padding: 12px 0px 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: 2s;
  display: none;
  height: 56px;
}
#showBlock .Shhow_block {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 24px;
  float: left;
  margin-top: 6px;
}
#showBlock .Shhow_block .showBlock {
  display: flex;
  align-items: center;
  gap: 8px;
}
#showBlock .Shhow_block .showBlock .icon-color {
  background: #333;
}
#showBlock .Shhow_block .showBlock div {
  font-size: 15px;
  font-weight: 600;
  line-height: 20.25px;
  letter-spacing: 0.005em;
}
#showBlock .Shhow_block .showBlock div span {
  font-size: 15px;
  font-weight: 400;
  line-height: 20.25px;
  letter-spacing: 0.005em;
  padding-left: 4px;
}
#showBlock .icn_block {
  float: right;
  margin-top: -6px;
  padding-right: 30px;
}

.select-tradename-icon-bg {
  -webkit-mask: url(../css/images/tradename.svg) no-repeat center;
  mask: url(../css/images/tradename.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
  height: 20px;
  background: #02A5E2;
}

.select-primeFile-icon-bg {
  -webkit-mask: url(../css/images/primeFile.svg) no-repeat center;
  mask: url(../css/images/primeFile.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
  height: 20px;
  background: #02A5E2;
}

.select-calendar-icon-bg {
  -webkit-mask: url(../css/images/calendar-line.svg) no-repeat center;
  mask: url(../css/images/calendar-line.svg) no-repeat center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  width: 20px;
  height: 20px;
  background: #02A5E2;
}

.terms_of_use .section-overflow {
  overflow-x: hidden;
  width: 100%;
  padding: 0px 16px;
  height: calc(100vh - 166px) !important;
}
.terms_of_use ol {
  margin-left: 12px;
}
.terms_of_use ol li {
  padding-left: 4px;
}
.terms_of_use ul {
  margin-left: 24px;
}

.privacy_policy.content-part {
  padding: 16px 16px 0;
  background: #f3f3f3;
}
.privacy_policy.content-part .main-section {
  border-radius: 10px;
}
.privacy_policy.content-part .section-overflow {
  padding: 0px 16px;
  height: calc(100vh - 134px) !important;
}
.privacy_policy.content-part .section-overflow .row.p-4 {
  display: grid !important;
}
.privacy_policy.content-part .section-overflow .row.p-4 h4 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
}
.privacy_policy.content-part .section-overflow .row.p-4 h4 span {
  padding-right: 6px;
}
.privacy_policy.content-part .section-overflow .row.p-4 p:has(strong) {
  margin-left: 16px !important;
}
.privacy_policy.content-part .section-overflow .row.p-4 ul {
  padding-left: 24px;
  margin-top: 0px;
}
.privacy_policy.content-part .section-overflow .row.p-4 ul li {
  list-style-type: none;
}

#Showall_table .switch {
  display: inline-block;
  margin-bottom: 0.5rem;
  transform: scale(0.65);
}
#Showall_table .switch .switch-button {
  background: rgba(235, 235, 235, 0.3882352941);
  width: 43px;
  border: 2px solid #E6E6E6;
  border-radius: 100px;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  outline: 0;
  transition: all 0.4s ease;
}
#Showall_table .switch .switch-button::after {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: relative;
  display: block;
  content: "";
  transition: tranform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  transform: translateX(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#Showall_table .switch .switch-input {
  display: none;
}
#Showall_table .switch .switch-input:checked + .switch-button {
  border-color: rgba(199, 199, 199, 0.2196078431);
  background: rgba(2, 165, 226, 0.7019607843);
}
#Showall_table .switch .switch-input:checked + .switch-button::after {
  transform: translateX(18px);
}
#Showall_table .switch .switch-input:checked + .switch-button:active::after {
  margin-left: -0.4rem;
}
#Showall_table .switch .switch-input[type=checkbox]:checked:disabled + .switch-button {
  border-color: #cccccc;
  background: #cccccc;
}

.border_top_mod {
  border-top: 1.5px solid rgba(0, 0, 0, 0.06);
  padding-top: 16px;
}
.border_top_mod.row {
  padding-bottom: 12px;
}

.add_on_features_blck .add_on_features_blck_header {
  font-size: 14px;
  font-weight: bold;
  color: #4E5F71;
}
.add_on_features_blck ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}
.add_on_features_blck ul .add_on_features {
  padding-bottom: 12px;
}
.add_on_features_blck ul .add_on_features input[type=checkbox] {
  width: 24px;
  height: 24px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  cursor: pointer;
  background-color: #fff;
}
.add_on_features_blck ul .add_on_features input[type=checkbox]:checked {
  border-color: #02A5E2;
}
.add_on_features_blck ul .add_on_features input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 60%;
  width: 92%;
  height: 92%;
  transform: translate(-50%, -50%) !important;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%2302A5E2' stroke-width='3' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M5 13l4 4L19 7'/></svg>");
}
.add_on_features_blck ul .add_on_features .feature_name {
  color: #4E5F71;
  font-size: 14px;
}

.popup_txt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  width: 100%;
  padding: 12px 24px;
}

.custom_table_scroll {
  overflow-x: hidden !important;
  width: 600px;
  border: rgba(51, 51, 51, 0.3) 1px solid !important;
  border-left: none !important;
  border-top: none !important;
}
.custom_table_scroll table {
  width: 600px;
}
.custom_table_scroll table .custom_table_scroll_header th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #f1f1f1;
  width: 100px !important;
  min-width: 150px;
  max-width: 150px;
  white-space: nowrap;
}
.custom_table_scroll table tbody td {
  min-width: 150px;
  max-width: 150px;
  word-wrap: break-word;
}

/* -------------------------------------- ISSUES RESOLVED ------------------------------------------ */
td.text-center.d-flex.k-command-cell {
  height: inherit;
}

a.k-button.k-button-icontext.k-grid-edit {
  color: white;
}

a.k-button.k-button-icontext.k-primary.k-grid-update {
  color: #02a5e2;
  text-transform: capitalize;
}

a.k-button.k-button-icontext.k-grid-cancel {
  color: #333;
  text-transform: capitalize;
}

a.k-button.k-button-icontext:focus {
  border: none;
  box-shadow: none;
}

.list_text {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#detailGrid table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid #e9e9e9;
}
#detailGrid table thead {
  background: #f3f3f3 !important;
}
#detailGrid table td {
  background-color: white;
}
#detailGrid table th,
#detailGrid table td {
  border: 1px solid #e1e1e1 !important;
  padding: 8px;
  text-align: center;
}

.k-grid-header th {
  background-color: #f1f1f1;
}

.double_grid_height {
  display: flex;
  align-items: start;
  flex-direction: column;
  overflow: scroll;
  gap: 20px;
  height: calc(100vh - 300px);
}

#reportContent {
  overflow-x: hidden !important;
}
#reportContent .dataTables_wrapper .row:nth-child(2) {
  overflow-y: hidden !important;
  overflow-x: auto !important;
  width: inherit;
  margin-left: 1px;
}
#reportContent .dataTables_wrapper table {
  overflow-x: hidden !important;
}
#reportContent .dataTables_wrapper table.table-responsive {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  overflow-x: auto;
  margin: 0 auto;
}
#reportContent .dataTables_wrapper table.table-bordered {
  border: 1px solid #ffffff;
}
#reportContent .dataTables_wrapper table tbody tr .cssDataCol:nth-child(6) {
  word-wrap: break-word !important;
  word-break: break-all !important;
  white-space: normal !important;
}
#reportContent .dataTables_wrapper table tbody tr td,
#reportContent .dataTables_wrapper table tbody tr th {
  width: 200px !important;
}
#reportContent .dataTables_wrapper .dataTables_info {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#reportContent .dataTables_wrapper .dataTables_info,
#reportContent .dataTables_wrapper .dataTables_length label,
#reportContent .dataTables_wrapper .dataTables_filter label {
  font-size: 13px;
  color: #333;
  font-weight: 400;
  padding-left: 16px;
}
#reportContent .dataTables_wrapper .dataTables_length select,
#reportContent .dataTables_wrapper .dataTables_filter input {
  font-size: 12px !important;
  line-height: 19px;
  background: white;
  height: 28px;
  box-shadow: none;
}
#reportContent .dataTables_wrapper .dataTables_length select option,
#reportContent .dataTables_wrapper .dataTables_filter input option {
  padding: 6px 16px;
  margin-bottom: 4px;
  font-size: 16px;
  border: none;
  color: #333;
  line-height: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination {
  display: flex !important;
  align-self: unset;
  align-items: unset;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button {
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-height: 28px;
  margin-right: 8px;
  background: #fff;
  border-radius: 100px;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button .page-link {
  border-radius: 100px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  border: none;
  margin: 0;
  padding: 0;
  /*   &:hover {
          background: #f6f6f6;
          border-radius: 100px;
      } */
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button:hover {
  background: #f6f6f6;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button:hover .page-link {
  background: none;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.active {
  background: #02A5E2;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.active .page-link {
  border-radius: 100px;
  background: none;
  color: #fff;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.next a {
  display: none;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.next::before {
  background: url("../css/images/chevron-right.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.previous a {
  display: none;
}
#reportContent .dataTables_wrapper .dataTables_paginate .pagination .paginate_button.previous::before {
  background: url("../css/images/chevron-left.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
}

.logout_text {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  padding: 24px 0px;
  color: #02A5E2;
}

.k-grid .k-icon {
  opacity: 1 !important;
}
.k-grid .k-icon.k-icon-16 {
  font-size: 16px !important;
}
.k-grid .k-icon.grid_icn_color {
  color: #02a5e2 !important;
}
.k-grid .k-icon.disabled {
  opacity: 0.45 !important;
}

.nav-tabs .nav-item :hover {
  margin-bottom: 0px !important;
}

.k-grid-add,
.k-grid-excel {
  background: #02A5E2;
  border-radius: 100px;
  color: #fff;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px !important;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
}
.k-grid-add span,
.k-grid-excel span {
  color: #fff !important;
}
.k-grid-add:hover,
.k-grid-excel:hover {
  color: white;
  background: #02A5E2;
}

.heighttt {
  height: calc(100vh - 126px) !important;
  border: 2px solid #fff;
  border-radius: 10px;
}

button.k-button.k-danger.k-button-icontext.k-grid-delete.removeextendedtilldate {
  width: 42px !important;
}
button.k-button.k-danger.k-button-icontext.k-grid-delete.removeextendedtilldate:hover {
  background-color: #02A5E2 !important;
}

tr.payment_particulars .action div {
  justify-content: center;
}

.k-widget.k-upload.k-upload-sync.k-upload-empty {
  margin: 0px;
}

/* --------------------------------------------------------------------------------------------------- */
button[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}
button[disabled]:is(:hover, :focus) {
  background: #fff;
  color: #02A5E2 !important;
}
button[disabled]:is(:hover, :focus) .ioc-btn-size {
  background: #02A5E2;
}

.action-btn-main {
  display: flex;
  align-items: center;
  gap: 8px;
}
.action-btn-main .approvalnavbar {
  flex-direction: row;
  gap: 8px;
  padding: 0;
}
.action-btn-main .approvalnavbar .approvaltab:hover {
  color: #fff;
}

.cust-kendo-grid-section-height .cust-kendo-grid .k-grid-content {
  height: calc(100vh - 374px) !important;
}
.cust-kendo-grid-section-height .k-grid-norecords {
  height: 99% !important;
}

.table-grid-btn {
  width: 32px !important;
  height: 32px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none;
  background-color: #fff !important;
  color: #02A5E2 !important;
  border: 1px solid rgba(51, 51, 51, 0.1);
  padding: 0 !important;
}
.table-grid-btn .k-icon {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-size: 18px;
}
.table-grid-btn:is(:hover, :focus) {
  background-color: #02A5E2 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.k-upload {
  background-color: transparent !important;
  border: none;
}

.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  box-shadow: none;
}

.k-multiselect-wrap {
  min-height: 43px !important;
  max-height: 43px !important;
  border-color: #dcdcdc !important;
}

.k-autocomplete .k-input,
.k-multiselect-wrap,
.k-textbox > input {
  border-radius: 6px !important;
}

input[type=checkbox] {
  position: relative;
  border: 1px solid #93A3B2;
  border-radius: 2px;
  background: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 18px;
  width: 18px;
  -webkit-appearance: none;
}
input[type=checkbox]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
input[type=checkbox]:hover {
  border: 1px solid #333;
}
input[type=checkbox]:checked {
  background-color: #02A5E2;
  border: 1px solid #93A3B2;
}
input[type=checkbox]:before {
  content: "";
  position: absolute;
  right: 50%;
  left: 30%;
  top: 50%;
  width: 6px;
  height: 12px;
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%) !important;
  z-index: 2;
}

.k-confirm {
  border-radius: 6px !important;
}
.k-confirm .k-dialog-titlebar {
  display: none !important;
}
.k-confirm .k-window-content {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 16.5px;
  line-height: 1.6;
  color: #4E5F71 !important;
  padding: 36px 32px 20px !important;
}
.k-confirm .k-dialog-buttongroup button {
  width: 150px !important;
}

.custom-radio-main {
  height: 36px !important;
  display: flex;
  align-items: center;
}
.custom-radio-main .custom-radio {
  margin-bottom: 0;
  margin-right: 12px;
  display: flex;
  align-items: center;
}
.custom-radio-main .custom-radio .k-radio-label {
  font-size: 14px;
  margin-left: 0px;
}

.k-tabstrip-items-wrapper {
  background-color: #fff;
  padding: 0 20px;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items {
  border: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items .k-item {
  background: #fff;
  padding: 0;
  margin: 0 !important;
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom-color: transparent;
  transition: 0.5s;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items .k-item.k-state-active {
  border-bottom-color: #02A5E2;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items .k-item.k-state-active .k-link {
  color: #02A5E2;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items .k-item:hover {
  border-bottom-color: #02A5E2;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items .k-item:hover .k-link {
  color: #02A5E2;
}
.k-tabstrip-items-wrapper ul.coustom-tab.k-tabstrip-items .k-item .k-link {
  font-weight: 600;
  font-size: 15px;
  color: #333;
  text-transform: none;
  padding: 0px 3px;
  height: 48px;
  transition: 0.5s;
}

/* .k-tabstrip .k-content.k-state-active {
    outline: none !important;
    height: calc(100vh - 300px) !important;
} */
.positionDetails .k-tabstrip {
  height: calc(100vh - 300px) !important;
  background-color: #fff !important;
}

.k-datepicker .k-picker-wrap {
  height: 42px !important;
  border: none;
  background-color: transparent !important;
}
.k-datepicker .k-picker-wrap .k-input {
  height: 41.75px !important;
  padding: 0 !important;
  border: none !important;
}

.inner-nav-section {
  margin-bottom: 16px;
}
.inner-nav-section .nav-item {
  margin-bottom: 0;
  margin-right: 16px;
}
.inner-nav-section .nav-item .nav-link {
  padding: 0;
  margin: 0 !important;
  height: 40px;
  display: flex;
  align-items: center;
  transition: 0.05s;
  border-bottom: 3px solid transparent !important;
}
.inner-nav-section .nav-item .nav-link.active {
  border-bottom: 3px solid #02A5E2;
}

a.ioc-btn-primary-small {
  color: #fff !important;
}

.k-tabstrip:focus {
  box-shadow: none !important;
}

.ioc-btn-primary-small {
  text-align: center;
  position: relative;
  text-decoration: none;
  height: 34px;
  border-radius: 100px;
  width: auto;
  padding: 0 20px;
  background: #02A5E2;
  transition: 0.1s;
  color: #fff;
  border: none;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
}
.ioc-btn-primary-small:hover {
  background: #02A5E2;
}
.ioc-btn-primary-small .ioc-btn-size {
  width: 24px;
  height: 24px;
  transition: 0.1s;
  background: #fff;
}

.display-f {
  display: flex;
}

.gap-10 {
  gap: 10px;
}

.align-items-c {
  align-items: center;
}

.justify-content-sb {
  justify-content: space-between;
}

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

.justify-content-center {
  justify-content: center;
}

.min-width-160 {
  min-width: 160px !important;
}

.min-width-180 {
  min-width: 180px !important;
}

.min-width-240 {
  min-width: 240px !important;
}

.min-width-200 {
  min-width: 200px !important;
}

.min-width-110 {
  min-width: 110px !important;
}

.width-135 {
  max-width: 135px !important;
}

.min-width-80 {
  min-width: 80px !important;
}

.min-width-90 {
  min-width: 90px !important;
}

.height_400 {
  min-height: 400px !important;
  max-height: 400px !important;
}

.height_500 {
  min-height: 500px !important;
  max-height: 500px !important;
}

.name-drag-list li {
  padding: 8px 8px;
  background-color: #f6f6f6;
  border-radius: 6px;
  color: #333;
  margin-bottom: 4px;
  cursor: pointer;
}

.custom-table-main {
  margin: 0px;
  border-radius: 4px;
  overflow: auto;
}
.custom-table-main .table {
  margin-bottom: 0%;
  border: rgba(51, 51, 51, 0.1411764706) 1px solid;
  border-radius: 4px;
  overflow: auto;
  height: 100%;
}
.custom-table-main.custom-table-bottom-main .custom-table tbody tr:last-child td {
  border-bottom: none !important;
}
.custom-table-main .custom-table .custom-theader {
  border-bottom: rgba(51, 51, 51, 0.1411764706) 1px solid;
}
.custom-table-main .custom-table .custom-theader th {
  color: #4E5F71;
  font-weight: 600;
  background: #f1f1f1;
  font-size: 0.875rem;
  line-height: normal;
  text-transform: capitalize;
  padding: 8px 6px;
  border: none;
}
.custom-table-main .custom-table tbody td {
  color: #4E5F71;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.16px;
  margin-bottom: 0;
  padding: 8px 6px;
  border: none;
  height: 38px !important;
  border-bottom: rgba(51, 51, 51, 0.1411764706) 1px solid;
}
.custom-table-main .custom-table .custom-tfooter {
  border-radius: 0 0 6px 6px;
  border-top: rgba(51, 51, 51, 0.1411764706) 1px solid;
}
.custom-table-main .custom-table .custom-tfooter td {
  color: #4E5F71;
  font-weight: 600;
  background: #f1f1f1;
  font-size: 0.875rem;
  line-height: normal;
  text-transform: capitalize;
  padding: 8px 6px;
  border: none;
}
.custom-table-main .k-button-icontext.k-grid-delete {
  margin-left: 1px;
  width: 32px !important;
  height: 32px !important;
  border-radius: 100px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none;
  background: #F6F6F6 !important;
  color: #b7172d !important;
  padding: 0 !important;
}
.custom-table-main .k-button-icontext.k-grid-delete:hover {
  background: #b7172d !important;
  color: #ffffff !important;
}
.custom-table-main .k-button-icontext.k-grid-delete .k-icon {
  margin: 0;
  width: 16px;
  height: 16px;
}
.custom-table-main .k-button-icontext.k-success {
  margin-left: 1px;
  width: 32px !important;
  height: 32px !important;
  border-radius: 100px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none;
  background: #F6F6F6 !important;
  color: #02A5E2 !important;
  padding: 0 !important;
}
.custom-table-main .k-button-icontext.k-success:hover {
  background: #02A5E2 !important;
  color: #ffffff !important;
}
.custom-table-main .k-button-icontext.k-success .k-icon {
  margin: 0;
  width: 16px;
  height: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: proximanova_regular, sans-serif !important;
}

#casesLandingGrid thead th:first-child {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.cust-kendo-grid-section-height .casesLandingGrid .k-grid-content {
  height: calc(100vh - 430px) !important;
}

.case-detail-info-section .card-title {
  color: #333;
  font-weight: 600;
  font-size: 18px;
  font-style: normal;
  line-height: normal;
  width: 100%;
}
.case-detail-info-section .card-title span {
  font-weight: 500;
  margin-right: 20px;
}
.case-detail-info-section .card-body {
  padding: 0px !important;
}
.case-detail-info-section .card-body .viewLabels {
  font-weight: 600;
  color: #323232;
  font-size: 16px;
  padding: 12px;
  background: #F3F3F3;
  border-radius: 4px 4px 0px 0px;
}
.case-detail-info-section .card-body .viewLabels .ClosureSummary {
  color: #333;
  font-weight: 600;
  font-size: 20px;
  font-style: normal;
  line-height: normal;
  width: 100%;
}
.case-detail-info-section .card-body .basic_info_block {
  padding: 16px 12px 0px;
  border-radius: 10px;
}
.case-detail-info-section .card-body .basic_info_block .view-form-details {
  flex-direction: column;
  margin-bottom: 24px;
}
.case-detail-info-section .card-body .basic_info_block .view-form-details .details-txt {
  width: 100% !important;
  color: #4E5F71;
}
.case-detail-info-section .card-body .section-header .section-header-title {
  height: 100%;
}
.case-detail-info-section .card-body .section-header .section-header-title ul {
  height: 100%;
  margin: 0px;
}
.case-detail-info-section .card-body .section-header .section-header-title ul li a {
  height: 100%;
  margin: 0px;
}

.group-select-btn .k-button-icontext {
  padding: 5px 8px !important;
  border: 1px solid #02A5E2;
  border-radius: 6px;
  color: #02A5E2;
}
.group-select-btn .k-button-icontext .k-icon {
  color: #02A5E2;
}
.group-select-btn .k-button-icontext:is(:hover, :focus) {
  border-color: #02A5E2;
  box-shadow: none;
  color: #fff !important;
  background: #02A5E2 !important;
}
.group-select-btn .k-button-icontext:is(:hover, :focus) .k-icon {
  color: #fff !important;
}

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
}

[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  font-size: 0.9em;
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  z-index: 1001;
}

[tooltip]::after {
  content: attr(tooltip);
  font-family: Helvetica, sans-serif;
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #02A5E2;
  color: #fff;
  z-index: 1000;
  border-radius: 6px;
  font-size: 14px;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=top]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #02A5E2;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=top]::after {
  bottom: calc(100% + 4px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=top]::before,
[tooltip][flow^=top]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=bottom]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #02A5E2;
}

[tooltip][flow^=bottom]::after {
  top: calc(100% + 4px);
}

[tooltip][flow^=bottom]::before,
[tooltip][flow^=bottom]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^=left]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #02A5E2;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}

[tooltip][flow^=left]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^=right]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #02A5E2;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}

[tooltip][flow^=right]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=top]:hover::before,
[tooltip][flow^=top]:hover::after,
[tooltip][flow^=bottom]:hover::before,
[tooltip][flow^=bottom]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^=left]:hover::before,
[tooltip][flow^=left]:hover::after,
[tooltip][flow^=right]:hover::before,
[tooltip][flow^=right]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.k-animation-container,
.k-animation-container *,
.k-animation-container :after,
.k-block .k-header,
.k-dialog .k-window-content,
.k-list-container,
.k-widget,
.k-widget *,
.k-widget :before {
  box-sizing: inherit !important;
}

.caseDetails #tabstrip-left,
#tabstrip-left-amnestyscheme {
  background-color: #ffffff;
  height: calc(100vh - 232px) !important;
}

.dashboard-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dashboard-main .tab-header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.dashboard-main .tab-header-section .dashboard-tab .nav-tabs {
  background-color: #fff;
  border-radius: 100px;
  padding: 2px;
}
.dashboard-main .tab-header-section .dashboard-tab .nav-tabs .nav-item {
  margin: 0;
}
.dashboard-main .tab-header-section .dashboard-tab .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none !important;
  color: #02A5E2 !important;
  background: #fff !important;
  border-radius: 100px;
  height: 40px;
  margin: 0;
}
.dashboard-main .tab-header-section .dashboard-tab .nav-tabs .nav-item .nav-link.active {
  color: #fff !important;
  background: #02A5E2 !important;
}
.dashboard-main .dashboard-tab-contant {
  height: calc(100vh - 252px);
  overflow: auto;
  overflow-x: hidden !important;
}
.dashboard-main .dashboard-tab-contant .dashboard-box {
  background: #fff;
  border-radius: 10px;
  height: 100%;
  position: relative;
  border: 2px solid #f5f5f5;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 54px;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header.dashboard-traker-title {
  border: 2px solid #ffffff;
  background: #F3F3F3;
  border-radius: 10px 10px 0 0;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header .dashboard-header-title {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 16px;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header .dashboard-header-title img {
  height: 24px;
  width: 24px;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body {
  padding: 16px;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .cases-graph {
  width: 60%;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 40%;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card {
  display: flex;
  gap: 12px;
  align-items: center;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card .case-list-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEEAFF;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card .case-list-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card .case-list-content .case-content-title {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #333;
  margin: 0;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card .case-list-content .case-content-count {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #93A3B2;
  margin: 0;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card:nth-child(1) .case-list-icon {
  background-color: #EEEAFF;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card:nth-child(2) .case-list-icon {
  background-color: #E2FAF4;
}
.dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body .horizontal-list .case-list-card:nth-child(3) .case-list-icon {
  background-color: #FFF3F5;
}

.dashboard-cust-table,
.koolphp-table {
  margin: 20px;
}
.dashboard-cust-table table,
.koolphp-table table {
  border-radius: 0;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  width: 100%;
}
.dashboard-cust-table table tr,
.koolphp-table table tr {
  background: #fff;
  border-bottom: #e7e7e7;
}
.dashboard-cust-table table tr th,
.koolphp-table table tr th {
  min-width: 150px;
  text-align: start;
  padding: 6px 12px;
  height: 44px;
  font-weight: 600;
  font-size: 14px !important;
  width: 150px;
  color: #4E5F71;
  border: 1px solid #e0e0e0 !important;
  background: #f1f1f1;
}
.dashboard-cust-table table tr td,
.koolphp-table table tr td {
  font-size: 14px;
  font-weight: 400;
  text-align: start;
  padding: 12px;
  word-break: break-all;
  color: #4E5F71;
  border: 1px solid #f3f3f3 !important;
}
.dashboard-cust-table table tr td .dashboard-td-truncate,
.koolphp-table table tr td .dashboard-td-truncate {
  width: 150px;
  min-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dashboard2_Tab .tracker_blck .tracker_header_title, #dashboard5_Tab .tracker_blck .tracker_header_title {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 54px;
  border: 2px solid #ffffff;
  background: #F3F3F3;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  font-weight: 700;
  gap: 12px;
  line-height: 16px;
}
#dashboard2_Tab .tracker_blck .tracker_header_title img, #dashboard5_Tab .tracker_blck .tracker_header_title img {
  height: 24px;
  width: 24px;
}
#dashboard2_Tab .tracker_blck .dashboard-box, #dashboard5_Tab .tracker_blck .dashboard-box {
  overflow: auto;
  max-height: 291px;
  min-height: 291px;
  border-radius: 0px 0px 10px 10px;
  margin-top: -2px;
  border-top: none;
}

.dashboard-gray-box {
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 6px;
}

.time-log {
  display: flex;
  align-items: center;
  gap: 8px;
}
.time-log p {
  font-size: 13px;
  margin: 0;
  line-height: 14px;
  color: #333;
  font-weight: 400;
}
.time-log p span {
  font-weight: 700;
  margin-right: 4px;
}

.pr-24 {
  padding-right: 24px !important;
}

.no-data-dashboard {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 5px);
  flex-direction: column;
}
.no-data-dashboard img {
  width: 12%;
}
.no-data-dashboard h4 {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  color: #333;
  margin-top: 16px;
}
.no-data-dashboard p {
  margin: 0;
  color: #93A3B2;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
}

.BotNotice_height {
  overflow: auto;
  min-height: 291px;
  max-height: 291px;
}

.bot_dropdown {
  width: 300px !important;
}
.bot_dropdown .details-txt {
  width: 100px;
  display: flex;
  align-items: center;
}
.bot_dropdown .input-group .k-dropdown {
  height: 32px !important;
}
.bot_dropdown .input-group .k-dropdown span {
  height: 100%;
}
.bot_dropdown .input-group .k-dropdown span .k-input {
  height: 24px !important;
  margin-top: -3px;
}

#analytics_Tab .dashboard-box {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#analytics_Tab .dashboard-box > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ppr-dash-ui .panel-default {
  padding: 0 !important;
  color: #333 !important;
  border: none;
  box-shadow: none;
  font-size: 14px;
  margin: 0;
  background-color: transparent !important;
}
.ppr-dash-ui .panel-default .panel-heading,
.ppr-dash-ui .panel-default .dashboard-gray-box {
  padding: 8px;
  background-color: #f6f6f6;
  border-radius: 6px;
}
.ppr-dash-ui .panel-default .panel-body {
  padding: 0;
}
.ppr-dash-ui .panel-default .panel-body .breadcrumb {
  background: transparent;
  padding: 8px;
  margin: 0;
}
.ppr-dash-ui .panel-default .panel-body .breadcrumb .breadcrumb-item a {
  font-size: 14px;
  color: #333;
}
.ppr-dash-ui .panel-default .panel-body .breadcrumb .breadcrumb-item:before {
  color: #333;
  content: "➤" !important;
  font-size: 12px;
  line-height: 16px;
  padding-top: 1px;
}
.ppr-dash-ui .panel-default .panel-body .breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}

.ioconly-btn-primary {
  text-align: center;
  position: relative;
  text-decoration: none;
  background: #02A5E2;
  transition: 0.1s;
  border: none;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  width: 44px !important;
  height: 44px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none;
  background-color: #F6F6F6 !important;
  color: #ffffff !important;
  padding: 0 !important;
}
.ioconly-btn-primary:hover {
  background: #02A5E2;
}
.ioconly-btn-primary .k-icon {
  font-size: 24px;
}

.k-button-icontext.k-grid-delete {
  width: 32px !important;
  height: 32px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none;
  background-color: #F6F6F6 !important;
  color: #b7172d !important;
  padding: 0 !important;
  border: none;
  margin: 0px 3px;
}
.k-button-icontext.k-grid-delete:hover {
  background-color: #b7172d !important;
  color: #ffffff !important;
}
.k-button-icontext.k-grid-delete .k-icon {
  margin: 0;
  width: 16px;
  height: 16px;
}
.k-button-icontext.k-primary-iconbtn {
  width: 32px !important;
  height: 32px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none;
  background-color: #F6F6F6 !important;
  color: #02A5E2 !important;
  padding: 0 !important;
  border: none;
  margin: 0px 3px;
}
.k-button-icontext.k-primary-iconbtn:hover {
  background-color: #02A5E2 !important;
  color: #ffffff !important;
}
.k-button-icontext.k-primary-iconbtn .k-icon {
  margin: 0;
  width: 16px;
  height: 16px;
}

.positionDates .card {
  margin: 0;
  box-shadow: none;
}

.Position_content .Position_titlecontent {
  margin-top: 0px !important;
  padding: 0%;
}
.Position_content .Position_titlecontent .inner-page-title {
  color: #333;
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0%;
}
.Position_content input.k-textbox, .Position_content .k-dropdown, .Position_content .k-dropdown.k-dropdown-wrap, .Position_content .k-dropdown.k-dropdown-wrap.k-state-disabled, .Position_content .k-dropdown.k-dropdown-wrap.k-input {
  height: 30px !important;
  font-size: 11px !important;
  padding: 4px !important;
  text-align: right !important;
}
.Position_content input.issue_name, .Position_content input.case_name {
  text-align: start !important;
}
.Position_content .k-dropdown.k-dropdown-wrap.k-input {
  font-size: 11px !important;
}
.Position_content .k-dropdown,
.Position_content .k-dropdown.k-dropdown-wrap,
.Position_content .k-dropdown.k-dropdown-wrap.k-state-disabled,
.Position_content .k-dropdown.k-dropdown-wrap.k-input {
  padding: 0px !important;
}
.Position_content .k-dropdown span.k-dropdown-wrap.k-state-disabled,
.Position_content .k-dropdown.k-dropdown-wrap span.k-dropdown-wrap.k-state-disabled,
.Position_content .k-dropdown.k-dropdown-wrap.k-state-disabled span.k-dropdown-wrap.k-state-disabled,
.Position_content .k-dropdown.k-dropdown-wrap.k-input span.k-dropdown-wrap.k-state-disabled {
  height: 30px !important;
}
.Position_content .custom-table-main .custom-table .custom-theader th, .Position_content .custom-table-main .custom-table tbody td {
  font-size: 12px !important;
}
.Position_content .custom-table-main .custom-table .custom-theader th {
  text-transform: unset;
}

#select-all {
  margin: 0px;
}

.Position_content input.k-textbox.text_start {
  text-align: left !important;
}

.custom-left-side-tab .k-tabstrip-items-wrapper {
  padding: 0px;
  width: 110px;
  height: calc(100vh - 250px);
  overflow: auto;
}
.custom-left-side-tab .k-tabstrip-items-wrapper .k-tabstrip-items .k-item {
  background: #f6f6f6 !important;
}
.custom-left-side-tab .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-active {
  background: #02A5E2 !important;
}
.custom-left-side-tab .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-active .k-link {
  color: #fff !important;
  background: #02A5E2 !important;
}
.custom-left-side-tab .k-tabstrip-items-wrapper .k-tabstrip-items .k-item .k-link {
  color: #333 !important;
  background: #f6f6f6 !important;
  justify-content: center;
  padding: 8px !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.custom-left-side-tab .k-content {
  width: calc(100vw - 275px);
}

.dashboard-hint {
  color: #5B6E7F;
  font-size: 14px;
  font-style: italic;
}
.dashboard-hint span {
  font-weight: 700;
}
.dashboard-hint .asterisk {
  color: #E81A3B;
}

.google-visualization-tooltip path {
  fill: rgba(232, 248, 255, 0.7) !important;
  stroke: rgba(2, 165, 226, 0.05) !important;
  stroke-width: 1px !important;
  -webkit-backdrop-filter: blur(2px) !important;
          backdrop-filter: blur(2px) !important;
  color: #333 !important;
}
.google-visualization-tooltip text {
  color: #333;
}

.btnBack.btn-primary {
  height: 42px;
  border-radius: 6px;
  box-shadow: none;
  background-color: #02A5E2 !important;
  border-color: #02A5E2 !important;
  color: #fff !important;
}
.btnBack.btn-primary:is(:hover, :focus) {
  color: #02A5E2 !important;
  background-color: #fff !important;
  border-color: #02A5E2 !important;
}

.multiview-handler-group {
  margin-bottom: 0 !important;
}
.multiview-handler-group .btn-group {
  gap: 12px;
}
.multiview-handler-group .btn-group .btn.btn-primary input {
  display: none;
}

.multiview-handler-group .btn-group .btn-primary {
  color: #fff !important;
  background-color: #36a9e1 !important;
  border-color: #36a9e1 !important;
}

.cust-kendo-grid--height .cust-kendo-grid#attachmentGrid .k-grid-content {
  overflow: auto !important;
  height: calc(100vh - 388px) !important;
}

.cust-kendo-grid--height .cust-kendo-grid#zipDownloadGrid .k-grid-content {
  height: calc(100vh - 357px) !important;
}

.notices_doubletab_height .k-grid-content {
  height: calc(100vh - 468px) !important;
}

.taxpayment_height {
  height: calc(100vh - 170px) !important;
}

.caseTabs,
.amnestymenue {
  top: -55px;
}
.caseTabs li,
.amnestymenue li {
  background: #f3f3f3 !important;
  height: 44px !important;
}

.latest-date-filter {
  margin: 10px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-evenly;
}

.latest-push-notification {
  height: calc(100% - 155px);
  overflow: scroll;
  width: 100%;
  padding: 0 16px;
}
.latest-push-notification.latest-search-history {
  height: calc(100% - 49px) !important;
}
.latest-push-notification.latest-search-history .latest-push-card:hover {
  background-color: #E6F4FB;
}
.latest-push-notification .latest-push-card {
  padding-bottom: 12px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 12px;
  cursor: pointer;
}
.latest-push-notification .latest-push-card.active {
  background-color: #E6F4FB;
}
.latest-push-notification .latest-push-card .latest-left-border {
  border-left: 2px solid #02A5E2;
  padding-left: 12px;
}
.latest-push-notification .latest-push-card .latest-left-border .category-area {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #02A5E2;
  margin-bottom: 5px;
}
.latest-push-notification .latest-push-card .latest-left-border .category-area span {
  font-weight: 400;
  color: #4E5F71;
}
.latest-push-notification .latest-push-card .latest-left-border .dot-icon {
  width: 4px;
  height: 4px;
  background-color: #4E5F71;
  border-radius: 100px;
}
.latest-push-notification .latest-push-card .latest-left-border .category-desc {
  margin: 0;
}
.latest-push-notification .latest-push-card .latest-left-border .category-desc a {
  font-size: 14px;
  color: #333;
  margin: 0;
  line-height: normal;
}

.latest-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 8px 16px;
  height: 49px;
}
.latest-pagination .latest-pagination-count {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #333;
}

.search-input-group {
  border: 1px solid #93A3B2;
  border-radius: 6px;
}
.search-input-group .k-textbox {
  border: none !important;
}
.search-input-group .input-icon-btn {
  border: none;
  outline: 0 !important;
  background: transparent;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0 6px 6px 6px;
  transition: 0.05s;
}
.search-input-group .input-icon-btn:hover {
  background: #f6f6f6;
}

.numAlignRight {
  text-align: right !important;
}

.company-top-bar {
  background: #fff;
  height: 80px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
  width: 100%;
}
.company-top-bar .company-account-group {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 0px 16px;
}

.company-acount-name {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.company-acount-name .company-name-box {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  border: 1px solid rgba(214, 121, 0, 0.07);
  background: rgba(152, 0, 46, 0.07);
  color: #98002e;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 600;
}
.company-acount-name .company-account-details {
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: calc(100% - 80px);
}
.company-acount-name .company-account-details .company-account-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  width: initial;
  cursor: pointer;
}
.company-acount-name .company-account-details .company-account-title:hover {
  text-decoration: underline;
  color: #02A5E2;
}
.company-acount-name .company-account-details .company-header-action-list {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
}
.company-acount-name .company-account-details .company-header-action-list .company-header-action {
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.05s;
  cursor: pointer;
}
.company-acount-name .company-account-details .company-header-action-list .company-header-action:hover {
  text-decoration: underline;
  color: #02A5E2;
}
.company-acount-name .company-account-details .company-header-action-list .company-header-action .ioc-btn-size {
  width: 20px;
  height: 20px;
}
.company-acount-name .company-account-details .company-account-desc {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  line-height: normal;
}

.company-list-card {
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
}
.company-list-card .company-card-header {
  padding: 16px;
  background-color: #f3f3f3;
  position: relative;
}
.company-list-card .company-status-area {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 0 0 6px;
  background-color: #DF8639;
  padding: 2px 6px;
  font-size: 11px;
  line-height: normal;
  color: #fff;
}
.company-list-card .company-status-area.location-gray-color {
  background-color: #FFF0E2;
  color: #333;
}
.company-list-card .company-card-location {
  position: relative;
}
.company-list-card .company-card-location .company-card-location-count {
  color: #B4C5D2;
  font-size: 14px;
  line-height: normal;
  padding: 8px 16px;
  margin: 0;
}
.company-list-card .company-card-location .location-add-btn {
  position: absolute;
  top: -14px;
  right: 10px;
}
.company-list-card .company-card-location .location-add-btn .btn-shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1215686275);
}
.company-list-card .company-card-location .company-location-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 65px;
  max-height: 245px;
  overflow: scroll;
}
.company-list-card .company-card-location .company-location-list .no-location-msg {
  min-height: 65px;
  max-height: 245px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-list-card .company-card-location .company-location-list .company-location-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  transition: 0.05s;
  position: relative;
}
.company-list-card .company-card-location .company-location-list .company-location-card:hover {
  background-color: #E6F4FB;
}
.company-list-card .company-card-location .company-location-list .company-location-card:hover .on-hover-show {
  display: block !important;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-name-box {
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  color: #02A5E2;
  background-color: #E6F4FB;
  border: 1px solid rgba(2, 165, 226, 0.0705882353);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-account-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 56px);
  gap: 2px;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-account-details .location-account-title {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  width: 100%;
  transition: 0.05s;
  cursor: pointer;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-account-details .location-account-title:hover {
  text-decoration: underline;
  color: #02A5E2;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-account-details .on-hover-show {
  display: none;
  transition: 0.05s;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-account-details .location-action-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: end;
}
.company-list-card .company-card-location .company-location-list .company-location-card .location-account-details .location-action-btn .ioc-btn-size {
  cursor: pointer;
}

.custome-pagination .pagination {
  justify-content: center;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.custome-pagination .pagination .page-item.active .page-link {
  border-radius: 6px;
  background: #02A5E2;
  color: #fff;
  font-weight: 600;
}
.custome-pagination .pagination .page-item .page-link {
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  border: none;
  color: #333;
  margin: 0;
}
.custome-pagination .pagination .page-item .page-link.btn-next-prev {
  font-size: 24px;
  color: #333;
}
.custome-pagination .pagination .page-item .page-link:focus {
  outline: none;
  box-shadow: none;
  color: #333;
}

.width-top-bar .caseDetails {
  height: calc(100vh - 216px) !important;
}

.addBankGuaranteeModal {
  height: calc(100vh - 236px) !important;
  overflow: auto;
}

.addCaseTableHeight .k-grid-content {
  height: calc(100vh - 350px) !important;
}

.addCaseTabButoonTableHeight .k-grid-content {
  height: calc(100vh - 388px) !important;
}

.position_issue_grid tbody td {
  min-width: 150px !important;
}

@media screen and (max-height: 735px) {
  .addCaseTableHeight .k-grid-content {
    height: calc(100vh - 231px) !important;
  }
  .addCaseTabButoonTableHeight .k-grid-content {
    height: calc(100vh - 261px) !important;
  }
  .caseDetails #tabstrip-left,
  #tabstrip-left-amnestyscheme {
    background-color: #ffffff;
    height: calc(100vh - 150px) !important;
  }
  .addBankGuaranteeModal {
    height: calc(100vh - 140px) !important;
    overflow: auto;
  }
  #issue_position_buttons {
    width: 80% !important;
  }
}
.k-widget.k-upload.k-upload-sync.k-upload-empty {
  width: 100%;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.cases_copy_icon {
  width: 14px;
  height: 14px;
  visibility: hidden;
}

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

.tooltip-container {
  display: flex;
  align-items: center;
}

.viewCaseContain {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.viewCaseContainer:hover .cases_copy_icon {
  visibility: visible;
}

.api-config-card-margin {
  margin: -10px 0 !important;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 9999999;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  white-space: nowrap;
  margin-top: 58px;
}

.tooltip-text::after {
  display: none;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.tooltip-text.copied {
  opacity: 1;
}

/*------- Case Details styling ----- */
.btn_head_ioc {
  border: none;
  background: none;
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
  padding-left: 8px;
}

.cases_internal_block {
  margin-top: -55px;
  padding: 10px 14px !important;
}
.cases_internal_block .view-form-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  margin-bottom: 12px;
}
.cases_internal_block .view-form-details .details-txt.details-title {
  color: #4E5F71;
  font-weight: 600;
}
.cases_internal_block .col-12.col-xs-6.col-md-4.col-lg-4 {
  padding: 0px 54px 0px 0px;
}

.RefNum_header_style {
  padding-left: 8px;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 143, 210, 0.8);
}

.caseRefNum_mainheader {
  padding-right: 4px;
  font-size: 16px;
  font-weight: 600;
}

.inner-nav-icon-section {
  gap: 1px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.inner-nav-icon-section .table-grid-btn {
  border-radius: 1px;
  border: 1.6px solid #02A5E2;
}
.inner-nav-icon-section button {
  margin: 0px !important;
}

.inner-icn-drpdwn_block {
  border-radius: 1px;
  border: 1.6px solid rgba(51, 51, 51, 0.08);
  box-shadow: 0px 2px #f5f5f5;
  margin-top: 4px;
  padding: 0px;
}
.inner-icn-drpdwn_block li .dropdown-item {
  padding: 8px 12px;
  border-bottom: 1.5px solid #f5f5f5;
  color: #333;
  font-size: 14px;
}
.inner-icn-drpdwn_block li .dropdown-item:hover {
  background-color: rgba(2, 165, 226, 0.1);
  border-bottom: 1.5px solid rgba(2, 165, 226, 0.4);
  color: #02A5E2;
}

#ten {
  overflow-x: hidden !important;
}

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

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

.flex-direct-reverse {
  flex-direction: row-reverse !important;
}

#positionDates {
  /*  .k-tabstrip .k-content.k-state-active {
       height: calc(100vh - 246px) !important;
   } */
}
#positionDates .k-tabstrip-items-wrapper {
  background: #f6f6f6 !important;
  height: calc(100vh - 246px) !important;
}
#positionDates .k-tabstrip-items-wrapper ul li {
  border-bottom: 1.5px solid #fff !important;
  background-color: #f3f3f3 !important;
}
#positionDates .k-tabstrip-items-wrapper ul li:hover, #positionDates .k-tabstrip-items-wrapper ul li.k-state-active {
  border-right-color: #02A5E2 !important;
}

#bankGuaranteeDetails {
  margin-top: -64px;
  padding-top: 1%;
}

/* ------------------- Cases Chronology ----------------- */
.chronology_Ays {
  padding: 0px 10px;
  border: 2px solid #efefef;
  border-radius: 6px;
  overflow: hidden;
  min-height: calc(100vh - 274px);
  height: auto !important;
}
.chronology_Ays .card {
  margin-bottom: 20px !important;
}
.chronology_Ays .chronology_Ays_block {
  padding: 0px;
}
.chronology_Ays .chronology_Ays_block .year-toggle-btn {
  width: 100%;
  padding: 10px 16px !important;
  color: #333;
  font-weight: 600 !important;
  font-size: 14px !important;
  background: #F3F3F3;
  text-align: start !important;
  -webkit-text-decoration: auto;
          text-decoration: auto;
  border-top: 2px solid rgba(51, 51, 51, 0.031372549);
}
.chronology_Ays .chronology_Ays_block .year-toggle-btn:focus {
  box-shadow: none;
}
.chronology_Ays .comp_card_bg {
  margin: 0px !important;
  background: rgba(126, 4, 23, 0.1);
  height: 72px;
}
.chronology_Ays .comp_card_bg .comp_loc_chronhead_style {
  display: flex;
  justify-content: start;
  align-items: start;
  padding-left: 6px;
  gap: 24px;
}

.comp_chronology_height {
  height: calc(100vh - 274px);
  padding: 10px 16px !important;
}

.loc_card_bg {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 24px;
  width: 100%;
  border-bottom: rgba(51, 51, 51, 0.06) 2px solid;
}
.loc_card_bg:hover {
  background: rgba(2, 165, 226, 0.1);
}

.acc_block {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-bottom: 16px;
}
.acc_block .accordion-body {
  border: rgba(51, 51, 51, 0.06) 2px solid;
  border-top: none;
}

.comp_card_bg {
  background: #f3f3f3;
  width: 100% !important;
  border: rgba(51, 51, 51, 0.03) 2px solid;
  border-radius: 4px;
  height: 72px;
  overflow: auto;
  overflow-y: hidden;
}
.comp_card_bg .comp_card_block {
  background: #F3F3F3;
  border-radius: 4px;
  height: 72px !important;
  width: 100%;
  padding: left 16px;
}
.comp_card_bg .comp_card_block .comp_header {
  margin-left: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 4px;
}
.comp_card_bg .comp_card_block:focus {
  border-color: none;
}
.comp_card_bg .comp_card_block::after {
  visibility: hidden;
}

.acc_blck {
  display: flex;
  align-items: center;
  justify-content: start;
}

.round-header {
  height: 48px;
  width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  color: #7E0417;
  background: rgba(126, 4, 23, 0.1);
  border: 2px solid rgba(126, 4, 23, 0.2);
  border-radius: 100px;
  text-transform: capitalize;
}
.round-header.round-header-color {
  color: #02A5E2;
  font-size: 12px;
  background: rgba(2, 165, 226, 0.1);
  border: 2px solid rgba(2, 165, 226, 0.2);
  height: 32px;
  width: 32px;
}

.round-card-header {
  font-size: 16px !important;
  color: #333;
  text-align: left !important;
  font-weight: 600 !important;
  text-transform: capitalize;
}

.round-card-header-color {
  margin-left: 12px;
  font-size: 14px !important;
  font-weight: 600;
}

.round-card-subheader {
  color: rgba(126, 4, 23, 0.6);
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}

.chron_ay_cardhead {
  box-shadow: none;
}

.add-table-bordered,
.table-bordered-prod,
.cases_chrnology_event_grid,
.cases_chrnology_FCR_grid,
.cases_chrnology_ECR_grid,
.cases_chrnology_view_event_grid,
.cases_chrnology_closure_grid {
  margin-bottom: 0%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(51, 51, 51, 0.14);
  -o-border-image: initial;
     border-image: initial;
  border-radius: 4px;
  overflow: auto;
}
.add-table-bordered thead tr,
.table-bordered-prod thead tr,
.cases_chrnology_event_grid thead tr,
.cases_chrnology_FCR_grid thead tr,
.cases_chrnology_ECR_grid thead tr,
.cases_chrnology_view_event_grid thead tr,
.cases_chrnology_closure_grid thead tr {
  border-bottom: 1px solid rgba(51, 51, 51, 0.14);
  background: #f3f3f3;
}
.add-table-bordered thead tr th,
.table-bordered-prod thead tr th,
.cases_chrnology_event_grid thead tr th,
.cases_chrnology_FCR_grid thead tr th,
.cases_chrnology_ECR_grid thead tr th,
.cases_chrnology_view_event_grid thead tr th,
.cases_chrnology_closure_grid thead tr th {
  color: rgb(78, 95, 113);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: normal;
  padding: 8px 6px;
  text-transform: capitalize;
}
.add-table-bordered tbody td,
.table-bordered-prod tbody td,
.cases_chrnology_event_grid tbody td,
.cases_chrnology_FCR_grid tbody td,
.cases_chrnology_ECR_grid tbody td,
.cases_chrnology_view_event_grid tbody td,
.cases_chrnology_closure_grid tbody td {
  color: rgb(78, 95, 113);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.16px;
  margin-bottom: 0px;
  height: 38px !important;
  padding: 8px 6px;
  border: 1px solid rgba(51, 51, 51, 0.14);
}

.case_drawerdetails_open {
  border: none !important;
}

.titlewithicon {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 18px 0px 10px;
  gap: 6px;
}
.titlewithicon .titlewithicon-img {
  display: flex;
  justify-content: start;
  align-items: center;
}
.titlewithicon .titlewithicon-img .titlewithicon-icon {
  filter: brightness(0) saturate(100%) invert(35%) sepia(10%) saturate(1217%) hue-rotate(170deg) brightness(93%) contrast(82%);
}
.titlewithicon .titlewithicon-content {
  display: flex;
  justify-content: start;
  align-items: center;
}
.titlewithicon .titlewithicon-content h5 {
  color: rgb(78, 95, 113);
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}

/* --------------- */
#account_id {
  width: auto;
}

#button_nexxt {
  display: flex;
  align-items: center;
  justify-content: end;
}
#button_nexxt .next-step {
  height: 20px !important;
  margin-top: 20px;
}

/* -----------------------am SSO-------------------------- */
.card_Block_bg {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f9f9f9;
}
.card_Block_bg .card_Block {
  width: 40vw;
  /* height: 60vh; */
  padding: 50px 0;
  border: 2px solid #f3f3f3;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  box-shadow: 5px 3px 5px 1px #f3f3f3;
  gap: 24px;
}
.card_Block_bg .card_Block .card_SubHeader {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.card_Block_bg .card_Block .card_SubHeader .mail_headers {
  text-align: start;
  padding-left: 32px;
}
.card_Block_bg .card_Block .card_Header {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  border-bottom: 4px solid red;
}
.card_Block_bg .card_Block .button_block {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.card_Block_bg .card_Block .button_block .btn-primary {
  padding: 10px 24px 10px !important;
  border: none !important;
  color: #fff !important;
  background: #00c0ef;
}
.card_Block_bg .card_Block .button_block .btn-primary a {
  color: #fff;
}
.card_Block_bg .card_Block .button_block .btn-primary:hover {
  background: #0097bc;
}

.table_listing_style {
  border-radius: 4px !important;
  border: rgba(51, 51, 51, 0.1411764706) 1px solid !important;
}
.table_listing_style .k-grid-header thead {
  border-bottom: rgba(51, 51, 51, 0.1411764706) 1px solid !important;
}
.table_listing_style .k-grid-header thead th {
  color: #4E5F71 !important;
  font-weight: 600 !important;
  background: #f1f1f1 !important;
  font-size: 0.875rem !important;
  line-height: normal !important;
  text-transform: capitalize !important;
  padding: 8px 6px !important;
  border: none !important;
}
.table_listing_style .k-grid-header thead th .k-link {
  background: none;
}
.table_listing_style .k-grid-content tbody td {
  color: #4E5F71;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.16px;
  margin-bottom: 0;
  padding: 8px 6px;
  border: none;
  height: 38px !important;
  border-bottom: rgba(51, 51, 51, 0.1411764706) 1px solid;
  text-align: start !important;
}

.errindi {
  position: absolute !important;
  top: 78px !important;
  left: 860px !important;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

#company_tiles {
  padding-bottom: 44px;
}

#issue_position_buttons {
  padding: 12px 0px;
  width: 86%;
}

.company_custom_pagination {
  position: fixed;
  bottom: 32px;
  right: 0;
  width: 95%;
  background-color: #fff;
  padding: 10px 0;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  z-index: 99;
}

.k-tooltip {
  font-size: 12px !important;
}

.rangediv_font {
  font-size: 13px !important;
}

/* #edit_client_alloc tr td:last-child{
        padding-left: 22%;
} */
/* --------------------------- DASHBOARD ------------------------ */
#ActWiseCountHome .panel-heading {
  position: absolute;
  top: 6px;
  padding: 0px;
  right: 6px;
}

#Q2QContingentLiabilityMulView .panel-heading {
  position: absolute;
  top: 62px;
}
#Q2QContingentLiabilityMulView .panel-body .multiview-handler-group {
  padding-top: 8px;
  padding-bottom: 8px;
}
#Q2QContingentLiabilityMulView .multiview-widget {
  padding-top: 24px;
  transform: scale(1);
}

#pprAnalysis .panel-heading {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#pprAnalysis .panel-heading .custom-drilldown-title {
  width: -webkit-fill-available !important;
}
#pprAnalysis .report-content .panel-heading {
  display: none !important;
}

#ActwiseCasesDetailsChart table th:first-child, #ActwiseCasesDetailsChart table td:first-child {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
#ActwiseCasesDetailsChart table th:nth-child(2),
#ActwiseCasesDetailsChart table td:nth-child(2) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
#ActwiseCasesDetailsChart table th:last-child,
#ActwiseCasesDetailsChart table td:last-child {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.k-grid tr.k-state-selected {
  color: #02a5e2 !important;
  font-weight: 600;
  background: #f3f3f3 !important;
  border-color: #f7f7f7 !important;
}
.k-grid tr.k-state-selected:hover {
  background: #f3f3f3 !important;
}
.k-grid tr.k-state-selected:hover td {
  background: #f3f3f3 !important;
}
.k-grid tr.k-state-selected td {
  border-color: #f3f3f3 !important;
}
.k-grid tr.k-state-selected td input[type=checkbox]:disabled {
  background-color: rgba(51, 51, 51, 0.1882352941);
  border: 1px solid #f7f7f7;
  opacity: 1;
}

.status_taxrepo_radioblock {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
.status_taxrepo_radioblock .custom-control {
  display: flex;
}

.k-icon.k-i-comment::before {
  background: url("../css/images/icon-park-outline_comments.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
}

#closure_FCA_details_form .k-datepicker {
  border-radius: 6px !important;
}
#closure_FCA_details_form .view-form-details {
  flex-direction: row !important;
  margin-bottom: 10px;
}

.right-align {
  text-align: right;
}

#case_filter_form button {
  width: 120px;
}

/* #disable_position_modal{
    .modal-body{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 17.5px;
        line-height: 1.6;
        color: #4E5F71 !important;

        p{
        padding-bottom: 6px;
        }

        div{
        display: flex;
        align-items: center;
        justify-content: center;

        button{
        text-transform: capitalize;
        font-size: 16px;
        line-height: normal;
        }

        }
    }
} */
.test-scroll-div {
  height: 400px;
  overflow: hidden;
  min-height: 400px;
  max-height: 400px;
}
.test-scroll-div .dashboard-cust-table {
  height: 350px;
  overflow: scroll;
}

.spinner_bg {
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
  justify-content: center;
  align-items: center;
  border: 2px solid #ffffff;
  background: #fff;
  border-radius: 10px;
}
.spinner_bg .spinner-border {
  width: 50px;
  height: 50px;
  border: 8px solid #e7e7e7 !important;
  border-radius: 50% !important;
  border-top: 8px solid #e41e39 !important;
  border-bottom: 8px solid #2e4191 !important;
}

.custom-report-dropdown {
  border: 1px solid #eee;
  background: #fff;
}

#addTemplateConfirm,
#submitAddDetails {
  height: 42px !important;
}

#addTemplateConfirmWindow {
  padding: 10px !important;
}

#statusGroup,
#editStatusGroup {
  display: ruby;
}
#statusGroup li:nth-child(2),
#editStatusGroup li:nth-child(2) {
  margin-left: 10px;
}

#issuesgroundsTab_grid .k-detail-row .k-detail-cell .k-grid, #issuegroundlandinggrid .k-detail-row .k-detail-cell .k-grid, #noticesGrid .k-detail-row .k-detail-cell .k-grid, #noticesGrid1 .k-detail-row .k-detail-cell .k-grid, #noticesdrcGrid .k-detail-row .k-detail-cell .k-grid, #configGrid .k-detail-row .k-detail-cell .k-grid, #taxpaymentdatagrid .k-detail-row .k-detail-cell .k-grid {
  height: auto !important;
  max-height: none !important;
  overflow: visible;
  padding: 0px;
}
#issuesgroundsTab_grid .k-detail-row .k-detail-cell .k-grid .k-grid-content, #issuegroundlandinggrid .k-detail-row .k-detail-cell .k-grid .k-grid-content, #noticesGrid .k-detail-row .k-detail-cell .k-grid .k-grid-content, #noticesGrid1 .k-detail-row .k-detail-cell .k-grid .k-grid-content, #noticesdrcGrid .k-detail-row .k-detail-cell .k-grid .k-grid-content, #configGrid .k-detail-row .k-detail-cell .k-grid .k-grid-content, #taxpaymentdatagrid .k-detail-row .k-detail-cell .k-grid .k-grid-content {
  height: auto !important;
}

.case_amnesty_link_span:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  background-color: #646464;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  top: 100%;
  font-size: 12px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1000;
}

.noticeCount.highlight {
  cursor: pointer;
}

.footer {
  position: absolute !important;
  bottom: 0px;
}

.noticeCount {
  cursor: default;
}

.Note_statement {
  width: 100%;
  text-align: start;
  color: #D92F2F;
  opacity: 0.75;
  margin-top: 12px;
  font-style: italic;
}
.Note_statement span {
  font-weight: 600;
  padding-right: 6px;
}

#OrderdetailsModal #closure_interest_download_od {
  height: 42px !important;
  width: 42px !important;
  border: 2px solid #02A5E2;
  margin-left: 12px !important;
}
#OrderdetailsModal .k-button {
  text-transform: capitalize;
  line-height: normal;
  font-size: 16px;
}
#OrderdetailsModal .view-form-details {
  flex-direction: row;
}
#OrderdetailsModal .view-form-details p {
  display: flex;
  align-items: center;
}

.chron_table_height {
  max-height: 172px;
  overflow-y: auto;
}

.date_of_payment {
  width: 150px;
}

#summarty_interest_od {
  border-top: #f6f6f6 2px solid;
}
#summarty_interest_od .comapreint {
  padding: 24px;
}

.text-left {
  text-align: left !important;
}

#editStayGrid .k-button-icontext.k-grid-delete {
  background-color: none !important;
  display: inline;
  margin-left: 12px;
}
#editStayGrid .k-button-icontext.k-grid-delete:hover {
  background: none !important;
}

.login_btn_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 56%;
}
.login_btn_block .btn_login_icn_block {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  height: 44px;
  border-radius: 2px;
  width: 100%;
  padding: 0px;
}
.login_btn_block .btn_login_icn_block .Login_icn {
  height: 14px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 10px;
  margin-right: 14px;
  border: 3px solid #fff;
}
.login_btn_block .btn_login_icn_block .Login_icn .login-icon-div {
  width: 20px;
}
.login_btn_block .btn_login_icn_block .login-txt {
  color: #fff !important;
  font-size: 14px;
}
.login_btn_block .btn_login_icn_block.btn-client {
  background-color: #1A73E8;
  border: 3px solid #1A73E8;
}
.login_btn_block .btn_login_icn_block.btn-email {
  background-color: #0374AF;
  border: 3px solid #0374AF;
}
.login_btn_block .btn_login_icn_block.btn-microsoft {
  background-color: #1B5894;
  border: 3px solid #1B5894;
}

#cases_tracker_accordion .accordion-item {
  margin-bottom: 24px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  border: 2px solid #f5f5f5;
}
#cases_tracker_accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  color: #333;
  background-color: #f6f6f6;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
#cases_tracker_accordion .accordion-item .accordion-header .accordion-button:hover {
  border: 2px solid #FFF;
}
#cases_tracker_accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}
#cases_tracker_accordion .accordion-item .accordion-header .accordion-button::after {
  background: url("../css/images/chevron-left.svg") no-repeat center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
  rotate: -90deg;
}
#cases_tracker_accordion .accordion-item .dashboard-box .no-data-dashboard {
  padding: 36px;
}

/* Reports */
.invTbl {
  height: calc(100vh - 352px) !important;
}

.reports_k-grid_table .k-grid-header .k-header {
  background: #f6f6f6 !important;
  border-bottom: 6px solid #E7E7E7 !important;
}
.reports_k-grid_table .k-grid-header .k-header .k-link {
  background: #f6f6f6 !important;
}
.reports_k-grid_table .k-grid-content {
  height: calc(100vh - 165px);
}
.reports_k-grid_table .k-grid-content tr {
  height: 44px;
  border-bottom: 1px solid #E7E7E7;
  background: #fff;
}
.reports_k-grid_table .k-grid-content tr:first-child {
  border-top: 1px solid #E7E7E7 !important;
}
.reports_k-grid_table .k-grid-content tr:hover {
  background: #EFFBFF;
}
.reports_k-grid_table .k-grid-content tr td {
  height: 44px;
}

#noticesdttab ul .nav-link {
  height: 56px !important;
  display: flex;
  align-items: center;
  margin: 0px;
}

.Notices_grid_toolbar .k-grid-toolbar {
  height: 0px;
}

.tooo_date_tracker {
  margin-left: 10%;
}

.dashboard_msg {
  color: red;
  align-content: center;
  display: none;
  font-size: 13px;
  width: 33vw;
  margin-right: 5% !important;
}

.addRemBtnHolder .k-button[disabled], .addRemBtnHolder .k-button.disabled {
  background-color: #f5f5f5 !important;
  color: #bfc6cc !important;
}

.addIpAddressTable input.k-textbox {
  height: 32px !important;
  line-height: 32px;
  padding: 4px 8px !important;
  box-sizing: border-box;
}

#configGrid .k-detail-row .k-detail-cell .k-grid {
  overflow-x: scroll;
}
#configGrid .k-master-row td.k-hierarchy-cell {
  padding: 0 0px 0px 16px !important;
}

.customReportGrid_select {
  padding-top: 24vh;
  width: 100%;
}

.change_width_768 {
  width: 1024px;
}

.text_head {
  font-size: 14px;
}

#proceedingdocgrid {
  height: 100%;
}
#proceedingdocgrid .k-grid-content {
  height: calc(100vh - 300px) !important;
}
#proceedingdocgrid .k-grid-content tr td:nth-child(4) {
  word-wrap: break-word;
}

#viewContactGrid {
  height: calc(100vh - 194px) !important;
}
#viewContactGrid .k-grid-content.k-auto-scrollable {
  height: calc(100vh - 328px) !important;
}

#issuegroundAttachmentGrid .k-grid-content {
  height: calc(100vh - 608px) !important;
}
#issuegroundAttachmentGrid .k-grid-content tr td:nth-child(3) {
  word-wrap: break-word;
}

#addressGrid .k-grid-content {
  height: calc(100vh - 332px) !important;
}

td.action-cell {
  text-align: center !important;
  vertical-align: middle !important;
}

td:has(> .cust_round_btn.w-h-32) {
  text-align: center !important;
  vertical-align: middle !important;
}

#reportContent .dataTables_wrapper .col-sm-12 {
  padding: 0px !important;
}

.CAROsummaryOfPostion_grid .k-grid-content {
  height: calc(100vh - 450px) !important;
}

#amnesty_attachmentlandinggrid table tr th:first-child, #amnesty_attachmentlandinggrid table tr td:first-child {
  text-align: center !important;
}

.notify_count {
  position: absolute;
  font-size: 10px;
  left: 26px;
  bottom: 24px;
  padding: 4px;
  background: #D92F2F;
  border-radius: 100px;
  color: white;
}

.d_center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.addIpAddressTable.custom-table td span.k-invalid-msg,
.editIpAddressTable.custom-table td span.k-invalid-msg {
  display: inline-grid;
}

.report-action-header button {
  border: none;
}

.disclaimer_dashboard {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  font-weight: 600;
  color: #D92F2F;
}

.dash_btn_blck {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
}

#taxpaymentdatagrid .k-grid-content tbody tr td {
  padding: 0 30px !important;
}
#taxpaymentdatagrid .k-grid-content tbody .k-detail-row table th, #taxpaymentdatagrid .k-grid-content tbody .k-detail-row table td {
  text-align: center !important;
}

#case_status_grid .k-grid-content.k-auto-scrollable {
  height: calc(100vh - 546px) !important;
}
#case_status_grid .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes:before {
  content: "";
}
#case_status_grid th:last-child, #case_status_grid td:last-child {
  min-width: 175px;
  max-width: 200px;
}

.noticebtn_en_disable {
  transform: scale(0.85);
  margin: 0px;
  margin-right: -2vh;
}

#Showall_grid tbody tr td:last-child {
  transform: scale(0.85);
}

#summaryOfPostion_grid .k-detail-row table {
  min-width: unset;
  width: unset;
}

#dashboard1_Tab #pprAnalysis .koolphp-table {
  overflow: auto;
  max-height: 19vh;
}
#dashboard1_Tab #ActWiseCountHome .koolphp-table {
  max-height: 18vh;
  overflow-y: scroll;
  overflow-x: auto;
}
#dashboard1_Tab #yearwiseDTChart {
  text-align: center;
  margin-top: 2vh;
}
#dashboard1_Tab #yearwiseDTChart svg {
  margin-top: -6vh;
}

.custom-table-reports {
  border-collapse: collapse;
  border: rgba(51, 51, 51, 0.1411764706) 1px solid;
}

.btn_head_ioc_info {
  background: url("../img/dash_icons/Info_icon_b.svg") no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  border: none;
  cursor: pointer;
}

.ioc-close-offcanvas {
  background: url("../css/images/ioc-close.svg") no-repeat center;
  background-size: contain;
  width: 24px;
  height: 24px;
  border: none;
}

.activation_icn {
  mask: url("../img/dash_icons/activation_icn.svg") no-repeat center;
  -webkit-mask: url("../img/dash_icons/activation_icn.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #02A5E2;
  width: 24px;
  height: 24px;
  border: none;
}

.termination_icn {
  mask: url("../img/dash_icons/termination_icn.svg") no-repeat center;
  -webkit-mask: url("../img/dash_icons/termination_icn.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #D92F2F;
  width: 24px;
  height: 24px;
  border: none;
}
.termination_icn.btn-icon {
  background: #D92F2F !important;
}

a.terminateSession.icon-btn:after {
  background: #ED1A3B !important;
}

.criteriaHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#filterOffcanvas_parameters .view-form-details .details-txt.details-des {
  margin: 0;
  line-height: 1.4;
  font-size: 14px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  width: 100%;
}

.only_grid_offcanvas .k-grid-content {
  height: calc(100vh - 245px) !important;
}

.text-mid {
  text-align: center !important;
}

.status-in-progress {
  color: #DF8639;
}

.status-pending {
  color: #333;
}

.status-completed {
  color: #54BA1D;
}

.status-error {
  color: #ed1a3b;
}

.restriction {
  border-style: none !important;
}
.restriction:hover {
  margin: 0px;
}

.modularization_block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: scale(0.8);
  top: -30px;
  position: absolute;
  width: 100%;
}
.modularization_block .Blck_header {
  font-size: 20px;
  font-weight: bolder;
  text-transform: uppercase;
  padding: 0 24px;
  background: linear-gradient(90deg, #015B7C 0%, #02A5E2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  border-bottom: 3px solid transparent;
  -o-border-image: linear-gradient(90deg, #02A5E2 0%, #015B7C 100%);
     border-image: linear-gradient(90deg, #02A5E2 0%, #015B7C 100%);
  border-image-slice: 1;
}
.modularization_block .Blck_card_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 28px;
  gap: 36px;
}
.modularization_block .Blck_card_box .m_card {
  border: 1px solid rgba(0, 0, 0, 0.02);
  box-shadow: 1px 2px 13px rgba(0, 0, 0, 0.15);
  height: 100%;
  border-radius: 10px;
}
.modularization_block .Blck_card_box .m_card .m_card_header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
.modularization_block .Blck_card_box .m_card .m_card_header .m_card_header_icntxt {
  font-weight: bold;
  font-size: 20px;
  padding-top: 12px;
}
.modularization_block .Blck_card_box .m_card .m_card_header .m_card_header_icntxt.standard-color {
  background: linear-gradient(90deg, #108C7F 0%, #00DE75 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.modularization_block .Blck_card_box .m_card .m_card_header .m_card_header_icntxt.professional-color {
  background: linear-gradient(90deg, #02A5E2 0%, #015B7C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.modularization_block .Blck_card_box .m_card .m_card_header .m_card_header_icntxt.enterprise-color {
  background: linear-gradient(90deg, #D0324A 0%, #51438A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.modularization_block .Blck_card_box .m_card ul {
  padding: 0px 24px;
  margin: 0px;
  list-style: none;
}
.modularization_block .Blck_card_box .m_card ul li {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modularization_block .Blck_card_box .m_card ul li .mod-feature-list-icon {
  -webkit-mask: url(../css/images/mod-feature-list-icon.svg) no-repeat center;
  mask: url(../css/images/mod-feature-list-icon.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  display: inline-block;
}
.modularization_block .Blck_card_box .m_card ul li .mod-feature-list-icon.standard_list-icon {
  background-color: #108C7F;
}
.modularization_block .Blck_card_box .m_card ul li .mod-feature-list-icon.professional_list-icon {
  background-color: #01678D;
}
.modularization_block .Blck_card_box .m_card ul li .mod-feature-list-icon.Enterprise_list-icon {
  background-color: #51438A;
}
.modularization_block .Blck_card_box .m_card ul li .txt {
  color: #4E5F71;
  font-weight: 600;
  font-size: 14px;
}
.modularization_block .Blck_card_box .m_card ul li.cancelled .mod-feature-list-icon.standard_list-icon, .modularization_block .Blck_card_box .m_card ul li.cancelled .mod-feature-list-icon.professional_list-icon, .modularization_block .Blck_card_box .m_card ul li.cancelled .mod-feature-list-icon.Enterprise_list-icon {
  background-color: #BEC8D1 !important;
}
.modularization_block .Blck_card_box .m_card ul li.cancelled .txt {
  text-decoration: line-through !important;
  opacity: 0.6;
}
.modularization_block .Blck_card_box .m_card .subscribe_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn {
  width: 100%;
  border-radius: 100px;
  background: green;
  color: white;
  padding: 8px 0px;
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn.standard-btn {
  background: linear-gradient(90deg, #25B6A7 0%, #105049 100%);
  color: #fff;
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn.standard-btn:hover {
  background-color: rgb(30.1068493151, 148.0931506849, 135.8876712329);
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn.professional-btn {
  background: linear-gradient(90deg, #02A5E2 0%, #015B7C 100%);
  color: #fff;
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn.professional-btn:hover {
  background-color: rgb(1.6421052632, 135.4736842105, 185.5578947368);
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn.enterprise-btn {
  background: linear-gradient(90deg, #D0324A 0%, #51438A 100%);
  color: #fff;
}
.modularization_block .Blck_card_box .m_card .subscribe_btn .btn.enterprise-btn:hover {
  background-color: rgb(64.8790243902, 53.6653658537, 110.5346341463);
}

.modularization_type .k-radio-label {
  font-size: 12px;
}

.custom-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.custom-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.custom-switch input:checked + .slider {
  background-color: #02A5E2;
}
.custom-switch input:checked + .slider::before {
  transform: translateX(24px);
}
.custom-switch input:focus + .slider {
  box-shadow: 0 0 1px #02A5E2;
}
.custom-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 50px;
}
.custom-switch .slider::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  transition: 0.3s;
  border-radius: 50%;
}

.mod_toggle_btn_blck {
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  margin: 0px;
  height: 100%;
}

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

.nav-tabs .restricted {
  all: unset;
}

#chron_ui_offcanvas {
  width: 1024px;
  visibility: hidden;
  position: absolute;
  z-index: 1055;
  top: 0px;
  right: 0px;
}

.case_details_ref_id_font {
  font-size: 16px !important;
}

/* Multiselect dashboard starts */
/* #companyGstin-list , #location_dropdown-list{
    .k-list-scroller{
        height: unset !important;

        ul{
            overflow-y: auto;
            max-height: calc(100vh - 870px);
        }
    }
} */
#companyGstin-list,
#location_dropdown-list .kendo-multiselect-scrollable {
  width: 100%;
}
#companyGstin-list ul,
#location_dropdown-list .kendo-multiselect-scrollable ul {
  overflow: auto;
  height: 125px;
}
#companyGstin-list ul li:hover input[type=checkbox], #companyGstin-list ul li.k-state-focused input[type=checkbox],
#location_dropdown-list .kendo-multiselect-scrollable ul li:hover input[type=checkbox],
#location_dropdown-list .kendo-multiselect-scrollable ul li.k-state-focused input[type=checkbox] {
  accent-color: white !important;
  border-color: #fff !important;
  background-color: #fff !important;
}
#companyGstin-list ul li.k-state-selected input[type=checkbox],
#location_dropdown-list .kendo-multiselect-scrollable ul li.k-state-selected input[type=checkbox] {
  background-color: #02A5E2 !important;
}
#companyGstin-list .apply_note,
#location_dropdown-list .kendo-multiselect-scrollable .apply_note {
  font-size: 12px;
  padding-top: 6px;
  justify-content: flex-start;
  padding-left: 16px;
}
#companyGstin-list .kendo-apply-btn,
#location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 4px;
}
#companyGstin-list .kendo-apply-btn .select_all_text,
#location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .select_all_text {
  display: flex;
  padding-left: 16px;
  font-size: 16px;
}
#companyGstin-list .kendo-apply-btn .Companyselection_btnblck,
#companyGstin-list .kendo-apply-btn .Locationselection_btnblck,
#location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Companyselection_btnblck,
#location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Locationselection_btnblck {
  display: flex;
  align-items: center;
  justify-content: end;
}
#companyGstin-list .kendo-apply-btn .Companyselection_btnblck button,
#companyGstin-list .kendo-apply-btn .Locationselection_btnblck button,
#location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Companyselection_btnblck button,
#location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Locationselection_btnblck button {
  width: 100%;
}

/* Multiselect dashboard ends */
.notice_status_grid .markError {
  min-width: 40px !important;
}

#supportUsers table tr td {
  height: 5vh;
}

@media screen and (max-height: 735px) {
  body {
    height: 100% !important;
  }
  .footer-section {
    font-size: 12px;
    padding: 6px 12px;
  }
  .offcanvas-end {
    width: 300px;
  }
  .change_width_768 {
    width: 768px !important;
  }
  .left-bar {
    padding-top: 14px;
    width: 72px !important;
    min-width: 72px;
    max-width: 72px;
    height: calc(100vh - 71px);
  }
  .page-header {
    height: 44px !important;
  }
  .page-header .navbar {
    height: 44px !important;
  }
  .page-header .navbar .container-fluid {
    height: 44px !important;
  }
  .page-header .navbar .container-fluid .header-title {
    font-size: 18px;
  }
  .page-header .navbar .container-fluid .header-title .sub-header-title {
    font-size: 14px;
  }
  .page-header .navbar .container-fluid .navbar-brand {
    width: 48px;
  }
  .page-header .top-navigation-btn {
    width: 24px !important;
    height: 24px !important;
  }
  .page-header .top-navigation-btn:after {
    width: 24px !important;
    height: 24px !important;
  }
  .page-header .top-navigation-btn .top-navigation-btn-icon {
    width: 16px !important;
    height: 16px !important;
  }
  .leg_reg_visibility {
    position: absolute;
    top: 138px;
    z-index: 999;
    right: 30px;
  }
  .leg_reg_visibility label {
    font-size: 12px;
  }
  .chronology_Ays {
    height: calc(100vh - 170px) !important;
  }
  .chronology_Ays .chronology_Ays_block {
    padding: 0px;
  }
  .chronology_Ays .chronology_Ays_block .year-toggle-btn {
    width: 100%;
    padding: 6px 16px !important;
    color: #333;
    font-weight: 600 !important;
    font-size: 12px !important;
    background: #F3F3F3;
    text-align: start !important;
    -webkit-text-decoration: auto;
            text-decoration: auto;
    border-top: 2px solid rgba(51, 51, 51, 0.031372549);
  }
  .chronology_Ays .chronology_Ays_block .year-toggle-btn:focus {
    box-shadow: none;
  }
  .chronology_Ays .chronology_Ays_block .nav-item .nav-link {
    height: 32px;
    font-size: 13px;
    margin-bottom: 8px;
  }
  .chronology_Ays .chronology_Ays_block .nav-item .nav-link:is(.active, :focus, :hover) {
    height: 32px;
    font-size: 13px;
  }
  .chronology_Ays .chronology_Ays_block .chron_table_height table th, .chronology_Ays .chronology_Ays_block .chron_table_height table td {
    font-size: 12px !important;
  }
  .chronology_Ays .comp_card_bg {
    margin: 0px !important;
    background: rgba(126, 4, 23, 0.1);
    height: 72px;
  }
  .chronology_Ays .comp_card_bg .btn {
    padding: 6px 12px !important;
  }
  .chronology_Ays .comp_card_bg .comp_loc_chronhead_style {
    align-items: center;
    gap: 10px;
  }
  .chronology_Ays .comp_card_bg .comp_loc_chronhead_style #Chron_back {
    transform: scale(0.8);
  }
  .chronology_Ays .comp_card_bg .comp_header {
    transform: scale(0.85);
  }
  .main-section .section-header {
    height: 42px;
  }
  .main-section .section-header .section-header-title {
    font-size: 14px;
  }
  .main-section .header-nav-section .nav-item .nav-link {
    height: 40px;
    font-size: 12px;
  }
  .main-section .header-nav-section .nav-item .nav-link:is(.active, :focus, :hover) {
    font-size: 12px;
    border-bottom: 2px solid #02A5E2 !important;
  }
  .main-section .header-nav-section .nav-item:last-child {
    margin-right: 0px;
  }
  .main-section .section-body .widthout-top-bar {
    height: calc(100vh - 165px) !important;
  }
  .main-section .section-body .widthout-top-bar.heighttt {
    height: calc(100vh - 112px) !important;
  }
  .main-section .section-body .widthout-top-bar .cust-kendo-grid .k-grid {
    height: calc(100vh - 90px) !important;
  }
  .inner-nav-section .nav-item .nav-link {
    font-size: 14px !important;
    line-height: 0;
    letter-spacing: -0.5px !important;
  }
  .k-grouping-header {
    height: 20px !important;
    font-size: 9px !important;
  }
  .CAROsummaryOfPostion_grid.k-grid .k-grid-header {
    height: 28px !important;
  }
  .CAROsummaryOfPostion_grid.k-grid .k-grid-content {
    height: calc(100vh - 286px) !important;
  }
  .k-grid .k-grid-header {
    height: 24px !important;
  }
  .k-grid .k-grid-header .k-grid-header-wrap table {
    height: 24px;
  }
  .k-grid .k-grid-header .k-grid-header-wrap table .th {
    height: 24px;
  }
  .k-grid .k-grid-header .k-header,
  .k-grid .k-grid-header .k-link {
    font-size: 10.5px !important;
  }
  .k-grid tr {
    height: 24px !important;
  }
  .k-grid tr td,
  .k-grid tr th {
    padding: 2px 6px !important;
    height: 20px !important;
    font-size: 10px !important;
    line-height: 1.2;
  }
  .k-grid .k-button-icontext .k-icon {
    font-size: 12px !important;
  }
  .demo-hint {
    font-size: 10px !important;
  }
  .cust_offcanvas {
    /*  .offcanvas-header {
         padding: 18px 24px;

         h5 {
             font-size: 18px;
         }
     } */
  }
  .cust_offcanvas .offcanvas-footer {
    height: 44px;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap {
    height: 36px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes span.k-dropdown-wrap.k-state-default {
    height: 20px !important;
    margin: 0px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes span.k-dropdown-wrap.k-state-default .k-input {
    font-size: 10px !important;
    line-height: 14px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-sizes:before {
    content: "Showing";
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-height: 20px !important;
    padding: 0px;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav .k-icon.k-i-arrow-60-right::before,
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-nav .k-icon.k-i-arrow-60-left::before {
    width: 14px !important;
    height: 14px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers-wrap .k-dropdown {
    display: none !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li {
    height: 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-height: 18px !important;
    margin-right: 8px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li .k-link {
    font-size: 12px !important;
    height: 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-numbers li .k-state-selected {
    font-size: 12px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span.k-pager-info.k-label,
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap span.k-pager-sizes.k-label {
    font-size: 11px !important;
  }
  .k-pager-wrap.k-grid-pager.k-widget.k-floatwrap .k-pager-refresh .k-link {
    height: 14px !important;
    width: 14px !important;
  }
  .k-grid-norecords span {
    font-size: 14px !important;
  }
  .ioc-btn-white,
  .btn_with_text_primary,
  .cust-btn-primary,
  .cust_btn,
  .ioc-btn-primary,
  .btn_with_text_basic,
  .k-window .k-button.k-success,
  .k-window .k-button.k-warning {
    height: 28px !important;
    font-size: 12px;
  }
  .ioc-btn-white .ioc-btn-size,
  .btn_with_text_primary .ioc-btn-size,
  .cust-btn-primary .ioc-btn-size,
  .cust_btn .ioc-btn-size,
  .ioc-btn-primary .ioc-btn-size,
  .btn_with_text_basic .ioc-btn-size,
  .k-window .k-button.k-success .ioc-btn-size,
  .k-window .k-button.k-warning .ioc-btn-size {
    width: 16px;
    height: 20px;
  }
  .main-container {
    width: calc(100vw - 72px) !important;
  }
  .main-container .content-part {
    padding: 6px 12px 0;
  }
  .main-container .company-content-part {
    height: calc(100vh - 155px) !important;
    overflow: scroll;
  }
  .main-section .section-body .width-top-bar {
    height: calc(100vh - 158px);
  }
  .taxpayment_height {
    height: calc(100vh - 117px) !important;
  }
  .width-top-bar .cust-kendo-grid .k-grid {
    height: calc(100vh - 152px) !important;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
  }
  .width-top-bar .cust-kendo-grid .k-grid-content {
    height: calc(100% - 88px) !important;
  }
  .k-popup .k-list .k-item {
    padding: 4px 8px !important;
    font-size: 12px !important;
  }
  .asterisk {
    font-size: 12px !important;
  }
  .k-upload {
    font-size: 12px;
    padding: 0 12px !important;
    min-height: 28px;
  }
  .k-upload .k-button.k-upload-button {
    height: 18px;
  }
  .k-upload .k-dropzone {
    padding: 4px 0;
  }
  .coustom-tab.k-tabstrip-items {
    gap: 16px;
  }
  .coustom-tab.k-tabstrip-items .k-item .k-link {
    font-size: 12px !important;
    margin-bottom: -14px;
  }
  .hideDetailsView .caseRefNum_mainheader {
    font-size: 13px;
  }
  .hideDetailsView .RefNum_header_style {
    font-size: 12px !important;
  }
  .hideDetailsView .btn_head_ioc {
    font-size: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px !important;
  }
  .hideDetailsView .btn_head_ioc .btn_head_ioc_info {
    height: 18px;
    width: 18px;
  }
  .hideDetailsView .goback_btn1 {
    height: 24px !important;
  }
  .widthout-top-bar .cust-kendo-grid .k-grid-content {
    height: calc(100% - 110px) !important;
  }
  .cust-kendo-grid--height .cust-kendo-grid .k-grid-content,
  .cust-kendo-grid-section-height .cust-kendo-grid .noticesGrid .k-grid-content,
  .cust-kendo-grid-section-height .cust-kendo-grid .noticesdrcGrid .k-grid-content,
  .cust-kendo-grid-section-height .cust-kendo-grid .noticesGrid1 .k-grid-content {
    height: calc(100vh - 220px) !important;
  }
  .cust-kendo-grid--height .cust-kendo-grid#attachmentGrid .k-grid-content {
    overflow: auto !important;
    height: calc(100vh - 240px) !important;
  }
  .cust-kendo-grid--height .cust-kendo-grid#zipDownloadGrid .k-grid-content {
    height: calc(100vh - 220px) !important;
  }
  .cust_offcanvas .offcanvas-body .offcanvas_content.content_with_footer {
    height: calc(100vh - 101px) !important;
  }
  .cust_offcanvas .offcanvas-body .offcanvas_content.content_without_footer {
    height: calc(100vh - 68px) !important;
  }
  .cust-kendo-grid-section-height .cust-kendo-grid .k-grid-content {
    height: calc(100vh - 240px) !important;
  }
  #casesLandingGrid.cust-kendo-grid .k-grid-content {
    height: calc(100vh - 267px) !important;
  }
  .main-section .section-body .top-tab-none {
    height: calc(100vh - 216px) !important;
  }
  .caseTabs {
    border-top: 2px solid #ffffff !important;
  }
  .approval_header {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }
  .dataTables_wrapper table.dataTable {
    height: calc(100vh - 330px) !important;
    width: 100%;
  }
  .k-window .k-window-titlebar {
    height: 30px !important;
  }
  .k-window .k-window-titlebar .k-window-title {
    font-size: 14px !important;
  }
  .k-window .k-window-titlebar .k-window-action {
    height: 20px !important;
    width: 20px !important;
  }
  .k-window .k-window-content {
    padding: 14px !important;
    font-size: 12px;
  }
  .k-window .k-window-content .error_messages {
    font-size: 12px;
  }
  .k-window .k-dialog-buttongroup .k-button {
    height: 30px !important;
    padding: 0px !important;
    font-size: 13px !important;
    min-width: 80px;
  }
  .k-confirm .k-window-content {
    font-size: 14px;
    line-height: 1.6;
    color: #4E5F71 !important;
    padding: 24px 16px 12px !important;
  }
  .k-confirm .k-dialog-buttongroup button {
    width: 100px !important;
  }
  .left-menu-icon {
    width: 72px;
    height: auto;
    min-height: 70px;
    margin: 0 auto 8px;
    border-left: 5px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .left-menu-icon .active-menu-icon {
    border-left: 3px solid #fff !important;
  }
  .left-menu-icon .menu_name {
    font-size: 12.5px !important;
  }
  .left-menu-icon:hover {
    border-left: 4px solid #fff;
  }
  .menu-icon-bg {
    width: 24px;
    height: 24px;
  }
  .left-sidebar ul.nav {
    padding-top: 15px;
    overflow-y: auto;
    height: 100vh;
    display: block;
  }
  .left-menu-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-bottom: 15px;
  }
  .top-navigation-main.profile-image {
    width: 28px;
    height: 28px;
    font-size: 12px !important;
    margin: 0 auto;
    margin-left: 4px;
    border-radius: 30px;
    position: relative;
  }
  .profile-sidebar .change-group-section {
    padding: 16px;
  }
  .profile-sidebar .profile-logout-section .profile-section {
    padding: 34px 0px 14px;
    border-radius: 6px;
    margin-top: 12px;
  }
  .profile-sidebar .profile-logout-section .profile-section .profile-image {
    width: 50px;
    height: 50px;
    font-size: px;
  }
  .profile-sidebar .profile-logout-section .profile-section .profile-edit {
    width: 18px;
    height: 18px;
  }
  .profile-sidebar .profile-logout-section .profile-section .profile-text {
    font-size: 14px;
  }
  .change-txt {
    font-size: 12px !important;
  }
  .group-txt {
    font-size: 14px;
  }
  .cust-offcanvas-design .offcanvas-header,
  .cust_offcanvas .offcanvas-header {
    padding: 14px;
  }
  .cust-offcanvas-design .offcanvas-header .header-title,
  .cust_offcanvas .offcanvas-header .header-title {
    font-size: 14px;
  }
  .cust-offcanvas-design .offcanvas-body,
  .cust_offcanvas .offcanvas-body {
    padding: 10px 10px 0px 10px !important;
  }
  .cust-offcanvas-design .offcanvas-body.offcanvas-tab-section,
  .cust_offcanvas .offcanvas-body.offcanvas-tab-section {
    padding: 0px !important;
  }
  .view-form-details {
    gap: 2px;
    margin-bottom: 12px;
  }
  .view-form-details .details-txt {
    font-size: 12px !important;
  }
  .view-form-details .details-txt.details-des {
    margin-bottom: 10px !important;
  }
  .setting-list {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }
  .setting-list .ioc-img {
    width: 18px !important;
    height: 18px !important;
  }
  .tax-repo-main-tab {
    height: 100%;
  }
  .positionDetails .k-tabstrip {
    height: calc(100vh - 156px) !important;
  }
  .top-select-bar {
    height: 38px;
  }
  .k-multiselect {
    height: 28px !important;
  }
  .k-multiselect-wrap {
    overflow-y: hidden !important;
    min-height: 28px !important;
    max-height: 28px !important;
    height: 28px;
  }
  .k-multiselect-wrap .k-reset .k-button {
    font-size: 12px !important;
  }
  .k-multiselect-wrap .k-input {
    height: 28px;
    font-size: 12px !important;
  }
  .k-multiselect-wrap .k-clear-value {
    position: absolute;
    margin-top: -8px;
  }
  .k-dropdown {
    height: 28px !important;
  }
  .k-dropdown .k-dropdown-wrap .k-input {
    padding: 3.5px 0;
    height: 28px;
    line-height: 20px;
    font-size: 12px !important;
  }
  .k-dropdown .k-dropdown-wrap .k-input::-moz-placeholder {
    font-size: 12px !important;
  }
  .k-dropdown .k-dropdown-wrap .k-input::placeholder {
    font-size: 12px !important;
  }
  .k-textbox {
    height: 28px !important;
    font-size: 12px !important;
  }
  .k-textbox::-moz-placeholder {
    font-size: 12px !important;
  }
  .k-textbox::placeholder {
    font-size: 12px !important;
  }
  .cust-input-select-kendo .k-multiselect .k-multiselect-wrap,
  .cust-input-select-kendo .k-multiselect {
    height: 28px !important;
    min-height: 28px !important;
  }
  .k-datepicker .k-picker-wrap {
    height: 28px !important;
  }
  .k-datepicker .k-picker-wrap .k-input {
    height: 25px !important;
    font-size: 12px !important;
    background-color: #fff;
  }
  .k-datepicker .k-picker-wrap .k-input::-moz-placeholder {
    font-size: 12px !important;
  }
  .k-datepicker .k-picker-wrap .k-input::placeholder {
    font-size: 12px !important;
  }
  textarea {
    line-height: 24px;
  }
  textarea::-moz-placeholder {
    font-size: 12px !important;
  }
  textarea::placeholder {
    font-size: 12px !important;
  }
  .k-list-optionlabel {
    font-size: 12px;
    padding-bottom: 5px;
  }
  .four .notices_doubletab_height .k-grid-content {
    height: calc(100vh - 425px) !important;
  }
  .icon-btn,
  .ioconly-btn-primary {
    width: 28px !important;
    height: 28px;
  }
  .icon-btn::after,
  .ioconly-btn-primary::after {
    width: 28px;
    height: 28px;
  }
  .icon-btn .k-icon,
  .ioconly-btn-primary .k-icon {
    font-size: 18px;
  }
  .icon-btn .btn-icon,
  .ioconly-btn-primary .btn-icon {
    width: 18px;
    height: 18px;
  }
  .chron_table_height {
    max-height: 200px;
    overflow-y: auto;
  }
  .double_grid_height {
    height: calc(100vh - 188px);
  }
  .custom-theader th {
    font-size: 11px !important;
    padding: 6px 6px !important;
  }
  .custom-tfooter td {
    font-size: 12px !important;
  }
  .custom-table tbody td {
    font-size: 10px !important;
    height: 24px !important;
  }
  #approval_preview_window tbody td {
    height: 24px !important;
  }
  .k-window:has(#addCaseFilterWindow) {
    width: 500px !important;
  }
  .caseTabs li,
  .amnestymenue li {
    background: none !important;
  }
  .caseTabs li .k-link,
  .amnestymenue li .k-link {
    height: 36px !important;
  }
  .case-detail-info-section .card-body .viewLabels {
    font-size: 12px;
    padding: 8px;
    margin: 0px;
  }
  .case-detail-info-section .card-body .viewLabels .ClosureSummary {
    color: #333;
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    width: 100%;
  }
  .case-detail-info-section .card-body .basic_info_block {
    padding: 12px 12px 0px;
    border-radius: 10px;
  }
  .case-detail-info-section .card-body .basic_info_block .view-form-details {
    margin-bottom: 6px;
  }
  .case-detail-info-section .card-body .section-header .section-header-title {
    height: 100%;
  }
  .case-detail-info-section .card-body .section-header .section-header-title ul {
    height: 100%;
    margin: 0px;
  }
  .case-detail-info-section .card-body .section-header .section-header-title ul li a {
    height: 100%;
    margin: 0px;
  }
  .cases_internal_block .nav-item .nav-link {
    font-size: 12px !important;
    height: 32px !important;
  }
  .cases_internal_block .inner-icn-drpdwn_block li .dropdown-item {
    padding: 4px 8px;
    font-size: 12px;
  }
  .custom-radio .k-radio {
    width: 14px;
    height: 14px;
  }
  .custom-radio .k-radio::before {
    width: 6px;
    height: 6px;
  }
  .custom-radio .k-radio-label {
    font-size: 12px !important;
  }
  .ioc-btn-primary-small {
    font-size: 12px;
    height: 28px;
  }
  #proceedingdocgrid .k-grid-content {
    height: calc(100vh - 204px) !important;
  }
  #positionDates .k-tabstrip-items-wrapper {
    height: calc(100vh - 158px) !important;
  }
  .Position_content .inner-page-title, .Position_content .reference_number {
    font-size: 12px !important;
  }
  .Position_content .inner-nav-section {
    margin-bottom: 24px;
  }
  .Position_content .inner-nav-section .nav-item .nav-link {
    font-size: 12px !important;
    height: 30px !important;
  }
  #bankGuaranteeDetails {
    margin-top: -47px !important;
  }
  .custom-left-side-tab .k-tabstrip-items-wrapper {
    height: calc(100vh - 270px);
    width: 92px;
  }
  .custom-left-side-tab .k-tabstrip-items-wrapper .k-tabstrip-items .k-item .k-link {
    padding: 10px 8px !important;
    font-size: 11px;
  }
  .custom-left-side-tab .k-content {
    width: calc(100vw - 275px);
    padding: 6px;
  }
  h6.amnestyClosureSummary {
    font-size: 12px;
    padding: 0px !important;
  }
  .offcanvas-tab-section .offcanvas-tab-header {
    padding: 0 16px;
  }
  .offcanvas-tab-section .offcanvas-tab-header .nav-tabs {
    border: 0;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-item:hover {
    margin-bottom: 0px !important;
    font-size: 12.5px;
  }
  .offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link {
    height: 36px;
    font-size: 12.5px !important;
    border-bottom: 2px solid transparent;
  }
  .offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link .k-icon {
    margin-left: 8px;
  }
  .offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link:hover, .offcanvas-tab-section .offcanvas-tab-header .nav-tabs .nav-link.active {
    font-size: 12.5px;
  }
  .offcanvas-tab-section .offcanvas-tab-body {
    padding: 10px 10px 0px 10px;
    height: calc(100% - 36px) !important;
  }
  .offcanvas-tab-section .offcanvas-tab-body .without-tab-section .offcanvas-content {
    height: calc(100vh - 102px);
  }
  .offcanvas-tab-section .offcanvas-tab-body .without-tab-section .offcanvas-content.withuot-offcanvas-footer {
    height: calc(100vh - 110px);
  }
  .offcanvas-tab-section .offcanvas-tab-body .offcanvas-content {
    padding: 12px;
    height: calc(100vh - 136px);
    border-radius: 10px;
  }
  .offcanvas-tab-section .offcanvas-tab-body .offcanvas-content.tab-without-footer {
    height: calc(100vh - 110px) !important;
  }
  .offcanvas-tab-section .offcanvas-tab-body .offcanvas-footer {
    height: 44px;
  }
  #viewContactGrid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 212px) !important;
  }
  #issuegroundAttachmentGrid .k-grid-content {
    height: calc(100vh - 436px) !important;
  }
  #addressGrid .k-grid-content {
    height: calc(100vh - 250px) !important;
  }
  .terms_of_use .section-overflow {
    height: calc(100vh - 120px) !important;
    font-size: 13px;
    padding: 12px 20px !important;
  }
  #addConsultantuserForm strong, #addClientuserForm strong, #update_client_form strong, #addTRPuserForm strong, #update_TRP_form strong, #addedit_emailconfig_form strong {
    font-size: 13px;
  }
  #addressGrid a.k-button.k-button-icontext.k-grid-add {
    margin-bottom: 8px !important;
    height: 28px;
    font-size: 12px;
  }
  .privacy_policy.content-part .section-overflow {
    padding: 0px 16px;
    font-size: 13px;
    height: calc(100vh - 111px) !important;
  }
  .privacy_policy.content-part .section-overflow .row.p-4 h4 {
    font-size: 14px !important;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .change-group-section {
    margin-bottom: 12px !important;
  }
  button.cust_round_btn.w-h-32 {
    transform: scale(0.75);
  }
  td button.cust_round_btn.w-h-32 {
    margin: auto !important;
  }
  .card-profile {
    height: calc(100vh - 122px) !important;
  }
  .name-drag-list {
    margin-top: 10px !important;
  }
  .name-drag-list li {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 12px;
  }
  td:has(> .cust_round_btn.w-h-32) {
    height: 38px !important;
    padding: 0px !important;
  }
  .grid-link-btn {
    font-size: 12px;
    margin: 4px;
    padding: 0px !important;
  }
  #app_config_grid .k-icon-20 {
    font-size: 14px !important;
  }
  #company_tiles {
    padding: 12px 12px 0px 12px;
  }
  .company-card-header {
    padding: 0px !important;
  }
  .company-card-location-count {
    font-size: 12px !important;
  }
  .company-acount-name {
    transform: scale(0.75);
    margin-left: -20px;
  }
  .company-location-list {
    max-height: 200px !important;
  }
  .company-list-card {
    border: #f0f0f0 1.5px solid;
  }
  .company_custom_pagination {
    width: 94% !important;
    padding: 0px !important;
  }
  .company_custom_pagination .custome-pagination {
    transform: scale(0.75);
    padding: 6px !important;
  }
  .company-location-card {
    gap: 12px;
    padding: 2px 14px !important;
    border-bottom: f6f6f6 2px solid;
  }
  .company-location-card .location-name-box {
    transform: scale(0.75);
  }
  .company-location-card .location-account-details .location-account-title {
    font-size: 12px !important;
  }
  .company-location-card .location-account-details .location-action-btn .ioc-btn-size {
    width: 16px !important;
    height: 16px !important;
  }
  #issue_position_buttons {
    padding: 0px;
  }
  .company-top-bar {
    height: 40px;
  }
  .company-top-bar .company-acount-name {
    transform: scale(1);
    margin-left: 8px;
  }
  .company-top-bar .company-acount-name .company-account-details .company-account-title {
    font-size: 14px !important;
  }
  .company-top-bar .company-name-box {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    font-size: 16px !important;
  }
  a.k-button.k-button-icontext.k-grid-add {
    height: 28px;
    margin-top: -3px !important;
    font-size: 12px;
  }
  .text_head {
    font-size: 12px;
  }
  .k-hierarchy-cell {
    text-overflow: clip !important;
  }
  .left-sub-menu {
    margin-left: 14px !important;
    min-width: 200px !important;
    max-width: 250px !important;
    padding: 12px !important;
  }
  .left-sub-menu .nav-link {
    height: 32px !important;
    padding: 4px 16px !important;
    font-size: 12.5px;
  }
  #noticesdttab ul .nav-link {
    height: 40px !important;
    font-size: 12px;
  }
  .k-textbox.table-grid-input {
    height: 28px !important;
  }
  .table-grid-btn {
    transform: scale(0.75);
  }
  .k-textbox.table-grid-date {
    height: 28px !important;
  }
  .k-textbox.table-grid-date .k-picker-wrap.k-state-default {
    height: 28px !important;
  }
  .no-report-select {
    transform: scale(0.75);
    margin-top: 4%;
  }
  .reportsMenu {
    height: 38px;
  }
  .reportsMenu #menus li {
    height: 28px;
  }
  .main-report-selection .k-widget .k-item .k-menu-link {
    height: 28px !important;
    font-size: 12px;
  }
  #reportContent .dataTables_wrapper table.table-bordered {
    height: calc(100vh - 232px) !important;
    margin: 0px !important;
  }
  .reports_k-grid_table .k-grid-content {
    height: calc(100vh - 250px) !important;
  }
  .dataTables_info,
  .dataTables_length label,
  .dataTables_filter label, .dataTables_paginate {
    transform: scale(0.85);
  }
  .k-multiselect .k-multiselect-wrap .k-reset .k-button span {
    font-size: 11px;
  }
  .row:has(.dataTables_info) {
    height: 38px !important;
  }
  .row:has(.dataTables_length) {
    bottom: 4px !important;
  }
  .main-report-selection .k-animation-container .k-menu-group .k-menu-item .k-menu-link {
    font-size: 12px;
    height: 30px;
  }
  .cust-koolreport-page thead tr,
  .reports_k-grid_table table thead tr {
    height: 30px !important;
  }
  .cust-koolreport-page thead tr th,
  .reports_k-grid_table table thead tr th {
    padding: 0px 12px !important;
    font-size: 11px !important;
    line-height: 14px;
  }
  .cust-koolreport-page tbody tr,
  .reports_k-grid_table table tbody tr {
    height: 24px !important;
  }
  .cust-koolreport-page tbody tr td,
  .reports_k-grid_table table tbody tr td {
    font-size: 10px !important;
    line-height: 10px;
  }
  .criteriaHeader {
    padding-top: 0px !important;
    padding-bottom: 6px !important;
  }
  .criteriaHeader .view-form-details .details-txt {
    margin: 0px !important;
    align-items: center;
  }
  .caroTabs .nav-item {
    margin-right: 6px;
  }
  .caroTabs .nav-item .nav-link {
    font-size: 12px !important;
    padding: 6px;
    margin-bottom: 6px !important;
  }
  .caro_notes {
    transform: scale(0.85);
    margin: auto 0px !important;
    padding-bottom: 4px;
  }
  .notify_count {
    font-size: 8px;
    left: 14px;
    bottom: 10px;
  }
  .customReportGrid_select {
    padding-top: 2vh !important;
  }
  #viewTemplateModal .main-content {
    height: calc(100vh - 74px) !important;
  }
  #addTemplateConfirm,
  #submitAddDetails {
    height: 28px !important;
  }
  .taxpaymentMastertable {
    table-layout: fixed;
    width: 100%;
  }
  .taxpaymentMastertable thead th:first-child,
  .taxpaymentMastertable tbody td:first-child {
    width: 100px !important;
    max-width: 100px;
    min-width: 100px !important;
  }
  .taxpaymentMastertable thead th:nth-child(3),
  .taxpaymentMastertable tbody td:nth-child(3) {
    width: 350px !important;
    max-width: 350px;
    min-width: 350px !important;
  }
  .time-log {
    transform: scale(0.85);
  }
  /* Dashboard starts here */
  .noticeGST, .noticeITR {
    margin-bottom: 10px !important;
  }
  .disclaimer_dashboard {
    font-size: 12px;
  }
  .bot_dropdown .input-group .k-dropdown {
    height: 28px !important;
  }
  .bot_dropdown .input-group .k-dropdown span .k-input {
    height: 28px !important;
    margin-top: 0px;
  }
  .BotNotice_height {
    overflow: auto;
    min-height: 127px;
    max-height: 200px;
  }
  .comp_chronology_height {
    height: calc(100vh - 206px);
  }
  .dashboard-cust-table,
  .koolphp-table {
    margin: 12px 16px;
  }
  .dashboard-cust-table table tr th,
  .koolphp-table table tr th {
    padding: 0px 12px;
    height: 30px;
    font-size: 12px !important;
    min-width: 120px;
  }
  .dashboard-cust-table table tr td,
  .koolphp-table table tr td {
    font-size: 12px;
    padding: 0px 12px;
    height: 24px;
  }
  #dashboard2_Tab .tracker_blck,
  #dashboard5_Tab .tracker_blck {
    margin-bottom: 8px !important;
  }
  #dashboard2_Tab .tracker_blck .tracker_header_title,
  #dashboard5_Tab .tracker_blck .tracker_header_title {
    height: 44px;
    font-size: 12.5px;
  }
  #dashboard2_Tab .tracker_blck .tracker_header_title img,
  #dashboard5_Tab .tracker_blck .tracker_header_title img {
    height: 16px;
    width: 16px;
  }
  #dashboard2_Tab .tracker_blck .dashboard-box,
  #dashboard5_Tab .tracker_blck .dashboard-box {
    margin-bottom: 0px !important;
    min-height: 190px;
    max-height: 200px;
    border-radius: 10px;
  }
  #dashboard2_Tab .tracker_blck .dashboard-box .no-data-dashboard,
  #dashboard5_Tab .tracker_blck .dashboard-box .no-data-dashboard {
    padding: 0px !important;
    margin: auto;
    height: 198px !important;
  }
  #dashboard2_Tab .tracker_blck .dashboard-box .no-data-dashboard h4,
  #dashboard5_Tab .tracker_blck .dashboard-box .no-data-dashboard h4 {
    font-size: 13px !important;
  }
  .dashboard-main {
    gap: 10px;
  }
  .dashboard-main .tab-header-section .dashboard-tab .nav-tabs .nav-item .nav-link {
    height: 30px !important;
    font-size: 12.5px;
    padding: 4px 10px;
  }
  .dashboard-main .tab-header-section .dashboard-tab .nav-tabs .nav-item .nav-link.active, .dashboard-main .tab-header-section .dashboard-tab .nav-tabs .nav-item .nav-link:hover {
    font-size: 12.5px;
  }
  .dashboard-main .dashboard-tab-contant {
    height: calc(100vh - 158px);
  }
  .dashboard-main .dashboard-tab-contant .tab-content {
    padding: 0px;
  }
  .dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header {
    padding: 0 12px;
    height: 44px;
  }
  .dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header .dashboard-header-title {
    font-size: 12.5px;
    gap: 8px;
  }
  .dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-header .dashboard-header-title img {
    height: 20px;
    width: 20px;
  }
  .dashboard-main .dashboard-tab-contant .dashboard-box .dashboard-body {
    padding: 0px;
  }
  .acc_block {
    margin-bottom: 8px;
  }
  .acc_block .comp_card_bg {
    height: 54px !important;
  }
  .acc_block .comp_card_bg .comp_card_block {
    height: 54px !important;
  }
  .acc_block .comp_card_bg .comp_card_block .acc_blck {
    margin-bottom: 2px;
  }
  .acc_block .comp_card_bg .comp_card_block .acc_blck .round-header {
    transform: scale(0.8);
  }
  .acc_block .comp_card_bg .comp_card_block .acc_blck .comp_header {
    margin-left: 16px;
  }
  .acc_block .comp_card_bg .comp_card_block .acc_blck .comp_header .round-card-header {
    font-size: 14px !important;
  }
  .acc_block .comp_card_bg .comp_card_block .acc_blck .comp_header .round-card-subheader {
    font-size: 12px;
  }
  .acc_block .accordion-body .loc_card_bg {
    padding: 8px 15vh;
  }
  .acc_block .accordion-body .loc_card_bg .round-header {
    height: 22px;
    width: 22px;
  }
  .acc_block .accordion-body .loc_card_bg .round-card-header {
    font-size: 12px !important;
    margin-left: 12px;
  }
  #cases_tracker_accordion {
    padding: 0px;
  }
  .company-list-card .company-card-location .location-add-btn {
    top: -7px;
    right: 6px;
    transform: scale(0.85);
  }
  [tooltip]::after {
    font-size: 12px;
  }
  .dashboard-tab-contant #myTabContent #analytics_Tab .height_400 {
    min-height: 350px !important;
    max-height: 350px !important;
  }
  .dashboard-tab-contant #myTabContent #analytics_Tab .height_500 {
    min-height: 400px !important;
    max-height: 400px !important;
  }
  .case-list-content .case-content-title {
    font-size: 14px !important;
  }
  .case-list-content .total_cases_count {
    font-size: 12px;
  }
  #tasksListbyassign td:nth-child(2), #companyUpcomingProceeding td:nth-child(2), #upcomingtable td:nth-child(2) {
    min-width: 175px;
  }
  #otherUpcoming td:nth-child(5) {
    min-width: 175px;
  }
  #dashboard1_Tab div.custom-drilldown span.custom-drilldown-clevel-title {
    font-weight: bold;
    font-size: 12px;
  }
  #dashboard1_Tab #LegistlationPPRDatapieChart {
    transform: scale(0.85);
    /* margin-bottom: 58vh; */
    position: relative;
    top: -30px;
  }
  #dashboard1_Tab #ActWiseCountHome .breadcrumb li a {
    font-size: 12px;
  }
  #dashboard1_Tab #ActWiseCountHome .multiview-handler-group .btn-group {
    gap: 5px;
    right: 44px;
    top: -33px;
    transform: scale(0.85);
  }
  #dashboard1_Tab #ActWiseCountHome .btnBack.btn-primary {
    position: absolute;
    margin-left: -10vh !important;
    transform: scale(0.75);
    z-index: 999;
    height: 40px;
    top: 3px;
  }
  #dashboard1_Tab #ActWiseCountHome #reportContent {
    overflow: hidden;
  }
  #dashboard1_Tab #ActWiseCountHome .koolphp-table {
    max-height: 36vh;
    overflow-y: scroll;
    overflow-x: auto;
    max-width: 42vw;
  }
  #dashboard1_Tab #ActWiseCountHome .multiview-handler-group.text-right {
    height: 0px;
  }
  #dashboard1_Tab #yearwiseDTChart svg {
    margin-top: -20vh !important;
    transform: scale(0.75);
    transform-origin: bottom;
  }
  #dashboard1_Tab #pprAnalysis #legistlationPPRData {
    top: 60px;
  }
  #dashboard1_Tab #pprAnalysis div.multiview div.multiview-content {
    padding: 0px 15px;
    position: relative;
  }
  #dashboard1_Tab #pprAnalysis .custom-drilldown-title .row .col-md-6 .pl-0 {
    width: 45%;
  }
  #dashboard1_Tab #pprAnalysis .panel-body.custom-drilldown-body {
    margin-top: 20px;
  }
  #dashboard1_Tab #pprAnalysis .btnBack.btn-primary {
    height: 28px;
    font-size: 12px !important;
    display: flex !important;
    align-items: center;
  }
  #dashboard1_Tab #pprAnalysis .multiview-content {
    height: 46vh;
    width: 100%;
  }
  #dashboard1_Tab #pprAnalysis .multiview-handler-group .btn-group {
    position: absolute;
    z-index: 999;
    margin-top: -6vh;
    right: 8px;
    transform: scale(0.85);
  }
  #dashboard1_Tab #pprAnalysis .panel-heading {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
  }
  #dashboard1_Tab #pprAnalysis .koolphp-table {
    margin: 12px 16px;
    margin-top: 10px;
    max-height: 36vh;
    overflow-y: scroll;
    overflow-x: auto;
    max-width: 45vw;
  }
  #dashboard1_Tab #pprAnalysis .koolphp-table table th {
    min-width: 80px !important;
  }
  #dashboard1_Tab #pprAnalysis .koolphp-table table th:first-child, #dashboard1_Tab #pprAnalysis .koolphp-table table th:nth-child(2) {
    min-width: 140px !important;
  }
  #dashboard1_Tab #donutChart {
    transform: scale(0.85);
  }
  #dashboard1_Tab #Q2QContingentLiabilityMulView .multiview-widget svg {
    transform: scale(0.85);
    margin-top: -6%;
  }
  #dashboard1_Tab .analytics_b6 .dashboard-gray-box {
    position: relative;
    z-index: 999 !important;
  }
  #dashboard1_Tab .analytics_b5 .dashboard-header {
    position: absolute;
    z-index: 999;
    width: 100%;
  }
  #dashboard1_Tab .analytics_b5 #litigationamtChart {
    margin-top: 0vh;
    margin-left: -1vw;
    position: relative;
    transform: scale(0.85);
  }
  .dropdown-icon {
    font-size: 10px !important;
  }
  .company-list-card .company-status-area {
    font-size: 10px;
  }
  .k-grid tr input[type=checkbox] {
    transform: scale(0.75);
  }
  #case_status_grid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 343px) !important;
  }
  .Position_content.custom-table-main .custom-table tbody td {
    padding: 2px 2px !important;
  }
  .Position_content.custom-table-main .custom-table tbody td:first-child {
    font-size: 11px !important;
  }
  .Position_content span.k-dropdown-wrap {
    padding-right: 20px;
  }
  .content-part.trpDash {
    height: calc(100vh - 72px);
  }
  .content-part.trpDash .widthout-top-bar .cust-kendo-grid .k-grid-content {
    height: calc(100% - 94px) !important;
  }
  #accordionAys_block {
    height: calc(100vh - 238px) !important;
    overflow-y: scroll;
  }
  .only_grid_offcanvas .k-grid-content {
    height: calc(100vh - 194px) !important;
  }
  .add_on_features_blck .add_on_features_blck_header {
    font-size: 12px;
  }
  .add_on_features_blck ul .add_on_features input[type=checkbox] {
    width: 24px;
    height: 24px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: relative;
    cursor: pointer;
    background-color: #fff;
  }
  .add_on_features_blck ul .add_on_features .feature_name {
    font-size: 12px;
  }
  .custom-switch {
    width: 28px;
    height: 16px;
  }
  .custom-switch input:checked + .slider::before {
    transform: translateX(12px);
  }
  .custom-switch .slider::before {
    height: 12px;
    width: 12px;
  }
  .modularization_block {
    transform: scale(0.55);
    top: -124px;
    position: absolute;
    width: 100%;
  }
  #supportUsers.k-grid tr td, #supportUsers.k-grid tr th {
    height: inherit !important;
  }
  .k-animation-container:has(#from_datepicker_dateview),
  .k-animation-container:has(#to_datepicker_dateview) {
    transform: scale(0.7) !important;
    transform-origin: top center !important;
  }
  #companyGstin-list ul,
  #location_dropdown-list .kendo-multiselect-scrollable ul {
    height: 141px;
  }
  #companyGstin-list .apply_note,
  #location_dropdown-list .kendo-multiselect-scrollable .apply_note {
    font-size: 10px;
    padding-left: 8px;
  }
  #companyGstin-list .kendo-apply-btn .select_all_text,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .select_all_text {
    padding-left: 8px !important;
    font-size: 11px !important;
  }
  #companyGstin-list .kendo-apply-btn .Companyselection_btnblck,
  #companyGstin-list .kendo-apply-btn .Locationselection_btnblck,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Companyselection_btnblck,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Locationselection_btnblck {
    width: 50%;
  }
  #companyGstin-list .kendo-apply-btn .Companyselection_btnblck button,
  #companyGstin-list .kendo-apply-btn .Locationselection_btnblck button,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Companyselection_btnblck button,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Locationselection_btnblck button {
    width: 30% !important;
  }
  #companyGstin-list .kendo-apply-btn .Companyselection_btnblck button #clear_LocationSelection,
  #companyGstin-list .kendo-apply-btn .Locationselection_btnblck button #clear_LocationSelection,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Companyselection_btnblck button #clear_LocationSelection,
  #location_dropdown-list .kendo-multiselect-scrollable .kendo-apply-btn .Locationselection_btnblck button #clear_LocationSelection {
    padding: 0px !important;
  }
}