.topNav {
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E7EAEE;
  align-items: center;
  z-index: 9;
}

.topNav .nav-link {
  padding: 0.3rem 1rem;
  color: #323232 !important;
  display: flex;
}

.HeteroLogo {
  width: 60px;
  height: 50px;
}

.dashBoardLogo {
  font-size: 22px;
  color: #1A1A1A !important;
  font-weight: 600;
}

.brandlogo {
  width: 128px;
  margin: 6px 0px;
}

.navbar-brand {
  display: inline-block;
  padding: 0;
  margin-right: 0;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand-mob {
  display: none;
  width: 45px;
  height: 48px;
  background: #3A92F9;
  margin: 0px 5px;
}

.versionNo {
  position: absolute;
  right: 0px;
  color: #fff;
  top: -4px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
}

.dashBoardLogo .modTile {
  font-style: normal;
  font-size: 26px;
  color: #fff;
  position: absolute;
  left: 100%;
  bottom: 0px;
  line-height: 18px;
  font-family: "Open Sans bold";
}

.dashBoardLogo .modTile {
  width: 340px !important;
  height: 125px;
  background-image: url(/images/ebmr-logo.png);
  background-size: 340px;
  background-repeat: no-repeat;
  background-position: 0px 95px;
  margin: -1px -75px;
}


.dashBoardLogo .modTile1 {
  width: 365px !important;
  height: 10px;
  font-style: normal;
  font-size: 23px;
  color: #fff;
  position: absolute;
  left: 100%;
  top: 5px;
  bottom: 0px;
  line-height: 18px;
  text-transform: uppercase;
  font-family: "Open Sans bold";
  background: none;
  margin: 0px -145px;
}

/* .rightDDMenu {
  margin-right: 8px;
} */
/* .rightDDMenu .avatarIcon {
  width: 30px;
   height: 30px;
   display: inline-block;
   border-radius: 50%;
   border: #035cb1 solid 2px;
   background: url(/images/user.png) no-repeat center center;
   background-size: cover;
   float: right;
 } */
.navbar .dropdown-menu {
  border: none;
  background-color: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px !important;
}

.rightDDMenu p {
  margin-bottom: 0px;
  white-space: nowrap;
  color: #323232B2;
}

.rightDDMenu::after {
  border: none;
}

.userNameNid {
  text-align: right;
  float: right;
  margin-right: 10px;
  color: #fff;
  line-height: 16px;
}

.userNameNid span {
  font-size: 12px;
}

.profileDDmenu {
  right: 15px !important;
  padding: 0px;
  box-shadow: rgb(171 170 170) 0px 0px 2px 1px;
}

.profileDDmenu a:hover {
  background: #f8f9fa !important;
}

.profileDDmenu a .fa {
  margin-right: 8px;
}

.leftMain,
.contentMain {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}

.collapse {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}

.leftMain {
  height: calc(100vh - 48px);
  position: fixed;
  left: 0px;
  top: 58px;
  z-index: 2;
}

.leftMain.slideMe {
  left: 0px;
}

.leftMain ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.leftMain ul li {
  display: block;
}

.leftMain>ul>li:last-child {
  position: absolute;
  bottom: 0px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
}

.leftMain ul li:last-child a {
  color: #fff;
}

.leftMain ul li a.icon {
  width: 48px;
  height: 50px;
  display: block;
  border-bottom: #343f44 solid 1px;
}

.leftMain ul li a.icon:hover {
  background: #274459;
}

.leftMain ul li a.icon.active {
  background: #274459;
}

.leftMain ul li.show {
  background: #274459;
}

.ContentMain {

  width: calc(100% - 272px);
  margin-left: 250px;
  margin-top: 60px;
  margin-bottom: 15px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}

.expandDiv {
  width: calc(100% - 100px);
  margin-left: 80px;
  margin-top: 60px;
  margin-bottom: 15px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}

.leftMain ul li a.icon .deviation,
.leftMain ul li a.icon .incedent,
.leftMain ul li a.icon .oos,
.leftMain ul li a.icon .oot,
.leftMain ul li a.icon .businesssComplaint,
.leftMain ul li a.icon .capa,
.leftMain ul li a.icon .changeControl {
  width: 48px;
  height: 48px;
  display: inline-block;
  background: url(/images/spriteImg.png) no-repeat;
}

.leftMain ul li a.icon .deviation {
  background-position: -65px -65px;
}

.leftMain ul li a.icon .incedent {
  background-position: -113px -65px;
}

.leftMain ul li a.icon .oos {
  background-position: -161px -65px;
}

.leftMain ul li a.icon .oot {
  background-position: -209px -65px;
}

.leftMain ul li a.icon .businesssComplaint {
  background-position: -257px -65px;
}

.leftMain ul li a.icon .capa {
  background-position: -305px -65px;
}

.leftMain ul li a.icon .changeControl {
  background-position: -353px -65px;
}

.maduleDDmenu.show::before {
  position: absolute;
  content: "";
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #274459;
  top: 16px;
  right: -8px;
  z-index: 1001;
}

.maduleDDmenu .dropdown-menu {
  height: calc(100vh - 43px);
  top: 43px !important;
  left: 48px !important;
  background: #2d6588;
  border-radius: 0px;
  border: none;
  padding: 15px;
  min-width: 240px;
  position: fixed !important;
  transform: none !important;
}

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

.maduleDDmenu .dropdown-menu li a {
  color: #fff;
  display: block;
  font-size: 14px;
  border-bottom: #2b5976 solid 1px;
  padding: 7px 0;
}

.maduleDDmenu .dropdown-menu .moduleTitle h3 {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Open Sans Semibold";
}

.subMenu>ul>li>a {
  padding-left: 12px !important;
  position: relative;
}

.subMenu>ul>li>a::before {
  width: 5px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0px;
  top: 18px;
  content: "";
}

.dashTabs li:nth-child(1) a.nav-link,
.dashTabs li:nth-child(6) a.nav-link {

  background: #3182ac;
}

.dashTabs li:nth-child(2) a.nav-link,
.dashTabs li:nth-child(7) a.nav-link {

  background: #3a90bc;
}

.dashTabs li:nth-child(3) a.nav-link,
.dashTabs li:nth-child(9) a.nav-link {
  background: #49a3d1;
}

.dashTabs li:nth-child(4) a.nav-link,
.dashTabs li:nth-child(10) a.nav-link {
  background: #5ab7e7 !important;
}

.dashTabs li:nth-child(5) a.nav-link,
.dashTabs li:nth-child(11) a.nav-link {
  background: #67c3f2;
}

/* .dashTabs li:nth-child(6) a.nav-link,
.dashTabs li:nth-child(12) a.nav-link {
  background: #6bc5f4;
} */


.dashTabs .nav-link {
  min-width: 130px;
  text-align: center;
  color: #fff;
}

.dashTabs .nav-item.show .nav-link,
.dashTabs .nav-link.active {
  color: #fff;
  border: none;
}

.dashTabs .nav-link.active {
  position: relative;
}

/* .dashTabs1 .nav-link1.active{
  background-color:#ffc107!important ;
} */
.dashTabs1 .nav-link1.active::after {
  position: absolute;
  content: "";
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 8px;
}

.dashTabs .nav-item a {
  margin-right: 3px;
  border-radius: 0px;
  border: none;
  padding: 0.3rem 0.5rem 0.5rem 0.5rem;
}

.dashTabs .nav-link h3 {
  font-size: 18px;
  font-family: "Open Sans Semibold";
  margin: 0px;
}

/* Progress Bar */
.progressMain {
  width: 24px;
  height: 24px;
  display: block;
  overflow: hidden;
  margin: 0px;
  margin: auto;
}

.progress-bar {
  position: relative;
  height: 24px;
  width: 24px;
  background: none;
}

.progress-bar div {
  position: absolute;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 0px;
  left: 0px;
}

.progress-bar div span {
  position: absolute;
  font-size: 7px;
  line-height: 22px;
  height: 20px;
  width: 20px;
  left: 2px;
  top: 2px;
  text-align: center;
  border-radius: 50%;
  background-color: #eaeaea;
  color: #000;
}

.progress-bar .background {
  background-color: #e0e0e0;
}

.progress-bar .rotate {
  clip: rect(0 12px 24px 0);
  background-color: #33a1a0;
}

.progress-bar .left {
  clip: rect(0 13px 26px 0);
  opacity: 1;
  background-color: #e0e0e0;
}

.progress-bar .right {
  clip: rect(0 13px 26px 0);
  transform: rotate(180deg);
  opacity: 0;
  background-color: #33a1a0;
}

@keyframes toggle {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.penWMain {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.penWMain:before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 35px);
  background: #ccc;
  left: 3px;
  top: 7px;
}

.penWMain li {
  padding: 0 0 5px 15px;
  position: relative;
  line-height: 14px;
}

.penWMain li::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background: #ccc;
  left: 0px;
  top: 4px;
  border-radius: 50%;
}

