@import "widget-search.css";
@import "page-not-found.css";
@import "files-folder-widget.css";
@import "pages/no-cc-assigned.css";
@import "pages/c3-efs-trash-list.css";
@import "components/toaster.css";
@import "components/select-dropdown.css";
@import "pages/teams-widget.css";
@import "pages/my-products-widget.css";
@import "pages/contract-widget.css";
@import "pages/discover-widget.css";
@import "pages/invoice-widget.css";
@import "pages/cil-widget.css";
@import "pages/error-page.css";
@import "pages/cash-burn.css";
@import "pages/profile.css";
@import "components/page-error.css";
@import "pages/my-engagements.css";
@import "components/widget-export-dropdown.css";
@import "pages/documentation.css";
@import "pages/cashburn.css";
@import "pages/escalon-partners.css";

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../../fonts/fa-brands-400.eot");
  src: url("../../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/fa-brands-400.woff2") format("woff2"),
    url("../../fonts/fa-brands-400.woff") format("woff"),
    url("../../fonts/fa-brands-400.ttf") format("truetype"),
    url("../../fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: "Font Awesome 5 Free";
}

@font-face {
  font-family: "neue-haas";
  src: url("../fonts/nhaasgrotesktxpro-55rg-webfont.woff2") format("woff2"),
    url("../fonts/nhaasgrotesktxpro-55rg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-medium";
  src: url("../fonts/nhaasgrotesktxpro-65md-webfont.woff2") format("woff2"),
    url("../fonts/nhaasgrotesktxpro-65md-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas-bold";
  src: url("../fonts/nhaasgrotesktxpro-75bd-webfont.woff2") format("woff2"),
    url("../fonts/nhaasgrotesktxpro-75bd-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "neue-haas";
  src: url("../fonts/o 55Rg.eot");
  src: url("../fonts/o 55Rg.eot?#iefix") format("embedded-opentype"),
    url("../fonts/o 55Rg.woff2") format("woff2"),
    url("../fonts/o 55Rg.woff") format("woff"),
    url("../fonts/o 55Rg.ttf") format("truetype"),
    url("../fonts/o 55Rg.svg#o 55Rg") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0-10FFFF;
}

body,
p,
ol li,
ul li {
  font-family: "Nunito", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600 !important;
  font-family: "Nunito", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.header-global
  .container-fluid
  .row
  div
  ul.right-buttons
  li
  button.connector-refresh-btn {
  width: 30px !important;
  height: 31px !important;
}

.font-sm {
  font-size: 0.875rem !important;
}

h1 {
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #141414;
}

h2 {
  font-size: 24px !important;
  font-weight: 600 !important;
}

h3 {
  font-size: 16px !important;
  font-weight: 500 !important;
}

p,
body {
  font-size: 13px !important;
}

h4 {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #141414;
}

/***global css code **/
.hand-cursor {
  /* cursor: url("/neumorphism/assets/img/pointer-icon.png"), auto !important; */
  cursor: pointer;
}

.disable-cursor,
.disable-cursor .fa,
.disable-cursor .fas {
  cursor: url("/neumorphism/assets/img/disable-icon.png"), auto !important;
  pointer-events: auto !important;
}

a,
.menu-open-button,
.custom-pointer,
.nav-link,
.movewidget-icon {
  /* cursor: url("/neumorphism/assets/img/pointer-icon.png"), auto !important; */
  cursor: pointer;
  outline: none !important;
}

a.nopointer,
.fa.nopointer,
.fas.nopointer,
.nopointer {
  cursor: default !important;
  outline: none !important;
}

.card .dot-ico-position span {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.card:hover .dot-ico-position span {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  /* cursor: url("/neumorphism/assets/img/pointer-icon.png"), auto; */
  cursor: pointer;
}

.movewidget-icon {
  opacity: 0;
  max-width: 0;
  display: inline-block;
  transition: max-width 1s ease-out 0.1s, opacity 1s ease-out 0.1s, color;
  margin-top: -2px;
}

.card:hover .movewidget-icon {
  opacity: 1;
  max-width: 20px;
  transition: max-width 1s ease-out 0.1s, opacity 1s ease-out 0.1s, color 0.2s;
}

.dot-ico-position {
  position: absolute;
  width: auto;
  right: 25px;
  top: 20px;
  z-index: 2;
  /* cursor: url("/neumorphism/assets/img/pointer-icon.png"), auto; */
  cursor: pointer;
}

.dot-ico-position img {
  max-width: 8px;
}

.widget-icons {
  position: absolute;
  width: auto;
  right: 10px;
  text-align: right;
  background: #fbfcfd;
  padding: 3px 0px 3px 10px;
  top: 10px;
  z-index: 1;
}

.menu-behind-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  z-index: 998;
  display: none;
}

.fade-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  z-index: 999;
  display: none;
  top: 0;
  left: 0;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8d8d8d !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8d8d8d !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8d8d8d !important;
}

.btn-secondary:hover {
  background: #f67405 !important;
  border-color: #eb6d00 !important;
  box-shadow: inset 2px 2px 5px #d86300, inset -3px -3px 7px #ff7900 !important;
}

.btn-secondary:focus {
  background: #f67405 !important;
  border-color: #eb6d00 !important;
  box-shadow: inset 2px 2px 5px #d86300, inset -3px -3px 7px #ff7900 !important;
}

/* grid title movable */
.post-group {
  width: 100%;
}

h5.mt-025 {
  margin-top: 0.25rem !important;
  width: 90%;
  overflow: hidden;
  height: 22px;
}

.movewidget-icon {
  display: inline-block;
  /* cursor: url("/neumorphism/assets/img/move.png"), auto; */
  cursor: pointer;
}

.gridster ul {
  background-color: transparent;
}

g tspan {
  color: #141414;
  font-size: 0.825rem;
}

/* data table css */
.dataTables_empty {
  text-align: center;
}

table.dataTable tr td.dataTables_empty {
  text-align: center !important;
  /*border: 0px !important;*/
}

/* table.dataTable thead th.sorting_disabled {
  padding: 0 6px !important;
} */

table.dataTable.stripe tbody tr,
table.dataTable tbody tr {
  font-size: 13px !important;
  border-bottom: 1px solid #dcdcdc;
  line-height: 30px;
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold !important;
  line-height: 30px;
  /*background: #e2e3e7 !important;
 */
}

table.dataTable thead th {
  border-top: 0px solid transparent !important;
  color: #141414;
}

table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  /* background-color: transparent !important; */
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid #dcdcdc !important;
}

table.dataTable tbody tr,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: transparent !important;
}

table.dataTable.no-footer {
  border-bottom: 0px solid transparent !important;
}

/*table.dataTable thead th, table.dataTable thead td{
  padding: 12px 10px 12px 16px !important;
  vertical-align: middle;
}*/
/* table.dataTable thead th.sorting,
table.dataTable thead th.sorting_desc,
table.dataTable thead th.sorting_asc,
table.dataTable thead td.sorting {
  padding-left: 18px;
} */

table.dataTable thead th {
  vertical-align: middle;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer !important;
  *cursor: hand !important;
  background-repeat: no-repeat !important;
  background-position: center left !important;
}

.dataTables_filter label {
  color: #141414;
}

.dataTables_filter label input {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-bottom: 1px solid #e2e3e7 !important;
  background: transparent !important;
}

.dataTables_filter label input:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
  outline-color: -webkit-focus-ring-color !important;
  outline-style: auto !important;
  outline-width: 0px !important;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  position: absolute;
  right: 0;
  top: -48px;
}

table.dataTable tbody tr.bold-row td {
  font-weight: bold;
}

.dataTables_paginate.paging_full_numbers {
  margin-bottom: 15px;
  margin-top: 20px;
}

.rosterPagination {
  white-space: nowrap;
}

/* data table css ends here */
/* kpi toggle value start*/
.kpi-switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
}

.kpi-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.kpi-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #da594d;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

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

input:checked + .kpi-slider {
  background-color: #2b8a3e;
}

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

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

.kpi-slider.round {
  border-radius: 34px;
}

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

.btn-primary {
  /* border-radius: 15% !important;
  width: 30px;
  height: 31px; */
}

/* kpi toggle value ends*/

.Trend {
  .fa-arrow-down {
    color: #f03e3e;
  }

  .fa-arrow-up {
    color: #2f9e44;
  }
}

ul.right-buttons {
  float: right;
  width: auto;
}

ul.right-buttons li {
  list-style-type: none;
  display: inline-block;
  float: left;
  text-align: left;
  margin-right: 16px;
}

ul.right-buttons li:last-child {
  margin-right: 0px;
}

.profile-pic,
.head-notification,
.head-setting {
  width: auto;
  height: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0px;
  -webkit-border-radius: 15%;
  -moz-border-radius: 15%;
  border-radius: 15%;
  color: #141414;
  /* cursor: pointer; */
  border-color: transparent;
  box-shadow: inset 0 1px 0 rgba(236, 240, 243, 0.15),
    0 1px 1px rgba(38, 40, 51, 0.075);
  background: #fbfcfd;
  /* cursor: url("/neumorphism/assets/img/pointer-icon.png"), auto !important;  */

  cursor: pointer;
}

/* .profile-pic span {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
} */

/* .profile-pic img {
  width: 20px;
} */

.profile-pic img.es-profile-pic {
  max-width: 80%;
  border-radius: 0;
  width: 20px;
}

.head-notification .btn,
.head-setting .btn {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .profile-pic .header-profile-user {
  max-width: 20px;
} */

.head-notification img,
.head-setting img {
  width: 100%;
  max-width: 20px;
  display: block;
}

.head-notification .count {
  position: absolute;
  background: #f7813d;
  width: 16px;
  height: 16px;
  color: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 9px;
  right: -8px;
  top: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.profile-dropdown {
  display: block;
  position: absolute;
  top: 50px;
  right: 0px;
  z-index: 999;
  padding: 10px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: -moz-linear-gradient(-45deg, #eaebf1 0%, #f1f2f6 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #eaebf1 0%,
    #f1f2f6 100%
  ) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #eaebf1 0%, #f1f2f6 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaebf1', endColorstr='#f1f2f6', GradientType=1) !important;
  /* IE6-9 fallback on horizontal gradient */
}

ul.profile-dropdown li {
  list-style-type: none;
  display: inline-block;
  float: left;
  text-align: left;
  width: 150px;
}

ul.profile-dropdown li a {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5;
  padding: 6px;
}

.fa-search {
  cursor: pointer;
}

/** search bar expand start**/
input {
  outline: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
}

input:-moz-placeholder {
  color: #999;
}

input::-webkit-input-placeholder {
  color: #999;
}

#main-srch input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 100%;
  background: transparent url("/neumorphism/assets/img/main-search.png")
    no-repeat 10px;
  width: 0px;
  color: transparent;
  cursor: pointer;
  border: solid 0px #ccc;
  padding: 9px 10px 9px 25px;
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

#main-srch input[type="search"]:focus {
  width: 130px;
  padding-left: 32px;
  color: #141414;
  background-color: #fbfcfd;
  cursor: auto;
  box-shadow: 6px 6px 12px #d2d2dd, -6px -6px 12px #eeecf3 !important;
}

#main-srch input:-moz-placeholder {
  color: transparent !important;
}

#main-srch input::-webkit-input-placeholder {
  color: transparent !important;
}

/** search bar expand end**/
/* #datatable-srch input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 14px;
  background: transparent url("/neumorphism/assets/img/main-search.png") no-repeat 3px 2px;
  width: 0px;
  color: transparent;
  cursor: pointer;
  border: solid 0px #ccc;
  padding: 0px 10px 0px 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  background-size: 14px;
} */

/* #datatable-srch input[type="search"]:focus {
  width: 130px;
  padding-left: 25px;
  color: #141414;
  background-color: #fff;
  cursor: auto !important;
  border-bottom: 1px solid #cccccc;
  padding-right: 25px;
} */

/* #datatable-srch button.reset-search {
  border: 0;
  background: transparent;
  font-size: 16px;
  color: #9b9b9b;
  position: absolute;
  right: 0;
  opacity: 0;
  display: none;
  top: 0px;
}

#datatable-srch input[type="search"]:focus+button.reset-search {
  opacity: 1;
  display: block;
} */

#datatable-srch input:-moz-placeholder {
  color: transparent !important;
}

#datatable-srch input::-webkit-input-placeholder {
  color: transparent !important;
}

/** search bar expand end**/
/****login page code starts here **/
#homepage {
  color: #141414;
  height: 100%;
}

#homebgContainer {
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media (min-width: 900px) {
  #homebgContainer {
    width: calc(100% - 400px);
  }
}

.backgroundPanel {
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.backgroundPanel.active {
  -webkit-animation-name: bg-fadeIn;
  -moz-animation-name: bg-fadeIn;
  -ms-animation-name: bg-fadeIn;
  -o-animation-name: bg-fadeIn;
  animation-name: bg-fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.backgroundPanel .backgroundImage {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 899px) {
  .backgroundPanel::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}

@-moz-keyframes bg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes bg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes bg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes bg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bg-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width: 900px) {
  .homepage-background-fade {
    bottom: 0;
    height: 280px;
    position: absolute;
    left: 0;
    width: 100%;
  }
}

.signup-sidepane {
  height: 100vh;
  padding: 90px 50px 0;
  position: relative;
}

@media (max-width: 899px) {
  .signup-sidepane {
    background-image: none;
    min-height: 500px;
    padding: 20px 50px 0;
  }
}

@media (min-width: 900px) {
  .signup-sidepane {
    width: 400px;
    float: right;
  }
}

.signup-controls {
  margin: auto;
  max-width: 300px;
}

@media (max-width: 899px) {
  .signup-controls {
    margin-top: 10px;
  }
}

#enter-email-sec {
  display: none;
}

.enter-pswd-sec {
  display: none;
}

.reset-pswd-sec {
  display: none;
}

.pswd-changed-sec {
  display: none;
}

.forgot-pswd-sec {
  display: none;
}

.send-invite-sec {
  display: none;
}

.invite-sent-sec {
  display: none;
}

/****login page code ends here **/
.no-shadow {
  box-shadow: none !important;
}

.esc-logo {
  height: 70px;
  display: inline-block;
}

.esc-logo img {
  width: 91px;
}

/* .client-logo {
  height: 70px;
  display: inline-block;
} */

.client-logo img {
  max-width: 160px;
  width: 100%;
  display: block;
}

/*sprite-images-css-starts-here*/
.Icon-Archive {
  width: 25px;
  height: 25px;
  background-position: -134px -5px;
  display: inline-block;
}

.Icon-Archive:hover {
  background-position: -166px -5px;
}

.Icon-unArchive {
  width: 25px;
  height: 25px;
  background-position: -8px -106px;
  display: inline-block;
}

.Icon-unArchive:hover {
  background-position: -40px -106px;
}

.Icon-delete {
  width: 25px;
  height: 25px;
  background-position: -136px -104px;
  display: inline-block;
}

.Icon-delete:hover {
  background-position: -168px -104px;
}

.Icon-view {
  width: 25px;
  height: 25px;
  background-position: -7px -137px;
  display: inline-block;
}

.Icon-view:hover {
  background-position: -39px -137px;
}

.Icon-disabledUser {
  width: 25px;
  height: 25px;
  background-position: -70px -71px;
  display: inline-block;
}

.Icon-disabledUser:hover {
  background-position: -102px -71px;
}

.Icon-enableUser {
  width: 25px;
  height: 25px;
  background-position: -135px -137px;
  display: inline-block;
}

.Icon-enableUser:hover {
  background-position: -167px -137px;
}

.set-default {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: -68px -38px;
}

.set-default:hover {
  background-position: -100px -38px;
}

.set-edit {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: 271px -39px;
}

.set-edit:hover {
  background-position: 239px -39px;
}

.Icon-copy {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: -5px -171px;
}

.Icon-copy:hover {
  background-position: -37px -171px;
}

.Icon-production {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-position: -72px -172px;
}

.Icon-Filter {
  width: 17px;
  height: 17px;
  background-position: -6px -12px;
}

.Icon-Filter:hover {
  background-position: -38px -12px;
}

.Icon-not-connected {
  width: 18px;
  height: 18px;
  background-position: -75px -141px;
  display: inline-block;
}

.Icon-not-connected2 {
  width: 18px;
  height: 18px;
  background-position: -107px -141px;
  display: inline-block;
  position: relative;
  top: 1px;
}

.Sprite-bg {
  background-image: url("/neumorphism/assets/img/sprites.png");
  /* -webkit-transition: ease-in-out 0.2s;
  -moz-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  -ms-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.5s; */
  text-indent: -9999px;
}

.sprite-no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
  text-indent: -9999px;
}

.Icon-Monitoring-nohover {
  width: 24px;
  height: 22px;
  float: left;
  background-position: -72px -8px;
  margin-right: 10px;
}

.Icon-Monitoring,
a .Icon-Monitoring {
  width: 24px;
  height: 22px;
  float: left;
  background-position: -72px -8px;
  margin-right: 10px;
}

.Icon-Monitoring:hover,
a:hover .Icon-Monitoring {
  background-position: -104px -8px;
}

.Icon-temp {
  width: 22px;
  height: 22px;
  float: left;
  background-position: -136px -173px;
  margin-right: 10px;
}

.User-Mangement {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 209px -56px;
}

.User-Mangement:hover {
  background-position: 157px -56px;
}

.Access-Mangement {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 105px -56px;
}

.Access-Mangement:hover {
  background-position: 53px -56px;
}

.edit_cc_name {
  width: 24px;
  height: 24px;
  float: left;
  background-position: 268px -40px;
}

.menu_tabs_edit {
  background-position: 239px -42px;
  width: 25px;
  height: 25px;
  float: left;
}

.manage_roles_icon {
  background-position: -102px -106px;
  width: 25px;
  height: 25px;
  float: left;
}

.manage_roles_lg {
  background-position: 209px -367px;
  width: 50px;
  height: 50px;
  float: left;
}

.manage_roles_lg:hover {
  background-position: 157px -367px;
}

a.edit_tabs,
.text-orange {
  color: #f7813d !important;
  line-height: normal;
}

.text-orange {
  color: #f7813d !important;
}

a.edit_tabs:hover {
  color: #f7813d !important;
}

a.edit_page {
  color: #f7813d !important;
}

a.edit_page:hover {
  color: #f7813d !important;
}

.my_cc {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 209px -1px;
}

.my_cc:hover {
  background-position: 157px -1px;
}

.ClientList_cc {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 105px -3px;
}

.ClientList_cc:hover {
  background-position: 53px -3px;
}

.Mng_credentials {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 209px -108px;
}

.Mng_credentials:hover {
  background-position: 157px -108px;
}

.logs_icon {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 158px -919px;
}

.logs_icon:hover {
  background-position: 106px -419px;
}

.client_info {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 209px -158px;
  /*background-position:209px -367px;*/
}

.client_info:hover {
  background-position: 157px -158px;
  /*background-position:157px -367px;*/
}

.template_cc {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 105px -367px;
}

.template_cc:hover {
  background-position: 53px -367px;
}

.User_assignment {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 107px -211px;
}

.User_assignment:hover {
  background-position: 55px -211px;
}

.Icon_widget_list {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 209px -263px;
}

.Icon_widget_list:hover {
  background-position: 157px -263px;
}

.Icon_widget_assignment {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 210px -314px;
}

.Icon_widget_assignment:hover {
  background-position: 157px -314px;
}

.Icon_connector {
  width: 50px;
  height: 50px;
  float: left;
  background-position: 208px -210px;
}

.Icon_connector:hover {
  background-position: 156px -210px;
}

.tab-move-icon {
  width: 24px;
  height: 24px;
  float: left;
  background-position: -8px -35px;
}

.tab-edit-icon {
  background-position: -132px -39px;
  opacity: 0;
}

.widget_1 {
  width: 50px;
  height: 50px;
  /* float: left;
  background-position:-129px -65px; */
}

.widget_1 i {
  font-size: 22px;
  vertical-align: middle;
  line-height: 34px !important;
}

.icon-plaid {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 99px -113px;
}

.icon-docusign {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 46px -113px;
}

.icon-qbo {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 47px -164px;
}

.icon-dnb {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 97px -163px;
}

.icon-expensify {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 97px -268px;
}

.icon-google {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 95px -320px;
}

.icon-connector-default {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 200px -215px;
}

.icon-benerite {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 200px -424px;
}

.icon-bill {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 45px -268px;
}

.icon-widgets {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 46px -319px;
}

.tab-edit-icon:hover {
  background-position: -164px -39px;
}

.tab-remove-icon {
  background-position: -8px -75px;
  opacity: 0;
}

.tab-remove-icon:hover {
  background-position: -40px -75px;
}

/*main menu icons sprite*/
.m-07 {
  margin: 0.7rem !important;
}

/**pagination design ***/
#pageDiv .pagination > .disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

#pageDiv .pagination {
  float: right;
}

ul.pagination.number-pagi {
  display: flex;
  justify-content: start;
}

ul.pagination.number-pagi {
  display: flex;
  justify-content: start;
  align-items: center;
}

ul.pagination {
  display: flex;
  justify-content: center;
}

ul.pagination li {
  display: list-item;
}

@media only screen and (max-width: 1024px) {
  ul.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  ul.pagination li {
    margin-top: 20px;
  }
}

.loading-widget-forDev {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 0;
  background-color: #fbfcfd;
  -webkit-box-shadow: 3px 3px 6px #d2d2dd, -3px -3px 6px #eeecf3;
  -moz-box-shadow: 3px 3px 6px #d2d2dd, -3px -3px 6px #eeecf3;
  box-shadow: 3px 3px 6px #d2d2dd, -3px -3px 6px #eeecf3;
  margin: 0px 4px;
  color: #141414 !important;
  border: 0px !important;
}

.card .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  -webkit-box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  -moz-box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  background-color: #e6e7ee !important;
  z-index: 2;
  text-decoration: none !important;
  border: 0px !important;
  color: #141414 !important;
  outline: none;
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%) !important;
}

.card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.card
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled:active {
  box-shadow: none !important;
  cursor: default;
  color: #c6c6c6 !important;
  background: none !important;
  border: 0px !important;
}

.card .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.card .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  -webkit-box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  -moz-box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  border: 0px !important;
  color: #141414 !important;
  outline: none;
}

.card .dataTables_wrapper .dataTables_paginate .first {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.card .dataTables_wrapper .dataTables_paginate .last {
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.4rem 0.45rem !important;
}

.numericCol {
  float: right;
}

/* sales page linking data code start*/
.x-link {
  position: absolute;
  bottom: -120px;
  right: -105px;
  width: 210px;
  height: auto;
  text-align: center;
}

.x-link span {
  height: 50px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .x-link {
    position: relative;
    text-align: left;
    bottom: 0px;
    right: 0px;
    padding: 10px;
  }

  .list-group-flush .list-group-item label {
    display: block;
  }
}

#style-4::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}

#style-4::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border: 2px solid #ccc;
  border-radius: 10px;
}

/* .modal:nth-of-type(even) {
  z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
  z-index: 1051 !important;
} */
.scrollbar {
  float: left;
  width: 100%;
  height: 430px;
  overflow-y: scroll;
  margin-bottom: 25px;
}

.force-overflow {
  min-height: 450px;
}

.bottom_buttons {
  position: fixed;
  right: 25px;
  bottom: 28px;
  z-index: 997;
  bottom: 30px;
}

.fb-fix-height {
  height: 430px;
  overflow: auto;
}

.dropdown.filter-btn .dropdown-toggle::after {
  border: none;
}

.filter-btn.dropdown-toggle::after {
  visibility: hidden;
}

.alert-weather .close {
  top: 50% !important;
  right: 0.5rem !important;
  opacity: 0.7 !important;
}

.alert-custom .close {
  top: 26% !important;
  right: 0.5rem !important;
  opacity: 0.7 !important;
}

