.bg-dark {
  background-color: #fff !important;
  border-bottom: 1px solid #ccc;
}

.bg-blur-show {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  /* filter: blur(3px);
  transition: all 1s ease; */
  z-index: 9999;
  background-color: transparent;
  backdrop-filter: blur(2px);
}

main {
  padding-left: 5px;
  padding-right: 5px;
}

/* preloader-v2 start */
.preloader-v2 {
  background: #bcbcbc;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
}

.preloader-v2 .preloader-img {
  text-align: center;
}
.preloader-v2 img {
  width: 230px;
  margin: 0 auto;
}

/* preloader-v2 end */


/* main, .edit-bar {
  transition: margin-left .5s;
}
main.body-slide {
  margin-left: 200px;
}
.edit-bar.body-slide-nav {
  margin-left: 200px;
}
.affix {
  left: 0 !important;
}


main.body-slide .full-width-table .fixed-table {
  width: calc(100% - 320px);
} */



/* sidebar body slide start */
body, .edit-bar {
  transition: padding-left .5s;
}
body.body-slide {
  padding-left: 270px;
}
.edit-bar.body-slide-nav {
  margin-left: 0px;
}
body.body-slide .affix {
  left: 270px !important;
}

.flex-98-width, .user-right-fill, #header-sroll-form {
  transition: padding-left .5s;
}
body.body-slide .user-right-fill {
  max-width: calc(64% - 35px);
}
body .user-right-fill {
  transition: left .5s;
}
body.body-slide .flex-98-width {
  max-width: 81.5% !important;
}
#header-sroll-form {
  transition: left .5s;
}
body.body-slide #header-sroll-form {
  left: 270px;
}
body .btn-fixed-position-cls {
  transition: left .5s;
}
body.body-slide .btn-fixed-position-cls {
  left: 270px;
}

.full-width-table .fixed-table {
  width: 100%;
}
body.body-slide .full-width-table .fixed-table {
  width: calc(100% - 310px);
}

body .step-form-head {
  transition: left .5s;
}
body.body-slide .step-from-new-form .step-form-head {
  left: -619px;
}
body .step-from-new-form .btn-fixed-position-cls {
  transition: padding-left .5s;
}
body.body-slide .step-from-new-form .btn-fixed-position-cls {
  padding-left: 340px !important;
}
body.body-slide .step-from-new-form .tab {
  padding-left: 340px;
}
/* sidebar body slide end */





.top-bar {
  height: 45px;
}
.task-notification-hdr .nav-link.dropdown-toggle {
  padding: 6px 0 6px 20px !important;
}
.top-bar .notification a {
  color: #2b496d;
}
.top-bar .notification a i {
  color: #506e91;
}
.top-bar .notification a.dropdown-toggle:hover i {
  color: #0088ff;
}
.robo-chat-header {
  margin: 8px 0 0 8px;
}
.head-icon-chat:hover .head-main-icones i {
  color: #0088ff;
}
.head-icon-tsk-notfic:hover .head-main-icones i {
  color: #0088ff;
}
.top-bar .iso-logo {
  vertical-align: middle;
  margin-top: -7px;
}
.dual-collapse2 .notification li:last-child a {
  padding: 5px 0 0 4px;
}
.top-bar .btn.language-btn {
  background: #edf1fa !important;
  color: #3a4c6c !important;
  padding: 0px !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}
.language-head .btn[aria-expanded="true"]{
  background: #fff !important;
  box-shadow: none;
  border-radius: 0.2rem 0.2rem 0 0;
  z-index: 2;
  position: relative;
}
.top-bar .btn.language-btn:hover {
  background: transparent !important;
}
.top-bar .language-btn:hover {
  color: #fff !important;
}
.top-bar .btn.language-btn i {
  font-size: 10px !important;
}
.search-main-top {
  background-color: #506e91;
}
.msg-nbr {
  background: #ff3f3f;
  animation: unset;
}
.badge-danger {
  background-color: #ff3f3f;
}
.top-bar .badge {
  animation: unset;
}
.top-bar .language-head .dropdown-menu {
  min-width: 160px;
  left: unset;
  right: 5px;
  top: 90%;
  border: 0;
  box-shadow: 0px 0px 5px #ccc;
  border-radius: 6px;
  transition: all .3s;
  height: 0px;
overflow: hidden;
  display: block;
}
.top-bar .language-head .dropdown-menu:after {
  /* position: absolute;
  content: "";
  right: 4px;
  top: -8px;
  border-bottom: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent; */
}
.top-bar .language-head .dropdown-menu.notification-menu.show {
  top: 100%;
  /* background: #edf1fa; */
  background: #fff;
height: inherit;
  overflow: visible;
  margin-top: 10px;
  z-index: 1;
  padding: 10px 8px;
}
.head-language-sec .dropdown-item img {
  width: 24px;
  height: 18px;
  margin-right: 12px;
}
.head-main-icones {
  width: 20px;
}
.head-icon-tsk-notfic .head-main-icones {
  padding-top: 5px;
}
.head-icon-chat .head-main-icones {
  padding-top: 8px;
}
.head-icon-main-notfic .head-main-icones {
  padding-top: 5px;
}
.head-main-icones.head-main-icones-active {
  display: none;
}
.head-main-icones-main:hover .head-main-icones.head-main-icones-default {
  display: none;
}
.head-main-icones-main:hover .head-main-icones.head-main-icones-active {
  display: inline-block;
}

.head-language-sec .dropdown-item span {
  vertical-align: middle;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #edf1fa;
}
.top-bar .language-head .dropdown-menu a {
  font-size: 14px;
  padding: 8px 18px;
}
.top-bar .nav-item.dropdown .nav-link.dropdown-toggle img.rounded-circle {
  width: 30px !important;
  height: 30px !important;
}
.robo-chat-header .msg-nbr {
  right: -6px;
  top: -3px;
  min-width: 15px;
  height: 15px;
  font-size: 9px;
  line-height: 11px;
  animation: pulse 1s infinite;
  transition: .3s;
}
@keyframes pulse {
  0% {
      transform: scale(1);
  }
  70% {
      transform: scale(.9);
  }
  100% {
      transform: scale(1);
  }
}
.top-bar .badge {
  min-width: 15px;
  height: 15px;
  font-size: 9px;
  top: 7px;
  right: 9px;
  padding: 3px;
  animation: pulse 1s infinite;
  transition: .3s;
}
.robo-chat-header:hover, .robo-chat-header img:hover {
  transition: unset;
  animation:none;
}

.notification-menu-hdr .notification-texts h6 {
  font-size: 14px;
  line-height: 16px;
  font-family: "Nunito-Medium";
  margin-bottom: 0px;
}
.notification-menu-hdr .dropdown-list-group .notification-pic {
  width: 45px !important;
  height: 45px !important;
}
.notification-menu-hdr .dropdown-list-group .notification-pic img {
  width: 45px !important;
  height: 45px !important;
}
.notification-menu-hdr .notification-pic .pic-status-icon {
  width: 20px;
  height: 20px;
}
.task-list-header .issue-top-sec .cmn-head-style {
  font-size: 14px;
  line-height: 20px;
  font-family: "Nunito-Medium";
  margin-bottom: 5px;
}