.penWMain li.complete::before {
  background: #33a1a0;
}

.penWMain li.current::before {
  background: #dd9042;
}

.penWMain li p,
.penWMain li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.penWMain li p {
  font-size: 12px;
  margin: 0px;
}

.penWMain li span {
  font-size: 10px;
  margin: 0px;
  color: #999;
}

.auditFlow {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
}

.auditFlow:before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 35px);
  background: #ccc;
  left: 3px;
  top: 7px;
}

.auditFlow li {
  padding: 0 0 5px 15px;
  position: relative;
  line-height: 18px;
}

.auditFlow li::before {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  background: #ccc;
  left: 0px;
  top: 4px;
  border-radius: 50%;
}

.auditFlow li.active::before {
  background: #33a1a0;
}

.auditFlow li p,
.auditFlow li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.auditFlow li p {
  margin: 0px;
}

.auditFlow li span {
  font-size: 12px;
  margin: 0px;
  color: #999;
}

.pendingIcon {
  color: #333;
}

.graphMain {
  background: #fff;
  border: #ccc solid 1px;
  padding: 5px 10px 0 10px;
}

.graphTitle {
  margin-top: 15px;
}

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

.devBadge {
  background: #33a1a0;
  color: #fff;
  padding: 3px 8px;
  border-radius: 5px;
  display: inline-block;
  font-family: "Open Sans";
  position: relative;
  margin-left: 10px;
}