.alert-weather .close i,
.alert-custom .close i {
  font-size: 14px;
  opacity: 0.6;
  font-weight: normal;
}

.custom-list-title {
  font-size: 13px;
  float: left;
  margin: 0;
  padding-top: 22px;
  text-transform: uppercase;
  font-weight: bold;
}

.mt-n0 {
  margin-top: -0.15rem !important;
}

/* equal height for cc list page's divs*/
.col-sm-12.col-lg-3 .mb-4:last-child {
  margin-bottom: 0px !important;
}

#video-behind-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(255, 255, 255, 1);
  z-index: 10000;
  display: block;
  bottom: 0;
  top: 0;
  left: 0;
}

.video-div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  z-index: 10001;
  text-align: center;
}

.noReSize span.gs-resize-handle.gs-resize-handle-both {
  display: none;
}

.invalid-feedback.custom-position {
  position: absolute;
  top: 37px;
  left: 0;
  z-index: 9;
  white-space: nowrap;
}

span.export-report a:hover {
  color: #f7813d;
}

#RoleBasedUser {
  position: relative;
}

#RoleBasedUser .invalid-feedback {
  position: absolute;
  left: 0;
  top: 30px;
  font-size: 12px;
}

#RoleBasedUser .dropdown.bootstrap-select {
  margin: 0px !important;
}

/*** widget studio **/
.panel-heading.collapsed .fa-chevron-down,
.panel-heading .fa-chevron-right {
  display: none;
}

.panel-heading.collapsed .fa-chevron-right,
.panel-heading .fa-chevron-down {
  display: inline-block;
}

.collapsed ~ .panel-body {
  padding: 0;
}

.viewContainer p {
  margin-bottom: 0px;
}

.widget_type_section .panel-body {
  /*max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;*/
  padding: 0 15px;
}

#js-legend {
  position: absolute;
  top: 60px;
  right: 30px;
}

#js-legend ul {
  margin-left: 10px;
  padding: 0px;
}

#js-legend ul li {
  margin: 6px;
  display: block;
}

#js-legend ul li span {
  width: 11px;
  height: 11px;
  display: inline-block;
  margin: 0 6px;
}

.upload-valid {
  position: absolute;
  left: 0;
  border: 0;
  bottom: -22px;
  text-align: center;
  right: 0;
  line-height: 14px;
}

.content-over {
  position: absolute !important;
  width: 100% !important;
}

ul.connector-list li:last-child .widget-exist {
  bottom: 19px;
  top: auto;
}

.dynamic_inputs .bootstrap-select.input-parms .dropdown-menu ul {
  min-width: auto !important;
}

.dynamic_inputs .bootstrap-select.input-parms .dropdown-menu ul li a {
  white-space: normal;
}

.cust-ellipsis {
  white-space: nowrap;
}

.p-vertical-center {
  position: relative;
  top: 35%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.report-date {
  top: -31px;
  left: 15px;
  position: absolute;
}

span.export-report {
  position: absolute;
  right: 0px;
  top: 20px;
  width: 150px;
  display: none;
  z-index: 99;
}

span.export-report a {
  float: left;
  width: 100%;
  padding: 6px;
  font-size: 13px;
}

.temp-box {
  background: #fbfcfd;
  border-radius: 4px;
  position: absolute;
  top: 48px;
  right: 15px;
  z-index: 9;
}

.input-trnsparent {
  background: transparent;
}

.optional-template {
  position: absolute;
  top: -11px;
  left: 9px;
  z-index: 9;
  font-size: 10px;
  background: #e2e2e2;
  padding: 0px 6px;
  border: 1px solid #eee;
  border-radius: 10px;
  color: #495057;
}

.copy-template-box {
  position: absolute;
  width: 280px;
  min-height: 125px;
  right: 0px;
  top: 41px;
  z-index: 99;
  display: none;
  font-size: 1rem;
}

/********chat messages css **************/
.msgbox {
  /* border: 1px solid #dedede; */
  border-radius: 5px;
  padding: 10px;
  margin: 0px 0px 20px 0px;
  width: 100%;
}

.darker {
  /* background-color: #f1f1f1; */
  float: right;
}

.msgbox::after {
  content: "";
  clear: both;
  display: table;
}

.msgbox img {
  float: left;
  max-width: 50px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
  /* margin-top: 3px; */
}

.msgbox img.right {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

.time-right {
  float: right;
  color: #aaa;
  width: 100%;
}

.time-left {
  float: right;
  color: #999;
  width: 100%;
  text-align: right;
}

.msg-outer {
  position: relative;
  padding-bottom: 80px;
  /* min-height: 250px; */
}

.typebox {
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  background: #fbfcfd;
}

.typebox textarea.form-control {
  height: 42px;
  transition: all 0.5s ease;
}

.typebox textarea.form-control:focus {
  height: 90px;
}

.typebox .btn-absolute {
  position: absolute !important;
  bottom: 0;
  right: 15px;
}

.c-attachments {
  /* border: 1px solid #dedede; */
  border-radius: 5px;
  padding: 15px;
}

.c-attachments .docs_div {
  margin-bottom: 10px;
}

.c-attachments .small {
  color: #aaaaaa;
  float: left;
}

.c-attachments i {
  display: none;
  transition: all 0.5s ease;
}

.c-attachments .docs_div:hover i,
.c-attachments .docs_div:focus i {
  display: inline-block;
}

.filter-toggle {
  margin-top: 2px;
}

table.payroll-header > thead > tr > th {
  font-weight: bold !important;
}

/********chat messages css ends*********/
/******* QR code editor *********/
.QR-box {
  position: relative;
  width: 180px;
  height: 180px;
  background: #eef2f7;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 10px 40px rgb(140, 140, 140);
  color: white;
}

.QR-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  transition: 0.5s;
  pointer-events: none;
}

.QR-box .QR-content {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(9, 0, 0, 0.3);
}

.QR-box span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
}

.QR-box span:nth-child(1) {
  transform: rotate(0deg);
}

.QR-box span:nth-child(2) {
  transform: rotate(90deg);
}

.QR-box span:nth-child(3) {
  transform: rotate(180deg);
}

.QR-box span:nth-child(4) {
  transform: rotate(270deg);
}

.QR-box span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #f7813d;
  animation: animate 4s linear infinite;
}

@keyframes animate {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }

  50% {
    transform: scaleX(1);
    transform-origin: left;
  }

  50.1% {
    transform: scaleX(1);
    transform-origin: right;
  }

  100% {
    transform: scaleX(0);
    transform-origin: right;
  }
}

.dropzone .dz-preview .dz-error-message {
  top: 150px !important;
}

.bg-extra-light {
  background-color: #f6f4f4 !important;
}

.show-process {
  position: absolute;
  display: none;
  width: 400px;
  right: -96px;
  background: #fff;
  z-index: 9;
  top: -202px;
}

/***** QR code ends editor *********/
.ser-icon {
  padding-right: 10px;
  border-right: 1px solid #666666;
  margin-right: 8px;
}

.loggs-list ul li span {
  font-size: 13px;
}

.loggs-list ul li span.browser {
  color: #222222;
  background: #e7e7e9;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
}

.loggs-list ul li span.userid,
span.userid {
  border: 1px solid #dddddd;
  padding: 0px 4px;
  font-size: 12px !important;
  border-radius: 4px;
  display: inline-block;
}

.loggs-list ul li span.time-column {
  border-right: 1px solid #cccccc;
  position: relative;
}

.loggs-list ul li span.time-column::after {
  display: inline-block;
  content: "";
  border-top: 0.1rem solid #cccccc;
  width: 3rem;
  transform: translate(2.5rem, 0.3rem);
}

.tooltip-inner {
  /* currently working in logs interface*/
  max-width: 100% !important;
}

@media (max-width: 800px) {
  .loggs-list ul li span.time-column::after {
    transform: translate(5.5rem, -0.7rem);
  }
}

@media (max-width: 600px) {
  .loggs-list ul li.d-flex {
    display: block !important;
  }

  .loggs-list ul li span.time-column::after {
    display: none;
  }

  .loggs-list ul li span {
    width: 100% !important;
    display: inline-block;
  }
}

/**** Quill Editor *******************/

.ql-container.ql-snow {
  height: 150px;
}

.ws-text-wgt.ql-container.ql-snow {
  height: auto !important;
}

.msg-outer #editor .ql-editor {
  height: 40px;
  transition: all 0.5s ease;
  box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  -webkit-box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  -moz-box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
  border-radius: 0.55rem;
  width: 97%;
  padding: 11px 15px 7px 15px;
  background: #fff;
}

.msg-outer #editor .ql-editor:focus {
  height: 90px;
}

.msg-outer .ql-container {
  height: auto;
}

.viewContainer.ql-editor {
  padding: 0px;
}

.viewContainer.ql-editor p {
  min-height: 20px;
}

.viewContainer.ql-editor ul li {
  margin: 0.6rem 0rem;
}

.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  /* padding: 12px 15px; */
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  height: 42px;
  transition: all 0.5s ease;
  /* min-height:150px  !important; */
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "\25CF";
}

.ql-editor li::before {
  display: inline-block;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
}

.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num;
}

.ql-editor ol li:before {
  content: counter(list-num, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

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

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}

.ql-editor h1 {
  font-size: 1.85em;
}

.ql-editor h2 {
  font-size: 1.5em;
}

/**** Quill Editor ends*******************/
/** Graph Parent child checkbox css start-- Robin **/
.show_hide_children_graph {
  display: none;
}

/** Graph Parent child checkbox css end-- Robin **/
/** Google Spreadsheet Vipin **/
.listAllspreadsheetTitlesDiv {
  display: none;
}

/** Google Spreadsheet Vipin **/
/** notifications tab radio btns start **/
.box-radio {
  padding: 7px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 4px;
}

.box-radio.active {
  border: 1px solid #f7813d;
}

.box-radio .form-check input[type="radio"] + .form-check-label {
  padding-top: 0;
}

.radio-sm-text {
  font-size: 13px;
  float: right;
}

.notifications-plus a.accordian-cross {
  top: 15px;
}

.accordion.notifications-plus > .card {
  overflow: unset;
}

/** notifications tab radio btns ends **/

/** Graph No data available message start **/
.empty-message {
  text-align: center;
  /* padding-top: 100px !important; */
}

.invalid-feedback-notification {
  /*display: none;*/
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #da594d;
  line-height: 22px;
}

.micro-invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #da594d;
  line-height: 14px;
}

.weekend_container {
  display: none;
}

#monthly_on,
.multi_time_container,
.monthly_on_div {
  visibility: hidden;
}

/** Graph No data available message end **/
.bg-report {
  background: #f1f1f1;
}

.err-succ-toast {
  position: fixed;
  bottom: 10%;
  z-index: 9999;
  right: 3%;
  max-width: 350px;
  min-width: 200px;
  color: #fff;
  padding: 10px;
  font-size: 14px;
}

.err-succ-toast.error-toast {
  background: #eb5a68;
}

.err-succ-toast.success-toast {
  background: #6ed284;
}

.add-changes-button {
  margin: 0 0 10px 0 !important;
}

.instr-doc {
  position: absolute;
  z-index: 999;
  top: 25px;
  padding: 15px;
  background: #ffffff;
  display: none;
}

.instruc:hover + .instr-doc {
  display: block;
}

.instr-doc ul li {
  font-size: 12px;
  line-height: 18px;
}

.city-n i {
  font-size: 16px;
}

.access-management-listing {
  height: 48px;
}

ul.users_select > li,
ul.user_role_select > li {
  margin-left: 0px !important;
}

/**** Apply formula div in graph 
** Robin singh on 15-07-2021
***/
div.editable {
  width: 100%;
  height: 65px;
  border: 1px solid #ccc;
  padding: 35px;
}

.formula-label-info {
  background-color: #c1c1c1;
  margin-right: 2px;
  color: white;
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.edit_formula_label {
  width: 24px;
  height: 24px;
  float: left;
  background-position: 268px -40px;
}

.id-badge {
  background: #f9e8e3;
  color: #ff6c39;
  padding: 4px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 18px;
  font-size: 14px;
}

.active-badge {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  padding: 3px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 18px;
  font-size: 14px;
  width: 80px;
}

.notactive-badge {
  background: #d8d8d8;
  padding: 3px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 18px;
  font-size: 14px;
}

.link-hover:hover {
  color: #f7813d;
}

.benerite-label {
  color: #a3a3a3;
  line-height: 1.5 !important;
}

.employee-details-modal {
  width: 90% !important;
  max-width: 100% !important;
}

.text-999 {
  color: #999999;
}

/* .pageLevelFilterDropdown>.dropdown-menu.show {
  min-width: 180px !important;
  transform: translate3d(0px, 30px, 0px) !important;
} */

/* .bootstrap-select>.dropdown-menu.show {
  min-width: 140px !important;
} */

/**
* Widget error message box css
* Created By: Robin singh
* Created On:  05-08-2021
*/
.widget-error-message-container {
  display: none;
  width: 100%;
  margin-top: 1.25rem;
}

/* .dropdown.bootstrap-select .dropdown-menu ul.dropdown-menu {
  max-height: 250px;
} */

/**** preview page ribbon ****/
.p-ribbon-left {
  width: auto;
  height: 170px;
  padding: 15px 0px;
  color: #fff;
  font: 18px/35px sans-serif;
  background: #f7813d;
  position: fixed;
  right: 0;
  top: 250px;
  z-index: 9;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-weight: bold;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/*** preview ribbon ends ***/

/* .menu-item,
.menu-open-button {
  padding-top: 10px;
} */

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

.items-top {
  align-items: top;
}

.flex-col {
  flex-direction: column;
}

.icon-salesforce {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 45px -424px;
}

.icon-iq {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 252px -424px;
}

.icon-netsuite {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 304px -424px;
}

.icon-default-connector {
  width: 40px;
  height: 40px;
  float: left;
  background-position: 200px -215px;
}

.google_upload-text {
  bottom: -40px;
}

.remove-clock {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -10px;
  top: -10px;
}

.time-box:hover .tab-remove-icon {
  opacity: 1;
}

#cityList .dropdown-item {
  display: inline-table;
}

/* .select-tab-icon i {
  margin-top: 0.25rem;
} */

.filter-cal-position {
  position: absolute;
  right: 18px;
  top: 40px;
  z-index: 99;
  width: 400px;
}

.col-md-8 .d-inline-block:last-child {
  order: -1;
}

.input-group > .calDateRange.form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0.55rem;
  border-bottom-right-radius: 0.55rem;
}

.input-group .calDateRange.is-invalid.form-control:not(:last-child) {
  border-right: 1px solid #da594d;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.payroll_settings_scrollbar {
  float: left;
  width: 100%;
  height: 350px;
  overflow-y: auto;
  margin-bottom: 25px;
}

.bootstrap-select.client_entities_bg button {
  background: #e6e6e6 !important;
}

.docusign_li_custom_style {
  min-height: 420px !important;
  /* min-width:600px!important; */
}

.field-icon {
  float: right;
  margin-right: 22px;
  margin-top: -29px;
  position: relative;
  z-index: 2;
}

.formula_container {
  float: left;
  width: 100%;
  max-height: 310px;
  overflow-y: auto;
  margin-bottom: 25px;
}

.formula_container .content-nodata {
  animation: none !important;
  opacity: 1 !important;
  transform: translateY(0);
}

.fetchData.back_to_list > i {
  font-size: 22px;
  line-height: 15px;
  float: left;
  color: #f7813d;
}

.display-none {
  display: none !important;
}

/**
* Css for google widget toggle switch
* Added by: Robin singh
* Added on: 12-07-2022
*/
* {
  --switch-height: 13px;
  --switch-padding: 2px;
  --switch-width: calc((var(--switch-height) * 2) - var(--switch-padding));
  --slider-height: calc(var(--switch-height) - var(--switch-padding));
  --slider-on: calc(var(--switch-height) - var(--switch-padding));
}

.google-switch {
  position: relative;
  display: inline-block;
  width: var(--switch-width);
  height: var(--switch-height);
}

.google-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.google-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a3a3a3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.google-slider:before {
  content: "";
  position: absolute;
  height: var(--slider-height);
  width: var(--slider-height);
  left: calc(var(--switch-padding) / 2);
  bottom: calc(var(--switch-padding) / 2);
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .google-slider {
  background-color: #b5d173;
}

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

input:checked + .google-slider:before {
  transform: translateX(var(--slider-on));
}

.google-slider.round {
  border-radius: var(--slider-height);
}

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

.profile-image-small-wd {
  width: 6rem;
  height: 6rem;
}

/****Benerite widgets ****/
.job-p-image {
  width: 6rem;
  height: 6rem;
}

.table-left .report-list tr td,
.table-left .report-list tr th {
  text-align: left;
}

.pay_paid {
  border: solid 4px #cfcfcf;
}

.pay_dedu {
  border: solid 4px #8e8e8e;
}

.pay-circle {
  background: #fff;
  border-radius: 50%;
  padding: 3px;
  display: inline-block !important;
  margin-right: 4px;
}

.coverage-bordr {
  border-left: 1px solid #ccc;
}

.doughnut-chart-container {
  height: 170px;
  width: 170px;
  float: left;
}

#doughnut-chartcanvas-1 {
  height: 170px;
  width: 170px;
}

/** =============Report Gender CSS============  **/
.gender-label {
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  left: 0;
  top: 4px;
}

.gender-female {
  border: 3.5px solid #8f8f8f;
}

.gender-male {
  border: solid 3.5px #cfcfcf;
}

.gender-transgender {
  border: solid 3.5px #17a2b8;
}

.gender-unspecifiedReport {
  border: solid 3.5px #595959;
}

.gender-notDisclosed {
  border: solid 3.5px #a6a6a6;
}

/*** benerite employee section table headings bold**/
.myJobDetails table.dataTable thead th {
  font-weight: bold !important;
}

.myCompensationDetails table.dataTable thead th {
  font-weight: bold !important;
}

ul.emp-docs li a {
  line-height: 1.375rem;
}

#payStubView .modal-body {
  height: 600px;
}

#payStubView #pay-stub-pop-box,
#deduction-sheet-popup #deduction-sheet-pop-box {
  height: calc(100% - 30px);
}