.user-datils-login h6 {
  font-family: "Nunito-Medium";
  margin: 0;
  color: #212B36 !important;
}
.user-datils-login .new-size-text span {
  color: #2B496D;
  padding: 0;
  line-height: 12px;
}


.icon-hov-top-bar {
  width: 28px;
  height: 28px;
  background: transparent;
  border-radius: 50%;
  text-align: center;
  transition: transform 0.3s;
}
.icon-hov-top-bar:hover {
  background: #edf1fa;
  transform: scale(1.15);
}
.hov-zoom-pic {
  transition: transform 0.3s;
}
.hov-zoom-pic:hover {
  transform: scale(1.15);
}

/* notification-new start */
.notification-new.task-notification {
  position: fixed;
  top: 48px;
  right: 2px;
  width: 650px;
  margin-right: -660px;
  background: #fff;
  border-radius: 10px;
  box-shadow: rgb(159 162 191 / 18%) 0px 9px 16px, rgb(159 162 191 / 32%) 0px 2px 2px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.notification-new.task-notification.active {
  margin-right: 0;
}
.tab-content-body {
  border-top: 2px solid #D4DDE7;
  margin-top: -1px;
}
.task-notification-header {
  padding: 0 25px;
}
.task-notification-body .task-list-header-main .task-list-header {
  padding: 25px;
  border: none;
}
.task-notific-view-all {
  border-top: 1px solid #dfdfdf;
}
.task-notific-view-all-inr {
  margin: 8px;
  padding: 5px 0;
}
.task-notific-view-all-inr:hover {
  background: #edf1fa;
}
.task-notification-body .task-list-header-main .task-list-new {
  padding: 8px;
  border-bottom: 1px solid #dfdfdf;
}
.task-list-header-main .task-list-header:hover {
  background: #edf1fa;
}
.task-notification .task-list-header-main {
  height: calc(100vh - 160px);
}
.task-notification .mCSB_scrollTools {
  right: -6px;
}
.task-list-header-main .task-list-header:hover .task-user-name {
  color: #0060D4;
}
.notification-docs {
  background: #F4F4F4;
  margin: 15px 0 0 30px;
}
.notification-doc-list {
  display: flex;
  align-items: center;
  padding: 15px;
}
.task-list-header-main .task-list-header:hover .notification-docs {
  background: #fff;
}
.task-list-close {
  font-size: 20px;
  padding: 11px 0 0px 16px;
}
.task-list-close i:hover {
  color: #0060D4;
  cursor: pointer;
}
/* notification-new end */

/* notification main start */
.notification-main-new.main-notification {
  position: fixed;
  top: 48px;
  right: 2px;
  width: 650px;
  margin-right: -660px;
  background: #fff;
  border-radius: 10px;
  box-shadow: rgb(159 162 191 / 18%) 0px 9px 16px, rgb(159 162 191 / 32%) 0px 2px 2px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.notification-main-new.main-notification.active {
  margin-right: 0;
}
.main-notification-head {
  display: flex;
  padding: 20px 25px;
  width: 100%;
  border-bottom: 1px solid #D4DDE7;
}
.main-notification-head h6 {
  width: 100%;
  margin-bottom: 4px;
}
.read-notification {
  width: 50px;
  text-align: right;
}
.read-notification .read-notification-icon {
  width: 34px;
  height: 34px;
  background: transparent;
  border-radius: 50%;
  text-align: center;
  padding: 6px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.read-notification .read-notification-icon:active {
  transform: scale(0.98);
}
.read-notification .read-notification-icon:hover {
  background: #ECF5FF;
}
.notification-menu-hdr .notification-texts .date-and-time {
  font-size: 13px;
  color: #506E95;
}
.top-bar .main-notification-body .dropdown-list-group li:hover {
  background: transparent;
}
.top-bar .notification-menu-hdr .main-notification-body .dropdown-list-group li {
  padding: 8px 8px;
  position: relative;
  margin: 0;
  border: none;
  border-bottom: 1px solid #D4DDE7;
  border-radius: 0;
}
.top-bar .notification-menu-hdr .main-notification-body .dropdown-list-group li a {
  padding: 12px 15px;
}
.top-bar .main-notification-body .dropdown-list-group li:hover a {
  background: #edf1fa;
}
.notification-menu-hdr .main-notification-body .dropdown-list-group {
  height: calc(100vh - 205px);
}
.icon-rotate-sign-out i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* notification main end */


/* user settings box header start */
.rounded-sliders-check .slider:before {
  background: url(../images/dark-mode-icon.svg) 2px center no-repeat #fff;
  background-size: 8px;
}
.header-user-settigs-box .rounded-sliders-check input:checked+.slider:before {
  -webkit-transform: translateX(11px);
  -ms-transform: translateX(11px);
  transform: translateX(11px);
  transition: all 0.25s;
  background: url(../images/dark-mode-icon.svg) 2px center no-repeat #fff;
  background-size: 8px;
}
.header-user-settigs-box .rounded-sliders-check .slider {
  background: #cfd7e9;
}
.header-user-settigs-box .rounded-sliders-check input:checked+.slider {
  background-color: #000;
}
.header-user-settigs-box {
  border-bottom: 1px solid #cbd6e2;
  padding: 8px;
}
.header-user-settigs-box .rounded-sliders-check {
  padding: 7px 12px 0 12px;
}

.slider-near-text {
  font-size: 14px;
  color: #2B496D;
  vertical-align: middle;
  margin: -10px 0 0 5px;
}

.user-box-header .list-unstyled {
  padding: 8px;
}
.user-box-header .list-unstyled li {
  margin: 0 !important;
}
.user-box-header .list-unstyled li a {
  display: block;
  padding: 5px 14px !important;
  font-size: 14px;
  color: #2B496D;
}
.user-box-header .list-unstyled li a:hover {
  background: #edf1fa;
  color: #0088FF !important;
}
.user-box-header .list-unstyled li a i {
  margin: 0 10px 0 0 !important;
  color: #2B496D !important;
}
.user-box-header .list-unstyled li a:hover i {
  color: #0088FF !important;
}
.user-box-header .user-sign-out a {
  display: block;
  font-size: 14px;
  color: #2B496D !important;
  margin: 8px;
  padding: 6px 16px !important;
  font-family: "Nunito Regular" !important;
}
.user-sign-out a i {
  margin: 0 10px 0 0 !important;
  color: #2B496D !important;
}
.user-sign-out a:hover {
  background: #edf1fa;
  color: #0088FF !important;
}
.user-sign-out a:hover i {
  color: #0088FF !important;
}
.top-bar .notification .user-drop-down {
  border-radius: 10px;
}

/* user settings box header end */

/* scroll style new start */

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #506e91;
  max-height: 50px;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #506e91;
}
.mCSB_dragger {
  max-height: 50px !important;
}
/* scroll style end */

/* left tab style start */
.common-tab-md {
  display: flex;
  width: 100%;
  vertical-align: top;
}
.tab-common-left-md {
  float: none;
  display: flex;
  flex-direction: column;
}
.tab-common-left-content-m {
  padding: 0px;
  border: none;

  float: none;
  display: flex;
  flex-direction: column;
  vertical-align: top;
}
.tab-common-left-content-m {
  float: none;
  display: flex;
  flex-direction: column;
  vertical-align: top;
}

.vertical-tab .nav-link {
  border: none !important;
  padding: 10px 15px;
  border-left: 3px solid transparent !important;
}
.nav-tabs--left .nav-link.active {
  box-shadow: none;
  margin: 0;
  border: none !important;
  border-left: 3px solid #0088FF !important;
  background: #e5f2ff;
}
.nav-tabs--left .nav-link.active:hover {
  background: #e5f2ff;
}
.vertical-tab .nav-item:last-child .nav-link {
  border-bottom: none !important;
}
.nav-tabs--left .nav-link:hover {
  background-color: transparent;
  box-shadow: none;
}
.tab-common-left-content-m .tab-content.cmn-bdr {
  border: none !important;
  border-left: 1px solid #cfdbf1 !important;
}
.tab-common-left-content-m .tab-content.widg-padding-cmn, .tab-common-left-content-m .tab-content.widg-padding-cmn-small {
  padding: 15px !important;
}
.bg-body-color-menu .nav-link {
  background: transparent;
}

.tab-common-left-md {
  background: #fff;
}
.tab-same-height .tab-common-left-content-m {
  padding: 0px;
  border: none;
}
.tab-common-left-content-m .widg-padding-cmn.bg-white.cmn-bdr, .tab-common-left-content-m .widg-padding-cmn-small.bg-white.cmn-bdr {
  border: none !important;
  border-left: 1px solid #cfdbf1 !important;
  padding: 15px;
}
.tab-common-left-content-m .cmn-bdr.bg-white.widg-padding-cmn-small.mb-3 {
  border: none !important;
}



/* left tab style end */

/* btn animation style start */
.btn:active {
  transform: scale(0.98);
}

.btn-active:hover {
  opacity: 1;
}
.btn {
  position: relative;
}
.btn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255,255,255,.4);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.btn:hover:before {
  width: 120%;
  background-color: transparent;
  transition: all .5s ease-in-out !important;
}

/* .btn {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border-radius: 7px;
}
.btn, .btn:visited {
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.btn:hover {
  color: #fff;
  z-index: 2;
}
.btn:before {
  background: #0088FF;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
  transform: translateX(-50%) translateY(-50%) rotate(25deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.btn:link:before, .btn:visited:before, .btn:before {
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 150%;
  z-index: -1;
  -webkit-transition: all 0.75s ease 0s;
  -moz-transition: all 0.75s ease 0s;
  -o-transition: all 0.75s ease 0s;
  transition: all 0.75s ease 0s;
}
.btn:link:hover:before, .btn:visited:hover:before, .btn:hover:before {
  height: 450%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.three-dots-dropdown:hover:before {
  background: transparent !important;
  height: 0;
} */

/* btn animation style end */


/* sidebar style start */
#sidebar-wrapper-menu.active .side-bar-header {
  padding: 4px 15px;
}
.main-menu-active #sidebar-wrapper-menu .side-bar-header {
  padding: 4px 15px;
}
.main-menu .sidebar-search {
  display: none;
}
.main-menu.active .sidebar-search {
  display: block;
  padding-right: 35px;
}
.main-menu .sidebar-search .form-control {
  background: #edf1fa;
  border-color: #edf1fa;
  border-radius: 30px;
  height: calc(2rem + 2px);
  padding: 0.375rem 0.75rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-menu .sidebar-search .form-control:focus, 
.main-menu .sidebar-search .form-control:visited, 
.main-menu .sidebar-search .form-control:hover {
  background: #fff;
  border-color: #0088FF;
}
/* .main-menu .sidebar-search .form-control:focus, .main-menu .sidebar-search .form-control:active {
  background: #fff;
  border-color: #0088FF;
} */
.main-menu .sidebar-search .form-control input {
  background: transparent;
}
.main-menu-active #sidebar-wrapper-menu .sidebar-search {
  display: block;
  padding-right: 35px;
}
/* .main-menu.active .menu-collape-area ul li .card-link {
  padding-left: 8px;
} */