.devBadge::before {
  position: absolute;
  content: "";
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid #33a1a0;
  top: 7px;
  left: -6px;
}

@media (max-width: 420px) {

  .rightDDMenu p {
    margin-bottom: 0px;
    white-space: nowrap;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

/* h3.innerT.sub-heading2 {
  background-color:#95999c !important;
  color: #fff !important;
 
}
h3.innerT.sub-heading1 {
  background-color:#525b893d !important;
  color: #000 !important;
 
} */
h3.innerT.sub-heading {
  /* background-color:#71afe5 !important ; */
  /* background: #0e0f0f70 !important; */
  /* background:#72bee2 !important; */
  box-shadow: 0px 0px 5px 1px #ccc;
}

.innerT {
  font-size: 16px;
  font-weight: 500;
  color: #D9512C;
  background: #D9512C1A;
  padding: 9px 15px;
  margin: 7px;
  font-family: "Source Sans Pro";
}

.sub-innerT {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  background: #bbd1e8;
  padding: 9px 15px;
  margin: 0px;
  font-family: 'Open Sans';
}

.cusTabs.nav-tabs .nav-link {
  justify-content: center;
  color: #656F7D;
  /* margin-right: 6px; */
  border: none;
  font-size: 20px;
  text-align: center;
}

.nav-tabs {
  border-bottom: 2px solid #E7EAEE;
}

.nav-tabs .nav-link.active {
  justify-content: center;
  color: #0A5185 !important;
  border-bottom: 3px solid #0F77C4;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: transform var(--timeOut, var(--duration));
  background: #D9EDFA;
}

.nav-tabs .nav-link.submitted {
  justify-content: center;
  color: #1F5830;
  border-bottom: 3px solid #2D8246;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: transform var(--timeOut, var(--duration));
  background: #E7F6EC;
  border-radius: 0;
}

.nav-tabs .nav-link1.active {
  color: #0A5185;
  border-bottom: 3px solid #0F77C4;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: transform var(--timeOut, var(--duration));
  background: none;
  border-radius: 0;
}

.nav-tabs .tab-bgActive.active {
  color: #0A5185;
  border-bottom: 3px solid #0F77C4;
  background: #D9EDFA;
}

/* .table tr td .form-control,
.table tr td .select {
  height: 30px !important;
} */

.table tr td select.form-control:not([size]):not([multiple]) {
  height: calc(38px + 2px) !important;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(43px + 2px) !important;
}

select.form-control-sm:not([size]):not([multiple]) {
  height: calc(29px + 2px) !important;
}

.Down_Arrow {
  float: right;
  padding: 15px 10px 0 0;
}

.Down_Arrow1 {
  float: right;
  padding: 20px 10px 0 0;
}

.AMS-LOGO {
  width: 91px;
  height: 17px;
  background: url(/images/WMPS.png) no-repeat;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  margin-top: 16px;
}

/*********** 22/07/2021 Side NavBar Styles **********/
.nav-side-menu::-webkit-scrollbar {
  display: none;
}

.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  position: fixed;
  top: 48px;
  /* left: -425px; */
  width: 247px;
  height: 100%;
  color: #fff;
  background-image: linear-gradient(#014280, #017dc5);
  /* background-image: linear-gradient(#f05a6a, #f79033); */
}

.nav-side-menu .brand {
  background-color: #0191c8;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}

.nav-side-menu .toggle-btn {
  display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
}

.nav-side-menu li {
  padding-left: 0px;
  /* border-bottom: 1px solid #23282e;*/
}

.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}

.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}

.nav-side-menu li:hover {
  /* background-color: #4f5b69; */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

@media (max-width: 767px) {
  .nav-side-menu {
    position: absolute;
    width: 280px;
    margin-bottom: 10px;
  }

  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }

  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}

@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}