/* .myJobDetails .report-list tr th:first-child, .myJobDetails .report-list tr td:first-child{
  text-align: right !important;
} */
.list-image {
  width: 3.5rem;
  height: 3.5rem;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.team-roster-dropdown hr {
  border-color: var(--gray-400);
  margin-top: 16px;
  margin-bottom: 16px;
  border-width: 1px;
}

.show-history {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.myPayStub .report-list tr th,
.myPayStub .report-list tr td {
  text-align: right !important;
}

span.views-col {
  opacity: 0;
}

.time-off-box {
  white-space: nowrap;
}

.time-off-description {
  white-space: normal;
}

label.time-off-label {
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}

.small-text {
  color: var(--gray-600);
  font-size: 13px;
  line-height: 16px;
}

.timesheet-box table.dataTable thead .sorting {
  background-position: 50% center !important;
}

.reports-box .nav-link.active,
.reports-box .nav-link:hover {
  color: #f7813d;
}

.timesheet-box .view-btn span {
  display: none;
}

.timesheet-box table tr:hover .view-btn span {
  display: block;
}

.timesheet-box td {
  white-space: nowrap;
}

.roster-table .table thead tr.main-head th {
  border: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.roster-table .table thead tr th {
  border-bottom: 0 !important;
}

.roster-table > .table {
  border-collapse: separate;
  border-spacing: 0.85rem;
}

.roster-table table.dataTable tbody td {
  padding: 15px 10px;
}

.roster-table table.dataTable thead + tbody > tr > td.colspan {
  border: 1px solid transparent;
}

.roster-table table.dataTable thead + tbody > tr > td.colspan table tr td {
  white-space: normal;
}

/** roster table new css 21-09-22**/
.search-position {
  position: absolute;
  right: 16px;
  top: 18px;
}

table.rosterTableCss {
  border-collapse: separate;
  border-spacing: 7px 15px;
}

table.rosterTableCss tbody tr.added-tr {
  border-radius: 20px 20px 0 0px !important;
  position: relative;
  left: 0;
}

table.rosterTableCss tbody tr.new-tr {
  border-radius: 0px 0px 20px 20px !important;
  position: relative;
  z-index: 2;
  top: -15px;
}

table.rosterTableCss tbody tr.added-tr:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 30px;
  left: 0;
  background: #fbfcfd;
  bottom: -16px;
  z-index: 3;
}

#list-label:hover,
#list-label:focus {
  color: #f7813d !important;
}

/*.roster-table th,
.roster-table td {
    white-space: nowrap;
}
*/
.downloadTeamPdf.widget-icons {
  z-index: 9999;
}

/** roster table new css end **/
/* organisation css 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.organisation-container * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-1 {
  margin: 0 auto 25px;
}

.level-1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0.8px;
  height: 25px;
  background: var(--gray-500);
  z-index: 999;
  right: 0;
  margin: auto;
}

/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.level-2-wrapper::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 15px;
  width: calc(100% - 30px);
  height: 0.8px;
  background: var(--gray-400);
}

.level-2-wrapper li {
  position: relative;
}

.level-2 {
  margin: 15px auto;
}

.user-icon {
  position: absolute;
  width: 28px;
  height: 28px;
  background: #fbfcfd;
  border: 1px solid #ced2d7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  font-size: 12px;
}

.reports-box .nav-wrapper ul.nav {
  display: block;
}

.reports-box .nav-wrapper ul.nav li.nav-item {
  line-height: normal;
}

table.tbl-note td {
  white-space: normal;
}

/** offeree page css 
.top-header {
  position: relative;
}
.offeree-btn{
  padding: 10px 20px!important;
}
ul.offree-listing li a {
  margin: 25px 0;
  display: block;
  opacity: 0.3;
  position: relative;
}
ul.offree-listing li a i {
  display: none;
  position: absolute;
  left: -20px;
  top: 5px;
}
ul.offree-listing li:first-child a {
  margin-top: 0;
}

ul.offree-listing li:last-child a {
  margin-bottom: 0;
}
ul.offree-listing li a.active{
  color: #f7813d;
  opacity: 1;
}
ul.offree-listing li a.checked {
  opacity: 1;
}
ul.offree-listing li a.checked i {
  display: block;
}
.two-block-sec .tab-header + hr {
  margin: 1.25rem 0;
  border-color: #D1D9E6;
}
.offer-letter-content p {
  font-size: 1rem;
  font-weight: 400;
}
span.offeree-help {
  position: absolute;
  right: 0;
  top: 0;
}
.signature-btn {
  width: 100%;
  height: 100%;
  background: rgb(41 29 200 / 30%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#create-signature .modal-dialog{
  max-width: 1325px!important;
}
.signature-tabs .nav-link {font-size: 1rem;padding: 5px 0;margin: 0 25px;border-bottom: 2px solid transparent;}
.signature-tabs .nav-item:first-child .nav-link {
    margin-left: 0;
}
.signature-tabs .nav-item:last-child .nav-link {
    margin-right: 0;
}
.signature-tabs .nav-link.active {
    border-color: #f7813d;
}
.preview-box {
  background: #FBFCFD;
  border: 1px solid #D1D1D1;
  height: 170px;
  display: flex;
  align-items: center;
  padding: 15px 50px;
}
.preview-box + p {
  color: #868E96;
  font-weight: 400;
  margin: 15px 0 0;
}
#create-signature .modal-footer {
  border: 0;
}
.form-check.circle-check .form-check-label::before {
  border-radius: 50%!important;
  width: 20px;
  height: 20px;
  top: -2px;
}
.form-check.circle-check .form-check-label:before, .form-check.circle-check .form-check-label:after{
  content: "";
}
.form-check.circle-check .form-check-label {
  padding-left: 30px;
}

.form-check.circle-check input[type="checkbox"]:checked + .form-check-label::after {
  border-radius: 50%!important;
  content: "";
  width: 12px;
  height: 12px;
  left: 4px;
  top: 2px;
}
.profile-content {
  height: 100%;
  border-bottom: 0.0625rem solid rgba(20, 20, 20, 0.05);
}
.save-next-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;  
  left: 0;
  padding: 20px;
}
.citizenship-dropdown .dropdown-menu {
  box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
}
.dropdown-inset .dropdown .btn {
  box-shadow: inset 2px 2px 5px #d2d2dd, inset -3px -3px 7px #eeecf3;
}
.citizen-tab .center-label {
  margin-top: 40px;
}
.image-upload-wrap {
  border: 4px dashed #a3a3a380;
  display: block;
  padding: 30px;
}
.file-upload-btn {
  padding: 5px 10px;
  outline: none;
  background: transparent;
  border: 3px solid #22caf7;
  color: #22caf7;
  font-weight: bold;
  border-radius: 5px;
  display: table;
  margin: auto;
}

.file-upload-content {
  display: none;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  left: 0;
  top: 0;
}



.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
  position: relative;
}
.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}
.upload-result {
  background: #CCCCCC;
  border-radius: 8px;
  padding: 10px 75px 10px 12px;
  display: table;
  position: relative;
}
.remove-image {
  border: 0;
  background: transparent;
  position: absolute;
  right: 5px;
  top: 10px;
}
.and-or {
  width: 12%;
}
.sub-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 13px;
  letter-spacing: 0;
  font-weight: 400;
}

@media screen and (max-width: 1199px){
  .or {
    width: 100%;
  }
  .citizen-tab .or .center-label {
      margin-top: 0;
  }
  .and {
    width: auto;
}
}

@media screen and (max-width: 767px){
  .citizen-tab .and .center-label {
      margin-top: 0;
  }
  span.offeree-help {
    position: static;
    text-align: center;
  }
  span.back-btn {
    text-align: center;
  }
}
.remove-dependent {
  position: absolute;
  width: 23px;
  height: 23px;
  background: #141414;
  border-radius: 50%;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  top: -10px;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.edit-dependent {
  position: absolute;
  right: 20px;
  font-size: 24px;
  top: 35px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease
}

.dependent-box:hover .remove-dependent, .dependent-box:hover .edit-dependent {
  opacity: 1;
  visibility: visible;
}
.form-check.rounded-check input[type="radio"] + .form-check-label {
    padding-left: 35px;
}
.form-check.rounded-check input[type="radio"] + .form-check-label::before, 
.form-check.rounded-check input[type="radio"] + .form-check-label::after {
  width: 24px;
  height: 24px;
  background: #FBFCFD;
  border: 1px solid #C1C1C1;
  box-shadow: none;
  top: 4px;
}
.form-check.rounded-check input[type="radio"]:checked + .form-check-label::before {
  content: "\f00c";
  font-size: 15px;
  color: #fff;
  font-family: 'FontAwesome';
  z-index: 1;
  top: 4px;
  background: transparent;
  border: 0;
  text-align: center;
  line-height: 24px;
}
.form-check.rounded-check input[type="radio"]:checked + .form-check-label::after {
  width: 24px;
  height: 24px;
  top: 4px;
  left: 0;
}
.plan-block {
  border: 1px solid #D9D9D9;
}
.plan-heading {
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-bottom: 0;
  border-bottom: 1px solid #D9D9D9;
}
.plan-block .table {
  border-collapse: separate;
}
table.dataTable.plan-table thead th {font-size: 14px;}
table.dataTable.plan-table thead th:nth-child(2n+2),
table.dataTable.plan-table tbody td:nth-child(2),
table.dataTable.plan-table tbody td:nth-child(3),
table.dataTable.plan-table tbody td:nth-child(6),
table.dataTable.plan-table tbody td:nth-child(9),
table.dataTable.plan-table tbody td:nth-child(10) {
    background: #F1F1F1;
}
.plan-block table.dataTable thead th, .plan-block table.dataTable tbody td{
  font-size: 14px;
}
.plan-table .first-row td {
  font-weight: bold;
}
table.dataTable.plan-table tbody td {
  min-width: 90px;
}
.plan-block table.dataTable.plan-table thead th, .plan-block table.dataTable.plan-table tbody td {
  border-color: #D9D9D9!important;
  border-width: 1px 1px 0px 0;
  border-style: solid;
  white-space: nowrap;
}
.table.dataTable.plan-table tbody td:nth-child(4), 
table.dataTable.plan-table tbody td:nth-child(7), 
table.dataTable.plan-table tbody td:nth-child(11) {
  border-right-color: transparent!important;
}

table.dataTable.plan-table tbody td:nth-child(2),table.dataTable.plan-table tbody td:nth-child(9) {
  border-right-color: #F1F1F1!important;
}

.plan-block .plan-table td:nth-child(3), .plan-block .plan-table td:nth-child(5), 
.plan-block .plan-table td:nth-child(8), .plan-block .plan-table td:nth-child(10) {
  min-width: auto;
}
table.dataTable.plan-table thead th:nth-child(2) {
  width: 155px;
}
table.dataTable.plan-table thead th:nth-child(3) {
  width: 175px;
}
table.dataTable.plan-table thead th:nth-child(4) {
  width: 107px;
}
table.dataTable.plan-table thead th:nth-child(6) {
  width: 190px;
}

.plan-dropdown .form-check .form-check-label::before {
  right: 0;
  left: auto;
  width: 24px;
  height: 24px;
  top: 0;
  box-shadow: none;
  background: #FBFCFD;
  bottom: 0;
  border: 1px solid #C1C1C1;
  margin: auto;
}

.plan-dropdown .form-check .form-check-label {
    display: block;
    padding: 0 40px 0 0;
    font-size: 16px;
}
.plan-dropdown .form-check .form-check-label span {
  padding-top: 10px;
  font-size: 14px;
}
.plan-dropdown .form-check .form-check-label::after {
  width: 24px;
  height: 24px;
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  box-shadow: none;
}
.plan-dropdown .form-check input[type="checkbox"]:checked + .form-check-label::after {
  font-size: 14px;
  line-height: 24px;
  margin: auto;
}
.plan-table .plan-dropdown td {
  background: #F7F7F7;
}
.plan-dropdown-label i {
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.plan-summary-box {
  padding: 5px 20px;
  border-left: 1px solid #D9D9D9;
}
.plan-heading .form-check .form-check-label::before {
    width: 24px;
    height: 24px;
    box-shadow: none;
    border: 1px solid #C1C1C1;
    top: -3px;
}

.plan-heading .form-check .form-check-label::after {
    width: 24px;
    height: 24px;
    top: -3px;
    box-shadow: none;
}

.plan-heading .form-check input[type="checkbox"]:checked + .form-check-label::after {
    font-size: 12px;
    line-height: 24px;
}

.plan-heading .form-check .form-check-label {
  padding-left: 35px;
  font-size: 16px;
  font-weight: bold;
}
.plan-dropdown .edit-dependent {
  opacity: 1;
  visibility: visible;
}
.plan-table-new .first-row td:first-child {
  width: 245px;
  background: #F1F1F1;
  border-right: 1px solid #D9D9D9;
}
.plan-table-new td {
  border: 0;
  padding: 10px 15px!important;
}
.plan-table-new .plan-dropdown td{
  background-color: #F7F7F7;
  border-top: 1px solid #D9D9D9;
}
.plan-table-new .first-row td:nth-child(2) {
  width: 25%;
}

.plan-table-new .first-row td:nth-child(3) {
  width: 15%;
}

.plan-table-new .first-row td.beneficiary-btn {
  padding-top: 32px!important;
}
.plan-block table.dataTable.plan-table-new thead th, .plan-block table.dataTable.plan-table-new tbody td{
  white-space: nowrap;
}
.add-beneficiary-body .add-more a {
  border-bottom: 1px solid;
  padding: 0 0 3px;
}
.plan-block .coverage-bordr {
  border-left: 1px solid #D9D9D9;
}
**/
/** offeree design end **/

.margin-minus.scroll-fh-30 {
  margin: -10px -15px;
}

.myPayStub .report-list tr th,
.myPayStub .report-list tr td {
  text-align: right !important;
}

span.views-col {
  opacity: 0;
}

/** new css for emplyee persona 21-10-22  **/

table.reports-accordion th,
table.reports-accordion td {
  white-space: nowrap;
}

.connect-table1 th,
.connect-table1 td {
  white-space: nowrap;
}

span.org-arrow {
  width: 28px;
  height: 28px;
  background: #fbfcfd;
  border: 1px solid #ced2d7;
  position: absolute;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -18px;
}

/** w4 form **/
.w4_form .dropdown.bootstrap-select {
  width: 100% !important;
}

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

/** w4 form end **/

a.archive-cursor {
  pointer-events: none;
}

ul#mainPageUl .tab-white {
  min-width: 170px;
  width: auto;
  display: flex;
  padding-right: 25px;
}

h5.widget_header_new {
  width: 100%;
  height: auto;
  overflow: visible;
}

a.widget_editor_anchor {
  position: relative;
  padding: 0 0 0 30px;
}

a.widget_editor_anchor .edit_cc_name {
  position: absolute;
  left: 0;
  top: -3px;
}

.form-control.subTabName.is-invalid {
  padding-right: 30px !important;
}

#edit_name .form-control.is-invalid {
  padding-right: 30px;
}

#edit_name .invalid-feedback {
  top: 40px;
}

.ap_ar_report tr th:nth-child(2) {
  text-align: left;
}

.ap_ar_report tr th:nth-child(4) {
  text-align: left;
}

.ap_ar_report tr th:nth-child(5) {
  text-align: left;
}

.ap_ar_report tr td:nth-child(2) {
  text-align: left;
}

.ap_ar_report tr td:nth-child(4) {
  text-align: left;
}

.ap_ar_report tr td:nth-child(5) {
  text-align: left;
}

.site-header {
  border-top: 4px solid #eeeef2;
  background-color: rgb(230, 231, 238);
  box-shadow: 0px 0px 30px 0px rgba(184, 185, 190, 0.41);
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 99;
  padding: 8px 0;
  font-size: 14px;
  color: #141414;
}

.site-header * {
  color: #141414;
}

.powered-by img {
  margin-left: 6px;
  width: 66px !important;
  height: auto !important;
}

nav.menu .menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-widget .btn {
  width: auto;
  height: auto;
  border-radius: 0.5rem !important;
}

.gridster {
  padding-bottom: 35px;
}

.gridster,
.page-padding-bottom {
  padding-bottom: 42px;
}

.profile-card .card-img-top {
  height: 100%;
  object-fit: none;
}

.profile-card .image-change-option {
  padding: 0;
}

/* .gridster ul {
  padding-left: 0 !important;
} */

.feedback-form .submit_btn {
  height: auto;
  border-radius: 0.55rem !important;
}

.feedback-block .card {
  height: 100%;
}

.es-services-wrap .es-service-email {
  min-width: 300px;
}

.es-services-wrap .es-service-col {
  min-width: 150px;
}

.row.es-team-hierarchy-block {
  display: block;
}

.es-other-services {
  padding: 10px 0px !important;
}

span.close-service {
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
}

span.close-service i {
  color: #4e4e4e;
  font-size: 14px;
}

.other-services-widget .accordion {
  max-height: 400px;
  overflow-y: auto;
}

.gridster,
.page-padding-bottom {
  padding-bottom: 42px;
}

.profile-card .card-img-top {
  height: 100%;
  object-fit: none;
}

.profile-card .image-change-option {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .gridster .gridsterWidget {
    width: 100% !important;
    left: 0 !important;
    position: relative !important;
    top: auto;
    margin: 20px 0 !important;
  }

  .gridster > ul {
    height: auto !important;
    padding: 0 15px !important;
  }

  .gridster,
  .page-padding-bottom {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 576px) {
  footer.site-header {
    text-align: center;
  }
}

.es-team-assigned-tabs .nav {
  flex-direction: column;
}

.es-team-assigned-tabs .nav .nav-item {
  margin: 6px 0;
  padding: 0 !important;
}

.es-team-assigned-tabs .nav .nav-link {
  border-radius: 8px;
  border: 1px solid #e9ecef !important;
  background: #fbfcfd;
  box-shadow: -8px -8px 12px 0px rgba(238, 236, 243, 0.32),
    8px 8px 12px 0px rgba(210, 210, 221, 0.48);
  height: 40px;
  color: #141414;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  min-width: 132px;
}

.es-team-assigned-tabs .nav .nav-link.active {
  box-shadow: 2px 2px 4px 0px rgba(73, 80, 87, 0.24) inset,
    -2px -2px 4px 0px rgba(120, 120, 121, 0.12) inset;
  color: #f7813d;
}

.es-team-assigned-tabs .tab-content {
  min-width: 1085px;
}

.accounting-info ul {
  padding-left: 0;
  position: relative;
  margin: 0;
}

.accounting-info ul li {
  min-height: 87px;
}

.accounting-info > ul > li {
  display: flex;
  align-items: center;
  opacity: 0.4;
}

.accounting-info > ul > li.active {
  opacity: 1;
}

.accounting-info > ul > li .manager-col {
  min-width: 290px;
  position: relative;
}

.accounting-info > ul > li.active .manager-col {
  border-radius: 8px;
  border: 1px solid #e9ecef;
  background: #fbfcfd;
  box-shadow: 2px 2px 4px 0px rgba(73, 80, 87, 0.24) inset,
    -2px -2px 4px 0px rgba(120, 120, 121, 0.12) inset;
  padding: 8px;
}

.accounting-info ul.team-lead-col {
  position: absolute;
  left: 315px;
  width: calc(100% - 315px);
  display: none;
  top: 0;
  height: 100%;
  padding-left: 15px;
  border-left: 1px solid rgb(134 142 150 / 30%);
  padding-left: 20px;
}

.accounting-info > ul > li.active ul.team-lead-col {
  display: block;
}

.accounting-info ul.team-lead-col > li {
  display: flex;
  margin: 0;
}

.accounting-info ul.team-lead-col > li > div {
  min-width: 250px;
  position: relative;
}

.accounting-info ul.team-lead-col > li.active > div {
  border-radius: 8px;
  border: 1px solid #e9ecef;
  background: #fbfcfd;
  box-shadow: 2px 2px 4px 0px rgba(73, 80, 87, 0.24) inset,
    -2px -2px 4px 0px rgba(120, 120, 121, 0.12) inset;
  padding: 8px;
}

.accounting-info ul.team-lead-col > li ul.associates-col {
  position: absolute;
  left: 295px;
  width: calc(100% - 295px);
  column-count: 2;
  height: 100%;
  border-left: 1px solid rgb(134 142 150 / 30%);
  padding-left: 20px;
  display: none;
  top: 0;
}

.accounting-info ul.team-lead-col > li.active ul.associates-col {
  display: block;
}

.accounting-info ul.team-lead-col > li ul.associates-col > li > div {
  min-width: 210px;
}

.accounting-info ul.team-lead-col > li ul.associates-col li {
  display: flex;
  margin: 0;
}

.accounting-info > ul > li.active .manager-col:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  left: 100%;
  background: rgb(134 142 150 / 30%);
}

.accounting-info > ul > li.active .manager-col:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: -25px;
  background: rgb(134 142 150 / 30%);
  border-radius: 50%;
}

.accounting-info ul.team-lead-col > li.active > div:before {
  content: "";
  position: absolute;
  background-color: rgb(134 142 150 / 30%);
  height: 1px;
  width: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 100%;
}

.accounting-info ul.team-lead-col > li.active > div:after {
  content: "";
  position: absolute;
  background-color: rgb(134 142 150 / 30%);
  height: 5px;
  width: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -25px;
  border-radius: 50%;
}

/** login page css start **/
.login_page {
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e9ecef;
}

.login_form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 510px;
  padding: 0 20px;
}

.login_form iframe {
  min-height: 510px;
}

.login_form .login_heading {
  color: #000;
  font-size: 24px;
  line-height: normal;
}

.login_form > p {
  color: #868e96;
  font-size: 13px;
  line-height: normal;
}

.login_form .form-group label {
  color: #141414;
  font-size: 15px;
  line-height: normal;
}

.login_form .form-group label input.form-control {
  height: 52px;
}

.login_form .form-group input.form-control {
  height: 50px;
}

.login_form .form-check .form-check-label::before {
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: -2px;
}

.login_form .form-check .form-check-label {
  color: #141414;
  font-size: 14px;
  line-height: normal;
  padding-left: 30px;
  vertical-align: middle;
}

.login_form .forgot-pass {
  color: #f7813d;
  font-size: 13px;
  margin-left: auto;
}

