/* Variables for custom theme color change */
.datatablefilter_cus
  ul.nav.nav-tabs.nav-justified.control-sidebar-tabs
  li.active
  a {
  background: var(--primary-color, #12344d) !important;
}

.datatablefilter_cus
  ul.nav.nav-tabs.nav-justified.control-sidebar-tabs
  li:hover
  a {
  background: var(--primary-color, #12344d) !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li {
  margin-bottom: 0px !important;
}

.skin-custom1 .sidebar-menu > li > .treeview-menu {
  background: var(--primary-color, #12344d) !important;
  margin-left: -5px !important;
}

/*$background-color-for-whole-theme:#f3f3f9;*/
/* Variables for custom theme color change */
/* Styles for custom theme color change */
.main-header .sidebar-toggle {
  color: black;
  padding: 15px 15px 15px 0px;
}

.box {
  background-color: white;
}

.set-bg {
  background-color: #1663be !important;
}

.set-icon-color {
  color: #1663be !important;
}

.content-wrapper {
  background-color: #f3f5f7;
  /*min-height:100vh !important;*/
  background-size: cover !important;
}

nav.navbar.navbar-static-top {
  background-color: #ebeff3;
}

.skin-custom1 .sidebar-menu > li.active > a {
  border-left-color: #76c044;
}

.menu-icon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(259deg)
    brightness(100%) contrast(103%) !important;
  height: 22px !important;
  width: 31px !important;
  display: inline-block;
  margin-right: 10px;
  margin-top: 4px;
}

.menu-name {
  color: white;
  /*font-weight:300;*/
}

.skin-custom1 .wrapper,
.skin-custom1 .main-sidebar,
.skin-custom1 .left-side {
  background-color: var(--primary-color, #12344d);
}

.skin-custom1 .sidebar-menu > li a .menu-name {
  color: white;
}

/*side bar new */
.sidebar-mini.sidebar-collapse .main-sidebar {
  width: 60px !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
  width: 60px !important;
}

/*side bar new */
.menu-icon:hover {
  filter: invert(97%) sepia(2%) saturate(4918%) hue-rotate(172deg)
    brightness(89%) contrast(80%);
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 4px;
}

.skin-custom1 .sidebar-menu > li:hover > a .menu-name,
.skin-custom1 .sidebar-menu > li.active > a .menu-name,
.skin-custom1 .sidebar-menu > li.menu-open > a .menu-name {
  color: white;
}

.skin-custom1 .sidebar-menu > li:hover > a,
.skin-custom1 .sidebar-menu > li.active > a,
.skin-custom1 .sidebar-menu > li.menu-open > a {
  background-color: var(--primary-color, #12344d) !important;
}

.skin-custom1 .sidebar-menu > li:hover > a embed,
.skin-custom1 .sidebar-menu > li.active > a embed,
.skin-custom1 .sidebar-menu > li.menu-open > a embed {
  /*filter: invert(100%) sepia(0%) saturate(7394%) hue-rotate(93deg) brightness(129%) contrast(101%);*/
}

.skin-custom1 .sidebar-menu > li > ul > li:hover > a embed,
.skin-custom1 .sidebar-menu > li > ul > li:hover > a embed,
.skin-custom1 .sidebar-menu > li > ul > li:hover > a embed {
  filter: invert(13%) sepia(100%) saturate(6171%) hue-rotate(8deg)
    brightness(101%) contrast(121%);
}

.skin-custom1 .sidebar-menu > li > .treeview-menu {
  /*margin: 0 1px;*/
  background: whitesmoke;
}

.main-header .logo img {
  /*padding: 0px !important;*/
}

.skin-custom1 .sidebar-menu .treeview-menu > li > {
  /*background-color:#f5f5f5;*/
}

.skin-custom1 .sidebar-menu .treeview-menu > li > a {
  /*color:blue !important;*/
}

/*dashboard new cards*/
.dashboard-card {
  background: #fff6e6;
  width: 175px;
  height: 70px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-radius: 5px;
  padding: 10px;
  margin-right: 20px;
  position: relative;
}

@media only screen and (max-width: 426px) {
  .dashboard-card {
    background: #fff6e6;
    width: 130px;
    height: 120px;
    margin-bottom: 0px;
    border-radius: 5px;
    padding: 0px !important;
    margin-right: 15px !important;
  }
  .owl-carousel {
    width: 113% !important;
  }
  .dashboard-card .dashboard-icons {
    padding-left: 4px !important;
  }
  .dashboard-card .summary-type {
    padding-left: 33px !important;
  }
}

.dashboard-card .summary-type {
  font-size: 12px;
  font-weight: 500;
  color: #585858;
  letter-spacing: 0.2px;
  text-align: center;
  font-family: "Poppins", sans-serif !important;
  /*font-family: 'PT Sans', sans-serif !important;*/
}

.dashboard-card .summary-values {
  font-weight: 600;
  color: #585858;
  text-align: center;
  font-size: 23px;
  margin-bottom: 5px;
}

.dashboard-card .dashboard-icons {
  position: absolute;
  right: 17px;
  top: 15px;
  height: 35px;
  filter: invert(36%) sepia(39%) saturate(773%) hue-rotate(204deg)
    brightness(95%) contrast(85%);
  /*filter: invert(18%) sepia(96%) saturate(3512%) hue-rotate(267deg) brightness(73%) contrast(134%) !important;*/
}

.dashboard-card .sum-details {
  display: inline-flex;
}

.custab-design-urs-head .sum-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/*.dashboard-card svg {
position: absolute;
top: 15px;
right: 10px;
width: 40px;
fill: #1663be;
}*/
.db-md-card1 {
  background-color: #fdedcc;
}

.db-md-card2 {
  background-color: #c8e3d2;
}

.db-md-card3 {
  background-color: #dcf0f1;
}

.db-md-card4 {
  background-color: #fae6db;
}

.db-md-card5 {
  background-color: #fef5bb;
}

.db-md-card6 {
  background-color: #caeefe;
}

/* Styles for custom theme color change */
/*Style form primaryuse*/
.btn-primaryuse {
  background-color: var(--primary-color, #12344d);
  border-color: var(--primary-color, #12344d);
  color: white;
}

/*radio button scss*/
#radioBtn .active {
  background-color: var(--primary-color, #12344d) !important;
  color: #fff !important;
}

/*table arrow button*/
.table-arrow-size {
  background-color: var(--primary-color, #12344d) !important;
  color: white;
  border: var(--primary-color, #12344d) !important;
}

/*submit button*/
/*.btn-submit{
    background-color: $primaryuse-bg-color !important;
}*/
.billing-total {
  background-color: var(--primary-color, #12344d) !important;
}

.billing-details-head {
  background-color: var(--primary-color, #12344d) !important;
}

.billing-details-head p {
  background-color: var(--primary-color, #12344d) !important;
}

.bgdisctype {
  background-color: var(--primary-color, #12344d) !important;
}

.btn-primaryuse:hover,
.btn-primaryuse:active,
.btn-primaryuse:focus {
  background-color: var(--primary-color, #12344d);
  border-color: var(--primary-color, #12344d);
  color: white;
}

/*Style form primaryuse*/
/*Style form edit*/
.btn-edit {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-blue-border {
  background-color: white;
  border-color: var(--primary-color, #1663be);
  color: var(--primary-color, #1663be);
}

.btn-edit:hover,
.btn-edit:active,
.btn-edit:focus {
  background-color: white;
  border-color: white;
  color: white;
}
.btn-blue-border:hover,
.btn-blue-border:active,
.btn-blue-border:focus {
  background-color: white;
  border-color: var(--primary-color, #1663be);
  color: var(--primary-color, #1663be);
}
/*Style form edit*/
/*Style form delete*/
.btn-delete {
  background-color: white;
  border-color: white;
  color: red;
}

.btn-delete:hover,
.btn-delete:active,
.btn-delete:hover {
  background-color: white;
  color: red;
}

/*Style form delete*/
/*Style form submit*/
.btn-submit {
  background-color: var(--primary-color, #12344d);
  border-color: var(--primary-color, #12344d);
  color: var(--primary-color, #12344d);
}

.btn-submit:hover,
.btn-submit:active,
.btn-submit.hover,
btn-submit.focus {
  background-color: var(--primary-color, #12344d) !important;
  color: var(--primary-color, #12344d);
  border-color: var(--primary-color, #12344d);
}

.btn-submit-dashboardedit {
  background-color: var(--primary-color, #008d4c);
  border-color: var(--primary-color, #008d4c);
  color: var(--primary-color, #fff);
}

.btn-submit-dashboardedit:hover,
.btn-submit-dashboardedit:active,
.btn-submit-dashboardedit.hover,
btn-submit-dashboardedit.focus {
  background-color: var(--primary-color, #008d4c) !important;
  color: var(--primary-color, #fff);
  border-color: var(--primary-color, #008d4c);
}

/*Style form submit*/
/*Style form radiobutton*/
.btn-radiobutton {
  background-color: #22468d;
  border: 1px solid #22468d;
  color: white;
}

.btn-radiobutton:hover,
.btn-radiobutton:active,
.btn-radiobutton:focus {
  background-color: #22468d;
  border: 1px solid #22468d;
  color: #22468d;
}

/*Style form radiobutton*/
.db-svg-icons {
  width: 48px;
  height: 38px;
  float: right;
  fill: red;
}

/*Accordian*/
.panel-heading {
  background-color: var(--primary-color, #12344d) !important;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: var(--primary-color, #12344d);
  border-color: var(--primary-color, #12344d);
}

/*Accordian*/
/*DashboardTab Color*/
.custab-design-urs-head .nav > li > a:hover,
.custab-design-urs-head .nav > li > a:focus {
  border: var(--primary-color, #12344d) !important;
  border-radius: 5px;
  background-color: var(--primary-color, #12344d) !important;
  color: white !important;
  border-bottom-width: 0px;
  padding: 4px 10px 4px 10px !important;
}

.custab-design-urs-head .nav-tabs > li.active > a {
  border: var(--primary-color, #12344d) !important;
  border-radius: 5px;
  background-color: var(--primary-color, #12344d) !important;
  color: white !important;
  border-bottom-width: 0px;
  padding: 4px 10px 4px 10px !important;
  margin: -1px;
}

.nav-tabs li a {
  width: max-content;
  position: relative;
  display: block;
  margin: 0 5px;
  padding: 4px 10px 4px 10px !important;
  font-weight: 500;
  font-size: 14px;
  color: #a2a0a0;
}

/*DashboardTab Color*/
.skin-custom1 .main-header .navbar .nav .user-menu {
  background-color: var(--primary-color, #12344d);
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: var(--primary-color, #12344d) !important;
  border-color: var(--primary-color, #12344d) !important;
}

/*New Billing Screen style */
.bill-tabs > li.active {
  border: 2px solid #097ffa !important;
}

.bill-details-steps {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.bill-details-steps .guide-text {
  text-align: right !important;
  font: normal normal normal 12px/28px;
  letter-spacing: 0px;
  color: #999999;
  opacity: 1;
}
.bill-details-steps .step-heading h2 {
  font-size: 150%;
  font-weight: 700;
}
.bill-details-steps .bill-tabs li {
  position: relative;
  display: block;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
  margin-top: 20px;
  border-radius: 10px;
  display: flex;
}
.bill-details-steps .bill-tabs li:hover {
  border: 2px solid #097ffa !important;
}
.bill-details-steps .bill-tabs li:focus {
  border: 2px solid #097ffa !important;
}
.bill-details-steps .bill-tabs li .link-content img {
  width: 50px;
  height: 50px;
}
.bill-details-steps .bill-tabs li a {
  color: black;
  font-size: 100%;
  text-align: left;
}
.bill-details-steps .bill-tabs li a .link-con1 {
  margin-left: 5px;
}
.bill-details-steps .bill-tabs li a .link-con1 p {
  margin-bottom: 0px;
  font-weight: 600;
}
.bill-details-steps .bill-tabs li a .link-con1 .guide-text {
  font-size: 10px;
}
.bill-details-steps .bill-tabs li a:hover {
  background: none;
}
.bill-details-steps .bill-tabs li a:focus {
  background: none;
}
.bill-details-steps .bill-tabs li a .link-content {
  display: flex;
}

.bill-details-solution {
  background-color: #f3f5f8 !important;
  background-size: cover;
  padding-bottom: 20px;
  min-height: 100vh;
  max-height: 100%;
}
.bill-details-solution .tab-content {
  height: 100%;
}
.bill-details-solution .tab-heading {
  color: #444444;
}
.bill-details-solution .tab-heading .stepno {
  color: #999999;
}
.bill-details-solution .tab-design .text-bx-icon {
  position: absolute;
  top: 85px;
  left: 23px;
}
.bill-details-solution .tab-design .suggestions {
  display: flex;
  flex-direction: row;
}
.bill-details-solution .tab-design .suggestions .suggest-box {
  background-color: white;
  width: 200px;
  padding: 5px;
  border-radius: 5px;
  margin-right: 20px;
}
.bill-details-solution .tab-design .suggestions .suggest-box .pid {
  color: #999999;
  font-size: 10px;
}
.bill-details-solution .tab-design .suggestions .suggest-box .pname {
  color: #444444;
  font-size: 13px;
}
.bill-details-solution .tab-design .suggestions .suggest-box .p-mob {
  color: #444444;
  font-size: 11px;
}
.bill-details-solution .tab-design .type {
  margin-bottom: 10px;
}
.bill-details-solution .tab-design .type .suggest-box {
  width: 130px;
  padding: 0px;
}
.bill-details-solution .tab-design .type .radio {
  margin-left: 30px;
}
.bill-details-solution .tab-design .claim .claim-type-list {
  display: flex;
  flex-direction: row;
}
.bill-details-solution .tab-design .claim .claim-type {
  background-color: white;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  padding: 5px;
  width: 250px;
  height: 100px;
  margin-right: 20px;
  margin-top: 20px;
}
.bill-details-solution .tab-design .claim .claim-type img {
  width: 60px;
  height: 70px;
  padding-top: 10px;
}
.bill-details-solution .tab-design .claim .claim-type .link-con1 p {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}
.bill-details-solution .tab-design .claim .claim-type .link-con1 .guide-text {
  font-size: 10px;
}
.bill-details-solution .tab-design .claim .claim-type .link-con1 .radio-btn {
  position: absolute;
  top: 5px;
  right: 15px;
}
.bill-details-solution .tab-design .add-package {
  background-color: white !important;
  border-radius: 10px;
  padding: 20px;
}
.bill-details-solution .tab-design .add-package .show-totals {
  background-color: #f4f4f4;
  padding: 8px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.bill-details-solution .tab-design .add-package .show-totals .style-totals {
  background-color: #f4f4f4;
  padding: 8px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.bill-details-solution .tab-design .add-package .show-totals .style-totals p {
  margin: 0px auto;
}
.bill-details-solution
  .tab-design
  .add-package
  .show-totals
  .style-totals
  span {
  font-size: 10px;
}
.bill-details-solution .tab-design .add-package-table {
  background-color: white !important;
  border-radius: 10px;
  padding: 20px;
  /*.table-striped thead tr td label {
                font-size: 13px !important;
                color: #999999;
                text-transform: capitalize;
                font-weight:500 !important;
            }*/
}
.bill-details-solution
  .tab-design
  .add-package-table
  .table-striped
  > tbody
  > tr:nth-of-type(odd) {
  background-color: #f5f5f5 !important;
}
.bill-details-solution
  .tab-design
  .add-package-table
  .table-striped
  > tbody
  > tr:nth-of-type(even) {
  background-color: #ffffff !important;
}
.bill-details-solution
  .tab-design
  .add-package-table
  .table-responsive
  .t-s1
  thead {
  background-color: white !important;
}

/*New Billing Screen style */