/*01-02-2022*/
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*body {
  background: #eeeff6;
}*/
.content {
  width: 260px;
}

.colors {
  width: 260px;
  float: left;
  margin: 20px auto;
}

.colors a {
  width: 43.3px;
  height: 30px;
  float: left;
}

.colors .default {
  background: #414956;
}

.colors .blue {
  background: #4a89dc;
}

.colors .green {
  background: #03a678;
}

.colors .red {
  background: #ed5565;
}

.colors .white {
  background: #fff;
}

.colors .black {
  background: #292929;
}

.upload-container {
  position: relative;
  margin-bottom: 10px;
}

.upload-container input {
  border: 1px solid #ced4da;
  background: #fff;
  /* outline: 2px dashed #3182ac; */
  outline-offset: -10px;
  padding: 0.375rem 0.75rem !important;
  text-align: center !important;
  width: 100%;
  border-radius: 0.25rem;
}

.upload-container input:hover {
  background: #ddd;
}

.upload-container:before {
  position: absolute;
  top: 14px;
  left: 245px;
  content: "";
  color: #3182ac;
  font-weight: 900;
}

.upload-btn {
  margin-left: 300px;
  padding: 7px 20px;
}

div.countIcon {
  border: #fff solid 2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: relative;
  top: 4px;
  padding: 3px;
}