.form-next .btn {
  border-radius: 32px !important;
  background: #f7813d;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.24);
  max-width: 129px;
  width: 100% !important;
  height: 32px !important;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.login-carousel .carousel-caption {
  text-align: left;
  left: 0;
  right: 0;
  padding: 0 32px 45px;
  bottom: 0;
}

.login-carousel .carousel-caption h2 {
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  line-height: normal;
  margin: 0 0 10px;
}

.login-carousel .carousel-caption p {
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  width: 75%;
}

.carousel-caption h2 {
  color: #fff;
  font-size: 48px;
  font-weight: 500;
  line-height: normal;
}

.carousel-item p {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

.login-carousel .carousel-indicators li {
  border-radius: 15px;
  width: 33px;
  height: 4px;
  border: 0;
  background: #fbfcfd;
  opacity: 0.8;
}

.login-carousel .carousel-indicators li.active {
  background: #fc8e25;
  border-radius: 0;
}

.login-carousel .carousel-indicators {
  bottom: 5px;
}

.login-carousel .carousel-item:before {
  position: absolute;
  content: "";
  opacity: 0.1;
  background: #141414;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.login_form
  .form-check
  input[type="checkbox"]:checked
  + .form-check-label::after {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  top: -2px;
  line-height: 20px;
}

.login_form > h4 {
  color: #141414;
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0;
}

.mail-back {
  margin-top: 8px;
  display: flex;
  align-items: center;
}

.mail-back .email-view {
  color: #000;
  font-size: 14px;
  line-height: normal;
  margin: 0 0 0 10px;
  display: inline-block;
}

.mail-back .go-back {
  width: 20px;
}

.authenticator {
  background-image: url(/neumorphism/assets/img/auth-bg.png) !important;
  background-repeat: no-repeat;
  max-width: 205px;
  width: 100%;
  margin: 15px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
}

.authenticator-steps h3 {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.authenticator-steps ul li {
  color: #141414;
  font-size: 13px;
  font-style: normal;
  line-height: normal;
  margin: 0 0 10px;
  position: relative;
  padding: 0 0 0 20px;
}

.authenticator-steps ul {
  padding: 0;
}

.authenticator-steps ul li span {
  position: absolute;
  left: 0;
}

.login-carousel {
  height: 100%;
}

.login-carousel .carousel-item img {
  height: 100%;
  object-fit: cover;
}

.login-carousel .carousel-inner {
  height: 100%;
  border-radius: 0 16px 16px 0;
}

.login-carousel .carousel-item {
  height: 100%;
}

header.login-header {
  min-height: 95px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/neumorphism/assets/img/header-bg.png) !important;
}

.header-logo img {
  max-width: 115px;
  width: 100%;
}

footer.login-footer {
  background-image: url(/neumorphism/assets/img/footer-bg.png) !important;
  min-height: 90px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: right center;
}

.header-logo,
.footer-logo {
  position: relative;
  display: inline-block;
}

.footer-logo img {
  max-width: 130px;
  width: 100%;
}

.login-page {
  padding: 15px 0;
  min-height: calc(100vh - 185px);
  display: flex;
  align-items: center;
}

.page-item.active .page-link {
  box-shadow: rgba(0, 0, 0, 0.24) 2px 2px 2px 0px inset;
  color: rgb(247, 129, 61);
}

.refresh_label i.fa.fa-refresh {
  color: #f7813d;
  font-size: 20px;
  margin-right: 10px;
}

.refresh_label {
  display: flex;
  align-items: center;
  padding-left: 10px;
}

@media screen and (min-width: 768px) {
  .header-logo {
    width: 20%;
    left: -15px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-logo {
    width: 20%;
    right: -15px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    bottom: -13px;
  }

  .payroll-tabs-sec .mec_tabs {
    padding-right: 225px;
  }

  .page_filter_section {
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 1024px) {
  .login-carousel .carousel-caption {
    padding: 0 20px 55px;
  }

  .login-carousel .carousel-caption h2 {
    font-size: 28px;
  }

  .login-carousel .carousel-item:before {
    opacity: 0.3;
  }

  header.login-header,
  footer.login-footer {
    background-size: cover;
  }

  .header-logo,
  .footer-logo {
    width: 100%;
    max-width: 270px;
  }

  .login_form {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  header.login-header,
  footer.login-footer {
    min-height: 60px;
    padding: 10px;
  }

  .header-logo,
  .footer-logo {
    display: inline-block;
    height: auto;
    max-width: none;
    width: auto;
  }

  .footer-logo {
    top: 28px;
    margin-right: 4%;
    top: 6px;
    float: right;
  }

  .header-logo {
    top: -4px;
    left: 0;
  }

  .header-logo img,
  .footer-logo img {
    max-width: 100px;
  }

  .login-page {
    min-height: calc(100vh - 120px);
  }

  .login_form {
    padding: 0 5px;
  }

  .login-carousel .carousel-inner {
    border-radius: 0px 0px 16px 16px;
  }

  .c3-login .common_modal {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  .header-logo {
    left: 10px;
  }

  .footer-logo {
    right: -10px;
  }
}

/** login page css ends **/

.gridster_tabs .nav-pills {
  border-bottom: 1px solid rgb(39 39 39 / 12%);
}

.gridster_tabs .nav-pills .nav-item {
  padding: 0 10px 0 0;
}

.gridster_tabs .nav-pills .nav-link {
  color: #141414 !important;
  box-shadow: none;
  padding: 10px 12px !important;
  /* min-width: 85px; */
  position: relative;
  line-height: normal;
  margin-right: 4px;
  font-size: 14px;
}

.gridster_tabs .nav-pills .nav-link i {
  margin-right: 12px;
}

.gridster_tabs .nav-pills .nav-link img {
  width: 18px;
  margin-right: 5px;
  position: relative;
  top: -1px;
  opacity: 1;
  filter: brightness(0.15) opacity(60%);
}

.gridster_tabs .nav-pills .nav-link.active {
  color: #141414 !important;
  font-weight: 600 !important;
  border-radius: 4px 4px 0px 0px;
  background: rgb(208 208 215 / 30%);
  box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 3%);
}

.gridster_tabs .nav-pills .nav-link.active img {
  filter: none;
}

.gridster_tabs .nav-pills .nav-link:before {
  position: absolute;
  width: 100%;
  border-bottom: 1px solid transparent;
  content: "";
  bottom: -2.5px;
  left: 0;
}

.gridster_tabs .nav-pills .nav-link.active:before {
  border-bottom-color: #f7813d;
}

.gridster_tabs .gridster {
  margin: 0;
}

.gridster_row {
  margin: 0 -15px;
}

/** fixed header and sidebar css **/

header .navbar {
  border-bottom: 1px solid #e7e7ef;
  /* background: #141414; */
}

header .nav-link:hover {
  transition: all 0.4s;
}

header .nav-link-collapse:after {
  display: none;
}

header .nav-link-show:after {
  float: right;
  content: "\f068";
  font-family: "FontAwesome";
}

header .navbar-nav .nav-item a.nav-link i {
  font-size: 24px;
  color: #ced4da !important;
  margin: 0;
}

header .navbar-nav .nav-item a.nav-link {
  padding: 10px 0;
  text-align: center;
  border-radius: 4px 0px 0px 4px;
  line-height: normal;
  justify-content: center;
  transition: all 0.5s ease-out;
  display: flex;
}

header .navbar-nav .nav-item {
  margin: 7px 0;
}

header .navbar {
  border-bottom: 1px solid #e7e7ef;
  background: #272727;
  padding: 0 15px;
  height: 60px;
}

header .nav-item ul.nav-second-level {
  position: absolute;
  top: 0;
  width: 225px;
  background: #fff;
  box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.12);
  height: calc(100vh - 60px) !important;
  padding: 16px 0 0 0;
  transition: all 0.5s ease-out;
  z-index: -1;
  display: block !important;
}

header .nav-item ul.nav-second-level .nav-item .nav-link {
  text-align: left;
  justify-content: left;
}

header .navbar-nav .nav-item a.nav-link[aria-expanded="true"] {
  background: #fbfcfd;
}

header .navbar-nav .nav-item a.nav-link[aria-expanded="true"] i {
  color: #f7813d !important;
}

header .nav-item ul.nav-second-level {
  padding-left: 0;
}

header .nav-item ul.nav-second-level > .nav-item {
  padding-left: 0;
}

header .nav-item ul.nav-second-level > .nav-item > span {
  color: #141414;
  font-size: 20px;
  padding: 0 0 0 15px;
  margin: 0 0 15px;
  display: block;
}

header .nav-item ul.nav-second-level > .nav-item .nav-link i {
  font-size: 18px;
  margin-right: 8px;
  display: flex;
  min-width: 23px;
  align-items: center;
}

header .nav-item ul.nav-second-level > .nav-item .nav-link {
  color: #141414;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 15px;
}

header .nav-item ul.nav-second-level > .nav-item .nav-link span.nav-link-text {
  display: flex;
  align-items: center;
}

header .nav-item ul.nav-second-level > .nav-item .nav-link:hover .nav-link-text,
header
  .nav-item
  ul.nav-second-level
  > .nav-item.active
  .nav-link
  .nav-link-text,
header
  .nav-item
  ul.nav-second-level
  > .nav-item.active
  .nav-link
  .nav-link-text
  i {
  color: #f7813d !important;
}

.tooltip {
  pointer-events: none; /* Disable pointer events on the tooltip */
  z-index: 1050; /* Ensure it appears above other elements */
}
.tooltip .arrow {
  display: none !important;
}

.tooltip .tooltip-inner {
  border-radius: 4px;
  background: #8f8f8fd9;
  min-height: 35px;
  box-shadow: none;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 12px;
  line-height: normal;
  font-family: "Nunito", sans-serif !important;
  text-align: left;
  display: flex;
  align-items: center;
  word-break: break-word; 
}

.client-dropdown {
  display: flex;
  align-items: center;
}

.client-dropdown .bootstrap-select > .dropdown-toggle {
  box-shadow: none;
  background: transparent !important;
  padding: 0;
}

.client-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #fff;
  font-size: 20px;
  line-height: normal;
  padding-right: 10px;
}

.client-dropdown .dropdown-toggle::after {
  border-top-color: #fff;
  border-width: 5px 5px 0 5px;
  position: relative;
  top: 0.5px;
}

.client-dropdown .dropdown.bootstrap-select {
  width: 100% !important;
}

.client-dropdown .dropdown-toggle:active,
.client-dropdown .dropdown-toggle:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.client-dropdown .dropdown-menu {
  box-shadow: none;
}

body .client-dropdown .bootstrap-select > .dropdown-toggle {
  border: 0 !important;
  box-shadow: none !important;
}

header .right-buttons i {
  color: #ced4da;
  font-size: 20px;
}

header .right-buttons i:hover {
  color: #f7813d;
}

header .right-buttons .active i {
  color: #f7813d;
}

header .right-buttons .btn {
  background: transparent;
  box-shadow: none;
}

header .profile-pic,
header .head-notification,
header .head-setting {
  background: transparent;
  box-shadow: none !important;
}

header .head-notification .count {
  position: absolute;
  background: #f7813d;
  width: 15px;
  height: 15px;
  color: #fff !important;
  border-radius: 50%;
  color: #fff;
  font-size: 8px;
  right: -1px;
  top: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-weight: 700;
}

header .right-buttons .btn:focus,
header .right-buttons .btn:active {
  box-shadow: none !important;
  background: transparent !important;
}

header .right-buttons .dropdown-item i {
  font-size: 16px;
}

header .sidenav {
  width: 100%;
}

.sidebar-footer {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  position: fixed;
  bottom: 0;
  padding: 5px 0 15px;
  display: flex;
  flex-direction: column;
  background: #272727;
  width: 60px;
}

.es-c3-documentation-icon:hover i{
    color: #f7813d !important;
}

.es-c3-documentation-icon.active i{
  color: #f7813d !important;
}

.sidebar-footer i {
  color: #ced4da !important;
  font-size: 17px;
  margin-bottom: 10px;
}

header .navbar-toggler {
  width: 30px;
  height: 30px;
  position: relative;
}

header .navbar-toggler i {
  font-size: 24px;
  color: #fff;
  transition: all 0.25s ease;
}

header .navbar-toggler i.menu-open {
  display: block;
}

header .navbar-toggler[aria-expanded="true"] i.menu-open {
  display: none;
}

header .navbar-toggler[aria-expanded="false"] i.menu-close {
  display: none;
}

.navbar-expand-lg sidebar .navbar-collapse {
  background: #272727;
}

.manageCredsLi .icon-plaid {
  width: 37px;
  height: 40px;
  background-position: 94px -113px;
}

.manageCredsLi .icon-qbo {
  background-position: 43px -164px;
}

.mw-33 {
  max-width: 33.33%;
}

/* .add-cc-input .form-control,
.tab-add-submenu .form-control {
  height: 38px !important;
} */

.selectClientDropdown .dropdown.bootstrap-select {
  margin-right: 0px;
}

.widget-exp-old {
  position: relative;
  top: 15px;
}

.widget-exp {
  position: relative;
}

.custAddBtn {
  position: absolute;
  right: 10px;
  top: 0;
}

.custAddBtn + .widget_filter_row {
  padding-right: 110px;
}

@media (min-width: 768px) {
  sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: calc(100vh - 60px);
    margin-top: 60px;
    background: #272727;
    box-sizing: border-box;
    padding: 5px 0 75px;
  }

  .navbar-expand-lg .navbar-collapse {
    display: block !important;
    flex-basis: auto;
    opacity: 1;
    position: static;
    overflow: unset;
    height: auto !important;
  }

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

  .mainbody {
    padding: 87px 0 15px 60px;
  }

  header
    .navbar-nav
    .nav-item
    a.nav-link[aria-expanded="false"]
    + .nav-second-level {
    left: -255px;
  }

  header
    .navbar-nav
    .nav-item
    a.nav-link[aria-expanded="true"]
    + .nav-second-level {
    left: 60px;
  }

  .navbar-expand-lg sidebar .navbar-collapse {
    height: 100% !important;
    align-items: flex-start;
  }

  header .nav-item ul.nav-second-level {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .mainbody {
    padding-top: 60px;
  }

  header .navbar {
    height: 45px;
    padding: 0;
  }

  header .navbar > div {
    background: #272727;
    position: relative;
    z-index: 9999999;
    height: 45px;
    align-items: center;
    padding: 1rem 1rem;
    border-bottom: 1px solid #868e96;
  }

  header .right-buttons i {
    font-size: 17px;
  }

  header .head-notification .count {
    width: 15px;
    height: 15px;
    font-size: 9px;
    right: -1px;
    top: -1px;
  }

  header sidebar > .navbar-collapse {
    position: absolute;
    border-radius: 0 !important;
    box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.12) !important;
    transition: all 0.25s ease;
    padding: 0 !important;
    overflow: unset;
    display: block !important;
    background: #272727;
  }

  .client-dropdown
    .bootstrap-select
    .dropdown-toggle
    .filter-option-inner-inner {
    font-size: 16px;
    padding-right: 5px;
  }
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
  header sidebar > .navbar-collapse {
    width: 60px;
    top: 45px;
    left: -60px;
    height: calc(100vh - 45px) !important;
  }

  header sidebar > .navbar-collapse.show {
    left: 0;
  }

  header sidebar > .navbar-collapse .navbar-nav {
    background: #272727;
    height: 100%;
  }

  header .nav-item ul.nav-second-level {
    height: calc(100vh - 45px) !important;
  }

  header
    .navbar-nav
    .nav-item
    a.nav-link[aria-expanded="false"]
    + .nav-second-level {
    left: -255px;
  }

  header
    .navbar-nav
    .nav-item
    a.nav-link[aria-expanded="true"]
    + .nav-second-level {
    left: 60px;
  }
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
  header sidebar > .navbar-collapse {
    width: 100%;
    left: 0;
    top: -45px;
    height: 0 !important;
  }

  header sidebar > .navbar-collapse.show {
    height: 35px !important;
    top: 45px;
  }

  header sidebar > .navbar-collapse .sidenav {
    flex-direction: row !important;
    justify-content: space-around;
    background: #272727;
    height: 100%;
  }

  header .navbar-nav .nav-item {
    margin: 2px 0 0;
  }

  header .navbar-nav .nav-item a.nav-link {
    padding: 8px 10px 8px;
    border-radius: 4px 4px 0px 0px;
  }

  header .nav-item ul.nav-second-level {
    left: 0;
    width: 100%;
    height: calc(100vh - 82px) !important;
  }

  header
    .navbar-nav
    .nav-item
    a.nav-link[aria-expanded="false"]
    + .nav-second-level {
    top: -350px;
  }

  header
    .navbar-nav
    .nav-item
    a.nav-link[aria-expanded="true"]
    + .nav-second-level {
    top: 35px;
  }

  header .nav-item ul.nav-second-level {
    display: block !important;
  }
}

a {
  cursor: pointer !important;
}

.client-logo a {
  color: #fff;
  font-size: 20px;
}

.client-logo a:hover {
  color: #fff !important;
}

/* .es-header-title {
  color: #868e96;
  font-size: 20px;
} */

.gridster ul {
  padding-left: 0;
}

/** new widget styling **/
p:empty {
  display: none;
}

p:last-child {
  margin: 0;
}

.card {
  border-radius: 4px !important;
  background: #f1f3f5;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
  padding: 20px 24px 20px !important;
}

.card.shadow-soft {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
}

.gridsterWidget.card {
  padding: 20px !important;
}

.card {
  background-color: #ffffff !important;
}

.card .card-header {
  padding: 0 !important;
  border: 0;
  margin: 0;
}

.card .card-body {
  padding: 0;
}

.widget_heading {
  color: #9b9b9b;
  font-size: 16px;
  font-weight: 500 !important;
  margin: 0;
}

.table-filters .bootstrap-select .dropdown-toggle {
  border-radius: 2px !important;
  border: 1px solid #e9ecef;
  background: #fff !important;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16) !important;
  height: 32px;
  min-width: 103px;
  padding: 0 8px !important;
  line-height: normal !important;
  width: 100%;
}

.table-filters .bootstrap-select .dropdown-toggle .filter-option-inner {
  height: 100%;
}

.table-filters
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner
  .filter-option-inner-inner {
  height: 100%;
  display: flex;
  align-items: center;
  color: #343a40;
  font-size: 13px;
  letter-spacing: normal;
}

.table-filters .bootstrap-select {
  width: auto !important;
  margin-right: 10px;
}

.table-filters .bootstrap-select:last-child {
  margin: 0;
}

.table-filters .dropdown-toggle::after {
  border-top: 0.25em solid #000;
  border-right: 0.25em solid transparent;
  border-bottom: 0;
  border-left: 0.25em solid transparent;
  margin-top: 0 !important;
}

.mec_row1 .request_btn {
  height: 32px;
}

.action_btn_orng {
  border-radius: 2px !important;
  background: #f7813d !important;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.24) !important;
  /* float: right; */
  height: 32px;
  letter-spacing: normal !important;
  padding: 0 28px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: bold !important;
  line-height: 32px !important;
  align-items: center;
  transition: all 0.2s ease !important;
}

.action_btn_orng:hover,
.action_btn_orng:active {
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24) inset,
    2px 2px 4px 0px rgba(0, 0, 0, 0.08) inset !important;
}

.action_btn_white {
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.24) !important;
  border: 1px solid #dee2e6 !important;
  height: 32px;
  letter-spacing: normal !important;
  padding: 0 28px !important;
  color: #141414 !important;
  font-size: 13px !important;
  font-weight: bold !important;
  line-height: 32px !important;
  transition: all 0.2s ease !important;
  align-items: center;
  display: inline-block;
}

.action_btn_white:hover,
.action_btn_white:active {
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24) inset,
    2px 2px 4px 0px rgba(0, 0, 0, 0.08) inset !important;
}

.mec_row1 .request_btn:hover {
  box-shadow: none;
  color: #fff;
}

.mec-cal-date-footer,
.es-view-last-updated {
  position: absolute;
  bottom: 14px;
  color: #868e96;
}
.gridsterWidget.card.es-last-updated-card {
  padding-bottom: 35px !important;
}

.task_icon {
  border-radius: 2px;
  border: 1px solid #f1f3f5;
  background: #f8f9fa;
  height: 32px;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #141414;
  margin-right: 10px;
}

.task_status > p {
  color: #141414;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}

.task_status > p span {
  display: block;
}

.task_status {
  margin-right: 27px;
  padding-top: 10px;
}

.gauge {
  width: 127px;
  height: 64px;
  position: relative;
  min-width: 127px;
}

.gauge-body {
  width: 100%;
  height: 100%;
  background-color: #f1f3f5;
  overflow: hidden;
  position: relative;
  border-radius: 100px 100px 0px 0px;
}

.gauge-fill {
  width: 100%;
  height: 100%;
  background-color: #37b24d;
  position: absolute;
  transform: rotate(-140deg);
  transform-origin: center bottom;
}

.gauge-fill-delayed {
  background-color: #e16a54;
}

.gauge-cover {
  width: 72%;
  height: 160%;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 19px;
  left: 14%;
  color: #141414;
  font-size: 16px;
  text-align: center;
  padding-top: 15%;
}

.status_bar {
  margin-left: 16px;
  margin-top: auto;
}

.status_box {
  padding: 3.5px 8px;
  display: inline-block;
  font-size: 12px;
  border-radius: 4px;
}

.status_box.delayed {
  color: #fa5252;
  background: #ffe3e3;
}

.status_bar > p {
  color: #141414;
  font-size: 12px !important;
  line-height: normal;
  margin: 8px 0 0;
}

.mec_row2 {
  padding: 0px 0 16px;
  padding-right: 60px;
  position: relative;
}

.mec_tabs .nav-item .nav-link {
  padding: 3px 10px;
  color: #868e96;
  font-size: 13px;
  text-transform: capitalize;
  line-height: normal;
  border: 0;
  background: transparent !important;
  border-radius: 0;
  border-bottom: 1px solid rgba(20, 20, 20, 0.27) !important;
  font-weight: 500;
}

.mec_tabs .nav-tabs {
  border: 0;
}

.mec_tabs .nav-item .nav-link.active {
  border-color: #f7813d !important;
  color: #000000;
}

.widget_filter_row {
  margin-bottom: 20px;
}

/* Table css */
.table.dataTable {
  box-shadow: none;
  border-radius: 0;
  margin: 0 auto;
  white-space: nowrap;
}

.table.dataTable thead th {
  background: #f1f3f5;
  font-weight: 600 !important;
  border: 0;
  font-size: 14px;
  color: #141414;
  height: 40px;
  line-height: normal;
}

.table.dataTable thead th:first-child {
  border-radius: 2px 0 0 2px;
  width: 32px;
  min-width: 32px;
  /* max-width: 32px; */
}

.table.dataTable thead th:last-child {
  border-radius: 0 2px 2px 0;
}

.table.dataTable tbody td {
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
  font-size: 13px;
  color: #141414;
  height: 32px;
  line-height: normal;
}

.table tbody td.u-status {
  background-color: #fff5db;
}

.table tbody td.completed-late {
  color: #e03131;
}

.table tbody td.delayed {
  color: #e03131;
}

.table.mec_calendar_table tr td span.updated {
  color: #856404;
}

.table.mec_calendar_table.dataTable tbody .edited-status td {
  background: #fcffe0 !important;
}

.table.mec_calendar_table thead th,
.table.mec_calendar_table tbody td {
  padding: 0 10px;
}

.table.mec_calendar_table tr td span.updated i {
  cursor: initial !important;
}

/* table.dataTable thead .sorting {
  background-image: none !important;
}
table.dataTable thead:hover .sorting {
  background-image: url(/neumorphism/assets/img/sort_both.png) !important;
} */
/* table css */
.mec_tabs .pagination,
nav .pagination {
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 0;
  flex-wrap: wrap;
}

nav .pagination li {
  margin: 0 !important;
}

.mec_tabs .pagination a,
nav .pagination li a {
  border-radius: 2px !important;
  border: 1px solid #e9ecef !important;
  background: #fff !important;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16) !important;
  width: 32px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px !important;
  color: #343a40 !important;
  font-size: 13px !important;
  font-weight: 400;
}

.mec_tabs .pagination a.prev,
.mec_tabs .pagination a.next,
nav .pagination li a.prev,
nav .pagination li a.next {
  color: #868e96;
  font-size: 16px;
}

.mec_tabs .pagination a.active,
nav .pagination li a.active {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset;
  color: #f7813d !important;
}

.mec_tabs .pagination a:hover,
nav .pagination li a:hover {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset;
  color: #f7813d !important;
}

.mec_tabs .tab-content {
  position: relative;
}

.calendar_filters {
  position: absolute;
  right: 0;
  bottom: 16px;
}

.calendar_filters .btn {
  box-shadow: none !important;
  background: transparent;
  padding: 0;
  color: #868e96;
}

.calendar_filters .btn i {
  font-size: 18px;
}

.calendar_filters .btn.listing-view {
  margin-right: 12px;
}

.calendar_filters .btn.active,
.calendar_filters .btn:hover {
  color: #f7813d;
}

/* .mec_calendar-block {
  margin-top: 20px;
} */

.es_mec_listing {
  position: relative;
  padding-left: 255px;
}

.mec_calendar-block .table.dataTable {
  margin-top: 0;
}

.filter-section {
  border-radius: 2px;
  background: #f8f9fa;
  width: 100%;
  max-width: 246px;
  padding: 16px 8px;
  position: absolute;
  top: 62px;
  left: 0;
  /* height: calc(100% - 105px); */
  height: 521px;
  z-index: 1;
}

.filter-section > h3 {
  color: #141414;
  font-size: 16px;
  margin: 0;
  font-weight: 400 !important;
}

.filter-section > h3 i {
  display: inline-block;
  margin-right: 4px;
}

.filter-category .card-title {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #141414;
}

@media screen and (min-width: 992px) {
  .filter-category .collapse:not(.show) {
    display: block !important;
  }

  .filter-header {
    margin-bottom: 12px;
    line-height: 18px;
    margin-top: 16px;
  }

  .payroll-tabs-sec .action_buttons {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }

  .tabs-table-3-buttons {
    text-align: right;
  }
}

@media screen and (max-width: 991px) {
  .accordion .filter-header:after {
    font-family: remixicon !important;
    content: "\ea4e";
    float: right;
  }

  .accordion .filter-header.collapsed:after {
    content: "\ea6e";
  }
}

.checkbox-option {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000;
  font-size: 13px;
  line-height: normal;
}

.checkbox-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-option .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 2px;
  border: 1px solid #ced4da;
  background: #fff;
}

.checkbox-option input:checked ~ .checkmark {
  background-color: #f7813d;
  border-color: #f7813d;
}

.checkbox-option .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-option input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-option .checkmark:after {
  left: 5px;
  top: 1.5px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mec_calendar-block.open {
  padding: 0;
}

.mec_calendar-block.open .filter-section {
  display: none;
}

.custom-scroll::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
  background: #e9ecef;
  border-radius: 12px;
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background: #ced4da;
  border-radius: 12px;
}

/* Handle on hover */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: #ced4da;
}

/* .gs-resize-handle {
  opacity: 1 !important;
} */

.gs-resize-handle-both {
  width: 17px !important;
  height: 16px !important;
  bottom: 4px !important;
  right: 5px !important;
  background-size: 100%;
}

body {
  background: #e9ecef;
}

.card {
  background-color: #fff;
}

.gridster_tabs .nav-pills .nav-item {
  padding: 0px !important;
  margin-bottom: 0 !important;
}

.card:hover .movewidget-icon,
.gs-resize-handle-both {
  filter: invert(31%) sepia(8%) saturate(640%) hue-rotate(169deg)
    brightness(91%) contrast(88%);
}

.es-notification-body .es-notification {
  padding: 8px;
}

.one-notification-popup {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
}

.alert-heading,
.modal-header,
.modal-header span,
.modal .modal-header h5 {
  color: #9b9b9b !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: normal;
}

.modal-body.text-center {
  text-align: left !important;
}

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

.modal .modal-body p {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}

.modal .modal-body p:last-child {
  margin: 0;
}

.modal .modal-footer {
  padding: 20px 0 0 0;
  border: 0px;
}

.modal .modal-footer .btn {
  margin-left: 15px !important;
  margin-right: 0;
}

.modal .modal-footer .btn:first-child {
  margin: 0 !important;
}

.modal .modal-footer .footer-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.modal .modal-footer .footer-buttons .btn {
  /* display: flex !important; */
}

.modal .modal-header {
  border: 0px;
}

/* .table.dataTable.account-balance-table thead th:first-child+th:last-child,
.table.dataTable.account-balance-table tbody td:first-child+td:last-child,
.table.dataTable.account-balance-table tfoot td:first-child+td:last-child {
  text-align: right !important;
  padding-right: 50px;
} */

.table.dataTable.account-balance-table tfoot td:first-child + td:last-child {
  text-align: right !important;
  padding-right: 30px;
}

.gridster_tabs {
  padding-left: 18px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
}

.widget-icons {
  right: 26px;
  background: #fff;
  top: 24px;
  padding: 0px !important;
}

a.widget-exp:before {
  filter: invert(31%) sepia(8%) saturate(640%) hue-rotate(169deg)
    brightness(91%) contrast(88%);
}

.dot-ico-position {
  right: 33px;
  top: 24px;
  filter: invert(31%) sepia(8%) saturate(640%) hue-rotate(169deg)
    brightness(91%) contrast(88%);
}

.widget-export form#datatable-srch {
  right: 20px;
}

.gridster ul {
  margin-bottom: 0px !important;
}

.gridster {
  padding-bottom: 0px !important;
}

.bootstrap-select > .dropdown-menu.show {
  /* min-width: 140px !important; */
  border-radius: 0px 0px 2px 2px;
  border: 1px solid #e9ecef;
  background: #fff;
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  min-width: max-content;
  width: 100% !important;
  margin-top: 2px;
  z-index: 999999;
}

body .dropdown-menu a.dropdown-item:hover,
body .dropdown-menu a.dropdown-item:focus,
body .dropdown-menu a.dropdown-item.active,
body .dropdown-menu a.dropdown-item:active {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  outline: none !important;
  background: #f7813d !important;
  color: #fff !important;
}

body .bootstrap-select > .dropdown-toggle {
  border-radius: 2px !important;
  border: 1px solid #e9ecef !important;
  background: #fff !important;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16) !important;
}

.page-item.active .page-link {
  border-radius: 2px;
  border: 1px solid #e9ecef;
  background: #fff;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset;
  color: #f7813d !important;
}