.main-menu .sidebar-search .search-popup-new .search-process {
  padding: 6px 0;
}
.main-menu .issue-select-process-search button {
  font-size: 13px;
  color: #8799b1;
}
.main-menu .issue-select-process-search button:hover {
  color: #0088FF !important;
}
.language-head .toggle-menu {
  display: none;
}

#nav-icon1, #nav-icon2 {
  position: fixed;
  width: 28px;
  height: 28px;
  top: 8px;
  left: 15px;
  background: #edf1fa;
  border-radius: 50%;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span, #nav-icon2 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}




.main-menu.active #nav-icon1, .main-menu.active #nav-icon2 {
  left: 230px;
}
.main-menu-active #sidebar-wrapper-menu #nav-icon1, .main-menu-active #sidebar-wrapper-menu #nav-icon2 {
  left: 230px;
}
#sidebar-wrapper-menu .side-bar-header {
  background: #fff;
  border-bottom: 1px solid #ccc;
}
#sidebar-wrapper-menu.active .side-bar-header {
  background: #fff;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span, #nav-icon2 span {
  background: #8799b1;
}
#nav-icon1:hover span, #nav-icon2:hover span {
  background: #0088FF;
}
#nav-icon1:active span, #nav-icon2:active span {
  left: 2px !important;
}
#nav-icon1 span:nth-child(1), #nav-icon2 span:nth-child(1) {
  top: 9px;
}
#nav-icon1 span:nth-child(2), #nav-icon2 span:nth-child(2) {
  top: 13px;
}
#nav-icon1 span:nth-child(3), #nav-icon2 span:nth-child(3) {
  top: 17px;
}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span, #nav-icon2 span {
  height: 1.5px;
  width: 14px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

#nav-icon1.open1 span:nth-child(1), .main-menu-active #nav-icon1 span:nth-child(1), .main-menu.active #nav-icon1 span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(148deg);
  -moz-transform: rotate(148deg);
  -o-transform: rotate(148deg);
  transform: rotate(148deg);
  width: 6px;
  left: -5px;
}
#nav-icon1.open1 span:nth-child(2), .main-menu-active #nav-icon1 span:nth-child(2), .main-menu.active #nav-icon1 span:nth-child(2) {
  left: 0px;
  opacity: 1;
  height: 2px;
}
#nav-icon1.open1 span:nth-child(3), .main-menu-active #nav-icon1 span:nth-child(3), .main-menu.active #nav-icon1 span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(-146deg);
  -moz-transform: rotate(-146deg);
  -o-transform: rotate(-146deg);
  transform: rotate(-146deg);
  width: 6px;
  left: -6px;
}

#nav-icon1.toggle-menu.close-tgl span:nth-child(1), #nav-icon2.toggle-menu.close-tgl span:nth-child(1) {
  top: 13px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 12px;
  left: 0;
}
#nav-icon1.toggle-menu.close-tgl span:nth-child(2), #nav-icon2.toggle-menu.close-tgl span:nth-child(2) {
  opacity: 0;
  left: -60px;
  width: 12px;
}
#nav-icon1.toggle-menu.close-tgl span:nth-child(3), #nav-icon2.toggle-menu.close-tgl span:nth-child(3) {
  top: 13px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 12px;
  left: 0;
}