.countNumber {
  position: absolute;
  min-width: 25px;
  height: 25px;
  border-radius: 50%;
  right: -18px;
  top: -11px;
  background: #fff;
  text-align: center;
  font-size: 14px !important;
  color: #545454;
  line-height: 25px;
}

.jquery-accordion-menu {
  margin-top: 20px
}




.dash-h a {
  padding: 2px 15px;
  margin-bottom: 10px;
  color: #fff;
  border-bottom: none;
}

.dash-h {
  background: #124A8B;
  padding: 10px;
}

.jquery-accordion-menu a span i {
  background: #3A92F9;
  padding: 3px 0px;
  border-radius: 15px !important;
  text-align: center !important;
  font-size: 14px !important;
  margin-right: 5px;
}

@media (max-width: 900px) {
  .dashBoardLogo .modTile {
    width: 115px !important;
    height: 135px;
    background-image: url(/images/VendorP-logo-mob.png) !important;
    background-size: 115px;
    background-repeat: no-repeat;
    background-position: 0px 95px;
    margin: -1px -75px;
  }

  .dashBoardLogo {
    left: calc(0px - -45px) !important;
    top: 20px !important;
  }
}

/*14-11-2022H*/
#sidebar-container {
  min-height: 100vh;
  background-image: linear-gradient(#014280, #017dc5);
  padding: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
}

/* .leftBg{
  background: #014280 !important; 
} */
.sub-leftBg {
  background: #022c52 !important;
  border-radius: 0px !important;
}

a.leftBg:hover {
  background: #022c52 !important;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
  width: 230px;
}

.sidebar-collapsed {
  width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
  height: 50px;
  color: #fff;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
  height: 45px;
  padding-left: 30px;
}

.sidebar-submenu {
  font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
  font-size: 20px;
  font-weight: 600;
}

.sidebar-separator {
  /*background-color: #333;*/
  height: 25px;
}