.dataTables_paginate.paging_full_numbers {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dropdown-menu {
  padding: 0px;
}

.modal-content .modal-header .close {
  margin: 0;
  padding: 0;
  opacity: 1;
}

.modal-content .modal-header .close:hover {
  opacity: 1 !important;
}

.modal-content .modal-header .close span {
  color: #495057 !important;
  font-size: 20px !important;
  text-align: right;
}

header .navbar-nav .nav-item a.nav-link i {
  font-size: 17px;
  min-width: 35px;
  min-height: 20px;
}

header .nav-item ul.nav-second-level > .nav-item .nav-link i {
  color: #495057 !important;
}

.dropdown-menu .dropdown-item {
  font-weight: 400 !important;
}

/* Calendar css */
.fc-daygrid-event-dot {
  border-radius: 0px;
  border: 0px;
  width: 4px;
  height: 12px;
  background: #fcc419;
  margin-top: -2px;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: #fff;
}

.fc-direction-ltr {
  background-color: #fff;
}

.fc-toolbar-chunk h2 {
  color: #141414;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.fc-header-toolbar.fc-toolbar {
  margin: 0px !important;
  border: 1px solid #dee2e6;
  background: #f1f3f5;
  text-align: center !important;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 193px;
  z-index: 9;
}

.fc
  .fc-scroller-harness
  th
  .fc-scrollgrid-sync-inner
  a.fc-col-header-cell-cushion {
  /* min-height: 44px; */
  line-height: 40px;
}

.fc .fc-daygrid-day-bottom a.fc-more-link {
  color: #f7813d;
  font-size: 12px;
  font-weight: 500;
  border-radius: 0;
  line-height: normal;
}

.fc-daygrid-day-events a {
  font-size: 13px;
  background-color: transparent !important;
}

.fc-popover.fc-more-popover {
  display: none;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 0 8px;
}

.fc .fc-daygrid-day-top {
  justify-content: flex-end;
}

.fc-daygrid-day-events .fc-daygrid-event-harness {
  margin: 0 0 5px;
}

thead .fc-scrollgrid-sync-inner a {
  font-size: 16px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  color: #141414;
}

thead .fc-scrollgrid-sync-inner {
  text-align: left;
}

.edited-status td {
  background: #fff3cd;
}

.calendar-modal {
  max-width: 1000px;
}

.fc .fc-col-header-cell-cushion {
  padding: 2px 10px;
}

.fc .fc-daygrid-day-frame {
  padding: 0px 4px;
}

.fc-daygrid-event-dot {
  border-radius: 0px;
  border: 0px;
  width: 4px;
  height: 12px;
  margin-top: -2px;
  display: none;
  background: transparent;
}

.orange-mark {
  display: block;
  background: #fcc419;
}

.fc-event-selected::after,
.fc-event:focus::after {
  background-color: transparent;
}

.fc-event-selected,
.fc-event:focus {
  box-shadow: none;
}

/* Calendar css */
.inner-widget-div {
  overflow: auto;
  /*padding-right: 5px;
  margin-right: -10px;
  padding-left: 10px;
  margin-left: -10px;
   overflow-x: hidden;
  overflow-y: auto; */
  height: 100%;
}

.dataTables_wrapper.table-responsive.common-scroll {
  height: auto !important;
}

.widget-exp:hover:before {
  filter: invert(55%) sepia(99%) saturate(3139%) hue-rotate(4deg)
    brightness(102%) contrast(101%);
}

.modal-content {
  outline: 0 !important;
  border-radius: 4px !important;
  border: 1px solid #e9ecef !important;
  background: #f1f3f5;
  padding: 20px 24px;
}

.modal-content.shadow-soft {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
}

.modal-content .modal-header {
  padding: 0;
}

.table thead {
  min-height: 44px;
  border-radius: 2px;
  background: #f1f3f5;
  position: sticky;
  top: 0;
  z-index: 1;
}

.table thead th,
.table thead tr {
  border-bottom: 0rem solid #e5e5e5 !important;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 0rem solid #e5e5e5;
  font-size: 14px;
}

.table tbody tr {
  border-bottom: 1px solid #dee2e6;
}

.page-item.active .page-link {
  border-radius: 2px !important;
  border: 1px solid #e9ecef !important;
  background: #fff !important;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset !important;
}

/* .widget_filter_row {
  float: left;
}
.custAddBtn{
  float: right;
} */
/* .dropdown.filter-btn.Icon-Filter.Sprite-bg.hand-cursor.dropdown-toggle.dropdown-toggle-split {
  position: relative;
  top: -9px;
} */
.customize_table_row {
  justify-content: space-between;
  flex-wrap: nowrap;
}

.mec_tabs .pagination a i {
  font-size: 10px !important;
  color: #141414;
}

.widget-behind-bg div .client_listing li:last-child {
  margin-bottom: 1rem !important;
}

.widget-behind-bg {
  border-radius: 0px !important;
}

.card.shadow-soft .scrollbar.scrollbar_all_widgets {
  max-height: 400px !important;
}

/* .inner-widget-div .bootstrap-select .dropdown-menu {
  right: auto !important;
  left: auto !important;
} */

header .navbar-nav .nav-item a.nav-link:hover i {
  color: #f7813d !important;
}

.inner-widget-div::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
.common-scroll::-webkit-scrollbar-track,
.fc-daygrid::-webkit-scrollbar-track,
.comment_box .form-group textarea::-webkit-scrollbar-track,
#graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar-track {
  background: #fff !important;
  border-radius: 10px;
}

.comment_box .form-group textarea::-webkit-scrollbar-track {
  background: #ffffff00 !important;
}

.inner-widget-div::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.common-scroll::-webkit-scrollbar-thumb,
.fc-daygrid::-webkit-scrollbar-thumb,
.comment_box .form-group textarea::-webkit-scrollbar-thumb,
#graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar-thumb {
  background: #fff !important;
  border-radius: 10px;
  border: 0px !important;
}

.comment_box .form-group textarea::-webkit-scrollbar-thumb {
  background: #ffffff00 !important;
}

.inner-widget-div:hover::-webkit-scrollbar-track,
.table-responsive:hover::-webkit-scrollbar-track,
.common-scroll:hover::-webkit-scrollbar-track,
.fc-daygrid:hover::-webkit-scrollbar-track,
.comment_box .form-group textarea::-webkit-scrollbar-track,
#graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar-track {
  background: #e9ecef !important;
  border-radius: 10px;
}

.inner-widget-div:hover::-webkit-scrollbar-thumb,
.table-responsive:hover::-webkit-scrollbar-thumb,
.common-scroll:hover::-webkit-scrollbar-thumb,
.fc-daygrid:hover::-webkit-scrollbar-thumb,
.comment_box .form-group textarea::-webkit-scrollbar-thumb,
#graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar-thumb {
  background: #ced4da !important;
  border-radius: 10px;
}

.common-scroll,
.fc-daygrid,
.dropdown-menu.show div.inner {
  scrollbar-color: initial !important;
  scrollbar-width: auto !important;
}

.comment_box .form-group textarea::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.inner-widget-div::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.common-scroll::-webkit-scrollbar,
.fc-daygrid::-webkit-scrollbar,
.dropdown-menu.show .inner::-webkit-scrollbar,
#graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.card .dot-ico-position span {
  opacity: 1;
}

span.icon.icon-xs.RightOptionsDots.dot-ico-position,
.widget-icons.RightOptionsExport {
  position: inherit;
  float: right;
  font-size: 14px;
}

.RightTopBtns {
  display: flex;
  float: right;
}

.widget-export .RightTopBtnsExport {
  width: 18px;
}

.gridsterWidget {
  background-color: #fff !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  background: #f7813d;
}

header .right-buttons .dropdown-item i {
  color: #141414;
  min-width: 25px;
}

header .right-buttons .dropdown-item:hover i,
header .right-buttons .dropdown-item:focus i,
header .right-buttons .dropdown-item.active i {
  color: #fff;
}

.breadcrumb-item,
.breadcrumb-item a {
  font-size: 13px !important;
}

/* .card-sticky-header {
  position: sticky;
  top: 0px;
  background-color: #fff;
  border-radius: 0px !important;
} */

.inner-widget-div {
  position: relative;
  padding: 0 4px;
}

/* .inner-widget-div .card-sticky-header {
  position: sticky;
  top: 0px;
  background-color: #fff !important;
  border-radius: 0px !important;
  z-index: 2;
} */

.commandCenterSearch .dropdown-menu.show {
  top: initial !important;
  left: initial !important;
  transform: none !important;
}

.breadcrumb {
  align-items: center;
}

.customize_table {
  font-size: 13px;
}

.pagination .page-link {
  border-radius: 2px !important;
  border: 1px solid #e9ecef;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
}

.month-calendar-disable {
  opacity: 0.5;
}

.pagination .page-link:hover,
.pagination .page-link.active.shadow-inset,
nav .pagination li a:hover {
  border-radius: 2px;
  border: 1px solid #e9ecef;
  background: #fff;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset !important;
}

.pagination .page-link.active.shadow-inset,
.pagination .page-link:hover,
.mec_tabs .pagination a:hover i {
  color: #f7813d !important;
}

/* .widget-title{
  font-size: 16px !important;
  color: #9B9B9B !important;
} */
.ClientListEditDiv .card.shadow-soft {
  padding: 34px 24px 34px !important;
}

.client_list_sidebar.ClientListEditDiv .btn.card {
  padding: 0.5rem !important;
}

.client_list_sidebar.ClientListEditDiv > .card {
  padding: 25px !important;
  margin-bottom: 15px !important;
}

/* .customFilterAdj {
  top: -3px !important;
} */

.hide-pc {
  display: none !important;
}

.editTabs {
  width: 22px;
  height: 22px;
  margin-right: 4px !important;
  margin-top: -4px;
}

#mainTabUl .tab-white,
ul#mainPageUl .tab-white {
  border-radius: 2px !important;
  border: 1px solid #e9ecef;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
  height: 36px;
}

.errorMsg {
  top: 50%;
}

#mainTabUl .tab-submenu-sec {
  left: 0px;
  top: 46px;
}

#mainTabUl .tab-submenu-sec .sub_tab_li {
  margin-bottom: 10px;
}

.widgets-delivery-list #viewAllWidgets {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0px 10px;
  gap: 10px;
}

.widgets-delivery-list ul#tab_widget_ul {
  display: flex;
}

.show-more {
  width: 185px;
  border-radius: 2px !important;
}

.show-more .modal-header {
  border-bottom: 0px solid #d5d5d5;
}

.show-more-body {
  max-height: 140px;
}

.tab-white .tab-fa-icon {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  margin: 0px 5px 0px 5px;
}

.loading-widget {
  transform: translateY(-50%) translateX(-50%);
}

header .navbar-nav .nav-item a.nav-link.active {
  border-radius: 4px 0px 0px 4px;
  /* background: #fbfcfd; */
}

header .navbar-nav .nav-item a.nav-link.active i {
  color: #f7813d !important;
}

.card,
.common-box-shadow {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.common-border-radius {
  border-radius: 4px;
}

ul.ManageAssign-role > li {
  display: inline-block;
  margin-left: -6px;
  position: relative;
  width: 48px;
  padding: 0.74rem;
  height: 48px;
  float: left;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #fff;
}

body p,
body ol li,
body ul li,
body label {
  font-size: 13px;
}

/* .add-cc-input .form-control,
.tab-add-submenu .form-control {
  height: calc(1.5em + 1.2rem + 0.0625rem) !important;
} */

.tab-white.add_sub_container {
  width: 173px !important;
  margin-bottom: 10px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center;
}

.myTabListContainer .edit_page {
  display: flex;
  align-items: center;
}

.custom-mt {
  margin-top: 2px;
}

.customize_table_row {
  font-size: 13px;
}

nav .pagination li:last-child a.page-link {
  margin-right: 0px;
}

.accordion .shadow-inset.rounded {
  border-radius: 4px !important;
}

.Assignwidgets-list .card {
  border: 0px !important;
}

.icons_display.RoleOptions {
  top: -2px;
}

.fa-sort[data-sort-value="asc"]:before,
.fa-sort[data-sort_value="asc"] {
  background: -webkit-linear-gradient(#f7813d 50%, #000000 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fa-sort[data-sort-value="desc"]:before,
.fa-sort[data-sort_value="desc"]:before {
  background: -webkit-linear-gradient(#000000 50%, #f7813d 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* .page-item .page-link, .page-item span {
  margin: 4px !important;
} */
.customize_table_col {
  align-content: center;
}

.table-hover tbody tr:hover td {
  background-color: transparent;
}

.table-hover tbody tr:hover,
.table.dataTable tbody tr:hover td {
  background-color: #f3faff !important;
}

.accordion.notifications-plus > .card {
  border: 0px;
}

.FormGroupModal .form-group:last-child {
  margin-bottom: 0px !important;
  margin-top: 1rem;
}

.commandCenterSearchInputs .dropdown.bootstrap-select {
  margin-right: 0px;
}

/* .modal .modal-footer .footer-buttons .action_btn_orng {
  margin-right: 0px !important;
} */
.common-scroll.scroll-mec {
  min-height: 660px;
}

.financialSettingsAddRow {
  display: flow-root;
}

#modal-popup-heading .text-black {
  color: #000 !important;
  font-size: 14px !important;
}

.lh-normal {
  line-height: normal;
}

.customize_table .customize_table_col .fa-sort,
.customize_table .customize_table_head .fa-sort {
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  transform: translateX(-135%) translateY(4px);
}

.customize_table:hover .customize_table_col .fa-sort,
.customize_table:hover .customize_table_head .fa-sort {
  opacity: 1;
  transition: 0.5s;
}

#mainTabUl .tab-submenu-sec ul.myTabsList,
#mainTabUl .tab-submenu-sec .tab-white {
  width: 100% !important;
}

.userassignmentScroll .customize_table_col .fa-sort {
  transform: translateX(50%) translateY(0px);
}

.userassignmentScroll .customize_table_col .fa-sort {
  transform: translateX(50%) translateY(4px);
}

/* header div#navbarCollapse {
  overflow-y: auto;
} */

/* Popover */
.popover-head img {
  height: 60px;
  width: 60px;
}

.popover-head h3 {
  font-size: 16px;
}

body .popoverMain .popover-head {
  padding-bottom: 1rem !important;
  margin-bottom: 1rem !important;
}

.popoverMain {
  position: absolute !important;
  bottom: 50%;
  transform: translateY(20%);
  opacity: 0;
  z-index: -1;
  left: 100%;
  min-width: 350px !important;
}

.popover-title {
  font-weight: 600;
  min-width: 150px;
}

.popoverBtn:hover .popoverMain {
  opacity: 1;
  z-index: 9999;
}

.popoverBtn.position-relative {
  width: fit-content;
}

/* Popover */

/* Scroll to right */
.scrollToRightOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ScrollToRightBody {
  /* transform: translate(-80px, -48px); */
  /* animation: slideRight 2.5s infinite; */
}

/* @-webkit-keyframes slideRight {
  0%   {transform: translate(-180px, -100px)}
  100%  {transform: translate(-80px, -100px)}
  100%   {transform: translate(-180px, -100px)}
}

@keyframes slideRight {
  0%   {transform: translate(-180px, -100px)}
  100%  {transform: translate(-80px, -100px)}
  100%   {transform: translate(-180px, -100px)}
} */
/* Scroll to right */
.es-logo {
  width: 100px;
}

.exportTitle {
  display: none;
}

/* .widget-export #datatable-srch button.reset-search {
  right: 15px;
} */
.modal-backdrop.show {
  background-color: #dee2e6;
  opacity: 0.6;
}

.input-daterange.datepicker .invalid-feedback.custom-position {
  top: 55px;
}

.datepicker table tr td.today {
  background: transparent !important;
  color: #f7813d;
  border: 1px solid #f7813d;
  border-radius: 4px !important;
}

.alert-dismissible .close {
  top: 50% !important;
}

/* 
.widget-export[data-sizex="1"] form#datatable-srch input[type="search"]:focus {
  position: relative;
  right: -20px;
  z-index: 1;
}

.widget-export[data-sizex="1"] form#datatable-srch input[type="search"]:focus+button.reset-search {
  right: -20px;
  z-index: 1;
} */
.gridster_tabs {
  padding-bottom: 0px;
}

.gridster.ready {
  padding-top: 0px;
}

.widget-exp-old .fa.fa-unlink.mr-3 {
  margin: 0px !important;
}

@media (min-width: 1200px) {
  .scroll-mec {
    overflow-x: auto;
  }
}

@media screen and (max-width: 1199px) {
  .status_bar > p {
    display: none;
  }

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

  .gauge {
    width: 120px;
    min-width: 120px;
    height: 60px;
  }

  .gauge-cover {
    padding-top: 6%;
  }

  .status_bar {
    width: 100%;
    margin-left: 0;
    max-width: 60px;
    min-width: 60px;
    position: absolute;
    right: 93px;
    top: 45px;
    padding: 0;
  }

  .notificationTable .customize_table .customize_table_col,
  .notificationTable .customize_table .customize_table_head,
  .custom_ConnectorTable .customize_table .customize_table_col,
  .custom_ConnectorTable .customize_table .customize_table_head {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    padding-right: 10px;
  }

  .customize_table .customize_table_col.customize_table_ID,
  .customize_table .customize_table_head.customize_table_ID {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding-right: 10px;
  }

  .customize_table .customize_table_head {
    display: inline-block !important;
  }

  .mobileScroll {
    padding: 0px 10px;
    margin-left: -10px;
    overflow: auto;
  }

  .PayrollTable .customize_table_row {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1366px) {
  .tooltip.show {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .es_mec_listing {
    padding-left: 0;
  }

  .filter-section {
    max-width: 100%;

    position: static;

    height: auto;

    margin-bottom: 20px;
  }

  .mec_row2 {
    padding-right: 0;

    position: static;
  }

  .calendar_filters {
    top: -50px;

    bottom: auto;
  }

  .status_bar {
    right: 32px;
  }

  .filter-section {
    border-radius: 0;

    background: transparent;

    padding: 0;
  }

  .filter-section > h3 {
    margin: 0 0 10px;
  }

  .filter-section .accordion {
    background: #f8f9fa;

    border-top: 1px solid #dee2e6;
  }

  .filter-header {
    height: 32px;

    line-height: 30px;

    padding: 0 12px;
  }

  .filter-header.collapsed {
    border-bottom: 1px solid #dee2e6;
  }

  .filter-body {
    border-bottom: 1px solid #dee2e6;

    padding: 7px 12px 0;
  }

  .customD-Flex {
    display: block !important;
  }

  .ClientListEditDiv {
    padding: 0px !important;
  }

  .userManagementTable .customize_table .customize_table_col,
  .userManagementTable .customize_table .customize_table_head {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    padding-right: 10px;
  }

  .action_buttons span.tabs-table-2-buttons.mt-3 {
    margin: 0 0 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .card {
    padding: 15px !important;
  }

  .gridsterWidget.card {
    padding: 15px !important;
  }

  .task_status {
    margin-right: 10px;
  }

  .task_icon {
    height: 25px;
    font-size: 16px;
    color: #141414;
    margin-right: 5px;
    width: 25px;
  }

  .gauge {
    width: 95px;
    min-width: 95px;
    height: 48px;
  }

  .status_box {
    padding: 1px 5px;
    font-size: 10px;
  }

  .status_bar {
    right: 12px;
    top: 39px;
  }

  .gauge-cover {
    padding-top: 8%;
    font-size: 13px;
  }

  .status_bar {
    right: 11px;
    top: 43px;
  }

  .mec_row2 {
    border-bottom: 0;
  }

  .mec_tabs {
    margin-top: 20px;
  }

  .mec_tabs .pagination {
    justify-content: flex-start;
  }

  .table-filters .bootstrap-select {
    margin-right: 5px;
  }

  .mec_row1 {
    margin-top: 15px;
  }

  .card .movewidget-icon {
    opacity: 1 !important;
    max-width: 20px !important;
  }

  body .commandCenterSearchInputs {
    width: 100%;
    display: block !important;
    margin: 0px 0px 20px 0px !important;
  }

  .mainbody {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .hide-mobile {
    display: none !important;
  }

  .hide-pc {
    display: block !important;
  }

  .gs-resize-handle-both {
    bottom: 0px !important;
    right: 0px !important;
    background-size: 80% 80%;
  }

  .page_filter_section .page_filter_cont:nth-child(2) {
    margin-left: 0 !important;
  }

  .widgets-delivery-list ul#tab_widget_ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .customize_table .customize_table_col,
  .customize_table .customize_table_head {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    padding-right: 10px;
  }

  .userManagementTable .customize_table .customize_table_col,
  .userManagementTable .customize_table .customize_table_head {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    padding-right: 10px;
  }

  .customize_table .customize_table_head {
    display: inline-block !important;
  }

  .inner-widget-div::-webkit-scrollbar-track,
  .table-responsive::-webkit-scrollbar-track,
  .common-scroll::-webkit-scrollbar-track,
  .dropdown-menu.show .inner::-webkit-scrollbar-track,
  .dropdown-menu.show .inner::-webkit-scrollbar-track,
  #graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar-track {
    background: #e9ecef !important;
  }

  .inner-widget-div::-webkit-scrollbar-thumb,
  .table-responsive::-webkit-scrollbar-thumb,
  .common-scroll::-webkit-scrollbar-thumb,
  .dropdown-menu.show .inner::-webkit-scrollbar-thumb,
  #graph_area .gridster > ul div#table_format_wrapper::-webkit-scrollbar-thumb {
    background: #ced4da !important;
  }

  .icons_display {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
  }

  .customize_table .customize_table_col a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .tab-submenu-sec {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    min-width: initial !important;
    padding: 10px;
    padding-bottom: 5px;
    background-color: #fff;
  }

  .modal-open .modal {
    padding-right: 0px !important;
  }

  .accordion .card .col-12.p-2 {
    padding-right: 25px !important;
  }

  .custom-mb {
    margin-bottom: 16px;
  }

  .PayrollTable .customize_table_col {
    flex: 0 0 200px;
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }

  .PayrollTable {
    padding-top: 20px;
  }

  .userassignmentScroll {
    display: flow-root;
    overflow: hidden;
  }

  .userassignmentScroll .client-list-header.customize_table_row {
    padding-left: 1rem !important;
  }

  .userassignmentScroll .client_listing.customize_table {
    padding: 0px 1rem !important;
    min-width: auto;
  }

  .userassignmentScroll .client-list-header.customize_table_row {
    padding-left: 1rem !important;
    display: flex;
    justify-content: space-between;
  }

  .userassignmentScroll .customize_table .customize_table_col {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }

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

  .userassignmentScroll .customize_table_row .customize_table_col {
    width: 250px !important;
    min-width: 250px !important;
    max-width: 250px !important;
  }

  .userassignmentScroll ul#commandCenterList {
    padding-left: 0px !important;
  }

  .userassignmentScroll .text-right.customize_table_col {
    text-align: left !important;
  }

  .composerTemplateTable .customize_table_row {
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .d-flex.justify-content-between.pt-4.customize_table_row.customize_table_rowTemplates {
    padding: 1rem 1rem 0px !important;
  }

  .customize_table_rowTemplates .customize_table_col {
    padding: 0px;
  }

  .composerTemplateTable
    .customize_table_row
    .client_action_btns.customize_table_col {
    padding-right: 0px;
  }

  .gridster.ready li:first-child {
    /* margin-top: 7px !important; */
  }

  .custom-space {
    padding: 0px !important;
  }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .mec_calendar-block .gridster_tabs .nav-pills .nav-link {
    font-size: 13px;

    padding: 7px 9px !important;
  }
}

@media screen and (max-width: 575px) {
  .formula_row button.btn.dropdown-toggle {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 480px) {
  /* .inner-widget-div .card-sticky-header #datatable-srch input[type="search"]:focus {
    width: calc(100vw - 111px);
  } */

  /* .widget-export form#datatable-srch input[type="search"]:focus {
    position: relative;
    right: -20px;
    z-index: 1;
  } */

  /* .widget-export form#datatable-srch input[type="search"]:focus+button.reset-search {
    right: -20px;
    z-index: 1;
  } */

  .status_bar {
    right: 5px;
  }
}

@media screen and (max-width: 400px) {
  .widgets-delivery-list ul li {
    width: 80%;
    margin-right: 10%;
    margin-bottom: 10%;
    margin-left: 10%;
  }

  .bootstrap-select {
    max-width: 100%;
  }
}

/** common form field css **/
.card-header > h3 {
  font-size: 16px;
  color: #9b9b9b;
}

.form-group input.form-control {
  height: 52px;
}

.form-group .form-control {
  font-size: 13px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
  background: #fbfcfd;
  box-shadow: 3px 3px 4px 0px rgba(73, 80, 87, 0.24) inset,
    -2px -2px 4px 0px rgba(120, 120, 121, 0.12) inset;
  transition: none;
  padding: 16px !important;
  color: #141414;
  line-height: normal;
  font-weight: 400;
  transition: 0.5s !important;
}

.form-group .form-control:focus:not(.is-invalid) {
  box-shadow: 3px 3px 4px 0px rgba(73, 80, 87, 0.36) inset,
    -2px -2px 4px 0px rgba(120, 120, 121, 0.24) inset !important;
  background-color: #f1f3f5 !important;
}

.form-group .form-control.is-invalid {
  border: 1px solid #ffa8a8 !important;
  background: rgba(255, 245, 245, 0.2);
  box-shadow: 3px 3px 4px 0px rgba(240, 62, 62, 0.48) inset,
    -2px -2px 4px 0px rgba(240, 62, 62, 0.24) inset !important;
}

.form-group .form-evt-error {
  color: #fb3939;
  font-size: 12px;
  line-height: normal;
  position: absolute;
  bottom: -18px;
}

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #868e96;
  opacity: 1 !important;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #868e96;
  opacity: 1 !important;
}

.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #868e96;
  opacity: 1 !important;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #868e96;
  opacity: 1 !important;
}

.feedback-form .card-body .submit_btn {
  height: 32px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500;
  border: 0 !important;
  transition: all 0.2s ease;
  border-radius: 2px !important;
  background: #f7813d !important;
  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.24);
  padding: 7px 24px !important;
  min-width: 76px;
  margin: 0px;
  width: auto;
  margin-left: auto;
}

.feedback-form .card-body .submit_btn:hover,
.feedback-form .card-body .submit_btn:active,
.add_new_tab:hover,
.add_new_tab:active {
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24) inset,
    2px 2px 4px 0px rgba(0, 0, 0, 0.08) inset !important;
}

/*--common scrollbar in widgets--*/
/* .common-scroll,
.inner-widget-div {
  scrollbar-color: #ccc #f5f5f5;
  scrollbar-width: thin;
}

.common-scroll::-webkit-scrollbar,
.inner-widget-div::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
  background-color: #f5f5f5;
}

.common-scroll::-webkit-scrollbar-thumb,
.inner-widget-div::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border: 2px solid #ccc;
  border-radius: 10px;
} */

#datatable-srch {
  position: absolute;
  right: 0;
  top: 1px;
}