#sidebar-wrapper-menu {
  background: #fff;
  border-right: 1px solid #cfdbf1;
  z-index: 999999;
}
.menu-collape-area ul li a {
  color: #2B496D !important;
  background: transparent;
}
.menu-collape-area ul li:hover a {
  color: #0088FF !important;
  background: #e3f0ff;
  border-color: #0088FF;
}
.menu-collape-area ul li:hover .submenu a {
  background: transparent;
  color: #2B496D !important;
}
.menu-collape-area ul li a.active {
  background: #e3f0ff;
}
.menu-collape-area .card-link:before {
  color: #506e91;
}
.menu-collape-area ul li a:hover:before {
  color: #212b36;
}
.menu-collape-area ul li a.active:before {
  color: #212b36;
}
.left-menu-main .card-link.active {
  background: #fff;
  color: #212b36;
}
.main-menu .left-menu-main li {
  padding: 0 7px;
}

.menu-collape-area ul li .card-link {
 border: 1px solid transparent; 
 border-radius: 8px;
 display: flex;
  position: relative;
  vertical-align: middle;
  min-height: 45px;
  padding-left: 8px;
}
.main-menu.active .menu-collape-area ul li .card-link {
  padding-left: 12px;
}
body.body-slide .main-menu .menu-collape-area ul li .card-link {
  padding-left: 12px;
}
.menu-collape-area .card-link:before {
  position: absolute;
  right: 11px;
  top: 50%;
  margin: -7px 0 0 0;
}
.left-menu-main .card-link:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#sidebar-wrapper-menu.active .menu-collape-area .submenu ul li a {
  padding: 2px 4px 2px 32px;
}
.main-menu .submenu .collapse li:hover a {
  padding-left: 35px !important;
}
#sidebar-wrapper-menu.active {
  width: 270px !important;
}
.menu-collape-area ul li a {
  width: 256px;
}
.main-menu-active #sidebar-wrapper-menu {
  width: 270px !important;
}
#sidebar-wrapper-menu.active .menu-collape-area .submenu ul li a:hover {
  background: transparent;
  color: #0088FF !important;
}

.menu-collape-area ul li a i {
  line-height: 22px;
  /* transition: transform 0.6s;
  transform-style: preserve-3d; */
}
.main-menu .left-menu-main li:hover i {
  /* transform: rotateY(180deg); */
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgb(198 198 198 / 40%);
}
.main-menu .mCSB_scrollTools .mCSB_draggerRail {
  width: 0;
}
.main-menu .mCSB_scrollTools {
  right: -18px;
}
.main-menu.active .mCSB_scrollTools {
  right: -7px;
}
.main-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #506e91;
  max-height: 50px;
}
.main-menu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #506e91;
}
.main-menu .mCSB_dragger {
  max-height: 50px !important;
}