.logo-separator {
  /*background-color: #333;    */
  height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

.list-group-item {
  border-radius: 0px !important;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute !important;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
  z-index: 1;
  padding: 18px 17px !important;
  border-radius: 0px 0px 12px 12px;
  margin-left: -54px;
}


.dropdown-content a {
  color: #0077ce;
  padding: 5px 12px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  text-decoration: underline;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.jquery-accordion-menu,
.jquery-accordion-menu * {
  font-family: "Open Sans", sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: 0;
}

.jquery-accordion-menu {
  min-width: 260px;
  float: left;
  position: relative;
  top: 50px;
  /* box-shadow: 0 20px 50px #333; */
}

.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu .jquery-accordion-menu-header {
  width: 100%;
  height: 50px;
  padding-left: 22px;
  float: left;
  line-height: 50px;
  font-weight: 600;
  color: #f0f0f0;
  /* background: #414956; */
}

.jquery-accordion-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.jquery-accordion-menu ul li {
  width: 100%;
  display: block;
  float: left;
  position: relative;
}

.jquery-accordion-menu ul li a {
  width: 95%;
  padding: 2px 22px 2px 10px;
  float: left;
  text-decoration: none;
  color: #f0f0f0;
  font-size: 16px;
  /* background: #414956; */
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  -o-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear;
  border-left: 5px solid #f79033;
}

.jquery-accordion-menu>ul>li.active>a,
.jquery-accordion-menu>ul>li:hover>a {
  color: #fff;
  /* background: #3b424d; */
}

/* .jquery-accordion-menu > ul > li > a {
  border-bottom: solid 1px #3b424d;
} */
.jquery-accordion-menu ul li a i {
  width: 34px;
  /* float: left; */
  line-height: 18px;
  font-size: 16px;
  text-align: left;
}

.jquery-accordion-menu .submenu-indicator {
  float: right;
  right: 22px;
  position: absolute;
  line-height: 34px;
  font-size: 20px;
  -o-transition: transform 0.3s linear;
  -moz-transition: transform 0.3s linear;
  -webkit-transition: transform 0.3s linear;
  -ms-transition: transform 0.3s linear;
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
  line-height: 34px;
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu {
  width: 100%;
  display: none;
  position: static;
}

.jquery-accordion-menu ul ul.submenu li {
  clear: both;
  width: 100%;
}

.jquery-accordion-menu ul ul.subMenu li a {

  background: #033c79;
}

.jquery-accordion-menu ul ul.submenu li a {
  width: 95%;
  float: left;
  font-size: 14px;
  border-top: none;
  position: relative;
  border-left: solid 6px transparent;
  -o-transition: border 0.2s linear;
  -moz-transition: border 0.2s linear;
  -webkit-transition: border 0.2s linear;
  transition: border 0.2s linear;
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
  border-left-color: #033c79;
}

.jquery-accordion-menu ul ul.submenu>li>a {
  padding-left: 18px;
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
  padding-left: 30px;
  border-bottom: 1px solid #1562b4;
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
  padding-left: 60px;
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
  min-width: 20px;
  padding: 1px 2px 1px 1px;
  position: absolute;
  right: 18px;
  top: 14px;
  font-size: 11px;
  font-weight: 800;
  color: #555;
  text-align: center;
  line-height: 18px;
  background: #f0f0f0;
  border-radius: 100%;
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
  top: 12px;
}

.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.animate-ink {
  -webkit-animation: ripple 0.5s linear;
  -moz-animation: ripple 0.5s linear;
  -ms-animation: ripple 0.5s linear;
  -o-animation: ripple 0.5s linear;
  animation: ripple 0.5s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
  }
}

@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}

@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,
.white.jquery-accordion-menu .jquery-accordion-menu-header,
.white.jquery-accordion-menu ul li a {
  background: #fff;
  color: #555;
}

.white.jquery-accordion-menu>ul>li.active>a,
.white.jquery-accordion-menu>ul>li:hover>a {
  background: #f0f0f0;
}

.white.jquery-accordion-menu>ul>li>a {
  border-bottom-color: #f0f0f0;
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
  border-left-color: #f0f0f0;
}

.white.jquery-accordion-menu ul ul.submenu li a {
  color: #f0f0f0;
}

.white.jquery-accordion-menu>ul>li>a>.ink {
  background: #033c79;
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,
.black.jquery-accordion-menu .jquery-accordion-menu-header,
.black.jquery-accordion-menu ul li a {
  background: #033c79;
}

.black.jquery-accordion-menu>ul>li.active>a,
.black.jquery-accordion-menu>ul>li:hover>a {
  background: #033c79;
}

.black.jquery-accordion-menu>ul>li>a {
  border-bottom-color: #222;
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
  border-left-color: #222;
}

li.mainTitle {
  font-size: 16px;
  padding: 0px 20px;
  color: #8dcfe8;
}

li.mainHeader {
  /* border-left: 5px solid #f79033; */
  margin-bottom: 15px;
}

.jquery-accordion-menu ul li a:hover {
  background: #052685;
}

/*****27-12-2022****/
.top-card {
  background-color: #fff;
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 16px;
}

.top-card h6 {
  margin-bottom: 0px;
  font-size: 14px;
}


/*****20-01-2023***/
.review-btn {
  border: 1px solid #3a92f9 !important;
}

li a.mainTitle {
  font-size: 16px !important;
  padding: 0px 20px !important;
  color: #8dcfe8 !important;

}

.contentMain {
  width: -webkit-fill-available;
  margin-left: 60px;
  margin-top: 16px;
  margin-bottom: 15px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  padding: 0;
}

.contentMain.expandDiv {
  width: -webkit-fill-available;
  margin-left: 280px;
  padding: 0;
}

.dashb-title {
  text-align: center;
  font-size: 20px;
  color: #035cb1;
}