.client-list-header span {
  vertical-align: top;
}

.table td {
  vertical-align: middle !important;
}

.es-header-title a {
  color: #fff;
  font-size: 20px;
}

.es-header-title a:hover {
  color: #fff;
}

.datepicker table tr td.selected,
.datepicker table tr td.range {
  background: #f7813d !important;
  border: 0;
}

.table .font-weight-bold,
.font-weight-bold {
  font-weight: 700 !important;
}

.table.report-list tr td,
.table.report-list tr th {
  padding: 0 9px 0px 9px !important;
  height: 30px;
}

.gridster {
  padding-top: 7px;
  margin: 0 !important;
}

.payroll-tabs-sec {
  margin-top: 20px;
  position: relative;
}

@media screen and (max-width: 480px) {
  .page_filter_section .page_filter_cont {
    width: 100%;
    margin: 5px 0 !important;
  }

  .page_filter_section .page_filter_cont .bootstrap-select {
    width: 100% !important;
  }
}

.payroll-tabs-sec .action_buttons .btn.action_btn_orng {
  margin: 0 !important;
}

.card
  .inner-widget-div
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button,
.dataTables_paginate .ellipsis {
  border-radius: 2px;
  border: 1px solid #e9ecef !important;
  background: #fff !important;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16) !important;
  width: 32px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  color: #343a40 !important;
  font-size: 13px;
  font-weight: 400;
  opacity: 1;
  padding: 0 !important;
}

.card
  .inner-widget-div
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button:hover,
.card
  .inner-widget-div
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.current {
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset !important;
  color: #f7813d !important;
  background: transparent !important;
  border: 1px solid #e9ecef !important;
}

.card .inner-widget-div .dataTables_wrapper .dataTables_paginate span {
  display: flex;
  align-items: center;
}

.card
  .inner-widget-div
  .dataTables_wrapper
  .dataTables_paginate
  .paginate_button.disabled {
  opacity: 0.65;
}

#commandCenterList .icons_display,
#WidgetConnetor .icons_display {
  top: 14px;
  right: 30px;
}

.notificationTable .icons_display {
  top: 12px;
  right: 30px;
}

#clientUserList .icons_display {
  top: 12px;
  right: 30px;
}

/* #commandCenterList li .Client_name {
  display: flex !important;
  align-items: center;
  line-height: normal;
} */

#commandCenterList li:last-child {
  margin-bottom: 0;
}

.form-check {
  padding-left: 0;
  margin: 0;
}

.form-check .form-check-label {
  position: relative !important;
  transition: all 0.2s ease !important;
  color: #141414 !important;
  font-size: 13px !important;
  padding-left: 25px !important;
  vertical-align: top !important;
  line-height: 20px !important;
  margin-bottom: 0px !important;
}

.form-check input[type="checkbox"],
.form-check input[type="radio"] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.form-check .form-check-label::before {
  content: " " !important;
  display: inline-block !important;
  position: absolute !important;
  width: 18px !important;
  height: 18px !important;
  left: 0 !important;
  top: 0 !important;
  transition: all 0.2s ease !important;
  border-radius: 2px !important;
  background: #fbfcfd;
  box-shadow: 3px 3px 4px 0px rgba(73, 80, 87, 0.24) inset,
    -2px -3px 3px 0px rgba(120, 120, 121, 0.12) inset !important;
}

.form-check .form-check-label::after {
  content: "\f00c" !important;
  font-family: "Font Awesome 5 free" !important;
  position: absolute !important;
  width: 18px !important;
  height: 18px !important;
  left: 0 !important;
  top: 0 !important;
  background-color: #f7813d !important;
  transition: all 0.2s ease !important;
  text-align: center !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  line-height: 19px !important;
  opacity: 0 !important;
  border-radius: 2px !important;
  font-size: 11px !important;
}

.form-check input[type="checkbox"]:checked + .form-check-label::after {
  opacity: 1 !important;
}

.widget_heading.full-report-title {
  text-transform: capitalize;
}

.add-cc-input .invalid-feedback.custom-position {
  top: auto;
  bottom: -15px;
}

.add-cc-input .btn {
  position: relative;
  top: -1px;
}

.edit_tab_box a.edit_tabs {
  order: 2;
}

.nowrap {
  white-space: nowrap;
}

.RightOptionsExport a.widget-exp:before {
  content: "\f56d";
  padding: 0;
  font-weight: 900;
}

.RightTopBtnsExport .widget-icons.RightOptionsExport {
  font-size: 15px;
}

.profile-pic .es-profile-pic:hover,
.head-notification img:hover {
  filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(350%)
    hue-rotate(0deg) brightness(100%) contrast(200%) !important;
}

.header-right .head-setting button i:hover {
  color: #f7813d;
}

.evt-index-loader .widget-behind-bg {
  background: rgb(255 255 255 / 95%);
  border-radius: 0;
}

.widget-exist-show .widget-exist {
  width: 200px;
  padding: 0.5rem !important;
  top: 20px;
  left: -10px;
}

.widget-exist-show .widget-exist ul li {
  padding: 0.3rem 0.5rem;
}

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

.description-show .description-text {
  width: 300px;
  top: 25px;
  left: -10px;
  border-radius: 4px !important;
  padding: 0.5rem !important;
}

.form-group > label {
  color: #141414;
  font-size: 13px;
  line-height: normal;
  margin-bottom: 5px;
}

.form-group .invalid-feedback {
  position: absolute;
  bottom: -14px;
  margin: 0;
  font-size: 12px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 20px;
}

.dynamic_inputs .table-filters {
  margin: 0 15px 0 0;
}

.dynamic_inputs .table-filters:last-child {
  margin: 0;
}

.table.report-list tr,
.table.report-list tr td {
  border: 0;
}

.table.report-list tr.total-row td {
  font-weight: 700;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.navbar .fixed-top {
  z-index: 2;
}

.es-sidebar-menu {
  filter: invert(1);
  transform: scale(0.8);
}

header .nav-link:hover .es-sidebar-menu {
  filter: none !important;
}

.inner-widget-div table.dataTable thead th,
.inner-widget-div table.dataTable tbody td {
  padding-top: 7px;
  padding-bottom: 7px;
}

.inner-widget-div td.font-weight-bold.bg-gray-500 {
  text-indent: 8px;
  height: 32px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #fff !important;
  border: 0px !important;
}

.inner-widget-div td.KPI {
  padding-left: 24px !important;
}

.lh-1 {
  line-height: 1;
}

.custom_sort_assign_widget .widgetname_order,
.custom_sort_assign_widget .clientname_order {
  transform: translateX(-135%) translateY(0px) !important;
}

/* .gridsterWidget[data-widget_content_type="client_sentiment"] .post-group {
  max-width: 596px;
  position: relative;
} */

.mec_row2 {
  width: 100% !important;
  min-height: 25px;
}

.mec_row2 .d-none {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .customize_table {
    /* padding: 0 10px !important; */
    min-width: 500px;
  }

  .customize_table_row,
  p,
  body,
  .mec_tabs .pagination a,
  nav .pagination li a {
    font-size: 12px;
  }

  .card-header > h3,
  .widget-heading,
  h3 {
    font-size: 15px;
  }

  h4,
  .customize_table .customize_table_col,
  .customize_table .customize_table_head {
    font-size: 13px;
  }

  h1 {
    font-size: 26px;
  }

  .exportTitle {
    border-radius: 4px;
    background: #fff;
    height: auto;
    box-shadow: none;
    color: #141414;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 10px;
    line-height: normal;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
    position: absolute;
    left: 0px;
    transform: translateX(-100%);
    display: flex;
    top: -2px;
  }

  .export-report {
    z-index: 1;
  }

  .action_btn_white,
  .action_btn_orng {
    padding: 0px 10px;
  }
}

@media screen and (max-width: 576px) {
  .table-filters .bootstrap-select {
    width: 100% !important;
  }

  .mec-calendar-block .table-filters .bootstrap-select {
    width: auto !important;
  }

  .mec-calendar-block .table-filters .bootstrap-select .dropdown-toggle {
    min-width: 95px;
  }

  .dynamic_inputs .table-filters {
    margin: 10px 0 0 0;
  }

  .dynamic_inputs .table-filters:first-child {
    margin: 0;
  }

  .dynamic_inputs .table-filters:last-child {
    margin: 10px 0 0 0;
  }

  p,
  body {
    font-size: 12px !important;
  }
}

.mec_calendar-block .dataTables_paginate,
.mec_ticket_table + .dataTables_paginate {
  min-width: 975px;
  display: flex;
  justify-content: end;
  margin-top: 15px;
  margin-right: 0;
  padding: 5px 0;
}

.fc-daygrid-event {
  color: #141414;
  line-height: normal;
  border: 0;
  margin: 0 !important;
  font-size: 13px !important;
  border-radius: 0;
}

.fc-event-title.fc-sticky {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0;
  color: #141414;
}

.fc-daygrid-event.orange-mark {
  padding-left: 10px;
  position: relative;
}

.fc-daygrid-event.orange-mark:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 12px;
  background: #fcc419;
  left: 0;
  top: 2.5px;
}

table.table.mec_calendar_table_modal tr {
  height: 39px;
}

table.table.mec_calendar_table_modal th,
table.table.mec_calendar_table_modal td {
  padding: 1px 10px;
}

table.table.mec_calendar_table_modal tr.edited-status td span.updated {
  color: #856404;
}

div#mec-calendar-view table {
  width: 100% !important;
  min-width: 1000px;
  margin-bottom: 1px;
}

.fc-daygrid-body {
  width: 100% !important;
}

.fc-daygrid {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table.mec_calendar_table_modal thead th {
  vertical-align: middle;
}

.mec_calendar-block .gridster_tabs .nav-wrapper {
  padding-bottom: 20px !important;
}

.mec_calendar-block .gridster_tabs .nav-pills .nav-link {
  font-size: 14px;
  padding: 10px 16px !important;
  margin-right: 8px;
}

.mec_calendar-block .gridster_tabs .nav-pills .nav-link i {
  margin-right: 8px;
}

.mec_calendar-block .gridster_tabs .nav-pills .nav-link:before {
  bottom: -1px;
}

.mec_calendar-block .dataTables_paginate .paginate_button.previous,
.mec_calendar-block .dataTables_paginate .paginate_button.next,
.mec_ticket_table + .dataTables_paginate .paginate_button.previous,
.mec_ticket_table + .dataTables_paginate .paginate_button.next {
  font-size: 0 !important;
  position: relative;
}

.mec_calendar-block .dataTables_paginate .paginate_button.previous:before,
.mec_calendar-block .dataTables_paginate .paginate_button.next:before,
.mec_ticket_table + .dataTables_paginate .paginate_button.previous:before,
.mec_ticket_table + .dataTables_paginate .paginate_button.next:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: #495057;
}

.mec_calendar-block .dataTables_paginate .paginate_button.previous:before,
.mec_ticket_table + .dataTables_paginate .paginate_button.previous:before {
  content: "\f053";
}

.mec_calendar-block .dataTables_paginate .paginate_button.next:before,
.mec_ticket_table + .dataTables_paginate .paginate_button.next:before {
  content: "\f054";
}

.mec_calendar-block.open .es_mec_listing {
  padding-left: 0;
}

.radio-option {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #141414;
  font-size: 12px;
  line-height: normal;
}

.radio-option input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radio-option .radio-check {
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 32px;
  border: 1px solid #e9ecef;
  background: #fff;
  box-shadow: 3px 3px 4px 0px rgba(73, 80, 87, 0.24) inset,
    -2px -2px 4px 0px rgba(120, 120, 121, 0.12) inset;
}

.radio-option .radio-check:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-option input:checked ~ .radio-check:after {
  display: block;
}

.radio-option .radio-check:after {
  left: 3.8px;
  top: 3.5px;
  width: 12px;
  height: 12px;
  background: #f7813d;
  border-radius: 32px;
}

.fc-scroller.fc-scroller-liquid-absolute {
  overflow: unset !important;
}

.mec_calendar-block {
  position: relative;
}

.fc-daygrid {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}

.card-header .post-group h3 {
  margin-bottom: 0;
}

.tab-content-inner {
  padding: 16px 16px 16px 16px;
  border-radius: 2px;
  background: #f8f9fa;
}

.tab-content-inner .tab-content {
  height: 100%;
}

/** share files widget css **/
.tab-content-inner .tabs_head {
  font-size: 16px;
  font-weight: 500 !important;
  line-height: normal;
  margin-bottom: 20px;
  padding: 0 10px;
}

.tab-content-inner .tabs_head i {
  color: #495057;
  font-size: 14px;
  margin-right: 8px;
}

.widget_inner_tabs {
  margin-top: 20px;
}

.widget_inner_tabs .gridster_tabs .nav-pills {
  margin-bottom: 20px;
}

.widget_inner_tabs .gridster_tabs .nav-pills .nav-link {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 10px 12px !important;
  margin-right: 8px;
}

.widget_inner_tabs .gridster_tabs .nav-pills .nav-link i {
  margin-right: 8px;
  color: #495057;
}

.widget_inner_tabs .gridster_tabs .nav-pills {
  margin-bottom: 20px;
}

.widget_inner_tabs .gridster_tabs .verticle_tab .nav-item {
  padding: 0 0 0 2px !important;
}

.widget_inner_tabs .gridster_tabs .verticle_tab .nav-item .nav-link {
  padding: 12px 8px 12px 10px !important;
  border-radius: 4px;
  border: 0 !important;
  font-size: 13px;
  margin: 0;
}

.widget_inner_tabs .gridster_tabs .verticle_tab .nav-item .nav-link.active {
  background: #fff;
  box-shadow: 0px 0px 4px 0px #adb5bd;
}

.widget_inner_tabs .gridster_tabs .verticle_tab .nav-item .nav-link:before {
  content: unset;
}

.widget_inner_tabs .gridster_tabs .nav-pills .nav-link:before {
  bottom: -2px;
}

