/* Dashboard changes Begins  */
/* @import url('https://fonts.cdnfonts.com/css/helvetica-neue-55'); */

@font-face {
  font-family: "KendoIconFont";
  src: url("../../../public/fonts/kendo-font-icons.ttf") format("truetype");
}

* {
  outline: none;
  /* user-select: none; */
}

a {
  color: #1268e3;
  cursor: pointer;
}

a img,
a i,
button img,
button i {
  cursor: pointer;
}

.compareversion_grid table td,
.compareversion_grid table thead {
  pointer-events: none;
}

a {
  color: #1268e3;
}

a:hover {
  color: #1970eb;
}

button {
  cursor: pointer;
}

label {
  color: #5a5a5a;
}

.badge-primary {
  color: #fff;
  background-color: #1970eb !important;
}

#idElnBody {
  display: flex;
  overflow-x: hidden;
  max-width: 100%;
}

#idElnBody #bodycontent {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  padding-left: 5rem;
  height: 100vh;
}

#bodyAdmincontent {
  width: 100%;
  overflow-x: hidden;
}

.cardHover:hover {
  /* color: #fff; */
  transform: scale(1.025);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 5px 10px;
}

#idElnBody #bodycontent .clsDashboard {
  flex: 1 0 auto;
}

.hXDlTS .rc-tabs-ink-bar,
.eknDPZ .rc-tabs-ink-bar {
  background-color: #1970eb !important;
}

.k-pager-numbers .k-link.k-state-selected,
.k-pager-numbers .k-link.k-selected {
  border-color: #1970eb !important;
  color: white;
  background-color: #1970eb !important;
}

.k-checkbox:checked,
.k-checkbox.k-checked {
  border-color: #1970eb !important;
  color: white;
  background-color: #1970eb !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #1970eb !important;
}

#rightmenuitem {
  /*background-color: #003E79; */
  background-color: #63b1f5;
}

.sidebar-scroll {
  overflow-y: scroll;
  height: 100%;
}

.user-profile {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  object-fit: cover;
}

.user-profile-detail {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}

.navbar.cls-top-menu-item-container {
  padding: 0.5rem 1.7rem !important;
  box-shadow: 0 2px 42px 0 rgba(199, 208, 224, 0.29);
  background: #fff;
}

/* Common Card style */
.clsDashboard .card {
  border-radius: 15px;
  box-shadow: 0 2px 45px 0 rgba(239, 241, 244, 0.6);
  border: solid 1px #eff1f4;
  background-color: #ffffff;
}

.clsDashboard .card-header:first-child {
  border-radius: calc(0.938rem - 1px) calc(0.938rem - 1px) 0 0;
}

.clsDashboard .card-header {
  background-color: #fff;
  border-color: #eff1f4;
}

.clsDashboard .card .card-body .list-group-item {
  border-color: #eff1f4;
}

.calender-list .eln-stamp {
  color: #797d85;
  font-size: 11px;
  justify-content: center;
  word-break: initial;
}

.calender-list .eln-stamp:last-child {
  font-size: 10px;
}

.userDetails .container,
.userDetails p {
  color: #172b4d;
}

.calender-list.small > * {
  padding: 0 0.3rem;
}

legend,
.calender-list .eln-date {
  color: #172b4d;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  justify-content: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.calender-list.small .eln-date {
  font-size: 1.3rem;
}

.activity-header {
  font-size: 0.89rem;
  color: #172b4d;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
  margin-bottom: 0;
}

.clsDashboard .card-header h6 {
  color: #172b4d;
  font-size: 0.84rem;
  font-weight: bold;
}

.status-count {
  font-size: 1.5rem;
  color: #172b4d;
  font-family: "Helvetica Neue", sans-serif !important;
  line-height: 1;
  font-weight: 600;
}

.status-txt {
  color: #677ea6;
  font-size: 0.805rem;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 550;
}

.eln-tabs.card,
.eln-tabs .card-header {
  border-color: #eff1f4;
}

.eln-tabs .card-header {
  background-color: #fff;
}

.eln-tabs .nav-tabs {
  border-bottom: 0;
}

.eln-tabs .nav-tabs .nav-link {
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-right: 1px solid #eff1f4;
  font-size: 0.825rem;
  font-weight: bold;
  color: #a2aab8;
  padding: 1.18rem 1.375rem;
  text-transform: uppercase;
  cursor: pointer;
  background: transparent;
}

.eln-tabs .nav-tabs .nav-link:focus {
  outline: none;
  box-shadow: none;
  cursor: pointer;
}

.eln-tabs .nav-tabs .nav-link.clsactivetab {
  color: #172b4d;
  border-bottom: 3px solid #1970eb;
}

.eln-tabs .nav-tabs .nav-item {
  margin-bottom: 0;
}

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

.eln-tabs .tab-content {
  background-color: #fcfdfd;
}

.b-tb-1 {
  border: solid 1px #edf0f3 !important;
}

.sheets-wrapper .card {
  border-color: #edf0f3;
  border-radius: 0;
}

.sheets-wrapper .card-header:first-child {
  border-radius: 0;
}

.sheets-wrapper .card-header {
  font-size: 0.85rem;
  font-weight: bold;
  color: #172b4d;
  border-color: #dfe3e9;
  /* height: 60px; */
  padding: 0.89rem 1.375rem;
  text-transform: uppercase;
  background: #fcfdfd;
}

.leftcontainer.card {
  margin-right: -1px;
}

.card-inner-body {
  padding: 1rem;
}

.card-sm-padding {
  padding: 1rem 1rem 0.5rem;
}

.card-inner-body.no-btm-pad {
  padding-bottom: 0;
}

.sheets-wrapper .badge {
  font-size: 0.65rem !important;
  padding: 0.25em 0.75em;
}

.badge-primary-blue {
  background-color: #1970eb;
  color: #fff;
}

.sheets-wrapper .k-combobox .k-dropdown-wrap {
  border-color: rgba(192, 198, 206, 0.46);
  color: #172b4d;
  font-size: 0.89rem;
  font-weight: bold;
  box-shadow: none !important;
}

.sheets-wrapper .k-input {
  color: #172b4d;
  font-weight: 400 !important;
}

.k-input {
  font-size: 0.775rem !important;
}

.btn-user {
  font-size: 0.875rem;
  border-radius: 2rem;
  padding: 0.375rem 1.4rem;
  text-transform: uppercase;
  font-weight: bold;
}

.eln-t-header,
.cls-notification .list-group-item .media-body .media-heading {
  color: #212529;
  text-transform: capitalize;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 400;
}

.mt-n-1 {
  margin-top: -1px;
}

.mb-n-1 {
  margin-bottom: -1px;
}

.top-main-menu {
  background-color: #fcfdfd;
  padding: 0.6rem;
  border: solid 1px #edf0f3;
  clear: both;
}

.top-main-menu ul {
  margin-bottom: 0;
}

.top-main-menu .list-inline .list-inline-item:not(:last-child),
.menu-inline .list-inline .list-inline-item:not(:last-child) {
  margin-right: 1rem;
}

.top-main-menu .list-inline .list-inline-item a,
.menu-inline .list-inline .list-inline-item a {
  color: #1970eb !important;
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}

.btn-default-icon {
  color: #1970eb !important;
  font-size: 0.84rem;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent;
  border: none;
  padding: 0;
}

.badge button {
  color: #fff;
  font-size: 0.85rem;
  font-weight: bold;
  background: transparent;
  border: none;
}

.badge button:focus,
.clsMenuContent .list-inline .list-inline-item button:focus,
.top-main-menu .list-inline .list-inline-item button:focus,
.menu-inline .list-inline .list-inline-item button:focus {
  outline: none;
  box-shadow: none;
  cursor: pointer;
}

.top-main-menu .list-inline .list-inline-item a i,
.menu-inline .list-inline .list-inline-item a i {
  margin-right: 0.5rem;
}

.mg-l-half {
  margin-left: 0.5rem;
}

.mg-r-half {
  margin-right: 0.5rem;
}

.mg-r-xsm {
  margin-right: 0.2rem;
}

.pad-sm-r-1 {
  padding-right: 1rem;
}

.mg-r-1 {
  margin-right: 1rem;
}

.mg-r-2 {
  margin-right: 2rem;
}

.mg-l-1 {
  margin-left: 1rem;
}

.mg-b-1 {
  margin-bottom: 1rem;
}

.mg-t-1 {
  margin-top: 1rem;
}

.mg-t-2 {
  margin-top: 2rem;
}

.clsDashboard .progress-bar,
.clsDashboard .progress {
  height: 0.85rem !important;
  border-radius: 0.5rem !important;
}

.clsDashboard .progress {
  background-color: #d8d8d8;
}

.clsDashboard .bg-info {
  background-color: #7659ff !important;
}

.pagination-section {
  margin: 0.89rem 0;
}

.pagination-section .page-link {
  border: 0;
  color: #172b4d;
  font-size: 0.89rem;
  font-weight: 700;
}

.pagination-section .page-item.active > .page-link {
  color: #1970eb;
  background-color: transparent;
  padding: 0.5rem;
}

.chart .pagination-section .page-item.active > .page-link {
  padding-top: 6px;
}

.pagination-section .page-item:first-child .page-link {
  margin-left: -0.5rem;
}

.primary-txt-header {
  color: #1970eb !important;
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
  background-color: transparent !important;
  border: 1px solid transparent !important;
}

.menu-inline .list-inline .list-inline-item a.icon-grey,
.icon-grey {
  color: #b3b9c4 !important;
  cursor: pointer;
}

.clsMenuContent .list-inline .list-inline-item button.icon-grey,
.menu-inline .list-inline .list-inline-item button.icon-grey,
.icon-grey {
  color: #b3b9c4 !important;
}

.btn-circle {
  border-radius: 100% !important;
  height: 2.125rem;
  width: 2.125rem;
  font-size: 0.89rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid transparent !important;
}

.outline-grey {
  border-color: #bbc2cb !important;
  color: #1970eb !important;
}

.cls-SheetTreeContainer .jqx-widget-content {
  font-size: 0.85rem;
  color: #172b4d;
  font-family:
    "" Helvetica Neue " , sans-serif",
    sans-serif !important;
  font-weight: 600;
  border: 0;
}

.cls-SheetTreeContainer .jqx-icon-arrow-right,
.cls-SheetTreeContainer .jqx-icon-arrow-down {
  float: right !important;
  width: 12px !important;
}

.cls-SheetTreeContainer .jqx-tree-dropdown-root li > .jqx-icon-arrow-right {
  background-image: url(../../images/plus.svg) !important;
}

.cls-SheetTreeContainer .jqx-tree-dropdown-root li > .jqx-icon-arrow-down {
  background-image: url(../../images/minus.svg) !important;
}

.cls-SheetTreeContainer
  .jqx-tree-dropdown
  .jqx-tree-item-arrow-collapse.jqx-icon-arrow-right {
  background-image: url(../../images/up-chevron.svg) !important;
}

.cls-SheetTreeContainer
  .jqx-tree-dropdown
  .jqx-tree-item-arrow-expand.jqx-icon-arrow-down {
  background-image: url(../../images/down-chevron.svg) !important;
}

.cls-SheetTreeContainer .jqx-tree-dropdown-root {
  width: 100% !important;
}

.cls-SheetTreeContainer .jqx-tree-item-li {
  font-size: 0.85rem;
  color: #172b4d;
  font-weight: bold;
  padding: 5px 0;
}

.cls-SheetTreeContainer .jqx-fill-state-pressed,
.cls-SheetTreeContainer .jqx-fill-state-hover {
  border-color: transparent;
  background: transparent;
}

.rounded-warning {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #f96867;
  display: inline-block;
}

.roundedpending-warning {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #e5f50d;
  display: inline-block;
}

.roundedcompletedtask-warning {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #0eee21;
  display: inline-block;
}

.rounded-success {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #1970eb !important;
  display: inline-block;
}

.b-overlap {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.m-lr-n-1 {
  margin-right: -1px;
  margin-left: -1px;
}

.steps-highlight {
  padding: 1rem;
  border: solid 1px #eff1f4;
  border-radius: 5px;
  margin-bottom: 1rem;
}

.sh-lg {
  padding: 1.5rem;
}

.clsDefaultformview {
  border: 2px dashed #caced6;
  border-radius: 0.5rem;
  min-height: 3rem;
  font-size: 0.85rem;
  font-weight: bold;
  padding: 1.5rem;
  color: rgba(80, 95, 121, 0.66);
  text-align: center;
  text-transform: uppercase;
}

.section-top-header {
  font-size: 0.85rem;
  font-weight: bold;
  color: #172b4d;
  margin-bottom: 0.5rem;
}

/* Dashboard */

.clsdesigncreate {
  height: 700px;
  overflow-y: scroll;
  /* width: 20% !important; */
}

.list-wrap-scroll {
  height: 300px;
  overflow-y: scroll;
}

.ch-500 {
  height: 500px;
  overflow-y: scroll;
}

.custom-y-scroll::-webkit-scrollbar {
  width: 10px;
}

.custom-y-scroll::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 20px;
}

.custom-y-scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 20px;
}

.custom-sm-y-scroll::-webkit-scrollbar {
  width: 1px;
}

.custom-sm-y-scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 20px;
}

.custom-sm-y-scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 20px;
}

.clsMenuContent {
  color: #1970eb;
  font-size: 0.85rem;
  font-weight: bold;
  text-transform: uppercase;
}

.clsMenuSaveContent a {
  color: #1970eb !important;
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
}

.show-order .show-order-label {
  font-size: 0.775rem;
  color: #172b4d;
  font-weight: bold;
  margin-right: 5px;
}

.show-order li {
  position: relative;
  float: left;
}

.show-order li .show-order-content:after {
  content: "";
  height: 20px;
  width: 1px;
  display: inline-block;
  background-color: #0c4ca7;
  margin-bottom: -5px;
  margin-left: 10px;
}

.show-order li:last-child .show-order-content:after {
  display: none;
}

.show-order .show-order-content {
  font-size: 0.775rem;
  color: #1970eb;
  font-weight: bold;
  margin-left: 0px;
}

.e-sheet-header {
  font-size: 1.125rem;
  color: #172b4d;
}

/* Common Card style Ends Here */

/* Dashboard changes Ends */

.leftmenunav > li {
  text-align: center;
}

.leftmenunav > li i {
  font-size: 24px;
}

.leftmenunav > li {
  font-size: 12px;
}

.leftmenunav > li {
  padding: 15px 0px;
  cursor: pointer;
}

#logoimg {
  width: 9%;
  padding-left: 0px;
}

.active_menuitem {
  color: #fff !important;
  background-color: #0c4ca7;
}

#rightmenuitem ul li {
  display: block;
  word-wrap: break-word;
  margin: 0px 0px 0px 20px;
  padding: 0px 5px 5px 5px;
}

#rightmenuitem ul li > i:before {
  font-size: 16px;
}

#rightmenuitem ul li > span {
  font-size: 12px;
}

#rightmenuitem ul,
#topmenuitem ul {
  -webkit-padding-start: 0px;
  margin-bottom: 0px;
}

.search-filter {
  border: 1px solid #ececec;
  background-color: rgb(249, 249, 249);
  padding: 15px 10px 10px 15px;
  box-shadow: 0 5px 92px 0px rgba(183, 197, 212, 0.32);
  -webkit-box-shadow: 0 5px 92px 0px rgba(183, 197, 212, 0.32);
  -moz-box-shadow: 0 5px 92px 0px rgba(183, 197, 212, 0.32);
  border-radius: 5px;
}

button[ctrl_type="button"] i {
  margin-right: 5px;
  font-size: 14px !important;
  color: #0c4ca7;
}

.mandy {
  color: red;
}

/* wizrd style start*/
.filtervalue {
  color: #27b2eb;
  margin-left: 5px;
  font-weight: unset;
  font-size: 12px;
}

.circlebtn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  color: darkgrey;
  background: white;
}

button.circlebtn:hover,
.circlebtn-minimized:hover {
  border: 2px solid #27b2eb !important;
  background: #fff;
}

button.circlebtn > i:hover,
.circlebtn-minimized > i:hover {
  color: #27b2eb !important;
}

.line:before {
  content: "";
  position: absolute;
  height: 6px;
  background: #d8d8d8;
  top: 18px;
  width: 100%;
  left: 55px;
}

.circlebtn > i {
  font-size: 20px !important;
  color: darkgrey;
}

.circlediv > button {
  border: 2px solid #dddddd;
}

div.circlebtn + div {
  top: 38px !important;
}

.circlespantxt {
  color: #8092a4;
  font-size: 12px;
}

.circleactivebtn > i {
  color: #27b2eb !important;
}

.circleactivespantxt {
  color: #27b2eb !important;
}

.circleactivebtn {
  color: unset !important;
  font-weight: bold !important;
  border-bottom: 3px solid #07d61d !important;
}

.wizard-tab-btn {
  padding: 10px 30px 10px 30px;
  font-size: 14px;
  font-weight: unset;
  color: #828282;
  border: none;
  background: none;
  color: darkgrey;
}

.wizard-tab-btn-div {
  float: left;
  display: inline-block;
}

.wizard-details-div {
  background-color: rgb(249, 249, 249);
  padding: 5px 0px 0px 10px;
  border-radius: 5px;
  position: sticky;
  top: 0px;
  z-index: 99;
  border-bottom: 1px solid #e8e8e8;
}

.wizardvalue {
  padding: 30px;
  margin-top: 70px;
}

/* wizard style end */

#ftpconfiguration_griddetails .jqx-checkbox-gridqualis {
  margin-left: -44px !important;
}

#ftpconfiguration_griddetails .jqx-checkbox-default div,
#ftpconfiguration_griddetails .jqx-checkbox-default div > span {
  width: 16px !important;
  height: 16px !important;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../../images/Loader.gif) center center no-repeat;
}

.circlespantxt {
  color: darkgrey;
}

.div-menu-item {
  border: 1px solid lightgrey;
  background-color: #fff !important;
  border-radius: 5px;
  height: 35px;
  padding: 5px 5px 5px 10px;
  overflow: auto;
  width: 10%;
  cursor: pointer;
}

.div-menu-item:hover {
  background-color: #ddf7ff;
}

.div-menu-item > span {
  font-size: 12px;
  margin-left: 5px;
  color: #8092a4;
}

.div-menu-item-icon {
  font-size: 14px;
  color: #00b8f0;
  margin-top: 2px;
}

.div-menu-item-container button {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

.div-menu-item-container > [ctrl_type="DropDownMenu"] {
  float: left;
  border: 1px solid transparent;
  background-color: white !important;
  color: rgb(39, 178, 235) !important;
  margin-right: 5px;
  margin-top: 5px;
  box-shadow: 0 0 17px #e0e0e0 !important;
  -webkit-box-shadow: 0 0 17px #e0e0e0 !important;
  -moz-box-shadow: 0 0 17px #e0e0e0 !important;
}

#serverdata_treeactions {
  float: none !important;
}

.jqx-menu-dropdown {
  width: 213px !important;
}

.sd-label,
.sd-label-value {
  padding-left: 0px;
  padding-right: 0px;
  word-break: break-all;
}

.sd-label {
  color: #8092a4;
  font-size: 11px;
}

.sd-label-value {
  font-size: 12px;
}

.menu-rotate {
  /* Firefox */
  -moz-transition: all 1s ease;
  /* WebKit */
  -webkit-transition: all 1s ease;
  /* Opera */
  -o-transition: all 1s ease;
  /* Standard */
  transition: all 1s ease;
  /* Firefox */
  -moz-transform: rotate(180deg);
  /* WebKit */
  -webkit-transform: rotate(180deg);
  /* Opera */
  -o-transform: rotate(180deg);
  /* Standard */
  transform: rotate(180deg);
}

.menubar-adjust-tablet {
  margin-right: 5px !important;
  margin-left: 0px !important;
}

.div-disabled > i,
.div-disabled > span,
[disable-li] > span > a,
[disable-li] > i {
  color: lightgrey !important;
  cursor: not-allowed !important;
}

.wizard-expand > i {
  font-size: 19px;
  margin-top: 3px;
}

.wizard-expand {
  display: inline-block;
  float: left;
  height: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
  color: darkgrey;
  cursor: pointer;
  background: white;
}

.circlebtn-minimized {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  color: darkgrey;
  cursor: pointer;
  background: white;
}

.circlebtn-minimized > i {
  margin-left: -2px;
  color: darkgrey;
}

.line-minized:before {
  content: "";
  position: absolute;
  height: 3px;
  background: #ccc;
  top: 10px;
  width: 100%;
  left: 40px;
}

.expand-spantxt-wizard {
  top: 40px;
  left: 0px;
  position: absolute;
}

.minimize-spantxt-wizard {
  top: 20px;
  left: 0px;
  position: absolute;
}

.minimize-spantxt-wizard > span {
  font-size: 10px;
}

textarea {
  resize: none !important;
  border: 1px solid #ccc;
}

/* tool tip style start*/
.gridcellpopuppenciltool {
  position: relative;
}

.gridcellpopuppenciltool:before {
  content: "\f040";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #033053;
  font-size: 25px;
  padding-right: 0.5em;
  position: absolute;
}

.tooltipster-base {
  height: 260px !important;
  width: 270px !important;
}

.tooltipster-arrow {
  left: 211px !important;
}

.tooltipster-sidetip .tooltipster-content {
  padding: 0px 2px 0px 0px !important;
}

.tooltipster-sidetip .tooltipster-box {
  background: #eeeeee !important;
  border: 1px solid lightgray !important;
}

.tooltipster-arrow {
  display: none;
}

/* tool tip style end*/

/* radio button style start*/
.div-radios label {
  cursor: pointer;
  padding-right: 35px;
  position: relative;
}

.div-radios input[type="radio"] {
  position: absolute;
  visibility: hidden !important;
}

.div-radios input[type="radio"] + label:before,
.div-radios input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  box-sizing: border-box;
}

.div-radios input[type="radio"] + label:before {
  width: 30px;
  height: 15px;
  right: 0px;
  background: #fff;
  border: 1px solid #e4e3e1;
  border-radius: 15px;
}

.div-radios input[type="radio"] + label:after {
  width: 15px;
  height: 15px;
  right: 15px;
  background: #bdbdbd;
  border-radius: 50%;
  transition: all 200ms ease-out;
}

.div-radios input[type="radio"]:checked + label:after {
  right: 0px;
  background: #07d61d;
}

.div-radios input[type="radio"][disabled] + label:before {
  background: #9b9a9a;
  cursor: not-allowed;
}

/* radio button style end*/

/* checkbox button style start */

.div-checkboxes input[type="checkbox"] {
  display: none;
}

.div-checkboxes input[type="checkbox"]:checked + label:after {
  transform: scale(1.3);
}

.div-checkboxes label {
  display: block;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  margin-left: 50px;
  border-radius: 10%;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  background: #fff;
}

.div-checkboxes label:before {
  content: "";
  position: absolute;
  display: block;
  height: 300%;
  width: 300%;
  top: -100%;
  left: -100%;
  z-index: -1;
  border-radius: 50%;
  transition: 0.3s;
}

.div-checkboxes label:after {
  display: block;
  font-family: "FontAwesome";
  content: "\f00c";
  text-align: center;
  transform: scale(0);
  transition: 0.2s;
  color: #07d61d;
  /* color: #00B8F0; */
}

.div-checkboxes input[type="checkbox"][disabled] + label {
  background: #d9d5d5;
  cursor: not-allowed;
}

/* checkbox button style end */

/* chat message style start */

.fromtxtdiv {
  background-color: #fff;
  padding: 5px;
  margin-bottom: 10px;
  float: right;
  clear: both;
  border-radius: 7px;
  border-left: 5px solid #38c;
  width: 65%;
}

.fromtxtspan {
  font-style: italic;
  font-weight: 700;
  color: #38c;
}

.fromvalspan,
.tovalspan {
  font-weight: 400;
  font-size: 18px;
  overflow-wrap: break-word;
}

.totxtdiv {
  padding: 5px;
  margin-bottom: 10px;
  border-left: 5px solid green;
  float: left;
  clear: both;
  border-radius: 7px;
  width: 65%;
}

.totxtspan {
  font-style: italic;
  font-weight: 700;
  color: green;
}

.notification-count {
  background: #fe3c00;
  border-radius: 50%;
  display: inline-block;
  font-size: 12px;
  font-family: "Helvetica Neue";
  height: 17px;
  width: 22px;
  line-height: 20px;
  text-align: center;
  right: 11px;
  bottom: 30px;
  position: absolute;
  color: #fff;
}

.clsdateformat {
  font-size: 11px;
  color: grey;
}

.clstouser,
.clsfromuser {
  text-transform: uppercase;
}

/* chat message style end */

div[id$="UserRightsgrid"] > div {
  border: none;
}

.tabSelectedFocus {
  color: unset !important;
  font-weight: bold !important;
  border-bottom: 3px solid #07d61d !important;
  /* border-left: 4px solid #27b2eb !important; */
}

#serverdata_dataviewertab {
  margin-left: 3px;
}

/* tool tip style start*/
.gridcellinlinedittool {
  position: relative;
}

.gridcellinlinedittool:before {
  content: "\f044";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #033053;
  font-size: 25px;
  padding-right: 0.5em;
  position: absolute;
}

.wizard-container {
  margin-top: 5px;
}

.message-ellipse {
  right: 27px;
  bottom: 8px;
  position: absolute;
  border-radius: 50%;
  height: 55px;
  cursor: move;
  border: none;
  z-index: 9999;
  text-align: center;
  font-size: 36px;
  color: #ffff;
  width: 55px;
  cursor: pointer;
  background-color: #00b8f0;
}

.custom-arrow {
  /*left: 46px !important;
	position: absolute;*/
  font-size: 22px !important;
  transform: rotate(90deg);
  /*color: #003E79;*/
  color: #6956fb;
}

.custom-rightmenu-arrow {
  font-size: 22px !important;
  transform: rotate(90deg);
  color: rgb(241, 243, 247);
}

#arrow-select-rightmenu-div {
  left: 17.8%;
  z-index: 999999;
  top: 70px;
  position: absolute;
}

#arrow-select-leftmenu-div {
  left: 3.71%;
  top: 20px;
  position: fixed;
  display: none;
}

.svg-icon {
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  margin-left: -10px;
  filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg);
}

.cellValidFalseClass {
  border: groove;
  border-color: #c00 !important;
}

.cellValidTrueClass {
  border-right: 0;
  border-color: #e5e5e5;
}

.right-menu-hide-show-icon {
  height: 30px;
  width: 20px;
  float: left;
  padding-top: 3px;
  text-align: center;
  /*background: #003E79;*/
  background: #63b1f5;
  border-radius: 0px 5px 5px 0px;
  top: 15px;
  position: absolute;
  font-size: 18px;
  color: #fff !important;
  cursor: pointer;
}

.right-menu-expand-icon-view {
  left: 18%;
  position: fixed;
  z-index: 99;
}

.right-menu-minimize-icon-view {
  left: 4%;
  position: fixed;
  z-index: 99;
  display: none;
}

.hvrbox * {
  box-sizing: border-box;
}

.hvrbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.hvrbox .hvrbox-text {
  text-align: center;
  font-size: 18px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modifieddata-field-value {
  padding-left: 0px;
  margin-top: 10px;
}

.modifieddata-column-name {
  font-weight: bold;
  color: dodgerblue;
  padding-left: 0px;
}

.de-circle-active {
  margin-left: 18px;
}

.circle-active::before {
  color: #07d61d !important;
}

.de-circle-active::before {
  content: "\2022";
  color: #003e79;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  width: 0.8em;
  font-size: 24px;
  text-align: center;
  margin-left: -18px;
}

.logout-arrow {
  /* color: #677EA6; */
  color: #2f2f2f;
  text-decoration: none;
  background-color: transparent;
  border: none;
  font-size: 1rem;
}

.logout-arrow:focus {
  border: none;
}

.logout-arrow:click {
  border: none;
}

.logout-menu {
  height: auto;
  width: auto;
  min-width: 200px;
  margin-right: 10px;
  top: 13px !important;
  right: 0px;
  left: -5px !important;
  position: absolute;
  z-index: 9999 !important;
  cursor: pointer;
  outline: none;
  color: #8092a4;
  border-radius: 15px;
  box-shadow: 0 2px 45px 0 rgba(239, 241, 244, 0.6);
  border: solid 1px #eff1f4;
  background-color: #ffffff;
  width: 250px;
}

.logout-menu.user-notify {
  width: 350px;
}

.notification-menu {
  height: auto;
  width: auto;
  min-width: 200px;
  margin-right: 10px;
  top: 13px !important;
  right: 0px;
  left: 0px !important;
  position: absolute;
  z-index: 9999 !important;
  cursor: pointer;
  outline: none;
  color: #8092a4;
  border-radius: 15px;
  box-shadow: 0 2px 45px 0 rgba(239, 241, 244, 0.6);
  border: solid 1px #eff1f4;
  background-color: #ffffff;
  width: 320px;
}

.rounded-icon {
  /* width: 1rem; */
  height: 1rem;
  display: flex;
  align-items: center;
  /* background: #eff1f4; */
  padding: 0.9rem;
  /* border-radius: 50%; */
  justify-content: center;
  text-align: center;
  margin-right: 0.5rem;
  font-size: 0.8rem;
  /* background-color: #fff; */
  color: #1970eb;
  /* border: 1px solid #1970eb; */
}

.logout-menu .list-group-flush > .list-group-item {
  /* border: 0; */
  /* font-weight: 600; */
  /* font-size: 0.89rem; */
  padding: 0.5rem 1.25rem;
  cursor: pointer;
  border-color: #f6f6f6;
}

.disabled-logout-menu-item {
  cursor: not-allowed;
  opacity: 0.5;
}

.view_file_img {
  background: url(../../images/View_File.svg) no-repeat center center;
  background-size: contain;
  height: 144px;
  margin-bottom: 20px;
}

.view_file_img {
  background: url(../../images/View_File.svg) no-repeat center center;
  background-size: contain;
  height: 144px;
  margin-bottom: 20px;
}

.clear {
  clear: both;
  margin: 0px;
}

.containerbg {
  /*background-color: #border-color: #dfe3e9;*/
}

.leftContainer {
  /* padding-top: 40px !important; */
}

.rightContainer {
  border: 1px solid #ececec !important;
  background-color: rgb(249, 249, 249) !important;
  padding: 60px 70px 35px 70px !important;
  box-shadow: 0 5px 92px 0px rgba(183, 197, 212, 0.32) !important;
  border-radius: 5px !important;
}

.loginContainer {
  top: 20px !important;
  position: absolute !important;
  top: 20px !important;
  position: absolute !important;
}

.version {
  font-size: 9px !important;
  color: #8092a4 !important;
  top: 13px !important;
  margin-left: -12px !important;
  position: absolute !important;
}

.logingrp {
  padding: 20px 0px !important;
}

.loginButtonContainer {
  margin-top: 15px !important;
  padding: 0px !important;
}

.changePasswordbtn {
  float: right;
  margin-top: 15px;
  color: #8092a4 !important;
  background: none !important;
  box-shadow: none !important;
  font-weight: bold;
  text-decoration: underline;
}

.hideContainer {
  display: none;
}

.headercolor {
  color: #38c;
}

.topMargin {
  margin-top: 25px;
}

.Passwordvalidation {
  float: left;
  font-size: 14px;
  color: #8092a4;
  margin-left: 10px;
}

.passwordMsg {
  font-size: 10px;
  color: grey;
}

.logindocumentfiles {
  height: auto;
  padding-right: 70px;
  padding-top: 155px;
}

.circleLogoContainer {
  height: 300px;
  width: 300px;
  border-radius: 50%;
  border: 1px dashed #8092a4;
}

.DocumentfilePostion {
  margin: -60px 0px 0px 90px;
}

.img-DocumentfilePostion {
  padding: 25px 0px 0px 0px;
}

.GatewayPostion {
  margin: 30px 0px 0px 235px;
}

.DataorientedPostion {
  margin: 20px 0px 0px 90px;
}

.InstrumentPostion {
  margin: -255px 0px 0px -55px;
}

.Bottomlogo {
  margin: -134px 0px 0px 100px;
  width: 40%;
}

.cls-top-menu-item-container {
  /* width: 96%;
  float: right;
  padding: 20px 15px !important;
  border-bottom: 1px solid #f7f4f4;
  background-color: #fff; */
}

.cls-home_menulink {
  display: none;
  width: 4%;
  margin-left: -55px;
  text-align: center;
  cursor: pointer;
  color: #8092a4;
  margin-top: 6px;
}

.cls-home_menuleft {
  font-size: 14px;
  position: absolute;
  margin-top: 3px;
  margin-left: -10px;
}

.cls-home_menubar {
  font-size: 21px;
}

.cls-home_menuright {
  font-size: 14px;
  display: none;
  position: absolute;
  margin-top: 3px;
  margin-left: 2px;
}

.cls-logoimg {
  margin-top: 6px;
  margin-left: 55px;
}

.mnuContainer1 {
  display: flex;
  align-items: center;
}

.mnuContainer2 {
  /* font-size: 30px;
  float: left;
  margin-right: 10px;
  padding-left: 10px;
  margin-bottom: -20px;
  color: #8092a4;
  margin-top: 0px; */
  /*border-left: 1px solid #ececec;*/
}

.mnuContainer3 {
  /* float: left;
  display: grid; */
}

.cls-top_usernamevalue {
  font-size: 0.84rem;
  font-weight: bold;
}

.cls-top_usergroupnamevalue {
  font-size: 12px;
  color: #a08fad;
}

.cls-top_usersitenamevalue {
  font-size: 11px;
  color: #a1b2c5;
}

.logout-arrow-color {
  color: #172b4d;
}

.capitalise {
  text-transform: capitalize;
}

.cls-rightmenuitem {
  width: 14%;
  left: 4%;
  top: 0px;
  z-index: 99;
  position: fixed;
  overflow: auto;
  display: none;
  height: 100vh;
}

.modal-content .k-grid {
  /* height: 65vh !important; */
}

.protoclassorder .logbook-popup .modal-content .k-grid {
  height: 61vh !important;
}

.clsdesigncreate {
  /* width: 20% !important; */
}

.cls-SheetSpreadContainer {
  /* width: 80%;
  float: left;
  height: 90vh;
  border-left: 1px solid #e2e2e2; */
  /* position: relative; */
}

.inputctext {
  width: 100%;
}

.inputctext input {
  width: 100% !important;
}

.font-name {
  width: 100px;
}

.font-Weight {
  width: 60px !important;
}

.dropdown-menu-sel {
  background: transparent !important;
  border: none !important;
  padding: 5px !important;
}

.dropdown-menu-sel:focus {
  outline: none !important;
  padding: 5px !important;
}

.cssformulaBar {
  width: 100%;
}

.cssPostionbox {
  vertical-align: top;
}

.cssformulabox {
  overflow: hidden;
  height: 36px;
  width: 1215px;
  padding: 9px;
  background-color: rgb(235, 235, 228);
}

.cssverticalSplitter {
  position: relative;
}

.tdformulabox {
  width: 100%;
  border-left: 1px solid #ccc;
}

#formulaboxtext {
  width: 102%;
  margin-left: -9px;
  margin-top: -5px;
}

.clsSheetheader {
  font-weight: 700;
  text-transform: uppercase;
}

.clsSheetlabel {
  float: left;
  width: 48%;
  padding: 10px;
}

.clsSheetcontrol {
  float: left;
  width: 48%;
  padding: 10px;
}

.clsSheetLogin {
  /* float: left;
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  margin-top: 1px;
  margin-bottom: 10px;
  height: 100vh; */
}

.clsSheetLogin label {
  text-align: center;
  float: left;
  font-size: medium;
  margin-top: 10px;
}

.clsSheetLogincontrol {
  /* margin-bottom: 10px;
  margin-top: 10px; */
  margin-bottom: 1rem;
}

.clsSheetView {
  /* float: left;
  width: 75%; */
  background-color: #fff;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.clsSheetlabel label {
  text-align: center;
  float: right;
  font-size: medium;
  padding: 2%;
}

.effect-1 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #4caf50;
  transition: 0.4s;
}

.effect-1:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}

.clsSheetcontrol input[type="text"] ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #4caf50;
  transition: 0.4s;
}

.clsSheetcontrol input[type="text"]:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}

.effect-1 {
  padding-left: 10px !important;
}

.saveButton {
  -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
  box-shadow: inset 0px 1px 0px 0px #bee2f9;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #63b8ee),
    color-stop(1, #468ccf)
  );
  background: -moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
  background: -webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
  background: -o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
  background: -ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
  background: linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf', GradientType=0);
  background-color: #63b8ee;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #3866a3;
  display: inline-block;
  cursor: pointer;
  color: #14396a;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #7cacde;
  margin-right: 5px;
}

.saveButton:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #468ccf),
    color-stop(1, #63b8ee)
  );
  background: -moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
  background: -webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
  background: -o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
  background: -ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
  background: linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee', GradientType=0);
  background-color: #468ccf;
}

.saveButton:disabled {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  background: none;
  filter: none;
}

.saveButton:active {
  position: relative;
  top: 1px;
}

.Navigate {
  padding: 10px 15px;
  font-size: small;
  font-weight: bold;
  /* border-radius: 15px; */
  border-bottom: rgb(209, 219, 236) 1px solid;
  color: #797d85;
}

.Navigate span {
  color: #1970eb;
}

.jqx-menu-horizontal {
  border: none !important;
}

.clsSheetNameLabel {
  /*text-align: center;*/
  /* font-size: medium;
  font-weight: bold;
  padding: 10px;
  float: left;
  width: 80%;
  color: #0e5bca; */
}

.clsdisplayblock {
  display: block !important;
}

.clscolorpickerdefault {
  background-color: black;
}

.clsunderlinedecrotion {
  text-decoration: underline;
}

.clsoverlinedecrotion {
  text-decoration: overline;
}

.clslinedecrotion {
  text-decoration: line-through;
}

.clsColordropDefault {
  background-color: rgb(242, 242, 242);
}

.clsColordropDefault1 {
  background-color: rgb(0, 102, 204);
}

.clsColordropDefault2 {
  background-color: rgb(51, 153, 255);
}

.clsColordropDefault3 {
  background-color: rgb(0, 0, 0);
}

.clsColordropDefault4 {
  background-color: rgb(255, 255, 225);
}

.clsColordropDefault5 {
  background-color: rgb(160, 160, 160);
}

.clsColordropDefault6 {
  background-color: rgb(0, 128, 0);
}

.clsColordropDefault7 {
  background-color: rgb(255, 0, 0);
}

.clsColordropDefault8 {
  background-color: rgb(120, 120, 120);
}

.clsColordropDefault9 {
  background-color: rgb(210, 210, 210);
}

.clsColordropDefault10 {
  background-color: rgb(146, 208, 80);
}

.clsColordropDefault11 {
  background-color: rgb(140, 191, 100);
}

.clsColordropDefault12 {
  background-color: rgb(214, 96, 77);
}

.clsColordropDefault13 {
  background-color: rgb(165, 42, 42);
}

.clsColordropDefault14 {
  background-color: rgb(36, 64, 98);
}

.clsColordropDefault15 {
  background-color: rgb(0, 0, 255);
}

.clsColordropDefault16 {
  background-color: rgb(149, 179, 215);
}

.clsColordropDefault17 {
  background-color: rgb(128, 128, 128);
}

.clsColordropDefault18 {
  background-color: rgb(150, 150, 150);
}

.clsColordropDefault19 {
  background-color: rgb(203, 0, 0);
}

.clsColordropDefault20 {
  background-color: rgb(100, 100, 100);
}

.clscheckboxVarianceLegend {
  padding-left: 60px;
}

.rich-editor-button-width {
  width: 120px;
}

.clsRichTxtBold {
  width: 40px;
}

.clsRichTxtBoldoptB {
  font-weight: bold;
}

.clscolorPick1 {
  background-color: #ffffff;
}

.clscolorPick2 {
  background-color: #c00000;
}

.clscolorPick3 {
  background-color: #ff0000;
}

.clscolorPick4 {
  background-color: #ffc003;
}

.clscolorPick5 {
  background-color: #ffff00;
}

.clscolorPick6 {
  background-color: #94d051;
}

.clscolorPick7 {
  background-color: #00b050;
}

.clscolorPick8 {
  background-color: #00aff0;
}

.clscolorPick9 {
  background-color: #006ec3;
}

.clscolorPick10 {
  background-color: #001e6e;
}

.clscolorPick11 {
  background-color: #6e32a0;
}

.clscolorPick12 {
  background-color: #000000;
}

.clsDisplaynone {
  display: none !important;
}

.clsborderselection {
  /* height: 72vh; */
  position: fixed;
  max-width: 650px;
  width: 100% !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}

.clswidth80 {
  width: 80%;
}

.clswidth20 {
  width: 20%;
}

.clsColorpickLine {
  position: fixed;
  z-index: 1100;
  right: 20%;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}

.clsColorpickBack {
  position: fixed;
  z-index: 1100;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  margin-top: 3%;
}

.ColorpickClose {
  padding-right: 5px;
}

.ColorpickClose button.close {
  top: 0px !important;
}

.link {
  display: inline-block;
  vertical-align: top;
  /* width: 100px; */
  height: 34px;
  line-height: 36px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #63b8ee;
  /* letter-spacing: 0.1em; */
  text-align: center;
  font-size: 0.8rem;
  margin: 5px 10px;
  position: relative;
  font-size: 16px;
  border-bottom: 1px solid #63b8ee !important;
  /*border-top: 1px solid #143969 !important;*/
  cursor: pointer;
}

.link span {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
}

.underline {
  border: 2px solid transparent;
}

.underline::after {
  width: 0%;
  height: 2px;
  display: block;
  background-color: #143969;
  content: " ";
  position: absolute;
  top: 34px;
  left: 50%;
  -webkit-transition:
    left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition:
    left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
    width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.underline:hover::after {
  width: 100%;
  height: 2px;
  display: block;
  background-color: #143969;
  content: " ";
  position: absolute;
  top: 34px;
  left: 0;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: visible !important;
}

.select-search-box {
  width: 300px;
  position: relative;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
}

.select-search-box--multiple {
  border-radius: 4px;
  box-shadow:
    0 7px 14px 0 rgba(50, 50, 93, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
  overflow: hidden;
}

.select-search-box::after {
  font-family: fontawesome;
  content: "\f078";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  line-height: 50px;
  color: #222f3e;
  z-index: 1;
}

.select-search-box--multiple::after,
.select-search-box--focus::after {
  content: "\f002";
}

.select-search-box__icon--disabled::after {
  content: none !important;
}

.select-search-box--input::after {
  display: none !important;
}

.select-search-box__out {
  display: none;
}

.select-search-box__search {
  display: block;
  width: 100%;
  height: 50px;
  border: none;
  background: none;
  outline: none;
  font-size: 16px;
  padding: 0 20px;
  color: #222f3e;
  -webkit-appearance: none;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 50px;
  box-shadow:
    0 7px 14px 0 rgba(50, 50, 93, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

input.select-search-box__search {
  line-height: 1;
}

.select-search-box--multiple .select-search-box__search {
  box-shadow: none;
}

.select-search-box--input .select-search-box__search {
  cursor: text;
}

.select-search-box__search:focus {
  cursor: text;
}

.select-search-box__search--placeholder {
  font-style: italic;
  font-weight: normal;
}

.select-search-box input::-webkit-input-placeholder {
  color: #ccc;
  font-style: italic;
  font-weight: normal;
}

.select-search-box input::-moz-placeholder {
  color: #ccc;
  font-style: italic;
  font-weight: normal;
}

.select-search-box input:-moz-placeholder {
  color: #ccc;
  font-style: italic;
  font-weight: normal;
}

.select-search-box input:-ms-input-placeholder {
  color: #ccc;
  font-style: italic;
  font-weight: normal;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.select-search-box__select {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 4px;
  overflow: auto;
  box-shadow:
    0 7px 14px 0 rgba(50, 50, 93, 0.1),
    0 3px 6px 0 rgba(0, 0, 0, 0.07);
  z-index: 100;
  min-height: 49px;
}

.select-search-box--multiple .select-search-box__select {
  display: block;
  position: static;
  border-top: 1px solid #eee;
  border-radius: 0;
  box-shadow: none;
}

.select-search-box__select--display {
  display: block;
}

.select-search-box__option {
  font-size: 16px;
  font-weight: 400;
  color: #616b74;
  padding: 15px 20px;
  border-top: 1px solid #eee;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

.select-search-box__option:first-child {
  border-top: none;
}

.select-search-box__option--hover,
.select-search-box__option:hover {
  background: #f4f7fa;
}

.select-search-box__option--selected {
  background: #54a0ff;
  color: #fff;
  border-top-color: #2184ff;
}

.select-search-box__option--selected:hover,
.select-search-box__option--selected.select-search-box__option--hover {
  background: #2184ff;
  color: #fff;
  border-top-color: #2184ff;
}

.select-search-box__group {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  position: relative;
}

.select-search-box__group-header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

.logoImage {
  float: left;
  margin-right: 12px;
}

.clsdroptest div {
  z-index: 999999 !important;
}

.Param-label {
  font-size: 14px;
}

.pane-header {
  /*background: #1f6f43;*/
  padding: 8px 12px !important;
}

.pane-content {
  /* padding: 12px; */
  padding: 0;
}

.pane-content .pane-group .pane-row,
.pane-content .pane-group .pane-label {
  padding-left: 24px;
}

.pane-content .pane-group .pane-row .pane-label {
  padding-left: 0;
}

.pane-title {
  font-weight: 400;
}

button.close {
  font-size: 28px;
  position: relative;
  top: 3px;
}

.pane-row {
  padding: 6px;
}

.pane-row .btn {
  background: #fff;
  border: solid 1px #ababab;
  color: #444444;
}

.pane-row .btn:hover {
  background: #d3f0e0;
  color: #000;
}

.clsSheetParam {
  float: left;
  width: 48%;
  padding: 3% 2%;
  text-align: right;
}

.clsTestParam {
  float: left;
  width: 48%;
  padding: 2%;
}

.clsLoader {
  margin-left: 45%;
  margin-top: 15%;
}

.clsfilebrowser {
  cursor: pointer;
  margin-left: -15px;
}

.k-filtercell-operator {
  display: none !important;
}

.k-filtercell-wrapper input {
  width: 100%;
}

.clsSheetHeader {
  background-color: none;
}

.clsordersummary {
  /*background-color: #f4f4f442;*/
  /* margin-top: -10px; */
}

.clsPending {
  float: left;
  width: 100%;
  /*margin-right: 0.25%;
  margin-left: 0.5%;*/
  border: 1px solid #f4f4f4;
  background-color: #ffffff;
  min-height: 80vh;
  border-radius: 10px;
}

.clsPendingGrid {
  float: left;
  width: 100%;
  /*margin-right: 0.25%;
  margin-left: 0.5%;*/
  border: 1px solid #f4f4f4;
  background-color: #ffffff;
  min-height: 80vh;
  border-radius: 0px 0px 10px 10px;
  border-top: none;
}

.clsCompleted {
  float: left;
  width: 100%;
  border: 1px solid #f4f4f4;
  background-color: #ffffff;
  min-height: 80vh;
  border-radius: 10px;
}

.clsPending h4,
.clsCompleted h4 {
  text-align: center;
  margin: 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #63b1f5;
}

.clsheaderorder {
  float: left;
  padding: 5px;
  width: 40%;
}

.clsheaderorder h5,
.clsheadertestName h5 {
  font: 1.2em sans-serif;
}

.clsheaderorder input[type="text"],
.clsheadertestName input[type="text"] {
  border: 1px solid #f4f4f4;
}

.clsheadertestName {
  float: left;
  padding: 5px;
  width: 40%;
}

.clsheaderopen {
  float: left;
  padding: 5px;
  width: 20%;
}

.clsorder {
  float: left;
  padding: 5px;
  width: 40%;
}

.clstestName {
  float: left;
  padding: 5px;
  width: 40%;
}

.clsopen {
  float: left;
  padding: 5px;
  width: 20%;
}

.clsopenbutton {
  background: transparent;
  border: transparent;
  border-radius: 5px;
  color: #1970eb;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.89rem;
  font-weight: bold;
  max-width: 174px;
  word-wrap: break-word;
}

.clsopenbutton:focus {
  outline: #1970eb solid 2px;
}

.clsPendingonpop {
  width: 100% !important;
  margin-left: 0% !important;
  margin-right: 0% !important;
  min-height: 65vh !important;
}

.clsTestlbl {
  width: 40% !important;
}

.clsTestctrl {
  width: 60% !important;
}

.clsprocessselection {
  /* float: left;
  width: 100%;
  padding: 15px 20px 0px 20px;
  background-color: #ffffff;
  margin-top: 1px;
  margin-bottom: -1px; */
}

.clsheader {
  /*background: #f4f4f4;*/
  padding: 5px;
}

.rowiteam {
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
  padding: 5px 0px;
}

.rowiteamTest {
  padding: 10px;
}

.rowheader {
  /*background: #F0F0F0;*/
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  font-weight: 700;
}

.leftcontainer {
  /* float: left;
  width: 25%; */
  background: #ffffff;
  border-right: solid 1px #edf0f3;
}

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

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 5;
  cursor: pointer;
  height: 30px;
  width: 15px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196f3;
}

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

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

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.radio {
  /* margin: 20px 0 !important; */
  display: block;
  cursor: pointer;
  /* margin-bottom: 1.25rem; */
}

.sidenav .radio {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.radio input {
  display: none !important;
}

.radio input + span {
  line-height: 22px;
  height: 22px;
  padding-left: 22px;
  display: block;
  position: relative;
  font-size: 0.84rem;
  color: #172b4d;
  word-break: break-all;
}

.sidenav .radio input + span {
  height: auto;
}

.radio input + span:not(:empty) {
  padding-left: 30px;
  color: #797d85;
}

.matrial-pop .radio input + span:not(:empty) {
  text-align: left;
}

.radio input + span:before,
.radio input + span:after {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}

.radio input + span:before {
  background: #d1d7e3;
  transform: scale(0.7);
  transition:
    background 0.2s ease,
    transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}

.radio input + span:after {
  background: #fff;
  transform: scale(0.45);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}

.radio input:checked + span:before {
  transform: scale(0.7);
  background: #1970eb;
}

.radio input:checked + span:after {
  transform: scale(0.3);
  transition: transform 0.3s ease;
}

.radio input:not(:checked) + span:before {
  background: transparent;
  border: 4px solid #a3a3a3;
}

.radio input:not(:checked) + span:after {
  opacity: 0;
}

.radio input:hover span:before {
  transform: scale(0.92);
}

.radio input:hover span:after {
  transform: scale(0.74);
}

.radio checked:hover span:after {
  transform: scale(0.4);
}

.clssheet {
  float: left;
  padding: 5px;
  width: 14%;
}

.clsCell {
  float: left;
  padding: 5px;
  width: 20%;
}

.clsParam {
  float: left;
  padding: 5px;
  width: 30%;
}

.clsLimsParam {
  float: left;
  padding: 5px;
  width: 36%;
}

.rowiteamDash {
  padding: 10px;
  border-bottom: solid 1px #eff1f4;
}

.rowiteamDashHeader {
  padding: 10px;
  border-bottom: solid 1px #eff1f4;
}

.rowiteamDashHeader .clsorderdetails .btn.icon-grey {
  padding: 10px;
}

.rowiteamDashHeader .clsorderdetails .btn {
  color: #1970eb;
}

.clsHeaderContect {
  /* position: -webkit-sticky;
  position: sticky;
  background-color: #ffffff;
  z-index: 1; */
}

.clsHeader {
  border: 1px solid #eff1f4;
  border-radius: 5px 5px 0px 0px;
}

.row-selected {
  background-color: #cde6f7 !important;
}

.rowiteamDash:hover {
  background-color: #f4f4f4;
}

.clsorderdetails {
  float: left;
  width: 100%;
}

.clsSheets .k-header {
  border-color: transparent !important;
  padding-right: 3% !important;
  display: none !important;
}

.clsSheets .k-filter-row {
  background-color: #fcfdfd;
  padding: 10px 20px !important;
}

.clsSheets .k-header a {
  text-align: center;
  /*border-bottom: 2px solid #63b1f5 !important;*/
  font-family: inherit;
  font-weight: bold;
  line-height: 1.1;
  color: inherit;
}

.clsSheets .k-grid .k-alt {
  background-color: #fff;
}

.clsSheets .k-state-selected td,
.clsSheets .k-grid tr.k-state-selected > td,
.clsSheets .k-selected td,
.clsSheets .k-grid tr.k-selected > td {
  background-color: rgba(238, 242, 249, 0.57) !important;
  border-right: 3px solid #1970eb;
}

.clsSheets .k-textbox {
  border-radius: 5px;
  padding: 4px 12px;
  height: 34px;
  border-color: rgba(194, 199, 208, 0.48);
}

.cursor {
  position: relative;
}

.cursor i {
  position: absolute;
  width: 1px;
  height: 80%;
  background-color: gray;
  left: 5px;
  top: 10%;
  animation-name: blink;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  opacity: 1;
}

.cursor input:focus + i {
  display: none;
}

.comparePopupDiv .col-lg-6 .k-spreadsheet .k-spreadsheet-sheets-remove {
  display: none !important;
}

.comparePopupDiv .col-lg-6 .k-spreadsheet .k-spreadsheet-sheets-bar-add {
  display: none !important;
}

@keyframes blink {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.clsSheets .k-grid-header {
  border-bottom: solid 1px #dfe3e9;
}

.clsSheets .k-widget {
  border: none;
}

.clsTestmasterbg {
  /*background-color: #f4f4f442;*/
  border-bottom: solid 1px #dfe3e9;
}

.clsSheets .k-filter-row th {
  border: none;
}

.clsSheets .k-master-row td {
  /*border-top: 3px solid #f1f1f11c !important;
  border-bottom: 3px solid #f1f1f11c !important;*/
  padding: 10px 25px !important;
  font-weight: bold;
  font-size: 0.775rem;
  color: #172b4d;
  cursor: pointer;
}

.custom-vertical-h-90 {
  height: 90vh;
  overflow-y: scroll;
}

.custom-vertical-h-60 {
  height: 60vh;
  overflow-y: scroll;
}

.clsdatepicksprd {
  padding: 10px 5px;
}

.k-list-scroller {
  padding: 2px;
}

.k-list li {
  border-bottom: rgb(209, 219, 236) 1px solid !important;
  padding: 2px;
}

.k-list li:last-child {
  border-bottom: none !important;
}

.clsPageName {
  /* font-family: inherit; */
  font-size: 1.5rem !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: inherit;
  letter-spacing: normal;
  /*text-transform: uppercase;*/
  color: #172b4d;
  /* padding-left: 15px; */
}

.clsMenuBar {
  border-bottom: solid 1px #edf0f3;
  /*padding: 5px;*/
  background-color: #fcfdfd;
}

.clsSummaryheader {
  border-bottom: solid 1px #edf0f3;
  background-color: #fcfdfd;
}

.clsSummarymenu li a {
  text-decoration: none;
  /* padding-bottom: 16px;
  padding-left: 17px;
  padding-right: 17px; */
  color: #172b4d;
}

.clsactivetab {
  border-bottom: solid 3px #1970eb;
}

.clsPendingcontainer::-webkit-scrollbar {
  width: 12px;
}

.clsPendingcontainer::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.clsPendingcontainer::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.clsProject {
  float: left;
  width: 16%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsSample {
  float: left;
  width: 16%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsOrderID {
  float: left;
  width: 16%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsTestname {
  float: left;
  width: 16%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsManipulation {
  float: left;
  width: 12%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsCreatedDate {
  float: left;
  width: 20%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsAssignedto {
  float: left;
  width: 10%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingProject {
  float: left;
  width: 11%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingSample {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingOrderID {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingTestname {
  float: left;
  width: 11%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingManipulation {
  float: right;
  width: 13%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingCreatedDate {
  float: left;
  width: 13%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
  padding: 0px 5px;
}

.clspendingModifiedDate {
  float: left;
  width: 13%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
  padding: 0px 5px;
}

.clspendingsharedby {
  float: left;
  width: 16%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingsharedbycustom {
  float: left;
  width: 14%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsAssignedto {
  float: left;
  width: 10%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsAssigneduser {
  float: left;
  width: 12%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsOrderCount {
  margin-left: 15px;
}

.clscompletedOrderID {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clscompletedTestname {
  float: left;
  width: 11%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clscompletedProject {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clscompletedSample {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendingsheetname {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clspendinginventory {
  float: left;
  width: 11%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clscompletedfilename {
  float: left;
  width: 12%;
  padding: 0px 5px;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clscompletedCreatedDate {
  float: left;
  width: 20%;
  color: #172b4d;
  font-weight: 600;
  font-size: 0.89rem;
}

.clsKenodCombo {
  width: 100% !important;
}

.k-dropdown-wrap,
.k-picker-wrap {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  width: 100% !important;
  border-radius: 0 !important;
}

.k-combobox .k-dropdown-wrap,
.k-datetimepicker .k-picker-wrap {
  border-color: #ccc !important;
  color: #ccc !important;
  font-weight: 600 !important;
}

.k-combobox .k-select,
.k-datetimepicker .k-select {
  border-left: 0 !important;
  background-color: #fff !important;
  color: #bbc2cb !important;
  /* font-size: 1.25rem !important; */
}

.k-icon {
  font-size: 1.125rem !important;
  font-feature-settings: normal;
  speak: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  display: inline-flex;
  flex-flow: row nowrap;
  flex-shrink: 0;
  font-family: WebComponentsIcons;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 1em;
  justify-content: center;
  line-height: 1;
  outline: 0;
  position: relative;
  text-transform: none;
  vertical-align: middle;
  width: 1em;
}

/* .k-i-arrow-s::before,
.k-combobox .k-button-md.k-icon-button .k-button-icon::before,
.dashboard-title .btn_white_bg:not([class*="txt-btn"]) span::before {
  content: "\e015" !important;
} */

.dashboard-title .btn_white_bg:not([class*="txt-btn"]) span::before {
  margin-top: -2px;
}

.k-combobox .k-button-md.k-icon-button .k-button-icon::before {
  color: #bbc2cb !important;
}

.k-combobox .k-button-md.k-icon-button .k-button-icon svg {
  display: none;
}

.k-datetimepicker .k-link {
  border-width: 0 !important;
  padding: 0.375rem 0.375rem !important;
}

.k-dropdown-wrap .k-input {
  /* padding-left: 0 !important; */
}

.k-toolbar {
  background-color: #eef2f9 !important;
}

.k-toolbar .k-button {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #172b4d !important;
}

.k-tabstrip > .k-content {
  border-color: rgba(33, 37, 41, 0.125);
  color: #172b4d;
  background-color: #eef2f9;
}

.clsloginbutton {
  width: 228px;
  height: 34px;
  border-radius: 17px;
  background-color: #1970eb;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}

.k-spreadsheet-view .k-state-disabled {
  opacity: 1 !important;
  filter: none !important;
}

.clsSheetCreationManip i {
  margin-right: 5px;
  font-weight: 700;
}

.clsTestmasterHead {
  border-bottom: solid 1px #dfe3e9;
  background-color: #fcfdfd;
  height: 60px;
}

.clsLeftmenulogo {
  width: 50px;
  margin: auto;
}

.clsTestMasterContainer {
  /* padding: 30px; */
}

.clsManipulation-Cont {
  padding: 40px;
  border: #eff1f4 1px solid;
  margin: 10px 0px;
  width: 70%;
  border-radius: 5px;
}

.clsManipulation-Cont-userTeam {
  padding: 40px;
  border: #eff1f4 1px solid;
  margin: 10px 0px;
  border-radius: 5px;
  /* width: 90%; */
}

.clsManipulation-Cont input[type="text"] {
  width: 60% !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
  border-bottom: rgba(192, 198, 206, 0.46) 2px solid;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #172b4d;
  padding: 10px 0px;
}

.clsManipulation-Cont-userTeam input[type="text"] {
  width: 60% !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
  border-bottom: rgba(192, 198, 206, 0.46) 2px solid;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #172b4d;
  padding: 10px 0px;
}

.k-searchbar input[type="text"] {
  border-bottom: none !important;
}

.cls-a-disable {
  color: rgba(192, 198, 206, 0.46) !important;
}

.clsColorGray {
  color: #797d85;
}

.clsColorGray label {
  color: #797d85;
}

.clsDateFilter {
  float: left;
  width: 65%;
}

.clsDateFilter label {
  font-weight: 700;
  font-size: 14px;
  padding: 0px 10px;
}

.clscontentFilter {
  float: left;
  width: 35%;
}

.clsDateFilter input[type="text"] {
  color: #172b4d !important;
  font-size: 0.89rem !important;
  font-weight: 600 !important;
}

.icon-search-input,
.clscontentFilter input[type="text"] {
  width: 90% !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
  border-bottom: rgba(192, 198, 206, 0.46) 1px solid;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #172b4d;
  padding: 8px 0px 8px 20px;
  margin-left: -14px;
  background-color: transparent;
  outline: none !important;
}

.clsspreadView.k-spreadsheet {
  height: calc(100vh - 157px) !important;
}

.clsSheetLogincontrol .clsKenodCombo {
  width: 100% !important;
}

.cls-tabContainer {
  margin-top: -10px;
}

.clsCFRSettingbg {
  border: 1px solid #f4f4f4;
  background-color: #ffffff;
  border-radius: 10px;
}

.clsAuditTrailManip {
  padding: 0px 20px 0px 20px;
  color: #1970eb;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
}

.clsAuditTrailManip i,
.clsAuditTrailManipFirst i {
  margin-right: 5px;
  font-weight: 700;
}

.clsLeftFloat {
  float: left !important;
  text-align: inherit;
}

.clsSelect {
  width: 5%;
  padding: 0px 5px;
}

.clsorderdetails .clsModulename {
  font-size: 0.89rem;
  font-weight: 600;
  color: #172b4d;
}

.clsModulename b {
  font-size: 0.875rem;
  font-weight: bold;
  color: #172b4d;
  /* width: 12%;
  padding: 0px 5px; */
}

.clsModulename1 {
  /* width: 45%;
  padding: 0px 5px; */
}

.clsActions {
  width: 12%;
  padding: 0px 5px;
}

.clsTransaction {
  width: 21%;
  padding: 0px 5px;
}

.clsAuditType {
  width: 21%;
  padding: 0px 5px;
}

.clsRequestedClient {
  width: 10%;
  padding: 0px 5px;
}

.clsAffectedClient {
  width: 10%;
  padding: 0px 5px;
}

.clsInstrumentName {
  width: 24%;
  padding: 0px 5px;
}

.clsReviewStatus {
  width: 12%;
  padding: 0px 5px;
}

.clsReason {
  width: 12%;
  padding: 0px 5px;
}

.clsFilters .k-combobox {
  margin-top: -10px;
}

.clsComboWithlabel {
  float: left;
  width: 20%;
  padding-left: 12px;
}

.clsComboWithlabel a {
  padding: 0px 10px 0px 10px;
  color: #1970eb;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  margin-top: 10%;
}

.clsComboWithlabel a i {
  margin-right: 5px;
  font-weight: 700;
}

.clsRightFloat {
  float: right !important;
}

.clsComboWithlabel .k-i-close {
  display: none !important;
}

.clsFilterSymbol {
  color: #1970eb;
}

/* Customize the label (the container) */
.clsCheckcontainer {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  /*margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 0.5rem;
}

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

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  /* background-color: #eee; */
  border: solid 1px rgba(194, 199, 208, 0.48);
  /* border-radius: 50%; */
}

/* On mouse-over, add a grey background color */
.clsCheckcontainer:hover input ~ .checkmark {
  /* background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.clsCheckcontainer input:checked ~ .checkmark {
  background-color: #1970eb;
}

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

/* Show the checkmark when checked */
.clsCheckcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.clsCheckcontainer .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clsDetailedview {
  width: 550px;
  position: absolute;
  /* border: 1px solid #c8ccd3; */
  border-radius: 5px;
  background-color: #ffffff;
  right: 1.5rem;
}

.clsExpand {
  /* float: right; */
  padding: 2px 6px;
  border: 1px solid #c8ccd3;
  border-radius: 5px;
}

.clsDetailHeader {
  padding: 5px;
}

.clsDetailHeader a {
  float: right;
}

.clsGridHeaderSticky {
  position: -webkit-sticky;
  position: sticky;
  top: 115;
  z-index: 1;
}

.pane-header {
  display: block !important;
}

.SDlabelHeader {
  font-size: medium;
  padding-left: inherit;
  margin-left: 10px;
}

.clsEditorSelection {
  /* float: right; */
}

.clsEditorSelection label {
  /* float: left;
  margin: 4px 3px !important; */
  margin-bottom: 0;
}

.clsTime {
  color: #1268e3;
  padding: 0px 10px 0px 0px;
}

.jqx-chart-legend-text {
  display: none;
}

.SDlabelHeader {
  font-size: medium;
  padding-left: inherit;
  margin-left: 10px;
}

div.cls-sd-hover:hover {
  background-color: aliceblue;
}

.clsAddPopUp {
  height: 40vh;
  width: 35%;
  position: absolute;
  border: 1px solid #c8ccd3;
  margin-left: 20%;
  border-radius: 5px;
  background-color: #ffffff;
  z-index: 3;
  margin-top: 0px;
}

.cls-showDetail {
  color: #fff;
  position: relative;
  margin-right: auto;
}

.ClsForgotPassword {
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  color: #797d85;
  cursor: pointer;
  font-size: 0.85rem;
}

.dash-board-Header {
  padding-top: 15px;
}

.alertPop {
  opacity: 1 !important;
  width: 30% !important;
  position: absolute !important;
  float: right !important;
  z-index: 1;
}

.clsSync {
  padding: 5px 10px;
}

.clsSync a {
  background-color: #1268e3;
  color: #ffffff;
  padding: 2px 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}

.clsRegistration {
  border-bottom: solid 1px #edf0f3;
  background-color: #fcfdfd;
}

.mxy-n {
  margin: -1px;
}

.clsPagination {
  margin: 0px auto;
}

.clsPointref {
  padding: 5px;
}

.clearfix1 {
  font-weight: bold;
  font-size: medium;
  border-radius: inherit;
  overflow: auto;
  margin-right: 80px;
  margin-left: 200px;
}

.clearfix2 {
  overflow: auto;
}

.clschartManipulation {
  padding: 5px;
}

.clschartManipulation i {
  padding-right: 5px;
}

.clschartcolorpick {
  position: absolute;
  z-index: 1000;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 14px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}

.ClassLogin {
  text-align: center;
}

.div-check {
  margin: 5px 200px 5px 0px;
  float: left;
}

#auditrailconfig_savebtn {
  padding-top: 15px;
  color: #3399ff;
  border: 1px solid aliceblue;
}

.div-checkboxes {
  padding-top: 15px;
  float: left;
}

.pull-left {
  padding-top: 15px;
  font-size: small;
}

.clsaudit_change {
  height: 100%;
  width: 100%;
}

.clsaudit_mod {
  padding-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  margin-left: 4px;
  margin-right: 2px;
  margin-bottom: 12px;
  margin-top: 12px;
  border: 1px;
  background-color: transparent;
}

.cls_mod {
  text-overflow: ellipsis;
  cursor: default;
}

.cls_name {
  text-overflow: ellipsis;
  cursor: default;
}

.mod-header {
  z-index: 299;
  position: absolute;
  height: 100%;
  width: 166.35px;
  left: 0px;
  /* aria-sort"none" */
}

.clsComboWithlabel {
  border-width: 2px;
}

.iconscontainer {
  height: 40px;
  margin-left: -32px;
  display: block;
  position: absolute;
  left: 100%;
  top: 0%;
  width: 32px;
}

#audit_filter {
  height: 40px;
  float: right;
  display: none;
  width: 16px;
}

.audit_headerbtn {
  height: 40px;
  float: right;
  width: 16px;
}

#ID-ModelKendoSpread > .k-spreadsheet {
  width: 100%;
  height: 90% !important;
}

.required:after {
  content: "*";
  color: #e00e0e !important;
}

.requiredMat {
  color: #e00e0e;
}

.invalid {
  border-bottom-color: #e00e0e !important;
}

.form-label sub {
  color: #e00e0e;
}

.idElnBody {
  display: inline-block;
}

f .required:after {
  content: "*";
  color: #e00e0e !important;
}

#idKendosheetPop {
  /* width: 500px !important;
   margin: 1% !important;*/
  height: 50vh !important;
}

#ID-ModelKendoSpread > .k-spreadsheet {
  width: 100%;
  height: 100% !important;
}

#ID_DownloadReportOrderId > .clsKenodCombo > .k-state-default > .k-i-close {
  top: 16px;
}

/* width */
.documentsContainerCss::-webkit-scrollbar,
.docDirectoryDivContainer::-webkit-scrollbar,
.toApplyCustomScrollCss::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.documentsContainerCss::-webkit-scrollbar-track,
.docDirectoryDivContainer::-webkit-scrollbar-track,
.toApplyCustomScrollCss::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Handle */
.documentsContainerCss::-webkit-scrollbar-thumb,
.docDirectoryDivContainer::-webkit-scrollbar-thumb,
.toApplyCustomScrollCss::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* Handle on hover */
.documentsContainerCss::-webkit-scrollbar-thumb:hover,
.docDirectoryDivContainer::-webkit-scrollbar-thumb:hover,
.toApplyCustomScrollCss::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.docxDirectoryDiv:hover {
  /* border: solid #404040 0.5px;  */
  background-color: #f3f3f3;
}

.docxDirectoryDivSelected {
  border: solid #205aab 0.5px !important;
  background-color: rgb(14 91 202 / 80%);
  color: #fff;
  font-weight: 600;
}

.docxDirectoryDivSelected .list-rg-ico-grp > i,
.docxDirectoryDivSelected > i {
  color: #fff !important;
}

#idParameterName {
  z-index: 4;
}

.clsScreen20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.clsScreen30 {
  flex: 0 0 30%;
  max-width: 30%;
}

.clsScreen70 {
  flex: 0 0 70%;
  max-width: 70%;
}

.clsScreen40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.clsScreen60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.clsScreen80 {
  flex: 0 0 80%;
  max-width: 80%;
}

.clsScreen79 {
  flex: 0 0 79%;
  max-width: 79%;
}

.clsScreen99 {
  flex: 0 0 99%;
  max-width: 99%;
}

.clsScreen1 {
  flex: 0 0 1%;
  max-width: 1%;
}

.cls-treeexpand.clsScreen1 > .btn {
  border: 0;
  background-color: #1970eb;
  padding: 0;
  color: #f1f1f1;
  border-radius: 0;
  font-size: 14px;
  width: 16px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 50%;
}

.DocxOpenFAIconCls {
  border: solid #e0e0e0 2px;
  border-radius: 50%;
  padding: 0px 8px 0px 10px;
  margin-right: 15px;
}

.clsDateFilterModal {
  float: left;
  width: 30% !important;
}

.clscontentFilterModal {
  float: left;
  width: 35% !important;
}

.css-26l3qy-menu {
  z-index: 4 !important;
}

.css-yk16xz-control {
  /* border-radius: 0px !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important; */
}

.css-1hb7zxy-IndicatorsContainer {
  display: block !important;
}

.css-1laao21-a11yText {
  border: none !important;
}

.clsKendowindow {
  width: 350px;
}

.clsKendowindowContainer {
  width: 100%;
  padding: 10px;
}

.clsKendowindowContainer > span,
.clsKendowindowContainer > select {
  width: 100% !important;
}

.clsDateFilterModal
  > .react-datepicker-wrapper
  > .react-datepicker__input-container
  > input {
  border: none;
  border-bottom: solid #dfdfdf 1px;
}

.clscontentFilterModal {
  padding-top: 6px;
}

.generateTemplateReportCls > div > .clsHeaderContect > .ch-500 {
  height: 360px;
}

.Loadermodel > .modal-content {
  background: transparent;
  border: none;
}

.ButtonAsAnchorCss {
  border: none;
  background: none;
  color: rgb(18, 104, 227);
  font-family:
    "" Helvetica Neue " , sans-serif",
    sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.clsteam {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #172b4d;
  font-weight: 600;
  box-shadow: none;
  padding: 0.25rem 0;
  width: 361px;
}

.refernce-points-wrap {
  display: flex;
  align-items: center;
  float: left;
  border: 1px solid #0c4ca7 !important;
  border-radius: 15px;
  padding: 0.2rem 0.2rem !important;
  margin: 1px;
}

.refernce-points-wrap btn {
  padding: none !important;
}

.refernce-points-wrap .clsPointref {
  font-size: 16px;
  font-weight: 600;
  color: #172b4d;
}

.refernce-points-wrap .fas {
  color: #ec5330;
}

/* .at-list-table .k-grid {border-color: #eff1f4 !important;} */

/* Kendo Grid Begins */
.at-list-table .k-grid {
  border-color: #eff1f4;
}

/* .at-list-table.card .table{margin-top: -1px;} */
.at-list-table .k-grid .k-grid-header {
  border-color: #eff1f4;
}

.at-list-table .k-grid .k-alt {
  background-color: #fff;
}

.at-list-table .k-grid thead th {
  font-size: 0.84rem;
  color: #5a5a5a;
  font-weight: bold;
  background-color: #fff;
  border-width: 0;
  border-color: #eff1f4;
  /* padding: 0.89rem 2rem; */
  border-right: 1px solid #eff1f4;
  padding-right: 18px;
}

/* .logbookTable .at-list-table .k-grid thead th,
.logbookTable .at-list-table .k-grid td {
  width: 190px;
}

.logbookTable .k-grid-table colgroup col {
  width: 200px;
} */

.logbookTable .at-list-table .k-grid td {
  line-height: 16.5px;
}

.logbookTable.repotable .k-grid-table colgroup col,
.logbookTable.repotable .k-grid-header colgroup col {
  width: 200px;
}

.logbookTable.repotable .k-grid-table colgroup col:first-child,
.logbookTable.repotable .k-grid-header colgroup col:first-child {
  width: 60px;
}

.matrial-table.logbookTable .k-grid-table colgroup col:nth-child(2),
.matrial-table.logbookTable .k-grid-table colgroup col:nth-child(3),
.matrial-table.logbookTable .k-grid-table colgroup col:nth-last-child(2),
.matrial-table.logbookTable .k-grid-table colgroup col:nth-last-child(1),
.matrial-table.logbookTable .k-grid-table colgroup col:nth-last-child(3),
.matrial-table.logbookTable .k-grid-table colgroup col:nth-last-child(4) {
  width: 140px;
}

.at-list-table .k-grid thead th .k-icon {
  margin-top: -4px;
}

.at-list-table .k-grid thead th .k-icon.k-i-sort-asc-sm,
.at-list-table .k-grid thead th .k-icon.k-i-sort-desc-sm {
  margin-top: 1px;
}

.at-list-table .k-grid td {
  font-size: 0.775rem;
  color: #172b4d;
  border-bottom: 1px solid #eff1f4;
  border-left: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  /* padding: 0.89rem 2rem; */
}

.user-rights .at-list-table .k-grid td {
  max-width: 187px;
  width: 100%;
}

.kendo-select-col {
  font-size: 0.85rem;
  color: #172b4d;
  font-weight: bold;
  background-color: #fff;
  border-width: 0;
  border-color: #eff1f4;
  border-right: 1px solid #eff1f4;
}

.at-list-table .k-grid .k-master-row {
  background-color: #fff;
}

.at-list-table .k-grid-pager {
  border-color: #eff1f4;
  color: #172b4d;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #ffffff;
  /* padding: 15px 20px; */
}

.at-list-table .k-pager-wrap .k-link,
.at-list-table .k-pager-wrap .k-pager-nav {
  font-size: 0.84rem;
  font-weight: 600;
  border: 0;
  color: #172b4d;
}

.at-list-table .k-pager-numbers .k-state-selected,
.at-list-table .k-pager-numbers .k-state-selected:hover,
.at-list-table .k-pager-numbers .k-selected,
.at-list-table .k-pager-numbers .k-selected:hover {
  background-color: #1970eb;
  color: #fbfbfb !important;
}

.at-list-table .table thead th {
  font-size: 0.84rem;
  color: #172b4d;
  border-bottom: 1px solid #eff1f4;
}

.at-list-table .table td {
  font-size: 0.89rem;
  color: #172b4d;
  font-weight: 600;
}

/* Kendo Grid Ends */
/* Responsive Begins */

@media (max-width: 575.98px) {
  .clsPageName {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.25;
  }

  .eln-tabs .nav-tabs .nav-link,
  .eln-tabs .nav-tabs .nav-item {
    width: 100%;
  }

  .m-lr-n-1 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .clsScreen20 {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .clsScreen80 {
    max-width: 60%;
    flex: 0 0 60%;
  }

  .headermargin {
    margin-left: 35px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .top-main-menu .list-inline .list-inline-item:not(:last-child) {
    margin-right: 0.5rem !important;
  }

  .e-sheet-header {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .rc-tabs-content-holder .navbar-expand-lg.sticky-top {
    z-index: 900;
  }
}

.clsTagDivHr {
  padding: 8px 8px;
  font-weight: 600;
  border-bottom: solid #edf0f3 1px;
}

.clsTagDiv {
  padding: 8px 10px;
}

.clsTagDiv:hover {
  background-color: #e9f4fd;
}

.cls-information {
  background-color: #ffffff;
}

.k-dialog-titlebar {
  color: #656565 !important;
  background-color: #f6f6f6 !important;
}

.csv-reader-input [type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}

.csv-reader-input .csv-label:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f093";
  padding-right: 0.5rem;
}

.csv-reader-input .csv-label {
  color: #1970eb !important;
  font-size: 0.85rem;
  font-weight: bold;
  text-transform: uppercase;
  background: transparent;
  margin-right: 10px;
  cursor: pointer;
}

.file-upload-btn .csv-reader-input .csv-label {
  color: #fff !important;
  margin-bottom: 0;
  margin-right: 0;
}

.breakWord120 {
  /*max-width: 120px !important;*/
  word-break: break-all !important;
  word-wrap: break-word !important;
  /*vertical-align: top;
            line-height: 15px;*/
}

.jqx-tree .draggable {
  word-break: break-all !important;
  word-wrap: break-word !important;
  width: 85%;
}

.cls-treeexpand {
  /* position: absolute;
  z-index: 10; */
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
}

.btn.toggle-btn {
  color: #fff;
  border-color: #1970eb;
  background-color: #1970eb;
  padding: 0.15rem 0.75rem;
  margin-bottom: 0.5rem;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

.btn.toggle-btn:hover {
  color: #fff;
}

.btn.toggle-btn:active,
.btn.toggle-btn:focus {
  box-shadow: none;
  outline: 0;
}

.cls-treeexpandparent {
  position: relative;
}

.cls-treeexpandparent .cls-treeexpand {
  right: 0;
}

.cls-btn-setting {
  background-color: #e4e6eb;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 36px;
  height: 36px;
  outline: none;
}

.cls-fiterbtn-setting {
  background-color: #e4e6eb38;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  width: 38px;
  height: 38px;
  outline: none;
}

.cls-btn-setting.active {
  background-color: #e7f3ff;
}

.cls-fiterbtn-setting:active,
.cls-fiterbtn-setting:focus,
.cls-btn-setting:focus,
.cls-btn-setting:active {
  outline: 0;
}

.cls-notification .notification-header {
  font-size: 1.375rem;
}

.cls-notification h6 {
  margin-left: 1rem;
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu {
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
  border: solid 1px #eff1f4;
  background-color: #ffffff;
  border-radius: 5px;
}

.cls-notification {
  padding: 0.5rem 0;
  z-index: 999999;
}

.cls-notification:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 3%;
  border: solid transparent;
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #c7c6c6;
  border-width: 9px;
  pointer-events: none;
}

.cls-notification .list-group-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e9e9e9;
}

.cls-notification .list-group-item:hover {
  background: #fafafa;
}

.btn.btn-sm-rounded {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.89rem;
}

.cls-notification .list-group-item .media-body .media-heading {
  font-size: 0.74rem !important;
  font-weight: 600;
  color: #172b4d;
  margin-bottom: 0;
}

.time-stamp-wrap ul li {
  font-size: 0.75rem;
  color: #9ca5b3;
}

.cls-notificationcount {
  position: absolute;
  border-radius: 50%;
  background-color: #1970eb;
  color: #ffffff;
  font-size: 0.5rem;
  z-index: 1;
  width: 16px;
  height: 16px;
  line-height: 16px;
  top: -5px;
  right: 5px;
  font-family: "Helvetica Neue", sans-serif !important;
}

#topmenuitem .cls-notificationcount {
  height: 18px;
  width: 29px;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 600 !important;
  letter-spacing: 0;
  line-height: 18px;
  right: 1px;
  top: -18px;
  border-radius: 9px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 400;
}

#topmenuitem .cls-notificationcount.notificationcount-right {
  right: 10px;
}

#topmenuitem #top_usernamevalue.semi-dark {
  font-size: 0.8rem !important;
  color: #172b4d !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600 !important;
}

.cls-height90vh {
  height: 90vh;
}

.react-switch {
  vertical-align: middle;
  /* margin-left: 4px; */
}

.react-switch .react-switch-bg {
  height: 20px !important;
  width: 30px !important;
  border-radius: 9999px !important;
  background-color: #d1d5db !important;
}

.inventory_new_tab .react-switch .react-switch-bg {
  width: 42px !important;
}

.react-switch .react-switch-handle {
  height: 15px !important;
  width: 15px !important;
  top: 5px !important;
}

.inventory_new_tab .react-switch .react-switch-handle {
  top: 5px !important;
}

/* .ck-editor__editable_inline {
  height: 375px;
} */
.badge-primary-protocol {
  font-size: 16px;
  background-color: white;
  border: 1px solid #1268e3;
  color: #1268e3;
  font-weight: 700;
  padding: 0.25em 0.4em;
  display: inline-block;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 1em;
}

.textdecorationnone {
  text-transform: none !important;
}

.CKeditorOutputDiv > div > div > div > table > tbody > tr > td {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid #bfbfbf;
}

.CKeditorOutputDiv > div > div > div > table {
  min-width: 2em;
  padding: 0.4em;
  border: 1px solid #bfbfbf;
}

.cls-share div input,
.cls-share div input:focus,
.cls-share div input:hover {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #172b4d;
  font-weight: 600;
  box-shadow: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  display: block;
  width: 100%;
  height: calc(1em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.89rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border-width: 1px;
  border-color: #ced4da;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  outline: none !important;
}

.image_resized > img {
  width: inherit;
}

.clslinkmenu:link,
.clslinkmenu:visited,
.clslinkmenu:hover,
.clslinkmenu:active {
  text-decoration: none;
  color: #172b4d;
  font-weight: 600 !important;
}

.popover-minwidth {
  /* min-width: 275px; */
  width: 100%;
}

.helpconent {
  margin: 5px 15px 5px 25px !important;
}

#helptree .k-treeview {
  height: 86vh !important;
  /* padding-right: 20px; */
  /* min-width: 14vw; */
  width: 100%;
  padding: 10px;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 100;
  /* this is optional and should be different for every project */
  height: 14vh;
}

.sticky-wrapper {
  position: sticky;
  height: 14vh;
  /* We need to change this value */
}

.sticky .sticky-inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: white;
}

.stickyleft {
  position: sticky;
  top: 15;
  z-index: 100;
  /* this is optional and should be different for every project */
}

.stickyleft-wrapper {
  position: relative;
  height: 86vh;
  /* We need to change this value */
}

.stickyleft .stickyleft-inner {
  position: fixed;
  top: 4;
  left: 0;
  /* right: 0; */
  z-index: 1;
}

.header {
  background-color: white;
}

.btnpacksel {
  border: none !important;
  outline: 0 !important;
  outline-style: none !important;
}

.btnpacksel:focus,
.btnpacksel:active {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.btnpackselected {
  text-decoration: underline !important;
}

.pg-viewer-wrapper {
  overflow-y: unset !important;
}

.photo-viewer-container {
  width: unset !important;
  height: unset !important;
}

.photo-viewer-container > img {
  width: auto !important;
  height: auto !important;
}

.newtab .photo-viewer-container > img {
  width: 100% !important;
}

.video-container > video {
  width: 100% !important;
  height: 100% !important;
}

.pdf-canvas > canvas {
  width: auto !important;
  height: auto !important;
}

.pdf-viewer {
  padding-left: 25%;
}

.video-container > audio {
  width: 100% !important;
  height: 100% !important;
}

.document-container {
  width: 100% !important;
  height: 100% !important;
}

.react-grid-Grid {
  min-height: 580px !important;
}

.navbar-brand {
  color: black !important;
}

.cls-ug {
  font-weight: bold;
  /* text-decoration: underline; */
  padding: 10px;
  /* text-align: center; */
  color: #176afa;
  cursor: pointer;
  font-size: 0.85rem;
}

.cls-li-ug {
  border: 1px solid rgba(0, 0, 0, 0.125);
  font-weight: 600;
  font-size: 0.89rem;
  padding: -0.5rem 1.25rem;
  cursor: pointer;
}

.btn-outline-light {
  color: black !important;
}

.parent_menu_group a label {
  color: #ffffff;
  margin-bottom: 0 !important;
}

.clscombopop ul li {
  font-size: 0.775rem !important;
}

/* .clskendoDatepick input{
  font-size: 0.89rem !important;
}
 */
.clsKendoDatepop {
  font-size: 0.775rem !important;
  z-index: 9999 !important;
}

.k-datetime-container {
  font-size: 0.775rem !important;
  z-index: 9999 !important;
}

.k-calendar,
.k-time-part {
  font-size: 0.775rem !important;
}

.btn {
  font-size: 0.775rem !important;
}

/* Position and sizing of burger button */
.bm-burger-button {
  position: fixed;
  width: 36px;
  height: 30px;
  left: 36px;
  top: 36px;
  display: none;
}

/* Color/shape of burger icon bars */
.bm-burger-bars {
  background: #373a47;
}

/* Color/shape of burger icon bars on hover*/
.bm-burger-bars-hover {
  background: #a90000;
}

/*
Sidebar wrapper styles
Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases
*/
.bm-menu-wrap {
  position: fixed;
  height: 100%;
}

/* General sidebar styles */
.bm-menu {
  background: #ffffff;
  padding: 2.5em 0.5em 0;
  font-size: 1.15em;
}

/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
  fill: #373a47;
}

/* Wrapper for item list */
.bm-item-list {
  /* color: #b8b7ad; */
  padding: 0.8em;
}

/* Individual item */
.bm-item {
  display: inline-block;
}

/* Styling of overlay */
.bm-overlay {
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}

.bm-menu-wrap.calenderPopup-inventory-filter {
  top: 0;
  width: 750px !important;
}

.k-widget.k-calendar {
  width: 100%;
}

.k-calendar .k-calendar-view table {
  width: 100%;
}

.k-calendar .k-calendar-view th {
  text-align: unset !important;
}

.cls_dateformat {
  color: #1970eb;
}

.inline-filter-bread .inline-filter-group:before {
  content: "";
  height: 12px;
  width: 1.5px;
  background: #000;
  display: inline-block;
  margin: auto 5px -1px;
}

.inline-filter-bread .inline-filter-group:first-child:before {
  display: none;
}

.value-filter {
  color: #1970eb;
  padding-left: 5px;
}

.inlinechange {
  display: inline-flex !important;
  align-items: baseline;
  gap: 4px;
}

.single-line-filter {
  display: inline !important;
}

#id_dashregorder {
  min-width: 250px !important;
}

.cls_dashboardaction {
  margin-left: auto;
  margin-right: 0;
}

.fill-div {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  overflow: hidden;
  background-color: transparent;
  border: none !important;
  outline: none !important;
}

.fill-div:active,
.fill-div:selection,
.fill-div:click,
.fill-div:hover {
  border: none !important;
  outline: none !important;
}

/*help header styling start*/
.sticky-header-full {
  height: 60px;
}

.sticky-header-full .sticky-inner {
  border-bottom: 1px solid #1970eb;
  background-color: #fcfdfd;
  box-shadow: 0 4px 16px 5px rgb(199 208 224 / 29%);
  /*padding: 2px 5px;*/
}

.sticky-header-full .sticky-inner img {
  max-width: 50px;
  height: auto;
}

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

.text-centr {
  text-align: center;
}

.sticky-side-respponsive,
.sticky-left-full .stickyleft-wrapper {
  height: calc(100% - 60px);
}

.sticky-side-respponsive {
  height: calc(100vh - 60px);
}

.sticky-left-full .stickyleft-wrapper .stickyleft-inner {
  position: fixed;
  width: 25%;
  top: 60px;
  left: 0;
  z-index: 1;
  bottom: 0;
  overflow-y: auto;
  background: #1970eb;
}

.bx-shadow {
  box-shadow: 8px 1px 8px 0px rgb(199 208 224 / 29%);
}

.btn-grp-btm-shaodw-box {
  box-shadow: 0px 4px 8px 0px rgb(199 208 224 / 29%);
  margin-bottom: 2rem;
}

.bx-shadow-square {
  box-shadow: 1px 1px 11px 5px rgb(199 208 224 / 29%);
  padding: 15px;
  height: 100%;
}

.bx-shadow-square.spaced {
  margin: 10px;
}

.bx-shadow-square-custom {
  /* box-shadow: 1px 1px 11px 5px rgb(199 208 224 / 29%); */
  /* padding: 15px; */
  height: 100%;
  width: 100%;
}

.sticky-left-full #helptree .k-treeview {
  height: auto !important;
}

.sticky-header-full .sticky-inner .navbar-brand {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 3px;
  padding: 2px 24px;
  color: #fff !important;
  float: right;
  padding-top: 9px;
}

.sticky-header-full + .row .k-treeview .k-item {
  word-break: break-all;
}

.sticky-left-full .helpconent {
  width: 75%;
  margin-left: 25% !important;
  padding: 20px;
}

.sticky-left-full .k-treeview .k-in,
.sticky-left-full .k-treeview .k-treeview-leaf-text {
  padding: 0.2rem;
}

.sticky-left-full .k-treeview .k-content .k-in,
.sticky-left-full .k-treeview .k-content .k-treeview-leaf-text {
  color: #000;
}

.sticky-left-full .k-treeview .k-item {
  white-space: break-spaces;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
}

.bordered-icon {
  border: 1px solid #000;
  padding: 5px 8px;
  border-radius: 25px;
}

.page-title-border {
  background-color: #1970eb;
}

.inline-icon-list {
  list-style-type: none;
  margin-top: 18px;
  margin-bottom: 0;
}

.inline-icon-list li {
  display: inline-block;
}

.inline-icon-list a {
  font-size: 0.9rem;
  color: #172b4d;
  font-weight: 600;
  padding-left: 5px;
}

.inline-icon-list li {
  padding: 0 10px;
  border-right: 2px solid #1970eb;
}

.inline-icon-list li:last-child {
  border-right: none;
}

.inline-icon-list li i {
  font-size: 1.3rem;
  color: #737476;
}

.dropdown-menu-icon {
  display: none;
}

/*profile style start*/
.modal-img-left-list-right {
  padding: 0;
}

.modal-img-left-list-right img {
  max-width: 100%;
  height: 150px;
  width: 150px;
  margin-left: 0 !important;
  padding: 0;
  object-fit: cover;
}

.modal-img-left-list-right + button {
  float: right;
  color: #fff !important;
  background: #1970eb;
  margin-top: 15px;
  margin-right: 0.5rem;
}

.title-underlined {
  font-size: 1.3rem;
  font-weight: bold;
  border-bottom: 1px solid #1970eb;
  padding-bottom: 15px;
}

.no-style-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.key-value-list li {
  padding: 8px 0;
  display: flex;
  /* border-top: 1px solid #ccc; */
  /* border-bottom: 1px solid #ccc; */
}

.key-value-list .left {
  width: 40%;
  font-weight: 600;
}

.key-value-list .right {
  width: 60%;
  /* font-size: 1rem; */
  color: #3a3e42;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}

.select-box-styled {
  margin: 15px 0;
}

.select-box-styled .label-left {
  margin: 5px 0;
  display: block;
  color: #a2a0a0;
}

.select-box-styled select {
  padding-left: 0;
  outline: none !important;
  border: none;
  border-bottom: 2px solid #ccc !important;
  box-shadow: none !important;
}

/*profile style end*/
/*common form styling start*/
.left-label-formcontrol,
.top-label-formcontrol {
  margin-bottom: 0.5rem;
}

.left-label-formcontrol {
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-label-formcontrol .label-left {
  width: 40%;
}

.left-label-formcontrol .label-left,
.top-label-formcontrol .label-top {
  /* font-weight: bold; */
  margin-bottom: 0;
}

.top-label-formcontrol .label-top {
  width: 100%;
}

.top-label-formcontrol input {
  padding-left: 0 !important;
}

.no-style-btn {
  box-shadow: none;
  border: none;
  background: transparent;
  color: #1970eb;
}

.v-centered-items {
  justify-content: center;
  align-items: center;
}

.styled-simple-search {
  display: flex;
  justify-content: center;
  align-items: center;
}

.styled-simple-search i {
  margin-left: -20px;
  color: #1970eb;
}

.styled-simple-search input {
  border: none;
  width: 97%;
  border-bottom: 1px solid #ccc;
  font-family: "Helvetica Neue", sans-serif !important;
  height: calc(1.5em + 1rem + 2px);
  padding: 0.375rem 0.75rem;
  outline: none;
  margin-top: 12px;
  padding-left: 0;
}

.top-label-formcontrol .label-top + span {
  width: 100% !important;
}

.top-label-formcontrol .label-top + span input {
  padding-left: 0 !important;
}

.top-label-formcontrol .label-top + span .k-dropdown-wrap {
  border-width: 1px;
  box-shadow: none !important;
}

.absolute-close {
  position: relative;
}

.absolute-close input {
  padding-right: 30px;
}

.clear-close {
  position: absolute;
  right: 25px;
  background-color: transparent !important;
  border: none !important;
  color: #a5a7a8 !important;
  font-size: 1.1rem !important;
  z-index: 4;
  top: -4px;
}

.card-inner {
  padding: 1.25rem;
  border-bottom: 1px solid #ccc;
}

.menucontainer-grp-1,
.menucontainer-grp-2 {
  display: flex;
  align-items: center;
}

.bm-menu-wrap {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.toolbar-items {
  background: transparent !important;
  border: none !important;
  /* border-bottom: 2px solid #1970eb !important; */
}

.toolbar-items + .toolbar-items {
  border-bottom: none !important;
}

.toolbar-items ul {
  display: flex !important;
  align-items: center !important;
}

.toolbar-items ul li .btn.btn-user {
  margin-right: 0rem !important;
}

.toolbar-items ul li {
  margin-right: 10px !important;
}

.no-padding {
  padding: 0 !important;
}

.toolbar-items + .toolbar-items + div {
  box-shadow: 1px 1px 11px 5px rgb(199 208 224 / 29%);
}

#leftmenuitem {
  z-index: 1000;
  position: relative;
  /* background-color: #006ec3; */
}

#leftmenuitem .main-nav {
  width: 4.5rem;
  background-color: #1970eb;
  min-height: 100vh;
  position: fixed;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
}

.main-nav .nav-link.active {
  color: #fff !important;
  background-color: #0e5bca !important;
}

.sm-text {
  font-size: 0.6rem !important;
  color: #fff;
  padding-top: 5px;
  width: 100%;
  display: block;
  word-break: break-all;
}

.main-nav .sm-text {
  letter-spacing: 0.5px;
}

.main-nav .nav-link {
  padding: 0.8rem 0.3rem;
  border-radius: 0 !important;
  text-align: center;
  text-transform: capitalize;
}

.main-nav .nav-item {
  width: 100%;
}

.main-nav .nav-item img {
  max-width: 30px;
  margin: auto;
}

#leftmenuitem .sub-nav {
  z-index: 998;
}

.sub-nav {
  position: fixed;
  z-index: 99;
  top: 0;
  right: 0;
  left: 0.2rem;
  width: 19rem;
  background: #0e5bca;
  bottom: 0;
  transition: all 0.1s ease-in;
  /* opacity: 0; */
  text-align: left;
  padding: 20px;
}

#leftmenuitem {
  cursor: pointer;
}

.sub-nav h2 {
  text-decoration: none;
  font-size: 1.5rem;
  /* padding: 1rem 0; */
  z-index: 1;
  color: #fff;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 1.3rem !important;
  margin-left: 11px;
}

a {
  font-size: 0.82rem;
}

.sub-nav .accordion button {
  display: flex;
  font-size: 0.85rem;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  color: #fff;
  background: no-repeat;
  outline: none;
  border: none;
  text-transform: capitalize;
}

.open-ico,
.close-ico {
  display: none !important;
}

.sub-nav .accordion .active .open-ico,
.sub-nav .accordion .inactive .close-ico {
  display: block !important;
}

.sub-nav .accordion ul {
  padding-left: 0;
}

.btn-title-wrap {
  position: relative;
}

.sub-nav .accordion a {
  padding: 0.5rem 1rem;
  margin: 0 0.5rem;
  display: block;
  color: hsla(0, 0%, 100%, 0.8);
  text-decoration: none;
  border-radius: 0.35rem;
  white-space: nowrap;
  text-transform: capitalize;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.sub-nav .accordion a span {
  word-break: break-all;
  white-space: pre-wrap;
  padding-left: 0px;
  font-weight: bold;
}

.sub-nav .accordion a i {
  padding-right: 10px;
}

.sub-nav.active .accordion {
  height: 90vh;
  overflow: auto;
}

.sub-nav ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.nav-brand {
  text-align: center;
  padding: 0;
  height: 60px;
  margin-bottom: 15px;
  overflow: hidden;
}

.nav-brand.litelogo {
  height: 77px;
}

.nav-brand > img {
  height: auto;
}

.menu-md-icon {
  display: none;
  border: none;
  outline: none !important;
  font-size: 0.9rem;
  background: #1970eb;
  color: #ffffff;
  line-height: 1;
  padding: 0.2rem 0.3rem;
  right: -14px;
  position: absolute;
  top: 15px;
  left: auto;
  border-radius: 27px;
  z-index: 99999999;
}

.menu-md-icon i {
  transform: rotate(90deg);
  transition: all 0.1s ease-in;
  color: #1970eb;
}

.flitered_autocomplete {
  display: flex;
  align-items: center;
  position: relative;
}

.flitered_autocomplete,
.input-auto-suggestion {
  width: 600px;
  max-width: 100%;
}

.ico-btn {
  font-size: 1rem;
  /* background: #0c4ca7; */
  color: #0c4ca7;
  padding: 2px 5px;
  cursor: pointer;
}

.ico-btn-group {
  display: flex;
  /* background: #ccc; */
  align-items: center;
  /* margin-bottom: .7rem; */
}

.ico-btn-group.move-right {
  justify-content: right;
}

.ico-btn-group img {
  max-width: 18px;
}

.ico-btn-group i {
  padding-right: 4px;
  /* margin-right: 2px; */
  /* border-right: 1px solid #0c4ca7; */
}

.flitered_autocomplete .input-auto-suggestion {
  width: 100%;
  margin-right: 0;
  /*margin-left: 10px;*/
}

.suggest_typed ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.nal-link-list li {
  margin-top: 15px;
}

.nal-link-list a {
  display: flex;
  color: #f8f9fa;
  justify-content: space-between;
}

.nal-link-list button,
.nal-link-list a {
  border-radius: 0 !important;
  padding: 5px 10px !important;
}

.nal-link-list button {
  width: 100%;
}

.filter-menu-body {
  position: absolute;
  z-index: 99;
  top: 30px;
}

.flitered_autocomplete .filter-menu-body {
  right: 0;
  top: 36px;
  z-index: 909;
}

.flitered_autocomplete .ico-btn.ico-btn-group {
  border: 1px solid #dde6f7;
  border-radius: 0 5px 5px 0;
  border-left: none;
  height: 36px;
}

.flitered_autocomplete .ico-btn.ico-btn-group span {
  font-size: 0.76rem;
  color: #677ea6;
  padding: 0 10px 0 5px;
}

.flitered_autocomplete .ico-btn.ico-btn-group i {
  color: #677ea6;
  font-size: 0.77rem;
}

.flitered_autocomplete .input-auto-suggestion {
  border: 1px solid #dde6f7;
  border-radius: 5px 0 0 5px;
}

.flitered_autocomplete .inline-form-search input {
  border: none !important;
  outline: none !important;
  border-radius: 5px;
}

.filter-menu-body ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.filter-menu-body li {
  background: none;
  border-bottom: 1px solid #fff;
}

.filter-menu-body button {
  display: flex;
  /* justify-content: space-between; */
  border: none;
  background: #fff;
  color: #0c4ca7;
  outline: none;
  width: 100%;
  align-items: center;
  padding: 0.5rem 1rem;
  font-weight: 600;
  border-bottom: #f1f1f1 solid 1px;
  text-transform: capitalize;
}

.filter-menu-body span {
  font-size: 0.7rem;
  padding-left: 5px;
}

.filter-menu-body button:focus,
.filter-menu-body button:hover,
.filter-menu-body button.active {
  background: #f1f1f1;
  outline: none;
}

.filter-menu-body button i {
  font-size: 1.1rem;
}

.filter-menu-body button img {
  max-width: 18px;
}

.nal-link-list a:hover,
.nal-link-list a.active,
.nal-link-list button.active {
  background-color: #1970eb !important;
  color: #fff;
  text-decoration: none;
  border-radius: 0.35rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.input-auto-suggestion input {
  width: 100%;
  height: 34px;
  background-color: #ffffff;
  padding-left: 30px;
}

.inline-form-search {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}

.inline-form-search i {
  color: #1970eb;
  z-index: 1;
  position: absolute;
  left: 10px;
  top: 12px;
}

.input-auto-suggestion {
  position: relative;
}

.input-auto-suggestion .suggest_typed {
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1023;
  padding-left: 0;
  list-style-type: none;
  box-shadow: 0 7px 12px 0 #dde6f7;
  border: 1px solid #dde6f7;
}

.centered .input-auto-suggestion {
  margin-left: 50px;
  width: 100%;
  margin-top: 15px;
}

.header-left {
  display: flex;
  align-items: center;
  /* width: 60%; */
  justify-content: space-between;
  padding-right: 0px;
  padding-left: 0 !important;
}

#topmenuitem {
  /* width: 40%; */
  display: flex;
  flex-direction: row-reverse;
  padding-right: 0;
}

#topmenuitem.col-lg-5 {
  flex-direction: row;
  justify-content: end;
  position: relative;
}

.upgrade_button {
  /* top: 0px; */
  text-align: center;
  margin-right: 16px;
  z-index: 9;
}

.upgrade_button a {
  box-shadow: 1px 0px 7px #1970eb;
}

.upgrade_button .button {
  background-color: transparent;
  border: 0;
  color: #fff;
  /* background-image: url(../../images/upgradebutton.png); */
  width: 126px;
  /* background-size: contain;
  background-repeat: no-repeat; */
  display: inline-block;
  padding-top: 9px;
  font-weight: 600 !important;
}

.upgrade_button .button:hover {
  text-decoration: none;
}

.upgrade_button .rocket::before {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.input-auto-suggestion li {
  /* display: flex; */
  /* align-items: center;   */
  text-align: left;
}

.shadow-outlet-black {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.2);
}

.form-shadow {
  background-color: #fff;
  padding: 0.5rem;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
}

.suggest_typed li {
  padding: 3px 6px;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.suggest_typed li:hover {
  background-color: rgba(238, 242, 249, 0.53);
  /* color: #fff !important; */
}

.suggest_typed li i {
  color: #1970eb;
  margin-right: 5px;
  font-size: 12px;
  padding-right: 5px;
}

.suggest_typed a {
  width: 100%;
  display: block;
  color: #a7a4a4;
}

.suggest_typed li:hover > a {
  color: #fff;
  opacity: 0.5;
}

.pointer {
  cursor: pointer;
}

button.k-button.k-primary.k-outline,
.react-confirm-alert-button-group button:last-child,
.bm-cross-button,
.btn_white_bg,
.k-icon.k-i-calendar,
.navbar-dark .navbar-toggler {
  color: #1970eb !important;
  background: #fff !important;
  /* border: 1px solid #1970eb !important; */
  border: 0 !important;
  font-weight: 600 !important;
  padding: 0.2rem 0.8rem !important;
  border-radius: 25px !important;
  line-height: 1.1 !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0.775rem !important;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.btn_white_bg.button,
.btn.modalbluebtn.button,
.react-confirm-alert-button-group button:last-child {
  border: 1px solid #1970eb !important;
  box-shadow: none !important;
}

.show-order .rightIcons .btn_white_bg,
.k-split-button.k-button-group.btn_white_bg,
.k-filemanager-toolbar .k-button-group .k-button {
  border: 0 !important;
  box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%) !important;
}

.k-filemanager-toolbar .k-button-group .k-button {
  border-radius: 1.5rem;
}

.dashboard-title .k-button-group > .k-button:first-child:not(:only-child) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}

.dashboard-title .k-button-group > .k-button:last-child:not(:only-child) {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.k-icon.k-i-calendar {
  padding: 0.2rem 0.8rem !important;
}

button.k-button.k-primary.k-outline:hover,
.hightlight,
.btn_white_bg:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.btn_white_bg.active_bg_white,
.hightlight.btn_white_bg:hover {
  background-color: #0c4ca7 !important;
  color: #fff !important;
}

.bm-cross-button {
  padding: 4px 14px !important;
}

.bm-cross-button > span {
  top: 4px !important;
  right: 15px !important;
}

.bm-cross-button .bm-cross {
  background: #1970eb;
}

.k-icon.k-i-calendar {
  width: auto;
  height: auto;
}

.k-datepicker .k-select,
.k-timepicker .k-select,
.k-datetimepicker .k-select {
  background-color: transparent !important;
  border: none !important;
  min-width: 45px;
}

.btn_white_bg.txt-btn {
  padding: 6px 12px !important;
  text-transform: uppercase;
}

.header-attched-btn .btn_white_bg {
  border-radius: 0 !important;
  margin-bottom: -1px;
}

.btn_white_bg.txt-btn-md {
  padding: 6px 12px !important;
  text-transform: uppercase;
}

.btn_white_bg.small {
  padding: 2px 7px !important;
}

.btn_white_bg.xsmall {
  padding: 1.5px 9px !important;
}

.btn_white_bg.icon-md {
  padding: 3px 10px !important;
}

.btn_white_bg.icon-lg {
  padding: 5px 13px !important;
}

button.k-button.k-primary.k-outline {
  height: auto;
}

button.k-button.k-primary.k-outline .k-icon {
  padding: 0 !important;
  font-size: 0.9rem !important;
}

.btn_white_bg.small + .btn_white_bg.small {
  margin-left: 2px;
}

#react-burger-cross-btn .btn_white_bg.small i {
  font-size: 0.7rem;
}

.btn_white_bg + .btn_white_bg {
  margin-left: 5px;
}

.btn_white_bg:not([class*="txt-btn"]) span {
  padding-left: 5px;
}

.dashboard-title .btn_white_bg:not([class*="txt-btn"]) span {
  padding-top: 4px !important;
  padding-bottom: 3px !important;
}

.btn_white_bg i {
  font-size: 0.8rem;
  line-height: 1;
}

.btn_white_bg .clr-dark {
  color: #1268e3;
}

.common-card-wrap {
  margin-bottom: 0.5rem;
  padding: 10px;
  width: 100%;
}

.common-card-wrap > div {
  padding: 10px;
  -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
}

.free-wrap ul {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

/*justify-content:  end to space-between changed to align user rights user role form should  be left aligned */
.flex-side-centered {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 10px;
}

.flex-side-centered.space-b {
  justify-content: space-between;
}

.materialFilter {
  width: 250px !important;
}

.materialFilterBtn {
  width: 250px !important;
  margin-top: 30px !important;
  margin-left: 0px !important;
}

.editer-wrap,
.formgroup-custom {
  margin-bottom: 15px;
  padding: 10px;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}

.single-input-group {
  display: flex;
  align-items: center;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
}

.min_width_input {
  min-width: 200px;
}

.single-input-group label {
  min-width: 200px;
  font-size: 0.8rem;
  align-items: center;
  margin: 12px 0;
  font-weight: 600;
}

.input-wrap > div > div,
.single-input-group input {
  /* border-bottom: 1px solid rgb(33 37 41) !important; */
  border-radius: 0 !important;
}

.single-input-group .k-checkbox + .k-checkbox-label,
.single-input-group .k-radio + .k-radio-label {
  margin-right: 8px;
}

.input-wrap > div,
.input-wrap {
  min-width: 200px;
}

.inlined-input,
.inner-formgroup {
  display: flex;
  align-items: center;
}

.inner-formgroup label {
  padding-right: 10px;
  min-width: 180px;
  font-weight: 600;
  font-size: 0.8rem;
}

.editer-wrap
  .ck-restricted-editing_mode_standard.ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
  /* border-bottom: 2px solid #172b4d; */
  box-shadow: -1px 2px 3px 0px #ccc;
}

.editer-wrap .ck.ck-editor__editable_inline > :last-child {
  margin-bottom: 0;
}

.editer-wrap .ck.ck-editor__editable_inline > :first-child {
  margin-top: 0;
}

.editer-wrap .ck-editor__editable .restricted-editing-exception {
  border: none;
  background-color: transparent;
  box-shadow: none;
  width: 100%;
  padding: 7px;
}

.editer-wrap p {
  margin-bottom: 0;
  display: flex;
  font-size: 0.79rem;
  color: #172b4d;
  font-weight: bold;
  font-weight: 600;
  align-items: center;
}

.editer-wrap p > span {
  margin-left: 10px;
}

.inlined-input .form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
  cursor: not-allowed;
}

.table {
  margin: 10px 0;
}

.table tr:first-child td {
  /* font-weight: 600; */
}

h5.h5 {
  font-size: 1.3rem;
  font-weight: 600;
}

h6.h6 {
  font-size: 1.1rem;
  font-weight: 600;
}

h5,
h6 {
  text-transform: capitalize;
}

.no-margin {
  margin: 0 !important;
}

.no-btm-margin {
  margin-bottom: 0 !important;
}

.btn-flex {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: 1px solid #1970eb;
  padding-bottom: 5px;
}

.btn-flex .btn {
  font-size: 0.8rem !important;
  padding: 3px 15px !important;
}

.editer-wrap .chemViewerCss,
.editer-wrap .K-Widget canvas,
.editer-wrap .image.image_resized {
  width: 80% !important;
  padding: 15px;
  margin: 0 auto;
  height: auto !important;
}

.inset-bx-shadow {
  box-shadow: inset 0px 0px 7px 0px rgb(0 0 0 / 10%);
}

.p_h_15 {
  padding-left: 15px;
  padding-right: 15px;
}

.btn-spaced {
  margin: 10px;
}

.login-form .form-group > .form-label,
.login-panel .form-group .form-label,
.sheets-wrapper .form-group > .form-label,
.sheets-wrapper .form-inline .form-label {
  /* font-family: ""Helvetica Neue" , sans-serif", sans-serif !important; */
  /* font-size: .775rem !important; */
  margin-right: 10px;
}

.login-form .form-group > .form-label,
.login-panel .form-group .form-label {
  margin-bottom: 0;
}

.toolbar_actions {
  margin-bottom: 0 !important;
}

.toolbar_actions .list-inline {
  display: flex;
}

.justify-custom > * {
  padding-right: 10px;
}

.md-justify-content-s-b {
  justify-content: space-between;
}

.xs-justify-s-b {
  display: flex;
  justify-content: flex-end;
}

.md-justify-content-f-e {
  justify-content: flex-end;
}

.row.no-wrap {
  flex-wrap: nowrap;
}

.d_flex_btn,
.d-flex-m-reverse {
  display: flex;
}

.d_flex_btn button {
  min-width: 80px;
  padding: 5px !important;
}

button {
  cursor: pointer;
}

.info-box .card-title {
  padding: 10px;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}

.para-wrap {
  word-break: break-all;
}

.info-box .list-group {
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}

.info-box .calender-list {
  display: flex;
  align-items: center;
}

.info-box .card-body {
  padding: 0px;
}

.no-margin-b {
  margin-bottom: 0 !important;
}

.md-fixed-list .scroll-wrap {
  height: calc(100vh - 128px);
}

.sm-fixed-list .scroll-wrap {
  height: calc(100vh - 119px);
}

.sm-fixed-list-btn-top .scroll-wrap {
  height: calc(100vh - 185px);
}

.full-width-table .k-grid-table,
.full-width-table .k-grid-header-wrap > table,
.splitted-view .k-grid-header-wrap > table,
.splitted-view .k-grid-content table {
  width: 100% !important;
}

.grid-height-normal .k-widget.k-grid {
  max-height: calc(100vh - 160px) !important;
}

.grid-height-no-toolbar .k-widget.k-grid {
  max-height: calc(100vh - 108px) !important;
}

.grid-height-no-toolbar-no-btn-group .k-widget.k-grid {
  max-height: calc(100vh - 185px) !important;
}

.flex-form-group,
.equal-split-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.equal-split-flex .form-group {
  flex: 1 1 0;
  padding: 0 10px;
}

.flex-form-group label {
  min-width: 30%;
  margin-bottom: 0;
}

.tab-c-tab-grid .k-widget.k-grid {
  height: calc(100vh - 285px) !important;
}

.tab-c-tab-grid {
  padding-top: 1rem;
}

.tab-c-form {
  height: calc(100vh - 190px) !important;
}

.tab-c-form-m-h {
  max-height: 500px;
}

.padding-align-form {
  margin-bottom: 0.5rem;
  justify-content: flex-start !important;
  padding: 0.5rem;
}

.--pad--7 {
  padding-bottom: 0.7rem;
}

.w-100 {
  width: 100%;
}

.clr-dark {
  color: #bdbdbd;
}

.popup-form-group-default {
  width: 30% !important;
  min-width: 443px;
}

.popup-form-group-default1 {
  width: 80% !important;
  /* min-width: 400px; */
}

/* .switchUserDropdown .rc-tabs-nav-operations .rc-tabs-nav-more {
  display: none;
} */

.switchUserDropdown {
  overflow: visible !important;
}

.custom-tabs-container {
  position: relative;
}

.custom-tabs-container::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 3%;
  border: solid transparent;
  border-bottom-color: #ddd;
  border-width: 9px;
  pointer-events: none;
  z-index: 10;
}

.custom-tabs-container.eln-tabs.p-rel::before {
  content: none !important;
}

.actionsBtn button.clsopenbutton {
  padding-left: 0;
}

#staticBackdropLabel {
  word-break: break-all;
}

/*common form styling end*/

/*help header styling end*/

.cls_cardtitle {
  white-space: nowrap;
}

.cls_shareuser p {
  font-size: 14px;
  padding-bottom: 0rem;
  margin-bottom: 0.3rem;
}

button span i {
  color: #1970eb;
}

.cls_orderidpoptext {
  color: #1970eb;
}

.primary-txt-headerhover:hover {
  -webkit-transform: scale(1.3);
  background: #31708f;
}

.primary-txt-headerhover {
  color: #1970eb !important;
  font-size: 0.85rem;
  font-weight: bold;
  cursor: pointer;
  text-transform: uppercase;
  background-color: transparent !important;
  border: 1px solid transparent !important;
}

figure {
  margin: auto !important;
}

figure table {
  width: 100% !important;
}

.cls_protocoleditor {
  padding: 5px;
}

.cls_protocoleditor table,
.cls_protocolpreview table {
  table-layout: fixed;
  border: 1px solid #bfbfbf;
  margin-bottom: 2px;
}

.cls_protocoleditor table td,
.cls_protocolpreview table td {
  overflow: hidden;
  word-wrap: break-word;
  border: 1px solid #bfbfbf;
}

.ck-editor__editable {
  max-height: 400px;
}

th.k-header.active > div > div {
  color: #0d3ce8;
  /* background-color: #0d3ce8; */
}

.at-list-table .k-grid-header .k-header .k-i-more-vertical::before,
.at-list-table .k-grid-header .k-header .k-svg-i-more-vertical::before {
  content: "\e129";
}

.at-list-table .k-grid-header .k-header .k-svg-i-more-vertical svg {
  display: none;
}

.at-list-table .k-grid-header .k-header .k-i-more-vertical::before {
  content: "\e129";
}

.restrict-edit {
  background: rgba(255, 77, 77, 0.2);
  padding: 0 2px;
}

.draggednumber::-webkit-inner-spin-button,
.draggednumber::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.span.light {
  color: #797d85;
}

.btn-primary-blue svg,
.btn.btn-primary-blue i {
  margin-right: 0.25rem !important;
  color: #fff !important;
}

.btn.btn-primary-blue.nav-link {
  color: #fff !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.w-100-centr-align {
  width: 100%;
  text-align: center;
}

.padd-title-sm {
  padding: 0.5rem;
}

.p-sm {
  padding: 0.5rem;
}

.b-100 {
  font-weight: 100 !important;
}

/*title styling start*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
}

h1 {
  font-size: 1.9rem !important;
}

.h2,
h2 {
  font-size: 1.7rem !important;
}

.h3,
h3 {
  font-size: 1.5rem !important;
}

.h4,
h4 {
  font-size: 1.3rem !important;
}

.h5,
h5 {
  font-size: 1.1rem !important;
}

h5.modal-title,
.h6,
h6 {
  font-size: 1rem !important;
}

h6.inner-head,
.popup-group-list h6,
.rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn,
.rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn a {
  font-size: 0.875rem !important;
}

.k-filemanager-preview .k-file-name,
.k-filemanager-preview .k-file-meta-label,
h6.inner-head.sub-head,
.font-md {
  font-size: 0.84rem !important;
}

.k-filemanager-preview .k-file-meta-value,
.k-calendar .k-calendar-view th,
.k-time-list-wrapper .k-title,
.sheets-wrapper .card-header,
.rc-tabs-top .rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn,
.rc-tabs-top .rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn a {
  font-size: 0.775rem !important;
}

.k-filemanager-content .k-breadcrumb .k-breadcrumb-link,
.logout-menu .list-group-flush > .list-group-item,
.clslinkmenu,
.login-form .form-group > .form-label,
.login-panel .form-group .form-label,
.sheets-wrapper .form-group > .form-label,
.sheets-wrapper .form-inline .form-label,
.rowiteamDashHeader > .clsorderdetails .eln-t-header,
.left-label-formcontrol .label-left,
.top-label-formcontrol .label-top,
.radio input + span,
.k-grid th,
.k-grid td,
label {
  font-size: 0.775rem !important;
}

.form-input-wrap .msl-input,
.k-time-list .k-item,
.k-calendar-navigation .k-content li,
.k-calendar .k-month .k-link,
.k-calendar .k-calendar-monthview .k-link,
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today,
.k-time-header .k-time-now,
.styled-simple-search input,
.clsSheets .k-textbox,
.clsopenbutton,
.rowiteamDashHeader .clsorderdetails > div,
.form-control,
.sheets-wrapper .k-input,
.k-dropdown .k-dropdown-wrap .k-input,
.k-dropdowntree .k-dropdown-wrap .k-input,
.k-pager-info,
.clskendoDatepick input,
.msl-chip,
.msl-single-value,
.msl-grp-title,
.msl-options .msl-option,
.k-filemanager-toolbar .k-toolbar .k-button,
.para-wrap,
p,
.k-filemanager-listview .k-file-name,
.span,
.k-menu-link,
a {
  font-size: 0.775rem !important;
}

/*title styling end*/
/*font family styling start*/

.k-calendar .k-calendar-view th,
.k-time-list-wrapper .k-title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.sub-nav .accordion button,
.semi-dark {
  /* font-family: 'Poppins-SemiBold' , sans-serif !important; */
  font-family: "Helvetica Neue", sans-serif !important;
  color: #172b4d;
  font-weight: 500;
}

.cls_shareuser span,
.k-list .k-item,
.form-input-wrap .msl-input,
.form-input-wrap input,
.form-input-wrap select,
.form-control,
.sheets-wrapper .k-input,
.k-dropdown .k-dropdown-wrap .k-input,
.k-dropdowntree .k-dropdown-wrap .k-input,
.k-pager-info,
.clskendoDatepick input,
.msl-chip,
.msl-single-value,
.msl-grp-title,
.msl-options .msl-option,
.span,
a,
.k-filemanager-preview .k-file-meta-value,
.k-filemanager-listview .k-file-name,
.k-filemanager-content-container .k-treeview .k-in,
.k-filemanager-content-container .k-treeview .k-treeview-leaf-text {
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

.k-filemanager-toolbar .k-toolbar .k-textbox,
.k-grid td,
.k-menu-link,
.k-filemanager-toolbar .k-toolbar label,
.k-filemanager-toolbar .k-toolbar .k-button {
  font-family: '"Helvetica Neue" , sans-serif', sans-serif !important;
  font-weight: normal !important;
}

.k-filemanager-toolbar .k-toolbar .k-button.custom-k-btn {
  border-radius: 7px !important;
}

.clskendoDatepick input {
  padding-left: 0 !important;
  height: auto;
}

.cls_shareuser p,
.popup-group-list h6,
.simple-custom-dropdown li,
.rowiteamDashHeader .clsorderdetails > div,
.form-input-wrap label,
.left-label-formcontrol .label-left,
.top-label-formcontrol .label-top,
.radio input + span,
label,
.k-filemanager-preview .k-file-meta-label,
.font-extra-regular,
.k-filemanager-preview .k-file-name,
.k-grid th,
.k-filemanager-content-container .k-treeview .k-in.k-state-selected,
.k-filemanager-content-container .k-treeview .k-treeview-leaf.k-selected,
.k-filemanager-content .k-breadcrumb .k-breadcrumb-link,
.sm-toolbar .inline-filter-group {
  /* font-family: 'Poppins-extra-Regular' , sans-serif !important; */
  font-weight: 600 !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

button.k-button.k-primary.k-outline,
h5.modal-title,
h6.inner-head,
.react-confirm-alert-button-group button,
.clslinkmenu,
.version-txt,
.logout-menu .list-group-flush > .list-group-item,
.k-calendar-navigation .k-content li,
.k-time-list .k-item,
.k-calendar .k-month .k-link,
.k-calendar .k-calendar-monthview .k-link,
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today,
.k-time-header .k-time-now,
.sheets-wrapper .card-header,
.rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn a,
.rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn,
.at-list-table .k-grid thead th a,
.btn_white_bg.txt-btn,
.btn.btn-user,
.btn.btn-primary-blue,
.k-filemanager-preview .k-single-file-selected,
.font-medium,
.inline-filter-group {
  /* font-family: 'Poppins-Medium' , sans-serif !important; */
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.dark {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

/*font family styling ends*/

/*form common styles*/
.form-wrap-centered {
  width: 60%;
  margin: 0 auto;
  text-align: center;
}

.form-group-split-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-normal-bold {
  font-family: "Helvetica Neue", sans-serif !important;
  outline: none !important;
  border: none !important;
  font-size: 0.775rem;
  color: #172b4d;
  font-weight: 600;
}

.form-group-split-center {
  margin-bottom: 0.7rem;
}

.form-group-split-center label {
  margin-right: 1rem;
}

.form-input-wrap label,
.form-input-wrap input,
.form-input-wrap select {
  margin-bottom: 0;
}

.form-input-wrap .msl,
.form-input-wrap select {
  width: auto;
  border: none !important;
  border-radius: 0px !important;
  border-bottom: rgba(192, 198, 206, 0.46) 1px solid !important;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #172b4d;
}

.form-input-wrap input {
  border: none !important;
  border-radius: 0px !important;
  border-bottom: rgba(192, 198, 206, 0.46) 1px solid;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #172b4d;
  padding: 10px 0px;
}

.border-title {
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #eff1f4;
}

/*form common ends*/
.card-body {
  padding: 1rem;
}

.sm-pop-over .card-body {
  max-height: 12rem;
  max-width: 12rem;
}

.full-screen-view-single-level-right .filter-top-group .k-widget.k-grid,
.filter-top-group + .grid-height-md .k-widget.k-grid {
  height: calc(100vh - 165px) !important;
  max-height: calc(100vh - 165px) !important;
}

.full-screen-view-single-level-right .filter-top-group.active .k-widget.k-grid {
  height: calc(100vh - 290px) !important;
  max-height: calc(100vh - 290px) !important;
}

.filter-top-group.active + .grid-height-md .k-widget.k-grid {
  height: calc(100vh - 290px) !important;
  max-height: calc(100vh - 290px) !important;
}

.md-table-height-wrap .k-widget.k-grid {
  height: 370px !important;
}

.sheets-wrapper .card-header,
.rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn,
.rc-tabs-top > .rc-tabs-nav .rc-tabs-tab-btn a {
  font-weight: 600 !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  color: #1970eb;
  padding: 0.89rem 1.375rem !important;
}

/* .rc-tabs-nav-wrap .rc-tabs-nav-list .rc-tabs-tab .rc-tabs-tab-btn span{
  padding: 0 1.375rem !important;
} */

.mb_sm {
  margin-bottom: 0.5rem;
}

.title-padding {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #eff1f4;
}

span.k-pager-sizes.k-label {
  width: 80px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

.menu-md-icon {
  box-shadow:
    0 0 0 1px rgb(9 30 66 / 8%),
    0 2px 4px 1px rgb(9 30 66 / 8%);
  font-size: 0.8rem;
  background: #fff;
  color: #1970eb;
  padding: 4px 6px 3px;
}

.k-pager-info,
.k-dropdown .k-dropdown-wrap .k-input,
.k-dropdowntree .k-dropdown-wrap .k-input {
  font-family: "Helvetica Neue", sans-serif !important;
}

.table-custom {
  box-shadow: 0px 0px 4px 1px rgb(199 208 224 / 29%);
}

.table-custom > .rowiteamDashHeader:first-child {
  background: rgba(251, 251, 251, 0.7);
}

.table-custom .rowiteamDashHeader {
  border-bottom: 1px solid rgb(204 204 204);
  padding: 7px 10px;
}

/* search btn style start */
.k-filtercell-wrapper {
  position: relative;
}

.k-filtercell-wrapper input {
  border: none;
  border-bottom: 1px solid #1970eb !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding-right: 20px !important;
}

.k-filtercell-wrapper:after {
  content: "\f002";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #1970eb;
  position: absolute;
  top: 7px;
  right: 0;
}

.search-styled button {
  background-color: transparent !important;
  color: #1970eb !important;
  font-weight: 600;
  border: none !important;
}

.search-styled {
  border-bottom: 1px solid #ccc !important;
}

.search-styled button i {
  font-size: 0.9rem;
}

.search-styled input {
  border: none;
}

/* search btn stykles end */
/*calendar styles start*/
.k-time-header,
.k-calendar-infinite .k-calendar-header {
  background: #1268e3 !important;
  color: #fff !important;
}

.k-time-header .k-time-now.k-button.k-bare,
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today {
  color: #fff !important;
  border: 1px solid #fff;
  line-height: 1.5;
  border-color: #fff !important;
  padding: 0px 7px;
  border-radius: 15px;
  background-color: #1268e3;
}

.k-time-header .k-button-text {
  color: #fff !important;
}

.k-calendar .k-month td,
.k-calendar .k-calendar-monthview td,
.k-calendar .k-month .k-link,
.k-calendar .k-calendar-monthview .k-link {
  height: 35px !important;
}

.k-calendar-container {
  margin-left: -50px !important;
}

.k-popup {
  box-shadow: 2px 2px 9px 5px rgb(199 208 224 / 29%) !important;
  border: none !important;
  padding: 0 !important;
}

.k-calendar-navigation .k-calendar-navigation-marker {
  color: #0c489d !important;
}

.k-datetimepicker + .k-datetimepicker {
  margin-left: 0.5rem;
}

/*calendar styles ends*/
.simple-icon-note {
  padding: 0 !important;
}

.simple-icon-note i {
  color: #1970eb;
  padding: 0.3rem;
  border-radius: 15px;
  font-size: 1.5rem;
  margin-right: 1rem;
}

.borderd-card {
  border: 1px solid #ccc;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0;
}

.simple-custom-dropdown {
  padding: 0.5rem 0;
  margin: 0;
}

.simple-custom-dropdown li {
  padding: 0.5rem 1rem;
  border: none;
  color: #1a2e4f;
  /* border-bottom:1px solid #ccc ; */
  font-size: 0.85rem;
}

.f-right {
  float: right;
}

.f-left {
  float: left;
}

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

.close_btn {
  width: 24px;
  height: 24px;
  right: 8px;
  top: 8px;
  position: relative;
}

.close_btn .closeButton {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
  font-size: 0px;
  background: transparent;
  cursor: pointer;
}

.crossIcon {
  position: absolute;
  top: 4px;
  right: 15px;
}

.cross1 {
  position: absolute;
  width: 3px;
  height: 14px;
  transform: rotate(45deg);
}

.cross2 {
  position: absolute;
  width: 3px;
  height: 14px;
  transform: rotate(-45deg);
}

b,
strong {
  font-family: "" Helvetica Neue " , sans-serif";
  font-weight: normal;
}

.login-form .form-control-plaintext {
  font-size: 0.775rem;
}

.ten_pro_Logo img {
  height: 70px;
}

.react-confirm-alert-body.confirmPopup {
  text-align: center;
}

.confirmPopup .react-confirm-alert-button-group {
  display: block;
}

.custom-input-group input {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  padding-left: 0.3rem;
}

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

.btn-group-cutom {
  display: flex;
  align-items: center;
  margin: 0;
  background-color: #fff;
  padding-left: 1rem;
}

.popup-group-list {
  /* padding: 1rem 0; */
  background-color: transparent;
  max-width: 190px;
}

.popup-group-list h6 {
  padding: 0.5rem 1rem;
  margin-bottom: 0rem;
  background-color: #1970eb;
  color: #fff;
  font-size: 0.77rem !important;
}

.popup-group-list-inner ul {
  padding: 0 1rem;
  margin: 0;
  background-color: inherit;
}

.popup-group-list-inner ul li {
  padding: 0.5rem 1rem !important;
  border-bottom: none;
  background-color: inherit;
}

.popup-group-list-inner p {
  margin-bottom: 0;
  font-size: 0.7rem;
  color: #172b4d;
  word-break: break-all;
}

.popup-group-list-inner {
  margin-bottom: 0;
}

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

.btn.btn-cancel {
  color: #1268e3;
  border: #1268e3 solid 1px;
  padding: 4px 15px !important;
}

.btn.btn-cancel:hover {
  color: #1268e3;
  box-shadow: 0px 3px 5px 1px rgb(14 91 202 / 40%);
}

.register-link {
  color: #1268e3;
  border: #1268e3 solid 1px;
  padding: 4px 15px !important;
  border-radius: 25px;
  text-decoration: none;
}

.register-link a {
  text-decoration: none !important;
}

.register-link:hover {
  text-decoration: none !important;
  box-shadow: 0px 3px 5px 1px rgb(14 91 202 / 40%);
}

.tenantHeader {
  width: auto !important;
}

.admin-menu .main-nav {
  width: 5rem !important;
}

.admin-menu .leftmenunav > li {
  padding: 0;
}

.admin-menu .leftmenunav > li a {
  display: block;
  padding: 12px 10px;
  text-decoration: none;
}

.admin-menu .leftmenunav > li a:hover,
.admin-menu .leftmenunav > li a.active {
  background-color: #1970eb;
}

.custom-checkbox .custom-control-label::before {
  margin-top: -3px;
}

.custom-checkbox .custom-control-label::after {
  top: 1px;
}

.txt-center {
  text-align: center;
}

.normalize-element p {
  margin-bottom: 0.5rem !important;
}

.mytaskId {
  width: 90%;
  color: #172b4d;
  text-align: left;
}

.viewDetailIcon {
  position: absolute;
  top: 0;
  /* right: 0; */
  width: 95%;
}

.calender-list {
  margin-right: 10px;
}

.temMapingBlock {
  margin: -12px;
  padding-bottom: 0;
  padding-top: 13px;
  padding-left: 25px;
  padding-right: 10px;
}

.temMapingBlock .radio {
  padding: 10px;
}

.summary-column-mapping {
  margin-bottom: 0;
}

.summary-column-mapping-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.summary-col-src-template,
.summary-col-src-group,
.summary-col-dest-group {
  float: left;
  padding: 8px 10px;
  box-sizing: border-box;
}

.summary-col-action {
  float: left;
  width: 4%;
  min-width: 28px;
  max-width: 36px;
  padding: 8px 2px;
  text-align: center;
}

.summary-col-src-template {
  width: 28%;
}

.summary-col-src-group,
.summary-col-dest-group {
  width: 34%;
}

.summary-column-mapping .rowheader.summary-col-ref-header {
  border: solid 1px #eff1f4;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #f8f9fb;
  padding: 0;
}

.summary-column-mapping .rowheader.summary-col-ref-header > div:not(.clear):not(.summary-col-action) {
  font-size: 0.82rem;
  font-weight: 600;
  color: #172b4d;
  line-height: 1.25;
  padding-top: 8px;
  padding-bottom: 8px;
}

.summary-column-mapping .rowheader.summary-col-ref-header .summary-col-action {
  padding-top: 8px;
  padding-bottom: 8px;
}

.summary-column-mapping .summary-col-ref-scroll.hight-setting {
  /* height: calc(100vh - 280px); */
  /* min-height: 300px; */
  border: solid 1px #eff1f4;
  border-radius: 0 0 5px 5px;
}

.summary-column-mapping .summary-col-ref-empty {
  border: solid 1px #eff1f4;
  border-radius: 0 0 5px 5px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.summary-column-mapping .rowiteam.summary-col-ref-row {
  border-bottom: 1px solid #eff1f4;
  padding-bottom: 4px;
  min-height: 78px;
}

.summary-column-mapping .rowiteam.summary-col-ref-row:hover {
  background: #f8f9fb;
}

.summary-column-mapping .summary-col-hierarchy-parent,
.summary-column-mapping .summary-col-hierarchy-child {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.summary-column-mapping .summary-col-hierarchy-parent:last-child,
.summary-column-mapping .summary-col-hierarchy-child:last-child {
  margin-bottom: 0;
}

.summary-column-mapping .summary-col-hierarchy-child {
  margin-left: 14px;
  padding-left: 12px;
  border-left: 2px solid #d0d7e2;
  position: relative;
}

.summary-column-mapping .summary-col-hierarchy-child::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 50%;
  width: 10px;
  height: 2px;
  background: #d0d7e2;
}

.summary-column-mapping .summary-col-field-label {
  flex: 0 0 58px;
  font-size: 0.72rem;
  color: #6b778c;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

.summary-column-mapping .summary-col-hierarchy-parent .k-combobox,
.summary-column-mapping .summary-col-hierarchy-parent .k-dropdown,
.summary-column-mapping .summary-col-hierarchy-child .k-combobox,
.summary-column-mapping .summary-col-hierarchy-child .k-dropdown,
.summary-column-mapping .rowiteam.summary-col-ref-row .summary-col-src-template .k-combobox,
.summary-column-mapping .rowiteam.summary-col-ref-row .summary-col-src-template .k-dropdown {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.summary-column-mapping .rowiteam.summary-col-ref-row .k-input-inner {
  font-size: 0.85rem;
}

.summary-column-mapping .btn-remove-col {
  color: #dc3545;
  background: transparent;
  border: none;
  padding: 4px;
  line-height: 1;
  font-size: 0.9rem;
}

.summary-column-mapping .btn-remove-col:hover {
  color: #a71d2a;
}

.outlineBtn {
  border: #003e79 solid 1px;
  border-radius: 30px;
}

.tempHeadRight .toolbar_actions {
  margin-top: 5px;
}

.propBlock .k-header .pane-title {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  font-size: 1rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

#ParameterSetting textarea {
  width: 100%;
  padding: 5px;
}

#ParameterSetting input {
  width: 100%;
  padding: 5px;
}

.localize.btn_white_bg {
  padding: 0.4rem 0.8rem !important;
  border-radius: 15px;
}

.grid-height-md .k-widget.k-grid {
  max-height: calc(100vh - 220px) !important;
  float: left;
  width: 100%;
}

.info-box-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.5rem 0;
}

.info-box-pagination label,
.info-box-pagination .pagination-section {
  margin: 0;
}

.info-box-pagination .page-item {
  margin: 0 0.2rem;
}

.info-box-pagination .page-item:first-child .page-link,
.info-box-pagination .page-item:last-child .page-link {
  color: #1970eb;
  padding: 4px 12px;
  line-height: 1;
  border: 1px solid #1970eb !important;
  border-radius: 15px !important;
  margin-top: 4px;
}

.chart.info-box-pagination .page-item:first-child .page-link,
.chart.info-box-pagination .page-item:last-child .page-link {
  padding: 1px 4px;
  margin-top: 2px;
  margin-left: -3px;
}

.info-box-pagination .page-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.info-box-pagination ul {
  margin-bottom: 0;
}

.default-form {
  border: none !important;
  margin-bottom: 0.5rem;
}

.default-form .card-body {
  padding: 0.8rem 0;
  border-top: 1px solid #ccc;
}

.box-split {
  border-top: 1px solid #ccc;
  padding: 0.7rem 0;
  margin: 0 0 0.7rem;
  border-bottom: 1px solid #ccc;
}

.clsTagDivtooltiptext i {
  cursor: pointer;
}

.tagsBlock span.btn_white_bg {
  display: inline-block;
  margin-left: 10px;
  float: right;
}

#Graphdetailview .form-group {
  width: 100%;
}

.exportChartImage {
  width: 100%;
  padding: 0 15px;
}

.textBtn {
  padding: 0.4rem 0.8rem !important;
}

.btn.icon-grey i {
  color: #1970eb;
}

.list-inline-item input[type="radio"] {
  float: left;
}

.list-inline-item span.ml-1 {
  float: left;
  margin-top: -3px;
  color: #000;
}

.k-combobox .k-dropdown-wrap .k-input {
  color: #172b4d !important;
}

.clsSheetManipulation {
  background-color: #1970eb;
  color: #fff;
  font-size: 0.775rem !important;
  padding: 0.4rem 0.8rem;
  border: none;
  outline: none !important;
  border-radius: 2rem;
  line-height: 1.1;
  font-weight: 100;
  text-decoration: none !important;
}

.orderSheetTop .leftMenus {
  float: left;
}

.orderSheetTop .rightIcons {
  float: right;
}

.orderSheetTop {
  float: left;
  width: 100%;
}

.rightIcons .list-inline-item .btn.icon-grey {
  color: #0c4ca7 !important;
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 15px;
  line-height: 1 !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0.775rem !important;
}

.orderSheetTop .rightIcons ul {
  margin-bottom: 8px;
}

.top-main-menu.toolbar-items {
  clear: both;
  padding: 0;
}

.top-main-menu.toolbar-items ul {
  padding: 10px 0 !important;
  margin: 0;
}

.top-main-menu.toolbar-items ul select {
  margin-right: 10px !important;
}

.customUploadFile {
  display: block !important;
}

.customUploadFile .file-upload-btn {
  border: #ddd dotted 2px;
  background: #eff1f4;
  padding: 3px 10px;
  text-align: left;
  border-radius: 0px;
  position: relative;
}

.customUploadFile .file-upload-btn input[type="file"] {
  font-size: 1rem;
  left: 0;
}

.customUploadFile label.uploaded-file {
  color: #1970eb;
  white-space: normal;
}

.attatchments .attatchment-title,
.matrial-attatchments .attatchment-title {
  font-size: 0.775rem !important;
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.attatchments img,
.matrial-attatchments img {
  margin-top: 0px;
}

.popover .h6 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.userDetails {
  display: table;
}

.userDetails p {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
  color: #172b4d;
  margin-bottom: 0.5rem;
  font-size: 0.74rem !important;
}

.userDetails .userIcon {
  display: table-cell;
  width: 45px;
  vertical-align: middle;
}

.dateDetails {
  margin-top: 10px;
  float: left;
}

.filterCalIcon {
  float: left;
}

.filterCalIcon:hover {
  background: #176afa;
}

.filterCalIcon:hover i {
  color: #fff;
}

.form-group-wrap {
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.form-group-wrap.form-md-view {
  max-width: 80%;
  padding: 30px;
  box-shadow: 1px 1px 11px 4px rgb(199 208 224 / 29%);
  margin: 30px auto;
}

.form-group-wrap.align-column {
  flex-direction: column;
}

.form-group-wrap {
  margin-bottom: 1rem;
}

.form-group-wrap input,
.form-group-wrap select {
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #b6a5b1;
  outline: none !important;
  background: transparent !important;
  text-transform: capitalize;
  min-width: 15rem;
  padding-left: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.form-group-wrap input:focus {
  background-color: transparent !important;
}

.form-group-wrap > div + div {
  margin-left: 1rem;
}

.align-column.form-group-wrap > div + div {
  margin-left: 0;
}

.react-confirm-alert-body {
  text-align: center !important;
}

.react-confirm-alert-button-group {
  justify-content: center !important;
}

.no-pad {
  padding: 0 !important;
}

h6.inner-head {
  /* border-bottom: 2px solid #1970eb; */
  display: inline-block;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.group-shadow {
  box-shadow: 1px -1px 3px 2px rgb(199 208 224 / 29%);
  padding: 1rem 1rem 0 1rem;
  height: 100%;
  margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.bs-popover-bottom > .arrow::after {
  border-bottom-color: rgb(14 91 202 / 80%) !important;
}

.bs-popover-auto[x-placement^="top"] > .arrow::after,
.bs-popover-top > .arrow::after {
  border-top-color: rgb(14 91 202 / 80%) !important;
}

.bs-popover-auto[x-placement^="right"] > .arrow::after,
.bs-popover-right > .arrow::after,
.popover.namedetails .arrow::after {
  border-right-color: rgb(14 91 202 / 80%) !important;
}

.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left > .arrow::after {
  border-left-color: rgb(14 91 202 / 80%) !important;
}

.popover.namedetails .arrow {
  top: -4px !important;
}

.popover.namedetails .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.popover {
  border: none !important;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

select.form-control {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #172b4d;
  font-weight: 600;
  box-shadow: none;
  padding: 0.25rem 0;
}

.k-treeview {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
}

.tmCustomFieldBlock .k-treeview .k-in,
.tmCustomFieldBlock .k-treeview .k-treeview-leaf-text {
  font-size: 14px;
  white-space: break-spaces;
}

.tmCustomFieldBlock .k-treeview .k-content .k-mid {
  display: block;
  border-radius: 0;
  padding-bottom: 2px;
  padding-top: 2px;
}

.tmCustomFieldBlock .k-treeview .k-content .k-mid .k-in,
.tmCustomFieldBlock
  .k-treeview
  .k-treeview-group
  .k-treeview-group
  .k-treeview-leaf {
  display: block;
  border-radius: 0;
  border: 2px dotted #ddd;
  background: #fafafa;
  font-size: 12px;
  color: #666;
  margin-left: 0px;
  width: 96%;
  white-space: break-spaces;
}

.tmCustomFieldBlock .k-treeview .k-content .k-mid .k-in:hover,
.tmCustomFieldBlock .k-treeview .k-content .k-mid .k-treeview-leaf-text:hover {
  background-color: #1970eb;
  color: #fff;
}

.tmCustomFieldBlock .k-treeview .k-content .k-mid .k-in.k-state-selected,
.tmCustomFieldBlock .k-treeview .k-content .k-mid .k-in.k-selected,
.tmCustomFieldBlock
  .k-treeview
  .k-content
  .k-treeview-leaf-text.k-state-selected,
.tmCustomFieldBlock .k-treeview .k-content .k-treeview-leaf-text.k-selected {
  border: dotted 2px #1970eb;
  color: #fff;
  background-color: #1970eb;
}

.workflowStatus b,
.workflowStatus label {
  font-size: 0.775rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.rightPanel {
  width: 30%;
  position: absolute;
  right: 0;
  max-height: 80vh;
  overflow-y: auto;
}

.cls-information {
  max-height: 80vh;
  overflow-y: auto;
}

.cls-information .list-group-flush > .list-group-item {
  padding-left: 0;
}

.btn.modalbluebtn {
  color: #1970eb !important;
  background: #fff !important;
  /* border: 1px solid #1970eb !important; */
  border: 0;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  border-radius: 15px;
  line-height: 1 !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0.775rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.btn.modalbluebtn:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.cls_shareuser {
  max-width: 360px;
}

.cls_shareuser span {
  word-wrap: break-word;
}

#idParameterName {
  z-index: 99999;
  height: auto;
}

.clsborderselection.clswidth20.clsdisplayblock {
  width: 32%;
  height: calc(100vh - 180px);
  position: absolute;
  max-width: 500px;
}

.clsborderselection.clswidth80.clsdisplayblock#idParameterName {
  right: 10%;
  /* height: 77vh; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.clsborderselection.clswidth80.clsdisplayblock.popupindex#idParameterName {
  z-index: 9999;
}

#idkecule {
  margin-bottom: 10px;
}

.saveSheet .btn.btn-primary-blue {
  float: right;
}

.fr-toolbar.fr-top {
  background: #fcfdfd;
  border-radius: 0 !important;
}

.fr-second-toolbar {
  background: #fcfdfd;
  border-radius: 0 !important;
}

.fr-toolbar.fr-top {
  border-bottom: 1px solid #ddd !important;
}

.fr-toolbar .fr-btn-grp {
  margin: 0 !important;
}

.fr-toolbar .fr-btn-grp.fr-float-left {
  border-right: #ddd solid 1px;
}

.fr-toolbar .fr-btn-grp.fr-float-right {
  border-left: #ddd solid 1px;
}

.sheets-wrapper .card {
  border-color: #fff;
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
  fill: #697a97 !important;
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
  color: #697a97 !important;
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
  color: #697a97 !important;
}

.fr-toolbar .fr-newline {
  background: none !important;
}

.k-icon.k-i-dimension {
  margin: 8px 7px;
  width: 24px;
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
  margin: 0 !important;
  border-radius: 0 !important;
}

.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
  width: 30px !important;
}

.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background-color: #edeeef !important;
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 40px !important;
}

.msl {
  border: none !important;
  border-bottom: 1px solid #ced4da !important;
  border-radius: 0 !important;
}

.right-align-row {
  display: flex;
  justify-content: end;
  padding: 0.5rem 1rem;
}

/*scroll bar common styles webkit starts*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 4px;
}

/* Handle   */
::-webkit-scrollbar-thumb {
  background: #b6a5b1;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #1970eb;
}

/*scroll bar common styles webkit ends*/
.icon-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.icon-head button {
  line-height: 1;
  padding: 0.2rem 0.5rem;
  color: #fff !important;
  font-size: 1.2rem !important;
}

.user-detailed-list-sm {
  /* display: flex; */
  flex-wrap: wrap;
}

.popup-group-list-inner ul {
  padding: 0;
}

.sheet-history .popup-group-list-inner {
  padding: 5px 0;
  overflow: auto;
  height: 85vh;
  border: 1px solid #ccc;
  border-top: 0;
}

.popup-group-list-inner ul li {
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
}

.user-detailed-list-sm .userIcon {
  float: left;
}

.user-detailed-list-sm .user-profile {
  width: 2rem;
  height: 2rem;
}

.user-detailed-list-sm .calender-list {
  display: flex;
  flex-direction: inherit;
  align-content: center;
  text-align: center;
  align-items: center;
  padding-bottom: 0.3rem;
}

.user-detailed-list-sm .calender-list .eln-stamp {
  /* color: #0e5bca; */
  line-height: 1.2;
  font-size: 0.7rem;
}

.user-detailed-list-sm .calender-list .eln-date {
  /* color: #3e7cd5; */
  font-size: 0.8rem;
  line-height: 1;
  padding: 0 0.3rem;
}

.user-detailed-list-sm p {
  white-space: pre-wrap;
  word-break: break-all;
  /* display: inline; */
  line-height: 1.2rem;
  font-size: 0.7rem !important;
}

#__react-alert__ div {
  z-index: 99999999999 !important;
}

#__react-alert__ span {
  white-space: pre-wrap;
  word-break: break-word;
}

.dashRepositorySelect ul.list-inline {
  text-align: right;
}

.dashRepositorySelect select.form-control {
  min-width: 200px;
}

.dbeyeIcon {
  min-height: 35px;
}

.react-horizontal-scrolling-menu--wrapper .card-body {
  padding-bottom: 10px !important;
}

.react-horizontal-scrolling-menu--scroll-container {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  z-index: 1;
}

.row-selected .text-view {
  display: none;
}

.text-view {
  /* min-height: 31px;
  display: inline-block; */
  white-space: nowrap;
  max-width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-grouped input {
  display: none;
  border-bottom: none;
  background-color: #fff !important;
  padding: 0 0.5rem !important;
}

.row-selected.list-grouped input {
  display: block;
  box-shadow: 1px 1px 5px 1px #ccc !important;
}

.row-selected.list-grouped .edit-view {
  display: none;
}

.row-selected.list-grouped {
  background-color: rgba(0, 123, 255, 0.25);
}

.icon-list-view {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  align-items: center;
}

.icon-list-view li {
  padding: 0 0.3rem;
  position: relative;
}

.icon-list-view li span {
  color: #1970eb;
}

.list-grouped:before {
  content: attr(data-before-content);
  width: 16px;
  height: 16px;
  background-color: #1970eb;
  border-radius: 50%;
  position: absolute;
  top: 17px;
  font-size: 0.57rem;
  left: 10px;
  z-index: 9;
  color: #fff;
  padding-top: 2px;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.list-grouped:after {
  position: absolute;
  border-left: 2px dotted #1970eb;
  width: 3px;
  height: auto;
  top: 0;
  bottom: 0;
  content: "";
  left: 17px;
}

.list-grouped:nth-child(1)::after {
  top: 24px;
}

.list-grouped:last-child::after {
  bottom: 17px;
}

.list-grouped:first-child::after {
  top: 20px;
}

.list-grouped {
  display: flex;
  position: relative;
  padding: 0.5rem;
  justify-content: space-between;
  padding-left: 35px;
}

.list-grouped .form-group {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  min-height: 31px;
}

.list-grouped span {
  color: #172b4d;
  margin-bottom: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.8rem;
  cursor: pointer;
  font-weight: 500;
}

.btn-grp-align-right {
  padding: 1rem;
  text-align: right;
}

.btn-grp-align-left {
  padding: 1rem;
  text-align: left;
}

.btn-grp-align-right ul {
  padding: 0;
  margin: 0;
}

.border-left {
  border-left: 1px solid #ccc;
}

.sheetHead {
  float: left;
  clear: both;
  width: 100%;
  padding: 5px 10px;
}

.tempHeadRight button.btn_white_bg {
  margin-top: 5px;
  border: 0 !important;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.tempHeadRight button.btn_white_bg:focus {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%) !important;
}

.clsSheetNameLabel .top-main-menu {
  padding: 6px 10px;
}

.dynamicFieldBlock .at-list-table .k-widget.k-grid {
  height: 690px !important;
}

.modal-content .dynamicFieldBlock .at-list-table .k-widget.k-grid {
  height: 50vh !important;
}

.matrial-pop .dynamicFieldBlock .at-list-table .k-widget.k-grid {
  height: 50vh !important;
}

.matrial-pop .at-list-table .k-grid {
  height: 40vh !important;
}

.cardBoxes h6.cls_cardtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

.cardBoxes h6.cls_cardtitle[data-title]:hover:after {
  visibility: visible;
}

.cardBoxes h6.cls_cardtitle[data-title]:after {
  content: attr(data-title);
  background-color: #fff;
  border: #1970eb dotted 1px;
  color: #797d85;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  padding: 4px;
  visibility: hidden;
  z-index: 999999;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif !important;
  width: 80%;
  left: 20px;
  top: 45px;
  border-radius: 3px;
  white-space: initial;
}

.note-text {
  font-style: italic;
  color: #b6a5b1;
}

.K-Chem-Composer-Left-Region.K-Dynamic-Created
  button.K-Widget.K-Button.K-NonSelectable.K-No-Wrap
  span.K-Content.K-Glyph-Content {
  background-image: url(../../images/editor_icon_set_left.png) !important;
}

.K-Chem-Composer-Bottom-Region.K-Dynamic-Created
  button.K-Widget.K-Button.K-NonSelectable.K-No-Wrap
  span.K-Content.K-Glyph-Content {
  background-image: url(../../images/editor_icon_set_left.png) !important;
}

.K-Chem-Composer-Top-Region.K-Dynamic-Created
  button.K-Widget.K-Button.K-NonSelectable.K-No-Wrap
  span.K-Content.K-Glyph-Content {
  background-image: url(../../images/editor_icon_set_top.png) !important;
}

.K-Chem-Composer .K-Chem-Composer-Issue-Panel-ToolPanel .K-Pri-Glyph-Content,
.K-Chem-Composer .K-Chem-Composer-ObjModifier-Toolbar .K-Pri-Glyph-Content,
.K-Chem-Composer .K-Chem-Composer-Style-Toolbar .K-Pri-Glyph-Content,
.K-Chem-InnerToolbar .K-Pri-Glyph-Content,
.K-Chem-InnerToolbar.K-Chem-Composer-Assoc-Toolbar .K-Pri-Glyph-Content,
.K-Chem-StructureConnectorSelectPanel
  .K-Chem-StructureConnectorSelectPanel-SetButton
  .K-Pri-Glyph-Content {
  background-size: initial !important;
}

.K-Chem-BasicMolManipulationIaController > .K-Pri-Glyph-Content,
.K-Chem-SelectIaController > .K-Pri-Glyph-Content {
  background-position: 0 0;
}

.K-Chem-BasicMolEraserIaController > .K-Pri-Glyph-Content {
  background-position: 0 -26px;
}

.K-Chem-MolBondIaController > .K-Pri-Glyph-Content {
  background-position: -26px -26px;
}

.K-Chem-MolAtomAndFormulaIaController > .K-Pri-Glyph-Content,
.K-Chem-MolAtomIaController > .K-Pri-Glyph-Content {
  background-position: 0 -52px;
}

.K-Chem-MolRingIaController > .K-Pri-Glyph-Content {
  background-position: -52px -26px;
}

.K-Chem-MolNodeChargeIaController > .K-Pri-Glyph-Content {
  background-position: -26px -52px;
}

.K-Chem-ArrowLineIaController > .K-Pri-Glyph-Content {
  background-position: -52px -52px;
}

.K-Chem-TextImageIaController > .K-Pri-Glyph-Content {
  background-position: -52px 0;
}

.K-Chem-BasicMolManipulationIaController-Marquee > .K-Pri-Glyph-Content,
.K-Chem-SelectIaController-Marquee > .K-Pri-Glyph-Content {
  background-position: -78px -46px;
}

.K-Chem-BasicMolManipulationIaController-Lasso > .K-Pri-Glyph-Content,
.K-Chem-SelectIaController-Lasso > .K-Pri-Glyph-Content {
  background-position: -78px -69px;
}

.K-Chem-BasicMolManipulationIaController-Brush > .K-Pri-Glyph-Content,
.K-Chem-SelectIaController-Brush > .K-Pri-Glyph-Content {
  background-position: -101px 0;
}

.K-Chem-BasicMolManipulationIaController-Ancestor > .K-Pri-Glyph-Content,
.K-Chem-SelectIaController-Ancestor > .K-Pri-Glyph-Content {
  background-position: -101px -23px;
}

.K-Chem-ClientDragScrollIaController > .K-Pri-Glyph-Content {
  background-position: -101px -46px;
}

.K-Chem-Toggle-Select-State > .K-Pri-Glyph-Content {
  background-position: -101px -69px;
}

.K-Chem-ZoomIn > .K-Pri-Glyph-Content {
  background-position: -262px -69px;
}

.K-Chem-ZoomOut > .K-Pri-Glyph-Content {
  background-position: -285px 0;
}

.K-Chem-NewDoc > .K-Pri-Glyph-Content {
  background-position: -468px 0;
}

.K-Chem-LoadData > .K-Pri-Glyph-Content,
.K-Chem-LoadFile > .K-Pri-Glyph-Content {
  background-position: -494px 0;
}

.K-Chem-SaveFile > .K-Pri-Glyph-Content {
  background-position: -520px 0;
}

.K-Chem-Undo > .K-Pri-Glyph-Content {
  background-position: -546px 0;
}

.K-Chem-Redo > .K-Pri-Glyph-Content {
  background-position: -572px 0;
}

.K-Chem-Clone-Selection > .K-Pri-Glyph-Content,
.K-Chem-Copy > .K-Pri-Glyph-Content {
  background-position: -598px 0;
}

.K-Chem-Cut > .K-Pri-Glyph-Content {
  background-position: -624px 0;
}

.K-Chem-Paste > .K-Pri-Glyph-Content {
  background-position: -650px 0;
}

.K-Action-Open-Configurator > .K-Pri-Glyph-Content {
  background-position: -102px 0;
}

.K-Chem-Toggle-Inspector > .K-Pri-Glyph-Content {
  background-position: -676px 0;
}

.K-Chem-TextBlockIaController > .K-Pri-Glyph-Content {
  background-position: -124px 0;
}

.K-Chem-ImageBlockIaController > .K-Pri-Glyph-Content {
  background-position: -124px -23px;
}

.K-Chem-ArrowLineIaController-OpenArrowLine > .K-Pri-Glyph-Content,
.K-Chem-ArrowLineIaController-ReactionArrowNormal > .K-Pri-Glyph-Content {
  background-position: -400px 0;
}

.K-Chem-ArrowLineIaController-ReactionArrowReversible > .K-Pri-Glyph-Content,
.K-Chem-ArrowLineIaController-ReversibleArrowLine > .K-Pri-Glyph-Content {
  background-position: -423px 0;
}

.K-Chem-ArrowLineIaController-DiOpenArrowLine > .K-Pri-Glyph-Content,
.K-Chem-ArrowLineIaController-ReactionArrowResonance > .K-Pri-Glyph-Content {
  background-position: -400px -46px;
}

.K-Chem-ArrowLineIaController-OpenArrowDiLine > .K-Pri-Glyph-Content,
.K-Chem-ArrowLineIaController-ReactionArrowRetrosynthesis
  > .K-Pri-Glyph-Content {
  background-position: -423px -23px;
}

.K-Chem-ArrowLineIaController-Line > .K-Pri-Glyph-Content {
  background-position: -377px -69px;
}

.K-Chem-ArrowLineIaController-ElectronPushingArrowDouble > .K-Pri-Glyph-Content,
.K-Chem-ArrowLineIaController-OpenArrowArc > .K-Pri-Glyph-Content {
  background-position: -423px -46px;
}

.K-Chem-ArrowLineIaController-ElectronPushingArrowSingle > .K-Pri-Glyph-Content,
.K-Chem-ArrowLineIaController-SingleSideOpenArrowArc > .K-Pri-Glyph-Content {
  background-position: -423px -69px;
}

.K-Chem-ArrowLineIaController-HeatSymbol > .K-Pri-Glyph-Content {
  background-position: -446px 0;
}

.K-Chem-ArrowLineIaController-AddSymbol > .K-Pri-Glyph-Content {
  background-position: -446px -23px;
}

.K-Chem-MolNodeChargeIaController-Clear > .K-Pri-Glyph-Content {
  background-position: -262px -46px;
}

.K-Chem-MolNodeChargeIaController-Positive > .K-Pri-Glyph-Content {
  background-position: -262px -69px;
}

.K-Chem-MolNodeChargeIaController-Negative > .K-Pri-Glyph-Content {
  background-position: -285px 0;
}

.K-Chem-MolNodeChargeIaController-Singlet > .K-Pri-Glyph-Content {
  background-position: -285px -23px;
}

.K-Chem-MolNodeChargeIaController-Triplet > .K-Pri-Glyph-Content {
  background-position: -285px -46px;
}

.K-Chem-MolNodeChargeIaController-Doublet > .K-Pri-Glyph-Content {
  background-position: -285px -69px;
}

.K-Chem-AttachedMarkerIaController-LonePair > .K-Pri-Glyph-Content {
  background-position: -308px 0;
}

.K-Chem-MolRingIaController-3 > .K-Pri-Glyph-Content {
  background-position: -308px -23px;
}

.K-Chem-MolRingIaController-4 > .K-Pri-Glyph-Content {
  background-position: -308px -46px;
}

.K-Chem-MolRingIaController-5 > .K-Pri-Glyph-Content {
  background-position: -308px -69px;
}

.K-Chem-MolRingIaController-6 > .K-Pri-Glyph-Content {
  background-position: -331px 0;
}

.K-Chem-MolFlexRingIaController .K-Pri-Glyph-Content {
  background-position: -216px -23px;
}

.K-Chem-MolRingIaController-Ar-6 > .K-Pri-Glyph-Content {
  background-position: -331px -69px;
}

.K-Chem-RepositoryStructureFragmentIaController-CyclopentaneHaworth1
  > .K-Pri-Glyph-Content {
  background-position: -354px -23px;
}

.K-Chem-RepositoryStructureFragmentIaController-CyclohexaneHaworth1
  > .K-Pri-Glyph-Content {
  background-position: -354px -69px;
}

.K-Chem-RepositoryStructureFragmentIaController-CyclohexaneChair1
  > .K-Pri-Glyph-Content {
  background-position: -377px -23px;
}

.K-Chem-RepositoryStructureFragmentIaController-CyclohexaneChair2
  > .K-Pri-Glyph-Content {
  background-position: -377px -46px;
}

.K-Chem-Composer-Assoc-Toolbar
  .K-Chem-MolAtomIaController
  > .K-Pri-Glyph-Content {
  background-position: -78px 0;
}

.K-Chem-Composer-Assoc-Toolbar
  .K-Chem-FormulaIaController
  > .K-Pri-Glyph-Content {
  background-position: -78px -23px;
}

.K-Chem-MolBondIaController-Single .K-Pri-Glyph-Content {
  background-position: -124px -46px;
}

.K-Chem-MolBondIaController-Double .K-Pri-Glyph-Content {
  background-position: -124px -69px;
}

.K-Chem-MolBondIaController-Triple .K-Pri-Glyph-Content {
  background-position: -147px 0;
}

.K-Chem-MolBondIaController-WedgeUp .K-Pri-Glyph-Content {
  background-position: -170px 0;
}

.K-Chem-MolBondIaController-WedgeDown .K-Pri-Glyph-Content {
  background-position: -170px -46px;
}

.K-Chem-MolFlexChainIaController .K-Pri-Glyph-Content {
  background-position: -216px 0;
}

.K-Chem-TrackInputIaController .K-Pri-Glyph-Content {
  background-position: -216px -46px;
}

.K-Chem-RepositoryStructureFragmentIaController-Fischer1
  > .K-Pri-Glyph-Content {
  background-position: -239px -23px;
}

.K-Chem-RepositoryStructureFragmentIaController-SawhorseStaggered
  > .K-Pri-Glyph-Content {
  background-position: -262px 0;
}

.K-Chem-RepositoryStructureFragmentIaController-SawhorseEclipsed
  > .K-Pri-Glyph-Content {
  background-position: -262px -23px;
}

.K-Widget.K-Button.K-NonSelectable.K-No-Wrap.K-Text-Hide.K-Glyph-Show.K-Layout-H {
  background: #1970eb;
  padding: 0.4em 0.4em;
}

.K-Widget.K-Button.K-NonSelectable.K-No-Wrap.K-Text-Hide.K-Glyph-Show.K-Layout-H:hover {
  background: #1970eb;
}

.K-Widget.K-Button.K-NonSelectable.K-No-Wrap.K-Text-Hide.K-Glyph-Show.K-Layout-H:focus {
  border-radius: 0;
  border-color: #fff;
  outline: none;
}

.K-Widget.K-Button.K-NonSelectable.K-No-Wrap.K-Text-Hide.K-Glyph-Show.K-Layout-H.K-State-Active {
  background: #1970eb;
}

#ProtocolMainDiv .fr-popup .fr-buttons,
.Procedureeditor .fr-popup .fr-buttons {
  background: #1268e3 !important;
  height: auto;
  padding: 0;
  min-height: 32px !important;
}

#ProtocolMainDiv button#popupClose-1,
#ProtocolMainDiv button#ResourceClose-1,
#ProtocolMainDiv button#kekulepopupClose-1,
#ProtocolMainDiv button#materialInventoryClose-1,
#ProtocolMainDiv button#TimerClose-1,
#ProtocolMainDiv .fr-popup .fr-buttons button,
.Procedureeditor .fr-popup .fr-buttons button {
  float: right;
  color: #fff;
  height: 32px;
  padding-right: 10px;
}

#ProtocolMainDiv .fr-popup .fr-buttons button:last-child,
.Procedureeditor .fr-popup .fr-buttons button:last-child {
  float: left;
  border: #fff solid 1px;
  padding: 0 10px;
  height: auto;
  border-radius: 15px !important;
  margin-top: 4px !important;
  margin-left: 5px !important;
}

#ProtocolMainDiv button#popupClose-1:hover,
#ProtocolMainDiv button#ResourceClose-1:hover,
#ProtocolMainDiv button#kekulepopupClose-1:hover {
  background: #1970eb !important;
}

#ProtocolMainDiv .fr-popup .fr-buttons .fr-btn i,
.Procedureeditor .fr-popup .fr-buttons .fr-btn i {
  color: #fff;
}

.fr-popup .fr-layer {
  text-transform: capitalize;
  margin-top: 10px !important;
}

#ProtocolMainDiv .fr-popup select {
  width: 100%;
  height: 34px;
}

#ProtocolMainDiv input.draggedtext,
#ProtocolMainDiv input.draggednumber {
  float: left;
  margin-right: 10px;
}

/*removed float as its conflicting protocol template edit select*/
#ProtocolMainDiv select.draggedselect {
  /* float: left; */
  margin-right: 10px;
}

#ProtocolMainDiv input[type="radio"],
#ProtocolMainDiv input[type="checkbox"] {
  margin-left: 10px;
  margin-right: 2px;
  display: table-cell;
  vertical-align: sub;
}

#ProtocolMainDiv input[type="radio"]:first-child,
#ProtocolMainDiv input[type="checkbox"]:first-child {
  margin-left: 0px;
}

#ProtocolMainDiv .fr-popup.fr-active {
  display: block;
  /* height: 310px; */
  overflow: auto;
}

.fr-blue-decorator .fr-cloud-icon {
  margin-top: 0;
}

#ProtocolMainDiv .fr-popup .fr-input-line {
  padding-bottom: 0;
}

#ProtocolMainDiv .fr-popup input,
#ProtocolMainDiv .fr-popup textarea {
  border: #666 solid 1px;
}

#ProtocolMainDiv .fr-popup input.pane-input {
  height: 30px;
}

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

#ProtocolMainDiv .fr-popup .fr-buttons .fr-separator,
.Procedureeditor .fr-popup .fr-buttons .fr-separator {
  background: #1268e3 !important;
  height: 20px !important;
}

#ProtocolMainDiv button#insertControlButton-1:hover,
#ProtocolMainDiv button#ResourceinsertButton-1:hover,
#ProtocolMainDiv button#kekuleinsertButton-1:hover {
  background: #1970eb !important;
}

#ProtocolMainDiv button#insertControlButton-1 span,
#ProtocolMainDiv button#ResourceinsertButton-1 span,
#ProtocolMainDiv button#kekuleinsertButton-1 span {
  position: relative;
  width: auto;
  height: auto;
  float: left;
  color: #fff;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 12px;
  margin-top: 4px;
}

#ProtocolMainDiv button#insertControlButton-1 svg.fr-svg,
#ProtocolMainDiv button#ResourceinsertButton-1 svg.fr-svg,
#ProtocolMainDiv button#kekuleinsertButton-1 svg.fr-svg,
#ProtocolMainDiv .fr-popup .fr-buttons button svg.fr-svg,
#ProtocolMainDiv .fr-popup .fr-buttons button .fa.fa-times,
.Procedureeditor .fr-popup .fr-buttons button svg.fr-svg,
.Procedureeditor .fr-popup .fr-buttons button .fa.fa-times {
  float: left;
  margin: 0;
  width: 20px !important;
}

#ProtocolMainDiv button#insertControlButton-1 svg.fr-svg path,
#ProtocolMainDiv button#ResourceinsertButton-1 svg.fr-svg path,
#ProtocolMainDiv button#kekuleinsertButton-1 svg.fr-svg path {
  fill: #fff !important;
}

#ProtocolMainDiv button#insertControlButton-1,
#ProtocolMainDiv button#ResourceinsertButton-1,
#ProtocolMainDiv button#kekuleinsertButton-1,
#ProtocolMainDiv button#TimerinsertButton-1 {
  border: #fff solid 1px;
  padding: 0 10px;
  height: auto;
  border-radius: 15px !important;
  margin-top: 4px !important;
  margin-left: 5px !important;
}

#ProtocolMainDiv .fr-popup .fr-buttons #inventoryAddButton-1 {
  border: #fff solid 1px;
  padding: 0 10px;
  height: auto;
  border-radius: 15px !important;
  margin-top: 4px !important;
  margin-left: 5px !important;
}

.fr-popup .fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-popup .fr-desktop .fr-command:active {
  background: none;
}

#ProtocolMainDiv .fr-popup label {
  color: #172b4d;
}

#ProtocolMainDiv .fr-popup .fr-buttons button svg.fr-svg path,
.Procedureeditor .fr-popup .fr-buttons button svg.fr-svg path {
  fill: #fff !important;
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  color: #fff;
}

.fr-popup .fr-command.fr-btn.fr-active {
  background: #124da1 !important;
}

#ProtocolMainDiv .fr-popup .fr-buttons button:hover,
.Procedureeditor .fr-popup .fr-buttons button:hover {
  background: #124da1 !important;
}

#ProtocolMainDiv .fr-popup .fr-action-buttons .fr-command.fr-submit {
  color: #0c4ca7;
  background: #fff;
  border: 1px solid #0c4ca7;
  padding: 8px 12px;
  border-radius: 25px;
  font-size: 12px;
  height: auto;
  margin-top: 10px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

#ProtocolMainDiv .fr-popup .fr-action-buttons .fr-command.fr-submit:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.fr-popup button.fr-command.fr-btn.fr-special-character-category.fr-active-tab {
  background: #124da1 !important;
}

.modal-dialog .modal-content .modal-header {
  padding: 0.775rem 1rem;
}

.modal-header h5.modal-title label {
  font-size: 1rem !important;
  margin-bottom: 0;
}

.comparePopupDiv .k-widget.k-spreadsheet {
  width: 100%;
  height: calc(100vh - 225px) !important;
}

.button-drop-down button {
  font-family: "Helvetica Neue", sans-serif !important;
  box-shadow: none !important;
  border: 1px solid #1970eb !important;
  border-radius: 19px;
  padding: 2px 16px;
  background-color: transparent !important;
  color: #1970eb !important;
  font-weight: 500;
}

.button-drop-down button:hover {
  background-color: #1970eb !important;
  color: #fff !important;
}

.button-drop-down button:hover:after {
  border-top: 0.5em solid #fff;
}

.button-drop-down .dropdown-toggle:after {
  border-top: 0.5em solid #1970eb;
  border-right: 0.5em solid transparent;
  border-bottom: 0;
  border-left: 0.5em solid transparent;
  margin-left: 10px;
  margin-bottom: -2px;
}

.button-drop-down .dropdown-menu {
  top: 34px;
  padding: 0;
  border-color: #1970eb;
}

.button-drop-down .dropdown-menu:before {
  border-bottom: 0.4em solid #1970eb;
  border-right: 0.4em solid transparent;
  border-top: 0;
  content: "";
  border-left: 0.4em solid transparent;
  position: absolute;
  top: -7px;
  right: 24px;
}

.button-drop-down .dropdown-item {
  padding: 0.25rem 1rem;
  color: #172b4d;
  border-bottom: 1px solid #f8f2f2;
}

.button-drop-down .dropdown-item:focus,
.button-drop-down .dropdown-item:hover {
  color: white;
  text-decoration: none;
  background-color: #1970eb;
}

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

.cls_shareuser {
  padding: 0.4rem 1rem;
  background-color: #fff;
  border-bottom: 0.5px solid rgb(204 204 204 / 50%);
}

.cls_shareuser.active {
  background-color: #1970eb;
  color: #fff;
}

.cls_shareuser.active span {
  color: #fff;
}

.cls_shareuser span {
  color: #797d85;
}

.btn-light-active {
  background-color: #1970eb !important;
  color: #fff !important;
  box-shadow: 0px 2px 6px 1px #ccc !important;
}

.popup-close-right {
  position: absolute;
  right: 14px;
  top: 14px;
}

.listed-user-details .card-body {
  padding: 0;
}

.listed-user-details .card-title button {
  line-height: 1;
  font-size: 1rem !important;
  color: #fff;
  padding: 0;
}

.listed-user-details .card-title {
  background: #1970eb;
  color: #fff;
  padding: 0.5rem 1rem;
  font-family: "Helvetica Neue", sans-serif !important;
  margin-bottom: 1px;
  font-size: 0.775rem;
  font-weight: 500;
}

.listed-user-details li.list-group-item {
  padding: 0.5rem 1rem !important;
}

.content-align-ryt {
  text-align: right;
  padding: 0.5rem;
}

/* a[title="Chart"] .k-i-k-icon.k-i-share {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
} */

a[title="Chart"] .k-i-k-icon.k-i-share:before,
.sectioncontent a[title="Chart"] .k-i-k-icon.k-i-share:before {
  content: "\f201";
}

a[title="Chart"] .k-i-k-icon.k-i-share:before {
  content: "\ea00";
}

.k-button .k-icon,
.k-button .k-image,
.k-button .k-sprite {
  /* color: #1970eb !important; */
  color: #5a5a5a !important;
  padding: 0.375rem !important;
  width: auto !important;
  height: auto !important;
  border-radius: 3px;
}

.k-spreadsheet-toolbar .k-button:hover .k-icon,
.k-spreadsheet-toolbar .k-button:hover .k-image,
.k-spreadsheet-toolbar .k-button:hover .k-sprite,
.k-button.k-state-hover {
  color: #fff !important;
  background-color: #1970eb !important;
}

.k-spreadsheet-toolbar .k-button:hover,
.k-spreadsheet-toolbar .k-button.k-state-hover {
  border-color: transparent !important;
  color: #fff !important;
  background-color: transparent !important;
}

.k-spreadsheet-toolbar .k-toolbar .k-button {
  height: auto !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.box-md {
  width: 270px;
}

.tui-editor-save-btn {
  background-color: #1970eb !important;
  border: 1px solid #1970eb !important;
}

#ParameterSetting input[type="checkbox"] {
  float: left;
  width: auto;
  margin-top: 3px;
}

.CKeditorOutputDiv .fr-img-caption .fr-img-wrap img {
  display: block;
}

.login-wrapper .info-bottom-card {
  z-index: 9999999;
}

.modal-open .login-wrapper .info-bottom-card {
  z-index: 999;
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu {
  left: inherit !important;
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu {
  position: relative;
  background: #fff;
  border: 1px solid #1970eb;
  color: #172b4d;
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu {
  border: 0px solid #1970eb;
  color: #172b4d;
  /* box-shadow: 0px 0px 3px 0px #1970ebfc; */
  box-shadow: 0px 0px 1px 0px;
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu:before,
.topmenuitem .mnuContainer1 .dropdown .dropdown-menu:after,
.notification-icon-position button.logout-arrow.active:before,
.dropdown.show .notification-icon-position button.logout-arrow:before {
  bottom: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.topmenuitem .mnuContainer1 .dropdown .user-notify.dropdown-menu:before,
.topmenuitem .mnuContainer1 .dropdown .user-notify.dropdown-menu::after {
  display: none;
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu:after,
.notification-icon-position button.logout-arrow.active:before,
.dropdown.show .notification-icon-position button.logout-arrow:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #1970eb;
  border-width: 10px;
  /* margin-left: -10px; */
}

.topmenuitem .mnuContainer1 .dropdown .dropdown-menu:before {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #ddd;
  border-width: 11px;
  /* margin-left: -11px; */
}

.logout-menu.hideContainer.dropdown-menu:after,
.logout-menu.hideContainer.dropdown-menu:before {
  right: 21px;
}

.notification-menu.hideContainer.dropdown-menu:after,
.notification-menu.hideContainer.dropdown-menu:before {
  /*right: 72px;*/
  left: 78px;
}

.usernamewidth {
  max-width: 142px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px !important;
}

.topmenuitem
  .mnuContainer1
  .dropdown:first-child
  .logout-menu.hideContainer.dropdown-menu:after,
.topmenuitem
  .mnuContainer1
  .dropdown:first-child
  .logout-menu.hideContainer.dropdown-menu:before {
  /*right: 115px;*/
  left: 8px;
}

.cls-loader {
  position: absolute;
  z-index: 9999999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-list .k-item {
  font-size: 0.8rem !important;
}

.button-drop-down .dropdown-item:focus,
.button-drop-down .dropdown-item:hover,
.k-list .k-item:hover,
.k-list .k-item:focus,
.k-list .k-item.k-state-focused,
.k-list-optionlabel:focus,
.k-list-optionlabel.k-state-focused {
  box-shadow: none !important;
  background: #1970eb !important;
  color: #fff !important;
  text-decoration: none;
}

.k-list .k-item:hover,
.k-list .k-item:focus,
.k-list .k-item.k-state-focused,
.k-list-optionlabel:focus,
.k-list-optionlabel.k-state-focused {
  background-color: #1970eb !important;
}

.fr-popup.fr-desktop.gray-theme {
  z-index: 9999 !important;
}

.fr-popup .fr-command.fr-btn.fr-active svg path {
  fill: #fff !important;
}

.k-spreadsheet .k-button-group .k-button.k-state-active .k-icon {
  color: #fff !important;
}

#ProtocolMainDiv table td,
#ProtocolMainDiv table th {
  border: 1px solid #ddd;
}

#ProtocolMainDiv .common-card-wrap {
  padding: 0;
  margin-top: 1px;
  margin-bottom: 0;
}

.protocolOrderPage .toolbar-items + .toolbar-items {
  background-color: #fcfdfd !important;
  border: solid 1px #edf0f3 !important;
}

.pSheetViewBlock {
  /* border-top: solid 1px #ddd; */
  padding: 10px;
  max-width: 100%;
  overflow: auto;
  margin-top: 10px;
}

.protocolOrderPage .toolbar-items ul {
  /* display: block !important; */
}

.protocolOrderPage .show-order {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

ul li.stepsLabel {
  padding-left: 7px;
  background: #1970eb;
  display: inline-block;
  position: relative;
  line-height: 25px;
  font-size: 15px;
  color: #fff;
  margin-right: 24px !important;
}

ul li.stepsLabel:before,
ul li.stepsLabel:after {
  content: "";
  left: -8px;
  position: absolute;
  height: 13px;
  width: 70px;
  z-index: 1;
}

ul li.stepsLabel:before {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: skewX(30deg);
  -moz-transform: skewX(30deg);
  -ms-transform: skewX(30deg);
  transform: skewX(30deg);
  top: 0;
  box-shadow:
    inset 0 8px 0 8px #1970eb,
    inset -6px 8px 0 8px #1970eb;
}

ul li.stepsLabel:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: skewX(-30deg);
  -moz-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
  bottom: 0;
  box-shadow:
    inset 0 -8px 0 8px #1970eb,
    inset -6px -8px 0 8px #1970eb;
}

ul li.stepsLabel .show-order-label,
ul li.stepsLabel .show-order-content {
  color: #fff;
  margin-right: 5px;
  margin-left: 0;
  position: relative;
  z-index: 997;
}

ul li.stepsLabel .show-order-content::after {
  margin-left: 0px;
  width: 0;
}

span.fr-img-caption .fr-img-wrap img {
  display: block;
}

#ProtocolMainDiv .fr-buttons button[data-title="insertControlButton"] {
  float: left !important;
  margin-left: 5px !important;
}

#ProtocolMainDiv .fr-buttons button[data-title="Close"] {
  float: right !important;
}

#ProtocolMainDiv .fr-buttons button[data-title="insertControlButton"] span {
  position: relative;
  width: auto;
  height: auto;
  float: left;
  color: #fff;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 12px;
  margin-top: 4px;
}

#ProtocolMainDiv
  .fr-buttons
  button[data-title="insertControlButton"]
  svg.fr-svg,
#ProtocolMainDiv .fr-buttons button[data-title="Close"] svg.fr-svg {
  float: left;
  margin: 0;
  width: 20px !important;
}

#ProtocolMainDiv
  .fr-buttons
  button[data-title="insertControlButton"]
  svg.fr-svg
  path,
#ProtocolMainDiv .fr-buttons button[data-title="Close"] svg.fr-svg path {
  fill: #fff !important;
}

#ProtocolMainDiv .fr-buttons button[data-title="insertControlButton"] {
  border: #fff solid 1px;
  padding: 0 10px;
  height: auto;
  border-radius: 15px !important;
  margin-top: 4px !important;
  margin-left: 5px !important;
}

#ProtocolMainDiv .common-card-wrap > div {
  border: #ddd solid 1px;
  margin: 10px;
  box-shadow: none;
  margin-bottom: 0;
}

#ProtocolMainDiv [data-cmd="savebutton"] {
  background: #1970eb;
  color: #fff;
}

#ProtocolMainDiv [data-cmd="savebutton"]:hover {
  background: #1268e3 !important;
}

#ProtocolMainDiv [data-cmd="savebutton"] .fa-save:before {
  color: #fff;
}

#ProtocolMainDiv .fr-box.fr-basic {
  margin-top: 10px;
}

.switchUserDropdown {
  padding: 0 !important;
  border-radius: 8px;
  overflow: hidden;
}

.switchUserDropdown .simple-custom-dropdown {
  max-height: 162px;
  overflow: auto;
}

.switchUserDropdown h6 {
  margin-bottom: 0px;
}

.switchUserDropdown ul li {
  padding: 0.5rem 0;
  border-bottom: #f1f1f1 solid 1px;
  background: #fff !important;
}

.switchUserDropdown ul li:hover {
  background: #fafafa !important;
  color: #1268e3 !important;
}

.logout-menu .list-group-flush > .list-group-item:hover {
  color: #1268e3 !important;
  background: #fafafa;
}

.OpenOrderDetails {
  width: 400px;
  float: right;
}

.OpenOrderDetails .collapse.show ul li.list-group-item {
  border: #ddd solid 1px;
}

.OpenOrderDetails i.fa {
  color: #fff;
}

.actionsBtn {
  float: left;
  padding: 0px 5px;
  text-align: left;
  width: 100%;
}

.actionsBtn.padd-actionsBtn .processOrderBtn .clsopenbutton {
  border: 1px solid;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 0.6rem !important;
}

.actionsBtn.padd-actionsBtn .processOrderBtn .process .clsopenbutton {
  border: 0;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
  background-color: #fff;
}

.list-view-btn-group button.grid-icons,
.list-view-btn-group a.grid-icons,
.actionsBtn .list-view-btn-group .openEyeBtn button {
  border: 0;
  padding: 2px;
  min-width: 13px;
}

.group-hover-icon .list-view-btn-group {
  padding: 2px;
}

.padd-actionsBtn {
  padding: 0.4rem 0.3rem;
}

.actionsBtn .form-group {
  text-align: left;
}

.comepareBtn {
  margin-right: 10px !important;
  margin-top: 0px;
}

.comepareBtn .btn.btn-primary-blue i {
  margin-right: 0px !important;
}

.sheet-chart-wrapper .clsTagDiv.tagsBlock {
  background: #fafafa;
  margin-bottom: 1px;
}

.sheet-chart-wrapper .clsTagDiv.tagsBlock:hover {
  background: #e9f4fd;
}

.clsTagDivHr.clsTagDivtooltip input {
  outline: 1px solid #ddd;
  height: 34px;
}

.css-7tni12 {
  z-index: 999999999 !important;
}

.rc-tabs-nav-operations .rc-tabs-nav-more {
  width: 30px;
  background: #1268e3 !important;
  border-color: #1268e3 !important;
  color: #fff;
  font-size: 25px;
}

.rc-tabs-nav-operations .rc-tabs-nav-more span.moreDot {
  margin-top: -10px;
  display: block;
}

.rc-tabs-dropdown-menu-item {
  padding: 10px !important;
  border-bottom: #ddd solid 1px;
  cursor: pointer;
  color: #a2aab8;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.rc-tabs-dropdown-menu-item:hover {
  color: #1970eb;
}

.rc-tabs-dropdown-menu-item span.clsOrderCount.badge.badge-pill.badge-primary {
  float: right;
}

.k-datetime-buttongroup .k-button:hover,
.k-datetime-buttongroup .k-button.k-state-hover {
  color: #fff !important;
  background-color: #1970eb !important;
}

.k-datetime-footer.k-action-buttons .k-button {
  flex: none;
  margin: 5px auto;
  font-size: 12px;
  font-size: 0.775rem !important;
  padding: 0.3rem 0.8rem;
  font-family: "Helvetica Neue", sans-serif !important;
  border-radius: 2rem !important;
  font-weight: 600;
}

.k-datetime-footer.k-action-buttons .k-button.k-time-cancel {
  color: #0c4ca7 !important;
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
}

.k-datetime-footer.k-action-buttons .k-button.k-primary {
  background-color: #1970eb !important;
  color: #fff !important;
  min-width: 100px;
}

.modal-header button.close {
  color: #1970eb !important;
  background: #fff !important;
  /* border: 1px solid #1970eb !important; */
  border: 0 !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
  border-radius: 25px;
  margin: inherit !important;
  opacity: 1;
  font-size: 18px;
  outline: none;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.modal-header button.close:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.modal-header h5.modal-title label {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: none !important;
}

.search-styled button.clear-close {
  margin-top: -2px;
  color: #666 !important;
}

.search-styled button:hover {
  color: #0c4ca7 !important;
}

.k-window .k-window-titlebar .k-window-title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1rem !important;
  color: #172b4d;
  font-weight: 600;
  text-align: left;
}

.k-widget.k-window .k-window-titlebar {
  padding: 0.775rem 1rem;
}

.k-widget.k-window .k-window-titlebar .k-window-action {
  opacity: 1 !important;
  margin-right: 0.5rem;
}

.k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close {
  color: #0c4ca7 !important;
  background: #fff !important;
  /* border: 1px solid #0c4ca7 !important; */
  border: 0 !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
  border-radius: 25px;
  margin: inherit !important;
  opacity: 1;
  font-size: 20px;
  outline: none;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.k-widget.k-window .k-action-buttons .k-button {
  color: #172b4d !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
  font-size: 14px;
}

.k-widget.k-window .k-action-buttons .k-button:hover,
.k-widget.k-window .k-action-buttons .k-button.k-state-hover {
  color: #1970eb !important;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 1rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.fr-modal .fr-modal-head .fr-command.fr-btn.fr-modal-close svg {
  width: 20px !important;
  margin: 0;
}

.fr-modal .fr-modal-head .fr-command.fr-btn.fr-modal-close svg path {
  fill: #0c4ca7 !important;
}

.fr-modal .fr-modal-head .fr-command.fr-btn.fr-modal-close {
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
  padding: 2px 7px !important;
  border-radius: 25px !important;
  opacity: 1;
  outline: none;
  height: 26px;
  margin: 1rem 1rem 0 0 !important;
}

.fr-modal .fr-modal-head .fr-command.fr-btn.fr-modal-close:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 1rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.fr-popup .fr-action-buttons button.fr-command.fr-dismiss {
  background: #0c4ca7 !important;
  border: 1px solid #0c4ca7 !important;
  padding: 2px 7px !important;
  border-radius: 25px !important;
  opacity: 1;
  outline: none;
  height: 26px;
  color: #fff !important;
  font-size: 0.775rem !important;
}

#ProtocolMainDiv
  .fr-popup
  .fr-color-hex-layer
  .fr-action-buttons
  .fr-command.fr-submit {
  padding: 8px 0px;
}

.fr-popup .fr-checkbox input:checked + span {
  background: #0c4ca7;
  border: solid 2px #0c4ca7;
}

button#protocolNameTextBox_submitbtn i {
  color: #fff;
}

.fr-file-error-h5 {
  margin: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500;
}

.k-spreadsheet-tabstrip a.k-button.k-button-icontext {
  float: left;
  line-height: 30px;
}

.k-spreadsheet-tabstrip a.k-button.k-button-icontext:hover {
  color: #0c4ca7 !important;
}

.enableFullscreen {
  position: fixed !important;
  height: 100vh !important;
  width: 100% !important;
  left: 0 !important;
  top: 0px !important;
  /* Must stay above #leftmenuitem / .main-nav (z-index: 1100) */
  z-index: 2000 !important;
  background: #fff !important;
}

/* Keep left nav under the expanded sheet/template fullscreen layer */
body.eln-fullscreen-active #leftmenuitem,
body.eln-fullscreen-active #leftmenuitem .main-nav {
  z-index: 1 !important;
}

.comepareBtn .btn_white_bg i.fa-compress-alt:before {
  content: "";
}

.comepareBtn button.btn_white_bg {
  padding: 0.2rem 0.6rem !important;
  margin-top: 2px;
}

.tempHeadRight .comepareBtn button.btn_white_bg {
  padding: 0.3rem 0.6rem !important;
  margin-top: 2px;
  position: relative;
}

.tempHeadRight .comepareBtn {
  margin-right: 5px !important;
  margin-top: 0px;
}

.comepareBtn .btn_white_bg i {
  background: url(../../images/compare_icon.svg) no-repeat center center;
  background-size: 14px;
  height: 11px;
  width: 20px;
}

.comepareBtnWhite .btn.btn-primary-blue i.fa-compress-alt:before {
  content: "";
}

.comepareBtnWhite button.btn.btn-primary-blue {
  padding: 0.35rem 0.6rem !important;
}

.comepareBtnWhite .btn.btn-primary-blue i {
  background: url(../../images/compare_icon_white.svg) no-repeat center center;
  background-size: 14px;
  height: 14px;
  width: 20px;
  float: left;
}

.k-widget.k-window .k-action-buttons .k-button.k-primary:hover {
  color: #fff !important;
}

.k-button.k-primary:focus,
.k-button.k-primary.k-state-focused {
  box-shadow: none;
}

.k-spreadsheet-toolbar .k-toolbar .k-button,
.k-spreadsheet-toolbar .k-button {
  padding: 0 !important;
  gap: 0;
}

.k-spreadsheet-toolbar
  .k-overflow-anchor.k-button
  span.k-icon.k-i-more-vertical {
  margin-top: 11px;
}

.k-icon.k-drag-status {
  display: none;
}

ul.icon-list-view i {
  font-size: 0.95rem;
}

.layout-wrap .cols-Header {
  box-shadow: none;
  border-radius: 0;
  border: none;
}

.layout-wrap {
  /* border: 1px solid #ccc; */
  /* padding: 0.5rem 1rem; */
  box-shadow: 1px 1px 11px 5px rgb(199 208 224 / 29%);
}

.form-align-inline {
  padding-left: 0;
  justify-content: left;
}

.form-align-inline li {
  padding-right: 1rem;
}

.form-align-inline,
.form-align-inline li {
  display: flex;
  list-style-type: none;
}

.form-align-inline li strong {
  margin-top: -5px;
  padding-left: 5px;
}

.bg-title {
  width: 100%;
  background: rgb(14 91 202 / 80%);
  color: #fff;
  padding: 0.3rem 1rem;
  margin-bottom: 1rem;
}

.bg-title .row {
  align-items: center;
}

.bg-title h6 {
  margin-bottom: 0;
}

.list-form-group {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  /* justify-content: space-between; */
  color: #495057;
  font-size: 0.8rem;
}

.list-form-group label {
  margin-bottom: 0;
  padding-left: 0.3rem;
}

.btn-primary-blue.input-right {
  border-radius: 5px 0 0 5px !important;
  padding: 9px !important;
}

.btn-primary-blue.input-right + .form-control {
  border-radius: 0 5px 5px 0 !important;
}

h6.no-borderd {
  border: none !important;
  padding-bottom: 0;
}

.no-border {
  border-radius: 0 !important;
}

.table-grid .row {
  margin-left: -5px;
  margin-right: -5px;
  padding: 0.4rem 0;
}

.table-grid-head {
  margin-left: 0px;
  margin-right: 0px;
  background: rgb(14 91 202 / 80%);
  color: #fff;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 500;
}

.table-grid-body {
  font-family: "Helvetica Neue", sans-serif !important;
}

.table-grid .row [class*="col-"] {
  padding-left: 7px;
  padding-right: 7px;
}

.table-grid [class*="col-"] span {
  display: block;
  font-size: 0.75rem;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-grid {
  overflow: auto hidden;
}

.table-grid-inner {
  min-width: 500px;
}

.child-split-equaly {
  display: flex;
}

.child-split-equaly > * {
  flex: 1;
}

.openEyeBtn {
  display: inline-block;
  margin-right: 10px;
}

.processOrderBtn {
  display: block;
  float: left;
  width: 100%;
}

.processOrderBtn td {
  padding: 0 !important;
  border: 0 !important;
  text-overflow: inherit !important;
  display: block;
}

.processOrderBtn .process {
  float: none;
}

.attatchments .media {
  border: #ddd dotted 2px;
  padding: 10px;
  flex-wrap: wrap;
}

.modal-footer button {
  /* text-transform: uppercase; */
  font-size: 0.775rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

h5.clsPageName {
  margin-bottom: 0;
}

.modal-open .modal {
  z-index: 99999;
}

.modal-open #UserMasterAdd.modal,
.modal-open #UserMasterEdit.modal {
  z-index: 1050 !important;
}

.fade.Material.Inventory.modal.show {
  z-index: 1049;
}

.k-widget.k-window .k-spreadsheet-window .k-action-buttons {
  display: block;
  text-align: center;
  padding: 10px;
}

.k-widget.k-window .k-spreadsheet-window .k-action-buttons .k-button,
.k-widget.k-window .k-action-buttons .k-button {
  flex: none;
  color: #0c4ca7 !important;
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 15px;
  line-height: 1 !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0.775rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
  margin: 0 5px;
  text-transform: uppercase;
}

.k-widget.k-window
  .k-spreadsheet-window
  .k-action-buttons
  .k-button.k-button-solid-primary,
.k-widget.k-window .k-action-buttons .k-button.k-button-solid-primary {
  background-color: #1970eb !important;
  color: #fff !important;
}

.k-widget.k-window .k-spreadsheet-window .k-action-buttons .k-button.k-primary {
  background-color: #1970eb !important;
  color: #fff !important;
}

.k-window-titlebar .k-window-actions.k-hstack {
  /* display: none; */
  border: 0;
  font-size: 12px;
}

.k-widget.k-window .k-window-titlebar .k-window-actions .k-i-close {
  font-size: 12px !important;
}

.k-widget.k-window .k-spreadsheet-window .k-action-buttons .k-button:hover {
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.k-spreadsheet-insert-comment.k-window-content {
  padding-top: 0;
}

.k-spreadsheet-insert-comment.k-window-content .k-edit-label {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

.k-spreadsheet-insert-comment.k-window-content .k-edit-field {
  width: 100%;
  text-align: left;
}

.popover.show.bs-popover-auto {
  z-index: 99999999;
  padding: 10px;
  max-width: 400px !important;
}

.popover.namedetails {
  width: 349px;
  max-width: 473px;
  padding: 16px;
  /* top: 23px;
    left: 0; */
  position: absolute;
  left: 90px;
  top: 23px;
  will-change: transform;
  transform: translate3d(-91px, 16px, 0px);
}

.popover.namedetails b {
  color: #000;
}

.tilteofprotocol .popover .arrow {
  left: 8% !important;
  transform: rotate(90deg);
}

.actionsBtn .clsopenbutton:focus {
  outline: none;
  box-shadow: none;
}

.dot {
  height: 10px !important;
  width: 10px !important;
  background-color: #ff0000;
  border-radius: 50%;
  display: inline-block;
  margin-top: 4px;
  background-image: none !important;
}

.dotPending {
  height: 10px;
  width: 10px;
  background-color: #ff6633;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
}

.dotCompleted {
  height: 10px;
  width: 10px;
  background-color: #45bf04;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
}

.rejectColm {
  padding: 0;
  /* min-width: 120px; */
}

.rejectColm > div {
  display: inline-block;
}

.actionsBtn > div {
  display: inline-block;
  /* margin: 0 5px; */
}

.actionsBtn .process {
  margin-bottom: 5px;
}

.dropdown-iconed button .k-i-preview {
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  opacity: 1 !important;
  position: absolute;
  right: 5px;
  top: 2.5px;
  left: auto;
  bottom: auto;
}

.dropdown-iconed button .k-i-preview::before {
  content: "\f0d7";
  z-index: 9;
  background-color: transparent;
  font-size: 1rem;
  font-family: "Font Awesome 5 Free";
}

.dropdown-iconed button[aria-expanded="true"] .k-i-preview:before {
  content: "\f0d8";
}

.dropdown-iconed button.k-button.k-primary.k-outline {
  padding-right: 28px !important;
}

button.btn_white_bg:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  /* background-color: rgb(14 91 202 / 10%) !important; */
  background-color: #e9ecef !important;
}

.btn_white_bg-group input {
  height: calc(1.15em + 0.75rem + 2px);
  margin-bottom: -2px;
  border: 1px solid #0c4ca7;
}

.btn_white_bg-group > * {
  border-radius: 0 !important;
  margin-left: 0 !important;
  border-right: none !important;
}

.btn_white_bg-group > *:first-child {
  border-radius: 5px 0 0 6px !important;
}

.btn_white_bg-group > *:last-child {
  border-right: 1px solid #0c4ca7 !important;
  border-radius: 0 5px 5px 0 !important;
}

.pad-0-7 {
  padding: 0.7rem;
}

.pad-1 {
  padding: 1rem;
}

.tmCustomFieldBlock .k-treeview .k-i-expand,
.tmCustomFieldBlock .k-treeview .k-i-collapse {
  margin-left: 0px !important;
  float: left;
  width: 22px;
  height: 30px;
  padding-top: 5px;
}

.tmCustomFieldBlock .k-treeview span.k-in,
.tmCustomFieldBlock .k-treeview span.k-treeview-leaf-text {
  display: block;
}

.tmCustomFieldBlock .k-treeview .k-item {
  padding: 0;
}

.sticky-header,
.sticky-header-body {
  display: flex;
  flex-wrap: nowrap;
}

.sticky-header {
  background-color: rgb(14 91 202 / 80%) !important;
  color: #fff;
}

.sticky-header > *,
.sticky-header-body > * {
  width: 50%;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border: 1px solid #797d85;
  font-family: "Helvetica Neue", sans-serif !important;
  border-bottom: none;
  border-right: none;
  font-weight: 500;
}

.sticky-header > *:last-child,
.sticky-header-body > *:last-child {
  border-right: 1px solid #797d85;
}

.sticky-header-body:last-child > * {
  border-bottom: 1px solid #797d85;
}

.sticky-header-body > * {
  color: #797d85;
  font-family: "Helvetica Neue", sans-serif !important;
}

input.checkbox-md {
  width: 20px;
  height: 20px;
  transform: translateY(3px);
}

.spaced-bordered-input {
  border: 1px solid #1970eb;
  margin: 0 0.5rem;
  padding: 0.3rem 0.5rem;
  border-radius: 10px;
  font-size: 0.8em;
}

ul.sdmsLink {
  padding: 0;
  margin: 0;
}

ul.sdmsLink li {
  text-align: center;
  font-size: 0.6rem !important;
  color: #fff;
  padding: 0.5rem 0.3rem;
}

ul.sdmsLink li label {
  font-size: 0.6rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  padding-top: 5px;
}

ul.sdmsLink li img {
  max-width: 25px;
  margin: auto;
}

ul.sdmsLink li:hover,
.main-nav .nav-link:hover {
  background-color: #0e5bca !important;
}

.k-grouping-header .k-group-indicator {
  padding: 0 5px;
}

.k-grouping-header .k-button .k-icon {
  padding: 4px !important;
}

.k-i-arrow-60-down::before,
.k-i-arrow-s::before,
.k-i-sarrow-s::before,
.k-i-collapse::before,
.k-i-expand-s::before,
.k-i-expand::before {
  font-family: "WebComponentsIcons";
}

.active-btn.btn_white_bg:not(:disabled) {
  background-color: #0c4ca7 !important;
  color: #fff !important;
}

.reuiredfield .k-combobox .k-dropdown-wrap {
  border-color: red !important;
}

.msl-input:before {
  color: #797d85 !important;
}

.k-combobox .k-dropdown-wrap .k-input::placeholder {
  color: #797d85;
}

.k-grid-header .k-header > .k-link {
  color: #172b4d;
}

.rc-tabs-nav-wrap .rc-tabs-nav-list .rc-tabs-tab .rc-tabs-tab-btn {
  color: #797d85;
  display: flex;
  justify-content: space-between;
}

.rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab.rc-tabs-tab-active
  .rc-tabs-tab-btn {
  color: #172b4d;
}

.clsOrderCoun.badge-primary {
  font-weight: 600;
}

.StepsBtns button.btn_white_bg {
  margin-bottom: 5px;
}

.popoverContainer .popover {
  max-width: 350px;
  min-width: 350px;
}

.popoverContainer .popup-group-list {
  max-width: 100%;
}

.note-text.comments {
  clear: both;
}

.popover .userDetailsPopver .h6 {
  font-size: 12px !important;
}

.unshareBlock {
  display: flex;
}

.unshareBlock .rejectColm {
  display: flex;
  min-width: 50px;
  width: auto;
}

.unshareBlock td {
  border: none !important;
  padding: 0 !important;
}

.centered-event-message {
  display: flex;
  text-align: center;
  /* flex-direction: column; */
  align-items: center;
  box-shadow: 1px 1px 5px 1px rgb(199 208 224 / 29%);
}

.centered-event-message.spaced {
  margin: 10px;
  min-height: 300px;
}

.sidebar-wrap {
  font-family: "Helvetica Neue", sans-serif !important;
  color: #797d85;
  box-shadow: 1px 1px 11px 5px rgb(199 208 224 / 29%);
}

.centered-event-message-wrap.no-top {
  padding-top: 0;
}

.k-grid-header .k-header > .k-link {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.centered-event-message-inner {
  margin: 0 auto;
}

.big-icon {
  font-size: 2rem;
  color: #1970eb;
}

.k-grid th,
.k-grid td {
  font-size: 0.775rem;
  padding: 0.4rem 0.6rem !important;
}

.kendo-box-wrap .k-grid th,
.kendo-box-wrap .k-grid td {
  padding: 0.33rem !important;
}

.aboutElnLogo {
  max-width: 180px;
}

.licenseElnLogo {
  max-width: 180px;
}

.btn-outline-primary {
  color: #1970eb !important;
  border-color: #1970eb !important;
}

.btn-outline-primary:hover {
  background-color: #1970eb !important;
  border-color: #1970eb !important;
  color: #fff !important;
}

.popoverContainer .box-md {
  width: 100%;
}

.css-v4mnzc {
  z-index: 99999999 !important;
}

.white_head {
  color: #fff;
}

.docxDirectoryDiv {
  cursor: pointer;
}

.text-left-icon {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 70%;
  padding-right: 5px;
  overflow: hidden;
}

span.list-rg-ico-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.show-order li.moreTooltip span.show-order-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  max-width: 100px;
  display: inline-block;
  margin-top: 2px;
}

.show-order li.moreTooltip .show-order-content:after {
  display: none;
}

.show-order li.list-inline-item.moreTooltip:after {
  content: "";
  height: 20px;
  width: 1px;
  display: inline-block;
  background-color: #0c4ca7;
  margin-bottom: -5px;
  margin-left: 10px;
  float: right;
}

.md-datepicker .k-dateinput,
.md-datepicker .k-datepicker,
.md-datepicker .k-datetimepicker,
.md-datepicker .k-timepicker {
  width: 11.4em;
}

.grid-tool-bar {
  padding: 10px 15px 15px;
}

.form-group.inline-form-group {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  margin-right: 10px;
}

.sm.form-group.inline-form-group {
  margin-right: 5px;
}

.form-group.inline-form-group label {
  margin-bottom: 0;
}

.form-group.inline-form-group > * {
  margin-right: 10px;
}

.sm.form-group.inline-form-group > * {
  margin-right: 5px;
}

.inline-form-group select,
.inline-form-group .select-list {
  min-width: 120px;
}

.d-inline-flex-center-right {
  display: inline-flex;
  align-items: center;
  justify-content: right;
}

.docxDirectoryDiv i {
  color: #205aab;
}

.no-pad-right {
  padding-right: 0 !important;
}

.gry-bg-wrap {
  background: #e4e6eb;
}

.uploadLimsBtach .csv-reader-input .csv-label {
  margin-bottom: 0;
  color: #fff !important;
  background: #1970eb;
  border: 1px solid #1970eb;
  font-weight: 600;
  padding: 0.4rem 0.8rem;
  border-radius: 25px;
  line-height: 1;
  outline: none;
  cursor: pointer;
  font-size: 0.775rem;
  margin-right: 0;
  text-transform: capitalize;
}

.verLabel .form-inline {
  margin-top: -5px;
}

.actionsBtn td {
  padding: 0 !important;
  border: none !important;
}

.protocolTempContainer .actionsBtn {
  width: 100%;
}

.protocolTempContainer .actionsBtn .processOrderBtn {
  width: auto;
  text-align: center;
  float: none;
  min-width: auto;
}

.protocolTempContainer .actionsBtn .processOrderBtn td {
  display: inline-block;
  margin: 0 5px;
}

.admin-menu .leftmenunav > li img {
  max-width: 35px;
  margin: auto;
}

#idElnBody.adminPageContainer #bodycontent {
  padding-left: 5rem;
}

.form-group .form-control {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
}

.adminLeftMenu .k-treeview .k-item {
  font-size: 14px;
  padding: 0 0 0 10px;
}

.adminLeftMenu .k-treeview .k-in,
.adminLeftMenu .k-treeview .k-treeview-leaf-text {
  border: none;
  color: #212529;
  background-color: #fff;
}

.adminLeftMenu .k-treeview .k-in:hover,
.adminLeftMenu .k-treeview .k-in:focus,
.adminLeftMenu .k-treeview .k-treeview-leaf-text:hover,
.adminLeftMenu .k-treeview .k-treeview-leaf-text:focus {
  border: none;
  color: #212529;
  background-color: #fff;
  box-shadow: none;
}

#fr-logo {
  display: none;
}

.adminLoginContainer .eln-logo {
  width: 200px;
  position: relative;
}

.adminLoginContainer .eln-logo img {
  width: 100%;
}

.adminLoginBox {
  min-width: 400px;
  max-width: 600px !important;
}

.adminLoginBox .version-txt {
  bottom: 10px;
}

.modal-dialog .modal-content .modal-header {
  padding: 0.775rem 1rem;
}

.modal-dialog .modal-content .modal-body .form-group label {
  margin-bottom: 0;
  text-transform: capitalize;
}

.inventory-modal .modal-body .form-group label {
  width: 165px;
  display: inline-block;
}

.inventory-modal .modal-body .form-group span {
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  color: #172b4d;
}

.eZAHOK.panel-main-content .card-header {
  border: 0;
}

.modal-dialog .modal-content .modal-body .form-group .form-control {
  height: calc(1em + 0.75rem + 3px);
}

.multisite-modal
  .modal-dialog
  .modal-content
  .modal-body
  .form-group
  .form-control {
  height: calc(1em + 0.75rem + 13px);
}

.modal-dialog .modal-content .modal-body .form-group textarea.form-control {
  height: auto;
}

.modal-dialog .modal-content .modal-footer {
  padding: 0.5rem;
}

.modal-dialog .modal-content .clsSheets .k-master-row td {
  padding: 10px 5px !important;
  font-family: "" Helvetica Neue " , sans-serif";
  border-bottom: #f2f2f2 solid 1px;
}

.clsSheets .k-textbox {
  padding: 4px 5px;
  height: 28px;
}

/* .k-combobox .k-dropdown-wrap:hover .k-clear-value, */
.k-combobox .k-dropdown-wrap.k-state-hover .k-clear-value,
.k-combobox .k-dropdown-wrap.k-state-focused .k-clear-value {
  margin-top: -3px;
}

.modal-dialog .modal-content .clsSheets .k-state-selected td,
.clsSheets .k-grid tr.k-state-selected > td,
.modal-dialog .modal-content .clsSheets .k-selected td,
.clsSheets .k-grid tr.k-selected > td {
  border-left: 3px solid #1970eb;
  border-right: none;
}

.model .modal-dialog.openArchiveModel .modal-body {
  padding-top: 0;
}

.modal-dialog.openArchiveModel .modal-content .clsSheets .k-filter-row {
  padding: 10px 0 !important;
}

.modal-dialog.openArchiveModel .modal-content .clsSheets .k-filter-row th {
  padding: 2px !important;
}

.model .modal-dialog {
  width: 80%;
  max-width: 400px;
}

.modal-dialog.smallPopup {
  width: 80%;
  max-width: 400px;
}

.modal-dialog.mediumPopup {
  width: 80%;
  max-width: 600px;
}

.modal-dialog.largePopup {
  width: 80%;
  max-width: 1000px;
}

.modal-dialog.largePopup.kendospreadload {
  max-width: 1200px;
}

.modal-dialog.largePopup.kendospreadload #idKendosheetPopCalliDate {
  height: 65vh !important;
}

.modal-dialog.largePopup.kendospreadload #idKendosheetPopMaintananceopendate {
  height: 65vh !important;
}

.protoclassorder .modal-dialog.largePopup.logbook-popup.material-popup {
  max-width: 500px;
}

.screen-centered-scroll-innerbody .modal-body .rc-tabs-content-holder {
  max-height: 63vh;
  overflow: auto;
}

.modal-dialog.xs-largePopup {
  width: 65%;
  max-width: 900px;
}

.screen-centered-scroll .modal-body {
  max-height: 93vh;
  overflow: auto;
}

.Export-protocol.screen-centered-scroll .modal-body {
  max-height: 75vh;
}

.screen-centered-scroll.xl .modal-body {
  max-height: 70vh;
}

.xs-modal-popup {
  max-width: 400px;
}

.k-grid tr.k-state-selected > .column,
.k-grid tr.k-selected > .column {
  color: #212529;
  background-color: rgba(0, 123, 255, 0.25);
}

.k-grid tr > .column {
  display: table-cell;
  vertical-align: middle;
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  margin-top: -12px;
}

.form-group .msl-input {
  font-size: inherit !important;
  padding-left: 0;
  margin-left: 0;
}

img.signImg {
  max-height: 50px;
}

.user-profile-wrap .file-upload-wrap {
  width: 100%;
}

.user-profile-wrap .file-upload-wrap span,
.user-profile-wrap button.picRemoveBtn {
  width: 100%;
  padding: 0.4rem 0.8rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

.sheetTempContainer .actionsBtn .processOrderBtn {
  width: 100%;
  text-align: center;
}

.sheetTempContainer .actionsBtn .processOrderBtn td {
  display: inline-block;
  margin: 0 5px;
}

.sheetTempContainer .actionsBtn {
  display: flex;
  width: 100%;
}

.sheetTempContainer .actionsBtn.rejectColm {
  min-width: auto;
  width: auto;
  float: none;
  display: inline-block;
}

.orderByMeClass .rejectColm {
  min-width: auto;
  width: auto;
}

.k-window {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem !important;
}

.k-tabstrip-items .k-link {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem;
}

.k-tabstrip-items .k-item {
  color: #172b4d !important;
}

.k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-items .k-item.k-state-selected,
.k-tabstrip-items .k-item.k-selected {
  color: #fff !important;
  background: #1970eb !important;
}

.k-tabstrip-bottom ul.k-reset.k-tabstrip-items {
  margin-left: 0 !important;
}

.k-spreadsheet-sheets-bar {
  border-top: #1970eb solid 5px !important;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item {
  margin-top: 0px !important;
  border: 1px solid #ccc;
}

.k-spreadsheet-sheets-items
  .k-item
  .k-spreadsheet-sheets-remove
  .k-i-close::before {
  content: "\e10c";
}

.k-spreadsheet-sheets-items .k-item .k-spreadsheet-sheets-remove .k-i-close {
  font-size: 14px !important;
}

.cardHover .card-body {
  padding: 1rem;
}

.sheetOrdersBlock .k-tabstrip-top .k-tabstrip-items {
  display: none;
}

.sheetOrdersBlock .k-spreadsheet-quick-access-toolbar {
  display: none;
}

.sheetOrdersBlock.Validationorder .k-tabstrip-top .k-tabstrip-items {
  display: flex;
}

.sheetOrdersBlock .k-spreadsheet-tabstrip {
  padding-top: 0;
}

.batchSettingsTable .eln-t-header {
  background: #f1f1f1;
  padding: 10px;
  font-family: "Helvetica Neue", sans-serif !important;
  color: #172b4d;
  font-weight: 500;
}

.borderBottom {
  border-bottom: #ddd solid 1px;
}

.k-grid-columnmenu-popup {
  font-size: 0.775rem;
}

.k-columnmenu-item-content .k-filter-menu .k-filter-menu-container {
  padding-top: 0rem !important;
}

.k-filter-menu-container .k-dropdown .k-dropdown-wrap,
.k-dropdowntree .k-dropdown-wrap {
  background-color: #fff !important;
}

.k-dropdown .k-dropdown-wrap:hover,
.k-dropdowntree .k-dropdown-wrap:hover,
.k-dropdown .k-dropdown-wrap.k-state-hover,
.k-dropdowntree .k-dropdown-wrap.k-state-hover {
  background-color: #fff !important;
}

.k-filter-menu-container .k-dropdown .k-dropdown-wrap:hover,
.k-filter-menu-container .k-dropdown .k-dropdown-wrap:focus {
  background-color: #fff !important;
  outline: none;
}

.k-filter-menu-container .k-textbox {
  border: none;
  border-bottom: #ccc solid 1px;
  border-radius: 0;
  padding-left: 0;
}

.k-filter-menu-container .k-dropdown .k-dropdown-wrap .k-input {
  padding-left: 0;
}

.k-filter-menu-container .k-textbox:focus {
  box-shadow: none;
  border: none;
  border-bottom: #ccc solid 1px;
}

.k-filter-menu .k-widget,
.k-filter-menu .k-radio-list,
.k-filter-menu .k-textbox {
  margin: 0 !important;
  height: calc(1em + 0.75rem + 2px);
  margin-bottom: 0.5rem !important;
  font-size: 0.775rem;
}

.k-filter-menu .k-widget.k-filter-and {
  width: 100%;
}

.k-columnmenu-item-content .k-columnmenu-actions .k-button {
  color: #0c4ca7 !important;
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
  font-weight: 600 !important;
  padding: 0.4rem 0.8rem;
  border-radius: 2rem;
  line-height: 1 !important;
  outline: none !important;
  cursor: pointer;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem !important;
}

.k-columnmenu-item-content .k-columnmenu-actions .k-button.k-primary {
  color: #fff !important;
  background: #1970eb !important;
  border: 1px solid #1970eb !important;
  padding: 0.4rem 0.8rem;
  border-radius: 2rem;
  line-height: 1 !important;
  outline: none !important;
  font-family: "Helvetica Neue", sans-serif !important;
  cursor: pointer;
  font-size: 0.775rem !important;
  font-weight: 600;
}

.k-columnmenu-item-content
  .k-filter-menu
  .k-filter-menu-container
  .k-columnmenu-actions {
  padding-top: 0.5rem !important;
}

.k-popup .k-grid-columnmenu-popup .k-columnmenu-item {
  font-family: "Helvetica Neue", sans-serif !important;
  color: #1970eb;
  font-weight: 600;
}

.k-columnmenu-item.k-state-selected,
.k-columnmenu-item.k-selected {
  color: #fff !important;
}

.k-datetime-container .k-datetime-wrap {
  width: 18em !important;
}

.k-datetime-container .k-datetime-buttongroup {
  padding: 0.5rem !important;
}

.k-datetime-wrap .k-button-group-stretched .k-button {
  border-radius: 2rem !important;
  margin: 0 1rem;
  font-size: 0.775rem;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.k-time-header,
.k-calendar-infinite .k-calendar-header {
  padding: 0 1rem !important;
}

.k-calendar-header .k-title,
.k-calendar-header .k-today {
  font-size: 0.775rem !important;
}

.k-datetime-container .k-datetime-calendar-wrap,
.k-datetime-container .k-datetime-time-wrap {
  flex: 0 0 18em !important;
}

.k-calendar-infinite .k-calendar-view {
  width: 200px !important;
  height: calc(280px + 2em) !important;
}

.k-calendar .k-month .k-link,
.k-calendar .k-calendar-monthview .k-link {
  width: 34px !important;
}

.k-time-header {
  margin-left: -3px !important;
  padding: 0.375rem 0.75rem !important;
  line-height: 1em !important;
}

.k-calendar-infinite .k-calendar-view,
.k-calendar-infinite .k-calendar-monthview {
  margin-top: 0 !important;
}

.k-time-list-wrapper .k-title {
  margin-top: -2rem !important;
}

.k-datepicker .k-picker-wrap.k-state-focused,
.k-datepicker .k-picker-wrap.k-state-active,
.k-timepicker .k-picker-wrap.k-state-focused,
.k-timepicker .k-picker-wrap.k-state-active,
.k-datetimepicker .k-picker-wrap.k-state-focused,
.k-datetimepicker .k-picker-wrap.k-state-active {
  box-shadow: none !important;
}

.repositoryTable .k-widget.k-grid {
  height: calc(100vh - 290px) !important;
}

.lf_mobileView {
  display: none;
}

.bm-menu-wrap.calenderPopup-inventory {
  top: 0;
  position: fixed;
  z-index: 1000 !important;
  width: 450px !important;
  height: 100%;
  transition: all 0.5s ease 0s;
  padding: 4px 0px !important;
  border-radius: 15px;
}

.calenderPopup-inventory-filter {
  top: 0;
  position: fixed;
  z-index: 1000 !important;
  width: 50%;
  height: 100%;
  transition: all 0.5s ease 0s;
  /* padding: 4px 12px !important; */
  padding: 0 !important;
  border-radius: 15px;
}

.calenderPopup-inventory .userDetails .container,
.userDetails p {
  color: #172b4d;
  font-size: 12px;
  padding: 0;
}

.calenderPopup-inventory
  .rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab.rc-tabs-tab-active
  .rc-tabs-tab-btn {
  color: #ffffff;
  background-color: rgb(18, 104, 227);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.calenderPopup-inventory .k-header {
  display: none;
}

.calenderPopup-inventory .list-group-item {
  border: 0;
  padding: 0;
}

.calenderPopup-inventory .at-list-table .k-grid {
  height: calc(100vh - 293px) !important;
}

.calenderPopup-inventory .bm-menu {
  padding-top: 0;
}

.calenderPopup-inventory .menu-header {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}

.calenderPopup-inventory .bm-cross-button {
  right: 14px !important;
  top: 14px !important;
}

.calenderPopup {
  max-width: 500px;
  width: 100% !important;
  min-width: initial;
  overflow: auto;
}

.sheets-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.storage-selector {
  background-color: transparent;
  border: 0;
  border-radius: none;
  padding: 20px;
  box-shadow: none;
  width: 100%;
  max-width: 400px;
}

.storage-selector-heading {
  font-size: 15px !important;
  font-weight: 600;
  margin-bottom: 10px;
}

.storage-selector-content {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
}

.calenderPopup .flex-form-group label {
  min-width: 110px;
}

.calenderPopup .k-datepicker {
  width: 245px;
}

.calenderPopup .bm-cross-button {
  right: 20px !important;
  padding: 4px 12px !important;
  border-radius: 15px;
  width: auto !important;
}

.calenderPopup .k-dateinput .k-dateinput-wrap .k-input {
  padding-left: 0;
}

.calenderPopup .bm-cross-button span.bm-cross {
  display: none;
}

.calenderPopup .bm-cross-button span::after {
  content: "\f00d";
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  line-height: 1;
  color: #0c4ca7 !important;
}

.calenderPopup .bm-cross-button > span {
  top: initial !important;
  right: initial !important;
  position: relative !important;
}

.calenderPopup .btn.btn-primary-blue {
  opacity: 0.7;
}

.calenderPopup .btn.btn-primary-blue.active {
  opacity: 1;
}

.createOrdPopover h5 {
  font-size: 0.95rem !important;
  margin-bottom: 0;
  line-height: 28px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.border-left-info.cls_dashselect {
  border-bottom: 3px solid #ff6633 !important;
}

.border-left-success.cls_dashselect {
  border-bottom: 3px solid #54c518 !important;
}

.border-left-canceled.cls_dashselect {
  border-bottom: 3px solid #808080 !important;
}

.border-left-rejected.cls_dashselect {
  border-bottom: 3px solid #cc0000 !important;
}

.mobSearchIcon {
  display: none;
}

.hideSearch {
  display: block;
}

.blackSearch {
  display: block;
}

.k-animation-container {
  z-index: 99999 !important;
  width: auto;
}

.k-animation-container-shown {
  z-index: 99999 !important;
}

.modal-dialog .modal-content .modal-header .btn_white_bg {
  padding: 0.3rem 0.8rem !important;
}

.btn {
  text-transform: capitalize;
}

#topSearchBlock .mobSearchIcon {
  padding: 0.3rem 0.8rem !important;
}

.createNewOrder label.radio,
.createNewTemplate label.radio {
  min-height: 30px;
}

.dbInveroryBlock .msl-chip {
  font-size: 10px !important;
}

.dbInveroryBlock .msl-close-icn {
  height: 7px;
  width: 7px;
}

.dbInveroryBlock .msl-chip-delete,
.dbInveroryBlock .msl-arrow-icn {
  min-width: 15px;
  min-height: 15px;
  height: 15px;
  width: 15px;
}

.k-pager-numbers-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: calc(1.2em + 0.75rem + 2px) !important;
  align-items: center;
}

.k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
  width: 3.5em !important;
  margin-right: 5px !important;
}

.k-grouping-header-flex > .k-indicator-container {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem;
}

.clsFilters {
  box-shadow: 0px 2px 10px 0px #ddd;
  border: #ddd solid 1px;
  padding: 10px;
}

.auditclsfilters.clsFilters {
  background-color: #f8f9fa;
  border: 0;
}

.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-timepicker {
  width: 100% !important;
}

.dateReset {
  position: absolute;
  right: 0px;
  bottom: 3px;
}

.toDate span.k-select {
  position: relative;
  right: 0px;
}

.clscontentsearch .form-group {
  margin-bottom: 0;
}

.clscontentsearch .search-styled {
  margin-top: -5px;
}

.clscontentsearch .col-md-4 {
  margin-bottom: 2px;
}

.filterMenuTop {
  position: absolute;
  top: -38px;
  right: 15px;
}

.filterBlock.clsFilters {
  display: none;
  opacity: 0;
  transition:
    visibility 0s,
    opacity 0.5s linear;
}

.filterBlock.show {
  display: block;
  opacity: 1;
}

.filterByBtn.active {
  color: #fff !important;
  background-color: #007bff !important;
}

.createOrderBtn.active {
  color: #fff !important;
  background-color: #007bff !important;
  right: 1rem;
}

.createOrderBtn {
  display: none;
  float: left;
  position: absolute;
  top: -38px;
  right: 120px;
}

.sheetOrdersBlock .leftcontainer.show {
  display: block !important;
}

.protocolOrdersBlock .leftcontainer.show {
  display: block !important;
}

.protocolOrdersBlock .filterMenuTop {
  right: 30px;
}

.tdShareButton,
.openEyeIcon {
  display: inline-block;
}

.react-confirm-alert-button-group > button {
  padding: 0.3rem 0.8rem !important;
}

.uploadLimsBtach .file-upload-btn {
  margin-bottom: 0;
  color: #fff !important;
  background: #1970eb;
  border: 1px solid #1970eb;
  font-weight: 600;
  padding: 0.4rem 0.8rem;
  border-radius: 15px;
  line-height: 1;
  outline: none;
  cursor: pointer;
  font-size: 0.775rem;
  margin-right: 0;
  text-transform: capitalize;
}

.importBtn .file-upload-btn {
  background-color: #1970eb;
  color: #fff;
  font-size: 0.775rem;
  padding: 0.4rem 0.8rem;
  border: none;
  outline: none;
  border-radius: 2rem;
  line-height: 1.1;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.importBtn .file-upload-btn:hover {
  background-color: #1970eb;
  color: #fff;
  box-shadow: 0px 3px 5px 1px rgb(14 91 202 / 40%);
}

.top-main-menu .clsMenuContent ul li.list-inline-item {
  margin-bottom: 5px;
  float: left;
}

.tempHeadRight ul li button {
  /* padding: 0.3rem 0.8rem !important; */
}

.k-toolbar .k-overflow-anchor {
  background-color: #eef2f9 !important;
  /* z-index: 9999; */
}

.k-spreadsheet-sheets-bar-add {
  border-color: #c7cdd5 !important;
  color: #212529 !important;
  background-color: #ced3db !important;
}

.parserFileuPload {
  position: relative;
}

.parserFileuPload .customUploadFile,
.parserFileuPload .uploadBtn {
  float: left;
}

.parserFileuPload .customUploadFile label.uploaded-file {
  position: absolute;
  bottom: -14px;
  font-size: 10px !important;
  margin-left: 0 !important;
  white-space: nowrap;
  max-width: 100%;
}

.modal-compo {
  z-index: 99999999999 !important;
  max-width: 365px !important;
}

.dbInventryDate .clskendoDatepick {
  width: auto !important;
}

.card.docxDirectoryDivSelected {
  color: #797d85;
  font-weight: 400;
}

.card.docxDirectoryDivSelected {
  color: #797d85;
  font-weight: 400;
}

/*loader styling*/
.inner-loader.cls-loader > div {
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -13px;
}

.cls-loader.inner-loader.cls-loader > div {
  position: relative;
}

.inner-loader.cls-loader > div::before {
  background-color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*loader styling ends*/
.card.docxDirectoryDivSelected {
  color: #797d85;
  font-weight: 400;
}

.bodycontent iframe #box-document-title {
  background-color: #1970eb !important;
}

.bodycontent iframe .toolbar .box-tabs .extra {
  background-color: #1970eb !important;
}

.bodycontent iframe .toolbar .tabs {
  background-color: #1970eb !important;
}

.full-screen-view-single-level-left > div {
  /* height: calc(100vh - 115px); */
  overflow: auto;
}

.full-screen-view-single-level-right .k-widget.k-grid {
  max-height: calc(100vh - 162px);
  height: calc(100vh - 165px);
}

.content-full-screen {
  height: calc(100vh - 174px);
}

#fullScreenDiv .tree-view-scroll {
  height: calc(100vh - 200px);
}

#fullScreenDiv.enableFullscreen .tree-view-scroll,
#fullScreenDiv.enableFullscreen .content-full-screen,
#fullScreenDiv.enableFullscreen #idKendosheet.k-spreadsheet,
#fullScreenDiv.enableFullscreen .clsspreadView.k-spreadsheet {
  height: calc(100vh - 100px) !important;
  width: 100% !important;
}

/* Sheet template fullscreen: only template header remains above the sheet */
.sheetTempContainer #fullScreenDiv.enableFullscreen #idKendosheet.k-spreadsheet,
.sheetTempContainer #fullScreenDiv.enableFullscreen .clsspreadView.k-spreadsheet {
  height: calc(100vh - 58px) !important;
  width: 100% !important;
}

.sheetTempContainer #fullScreenDiv.enableFullscreen .tree-view-scroll {
  height: calc(100vh - 58px) !important;
}

.sheetTempContainer #fullScreenDiv.enableFullscreen .cls-SheetSpreadContainer,
.sheetTempContainer #fullScreenDiv.enableFullscreen .k-splitter,
.sheetTempContainer #fullScreenDiv.enableFullscreen .pane-content {
  height: 100% !important;
  width: 100% !important;
}

#fullScreenDiv.enableFullscreen .k-splitter,
#fullScreenDiv.enableFullscreen .pane-content {
  height: 100% !important;
  width: 100% !important;
}

.flex-btn-group {
  display: flex;
  flex-wrap: wrap;
  float: none;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
}

.flex-btn-group .tdShareButton {
  margin: 0 3px !important;
}

.parserFileuPload.researchfile {
  position: absolute;
}

.parserFileuPload.limsorder {
  position: absolute;
}

.timer-wrapper {
  top: 6px;
  position: absolute;
  color: blue;
  font-size: initial;
}

.start-cl {
  width: 100px;
  height: 25px;
  background: #115dca;
  color: white;
  border-radius: 4px;
  border: none;
}

.start-cl-pause {
  width: 100px;
  height: 25px;
  background: #115dca;
  color: white;
  border-radius: 4px;
  border: none;
}

._pd-mod-amount {
  border: 1px #aaa dotted;
  padding: 2px 2px;
  border-radius: 3px;
}

.timer-cl {
  font-family: roboto;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  color: #105c93;
}

.doc-wrap {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.doc-wrap > iframe {
  min-width: 600px;
}

.page-height-md {
  height: calc(100vh - 115px);
}

.page-height-sm {
  height: calc(100vh - 170px);
}

.k-grid-header,
.k-grid-footer {
  padding-right: 0 !important;
}

.k-tabstrip > .k-content.k-state-active {
  border-top: #1970eb solid 5px;
}

.k-spreadsheet .k-tabstrip > .k-content.k-state-active {
  border-top: 1px solid #1970eb;
}

.clsSheetNameLabel .top-main-menu h6 {
  word-break: break-all;
  max-width: 320px;
}

.taskname-title {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sheet-chart-wrapper.clsdisplayblock .card-inner-body {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.clsChartView .sheet-chart-wrapper.clsdisplayblock .card-inner-body {
  max-height: initial;
}

.chartHead ul li button.icon-grey {
  background: none;
  border: none;
}

.popoverContainer .popover-body {
  height: auto;
}

.spread-wrap.methodParser .k-spreadsheet-scroller {
  height: calc(100vh - 220px);
  /* height: 90%; */
  /* z-index: 99; */
}

.methodParserContainer {
  min-height: calc(100vh - 200px) !important;
}

.methodParserContainer .methodParser {
  height: calc(100vh - 220px) !important;
}

.methodParserContainer .k-spreadsheet-fixed-container {
  height: calc(100vh - 240px) !important;
}

.methodParserContainer .evaluateParser {
  height: calc(100vh - 230px) !important;
}

.spread-wrap.evaluateParser .k-spreadsheet-scroller {
  height: calc(100vh - 230px);
}

/*sheet folder structure styles*/
.k-filemanager-toolbar .k-toolbar label {
  margin-bottom: 0;
}

.k-filemanager-toolbar .k-button-group .k-button,
.dashboard-title .k-button-group .k-button {
  padding: 3px 9px !important;
  height: auto;
  border-color: #0062cc;
  background: #fff;
  box-shadow: none !important;
}

.dashboard-title .k-button-group .k-button {
  padding: 5px 0px 5px 10px !important;
  border-radius: 15px;
  border: 0;
  margin-left: 0;
  /* box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%) !important; */
}

.dashboard-title .k-split-button.k-button-group.btn_white_bg:hover > button {
  background-color: transparent;
}

.dashboard-title .k-button-group {
  border-radius: 25px !important;
  padding: 5px !important;
  background-color: #fff !important;
  box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
}

.dashboard-title .btn_white_bg.dropdown-bg img {
  margin-left: 0;
  max-width: initial;
  width: 20px;
  margin-right: 1px;
}

.dashboard-title .k-button-group > .k-button:last-child:not(:only-child) {
  border-left: 0;
  border-bottom-right-radius: 11px;
  border-top-right-radius: 11px;
  padding: 0 5px !important;
}

.k-filemanager-toolbar .k-button-group .k-button:last-child {
  border-top-right-radius: 1.5rem;
  border-left: none;
  border-bottom-right-radius: 1.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.k-filemanager-toolbar .k-button-group .k-button:first-child {
  border-top-left-radius: 1.5rem;
  border-right: none;
  border-bottom-left-radius: 1.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.k-filemanager-toolbar .k-button-group .k-button .k-icon {
  padding: 0 !important;
}

.k-filemanager-toolbar .k-button-group .k-button.k-state-selected .k-icon,
.k-filemanager-toolbar .k-button-group .k-button.k-selected .k-icon {
  color: #fff !important;
}

.toolbar-btn i {
  font-size: 1.1rem;
  margin-right: 0.5rem;
  padding-left: 0 !important;
  color: #0062cc;
}

.toolbar-btn span {
  /* padding-top: 1px; */
}

.toolbar-btn {
  padding: 2px 10px !important;
}

.k-filemanager-toolbar .k-toolbar {
  padding: 0;
  line-height: 2.9;
  border-top: 0;
  border-width: 0.5px;
  /* background-color: #f7f8fa !important; */
  background-color: #0000 !important;
}

.k-filemanager-toolbar .k-toolbar .k-textbox {
  padding: 3px 5px;
  height: auto;
  box-shadow: none !important;
  outline: none !important;
}

#idcontextmenushow {
  padding: 8px !important;
  box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
  border: 2px solid #f9f9f8 !important;
}

.k-filemanager-content-container .k-treeview .k-in.k-state-selected,
.k-filemanager-content-container .k-treeview .k-selected,
.k-filemanager-content-container .k-treeview .k-treeview-leaf.k-selected {
  background-color: transparent;
  border-color: transparent;
  color: #1970eb;
  box-shadow: none !important;
}

.k-filemanager-content-container .k-treeview .k-in,
.k-filemanager-content-container .k-treeview .k-treeview-leaf {
  font-size: 0.9rem;
  width: 100%;
  text-transform: capitalize;
  padding: 0.1rem 0.3rem;
  color: #797d85;
  padding-left: 35px;
  padding-top: 10px;
  min-height: 33px;
  min-height: 33px;
}

.k-filemanager-content-container .k-i-folder:before,
.k-filemanager-preview .k-file-icon.k-icon.k-i-folder:before,
.k-filemanager-content-container .k-treeview .k-in:before,
.k-filemanager-content-container .k-treeview .k-treeview-leaf-text::before {
  background: url(../../images/folder-big.svg);
  content: "";
  height: 27px;
  width: 33px;
  background-repeat: no-repeat;
  /* margin-right: .5rem; */
  /* top: -10px !important; */
  background-size: 27px;
  left: 1.5px !important;
}

.k-filemanager-content-container .k-treeview .k-in:before,
.k-filemanager-content-container .k-treeview .k-treeview-leaf-text::before {
  position: absolute;
  top: 5px;
  left: 0;
}

.k-filemanager-content-container .k-i-subreport::before {
  content: "";
  background: url(../../images/doc-small.png);
}

.k-filemanager-content-container .k-i-subreport::before,
.k-filemanager-content-container .k-i-folder:before {
  height: 47px;
  width: 47px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
}

.k-filemanager-content-container td .k-i-subreport,
.k-filemanager-content-container td .k-i-folder,
.k-filemanager-content-container td .k-i-subreport::before,
.k-filemanager-content-container td .k-i-folder:before {
  height: 26px;
  width: 26px;
  margin-right: 12px;
  vertical-align: sub;
}

.k-filemanager-content-container .k-i-subreport,
.k-filemanager-content-container .k-i-folder {
  height: 47px;
  width: 47px;
  display: inline-block;
}

.k-filemanager-preview .k-file-icon.k-icon.k-i-folder {
  height: 50px;
  width: 50px;
  display: inline-block;
}

.k-filemanager-preview .k-file-icon.k-icon.k-i-folder:before {
  background-size: 100%;
  height: 50px;
  width: 50px;
  display: inline-block;
}

.k-filemanager-content-container .k-treeview .k-icon + .k-in:before,
.k-filemanager-content-container
  .k-treeview
  .k-icon
  + .k-treeview-leaf-text::before {
  background: url(../../images/folder-title.svg);
  background-size: 100%;
  height: 30px;
  background-position: -2px 0;
  background-repeat: no-repeat;
}

.k-filemanager-content-container .k-treeview .k-in.k-state-selected,
.k-filemanager-content-container
  .k-treeview
  .k-treeview-leaf-text.k-state-selected,
.k-filemanager-content-container
  .k-treeview
  .k-treeview-leaf.k-selected
  .k-treeview-leaf-text,
.k-filemanager-content-container .k-treeview .k-treeview-leaf.k-selected .k-in {
  padding-left: 5.5px !important;
}

.k-filemanager-content-container .k-treeview .k-in.k-state-selected:before,
.k-filemanager-content-container
  .k-treeview
  .k-treeview-leaf-text.k-state-selected:before,
.k-filemanager-content-container .k-treeview .k-treeview-leaf.k-selected:before,
.k-filemanager-content-container
  .k-treeview
  .k-treeview-leaf.k-selected
  .k-treeview-leaf-text:before {
  background: url(../../images/folder-open.svg);
  /* background-size: 100%;
  background-position: -2px 0; */
  background-repeat: no-repeat;
  background-size: 33px;
  top: 2.5px !important;
  left: 1.5px !important;
}

.k-filemanager-content-container .k-treeview .k-icon + .k-in span,
.k-filemanager-content-container .k-treeview .k-in,
.k-filemanager-content-container .k-treeview .k-treeview-leaf-text {
  font-weight: bold;
}

.k-treeview .k-treeview-leaf-text {
  vertical-align: middle;
}

.k-filemanager-content-container .k-content .k-treeview-item .k-in span,
.k-filemanager-content-container
  .k-content
  .k-treeview-item
  .k-treeview-leaf-text
  span {
  font-weight: normal;
}

.k-filemanager-preview {
  padding: 1rem 0.5rem;
}

.k-filemanager-preview .k-file-name {
  text-transform: capitalize;
  margin-top: 0.5rem !important;
}

.k-filemanager-preview .k-file-meta-label {
  margin-right: 0.6rem;
  color: #797d85;
}

.k-filemanager-preview .k-file-meta-value {
  color: #797d85;
}

.k-filemanager-content .k-breadcrumb {
  border-bottom: 1px solid #ccc;
  height: 30px;
}

.k-filemanager-content .k-breadcrumb .k-breadcrumb-link {
  padding: 0.2rem 0.4rem;
  color: #5a5a5a;
  text-transform: capitalize;
  box-shadow: none !important;
  outline: none !important;
  min-width: 25px;
  text-decoration: none;
  font-weight: 600 !important;
}

.k-filemanager-preview .k-file-name {
  color: #5a5a5a;
}

.k-toolbar .k-button.btn.btn-primary-blue {
  font-weight: 600 !important;
}

.k-filemanager-content .k-breadcrumb .k-breadcrumb-delimiter-icon {
  color: #797d85;
}

.k-filemanager-listview .k-file-name {
  text-transform: capitalize;
}

.k-filemanager-content-container .k-resize-handle {
  background-color: transparent !important;
  width: auto !important;
}

.k-filemanager-content-container .k-splitbar-horizontal .k-i-arrow-60-right,
.k-filemanager-content-container .k-splitbar-horizontal .k-i-arrow-60-left {
  background: #1970eb;
  border-radius: 25px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 50px;
}

.k-filemanager-content-container
  .k-splitbar-draggable-horizontal
  .k-resize-handle {
  position: absolute;
  width: auto;
  height: auto;
}

.k-filemanager-content-container
  .k-splitbar-horizontal
  .k-i-arrow-60-left:before {
  content: "\e016";
}

.k-filemanager-content-container
  .k-splitbar-horizontal
  .k-i-arrow-60-right:before {
  content: "\e014";
}

.k-filemanager-content-container .k-resize-handle::before {
  content: "||";
  color: #1970eb;
}

.k-filemanager-content-container .k-ghost-splitbar-horizontal,
.k-filemanager-content-container .k-splitbar-horizontal {
  width: 10px;
  background-color: #e6ecf7;
}

.k-filemanager-content-container .k-splitbar:active,
.k-filemanager-content-container .k-splitbar.k-state-focused {
  background-color: #f3e0e0;
  color: #fff;
}

.k-filemanager-content-container .k-splitbar:active .k-resize-handle::before,
.k-filemanager-content-container
  .k-splitbar.k-state-focused
  .k-resize-handle::before {
  color: #fff;
}

.k-menu.k-menu-vertical:not(.k-spreadsheet-cell-context-menu) {
  border: 0px solid #b6b9bf !important;
  border-radius: 5px !important;
  background: transparent !important;
  padding: 5px !important;
  max-width: 140px;
}

.k-spreadsheet-cell-context-menu.k-context-menu,
.k-spreadsheet-cell-context-menu {
  max-width: 100px;
}

.k-menu-vertical > .k-menu-item > .k-menu-link {
  padding: 0.4rem 0.5rem !important;
}

.k-menu-link > .k-icon:not(.k-menu-expand-arrow),
.k-menu-link > .k-image,
.k-menu-link > .k-sprite {
  color: #1970eb;
}

.k-filemanager-listview .k-listview-item {
  min-width: 142px !important;
  width: calc(23% - 4px) !important;
  height: auto !important;
  position: relative;
  padding: 0.5rem !important;
}

.k-filemanager-listview .k-file-icon {
  font-size: 30px !important;
}

.k-filemanager-listview .k-file-name {
  width: 100%;
}

.k-listview-content {
  /* justify-content: center; */
}

.k-filemanager-content .k-grid-header .k-header,
.k-filemanager-content .k-grid th.k-sorted {
  background: #ffffff;
  color: #172b4d;
  width: 130px;
}

.k-filemanager-listview .clsorderdetails {
  color: #797d85;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.k-filemanager-listview .clsorderdetails.date-block {
  word-break: break-word;
}

.k-listview-item-inner {
  display: grid;
  /* border: 1px solid #ccc; */
  /* padding: .5rem; */
}

.k-filemanager-preview .k-file-icon {
  font-size: 42px !important;
}

.k-listview-item-wrap {
  box-shadow: 0px 0px 2px 0px #9f9f9f;
  /* border: 1px solid #1970eb !important; */
  border-radius: 10px;
}

.g-15 {
  gap: 15px;
  padding: 15px !important;
}

.k-filemanager-content .k-grid td {
  padding: 0.3rem 0.6rem !important;
  width: 130px;
}

.k-filemanager-content-container .k-breadcrumb .k-breadcrumb-link:hover,
.k-filemanager-content-container
  .k-breadcrumb
  .k-breadcrumb-link.k-state-hover {
  /* color: #ffffff; */
  color: #1268e3;
  /* background-color: #1268e3; */
}

.k-filemanager-content-container
  .k-breadcrumb
  .k-breadcrumb-last-item
  .k-breadcrumb-item-text {
  color: #1268e3;
}

/* Optional: If the color isn't applying, target the anchor tag directly */
.k-filemanager-content-container .k-breadcrumb .k-breadcrumb-last-item a {
  color: #1268e3;
}

.k-breadcrumb-root-link {
  color: #5a5a5a !important;
  font-weight: bold;
}

.k-filemanager-content-container .k-in.k-state-selected,
.k-filemanager-content-container .k-selected,
.k-filemanager-content-container .k-treeview .k-in:hover,
.k-filemanager-content-container .k-treeview-leaf-text.k-state-selected,
.k-filemanager-content-container .k-treeview-leaf-text.k-selected,
.k-filemanager-content-container .k-treeview .k-treeview-leaf:hover {
  background-color: rgba(0, 123, 255, 0.25) !important;
}

.k-filemanager-content-container .k-treeview .k-in:hover,
.k-filemanager-content-container .k-treeview .k-in.k-state-hover,
.k-filemanager-content-container .k-treeview .k-treeview-leaf-text:hover,
.k-filemanager-content-container
  .k-treeview
  .k-treeview-leaf-text.k-state-hover {
  border-color: transparent;
  color: inherit;
  background-color: transparent;
}

.k-listview-content {
  overflow: visible !important;
}

.k-filemanager-listview .k-listview-content > .k-state-selected,
.k-filemanager-listview .k-listview-content > .k-selected {
  background-color: rgba(0, 123, 255, 0.25);
  /* background-color: #F7FAFF; */
  /* border: 1px solid; */
  /* border-color: #0074CF; */
  border-radius: 12px;
}

.k-listview-content > .k-state-selected,
.k-listview-content > .k-selected,
.k-filemanager-content-container .k-listview-content > .k-listview-item:hover {
  background-color: rgba(0, 123, 255, 0.25);
  /* background-color: #F7FAFF; */
}

.k-filemanager-listview .k-listview-item span[dir="ltr"],
.k-filemanager-listview .k-listview-item div[dir="ltr"] {
  position: absolute;
  left: 10px;
  top: 5px;
}

/*reduced z-index 9 -> 1 to avoid overlap in sheet order left tree expand folder dropdown scroll overlap*/
.k-filemanager-content-container .k-animation-container {
  z-index: 1 !important;
}

.k-filemanager .k-dialog-wrapper .k-dialog {
  max-width: 500px;
  width: 500px;
}

.d-block {
  display: block !important;
}

.k-filemanager-header .k-button:hover,
.k-filemanager-header .k-button.k-state-hover {
  border-color: transparent;
  background-color: #1970eb;
}

.custom-k-btn .k-icon.k-i-close {
  padding: 0px !important;
}

.custom-k-btn {
  margin-right: 5px;
  padding: 3px !important;
}

.k-filemanager-content .k-grid-header .k-header .k-icon,
.k-filemanager-content .k-grid th.k-sorted .k-icon {
  color: #172b4d;
  cursor: pointer;
}

/*sheet folder structure styles ends*/

.fa-18 {
  font-size: 16px;
}

.at-list-table .k-grid thead .k-cell-inner {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.at-list-table .k-grid-header .k-grid-filter,
.at-list-table .k-grid-header .k-header-column-menu {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
}

.at-list-table .k-grid-header .k-link {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.at-list-table .k-grid th {
  padding: 0.6rem 0.3rem !important;
}

a.grid-icons,
button.grid-icons {
  color: #1970eb !important;
  background: transparent;
  /* border: 1px solid #1970eb; */
  border: 0;
  padding: 1px 8px;
  border-radius: 15px;
  min-width: 21px;
  font-size: 12px;
  margin-right: 5px;
  outline: none !important;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.group-hover-icon .list-view-btn-group .grid-icons {
  box-shadow: none;
}

.group-hover-icon {
  position: relative;
}

.list-view-btn-group .grid-icons:last-child {
  margin-right: 0;
}

button.grid-icons + .openEyeBtn {
  margin-left: 0 !important;
}

.full-width {
  width: 100%;
  max-width: 100%;
}

.popup-lg-container {
  max-height: calc(100vh - 200px);
}

.no-border-card {
  border: none !important;
}

.mg-t-half {
  margin-top: 0.5rem;
}

.filterByBtn.active svg {
  fill: #fff !important;
}

.protocol {
  width: 45px;
}

.card-inner-body {
  overflow: auto;
}

.prevent-select {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}

.fr-wrapper {
  user-select: none;
  /* supported by Chrome and Opera */
  -webkit-user-select: none !important;
  /* Safari */
  -khtml-user-select: none !important;
  /* Konqueror HTML */
  -moz-user-select: none !important;
  /* Firefox */
  -ms-user-select: none !important;
  /* Internet Explorer/Edge */
}

.grid-popup-filter input {
  border: 1px solid #ccc !important;
  color: #172b4d !important;
  font-family: "Helvetica Neue", sans-serif !important;
  padding: 2px 5px !important;
  font-weight: 500;
}

.grid-popup-filter .k-actions button:first-child {
  color: #0c4ca7 !important;
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
  font-weight: 600 !important;
  padding: 0.4rem 1rem !important;
  border-radius: 15px;
  line-height: 1.1 !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0.775rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  margin-right: 0.5rem;
}

.grid-popup-filter .k-actions button:last-child {
  font-family: "Helvetica Neue", sans-serif !important;
  background-color: #1970eb !important;
  color: #fff !important;
  font-size: 0.775rem !important;
  padding: 0.5rem 1rem !important;
  border: none;
  outline: none !important;
  border-radius: 2rem;
  line-height: 1.1;
  font-weight: 600;
  text-decoration: none !important;
}

.k-grid-header .active .k-i-more-vertical {
  color: #1268e3 !important;
}

.k-grid-header .active1 .k-i-more-vertical {
  color: #e44e14 !important;
}

/*scroll index updates*/
.os-padding {
  z-index: auto !important;
}

.spread-wrap.preview .k-spreadsheet-scroller {
  height: calc(100vh - 220px);
}

.grid-height-md .k-widget.k-grid {
  max-height: calc(100vh - 198px);
}

.action-icon {
  display: inline-flex;
}

.action-icon.tree-level1 {
  background-image: url("../../images/treeview-icons/level-01.svg");
  background-repeat: no-repeat;
  width: 10px;
  height: 20px;
}

.action-icon.tree-level2 {
  background-image: url("../../images/treeview-icons/level-02.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
}

.action-icon.tree-toggle {
  background-image: url("../../images/treeview-icons/expand-collapse.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.clsdisablediv {
  pointer-events: none;
  opacity: 0.7;
}

.clscombopop {
  z-index: 99999 !important;
}

.filterbtn {
  color: #000;
}

.filter-dash {
  margin-left: 812px !important;
  top: 44px;
}

.k-filemanager-content-container .k-i-lockorder::before {
  content: "";
  background: url(../../images/order_lock.png);
  /* background-size: .5rem !important; */
}

.k-filemanager-content-container .k-i-lockorder::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: block;
  background-size: 100%;
  /* margin-left: -6px; */
  position: absolute;
}

.k-filemanager-content-container td .k-i-lockorder,
.k-filemanager-content-container td .k-i-lockorder::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: -3px;
}

#react-confirm-alert .react-confirm-alert-overlay {
  z-index: 1021;
}

.modal-open.react-confirm-alert-body-element
  #react-confirm-alert
  .react-confirm-alert-overlay,
.react-confirm-alert-body-element
  #react-confirm-alert
  .react-confirm-alert-overlay {
  z-index: 100000;
}

/* folder Structure Styling */
.cls-listitemsubmenu ul li {
  display: block;
  word-wrap: break-word;
  padding: 2px;
}

.cls-listitemsubmenu ul li i,
.cls-listitemsubmenu ul li svg {
  color: #1970eb;
  opacity: 0.6;
}

.cls-listitemsubmenu ul li i:hover,
.cls-listitemsubmenu ul li svg:hover {
  opacity: 1;
}

@keyframes animateToRight {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }

  25% {
    transform: translateX(-40%);
    opacity: 0.2;
  }

  50% {
    transform: translateX(-30%);
    opacity: 0.3;
  }

  75% {
    transform: translateX(-20%);
    opacity: 0.7;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.cls-listitemsubmenu {
  position: absolute;
  animation-name: animateToRight;
  animation-duration: 0.1s;
  top: 5px;
  right: -16px;
  background: #fff;
  /* box-shadow: 0px 0px 7px 0px #ccc; */
  /* border: 1px solid #1970eb !important; */
  box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
  border: 0.1px solid rgb(0 0 0 / 21%) !important;
  padding: 3px;
  z-index: 1;
  border-radius: 25px;
}

.modal-open .cls-listitemsubmenu {
  z-index: inherit;
}

.cls-listitemsubmenu ul {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: left;
}

/*margin conflicting with audit trail popup*/
.cls-listitemsubmenu ul li > *,
.cls-listitemsubmenu ul li > * > button {
  margin-left: 0;
  margin-right: 0;
  box-shadow: none;
}

.cls-listitemsubmenu ul li .btn_white_bg:hover {
  box-shadow: none;
}

button.grid-icons.btn-light-active i {
  color: #fff !important;
}

.cls-listitemsubmenu .form-group {
  text-align: left;
}

.cls-listitemsubmenu ul li {
  animation-name: animateToRight;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  padding: 0;
}

.cls-listitemsubmenu ul li.btn_white_bg:hover {
  box-shadow: none;
}

.cls-listitemsubmenu ul li button {
  border: 0;
  padding: 0;
}

.cls-listitemsubmenu ul li:nth-child(2) {
  animation-duration: 0.3s;
}

.cls-listitemsubmenu ul li:nth-child(3) {
  animation-duration: 0.4s;
}

.filter-toolbar {
  height: 35px;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
}

.inline-filter-bread.sm-toolbar {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.8rem;
}

.inline-filter-bread.sm-toolbar .value-filter {
  font-size: 12px;
  font-weight: 600;
}

.material-filter .inline-filter-group:last-child .value-filter {
  display: block;
  width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}

.fixed-sidebar:before {
  position: fixed;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.fixed-sidebar {
  position: fixed;
  right: 0;
  height: 100vh;
  width: 750px;
  z-index: 9999;
  bottom: 0;
  top: 0;
  background: #fff;
}

.fixed-sidebar-inner {
  height: 100%;
  background: #fff;
  position: relative;
  z-index: 9;
  padding: 3.5rem 1rem 1rem;
}

.fixed-sidebar .top-right-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99999;
}

.fixed-sidebar .top-right-close-btn i {
  transform: rotate(45deg);
}

.disable-callendar-input .k-dateinput-wrap input {
  pointer-events: none;
  opacity: 0.7;
}

/* folder Structure Styling ends*/

.k-filemanager-content {
  overflow: visible !important;
}

.k-filemanager-grid .k-grid-container {
  /* height: calc(100vh - 386px); */
  height: calc(100vh - 340px);
}

.heightgird .k-grid.k-grid-display-block {
  height: auto !important;
  overflow-x: hidden;
}

.cls-showhidecolumn {
  float: right;
}

.column-menu-body {
  position: absolute;
  z-index: 99;
  top: 27px;
  right: 18px;
  padding: 0.7rem 0.7rem 0;
}

.k-filemanager-grid .column-menu-body label {
  margin-bottom: 0;
  display: flex;
  color: #172b4d;
}

.column-menu-body input {
  margin-right: 0.3rem;
}

.column-menu-body ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.column-menu-body li {
  background: none;
  border-bottom: 1px solid #fff;
  color: #1970eb;
  padding-bottom: 0.7rem;
}

.column-menu-body label {
  display: flex;
  /* justify-content: space-between; */
  border: none;
  background: #fff;
  color: #0c4ca7;
  outline: none;
  width: 100%;
  align-items: center;
  padding: 0.5rem 1rem;
  font-weight: 600;
  border-bottom: #f1f1f1 solid 1px;
  text-transform: capitalize;
}

.column-menu-body span {
  font-size: 0.7rem;
  padding-left: 5px;
}

.column-menu-body label:focus,
.column-menu-body label:hover,
.column-menu-body label.active {
  background: #f1f1f1;
  outline: none;
}

.column-menu-body label i {
  font-size: 1.1rem;
}

.column-menu-body label img {
  max-width: 18px;
}

/*overflow hidden to avoid 2 scrolls in sheet order list view grid*/
.table-header-overflow .k-grid .k-grid-header-wrap,
.table-header-overflow .k-grid th:last-child {
  /* overflow: visible; */
}

.list-view-sheet {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  padding: 0.6rem;
  box-shadow: 0px 1px 3px 0px #ccc;
}

.list-content-group .list-inline-item {
  float: none;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.list-content-group ul.list-inline {
  display: flex;
}

.list-content-group .list-inline-item:first-child,
.list-content-group .list-inline-item:nth-child(2) {
  overflow: visible;
}

.list-content-group .list-inline-item:first-child .show-order-content,
.list-content-group .list-inline-item:nth-child(2) .show-order-content {
  color: #172b4d;
}

.list-view-sheet > * {
  flex: 0 1 auto;
  max-width: 75%;
}

.list-view-sheet .list-content-group {
  max-width: calc(100% - 220px);
  padding-right: 0.5rem;
}

.list-content-group .show-order li .show-order-content:after {
  height: 12px;
  margin-bottom: -3px;
  position: absolute;
  right: 0;
  top: 5px;
}

.list-content-group .list-inline-item:not(:last-child) {
  margin-right: 0;
}

.k-filemanager-content-container .k-i-assigntome::before {
  content: "";
  background: url(../../images/assignedtome.png);
  /* background-size: .5rem !important; */
}

.k-filemanager-content-container .k-i-assigntome::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: block;
  background-size: 100%;
  /* margin-left: -4px; */
  /* position: absolute; */
  margin-top: 15px;
}

.k-filemanager-content-container td .k-i-assigntome,
.k-filemanager-content-container td .k-i-assigntome::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: -3px;
}

.k-filemanager-content-container .k-i-assignbyme::before {
  content: "";
  background: url(../../images/assignedbyme.png);
  /* background-size: .5rem !important; */
}

.k-filemanager-content-container .k-i-assignbyme::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: block;
  background-size: 100%;
  margin-top: 15px;
  /* margin-left: -10px;
  margin-top: 7px; */
}

.k-filemanager-content-container td .k-i-assignbyme,
.k-filemanager-content-container td .k-i-assignbyme::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: -3px;
}

.sm-title-value {
  color: #797d85;
  font-size: 0.8rem;
}

.k-filemanager-content-container .k-i-sharebyme::before {
  content: "";
  background: url(../../images/sharebyme.png);
  /* background-size: .5rem !important; */
}

.k-filemanager-content-container .k-i-sharebyme::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: block;
  background-size: 100%;
  /* margin-left: -26px;
  margin-top: 10px; */
  margin-left: -6px;
  margin-top: -2px;
}

.k-filemanager-content-container td .k-i-sharebyme,
.k-filemanager-content-container td .k-i-sharebyme::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: -3px;
}

.k-filemanager-content-container .k-i-sharetome::before {
  content: "";
  background: url(../../images/sharetome.png);
  /* background-size: .5rem !important; */
}

.k-filemanager-content-container .k-i-sharetome::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: block;
  background-size: 100%;
  /* margin-left: -26px;
  margin-top: 10px; */
  margin-left: -6px;
  margin-top: -2px;
}

.k-filemanager-content-container td .k-i-sharetome,
.k-filemanager-content-container td .k-i-sharetome::before {
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: -3px;
}

.order-chart-left-text {
  margin-left: -10px;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  margin-top: 5px;
}

.order-chart-bottom-text {
  /* writing-mode: horizontal-tb;
  transform: rotate(270deg); */
  /* margin-top: -15px; */
  text-align: center;
  display: inline-block;
  padding-right: 5px;
}

.x-axis-label {
  text-align: center;
  position: absolute;
  bottom: 7px;
  left: 50%;
}

.sm-grid-edit-height {
  height: calc(100vh - 255px);
}

.md-parent .sm-grid-edit-height {
  height: calc(100vh - 200px);
}

.md-sheet-view #idKendosheet.k-spreadsheet {
  height: calc(100vh - 153px) !important;
  width: 100% !important;
}

/* Sheet template open: fill remaining space under app header + template toolbar */
.sheetTempContainer .md-sheet-view #idKendosheet.k-spreadsheet,
.sheetTempContainer .md-sheet-view .clsspreadView.k-spreadsheet {
  height: calc(100vh - 118px) !important;
  width: 100% !important;
}

.sheetTempContainer #fullScreenDiv .md-sheet-view .tree-view-scroll,
.sheetTempContainer .sidebar-sheetorder .tree-view-scroll {
  height: calc(100vh - 118px) !important;
}

.sheetTempContainer .cls-SheetSpreadContainer,
.sheetTempContainer .cls-SheetSpreadContainer .k-splitter,
.sheetTempContainer .cls-SheetSpreadContainer .pane-content {
  height: 100%;
  width: 100%;
}

#idKendosheet.k-spreadsheet {
  width: 100% !important;
  height: 81vh;
}

#fullScreenDiv .md-sheet-view .tree-view-scroll {
  height: calc(100vh - 173px) !important;
}

.modal-body #fullScreenDiv .md-sheet-view .tree-view-scroll {
  height: 70vh !important;
}

.single-line-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fa-stack-size {
  font-size: 0.5em !important;
}

.fr-element.fr-view p,
.fr-element.fr-view strong,
.fr-element.fr-view span,
.fr-element.fr-view b {
  font-family: inherit;
}

.flex-wrap {
  flex-wrap: wrap;
}

.norights {
  font-size: 19px !important;
}

.imagealign {
  padding-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.textwrapalign {
  padding-top: 43px;
}

.k-tabstrip.k-tabstrip-scrollable .k-tabstrip-items-wrapper {
  display: flex;
}

.k-tabstrip-bottom .k-tabstrip-items-wrapper {
  display: flex;
}

.fr-btn.fr-active {
  background: #ebebeb !important;
}

.newanchor:link {
  color: blue;
}

.flex-container {
  display: flex;
  width: 100%;
}

.flex-container .graph-wrap {
  width: 100%;
}

p {
  font-weight: normal !important;
  font-family: "" Helvetica Neue " , sans-serif";
}

.CKeditorOutputDiv p,
.CKeditorOutputDiv table,
.CKeditorOutputDiv fieldset,
.fr-element.fr-view fieldset,
.fr-element.fr-view table,
.fr-element.fr-view,
.fr-element.fr-view p {
  font-family: Arial, Helvetica, sans-serif;
}

.CKeditorOutputDiv strong {
  font-family: inherit;
}

.clsnotifytagitem {
  padding: 10px;
}

.lg-title-bold {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1rem !important;
  padding-left: 0;
  margin-left: 0;
  color: #172b4d !important;
  font-weight: 600;
}

.p-t-b-half {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.padding-l-r-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.pad-half-1 {
  padding: 0.5rem 1rem;
}

.modal-header.content-end {
  display: flex;
  justify-content: flex-end;
}

.no-nav-footer .navbar-toggler {
  display: none !important;
}

.no-nav-footer .navbar-collapse {
  display: block !important;
}

.no-nav-footer .navbar-collapse .navbar-nav {
  flex-direction: row !important;
}

.clsitemcount {
  text-align: right;
  font-size: 0.84rem;
  font-weight: bold;
}

.clshideclearbutton .k-clear-value {
  display: none !important;
}

.clskendodrop .k-input {
  width: 50px !important;
  padding: 0px 5px 0px 5px !important;
}

.pagination-bar {
  margin-bottom: 0px !important;
  margin-top: 5px !important;
}

.pagination-bar li:last-child {
  position: absolute;
  right: 0;
  bottom: 0.5;
  text-align: right;
  font-size: 0.78rem;
  padding-right: 20px;
  padding-top: 10px;
  font-weight: 500;
}

.clsitemname {
  overflow: visible !important;
  display: block;
  word-wrap: break-word;
  word-break: break-all;
  width: 80px;
  white-space: normal !important;
}

.clsorderdetails {
  font-size: 0.74rem;
  font-weight: 500;
}

.clsorderopenonlist button {
  font-size: 0.6rem !important;
  border-radius: 30px !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid #006fe9 !important;
  background: transparent;
}

.clsorderopenonlist button:hover {
  background-color: #1970eb !important;
  color: #fff !important;
}

.cls-fixed-btn-card-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 220px;
}

.cls-fixed-btn-card-inner .clsorderopenonlist {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
}

.cls-fixed-btn-card-inner button.clsopenbutton.report-open {
  margin-top: auto;
  align-self: center;
}

.cls-fixed-btn-card-inner .clsorderopenonlist button,
.cls-fixed-btn-card-inner button.clsopenbutton.report-open {
  font-size: 0.6rem !important;
  border-radius: 30px !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid #006fe9 !important;
  background: transparent;
}

.cls-fixed-btn-card-inner .clsorderopenonlist button:hover,
.cls-fixed-btn-card-inner button.clsopenbutton.report-open:hover {
  background-color: #1970eb !important;
  color: #fff !important;
}

.pagination-container.pagination-bar > li {
  border-radius: 0;
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
  justify-content: center;
}

.pagination-container.pagination-bar .pagination-item.selected {
  border-color: #1970eb;
  color: #fff;
  background-color: #1970eb;
}

.k-datepicker.k-state-invalid .k-picker-wrap {
  border-color: rgba(33, 37, 41, 0.15) !important;
}

.clscontentsearch {
  width: 100%;
}

.clscontentsearch .padding-align-form {
  padding: 0;
}

.clscontentsearch .search-styled {
  width: 100%;
}

.shadow-box {
  margin-bottom: 1.5rem;
  padding: 10px;
  box-shadow: 0 0 5px 0 #ccc;
}

.btn_white_bg.dropdown-bg {
  padding: 0 !important;
  border: none !important;
}

.btn_white_bg.dropdown-bg img {
  padding: 0 !important;
  margin-left: 0.7rem;
}

.k-filemanager-toolbar.k-toolbar .k-button.btn-primary-blue {
  font-size: 0.775rem !important;
  padding: 0.4rem 0.8rem;
  line-height: 1.1;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.k-split-button.k-button-group.btn_white_bg:hover,
.k-split-button.k-button-group.btn_white_bg {
  background: transparent !important;
  box-shadow: none;
  border: 2px solid #f9f9f8 !important;
}

.k-split-button.k-button-group.btn_white_bg:hover > button {
  border-color: transparent;
  background-color: rgba(0, 123, 255, 0.25);
}

.screen-centered-scroll.logbook-popup .modal-body {
  max-height: 75vh;
  padding-bottom: 0;
}

.logbook-popup .dynamicFieldBlock .at-list-table .k-widget.k-grid {
  height: calc(100vh - 285px) !important;
}

.form-split label {
  font-family: "Helvetica Neue", sans-serif !important;
  margin-bottom: 0;
  font-weight: 600;
  color: #797d85;
}

.form-split div {
  display: flex;
  justify-content: flex-start;
}

.form-split div button {
  margin: 0 0 0 1rem !important;
}

.form-split div input {
  width: 100%;
  border: none;
  box-shadow: none !important;
  outline: none !important;
  border-bottom: 1px solid #ced4da;
  font-size: 0.8rem;
}

.y-axis-label {
  padding-top: 5rem;
}

/*  Dialog popup start */
.k-dialog-button-layout-stretched,
.upload-new-box .k-dialog-button-layout-stretched {
  padding: 0.5rem;
}

.upload-new-box .k-primary {
  background-color: #1970eb !important;
  color: #fff !important;
  font-size: 0.775rem !important;
  padding: 0.4rem 0.8rem;
  border: none;
  outline: none !important;
  border-radius: 2rem !important;
  line-height: 1.1;
  font-weight: 100;
  text-decoration: none !important;
  flex: none !important;
}

.upload-popup {
  border: none !important;
}

.k-upload.upload-popup .k-dropzone {
  height: calc(1em + 0.75rem + 2px);
  background-color: #fff;
  background-clip: padding-box;
  border-bottom: 1px solid #ced4da;
}

.k-upload.upload-popup .k-upload-button {
  width: 50%;
}

/*  Dialog popup end */

/*home page notifcation start*/

.cls-notification button {
  display: flex;
  justify-content: flex-end;
  position: static;
  padding: 0.5rem 1rem;
  width: 100%;
  font-weight: 600;
  font-size: 0.73rem !important;
  gap: 5px;
}

.cls-notification h6.inner-head {
  margin-bottom: 0;
  border-bottom: 0;
}

.cls-notification .os-host {
  margin: 0 10px;
}

.cls-notification .rc-tabs-nav {
  border-bottom: 1px solid #ccc;
}

.cls-notification .rc-tabs-top .rc-tabs-ink-bar {
  height: 2px;
}

.cls-notification
  .rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab.rc-tabs-tab-active
  .rc-tabs-tab-btn {
  color: #1970eb;
}

.cls-notification .badge-primary {
  line-height: normal;
  color: #fff;
  background-color: transparent;
}

.cls-notification .ccYYon .rc-tabs-tab-btn,
.cls-notification .ebKuXG .rc-tabs-tab-btn {
  border-right: 0;
}

.cls-notification .ebKuXG .rc-tabs-nav-wrap {
  border: 0;
}

.group-head {
  color: #797d85;
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.notification-list-head {
  font-size: 0.74rem;
  margin-bottom: 0.3rem;
  color: #797d85;
  display: block;
  word-break: break-all;
  font-weight: 550;
}

.notification-list-head span {
  color: #797d85;
}

.notification-list-head + p {
  font-size: 0.77rem !important;
  color: #797d85;
}

.p-rel .rc-tabs-content-holder {
  position: relative;
}

.p-rel .no-style-btn {
  top: 0.5rem;
  /* font-size: .8rem; */
  /* background:#fbfbfb; */
  font-size: 11px !important;
  font-weight: 400;
  padding: 10px;
  border-radius: 50px;
  box-shadow: 0px 1px 3px 0px #ccc;
  color: #000 !important;
}

/*home page notifcation end*/

.mg-b-half {
  margin-bottom: 0.5rem;
}

.border-b .list-group-item {
  border: none;
  border-bottom: 1px solid #e9e9e9;
}

.border-b .list-group-item:hover {
  background-color: rgba(0, 123, 255, 0.25);
}

.actionsBtn .btn_white_bg,
.cls-listitemsubmenu .btn_white_bg {
  padding: 1px 3px !important;
  border: 0 !important;
}

.tree-spread-view .tree-view-scroll {
  height: calc(100vh - 115px);
}

.full-screen-spread .tree-spread-view .tree-view-scroll {
  height: calc(100vh - 10px);
}

.tree-spread-view .k-treeview-lines {
  padding-right: 0.5rem !important;
}

.full-screen-spread #idKendosheet.k-spreadsheet {
  height: calc(100vh - 100px) !important;
}

.absolute-icon {
  position: absolute;
  left: 2.5px;
}

.iconed-breadcrumb
  .k-breadcrumb-container
  li:first-child
  .k-breadcrumb-icontext-link {
  width: 1em;
  height: 1em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-family: "WebComponentsIcons" !important;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 0 !important;
  min-height: 25px;
  padding: 0.2rem;
  margin-top: 2px;
}

.iconed-breadcrumb
  .k-breadcrumb-container
  li:first-child
  .k-breadcrumb-icontext-link:before {
  content: "\e034";
  font-size: 1.2rem;
}

/*to hide the sheet order breadcrumbs home icon showing additional characters*/
.iconed-breadcrumb
  .k-breadcrumb-container
  li:first-child
  .k-breadcrumb-icontext-link
  .k-icon.k-i-home {
  display: none;
}

.o-hidden {
  overflow: hidden;
}

#id-multiselect .selectBox {
  position: relative;
}

#id-multiselect .selectBox select {
  width: 100%;
  font-weight: bold;
  width: 100%;
  font-weight: bold;
  padding: 5px;
  background: #ccc;
  border: none;
  color: #2d2222;
}

#id-multiselect .overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#id-multiselect #checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#id-multiselect #checkboxes label {
  display: block;
  margin-bottom: 0;
  line-height: 1;
  padding: 8px;
}

#id-multiselect #checkboxes label:hover {
  background-color: #f3e7e7;
}

div[style*="z-index: 1050"] + .modal-backdrop.show {
  z-index: 1050;
}

.form-inline-flex {
  display: inline-flex;
  margin: 0.5rem 0;
  align-items: center;
}

.form-inline-flex label {
  margin-bottom: 0;
  white-space: nowrap;
  margin-right: 1rem;
}

.form-inline-flex select {
  max-width: 200px;
}

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

.parent-port-height-md .k-toolbar.k-grid-toolbar,
.sm-toolbar-grid .k-toolbar.k-grid-toolbar {
  padding: 0.5rem;
}

.parent-port-height-md span.k-pager-sizes.k-label,
.sm-toolbar-grid span.k-pager-sizes.k-label {
  width: 60px;
  font-size: 0.775rem !important;
}

.parent-port-height-md span.k-pager-sizes.k-label .k-widget.k-dropdown > span,
.sm-toolbar-grid span.k-pager-sizes.k-label .k-widget.k-dropdown > span {
  display: inline-flex;
  align-items: center;
  /* border: 1px solid #eff1f4 !important */
}

.parent-port-height-md .k-pager-numbers-wrap .k-pager-numbers,
.sm-toolbar-grid .k-pager-numbers-wrap .k-pager-numbers {
  display: flex;
  align-items: center;
}

.parent-port-height-md .k-pager-numbers-wrap .k-pager-numbers .k-link,
.sm-toolbar-grid .k-pager-numbers-wrap .k-pager-numbers .k-link {
  padding: 0.5rem;
  height: auto;
  font-size: 0.7rem !important;
  font-weight: 600 !important;
}

.parent-port-height-md .k-pager-numbers-wrap .k-pager-numbers .k-state-selected,
.sm-toolbar-grid .k-pager-numbers-wrap .k-pager-numbers .k-state-selected,
.parent-port-height-md .k-pager-numbers-wrap .k-pager-numbers .k-selected,
.sm-toolbar-grid .k-pager-numbers-wrap .k-pager-numbers .k-selected {
  background: #1970eb !important;
  color: #fff !important;
}

.parent-port-height-md .port-height-inner {
  height: calc(100vh - 205px) !important;
}

.parent-port-height-md
  span.k-pager-sizes.k-label
  .k-widget.k-dropdown
  .k-input {
  padding: 0 3px 0 !important;
}

.k-animation-container {
  background: #fff;
}

.k-animation-container .k-menu-vertical > .k-separator {
  display: none;
}

.preview-sub-icon {
  position: relative;
}

.sub-top-icon {
  position: absolute;
  top: -6px;
  right: calc(50% - 15px);
  transform: translateX(50%);
}

.k-toolbar.k-grid-toolbar,
.k-toolbar.filter-bar {
  background-color: transparent !important;
  border-color: #e5e7eb !important
}

.visible-toolbar .k-toolbar.k-grid-toolbar {
  overflow: visible !important;
  height: 46px !important;
}

.visible-toolbar .k-widget.k-grid {
  border: none;
}

.download-btn .dropdown-toggle,
.font-awesome-entry {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  line-height: 1;
}

.download-btn .dropdown-toggle:before {
  content: "\f019";
  margin-right: 5px;
  font-size: 12px;
}

.download-btn .dropdown-toggle {
  /* color: #8a8b8c !important; */
  color: #fff !important;
  background: transparent;
  /* border: 1px solid #1970eb !important; */
  border: 0;
  border-radius: 16px;
  /* box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%); */
  padding: 0;
}

.download-btn .dropdown-toggle:hover {
  /* color: #1970eb !important; */
  background: transparent;
}

.methodParserContainer .k-grid-table td .justify-content-start .btn_white_bg {
  border: 0 !important;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.pad-1-l-r {
  padding: 0 1rem;
}

.visible-toolbar .k-grid-header-wrap,
.visible-toolbar .k-grid-footer-wrap {
  border-width: 0 1px;
}

.visible-toolbar .k-grid-content {
  border-left: 1px solid #eff1f4;
  border-right: 1px solid #eff1f4;
  border-bottom: 1px solid #eff1f4;
}

.common-input input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #b6a5b1;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  color: #172b4d;
}

.flex-side-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-side-end ul {
  margin-bottom: 0;
}

.list-view-custom .k-listview {
  border: none;
}

.list-view-custom .product-list .list-group-item {
  border: none;
  padding: 10px 25px !important;
  font-weight: 100;
  font-size: 0.775rem;
  color: #172b4d;
  cursor: pointer;
  font-family: inherit !important;
}

.list-view-custom .product-list .list-group-item h5 {
  font-weight: 100 !important;
  font-size: 0.775rem !important;
  color: #172b4d !important;
  cursor: pointer !important;
  font-family: inherit !important;
}

.list-view-custom {
  padding: 0 1rem;
}

.list-view-custom .product-list .list-group-item.active {
  border-left: 3px solid #1970eb;
  border-right: none;
  background-color: rgba(238, 242, 249, 0.57) !important;
}

.list-view-custom .product-list .list-group-item:after {
  display: none;
}

.tree-full-view .k-widget.k-treeview {
  height: calc(100vh - 230px);
  overflow: auto;
}

.tree-full-view.storagebuttonpopup .k-widget.k-treeview {
  height: calc(100vh - 330px);
  overflow: auto;
}

.parent-port-height-md .list-view-custom .port-height-inner {
  height: calc(100vh - 220px) !important;
}

.list-view-custom .k-pager-sizes .k-dropdown,
.list-view-custom .k-pager-sizes .k-dropdowntree,
.list-view-custom .k-pager-sizes > select {
  width: auto;
  margin-left: 5px;
  padding: 7px !important;
  margin: 0 !important;
  background: transparent;
  border: 0;
}

.modal-tree .k-widget.k-treeview {
  max-height: 300px;
}

.modal-tree .modal-dialog {
  min-width: 50%;
}

.k-listview,
.k-widget {
  font-family: "Helvetica Neue", sans-serif !important;
}

.k-pager-nav,
.k-pager-numbers .k-link,
.k-pager-refresh {
  height: auto;
}

.date-block .value-right {
  display: block;
  word-break: break-word;
}

.value-right {
  word-break: break-word;
  color: #000000;
}

.split-form-ordered {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
}

.split-form-ordered .form-group {
  margin-bottom: 1rem;
  flex: 50%;
  padding-right: 15px;
  max-width: 50%;
}

.parent-padd-1 {
  padding: 0 1rem;
}

.parent-padd-1 .form-group {
  padding: 0;
}

.box-s-lite {
  box-shadow: 0 2px 2px 0px #ccc;
}

.form-group-half .form-group,
.form-label-half label,
.box-s-lite .form-group {
  margin-bottom: 0.5rem !important;
}

.form-tree-view {
  max-height: 180px;
  overflow: auto !important;
}

.max-75 .modal-body {
  max-height: 75vh;
  overflow: auto;
}

.upload-custom-box .k-window-content {
  padding: 0;
}

.upload-custom-box .k-window-content .upload-popup > div {
  padding: 2rem;
}

.k-widget.k-window .k-action-buttons .k-button:last-child {
  color: #1268e3 !important;
  border: #1268e3 solid 1px !important;
  padding: 0.4rem 0.8rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
  border-radius: 2rem !important;
  margin-left: 1rem;
  font-weight: 600;
}

.k-widget.k-window .k-action-buttons .k-button.k-primary,
.upload-custom-box
  .k-dialog-buttongroup.k-dialog-button-layout-stretched
  .k-button,
.upload-custom-box .k-window-content .upload-popup .k-upload-button {
  background-color: #1970eb !important;
  color: #fff !important;
  font-size: 0.775rem !important;
  border: none;
  outline: none !important;
  border-radius: 2rem;
  line-height: 1.1;
  font-weight: 100;
  text-decoration: none !important;
  font-size: 0.775rem !important;
  cursor: pointer;
  padding: 0.4rem 0.8rem;
  line-height: 1.1;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.upload-custom-box .k-window-content .upload-popup .k-dropzone-hint {
  font-size: 0.9rem;
}

.upload-custom-box .k-upload .k-dropzone .k-upload-status {
  color: #3baf56;
}

.upload-custom-box .k-icon.k-delete {
  color: #0c4ca7 !important;
  background: #fff !important;
  border: 1px solid #0c4ca7 !important;
  font-weight: 600 !important;
  padding: 0.2rem 0.8rem !important;
  border-radius: 15px;
  line-height: 1.1 !important;
  outline: none !important;
  cursor: pointer;
  font-size: 0.9rem !important;
}

.upload-custom-box .k-dialog {
  max-width: unset !important;
}

.input-pad {
  padding: 0.375rem 0.75rem !important;
}

.col-md-5 .k-pager-info,
.col-md-4 .k-pager-info {
  justify-content: center !important;
  padding-top: 0.5rem;
  white-space: nowrap;
}

.form-group-xl {
  max-height: calc(100vh - 275px);
  overflow-y: auto;
  overflow-x: hidden;
}

.list-group-search.common-input input,
.list-group-search.common-input {
  /* width: 100%; */
  border-radius: 0;
  /* max-width: 100%; */
}

.react-select__control {
  box-shadow: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
}

#ProjectMasterModel {
  z-index: 999991;
}

.modal-backdrop + .modal-backdrop {
  z-index: 99999;
}

.modal-overlayer .modal-backdrop + .modal-backdrop {
  z-index: 99998;
}

.sheets-wrapper .form-control.w-120 {
  min-width: 100px;
  width: 120px;
}

.graph-cover {
  min-width: 440px;
  overflow-x: auto;
  overflow-y: auto;
  padding-left: 10px;
  padding-bottom: 10px;
}

.side-bar-graph .k-chart.k-widget {
  width: 100%;
  overflow: auto;
}

/* padding right ruduced from 25 to 0 to avoid chart left space in sheet oreder */
.side-bar-graph-inner {
  position: relative;
  padding-left: 0;
  width: 100%;
  overflow: auto;
}

.side-bar-graph-inner .y-axis-label {
  position: absolute;
  left: -15px;
  padding-top: 0;
  top: 50%;
  z-index: 9;
  transform: translateY(-50%);
}

.y-axis-label .order-chart-left-text {
  margin-top: -7px;
}

#Graphdetailview .graph-cover,
.exportChartImage .graph-cover {
  min-width: 750px !important;
}

.k-window-titlebar {
  background-color: #f6f6f6 !important;
  width: 100%;
}

.k-window {
  max-width: 550px !important;
  /* width: 100%; */
}

.k-dialog-wrapper .k-window {
  width: 100%;
}

.upload-custom-box .k-widget.k-window {
  /* width: 505px !important; */
}

.upload-custom-box .k-icon.k-i-x {
  border: 1px solid #1970eb !important;
  border-radius: 25px;
  padding: 0.2rem 0.7rem !important;
  background: #fff;
  font-size: 1.2rem !important;
}

.k-widget.k-window .k-window-titlebar + div {
  max-height: 70vh;
  /* max-height: 100vh; */
  overflow: auto !important;
}

.k-widget.k-window .k-window-titlebar + div.clsKendowindow.k-window-content {
  /* height: 37vh; */
  height: 155px;
}

#id-multiselect .multiselect.menu-inline #checkboxes {
  position: absolute;
  width: 85%;
  background-color: #fff;
  z-index: 1;
}

.k-widget.k-window .k-window-titlebar + div .overall-div {
  float: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.k-widget.k-window .k-window-titlebar + div .overall-div .all-div {
  width: 50%;
  margin: 0 !important;
  padding-right: 15px;
}

.k-widget.k-window
  .k-window-titlebar
  + div
  .overall-div
  .all-div.btn-line-group {
  width: 100%;
}

.materialInventoryCls .all-div {
  width: 50%;
  display: inline-block;
}

.k-widget.k-window .k-window-titlebar + div .overall-div .all-div > div {
  width: 100% !important;
  text-align: left;
  float: none;
}

.k-widget.k-window
  .k-window-titlebar
  + div
  .overall-div
  .all-div
  .k-edit-label {
  margin-bottom: 0;
  padding: 0px  !important;
}

.k-widget.k-window label,
.k-window.k-dialog label {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: normal !important;
  font-size: 0.775rem !important;
}

.k-widget.k-window
  .k-window-titlebar
  + div
  .overall-div
  .all-div
  .k-widget.k-dropdown {
  margin-top: 0 !important;
}

body > .k-widget.k-window .k-window-titlebar + div input,
body > .k-widget.k-window .k-window-titlebar + div textarea,
body > .k-widget.k-window .k-window-titlebar + div select,
body > .k-widget.k-window .k-window-titlebar + div .k-dropdown .k-dropdown-wrap,
body
  > .k-widget.k-window
  .k-window-titlebar
  + div
  .k-dropdowntree
  .k-dropdown-wrap {
  border: none !important;
  min-height: 35px;
  /* background-color: transparent !important; */
  border-bottom: 1px solid #ccc !important;
}

body > .k-widget.k-window .k-window-titlebar + div input.k-checkbox,
body > .k-widget.k-window .k-window-titlebar + div input.k-radio {
  min-height: auto !important;
  border: 1px solid #ccc !important;
}

.k-widget.k-window .k-action-buttons {
  justify-content: end;
  padding: 1rem 0 0;
}

.k-widget.k-window .k-action-buttons .k-button {
  width: auto !important;
  flex-grow: 0;
}

.k-widget.k-window .k-window-titlebar + div form > .k-action-buttons {
  padding: 1rem 0 0;
}

.btn-line-group .k-action-buttons {
  border: none;
  padding: 0;
  margin-bottom: 1rem !important;
}

.md-modal-popup {
  max-width: 600px !important;
}

.chart-editor .K-Chem-Composer .K-Chem-Editor {
  background-color: transparent;
  outline: none;
}

.modal-footer .navbar.navbar-expand-lg {
  z-index: 1;
}

.splitted-view .height-normal.height-xd {
  /* height: calc(100vh - 155px); */
}

.splitted-view .filter-toolbar {
  border: 1px solid rgba(33, 37, 41, 0.125);
  height: 40px;
  border-bottom: 0;
}

.splitted-view .list-view-custom {
  border-right: 1px solid rgba(33, 37, 41, 0.125);
}

.splitted-view .list-group-search.common-input input,
.splitted-view .list-group-search.common-input {
  width: 100%;
  max-width: 100%;
}

.splitted-view .height-normal.height-xd {
  height: calc(100vh - 265px);
}

.padd-0-1 {
  padding: 0 1rem !important;
}

.scroll-inner-content > .row > .card {
  max-height: calc(100vh - 305px);
  overflow: auto;
}

.modal-dialog.modal-dialog-slideout.modal-lg {
  max-width: 800px;
}

.popup-max-height {
  max-height: calc(100vh - 200px);
  overflow: auto;
}

legend {
  font-size: 0.9rem !important;
}

.k-grid-table .k-icon {
  font-family: "WebComponentsIcons" !important;
}

.aligned-top-fixed {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
}

.aligned-top-fixed span {
  margin-bottom: 0;
}

.aligned-top-fixed button {
  padding: 0;
  line-height: 1;
  width: auto;
}

.react-confirm-alert-body {
  max-width: 600px;
  width: auto;
}

.react-confirm-alert-body h6 {
  white-space: pre-wrap;
  word-break: break-all;
}

.actionsBtn.align-items-center .action-btn-group {
  padding: 0.3rem 0;
}

/*materail add material form checkbox label */
.normalize-form legend {
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem !important;
  font-weight: 500;
}

/*materail detailed view */
.single-line-detail .col-md-6 .form-group {
  display: flex;
  align-items: center;
}

.single-line-detail .col-md-6 .form-group label {
  padding-right: 1rem;
  margin-bottom: 0;
}

.single-line-detail .col-md-6 .form-group span {
  font-size: 0.775rem;
  margin-bottom: 0;
  white-space: pre-wrap;
  word-break: break-all;
}

.detailed-top-header span,
.detailed-top-header {
  font-size: 0.9rem !important;
}

/*materail detailed view ends*/

.icon-btn {
  position: absolute;
  top: -6px;
  right: -23px;
  color: #fff;
  background: #1970eb;
  font-size: 0.9rem !important;
  border-radius: 4px;
}

.overflow-visible {
  overflow: visible !important;
}

.pad-0-3 {
  padding: 0 3rem;
}

.pwd-btn-group.btn-grp-align-right {
  padding: 0.5rem;
}

.pwd-btn-group.btn-grp-align-right button {
  margin-bottom: 0;
}

.tabremove {
  display: none !important;
}

.fa-circle-half-stroke:before {
  content: "\f042";
}

.fa-circle-half-stroke {
  color: red;
  transform: rotate(90deg);
}

.common-tooltip-wrap .k-tooltip {
  background: transparent !important;
  border: 1px solid #1970eb !important;
  border-radius: 8px !important;
  color: #1970eb !important;
  font-size: 0.75rem !important;
  padding: 0.3rem !important;
}

.common-tooltip-wrap .k-tooltip .k-callout {
  color: #1970eb !important;
}

.disable-toolbar-sticky .fr-sticky-on {
  position: static !important;
}

.cls-SheetSpreadContainer.pb-3 {
  padding-bottom: 3rem !important;
}

.list-view-btn-group {
  /* display: none !important; */
  display: flex;
  /* position: fixed; */
  position: absolute;
  /* transform: translate(-90%, -50px); */
  /* transform: translate(-130%, -24px); */
  /* transform: translate(-82%, -15px); */
  /* top: 3px; */
  transform: translate(-102%, -24px);
  z-index: 1;
  background: #fff;
  padding: 0.5rem;
  border-radius: 25px;
  /* border: 1px solid #1268e3; */
  box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
  border: 0.1px solid rgb(0 0 0 / 21%) !important;
}

/* .sticky-header-order table tr:first-child .list-view-btn-group {
  position: absolute !important;
  top: 40px !important;
  transform: translate(-100%, -34px) !important;
  left: auto !important;
} */

.modal-open .list-view-btn-group {
  z-index: inherit;
  /* opacity: 0; */
  transform: none;
  position: absolute;
}

.toolbar-bottom-filter.clsdisplayblock {
  display: flex !important;
}

.toolbar-bottom-filter.clsdisplayblock label {
  padding: 0;
}

.toolbar-bottom-filter.clsdisplayblock input {
  font-size: 0.775rem !important;
}

.toolbar-bottom-filter.clsdisplayblock .form-group {
  margin-right: 1rem;
}

.pd-1-col.no-gutters > [class*="col-"] {
  padding-right: 1rem;
}

.form-static-wrap.card-body .form-group {
  margin-bottom: 0.4rem;
}

.margin_class {
  margin-left: -1.2rem !important;
  margin-right: -1.2rem !important;
}

.margin_class .card > .card-header {
  font-weight: 800;
}

.form-static-wrap.card-body .form-group > div {
  font-size: 0.75rem;
  margin-bottom: 0;
}

.group-hover-icon .btn_white_bg i {
  transform: rotate(90deg);
}

.positioned-tr-group .k-master-row {
  position: relative;
}

.actionsBtn .no-margin-process .process {
  margin-bottom: 0 !important;
}

.m-r- .p-l-r-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

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

.list-view-btn-group .openEyeBtn {
  margin-right: 0.3rem;
}

.k-pager-nav,
.k-pager-numbers .k-link,
.k-pager-refresh {
  min-width: calc(0.75rem + 0.75rem + 2px) !important;
  height: calc(0.75rem + 0.75rem + 2px) !important;
}

#audittrail-modal-footer .btn_white_bg.txt-btn {
  padding: 6px 12px !important;
}

.dashboard-forms {
  display: flex;
  flex-wrap: wrap;
}

.dashboad-cards {
  box-shadow: 1px 1px 4px 0px #ccc;
  margin-bottom: 2rem;
  border-radius: 15px;
  padding: 1.3rem;
  background: #fff;
}

.dashboad-cards.dashboard-forms {
  margin-bottom: 1rem;
}

.dashboard-forms > .form-group {
  width: 50%;
  padding: 0.5rem;
}

.dashboard-forms > .form-group:last-child {
  margin-bottom: 0 !important;
}

.overflow-table .k-grid-container {
  overflow: visible;
}

/*dashboard styling starts*/
.statistics-card-wrap {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.statistics-card-wrap .statistics-card {
  cursor: pointer;
  background-color: #fff;
  border-radius: 0.7rem;
  justify-content: space-between;
  width: 20%;
  border: 1px solid #dde6f7;
  /* box-shadow: 0px 0px 12px 0px #DDE6F7; */
  box-shadow: 0px 0px 12px 0px #fff;
}

.statistics-card-wrap .statistics-card.cls_dashselect {
  border: 2px solid #1970eb;
  /* border-bottom-width: 8px; */
}

.filter-top-full {
  background-color: #f8fafb;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  /* margin-bottom: 20px; */
  /* padding-left: 1rem; */
  font-size: 12px;
}

.no-shadaow-header .navbar.cls-top-menu-item-container {
  box-shadow: none;
}

.kendo-title-form {
  display: flex;
  justify-content: space-between;
  height: 43px;
  align-items: center;
  padding: 12px 20px;
  border: 1px solid #dde6f7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.kendo-title-form h6 {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600;
}

.kendo-title-form .title-form-data {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.kendo-title-form .title-form-data label {
  margin-bottom: 0;
  padding-right: 20px;
}

.kendo-title-form .title-form-data button {
  margin-left: 20px;
}

.kendo-title-form .title-form-data input + span {
  white-space: nowrap;
  color: #677ea6;
}

.kendo-title-form h6 {
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 1;
  border-bottom: none;
}

.kendo-box-wrap {
  border: 1px solid #dde6f7;
  /* border-radius: 6px; */
  border-radius: 10px;
  background-color: #ffffff;
  /* box-shadow: 0 0px 12px 0 #DDE6F7; */
  box-shadow: 0 0px 12px 0 #fff;
  margin-bottom: 2rem;
}

.dashboard-chart,
.kendo-box-wrap .k-grid {
  border: none !important;
  height: 248px !important;
}

/* Center dashboard orders/grid loader inside the grid area */
.kendo-box-wrap .no-data.dashboard-grid-loader {
  position: relative;
  height: 248px;
  min-height: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.kendo-box-wrap .dashboard-grid-loader .cls-loader {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
}

.kendo-box-wrap .dashboard-grid-loader .inner-loader.cls-loader > div {
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  position: relative !important;
}

.kendo-box-wrap .dashboard-grid-loader .inner-loader.cls-loader > div::before {
  background-color: transparent !important;
}

.grid-custom-status,
.column-simple-view,
.kendo-box-wrap .k-grid th,
.kendo-box-wrap .k-grid td {
  font-size: 0.87rem !important;
}

.kendo-box-wrap .k-grid th {
  color: #677ea6 !important;
  white-space: nowrap !important;
}

.kendo-box-wrap .k-grid td {
  color: #172b4d;
  white-space: nowrap !important;
}

.column-simple-view {
  color: #1970eb !important;
  font-family: "Helvetica Neue", sans-serif !important;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 600 !important;
}

.grid-custom-status {
  font-family: "Helvetica Neue", sans-serif !important;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 600;
  width: fit-content;
  margin: auto;
}

.stoargeSelector-grid {
  height: 200px !important;
}

.grid-custom-status-inventory {
  font-weight: bold;
}

.grid-custom-status-inventory.Expired {
  color: #ce0505;
}

.grid-custom-status-inventory.Available {
  color: #46ce05;
}

.grid-custom-status-inventory.Quarantine,
.grid-custom-status-inventory.Quarantined span {
  color: #8900e6;
}

.grid-custom-status-inventory.discarded,
.grid-custom-status-inventory.Disposed {
  color: #979090;
}

.grid-custom-status-inventory.Low-stock {
  color: #ffa31a;
}

.grid-custom-status.Rejected,
.status.Rejected {
  color: #d83427 !important;
  background-color: #f8dad8;
  font-weight: normal;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px !important;
}

.grid-custom-status.Approved,
.status.Approved {
  color: #45bf04 !important;
}

.grid-custom-status.Approved,
.grid-custom-status.Completed {
  color: #028224 !important;
  background-color: #daf6e1;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px !important;
}

.value-right.grid-custom-status.Approved,
.value-right.grid-custom-status.Completed {
  background-color: transparent;
}

.grid-custom-status.Created,
.status.Created {
  color: #1970eb !important;
}

.grid-custom-status.Created {
  color: #0e5bca !important;
  background-color: #e6effd;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px !important;
}

.value-right.grid-custom-status.Created {
  background-color: transparent;
}

.grid-custom-status.initiated,
.grid-custom-status.In-Progress,
.status.Inprogress {
  color: #f38a07 !important;
}

.grid-custom-status.In-Progress {
  color: #d97000 !important;
  background-color: #fff3e6;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px !important;
}

.value-right.grid-custom-status.In-Progress {
  background-color: transparent;
}

.calender-list.horizontal > * {
  margin-right: 0.1rem;
}

.icon-btn-simple {
  background: transparent !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.icon-btn-simple .bar-icon {
  fill: #677ea6;
}

.icon-btn-simple.active .bar-icon {
  fill: #1967e3;
}

.statistics-card .card-body {
  padding: 1.2rem 2rem;
}

.at-list-table .k-grid thead th .k-column-title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
  /* font-size: 14px !important; */
  color: #5a5a5a !important;
}

.dashboard-chart path {
  font-size: 11px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

#top_usernamevalue .span.light {
  font-size: 11px;
}

/*dashboard styling ends*/

/*Inventory popup start*/

.modal-dialog-slideout.freakerstop.inventory-popup .modal-header {
  background-color: #f6f6f6;
}

.modal-dialog-slideout.freakerstop.inventory-popup .modal-title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 1rem !important;
  color: #172b4d;
  line-height: 1.5;
  font-weight: 600;
}

.modal-dialog-slideout.freakerstop.inventory-popup .form-label {
  font-family: '"Helvetica Neue" , sans-serif' !important;
  font-weight: normal !important;
  font-size: 0.775rem !important;
}

.modal-dialog-slideout.freakerstop.inventory-popup .required:after {
  font-size: 12px;
}

.modal-dialog-slideout.freakerstop.inventory-popup sup {
  top: 0;
}

/*Inventory popup start*/

.edit-filter {
  color: #1970eb;
  font-size: 0.75rem;
  letter-spacing: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  line-height: 18px;
  margin-left: 1rem;
  border: none;
  outline: none;
  background: transparent;
  text-transform: uppercase;
  font-weight: 600;
}

.edit-filter svg {
  margin-right: 0.3rem;
  display: inline-block;
}

.inline-filter-group .label-filter {
  font-family: "Helvetica Neue", sans-serif !important;
  /* color: #677EA6; */
  color: #3b70eb;
  font-size: 12px;
  font-weight: 600;
}

.inline-filter-group .value-filter {
  font-size: 12px;
  color: #5a5a5a;
}

.inline-filter-bread .inline-filter-group:before {
  height: 3px;
  width: 3px;
  background: #677ea6;
  margin: auto 5px 2px;
  border-radius: 12px;
}

.modal-dialog .modal-content .modal-body .form-group .form-control option {
  width: 225px;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
}

.k-button {
  float: right;
}

.modal-open .enableFullscreen {
  position: static !important;
}

.k-widget.k-grid .k-toolbar.k-grid-toolbar,
.k-grid .k-toolbar.filter-bar {
  height: 40px;
  overflow: visible;
  text-align: right;
  display: flex;
  justify-content: end;
  /*flex-direction: row-reverse;*/
  align-items: center;
}

.k-widget.k-grid.samplegird .k-toolbar.k-grid-toolbar {
  justify-content: left;
}

.k-widget.k-grid .k-toolbar.k-grid-toolbar:before {
  display: none;
}

.k-widget.k-grid .k-toolbar.k-grid-toolbar * {
  margin-top: 0;
  margin-bottom: 0;
}

.parent-btn-blue-primary .dropdown-toggle {
  background-color: transparent !important;
  color: #1967e3 !important;
  font-size: 0.775rem !important;
  padding: 0.4rem 0.8rem;
  border: 1px solid #1967e3 !important;
  outline: none !important;
  border-radius: 2rem;
  line-height: 1.1;
  font-weight: 100;
  text-decoration: none !important;
  cursor: pointer;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.fr-popup .fr-layer {
  width: 271px;
  height: 300px;
  overflow-x: auto;
  margin: 15px !important;
  padding: 0 15px;
}

.fr-popup .fr-layer.fr-files-upload-layer {
  height: 150px;
}

.fr-input-line .btn.btn-primary-blue {
  font-size: 10px !important;
}

.client-listing-wrap .at-list-table .k-toolbar.k-grid-toolbar {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 5px;
}

/*search bar start*/
.suggest_typed.shadow-outlet-black .kendo-box-wrap {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.suggest_typed.shadow-outlet-black .kendo-title-form {
  border: 0;
  padding: 0 6px;
}

.suggest_typed a {
  color: #172b4d;
  /* font-weight: bold !important; */
}

.suggest_typed li {
  padding: 4px 10px;
  border-bottom: 0;
}

.suggest_typed .inline-filter-group .label-filter,
.suggest_typed .inline-filter-group .value-filter {
  color: #c2c4c9;
}

.input-auto-suggestion .suggest_typed {
  top: 35px;
}

.suggest_typed .search-text {
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: middle;
}

.suggest_typed .search-text {
  white-space: nowrap !important;
  font-size: 12px;
}

.suggest_typed .os-scrollbar-horizontal {
  display: none;
}

.suggest_typed a .inline-filter-bread {
  display: block;
}

.suggest_typed.shadow-outlet-black li i {
  color: #c2c4c9;
  font-size: 25px !important;
  margin-right: 10px;
}

.flitered_autocomplete .filter-dropdown .shadow-outlet-black {
  position: absolute;
  z-index: 901;
  width: 100%;
}

.flitered_autocomplete .kendo-title-form .title-form-data input + span {
  color: #677ea6;
  font-size: 12px !important;
}

.suggest_typed .search-filename:before {
  content: "";
  height: 3px;
  width: 3px;
  background: #677ea6;
  margin: auto 5px 2px;
  border-radius: 12px;
  display: inline-block;
}

.kendo-title-form .radio input:checked + span {
  color: #172b4d;
}

/*search bar end*/

.login-form.equal-split-flex .form-group label {
  display: block;
}

.col-md-7 .row:first-child .login-form.sm-full-width-input {
  border: 1px solid #dde2e7;
  padding: 15px 17px 0;
}

.login-form.equal-split-flex .react-switch {
  margin-left: 40px;
}

.k-pane .list-view-custom {
  padding: 0;
}

.btn-group-toolbar-align {
  display: flex;
  justify-content: flex-end;
  margin: 0.5rem 0;
}

.btn-group-toolbar-align .list-inline {
  margin-bottom: 0;
}

.form-group-toolbar-align {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-top: 1px solid #eff1f4;
  border-bottom: 1px solid #eff1f4;
}

.form-group-toolbar-align.padding-l-r-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.form-group-toolbar-align > div,
.form-group-toolbar-align > div .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.form-group-toolbar-align > div .form-group {
  margin-right: 1rem;
}

.form-group-toolbar-align > div .form-group label {
  white-space: nowrap;
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.m-width-450 {
  min-width: 450px;
}

.list-icon-view {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  word-break: break-all;
  width: 100%;
}

.list-icon-view img {
  max-width: 24px;
  margin-right: 0.7rem;
}

.suggest_typed a .inline-filter-bread {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 11px;
  color: #677ea6;
}

.suggest_typed a .search-text {
  color: #172b4d;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.suggest_typed a .search-text > span {
  color: #677ea6;
}

.no-data {
  height: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Helvetica Neue", sans-serif !important;
  /* color: #677EA6; */
  color: #7c7c7c;
  font-size: 0.9rem;
  font-weight: 600;
  width: 100%;
}

.no-data.sm {
  height: 100px;
  font-size: 0.76rem;
}

.no-data svg {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.no-data.sm svg {
  font-size: 1.2rem;
}

.k-widget.k-window .form-single-view .k-tabstrip-wrapper .overall-div .all-div {
  width: 100% !important;
  margin-bottom: 1rem !important;
}

.form-single-view .k-tabstrip-wrapper .overall-div .all-div .k-edit-label {
  padding: 0;
}

.form-single-view
  .k-tabstrip-wrapper
  .overall-div
  .all-div
  .k-edit-label
  label {
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
  margin-bottom: 0;
  font-weight: 500;
}

.form-single-view .k-tabstrip-wrapper .overall-div .all-div .k-edit-field {
  margin-bottom: 0;
}

.form-single-view .k-tabstrip-wrapper .k-dropdown .k-dropdown-wrap .k-input,
.form-single-view
  .k-tabstrip-wrapper
  .k-dropdowntree
  .k-dropdown-wrap
  .k-input {
  padding-left: 0;
}

.form-single-view
  .k-tabstrip-wrapper
  .overall-div
  .all-div
  .k-edit-field
  input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.775rem !important;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  height: calc(1em + 0.75rem + 2px);
  background-color: #e9ecef;
  opacity: 1;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
  box-shadow: none !important;
  outline: none !important;
}

.kendo-box-wrap .k-grid th.k-state-selected,
.kendo-box-wrap .k-grid td.k-state-selected,
.kendo-box-wrap .k-grid tr.k-state-selected > td,
.kendo-box-wrap .k-grid th.k-selected,
.kendo-box-wrap .k-grid td.k-selected,
.kendo-box-wrap .k-grid tr.k-selected > td,
.kendo-box-wrap .k-grid tr.k-master-row:hover > td {
  background-color: rgba(238, 242, 249, 0.53);
}

.kendo-box-wrap .radio input + span:before,
.kendo-box-wrap .radio input + span:after {
  width: 29px;
  height: 29px;
  top: -4px;
}

.padd-half-h .k-toolbar {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.toolbar-bottom-filter.single-lined .form-group {
  display: flex;
  align-items: center;
}

.toolbar-bottom-filter.single-lined .form-group label {
  min-width: 80px;
  margin-bottom: 0;
}

.popup-group-list.popup-lg-container .list-group-item,
.modal-dialog.modal-width
  .popup-group-list.popup-lg-container
  .list-group-item {
  border-bottom: none;
}

.screen-centered-scroll.v-centerd {
  display: flex;
  height: 100vh;
  align-items: center;
  margin-top: 0;
}

/* to align dashboard date fileld center aligned */
.k-grid-content .calender-list.horizontal {
  align-items: center;
}

.k-grid-content .calender-list.horizontal .eln-stamp {
  font-size: 0.78rem !important;
}

.k-tooltip {
  border-color: #677ea6 !important;
  color: #677ea6 !important;
  background-color: #fff !important;
  border-width: 0.5px !important;
}

.k-tooltip .k-callout {
  width: 0.4rem !important;
  height: 0.4rem !important;
  color: #677ea6 !important;
  border-width: 0.4rem !important;
}

.panel-main-content.tree-full-view {
  padding: 0.5rem 1rem;
}

.kendo-box-wrap .calender-list .eln-date {
  color: #172b4d;
  font-size: 1rem;
}

.kendo-box-wrap .calender-list .eln-stamp {
  color: #677ea6;
}

.custom-th-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-th-wrap .th-tooltip {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  color: #5a5a5a !important;
}

.k-grid-table .calender-list .eln-date {
  font-family: "" Helvetica Neue " , sans-serif";
  font-size: 14px;
  color: #172b4d;
  font-weight: 600;
  padding-left: 1px;
}

.parent-port-height-md.col-md-5 .k-pager-info {
  justify-content: right !important;
}

.list-inline-item.position {
  position: absolute;
  right: 0;
}

.tree-custom-style .k-widget.k-treeview > .k-treeview-lines {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.tree-custom-style .k-widget.k-treeview > .k-treeview-lines .k-in::before,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  .k-treeview-leaf-text::before {
  content: "";
  content: "";
  background: #1967e3;
  border-radius: 25px;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: -1px !important;
  margin-right: 0.5rem;
}

.tree-custom-style .eln-t-header {
  border-bottom: 2px solid #1967e3;
  padding-bottom: 0.5rem;
}

.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  > li:first-child
  > .k-mid
  > .k-in::before,
.tree-custom-style
  .k-treeview
  .k-treeview-lines
  li:first-child
  .k-treeview-leaf-text
  .treeTextPadding::before {
  content: "\e034";
  margin-top: 0px !important;
  margin-right: 1rem;
  background: transparent;
}

.tree-custom-style .k-widget.k-treeview > .k-treeview-lines .k-in::before,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  > li:first-child
  .k-in::before,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  .k-treeview-leaf-text::before,
.tree-custom-style
  .k-treeview
  .k-treeview-lines
  li:first-child
  .k-treeview-leaf-text
  .treeTextPadding::before,
.tree-custom-style .k-widget.k-treeview .k-icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-family: "WebComponentsIcons";
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  color: #1967e3;
  margin-top: -7px;
  font-weight: bold;
}

.tree-custom-style .k-widget.k-treeview .k-icon.k-i-collapse::before {
  content: "\e014";
  transform: rotate(90deg);
}

.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  .k-icon
  + .k-in::before,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  > li:first-child
  .k-icon
  + .k-in::before,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  .k-icon
  + .k-treeview-leaf-text::before,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  > li:first-child
  .k-icon
  + .k-treeview-leaf-text::before {
  display: none;
}

.tree-custom-style .k-widget.k-treeview > .k-treeview-lines .k-icon + .k-in,
.tree-custom-style
  .k-widget.k-treeview
  > .k-treeview-lines
  .k-icon
  + .k-treeview-leaf-text {
  background: #f5efef;
  color: #1970eb;
}

.tree-custom-style .k-widget.k-treeview .k-icon.k-i-expand::before {
  content: "\e014";
}

span.tree_btn_align {
  border-radius: 8px;
  /* border: 1px solid #1970eb; */
  border: 0 !important;
  padding: 0.7rem 1rem;
  align-items: center;
  display: flex;
  justify-content: center;
  background-position: center;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.tree-custom-style
  .k-widget.k-treeview
  .k-treeview-lines
  li
  .k-icon.tree_btn_align::before {
  margin-top: 0 !important;
  color: #415364 !important;
}

.tree-custom-style .k-widget.k-treeview .list-inline.d-flex {
  align-items: center;
}

.plateview > div {
  border: none !important;
}

.no-style-btn:focus {
  /* padding: 5px; */
}

.sheets-wrapper .at-list-table {
  clear: both;
}

select.form-control#sitecode {
  max-width: 220px;
  width: 220px;
}

.modal-body select.form-control#sitecode {
  max-width: 100%;
  width: 100%;
}

.kendo-box-wrap .k-grouping-header {
  display: none;
}

.inventory-history .userDetails .container {
  font-size: 12px;
}

.inventory-history
  .rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab
  .rc-tabs-tab-btn {
  border-right: 0;
  padding: 0 9px;
}

.k-calendar td:hover .k-link,
.k-calendar td.k-state-selected .k-link,
.k-calendar td.k-selected .k-link {
  background-color: #1967e3;
  border: 1px solid #1967e3;
  color: #fff;
}

@media (max-width: 1366px) {
  .k-pager-nav,
  .k-pager-numbers .k-link,
  .k-pager-refresh {
    min-width: 23px !important;
    height: 23px !important;
  }

  .k-pager-info.k-label {
    margin-left: 0;
    margin-right: 0;
  }

  #UserMasterAdd .modal-body,
  #UserMasterEdit .modal-body {
    min-height: 80%;
    height: 440px;
    overflow-y: scroll;
  }

  #UserMasterAdd .login-form,
  #UserMasterEdit .login-form {
    min-height: 100%;
    height: 450px;
  }

  .tmCustomFieldBlock .k-treeview .k-content .k-mid .k-in,
  .tmCustomFieldBlock .k-treeview .k-content .k-mid .k-treeview-leaf-text {
    width: 85%;
  }
}

@media (max-width: 1200px) {
  .k-pager-nav,
  .k-pager-numbers .k-link,
  .k-pager-refresh {
    min-width: calc(0.75em + 0.75rem + 2px) !important;
    height: calc(0.75em + 0.75rem + 2px) !important;
  }

  .k-pager-info.k-label {
    margin-left: 0;
    margin-right: 0;
  }

  .material-grid .k-grid table {
    width: 100% !important;
  }
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
  z-index: 10002;
}

.adminPageContainer .at-list-table .k-grid {
  min-height: 78vh;
}

.adminPageContainer .fr-box.fr-basic.fr-top .fr-wrapper {
  min-height: 60vh;
}

.admin-font {
  font-size: 13px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 600;
}

.adminLeftMenu .os-scrollbar {
  z-index: 100001;
}

.cls-SheetSpreadContainer .k-dialog-wrapper,
#Save .k-dialog-wrapper {
  z-index: 1000;
}

.adminLeftMenu .k-treeview .k-content {
  padding: 0 9px 0;
}

.adminPageContainer .btn.btn-primary-blue i {
  display: inline;
}

.containerobj {
  width: 80%;
  margin: 0 auto;
}

.contentobj {
  overflow: auto;
  text-align: justify;
}

.clsplateview .table td,
.clsplateview .table th {
  padding: 0;
  border-top: none;
  width: 40px;
  text-align: center;
}

.clsplateview .table {
  width: auto;
}

.clsFilters.clsDivHeight70 colgroup col {
  width: 300px;
}

.clsFilters.columnfilters colgroup col {
  width: 336px;
}

.blockname {
  border-radius: 6px;
  padding: 6px 3px !important;
}

.k-filemanager-content .k-grid .k-grouping-row td {
  overflow: hidden;
  width: 910px;
}

.remove .k-spreadsheet-sheets-items .k-item .k-spreadsheet-sheets-remove {
  display: none !important;
}

.suggest_typed a .inline-filter-bread .search-filename:first-child {
  display: none;
}

.containerbg.overflow {
  overflow: hidden !important;
}

.clsSeriesselection .btn-primary-blue,
.side-bar-graph .btn-primary-blue {
  margin-bottom: 5px;
  margin-right: 5px;
}

#SignatureForm .overall-div .all-div {
  width: 100% !important;
}

#SignatureForm .overall-div .all-div .k-widget.k-dropdown {
  max-width: 500px;
}

#SignatureForm .materialInventoryCls,
#SignatureForm .materialInventoryCls .all-div,
#SignatureForm .all-div .k-edit-label,
#SignatureForm .all-div .k-edit-field {
  width: 100%;
  text-align: left;
}

.k-window-content.resource-add #SignatureForm .k-tabstrip-wrapper {
  height: 500px;
  overflow: auto;
}

#SignatureForm .materialInventoryCls .all-div .k-edit-label {
  margin-bottom: -20px;
}

#NotificationForm .overall-div .all-div {
  width: 100% !important;
}

#NotificationForm .overall-div .all-div .k-widget.k-dropdown {
  max-width: 500px;
}

#NotificationForm .materialInventoryCls,
#NotificationForm .materialInventoryCls .all-div,
#NotificationForm .all-div .k-edit-label,
#NotificationForm .all-div .k-edit-field {
  width: 100%;
  text-align: left;
}

.k-window-content.resource-add #NotificationForm .k-tabstrip-wrapper {
  height: 500px;
  overflow: auto;
}

#NotificationForm .materialInventoryCls .all-div .k-edit-label {
  margin-bottom: -20px;
}

.notification-icon-position {
  padding-right: 17px;
}

.notification-icon-position.notificationpadding {
  padding-right: 29px;
}

.actionsBtn button.clsopenbutton:disabled {
  border: 0 !important;
}

.actionsBtn .openEyeBtn {
  margin-left: 0;
}

.actionsBtn .openEyeBtn button {
  font-size: 12px;
  margin-right: 0px;
  padding: 1px 7px;
  min-width: 26px;
  box-shadow: none;
}

.actionsBtn .rejectColm {
  padding: 0;
  min-width: 120px;
}

.clscontentsearch .search-styled .input-group-append button {
  background-color: #1967e3 !important;
  color: #fff !important;
  padding: 6px;
}

.clscontentsearch .search-styled .input-group-append {
  padding: 0 4px;
}

.form-split div input.change-width {
  width: 184px;
}

.steps-highlight .k-textbox {
  height: calc(0.5em + 0.75rem + 2px);
}

.floating-label .css-1fhf3k1-control,
.floating-label .css-yk16xz-control {
  min-height: 25px;
}

.floating-label .css-g1d714-ValueContainer {
  padding: 0px 8px;
}

.floating-label .css-tlfecz-indicatorContainer {
  padding: 3px 8px;
}

.floating-label .react-datepicker-wrapper .form-control {
  min-height: 35px;
}

.actions-stripe {
  display: inline-block;
  float: right;
}

.actions-stripe .btn.btn-primary-blue i {
  margin-right: 0 !important;
}

.material-toolbar {
  width: 54%;
  float: right;
  justify-content: flex-end;
  border-top: 0;
}

.k-tooltip {
  max-width: 500px;
  word-break: break-all;
  padding-right: 2px !important;
  padding-left: 2px !important;
}

span.usernamewidth span {
  padding-left: 3px;
}

.notification-icon-position button.logout-arrow.active:before,
.dropdown.show .notification-icon-position button.logout-arrow:before {
  /* content: "";
  width: 10px;
  height: 10px;
  background: red;
  position: absolute; */
  /* bottom: -15px; */
  bottom: -16px;
  right: 26px;
}

.topmenuitem .mnuContainer1 .dropdown .notification-menu.dropdown-menu:after,
.topmenuitem .mnuContainer1 .dropdown .notification-menu.dropdown-menu:before {
  display: none;
}

.admin-domain .k-widget.k-grid {
  height: 60vh;
  overflow: auto;
}

.modal-open .modal,
.modal {
  pointer-events: none;
}

.modal-open {
  overflow: hidden !important;
}

#checkboxes input {
  vertical-align: middle;
  min-height: auto;
}

.k-dialog-content fieldset {
  margin-top: 10px;
}

.dash-legend,
legend {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem !important;
  color: #172b4d !important;
  font-weight: normal !important;
}

.modal legend {
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 400;
}

.k-button-group .k-button.k-state-selected,
.k-button-group .k-button.k-selected {
  background: #1970eb !important;
}

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

.popover-body .list-group-item {
  font-size: 13px;
}

.fr-wrapper fieldset {
  border: 0 !important;
}

.modal-open .modal {
  overflow-y: hidden !important;
}

.fr-fic.fr-dib.fr-fir {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.fr-fic.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-fic.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

#UserMasterAdd.modal .msl-active ~ .msl-options,
#UserMasterEdit.modal .msl-active ~ .msl-options {
  height: 120px;
  scrollbar-width: none !important;
}

.k-timepicker .k-icon,
.k-i-clock {
  border: 1px solid #0c4ca7 !important;
  color: #0c4ca7 !important;
  border-radius: 15px;
  width: auto !important;
  height: auto !important;
  padding: 0.2rem 0.4rem !important;
  font-size: 13px !important;
}

.k-select .k-icon.k-i-calendar {
  padding: 0.2rem 0.6rem !important;
  margin-right: 3px;
}

.list-view-protocol {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  /* padding: 0.6rem; */
  box-shadow: 0 4px 2px -2px #1970eb;
}

.abstract-section .list-view-protocol {
  box-shadow: none;
}

.list-view-data {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  padding: 0.6rem;
  /* box-shadow: 0 4px 2px -2px #0c4ca7; */
}

.protocolmenu {
  padding: 0rem 1rem !important;
}

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

.modal-body.k-filemanager-content-container .k-treeview {
  width: 100%;
  height: 75vh;
  overflow: auto;
}

.splitted-view .at-list-table .k-grid-header .k-grid-filter {
  z-index: 0;
}

.clsSeriesselection .btn.btn-primary-blue {
  font-size: 0.725rem !important;
}

.protocol-filedisplay .firstrow {
  border: 1px dashed gainsboro;
}

.protocol-filedisplay .nofirstrow {
  border-top: 0px;
  border-bottom: 1px dashed gainsboro;
  border-left: 1px dashed gainsboro;
  border-right: 1px dashed gainsboro;
}

.viewspread .k-spreadsheet-fixed-container {
  pointer-events: none !important;
}

.viewspread .k-tabstrip-top,
.viewspread .k-spreadsheet-quick-access-toolbar,
.viewspread .k-spreadsheet-sheets-bar-add,
.viewspread .k-spreadsheet-action-bar,
.viewspread .k-i-redo,
.viewspread .k-spreadsheet-sheets-remove {
  display: none !important;
}

.viewkekule .K-Chem-Composer-Editor-Stage {
  pointer-events: none !important;
}

.viewkekule .K-Chem-Composer-Adv-Panel,
.viewkekule .K-Chem-Composer-Top-Region,
.viewkekule .K-Chem-Composer-Left-Region,
.viewkekule .K-Chem-Composer-Bottom-Region,
.viewkekule .cls-protocolkekuleloadrec {
  display: none !important;
}

.k-filemanager-preview .k-file-meta td {
  font-weight: normal !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 400;
}

.k-treeview .k-child-animation-container .k-content {
  padding-left: 0;
}

.clskendoexport .k-spreadsheet {
  height: 70vh !important;
}

.protocolnew #fullScreenDiv .md-sheet-view {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.protocolnew #fullScreenDiv .md-sheet-view .tree-view-scroll {
  /* height: calc(100vh - 35vh) !important; */
  /* height: 100% !important; */
  /* min-height: 400px !important; */
  height: 400px !important;
}

.form-tree-view-protocol {
  /* max-height: 250px; */
  height: 60vh;
  overflow: auto !important;
}

.card-Tree-index .k-animation-container {
  z-index: 1 !important;
}

.storage-path-div {
  margin-left: 290px !important;
  margin-top: 5px !important;
}

.selected-item {
  background-color: yellow;
  /* Set your desired highlight color */
}

.cls-checklisteditor textarea {
  width: 99%;
}

.popover-title {
  display: flex;
  align-items: center;
}

.search-container {
  flex: 1;
  margin-right: 10px;
}

.btn_custom_search {
  width: 87%;
  padding: 8px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

.btn_custom-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #000;
  font-size: 20px;
}

.simple-custom-li {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  height: 35px;
  position: relative;
}

.btn_custom_check {
  margin-right: 5px;
}

.popover-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #f2f2f2;
}

.popover-content {
  padding: 10px;
}

.popover-total {
  text-align: end !important;
  margin-right: 10px;
  flex: 1;
  font-weight: bold;
}

.simple-custom-filter {
  margin-top: 1rem;
  padding: 1rem;
}

.css-1luyhz2 {
  -webkit-box-align: baseline;
  align-items: baseline;
  border-width: 0px;
  border-radius: var(--ds-border-radius, 3px);
  box-sizing: border-box;
  display: inline-flex;
  font-size: 15px;
  font-style: normal;
  font-family: inherit;
  font-weight: 500;
  max-width: 100%;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition:
    background 0.1s ease-out 0s,
    box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
  white-space: nowrap;
  background: var(--ds-background-neutral, rgba(9, 30, 66, 0.04));
  cursor: pointer;
  height: 2.28571em;
  line-height: 2.28571em;
  padding: 0px 10px;
  vertical-align: middle;
  width: auto;
  -webkit-box-pack: center;
  justify-content: center;
  color: var(--ds-text, #000) !important;
  float: left;
}

.css-178ag6o {
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  margin: 0px 2px;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.css-bwxjrz {
  opacity: 1;
  transition: opacity 0.3s ease 0s;
  display: flex;
  margin: 0px 2px;
  -webkit-box-flex: 0;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
  font-size: 0px;
  line-height: 0;
  user-select: none;
}

.selected-count {
  box-sizing: border-box;
  appearance: none;
  border: none;
  background-color: var(--ds-background-neutral, #dfe1e6);
  padding-inline: var(--ds-space-075, 8px);
  border-radius: var(--ds-border-radius-200, 8px);
  display: inline-flex;
}

.cls-sortdelete {
  cursor: pointer;
}

.simple-custom-li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 106%;
  height: 100%;
  background-color: #1453e3;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.simple-custom-li:hover:before {
  opacity: 0.3;
}

.simple-custom-li:hover label {
  color: white;
}

.simple-custom-li label {
  display: inline-block;
  padding: 10px;
  font-weight: bold;
  transition: color 0.3s ease;
}

/* new version changes */

.split-form-ordered .k-clear-value,
.k-input-icon {
  height: 1.85rem !important;
}

.k-dropdown-wrap,
.k-datepicker .k-picker-wrap {
  border-width: 1px !important;
  border-bottom: 1px solid;
  border-color: rgba(33, 37, 41, 0.125) !important;
}

.k-combobox,
.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-timepicker {
  /* border-width: 0 !important; */
  border-width: 1px !important;
  border-bottom: 1px solid;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  width: 100%;
  border-radius: 0 !important;
  height: calc(1.5em + 0.75rem);
}

.k-combobox .k-icon-button {
  background-color: #fff !important;
  border: 0 !important;
}

.k-combobox .k-button-md.k-icon-button .k-button-icon {
  padding: 0.475rem !important;
}

.k-dialog-buttongroup {
  gap: 0 !important;
  justify-content: flex-end;
  padding: 0 !important;
}

.k-toolbar,
.k-toolbar .k-button.btn.btn-primary-blue {
  gap: 0 !important;
}

.k-toolbar > *,
.k-toolbar > * > label,
.k-toolbar .k-button-group {
  margin-right: 0.275rem;
}

.k-input.k-textbox {
  border: 0 !important;
}

.k-toolbar .k-textbox.k-filemanager-search-tool {
  width: 12.4em !important;
  margin-bottom: 0.1875rem;
  margin-top: 0.1875rem;
  vertical-align: middle;
}

.k-toolbar .k-textbox {
  width: 12.4em !important;
}

.calenderPopup-inventory-filter .css-1uccc91-singleValue {
  font-size: 14px;
}

.k-treeview .k-bot,
.k-treeview .k-mid,
.k-treeview .k-top {
  padding-bottom: 2px;
  padding-top: 2px;
}

/* End new version changes */

.align-to-filter-label {
  margin-top: 6px !important;
  margin-right: 10px;
}

.button-container {
  display: flex;
  justify-content: flex-end;
  /* Align buttons to the right */
  margin-left: 20px;
  /* Add left margin for responsive spacing */

  /* Adjust spacing between buttons */
  Button + Button {
    margin-left: 10px;
    /* Add spacing between buttons */
  }
}

.search {
  width: 300px;
  position: relative;
  /* left: 5px; */
  right: 10px;
  height: calc(1.5em + 0.75rem + 2px);
  background-color: transparent;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

.search-input {
  color: white;
  border: 0;
  outline: 0;
  background: none;
  width: 0;
  margin-top: 5px;
  caret-color: transparent;
  line-height: 20px;
  transition: width 0.4s linear;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.search .search-input {
  padding: 0 10px;
  width: 100%;
  caret-color: #536bf6;
  font-size: 13px;
  font-weight: 300;
  color: black;
  transition: width 0.4s linear;
  bottom: 7px;
  position: relative;
}

.search-icon {
  height: 27px;
  width: 27px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #1970eb;
  font-size: 10px;
  /* bottom: 32px; */
  position: relative;
  border-radius: 5px;
  border: transparent;
}

.search .search-icon {
  bottom: 32px;
}

.Splitbtncustom {
  position: relative;
  /* left: 21px; */
}

.custombreadcom {
  position: relative;
  left: 14px;
}

.clear-icon {
  position: absolute;
  right: 48px;
  bottom: 5px;
  border: aliceblue;
}

.boxsizingBorder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mjs-cursor-defaultCursor {
  position: relative;
  right: 326px;
}

.custom-vertical-toolbar {
  right: 1px;
  position: absolute;
  height: 700px;
  top: 32px;
}

.mjs-toolbar {
  height: 300px;
}

.marvin-view .mjs-HorizontalToolbar {
  display: none !important;
}

/* Inventory new design start */

.tree-custom-style .k-animation-container.k-animation-container-relative {
  z-index: 99 !important;
}

.search-box {
  display: inline-block;
  width: 85%;
  margin-top: 10px;
  margin-left: 1px;
  position: relative;
}

.search-box i {
  position: absolute;
  right: 17px;
  top: 10px;
  color: #1970eb;
}

.splitted-view {
  padding: 0 0.7rem;
}

.square .tree-full-view .k-widget.k-treeview {
  height: calc(100vh - 294px);
  overflow: auto;
}

.square .tree-full-view.storagebuttonpopup .k-widget.k-treeview {
  height: calc(100vh - 300px);
}

.calenderPopup-inventory .bm-item-list {
  padding: 0;
}

.actionsBtn .btn-primary:hover,
.actionsBtn .btn-primary:active {
  color: #fff !important;
}

.actionsBtn .grid-icons.btn-primary {
  position: relative;
}

.client-listing-wrap.splitted-view .actionsBtn .grid-icons.btn-primary:focus {
  background-color: #fff;
}

.actionsBtn .notification-badge {
  position: absolute !important;
  top: -11px !important;
  right: -10px;
  font-size: 13px;
  color: #0d6efd !important;
  background-color: transparent !important;
}

.modal-dialog.transaction-history {
  position: fixed;
  right: 0;
  top: -29px;
  height: 100vh;
  animation: myfirst 0.3s 1;
  transition: none !important;
  width: 100%;
  max-width: 750px;
}

.transaction-history .modal-content {
  height: 100%;
}

.transaction-history .modal-body {
  overflow: auto;
}

@keyframes myfirst {
  0% {
    right: -200px;
    top: 0px;
  }

  100% {
    right: 0px;
    top: 0px;
  }
}

.transaction-history.screen-centered-scroll .modal-body {
  max-height: initial;
}

/* Inventory new design End */

#fr-forprint .fr-wrapper {
  pointer-events: none !important;
  /* opacity: 0.4 !important; */
}

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

.modal-body:has(#fr-forprint) {
  padding: 0 !important;
}

.inventory-history .Outwards-gird .k-grid {
  height: 39vh !important;
}

.inventory-history .k-grid {
  height: 67vh !important;
}

.transaction-history .k-datepicker {
  width: 41% !important;
}

.transaction-history .k-combobox {
  width: 50% !important;
}

.transaction-history .product-category ul {
  list-style: none;
  padding-left: 15px;
  margin-bottom: 0px;
}

.transaction-history .product-category li {
  display: inline-block;
  max-width: 560px;
  vertical-align: text-top;
  margin-right: 10px;
}

.transaction-history .product-category .sub-title-eln {
  color: #787777;
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem !important;
  font-weight: 400;
}

.transaction-history .product-category .title-eln {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 0.775rem !important;
  font-weight: 400;
}

.transaction-history.equipment-popup .inventory-history .k-grid {
  height: 75vh !important;
}

.transaction-history
  .inventory-history
  .k-grid
  .inventory-history
  .userDetails
  .container {
  font-size: 13px;
  margin: 0 !important;
}

.inventory-history .list-group-item {
  border: 0;
}

.inventory-history .at-list-table .k-grid .k-grid-header {
  border: 0;
  display: none;
}

.inventory-history
  .rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab.rc-tabs-tab-active
  .rc-tabs-tab-btn {
  color: #ffffff;
  padding: 9px !important;
  font-weight: normal;
}

.inventory-history .rc-tabs-tab.rc-tabs-tab-active {
  color: #fff;
  background: rgb(18, 104, 227);
}

.fas.fa-copy {
  background: url(../../images/copy-link.svg) no-repeat center center;
  background-size: 11px;
  height: 13px;
  width: 20px;
}

.list-view-btn-group .fas.fa-copy {
  background-size: 13px;
  height: 15px;
  width: 20px;
  vertical-align: middle;
}

.fa.fa-external-link-alt {
  background: url(../../images//actionbutton/opennewtab.svg) no-repeat center
    center;
  background-size: 31px;
  height: 15px;
  width: 20px;
  vertical-align: middle;
}

.list-view-btn-group .fa.fa-external-link-alt {
  background-size: 30px;
  height: 16px;
  width: 20px;
  vertical-align: bottom;
}

.list-view-btn-group .fa-eye:before {
  /* background-size: 26px; */
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.list-view-btn-group i,
.list-view-btn-group svg {
  opacity: 0.5;
}

.list-view-btn-group i:hover,
.list-view-btn-group svg:hover {
  opacity: 1;
}

.cls-listitemsubmenu ul li i.fa.fa-times,
.new-close .fa.fa-times {
  background: url(../../images/close.svg) no-repeat center center;
  background-size: 13px;
  height: 15px;
  width: 20px;
  vertical-align: middle;
}

.cls-listitemsubmenu ul li i.fa.fa-times,
.list-view-btn-group i.fa.fa-times {
  background: url(../../images/cancelorder.svg) no-repeat center center;
  background-size: 17px;
  height: 15px;
  width: 20px;
  vertical-align: middle;
}

.cls-listitemsubmenu ul li i.sheet-share {
  font-size: 13px;
}

.fas.fa-copy::before,
/* .fa-eye.sheet-eye::before, */
.fa.fa-external-link-alt::before,
.cls-listitemsubmenu ul li i.fa.fa-times::before,
.new-close .fa.fa-times::before

/* .fa-eye.protocol-eye::before{ */ {
  content: "";
}

.k-filemanager-listview .k-file-name {
  /* color: #797d85; */
  color: #000000;
}

.k-filemanager-listview .k-state-selected .k-file-name,
.k-filemanager-listview .k-selected .k-file-name {
  color: #212529;
}

.splitted-view .actionsBtn button.clsopenbutton {
  text-transform: none;
}

.grid-custom-status.Retired {
  color: #8b0000;
  background-color: #f8dad8;
  font-weight: normal;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px !important;
}

.upload-modal {
  top: 50%;
  transform: translate(0, -50%) !important;
}

@media only screen and (max-width: 1590px) {
  .transaction-history .inventory-history .k-grid {
    height: 61vh !important;
  }

  .k-calendar .k-calendar-view table {
    margin-left: -10px;
  }

  .k-calendar .k-calendar-view td .k-link {
    font-size: 11px !important;
    padding: 0 !important;
    width: 25px !important;
  }

  .k-calendar .k-calendar-view th {
    padding: 0 2px !important;
    font-size: 12px !important;
    width: 20px !important;
  }

  .inventory_combobox {
    right: 20px !important;
    left: initial !important;
  }

  .actionsBtn button.grid-icons {
    margin-right: 2px;
  }
}

@media only screen and (max-width: 1490px) {
  .tilteofprotocol .popover .arrow {
    left: 10% !important;
  }

  .scroll-height {
    max-height: 470px;
    /* overflow-y: auto;
    overflow-x: hidden; */
  }

  .inventory-history .k-grid {
    height: 60vh !important;
  }

  .transaction-history .inventory-history .k-grid {
    height: 66vh !important;
  }

  .sheet-history .popup-group-list-inner ul {
    height: 80vh;
  }

  /* .list-view-btn-group {
    transform: translate(-128%, -24px);
  } */
}

@media only screen and (max-width: 1430px) {
  .actionsBtn button.grid-icons {
    padding: 1px 7px;
    min-width: 31px;
    /* font-size: 10px; */
    margin-right: 2px;
  }

  .actionsBtn button.grid-icons .fa.fa-external-link-alt {
    background-size: 12px;
    height: 12px;
    width: 12px;
  }

  .actionsBtn button.grid-icons:first-child {
    padding: 1px 3px;
  }

  .modal-body.k-filemanager-content-container .k-treeview {
    height: 320px;
  }
}

@media only screen and (max-width: 1380px) {
  .movepopup .k-treeview {
    height: calc(100vh - 200px) !important;
  }

  .modal-body.k-filemanager-content-container .k-treeview {
    height: 253px;
  }
}

@keyframes barWidth {
  0% {
    width: 0%;
    left: 0%;
  }

  25% {
    width: 30%;
    /* left: 30%; */
  }

  50% {
    width: 50%;
    /* left: 50%; */
  }

  75% {
    width: 70%;
    /* left: 70%; */
  }

  100% {
    width: 100%;
    /* left: 100%; */
  }
}

@keyframes barWidth2 {
  0% {
    width: 0%;
  }

  50% {
    width: 50%;
  }

  100% {
    width: 100%;
  }
}

.horizontal-bar-wrap {
  height: 4px;
  width: 100%;
  z-index: 9;
  position: fixed;
  left: 0;
  top: 60px;
}

.full-screen-spread .horizontal-bar-wrap {
  top: 0;
}

.bar {
  position: relative;
  width: 0%;
  height: 100%;
  left: 0;
  animation: barWidth;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.bar1 {
  animation-delay: 0s;
  background: #1967e3;
  top: 0px;
  z-index: 1;
}

.bar2 {
  animation-delay: 2s;
  background: green;
  top: -4px;
  z-index: 2;
}

.bar3 {
  animation-delay: 4s;
  background: blue;
  top: -8px;
  z-index: 3;
}

.bar4 {
  animation-delay: 6s;
  background: magenta;
  top: -12px;
  z-index: 4;
}

.protocolnew .fr-quick-insert,
.protocol-comment .fr-quick-insert {
  display: none;
}

.treeTextPadding {
  padding-right: 20px !important;
}

.barcode_scanlist {
  word-break: break-all;
}

.breadcrumb-search {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
}

.breadcrumb-search .k-breadcrumb {
  /* max-width: 624px; */
  width: 100%;
  height: auto !important;
  padding-left: 5px;
  min-height: 37px;
  border-bottom: 0;
  padding-top: 8px;
}

.breadcrumb-search .k-input.k-textbox {
  width: 100% !important;
  max-width: 83% !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

/* .k-spreadsheet .k-vertical-align-bottom {
    font-family: "Helvetica Neue", sans-serif !important;
  } */

.breadcrumb-search .k-input.k-textbox:focus {
  box-shadow: none;
}

.breadcrumb-search .k-icon {
  color: #1970eb;
}

.grid-custom-status.Cancelled,
.status.Cancelled {
  /* color: #808080 !important */
  color: #d7a512 !important;
  background-color: rgb(255 247 172);
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  color: rgb(133, 77, 14);
  border: 0px transparent;
  border-width: 0px;
}

.full-screen-spread .os-content-glue {
  height: auto !important;
}

.full-screen-spread #fullScreenDiv .os-padding {
  height: calc(100vh - 173px) !important;
  overflow: auto;
}

.full-screen-spread
  #fullScreenDiv
  .os-padding
  .os-viewport.os-viewport-native-scrollbars-overlaid {
  overflow-y: hidden !important;
}

.k-filemanager-toolbar .k-toolbar .selectall label,
.k-filemanager-toolbar .k-toolbar .selectallorder label {
  font-weight: 600 !important;
}

.selectall .k-checkbox,
.selectallorder .k-checkbox {
  width: 13px;
  height: 13px;
}

.folder-tree ul {
  height: 53vh;
  overflow-y: auto !important;
}

.folder-tree ul ul {
  height: auto;
}

.folder-tree .k-filemanager-treeview {
  width: 100%;
}

.form-group-duedate .form-control {
  width: 30%;
  display: inline-block;
}

.form-group-duedate .k-combobox {
  width: 50% !important;
  margin-left: 20px;
}

.form-group-duedate .form-label {
  display: inline-block;
}

.k-filemanager-listview .k-listview-item .k-file-icon.duedateexhausted {
  position: initial;
}

.k-filemanager-listview
  .k-listview-item
  .k-file-icon.duedateexhausted
  .fa-clock {
  top: -2px;
  font-size: 12px;
  position: absolute;
  right: 0;
  color: #686b6d;
}

.Footer_Globalsearch {
  position: relative;
  bottom: 0px;
  left: 0;
  height: 33px;
  width: 100%;
  background-color: transparent;
  padding: 10px;
  text-align: right;
  border-top: 1px solid #ccc;
}

.Total-Count {
  margin-top: 0;
  margin-bottom: 2rem;
  position: absolute;
  top: 5px;
  bottom: 0;
  right: 22px;
  font-size: 15px !important;
  font-weight: bold !important;
  color: #677ea6;
}

.time-Activities {
  position: relative;
  /* right: 30px;
  bottom: 7px; */
  font-weight: bold;
}

.Activevitiesdot {
  position: relative;
  /* right: 14px;
  bottom: 7px; */
  z-index: 1;
}

.description {
  position: relative;
  left: 20px;
}

.vertical-line {
  width: 2px;
  position: relative;
  height: 30px;
  background-color: #cfdae6;
  bottom: 15px;
  left: 134px;
}

.k-palette.k-reset {
  width: 200px;
  height: 100px;
}

.k-file-meta-value.k-file-modified.overduedays {
  color: red;
}

.autoregisteredorder {
  position: relative;
}

.autoregisteredorder i {
  position: absolute;
  right: 13px;
  top: 0;
  font-size: 12px;
}

#idKendoPreviewOrder {
  height: 420px !important;
}

.k-dialog-wrapper.upgradeupload-new-box {
  z-index: 999;
}

.DueDate.DateandTime {
  width: 148px;
  display: inline-block;
  min-width: auto;
}

.grid-custom-status.OverDue {
  color: red;
}

.icon-container-documentviewver {
  display: flex;
  gap: 10px;
  align-items: center;
}

.btn_white_bg-documentviewver {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 24px;
  background-color: white;
  /* border: 1px solid #ccc; */
  border-radius: 15px;
  color: #6666ff;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}

.synccancel {
  position: relative;
}

.synccancel::before {
  content: "";
  background-image: url(../../images/synccancel.svg);
  width: 15px;
  height: 15px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

.padding-upload {
  padding: 5px 8px !important;
}

.form-control-autoregistercount.form-control {
  width: 50%;
}

.proceduretextbox {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 980px !important;
}

.multiapprove {
  margin-top: 5px;
  margin-right: 11px;
}

.after_diamond::after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url(../../images/diamond.svg);
  background-size: contain;
  margin-top: -12px;
  margin-right: 0;
  background-repeat: no-repeat;
}

.tempHeadRight .comepareBtn button.btn_white_bg.after_diamond::after {
  position: absolute;
  top: 1px;
  right: 4px;
  margin-top: 0;
}

.clsopenbutton.btn_white_bg.report-open {
  width: 74px;
  margin: auto;
  font-size: 0.6rem !important;
  border-radius: 3px !important;
  padding: 0.3rem 0.8rem !important;
  margin-top: 5px;
}

.clsopenbutton.btn_white_bg.report-open:hover {
  background-color: #1970eb !important;
  color: #fff !important;
}

#documenteditor_titlebar button {
  margin: 0 5px !important;
  height: auto !important;
}

#documenteditor_titlebar .form-group > .form-label {
  display: inline-block;
}

#idPopspread .modal-body {
  height: 75vh;
  overflow: auto;
}

.sticky-header-order table tr:first-child .list-view-btn-group {
  transform: translate(-103%, -25px);
}

@media (max-width: 1600px) {
  .proceduretextbox {
    max-width: 800px !important;
  }
}

@media (max-width: 1540px) {
  .proceduretextbox {
    max-width: 865px !important;
  }

  .popover.namedetails {
    top: 30px;
  }
}

@media (max-width: 1490px) {
  .proceduretextbox {
    max-width: 800px !important;
  }

  .popover.namedetails {
    top: 23px;
  }
}

@media (max-width: 1450px) {
  .proceduretextbox {
    max-width: 718px !important;
  }

  .upgrade_button .button {
    width: 115px;
    padding-top: 8px;
  }
}

@media (max-width: 1390px) {
  .k-calendar-infinite .k-calendar-view {
    height: calc(180px + 2em) !important;
  }

  .popover.namedetails .arrow {
    left: 20%;
  }

  .Auditkendo .k-filtercell {
    margin-right: 8px;
  }

  .folder-tree ul {
    height: 36vh;
  }

  /* .sticky-header-order table tr:first-child .list-view-btn-group,
  .sticky-header-order table tr .list-view-btn-group {
    transform: translate(-160%, -24px) !important;
  } */
}

@media (max-width: 1350px) {
  /* .sticky-header-order table tr:first-child .list-view-btn-group,
  .sticky-header-order table tr .list-view-btn-group {
    transform: translate(-200%, -24px) !important;
  } */
}

@media (max-width: 1250px) {
  .folder-tree ul {
    height: 36vh;
  }

  .popover.namedetails .arrow {
    left: 25%;
  }

  /* .sticky-header-order table tr:first-child .list-view-btn-group {
    transform: translate(-220%, -24px) !important;
  } */
}

@media (max-width: 1200px) {
  .folder-tree ul {
    height: 36vh;
  }

  /* .sticky-header-order table tr:first-child .list-view-btn-group {
    transform: translate(-200%, -24px) !important;
  } */
}

/* styles.css */

.custom-dialog {
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* background-color: transparent; */
  /* Set background to transparent */
  padding: 0;
  /* Remove padding if any */
  overflow: hidden;
  /* Ensure no overflow */
}

.custom-dialog .e-dlg-header {
  /* padding: 10px; */
  border-radius: 8px 8px 0 0;
  font-size: 1.2em;
}

.custom-dialog .e-dlg-content {
  padding: 20px;
  background-color: #fff;
  /* Ensure content area is white */
}

.custom-dialog .e-dlg-closeicon-btn {
  background-color: white;
  /* White background */
  color: blue;
  /* Blue color */
  border-radius: 50%;
  /* Rounded corners */
  border: 1px solid blue;
  /* Optional: blue border */
}

.custom-dialog .e-dlg-closeicon-btn:hover {
  background-color: blue;
  /* Blue background on hover */
  color: white;
  /* White color on hover */
  border: 1px solid white;
  /* Optional: white border on hover */
}

.kekuleValidaion .K-Chem-Composer-Top-Region .K-Dynamic-Created,
.kekuleValidaion .K-Chem-Composer-Left-Region .K-Dynamic-Created,
.kekuleValidaion .K-Chem-Composer-Bottom-Region .K-Dynamic-Created {
  display: none;
}

.modal-open.Add-Newfolder .custom-dialog.e-dlg-center-center {
  z-index: 999 !important;
}

.form-labelapproved {
  color: #28a745 !important;
}

.form-labelrejected {
  color: #ff1c18 !important;
}

.form-labelreturned {
  color: #797d85 !important;
}

.modal-open .modal.result-modal {
  z-index: 1050 !important;
}

.insert-sidebar .e-gridcontent {
  max-height: 280px;
  overflow: auto !important;
}

#documenteditor_container_body #containerviewer {
  width: 100% !important;
}

.clslabelimage {
  display: block;
  transition: ease-in-out;
  transform-origin: left bottom;
  transform: translateX(0px) translateY(0px) rotate(0deg);
  max-width: 100%;
  height: 56vh;
  margin-bottom: 0px;
  width: 100%;
  border: 1px solid #ccc;
  overflow: auto;
}

.transaction-history .printcombo {
  width: 100% !important;
}

.transaction-history .printcombo .k-combobox {
  width: 100% !important;
}

/* Overlay styles */
.parseroverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.3;
  /* Optional: semi-transparent background */
  z-index: 1000;
  /* High z-index to ensure it covers everything */
  pointer-events: none;
  /* Ensures overlay doesn't interfere with clicks */
}

.parserdisable-clicks {
  pointer-events: all;
}

.showHide_dropdown {
  border: 0 !important;
  border-radius: 15px !important;
  height: 26px;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
  padding: 0 !important;
  border: none !important;
  padding-bottom: 26px !important;
}

.showHide_dropdown img {
  padding: 0 !important;
  margin-left: 0.7rem;
}

.showHide_dropdown .k-button.k-button-icon {
  height: 27px;
}

.mattypefilter {
  display: inline-block;
  min-width: 280px;
  width: auto !important;
}

.mattypefilter .msl {
  /* height: 40px;
  overflow: auto; */
}

.k-spreadsheet-filter-menu > .k-menu .k-icon.k-i-sort-asc,
.k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon.k-i-sort-asc,
.k-spreadsheet-filter-menu > .k-menu .k-icon.k-i-sort-desc,
.k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon.k-i-sort-desc,
.k-spreadsheet-filter-menu > .k-menu .k-iconk-i-sort-desc,
.k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-iconk-i-sort-desc {
  margin-left: initial;
}

.protocol-text2 {
  vertical-align: middle;
  margin-left: 9px;
}

.custom-switch.custom-used {
  display: inline-block;
  padding: 3px;
  /* padding-left: 47px; */
  vertical-align: middle;
  /* border: 1px solid #ccc; */
  border-radius: 11px;
  margin-left: 47px;
}

.custom-switch.custom-used .custom-control-label::before {
  top: 1px;
}

.custom-switch.custom-used .custom-control-label::after {
  top: 2px;
}

.logbookTable .custom-th-wrap {
  position: relative;
}

#edit-header-btn {
  padding: 4px 8px;
  position: absolute;
  right: 24px;
  top: -5px;
  border: 0;
  background: transparent;
}

#edit-header-btn i {
  margin-right: 0 !important;
  font-size: 14px !important;
  color: #1970eb;
  margin-top: 11px;
}

.primery-eye.fa-eye:before {
  content: "\f06e" !important;
}

.logbookaddpop.inventory-logbok .k-expander-header {
  padding: 0 18px;
}

.logbookaddpop.inventory-logbok #flexCheckDefault {
  vertical-align: bottom;
  margin-top: 7px;
}

.logbookaddpop.inventory-logbok .k-expander-content {
  padding-top: 11px;
}

#viewallfilter .modal-dialog.fixed-dailogbox {
  max-width: 330px !important;
  border: 1px solid #d2dbe5;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
}

#viewallfilter .modal-body {
  height: 85vh;
  overflow: auto;
}

.viewall-list em {
  display: block;
  text-align: left;
  padding: 0.4rem 0.6rem;
  border: 1px solid #edf0f5;
  border-radius: 4px;
  margin-bottom: 8px !important;
  font-style: normal;
}

.inventoryvist table {
  width: 100% !important;
}

.cls-listitemsubmenuChemical {
  position: absolute;
  animation-name: animateToRight;
  animation-duration: 0.1s;
  top: 5px;
  right: 0px !important;
  background: #fff;
  /* box-shadow: 0px 0px 7px 0px #ccc; */
  border: 1px solid #1970eb !important;
  border-radius: 6px;
  padding: 3px;
  z-index: 1;
  border-radius: 5px;
}

.cls-listitemsubmenuChemical ul li {
  display: block;
  word-wrap: break-word;
  padding: 2px;
}

.cls-listitemsubmenuChemical ul li i {
  color: #1970eb;
  opacity: 0.6;
}

.cls-listitemsubmenuChemical ul li i:hover {
  opacity: 1;
}

.modal-open .cls-listitemsubmenuChemical {
  z-index: inherit;
}

.cls-listitemsubmenuChemical ul {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: left;
}

/*margin conflicting with audit trail popup*/
.cls-listitemsubmenuChemical ul li > *,
.cls-listitemsubmenuChemical ul li > * > button {
  margin-left: 0;
  margin-right: 0;
  box-shadow: none;
}

.cls-listitemsubmenuChemical ul li .btn_white_bg:hover {
  box-shadow: none;
}

.cls-chemicalboxshadow {
  /* box-shadow: rgba(89, 166, 228, 0.6) 0px 5px 10px; */
  box-shadow: 0px 0px 5px 4px rgba(112, 192, 239, 0.59) !important;
}

.scrollable-clsChemical {
  max-height: 400px;
  /* Adjust the height limit as needed */
  overflow-y: auto;
  /* Enable vertical scrolling */
  overflow-x: hidden;
  /* Hide horizontal scroll bar if not needed */
  padding-right: 10px;
  /* Optional, ensures content doesn't overlap with scrollbar */
}

.chemicalDiagramFullScreen {
  position: fixed !important;
  height: 100vh !important;
  width: 90% !important;
  left: 0 !important;
  top: 0px !important;
  z-index: 999 !important;
  background: #fff !important;
  margin-left: 90px !important;
  border-radius: 5px;
  /* border: 1px solid; */
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.13);
  margin-top: 15px;
}

.kendo-dashboardview .k-widget.k-grid .k-toolbar.k-grid-toolbar {
  height: auto;
}

.mrgin30 {
  margin-top: -30px !important;
}

.marginAdjust {
  margin-top: 5px !important;
  margin-left: -260px !important;
}

.chemicalDiagramFullScreenchemcomposer {
  width: 95% !important;
  height: 90% !important;
  position: absolute;
}

.K-Chem-Editor-Client .K-Dynamic-Created {
  /* width: 1000px !important; */
  /* height: 1000px !important; */
}

.top-main-menu ul.dropdown-menu {
  min-width: 11rem;
}

.sheets-wrapper .form-group > .form-label.font-size-20 {
  font-size: 17px !important;
}

.hyperlink-name {
  font-size: 17px !important;
}

.attatchments .fa-paperclip {
  font-size: 25px;
  margin-right: 14px;
  background: #1970eb;
  color: #fff;
  padding: 7px;
  border-radius: 50%;
}

.main-tab {
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 16px;
  flex: 1;
  text-align: center;
  width: 200px;
}

.main-tab.active {
  border-bottom: 2px solid #007bff;
  font-weight: bold;
}

.seqmattypefilter {
  display: inline-block;
  vertical-align: top;
}

.seqmattypefilter .msl-options {
  height: 290px;
  overflow: auto;
}

.seqmattypefilter .msl-input {
  font-size: 13px;
  font-weight: 600 !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

/*notification icon start*/

.bell .cls-loader {
  position: relative;
  transform: none;
  left: auto;
  margin: auto;
}

.bell .inner-loader.cls-loader > div::before {
  background-color: transparent;
  top: auto;
  width: max-content;
}

.bell .cls-loader.inner-loader.cls-loader > div {
  left: auto;
  top: auto;
  margin: 0;
}

/*notification icon end*/

/*create inventory start*/
.create_inventory .inner-loader.cls-loader > div::before {
  background-color: transparent;
}

/*create inventory end*/

/*sheet order chart popup start*/
.sheetOrder-pagination.info-box-pagination .page-item .page-link {
  padding: 1px 4px;
  margin: 0 !important;
}

.sheetOrder-pagination.info-box-pagination .pagination {
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 2px;
}

.sheetOrder-pagination.info-box-pagination .btn.btn-primary-blue {
  padding: 0.3rem 0.5rem;
}

.btn_white_bg.sheetOrder-expand {
  position: absolute;
  top: 20px;
  padding: 5px 7px !important;
  display: flex;
  align-items: center;
}

/*sheet order chart popup end*/

.stickyaction {
  left: 0px;
  right: 0px;
  border-right-width: 1px;
  text-align: center;
}

.inventory_combobox {
  right: 20px !important;
  left: initial !important;
}

.inventory_comboboxcls {
  right: 45px !important;
  left: initial !important;
}

.side-filter {
  position: absolute;
  left: 0;
  z-index: 99;
  background-color: #fff;
  width: 400px;
  padding: 20px;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
  border-radius: 7px;
  height: 80vh;
  top: -15px;
}

.kendowidth .k-widget.k-grid {
  width: calc(100% - 400px);
  float: right;
}

.filterbutton.buttonleft {
  left: 420px;
}

.orderlink {
  color: #1970eb !important;
  /* cursor: pointer; */
  text-decoration: underline;
}

#idKendosheet.sheet-order-grid {
  /* height: calc(100vh - 175px) !important; */
}

.btn_white_bg.sheetOrder-expand {
  padding: 6px 3px !important;
}

.custombreadcom.fontsizeincre .inline-filter-group .label-filter {
  font-size: 14px;
}

/*inventory add stock popup start*/

.unit-combo.inventory_comboboxcls {
  right: 25px !important;
}

.converted-unit-combo.inventory_comboboxcls {
  right: 25px !important;
}

.clsKendoDatepop.addstock-m-date {
  right: 550px !important;
  left: auto !important;
  width: 360px !important;
}

.clsKendoDatepop.addstock-r-date {
  right: 75px !important;
  left: auto !important;
  width: 360px !important;
}

/*inventory add stock popup end*/

.k-spreadsheet-window.k-action-window.k-popup-edit-form.k-window-content.km-widget.km-native-scroller {
  max-height: calc(100vh - 175px) !important;
  overflow: auto !important;
}

/* .combo-matcat-dropdown {
  right: 40px !important;
  left: auto !important;
} */

/*report designer sidebar start*/
.insert-sidebar table tr td:first-child {
  padding: 0px !important;
  text-align: center;
}

.insert-sidebar table tr td:first-child div {
  margin-top: 0px !important;
}

.insert-sidebar table tr td:first-child div .e-check {
  color: #fff;
}

/*report designer sidebar end*/

.plot-series .k-widget.k-window.k-dialog {
  width: max-content;
}

.k-flatcolorpicker .k-button.k-icon-button.k-flat.k-state-selected .k-icon,
.k-flatcolorpicker .k-button.k-icon-button.k-flat.k-selected .k-icon {
  color: #fff !important;
}

.mat-custombreadcom li:nth-child(1) .radio span,
.mat-custombreadcom li:nth-child(2) .radio span {
  padding-left: 20px !important;
  word-break: break-word;
}

.k-animation-container.report-design-mat {
  /* left: auto !important;
  right: 25px !important; */
}

.report-create-popup .k-treeview-lines.k-group,
.report-create-popup {
  height: calc(100vh - 390px);
}

.report-create-popup .k-treeview-lines.k-group .k-content {
  height: auto;
}

.filter-bar .k-toolbar-items-scroll {
  justify-content: end;
}

.k-button-md.k-icon-button .k-button-icon {
  min-width: auto !important;
  min-height: auto !important;
}

.k-pager-numbers-wrap .k-button-md.k-icon-button .k-button-icon {
  padding: 0 !important;
}

.k-actions-stretched > button {
  flex: none;
}

.merge-popup .k-svg-icon > svg {
  width: 18px !important;
}

.merge-popup .k-button-text {
  font-size: 0.775rem !important;
}

.k-pager-md .k-pager-numbers-wrap .k-button {
  padding: 0px;
  min-width: 25px !important;
}

.k-pager-sizes .k-button-md.k-icon-button .k-button-icon {
  padding: 0 !important;
}

.dashboard-title .btn_white_bg:not([class*="txt-btn"]) span svg {
  display: none;
}

.k-i-file-data:before {
  content: "\e93f";
}

.k-treeview-item {
  padding-inline-start: 16px !important;
}

.k-treeview-top,
.k-treeview-mid,
.k-treeview-bot {
  padding-bottom: 2px;
  padding-top: 2px;
}

.k-treeview-leaf:hover,
.k-treeview-leaf.k-hover {
  background-color: rgba(0, 123, 255, 0.25) !important;
  border-color: transparent;
  color: inherit;
}

#breadcrumb_searchform {
  position: relative;
}

#breadcrumb_searchform .k-input-icon {
  position: absolute;
  right: 21px;
}

.k-icon.k-svg-icon.k-svg-i-caret-alt-down svg {
  display: none;
}

/* .k-icon.k-svg-icon.k-svg-i-caret-alt-down::before {
  content: "\e015" !important;
} */

.k-icon.k-svg-icon.k-svg-i-caret-alt-down::before {
  content: "" !important;
  display: inline-block;
  background-image: url("../../images/dropdownarrowicon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-left: 5px;
}

.k-grid .k-master-row .k-grid-content-sticky {
  border-color: color-mix(in srgb, #2125292e 50%, transparent) !important;
}

.modal-open .fixed-dashboard {
  z-index: 99 !important;
}

.k-button .k-icon svg {
  width: 19px;
  height: 18px !important;
}

.k-grid .k-toolbar-md .k-toolbar-items-scroll {
  justify-content: end;
}

.action-btn {
  justify-content: end;
  align-items: end;
  flex-flow: row;
  display: flex;
}

.login-form .form-control.bottom-border {
  border-bottom: 1px solid #21252933;
}

/* new chart design start */
.pane-content.chartbox {
  padding: 0;
}

.chart-tab {
  float: left;
  border: 1px solid #dee2e6;
  background-color: #fcfdfd;
  width: 25%;
  height: 400px;
}

.chart-inbox {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
}

.chart-tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px 0px;
  width: 90%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 13px;
  margin: 5%;
  border-radius: 4px;
}

.chart-tab button:hover {
  background-color: #bee9f7;
}

.chart-tab button.active {
  background-color: #6398a8;
}

.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #dee2e6;
  width: 75%;
  border-right: none;
  height: 400px;
  background-color: #fff;
}

.clsChartView {
  position: relative;
}

.chart-type-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.chart-type-item img {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}

.chart-type-item:hover {
  border-color: #007bff;
}

.chart-type-item.selected {
  border: 2px solid #007bff;
  background: #f0f8ff;
}

.chart-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 4px;
}

.chart-label {
  font-size: 12px;
}

.fixed-mobile-popup.chartfullview .form-shadow {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: transparent;
}

.form-split div.chart-type-item {
  display: inline-block;
  padding: 12px;
}

.season_tab {
  padding: 15px 12px;
  text-align: right;
  border: 2px solid transparent;
  border-bottom: 1px solid #ccc;
  position: relative;
  cursor: pointer;
}

.season_tab.active {
  border: 2px solid rgb(0, 123, 255);
}

.season_tab i {
  position: absolute;
  left: 6px;
  font-size: 12px;
  top: 40%;
}

.season_tab.active i,
.season_tab.active label {
  color: rgb(0, 123, 255);
}

.chartfullview .pagination-section {
  margin: 0;
}

.chartfullview .page-item.disabled .page-link {
  background-color: transparent;
}

.chartfullview .page-item .page-link::before {
  content: "Chart ";
}

.chartfullview .page-item:first-child .page-link::before,
.chartfullview .page-item:last-child .page-link::before {
  display: none;
}

.chartfullview .pagination {
  background-color: #fff;
  border-radius: 25px;
  margin: 8px 0;
  padding: 3px;
}

.chartfullview .page-item .page-link {
  background-color: transparent;
  width: 70px;
  padding: 0;
  font-size: 13px;
}

.chartfullview .page-item:first-child .page-link,
.chartfullview .page-item:last-child .page-link {
  width: auto;
}

.chartfullview .page-item.active .page-link {
  border: 1px solid #000;
  border-radius: 25px;
}

.btn_white_bg.close-red {
  color: red !important;
  border-radius: 50% !important;
  height: 29px;
  width: 29px;
  text-align: center;
  padding: 0 !important;
  margin-left: 37px;
}

.btn_white_bg.close-mini {
  border-radius: 50% !important;
  height: 29px;
  width: 29px;
  text-align: center;
  padding: 0 !important;
}

.sheet-chart-wrapper .chart.info-box-pagination {
  background: #f6f6f6;
  padding: 3px 10px;
  border-radius: 0px;
  margin: 0;
}

.chart .pagination {
  padding: 3px 4px;
  height: auto !important;
  align-items: center;
}

.chart.info-box-pagination .page-item {
  margin: 0 1px !important;
}

.chartgrapradius .echarts-for-react {
  height: 67vh !important;
}

.modal-dialog .chartgrapradius .echarts-for-react {
  height: 57vh !important;
}

.tooltip-chart,
.chart-btn i {
  background-image: url("../../images/tooltip-active.svg");
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  vertical-align: middle;
}

.chart-btn.active i {
  background-image: url("../../images/tooltip.svg");
}

.chart-btn {
  border: 0;
  background-color: #fff;
  border-radius: 50%;
  padding: 8px;
  box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
  margin: 5px;
}

.chart-btn i.legend-chart {
  background-image: url("../../images/Legend.svg");
}

.chart-btn i.stack-chart {
  background-image: url("../../images/stack.svg");
}

.chart-btn i.show-chart {
  background-image: url("../../images/show.svg");
}

.chart-btn i.zoom-chart {
  background-image: url("../../images/enable.svg");
}

.chart-btn i.minor-chart {
  background-image: url("../../images/minor.svg");
}

.chart-btn i.Split-chart {
  background-image: url("../../images/split.svg");
  background-size: 20px 20px;
}

.chart-btn.active i.legend-chart {
  background-image: url("../../images/legend-active.svg");
}

.chart-btn.active i.stack-chart {
  background-image: url("../../images/stack-active.svg");
}

.chart-btn.active i.show-chart {
  background-image: url("../../images/show-active.svg");
}

.chart-btn.active i.zoom-chart {
  background-image: url("../../images/enable-active.svg");
}

.chart-btn.active i.minor-chart {
  background-image: url("../../images/minor-active.svg");
}

.chart-btn.active i.Split-chart {
  background-image: url("../../images/split-active.svg");
}

.default-form {
  width: 550px;
  position: absolute !important;
  z-index: 1000;
  right: 0;
  top: 57px;
}

.fixed-mobile-popup .default-form .form-shadow {
  /* border-top: 0; */
  height: 81vh;
  overflow: auto;
}

.close-max {
  width: 30px;
  height: 30px;
  background: #fff;
  clip-path: path("M0,0 H120 V120 H0 Q0,60 60,60 Q0,60 0,0 Z");
  position: absolute;
  left: -18px;
  transform: rotate(151deg);
  clip-path: path("M60 1 H14 Q0 20 0 50 Q0 80 10 100 H34 Z");
  border-radius: 50%;
  z-index: 1;
  border-color: #ccc;
}

.close-max img {
  width: 15px;
  transform: rotate(210deg);
}

.chart h3 {
  font-size: 14px !important;
  font-weight: bold;
}

.chart label {
  margin-bottom: 5px;
}

.chart-type-item {
  text-align: center;
}

.form-split div button.pick-color {
  border: 1px solid rgb(25, 112, 235) !important;
  padding: 8px 11px !important;
  margin-left: 0 !important;
}

.chart select.form-control {
  border: 1px solid #9e9e9e;
  padding: 7px;
  border-radius: 5px;
}

.chart .select-arrow::after {
  right: 7px;
}

.chart .select-arrow {
  margin-right: 0;
  width: 30%;
}

.chart .seriesaxis .select-arrow {
  margin-right: 0;
  width: 30%;
}

.form-split .series-button button {
  margin: 0 0 0 0.31rem !important;
  padding: 2px 5px !important;
  border: 1px solid #1970eb !important;
  color: #000 !important;
  box-shadow: none;
  font-size: 12px !important;
}

.group-data-point,
.insert-group-point {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 7px;
  margin-bottom: 15px;
}

.btn.black-btn {
  background-color: #2f2f2f;
  color: #fff;
  padding: 2px 5px;
  border-radius: 25px;
  margin-bottom: 5px !important;
}

.insert-group-point .form-split div button {
  margin: 0 0 0 0.35rem !important;
}

.btn.insert-border {
  border: 1px solid rgb(25, 112, 235) !important;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  padding: 5px 6px;
  border-radius: 25px;
  font-size: 11px !important;
  font-weight: 500;
  margin: 0 0 0 0.35rem !important;
}

.refernce-points-wrap .clsPointref {
  margin: 0 0 0 0.35rem !important;
  padding: 6px;
}

.refernce-points-wrap {
  margin: 5px;
}

.refernce-points-wrap .cancle-red {
  border: 1px solid #f4b5b5;
  border-radius: 50%;
  background-color: #f9cece70;
  margin: 0 0 0 0.35rem !important;
  padding: 0px 4px !important;
}

.chart-layer .dropdown-container.exportfont {
  position: absolute !important;
  bottom: -54px;
  left: 6px;
}

.chart-layer .chart.chartcirclefix.chartseriesfontsize {
  height: 28px !important;
  width: 28px !important;
  position: absolute;
  right: 35px;
  top: -52px;
}

.btn_white_bg.close-mini.disabled {
  opacity: 0.8;
}

.image-icon {
  text-align: center;
  display: block;
  width: 30px;
  height: 30px;
  background-size: cover;
  margin: auto;
}

.image-icon.line {
  background-image: url("../../images/line.svg");
}

.image-icon.bar {
  background-image: url("../../images/bar.svg");
  width: 30px !important;
}

.image-icon.pie {
  background-image: url("../../images/pie.svg");
}

.image-icon.scatter {
  background-image: url("../../images/scatter.svg");
}

.chart-icon.selected {
  border: solid rgb(0, 123, 255);
}

.image-icon.line::before {
  display: none;
}

.capture-data .select-arrow::after {
  top: 47%;
  right: 5px;
}

.insert-group-point .select-arrow,
.data-set .select-arrow,
.chart .seriesaxis .select-arrow {
  width: 100%;
}

.insert-group-point .btn.btn-primary-blue i {
  margin-right: 0 !important;
  font-size: 10px;
}

.btn.black-btn:hover {
  color: #fff;
}

.vidualmap {
  text-align: right;
  background-color: #000000e3;
  border-radius: 25px;
  padding: 4px 8px;
  color: #fff !important;
}

.vidualmap span {
  margin-right: 5px;
  font-size: 11px;
}

.fixed-mobile-popup.chartfullview {
  min-width: 630px;
}

.fixed-mobile-popup.chartfullview.removewidth {
  min-width: 200px;
}

.exportChartImage .exportfont .dropdown-menu {
  top: 27px !important;
}

.vidualmap .react-switch .react-switch-bg,
.chart .react-switch .react-switch-bg {
  height: 16px !important;
  width: 35px !important;
}

.vidualmap .react-switch .react-switch-handle,
.chart .react-switch .react-switch-handle {
  height: 17px !important;
  width: 17px !important;
  top: 4px !important;
}

.material-switch .material-subswitch {
  width: 100%;
  padding: 5px 16px;
  border: 1px solid #9e9e9e;
  border-radius: 25px;
  margin-bottom: 10px;
}

.material-subswitch label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.select-option {
  border: 1px solid #9e9e9e;
  padding: 4px;
  border-radius: 5px;
  width: 100%;
}

.material-subswitch input {
  border: 1px solid #9e9e9e;
  font-size: 0.8rem;
  background: transparent;
  padding: 7px;
  border-radius: 6px;
}

.k-spreadsheet-sheets-items
  .k-item
  .k-spreadsheet-sheets-remove
  .k-svg-i-x
  svg {
  display: none;
}

.k-spreadsheet-sheets-items
  .k-item
  .k-spreadsheet-sheets-remove
  .k-svg-i-x::before {
  content: "\e10c";
  font-size: 14px;
}

/* new chart design END */
/* data validation start */
.k-spreadsheet-toolbar .k-button:hover span {
  color: #0c4ca7;
}

.form-control.expone {
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 25px;
  margin-bottom: 5px;
  padding-right: 17px;
}

.tooltip-error {
  position: absolute;
  left: 190px;
  top: 40px;
  z-index: 10;
}

.tooltip-error span {
  background: #fff;
  color: #0078d7;
  border: 1px solid #0078d7;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  position: relative;
}

.tooltip-error span::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 20px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #0078d7 transparent;
}

/* data validation End */

#insertAuditDialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}

#insertAuditDialog .modal-dialog.smallPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.k-pager-md .k-pager-numbers-wrap .k-button.k-selected {
  /* background-color: #1970eb !important; */
  background-color: #5a5a5a !important;
}

.at-list-table .k-grid thead .k-filterable .k-cell-inner {
  width: auto;
}

.chart .form-group {
  margin-bottom: 0.4rem;
}

.download-btn.pop-top-down .dropdown-menu-right.show {
  position: fixed !important;
}

.k-grid-norecords-template {
  border: 0 !important;
  font-size: 0.775rem !important;
  font-family: "Helvetica Neue", sans-serif !important;
}

.user-selected select.form-control#sitecode {
  white-space: normal !important;
  word-break: break-word;
  line-height: 1.4;
  padding-right: 1rem;
  height: auto;
  max-height: 150px;
}

.k-grouping-header > .k-grouping-drop-container,
.k-grid-md .k-grouping-header {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.file-checkbox div {
  display: inline-block;
  margin-right: 3px;
}

.k-button-group.well-buttons .k-button.k-selected {
  background-color: transparent !important;
  border-color: transparent !important;
}

.k-button-group.well-buttons .k-button {
  background-color: transparent !important;
  border-color: transparent !important;
}

.k-button-group.well-buttons .k-button:focus {
  border: 0 !important;
}

.k-button-group.well-buttons .k-button.k-button-solid-base:focus {
  box-shadow: none;
}

.k-toolbar .k-button-group .k-svg-i-arrow-rotate-ccw svg,
.k-toolbar .k-button-group .k-svg-i-arrow-rotate-cw svg {
  display: none;
}

.k-toolbar .k-button-group .k-svg-i-arrow-rotate-ccw::before {
  content: "\e100";
}

.k-toolbar .k-button-group .k-svg-i-arrow-rotate-cw::before {
  content: "\e101";
}

.k-tooltip-content {
  font-size: 11px;
}

.modal-dialog .msLogin .new_login .form-group i {
  top: 4px;
}

.k-toolbar .k-button-group .k-button.k-state-selected {
  background-color: transparent !important;
}

.freakerstop.inventory-popup .k-treeview-leaf-text {
  width: 100%;
  display: flex;
  font-size: 12px;
  color: rgb(65, 83, 100);
  font-weight: 500;
  margin-left: 0.25rem;
  width: 100%;
  align-items: center;
}

.screen-centered-scroll.custom-modal .modal-body {
  max-height: 74vh;
}

.k-grid-norecords {
  min-width: 100% !important;
}

.k-spreadsheet .k-selection-full,
.k-spreadsheet .k-selection-partial {
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary, #0d6efd) 25%,
    transparent
  ) !important;
}

.k-spreadsheet-selection {
  border-color: var(--kendo-color-primary, #0d6efd) !important;
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary, #0d6efd) 25%,
    transparent
  ) !important;
  box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #0d6efd) !important;
}

.k-spreadsheet-active-cell {
  box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #0d6efd) !important;
}

.k-grid .k-table-row.k-table-alt-row {
  background-color: transparent !important;
}

.k-grid .k-table-row.k-table-alt-row:hover {
  background-color: color-mix(
    in srgb,
    var(--kendo-color-on-app-surface, #3d3d3d) 11%,
    transparent
  ) !important;
}

.k-grid .k-master-row .k-grid-content-sticky {
  border-color: transparent;
}

.protoclassorder.modal-open .modal-backdrop.show {
  background-color: #7f7f7ff7;
}

.k-table-list .k-table-row.k-selected {
  /* .k-table-tbody .k-table-row.k-selected { */
  background-color: color-mix(
    in srgb,
    var(--kendo-color-primary, #0d6efd) 25%,
    #0000
  );
}

.fixed-dashboard .k-window-actions,
.k-window-actions {
  margin: auto !important;
}

.k-filter-menu .k-input-value-text {
  font-size: small;
}

.k-filter-menu .k-picker-md .k-input-button {
  padding: 0;
}

.k-filter-menu .k-button-group > .k-button {
  padding: 5px;
  font-size: 12px;
}

.grid-popup-filter .k-columnmenu-item {
  color: #1970eb;
  font-size: 13px !important;
  font-weight: 600;
}

.k-pager-sizes {
  font-family: "Helvetica Neue", sans-serif !important;
  font-size: 12px;
}

.k-dialog-actions {
  justify-content: end;
}

#rename_inputbox.k-input.k-textbox {
  border: 1px solid #21252933 !important;
}

/* .sectioncontent .fr-command.fr-btn.fr-active+.fr-dropdown-menu {
  left: 193px !important;
} */

.sectioncontent .clsopenbutton {
  max-width: initial;
}

.checklist-box div {
  display: inline-block;
  vertical-align: middle;
}

.protoclassorder.modal-open .k-popup {
  width: 160px;
}

.protoclassorder.modal-open .k-popup.k-combobox-popup {
  width: auto;
}
.protoclassorder.modal-open .k-popup.k-datetime-container{
  width: auto !important;
}
.protoclassorder.modal-open
  .chart-layer
  .chart.chartcirclefix.chartseriesfontsize {
  top: -45px;
}

.input-pad.form-control.bottom-border {
  border-bottom: 1px solid #21252933 !important;
}

.k-toolbar-button.exportorder svg {
  display: none;
}

.k-toolbar-button.exportorder .k-svg-i-graph::before {
  content: "\e136";
}

.k-upload-button input {
  font: 170px monospace !important;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.k-toolbar .k-separator,
.k-spreadsheet-action-bar,
.k-toolbar.k-toolbar-resizable {
  border-color: #dee2e6 !important;
}

.k-toolbar.k-toolbar-scrollable {
  padding: 0.1rem;
  height: 40px;
}

.modal.fade .modal-dialog.fields-popup {
  transform: translate(0px, 70%) !important;
  max-width: 350px;
}

.border-menu {
  display: grid;
  grid-template-columns: 1fr;
  /* single vertical column */
  gap: 0px;
  padding: 8px;
  margin: 0;
  flex-flow: wrap !important;
}

.border-menu li {
  list-style: none;
  border: 0 !important;
}

.border-menu .k-button {
  background: transparent;
  width: 27px;
  display: inline-block;
  padding: 2px !important;
  height: auto;
  border: none;
}

.k-list-item-text {
  font-size: 12px !important;
}

.k-calendar-header .k-button-text {
  color: #fff !important;
}

.k-spreadsheet-popup .k-spreadsheet-border-type-palette {
  width: auto !important;
  height: auto !important;
  display: grid !important;
}

.materialborder .k-expander.k-focus {
  border: 0;
  border-color: transparent;
  box-shadow: none;
}

.k-dialog-wrapper.confirm-popup {
  z-index: 1000 !important;
}

.fr-popup.fr-active {
  z-index: 1000 !important;
}

.mjs-toolbar.mjs-HorizontalToolbar,
.CKeditorOutputDiv > div > div > div > table > tbody > tr > td {
  max-width: 800px;
}

.mjs-root.mjs-top,
.mjs-main.mjs-focused,
.mjs-toolbar.mjs-VerticalToolbar,
.mjs-canvas.mjs-cursor-defaultCursor {
  /* max-height: 987px !important;
    height: 946px !important;
    min-height: 500px !important; */
  height: auto;
  top: 0 !important;
  margin-bottom: -2px;
}

.mjs-cursor-defaultCursor {
  right: 0;
}

.CKeditorOutputDiv
  > div
  > div
  > div
  > table
  > tbody
  > tr:last-child
  .mjs-toolbar.mjs-HorizontalToolbar {
  position: absolute;
  bottom: 34px;
}

.kendocombo-block .k-input input {
  display: block;
}

.kendocombo-block .k-button-icon::before {
  font-family: WebComponentsIcons;
}

.kendocombo-block .multiselect-control {
  /* height: 38px;
  overflow: auto; */
  width: 200px;
  /* height: calc(1em + .75rem + 2px); */
}

.mjs-canvasScrollPanel {
  width: 100% !important;
}

@media only screen and (max-width: 1530px) {
  .fixed-mobile-popup .default-form .form-shadow {
    height: 78vh;
  }

  .fixed-mobile-popup.chartfullview.tagproperties {
    min-width: 371px;
  }

  .chartgrapradius .echarts-for-react {
    height: 65vh !important;
  }

  /* .mjs-root.mjs-top, .mjs-main.mjs-focused, .mjs-toolbar.mjs-VerticalToolbar, .mjs-canvas.mjs-cursor-defaultCursor, .marvin-container.marvin-editable{
    max-height: 500px !important;
        height: 500px !important;
  } */
}
 .msl-options .msl-option {
    /* margin: 0px 6px !important; */
     margin: 2px 2px 0px 5px !important;
    outline: none;
    padding: 2px 5px !important;
           
  }
@media only screen and (max-width: 1390px) {
  .chartgrapradius .echarts-for-react {
    height: 61vh !important;
  }

  .fixed-mobile-popup .default-form .form-shadow {
    height: 76vh;
  }

  .cls-SheetSpreadContainer .tagpropertiesflex .k-splitter-flex .k-pane-static {
    flex-basis: 652px !important;
  }

  .k-filemanager-content .k-grid td {
    width: 122px;
  }

  .fixed-mobile-popup.chartfullview .os-host {
    height: calc(100vh - 130px) !important;
  }

  .modal-content .chlid-grid .k-grid {
    height: 65vh !important;
  }

  .importdata .k-grid {
    height: 50vh !important;
  }

  .k-filemanager-preview .k-single-file-selected {
    max-width: 600px;
    word-break: break-all;
  }
}

@media only screen and (max-width: 1280px) {
  .inventoryvist .k-grid {
    height: calc(100vh - 270px) !important;
  }

  .msl-options .msl-option {
    /* margin: 0px 6px !important; */
     margin: 2px 2px 0px 5px !important;
    outline: none;
    padding: 2px 5px !important;
           
  }

  .cls-SheetSpreadContainer .tagpropertiesflex .k-splitter-flex .k-pane-static {
    flex-basis: 514.8px !important;
  }

  .chartgrapradius .echarts-for-react {
    height: 56vh !important;
  }
}

.k-i-x2-icon {
  font-family: inherit !important;
  /* allow normal text inside icon */
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  width: auto !important;
  height: auto !important;
}

.k-i-x2-icon::before {
  content: "x²";
  /* the actual superscript icon text */
}

/* ChatPopUp.css */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Floating Chat Button */
.chat-popup-button {
  position: fixed;
  cursor: grab;
  z-index: 9999;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.chat-popup-button:hover {
  transform: scale(1.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}

.chat-popup-button:active {
  cursor: grabbing;
}

/* Main Chat Popup Container */
.chat-popup {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 450px;
  max-width: calc(100vw - 40px);
  height: 600px;
  max-height: calc(100vh - 40px);
  background: white;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: slideUp 0.3s ease-out;
  z-index: 9998;
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Chat Header */
.linear {
  background: linear-gradient(135deg, #667eea 0%, #1970eb 100%);
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
  color: white;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}

.chat-title {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: white;
}

.close_button {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
  padding: 0;
}

.close_button:hover {
  background: rgba(255, 255, 255, 0.3);
}

.close_button1 {
  font-size: 18px;
}

/* Chat Body */
.chat-popup-box {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  background: #f8f9fa;
  position: relative;
  display: flex;
  flex-direction: column;
}

.chat-popup-box::-webkit-scrollbar {
  width: 6px;
}

.chat-popup-box::-webkit-scrollbar-track {
  background: transparent;
}

.chat-popup-box::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 3px;
}

/* Empty State */
.chat-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #a0aec0;
  text-align: center;
  padding: 20px;
}

.chat-center img {
  opacity: 0.4;
  margin-bottom: 16px;
}

.chat-center h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}

/* Recording State */
.recording {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 16px;
}

.mic-button {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #1970eb 100%);
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}

.mic-icon {
  color: white;
  font-size: 36px;
}

/* Messages Container */
.chat-messages {
  overflow-y: auto;
  max-height: 400px;
  padding-right: 8px;
}

.chat-messages::-webkit-scrollbar {
  width: 6px;
}

.chat-messages::-webkit-scrollbar-track {
  background: transparent;
}

.chat-messages::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 3px;
}

/* Messages */
.message {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  animation: messageSlide 0.3s ease-out;
}

@keyframes messageSlide {
  from {
    transform: translateY(10px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.message.user {
  align-items: flex-end;
}

.message.bot {
  align-items: flex-start;
}

.message-text {
  max-width: 80%;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}

.message.user .message-text {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border-bottom-right-radius: 4px;
}

.message.bot .message-text {
  background: white;
  color: #2d3748;
  border-bottom-left-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.message-image {
  max-width: 200px;
  margin-top: 8px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Chart and Spreadsheet Blocks */
.chart-block,
.spreadsheet-block {
  background: white;
  border-radius: 12px;
  padding: 16px;
  margin-top: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  max-width: 90%;
}

.chart-title,
.spreadsheet-title {
  font-size: 16px;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 12px;
}

.chart-table {
  width: 100%;
  margin-bottom: 12px;
  font-size: 13px;
}

.chart-export-btn {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  margin-right: 8px;
  margin-top: 8px;
}

.chart-export-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Message Buttons */
.message-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  max-width: 80%;
}

.chat-button {
  background: white;
  border: 2px solid #667eea;
  color: #667eea;
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}

.chat-button:hover {
  background: #667eea;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

/* Scroll to Bottom Button */
.scroll-to-bottom-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: none;
  color: white;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s;
  padding: 0;
}

.scroll-to-bottom-btn:hover {
  transform: scale(1.1);
}

/* Input Section */
.chat-popup-input {
  padding: 12px 20px;
  background: white;
  border-top: 1px solid #e2e8f0;
  position: relative;
}

.chat-drop-down {
  width: 100%;
  padding: 10px 14px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  color: #2d3748;
  background: white;
  cursor: pointer;
  transition: border-color 0.2s;
  margin-bottom: 8px;
}

.chat-drop-down:focus {
  outline: none;
  border-color: #667eea;
}

.input-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f7fafc;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 14px;
  transition: border-color 0.2s;
  margin-bottom: 12px;
  width: 293px;
  position: relative;
  top: 23px;
  right: 10px;
}

.input-wrapper:focus-within {
  border-color: #667eea;
}

.search-icon {
  color: #a0aec0;
  flex-shrink: 0;
  font-size: 18px;
}

.input-wrapper input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #2d3748;
  outline: none;
}

.input-wrapper input::placeholder {
  color: #a0aec0;
}

/* Action Buttons */
.chat-popup-input > button {
  background: linear-gradient(135deg, #667eea 0%, #1970eb 100%);
  border: none;
  color: white;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  margin-right: 8px;
  font-size: 20px;
}

.chat-popup-input > button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.chat-popup-input > button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Attach Menu */
.attach-list {
  position: absolute;
  bottom: 80px;
  right: 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  padding: 8px;
  min-width: 240px;
  animation: menuSlide 0.2s ease-out;
  z-index: 10;
  list-style: none;
  margin: 0;
}

@keyframes menuSlide {
  from {
    transform: translateY(10px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.attach-list-elements {
  padding: 0;
  margin: 0;
}

.attach-list-elements label {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s;
  font-size: 14px;
  color: #2d3748;
}

.attach-list-elements label:hover {
  background: #f7fafc;
}

.icon-chart {
  color: #667eea;
}

.attach-list-elements label svg {
  color: #667eea;
}

/* Utility Classes */
.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

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

/* Responsive Design */
@media (max-width: 480px) {
  .chat-popup {
    width: calc(100vw - 20px);
    height: calc(100vh - 20px);
    bottom: 10px;
    right: 10px;
  }

  .message-text {
    max-width: 90%;
  }

  .message-buttons {
    max-width: 90%;
  }

  .chart-block,
  .spreadsheet-block {
    max-width: 95%;
  }
}

.Attachementicon {
  position: relative;
  bottom: 59px;
  float: right;
  left: 21px;
  bottom: 35px;
}

.Microphone {
  position: relative;
  bottom: 59px;
  float: right;
  left: 26px;
  bottom: 35px;
}

.MessageSend {
  position: relative;
  bottom: 59px;
  float: right;
  left: 32px;
  bottom: 35px;
}

.k-splitbar-horizontal .k-collapse-prev {
  display: none;
}

.modal-open .cls-itempopup.cls-itempopup {
  z-index: 100 !important;
}

.k-filemanager-content-container .k-treeview .k-treeview-leaf-text,
.k-filemanager-content-container .k-treeview .k-treeview-leaf-text span {
  width: 100%;
  display: inline-block;
}

#user-161 {
  padding: 3px 0.8rem !important;
  margin-top: 5px;
}

.logbook-tab {
  margin: 15px 0;
}

/* MarvinJS Component Styles */

/* Only hide toolbars in view mode, NOT in edit mode */
.marvin-view .mjs-HorizontalToolbar {
  display: none !important;
}

.marvin-view .mjs-VerticalToolbar {
  display: none !important;
}

.marvin-view td:has(.mjs-HorizontalToolbar) {
  height: 0px !important;
}

.marvin-view td:has(.mjs-VerticalToolbar) {
  width: 0px !important;
}

.marvin-view .mjs-canvasScrollPanel {
  width: 100% !important;
  height: 100% !important;
}

.marvin-view .mjs-canvasScrollPanel canvas {
  width: 100% !important;
  height: 100% !important;
}

/* Editable mode - ensure toolbars are visible and clickable */
.marvin-editable .mjs-HorizontalToolbar,
.marvin-editable .mjs-VerticalToolbar {
  display: block !important;
  pointer-events: auto !important;
}

.marvin-editable td:has(.mjs-HorizontalToolbar),
.marvin-editable td:has(.mjs-VerticalToolbar) {
  height: auto !important;
  width: auto !important;
}

/* General styles */
.marvin-container {
  position: relative;
  width: 100%;
  min-height: 636px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
}

.marvin-container:hover {
  border-color: #999;
}

.marvin-container.marvin-editable {
  border: 2px solid #4caf50;
  box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
}

/* Ensure MarvinJS editor is fully interactive in edit mode */
.marvin-editable #marvinjs-editor-container {
  pointer-events: auto !important;
}

.marvin-editable .mjs-canvasScrollPanel {
  pointer-events: auto !important;
  overflow: scroll !important;
}

/* Loading state */
.marvin-loading {
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fr-selection-handle {
  width: 24px !important;
  height: 24px !important;
}

.grid-status-badge {
  font-size: 12px;
  font-weight: 600;
  display: inline-block;
  text-align: center;
}

.status-active {
  background-color: transparent;
  color: #1b5e20;
}

.status-inactive {
  background-color: transparent;
  color: #73fb47;
}

.status-retired {
  background-color: transparent;
  color: #8b0000;
}

.status-review {
  background-color: transparent;
  color: #04750d;
}

.status-remove {
  background-color: transparent;
  color: #ff9800;
}

.status-close {
  background-color: transparent;
  color: #d32f2f;
}

.status-reopen {
  background-color: transparent;
  color: #646564;
}

.status-discontinue {
  background-color: transparent;
  color: #e65100;
}

.btn.btn-primary-blue svg {
  display: inline-block;
}

.inventory-dropdown button img {
  height: revert-layer;
  display: inline-block;
}

.show > .btn-outline-light.dropdown-toggle,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: none;
  background-color: transparent;
}

.form-group.list-mode {
  width: 175px;
}

/* chatbot */
.text-slate-400 {
  font-size: 21px;
  letter-spacing: normal;
}

.transition-colors.sm\:text-base {
  font-size: 1rem !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.fixed-width {
  max-width: 215px;
  margin: 0 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .marvin-container {
    min-height: 400px;
  }
}

/* Force drag clue to always show properly */
.modal .k-drag-clue {
  /* position: absolute !important; */
  z-index: 99999 !important;
  pointer-events: none !important;

  background-color: #1976d2 !important;
  color: #ffffff !important;

  padding: 6px 10px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 500;

  transform: translate(6px, 6px);
  /* small gap from cursor */
}
.labsheet-template-popup .protocol_labsheet_container .k-drag-clue {
  /* margin-top: 50px; */
  z-index: 100 !important;
}
.labsheet-template-popup .protocol_labsheet_container .k-drag-clue {
  position: fixed !important;
}
.labsheet-template-popup .protocol_sheet_container .k-drag-clue {
  margin-top: 40px;
}
@media (max-width: 1350px) and (min-width: 300px) {
  .labsheet-template-popup .protocol_sheet_container .k-drag-clue {
    margin-top: 5px;
  }
}

/* Overlay */
.datasync-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 20, 40, 0.45);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Modal */
.datasync-modal {
  background: #fff;
  border-radius: 18px;
  padding: 32px 28px;
  width: 420px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
  animation: popIn 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Header */
.datasync-header {
  margin-bottom: 24px;
}

.datasync-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #0f1c35;
}

.datasync-subtitle {
  margin: 6px 0 0;
  font-size: 13px;
  color: #6b7a99;
}

/* Sync Cards List */
.datasync-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Individual Card */
.datasync-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1.5px solid #e8edf5;
  background: #f8fafd;
  transition: all 0.3s ease;
}

.datasync-card.status-loading {
  border-color: rgba(59, 158, 255, 0.2);
  background: #eff7ff;
  animation: fadeSlideIn 0.3s ease;
}

.datasync-card.status-done {
  border-color: rgba(34, 197, 94, 0.2);
  background: #f0fdf4;
  animation: fadeSlideIn 0.3s ease;
}

/* Card Left */
.datasync-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.datasync-card-icon {
  font-size: 22px;
}

.datasync-card-label {
  font-weight: 600;
  font-size: 14px;
  color: #0f1c35;
}

.datasync-card-sublabel {
  font-size: 12px;
  color: #8a97b0;
  margin-top: 2px;
}

/* Status Icon Wrapper */
.datasync-status-icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Spinner */
.datasync-spinner {
  width: 22px;
  height: 22px;
  border: 2.5px solid #d0e8ff;
  border-top: 2.5px solid #3b9eff;
  border-radius: 50%;
  animation: spin 0.75s linear infinite;
}

/* Green Checkmark Circle */
.datasync-check-circle {
  width: 24px;
  height: 24px;
  background: #22c55e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: checkPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Empty Circle (waiting) */
.datasync-empty-circle {
  width: 22px;
  height: 22px;
  border: 2px solid #d4dae6;
  border-radius: 50%;
}

/* Footer */
.datasync-footer {
  display: flex;
  gap: 10px;
  margin-top: 24px;
  justify-content: flex-end;
}

/* Cancel Button */
.datasync-btn-cancel {
  padding: 9px 20px;
  border-radius: 10px;
  border: 1.5px solid #dde3ef;
  background: #fff;
  color: #444;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.2s;
}

.datasync-btn-cancel:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Start Sync Button */
.datasync-btn-sync {
  padding: 9px 24px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(135deg, #3b9eff, #1a6fd4);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(59, 158, 255, 0.3);
  transition: all 0.2s;
}

.datasync-btn-sync:disabled {
  background: #a0c4f0;
  box-shadow: none;
  cursor: not-allowed;
}

/* Keyframes */
@keyframes popIn {
  from {
    transform: scale(0.88);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes checkPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  60% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* ✅ Red circle for failed status */
.datasync-fail-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #e53e3e;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ✅ Red border on failed card */
.datasync-card.status-failed {
  border-left: 4px solid #e53e3e;
  background-color: #fff5f5;
}

/* existing - just for reference */
.datasync-card.status-done {
  border-left: 4px solid #38a169;
  background-color: #f0fff4;
}

.datasync-card.status-loading {
  border-left: 4px solid #3182ce;
  background-color: #ebf8ff;
}

/* .k-filemanager-header .k-button:hover {
  background-color: rgb(25 112 235);
} */

/* .k-button.k-button-md.k-button-flat.k-button-flat-primary.k-selected {
  border-radius: 5px;
}

.k-button.k-button-md.k-button-flat.k-button-flat-primary.k-selected:hover {
  border-radius: 5px;
} */

.k-pager.k-pager-md.k-pager-responsive.k-grid-pager {
  border-radius: 10px;
}

.k-grid.k-grid-md.k-grid-virtual {
  border-radius: 10px;
}

.dropdown-menu {
  padding: 0 !important;
}

.logout-menu .dropdown-menu::before,
.logout-menu .dropdown-menu::after,
.topmenuitem .mnuContainer1 .dropdown .dropdown-menu::after,
.dropdown.show .notification-icon-position button.logout-arrow::before {
  display: none !important;
}

.switchUserDropdown {
  padding: 0 !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  /* border: 1px solid #1970eb !important; Adds the requested blue outline */
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1) !important;
  width: 300px !important;
  box-sizing: border-box !important;
}

.logout-menu.user-notify:has(.switchUserDropdown) {
  /* width: 300px !important; */
  width: 270px !important;
}

.logout-menu.user-notify .switchUserDropdown {
  /* width: 300px !important; */
  width: 270px !important;
}

.custom-tabs-header {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  /* border-top: 0.5px solid #eaeaea; */
}

.custom-tab-btn {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  color: #172b4d;
  user-select: none;
  transition: color 0.2s ease;
}

.custom-tab-btn.active {
  color: #1970eb;
  font-weight: 600;
  border-bottom: 2px solid #1970eb; 
}

.custom-tabs-content .simple-custom-dropdown {
  padding: 8px !important;
  margin: 0 !important;
  list-style: none;
  width: 100% !important;
  box-sizing: border-box !important;
}

.custom-tabs-content ul li {
  /* padding: 8px 12px !important; */
  padding: 0px 0px !important;
  margin-bottom: 2px !important;
  border-bottom: none !important;
  font-size: 13px !important;
  color: #333 !important;
  cursor: pointer;
  border-radius: 6px !important;
  background-color: transparent !important;
}

.custom-tabs-content ul li:hover {
  background-color: #f0f4f8 !important;
  color: #1970eb !important;
}

.Organisepills .k-button-text {
  padding: 8px 10px !important;
}

.Organisepills {
  border-radius: 50px;
  border: 1px solid #dee2e6;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  white-space: nowrap;
}

.list-grouped .k-chip-actions {
  margin: 0;
  padding: 0;
}

.list-grouped .k-chip-content span {
  padding-top: 9px;
  padding-bottom: 0;
}

.list-grouped .k-chip-solid-base {
  background-color: #fff;
}

.list-grouped.row-selected.list-grouped input {
  box-shadow: none !important;
}

.protocolordergridlist .k-grid-virtual .k-grid-content .k-grid-table {
  transform: translateY(0px);
}

.input-setlimit.form-control,
.input-setRange.form-control {
  border: 1px solid #1970eb;
}

.right.select-inline .input-setlimit.form-control {
  padding: 0 9px;
}

.right.select-inline .select-arrow::after {
  right: 6px;
}

.input-setRange.form-control:disabled {
  border: 0;
  border-bottom: 1px solid #ccc;
}

.rc-tabs-nav-wrap .rc-tabs-nav-list .rc-tabs-tab .rc-tabs-tab-btn {
  padding: 0 !important;
}

.k-animation-container.cls-itempopup.k-animation-container-shown:has(.topghvi) {
  top: 150px !important;
}

.k-button-flat-primary {
  color: #5a5a5a !important;
}

.k-icon.k-i-icon-orders {
  background-image: url("../../images/SelectOrders.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 18px !important;
  height: 18px !important;
  font-family: none !important;
}

.k-icon.k-i-icon-orders::before {
  content: none !important;
}

.k-icon.k-i-icon-files {
  background-image: url("../../images/SelectFiles.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 18px !important;
  height: 18px !important;
  font-family: none !important;
}

.k-icon.k-i-icon-files::before {
  content: none !important;
}

.k-icon.k-i-icon-folders {
  background-image: url("../../images/SelectFolders.svg") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 16px !important;
  height: 16px !important;
  font-family: none !important;
}

.k-icon.k-i-icon-folders::before {
  content: none !important;
}

/* 
.k-filemanager-preview .k-file-meta {
  background-color: #fff !important;
  padding: 20px !important;
  border-radius: 10px !important;
  margin-left: 1em !important;
  box-shadow: 0 2px 4px #d9d9d9;
} */

/* .k-filemanager-preview{
  background: #f2f2f2 !important;
} */

/* .k-filemanager-preview .k-file-icon{
  background-color: #fff !important;
  padding: 30px !important;
    border-radius: 50px !important;
} */

.k-file-name.k-single-file-selected {
  color: #262626 !important;
  font-weight: 600 !important;
  word-break: break-all !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
  display: block;
}

.k-filemanager-preview .k-file-meta-label {
  color: #262626 !important;
}

.inlinestylewords {
  display: inline !important;
  margin-right: 5px !important;
  width: auto !important;
}

.inlinestylewords + dd {
  display: inline !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  width: auto !important;
}

dl.k-file-meta dt.inlinestylewords {
  display: inline-block !important;
  width: auto !important;
  margin-right: 5px !important;
  flex: 0 0 auto !important;
}

dl.k-file-meta dt.inlinestylewords + dd {
  display: inline-block !important;
  flex: 1 1 0% !important;
  width: auto !important;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
  margin: 0 !important;
}

dl.k-file-meta dt.inlinestylewords + .k-line-break {
  display: none !important;
}

.protocolorderview .k-spreadsheet-sheets-bar-add {
  display: none;
}

.protocolorderview
  .k-spreadsheet-sheets-bar
  .k-spreadsheet-sheets-items
  .k-tabstrip-items-wrapper
  .k-tabstrip-items
  .k-tabstrip-item
  .k-spreadsheet-sheets-remove {
  display: none;
}

.protocolorderview
  .k-spreadsheet-sheets-bar
  .k-spreadsheet-sheets-items
  .k-tabstrip-items-wrapper
  .k-tabstrip-items
  .k-tabstrip-item
  .k-spreadsheet-sheets-editor {
  pointer-events: none;
  cursor: not-allowed;
  caret-color: transparent;
}

.protocolorderview
  .k-spreadsheet-sheets-bar
  .k-spreadsheet-sheets-items
  .k-tabstrip-items-wrapper
  .k-tabstrip-items
  .k-tabstrip-item {
  list-style-type: none;
}

.protocoltemplateview .k-spreadsheet-sheets-bar-add {
  display: block;
}

.protocoltemplateview
  .k-spreadsheet-sheets-bar
  .k-spreadsheet-sheets-items
  .k-tabstrip-items-wrapper
  .k-tabstrip-items
  .k-tabstrip-item
  .k-spreadsheet-sheets-remove {
  display: block;
}

.k-breadcrumb-link,
.k-breadcrumb-root-link {
  text-decoration: none !important;
}

.modal-footer {
  border-top: none !important;
}

button.close {
  top: 0 !important;
}

.msl-options {
  margin-left: 1px !important;
  right: 0;
}

.msl-active-up ~ .msl-options {
  bottom: 105% !important;
  max-height: 235px !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 100px !important;
}


/* 
.k-filemanager-listview .k-listview-item .k-file-icon{
background-color: #F2F2F2 !important;
    border-radius: 50px !important;
    padding: 21px !important;
  } */

/* b, strong{
  color: #006FE8 !important;
} */

/* .k-filemanager-preview .k-file-meta{

    background-color: #FFFFFF;
    padding: 12px;
    border-radius: 10px;
	} */

.k-filemanager-preview .k-file-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 15px;
  width: 100%;
}

.k-filemanager-preview .k-file-preview {
  display: flex;
  justify-content: center;
}

/* .k-file-icon .k-icon .k-i-file-data{
  
} */

.k-filemanager-preview .k-file-info:has(.k-single-file-selected) {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  /* padding: 20px; */
  border-radius: 8px;
  width: 100%;
}

.k-filemanager-preview .k-file-info:not(:has(.k-single-file-selected)) {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  color: #666666;
  font-weight: bold;
}

/* .k-i-file-data::before {
    background-color: #F9F9F8 !important;
    padding: 6px !important;
    border-radius: 50px !important;
} */

/* .k-file-info{
  background-color: #F2F1EF !important;
}  */

/* .k-filemanager-preview{
   background-color: #F2F1EF !important;
} */

.k-filemanager-preview {
  /* background-color: #F2F1EF !important; */
  height: 100% !important;
  min-height: 100%;

  display: flex;
  flex-direction: column;
}

.k-filemanager-preview:has(.k-single-file-selected) {
  background-color: #ffffff !important;
}

.clsOrderCount.badge-primary {
  background-color: #0062cc;
  padding: 0.25em 0.8em;
  font-weight: 500;
  font-size: 85%;
  border-radius: 50rem;
  margin-left: 8px;
}

.clsOrderCount {
  min-width: 30px;
  display: inline-block;
  text-align: center;
}

.pane-row-border {
  display: inline-block;
  width: 100%;
  border: 1px solid #dcdada;
  border-radius: 11px;
}

.heightgird .k-grid-virtual .k-grid-content .k-grid-table {
  transform: translateY(0px);
}

.heightgird .k-grid tr td:last-child {
  overflow: visible;
}

.hXDlTS .rc-tabs-nav-wrap {
  border-bottom: 0.5px solid #e9eff5 !important;
}

.modal-open .heightgird .k-grid-virtual .k-grid-content .k-grid-table {
  transform: none;
}

.modal-open .heightgird .k-grid tr td:last-child {
  overflow: hidden;
}

/* .k-grid-header .k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted,
.k-grid .k-master-row.k-table-alt-row td.k-grid-content-sticky, .k-grid .k-master-row.k-table-row td.k-grid-content-sticky, .k-grid .k-master-row.k-table-row.k-grid-row-sticky>.k-table-td, .k-grid .k-master-row.k-table-row .k-table-td.k-grid-row-sticky, .k-grid .k-master-row.k-table-row td.k-grid-content-sticky, .k-grid .k-master-row.k-table-row .k-table-td.k-grid-content-sticky{
  background-color: transparent !important;
  z-index: 1 !important;
}

.css-v4mnzc:before{
  background-color: #000 !important;
  z-index: 10000 !important;
} */

.custom-tab-btn.custom-tab-style {
  padding: 0px !important;
}

.list-group.notification {
  align-items: center !important;
}

.custom-selection-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0px 10px;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  color: #374151;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  margin: 0 4px;
}

.custom-selection-pill:hover {
  background-color: #f9fafb;
  border-color: #ffffff;
}

.custom-selection-pill:focus-within {
  outline: 2px solid #ded7d7;
  /* outline-offset: 2px; */
}

.visually-hidden-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.grid-status-badge {
  display: inline-block;
  text-align: center;
  font-weight: normal;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px !important;
}

/* Active — Green */
.status-active {
  background-color: #b9f2c8;
  color: #028224;
}

/* Inactive — Grey */
.status-inactive {
  background-color: #dedede;
  color: #606060;
}

/* Retired — Red */
.status-retired {
  color: #8b0000;
  background-color: #f8dad8;
}

.calib-status-badge {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  border: none;
}

.status-not-required {
  color: #1565c0;
}

/* Blue  */
.status-within {
  color: #2e7d32;
}

/* Green */
.status-due-soon {
  color: #e65100;
}

/* Amber */
.status-crossed {
  color: #c62828;
}

/* Red   */

.custom-selection-pill.pill-active {
  background-color: #007bff;
  /* Replace with your exact theme blue */
  color: #ffffff;
  border-color: #007bff;
}

.custom-selection-pill.pill-disabled {
  background-color: #ffffff;
  color: #9ca3af;
  cursor: not-allowed;
  opacity: 0.6;
}

button#Deletetest {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

button#Deletetest img {
  display: inline-block;
  filter: brightness(0) invert(1);
}

.logout-menu.user-notify.role-dropdown-menu,
.logout-menu.user-notify.site-dropdown-menu {
  width: 200px !important;
  min-width: 200px !important;
}

.custom-tabs-container .single-header-wrapper {
  text-align: start;
  border-bottom: 1px solid #eaeaea;
  padding-top: 5px;
}

.custom-tabs-container h6.inner-head.single-tab-title {
  display: inline-block;
  margin: 0;
  padding: 10px 15px;
  font-size: 13px !important;
  font-weight: 650;
  color: #172b4d;
  margin-bottom: -1px;
}

.custom-tabs-container .simple-custom-dropdown {
  padding: 5px 0 !important;
}

.custom-tabs-container .simple-custom-dropdown li {
  text-align: left;
  padding: 8px 12px 8px 12px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #000 !important;
  border-bottom: none !important;
  background-color: transparent !important;
}

.custom-tabs-container .simple-custom-dropdown li:hover {
  background-color: #f0f4f8 !important;
  color: #1970eb !important;
}

.custom-tabs-container {
  position: relative;
}

.custom-tabs-container.caret-role::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 3%;
  border: solid transparent;
  border-bottom-color: #ddd;
  border-width: 9px;
  pointer-events: none;
  z-index: 10;
}

.custom-tabs-container.caret-role::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(3% + 1px);
  border: solid transparent;
  border-bottom-color: #c7c6c6;
  border-width: 8px;
  pointer-events: none;
  z-index: 11;
}

.custom-tabs-container.caret-site::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  border-bottom-color: #ddd;
  border-width: 9px;
  pointer-events: none;
  z-index: 10;
}

.custom-tabs-container.caret-site::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: calc(90% + 1px);
  border: solid transparent;
  border-bottom-color: #c7c6c6;
  border-width: 8px;
  pointer-events: none;
  z-index: 11;
}

/* .logout-menu.user-notify:has(.switchUserDropdown .custom-tabs-container .caret-site) {
    width: 300px !important;
    margin-left: -3.8em ;
} */

#StopSampleLogin {
  white-space: nowrap;
  width: auto;
}

li.list-inline-item {
  width: auto;
}

.action-button-group .k-button#gridview_order .k-icon,
.action-button-group .k-button#gridview_order.k-active .k-icon,
.action-button-group .k-button#gridview_order.k-selected .k-icon,
.action-button-group .k-button#gridview_order:active .k-icon {
  font-size: 18px !important;
  transform: none !important;
  scale: 1 !important;
  width: 13px !important;
  height: 14px !important;
}

.custom-circular-icon-button {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
}

.k-animation-container.bgreiu {
  background-color: transparent !important;
  background-image: none !important;
}

.bgreiu .k-popup {
  position: relative !important;
  left: -10px !important;
  background-color: #ffffff !important;
}

.action-button-group .k-button:hover .k-i-sort-asc-sm,
.action-button-group .k-button:hover .k-i-sort-desc-sm {
  color: #ffffff !important;
  background-color: rgb(25, 112, 235) !important;
}

.custom-hover-blue .k-button:hover,
.custom-hover-blue .k-button.k-state-hover {
  background-color: rgb(25, 112, 235) !important;
  color: white !important;
}

/* =================== Adaikkalam dashboard - Start ============================  */
.dashboard-popup {
  width: 180px !important;
}

.dashboard-popup .k-menu-link {
  padding-inline-end: 10px !important;
}

.dashboard-popup .k-last {
  margin: 0 auto !important;
}

.layoutOption {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.layoutOption:last-child {
  margin-bottom: 0;
}

.narrowColumn {
  flex: 1;
  background-color: #ddd;
  border-radius: 4px;
}

.wideColumn {
  flex: 2;
  background-color: #ddd;
  border-radius: 4px;
}

.equalsColumn {
  flex: 0 0 calc(50% - 6px);
  /* height: calc(50% - 6px); */
  background-color: #ddd;
  border-radius: 6px;
}

.fullColumn {
  width: 100%;
  height: 100%;
  background-color: #ddd;
  border-radius: 4px;
}

.previewContainer {
  /* height: 200px; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 1rem; */
  width: 70px;
}

.previewColumns {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 45px;
  gap: 3px;
}

.layoutTitle {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.layoutTitle label {
  padding: 0;
  color: #000;
  font-size: 14px;
}

.layoutTitle span {
  font-size: 12px;
}

.layoutOption.selected {
  background-color: #f3f8ff;
  border: 1px solid #1163ea;
}

.layoutOption.selected .narrowColumn,
.layoutOption.selected .wideColumn,
.layoutOption.selected .equalsColumn,
.layoutOption.selected .fullColumn {
  background-color: #1163ea;
}

.layoutTitle img {
  background-color: #1163ea;
  padding: 5px 4px;
  border-radius: 50%;
  height: 18px !important;
}

/* =======================  Adaikkalam dashboard - end ========================  */
/* Sheet Order  */
.breadcrumb_search_container {
  padding: 6px 0px !important;
}

.breadcrumb_search_container .k-breadcrumb {
  /* padding-top: 0px !important; */
}

.sheet_eye_button .k-filemanager-toolbar .sheetorder_visible .k-button-icon {
  height: 19px !important;
}

.widget {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.widget-body {
  flex: 1;
  min-height: 0;
}

.grid-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content {
  width: 100%;
  height: 100%;

  /* display: flex; */
  align-items: center;
  justify-content: center;

  box-sizing: border-box;
  overflow: auto;
  position: relative;
}

.sync-button {
  border-radius: 25px !important;
  background-color: #fff !important;
  padding: 3.5px 12px !important;
  box-shadow: 1px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
  border: 2px solid #f9f9f8 !important;
  margin-left: 6px;
}

.cls-SheetTreeContainer.proto-col ul li:nth-child(2) {
  display: none;
}

.widgetmodelplace {
  margin: 0 0 0 auto !important;
  /* max-width: 650px !important; */
  /* width: 650px !important; */
  height: 100vh;
  min-height: 100vh;
  width: 100%;
  min-width: 100%;
}

.widgetmodelplace .modal-content {
  height: 100vh;
  border-radius: 0;
  border: none;
}

.status-not-required {
  background: #e3f2fd;
  /* background: #dbeafe; */
  color: #1565c0;
}

/* Blue  */
.status-within {
  background: #e8f5e9;
  color: #2e7d32;
}

/* Green */
.status-due-soon {
  background: #fff3e0 !important;
  color: #e65100 !important;
}

/* Amber */
.status-crossed {
  background: #ffebee;
  color: #c62828;
}

.status-not-calibrated ,.status-not-maintained{
background: #eae2e27a;
    color: #424242;
}

/* ================================ Inventory meterial management tab design  start  ================================*/

.inventory_new_tab_design .rc-tabs {
  background-color: #f1f1f1 !important;
}

.inventory_new_tab_design .details_tab {
  /* width: 75% !important; */
  /* padding: 30px 90px !important; */
      padding: 20px  !important;
  /* min-height: 100vh !important; */
  background-color: #ffffff !important;
  margin: 0px auto;
  height: 100% !important;
}

.inventory_new_tab_design .transactions-list .rc-tabs-content-holder {
  background-color: #ffffff !important;
}

.inventory_new_tab_design .dynamic,
.inventory_new_tab_design .inventory_history_tab {
  background-color: #ffffff !important;
}

.inventory_new_tab_design .assignedtask-tab {
  background-color: #ffffff !important;
  /* height: 100vh !important; */
    height: 100% !important;
}

.inventory_new_tab_design .rc-tabs-tab-btn {
  border: none !important;
}

.heading_fold_name {
  font-weight: 700 !important;
}
.header_colunm_title{
  font-size: 17px !important;
}

.lable_bold {
  font-weight: 600 !important;
}

.new_input_style {
  border: 1px solid #d5d5d5 !important;
  background: transparent !important;
  border-radius: 5px !important;
  padding: 5px !important;
  height: 35px !important;
}

.new_input_style:disabled {
  background-color: #d5d5d57a !important;
}
.new_input_style_multiselect{
   border: 1px solid #d5d5d5 !important;
  background: transparent !important;
  border-radius: 5px !important;
  padding: 5px !important;
  min-height: 35px !important;
}
.new_input_style_multiselect:disabled {
  background-color: #d5d5d57a !important;
}
.inventory_react_switch .react-switch-handle {
  height: 20px !important;
  width: 20px !important;
}

.inventory_react_switch .react-switch-bg {
  height: 20px !important;
  width: 40px !important;
}

/*  ============== inventory group radio button start ============== */
.inventory_radio_input input {
  display: none;
}

.inventory_radio_input {
  --container_width: 400px;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 30px;
  background-color: #fff;
  color: #000000;
  width: var(--container_width);
  overflow: hidden;
  border: 2px solid #f3f3f3;
  padding: 2px;
  height: 50px;
}

.inventory_radio_input label {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-weight: 600;
  letter-spacing: -1px;
  font-size: 14px;
  margin: 0 2px !important;
  border-radius: 30px;
  height: 40px;
}

.inventory_radio_input label.active {
  color: #fff !important;
  background-color: #1a70eb !important;
}

.inventory_form_group {
  margin-bottom: 1.5rem !important;
}

/*  ============== inventory group radio button end  ============== */

.inventory_new_tab_design .attachment_tab_container,
.sample_attachment_container .attachment_tab_container {
  background: #ffffff !important;
  /* width: 75% !important; */
  margin: 0px auto;
  /* min-height: 100vh !important; */
  height: 100% !important;
  padding: 20px;
}
.sample_details_container{
  padding: 20px !important;
}
@media (max-width: 1280px) and (min-width: 300px) {
  .inventory_new_tab_design .details_tab,
  .inventory_new_tab_design .attachment_tab_container,
  .sample_attachment_container .attachment_tab_container {
    height: 100% !important;
  }
}

.attachment_tab_container {
  padding-bottom: 24px !important;
}

.upload-card {
}

.upload-box {
  border: 1px dashed #b7d3ff;
  border-radius: 14px;
  height: 117px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f6f6f6;
}

.upload-wrapper {
  max-height: 310px;
  overflow-y: auto;
}

.file-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border: 0.5px dashed #cfcfcf;
  border-radius: 12px;
  padding: 4px;
  margin-bottom: 4px;
}

.file-icon-box {
  min-width: 62px;
  min-height: 47px;
  border: 1px solid #ddd;
  border-radius: 5px !important;
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
}

.link_file_icon {
  width: 26px;
  height: 26px;
}

.file-title {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #222;
}
.file_link_title{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  white-space: normal;
}

.file-size {
  min-width: 90px;
  text-align: left;
  font-size: 14px;
}

.inventory_attachment_action_buttons {
  padding: 4px 9px !important;
}

/* ================================ Inventory meterial management tab design  End  ================================*/

/* Sheet Order Create Order slidebar - start ================== */
.sheet_create_order_visibility {
  gap: 20px !important;
  margin-bottom: 0.4rem !important;
  align-items: center;
}

.sheet_create_order_radio_btn_container {
  gap: 5px !important;
}

.sheet_create_order_radio_btn_container .radio {
  margin: 0px !important;
}

.project_team_dropdown .msl {
  border: none !important;
}

.project_team_dropdown .msl-input {
  margin: 0 !important;
}

.project_team_dropdown .msl-chip,
.msl-single-value {
  margin: 0 !important;
}

.order_register_dialogue .k-window-titlebar {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border: none !important;
  background: #f0f0f0 !important;
  border-top-left-radius: 29px !important;
}

.order_register_dialogue .k-window .k-window-titlebar .k-window-title {
  font-weight: 700 !important;
  font-size: 22px !important;
}

.order_register_dialogue .k-dialog-content {
  background: #f0f0f0 !important;
  padding: 0px !important;
  padding-left: 9px !important;
  overflow-x: hidden !important;
  display: flex;
}

.order_register_dialogue .k-dialog {
  border-radius: 29px 0px 0px 29px !important;
  border: 6px solid #ffffff !important;
  background-clip: border-box !important;
}

.order_register_content {
  /* height: 85vh !important; */
  background: #ffff !important;
  padding: 36px 22px !important;
  border-radius: 30px 0px 0px 0px !important;
  flex: 1;
  min-height: fit-content;
}

.order_register_dialogue .k-dialog-actions {
  border: none !important;
  background: #f0f0f0 !important;
  border-bottom-left-radius: 29px !important;
  padding: 10px 0.5rem !important;
}

.order_register_form .k-icon-button {
  padding: 0px !important;
}

@media (max-width: 1400px) and (min-width: 300px) {
  .order_register_content {
    height: fit-content !important;
  }
  .sheet_create_order_visibility {
    gap: 5px !important;
  }
}
/* Sheet Order Create Order slidebar - End ================== */

/*  ======== spreadsheet chemical dropdown start  =============  */
.K-ComboBox .K-ComboBox-TextWrapper {
  z-index: unset !important;
}

.K-TextEditor-FontBox {
  width: 75% !important;
}

/*  ======== spreadsheet chemical dropdown end  =============  */

/* ================== Create modal Design start ============*/
.select_icon_style .select-arrow::after {
  right: 15px !important;
}

.new_modal_container .modal-header {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border: none !important;
  background: #f0f0f0 !important;
  border-top-left-radius: 29px !important;
}

.new_modal_container .modal-title {
  font-weight: 700 !important;
  font-size: 22px !important;
}

.new_modal_container .modal-body {
  background: #f0f0f0 !important;
  padding: 0px !important;
  padding-left: 9px !important;
  overflow-x: hidden !important;
  display: flex;
}

.new_modal_container .modal-content {
  border-radius: 29px 0px 0px 29px !important;
  border: 6px solid #ffffff !important;
  background-clip: border-box !important;
}

.new_modal_content {
  /* height: stretch !important;
  min-height: 87vh !important; */
  background: #ffff !important;
  padding: 36px 22px !important;
  border-radius: 30px 0px 0px 0px !important;
  flex: 1;
}

.new_modal_container .modal-footer {
  /* border: none !important; */
  background: #f0f0f0 !important;
  border-bottom-left-radius: 29px !important;
  padding: 10px 0.5rem !important;
}

.meterial_type_modal_content {
  height: fit-content !important;
}

.msl_border_remove .msl {
  border: none !important;
}

.select_icon_style .select-arrow {
  margin: 0px !important;
}

.add_equipment_form .k-icon-button {
  padding: 0px !important;
}

.add_equipment_modal .modal-body {
  border-bottom-left-radius: 29px !important;
}
.add_inventory_modal_container .modal-body {
  display: block !important;
  border-bottom-left-radius: 29px !important;
}

.inventory-add-screen-tabs {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.inventory-add-screen-tabs .rc-tabs,
.inventory-add-screen-tabs .rc-tabs-content-holder,
.inventory-add-screen-tabs .rc-tabs-content,
.inventory-add-screen-tabs .rc-tabs-tabpane {
  width: 100% !important;
}

.inventory-add-screen-tabs .dynamic {
  width: 100% !important;
  padding: 36px 22px !important;
  background-color: #ffffff !important;
}
.add_equipment_form {
  height: calc(100vh - 130px) !important;
  overflow-y: scroll;
}

@media (max-width: 1240px) and (min-width: 300px) {
  .new_modal_content {
    min-height: 100%;
    height: fit-content !important;
  }

  .add_equipment_form {
    height: calc(100vh - 130px) !important;
  }
}

.compare_modal_container .step-header input,
.step-header.k-input-md {
  width: 100% !important;
}
.compare_table_container {
  overflow: scroll !important;
}
.compare_modal_container .step-checkbox {
  display: none !important;
}
.compare_modal_container .comment-icon {
  display: none !important;
}
/* ================== Create modal Design End ============*/

.kendo-dyn-box-wrap {
  border: 1px solid #dde6f7;
  /* border-radius: 6px; */
  border-radius: 10px;
  background-color: #ffffff;
  /* box-shadow: 0 0px 12px 0 #DDE6F7; */
  box-shadow: 0 0px 12px 0 #fff;
  margin-bottom: 2rem;
}
.protocol_container .fr-popup.fr-active {
  height: fit-content !important;
}
.protocol_container .fr-btn.fr-dropdown::after {
  right: 13px !important;
  top: 14px !important;
}
.protocol_container #linkList-1 > svg:nth-child(1) > path:nth-child(1) {
  display: none;
}
.protocol_container #fr-link-insert-layer-1 {
  height: fit-content;
  padding: auto !important;
  padding: 7px 18px;
}
.protocol_container #dropdown-menu-linkList-1 {
  left: 194px !important;
}
.protocol_container .fr-popup .fr-buttons .fr-btn {
  background: #1268e3 !important;
}

button#id-logbook-fieldcancel img.d-inline-block {
  filter: brightness(0) invert(1);
}

.filp {
  filter: brightness(0) invert(1) !important;
}

.k-datepicker-popup {
  width: fit-content !important;
}
.custom-datepicker {
  width: 360px !important;
}
@media (max-width: 1280px) and (min-width: 300px) {
  .k-datepicker-popup .k-calendar {
    width: fit-content !important;
  }
}

.msl_chip_style .msl {
  border: none !important;
}
.msl_chip_style .msl-chip {
  margin: 0px !important;
  padding: 2px 6px !important;
  margin-right: 5px !important;
}
.msl_chip_style .msl-input {
  margin: 0 !important;
  margin-left: 4px !important;
}

/*==============================   Modal tab include Design Start  ==============================  */

.new_modal_tab_container .modal-header {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border: none !important;
  background: #f0f0f0 !important;
  border-top-left-radius: 29px !important;
}

.new_modal_tab_container .modal-title {
  font-weight: 700 !important;
  font-size: 22px !important;
}
.new_modal_tab_container .modal-footer {
  /* border: none !important; */
  background: #f0f0f0 !important;
  border-bottom-left-radius: 29px !important;
  padding: 10px 0.5rem !important;
}

.new_modal_tab_container .modal-body {
  background: #f0f0f0 !important;
  padding: 0px !important;
  padding-left: 9px !important;
  overflow-x: hidden !important;
  display: flex;
  border-bottom-left-radius: 29px !important;
}

.new_modal_tab_container .modal-content {
  border-radius: 29px 0px 0px 29px !important;
  border: 6px solid #ffffff !important;
  background-clip: border-box !important;
}

.new_modal_tabs_content {
  /* height: stretch !important;
  min-height: 87vh !important; */
  background: #ffff !important;
  padding: 29px 0px !important;
  border-radius: 30px 0px 0px 0px !important;
  flex: 1;
  padding-bottom: 50px !important;
}
/*==============================   Modal tab include Design End  ==============================  */
.metrial_content .form-group {
  padding-bottom: 0px !important;
}
@media (max-width: 1350px) and (min-width: 300px) {
  .new_modal_tab_sample_height .scroll-height {
    height: 60vh !important;
  }
}

.tab_modal_scroll .modal-body {
  display: block;
  overflow: hidden !important;
}
.tab_modal_scroll .new_modal_tabs_content {
  height: 100%;
}
.metrial_scroll_height .rc-tabs-content-holder {
  overflow: hidden !important;
}
.equ_border .filter-toolbar {
  border-radius: 10px 10px 0px 0px !important;
}

.fr-popup .fr-layer {
  height: fit-content !important;
}

#linkList-1 > svg:nth-child(1) > path:nth-child(1) {
  display: none !important;
}

.protocol_container .fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after,
.fr-modal .fr-command.fr-btn.fr-dropdown::after {
  right: 16px !important;
}
.user_master_table .fa-eye:before {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sheet_creation_icon .k-spreadsheet-quick-access-toolbar {
  display: flex;
  gap: 4px;
  align-items: center;
  padding-bottom: 0px !important;
}
.sheet_creation_icon .k-spreadsheet-quick-access-toolbar a.k-button-flat {
  padding: 0px !important;
}
/* .sheet_creation_icon .k-spreadsheet-quick-access-toolbar{
  padding:9px !important;
} */

/* ================  protocal page sample modal container design start =================  */

.protocol_sample_modal_container
  .eln-tabs.inventory_new_tab.addinventory
  .rc-tabs-content {
  height: 100% !important;
  /* background: yellow !important; */
}
.protocol_sample_modal_container
  .eln-tabs.inventory_new_tab.addinventory
  .rc-tabs-content-holder {
  height: 55vh;
  overflow: unset !important;
}

.protocol_sample_modal_container .modal-body {
  height: 100% !important;
  max-height: 100% !important;
  padding: 0px !important;
}
.protocol_sample_modal_container .new_modal_tabs_content {
  padding: 0px !important;
}

.protocol_sample_modal_container .scroll-height {
  height: 60vh !important;
  min-height: fit-content !important;
}
@media (max-width: 1350px) and (min-width: 300px) {
  .protocol_sample_modal_container
    .eln-tabs.inventory_new_tab.addinventory
    .rc-tabs-content {
    height: 100% !important;
  }
}

.metrial_modal_scroll_height_container
  .metrial_scroll_height
  .rc-tabs-content-holder {
  height: auto !important;
}
/* ================  protocal page sample modal container design End =================  */

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

.folder_dialogue_container .k-dialog-content {
  flex-direction: column !important;
  border-bottom-left-radius: 29px !important;
}
.folder_dialogue_container .folder_register_content {
  background: #ffff !important;
  padding: 36px 22px !important;
  border-radius: 30px 0px 0px 0px !important;
  flex: 1;
  overflow-y: scroll !important;
  height: calc(100vh - 137px) !important;
}
.msl_border_remove .msl-input,
.msl_border_remove .msl-chip {
  margin: 0 !important;
  margin-right: 4px !important;
}

.find_select_box .css-b8ldur-Input {
  margin: 0 !important;
  padding: 0 !important;
}

/* ===================== Add label modal design start ===================  */
.bar_code_modal_body {
  border-bottom-left-radius: 29px !important;
}
/* =====================   Add label modal modal design End ===================  */
/* =====================  sheet order page Upload modal design start ===================  */
.upload_file_content {
  min-height: 100% !important ;
  height: fit-content !important;
}
/* ===================== sheet order page  Upload modal design Endch ===================  */
.equipment_table col {
  min-width: 200px !important;
}

.tab_container_sheetorder_custom
  .rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab
  .rc-tabs-tab-btn {
  padding: 0.89rem 1.375rem !important;
}

.custom-image-editor-button {
  z-index: 100 !important;
}
.tui-image-editor-container .tui-image-editor-main {
  top: 86px !important;
}

.msl_chip_style .msl-input-wrp {
  display: flex !important;
}
/* =======================  New Dasboard  Design start =========================== */

.dashboard_plus_btn {
  position: fixed !important;
  top: 6px !important;
  right: 6px !important;
  z-index: 100;
}
.custom_dashborad_left_panel,
.custom_dashborad_right_panel {
  background: #fff;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: calc(100vh - 82px) !important;
  overflow-y: scroll;
}
.custom_d_title {
  font-size: 15px !important;
  font-weight: bold !important;
}

.widget-type {
  padding: 0;
  height: calc(100vh - 374px);
  overflow: auto;
}

.widget-type > div {
  border: 1px solid #1163ea;
  padding: 0.5rem;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0;
  cursor: pointer;
}

.widget-type > div.active {
  background-color: #f5f9fe;
  border: 1px solid transparent;
}

.widget-type > div .widget-details h6 {
  font-family: "Manrope-Bold";
  font-size: 14px;
  margin: 0;
}

.widget-type > div .widget-details p {
  font-family: "Manrope-Regular";
  font-size: 12px;
}

.custom_dashborad_right_panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 20px;
}

.chart-type-section {
  flex-shrink: 0;
}

.chart_container {
  display: flex;
  margin-top: 12px;
  justify-content: space-around;
}

.chart_type_card {
  width: 88px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-direction: column;
  gap: 6px;
  padding: 4px;
  background: #f6f6f6;
  border: 2px solid transparent;
}
.chart_type_card.selected {
  border: 2px solid #007bff;
}
.chart-preview-section {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.chart_view_container {
  flex: 1;
  min-height: 350px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}


.chart-form {
  width: 100%;
  max-width: 560px;
  background: #fff;
  border-radius: 18px;
  padding: 20px;
}

.axis-card {
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 16px;
  background-color: #f6f6f6;
}

.axis-title {
  display: flex;
  align-items: center;
  gap: 10px;
  /* margin-bottom:18px; */
}

.title_label {
  margin: 0;
  font-size: 16px;
}
.chart_input {
  background: #fff !important;
}
.axis-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
}

.purple {
  border: 1px solid #6d28d9;
  color: #6d28d9;
}

.orange {
  border: 1px solid #fb923c;
  color: #fb923c;
}

.color-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.color_tag {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  cursor: pointer;
  border: 2px solid transparent;
}

.color_tag.active {
  border: 3px solid #2563eb;
  transform: scale(1.05);
}

.condition-card {
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  padding: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.xazis_container {
  border: 1px solid #c8ced9;
  padding: 8px;
  position: relative;
  border-radius: 6px;
}
.show_more_less_btn {
  color: #007bff;
  border: 1px solid #007bff;
  padding: 2px 0.5rem;
  border-radius: 18px;
}
.axsix_remove_btn {
  position: absolute;
  top: 4px;
  right: 5px;
  border: 1px solid #001e6e;
  padding: 3px;
  border-radius: 5px;
}

.d_table_top_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e5e5;
}

.d_table_left_section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.d_filter_btn,
.d_icon_btn {
  background: #fff !important;
  cursor: pointer;
  color: #6b7280 !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) !important;
}

.d_table_search_box {
  width: 250px;
  height: 33px;
  border: 1px solid #d6d6d6;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  gap: 8px;
}

.d_table_search_box i {
  color: #777;
}

.d_table_search_box input {
  border: none;
  outline: none;
  width: 100%;
  font-size: 13px;
}

.d_table_right_section {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* =======================  New Dasboard  Design End  =========================== */

.equ_modal_content {
  height: fit-content !important;
  min-height: 100%;
}

.dropdown_popup_container .k-dialog-content {
  overflow: hidden !important;
}

.dropdown_popup_container .order_register_content {
  height: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.sample_attachment_container .attachment_tab_container {
  background: #ffffff !important;
  /* width: 75% !important; */
  margin: 0px auto;
  /* min-height: 100vh !important; */
  height: 100% !important;
  padding: 20px;
}
.sample_attachment_container .rc-tabs-content {
  background-color: #f1f1f1 !important;
}
.camical_modal_container{
  min-width:650px ;
}
/* =================== New Action button Style change start ================= */
.action_btn_container_new{
  box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
  border-radius: 27px;
  padding: 4px 6px !important;
  width: fit-content !important;



}
 .action_one_btn_container_new{
    box-shadow: 0px 2.12px 6.51px -0.71px rgb(0 0 0 / 21%);
  border-radius: 50%;
  padding: 4px;
  width: fit-content !important;

 }

  /* =================== New Action button Style change End ================= */

/* ================= Sheet order Name  Value style Change Start ====================  */

.Sheet_order_name_value{
  font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: #172b4d !important ;
}
/* ================= Sheet order Name  Value style Change End ====================  */

/* ================= Dashboard DropDown and Layout Alignment Style Start ===================== */
.d_dropDown_btn .k-button-group .k-button{
    padding: 1px 9px !important;
}

/* .step_header_top .k-input-md{
  max-width:80% !important
} */
 
.dash_content_container{
  display: grid;
  /* grid-template-columns: repeat(2,1fr); */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 
  gap:20px; 
  height: calc(100vh - 245px);
}
.dash_content_container .kendo-box-wrap .k-grid{
  height: 292px !important
}
.dash_content_container .kendo-box-wrap{
  margin-bottom: 0 !important;
}
@media (max-width: 2560px) and (min-width: 2550px) {
.dash_content_container .kendo-box-wrap .k-grid{
height: 433px !important;

}
}
@media (max-width: 768px) and (min-width: 300px) {

  .dash_content_container {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ================= Dashboard DropDown and Layout Alignment Style End ===================== */
/*  ============== Spreed sheet Frozen and merge Dropdown Style Start ===================== */
.merge-popup .k-button{
  justify-content: start !important;
  width: 100% !important;
  padding: 2px !important; 
}
/*  ============== Spreed sheet Frozen and merge Dropdown Style End ===================== */

.link_open:hover{
  border-color: #1970eb !important;
}
.gwt-DialogBox{
  z-index: 10 !important;
}

.gwt-DialogBox.mjs-top .mjs-toolbar.gwt-RichTextToolbar {
  height: auto !important;
}

/* ============================================== label page barcode page design start ================================  */
.preview-container{
  min-height: calc(100vh - 387px)  !important;
  padding: 10px !important;
}
.label_card .card-header{
  padding: 10px !important;

}
.barcode_image_container{
  width: 100%;
  background: #f5f5f5;
  overflow: auto;
  padding: 10px;
  height: calc(100vh - 432px);
                      
}
.barcode_image_container_large{
    width: 100%;
  background: #f5f5f5;
  overflow: auto;
  padding: 10px;
  height: calc(100vh - 328px);
}
/* ============================================== label page barcode page design End ================================  */

.action_button_container{
  min-width:auto !important;
}
@media (max-width: 1280px) and (min-width: 300px) {
.form_group_input_container input,
.form_group_input_container select{
  min-width: 9rem !important;
}
}

.k-widget.k-window .k-window-titlebar + div .equ_container .overall-div .all-div{
  width: 100% !important;
}
.equ_footer {
  position: absolute !important;
  bottom: 0 !important;
  width: 100% !important;
  right: 0 !important;
  background: #f6f6f6 !important  ;
}
.k-window .k-window-titlebar + .equ_container_content {
  max-height: none !important;
  overflow: unset !important;
}
.equ_form_content{
  max-height: 70vh !important;
  overflow-y:scroll !important ;
padding-bottom: 60px !important;
}
.search-box .search_btn::before{
  width: 16px !important;
  height: 16px !important;
}
.equ_container .overall-div .all-div .k-edit-field{
margin-bottom: 2rem !important;
}

.clshideclearbutton .k-clear-value {
    display: flex !important;
}
.modal-open .modal.barcode_modal_container {
  z-index: 100001 !important;
}

.tree_item_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4px 8px;
  gap: 26px;
}

.tree_item_left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tree_folder_icon {
  color: #8a8f98;
  font-size: 14px;
}

.tree_item_text {
  color: #333;
  font-size: 14px;
}

.tree_print_icon {
  color: #555;
  font-size: 14px;
  cursor: pointer;
}
.user_icon{
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.k-editable-text-wrap{
  display: flex !important;
  gap: 16px !important;
}

.storage_node_select{
  padding: 5px !important;
}
.Zpl_label_screen_container{
     min-height: calc(100vh - 293px) !important;
}
.dynamic_filter_title{
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    text-transform: uppercase;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}
.import_content_tite{
  font-size:13px !important;
}
.audittrail_modal{
  z-index: 100000 !important; 
}
.label_scren_modal .modal-body{
max-height: 87vh !important;
  overflow: auto !important;
}

.label_scren_modal .bd-detail-tabs,
.inventory-modal .bd-detail-tabs {
  width: 100%;
  min-width: 0;
}
.label_scren_modal .bd-detail-tabs .rc-tabs-nav-wrap {
  border-top: none !important;
}
.label_scren_modal .bd-detail-tabs .rc-tabs-tab,
.inventory-modal .bd-detail-tabs .rc-tabs-tab {
  text-transform: none !important;
}
.label_scren_modal .bd-detail-tabs .rc-tabs-tab .rc-tabs-tab-btn,
.inventory-modal .bd-detail-tabs .rc-tabs-tab .rc-tabs-tab-btn {
  display: inline-flex !important;
  justify-content: center !important;
  width: auto !important;
  white-space: nowrap;
}
.label_scren_modal .bd-detail-tabs .rc-tabs-content,
.inventory-modal .bd-detail-tabs .rc-tabs-content,
.label_scren_modal .bd-detail-tabs .rc-tabs-tabpane,
.inventory-modal .bd-detail-tabs .rc-tabs-tabpane {
  height: auto !important;
  padding: 0 !important;
}
.inventory-modal .bd-detail-tabs .form-group label {
  width: auto !important;
  display: block !important;
}
.inventory-modal .bd-detail-tabs .form-group span {
  display: block !important;
  width: auto !important;
}
.open_new_tab_container .os-content-glue{
    height: auto !important;
}
.use_sync_btn{
    background: #1970eb !important;
    color: #fff;
    border-radius: 27px !important;
    padding: 4px 10px !important;

}
.sync_white::before{
  color:#fff !important;
  font-size: 12px  !important;
}
.icon_text{
  font-weight:600 !important ;
}
.fa_undo_icon::before{
      content: "" !important;
    background-image: url(../../images/actionbutton/Reopen.svg) !important;
    width: 15px;
    height: 13px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.new_input_style_square {
  border: 1px solid #d5d5d5 !important;
  background: transparent !important;
  border-radius: 5px !important;
  padding: 5px !important;
  height: 30px !important;
  width: 160px !important;
}

.show-order-label,.show-order-content{
  color:black;
}

.filter-popup__rc-tabs
  .rc-tabs-nav-wrap
  .rc-tabs-nav-list
  .rc-tabs-tab
  .rc-tabs-tab-btn {
   padding: 0.80rem 1rem !important;
}
.protocol_link_file_container .k-grid-container {
    height: calc(100vh - 459px) !important;
}
.protocol_table_container .k-icon.k-svg-icon.k-svg-i-caret-alt-down svg {
  display: block !important;
}
.protocol_table_container .k-icon.k-svg-icon.k-svg-i-caret-alt-down::before {
  all: unset !important;
}
.suggest_typed_container .os-viewport-native-scrollbars-invisible,
.suggest_typed_container .os-viewport-native-scrollbars-invisible.os-viewport{
    scrollbar-width: thin !important;
}
.information_value{
  word-wrap: anywhere !important;
}
.no_wrap{
  word-wrap:break-word  !important
}
@media (max-width: 1280px) and (min-width: 300px) {
.seq_input{
  width: 174px !important;
}
}
.modal-body.destination_folder_container .k-treeview {
  height: calc(100vh - 229px) !important;
}
.userIcon{
  width: 2.5rem ;
  height: 2.5rem ;
  display: flex;
  align-items: center;
}
.closeBtn{
    background: #fff !important;
    border: 0 !important;
    padding: 0.5rem !important;
    border-radius: 26px !important;
    outline: none !important;
    cursor: pointer;
    width: 30px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 5px 1px rgb(14 91 202 / 20%);
}
.sheet_container .k-spreadsheet-view .k-disabled{
  opacity: 1 !important;
}

/* Combobox / custom-editor dropdown arrow on frozen columns */
.k-spreadsheet .k-spreadsheet-editor-button,
.k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button {
  position: absolute !important;
  z-index: 120 !important;
}
.k-spreadsheet-pane.k-left .k-spreadsheet-editor-button,
.k-spreadsheet-pane.k-top .k-spreadsheet-editor-button {
  z-index: 200 !important;
}
.k-spreadsheet .k-selection-wrapper .k-spreadsheet-editor-button.k-spreadsheet-last-column {
  transform: translateX(-100%);
}

.compare_table_container table th ,.compare_table_container table td{
  text-wrap: nowrap !important;
}
.seq_container{
    height: calc(100vh - 160px) !important;
}