.main-menu .sidebar-icon {
  width: 15px;
  height: 15px;
}
.main-menu .card-link span {
  vertical-align: middle;
  word-break: break-all;
  /* display: -webkit-box !important; */
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.main-menu.active .menu-collape-area li a span {
  display: -webkit-box !important;
}
.main-menu .menu-collape-area li a span {
  padding-right: 8px;
}
.main-menu .card-link:hover span {
  padding-left: 7px;
}
.main-menu .sidebar-icon {
  padding-left: 6px;
  transition: ease-out 0.3s;
}
.main-menu .sidebar-icon.sidebar-icon-active {
  display: none;
}
.menu-collape-area ul li a:hover .sidebar-icon.sidebar-icon-active {
  display: inline-block;
}
.menu-collape-area ul li a:hover .sidebar-icon.sidebar-icon-default {
  display: none;
}
.left-menu-main .card-link.active .sidebar-icon.sidebar-icon-active {
  display: inline-block;
}
.left-menu-main .card-link.active .sidebar-icon.sidebar-icon-default {
  display: none;
}
.left-menu-main .card-link.collapsed:before {
  display: none;
}
.main-menu .left-menu-main li:hover .card-link.collapsed:before {
  display: block;
}


/* .edit-bar .nav-item.drop-tab-menu-list-hdr .nav-pills {
  transform: scale(0);
  transition: ease-out 0.3s;
  display: block;
}
.edit-bar .nav-item.drop-tab-menu-list-hdr:hover .nav-pills {
  transform: scale(1);
} */


/* sidebar style end */

/* table style start */
/* main table start */
.full-width-table table {
  border-collapse: separate;
  border-spacing: 0 6px;
  line-break: anywhere;
  background: transparent !important;
  border: 0 !important;
}
.full-width-table table tr th, .full-width-table table tr td {
  border: 0 !important;
  /* border-top: 0.5px solid #B1C4EA !important;
  border-bottom: 0.5px solid #B1C4EA !important; */
  /* color: #fff; */
}
.full-width-table table tr th:first-child, .full-width-table table tr td:first-child {
  /* border-left: 0.5px solid #B1C4EA !important; */
}
.full-width-table table tr th:last-child, .full-width-table table tr td:last-child {
  /* border-right: 0.5px solid #B1C4EA !important; */
}
.full-width-table table tr th {
  background: #EDF1FA;
  /* color: #fff; */
}
.full-width-table table tr td {
  background: #fff;
  /* color: #fff; */
}
.full-width-table table tr {
  /* background: #fff !important; */
  /* color: #fff; */
  border-radius: 10px;
  border: 0.5px solid #B1C4EA !important;
}
.full-width-table table tr td:hover {
  opacity: 0.7;
}
.full-width-table table tr th:first-child, .full-width-table table tr td:first-child {
  border-radius: 10px 0 0 10px;
}
.full-width-table table tr th:last-child, .full-width-table table tr td:last-child {
  border-radius: 0 10px 10px 0;
}
.full-width-table table tr:hover, .full-width-table table tr:hover td {
  /* background: #fff !important; */
  /* color: #fff; */
}
.full-width-table table h1,
.full-width-table table h2,
.full-width-table table h3,
.full-width-table table h4,
.full-width-table table h5,
.full-width-table table h6,
.full-width-table table span {
  /* color: #fff; */
}

table .dot-div {
  float: left;
}
/* main table end */

/* inner table start */
.audit-form-table table {
  border-collapse: separate;
  border-spacing: 0 4px;
  line-break: anywhere;
  background: transparent !important;
  border: 0 !important;
}
.audit-form-table table tr th, .audit-form-table table tr td {
  border: 0 !important;   
}
.audit-form-table table tr th {
  background: #EDF1FA !important;
}
.audit-form-table table tr td {
  background: #f9f9f9;
}
.audit-form-table table tr {
  /* background: #f9f9f9 !important; */
  border-radius: 10px;
}
.audit-form-table table tr td:hover {
  opacity: 0.7;
}
.audit-form-table table tr th:first-child, .audit-form-table table tr td:first-child {
  border-radius: 10px 0 0 10px;
}
.audit-form-table table tr th:last-child, .audit-form-table table tr td:last-child {
  border-radius: 0 10px 10px 0;
}
.audit-form-table table tr:hover td {
  background: #f5f5f5 !important;
}
/* inner table end */
/* table style end */

/* pagination html style start */
.pagination .page-link {
  color: #212B36;
  border: 1px solid transparent;
  border-radius: 7px;
}
.pagination .page-link.active {
  background: #fff;
  border-radius: 7px;
  color: #0088ff;
  border-color: #0088FF;
}
.pagination .page-link:hover {
  background: #0088FF;
  border-color: #0088FF;
  border-radius: 7px;
  color: #fff;
}
.pagination .per-page {
  color: #212B36 !important;
  margin-left: 6px; 
}
.pagination .per-page:hover {
  background: #fff;
  border-color: #D7DDE1;
}
.pagination .pagination-input {
  margin-top: 5px;
}
/* pagination html style end */


/* pagination dev style start */
.ngx-pagination li {
  border: 1px solid transparent;
  font-size: 13px;
}
.ngx-pagination a, .ngx-pagination button {
  color: #212B36 !important;
}
.ngx-pagination .current {
  background: #fff !important;
  color: #08f!important;
  border-color: #0088FF;
}
.ngx-pagination a:hover, .ngx-pagination button:hover {
  background: #0088FF;
  color: #fff !important;
}
.ngx-pagination a:hover, .ngx-pagination button:hover, .ngx-pagination li {
  border-radius: 7px !important;
}
.ngx-pagination a, .ngx-pagination button {
  padding: 0.1875rem 0.625rem;
}
.ngx-pagination .pagination-next, .ngx-pagination .pagination-previous {
  border: 1px solid transparent;
}
.ngx-pagination .pagination-next a:hover {
  background: #fff;
  color: #212B36 !important;
  border-color: #D7DDE1;
}
.ngx-pagination .pagination-previous a:hover {
  background: #fff;
  color: #212B36 !important;
  border-color: #D7DDE1;
}
/* pagination dev style end */

.edit-bar .nav-item .nav-link {
  /* border-right: 4px solid #f5f6f7; */
  border: 0;
}
.edit-bar .nav-item .nav-link.active {
  background-color: #fff;
}
.edit-bar {
  border: 0;
  border-bottom: 2px solid #f5f6f7;
}
.user-details-page .user-settings .card {
  border: 1px solid #f0efef;
}
.event-tree-box-inner {
  border-color: #f5f6f7;
}
/* body color start */
body {
background: rgb(242, 245, 249);
}
.bg-main {
  background: #FBFBFB !important;
}
.actvitylog-dtl-round {
  border-color: #f5f6f7;
}
.edit-bar .nav-item .nav-link.active {
  background-color: #f5f6f7;
}
/* body color end */

/* form style start */
.form-control:focus {
  box-shadow: 0 0 0 0.1rem rgb(167 208 244 / 25%);
}

/* form style end */

.audit-program-box table th {
  color: #212b36;
}
.audit-program-box table td {
  color: #506e91;
}
h1, h2, h3, h4, h5, h6 {
  color: #212b36;
}
p {
  color: #5d6d7a;
}
.edit-bar .nav-item .nav-link {
  font-family: 'Nunito Regular';
  color: #5d6d7a;

  padding: 12px 0px;
  min-width: auto;
  border-bottom: 2px solid #fff;
}
.edit-bar .nav-item .nav-link.active {
  padding-bottom: 12px;  
  background: #fff;
  /* border-bottom: 2px solid #0088FF; */
 /* padding: 6px 14px; */
}
.edit-bar .edit-icons li a {
  font-family: 'Nunito Regular';
  color: #5d6d7a;
}
.edit-bar .nav-item {
  padding: 0px 12px;
}
.edit-bar .drop-tab-menu-list-hdr .nav-item {
  padding: 2px 0;
}

.edit-bar .nav-item.drop-tab-menu-list-hdr .nav-pills {
  transform: scale(0);
  transition: ease-out 0.3s;
  display: block;
}
.edit-bar .nav-item.drop-tab-menu-list-hdr:hover .nav-pills {
  transform: scale(1);
}
.nav-item.drop-tab-menu-list-hdr .nav-link, .nav-item.drop-tab-menu-list-hdr .nav-link .fa-chevron-down {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nav-item.drop-tab-menu-list-hdr.nav-item:hover .nav-link .fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nav-item.drop-tab-menu-list-hdr.nav-item:hover .nav-link {
  color: #0088FF;
}

/* .nav-tabs--left .nav-link.active::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #0088FF;
  left: 0;
  bottom: 0;
} */

.edit-bar .nav-pills.float-left .nav-item .nav-link {
  position: relative;
}
.edit-bar .nav-pills.float-left .nav-item .nav-link:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0; 
}
/* .edit-bar .nav-pills.float-left .nav-item .nav-link:hover:after {
  width: 100%;
  left: 0;
  background: #0088FF;
} */
.edit-bar .nav-pills.float-left .nav-item .nav-link.active:after {
  width: 100%;
  left: 0;
  background: #0088FF;
}


@media screen and (max-width: 1599px) and (min-width: 1440px) {
  .full-width-table .fixed-table {
      width: 100%;
  }
}

/* dashboard box hover line start */
.db-box-hover-line {
  position: relative;
}

.db-box-hover-line::before, .db-box-hover-line::after{
  content:"";
  width: 0;
  height: 1px;
  position: absolute;
  transition: all 0.2s linear;
  background: #0088FF;
}

.db-box-hover-line-inner::before, .db-box-hover-line-inner::after{
  content:"";
  width:1px;
  height:0;
  position: absolute;
  transition: all 0.2s linear;
  background: #0088FF;
}
.db-box-hover-line:hover::before, .db-box-hover-line:hover::after{
  width: 100%;
}
.db-box-hover-line:hover .db-box-hover-line-inner::before, .db-box-hover-line:hover .db-box-hover-line-inner::after{
  height: 100%;
}

/*----- 4 side -----*/
.db-box-hover-line::before{
  left: 50%;
  top: 0;
  transition-duration: 0.4s;
}
.db-box-hover-line::after{
  left: 50%;
  bottom: 0;
  transition-duration: 0.4s;
}
.db-box-hover-line .db-box-hover-line-inner::before{
  left: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.db-box-hover-line .db-box-hover-line-inner::after{
  right: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.db-box-hover-line:hover::before, .db-box-hover-line:hover::after{
  left: 0;
}
.db-box-hover-line:hover .db-box-hover-line-inner::before, .db-box-hover-line:hover .db-box-hover-line-inner::after{
  top: 0;
}

/*----- 2 side -----*/
/* .db-box-hover-line::after{
  left:0;
  bottom: 0;
  transition-duration: 0.4s;
}
.db-box-hover-line .db-box-hover-line-inner::after{
  right:0;
  top: 0;
  transition-duration: 0.4s;
}
.db-box-hover-line::before{
  right: 0;
  top: 0;
  transition-duration: 0.4s;
}
.db-box-hover-line .db-box-hover-line-inner::before{
  left: 0;
  bottom: 0;
  transition-duration: 0.4s;
} */

/* dashboard box hover line end */

/* dashboard box hover zoom start */
.db-box-hover-zoom {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.db-box-hover-zoom:hover {
  transform: scale(1.05);
}
/* dashboard box hover zoom end */

.owl-carousel .tab-common-left-content-m {
  padding: 15px;
}



/* oc chart style start */
.oc-controller-sec {
  width: 40px;
  position: fixed;
  right: 30px;
  top: 50%;
  margin-top: -190px;
  z-index: 99;
}
.oc-view-option-btns .nav {
  background: #fff;
  border: 1px solid #BBD0E1;
  width: 100%;
  border-radius: 22px;
  padding: 8px 0;
}
.oc-view-option-btns .nav li {
  width: 100%;
  display: block;
}
.oc-view-option-btns .nav li a {
  display: block;
  font-size: 18px;
  color: #496881;
  text-align: center;
  padding: 2px 0px;
  opacity: 0.7;
}
.oc-view-option-btns .nav li a.active {
  color: #0088FF;
  animation: pulse 1s infinite;
  transition: .3s;
  opacity: 1;
}
.oc-view-option-btns .nav li a:hover {
  color: #0088FF;
  opacity: 1;
}

.oc-find-user {
  background: #fff;
  border: 1px solid #BBD0E1;
  width: 100%;
  border-radius: 22px;
  padding: 4px 0; 
  margin-top: 30px;
}
.oc-find-user a {
  display: block;
  font-size: 18px;
  color: #496881 !important;
  text-align: center;
  padding: 2px 0px;
}
.oc-find-user a:hover {
  color: #0088FF !important;
}

.chart-scroll-x {
  overflow-x: scroll;
  height: calc(100vh - 112px);
}
.chart-scroll-x.dragscroll {
  overflow: hidden;
}
.oc-controller-sec-btns {
  width: 40px;
  position: fixed;
  left: 85px;
  top: 50%;
  margin-top: -44px;
  z-index: 99;
}
.oc-controller-sec-btns ul {
  background: #fff;
  border: 1px solid #BBD0E1;
  width: 100%;
  border-radius: 22px;
  padding: 8px 0;
}
.oc-controller-sec-btns ul li {
  width: 100%;
  display: block;
}
.oc-controller-sec-btns ul li a {
  display: block;
  font-size: 18px;
  color: #496881 !important;
  text-align: center;
  padding: 2px 0px;
}
.oc-controller-sec-btns ul li a:hover {
  color: #0088FF !important;
}
.down-div-animate-1 {
  position: relative;
  -webkit-animation: downone 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation: downone 1s 1;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 3;
}

@-webkit-keyframes downone {
  0% {
      /* left: -100px; */
      top: -600px;
      opacity: 0;
  }
  100% {
      /* left: 0px; */
      top: 0px;
      opacity: 1;
  }
}

@keyframes downone {
  0% {
      /* left: -100px; */
      top: -600px;
      opacity: 0;
  }
  100% {
      /* left: 0px; */
      top: 0px;
      opacity: 1;
  }
}
.down-div-animate-2 {
  position: relative;
  -webkit-animation: downtwo 2s 1;
  -webkit-animation-fill-mode: forwards;
  animation: downtwo 2s 1;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 2;
}

@-webkit-keyframes downtwo {
  0% {
      /* left: -100px; */
      top: -600px;
      opacity: 0;
  }
  100% {
      /* left: 0px; */
      top: 0px;
      opacity: 1;
  }
}

@keyframes downtwo {
  0% {
      /* left: -100px; */
      top: -600px;
      opacity: 0;
  }
  100% {
      /* left: 0px; */
      top: 0px;
      opacity: 1;
  }
}
.down-div-animate-3 {
  position: relative;
  -webkit-animation: downthree 3s 1;
  -webkit-animation-fill-mode: forwards;
  animation: downthree 3s 1;
  animation-fill-mode: forwards;
  position: relative;
  z-index: 1;
}

@-webkit-keyframes downthree {
  0% {
      /* left: -100px; */
      top: -600px;
      opacity: 0;
  }
  100% {
      /* left: 0px; */
      top: 0px;
      opacity: 1;
  }
}

@keyframes downthree {
  0% {
      /* left: -100px; */
      top: -600px;
      opacity: 0;
  }
  100% {
      /* left: 0px; */
      top: 0px;
      opacity: 1;
  }
}



/* oc rigt view style start */
.oc-tree-right-view-main {
  padding: 0 55px 15px 60px;
}
.oc-tree-right-view-ul {
  padding-right: 65px;
}
.oc-tree-right-view .oc-tree-rv-box {
  width: 250px;
  background: #fff;
  padding: 15px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  transition: transform .2s;
  position: relative;
}
.oc-tree-right-view .oc-tree-rv-box:hover {
  box-shadow: 0px 0px 10px #cbd6e2;
}
.oc-tree-rv-user {
  text-align: center;
  transition: transform .2s;
}
.oc-tree-right-view .oc-tree-rv-box:hover .oc-tree-rv-user {
  transform: scale(1.03);
}
.oc-tree-rv-user h6 {
  margin-bottom: 2px;
  color: #3A4C6C;
}
.oc-tree-rv-user p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0;
  color: #637381;
}
.oc-tree-rv-user-img {
  margin-bottom: 8px;
}
.oc-tree-rv-user-img img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.oc-tree-right-view-main .card-accordion-new .access-main-card .card-header .card-link {
  font-size: 14px;
}

.oc-tree-right-view-main .user-details-page .user-settings .card {
  border: none;
}

.oc-tree-right-view-main .user-details-page .user-settings .card .cmn-bdr-top.collapse {
  border: none !important;
}

.oc-tree-right-view-main .access-settings .sub-accordion .card .card-body {
  border: none !important;
}

.oc-tree-right-view-main .card-accordion-new .access-main-card .card-header .card-link {
  padding: 8px 20px 8px 35px;
}

.oc-tree-right-view-main .card-accordion-left-icon.card-accordion-new .access-settings .sub-accordion .card .card-header .card-link {
  padding: 0 0 0 20px !important;
}

.oc-tree-right-view-main .card-accordion-left-icon.card-accordion-new .access-settings .card .card-body {
  padding: 5px 20px;
}

.oc-tree-right-view-main .card-accordion-left-icon.card-accordion-new .access-settings .sub-accordion .card .card-body {
  padding: 10px 0px;
}

.oc-tree-right-view-main .card-accordion-left-icon.card-accordion-new .card-header a:before {
  font-size: 13px;
}

.oc-tree-right-view-main-scroll {
  overflow-x: scroll;
  overflow-y: hidden;
  min-height: 300px;
}

.oc-tree-right-view-main-scroll.dragscroll {
  overflow: hidden;
}

.oc-tree-right-view {
  display: flex;
  flex-wrap: nowrap;
}

.oc-tree-right-view-ul {
  margin: 0;
  padding: 0;
  display: flex;
}

.oc-tree-right-view-li {
  float: left;
  list-style-type: none;
  margin-right: 30px;
  display: flex;
  align-items: center;
  position: relative;
}

ul.oc-rv-inner-ul-1 {
  margin: 0;
  padding: 0;
}

li.oc-rv-inner-li-1 {
  list-style-type: none;
  margin-left: 30px;
  display: flex;
  align-items: center;
}

.oc-tree-right-view-ul .oc-tree-right-view-li .oc-tree-rv-box-line {
  position: relative;
}

.oc-tree-right-view-ul .oc-tree-right-view-li .oc-tree-rv-box-line:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid #506E91;
  width: 30px;
  height: 1px;
  right: -30px;
  top: 50%;
  /*margin-top: -5px;*/
}

.card-color-text-heading.access-main-card .sub-accordion .card-header .card-link.collapsed {
  opacity: 0.7;
}

.card-color-text-heading.access-main-card .sub-accordion .card-header .card-link {
  opacity: 1;
}

.oc-tree-right-view-main .access-main-card {
  transition: transform .2s;
  position: relative;
}

.oc-tree-right-view-main .access-main-card:hover {
  box-shadow: 0px 4px 4px #cbd6e2;
  transform: scale(1.02);
  z-index: 1;
}

.oc-tree-right-view-main .access-main-card.remove-zoom-hov:hover {
  box-shadow: none;
  transform: none;
}

.oc-tree-right-view-ul-inner {
  margin: 0;
  padding: 0;
  position: relative;
  margin-left: 60px;
}

.oc-tree-right-view-li-inner {
  list-style-type: none;
  position: relative;
  display: flex;
  align-items: center;
}

.oc-tree-right-view-li-inner:before {
  position: absolute;
  content: "";
  background: #506E91;
  width: 1px;
  height: calc(50% + 13px);
  left: -30px;
  bottom: -9px;
}

.oc-tree-right-view-li-inner:last-child:before {
  content: none;
}

.oc-tree-right-view-li-inner:after {
  position: absolute;
  content: "";
  background: #506E91;
  width: 1px;
  height: 50%;
  left: -30px;
  top: -4px;
}

.oc-tree-right-view-li-inner:first-child:after {
  content: none;
}

.line-left-so-ul {
  position: relative;
}

.line-left-so-ul:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid #506E91;
  width: 30px;
  height: 1px;
  left: 0px;
  top: 50%;
  margin-top: -5px;
}

.so-li-inner-box {
  position: relative;
}

.so-li-inner-box:before {
  position: absolute;
  content: "";
  border-bottom: 1px solid #506E91;
  width: 30px;
  height: 1px;
  left: -30px;
  top: 50%;
}

.oc-tree-rv-right-line {
  position: relative;
}

.oc-tree-rv-right-line:after {
  position: absolute;
  content: "";
  border-bottom: 1px solid #506E91;
  width: 30px;
  height: 1px;
  right: -30px;
  top: 50%;
}
/* oc rigt view style end */


/* bubble chart sty start */



/* bubble chart sty end */

/* oc scrollbar style start */
.scrollbar-style-oc {
  overflow: scroll !important;
  scrollbar-width: thin;
  scrollbar-color: #008aff #bbb;
}
.scrollbar-style-oc::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.scrollbar-style-oc::-webkit-scrollbar-track {
  background-color: #d8e5f0;
}
.scrollbar-style-oc::-webkit-scrollbar-thumb {
  background-color: #cdd4db;
}
.scrollbar-style-oc::-webkit-scrollbar-track, .scrollbar-style-oc::-webkit-scrollbar-thumb {
  border-radius: 12px;
}
.scrollbar-style-oc [class^="scrollbar"] {
  height: 200px;
  overflow-y: scroll;
}
.scrollbar-style-oc [class^="scrollbar"] div {
  height: 400px;
  width: 200%;
  padding: 4rem;
  background-image: linear-gradient(130deg, #c8c8c8 0%, #fefefe 100%);
}
/* oc scrollbar style end */

.oc-zoom-btns {
  background: #fff;
  border: 1px solid #BBD0E1;
  width: 100%;
  border-radius: 22px;
  padding: 4px 0;
  margin-top: 30px;
}
.oc-zoom-btns button {
  background: transparent;
  display: block;
  font-size: 18px;
  color: #496881;
  text-align: center;
  padding: 2px 0px;
  border: none;
  margin: 0 auto;
}
.oc-zoom-btns button:hover {
  cursor: pointer;
  color: #0088FF;
}
.oc-zoom-btns .zoom-range {
  width: 60px;
  height: 8px;
  border: 2px solid #496881;
  margin: 30px 0px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: relative;
  left: -10px;
}
/* .oc-zoom-btns .zoom-range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-appearance: none;
  cursor: ew-resize;
  background: #434343;
} */


/* .zoom-range {
  background: linear-gradient(to right, #82CFD0 0%, #82CFD0 40%, #fff 40%, #fff 100%);
  border: solid 2px #82CFD0;
  border-radius: 8px;
  height: 6px;
  width: 60px;
  outline: none;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
}

.zoom-range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-appearance: none;
  cursor: ew-resize;
  background: #434343;
} */

/* oc chart style end */


/* step form style start */
.step-from-new-main {
  width: 1200px;
  margin: 0 auto;
  box-shadow: 0px 0px 8px #ccc;
  border-radius: 10px;
}
.step-from-new-form {
  width: 100%;
}
.step-from-new-form .step-form-head {
  position: fixed;
  left: -830px;
  right: 0;
  margin: 0 auto;
  top: 106px;
  background: #fff;
  border-right: 1px solid #D0DBE6;
  width: 310px;
  height: calc(100vh - 103px);
  padding: 20px;
  z-index: 11;
  transition: top .3s;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
}
.step-from-new-form .step-form-head.step-form-head-scroll {
  top: 45px;
  height: 100vh;
}

.step-from-new-form .step-forms {
  width: 100%;
  background: #fff;
  min-height: calc(100vh - 100px);
  padding-bottom: 90px;
  border-radius: 10px;
}
.step-from-new-form .btn-fixed-position-cls {
  position: fixed;
  background: #fff;
  left: 60px;
  right: 0;
  bottom: 0px;
  width: 1200px;
  margin: 0 auto;
  padding-left: 340px !important;
  border-top: 1px solid #D0DBE6;
  -ms-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  z-index: 10;
}
.step-form-head .step-head-text {
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  margin-top: -2px;
  padding-left: 5px;
}

.step-from-new-form .tab {
  display: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding-left: 340px;

  position: relative;
  -webkit-animation: myleft 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation: myleft 1s 1;
  animation-fill-mode: forwards;
}

@-webkit-keyframes myleft {
  0% {
      left: -100px;
      top: 0px;
  }
  100% {
      left: 0px;
      top: 0px;
  }
}

@keyframes myleft {
  0% {
      left: -100px;
      top: 0px;
  }
  100% {
      left: 0px;
      top: 0px;
  }
}


.step-from-new-form .step-tab-inner {
  padding: 30px 30px 30px 0;
}

.step-form-head .step {
  display: flex;
  align-items: start;
  padding: 20px 15px 15px 15px;
  color: #2B496D;
  font-family: 'Nunito SemiBold';
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.step-form-head .step:after {
  position: absolute;
  content: "";
  left: 28px;
  top: 0px;
  width: 1px;
  height: 100%;
  background: #DBE6F1;
  z-index: 1;
}
.step-form-head .step:before {
  position: absolute;
  content: "";
  left: 28px;
  top: 0px;
  width: 1px;
  height: 0%;
  background: #0088FF;
  z-index: 2;
}

.step-form-head .form-indicates-sec {
  margin: 0;
  position: relative;
  /* -webkit-animation: mytop 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation: mytop 1s 1;
  animation-fill-mode: forwards; */
}


@-webkit-keyframes mytop {
  0% {
      left: 0px;
      top: -100px;
  }
  100% {
      left: 0px;
      top: 0px;
  }
}

@keyframes mytop {
  0% {
      left: 0px;
      top: -100px;
  }
  100% {
      left: 0px;
      top: 0px;
  }
}

/****** step button animate start ******/
.step-animate-btn-1 {
  position: relative;
  -webkit-animation: anbtn1 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 1s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-2 {
  position: relative;
  -webkit-animation: anbtn1 2s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 2s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-3 {
  position: relative;
  -webkit-animation: anbtn1 2.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 2.5s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-4 {
  position: relative;
  -webkit-animation: anbtn1 3s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 3s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-5 {
  position: relative;
  -webkit-animation: anbtn1 3.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 3.5s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-6 {
  position: relative;
  -webkit-animation: anbtn1 4s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 4s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-7 {
  position: relative;
  -webkit-animation: anbtn1 4.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 4.5s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-8 {
  position: relative;
  -webkit-animation: anbtn1 5s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 5s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-9 {
  position: relative;
  -webkit-animation: anbtn1 5.5s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 5.5s 1;
  animation-fill-mode: forwards;
}
.step-animate-btn-10 {
  position: relative;
  -webkit-animation: anbtn1 6s 1;
  -webkit-animation-fill-mode: forwards;
  animation: anbtn1 6s 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes anbtn1 {
  0% {
      left: -30px;
      top: 0px;
  }
  100% {
      left: 0px;
      top: 0px;
  }
}
@keyframes anbtn1 {
  0% {
      left: -30px;
      top: 0px;
  }
  100% {
      left: 0px;
      top: 0px;
  }
}

/****** step button animate end ******/

/* bounce-to-bottom start */
.bounce-to-bottom {
  position: relative;
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); 
}
.bounce-to-bottom:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  z-index: -1;
  background: #0088FF;
  border-radius: 50%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: 400ms ease-out;
  transition: 400ms ease-out; 
}

.step-form-head .step.active .bounce-to-bottom:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); 
}

/* bounce-to-bottom end */


.step-form-head .multi-form-nbr-new {
  font-size: 13px;
  line-height: 25px;
  color: #285474;
  background: #E5F2FF;
  border: 1px solid #E5F2FF;
  width: 30px;
  height: 26px;
  border-radius: 50%;
  margin: -5px 6px 0 0;
  vertical-align: middle;
  text-align: center;
  font-family: "Nunito-Medium";
  position: relative;
  z-index: 3;
}
.step-form-head .step:hover {
  color: #0088FF;
}
.step-form-head .step.active {
  color: #0088FF;
  background: #E5F2FF;
  border-radius: 8px;
}
.step-form-head .step.active .multi-form-nbr-new {
  /* background: #0088FF; */
  border-color: #0088FF;
  color: #fff;
}

.step-form-head .step:before {
  transition: height .8s;
}
.step-form-head .step.finish:before {
  height: 100%;
}
.step-form-head .step.active:before {
  height: 100%;
}

.step-form-head .step:first-child:after {
  height: 50%;
  top: 50%;
}
.step-form-head .step:last-child:after {
  height: 50%;
}
.step-form-head .step:first-child:before {
  height: 50%;
  top: 50%;
}
.step-form-head .step:last-child:before {
  height: 0%;
}
.step-form-head .step.active:last-child:before {
  height: 50%;
}
.step-form-head .step.finish:last-child:before {
  height: 50%;
}

.step-form-head .step.finish {
  color: #0088ff;
}
.step-form-head .step.finish .multi-form-nbr-new {
  border-color: #0088FF;
  color: #0088FF;
}
.step-form-head .step.finish.active .multi-form-nbr-new {
  color: #fff;
}

.toggle-menu.toggle-menu-sm {
  display: none;
}
.user-right-fill {
  max-width: calc(74% - 32px);
}
.side-bar-round {
  z-index: 999999 !important;
}

@media (max-width: 992px) {
  .toggle-menu.toggle-menu-sm {
      display: block;
  }
  .toggle-menu.toggle-menu-big {
      display: none;
  }

}

@media (max-width: 1199px) {
  .edit-bar.affix .module-name-block {
      transition: padding-left .5s;
      padding-left: 15px;
  }
  .step-from-new-form .step-form-head {
      left: 15px;
  }
  .step-from-new-form .btn-fixed-position-cls {
      left: 15px;
      width: calc(100% - 35px);
      padding-left: 335px !important;
  }

}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .step-tab-inner .upload-section .costmz-logo-new {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .step-tab-inner .upload-section .up-pic-cf {
      flex: 0 0 100%;
      max-width: 100%;
  }

}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
  .step-tab-inner .upload-section .costmz-logo-new {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
  }
  .step-tab-inner .upload-section .up-pic-cf {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%;
  }
  body.body-slide .step-tab-inner .upload-section .costmz-logo-new {
      flex: 0 0 50%;
      max-width: 50%;
  }
  body.body-slide .step-tab-inner .upload-section .up-pic-cf {
      flex: 0 0 50%;
      max-width: 50%;
  }
  body.body-slide .col-lg-6,
  body.body-slide .col-md-6 {
      flex: 0 0 100%;
      max-width: 100%;
  } 
  body.body-slide .col-sm-6 {
      flex: 0 0 100%;
      max-width: 100%;
  }
  

}
/* step form style end */

/* chat style start */
#sidebar-wrapper2 {
  height: calc(100vh - 0px);
}
.chat-box .chating-area-new {
  height: calc(100vh - 135px);
  padding-bottom: 0;
}
/* chat style end */

.view-more-btn-tab {
  margin-left: 18px;
  float: none;
  padding-top: 5px;
  display: table;
}
.hide-tab-btns {
  height: 0;
  opacity: 0;
}
.hide-tab-btns.open {
  height: auto;
  opacity: 1;
}

/* 111111111111 */


/* filter style start */
.filter-fill .filter-page-inner {
  background: #fff;
}
.filter-fill .quick-content-area h5 {
  color: #212b36;
}
.filter-fill .quick-content-area h5:after {
  background: transparent;
  border-bottom: 1px solid #bbc9e1;
}
.filter-fill .filtr-btn {
  color: #2b496d !important;
  border-color: #2b496d;
}
.filter-fill .filtr-btn.filter-btn-active {
  color: #fff !important;
  border-color: #0088FF;
}
.filter-fill .filter-save-btn .btn {
  background: transparent;
  color: #0088FF;
  border-color: #0088FF;
}
.filter-new-inner .quick-content-area .multiple .selectator_selected_items .selectator_selected_item {
  color: #2b496d;
}
.filter-fill .closebtn-filter {
  color: #2b496d;
}
/* filter style end */



/* fixed button color start */
.btn-red:before {
  background: #C6001D !important;
}

.btn-gray:before {
  background: #CBD6E2 !important;
}

.btn-accept:before {
  background: #128D4F !important;
}

.btn-reject:before {
  background: #da2002 !important;
}

.btn-orange:before {
  background: #ff8b17 !important;
}

.btn-green:before {
  background: #3db472 !important;
}

.btn-yellow:before {
  background: #ddc205 !important;
}

.btn-green-hov.active:before {
  background: #3db472 !important;
}

.btn-red-hov.active:before {
  background: #C6001D !important;
}

.btn-yellow-hov.active:before {
  background: #ddc205 !important;
}

.btn-orange-hov.active:before {
  background: #ffa500 !important;
}

.btn-green-hov:before {
  background: #3db472 !important;
}

.btn-red-hov:before {
  background: #C6001D !important;
}

.btn-yellow-hov:before {
  background: #ddc205 !important;
}

.btn-orange-hov:before {
  background: #ffa500 !important;
}
/* fixed button color end */