.widget_inner_tabs .gridster_tabs .verticle_tab .nav-item .nav-link label {
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 5px;
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link
  .version-date-time {
  color: #868e96;
  line-height: 16px;
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link
  .version-date-time
  .date {
  font-size: 13px;
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link
  .version-date-time
  .time {
  font-size: 12px;
  margin-left: auto;
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link
  .version-date-time {
  color: #868e96;
  line-height: 16px;
  /* 123.077% */
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link.active
  .version-date-time {
  font-weight: 400 !important;
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link
  .version-date-time
  .date {
  font-size: 13px;
  /* 123.077% */
}

.widget_inner_tabs
  .gridster_tabs
  .verticle_tab
  .nav-item
  .nav-link
  .version-date-time
  .time {
  font-size: 12px;
  margin-left: auto;
}

.version-label {
  margin-bottom: 16px;
}

.tab-content .label-heading {
  color: #9b9b9b;
  font-size: 16px;
  line-height: normal;
  margin: 0;
}

.financial-delay .status {
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.financial-delay .status.delayed {
  background: #fff1f1;
  color: #f03e3e;
}

.financial-delay p {
  line-height: 16px;
  margin-left: 8px;
}

.version-table-data {
  margin-top: 16px;
}

.version-table-data th,
.version-table-data td {
  color: #141414;
  font-size: 13px;
  line-height: normal;
}

.version-table-data th {
  font-weight: 500 !important;
}

.version-table-data tbody tr td {
  border-bottom: 1px solid #dee2e6;
  padding: 12px 0;
}

.version-table-data th:first-child,
.version-table-data td:first-child {
  width: 31px;
  padding-right: 36px;
}

.version-tabcontent {
  max-height: 360px;
}

.version-content > h4 {
  font-weight: 700 !important;
  line-height: normal;
  margin-bottom: 3px;
}

.version-content > p {
  font-weight: 500 !important;
  line-height: normal;
}

.reports_box.card {
  padding: 12px !important;
  margin-top: 20px;
}

.reports_box.card:first-child {
  margin: 0;
}

.report_box_head {
  /* border-bottom: 1px solid #dee2e6;
  padding: 0 0 8px; */
  align-items: center;
  justify-content: space-between;
}

.supporting_report_box {
  border-top: 1px solid #DEE2E6;
  margin: 12px 0 0;
  padding: 12px 0 0;
}

.report_box_head .title {
  font-weight: 500 !important;
  line-height: normal;
  margin: 0;
}

.report_box_head .download_icon i,
.report_download_box .report_download i {
  color: #495057;
  font-size: 12px;
}

.version-label {
  margin-bottom: 16px;
}

.version-table-data {
  margin-top: 16px;
}

.report_icon {
  border-radius: 4px;
  background: #f3f4f5;
  width: 24px;
  height: 24px;
  min-width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #495057;
  font-size: 14px;
  margin-right: 8px;
}

.es-file-downloader {
  position: absolute;
  right: 10px;
}

.es-file-downloader img {
  width: 15px;
}

.report_list {
  padding: 12px 0px 0px 0;
}

.report_icon > i {
  cursor: default;
}

/*.report_download_box .report_name {
  color: #228BE6;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  padding-right: 40px;
}

 .report_download_box {
  width: 100%;
} */
.report_download_box {
  width: calc(100% - 32px);
  position: relative;
}

.report_download_box .report_name {
  color: #228be6;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 25px;
}

.report_download_box > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .report_list .report_download {
  position: absolute;
  right: 12px;
  display: none;
} 
.report_list .report_download_box:hover .report_download {
  display: block;
}*/
.report_list .report_download {
  min-width: 25px;
  opacity: 0;
  visibility: hidden;
  text-align: right;
  transition: all 0.3s ease;
  position: absolute;
  right: 0;
}

.report_list .report_download_box:hover .report_download {
  opacity: 1;
  visibility: visible;
}

.card.shadow-soft .card-header {
  padding: 0 4px 15px !important;
}

.card-text.no-data-found > p {
  color: #141414;
  text-align: center;
  line-height: normal;
}

.card-text.no-data-found > p span {
  display: block;
  color: #f7813d;
}

@media screen and (max-width: 767px) {
  .tab-content-inner {
    padding: 16px 12px 16px 12px;
  }

  .reports_box.card {
    margin-left: 0 !important;
  }

  .widget_inner_tabs .gridster_tabs .verticle_tab .nav-item .nav-link {
    margin: 0;
  }
}

.loading-widget-forDev.evt-index-loader {
  position: fixed;
  z-index: 99999;
}

/** table sorting right align css **/
table.dataTable thead th,
table.dataTable tbody td {
  padding: 9px 30px 9px 9px;
}

table.dataTable thead th span.es-sorting-icon {
  position: relative;
}

table.dataTable thead th span.es-sorting-icon:before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  width: 19px;
  height: 19px;
  top: 0;
  right: -22px;
}

table.dataTable thead th.sorting_disabled span.es-sorting-icon:before {
  width: 0;
}

table.dataTable:hover thead th.sorting span.es-sorting-icon:before {
  background-image: url("/neumorphism/assets/img/sort_both.png") !important;
}

table.dataTable:hover thead th.sorting_desc span.es-sorting-icon:before {
  background-image: url("/neumorphism/assets/img/sort_desc.png") !important;
}

table.dataTable:hover thead th.sorting_asc span.es-sorting-icon:before {
  background-image: url("/neumorphism/assets/img/sort_asc.png") !important;
}

.callback-page {
  height: calc(100vh - 110px);
}

.callback-block {
  min-height: 250px;
  min-width: 350px !important;
}

.calback-text > h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.calback-text > h3 {
  /* color: #868E96; */
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

.header-right .dropdown-menu {
  max-width: fit-content !important;
}

/** client sentiments css **/
.comments_box > i {
  font-size: 24px;
  color: #495057;
}

.comments_box {
  position: absolute;
  right: 0;
  top: 0px;
}

.comments_box .comment_count {
  border-radius: 64px;
  background: #fa5252;
  padding: 1px 4px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  width: 24px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -6px;
  z-index: 2;
}

.display_heading {
  font-size: 20px !important;
  line-height: normal;
  margin: 0;
}

/* .comment_box .form-group .form-control {
  min-height: 213px;
  min-width: 392px;
} */
.emoji-grey img {
  height: 32px;
  width: 32px;
}

@media screen and (max-width: 576px) {
  .comment_box .form-group .form-control {
    min-width: 100%;
  }
}

@media (max-width: 1300px) {
  .login-carousel {
    max-height: 550px;
  }
}

/** compose page icons css **/
.composer_page .card .btn,
.w-studio_page .card .btn,
.client_list_sidebar .card .btn {
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  transition: all 0.3s ease;
}

.composer_page .card .btn:hover,
.composer_page .card .text-hover:hover,
.w-studio_page .card .btn:hover,
.w-studio_page .card .text-hover:hover,
.client_list_sidebar .card .btn:hover,
.client_list_sidebar .text-hover:hover {
  color: #f7813d;
  border-color: #f7813d;
}

.head-setting .btn[aria-expanded="true"] i {
  color: #f7813d;
}

.report_toggle {
  margin-bottom: 15px;
  display: inline-block;
}

.listing-search {
  position: relative;
}

.listing-search .reset-search {
  position: absolute;
  right: 0px;
  top: 7px;
  opacity: 0 !important;
  color: #141414;
}

.listing-search .search-custom {
  padding-right: 20px;
}

.listing-search .search-custom:focus + .reset-search {
  opacity: 1 !important;
}

.Icon-Filter {
  background-image: none !important;
  text-indent: unset !important;
}

.Icon-Filter::before {
  content: "\f0b0";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  position: absolute;
  right: 3px;
  font-size: 10px;
  top: -3px;
}

.client_listing {
  margin: 0;
}

header .navbar-nav .nav-item a.nav-link i.fa-cog {
  font-size: 20px;
}

.widget_filter_col .widget_filter_cont {
  vertical-align: middle;
}

/* li[data-sizex="1"] .widget_filter_col .widget_filter_cont {
  margin: 0 0 10px !important;
}

li[data-sizex="1"] .widget_filter_col .widget_filter_cont:last-child {
  margin: 0 !important
} */

li[data-sizex="2"] .widget_filter_col .widget_filter_cont .bootstrap-select,
li[data-sizex="1"] .widget_filter_col .widget_filter_cont .bootstrap-select {
  width: 100% !important;
}

/* li[data-sizex="1"] .widget_filter_col {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}


li[data-sizex="1"] .widget_filter_cont {
  padding: 0 15px !important;
  max-width: 50%;
  flex: 0 0 50%;
} */

li[data-sizex="2"] .custAddBtn,
li[data-sizex="1"] .custAddBtn {
  position: relative;
  right: -7px;
  top: 0px;
}

li[data-sizex="1"] .custAddBtn + .widget_filter_row {
  padding-right: 0;
}

li[data-sizex="2"] .payroll-tabs-sec .action_buttons,
li[data-sizex="1"] .payroll-tabs-sec .action_buttons {
  position: static;
}

li[data-sizex="2"] .action_buttons span.tabs-table-2-buttons.mt-3,
li[data-sizex="1"] .action_buttons span.tabs-table-2-buttons.mt-3 {
  margin: 0 0 15px !important;
}

li[data-sizex="2"] .tabs-table-2-buttons,
li[data-sizex="1"] .tabs-table-2-buttons {
  display: block;
}

li[data-sizex="2"] .tabs-table-2-buttons span.tabs-table-2-buttons,
li[data-sizex="1"] .tabs-table-2-buttons span.tabs-table-2-buttons {
  margin: 0 0 15px !important;
}

li[data-sizex="1"]
  .widget_inner_tabs:nont(.sentiments_tabs)
  .gridster_tabs
  .nav-pills {
  display: block;
}

li[data-sizex="1"] .widget_inner_tabs .gridster_tabs .nav-pills .nav-link {
  margin-right: 0;
}

/* callback css */
.calback-text img {
  height: 50px;
  width: 50px;
  margin-bottom: 10px;
  object-fit: contain;
}

.calback-text h2 {
  margin-bottom: 20px;
}

.calback-text a {
  color: #f7813d;
}

.calback-text p {
  margin-bottom: 5px;
}

.calback-text p:last-child {
  padding-top: 25px;
}

.calback-text h4 {
  font-weight: 700 !important;
}

/* callback css */

@media screen and (max-device-width: 767px) and (orientation: portrait) {
  .widget_filter_col .widget_filter_cont .bootstrap-select {
    width: 100% !important;
  }

  .custAddBtn + .widget_filter_row {
    padding-right: 0;
  }

  .widget_filter_col {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }

  .widget_filter_cont {
    padding: 0 10px !important;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .custAddBtn {
    position: relative;
    right: -7px;
    top: 0px;
  }
}

@media screen and (max-width: 991px) {
  .widget_filter_col .widget_filter_cont {
    margin: 0 0 10px;
  }
}

.tabs-table-2-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
}

.tabs-table-2-buttons.update_at_message_2 > span {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .tabs-table-2-buttons span.tabs-table-2-buttons {
    margin: 0 !important;
  }

  #pageDiv .pagination {
    margin-top: 15px;
  }

  .customize_table .customize_table_col .fa-sort,
  .customize_table .customize_table_head .fa-sort {
    opacity: 1;
  }

  .customize_table_composer .customize_table_col {
    max-width: 250px !important;
    min-width: 250px !important;
  }
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
  .tabs-table-2-buttons {
    display: block;
    width: 100%;
  }

  .tabs-table-2-buttons span.tabs-table-2-buttons {
    margin: 0 0 15px !important;
  }

  .widget_inner_tabs .gridster_tabs .nav-pills {
    display: block;
  }

  .widget_inner_tabs.sentiments_tabs .gridster_tabs .nav-pills,
  .widget_inner_tabs.file-folder-tabs .gridster_tabs .nav-pills {
    display: flex;
  }

  #pageDiv .pagination {
    float: right;
  }

  body .manageCredsLi {
    display: grid !important;
  }

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

  .manageCredsInnerLi .pt-3 {
    padding-top: 0px !important;
  }

  .manageCredsInnerLi .pt-3:nth-child(2) {
    margin: 10px 0px;
  }

  body .manageCredsLi .w-40,
  body .manageCredsInnerLi .w-40 {
    width: 100% !important;
    margin-bottom: 10px;
  }

  body .manageCredsInnerLi {
    display: grid !important;
    border-radius: 4px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
    padding: 15px 0;
    margin-top: 15px;
  }

  .ManageCreadDiv .manageCredsInnerLi {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .ManageCreadDiv span.center-text {
    margin: 10px 0;
  }

  .customD-Flex .Client_name {
    width: auto;
  }

  #addCommandCenter .table-filters .dropdown.bootstrap-select {
    margin-top: 20px;
  }

  .action_buttons > .tabs-table-1-buttons {
    display: block;
  }

  .action_buttons > .tabs-table-1-buttons > .tabs-table-1-buttons {
    margin-bottom: 15px;
  }

  .note_message > span {
    display: block;
    margin: 0 0 5px !important;
  }

  .cash_required_text {
    display: block;
    margin: 0 0 5px;
  }

  .connector-modal .action_btn_orng,
  .connector-modal .action_btn_white {
    width: 100%;
  }

  .modal.connector-modal .footer-buttons {
    display: block;
  }

  .connector-modal .modal-footer {
    display: block;
  }

  .modal.connector-modal .modal-footer .btn {
    margin: 0 0 10px;
  }

  .connector-modal .modal-footer {
    padding-left: 0;
    padding-right: 0;
  }
}

.client_listing .Client_name .fa {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.ManageCreadDiv li.card img,
.user_credentials_list li.card img {
  max-width: 25px;
  display: inline-block;
  margin-right: 10px;
  width: 100%;
}

.ManageCreadDiv .connector,
.user_credentials_list .connector {
  max-width: 125px;
  min-width: 125px;
  padding: 0 22px !important;
}

.customD-Flex .Icon-Filter:before {
  top: 1px;
}

.customD-Flex li.card span.d-table-cell {
  min-width: 120px;
}

.notificationTable .Icon-Filter::before {
  top: -2px;
}

.ManageCreadDiv li.card img.es-plaid-logo {
  max-width: 45px;
  position: relative;
  left: -10px;
}

.ManageCreadDiv li.card img.es-plaid-logo + h4 {
  position: relative;
  left: -20px;
}

.composerTemplateTable .Icon-Filter::before {
  top: 2px;
}

.composer_client_list .Icon-Filter::before {
  top: -2px;
}

.loader-behind-bg {
  background: rgba(255, 255, 255, 0.95) !important;
  z-index: 9999999 !important;
}

.loading {
  z-index: 9999999 !important;
}

.widget-behind-bg {
  background: rgba(255, 255, 255, 0.85) !important;
}

.docusign_html_template .form-group {
  margin-bottom: 10px !important;
}

#command_center_list_client .last-div {
  vertical-align: middle;
}

.customize_table .client_listing li:last-child,
.customize_table.client_listing li:last-child {
  margin-bottom: 0 !important;
}

.sentiments_block.es-selected-sentiment {
  border-color: transparent !important;
}

/** css for c3 header notification **/
.es-notification-box {
  position: relative;
}

.es-notification-box .notification-count {
  position: absolute;
  border-radius: 64px;
  border: 1px solid #f7813d;
  background: #f7813d;
  padding: 1px 4px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  right: -17px;
  top: -12px;
  width: 30px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.es-notification-box .notification-count.es-round-count,
.comments_box .es-round-count {
  width: 18px;
  right: -7px;
}

div#common_alert p.alert-message {
  margin: 0px;
}

/** css for c3 header notification end**/
body {
  background-color: #f6f6f6;
}

li.card.es-cash-balance {
  background-color: #d1e9f6 !important;
}

/* li.card.es-cash-balance .card-header {
  background: transparent !important;
} */

li.card.es-cash-in {
  background-color: #e1f0da !important;
}

/* li.card.es-cash-in .card-header {
  background: transparent !important
} */

li.card.es-cash-out {
  background-color: #ffe3e1 !important;
}

/* li.card.es-cash-out .card-header {
  background: transparent !important;
} */

div#addCommandCenter {
  min-width: max-content;
}

/* .profile-pic .header-profile-user.es-user-profile-show {
  border-radius: 50%;
  border: 2px solid #fff;
} */

.widgets-delivery-list ul#tab_widget_ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}

.card .widgets-delivery-list ul li {
  flex: 1 1 calc(20% - 10px);
  max-width: calc(20% - 10px);
  margin: 0 !important;
}

@media (max-width: 1200px) {
  .card .widgets-delivery-list ul li {
    flex: 1 1 calc(25% - 10px);
    max-width: calc(25% - 10px);
  }
}

@media (max-width: 800px) {
  .card .widgets-delivery-list ul li {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

@media (max-width: 480px) {
  .card .widgets-delivery-list ul li {
    flex: 1 1 calc(100% - 10px);
    max-width: calc(100% - 10px);
  }
}

.datepicker table tr td.day {
  border-radius: 0 !important;
}

.datepicker table tr td.today.range.day {
  border: 0 !important;
}

.panel-body .list-group .list-group-item {
  min-height: 26px;
}

.custom-tab .custom-tablinks {
  padding: 10px 16px;
  font-size: 13px;
  border-bottom: 1px solid transparent;
}

.custom-tab button.custom-tablinks.active {
  border-bottom: 1px solid #fb7500;
  color: #fb7500;
}

a.btn.edit_tabs.action_btn_orng {
  color: #fff !important;
}

.append-dev .table-filters .bootstrap-select {
  width: 100% !important;
}

.append-dev .bootstrap-select > .dropdown-menu.show {
  min-width: unset;
}

.card-body .composer_payroll {
  position: relative;
  padding-bottom: 48px !important;
}

.card-body .composer_payroll .action_buttons {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.tabs-table-3-buttons {
  display: block;
  text-align: right;
}

.tabs-table-4-buttons {
  display: block;
  text-align: right;
}

/* .tabs-table-2-buttons>span {
  margin-top: 15px;
} */

.selectapi .bootstrap-select .dropdown-menu {
  left: 0 !important;
}

.tabs-table-1-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
}

@media screen and (max-width: 991px) {
  .tabs-table-1-buttons,
  .tabs-table-2-buttons {
    justify-content: flex-start;
  }

  .tabs-table-3-buttons {
    text-align: left;
  }

  .tabs-table-4-buttons {
    text-align: left;
  }
}

nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item.active {
  color: #f7813d;
  cursor: default;
}

.list-group-item .legend_label {
  width: 80%;
}

.list-group-flush .list-group-item > div {
  margin: 0 0 10px;
}

.list-group-flush .list-group-item > div:last-child {
  margin: 0;
}

.card .price-list .list-group-item span {
  width: 40px !important;
  font-size: 0.875rem !important;
}

.list-group-item .color-picker {
  position: absolute;
  height: 38px;
  width: 40px;
  right: 0px;
  top: 2px;
  background: rgb(239 239 239 / 58%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}

.list-group-item .color-picker input {
  height: 27px;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  width: 55px;
  position: absolute;
  left: 0;
}

input[type="color"]::-webkit-inner-spin-button,
input[type="color"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  /* Hide arrows */
}

/* Hide the dropdown arrow */
input[type="color"]::-webkit-inner-spin-button,
input[type="color"]::-webkit-outer-spin-button,
input[type="color"]::-webkit-dropdown-button {
  display: none;
  /* Hide any default dropdown arrow */
}

/* Additional styling for focus */
input[type="color"]:focus {
  outline: none;
  /* Remove outline on focus */
}

.composer_page,
.w-studio_page {
  margin-top: 20px;
}

.composer_page,
.w-studio_page {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.composer_page > div,
.w-studio_page > div {
  padding: 0 10px;
  margin-bottom: 20px !important;
}

.content-nodata {
  width: 100% !important;
}

nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item a {
  color: #228be6 !important;
}

td.ticket_subject {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

td.ticket_desc {
  max-width: 590px;
  overflow: hidden;
  text-overflow: ellipsis;
}

td.ticket_table_links a {
  color: #228be6;
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
}

.show-ticket-item {
  border-radius: 2px;
  background: #f1f3f5;
  padding: 3px 5px;
  font-weight: 500;
  width: auto !important;
}

.show-ticket-item:after {
  display: none !important;
}

.mec_ticket_table td.action_btn i {
  font-size: 16px;
}

.mec_ticket_table td.action_btn {
  opacity: 0;
  width: 40px;
  padding-right: 10px;
}

.mec_ticket_table tr:hover td.action_btn {
  opacity: 1;
}

ul.es-ticket-dropdown.dropdown-menu {
  background-color: #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
  padding: 12px 16px;
  min-width: max-content;
}

ul.es-ticket-dropdown.dropdown-menu li {
  line-height: normal;
}

ul.es-ticket-dropdown.dropdown-menu a {
  margin: 0 0 10px;
  display: block;
}

ul.es-ticket-dropdown.dropdown-menu li:last-child a {
  margin: 0;
}

.view_ticket_popup_info .date {
  display: flex;
  align-items: center;
  line-height: normal;
  margin-bottom: 10px;
}

.view_ticket_popup_info .date i {
  margin-right: 8px;
  font-size: 16px;
  color: #495057;
}

.view_ticket_popup_info .subject {
  border-bottom: 1px solid rgb(39 39 39 / 27%);
  padding-bottom: 5px;
  line-height: normal;
}

.view_ticket_popup_info .subject span {
  font-weight: 700;
  display: inline-block;
  margin-right: 4px;
}

.view_ticket_popup_info .alert-message {
  padding-top: 10px;
}

.view_ticket_popup_info .alert-message p {
  line-height: 24px;
}

.table.dataTable.mec_ticket_table tr td {
  height: 43px;
}

.mec_ticket_table td.action_btn i:hover {
  color: #f7813d;
}

/* .third_party_cred_select .bootstrap-select>.dropdown-menu {
  left: 0 !important;
}*/

.third_party_cred_select > .dropdown:first-child .dropdown-menu.show {
  min-width: 303px !important;
}

.third_party_cred_select > .dropdown:first-child .dropdown-menu.show div.inner {
  overflow-x: hidden;
}

.third_party_cred_select > .dropdown:first-child .btn.dropdown-toggle {
  max-width: 109px;
}

.client-actions-link-dropdown {
  position: absolute !important;
  right: 0;
  top: 100%;
  min-width: 185px !important;
  z-index: 2;
  padding: 10px 0 !important;
}

.client-actions-link-dropdown > a {
  padding: 8px 16px;
}

.client-actions-link-dropdown > a:hover {
  background: #f3faff;
}

.es-mec-calendar,
.es-financial-widget,
.es-contract-widget {
  z-index: unset !important;
}
.mec_calendar-block #calendartab .table.es-mec-table-no-progress-bar thead{
  top: 139px;
}

/* width */
.dropdown-menu.show div.inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
.dropdown-menu.show div.inner::-webkit-scrollbar-track {
  background: #e9ecef;
  border-radius: 5px;
}

/* Handle */
.dropdown-menu.show div.inner::-webkit-scrollbar-thumb {
  background: #ced4da;
  border-radius: 5px;
}

.dropdown.bootstrap-select .dropdown-menu div.inner {
  max-height: 250px !important;
}

.report_delay p {
  color: #f03e3e;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: normal;
}

.report_delay p i {
  color: #495057;
  font-size: 14px;
  margin: 0 0 0 3px !important;
}

.card.shadow-soft.financial_notes {
  padding: 16px !important;
}

.activity_filter .dropdown.bootstrap-select .filter-option-inner-inner {
  text-overflow: ellipsis;
  display: block !important;
  line-height: 25px;
}

.connectors_listing .connector_btns .btn {
  min-width: 125px;
}

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

.connector-logo-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 8px 0 0;
}

.connector_modal img {
  max-width: 40px;
  margin: 5px auto;
}

.connector_modal img#evt-plaid-wstudio {
  max-width: 50px;
  margin: 0;
}

/* .connector-modal .modal-dialog {
  max-width: 700px;
} */

.connector_modal img#evt-analytics-wstudio,
.connector_modal img#evt-google-wstudio {
  max-width: 30px;
}

.connector_modal img#evt-no-img-connector-wstudio {
  max-width: 120px;
}

.es-drag-drop {
  border-radius: 2px;
  border: 1px dashed #4dabf7;
  background: rgba(231, 245, 255, 0.4);
  height: 219px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.es-drag-drop i {
  margin-bottom: 12px;
  color: #495057;
  font-size: 20px;
}

.es-drag-drop p {
  color: #343a40 !important;
  margin-bottom: 8px;
}

.es-drag-drop p a {
  color: #0a58ca !important;
  text-decoration-line: underline;
}

.uploaded-files-wrap {
  margin-top: 16px;
  flex-wrap: wrap;
  display: flex;

  h4 {
    margin-bottom: 16px;
    max-width: 100%;
    color: #495057 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: normal;
    flex: 0 0 100%;
  }

  .upload-file-items,
  .upload-financial-file-items {
    display: flex;
    padding: 7px 12px;
    margin-right: 16px;
    border: 1px solid #e9ecef;
    position: relative;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);

    > i {
      color: #495057;
      font-size: 16px;
      position: relative;
      top: 3px;
    }

    .document-name,
    .financial-document-name {
      margin-left: 8px;

      h5 {
        font-size: 13px !important;
        margin-bottom: 4px;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 90px;
        overflow: hidden;
        color: #141414;
        font-weight: 400 !important;
        line-height: normal;
      }

      span {
        color: #868e96;
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
      }
    }

    .remove-file,
    .remove-financial-file {
      box-shadow: none;
      margin-left: 25px;
      padding: 0;
      align-self: baseline;
      margin-top: 3px;

      i {
        font-size: 12px;
        color: #495057;
      }
    }
  }
}

.ql-editor.ql-blank::before {
  color: #868e96 !important;
  font-style: normal !important;
  left: 5px !important;
}

.form-group.text-editor .form-control {
  padding: 20px !important;
}

.text-editor .ql-snow.ql-toolbar button {
  padding: 0;
  margin-right: 16px;
  width: 24px;
  color: #52525b;
}

.text-editor .ql-toolbar {
  padding: 0 !important;
  border: 0 !important;
}

.text-editor .ql-snow .ql-stroke,
.text-editor .ql-snow .ql-fill {
  stroke-width: 1.5px;
}

.text-editor .ql-editor {
  padding: 20px 0 0 5px;
}

#graph_area .gridster > ul {
  height: auto !important;
}

#graph_area .gridsterWidget.card {
  padding-bottom: 20px !important;
}

.canvas:empty {
  display: none;
}

.composer_client_list #clientList {
  margin-left: -0.8px;
  margin-right: -0.8px;
}

.Icon-Filter[aria-expanded="true"]:before {
  color: #f7813d;
}

/* .widget_filter_col .widget_filter_cont:first-child .bootstrap-select>.dropdown-menu.show, */
/* .mec_row1 .table-filters .bootstrap-select:first-child>.dropdown-menu.show, */
.docusign_input_cc_row1
  .table-filters
  .bootstrap-select:first-child
  > .dropdown-menu.show {
  left: -4.5px !important;
}

.docusign_input_cc_row2 .menu_tabs_edit {
  background-position: 238px -44px;
}

.docusign_input_cc_row2 div#showList {
  right: auto;
  left: 6px;
  top: 30px;
  position: absolute !important;
}

#evt-file-upload-popup .modal-dialog {
  max-width: 548px;
}

#evt-file-upload-popup .table-filters .bootstrap-select,
#trashRestoreFile .table-filters .bootstrap-select {
  width: 100% !important;
}

#evt-sharefile-upload-popup .modal-dialog {
  max-width: 548px;
}

#evt-sharefile-upload-popup .table-filters .bootstrap-select,
#trashRestoreFile .table-filters .bootstrap-select {
  width: 100% !important;
}

nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
  line-height: normal;
}

nav[aria-label="breadcrumb"] .breadcrumb-item + .breadcrumb-item::before {
  font-size: 12px;
  color: #495057;
  position: relative;
  top: 0.5px;
  content: "\f054";
}

.dropdown.bootstrap-select .no-results {
  padding: 8px 16px;
  margin: 0 0 1px;
}

li[data-sizex="1"] .no-data-found img,
li[data-sizex="1"] .content-nodata img {
  width: 100%;
  max-width: 250px;
}

.financial-report-block .nav-wrapper {
  padding-bottom: 20px !important;
  position: sticky;
  top: 52px;
  background: #fff;
  z-index: 1;
  border-radius: 0;
}

li[data-sizex="1"]
  .financial-report-block
  .widget_inner_tabs
  .gridster_tabs
  .nav-pills {
  display: flex;
}

.mec_calendar-block .nav-wrapper {
  position: sticky;
  top: 52px;
  background: #fff;
  border-radius: 0;
  z-index: 9;
}

.mec_calendar-block .mec_row2 {
  width: 100% !important;
  min-height: 25px;
  position: sticky;
  top: 113px;
  background: #fff;
  z-index: 9;
}

.share_financial_widget .mec_row1,
.mec-calendar-block .mec_row1 {
  background: #fff;
  padding-bottom: 20px;
  position: sticky;
  top: 0.5px;
  z-index: 11;
}

.financial-report-block .widget_inner_tabs {
  margin: 0;
}

.mec_ticket_table .es-ticket-item .file-name {
  max-width: 75px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.financial-raise-req-tab .share_financial_widget:not(.financial-no-data) {
  background: transparent;
}

td.ticket_table_links .es-ticket-item a {
  position: relative;
}

td.ticket_table_links .es-ticket-item a:before {
  width: 100%;
  height: 0.8px;
  bottom: 2px;
  background: transparent;
  content: "";
  position: absolute;
}

td.ticket_table_links .es-ticket-item a:hover:before {
  background-color: #228be6;
}

.text-editor #ql_toolbar .bootstrap-select {
  display: block !important;
  width: auto;
  margin-right: 10px;
}

.text-editor #ql_toolbar .bootstrap-select .dropdown-toggle {
  display: none;
}

.text-editor .ql-snow .ql-color-picker .ql-picker-label svg {
  width: 24px;
}

.text-editor .ql-snow .ql-formats {
  display: flex;
  align-items: center;
}

.text-editor .ql-toolbar.ql-snow .ql-picker-label {
  padding: 0;
  border-color: transparent;
}

.text-editor .ql-toolbar.ql-snow .ql-background {
  position: relative;
  top: -1px;
}

.text-editor .ql-toolbar.ql-snow .ql-align {
  position: relative;
  top: -2px;
}

.text-editor #ql_toolbar .bootstrap-select.ql-color {
  position: relative;
  top: 1px;
}

/** header dropdown css **/
.dropdown .dropdown-menu {
  border: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
}

.dropdown .dropdown-menu .dropdown-item {
  font-size: 13px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  line-height: normal;
}

.client-dropdown .bootstrap-select .dropdown-menu li a {
  font-size: 13px;
  padding: 8px 15px;
  line-height: normal;
}

.client-dropdown .bootstrap-select .dropdown-menu li {
  line-height: normal !important;
}

.client-dropdown .bootstrap-select .dropdown-menu li a:hover,
.client-dropdown .bootstrap-select .dropdown-menu li a.active {
  background: #f7813d !important;
  color: #fff !important;
}

