/* latin */
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 300;
  src: url(/cosway_files/fonts/hindmadurai/v11/f0Xu0e2p98ZvDXdZQIOcpqjfXaUXfsEp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 400;
  src: url(/cosway_files/fonts/hindmadurai/v11/f0Xx0e2p98ZvDXdZQIOcpqjX9ocC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 500;
  src: url(/cosway_files/fonts/hindmadurai/v11/f0Xu0e2p98ZvDXdZQIOcpqjfBaQXfsEp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 700;
  src: url(/cosway_files/fonts/hindmadurai/v11/f0Xu0e2p98ZvDXdZQIOcpqjfTaIXfsEp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins Bold';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/poppins/poppins-v5-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Poppins Bold"), local("Poppins-Bold"), url("../fonts/poppins/poppins-v5-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/poppins/poppins-v5-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v5-latin-700.woff") format("woff"), url("../fonts/poppins/poppins-v5-latin-700.ttf") format("truetype"), url("../fonts/poppins/poppins-v5-latin-700.svg#Poppins") format("svg");
  /* Legacy iOS */ }

*,
*::before,
*::after {
  box-sizing: border-box; }
  
 :root {
  --white: rgba(255, 255, 255, 1);
  --icon: rgba(217, 217, 217, 1);
  --border-coloryellow: rgba(220, 211, 169, 1);
  --gray-100: rgba(29, 41, 57, 1);
  --gray-70: rgba(52, 64, 84, 1);
  --gray-60: rgba(71, 84, 103, 1);
  --gray-50: rgba(102, 112, 133, 1);
  --gray-30: rgba(208, 213, 221, 1);
  --gray-20: rgba(234, 236, 240, 1);
  --gray-10: rgba(242, 244, 247, 1);
  --backgroundwhite: rgba(255, 255, 255, 1);
  --backgroundprimary-grey10: rgba(249, 250, 251, 1);
  --textgrey: rgba(71, 84, 103, 1);
  --primaryblue-90: rgba(3, 4, 9, 1);
  --primaryblue-80: rgba(12, 16, 36, 1);
  --primaryblue-60: rgba(25, 32, 73, 1);
  --primaryblue-50: rgba(31, 40, 91, 1);
  --primaryblue-40: rgba(53, 62, 107, 1);
  --primaryblue-30: rgba(76, 83, 124, 1);
  --primaryblue-20: rgba(188, 191, 206, 1);
  --primaryblue-10: rgba(233, 234, 239, 1);
  --secondarybrightblue-100: rgba(77, 152, 193, 1);
  --secondarybrightblue-50: rgba(166, 204, 224, 1);
  --secondarybrightblue-20: rgba(237, 245, 249, 1);
  --secondarymidblue-100: rgba(74, 116, 185, 1);
  --secondaryorange: rgba(248, 155, 37, 1);
  --accentcred: rgba(235, 0, 69, 1);
  --accentcbue: rgba(0, 172, 216, 1);
  --accentcgreen: rgba(113, 168, 80, 1);
  --accentcorange: rgba(253, 185, 19, 1);
  --infoerror: rgba(217, 45, 32, 1);
  --infowarning: rgba(247, 144, 9, 1);
  --infosuccess: rgba(18, 183, 106, 1);
  --heading-h1-med-font-family: "Hind Madurai", Helvetica;
  --heading-h1-med-font-weight: 500;
  --heading-h1-med-font-size: 76px;
  --heading-h1-med-letter-spacing: 0px;
  --heading-h1-med-line-height: 100%;
  --heading-h1-med-font-style: normal;
  --heading-h1-bold-font-family: "Hind Madurai", Helvetica;
  --heading-h1-bold-font-weight: 700;
  --heading-h1-bold-font-size: 76px;
  --heading-h1-bold-letter-spacing: 0px;
  --heading-h1-bold-line-height: 110.00000238418579%;
  --heading-h1-bold-font-style: normal;
  --heading-h2-med-font-family: "Hind Madurai", Helvetica;
  --heading-h2-med-font-weight: 500;
  --heading-h2-med-font-size: 49px;
  --heading-h2-med-letter-spacing: 0px;
  --heading-h2-med-line-height: 100%;
  --heading-h2-med-font-style: normal;
  --heading-h2-bold-font-family: "Hind Madurai", Helvetica;
  --heading-h2-bold-font-weight: 700;
  --heading-h2-bold-font-size: 49px;
  --heading-h2-bold-letter-spacing: 0px;
  --heading-h2-bold-line-height: 110.00000238418579%;
  --heading-h2-bold-font-style: normal;
  --heading-h3-med-font-family: "Hind Madurai", Helvetica;
  --heading-h3-med-font-weight: 500;
  --heading-h3-med-font-size: 31px;
  --heading-h3-med-letter-spacing: 0px;
  --heading-h3-med-line-height: 100%;
  --heading-h3-med-font-style: normal;
  --heading-h3-bold-font-family: "Hind Madurai", Helvetica;
  --heading-h3-bold-font-weight: 700;
  --heading-h3-bold-font-size: 31px;
  --heading-h3-bold-letter-spacing: 0px;
  --heading-h3-bold-line-height: 110.00000238418579%;
  --heading-h3-bold-font-style: normal;
  --heading-h4-med-font-family: "Hind Madurai", Helvetica;
  --heading-h4-med-font-weight: 500;
  --heading-h4-med-font-size: 25px;
  --heading-h4-med-letter-spacing: 0px;
  --heading-h4-med-line-height: 110.00000238418579%;
  --heading-h4-med-font-style: normal;
  --heading-h4-bold-font-family: "Hind Madurai", Helvetica;
  --heading-h4-bold-font-weight: 700;
  --heading-h4-bold-font-size: 25px;
  --heading-h4-bold-letter-spacing: 0px;
  --heading-h4-bold-line-height: 110.00000238418579%;
  --heading-h4-bold-font-style: normal;
  --title-large-font-family: "Hind Madurai", Helvetica;
  --title-large-font-weight: 500;
  --title-large-font-size: 20px;
  --title-large-letter-spacing: -0.4px;
  --title-large-line-height: 120.00000476837158%;
  --title-large-font-style: normal;
  --title-medium-font-family: "Hind Madurai", Helvetica;
  --title-medium-font-weight: 500;
  --title-medium-font-size: 18px;
  --title-medium-letter-spacing: -0.36px;
  --title-medium-line-height: 120.00000476837158%;
  --title-medium-font-style: normal;
  --title-small-font-family: "Hind Madurai", Helvetica;
  --title-small-font-weight: 500;
  --title-small-font-size: 16px;
  --title-small-letter-spacing: 0px;
  --title-small-line-height: 120.00000476837158%;
  --title-small-font-style: normal;
  --title-tiny-font-family: "Hind Madurai", Helvetica;
  --title-tiny-font-weight: 500;
  --title-tiny-font-size: 14px;
  --title-tiny-letter-spacing: 0px;
  --title-tiny-line-height: 120.00000476837158%;
  --title-tiny-font-style: normal;
  --body-large-font-family: "Hind Madurai", Helvetica;
  --body-large-font-weight: 300;
  --body-large-font-size: 20px;
  --body-large-letter-spacing: -0.4px;
  --body-large-line-height: 129.99999523162842%;
  --body-large-font-style: normal;
  --body-medium-font-family: "Hind Madurai", Helvetica;
  --body-medium-font-weight: 300;
  --body-medium-font-size: 18px;
  --body-medium-letter-spacing: -0.36px;
  --body-medium-line-height: 129.99999523162842%;
  --body-medium-font-style: normal;
  --body-small-font-family: "Hind Madurai", Helvetica;
  --body-small-font-weight: 300;
  --body-small-font-size: 16px;
  --body-small-letter-spacing: -0.32px;
  --body-small-line-height: 129.99999523162842%;
  --body-small-font-style: normal;
  --body-tiny-font-family: "Hind Madurai", Helvetica;
  --body-tiny-font-weight: 300;
  --body-tiny-font-size: 14px;
  --body-tiny-letter-spacing: -0.28px;
  --body-tiny-line-height: 129.99999523162842%;
  --body-tiny-font-style: normal;
  --body-super-tiny-font-family: "Hind Madurai", Helvetica;
  --body-super-tiny-font-weight: 400;
  --body-super-tiny-font-size: 12px;
  --body-super-tiny-letter-spacing: -0.12px;
  --body-super-tiny-line-height: 100%;
  --body-super-tiny-font-style: normal;
  --label-large-font-family: "Hind Madurai", Helvetica;
  --label-large-font-weight: 500;
  --label-large-font-size: 20px;
  --label-large-letter-spacing: 0px;
  --label-large-line-height: 100%;
  --label-large-font-style: normal;
  --label-med-font-family: "Hind Madurai", Helvetica;
  --label-med-font-weight: 500;
  --label-med-font-size: 18px;
  --label-med-letter-spacing: 0px;
  --label-med-line-height: 100%;
  --label-med-font-style: normal;
  --label-small-font-family: "Hind Madurai", Helvetica;
  --label-small-font-weight: 500;
  --label-small-font-size: 16px;
  --label-small-letter-spacing: 0px;
  --label-small-line-height: 100%;
  --label-small-font-style: normal;
  --label-tiny-font-family: "Hind Madurai", Helvetica;
  --label-tiny-font-weight: 500;
  --label-tiny-font-size: 12px;
  --label-tiny-letter-spacing: 0.24px;
  --label-tiny-line-height: 100%;
  --label-tiny-font-style: normal;
  --shadow-tiny: 0px 1px 2px 0px rgba(152, 162, 179, 0.05);
  --shadow-small: 0px 4px 10px 0px rgba(152, 162, 179, 0.06), 0px 2px 4px 0px
    rgba(152, 162, 179, 0.16);
  --shadow-medium: 0px 6px 15px -10px rgba(152, 162, 179, 0.06), 0px 4px 8px 0px
    rgba(152, 162, 179, 0.16);
  --shadow-large: 0px 10px 16px -10px rgba(152, 162, 179, 0.06), 0px 8px 16px
    0px rgba(152, 162, 179, 0.16);
  --shadow-xlarge: 0px 15px 30px -10px rgba(152, 162, 179, 0.08), 0px 10px 20px
    0px rgba(152, 162, 179, 0.16);
  --shadow-xxlarge: 0px 12px 20px 0px rgba(152, 162, 179, 0.16), 0px 40px 50px
    -15px rgba(152, 162, 179, 0.08);
  --focus-default: 0px 0px 0px 5px rgba(182, 146, 246, 1), 0px 0px 0px 2px
    rgba(255, 255, 255, 1);
  --focus-info: 0px 0px 0px 5px rgba(54, 191, 250, 1), 0px 0px 0px 2px
    rgba(255, 255, 255, 1);
  --focus-success: 0px 0px 0px 5px rgba(50, 213, 131, 1), 0px 0px 0px 2px
    rgba(255, 255, 255, 1);
  --focus-alert: 0px 0px 0px 5px rgba(253, 176, 34, 1), 0px 0px 0px 2px
    rgba(255, 255, 255, 1);
  --focus-danger: 0px 0px 0px 5px rgba(249, 112, 102, 1), 0px 0px 0px 2px
    rgba(255, 255, 255, 1);
}
  
html{scrollbar-width: thin;scrollbar-color: #1f285b transparent;}
  
body {
  margin: 0;
  font-family: "Hind Madurai", Helvetica;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #475467;
  text-align: left;
  background-color: #f9fafb; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

div, li, ul {scrollbar-width: thin;}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;}

a {
  color: #1d2939;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #1d2939;
    text-decoration: none; }

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none; }


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

input:focus, select:focus {
  border: none;outline: none;
}

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #000;
  text-align: left;
  list-style: none;
  /*background-color: #191c24;*/
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #2c2e33;
  border-radius: 0.25rem; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; }
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

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

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }
  
  .dropdown-title {
	padding: 11px 13px;
	font-weight: 500;
 }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #2c2e33; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #ffffff;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #c4d1f7; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #c4d1f7; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #ffffff;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #ffffff; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }


.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #2c2e33; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #2c2e33 #2c2e33 #2c2e33; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: black;
    border-color: #2c2e33 #2c2e33 black; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar .container,
  .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  /*padding: 0.25rem 0.75rem;*/
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.border, .loader-demo-box {
  border: 1px solid #797e9d !important; }

.border-top {
  border-top: 1px solid #797e9d !important; }

.border-right {
  border-right: 1px solid #797e9d !important; }

.border-bottom {
  border-bottom: 1px solid #797e9d !important; }

.border-left {
  border-left: 1px solid #797e9d !important; }
  
.border-circle {
	background-Color:#a7a7f31f;
  border: 1px solid #797e9d !important;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: 0.5rem;
  }
  
 .border-circle2 {
	 background-Color:#a7a7f31f;
  border: 1px solid #797e9d !important;
  border-radius: 20px;
  height: 40px;
  margin: 0.5rem;
  }
  
  .border-circle3 {
  border-radius: 20px;
  height: 40px;
  margin-top: 2px;}
  
  .border-circle4 {
   background-Color:#a7a7f31f;
  border-radius: 20px;
	}

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #0090e7 !important; }

.border-secondary, .loader-demo-box {
  border-color: #e4eaec !important; }

.border-success, .swal2-modal .swal2-buttonswrapper .swal2-styled.swal2-confirm {
  border-color: #00d25b !important; }

.border-info {
  border-color: #8f5fe8 !important; }

.border-warning {
  border-color: #ffab00 !important; }

.border-danger {
  border-color: #fc424a !important; }

.border-light {
  border-color: #ffffff !important; }

.border-dark {
  border-color: #0d0d0d !important; }

.border-white {
  border-color: #ffffff !important; }


.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }
 @media (max-width: 767px) {
   .d-none {display: block !important; } 
}

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex, .page-header, .loader-demo-box, .list-wrapper ul li, .lightGallery .image-tile .demo-gallery-poster, .swal2-modal, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item, .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

  .search{display: flex !important;}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
 /* z-index: 1030; */}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.m-0 {
  margin: 0 !important; }

.mt-0, .demo-modal .modal-dialog,
.my-0 {
  margin-top: 0 !important; }

.mr-0, .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0, .rtl .preview-list .preview-item .preview-thumbnail img i, .rtl .preview-list .preview-item .preview-thumbnail .preview-icon i, .rtl .list-wrapper .remove, .rtl .navbar .navbar-menu-wrapper .search-field,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.p-0 {
  padding: 0 !important; }

.rounded-circle {
  border-radius: 50% !important;border: 1px solid #4d98c1; }

/* Preview */
.preview-list .preview-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 1rem 0rem;
  font-size: .875rem; }
  .preview-list .preview-item:last-child {
    border-bottom: 0; }
  .preview-list .preview-item .form-check {
    margin-top: 8px;
    margin-right: 1rem; }
  .preview-list .preview-item .preview-thumbnail {
    color: #ffffff;
    position: relative; }
    .preview-list .preview-item .preview-thumbnail img,
    .preview-list .preview-item .preview-thumbnail .preview-icon {
      width: 40px;
      height: 40px;
      text-align: center;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .preview-list .preview-item .preview-thumbnail img i,
      .preview-list .preview-item .preview-thumbnail .preview-icon i {
        font-size: 1.125rem;
        margin: 0;
        padding-top: 3px; }
    .preview-list .preview-item .preview-thumbnail .badge {
      border: 2px solid #ffffff;
      border-radius: 100%;
      bottom: 5px;
      display: block;
      height: 14px;
      left: -5px;
      padding: 0;
      position: absolute;
      width: 14px; }
  .preview-list .preview-item .preview-item-content {
    line-height: 1;
    padding-left: 15px;
    color: #1d2939;	}
    .preview-list .preview-item .preview-item-content:first-child {
      padding-left: 0; }
    .preview-list .preview-item .preview-item-content p {
      margin-bottom: 10px;
      line-height: 1; }
      .preview-list .preview-item .preview-item-content p .content-category {
       /* font-family: 'source-sans-pro-semibold', sans-serif; */
        padding-right: 15px;
        border-right: 1px solid #2c2e33; }
    .rtl .preview-list .preview-item .preview-item-content {
      padding-left: 0;
      padding-right: 1rem;
      margin-right: 0;
      margin-left: auto; }
  .preview-list .preview-item .preview-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row; }
    .preview-list .preview-item .preview-actions i {
      width: 29px;
      color: #e6e9ed;
      height: 29px;
      border: 2px solid #e6e9ed;
      border-radius: 100%;
      padding: 3px 6px;
      display: inline-block; }
      .preview-list .preview-item .preview-actions i:first-child {
        margin-right: 10px; }

.preview-list.comment-preview .preview-item {
  padding: .87rem 0; }
  .preview-list.comment-preview .preview-item:first-child {
    padding-top: 0; }
  .preview-list.comment-preview .preview-item p {
    line-height: 27px; }

.preview-list.bordered .preview-item {
  border-bottom: 1px solid #2c2e33; }
  .preview-list.bordered .preview-item:last-child {
    border-bottom: 0; }

/* Navbar */
.navbar {
  font-weight: normal;
  background: #f2f4f7;
  left: 244px;
  box-shadow:0px 4px 10px 0px rgba(152, 162, 179, 0.06), 0px 2px 4px 0px rgba(152, 162, 179, 0.16);
  transition: left 0.25s ease;
  -webkit-transition: left 0.25s ease;
  -moz-transition: left 0.25s ease;
  -ms-transition: left 0.25s ease; }
  @media (max-width: 992px) {
    .navbar {
      left: 0; } }
  .navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    /*background: #191c24;*/
	background: #1f285b;
    width: 244px;
    height: 60px; }
    .navbar .navbar-brand-wrapper .navbar-brand {
      color: #38425e;
      font-size: 1.5rem;
      line-height: 48px;
      margin-right: 0;
      padding: 0.3rem 0.6rem;
      width: 100%; }
      .navbar .navbar-brand-wrapper .navbar-brand:active, .navbar .navbar-brand-wrapper .navbar-brand:focus, .navbar .navbar-brand-wrapper .navbar-brand:hover {
        color: #252b3e; }
      .navbar .navbar-brand-wrapper .navbar-brand img {
        width: calc(244px - 120px);
        max-width: 100%;
        height: 28px;
        margin: auto;
        vertical-align: middle; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: none; }
        .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
          width: calc(70px - 40px);
          max-width: 100%;
          height: 28px;
          margin: auto; }
  .navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
   /* box-shadow: 20px 19px 34px -15px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 20px 19px 34px -15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 20px 19px 34px -15px rgba(0, 0, 0, 0.5); */
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: 60px; }
   /* .rtl .navbar .navbar-menu-wrapper {
      box-shadow: -34px 19px 34px -15px #000000;
      -webkit-box-shadow: -34px 19px 34px -15px #000000;
      -moz-box-shadow: -34px 19px 34px -15px #000000; }*/
    @media (max-width: 991px) {
      .navbar .navbar-menu-wrapper {
		/*width: auto;*/
        width: 90%;
        padding-left: 15px;
        padding-right: 15px; } }
		
	@media (max-width: 620px) {
      .navbar .navbar-menu-wrapper {
		width: 100%;height: 60px;} 
		
		.navbar .widthAuto{width: auto!important;}
	
	}
    .navbar .navbar-menu-wrapper .navbar-toggler {
      border: 0;
      color: #6c7293;
      border-radius: 0px;
	cursor: pointer;	  }
      .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
        font-size: 0.875rem; }
        @media (max-width: 991px) {
          .navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
            display: none; } }
      @media (max-width: 991px) {
        .navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
          padding-left: 15px;
          padding-right: 11px;
          border-right: none; } }
    .navbar .navbar-menu-wrapper .search-field .input-group input, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input {
      font-size: 0.875rem;
      padding: .5rem; }
      .navbar .navbar-menu-wrapper .search-field .input-group input:-ms-input-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-ms-input-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
      .navbar .navbar-menu-wrapper .search-field .input-group input:-moz-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input:-moz-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
      .navbar .navbar-menu-wrapper .search-field .input-group input::-moz-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-moz-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
      .navbar .navbar-menu-wrapper .search-field .input-group input::-webkit-input-placeholder, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap input::-webkit-input-placeholder {
        font-size: 0.9375rem;
        color: #ffffff;
        font-weight: 300; }
    .navbar .navbar-menu-wrapper .search-field .input-group i, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap i {
      font-size: 17px;
      margin-right: 0;
      color: #ffffff; }
    .navbar .navbar-menu-wrapper .search-field .input-group .input-group-text, .navbar .navbar-menu-wrapper .search-field .asColorPicker-wrap .input-group-text {
      background: transparent; }
    .navbar .navbar-menu-wrapper .count-indicator {
      position: relative; }
      .navbar .navbar-menu-wrapper .count-indicator .count-symbol,
      .navbar .navbar-menu-wrapper .count-indicator .count-number {
        position: absolute;
        border-radius: 100%;
        border: 2px solid #191c24; }
      .navbar .navbar-menu-wrapper .count-indicator .count-symbol {
        top: 17px;
        right: -3px;
        width: 10px;
        height: 10px; }
      .navbar .navbar-menu-wrapper .count-indicator .count-number {
        min-width: 14px;
        height: 14px;
        font-size: .5rem;
        color: #ffffff;
        bottom: 16px;
        right: -5px;
        line-height: 1;
        text-align: center; }
      .navbar .navbar-menu-wrapper .count-indicator:after {
        display: none; }
      .navbar .navbar-menu-wrapper .count-indicator .count {
        position: absolute;
        left: 66%;
        width: 7px;
        height: 7px;
        color: #ffffff;
        border-radius: 100%;
        text-align: center;
        font-size: .625rem;
        line-height: 1.5;
        top: 7px; }
    .navbar .navbar-menu-wrapper .navbar-nav {
      flex-direction: row;
      align-items: center; }
	  	
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {

        font-size: 0.9375rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        white-space: nowrap; }
		
        @media (max-width: 767px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
            margin-left: .4rem;
            margin-right: .4rem; } }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
			color: #475467;
          font-size: 1.3rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .navbar-profile {
          display: flex;
          font-weight: normal;
          align-items: center;
		padding: 0px 10px;}
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .navbar-profile .navbar-profile-name {
            white-space: nowrap;
            margin-left: 0.5rem; }
			
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .navbar-profile i {
            color: #475467; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.create-new-button {
          padding: 0.375rem 0.75rem; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        line-height: 1rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
          color: #0090e7;
          font-size: 1rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
          border: none;
          border-radius: 4px; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
            position: absolute;
            font-size: 0.9rem;
            margin-top: 0;
            top: 60px;
            right: 0;
            left: auto;
			max-width: 380px;
            -webkit-box-shadow: 0px 0px 35px -3px black;
            -moz-box-shadow: 0px 0px 35px -3px black;
            box-shadow: 0px 0px 35px -3px black;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
            padding: 0;}
			@media (max-width: 620px) {
				.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {top: 120px;}
			}
			
            .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
              right: auto;
              left: 0; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
              margin-bottom: 0;
              padding: 11px 13px;
              cursor: pointer; }
              .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item:hover {
                color: #fff; }
              .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
                font-size: 17px; }
              .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item .ellipsis {
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis; }
              .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item i {
                margin-left: 10px; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-divider {
              margin: 0; }
        @media (max-width: 991px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
            position: static; }
            .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
              left: 20px;
              right: 20px;
              top: 60px;
              width: calc(100% - 40px); } }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img {
        position: relative;
        width: 32px;
        height: 32px; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
          width: 32px;
          height: 32px;
          border-radius: 100%; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status {
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          border: 2px solid #ffffff;
          bottom: 5px;
          right: -5px; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.online {
            background: #00d25b; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.offline {
            background: #fc424a; }
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img .availability-status.busy {
            background: #ffab00; }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
        margin-left: 1.25rem; }
        .rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
          margin-left: 0;
          margin-right: 1.25rem; }
        .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text p {
          line-height: 1; }
        @media (max-width: 767px) {
          .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
            display: none; } }
      .navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link.dropdown-toggle:after {
        line-height: 2; }
      @media (min-width: 992px) {
        .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
          margin-left: auto; }
          .rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
            margin-left: 0;
            margin-right: auto; } }
			
	.navbar .navbar-menu-wrapper .searchBox {
	  width: 100%;
		margin: 2px 0px;
		display: inline-flex;
		background: #f2f4f7;
		padding: 2px;
		border: 1px solid #797e9d;
		margin-right: 10px;
		border-radius: 8px;
	}	
	
	.navbar .navbar-menu-wrapper .searchBox {
	  width: 100%;
		margin: 2px 0px;
		display: inline-flex;
		background: #f2f4f7;
		padding: 2px;
		border: 1px solid #797e9d;
		margin-right: 10px;
		border-radius: 8px;
	}	
	.navbar .navbar-menu-wrapper .searchBox img {
	  position: absolute;
		padding: 6px;
	}	
			
    .navbar .navbar-menu-wrapper .search input {
	  background:#f2f4f7;
      padding: 1px 4px 1px 32px;
      border: none;
	  width: 100%;
	  font-weight: var(--body-tiny-font-weight);
    color: #797e9d;
    font-size: var(--body-tiny-font-size);
    letter-spacing: var(--body-tiny-letter-spacing);
    line-height: var(--body-tiny-line-height);
    position: relative;
    font-family: var(--body-tiny-font-family);
    font-style: var(--body-tiny-font-style);
  }
      .navbar .navbar-menu-wrapper .search input::placeholder {

        font-size: 0.875rem; }
		
	.navbar .navbar-menu-wrapper .search .searchform-submit{background: transparent;
    border: none;
    /*color: white;*/
	display: none;
	padding: 10px 0px;
    font-size: 1.2em;}
	
	.navbar .navbar-menu-wrapper .addform-submit{
		background: #f89b25;
		border: none;
		color: white;
		padding: 10px 30px;
		width: 73px;
		font-size: 0.9em;
		cursor: pointer;
	}
	.navbar .navbar-menu-wrapper .searchform-scan{
		border: none;
		background: transparent;
	}

@media (max-width: 991px) {
  .navbar {
    flex-direction: row; }
    .navbar .navbar-brand-wrapper {
      width: 60px; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
        display: none; }
      .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        display: inline-block; }
  .navbar-collapse {
    display: flex;
    margin-top: 0.5rem; } }

@media (max-width: 620px) {
  .navbar .navbar-menu-wrapper .search-Dv {
    position: absolute;
    top: 0;
	right: 0;
    width: 85% !important;
	height: 50px;
	}
	.navbar .navbar-menu-wrapper .search-Dv .mt-2 {
		margin:0px 10px!important;
	}
	
	.navbar .navbar-brand-wrapper {
        width: 60px;height: 60px;
    }
	/*  .navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
        padding: 0px 8px; } */
}
	  
	  
	 .navbar .navbar-nav-empty {display:none; }
	  @media (max-width: 620px) {
		  .navbar .navbar-nav-empty {display:block; }
	  }

.sidebar-tinted .navbar .navbar-brand-wrapper {
  /*background: #fa424a;*/
	background: #1f285b;
}

/* Sidebar */
.sidebar {
  min-height: calc(100vh - 60px);
  /*background: #191c24;*/
  background: #1f285b;
  font-weight: normal;
  padding: 0;
  width: 244px;
  z-index: 200;
  position: fixed;
  overflow: auto;
  scrollbar-width: none;
  top: 0;
  bottom: 0;
  transition: width 0.25s ease, background 0.25s ease;
  -webkit-transition: width 0.25s ease, background 0.25s ease;
  -moz-transition: width 0.25s ease, background 0.25s ease;
  -ms-transition: width 0.25s ease, background 0.25s ease; }
  .sidebar .sidebar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    /*background: #191c24;*/
	background: #1f285b;
    width: 244px;
    height: 60px; }
    @media (max-width: 991px) {
      .sidebar .sidebar-brand-wrapper {
        width: 60px; } }
    .sidebar .sidebar-brand-wrapper .sidebar-brand {
      color: #38425e;
      font-size: 1.5rem;
      line-height: 48px;
      margin-right: 0;
      padding: 0.5rem 0rem 0rem 1rem;
      width: 100%; }
      .sidebar .sidebar-brand-wrapper .sidebar-brand:active, .sidebar .sidebar-brand-wrapper .sidebar-brand:focus, .sidebar .sidebar-brand-wrapper .sidebar-brand:hover {
        color: #252b3e; }
      .sidebar .sidebar-brand-wrapper .sidebar-brand img {
        width: calc(244px - 70px);
        max-width: 100%;
        height: 28px;
        margin: auto;
        vertical-align: middle; }
      .sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini {
        display: none; }
        .sidebar .sidebar-brand-wrapper .sidebar-brand.brand-logo-mini img {
          width: 35px;
          max-width: 100%;
          height: 30px;
          margin: auto; }
  .sidebar .nav {
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 60px;
    padding-top: 60px;
	padding-left: 0px;	}
    @media (max-width: 992px) {
      .sidebar .nav {
        padding-top: 0; } }
    .sidebar .nav .nav-item {
      -webkit-transition-duration: 0.25s;
      -moz-transition-duration: 0.25s;
      -o-transition-duration: 0.25s;
      transition-duration: 0.25s;
      transition-property: background;
      -webkit-transition-property: background;
      margin: 5px 10px; }
      .sidebar .nav .nav-item .collapse {
        z-index: 999; }
      .sidebar .nav .nav-item .nav-link {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        white-space: nowrap;
        padding: 0.8rem 0px 0.8rem 0.6rem;
        color: #6c7293;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        -o-transition-duration: 0.45s;
        transition-duration: 0.45s;
        transition-property: color;
        -webkit-transition-property: color;
        height: 35px;
        border-radius: 5px 5px 5px 5px; }
        .sidebar .nav .nav-item .nav-link i {
          color: inherit; }
          .sidebar .nav .nav-item .nav-link i.menu-icon {
            font-size: 1rem;
            line-height: 1;
            margin-left: auto;
            color: #bba8bff5; }
            .rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
              margin-left: 0;
              margin-right: auto; }
            .sidebar .nav .nav-item .nav-link i.menu-icon:before {
              vertical-align: middle; }
          .sidebar .nav .nav-item .nav-link i.menu-arrow {
            font: normal normal normal 24px/1 "Material Design Icons";
            line-height: 1;
            font-size: 1rem;
            margin-left: auto;
			color:#d9cece;
            /*color: rgba(108, 114, 147, 0.36);*/ }
            .rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
              margin-left: 0;
              margin-right: auto; }
            .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
              content: "\f106";
              font-size: inherit;
              color: inherit; }
        .sidebar .nav .nav-item .nav-link .menu-title {
          color: #d9cece;
          display: inline-block;
          font-size: 0.9375rem;
          line-height: 1;
          vertical-align: middle; }
        .sidebar .nav .nav-item .nav-link .badge {
          margin-right: auto;
          margin-left: 1rem; }
      .sidebar .nav .nav-item.active > .nav-link {
		background: #353e6b;
        position: relative;}
        .sidebar .nav .nav-item.active > .nav-link:before {
          content: "";
          width: 3px;
          height: 100%;
          background: #a6cce0;
          display: inline-block;
          position: absolute;
          left: 0;
          top: 0; }
        .sidebar .nav .nav-item.active > .nav-link .menu-title {
          color: #ffffff; }
        .sidebar .nav .nav-item.active > .nav-link i {
          color: #ffffff; }
      .sidebar .nav .nav-item.nav-profile .nav-link {
        height: auto;
        line-height: 1;
        border-top: 0;
        padding: 1.25rem 0; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image {
          width: 44px;
          height: 44px; }
          .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-image img {
            width: 44px;
            height: 44px;
            border-radius: 100%; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
          margin-left: 1rem; }
          .rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-text {
            margin-left: auto;
            margin-right: 1rem; }
        .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
          font-size: 1.125rem;
          margin-left: auto; }
          .rtl .sidebar .nav .nav-item.nav-profile .nav-link .nav-profile-badge {
            margin-left: 0;
            margin-right: auto; }
      .sidebar .nav .nav-item.sidebar-actions {
        margin-top: 1rem; }
        .sidebar .nav .nav-item.sidebar-actions .nav-link {
          border-top: 0;
          display: block;
          height: auto; }
        .sidebar .nav .nav-item.sidebar-actions:hover {
          background: initial; }
          .sidebar .nav .nav-item.sidebar-actions:hover .nav-link {
            color: initial; }
      .sidebar .nav .nav-item.profile {
        padding-right: 0px; }
        .rtl .sidebar .nav .nav-item.profile {
          padding-right: 10px; }
        .sidebar .nav .nav-item.profile .profile-desc {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          padding: 0.6rem 0rem 0.6rem 0.3rem;
          line-height: 1.25;
		  border: 1px solid #4c537c;
		  border-radius: 4px;
		  margin-top: 5px;
		  min-width: 43px;}
		  .sidebar .nav .nav-item.profile .profile-desc a {text-decoration: none;}
          .sidebar .nav .nav-item.profile .profile-desc .profile-name {
           width: 160px;color: #d9cece;}
            .rtl .sidebar .nav .nav-item.profile .profile-desc .profile-name {
              margin-left: 0;
              margin-right: 1rem; }
            .sidebar .nav .nav-item.profile .profile-desc .profile-name span {
              font-size: 12px;
             /* color: #6c7293;*/
			 color: #d9cece;
              /*white-space: nowrap;*/ }
            .sidebar .nav .nav-item.profile .profile-desc .profile-name h5 {
              white-space: nowrap; }
          .sidebar .nav .nav-item.profile .profile-desc .profile-pic {
            display: flex;
            align-items: center;    margin-left: 6px; }
            .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator {
              position: relative;font-size: 1.2rem; color: #4d98c1;}
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-symbol,
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-number {
                position: absolute;
                border-radius: 100%;
                border: 2px solid #191c24; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-symbol {
                top: 17px;
                right: -3px;
                width: 10px;
                height: 10px; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count-number {
                min-width: 14px;
                height: 14px;
                font-size: .5rem;
                color: #ffffff;
                bottom: 16px;
                right: -5px;
                line-height: 1;
                text-align: center; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator:after {
                display: none; }
              .sidebar .nav .nav-item.profile .profile-desc .profile-pic .count-indicator .count {
                position: absolute;
                left: 66%;
                width: 10px;
                height: 10px;
                color: #ffffff;
                border-radius: 100%;
                text-align: center;
                font-size: .625rem;
                line-height: 1.5;
                top: 26px;
                border: 2px solid #2c2e33; }
          .sidebar .nav .nav-item.profile .profile-desc .mdi-dots-vertical {
            font-size: 20px;
            color: #d9cece;}
          .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu {
            padding: 0;
            margin-top: 1rem; }
            .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item {
              padding: 11px 13px; }
              .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item.preview-item {
                align-items: center; }
                .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item.preview-item .preview-thumbnail .preview-icon {
                  width: 30px;
                  height: 30px; }
                  .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item.preview-item .preview-thumbnail .preview-icon i {
                    font-size: 0.875rem;color: #1d2939; }
              .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-item:hover {
                color: inherit; }
            .sidebar .nav .nav-item.profile .profile-desc .dropdown-menu .dropdown-divider {
              margin: 0; }
      .sidebar .nav .nav-item.nav-category {
        padding: 0.5rem 1.188rem;
        line-height: 1; }
        .sidebar .nav .nav-item.nav-category .nav-link {
          color: #6c7293;
          font-weight: 500;
          font-size: 14px;
          font-weight: 500;
          height: auto;
          padding-left: 0; }
      .sidebar .nav .nav-item .menu-icon {
        margin-right: 0.5rem;
        font-size: 0.8125rem;
        line-height: 1;
        /*background: rgba(108, 114, 147, 0.2);*/
        width: 31px;
        height: 31px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; }
        .sidebar .nav .nav-item .menu-icon i {
          font-size: 1.3rem;color: #4d98c1; }
		  
    .sidebar .nav.sub-menu {
      margin-bottom: 0;
      margin-top: 0;
      padding: 0 0 0 2.25rem;
      list-style: none; }
      .sidebar .nav.sub-menu .nav-item {
        padding: 0;margin-top: 5px; }
        .sidebar .nav.sub-menu .nav-item .nav-link {
          /*color: #6c7293;*/
		  color: #d9cece;
          padding: 0.5rem 0.35rem;
          position: relative;
          font-size: 0.855rem;
          line-height: 1;
          height: auto;
          border-top: 0; }
          .sidebar .nav.sub-menu .nav-item .nav-link.active {
            color: #ffffff;
            background: transparent; }
          .sidebar .nav.sub-menu .nav-item .nav-link:hover {
            color: #ffffff; }
        .sidebar .nav.sub-menu .nav-item:hover {
          background: transparent; }
    .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.account-dropdown) > .nav-link {
	  background: #353e6b; }
   /* .sidebar .nav .menu-items:nth-child(5n+1) .nav-link .menu-icon i {
      color: #0090e7; }
    .sidebar .nav .menu-items:nth-child(5n+2) .nav-link .menu-icon i {
      color: #00d25b; }
    .sidebar .nav .menu-items:nth-child(5n+3) .nav-link .menu-icon i {
      color: #8f5fe8; }
    .sidebar .nav .menu-items:nth-child(5n+4) .nav-link .menu-icon i {
      color: #ffab00; }
    .sidebar .nav .menu-items:nth-child(5n+5) .nav-link .menu-icon i {
      color: #fc424a; }*/

/* style for off-canvas menu*/

@media screen and (max-width: 620px) {
  .sidebar-offcanvas {
    top: 120px!important;} 
 }
	  
@media screen and (max-width: 991px) {
  .sidebar-offcanvas {
    position: fixed;
    max-height: calc(100vh - 70px);
    top: 60px;
    bottom: 0;
    overflow: auto;
    right: -244px;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .sidebar-offcanvas.active {
      right: 0; } }

.sidebar-tinted .sidebar {
  background: #fa424a; }
  .sidebar-tinted .sidebar .sidebar-brand-wrapper {
    background: #fa424a; }
  .sidebar-tinted .sidebar .nav .nav-item .nav-link {
    color: #ffffff; }
    .sidebar-tinted .sidebar .nav .nav-item .nav-link .menu-icon i {
      color: white; }
    .sidebar-tinted .sidebar .nav .nav-item .nav-link i.menu-arrow {
      /*color: rgba(255, 255, 255, 0.36);*/ }
  .sidebar-tinted .sidebar .nav .nav-item.active > .nav-link {
    background: rgba(12, 14, 14, 0.1); }
  .sidebar-tinted .sidebar .nav .nav-item.active:before {
    background: #ffffff; }
  .sidebar-tinted .sidebar .nav .nav-item.profile .profile-desc .profile-name span {
    color: #ffffff; }
  .sidebar-tinted .sidebar .nav .nav-item.profile .profile-desc .mdi-dots-vertical {
    color: #ffffff; }
  .sidebar-tinted .sidebar .nav .nav-item.profile .profile-pic .count-indicator .count {
    border: 2px solid #fa424a; }
  .sidebar-tinted .sidebar .nav.sub-menu .nav-item .nav-link:hover {
    font-weight: 500; }
  .sidebar-tinted .sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.account-dropdown) > .nav-link {
    background: rgba(12, 14, 14, 0.1); }

/* Layouts */
.navbar.fixed-top + .page-body-wrapper {
  padding-top: 60px; }

@media (min-width: 992px) {
  .sidebar-icon-only .navbar {
    left: 70px; }
    .sidebar-icon-only .navbar .navbar-menu-wrapper {
      width: 100%; }
  .sidebar-icon-only .sidebar {
    width: 70px; overflow: visible;}
    .sidebar-icon-only .sidebar .sidebar-brand-wrapper {
      width: 70px; }
      .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo {
        display: none; }
      .sidebar-icon-only .sidebar .sidebar-brand-wrapper .brand-logo-mini {
        display: inline-block; }
    .sidebar-icon-only .sidebar .nav {
      overflow: visible; }
      .sidebar-icon-only .sidebar .nav .nav-item {
        position: relative;
        padding: 0; }
        .sidebar-icon-only .sidebar .nav .nav-item .profile-name {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item .mdi-dots-vertical {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.account-dropdown {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item .nav-link {
          text-align: center; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title,
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .badge, 
		  .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-sub-title,
		  .sidebar-icon-only .sidebar .nav .mposLabel {
            display: none; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
            border-radius: 0 5px 5px 0px; }
            .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link .menu-title {
              border-radius: 5px 0 0 5px; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-icon {
            margin-right: 0;
            margin-left: 0; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link i.menu-arrow {
            display: none; }
          .sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
            border-radius: 0 5px 0 0px; }
            .rtl.sidebar-icon-only .sidebar .nav .nav-item .nav-link[aria-expanded] .menu-title {
              border-radius: 5px 0 0 0; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-profile {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-category {
          display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.nav-doc {
          margin: 0; }
          .sidebar-icon-only .sidebar .nav .nav-item.nav-doc i {
            display: block; }
        .sidebar-icon-only .sidebar .nav .nav-item .collapse {
          display: none; }
		  .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link i {color:#fff;}
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          /*background: #0f1015;*/
		  background: #1f285b;
          padding: 0.5rem 1.4rem;
          left: 50px;
          position: absolute;
          text-align: left;
          top: 0;
          bottom: 0;
          width: 220px;
          z-index: 1;
          line-height: 1.8; }
          .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
            /*background: #0f1015;*/
			background: #314f8c;			}
          .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
            left: auto;
            right: 50px;
            text-align: left; }
          .sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title:after {
            display: none; }
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse,
        .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
          display: block;
          padding: .5rem 0;
          /*background: #0f1015;*/
		  background: #314f8c;
          border-radius: 0 0 5px 0;
          position: absolute;
          left: 50px;
          width: 220px; }
          .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-dark.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
            /*background: #191c24;*/
			background: #475467;			}
          .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .rtl.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
            left: auto;
            right: 70px;
            border-radius: 0 0 0 5px; }
      .sidebar-icon-only .sidebar .nav.sub-menu {
        padding: 0 0 0 1.5rem; }
        .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
          text-align: left;
          padding-left: 20px; }
          .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
            content: "";
            display: inline-block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: #6c7293;
            position: absolute;
            left: 0; }
          .sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:hover:before {
            background-color: white; }
        .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item {
          margin-left: 0; }
          .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link {
            text-align: right; }
            .rtl.sidebar-icon-only .sidebar .nav.sub-menu .nav-item .nav-link:before {
              left: 0;
              right: unset; }
    .sidebar-icon-only .sidebar .sidebar-actions {
      display: none; }
  .sidebar-icon-only.rtl .sidebar .nav .nav-item.profile {
    padding-right: 0; }
  .sidebar-icon-only .page-body-wrapper {
    width: calc(100% - 70px);
	margin-left:70px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease; } 
	.sidebar-icon-only .sidebar .nav .nav-item.profile .profile-desc .profile-pic {margin-left: 0px;}
	 
	}
	
	.sidebar-icon-only .sidebar .nav .nav-item.profile .profile-desc {padding: 0.6rem 0rem 0.6rem 0.6rem;}
	.sidebar-icon-only .footerSummary .f2{padding-left:70px;}
@media screen and (max-width: 992px) {
  .sidebar-icon-only .footerSummary .f2{width: 100%;padding:0px;}
 }

.page-body-wrapper {
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-left: 0;
  padding-right: 0;
  transition: all 0.25s ease;
  width: calc(100% - 244px);
  margin-left: 244px;
  }
  .page-body-wrapper.full-page-wrapper {
    width: 100%;
    min-height: 100vh; }
  @media (max-width: 992px) {
    .page-body-wrapper {
      width: 100%;
	  margin-left: 0px;	  } }

.container-scroller {
  display: flex;
  position: relative;
    background: #fff;  }

.main-panel {
  transition: width 0.25s ease, margin 0.25s ease;
  width: 100%;
  width: 100%;
  min-height: calc(100vh - 60px);
  padding-top: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }
  @media (max-width: 620px) {
    .main-panel {
      padding-top: 120px;}
  }
  @media (max-width: 991px) {
    .main-panel {
      margin-left: 0;
      width: 100%; }
  }

.content-wrapper {
  /* background: #000000;*/
  background: #f9fafb;
  color: #475467;
 /* padding: 1.875rem 1.75rem;*/
  padding: 5px 5px;
  width: 100%;
  -webkit-flex-grow: 1;
  flex-grow: 1; }
  
 .navbar-notification {width: 40px;
    height: 40px;
    padding: 10px 8px;}
.navbar-notification i{font-size: 1.5rem!important;}
 .navbar-cart {width: 40px;
    height: 40px;
    padding: 10px 8px;}
 .navbar-cart span {left:-10px!important;}
 .menuButtons {
    padding: 12px 0px 10px 0px;
    background-color: #ebebeb;
    display: flex;
    min-width: 300px;
    color: #717270;
    height: auto;
    margin: 0px;
    background: rgb(235, 235, 235);
    background: linear-gradient(0deg, rgba(235, 235, 235, 1) 0%, rgba(235, 235, 235, 1) 90%, rgba(250, 250, 250, 1) 100%);
}
.menuButtons li {list-style: none;}
.menuButtons p {padding: 0px 10px;}

.c_controlHeight {clear:both;background:#f9fafb;}
.c_content {background-color:#f9fafb;}
.c_content, .c_pgSubTlt > div {margin:auto;clear:both;padding: 0px 5px;}
.c_pgSubTlt {/*background-color:#f4f4f4;*/overflow:auto;} /*#fafbfb*/
.c_pgSubTlt > div i {position: relative;font-style: normal;font-size: 14px;color: #bcbcbc;}
.c_pgSubTlt > div i.cwy-house-chimney-Regular {color:#333;cursor:pointer}
.c_pgSubTlt > div i.cwy-house-chimney-Regular:hover {color:#000;cursor:pointer;}
.c_pgSubTlt > div i.cwy-house-chimney-Regular-disabled {color:#bcbcbc;cursor:default;}
.c_pgSubTlt > div i.cwy-house-chimney-Regular-disabled:hover{color:#bcbcbc;cursor:default;}
.c_pgSubTlt > div i:nth-child(n+2) {padding-left: 30px;}
.c_pgSubTlt > div i:nth-child(n+2):before {content:"»";position:absolute;top: -4px;left: 10px;font-size: 16px;}
.c_pgSubTlt > div .prodNameCss {color:#333;}
.c_pgSubTlt > div i a {color:#333;text-decoration:none;}
.c_pgSubTlt > div i a:hover {text-decoration:underline}

.c_vCartInfo {overflow-y:auto;width: 360px;}
.c_vCartInfo .c_hd {text-align:right;padding:10px;margin:0;font-size:13px;background-color: #fff;}
.c_vCartInfo .c_bttn {text-align:center;margin: 0;}
.c_vCartInfo .c_bttn .c_buttonSubmit2{width: 90%;}
.c_vCartInfo .c_vCartDet {border-top:1px solid #ecf0f1;padding:5px;width:100%;display:inline-block;font-size: 12px;margin-bottom: 0px;}
.c_vCartInfo .c_vCartDet li {float:left;/*color:#666;*/list-style: none!important;padding: 0 7px!important;}
.c_vCartInfo .c_vCartDet li img {width:100%;}
.c_vCartInfo .c_vCartDet li:nth-child(1) {width:25%}
.c_vCartInfo .c_vCartDet li:nth-child(2) {width:55%;text-align:left}
.c_vCartInfo .c_vCartDet li:nth-child(3) {width:20%;text-align:right}
.c_vCartInfo .c_vCartTotal {width:100%;background-color:#f2f4f7;padding:0!important;display:flex!important;}
.c_vCartInfo .c_vCartTotal li {list-style: none;color:#292f38!important;padding:10px 9px!important;text-align:right}
.c_vCartInfo .c_vCartTotal li:nth-child(1) {width:75%}
.c_vCartInfo .c_vCartTotal li:nth-child(2) {width:25%;color: #00add9!important;font-size:16px;font-weight:bold}
.c_noItemInCart {padding:10px;font-size:15px;width: 100%;}
.c_noItemInCart p {text-align:center}

.c_notification {visibility:visible;opacity:1;;transition:opacity .5s ease;z-index:299;width:420px;position: absolute;margin-top:30px;top:100%;right: -95px;color: #fff;font-size:12px;border-radius:4px;border:1px solid #fff;background: linear-gradient(to bottom, #fedd97 22%, #ffffff 92%);}
.c_notification .c_close {top: -15px; right: -10px; background: white; font-size: 16px; height: 25px; width: 25px; border-radius: 40px; border-color: #0000; position: absolute; cursor: pointer; color: #717270; text-align: center;}
.c_notification .c_msg{color: rgb(113, 114, 112);font-weight: 600;}
.c_notification .c_msg a {color:#0e83ff!important;font-size:12px!important;display:inline;}
.c_notification .c_msg span{display: block; float: left;}
.c_notification .c_msg .t1{font-size: 15px; padding: 10px 2px;color:#E1194B;}
.c_notification .c_msg .t2{font-size:11px;padding: 4px 2px; width: 90%;}
.c_notification .c_msg .t3{font-size:11px;padding: 4px 0px;}
.c_notification .c1 {float: left; width: 25%;padding: 10px 0px;}
.c_notification .c1 img {width: 80%; float: left;}
.c_notification .c2 {width: 100%; float: left; text-align: left;padding:15px 10px 5px 80px;position:absolute;}
.c_notificationHidden {visibility:hidden;opacity:0;}

.loader, .loader:before, .loader:after {border-radius: 50%;width: 2.5em;height: 2.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation:load7 1.8s infinite ease-in-out;animation: load7 1.8s infinite ease-in-out;} 
.loader {color: #717270;   font-size: 8px;   margin: 0px auto 30px auto;position: relative; text-indent: -9999em; -webkit-transform: translateZ(0);   -ms-transform: translateZ(0);   transform: translateZ(0);   -webkit-animation-delay: -0.16s;   animation-delay: -0.16s; } 
.loader:before, .loader:after {content: '';position: absolute;top: 0;} 
.loader:before {left: -3.5em;   -webkit-animation-delay: -0.32s;   animation-delay: -0.32s; } 
.loader:after {left: 3.5em; } 
@-webkit-keyframes load7 {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}} 
@keyframes load7 {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;} 40% {box-shadow: 0 2.5em 0 0;}}

.loaderSmallWhite {
  font-size: 2px;
  margin: 5px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #fafbfb;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loaderSmallGray {
  font-size: 2px;
  margin: auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #fafbfb;
  background: -moz-linear-gradient(left, #fafbfb 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #fafbfb 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #fafbfb 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #fafbfb 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #fafbfb 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loaderSmallWhite:before { width: 50%; height: 50%;  background: #ffffff;  border-radius: 100% 0 0 0;  position: absolute;  top: 0;  left: 0;  content: '';}
.loaderSmallGray:before { width: 50%; height: 50%;  background: #0dc5c1;  border-radius: 100% 0 0 0;  position: absolute;  top: 0;  left: 0;  content: '';}
.loaderSmallWhite:after { background: #e6e8e8;  width: 75%;  height: 75%;  border-radius: 50%;  content: '';  margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}
.loaderSmallGray:after { background: #ffffff;  width: 75%;  height: 75%;  border-radius: 50%;  content: '';  margin: auto;  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;}
@-webkit-keyframes load3 { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@keyframes load3 { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); }}



.c_widthAuto {width:auto}

.c_button {cursor:pointer;transition: background .4s ease, color .4s ease;-webkit-transition: background .4s ease, color .4s ease;padding: 10px 15px;min-width: 110px;background: #e2e6e7;color: #292f38;border-radius: 4px;display: inline-block;font-size:13px;border: none;box-shadow: 0 2px 0 #bdc3c7;}
.c_button:hover {background: #00add9;color:#fff;box-shadow: 0 2px 0 #2c3e50;}


.c_buttonSubmit, .c_buttonSubmit2, .c_buttonSubmit3, .c_buttonSubmit4, .c_buttonSubmit5 {
	font-weight: var(--title-tiny-font-weight);
    color: #ffffff;
    font-size: var(--title-tiny-font-size);
    text-align: center;
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    position: relative;
    font-family: var(--title-tiny-font-family);
    font-style: var(--title-tiny-font-style);
	padding: 6px 20px; 
	margin: 5px 0px; 
	cursor: pointer;border-radius: 
	20px;border:none;
	max-width: 500px;
	}

.c_buttonSubmit i, .c_buttonSubmit2 i, .c_buttonSubmit3 i, .c_buttonSubmit4 i, .c_buttonSubmit5 i {padding-left: 5px;}

.c_buttonSubmit {background-color: #1f285b;}
.c_buttonSubmit2 {background-color :#fd9c00;}
.c_buttonSubmit3 {background-color :#f2f4f7;color:#475467;border:1px solid #797e9d;width: 162px;}
.c_buttonSubmit4 {background-color :#1f285b;}
.c_buttonSubmit5 {background-color :#ff0800b0;}
.c_buttonSubmit:hover {background-color: #0538a2;}
.c_buttonSubmit2:hover {background-color :#ffbb4d;}
.c_buttonSubmit3:hover {background-color :#4dc9ff;}
.c_buttonSubmit4:hover {background-color :#0538a2;}
.c_buttonSubmit5:hover {background-color :#ff8080;}

.dvTable .dvInput .inBox{min-width:100%!important;height: 30px;border-radius: 4px;}
.dvTable .dvInput ul li .selBox {min-width:100%!important;max-width:100%!important;height: 30px;border-radius: 4px;}

.btnlblDiv {display: inline-block;width: 70px;}
.btnlblDiv .lblcol1{width: 80%; float: left;}
.btnlblDiv .lblcol2{width: 20%; float: left;}

#menuButtons button.c_button_ECenter_Slider{
	border-radius: 14px;
	font-weight: bold;
}
.c_singWithPurchase_label_ECenter_Slider{
	margin-bottom:10px; /*color:black;*/ display: block;
}

.pLabelMsg {
    font-size: 13px;
    text-align: center;
    background-color: #0071bd;
    color: #fff;
    padding: 5px;
    float: right;
    width: 100px;
    cursor: pointer;
    border-radius: 20px;
    margin: 5px 0px;
}

.c_invisible {visibility:hidden!important}
.c_visible {visibility:visible!important}
.c_hide_important {display:none !important;visibility:hidden !important}
.c_hide {display:none!important;visibility:hidden}
.c_show {display:block!important;visibility:visible} 
.c_showInnerBlock {display:inline-block!important;} 
.myAcc {text-transform: uppercase;position: relative; color: #ffffff;top:3px;}
.c_hd1_2_contactUs li a .myAcc {top: -2px;}
.dvErrMain{position: relative;width: 100%;}
.dvErrMain .dvErrMsg {z-index:1; position: absolute; bottom: 0; left: 0; width: 25%; height: 100%; background-color: rgba(0,0,0,0.4)!important;text-align: center; color: #fff; }
.dvErrMain .dvErrMsgLbl {position: absolute; padding-top: 20px; font-size: 10px; font-weight: 600; margin: 0; left: 0px;}

.dvErrMsgView{z-index:1; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4)!important;text-align: center; color: #fff;padding: 45% 0px;font-weight: 600; margin: 0;font-size: 11px;}
.dvErrMsgView2, .dvErrMsgView3 {z-index:1; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4)!important;text-align: center; color: #fff;padding: 45% 0px;font-weight: 600; margin: 0;font-size: 11px;top:-5px}

.dvErrLbl{color: red;}


.c_hd_msg_sm {width:100%;background-image: linear-gradient(#cefff8, #c1c8e0);padding:2px 5px;display:none;}
.c_hd_msg_sm .c_hd_msg_1 {margin:0 auto;width:100%;height: 100%; margin-bottom: -1px;}
.c_hd_msg_sm .c_hd_msg_1 {display: -moz-box;display: -webkit-box;	box-orient: horizontal;	-moz-box-orient: horizontal;-webkit-box-orient: horizontal;	}
.c_hd_msg_sm .c_hd_msg_1 .divLeft{width:8%;cursor: pointer;}
.c_hd_msg_sm .c_hd_msg_1 .divLeft .iCon {width:10%; color: #7B7B7B;height: 40px; float: left;}
.c_hd_msg_sm .c_hd_msg_1 .divLeft .iCon i {color: #7B7B7B ;padding: 5px 5px; font-size: 18px;}
.c_hd_msg_sm .c_hd_msg_1 .divRight{width:94%;cursor: pointer;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colLeft {width:75%; padding: 5px; float: left;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .col1 {padding-right: 10px;padding-top: 5px; float: left;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .col2 {float: left;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colRight {width:25%; padding: 10px 5px; float: left;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colLeft img {width:40px;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colLeft .colText{font-size: 20px; font-weight: 600;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colLeft .colText1{font-size: 13px;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colLeft .colTextRed{font-size: 13px;color: #db1111;}
.c_hd_msg_sm .c_hd_msg_1 .divRight .colRight .colBtn{ color: white; background-color: #9f3138; float:right; padding: 10px;border-radius: 120px;font-size: 13px;text-align: center;}

.landingMain{float: left;}
/*.prodPanel{height: 400px!important;}*/

.prdMain {
	display: inline-block;
	height: auto;
	width: 210px;
	min-width: 160px;
	text-align: center;
	font-size: 14px;
	color: #1d2939;
	margin: 2px 4px 10px 4px;
	vertical-align: top;
	position:relative;
	border: 1px solid #f2f4f7;
	background-color: #fff;
	border-radius: 2px;
}
@media ( max-width : 600px) {
	.prdMain, ._slide .prdMain {width: 47%!important;
	margin: 2px 4px 10px 4px;}
	
}

.prodListDiv .prdMain .c_buttonSubmit4, ._slide .prdMain .c_buttonSubmit4 {margin: 0px 5px 10px 5px!important;}

.landingFooterDiv .prdMain:hover , .prodListDiv .prdMain:hover, .tabSlide .prdMain:hover, ._slide .prdMain:hover{
    box-shadow: rgba(0, 0, 0, 0.36) 0px 4px 8px 0px;
}

.prdMainPwp {
	display: inline-block;
	height: 360px;
	width: 220px;
	text-align: center;
	font-size: 14px;
	color: #717270;
	margin: 20px 8px;
	vertical-align: top;
}

.prdMainView {
	width: 100%;
    margin: 1.25rem;
    text-align: center;
}


.prdMainView .prdMainSub {
	min-width: 20.375rem;
    height: 2.5rem;
    outline: 0;
    background: #f7f4f4;
    color: #555;
    border: 1px solid rgba(0,0,0,.09);
    /*box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);*/
    position: relative;
    overflow: visible;
    padding: 0 20px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    flex-direction: column;
    font-size: 14px;
    box-sizing: border-box;
   /* box-shadow: 0 1px 1px 0 rgba(0,0,0,.09);*/
    border-radius: 20px;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    outline: 0;
    cursor: pointer;
    display: inline-flex;
}

.landingFooterDiv .prdMain:hover img, .prodListDiv .prdMain:hover img, .tabSlide .prdMain:hover img, ._slide .prdMain:hover img, .slider .prdMain:hover img {
    transform: scale(1.05);
}

.landingFooterDiv .prdMain:hover .prdName, .prodListDiv .prdMain:hover .prdName, .tabSlide .prdMain:hover .prdName, ._slide .prdMain:hover .prdName, .slider .prdMain:hover .prdName{
	
	text-decoration: underline;
}

.prdImg {
	height: 100%;
    display: inline-block;
    /* border: 1px solid #cccccc;
    border-radius: 5px; */
    text-align: center;
    font-size: 14px;
    color: #717270;
    vertical-align: top;
    background-color: #ffffff;
    padding: 1px;
}

.prdImgPwp {
	height: 220px;
    width: 220px;
    display: inline-block;
    border: 1px solid #cccccc;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    color: #717270;
    vertical-align: top;
    background-color: #ffffff;
    padding: 10px;
}

.prdImg img, .prdInfo {
	cursor: pointer;
}

.prdImg img {
	max-width: 170px;
}

.prdInfo {
	width: auto;
	padding: 5px;
}

.prdInfoPwp {
	width: auto;
	padding: 5px;
}

.prdCode {
	display: flex;
	font-family: var(--title-tiny-font-family);
    font-weight: var(--title-tiny-font-weight);
    color: var(--gray-100);
    font-size: var(--title-tiny-font-size);
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    font-style: var(--title-tiny-font-style);
}

.prdName, .prdNameItalic {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-family: var(--body-super-tiny-font-family);
    font-weight: var(--body-super-tiny-font-weight);
    color: var(--textgrey);
    font-size: var(--body-super-tiny-font-size);
    letter-spacing: var(--body-super-tiny-letter-spacing);
    line-height: var(--body-super-tiny-line-height);
    font-style: var(--body-super-tiny-font-style);
	text-align: left;
	min-height:24px;
	padding: 0px 0px;
}

.prdNameItalic {
	font-style: italic;
	color: #666
} /*#E700EA*/
.prdPrice {
	font-family: var(--title-tiny-font-family);
    font-weight: var(--title-tiny-font-weight);
    color: var(--gray-100);
    font-size: var(--title-tiny-font-size);
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    white-space: nowrap;
    font-style: var(--title-tiny-font-style);
	text-align: left;
}

.prdBestPrice {
	font-size: 13px;
	font-weight: 500;
	margin: 5px 0px;
	text-align: left;
	color: red;
}

.prdEv {
	font-size: 12px;
	font-weight: 500;
	font-weight: inherit;
	text-align: left;
}

.prdPwpColor {
	color: red;
	font-size: 12px;
	margin-top: 0px;
}

.prdMsg {
	clear: both;
	width: auto;
    position: absolute;
    margin: 0 10px;
}


.prdBuy {
	height: 40px;
	width: auto;
	padding-top: 8px;
}

.prdPwp {
	height: 40px;
	width: auto;
	padding-top: 8px;
	text-align: left;
}

.prdMain .prdAttribute{position: absolute;margin-top: -20px;}

.prdMain .prdAttribute ul {
    list-style-type: none;
    width: 100%;
    margin: 0;
    display: inline-block;
    color: rgb(113, 114, 112);
    padding: 2px 2px 2px 2px;
}

.prdMain .prdAttribute ul .c4 {
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.prdMain .prdAttribute ul .c7 {
    font-size: 11px;
	text-align: left;
	padding: 2px;

}

.prdMain .prdAttribute .attributeImg input[type=radio], .prdAttribute .attribute input[type=radio] {
    display: none;
    margin: 10px;
} 

.prdMain .prdAttribute .attributeImg input[type=radio]:checked+label, .prdAttribute .attribute input[type=radio]:checked+label {
    box-shadow: 0 0 0 1px #717270;
}

.prdMain .prdAttribute .attributeImg input[type=radio]+label {
    display: inline-flex;
    padding: 0px;
    margin-left: 5px;
    cursor: pointer;
    border: none;
}

.prdMain .prdAttribute .attribute input[type=radio]+label {
    display: inline-flex;
    background-color: #000;
    border-color: #000;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 0 1px #000;
    min-width: 30px;
    height: 15px;
    text-align: center;
    margin-left: 5px;
    padding: 2px;
}

.prdMain .prdAttribute .attributeImg .c2Img {
    overflow: hidden;
    position: relative;
    max-width: 100%;
}

.prdMain .prdAttribute .attributeImg .cssImg, .prdMain .prdAttribute .attributeImg .cssImg2 {
	height: 16px;
    width: 20px;
    padding: 0px;
    border-radius: 5px;
    vertical-align: top;
    max-width: 100%;
}

.prdMain .prdAttribute .attribute .c2Text{
	height: 100%;
    width: 100%;
    text-align: center;
	transform: translateY(-50%);
    position: relative;
    display: flow;
    top: 30%;
    color: #fff;
}

.prdMain .prdAttribute .attributeOutOfStock{pointer-events: none;}

.prdMain .prdAttribute .attributeOutOfStock .c2Img::after {
	content: '\f1e6';
    position: absolute;
    left: 0;
    width: 115%;
    top: 0px;
    color: white;
    text-align: center;
    font-family: cwy;
    
}

.prdMain .prdAttribute .attributeOutOfStock .c2Text::after {
    content: '\f1e6';
    position: absolute;
    left: 0;
    top:-3px;
    width: 115%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-family: cwy;
}

.snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #969292;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.pSdDesc {
	font-size: 14px;
	color: #737372;
	padding: 15px 20px 15px 37px;
	margin: 10px 5px;
	position: relative;
}

.pSdDesc span {
	font-style: italic;
	color: #E700EA
}

.pSdDesc i {
	margin-right: 10px;
	color: white;
	border-radius: 50%;
	padding: 5px 9px;
	position: absolute;
	border: 1px solid #D71010;
	left: 0;
	top: 10px;
	background-color: rgb(255, 100, 100)
}

.productDetail{max-width: 400px;}
@media (max-width: 867px) {
    .productImgMain {
        width: 100%!important;
        float: none;
		max-width: 100%!important;
    }
	
	.productDetail {
        width: 100%!important;
        float: none;
		max-width: 500px!important;
    }
	
	.dvHeaderContent .productDetail {
        width: 75%!important;
        float: left!important;
    }
}

#labelColorImgName1{color:#4d98c1;}
.productDetail .attributeImg .cssImg{height: 35px; width: 35px}
.productDetail .attributeImg input[type=radio]+label{border:none!Important;margin: 0px 5px 0px 0px!Important;padding: 0px!Important;}
.productDetail .attributeImg input[type=radio]:hover+label {
	border: 1px solid #717270!Important;
}

.qtyDv{margin-top: 5px; margin-right: 10px;font-family: var(--body-tiny-font-family);
    font-weight: var(--body-tiny-font-weight);
    color: var(--textgrey);
    font-size: var(--body-tiny-font-size);
    letter-spacing: var(--body-tiny-letter-spacing);
    line-height: var(--body-tiny-line-height);
    white-space: nowrap;
    font-style: var(--body-tiny-font-style);}

.paymentType{width:100%;}
.paymentType input[type=radio]+label{width:49%!Important;margin: 0!Important;height: 87px;font-size: 14px;color: #475467;padding: 10px 10px! Important;}
.paymentType label:first-child{float:left;}
.paymentType label:last-child{float:right;}
.priceType{max-width: 100%!Important;background-color: #fff;}
.dvInput .dropdown{max-width: 100% ! Important;
    padding: 0px 8px 8px;
    background-color: #a6d5e0;
    border: 1px solid #bcbfce;
    border-radius: 4px;}
.dvInput .dropdown-menu{border:none;border-radius: 4px;}
.dvInput .dropdown button{background: #a6d5e0 !important;
    color: #475467 ! Important;
    padding: 5px 0px !important;text-align: left;}
.dvInput .dropdown .img-3 {
    width: 18px;
    height: 18px;
	float: left;
}
.dvInput .dropdown .labelMsg {
   margin-left: 4px;
    float: left;;
}
.dvOrdTb table thead {color:#475467!Important;background: #e9eaef;}
.dvOrdTb table thead .ct2{text-align: right; padding: 2px 20px;}
.dvOrdTb table td{border:none!Important;color:#475467!Important;}

@media ( max-width : 360px) {
.dvOrdTb table .ct1 {
    width: 60%!Important;
}
}

.ulProdLink li {border:none!Important;padding:10px!Important;top:0px!Important;margin:0px!Important;}
.ulProdLink li.active{border-bottom: 2px solid #1f285b !important;background: #edf5f9;}
.ulProdLink li.active a{font-family: var(--title-small-font-family);
    font-weight: var(--title-small-font-weight);
    color: var(--primaryblue-50);
    font-size: var(--title-small-font-size);
    text-align: center;
    letter-spacing: var(--title-small-letter-spacing);
    line-height: var(--title-small-line-height);
    white-space: nowrap;
    font-style: var(--title-small-font-style);}
.ulProdLink li a, .ulProdLink_sm li a {padding:0px!Important;background-color:transparent!Important;color:#475467!Important;font-size: 16px!Important;}
.dvDescBody{border-left:none!Important;border-right:none!Important;border-bottom:none!Important;border-top:1px solid #ccc;border-radius:0px!Important;font-size: 16px!Important;}
.dvPwpDescItem1{display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    position: relative;
    flex: 0 0 auto;}
.dvPwpDescItem2{border:none!Important;width:auto!Important;height:auto!Important;font-size: 14px!Important;
    color: #1d2939!Important;}
.smile-plus{    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0px 16px;
    position: relative;
    background-color: #edf5f9;
    border-radius: 8px;}
.dvPwpDescItem1 img{
    height: 64px;}
.prodDetailPwp{
	margin-top: 10px;
	display: flex;
    flex-direction: column;
    width: 381px;
    align-items: flex-start;
    gap: 10px;
    padding: 8px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--primaryblue-20);}
.margin10{margin: 10px 10px!important;}
.prodDetailPwp .lblTag{padding-top: 10px;}
.prodDetailPwp .tag{display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 8px;
    margin: 0px 10px;
    position: relative;
    flex: 0 0 auto;
    background-color: #edf5f9;
    border-radius: 40px;}

.prodDetailPwpFree{padding: 10px 0px;}
.prodDetailPwpFree .tag{float:left;color:#c52f2f;padding:2px 5px;
    font-size: 13px;
    font-weight: 600;}
.prodDetailPwpFree .lblTag{
	text-align: center;
    width: 60px!important;
	padding: 0px;
    background: #c52f2f;
    color: #f8f7f7;
    font-size: 22px;
    font-weight: 600;
    margin: 0px;
	float:left;
    text-transform: uppercase;}

.popUp{display: inline-block;}
.popUp .prodDetailPwpFree:first-child{padding: 0px;}
.popUp .prodDetailPwpFree .lblTag{font-size: 15px;}

.prodQty .dvInput ul .c4{color:#000;}
.prodQty .dvInput ul .c10 {color:#00acd8;border-bottom: 1px solid #eaecf0;}
.prodQty {
	overflow: auto;
	text-align: right;
	margin: 5px;
	display: inline-flex;
	width:auto!Important;
}

.prodQtyBtn{width:100px!important;}

.prodQtyNoBttn, .prodSetQty {
	overflow: auto;
	text-align: right;
	display: inline-block;
}

.prodQty ul, .prodQtyNoBttn ul, .prodSetQty ul {
	list-style-type: none;
	margin: 0;
	padding: 0!important;
	display: inline-block!important;
	/*background: #f5f7f8;
	border: 2px solid #e4e4e2;
	border-radius: 4px;*/
	min-width: 30px;
	overflow: hidden;
    border: 1px solid!important;
    border-radius: 20px!important;
}

.prodQty ul li, .prodQtyNoBttn ul li, .prodSetQty ul li {
	float: left;
	-webkit-user-select: none;
	user-select: none;
	width: 30px;
	height: 30px;
}

.prodQty ul li:first-child, .prodQty ul li:last-child, .prodSetQty ul li:first-child, .prodSetQty ul li:last-child {
	padding: 1px 11px;
	cursor: pointer;
	font-size: 18px;
    font-weight: 600;
}

.prodQty ul.dvDisable li:first-child, .prodQty ul.dvDisable li:last-child {
	display:none;
}

.prodQty ul li input, .prodQtyNoBttn ul li input, .prodSetQty ul li input {
	height: 30px;
	width: 30px;
	border: none;
	/*border-left: 1px solid #e4e4e2;
	border-right: 1px solid #e4e4e2;*/
	outline: none;
	/* pointer-events: none; */
	padding: 5px 3px;
	margin: 0 !important;
    text-align: center !important;
	font-size: 13px;
	background: transparent;
}

.prodQtyNoBttn ul {
	min-width: auto
}

.prodQtyNoBttn ul li input {
	border: none;
}

.hd p{font-family: var(--title-large-font-family);
    font-weight: var(--title-large-font-weight);
    color: var(--primaryblue-50);
    font-size: var(--title-large-font-size);
    letter-spacing: var(--title-large-letter-spacing);
    line-height: var(--title-large-line-height);
    font-style: var(--title-large-font-style);margin: 0px;}

.prodSetQty{overflow:hidden!important;}

.btnAction {
    color: #777373;
    vertical-align: middle;
    text-decoration: none;
    height: 40px;
    width: 40px;
    padding: 5px;
    display: inline-block;
}

.c_buttonSubmitPwp:hover {
	background-color: #4dc9ff;
}

.c_buttonSubmitPwp {
	background-color: #00B0FD;
}

.c_buttonSubmitPwp {
	font-size: 14px;
	font-width: 700;
	color: #ffffff;
	padding: 1px;
	margin: 2px 0px 0px 0px;
	cursor: pointer;
	border-radius: 4px;
	border: none;
	height: 40px;
	width: 50px;
}

.c_buttonSubmitCart:hover {
	background-color: #f5f7f8;
	color: black;
}

.c_buttonSubmitCart {
	background-color: #138ef5;
}

.c_buttonSubmitCart {
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	margin: 0px;
	cursor: pointer;
	border: none;
	height: 100%;
	width: 100%;
}

.cartTable {
	width: 100%;
	height: 30px;
}

.cartTable tr {
	vertical-align: middle;
}

.purcOptionDiv {
	padding: 5px 5px;
	width: 100%;
	float: left;
	text-align: left;
}

.prdPwp {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}

.prdPwp div+p {
	color: red;
}

.prdPwp input[type=radio] {
	display: none;
	margin: 10px;
}

.prdPwp input[type=radio]+label {
	display: inline-block;
	padding: 5px;
	background-color: #d0d0d0;
	border-color: #ddd;
	margin-bottom: 4px;
	height: 30px;
	width: 115px;
	vertical-align: middle;
	text-align: center;
	color: white;
	cursor: pointer;
}

.prdPwp input[type=radio]:checked+label {
	background-image: none;
	background-color: #30a1ff;
	border: 1px solid #6f6f73;
}

.prdPwp input[type=radio]:disabled+label {
	opacity: 0.3;
}

.cartBtnDiv {
	width: 50%;
	height: 53px;
	float: left;
}

.vCartDetPanelDv{overflow: auto; max-height: 290px;}

.prodListDiv {
	padding: 15px 0px;
}
@media ( max-width : 620px) {
	.prodListDiv {padding:0px!important;}
}

.prdMsg .ribbon {
	position: relative;
	z-index: 100;
    padding: 2px 0.5em 0px 0.5em;
    margin: 10px -10px;
    border-radius: 0 0.156em 0.156em 0;
    box-shadow: -1px 2px 3px rgb(0 0 0 / 50%);
    min-width:60px;
    min-height: 10px;
    display: block;
    white-space: normal;
    text-align: center;
	font-family: var(--label-tiny-font-family);
    font-weight: var(--label-tiny-font-weight);
    color: var(--white);
    font-size: var(--label-tiny-font-size);
    letter-spacing: var(--label-tiny-letter-spacing);
    line-height: var(--label-tiny-line-height);
    white-space: nowrap;
    font-style: var(--label-tiny-font-style);
}

.productEmpty {height: 300px;background-color: #e3e7ea;}

.prdMsg .promoRibbon:before {border: 24px solid #ec0b43;}
.prdMsg .promoRibbon { background-color: #ec0b43;border:0px;}

.prdMsg .stockOutRibbon:before {border: 24px solid #78797e;}
.prdMsg .stockOutRibbon { background-color: #78797e;border:0px;}

.prdMsg .comeSoonRibbon:before {border: 24px solid #001e61;}
.prdMsg .comeSoonRibbon { background-color: #001e61;border:0px;}

.prdMsg .newRibbon:before {border: 24px solid #fa0709;}
.prdMsg .newRibbon { background-color: #fa0709;border:0px;}

.prdMsg .memberRibbon:before {border: 24px solid #72a94e;}
.prdMsg .memberRibbon { background-color: #72a94e;border:0px;}

.prdMsg .pWPRibbon:before {border: 24px solid #d62b6b;}
.prdMsg .pWPRibbon { background-color: #d62b6b;border:0px;}

.prdMsg .discountRibbon:before {border: 24px solid #ec0b43;}
.prdMsg .discountRibbon { background-color: #ec0b43;border:0px;}

.dvPromoFrame{
    vertical-align: top;
    position: absolute;
    overflow: overlay;
    margin-top: -25px;
    padding-left: 2%;
    right: 0;
    text-align: center;
    background-color: #001F5F;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-size: 1rem;}

.dvPromoLabel {
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 2px 10px 0px 10px;
    color: #ffff;
    background-color: #ff8700;
    font-family: Poppins Bold;
}

.dvPromoLabel .t1{width: 40px;
    float: left;font-size: 0.6rem;
    line-height: 0.6rem;
    padding-top: 2px;
    text-align: center;
}

.c_vCartDet .dvPromoFrame{font-size: 0.6rem;margin-top: 0;
    position: relative;}
    
.c_vCartDet .dvPromoLabel{padding:3px 2px;}

.c_vCartDet .dvPromoLabel .t1 {
    width: 30px;
    float: left;
    font-size: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
}

.dvSort {
	float: left;
	display: none;
	visibility: hidden;
}

.AddToCartBtn{
	height: 30px;
    background: #475467;
    padding: 7px 0px;
    margin: 5px 20px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
	border-radius: 20px;
}

.AddToCartBtn i {padding-left: 10px;}

.prdMsg .specialOffer {
	color: #cc0066
}

.prdBuy {
	height: 40px;
	width: auto;
	padding-top: 8px;
}

.prdPwp {
	height: 40px;
	width: auto;
	padding-top: 8px;
	text-align: left;
} 

.dvCosyoungView{
    clear: both;
    width: auto;
    position: absolute;
    margin: 10px 10px;
    right: 0;
	z-index: 2;
}
    
.dvCosyoungView .prdIcon {
	width: 20px;
    height: 20px;
    text-align: center;
    /* position: absolute; */
    top: 0;
    border: none;
    cursor: auto;
}

.snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}


@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}


.new-product-li-sv, .new-product-li-gv{ 
margin-left: 2px;
font-size: 12px;
}

.new-product-li-sv , .new-product-li-gv, .new-product-li-rc {
	display: inline-block;
	padding: 0px;
    line-height: 15px;
    border-radius: 4px;
    overflow: hidden;
    margin: 2px 2px 2px 0px;
    height: 14px;
}

.new-product-li-sv {
   /* border: #76ad50 solid 1px;
    background: #76ad50;*/
   
}

.new-product-li-gv {
   /* border: #475467 solid 1px;
    background: #475467;*/
}

.new-product-li-rc {
    /*border: #00BCD4 solid 1px;
    background: #00BCD4;*/
}

.new-product-li-sv b , .new-product-li-gv b, .new-product-li-rc b {
    padding: 0px 5px;
    float: left;
	border-right: 1px solid;
	font-family: var(--body-super-tiny-font-family);
    font-weight: var(--body-super-tiny-font-weight);
    color: var(--accentcgreen);
    font-size: var(--body-super-tiny-font-size);
    letter-spacing: var(--body-super-tiny-letter-spacing);
    line-height: var(--body-super-tiny-line-height);
    white-space: nowrap;
    font-style: var(--body-super-tiny-font-style);
}

.new-product-li-sv e , .new-product-li-gv e, .new-product-li-rc e {
    /*background: #FFF;*/
    padding: 0px 2px;
    float: left;
    width: 40px;
    text-align: center;
	font-family: var(--body-super-tiny-font-family);
    font-weight: var(--body-super-tiny-font-weight);
    color: var(--textgrey);
    font-size: var(--body-super-tiny-font-size);
    letter-spacing: var(--body-super-tiny-letter-spacing);
    line-height: var(--body-super-tiny-line-height);
    white-space: nowrap;
    font-style: var(--body-super-tiny-font-style);
}

.new-product-li-sv b {
    color: #71a850;
}
.new-product-li-gv b {
    color: #1f285b;
}

.new-product-li-rc b {
    color: #00BCD4;
}

.new-product-li-btn {
	display: inline-block;
    padding: 0px;
    line-height: 16px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0px;
	float: right;
    font-size: 18px;
}
	
.new-product-li-btn i {
	margin:0px 10px;
	cursor: pointer;
}  

.top_bar_header {
    float: left;
    display: block;
}

.top_bar_header_search {
    float: left;
    display: block;
}

.top_bar_header_search input[type="search"] {
    padding: 1px 5px;
    /* border: 3px solid #4a97c2;
    border-radius: 3px; */
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: white;
    /* line-height: 20px; */
    width: 200px;
    font-size: 15px;
}

.top_bar_header_search input[type="search"]:focus {
    outline: 0;
}

.top_bar_header_search button.searchform-submit {
	padding-top: 5px;
    /* padding: 1px 10px;
    border: 3px solid #4a97c2; */
    line-height: 20px;
    position: relative;
    left: -8px;
    /* background: #4a97c2; */
    /* color: #fff; */
    cursor: pointer;
    /* border-radius: 3px; */
    border: none;
    background: transparent;
    font-size: 20px;
    color: #fff;
}

.top_bar_header_mobile{
	display: none;
}

.top_bar_header_mobile a {
	color: #fff;
}

.top_bar_header_mobile input[type="search"] {
    padding: 1px 5px;
    border: 3px solid #4a97c2;
    border-radius: 3px;
    line-height: 20px;
}

.top_bar_header_mobile input[type="search"]:focus {
    outline: 0;
}

.top_bar_header_mobile button.searchform-submit {
    padding: 1px 10px;
    border: 3px solid #4a97c2;
    line-height: 20px;
    position: relative;
    background: #4a97c2;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
}

.top_bar_header_mobile button.searchform-submit i{font-size: 20px;}

.top_bar_header_mobile ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 12px 0;
    display: inline-block;
}

.top_bar_header_mobile ul li {
	float:left;
}

.c_view_erc_details{
	font-weight: normal;
}
.c_view_erc_details_link{
	/*text-decoration: underline;*/
	cursor: pointer;
}

.top_bar_header_right_lang {
	float: left;
    display: block;
}

.top_bar_header_right_lang .c_dropdownMenu .c_arrowUp{
	right: 8px;
}
.top_bar_header_right {
	float: left;
    display: block;
}

.top_bar_header_right a {text-decoration: none;color: #475467;}


.top_bar_header_right .dvCircle_reseller{
    margin-top: -5px;
    margin-left: 5px;
}

.top_bar_header_right .dvCircle .divCss{
	padding: 4px 5px;
    background: none;
    text-align: center;
    font-weight: var(--title-tiny-font-weight);
    color: var(--secondarybrightblue-100);
    font-size: var(--title-tiny-font-size);
    font-family: var(--title-tiny-font-family);
    font-style: var(--title-tiny-font-style);
}

.dvCircle ul {
   	list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
}

.dvCircle ul li {
	padding: 5px 9px;
    position: relative;
    float: left;
    color: #fff;
}

#totalLineItems, #totalLineItemsMobile {display: inline-block;
    padding: 2px 2px;
    background: #ff8100;
    border-radius: 50%;
    position: relative;
    top: -15px;
     left: 0; 
    font-size: 10px;
    color: #ffffff;
    min-width: 20px;
    text-align: center;}
	
#totalLineNotification {display: inline-block;
    padding: 2px 2px;
    background: #ff8100;
    border-radius: 50%;
    position: relative;
    top: -18px;
     left: -10px; 
    font-size: 10px;
    color: #ffffff;
    min-width: 20px;
    text-align: center;}
    
#cart {position: relative; top: 2px;}
.dvShpcartMain{padding:0px!important;overflow: hidden!important;display: inline;}
.emptyDv{height: 120px; width: 100%; display: inline-block;}

ul.search_suggest {position:absolute;top:100%;left:0;visibility:hidden;opacity:0;width:auto;overflow-y:scroll; max-height:0%; /*max-height:70%;*/
background: #fdfdfd;border: 1px solid #f9f9f9;box-shadow: 0 0 20px rgba(0,0,0,.15);clip: rect(0,5000px,5000px,-500px);
z-index:500;margin-top:20px;transition: visibility 0.1s ease-in, /*margin-top 0.3s ease-out,*/ opacity 0.3s ease-in, max-height 0.3s ease-in; display: block; }
ul.search_suggest::-webkit-scrollbar {width:8px;}
ul.search_suggest::-webkit-scrollbar-track { box-shadow: inset 0 0 4px #888; border-radius: 4px;}
ul.search_suggest::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px;}
ul.search_suggest::-webkit-scrollbar-thumb:hover { background: #aaa; }
ul.search_suggest { scrollbar-width:thin;scrollbar-color: #ccc #eee;}
ul.search_suggest > li.suggest_item {width:100%;float:left;padding:0px 0px; border-bottom: 1px solid #ffffff; display:block; font-size: 14px; font-weight:normal; color:#000;}
ul.search_suggest > li.suggest_item:hover {background: #f3f3f3;cursor:pointer;}
ul.search_suggest > li.suggest_item a {font-size: 14px; font-weight:normal; color:#000; text-decoration:none;}
ul.search_suggest > li.suggest_item:hover a {/*font-weight:bold;color:rgb(0,140,184);*/  }
ul.search_suggest > li:nth-last-child(1) {border-bottom: 0px;}
ul.search_suggest > li.suggest_item_hist {width:100%;float:left;padding:5px 7px 5px 7px; color:#777; font-size:13px; border-bottom: 1px solid #ffffff; display:block;}
ul.search_suggest > li.suggest_item .suggest_item_div {display:block; font-size: 14px; padding:10px 10px; font-weight:normal; color:#000; margin-left: 0px;}


ul.search_suggest > li.suggest_item_cat {width:100%;float:left;padding:0px 0px; border-bottom: 1px solid #ffffff; display:block; font-size: 14px; font-weight:normal; color:#000;}

ul.search_suggest > li.suggest_item_cat .suggest_item_category{display:block; color:#000; font-size:14px; font-weight:bold; padding-bottom:3px; margin-left: 10px; }
ul.search_suggest > li.suggest_item_cat .suggest_item_category:hover{text-decoration:underline; cursor:pointer;}
ul.search_suggest > li.suggest_item_cat .suggest_item_category:nth-child(1){margin-top:5px;}
ul.search_suggest > li.suggest_item_cat .suggest_item_category:nth-last-child(1){margin-bottom:5px;}
ul.search_suggest > li.suggest_item_cat .suggest_item_hr{width:98%; text-align:center; align:center;color:#ccc;background-color:#ccc;}
   		
ul.search_suggest::-webkit-scrollbar {width:8px;}
ul.search_suggest::-webkit-scrollbar-track { box-shadow: inset 0 0 4px #888; border-radius: 4px;}
ul.search_suggest::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px;}
ul.search_suggest::-webkit-scrollbar-thumb:hover { background: #aaa; }
ul.search_suggest { scrollbar-width:thin;scrollbar-color: #ccc #eee;}
/*@media (max-width:925px){.top_bar_header_mobile{width: 100%;position: static;margin: 5px;display: block;}}*/

.c_hd2_1_fixed ul.search_suggest {position:initial;padding:2px}

.dvDisable{pointer-events:none;opacity:0.6}
.dvEnable {pointer-events:auto;opacity:1}
.topMenuMobile{color: #fff; font-size: 14px;padding-right:10px;}


.dvContainer {
	float: left;
	padding: 10px 10px 0px 0px;
}

.dvContainer .container {
	display: block;
	position: relative;
	padding-left: 35px;
	padding-top: 5px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.dvContainer .container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.dvContainer .checkmark_radio {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
}

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

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

/* When the radio button is checked, add a blue background */
.dvContainer .container input:checked ~ .checkmark_radio, .dvContainer .container input:checked ~ .checkmark_checkbox {
	background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.dvContainer .checkmark_radio:after, .dvContainer .checkmark_checkbox:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.dvContainer .container input:checked ~ .checkmark_radio:after, .dvContainer .container input:checked ~ .checkmark_checkbox:after  {
	display: block;
}

/* Style the indicator (dot/circle) */
.dvContainer .container .checkmark_radio:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

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

/* The Close Button */
.close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.navigatorLinks{font-size:10px;}
.navigatorLinks div {float:left;padding:5px;cursor: pointer;}


.pPaging {
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: right;
}

.pPaging a, .pPaging span {
	padding: 4px 8px;
	display: inline-block;
	margin: 4px;
	width: 30px;
    text-align: center;
    border-radius: 5px;
}

.pPaging a.nav {
	display: inline-block;
	margin: 4px;
	width: 30px;
    text-align: center;
}

.pPaging a.nav img {
	margin-bottom: -2px;
	height: 12px;
	width: auto;
}

.pPaging a {
	color: #666;
	border: 1px dotted #ccc;
	text-decoration: none;
}

.pPaging a:hover {
	background-color: #bcbcbc;
	color: #fff
}

.pPaging span {
	background-color: #efefef;
	color: #666;
	border: 1px dotted #ccc
}

.pPaging a.nav_i {
	padding: 2px 9px;
    top: 1px;
    position: relative;
    width: 30px;
}

.pPaging .nav_i i {
	font-size: 15px;
}

.dvSortProd {
	position: relative;
	font-size: 16px;
	color: #717270;
	height: 80px;
	padding: 5px;
}

.dvSortProd .dvSortProdDet {
	position: absolute;
	top: 0;
	right: 0;
}

.dvSortProd .dvSortProdDet select {
	padding: 5px 4px;
	color: #717270;
	border: 1px solid #ccc;
	margin: 2px;
	width: 95%;
	height: 35px;
    border-radius: 5px;
}

.cookie-disclaimer {
	background: #000000;
	color: #FFF;
	opacity: 0.9;
	bottom: 0;
	left: 0;
	z-index: 500;
	position: fixed;
	font-size: 14px;
	margin: 0 30%;
}

.cookie-disclaimer .container {
	text-align: center;
	padding: 10px 10px;
}

.cookie-disclaimer .container p {
	text-align: justify;

}

.cookie-disclaimer .container a {
	color:white;
}

.cookie-disclaimer .accept-cookie {
	padding: 10px;
}

.cookie-disclaimer .cookie-title {
	float: left;
    width: 100%;
    font-weight: 600;
    position: absolute;
}

.cookie-disclaimer .cookie-close {
	float: left;
    cursor: pointer;
    position: absolute;
    right: 0;
    padding-right: 20px;
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*.c_contentBody{background: #fafbfb;}*/

.c_contentBodyBackgroundImg{
/* 	background-image: url('/cosway_files/images/cny.jpg')!important; */
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

p.onestepcheckout-numbers {
	background: none repeat scroll 0 0 #ececee;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	clear: both;
	color: #404040;
	font-weight: 900;
	height: 35px;
	margin-bottom: 16px;
	overflow: hidden;
	padding-left: 47px;
	padding-top: 10px;
	position: relative;
	text-transform: uppercase;
	font-size: 12px;
}

p.onestepcheckout-numbers>span {
	background: none repeat scroll 0 0 #49a9db;
	color: #fff;
	font-weight: 900;
	font-size: 20px;
	height: 35px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px;
	padding: 3px 0 0 0;
}

.landingFlashDiv .prodPanel{height: 330px!important;}
/* .prodListDiv .prdMain:hover, .landingFooterDiv .prdMain:hover, .landingFlashDiv .prdMain:hover {outline: none !important; border:1px solid #719ECE;} */
.prdEv{height: 25px;}


/* .pwpLblBox{height:40px;margin-top:5px;} */

.dvPwpDescItem {
    font-size: 10px;
    font-weight: 100;
    /* color: #4a97c2;
    border: 1px solid #4a97c2;
    border-radius: 5px; */
    color: #fff;
    background-color: #c7860e;
    margin: 5px 5px;
    display: -webkit-box;
    cursor: pointer;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
	position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
    padding: 2px 2px;
}


.prdInCart {
	width: auto;
    color: #fff;
    background-color: #FF9800;
    overflow: hidden;
    font-size: 12px;
    position: relative;
    margin-top: -13px;
    float: right;
    padding: 0px 5px;
    border-top-left-radius: 8px;
	border-bottom-right-radius: 2px;
}

.prdInCart i {font-size: 8px; height: 13px; display: block; margin-right: -3px;}

.msgWslShortLbl {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    font-family: 'Hind-Madurai','Helvetica Neue', Arial, sans-serif;
    vertical-align: top;
    position: relative;
    overflow: overlay;
    margin-top: -14px;
    width: 100%;
    padding-left: 10px;
    color: #908b8b;
}
._Disable{visibility: hidden;}
/* Sliding Menu (profile) */
#slidingMenu {
	width: 360px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: -360px;
	background-color: #333;
	font-size: 14px;
	color: #fff;
	transition: right 0.3s ease-in-out;
	z-index: 151;
	overflow-y: auto;
}

#slidingMenuCloseButton {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
	  
#userSection {
	background-color: #1f285b;
	padding-top: 20px;
}

#userProfile {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#userProfile img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#userProfile .userProfileMenuContainer {
	width: 100%;
	margin: 5px 0;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#userProfile .userProfileMenuItem {
	padding: 5px 0;
	cursor:pointer;
}


.slidingMenuSub{
	height: 100%;
	background-color:#ebebeb;
}

#userProfile .shopperName{
	font-size: 18px;
	margin: 10px 10px 5px 10px;
}
#userProfile .shopperId{
	font-size: 16px;
	margin: 5px 10px 0px 10px;
}
#userProfile .divExpiryDate{
	margin: 5px 10px 15px 10px;
	display: inline-block;	
}

#userProfile .divExpiryDate > .lblExpiryDate{
	font-size: 12px;
	margin-right: 3px;
	display: block;	
	text-align: left;
	display: inline-block;	
	padding: 1px 6px;
	background-color: #FBB72A;
	color: black;
	font-weight: bold;
}

#userProfile .divExpiryDate > .valExpiryDate{
	font-size: 12px;
	margin-left: 3px;
	margin: 0px;
	display: block;	
	text-align: left;
	display: inline-block;
	padding: 1px 6px;
	background-color: #FBB72A;
	color: black;
	font-weight: bold;
}

#rewardsMenu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.rewardsMenuNum {
	color: #FF7600;
	font-size: 14px;
	font-weight: bold;
	font-size: 22px;
}

.rewardsMenuTitle {
	font-size: 12px;
	padding-top: 5px;
	line-height: 1.2;
	color: #666666;
}

.rewardsSubMenu {
	width: 100%;
	height: 60px;
	color: #000;
	/*border: 1px solid #d2d2d2;*/
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: rgb(235,235,235);
    background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
}

/*
.rewardRow .rewardsSubMenu:not(:first-child){
	border-left: 1px solid red;
}*/

.rewardsSubMenuLine{
	height: 100%;
	background-color: rgba(255,255,255,0);
	display: flex;
	background: rgb(235,235,235);
    background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    padding: 10px 0px 10px 0px;
}

.rewardsSubMenuLine span{
	height: 100%;
	border-left: 1px solid rgba(215,215,215,1);
}

#rewardsMenu ul {
	list-style: none;
	padding: 0;
}

#rewardsMenu ul li {
	margin: 5px 0;
}

.rewardRow {
	width: 100%;
	background-color: #ebebeb;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: nowrap;
	align-items: center;
}

#menuButtons {
	/*padding: 12px 0px 10px 0px;
	background-color: #ebebeb;
	display: flex;*/
	width: 100%;
	height: auto;
	margin: 0px;
	/*background: rgb(235,235,235);
    background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(235,235,235,1) 90%, rgba(250,250,250,1) 100%);*/
}

.menuButtonsItem {
	padding: 7px 0 8px 20px;
	cursor:pointer;
	/*background-color: #ebebeb;*/
	text-align: left;
}

.menuButtonsItem i {
	padding-right: 10px;
}

.menuButtonsContainer {
	padding: 10px 20px;
    border: 1px solid #bcbfce;
    border-radius: 4px;
    /*background-color:#fff;*/
}
.menuButtonsContainer .c_buttonSubmit4{margin: 5px 0px;padding: 0px;}

.menuButtonsContainer .btn-label-text{display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 8px 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
	text-transform: uppercase;
}

.menuButtonsContainer .arrow-down-right{position: relative; width: 18px; height: 18px;}

#menuButtons input {
	width: 100%;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #e9eaef;
    border: 1px solid #f2f4f7;
	border-radius: 20px;
}

#menuButtons button {
	width: 100%;
	/*background-color: #fc8815;
	color: #fff;
	border: none;
	border-radius: 3px;
	padding: 10px 20px;
	cursor: pointer;
	transition: background-color 0.3s;*/
}

#menuButtons span {
	/*color: #000;*/
    font-size: 12px;
    font-weight: 400;
}

#menuButtons icon-black{
	color: #000
}

#menuButtons icon-white{
	color: #fff
}

#menuButtons .btn-label-text span {
    font-size: 14px;
}

#menuButtons span.menuCustomerMemberIdDisplay{
	color: #bcbfce;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
    background-color: #e9eaef;
    border: 1px solid #f2f4f7;
    border-radius: 20px;
}

#menuButtons ul {
	list-style: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

#menuButtons ul li {
	width: 100%;
	color: #222;
	margin: 0px 0px;
	display: block;
	padding: 0px;
	font-weight: normal;
}

#menuButtons ul li:hover {
	background-color: #fff;
	border-left: 5px solid #ff862c;
	color: #000;
}

#menuButtons ul li div i{
	color: #222;
}

#menuButtons ul li:hover div i{
	color: #fff;
	filter: invert(100%) hue-rotate(180deg);
	font-weight: 900;
	text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff;
}

#menuButtons ul li div.menuButtonsItem{
	padding-left: 20px;
	font-weight: normal;
}

#menuButtons ul li:hover div.menuButtonsItem{
	padding-left: 15px;
	font-weight: bold;
}


.menuButtonImageSpan{
	width:80px; height:80px; border-radius:50%; border:1px solid #fff; display:flex; align-items:center; padding: 0px 10px;
}

.menuButtonsContainerDiv {
	margin: 5px;
	min-width: 260px;display: inline-block;
}

.menuButtonsContainerCartDiv {
	margin: 10px;
	width: 100%;
	min-width: 200px;display: inline-block;
}

.menuButtonsLabel{
	color: grey; text-align: center; font-size: 14px; font-weight: bold;margin: 1rem 0;
}

.span-myAcc-logo {
	width:25px; height:25px; border-radius:50%; border:1px solid #fff; text-align:center; padding: 1px 0px 1px 0px; margin: 0px 5px 0px 1px; 
}
.img-myAcc-logo{
	width:20px; height: auto; padding:0px 0px 0px 2px; margin:0px 0px -3px 2px;
}
.span-myAcc-logo-name{
	font-size: 14px;
}

.span-shopper-id{
	margin: 0px 1px 0px 3px;
	font-size: 14px;
}

/* Sliding Menu (profile) End */
._tabList {
	display: flex;
    width: 100%;
    font-size: 14px;
    background: white;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: flex-end;
}
._tabList ._slideProgressInd {
	display: none;
}
._tabContent {
  position: relative;
  overflow: hidden;
}
._tabContent > div {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow: hidden;
  position: relative;
}
._tabContent > div > div {
  display: table-cell;
  min-width: 350px;
  vertical-align: top;
  height: 500px;
  position: relative;
}
._tabContent > div > div > div, ._tabContent > div > div > div > div {
  height: inherit;
  overflow: auto;
    overflow-x: auto;
  overflow-x: hidden;
}
.loaderText {
  color: #717270;
  text-align: center;
  padding: 10px;
  font-size: 10px;
}


.clockdiv{
	color: #fff;
	font-weight: 100;
	text-align: right;
	font-size: 14px;
	float: left;
	padding: 5px 10px;
}

.clockdiv > div{
	border-radius: 3px;
	display: inline-block;
	padding: 2px;
}

.clockdiv .labels{
	color:black;
}

.clockdiv div > span{
	width: 25px;
	height: 22px;
    padding: 1px 2px;
    text-align: center;
	border-radius: 3px;
	background: #00816A;
	display: inline-block;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 300; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}


/* The Modal (background) */
.modal-banner {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 300; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: overlay; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}


/* Modal Content */
.modal-content {
  position: fixed;
  bottom: 0;
  background-color: #fefefe;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}

.modal-content-banner {
  display: inline-block;
  transform: translateY(-50%);
  position: relative;
  top: 50%;
  background-color: transparent;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}


.modal-header {
  padding: 2px 16px;
  height: 30px;
  position: absolute;
    right: 0;
}

.modal-header-lbl {
  padding: 2px 16px;
  height: 30px;
  position: absolute;
  left: 0;
  font-weight: 500;
}

.modal-body {color: black;background-color: white;margin: 0px;}

.modal-body-banner {color: black;background-color: transparent; margin: auto; width: 90%; text-align: center;max-height: 600px;max-width:800px;}

.modal-content-banner .btnCss{
	float: right; position: absolute; right: 20px; top: -15px; z-index: 200;
}

.modal-c1 {float: left;width: 70%;}
.modal-c1-price {padding: 5px 5px;font-size: 14px;color: coral;font-weight: 700;}
.modal-c1-name {padding: 5px 5px;font-size: 17px;}
.modal-c2 {float: left;text-align: center;width: 30%;}
.modal-c2-div {font-size: 11px;}

.modal-footer {
  text-align: center;
  animation-name: fadeIn;
    animation-duration: 0.4s;
}

.modal-close-button {
	font-size: 16px;
    height: 30px;
    width: 30px;
    border-radius: 40px;
    border-color: transparent;
    position: absolute;
    cursor: pointer;
    color: #717270;
    text-align: center;
    padding: 0;
}

.decoratedLine{
     overflow: hidden;
     text-align: center;
     padding: 10px;
     color: #CCCCCC;
 }
.decoratedLine > span{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: rgb(113, 114, 112);
}
.decoratedLine > span:before, .decoratedLine > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 591px; /* half of limiter*/
    margin: 0 20px;
}
.decoratedLine > span:before{
    right: 100%;
}
.decoratedLine > span:after{
    left: 100%;
}

.floatIconCss{
	animation: _anim_show 1s ease;
	-webkit-animation: _anim_show 1s ease;
	opacity : 1;
	position: fixed!important;
	bottom: 8%;
	right: 5%;
	display: inline-block;
	z-index: 200;
	cursor: pointer;
	border-radius: 6px;
	-webkit-tap-highlight-color:transparent;
}

.floatIconCss .btnCss{
	float: right;position: absolute;right: 20px;z-index: 200;
}

.floatIconCss .btnCss button {
    font-size: 13px;
    height: 20px;
    width: 20px;
    border-radius: 40px;
    border-color: transparent;
    position: absolute;
    cursor: pointer;
    color: #717270;
    text-align: center;
    padding: 0;
    background-color: white;
}

.icon-bold {
    position: relative;
    scale: 1.3;
    text-shadow: 0px 0, 0 0px, 0px 1px, 0px 0px, 0px 1px, 0px 1px, 1px 1px, 0px 1px;
}

.dvShpcartMainPwp{width: 100%;margin-top: 10px;}
.dvShpcartListPwp{width: 100%;box-shadow: 0 1px 10px rgb(215 2 2 / 20%);background-color: aliceblue;}
.dvShpcartListPwp .pShippingMsgTitle {
	text-align: center;
	background-color: #de3939;
	padding: 5px;
    font-size: 14px;
	color: #fff;
	margin: 0
}
.progressBarMain{clear: both;text-align: center;color: #000; border: 1px solid transparent;border-radius: 10px;font-size: 10px;margin: 5px 0px;background-color: antiquewhite;}
.progressBarSub{color: #fff;border: none;border-radius: 10px;}
.progressBarMain .c50{background-color: #f32121;}
.progressBarMain .c80{background-color: #bdce33;}
.progressBarMain .c100{background-color: #2196F3;}
.progressBarMain .c1Sub{width:40%;float: left;padding: 5px 0px;text-align: left;color: rgb(113, 114, 112);}
.progressBarMain .c2Sub{width:30%;float: left;padding: 5px 0px;text-align: left;color: rgb(113, 114, 112);}
.progressBarMain .c3Sub{width:30%;float: left;padding: 5px 0px;text-align: right;color: rgb(113, 114, 112);}

.dvShpcartSmryMain .c4{padding-bottom:8px;}
.dvShpcartSmryMain .c4 .pShippingMsgTitleDiv {text-align: left;font-size: 12px;padding: 5px 0px;font-weight: 500;}
.dvShpcartSmryMain .c4 .pShippingMsgDiv {text-align: left;font-size: 12px;padding: 10px 0px 0px 0px!important;font-weight: 500;}

.dvShpcartSmryMain .c5{padding-bottom:8px;}
.dvShpcartSmryMain .c5 .pShippingMsgTitleDiv {text-align: left;font-size: 10px;padding: 5px 0px;font-weight: 500;}
.dvShpcartSmryMain .c5 .pShippingMsgDiv {text-align: left;font-size: 10px;padding: 10px 0px 0px 0px!important;font-weight: 500;}

.pShippingMsgDiv .click {cursor: pointer;font-weight: 600;}


.c_footer_cpRight {/*background-color:#191c24;color:#d0b7b7;*/
background-color:#1f285b;color:#fff;padding:2px;}
.c_footer_cpRight > div{text-align: center; }
.c_footer_cpRight div {text-align:center; margin-left:auto; margin-right:auto; }
.c_footer_cpRight span {text-align:center; font-size:13px; display: inline-block;}
.c_footer_cpRight span a {text-decoration:none; color: #777;}

   	
   	
   	.c_footer_backTopBtn {
   		text-decoration: none;
		background: #ffffff;
		color: #191919;
		display: block;
		width: 100%;
		text-align: center;
		font-size: 12px;
		font-family: "Hind-Madurai", sans-serif;
		font-weight: 500;
		padding: 5px 0 33px 0;
		transition: all 0.2s linear; 
	}
	.c_footer_backTopBtn.align_center {
	    padding: 20px 0 18px 0; 
	}
	.c_footer_backTopBtn:before {
 			font-family: "Hind-Madurai" !important;
 			content: "\e9c9";
			display: block;
 			font-size: 20px;
 			line-height: 1; 
	}
	.c_footer_backTopBtn:hover {
		background: #ffffff;
		color: #2879fe; 
	} 

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

.priceType input[type=radio]+label, .paymentType input[type=radio]+label{ 
    box-shadow: 0 0 0 1px #e9eaef;
	border-radius: 4px!important;
	background-color: #fff!important;
	border:none!important;
 }
 
.priceType input[type=radio]:hover+label, .paymentType input[type=radio]:hover+label, .priceType input[type=radio]:checked+label, .paymentType input[type=radio]:checked+label{box-shadow: 0 0 0 1px #1f285b !important;}

.priceDv{height:auto!important;}
.priceDv .dv1 .price{font-family: var(--title-medium-font-family);
    font-weight: var(--title-medium-font-weight);
    color: var(--textgrey);
    font-size: var(--title-medium-font-size)!important;
    letter-spacing: var(--title-medium-letter-spacing);
    line-height: var(--title-medium-line-height);
    white-space: nowrap;
    font-style: var(--title-medium-font-style);}
.priceDv .dv1 .priceDesc{font-family: var(--title-tiny-font-family);
    font-weight: var(--title-tiny-font-weight);
    color: var(--textgrey);
    font-size: var(--title-tiny-font-size)!important;
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    white-space: nowrap;
    font-style: var(--title-tiny-font-style)!important;}

.priceDv .dv2 .ercDv{padding-top: 5px!important;}

.stockist-dropdown{position: relative;
    display: inline;}
    
.stockist-dropdown input{height: 31px;
    border-radius: 8px;
    border: 0.5px solid #F0F0F0;
    margin: 0;
    width: 100%;
    padding: 5px;
    min-width: 100%;
    max-width: 100%;
    font-family: var(--title-tiny-font-family);
    font-weight: var(--title-tiny-font-weight);
    color: var(--secondarybrightblue-100);
    font-size: var(--title-tiny-font-size);
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    white-space: nowrap;
    font-style: var(--title-tiny-font-style);}

.stockist-dropdown input::placeholder{color: var(--secondarybrightblue-100);}

.stockist-dropdown-content {
  position: absolute;
  background-color: #f6f6f6;
  overflow: auto;
  z-index: 2;
  max-height: 250px;
  width: 100%;
  margin-top: 1px;
  border-radius: 8px;
}

.stockist-dropdown-content a {
  color: black;
  padding: 10px 0px 10px 10px;
  text-decoration: none;
  display: block;
  font-size: 11px;
  text-align: left;
}

.stockist-dropdown a:hover {background-color: #ddd;}

.show {display: block !important;}

.stockist-dropdown-values{
    display: none;
}	

.stockisted{display: block;
    font-size: 11px;
    text-align: left;
    border-radius: 8px;
    margin: 10px 5px;}


.storeListIcon{color: #4d98c1;border: none;
    background: none;
    position: absolute;
    top: 0px;
    right: 5px;}
	
.mposLabel{color: #fff; 
	font-size: 18px; 
	padding-top: 5px;
    padding-left: 25px;
    text-align: left;
    font-weight: 800;}

.dvBodyContent .priceDv .dvLeft{width:65%;}
.dvBodyContent .priceDv .dvRight{width:35%;}
.dvBodyContent .priceDv .dv1{width:30%;}
.dvBodyContent .priceDv .dv2{width:70%;}
.dvBodyContent .priceDv .dvRight .dv2 {width:100%;}
.dvBodyContent .ercDv .new-product-li-sv, .dvBodyContent .ercDv .new-product-li-gv, .dvBodyContent .ercDv .new-product-li-rc{width:47%;font-size: 12px !important;}

@media (max-width: 442px) {
	.dvBodyContent .priceDv .dvLeft{width:60%;}
	.dvBodyContent .priceDv .dvRight{width:40%;}
	.dvBodyContent .priceDv .dv1{width:100%;}
	.dvBodyContent .priceDv .dv2{width:100%;}
	.dvBodyContent .ercDv .new-product-li-sv, .dvBodyContent .ercDv .new-product-li-gv, .dvBodyContent .ercDv .new-product-li-rc{width:100%;}
}

.prodSetDetail .c1Header, .prodSetDetail .c1Detail {width: 70%!important;}
.prodSetDetail .c2Header, .prodSetDetail .c2Detail {width: 30%!important;}

.dvPaySelPanel > div {box-shadow: 0 0 0 2px #e9eaef !important;padding: 5px!important;}
.dvPaySelPanel > div:hover, .dvPaySelPanel > div.selected{box-shadow: 0 0 0 1px #1f285b !important;}

.hd{color:inherit!important;}
.productImg{border: none!important;}

.c_pgSubTlt{display: none;}

.dvShpcartSmry{background-color: transparent!important;}
.dvShpcartSmry .dvInput ul li .selBox {height: 31px; border-radius: 8px;  margin: 0!important; width:100%;min-width:100%;max-width:100%;font-family: var(--title-tiny-font-family);
    font-weight: var(--title-tiny-font-weight);
    color: var(--secondarybrightblue-100);
    font-size: var(--title-tiny-font-size);
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    white-space: nowrap;
    font-style: var(--title-tiny-font-style);}
.dvShpcartSmry .pShippingSmryTitle{background-color: #4d98c1!important;border-radius: 8px!important;color: #edf5f9!important;font-weight: 700;
    font-size: 14px;}
.dvShpcartSmry .dvInput ul {padding: 0px!important;}
.dvShpcartSmry .dvInput ul .c1 {width: 30%;float: left;text-align: center;}
.dvShpcartSmry .dvInput ul .c5 {width: 70%;float: left;}
.dvShpcartSmry .dvInput ul .c10 {min-height:auto!important;margin: 8px 0px;}
.dvShpcartSmry .pWeightMsgDiv {color: #1d2939!important;margin:0px 5px!important;font-size: 11px!important;}
.dvShpcartSmry .selfCollectNote{font-size: 11px;}
.dvShpcartSmry .pPwpMsgTitle{background-color: #4d98c1!important;border-radius: 8px!important;}
.dvShpcartSmry .pPwpMsgTitle span, .dvShpcartSmryM .pPwpMsgTitle span{color: #edf5f9 !important; font-weight: 700; font-size: 14px; left: 0 !important;}
.dvShpcartSmry .btn1Div, .dvShpcartSmryM .btn1Div{background-color: #fff!important;border-radius:20px!important;height: 25px;} 
.dvShpcartSmry .progressBarMain2, .dvShpcartSmryM .progressBarMain2 {font-size:4px!important;margin:0px!important;border:none!important;}

.dvShpcartSmryNew {margin-bottom: 10px!important; padding: 8px 8px!important;  background-color: #a6cce0!important; border-radius: 8px;}
.dvShpcartSmryNew .dvInput {padding: 1px 5px;}

.organisationname .dvInput {display: block!important;}
.organisationname .dvInput ul .c2{padding: 15px 0px 0px 0px!important;}
.organisationname .dvInput .dvProductDetail ul:first-child{padding: 5px 5px 0px 5px;}

.dvProductDetail .pwpMsgDiv {padding: 2px 5px;border-radius: 4px;margin: 4px;font-size: 11px;background-color: #4d98c1!important;}


.dvInput ul {color: #475467!important;}

.cartDv div.onestepcheckout-numbers {color: #1f285b!important;border-radius: 4px;}
.dvInput ul li .c_ind {color: #1f285b!important;}

/*.dvInput ul li .selBox{width:100%!important;min-width:100%!important;max-width:100%!important;}*/

.productDetail .dvInput ul li .prodCode {
	font-family: var(--title-medium-font-family);
    font-weight: var(--title-medium-font-weight);
    color: var(--gray-100);
    font-size: var(--title-medium-font-size)!important;
    letter-spacing: var(--title-medium-letter-spacing);
    line-height: var(--title-medium-line-height);
    font-style: var(--title-medium-font-style)!important;}
	
.productDetail .dvInput ul .prodName {font-family: var(--title-large-font-family);
    font-weight: var(--title-large-font-weight);
    color: var(--textgrey);
    font-size: var(--title-large-font-size);
    letter-spacing: var(--title-large-letter-spacing);
    line-height: var(--title-large-line-height);
    font-style: var(--title-large-font-style);
}
.productDetail .dvInput ul .prodWeight {
    font-family: var(--body-tiny-font-family);
    font-weight: var(--body-tiny-font-weight);
    color: #000000;
    font-size: var(--body-tiny-font-size);
    text-align: left;
    letter-spacing: var(--body-tiny-letter-spacing);
    line-height: var(--body-tiny-line-height);
    font-style: var(--body-tiny-font-style);
}

.tdPrdimg .prdImg {border-radius: 2.15px 2.15px 0px 0px;border: 0.84px solid #00000047;}

.tableDiv table.responsive-table{box-shadow:none!important;}

.tableDiv table.responsive-table td.organisationnumber {background: #e9eaef!important;;}

.tableDiv table.display th, .tableDiv table.display td {border:none!important;}

.tableDiv table.display th table tr.carttableheader th{
	letter-spacing: var(--body-super-tiny-letter-spacing);
    font-family: var(--body-super-tiny-font-family);
    font-style: var(--body-super-tiny-font-style);
    font-weight: var(--body-super-tiny-font-weight);
    line-height: var(--body-super-tiny-line-height);
    font-size: var(--body-super-tiny-font-size)!important;	
	background-color: #e9eaef!important;color: #192049!important;}
.tableDiv table.display th table tr.carttableheader th:first-child {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.tableDiv table.display th table tr.carttableheader th:last-child {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
	
.tableDiv table.display td table tr.carttablesubheader td{background-color: #e9eaef!important;color: #192049 !important;
    font-weight: 500 !important;}
.tableDiv table.display td table tr.carttablesubheader .col2, .tableDiv table.display td table tr.prdDetail .col2 {
    width: 35%!important;
}
.tableDiv table.display td table tr.carttablesubheader .col1, .tableDiv table.display td table tr.prdDetail .col1 {
    width: 40%!important;
}

.tableDiv table.display td table tr.carttablesubheader .col5, .tableDiv table.display td table tr.prdDetail .col5 {
    width: 25%!important;
}

.tableDiv table.display td table tr.prdDetail td a, .tableDiv table.display td table tr.prdDetail td {
	color: #1d2939!important;font-size: 12px!important;font-weight: 500;}
	
.tableDiv table.display td table tr.prdDetail td .dvPriceType {color: #1d2939!important;font-size: 10px!important;font-weight: 400!important;}

.tableDiv table.display td table tr.prdDetail td .btnAction{padding: 0;height: 17px;}
.tableDiv table.display td table tr.prdDetail td .btnAction b{color:#0053ff;font-size: 10px;}
.tableDiv table.display td table tr.prdDetail td .btnQtyDisable{
	display: inline-flex!important;
    border: 1px solid #d0d5dd!important;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 20px;}

.tableDiv table.display td table tr.prdDetail td a b {color: #00acd8;font-weight: 400;}

.tableDiv table.display td table tr.carttablesubheader .col2, .tableDiv table.display td table tr.prdDetail .col2, .tableDiv table.display td table tr.carttablesubheader .col5, .tableDiv table.display td table tr.prdDetail .col5 {font-weight: 500!important;}

.tableDiv table tbody tr.trDetail {
    display: inline-table;
    margin: 5px 2px;
	width: 99.5%;
	box-shadow: 0px 0px 4px #00000040;
}
.tableDiv table tbody td.organisationname {width: 100%;}
.display tr.prdOutOfStockRow .prdDetail .tdPrdimg{height:auto!important;}

.tdPrdinfor .code{font-size: 12px;}
.tdPrdinfor .name{font-weight: 400!important; letter-spacing: -0.12px;
     line-height: 12px;}
.tdPrdinfor .item{text-transform:uppercase;}
.tdPrdinfor .remarks{font-weight: 500;font-size: 10px;}

.dvOrdTb table .cl1{font-weight: 400 !important;
    letter-spacing: 0.5px;
    line-height: 16px;
    font-size: 12px;}
	
.dvOrdTb table .ct1, .dvOrdTb table .cl2 {padding: 0px 5px!important;}	

.pwpShadow{background-color:transparent!important;}

.pwpShadow .c1 img {width: 100%;padding: 5px;max-width: 100px;border-radius: 2px;}


.dvShpcartSmry .pShippingMsgTitleDiv2, .dvShpcartSmryM .pShippingMsgTitleDiv2 {letter-spacing: var(--body-super-tiny-letter-spacing);
    font-family: var(--body-super-tiny-font-family);
    font-style: var(--body-super-tiny-font-style);
    font-weight: var(--body-super-tiny-font-weight)!important;
    line-height: var(--body-super-tiny-line-height);
    font-size: var(--body-super-tiny-font-size)!important;}
.dvShpcartSmry .btn2Div, .dvShpcartSmryM .btn2Div {background-color: #fff!important;}
.dvShpcartMain .tableDiv{margin-top: 5px;}
.shpcartSmryTitle{border-radius: 4px;margin:10px 0 0 0!important;}
.shpcartSmryTitle .c1 {width: 95%!important;}
.shpcartSmryTitle .c2 {width: 5%!important;}
.shpcartSmryTitle .c2 a {margin-top: -10px;}
._slide{width: 99%!important;}

@media (max-width: 867px) {
	.tableDiv table.responsive-table td.actions{width: 140px!important; text-align: right!important;}
	
	.tableDiv table.responsive-table td .btnAction {height: auto; width: auto;padding: 0px;}

}


.footerSummary{position: fixed;
    bottom: 0;
	left: 0;
    width: 100%;
    background-color: #1f285b;
    z-index: 1;
	padding: 0px 10px 0px 30px;
}

.footerSummary .dvInput ul .c12 b {color: #bcbfce!important;}


@media (max-width: 991px) {
.footerSummary{width:100%!important;padding: 0 5px;}
}

.footerSummary .f2{padding-left: 244px;}

.footerSummary .f2 .dvInput ul{padding:5px 0px 0px;}

.footerSummary .btnPointDv{display:none;}
.showDetailOpen{opacity: 1;transition: visibility 0s, opacity 0.5s linear;}
.showDetailClose{opacity: 1;}
@media (max-width: 991px) {
.footerSummary .f2{padding: 0px;width:100%;}
}
@media (max-width: 662px) {
.footerSummary .btnPointDv{display:block;float: right; color: white; padding: 10px 0px;position: relative;}
.showDetailClose{position: absolute!important; opacity: 0;}

}

.footerSummary .pointDv{
	width: 40%;
	max-width: 342px;
    float: left;
    padding: 4px 8px;
    position: relative;
    background-color: #353e6b;
    border-radius: 8px;
    margin: 15px 10px;
}

.footerSummary .f2 .pointTable {
	padding: 0px;
	margin: 0px;
	border: none;
    border-collapse: collapse;
}

.footerSummary .f2 .pointTable thead tr td{padding:0px 0px 5px 0px;background-color:transparent;font-family: var(--title-tiny-font-family);
    font-weight: var(--title-tiny-font-weight);
    color: var(--primaryblue-10);
    font-size: var(--title-tiny-font-size);
    letter-spacing: var(--title-tiny-letter-spacing);
    line-height: var(--title-tiny-line-height);
    font-style: var(--title-tiny-font-style);}

.footerSummary .f2 .pointTable tbody tr td{
	background-color:transparent;
	color: #fff;
	font-size: 12px!important;
	padding:2px 0px;
}

.footerSummary .f2 .checkOutDv {
    width: 40%;
    float: right;
    text-align: right;
    display: inline-grid!important;
	max-width: 300px;
	padding: 5px 15px;
}

.footerSummary .f2 .checkOutDv ul .c11, .footerSummary .f2 .checkOutDv ul .c12{
	width:auto;
}

.footerSummary .f2 .checkOutDv ul .c11 b, .footerSummary .f2 .checkOutDv ul .c12 b{
	color:#fff;
}

.footerSummary .f2 .checkOutDv ul .c11 b {	font-size: var(--heading-h3-med-font-size);
    text-align: center;
    letter-spacing: var(--heading-h3-med-letter-spacing);
    line-height: var(--heading-h3-med-line-height);
    white-space: nowrap;
    font-family: var(--heading-h3-med-font-family);
    font-weight: var(--heading-h3-med-font-weight);
    font-style: var(--heading-h3-med-font-style);padding: 0px 10px;}

.footerSummary .f2 .checkOutDv .c_buttonSubmit2{padding: 10px;}

 @media ( max-width : 661px) {
    .pointDv{width:95%!important;float:none!important;margin: 10px!important;}
	.checkOutDv{width: 100%!important;float:none!important;}
    
  }
  
 .dvMobile .summaryFooter {background-color: #1f285b!important;}
 .dvMobile .prdMainSub{box-shadow:none!important;
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--primaryblue-20);}
	
.dvMobile .divBottom{padding-top: 0px!important;}
.dvMobile .prdMainSub .item{padding: 5px 5px 0px 5px;}