.client-dropdown .bootstrap-select .dropdown-menu:not(.inner) {
  padding: 0.7rem;
  margin-top: 1.5rem !important;
  background-color: #fbfcfd;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08) !important;
}

#one-notify {
  background-color: rgb(0 0 0 / 10%);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
}

.modal .bootstrap-select > .dropdown-menu.show {
  min-width: auto;
}

.activity_block .bootstrap-select > .dropdown-menu.show {
  min-width: 329px;
}

.no-data-found {
  min-height: 200px;
}

.content-nodata p,
.no-data-found p {
  letter-spacing: inherit !important;
  color: #141414 !important;
  font-weight: 500 !important;
  line-height: normal;
  font-size: 16px !important;
  margin-bottom: 9px;
}

.content-nodata p:last-child,
.no-data-found p:last-child {
  margin-bottom: 0;
}

.version-content ul,
.version-content ol {
  padding-inline-start: 22px;
}

.version-content ul li,
.version-content ol li {
  font-weight: 500 !important;
  line-height: normal;
  margin-bottom: 1rem;
}

/* .version-content ul li:last-child,
.version-content ol li:last-child {
  margin-bottom: 0;
} */

.version-content ul li {
  list-style: disc;
}

.version-content ol li {
  list-style-type: decimal;
}

/* .version-content ul li:nth-child(2n),
.version-content ol li:nth-child(2n) {
  display: none;
} */

.financial-tab-scroll {
  height: calc(100% - 40px);
  padding-right: 10px;
}

.financial-report-block .financial_tab_block .card.shadow-soft {
  padding-right: 10px !important;
}

.activity_filter
  .table-filters
  .dropdown.bootstrap-select:first-child
  div.dropdown-menu {
  animation: none !important;
}

.scroll-x-hide {
  overflow-x: hidden;
}

.financial_tab_block {
  .fix-tab-col {
    position: sticky;
    top: 0;
  }
}

.card-header .post-group h3 {
  display: flex;
  align-items: center;
}

.card-header .post-group h3 .qbo-bill-icon {
  margin-right: 8px;
}

.RightTopBtns {
  margin-left: auto;
}

/** client sentiments css **/

.sentiments_block {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  cursor: pointer;
  width: 100%;
  margin-top: 12px;
  padding: 12px;
}

.sentiments-box {
  text-align: center;
}

.sentiments-box > h3 {
  font-weight: 800 !important;
  line-height: normal;
  margin-bottom: 12px;
}

.sentiments-box > img {
  max-width: 52px;
}

.client_sentiments > p {
  margin: 8px 0 0;
  line-height: normal;
}

.sentiments_block.satisfied {
  background-color: #e7f6ee;
}

.sentiments_block.satisfied:hover {
  border-color: #20602c;
}

.sentiments_block.not-sure {
  background-color: #fffaf0;
}

.sentiments_block.not-sure:hover {
  border-color: #7e6835;
}

.sentiments_block.unsatisfied {
  background-color: #f0f5fe;
}

.sentiments_block.unsatisfied:hover {
  border-color: #354e7c;
}

.satisfied .sentiments-box > h3 {
  color: #20602c;
}

.not-sure .sentiments-box > h3 {
  color: #7e6835;
}

.unsatisfied .sentiments-box > h3 {
  color: #354e7c;
}

.widget_inner_tabs.sentiments_tabs .gridster_tabs .nav-pills .nav-link > span {
  position: relative;
}

.widget_inner_tabs.sentiments_tabs
  .gridster_tabs
  .nav-pills
  .nav-link
  .plus-icon {
  position: absolute;
  font-size: 8px;
  right: -6.5px;
  top: -1.5px;
}

.sentiments-box img {
  max-width: 52px;
}

.sentiments_sec .comment_box {
  margin-top: 16px;
}

.sentiments_sec .comment_box textarea {
  height: 260px;
}

.comment_box_btns {
  margin-top: 16px;
  padding-bottom: 7px;
}

.comment_box_btns .btn:not(:last-child) {
  margin-right: 16px;
}

.sentiments_feedback .widget_heading {
  color: #141414;
  font-weight: 600 !important;
  line-height: normal;
}

.feedback_list > div {
  margin-top: 28px;
}

.feedback_list > div:first-child {
  margin-top: 16px;
}

.user_img img {
  height: 32px;
  width: 32px;
}

.user_info {
  margin-left: 12px;
}

h4.user_name {
  color: #141414;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: normal;
  margin: 0;
  width: 100%;
}

p.user_comment {
  margin: 4px 0 8px;
  color: #141414;
  font-family: Nunito;
  line-height: normal;
}

.feedback-date > p {
  color: #868e96;
  font-style: normal;
  line-height: normal;
  margin: 0;
}

.feedback-date > p span {
  display: inline-block;
  margin-left: 8px;
}

.es_cil_card_widget {
  z-index: unset !important;
}

.append-dev .frequency_container .table-filters .bootstrap-select {
  width: auto !important;
}

.append-dev
  .frequency_container
  :not(.time_at_container)
  .table-filters
  .bootstrap-select
  div.dropdown-menu {
  min-width: 250px;
}

.settings_row {
  padding-bottom: 8px;
}

.settings_row .form-group {
  margin: 0;
}

.add_new_tab_view .form-group {
  margin-bottom: 0;
}

.add_new_tab_view .form-group .form-control {
  height: 36px;
}

.add_new_tab_view .select-tab-icon {
  height: 36px;
  width: 36px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.tab-add-submenu .form-group input.form-control.subTabName {
  height: 40px;
}

.es-card-zindex-hide {
  z-index: unset !important;
}

ul#mainTabUl {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#mainTabUl .tab_li {
  min-width: 200px;
  margin: 0 !important;
}

#mainTabUl .tab-white {
  min-width: auto !important;
  width: 100% !important;
  padding-right: 0 !important;
}

.dropdown.bootstrap-select select.is-invalid + .dropdown-toggle {
  border: 1px solid #ffa8a8 !important;
  box-shadow: 0px 2px 2px 0px rgb(245 4 4 / 16%) !important;
}

body .form-group {
  margin-bottom: 24px;
}

.form-group .dropdown + .invalid-feedback {
  bottom: -16px;
}

.dropdown.bootstrap-select.connectNew .dropdown-menu.show {
  right: -11px !important;
  left: auto !important;
}

.dynamic_inputs .table-filters .form-control {
  height: 35px;
  border-radius: 4px;
}

/** data table pagination css for widget type listing **/
.card .dataTables_wrapper .dataTables_paginate .paginate_button,
.card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  border-radius: 2px !important;
  border: 1px solid #e9ecef !important;
  background: #fff !important;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16) !important;
  width: 32px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px !important;
  color: #343a40 !important;
  font-size: 13px !important;
  font-weight: 400;
}

.dataTables_paginate > span {
  display: flex;
}

.card .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.card .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-radius: 2px !important;
  border: 1px solid #e9ecef !important;
  background: #fff !important;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24) inset !important;
  color: #f7813d !important;
}

#graph_area .gridster > ul div#table_format_wrapper {
  overflow-x: auto;
}

.br-0 {
  border-radius: 0 !important;
}

/** payroll widget add input modal css **/
.form-group.text-editor .form-control.payroll-editor .ql-toolbar.ql-snow {
  display: flex;
}

.payroll-editor .ql-container.ql-snow {
  border: 0;
  padding: 0;
}

.payroll-editor .ql-container.ql-snow .ql-editor.ql-blank {
  padding-left: 0;
}

/** payroll widget add input modal css end **/

.formula_container {
  z-index: 1;
}

.customD-Flex .add-cc-input .form-group .form-control {
  height: 38px;
}

.edit_cc_modal_scroll .scrollbar {
  max-height: 430px;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
}

.edit_cc_modal_scroll .scrollbar .widgets-delivery-list.force-overflow {
  min-height: auto;
  max-height: 450px;
}

.edit_cc_modal_scroll .widgets-delivery-list #viewAllWidgets {
  margin: 0;
}

table a.pay-bill-action {
  color: #228be6 !important;
}

.modal .es-drag-drop .dropzone {
  background: transparent !important;
  box-shadow: none !important;
  min-height: auto;
  padding: 0 !important;
}

.modal .es-drag-drop .dropzone .dz-default.dz-message {
  margin: 0;
}

.payroll-text-editor .ql-editor.ql-blank {
  padding-left: 10px;
}

.payroll-text-editor .ql-editor.ql-blank::before {
  left: 10px !important;
}

.payroll-editor .ql-editor.ql-blank::before {
  left: 0px !important;
}

/** share financial scroll inside body css **/
.es-financial-widget .inner-widget-div {
  overflow: visible;
  height: calc(100% - 35px);
}

.es-financial-widget .share_financial_widget:not(.financial-no-data) {
  background: #f8f9fa;
  min-width: auto;
}

.es-financial-widget .share_financial_widget .mec_row1,
.es-financial-widget .financial-report-block .nav-wrapper {
  position: static;
}

.financial-report-block {
  height: 100%;
}

.financial-report-block .widget_inner_tabs {
  margin: 0;
  height: calc(100% - 45px);
}

.financial-report-block .gridster_tabs {
  height: 100%;
}

.financial-report-block .gridster_tabs > .tab-content {
  overflow: auto;
  height: calc(100% - 68px);
}

.es-financial-widget
  .share_financial_widget:not(.financial-no-data)
  .financial-report-block
  .gridster_tabs
  > .tab-content
  > .tab-pane {
  min-width: 1200px;
  height: 100%;
}

.es-financial-widget .tab-content-inner .tab-content {
  height: 100%;
  padding-bottom: 10px;
}

.es-financial-widget
  .share_financial_widget:not(.financial-no-data)
  .financial_raise_tab_block
  .dataTables_wrapper {
  background: #fff;
}

/* .es-financial-widget .share_financial_widget:not(.financial-no-data) .financial_tab_block {
  background: #F8F9FA;
} */
li[data-sizex="1"] .financial-report-block .mec_row1 {
  display: block !important;
}

li[data-sizex="1"] .financial-report-block .mec_row1 > div {
  width: 100% !important;
  max-width: 100% !important;
}

li[data-sizex="1"] .financial-report-block .mec_row1 > div.raise_request_btn {
  padding: 15px 0 0;
  text-align: left !important;
}

li[data-sizex="1"] .financial-report-block .widget_inner_tabs {
  height: calc(100% - 100px);
}

li[data-sizex="1"] .financial-report-block .gridster_tabs > .tab-content {
  height: calc(100% - 55px);
}

.financial_raise_tab_block {
  background: #fff;
}

table.dataTable tbody tr.raise_req_nodata,
table.dataTable tbody tr.raise_req_nodata td {
  border: 0;
}

/*.share_financial_widget:not(.financial-no-data) {
  background: #F8F9FA;
  min-width: 1220px;
} */
/* li[data-sizex="1"] .financial-report-block:not(.financial-no-data),
li[data-sizex="2"] .financial-report-block:not(.financial-no-data),
li[data-sizex="3"] .financial-report-block:not(.financial-no-data) { 
  min-width: 1220px;
}*/

/* li[data-sizex="1"] .financial-no-data .financial-report-block,
li[data-sizex="2"] .financial-no-data .financial-report-block,
li[data-sizex="3"] .financial-no-data .financial-report-block {
  min-width: auto !important;
} */

/* div#requestfinancialtab .table thead {
  top: 113px;
} */

/** share financial scroll inside body css end**/

/* .card .dataTables_wrapper .dataTables_paginate .paginate_button.previous, 
.card .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  font-size: 0 !important;
} */

/** mec scroll inside body css **/
/* .es-mec-calendar .inner-widget-div {
  overflow: visible;
  height: calc(100% - 35px);
}
.es-mec-calendar .mec-calendar-block .mec_row1,
.es-mec-calendar .mec_calendar-block .nav-wrapper{
  position: static;
}
.mec_widget_block, .mec-calendar-block, .mec-calendar-block .card-body, .mec-cal-data-block,
.mec_calendar-block .gridster_tabs > .tab-content > .tab-pane {
  height: 100%;
}
.mec_calendar-block {
  height: calc(100% - 52px);
}
.mec_calendar-block .gridster_tabs {
  height: 100%;
}
.mec_calendar-block .gridster_tabs > .tab-content {
  height: calc(100% - 62px);
  overflow: auto;
}
.mec_widget_block .card-body:not(.mec-no-data) .gridster_tabs > .tab-content > .tab-pane{
  min-width: 1220px;
}
.cal-not-found{
  min-height: 305px;
}
.cal-not-found .no-data-found {
  min-height: auto;
}
li[data-sizex="1"] .mec-calendar-block .mec_row1 {
  display: block !important;
}

li[data-sizex="1"] .mec-calendar-block .mec_row1>div {
  width: 100%;
  max-width: 100%;
}

li[data-sizex="1"] .mec-calendar-block .raise_request_btn{
  text-align: left !important;
  padding: 15px 0 0 !important;
}
li[data-sizex="1"] .mec_calendar-block {
  height: calc(100% - 98px);
} */
.mec_calendar-block #calendartab .table thead {
  top: 193px;
}

div#requesttab .table thead {
  top: 113px;
}

li[data-sizex="1"] .mec_calendar_table_data:not(.mec-no-data),
li[data-sizex="2"] .mec_calendar_table_data:not(.mec-no-data),
li[data-sizex="3"] .mec_calendar_table_data:not(.mec-no-data) {
  min-width: 1220px;
}

/** mec scroll inside body css ned **/

/** sentiments scrollinside boby css **/
li[data-widget_content_type="client_sentiment"] .inner-widget-div {
  overflow: visible;
  height: calc(100% - 35px);
}

li[data-widget_content_type="client_sentiment"]
  .inner-widget-div
  .sentiments_tabs {
  height: 100%;
}

li[data-widget_content_type="client_sentiment"]
  .inner-widget-div
  .sentiments_tabs
  .gridster_tabs {
  height: 100%;
}

li[data-widget_content_type="client_sentiment"]
  .inner-widget-div
  .sentiments_tabs
  .gridster_tabs
  .tab-content {
  overflow: auto;
  height: calc(100% - 42px);
  margin: 0 -5px;
}

li[data-widget_content_type="client_sentiment"]
  .inner-widget-div
  .sentiments_tabs
  .gridster_tabs
  .tab-content
  .tab-pane {
  padding: 0 5px 2px;
}

/* .sentiments_tabs .nav-wrapper {
  position: sticky;
  top: 0;
  background: #fff;
  border-radius: 0;
} */
/** sentiments scrollinside boby css end**/

/** cil scroll inside boby css end**/
li[data-widget_content_type="cil"] .inner-widget-div {
  overflow: visible;
  height: calc(100% - 35px);
  padding: 0;
}
li[data-widget_content_type="cil"] .inner-widget-div .cil-filter {
  padding: 0 4px;
}
li[data-widget_content_type="cil"] .inner-widget-div .cil-log-listing {
  padding: 0 4px;
}

/** cil scroll inside boby css end**/

.es-no-widget-error .gridster .no-widget-error {
  height: calc(100vh - 130px);
  margin: 0;
}

.es-no-dashboard-error .gridster .no-widget-error {
  height: calc(100vh - 180px);
  margin: 15px 0 0;
}

.es-no-client-error .client-search {
  display: none;
}

.es-no-client-error .breadcrumb {
  margin-top: 5px;
}

.es-no-client-error .no-widget-error {
  height: calc(100vh - 205px);
}

.gridster .page-error {
  height: 100%;
}

.es-no-widget-error .page_filter_section,
.es-no-dashboard-error .page_filter_section {
  display: none;
}

.hidden-important {
  display: none !important;
}

@media screen and (max-width: 991px) and (orientation: landscape) {
  .es-no-widget-error .gridster .no-widget-error {
    height: auto;
    margin: 0;
  }

  .es-no-dashboard-error .gridster .no-widget-error {
    height: auto;
    margin: 0;
  }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  .es-no-widget-error .gridster .no-widget-error {
    height: calc(100vh - 105px);
    margin: 0;
  }

  .es-no-dashboard-error .gridster .no-widget-error {
    margin: 0;
    height: calc(100vh - 135px);
  }
}

/** mec widget view publish span css **/

.gridsterWidget.card.es-mec-calendar,
.gridsterWidget.card.es-view-resize {
  padding-bottom: 40px !important;
}

.mec-cal-date-footer,
.es-view-last-updated {
  bottom: 12px;
  left: 24px;
}

.es-mec-calendar .gs-resize-handle-both,
.es-view-resize .gs-resize-handle-both {
  bottom: 10px !important;
  right: 5px !important;
}

/** mec widget view publish span css end **/

/** user profile modal css **/
.modal-content.c3-user-profile-popup {
  border: 1px solid #e9ecef !important;
  border-radius: 4px !important;
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

header .profile-pic {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  display: block;
  border: 2px solid #ced4da;
}

.profile-pic span {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.profile-pic span .initials {
  font-size: 11px;
  font-weight: 700;
  line-height: normal;
}

.profile-pic:not(.header-no-user-img) {
  background-color: transparent !important;
}

.profile-pic:not(.header-no-user-img) .initials {
  display: none;
}
header .header-no-user-img {
  border: 0;
}
header .header-no-user-img img {
  display: none;
}

header .header-right ul.right-buttons {
  display: flex;
  align-items: center;
}

.profile-pic .header-profile-user.es-user-profile-show {
  border-radius: 50%;
  width: 100%;
}

table tr.es-no-data-table-widget,
table tr.es-no-data-table-widget td {
  border: 0 !important;
}


#addCommandCenter .bootstrap-select > .dropdown-menu.show {
  min-width: 350px;
}
#addCommandCenter .table-filters .bootstrap-select .dropdown-toggle {
  max-width: 150px;
  min-width: 150px;
}

#addCommandCenter .table-filters .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: block;
  line-height: 26px;
}

.cc-edit-btns > a {position: relative;}

.cc-edit-btns > a:before {
  position: absolute;
  content: "";
  background: #495057;
  height: 14px;
  width: 1px;
  left: -10px;
  top: 2.5px;
}

.cc-edit-btns > a:first-child:before {
    display: none;
}
.cc-edit-btns > a > span {
  display: flex;
  align-items: center;
}

.feedback_list p.user_comment {
  word-break: break-word;
}
/** ellipsify text on cc edit page **/
.edit_cc_breadcrumb_row nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.cc-edit-btns .ccName {
  white-space: nowrap;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
 
@media screen and (max-width: 767px) and (orientation: landscape){
  .edit_cc_breadcrumb_row nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
      max-width: 245px;
  }
}
@media screen and (max-width: 767px) and (orientation: portrait){
  .edit_cc_breadcrumb_row nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
      max-width: 100px;
  }
  .cc-edit-btns .ccName {
      max-width: 65px;
  }
  .add_new_tab_view-in {
    flex-wrap: wrap;
    justify-content: flex-start!important;
}
.add_new_tab_view .add_new_tab_btn {
    flex-basis: 100%;
    margin: 10px 0 0 !important;
  }
.add_new_tab_view .form-group {
    width: calc(100% - 44px);
}
}
/** ellipsification end on cc edit page **/
.client_listing_stage_dropdown div.dropdown-menu.show {
  z-index: 9999;
}
.client_listing_stage_dropdown div.dropdown-menu{
  padding: 0;
}
.client_listing_stage_dropdown div.dropdown-menu label {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: none;
  margin-bottom: 0;
  padding: 0.3rem 0.5rem .3rem 2rem;
}
.client_listing_stage_dropdown div.dropdown-menu label:hover{
  background: #fb7500 !important;
  color: #fff!important;
}
.client_listing_stage_dropdown div.dropdown-menu label:hover input:checked ~ .checkmark {
  background: #FBFCFD;
  box-shadow: 3px 3px 4px 0px rgba(73, 80, 87, 0.24) inset, -2px -3px 3px 0px rgba(120, 120, 121, 0.12) inset;
}
.client_listing_stage_dropdown div.dropdown-menu label:hover input:checked ~ .checkmark:after{
  color: #fb7500;
}
/* Hide the browser's default checkbox */
.client_listing_stage_dropdown div.dropdown-menu label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.client_listing_stage_dropdown div.dropdown-menu label .checkmark {
  position: absolute;
  top: 6px;
  left: 6px;
  height: 18px;
  width: 18px;
  transition: all 0.2s ease;
  border-radius: 2px;
  background: #FBFCFD;
  box-shadow: 3px 3px 4px 0px rgba(73, 80, 87, 0.24) inset, -2px -3px 3px 0px rgba(120, 120, 121, 0.12) inset;
}

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

/* Show the checkmark when checked */
.client_listing_stage_dropdown div.dropdown-menu label input:checked ~ .checkmark {
  background-color: #fb7500;
  box-shadow: none;
}
.client_listing_stage_dropdown div.dropdown-menu label input:checked ~ .checkmark:after {
  display: flex;
}

/* Style the checkmark/indicator */
.client_listing_stage_dropdown div.dropdown-menu label .checkmark:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  font-size: 10px;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
}
.client_listing_stage_dropdown .dropdown-menu .dropdown-item:hover, 
.client_listing_stage_dropdown .dropdown-menu .dropdown-item:focus, 
.client_listing_stage_dropdown .dropdown-menu .dropdown-item.active, 
.client_listing_stage_dropdown .dropdown-menu .dropdown-item:active {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  outline: none !important;
  background: transparent !important;
  color: #141414!important;
}
 
.activity_filter .dropdown.bootstrap-select:first-child div.dropdown-menu.show {
  left: -4.5px !important;
}

.btn.widget_btn, .btn.widget_btn:focus {
  border-radius: 2px;
  border: 1px solid #F7813D;
  background: #FFF!important;
  box-shadow: 2px 4px 4px 0px rgba(247, 129, 61, 0.12);
  padding: 5px 12px;
  color: #F7813D;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  margin-right: 17px;
}

.btn.widget_btn > i, .btn.widget_btn:focus > i {
  margin-right: 4px;
  display: inline-block;
  font-size: 13px;
  font-weight: 900;
  color: #F7813D;
}

.btn.widget_btn:hover, .btn.widget_btn:active {
  border-radius: 2px;
  background: #F7813D!important;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.24) inset, 2px 2px 4px 0px rgba(0, 0, 0, 0.08) inset!important;
  color: #fff!important;
}
.btn.widget_btn:hover > i, .btn.widget_btn:active > i{
  color: #fff;
}

.btn.widget_btn:last-child {
  margin: 0;
}
.btn.activity_btn {
  color: #228BE6!important;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  background: transparent!important;
  box-shadow: none!important;
  padding: 0;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 8px;
}

.btn.activity_btn .files-activity-icon {
  background: #495057;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  margin: 0 8px;
}

.btn.activity_btn:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: rgba(39, 39, 39, 0.20);
}

.btn.activity_btn:hover span {
  text-decoration: underline;
}

sup.asterisk-mark {
  color: #fb3939;
  position: relative;
  top: 0px;
  font-size: 13px;
}
.es-refresh-icon-wrap .widget-cache-refresh-btn-pop {
    color: #f7813d;
    position: absolute;
    left: 24px;
    bottom: 12.5px;
    z-index: 50;
}
.es-text-with-refresh-icon{
  padding-left: 18px;

}
.es-mec-calendar-view-no-progress-bar .fc-header-toolbar.fc-toolbar {
  top: 138px;

}
.page_filter_section .bootstrap-select > .dropdown-menu.show {
  z-index: 99;
}

.es-sf-global-logo{
  height: 25px;
  width: 25px;
  margin-right: 5px;
}


.sf_drive_connection .btn-primary.disabled {
    background: #fbfcfd linear-gradient(180deg, #fbfcfd, #fbfcfd) repeat-x;
    border-color: #D5d5d5;
    box-shadow: 3px 3px 6px #d2d2dd, -3px -3px 6px #eeecf3;
}