@import url("left_navigation.css");
@import url("ecommerce_module.css");
@import url("main_colors.css");
@import url("highlight_color.css");
@import url("metis-support-center.css");
@import url("receipe-builder.css");
@import url("new-theme.css");
@import url("new-theme-light-color.css");
@import url("portal-pos-font.css");
@import url("quick-charge-fix.css");
@import url("product-style.css");



body {
  padding: 0px;
  margin: 0px;
  background: #F4F5F8;
  font-family: 'Product Sans Regular';

}


p {
  font-size: 14px;

}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   font-family: 'Product Sans Medium Regular';
}


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

a.edit__ac span.mp_email {
  font-size: 20px;
  position: relative;
  top: -4px;
}

span.mp_accept {
  font-size: 20px;
  position: relative;
  top: 7px;
}

/*-------------------------------------
BANNER IMAGE
--------------------------------------*/
.main__banner {
  width: 100%;
  height: 100vh;
  background-image: url(../images/bg_background.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 100% auto;
  position: relative;
  justify-content: center;
  display: flex;
}

.main__banner h1 {
  color: white;
  display: block;
  padding: 0 0 0 100px;
  font-size: 40px;
   font-family: 'Product Sans Medium Regular';
}

.di_block.relative_div {
  position: relative;
  min-width: 200px;
}

.custom_link_a {
  font-size: 13px;
  color: #8d8d8d;
}

.custom_link_a i {
  font-size: 16px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.custom_link_a:hover {
  text-decoration: none;
}

.main__banner p {
  color: white;
  display: block;
  padding: 0 0 0 100px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.page__container {
  width: 100%;
  padding: 0 15px;
  float: left;
}

.page_cont_in {
  margin-left: 80px;
}

/*-------login right----*/
.login__right {
  width: 100%;
  max-width: 330px;
  height: 54vh;
  margin: auto;
}

.login__right .blue__btn {
  min-width: 147px;
  cursor: pointer;
}

.login__input a.cal_icon.gn_p {
  right: 11px;
  top: 36px;
}

.portal__logo {
  display: inline-block;
  padding: 40px 0 0 0px;
  width: 250px;
  position: absolute;
  left: 50px;
  top: 0;
}

.portal__logo.white {
  width: 180px;
  padding: 3px 0 0 10px;
  position: relative;
  top: 0;
  left: 0px;
}

.location__header .portal__logo img {
  width: 220px;
  margin-top: 50px;
}


.login__right h1 {
  font-size: 18px;
  color: #8d8d8d;
  line-height: 29px;
  font-weight: 500;
  padding: 60px 0 40px 0;
  margin: 0;
}

.login__input {
  clear: both;
  position: relative;
  margin-bottom: 15px;
}

.login__input .login__input__type {
  width: 100%;
  padding: 25px;
  font-size: 18px;
  border: 1px solid #e7e7e7;
  margin-top: -1px;
  outline: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
  transition: all 0.3s ease-in-out;
}

.login__input .login__input__type:focus {
  -webkit-box-shadow: 3px 5px 17px 3px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 3px 5px 17px 3px rgba(0, 0, 0, 0.09);
  box-shadow: 3px 5px 17px 3px rgba(0, 0, 0, 0.09);
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 2;
}

.login__input span {
  display: inline-block;
  background: red;
  width: 9px;
  height: 100%;
  position: absolute;
  display: none;
  z-index: 3;
  top: 0;
  left: -8px;
}

.login__input .login__input__type:focus+span {
  display: block;
}

/*-----------------------------------------------------
     CUSTOM CHECK BOX
-----------------------------------------------------*/
.cc__box {
  display: block;
  position: relative;
  /*padding-left: 30px;*/

  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: 14px;

}

/* Hide the browser's default checkbox */
.cc__box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid #e0e0e0;
  background: white !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-borer-radius: 3px;
}

/* On mouse-over, add a grey background color */
.cc__box:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cc__box input:checked~.checkmark,
.cc__box input:checked~.checkmark {
  border: 1px solid;
}


.read_mode .cc__box input:checked~.checkmark {
  border: none;
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cc__box input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cc__box .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 13px;
  border: solid #07396B;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.settings_sec .white_box_sec {
  background: #f3f3f3;
}

.settings_sec .white_box_sec label {
  color: #3d3d3d
}

/*-------remember me----------*/
.remember__box ul {
  font-weight: 500;
  padding: 30px 0 0 0;
  list-style: none;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.remember__box ul li {
  font-size: 13px;
  color: #404040;
  display: block;
  text-align: center;
}

.remember__box ul li a {
  color: #404040;
}

.blue__btn {
  color: #ffffff;
  display: inline-block;
  font-size: 13px;
  border-radius: 6px;
  padding: 0.375rem 0.75rem;
  letter-spacing: 0.5px;
  font-family: 'Product Sans Regular';
  line-height: 22px;
  min-width: 148px;
  text-align: center;
}

.blue__btn:hover {
  text-decoration: none;
  color: #ffffff;
}

.pink__btn_rnd {
   font-family: 'Product Sans Medium Regular';
  padding: 14px 20px 14px 20px;
  display: inline-block;
  font-size: 17px;
  border-radius: 3px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  text-align: center;

}


.pink__btn_rnd:hover {
  text-decoration: none;
  color: #ffffff;
}

p.singin__nsg {
  color: #858585;
  font-size: 13px;
  font-family: 'Product Sans Light Regular';
  padding: 0 0 50px 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.login_bot_sec {
  height: 20vh;
  position: relative;
}

.portal__logo.for_mobile {
  display: none;
}

p.singin__nsg a {
  color: #3d3d3d;
}

span.cat_img_bg .img_cat {
  width: auto;
  height: auto;
  position: relative;
  max-width: 100%;
  margin: 0;
  z-index: 2;
  max-height: 100px;
}

.flex__box_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}

/*---------NEWS LIST--------*/
.news__list {
  clear: both;
  padding: 20px 20px;
  max-width: 640px;
  margin: auto;
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 20px;
  display: none;
}

.news__list span.tag__newre {
  display: inline-block;
  font-size: 9px;
   font-family: 'Product Sans Medium Regular';
  color: white;
  background: #e91e63;
  padding: 3px 7px;
  text-transform: uppercase;
}


.news__list h1 {
  color: white;
  font-size: 30px;
  padding: 0 0 15px 0;
  margin: 0;
  font-family: 'Product Sans Bold';
  font-style: normal;
  font-weight: 700;
}

.news__list h1 a {
  color: white;
  font-size: 30px;
}

.news__list h1 a:hover {
  text-decoration: none;
}

.news__list p {
  font-size: 13px;
  text-align: justify;
  color: white;
}

a.read_white__txt {
  color: white;
  font-size: 14px;
}

a.read_white__txt i {
  padding-left: 7px;
}

/*-------select location page---------*/
.se__location {
  background: white url(../images/dropdown_arrow.png) no-repeat right center;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-size: 20px;
  border: 1px solid #dcdcdc;
  width: 100%;
  padding: 30px;
  text-align: left;
  color: #696969;
  font-weight: 300;
  -webkit-box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 7%);
  -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 7%);
  font-family: 'Product Sans Light Regular';
}

.se__location:hover,
.se__location:focus {
  outline: none;
}

#myInput {
  border-box: box-sizing;
  font-size: 16px;
  padding: 14px 20px;
  margin-bottom: 10px;
  border: none;
  border: 1px solid #e7e7e7;
  width: 100%;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background: url(../images/search_ic.png) no-repeat right center;
  outline: none;
}

#myInput::placeholder {
  color: #696969;
}


.select__location_drop {
  position: relative;
  display: block;
}

.select__dropdown_content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  -webkit-box-shadow: 1px 16px 19px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 1px 16px 19px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 16px 19px 0px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}

.select__dropdown_content a {
  color: #333333;
  padding: 10px 0px;
  text-decoration: none;
  display: block;
  font-size: 18px;
  border-bottom: 1px solid #e5e2e2;

}

.select__dropdown_content ul li:last-child a {
  border-bottom: none;
}


.dropdown .show {
  display: block;
}

.select__dropdown_content.show {
  display: block;
}

/*-----HEADER----*/
.location__header {
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.11);
}

.location__header .portal__logo {
  padding: 10px 50px;
}

.select_location__container {
  width: 100%;
  max-width: 442px;
  margin: auto;
  padding: 120px 0 0 0;
}

.select_location__container h1 {
  font-size: 18px;

  padding: 0 0 15px 0;
}

.location__header .portal__logo {
  margin-top: 10px;
}

/*************************************/
.header_block {
  width: 100%;
  padding: 5px 0px 5px 0px;
  position: fixed;
  top: 0;
  z-index: 999;
  box-shadow: 0px 2px 2px #00000010;
  -webkit-box-shadow: 0px 2px 2px #00000010;
  -moz-box-shadow: 0px 2px 2px #00000010;

}

.page_content {
  width: 100%;
  float: left;
}

.ic_top_bar {
  color: white;
  font-size: 30px;
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: top;
  line-height: 42px !important;
  text-align: center;
  margin: 5px 0 0 5px;
}

.ic_top_bar.menu_icon {
  position: relative;
  margin-left: 0px;
  left: -7px;
  margin-top: 2px;
}

.ic_top_bar .mp_ic_menu {
  font-size: 19px;
  position: relative;
  top: -5px;
  left: 2px;
}

a.ic_top_bar:hover,
a.ic_top_bar[aria-expanded="true"] {
  text-decoration: none;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  color: white;
}

ul.top_nav_pills {
  clear: both;
  border-bottom: 1px solid;
  margin-bottom: 15px;
  flex-wrap: nowrap;
  overflow: auto;
  position: relative;
}


#roleformmodal,
#accessmanagementformmodal {
  background: rgba(0, 0, 0, 0.3);
}

/*-------------Edit-By-Tezpal-Tab-----------*/

l.top_nav_pills a {
  position: relative;
  font-size: 12px;
  border-bottom: 2px solid #f4f5f8;
  text-transform: uppercase;
  font-family: 'Product Sans Light Regular';
  letter-spacing: 0.36px;
  color: #2D3E50;
  opacity: 0.7;
  padding: 10px 0px;
}

ul.top_nav_pills li:last-child a {
  border-right: none;
}


ul.top_nav_pills a:after {
  content: "";
  position: absolute;
  border-right: 1px solid #cccccc;
  height: 15px;
  right: 0px;
  top: 17px;
  display: none;
}

/*---------------------------------------------*/
ul.top_nav_pills.nt_up a {
  text-transform: none;
}

ul.top_nav_pills a.sm_textdropdown {
  color: #8d8d8d;
}

ul.top_nav_pills a.sm_textdropdown:hover {
  background: none;
}

ul.top_nav_pills a:hover {
  color: #212121;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.nav-pills.squre-tab .nav-link.active,
.nav-pills.squre-tab .show>.nav-link {
  color: #fff;

}

.action i.mp_email.fs_20 {
  position: relative;
  top: 4px;
}

.page__heading {
  font-size: 18px;
  color: white;
  text-align: center;
   font-family: 'Product Sans Medium Regular';


  line-height: 40px;
  letter-spacing: -0.2px;
  margin-bottom: 0px;
}

.btn_heading {
  background: none;
  outline: none;
  color: white;
  font-size: 20px;
}

a.edit__ac {
  font-size: 24px;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: top;
  text-align: center;
  line-height: 26px;
  position: relative;
  z-index: 0;
  cursor: pointer;
}


.accordion.pl-3.pr-3.pt-2 {
  padding: 0px !important;
}


a.edit__ac_top {
  color: #8f8f8f;
  font-size: 28px;
  display: inline-block;
  width: 36px;
  height: 33px;
  vertical-align: top;
  /*padding-bottom: 46px;*/
  text-align: center;
}

a.edit__ac_top:hover {
  text-decoration: none;
}

.mt_m8 {
  margin-top: -8px;
}

a.edit__ac:hover,
.ic_status:hover {
  text-decoration: none;
}

.ic_status {
  width: 40px;
  height: 31px;
  vertical-align: top;
  line-height: 36px;
  text-align: center;
  margin: auto;
  display: block;

}

.ic_status.on_red {
  color: #f05228;
  font-size: 26px;
}

.tecket-right_flex {
  display: flex;
  justify-content: flex-end;
  padding-top: 17px;
}

/*----------input animation----------------*/
.group_in {
  position: relative;
  margin-bottom: 14px;
}

.group_in.search_full {
  width: 100%;
  margin-bottom: -1px;
}

.group_in input:focus {
  outline: none;
}

/* LABEL ======================================= */
.group_in label {
  color: #999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.group_in label i {
  font-size: 24px;
  float: left;
  position: relative;
  left: -8px;
}

/* active state */
.group_in input:focus~label,
.group_in input:valid~label {
  top: -20px;
  font-size: 14px;
}

/* BOTTOM BARS ================================= */
.group_in .bar {
  position: relative;
  display: block;
  width: 100%;
}

.group_in .bar:before,
.group_in .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.group_in .bar:before {
  left: 50%;
}

.group_in .bar:after {
  right: 50%;
}

/* active state */
.group_in input:focus~.bar:before,
input:focus~.bar:after {
  width: 50%;
}

/* HIGHLIGHTER ================================== */
.group_in .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* active state */
.group_in input:focus~.highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }

  to {
    width: 0;
    background: transparent;
  }
}

@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE;
  }

  to {
    width: 0;
    background: transparent;
  }
}

@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }

  to {
    width: 0;
    background: transparent;
  }
}

/*-----------------------*/
.fs_12 {
  font-size: 13px;
}

.fl-right {
  float: right;
}

.fs_14 {
  font-size: 14px;
}

.fs_20 {
  font-size: 20px;
}

.table thead th {
   font-family: 'Product Sans Medium Regular';
  font-size: 13px;
  border-bottom: 2px solid #e8e8e8;
  white-space: nowrap;
  letter-spacing: 0.06px;
  vertical-align: middle;
}


.table-hover tbody tr:hover,
.table-hover tbody tr.active_td {
  background-color: #F4F5F8;

}

.active_cat {
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}

.table tr.active_cat th,
.table tr.active_cat td {
  padding-top: 7px;
  padding-bottom: 7px;
}

i.mp_ic_right_arrow {
  font-size: 18px;
}

.td_hover .table-hover tbody tr:hover .edit__ac:hover,
.td_hover .table-hover tbody tr:hover .more_option:hover button,
.table-hover tbody tr:hover .edit__ac:hover {
  text-decoration: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.sm_textdropdown {
  background: none;
  outline: none;
  font-size: 13px;
  margin-bottom: 11px;
  border-radius: 6px;
}

.sm_textdropdown i {
  vertical-align: middle;
  margin-right: 5px;
}

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

.di_block {
  display: inline-block;
  vertical-align: middle;
}

.mt_min {
  margin-top: -20px;
}

.mt_min1 {
  margin-top: -45px;
}

.modal-body h5,
h5.section_heding_s {
  font-size: 16px;
}

.chekbox_list {
  font-size: 13px;
  padding-bottom: 10px;
}

.fliters_sec {
  border-top: 1px solid #cccccc;
  clear: both;
  min-height: 5px;
  width: 100%;
}

.sorting__fi .btn {
  padding: 0px;
  margin: 0px;
  color: #212121;
  font-weight: 500;
}

.link_t_h {
  font-size: 13px;
  font-weight: 500;
}

.img_cat {
  width: 50px;
  height: 50px;
  margin: 0px 5px;
}

.table td.table_open_color {
  padding: 0px !important;
  background: #f2f2f2;
}

.table td.table_open_color .table {
  background: #f9f9f9;
}

.cat__name {
  top: -4px;
  position: relative;

}

.add_cat_link {
  position: absolute;
  font-size: 11px;
   font-family: 'Product Sans Medium Regular';
  color: #2D3E50;
}

.table-hover tbody tr:hover .add_cat_link {
  display: block;

}


.di_block.relative_div .add_cat_link {
  left: 54px;
  top: 28px;
}

.add_cat_link:hover {
  text-decoration: none;
  color: #2D3E50;
}

.add_cat_link .mp_ic_add {
  background: #2D3E50;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: white;
  padding: 2px;
  margin-right: 10px;
}

.side_nav {
  width: 100%;
  height: 200px;
  background: red;
  float: left;
}

.left_nav_col {
  max-width: 80px;
}

.left_nav,
.left_nav ul {
  padding: 0px;
  margin: 0px;
}

.left_nav ul li {
  font-size: 36px;
  display: block;
  text-align: center;
  padding: 5px 0;
}

.left_nav ul li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  color: #919599;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  line-height: 52px;
}

.left_nav ul li a:hover {
  text-decoration: none;
  color: #49a5e0;
}

.left_nav ul li.active_nav a {
  background: #dbedf9;
  color: #49a5e0;
}

.floating_btn {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  -webkit-box-shadow: 7px 6px 13px -4px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 7px 6px 13px -4px rgba(0, 0, 0, 0.27);
  box-shadow: 7px 6px 13px -4px rgba(0, 0, 0, 0.27);
  background: #d63964;
  display: inline-block;
  width: 60px;
  font-size: 32px;
  text-align: center;
  line-height: 65px;
  height: 60px;
  color: #FFFFFF;
  margin-top: 15px;
  position: relative;
  left: -4px;
}

.floating_btn:hover {
  text-decoration: none;
  color: white;
}

.close_BTN {
  background: none;
  border: none;
  font-size: 26px;
  line-height: 30px;
  margin-top: 0px;
  height: 45px;
  position: relative;
}

.modal-header {
  padding: 10px;
  display: block;
}

.modal-body {
  padding: 1.5rem;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 100%;
    max-width: 1024px;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
    max-width: 1024px;
  }


}

.help_txt {
   font-family: 'Product Sans Medium Regular';
  font-size: 11px;
  display: block;
  color: #202020;

}

.cat_img_bg,
.qr-code-img {
  width: 100px;
  height: 100px;
  display: inline-block;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  margin-bottom: 10px;
  line-height: 100px;
  margin-bottom: 10px;
  overflow: hidden;
}

.clearfix.nav_scroll.container-fluid {
  margin-bottom: 15px;
  margin-top: 0px !important;
}

.cat_img_bg:after {
  content: "\e915";
  position: absolute;
  width: 100%;
  top: 0px;
  font-family: 'metispro';
  color: #d7d7d7;
  font-size: 36px;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}

.settings_sec .form-check-label {
  font-size: 13px;
  color: #5b5b5f;
  margin-bottom: 10px;
}

.settings_sec.bdrl {
  border-left: 1px solid #e9ecef;
}

.list_roles {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list_roles li {
  position: relative;
  font-size: 14px;
  padding: 0 0 5px 18px;
}

.pr-cs {
  padding-right: 5px !important;
}

.gray_head {
  background: #ededed;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.list_roles li:before {
  position: absolute;
  width: 20px;
  content: "\e90c";
  font-family: 'metispro';
  left: 0px;
}

/***************************************/
.group_in_i {
  position: relative;
  margin-bottom: 30px;
}

.group_in_i input {
  display: block;
  width: 100%;
  border: none;
  border: 1px solid;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #2D3E50;
  letter-spacing: 0.7px;
  font-size: 0.80rem;

}

.group_in_i input:focus {
  outline: none;
}

/* LABEL ======================================= */
.group_in_i label {
   font-family: 'Product Sans Medium Regular';
}

.group_in_i label i {
  font-size: 24px;
  float: left;
  position: relative;
  left: -8px;
}

label.fs_12 {
  margin-bottom: 2px !important;
  padding-bottom: 0px;
  font-size: 13px;
  font-family: 'Product Sans Medium Regular';
}

.custom-select,
.form-control {
  letter-spacing: 0.3px;
  font-size: 0.80rem;
  color: #2D3E50;
  height: calc(2.10rem + 2px);
  border: 1px solid;
  border-radius: 8px;
  box-shadow: none;
  font-family: 'Product Sans Regular';
}

/* active state */

label {
  font-size: 13px;
  font-family: 'Product Sans Regular';
}

/* BOTTOM BARS ================================= */
.group_in_i .bar {
  position: relative;
  display: block;
  width: 100%;
}

.group_in_i .bar:before,
.group_in_i .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 0px;
  position: absolute;
  background: #49a5e0;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.group_in_i .bar:before {
  left: 50%;
}

.group_in_i .bar:after {
  right: 50%;
}

/* active state */
.group_in_i input:focus~.bar:before,
input:focus~.bar:after {
  width: 50%;
}

/* HIGHLIGHTER ================================== */
.group_in_i .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

/* active state */
.group_in_i input:focus~.highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

span.red_t {
  color: #ed2024 !important;
}

.color_black {
  color: #0f1012;
   font-family: 'Product Sans Medium Regular';
}

.color_black:hover {
  text-decoration: none;
}

.pad_a_25 {
  padding: 25px;
}

.tc_14 {
  width: 14%;
}

.tc_19 {
  width: 19%;
}

.tc_40 {
  width: 25%;
}

.table td.center_td {
  text-align: center;
}

label.cc__box.di_block {
  padding-left: 27px;
  line-height: 22px;
  display: inline-block;
}

.center_td .form-control {
  width: 50%;
  display: inline-block;
}

.center_td.price_in .form-control {
  width: 100%;
  display: inline-block;
}

.table tr.shadow_b {
  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.13);
  position: relative;
  z-index: 2;
}

.table.gray_bg {
  background: white;
}

.table.gray_bg th:first-child {
  padding: 7px 10px 7px 15px !important;
}

.table.gray_bg th:last-child {
  padding: 7px 15px 7px 10px !important;
}


.table tbody tr.active_open {
  background: white;
}

.table tbody tr.active_open a {
  color: #49a6e0;
}

.headig_tr {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  padding: 0;
  margin: 3px 0 0 5px;
  font-family: 'Product Sans Light Regular';
}

body.gray_bg {
  background: #fafafa;
}

.bd-content.settingsclass {
  -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: white;
  position: relative;
  z-index: 2;
  padding-top: 0px !important;
}

.side_setting {
  width: 100px;
  background: #edefee;
  height: 80vh;
  top: 0;
  float: left;
}

@media (min-width: 768px) {
  .bd-links {
    display: block !important;
  }

  .bd-sidebar {
    -ms-flex: 0 1 280px;
    flex: 0 1 280px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    height: 100vh;
    overflow: hidden;
  }
}

.bd-sidebar {
  margin-left: 0px;
  margin-top: -12px;
}

.bd-toc-item.active>.bd-sidenav {
  display: block;
}

.bd-sidebar .nav>li {
  display: block;
  width: 100%;
}

.bd-sidebar .nav>li>a {
  display: block;
  padding: 0.8rem 1rem;
  font-size: 15px;
  color: #8d8d8d;
  position: relative;
}

.bd-sidebar .nav>li>a i {
  color: #999999;
  font-size: 18px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;
}

.bd-sidebar .nav>li>a:hover,
.bd-sidebar .nav>li>a:hover i {
  color: #212121;
  text-decoration: none;
}

.bd-sidebar .nav>li.active_s a,
.bd-sidebar .nav>li.active_s a i {
  background: #e5f6fc;
  text-decoration: none;
  font-weight: 500;
}

.bd-search {
  position: relative;
  padding: 0;
  z-index: 2;
}

.bd-links {
  padding-top: 0;
  padding-bottom: 1rem;
  max-height: calc(100vh - 10rem);
  margin-left: -15px;
  margin-right: -15px;
  overflow-x: hidden;
  background: none;
}

.group_in.search_full input {
  padding: 10px 15px 10px 15px;
  background: white;
  border: 2px solid #b5b5b5;
  border-radius: 4px;
}

.group_in.search_full label {
  left: 17px;
  top: 5px;
}

.setting_content {
  width: 100%;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 20px 5px;
  /*margin-bottom: 40px; Extra Space Coming*/
  margin-bottom: 0px;
  clear: both;
}


th.center_td {
  text-align: center;
}

.setting_content .form-control:disabled,
.setting_content .form-control[readonly],
.setting_content .custom-select:disabled {
  background-color: white;
  border: none;
  opacity: 1;
  /*margin-left: -0.75rem;*/
  padding-left: 0px;
  color: #505050;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}

#reportgrplisttable label.cc__box.di_block {
  padding-left: 22px;
}

.setting_content .form-inline.f-right-n .form-control:disabled,
.setting_content .form-inline.f-right-n .form-control[readonly],
.setting_content .form-inline.f-right-n .custom-select:disabled {
  background-color: white;
  border: none;
  opacity: 1;
  margin-left: -0.75rem;
  text-align: right;
}

.setting_content.read_mode .cc__box:hover input~.checkmark {
  background: #07396B;
  cursor: not-allowed;
}

.cc__box .checkmark:after .edit__ac.hv:hover {
  text-decoration: none;
  background: #dfedf2;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}

.se_row {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 0px;

  padding: 6px 0px;
  align-items: center;
}

.se_row.bd__2 {
  border-bottom: 2px solid rgba(0, 0, 0, .07);
  margin-bottom: 0px;
}

.form-inline .form-control.b50 {
  width: 100%;
}

.form-group.row.se_row .col-sm-8.pd_c_f .form-check {
  padding-bottom: 5px;
}

.form-group.row.se_row .pd_c_f {
  padding-top: 0px;
  padding-bottom: 0px;
}

.form-group.row.se_row .col-sm-8.pd_c_f {
  padding-top: 0px;
  padding-bottom: 0px;
}

.se_row .col-form-label {
  color: #505050;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  min-width: 132px;
  vertical-align: middle;

  padding: 0;
}

/*************************/
.switch {
  font-size: 1rem;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  float: left;
  margin-right: 15px;
  margin-bottom: 0px;
}

.switch input {
  position: absolute;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
  opacity: 0;
  width: 0;
  height: 0;
}

.switch input+label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}

.switch input+label::before,
.switch input+label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}

.switch input+label::before {
  right: 0;
  background-color: #e8e8e8;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}

.switch input+label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}

.switch input:checked+label::before {
  background-color: #08d;
}

.switch input:checked+label::after {
  margin-left: calc(2.375rem * .8);
}

.switch input:focus+label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25);
}

.switch input:disabled+label {
  color: #868e96;
  cursor: not-allowed;
}

.switch input:disabled+label::before {
  background-color: #e9ecef;
}

.switch.switch-sm {
  font-size: 0.875rem;
}

.switch.switch-sm input+label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}

.switch.switch-sm input+label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}

.switch.switch-sm input+label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}

.switch.switch-sm input:checked+label::after {
  margin-left: calc(1.9375rem * .8);
}

.switch.switch-lg {
  font-size: 1.25rem;
}

.switch.switch-lg input+label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}

.switch.switch-lg input+label::before {
  width: calc(calc(3rem * .8) * 2);
}

.switch.switch-lg input+label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}

.switch.switch-lg input:checked+label::after {
  margin-left: calc(3rem * .8);
}

.switch+.switch {
  margin-left: 1rem;
}

/*--------------------------------------------------------
SETTING SECTION
--------------------------------------------------------*/
.setting_box_header {
  display: block;
}

.setting_content .border-bottom.mb-3 {
  padding-bottom: 0px;
  margin-top: 0px;
  border-bottom: none !important;
}

.setting_content .border-bottom.mb-3 h4.di_block,
.setting_content .mb-1 .col-md-8.pl-0 h4.di_block,
.setting_content .mb-3 h4.di_block {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  font-style: normal;
  font-family: 'Product Sans Bold';

}

form#generalinfo {
  padding: 0px 15px;
}

.setting_content.read_mode>.mb-1,
.setting_content.edit_mode>.mb-1 {
  margin-top: 1.5rem;
  padding: 0px 15px;
}


.setting_box_header h4 {
  font-size: 24px;
  font-weight: 500;
  padding: 15px 0 15px 0;
  display: block;
  border-bottom: 2px solid #cccccc;
  margin-bottom: 0px;
}

.setting_content.read_mode a.edit_btn {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 1px solid #07396b;
    background: #f4f5f8;
    font-size: 13px;
    color: #07396b;
    padding: 5px 30px 5px 30px;
    display: inline-block;
     font-family: 'Product Sans Medium Regular';
    position: relative;
    min-width: 110px;
    text-align: center;
}


.setting_content.edit_mode a.edit_btn {
  border: 1px solid #07396b;
  background: #1e4b78;
  font-size: 13px;
  color: #ffffff;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  padding: 5px 30px 5px 30px;
  display: inline-block;
   font-family: 'Product Sans Medium Regular';
  position: relative;
  min-width: 110px;
  text-align: center;
}
.setting_box_header a.edit_btn i {position: absolute;}
.setting_box_header a.edit_btn i.mp_ic_edit {top: 4px;font-size: 21px;left: 5px;}


.setting_box_header a.edit_btn i.mp_ic_close_b {
  font-size: 13px;
  top: 8px;
  left: 10px;
}


.setting_box_header a.edit_btn:hover {
  text-decoration: none;
}

.mp_ic_help_i.tip_i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.se_row .location__name .col-form-label {
  padding-left: 0;
  padding-bottom: 0px;
  padding-top: 9px;
}

.business_hours {
  clear: both;
}

.business_hours ul {
  padding: 0px;
  margin: 15px;
}

.business_hours ul li {
  display: block;
  padding: 5px 0;
}

.business_hours ul li span {
  display: inline-block;
  width: 15%;
  min-width: 150px;
}

.img-res {
  width: auto;
  max-width: 100%;
}

/* Add an active class to the active dropdown button */
.bd-sidebar .nav>li>a.active {
  background-color: #f8f9fa;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #f8f9fa;
  margin: 0px;
  padding: 0px 12px 8px 50px;
  list-style: none;
}

.bd-sidebar .nav>li>ul.dropdown-container li a.active {
   font-family: 'Product Sans Medium Regular';
}

.bd-sidebar .nav>li>ul.dropdown-container li a {
  display: block;
  padding: 0.3rem 0;
  font-size: 14px;
  color: #8d8d8d;
  position: relative;
}

.bd-sidebar .nav>li>ul.dropdown-container li a:hover,
.bd-sidebar .nav>li>ul.dropdown-container li a.dropdown-btn:hover:after {
  color: #212121;
}

.bd-sidebar .nav>li>a.dropdown-btn:after,
.bd-sidebar .nav>li>ul.dropdown-container li a.dropdown-btn:after {
  position: absolute;
  right: 0;
  color: #8d8d8d;
  font-family: 'metispro';
  width: 18px;
  height: 18px;
  content: "\e906";
  top: 11px;
  margin: 0 20px 0 0;
  font-size: 20px;
  line-height: normal;
}

.bd-sidebar .nav>li>ul.dropdown-container li a.dropdown-btn:after {
  margin: 0;
  top: 5px;
  margin-right: 6px;
}

.bd-sidebar .nav>li>a.dropdown-btn:hover:after {
  color: #212121;
}

.bd-sidebar .nav>li>ul.dropdown-container li a.active.dropdown-btn:after {
  -webkit-transform: rotate(181deg);
  -moz-transform: rotate(181deg);
  -o-transform: rotate(181deg);
  writing-mode: lr-tb;
  top: 7px;
  right: 0px;
  line-height: normal;
}

.bd-sidebar .nav>li>a.active.dropdown-btn:after {
  -webkit-transform: rotate(181deg);
  -moz-transform: rotate(181deg);
  -o-transform: rotate(181deg);
  writing-mode: lr-tb;
  top: 16px;
  right: -5px;
  line-height: normal;
}

.bd-sidebar .nav>li>ul.dropdown-container li>ul.dropdown-container {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 0px;
  }

  .sidenav a {
    font-size: 18px;
  }
}

th.pl_s_37 {
  padding-left: 37px;
  border-top: none;
}

.cal_icon {
  position: absolute;
  width: 24px;
  right: 4px;
  top: 9px;
  color: #2D3E50;
  margin-right: 0px !important;
  cursor: pointer;
}

a.cal_icon.gn_p {
  right: 111px;
  z-index: 55;
}

.sorting_arrow {
  display: inline-block;
  position: relative;
  top: 0px;
  font-size: 16px;
  padding-left: 4px;
}

.inner_hide_box {
  margin-bottom: 15px;
  clear: both;
}

.form-row>.col,
.form-row>[class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.pl-2-f {
  padding-left: 2.5rem !important;
}

.custom-control-label {
  font-size: 0.86rem;
}

.gray_link_full {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffff;
  display: block;
  padding: 15px 20px 15px 20px;
  color: #c83630;
  line-height: 24px;
  font-family: 'Product Sans Bold';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
}

.gray_link_full p.address_show {
  font-size: 14px;
  padding: 0 0 0 20px;
  margin: 0px;
  line-height: normal;
  color: #212529;
}

.gray_link_full:hover {
  text-decoration: none;
}

.gray_link_full i {
  margin-right: 5px;
}

a.gray_link_full:after {
  content: "\e917";
  font-family: 'metispro';
  width: 20px;
  position: absolute;
  right: 0;
  color: #c83630;
  top: 15px;
  margin-right: 29px;
  font-size: 18px;
}

div#addEditPurchaseOrderModal a.blue__btn.smBtn.btn_item.mt-0 {
  margin-top: 22px !important;
}

.arrow_right_cl>button.color_black {
  position: relative;
  padding-right: 25px;
}

.arrow_right_cl>button.color_black i {
  font-size: 22px;
  color: #909090;
  padding-right: 12px;
}

.arrow_right_cl>button.color_black:hover,
.arrow_right_cl>.color_black[aria-expanded="true"],
.arrow_right_cl>.color_black:focus,
.arrow_right_cl>button.color_black:hover i {
  text-decoration: none;
}

.arrow_right_cl>button.color_black:after {
  position: absolute;
  right: 0;
  content: "\e918";
  font-family: 'metispro';
  top: 9px;
}

.arrow_right_cl>.color_black[aria-expanded="true"]:after {
  content: "\e918";
  transform: rotate(180deg);
}

.roles_t {
  width: 30%;
  min-width: 200px;
}

.hourly_r {
  width: 15%;
  min-width: 140px;
}

.uprecords_r {
  width: 24%;
  min-width: 200px;
  text-align: center;
}

.arrow_right_cl {
  display: inline-block;
}

.table th,
.table td {
  padding: 4px 10px !important;
  vertical-align: middle;
  border-top: 1px solid;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: 0.6px;
}


.table th:first-child,
.table tbody td:first-child .cc__box.di_block {
  padding-right: 0px;
}

.edit__ac span.mp_delete {
  font-size: 24px;
  position: relative;
  top: 3px;
}

.edit__ac span.mp_ic_edit {
  position: relative;
  top: 2px;
}


.table td:last-child {

  white-space: nowrap;
}


.table th label.cc__box.di_block {
  margin-bottom: 0px;
  min-height: 24px;
  font-size: 12px;
  color: #1a1a1a;
}


.modal-header h5.modal-title {
  font-size: 17px !important;
  text-align: left !important;
  padding-left: 60px;
  font-family: 'Product Sans Bold';
  font-style: normal;
  font-weight: 700;

}


.page-item.active .page-link {
  z-index: 1;
  color: #fff;
}

/*--------------------*/
/*--------------------------*/
#accordion.custom__design,
#accordion.custom__design .card-header {
  background: #ffffff;
}

#accordion.custom__design {
  min-height: 450px;
}

#accordion.custom__design .card-body {
  padding: 0rem 1.25rem 1rem 1.25rem;
}

#accordion.custom__design .card-header {
  padding: 0.5rem 1.25rem 0.5rem 1.25rem;
}

#accordion.custom__design .card-header h5,
#accordion.custom__design .card-header h5 a {
  font-family: 'Product Sans Light Regular';
  font-size: 17px;
  color: #737373;
}

/*========================================================================
not sure where it was used this is comman class so it's creating issue 10-April-2020- Tejpal
.mb-0 > a {
    display: block;
    position: relative;
}
.mb-0 > a:hover {
    text-decoration: none;
}
.mb-0 > a:after {
    content: "\e918";
    font-family: 'metispro';
    margin-left: 12px;
    position: relative;
    top: 3px;
}
.mb-0 > a[aria-expanded="true"]:after {
    content: "\e933";
}
========================================================================*/
.fliters_sec.gray_bg_c {
  background: #f2f2f2;
}

#accordion.custom__design .card-header h5 a[aria-expanded="true"] {
  font-weight: 500;
}

#accordion.custom__design .inner_custom .mb-0>a:after {
  content: "\e917";
  /* fa-chevron-down */
  font-family: 'metispro';
  position: absolute;
  left: -27px;
  color: #5e5e5e;
  font-size: 14px;
  top: 10px;
  margin: 0;
}

#accordion.custom__design label.cc__box {
  padding-left: 25px;
  margin-bottom: 10px;
  color: #575757;
  line-height: 22px;
}

#accordion.custom__design .inner_custom .mb-0>a {
  color: #5e5e5e;
}

.card-header.bdr_2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125)
}

#accordion.custom__design .inner_custom .card-header {
  padding: 5px 0 5px 44px;
}

.mp_feature_star.yellow_ic {
  color: #e9c228;
  font-size: 18px;
  position: relative;
  top: -3px;
  display: inline-block;
  vertical-align: middle;
}

#accordion.custom__design .inner_custom .mb-0>a[aria-expanded="true"]:after {
  content: "\e918";
  /* fa-chevron-up */
}

#accordion.custom__design .inner_custom .card-header h5,
#accordion.custom__design .inner_custom .card-header h5 a {
  font-size: 16px;
}

.collapsed.border_bot {
  border-bottom: none;
}

.custom-control-label.font_col {
  font-size: 13px;
  padding-top: 2px;
  color: #454545;
}

.bg_gray {
  background: #f2f2f2;
  padding-top: 16px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.page_content {
  clear: both;
}

a.float-right-link {
  float: right !important;
  position: relative;
  margin-right: 20px;
  margin-top: 15px;
  font-size: 13px;
}

.dropdown-menu.large-dropsize {
  width: 50rem;
}

.colum-half-li {
  padding: 14px 0 0 0;
  margin: 0;
  list-style: none;
  width: 100%;
  float: left;
}

.dropdown-menu {
  -webkit-box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.11);
}

.colum-half-li label {
  color: #303440 !important;
}

#accordion.custom__design label.cc_select.cc__box {
  color: #01a7e6 !important;
}

.assign_btn {
  background: none;
  font-size: 14px;
  margin: 10px 15px 0 0;
}

.sm_textdropdown.blue_link {
  font-size: 13px;
}

.dropdown__header {
  padding: 5px 15px 12px 15px;
  clear: both;
  border-bottom: 1px solid #e9ecef;
}

.custom_searchbox {
  padding: 15px 15px 5px 15px;
  clear: both;
  position: relative;
}

.custom_searchbox input[type="text"] {
  border: none;
  width: 100%;
  outline: none;
  padding: 0 0 8px 25px;
  border-bottom: 1px solid #c8c8c8 !important;
}

.custom_searchbox input[type="text"]:focus {
  border-bottom: 1px solid #01a7e6 !important;
}

.custom_searchbox:before {
  position: absolute;
  left: 11px;
  content: "\e90d";
  width: 24px;
  height: 24px;
  font-family: 'metispro';
  font-size: 24px;
  top: 12px;
  color: #8e8e93;
}

.colum-half-li li {
  display: block;
  width: 50%;
  float: left;
  padding: 0 0 0 15px;
}

#addresslistshow {
  background: #f3f3f3;
  padding: 10px 15px 5px 15px;
  margin-top: 5px;
  border-radius: 5px;
}

p.address_show {
  font-size: 13px;
  margin: 0;
  padding: 0 0 5px 0;
}

.form-group.update_recorde {
  width: 212px;
}

.form-group.update_recorde .form-control {
  width: 98px;
  margin-right: 8px;
  font-size: 14px;
}

.table thead th.default_role_col {
  width: 9%;
  min-width: 113px;
}

.table thead th.uprec_col {
  width: 25%;
  min-width: 245px;
  text-align: center;
}

p.address_show span.mp_delete {
  font-size: 15px;
}

#employeeformmodal .fliters_sec {
  margin: 16px 0 -32px 0;
}

#leadformmodal .fliters_sec {
  margin: 16px 0 -32px 0;
}

/*-----------------TABLE------------------*/
th.col_checkbox,
td.col_checkbox {
  min-width: 30px;
  width: 1%;
}

.hourly_r {
  width: 10%;
  min-width: 88px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  background: #fff;
  border: 1px dashed #73c1df;
  padding: 12px 15px 12px 15px;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
}

.upload-btn-wrapper:hover {
  background: #e2f2ff;
}

.btn_uplod {
  border: none;
  font-size: 13px;
  color: #8e9196;
  text-align: left;
  cursor: pointer;
  padding-left: 35px;
  background: none;
}

.dropdown-item {
  font-size: 12px;
  color: #2D3E50;
  padding: 3px 10px;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
}

.btn_uplod i {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 24px;
  color: #01a7e6;
}

/*-------------EMPLOYEE INFO--------------*/
span.icon_profile {
  width: 36px;
  height: 36px;
  background-color: #b1b5b7;
  margin: 0px 0px;
  color: white;
  float: left;
  display: inline-block;
  border-radius: 100%;
  text-align: center;
  -moz-border-radius: 100%;
  line-height: 28px;
}

span.icon_profile i {}

h1.heading_1 {
  font-size: 20px;
  font-weight: 500;
  padding-left: 45px;
  margin-top: 5px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

.text_count p {
  font-size: 14px;
  color: #1a1a1a;
  margin-bottom: 7px;
}

.text_count p span {
  font-size: 14px;
  color: #929293;
  display: inherit;
  padding-bottom: 4px;
}

.border_top {
  border-top: 1px solid #d3d3d3;
}

a.index_link {
  font-size: 12px;
}

a.index_link:hover {
  text-decoration: none;
}

.ratio_wid {
  width: 100%;
  clear: both;
}

.ratio_wid img {
  width: auto;
  max-width: 100%;
}

h1.jerm_rose {
  font-size: 20px;

  font-family: 'Product Sans Light Regular';
  text-align: left;
  padding-bottom: 0px !important;
  margin-bottom: 0px;
}

.img_profile {
  text-align: left;
  position: relative;
  margin-top: 10px !important;
  overflow: hidden;
}

.img_profile img {
  border-radius: 5px;
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 20px;
  -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.28);
}

.emp_info_profile {
  border-top: 1px solid #d3d3d3;
  padding: 15px;
}

a.edit__link {
  display: inline-block;
  font-size: 13px;
  border-radius: 100px;
  border: none;
  line-height: normal;
  line-height: 27px;
  color: #6f6f6f;
  margin-top: 11px;
  padding-right: 18px;
  padding-left: 5px;
  background: white;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  padding-bottom: 2px;
}

.emp_info_profile ul li a.edit__link span {
  margin: 0;
  font-size: 23px;
  padding-top: 0;
  position: relative;
  top: 4px;
}

.emp_info_profile ul {
  list-style: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.emp_info_profile ul li {
  font-size: 14px;
  color: #4b4d4e;
  margin-bottom: 8px;
}

.emp_info_profile ul li span {
  font-size: 14px;
  color: #6f6f6f;
  display: inherit;
  padding-top: 12px;
}

.left_side_count {}

.right_side_count {
  background: #ffffff;
  padding: 20px 8px;
}

/*---------------------------------
       UPLOAD CUSTOM DESIGN
----------------------------------*/

.pt_top__md label.form-check-label {
  font-size: 13px;
}

.upload-btn-wrapper-btn .btn_upload {
  border: 1px solid gray;
  color: white;
  background-color: grey;
  padding: 4px 14px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}

.upload-btn-wrapper-btn input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*--z-index: 0;--*/
  cursor: pointer;
}

.upload-btn-wrapper-btn:hover .btn_upload {
  border: 1px solid #1F4C79;
  color: #1F4C79;
}

.table-hover tbody tr.active__cat {
  background-color: #fbfbfb;
  border: 1px solid #e1e1e1;
}

.table-hover tbody tr.active__cat.sub_cat {
  background-color: #fbfbfb;
  border-bottom: 2px solid #e8e8e8;
}

.table-hover tbody tr.active__cat .add_cat_link {
  display: block;
}

.table tr td.table_pnone {
  padding: 0px !important;
}

.table tr td.table_pnone {
  border-left: 1px solid white;
}

.table th.pl_s_37,
.table td.pl_s_37 {
  padding-left: 27px !important;
}

.table th.pl_s_40,
.table td.pl_s_40 {
  padding-left: 46px !important;
}

.table th.pl_s_80,
.table td.pl_s_80 {
  padding-left: 80px !important;
}

.mp_ic_right_arrow.open_s {
  transform: rotate(90deg);
}

.sub_catgeory_table .table {
  background: #f5f6f8;
}

.sub_catgeory_table i.mp_ic_right_arrow {
  position: relative;
  top: 3px;
}

.add_col_td {
  width: 8%;
  min-width: 100px;
}

.table-hover tbody tr.sub_catgeory_table:hover {
  background: white;
}

.table-hover tbody tr.sub_catgeory_table:hover .table tbody tr:hover {
  background: white;
}

.sub_catgeory_table .table {
  margin-bottom: 0px !important
}

/*-----------------TABLE COLUMS------------------*/
.td_20_m180 {
  width: 20%;
  min-width: 180px;
}

.td_20_m160 {
  width: 20%;
  min-width: 160px;
}

a.toggle_sec {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
}

a.toggle_sec:hover {
  text-decoration: none;
}

a.toggle_sec:after {
  content: "\e917";
  font-family: 'metispro';
  position: absolute;
  left: 0px;
  color: #5e5e5e;
  font-size: 14px;
  top: 0px;
  margin: 0;
}

td.gray__link_td a {
  color: #5b5b5f;
}

th.gray__link_td a {
  color: #212121;
}

.gray__link_td.manage_ticket_gray_td {
  max-width: 315px;
  word-wrap: break-word;
}

.min_width_gray__link_td {
  min-width: 130px;
}

.prefix_error_red {
  color: red;
  font-size: 13px;
  display: block;
  line-height: normal;
}

.loading {
  background: #1a1a1a;
  padding: 15px;
  position: fixed;
  opacity: 0.5;
  border-radius: 4px;
  /* left: 50%; */
  /* top: 50%; */
  text-align: center;
  /* margin: -40px 0 0 -50px; */
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: none;
}

.loading span {
  margin-top: 20%;
  color: #fff;
  font-size: 80px;
}

/*-----------------------------------------------
           DASHBOARD UI
-----------------------------------------------*/
.white_box_a {
  text-align: center;
  padding: 13px 3px;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 -15px;
}

.mp_ic_sorting.fs_20.ml-1 {
  position: relative;
  top: 4px;
  font-size: 16px;
}

.bd_bottom {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 20px;
  position: relative;
  top: -10px;
}

.white_box_a.bdnone {
  border-bottom: none;
}

.white_box_a:hover {
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 2;
}

.white_box_a .icon_circle,
span.color-circle {
  text-align: center;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 9px;
  background-color: #00bda5;
  color: white;
  padding: 0;
  margin-top: 3px !important;
}


.top_products li:hover {
  background: #f4f5f8;
}

.white_box_a .icon_circle i {
  font-size: 13px;
}

.white_box_a .icon_circle.blue_cir i {
  color: #b5b5b5;
}

.white_box_a .icon_circle.purple_cir i {
  color: #b5b5b5;
}

span.icon_profile i {
  line-height: 35px;
}

.white_box_a .icon_circle.yellow_cir i {
  color: #b5b5b5;
}

.white_box_a .icon_circle.green_cir i {
  color: #b5b5b5;
}

.white_box_a h1 {
  font-family: 'Product Sans Light Regular';
  font-size: 24px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  display: block;
}

.box_white_equal .white_box_sec.box_pad_none {
  padding: 0px;
  margin: 0px;
}

.white__box__equal {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.progress_status {
  display: block;
  font-size: 13px;
   font-family: 'Product Sans Medium Regular';
  letter-spacing: 1px;
  text-align: left;
  padding-top: 5px;
  display: none;
}

.progress_status.red_down {
  color: #f12b2a
}

.progress_status.green_up {
  color: #36c535
}

.progress_status.green_up i {
  transform: rotate(180deg);
}

.progress_status i {
  font-size: 16px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.img_graph_demo {
  width: auto;
  max-width: 200px;
  padding: 15px 0;
}

.img_graph_demo_a {
  width: auto;
  max-width: 100%;
  padding: 15px 0;
}

.white_box_sec {
  padding: 20px;
  border-radius: 8px;
  -moz-border-radius: 3px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 4px 12px #0000000f;
  -moz-box-shadow: 0px 4px 12px #0000000F;
  box-shadow: 0px 4px 12px #0000000f;
  border: 1px solid;
  width: 100%;
}

.white_box_sec.b__shadow {
  -webkit-box-shadow: 0px 4px 12px #0000000F;
  -moz-box-shadow: 0px 4px 12px #0000000F;
  box-shadow: 0px 4px 12px #0000000F;
  border: 1px solid;
}

.white_box_sec h6 {
  font-size: 16px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  letter-spacing: 0.08px;
}

.top_products {
  padding: 0px 0 0 0px;
  margin: -20px -20px 0 -20px;
}

.top_products li {
  padding: 12px 20px 12px 20px;
  margin: 0px;
  font-size: 14px;
  color: #585858;
  border-bottom: 1px solid #e3e3e3;
  list-style-position: inside;
}

.top_products li:last-child {
  border-bottom: none;
}

.top_products li span {
  display: inline-block;
  float: right;
  width: 10%;
  padding: 0 15px;
  text-align: right;
}

/*------PROJECT MIX REPORT----------*/
.white_top_bar {
  padding: 15px 25px 30px 25px;
  position: relative;
  /* top: -13px; */
  margin-bottom: -10px
}

.pdf_red {
  border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;

  display: inline-block;
  padding: 2px 5px;
  font-size: 20px;
  width: 32px;
  text-align: center;
  line-height: 40px;
  height: 32px;
  vertical-align: middle;
}

.pdf_red i {
  position: relative;
  top: 3px;
}

.excel_green {
  border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  color: #668d56;
  display: inline-block;
  padding: 2px 5px;
  font-size: 20px;
  width: 32px;
  text-align: center;
  /*line-height: 40px;*/
  height: 32px;
  vertical-align: middle;
}

.excel_green i {
  position: relative;
  top: 3px;
}

tr.has_sub_cat[aria-expanded="true"] td {
  color: #262335;
  font-weight: 500;
  background-color: #fbfbfb;
  border-bottom: 2px solid #2D3E50;
}

.table-hover tbody tr.sub_cat_tr {
  background-color: #fbfbfb;
  border: 1px solid #e1e1e1;
}

.tabbed-page {
  padding-bottom: inherit;
  min-height: inherit;
  overflow: auto;
  padding: 0px;
  position: relative;
  z-index: 1;
  background: white;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid;

}

.tabbed-page .tabs-area {
  padding: 0 15px !important;
  margin: 0px;
}

.tabbed-page .tabs-wrapper {
  display: table;

}

.tabbed-page .tabs-container {
  display: table-row;
}

.detail-page-l .tabbed-page .tab,
.tabbed-page .tab {
  display: table-cell;
  border-bottom: 2px solid #ffffff;
  padding: 11px 12px;
  min-width: 75px;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0.2px;
  border-top: none;
}

.finalrow {
  background: #F4F5F8;
  font-weight: 500;
}

.tabbed-page .tab.active {
  background: white;
  border-bottom: 2px solid;
  border-top: none;
   font-family: 'Product Sans Medium Regular';
}

.report_heading {
  line-height: 30px;
  margin: 0px 0 0px 0px;
  font-family: 'Product Sans Bold';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 0;
}


.report_heading span {
  display: block;
  font-size: 13px;
  font-family: 'Product Sans Light Regular';
  letter-spacing: 0.2px;
}

.tags_sec_block {
  border-bottom: 1px solid #e8e8e8;
  top: -5px;
  position: relative;
  margin-bottom: 20px;
}

.table tbody td .cc__box.di_block {
  padding-right: 21px;
}

a.tags_sec {
  border-radius: 3px;
  -moz-border-radius: 3px;
  background: #dadada;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  color: #212529;
  padding: 5px 10px;
  margin: 4px 4px 10px 4px;
}

a.tags_sec i {
  margin-left: 3px;
}

.white_top_bar .col-md-3,
.white_top_bar .col-md-2 {
  margin-left: -1px;
}

.white_top_bar .col-md-2 {
  display: flex;
  align-items: center;
}

.white_top_bar .custom-select,
.white_top_bar .form-control {
  border-radius: 0px;
}

.white_top_bar .col-md-3:first-child .custom-select,
.white_top_bar .col-md-3:first-child .form-control {
  border-radius: 5px 0 0px 5px;
}

.white_top_bar .custom-select:focus,
.white_top_bar .form-control:focus {
  position: relative;
  z-index: 1;
}

.white_top_bar .col-md-3:last-child .custom-select,
.white_top_bar .col-md-3:last-child .form-control,
.white_top_bar .col-md-2:last-child .custom-select,
.white_top_bar .col-md-2:last-child .form-control {
  border-radius: 0px 5px 5px 0px;
}

.btn-pink {
  background: #d63964;
  box-shadow: none;
  font-size: 19px;
  padding: 0px;
  height: calc(2.10rem + 2px);
}

button.btn-pink {
  color: white;
  border: none;
  font-size: 14px;
  padding: 0 10px;
}

.group_in.search__input input,
.group_in input {
  border: 1px solid #d1d1d1;
  display: block;
  width: 100%;
  padding: 5px 77px 5px 12px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  border-radius: 8px;
  height: 36px;
}


.header_block .group_in.search__input input {
  height: 36px;
}


a.search__go:hover {
  text-decoration: none;
}

a.search__go,
.onfi-form-search i.mp_ic_search {
  position: absolute;
  font-size: 31px;
  top: -2px;
  right: 0;
  padding: 0 10px;
}


.onfi-form-search i.mp_ic_search {
  top: 10px;
}


.icon_circle.yellow_cir i {
  font-size: 30px;
}

.multiselect-container {
  width: 100%;
}

.multiselect-container>li>a>label {
  padding: 3px 20px 3px 0px !important;
  font-size: 13px;
  color: #3c3c3c;
  height: auto !important;
}

.multiselect-container>li>a.multiselect-all label {
  font-weight: 500;
  font-size: 13px;
}

.multiselect-container>li.multiselect-group label {
  margin: 0;
  padding: 3px 20px 3px 0px;
  height: 100%;
  font-weight: 500;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0px;
}

span.multiselect-selected-text {
  font-size: 13px;
  text-align: left;
  width: 94%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  top: 3px;
  display: inline-block;
}

.login_top_sec {
  height: 25vh;
}

.login_top_sec h1 {
  font-size: 26px;
  text-align: center;
  padding: 50px 0 0 0;
}

.login_top_sec p {
  font-size: 13px;
  text-align: center;
  padding: 0;
}

.login_top_sec p a {
  font-size: 13px;
  display: inline-block;
  position: relative;
  color: #212529;
}

.login_top_sec p a:hover {
  text-decoration: none;
}

.login_top_sec p a:after {
  content: "";
  display: block;
  background: #212529;
  height: 1px;
  width: 100%;
}

h5.role_toggle {
  position: relative;
  font-size: 14px;
  padding: 0 0 6px 20px;
  margin: 0px;
}

h5.role_toggle .btn.btn-link {
  padding: 0px;
  font-size: 14px;
  color: #212529;
}

h5.role_toggle .btn.btn-link[aria-expanded="true"]:after {
  content: "\e918";
}

h5.role_toggle .btn.btn-link[aria-expanded="true"] {
  text-decoration: none;
}

h5.role_toggle .btn.btn-link:after {
  content: "\e917";
  font-family: 'metispro';
  position: absolute;
  left: 0;
  color: #5e5e5e;
  font-size: 13px;
  top: 4px;
  margin: 0;
}

.role_toggle_body {
  padding: 0px 0 0 20px;
  margin: 0px;
}

.box_white_equal {
  background: white;

  border-radius: 5px;
  -moz-border-radius: 5px;

}

.box_white_equal .white_box_sec {
  padding: 5px;
  overflow: inherit;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.box_equal_space {
  padding-top: 20px;
}

.col_floating_button {
  width: 60px;
  float: right;

}

.col_fliter_dropdown {
  margin-right: 80px;
  margin-top: 13px;
}

.bd_top_equal {
  border-top: 20px solid #f4f5f8;
  padding-top: 15px;
}

.field_error {
  display: block;
  color: #db383a;
  font-size: 13px;
}

.location__name {
  display: inline-block;
  padding: 0px 5px 0 25px;
  font-size: 14px;
  position: relative;
  top: 4px;
  color: white;
  margin-bottom: 10px;
}

.location__name .col-sm-12.pd_c_f {
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 0 0 11px 0 !important;
}

.location__name .col-sm-12.pd_c_f:last-child {
  border-bottom: none;
}

.bg_light_blue {
  background: #dff2ff;
}

.form-group.row.se_row .pd_c_f.switch_label .switch {
  margin-right: 0px;
}

/*-----------------------------------------------
             EOD
-----------------------------------------------*/
.eod_left_col_fix {
  background: white;
  min-width: 296px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
  max-width: 296px;
}

.white_section_right {
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  -moz-border-radius: 8px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 4px 12px #0000000F;
  -moz-box-shadow: 0px 4px 12px #0000000F;
  box-shadow: 0px 4px 12px #0000000F;
}

.total_col_box {
   font-family: 'Product Sans Medium Regular';
  background: #f9f9f9;
}

.total_col_box.bg_none {
  background: white;
}

.total_col_box.bd_none td,
.bd_none_td td {
  border-bottom: 1px solid white;
}

.eod_left_col_fix .table,
.eod_right_col .table {
  margin-bottom: 0px;
}

.section_heding_s {
  padding: 10px 0 7px 12px;
  margin: 0;
}

.custom_row {
  width: 100%;
  float: left;
}

#reportcontents .custom_row {
  padding: 0 15px;
}

.eod_right_col {
  width: auto;
  padding: 0 0 25px 25px;
  margin-left: 296px
}

.ic_payment_card {
  display: inline-block;
  width: 50px;
}

.c_s_b {
  border-radius: 2px;
  width: 14px;
  height: 14px;
  background: red;
  margin: 0px 9px 0 0px;
  display: inline-block;
  position: relative;
  top: 4px;
}

.subcat_table .table tr.has_sub_cat td:first-child:before {
  content: "\e90c";
  font-family: 'metispro';
  position: relative;
  left: -15px;
  color: #5e5e5e;
  font-size: 14px;
  top: 2px;
  margin: 0 -15px 0 0;
}

.subcat_table .table td:first-child {
  padding-left: 20px !important;
}

.subcat_table .table tr.has_sub_cat[aria-expanded="true"] td:first-child:before {
  content: "\e947";
}

.sub_cat_graph_art {
  display: block;
  padding: 0 0 0 0;
  margin: 5px 0;
  text-align: center;
  max-width: 400px;
  margin: auto;
}

.sub_cat_graph_art li {
  display: inline-block;
  height: 20px;
  background: #46addc;
  min-width: 10px;
}

.sub_cat_graph_art li:first-child {
  border-radius: 5px 0 0px 5px;
}

.sub_cat_graph_art li:last-child {
  border-radius: 0px 5px 5px 0px;
}

.top_section_eod {
  background: white;
  clear: both;
  overflow: hidden;
  margin: 25px 0px;
}

.top_section_eod .eod_left_col_fix {
  min-width: 315px;
  padding-bottom: 48px;
}

.top_section_eod .eod_left_col_fix .table tr:first-child td {
  border-top: 1px solid white;
}

.top_section_eod .eod_left_col_fix .table td:first-child {
  padding-left: 20px !important;
}

.top_section_eod .eod_left_col_fix .table tr:last-child td {
  border-bottom: 1px solid white;
}

.top_section_eod .eod_left_col_fix .total_big {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}

.top_section_eod .graph_details .total_big {
  font-size: 24px !important;
  font-weight: 300;
  border-top: 1px solid #E8E8E8E8E8E8 !important;
  text-align: center;
}

.top_section_eod .eod_right_col {
  padding-top: 30px;
  margin-left: 315px;
  overflow: hidden;
  border-left: 1px solid #E8E8E8E8E8E8;
}

.top_section_eod .graph_details {
  width: 60%;
  text-align: center;
  float: left;
}

.top_section_eod .graph_details .table th,
.top_section_eod .graph_details .table td {
  border: none;
}

.top_section_eod .graph_details .table th:last-child,
.top_section_eod .graph_details .table td:last-child {
  font-size: 13px;
}

.red__c {
  color: red !important
}

.gaph_pie {
  width: 30%;
  text-align: center;
  float: left;
}

.gaph_pie img {
  width: 50%;
  max-width: 100%;
}

.section_bd {
  border-bottom: 1px solid #E8E8E8E8E8E8;
  padding-bottom: 15px;
}

.section_bd.bdnone {
  border-bottom: none;
}

.modal-body .section_bd h5 {
  margin-bottom: 20px;
}

.report_content {
  clear: both;
  padding: 26px 0;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: baseline;
}

.report_content p {
  padding: 0;
  margin: 0px;
  font-size: 13px;
  line-height: 22px;
}

.bottom_action {
  clear: both;
  border-top: none;
}

.searchclassvar {
  border-bottom: 1px solid #cccccc;
}

.bottom_action ul {
  display: block;
  padding: 9px 0 0 0;
  margin: 0px;
  list-style: none;
}

.bottom_action ul li {
  display: inline-block;
  padding: 0 8px 0 0;
}

.bottom_action ul li:last-child {
  float: right;
}

.bottom_action ul li:last-child a {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: inline-block;
  padding: 4px 10px;
  display: inline-block;
}

.bottom_action ul li a i {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.bottom_action ul li:last-child a:hover {
  color: white;
  text-decoration: none;
}

.bottom_action ul li a {
  font-size: 13px;
  color: #8d8d8d;
}

.report_row {
  background-color: #fbfbfb;
  padding: 10px 15px;
}

.report_row.last {
  border-bottom: none;
}

.report_row:nth-of-type(odd) {
  background-color: white;
}

.no_sta {
  display: inline-block;
  font-size: 36px;
  font-weight: 300;
  color: #0b0c42;
}

.no_sta span {
  display: block;
  font-size: 14px;
  color: #888888;
  text-transform: uppercase;
  padding-top: 4px;
}

.graph_demo_top {
  width: 104px;
  max-width: 100%;
}

ul.graph_statics {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0px !important;
  list-style: none;
}

ul.graph_statics li {
  display: inline-block;
  font-size: 11px;
  font-family: 'Product Sans Light Regular';
  padding: 2px 15px;
  color: #6f6f6f;
  position: relative;
  padding-top: 13px;
  padding-bottom: 10px;
  border-right: 1px solid #dee2e6;
  width: 14.2%;
  text-align: center;
}

ul.graph_statics li:last-child {
  border-right: none;
}


ul.graph_statics li span.label_txt {
  display: block;
}

.max_w {
  max-width: 110px;
}

ul.graph_statics li span.amount__b {
  display: inline-block;
  width: auto;
  font-size: 18px;
  text-align: left;
  color: #3d3d3d;
}

.f_center_ox {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*------------------------------------------
               SANJEET
---------------------------------------------*/
#customer-notes,
#order-history {
  display: none;
}

.profile-details {
  background: #fff;
  padding-right: 0px;
  padding-left: 15px;
  height: 100vh;
  margin-left: 0px;
  margin-top: -11px;
  -webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.profile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding-top: 10%
}

.profile-info>img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.profile-info>h4 {
  text-align: center;
  padding-top: 10px;
  font-size: 17px;
  font-weight: 500;
}

.profile-info>h5 {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
}

.customer-nav {
  padding-left: 0px;
  margin-bottom: 0px;
}

.customer-nav>li i {
  margin: 0 15px 0 0;
  font-size: 18px;
}

.customer-nav>li i {
  margin: 0 15px 0 0;
  font-size: 18px;
}

.customer-nav>li {
  padding: 15px;
  list-style-type: none;
  font-family: 'Product Sans Light Regular';
  font-size: 14px;
  border-top: 1px solid rgba(240, 240, 240, 0.95);
  cursor: pointer;
}

.customer-nav>li:last-child {
  border-bottom: 1px solid rgba(240, 240, 240, 0.95);
}

.profile-bottom {
  background: #f4f5f8;
  display: flex;
  flex-wrap: wrap;
}

.customer-nav>.active {
  list-style-type: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.customer-nav>.active>span {
  font-family: 'Product Sans Light Regular';
}

.total-spend {
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
  margin-right: 0px;
  width: 50%;
  border-bottom: 1px solid rgba(230, 230, 230, 0.95);
  border-right: 1px solid rgba(230, 230, 230, 0.95);
}

.total-spend.bdrnone {
  border-right: none;
}

.total-spend>#total-details {
  font-size: 13px;
}

.total-spend>.count {
  font-weight: 500;
  padding-top: 2px;
}

.customer-contact-main {
  margin-top: 25px;
  margin-right: 50px;
  margin-left: 50px;
}

.customer-contact {
  background: #fff;
  padding-top: 17px;
  padding-left: 15px;
  padding-right: 20px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.customer-contact>h4 {
  font-size: 17px;
  font-weight: 500;
}

.customer-info {
  background: #fff;
  margin-top: 2px;
  display: flex;
  flex-wrap: wrap;
}

.customer-info>P {
  font-size: 13px;
  padding-top: 14px;
  padding-left: 30px;
}

.info-item {
  padding-left: 26px;
  padding-top: 15px;
  width: 50%;
  padding-bottom: 15px;
  padding-right: 20px
}

.info-item>.email-add {
  font-size: 13px;
}

.info-item>.email-id {
  font-weight: 500;
  font-size: 14px;
}

.edit-profile {
  margin-top: 17px;
  margin-left: 22px;
  margin-bottom: 20px;
  padding: 5px 19px 5px 10px;
  border-radius: 35px;
  border: 1px solid #d1d1d1;
  background: #fff;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
}

.edit-profile:hover {
  text-decoration: none;
}

.edit-profile i {
  font-size: 20px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.order-table th,
.order-table td {
  border: 1px solid rgb(236, 235, 235);
  border-collapse: collapse;
  padding: 7px 12px;
  font-size: 13px;
}

.order-table th {
  font-weight: 500;
}

.order-table-contant {
  background: #fff;
  margin-top: 25px;
  margin-right: 30px;
  margin-left: 41px;
  padding-bottom: 100px;
}

.order-table {
  background: #fff;
  padding-top: 30px;
  padding-left: 30px;
  padding-bottom: 40px;
  padding-right: 30px;
  max-width: 100%;
  margin-top: 1px;
}

#order-history {
  margin-top: 25px;
  margin-left: 41px;
}

.tab_full {
  width: 100%;
}

.edit-profile svg {
  width: 12px;
}

@media only screen and (max-width: 600px) {
  .profile-details {
    height: auto;
    margin-left: 0px;
  }

  .order-table-contant {
    margin-left: 20px;
  }

  .order-table {
    padding: 0px;
    margin-top: 21px;
    margin-left: 8px;
    max-width: 100%;
  }

  #order-history {
    margin-top: 0px;
    margin-left: 0px;
  }

  .customer-nav>li {
    margin-left: 15px;
  }
}

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

ul.top_products.alrets li {
  padding-left: 12px;
  padding-right: 12px;
}

ul.top_products.alrets li .alert__arrow {
  padding: 0;
  margin: 0;
  float: left;
  width: auto;
  position: relative;
  left: -10px;
}

.alert__arrow i {
  font-size: 20px;
  color: #db3832;
}

.graph_statics_b {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 30px;
}

.graph_statics_b span {
  display: block;
  font-size: 14px;
}

.add__sec {
  font-size: 13px;
}

.add__sec i {
  margin-right: 7px;
}

.flex__b_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.alert {
  position: relative;
  padding: 0.25rem 0.45rem;
  margin-bottom: 0.70rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 13px;
}

.headig_td_order {
  vertical-align: middle;
  font-size: 13px;
  font-family: 'Product Sans Light Regular';
  display: block;
  margin-bottom: 2px;
}

.notes__order {
  display: block;
  padding: 0.30em 0.5em;
  line-height: 1;
  margin-top: 3px;
  color: #1a1a1a;
  background-color: #F4F5F8;
  font-size: 13px;
  margin-right: 2px;
  border-radius: 2px;

}

.white_box_a.ml_mr_box {
  margin: 0 0px;
  background: #f4f5f8;
}

.white_box_a.ml_mr_box h1 {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
}

.gray_light {
  border-bottom: 1px solid #e9ecef;
  background: #f4f5f8;
  padding-bottom: 10px;
}

.white_box_a.bdnone {
  border-bottom: none;
}

.white_box_a h1 span {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  vertical-align: middle;
  text-align: left;
  color: #2D3E50;
  padding-bottom: 3px;
  font-family: 'Product Sans Light Regular';

}

.white_box_a.ml_mr_box h1 span {
  text-align: left;
  display: inline-block;
  width: 150px;
  font-weight: 500;
  font-size: 13px;
  text-transform: capitalize;
}


.white_box_a.ml_mr_box:hover {
  box-shadow: none;
}

.table.tab_tp th {
  padding: 15px 10px !important;
  border-top: none;
}

.bg_white {
  background: #ffffff;
  min-height: 750px;
}

.emp_info_profile.bor_btm_ul {
  border-top: 1px solid #d3d3d3;
  padding: 0px;
  border-bottom: 1px solid #d3d3d3;
}

.emp_info_profile.bor_btm_ul ul li i {
  position: relative;
  top: 3px;
  padding-top: 10px;
  padding-right: 10px;
  color: #737373;
}

.emp_info_profile.bor_btm_ul ul li {
  color: #737373;
}

.edit_link {
  float: right;
  top: 12px;
  position: absolute;
  right: 10px;
  font-size: 34px;
}

.role_profile h1 {
  font-size: 24px;
  font-family: 'Product Sans Light Regular';
}

.role_profile span {
  font-weight: 500;
}

.role_profile p {
  font-size: 14px;
}

.width_40 {
  width: 50%;
}

.payments__details {
  font-size: 13px;
}

.payments__details ul {
  list-style: none;
  padding: 0px 0 5px 0;

  margin: 0px;
}

.payments__details ul li {
  padding: 6px 0px;
  margin: 0px;
}

.payments__details ul li span.left_l {
  display: inline-block;
  width: 170px;
}

.profile-bottom.pf_bg {
  background: #fbfbfb;
}

h5.ft_s_c {
  color: #0fbb2b;
}

span.blue_cl {
  background: #0fbb2b;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-right: 5px;
}

h1.hed_main {
  font-size: 40px;
  font-weight: 100;
  padding-top: 13px;
}

.term_cond {
  padding: 10px 0px;
}

.term_cond h1 {
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
}

.term_cond p {
  font-size: 13px;
  padding-left: 20px;
}

/*------------------------------*/
.modal.left .modal-content {
  -webkit-box-shadow: -9px 0px 31px -2px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: -9px 0px 31px -2px rgba(0, 0, 0, 0.18);
  box-shadow: -9px 0px 31px -2px rgba(0, 0, 0, 0.18);
  border: none;
  border-radius: 0 0 0 0;
  height: 100%;
  overflow-y: auto;


}

.modal.left .modal-header {
  position: fixed;
  width: 100%;
  top: 0px;
  background: white;
  top: 0px;
  z-index: 10;
  left: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #80808063;
  box-shadow: 0px 2px 2px #00000010;
}

.modal-content.new_custome_add-ticket_modal {
  padding-top: 0px !important;
}

.modal.left .modal-dialog {
  position: fixed;
  margin: auto;
  width: 50%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
  min-width: 100%;
  max-width: 1020px;
  min-height: 100vh;
}

@media (min-width:1200px) {
  .modal.left .modal-dialog {
    min-width: 1024px;
    max-width: 1400px;
  }

  .modal.left .modal-dialog.add_ticket_popup {
    min-width: 799px;
    max-width: 1400px;
  }
}

.modal.left .modal-header a.blue__btn {
  margin-top: 1px;
}


.modal.left.fade .modal-dialog {
  right: -100%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}


.modal.left.fade.show .modal-dialog {
  right: 0;
  padding-top: 61.5px;
}

.v_center {
  vertical-align: middle;
}

.remove_img {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  z-index: 4;
  color: white;
  display: block;
  height: 30px;
  line-height: normal;
  font-size: 13px;
  text-align: center;
  bottom: 0px;
  padding: 8px 10px;
}

.c_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bg_g {
  background-color: #fbfbfb;
  border-bottom: 1px solid #e6e6e6;
}

.add__row_p {
  line-height: 22px;
  height: 35px;
  padding: 9px 10px;
  font-size: 14px;
  font-weight: 500;
}

.top_row_select {
  border-bottom: 1px solid #e6e6e6;
  padding-left: 15px;
}

.row__hover {
  padding-left: 15px;
}

.row__hover:nth-child(even) {
  background-color: #fbfbfb
}

.row__hover:hover {
  background-color: #f7f7f7;
}

.order__total {
  width: 500px;
  margin: auto;
}

.total_big_txt {
  font-size: 36px;
  border-top: 1px solid #e6e6e6;
  font-weight: 300;
  margin-top: 15px;
  padding-top: 30px;
  margin-bottom: 20px;
}

.or__box {
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}

.or__box span {
  display: inline-block;
  border-radius: 100px;
  -moz-border-radius: 100px;
  background: #e6e6e6;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-bottom: -18px;
  position: relative;
  top: 10px;
}

a.download__PDF {
  display: inline-block;
  border-radius: 100px;
  -moz-border-radius: 100px;
  border: 1px solid;

  font-size: 16px;
  padding: 7px 20px 7px 15px;
}

a.download__PDF:hover {
  text-decoration: none;
}

.total_big_txt.no_bdr {
  padding: 0;
  border-top: none;
}

a.download__PDF i {
  margin-right: 8px;
  font-size: 16px;
  position: relative;
  margin-top: 0px;
  vertical-align: middle;
}

.dropdown-menu.width__300 {
  width: 300px
}

.form-control.cu:disabled,
.form-control.cu[readonly] {
  background: none;
  border: none;
}

.remove__d {
  font-size: 13px;
}

#employeeformmodal.modal.left .modal-dialog {
  max-width: 1024px;
}

#leadformmodal.modal.left .modal-dialog {
  max-width: 1024px;
}

#addMoreContacts2,
#addMoreContacts3,
#addMoreContacts4,
#addMoreContacts5,
#addMoreContacts6,
#addMoreContacts7 {
  border-top: 1px solid #e6e6e6;
  padding-top: 30px;
}


div#addnewcontact {
  margin-top: 15px;
}

#contactSection .col-md-12 {
  padding: 9px 20px;
}

div#contactSection {
  margin: 0px -20px;
  margin-top: 0px !important;
}

div#addMoreContacts1 .col-md-12.pb-3 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px !important;
}

#addMoreContacts1 {
  padding-bottom: 20px;
}

.meal__name {
  width: 40%;
}

.form-control.center__txt {
  text-align: center;
  margin-left: 0px !important;
}

.start__time {
  width: 25%;
}

.ft__edit {
  font-size: 13px;
}

.vendor__dropdown {
  width: 100% !important;
}

.vendor__dropdown button.btn,
.dropdown.bootstrap-select.item__dropdown button.btn {
  background: white;
  padding: 14px 12px;
  font-size: 14px;
  border: 1px solid #ced4da;
  outline: none !important;
}

.vendor__dropdown .filter-option-inner {
  top: 0;
  margin-top: -5px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline-offset: 0px;
}

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

.flex_cnt {
  align-items: center;
  display: inline-flex;
}


.slider {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0;
  right: 3px;
  bottom: 0px;

  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "\e919";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  -webkit-transition: .4s;
  transition: .4s;
  font-family: 'metispro' !important;
  font-size: 6px;
  line-height: 14px;
  color: #cccccc;
  text-align: center;
}

.switch input:checked+.slider:before {
  content: "\e9d5";
  font-family: 'metispro' !important;
  color: #00bda5;
}


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

.switch input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: -6px;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

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

/*----------------------------------------------------------
                     PROCESS WORK
------------------------------------------------------------*/
.container {
  width: 100%;
}

.progressbar {
  counter-reset: step;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}

.progressbar li {
  list-style: none;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  position: relative;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
   font-family: 'Product Sans Medium Regular';
}

.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #d0d0d0;
  color: white;
  z-index: 2;
  position: relative;
}

.progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  top: 15px;
  left: -50%;
  z-index: 1;
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active:before {

  color: white;
}

ul.store__buttons {
  display: flex;
  padding: 0px;
  margin: 0px 0 30px 0;
}

ul.store__buttons li {
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  flex: 1 1 auto;
}

ul.store__buttons li a i.mp_retail_store {
  font-size: 22px;
  top: 13px;
}

ul.store__buttons li a {
  display: block;
  background: #ffffff;
  position: relative;
  font-size: 16px;
  padding: 13px 30px 13px 30px;
  color: #616161;
  border-radius: 3px;
   font-family: 'Product Sans Medium Regular';
  border: 1px solid #9aa2aa;

}


a.blue__btn.pt-3.pb-3.pl-5.pr-5 {
  margin-top: 15px;
}


.section_gray.td_hover.pt-3.mb-5 h5.text-uppercase.mb-3 {
  padding: 15px;
  margin: 0px;
}

.modal-body.pl-4.pr-4.pb-0 .row.pt-0.pb-4 {
  padding-top: 15px !important;
}

.bg_body_light .section_gray {
  padding: 15px;
}


ul.store__buttons li a:hover {
  text-decoration: none;
}

ul.store__buttons li a i {
  font-size: 32px;
  position: absolute;
  left: 10px;
  top: 10px;
  color: #949494;
}

ul.store__buttons li.active_s a {
  background: white;
  border: 1px solid #1E4B78;
  color: #1E4B78;
}

ul.store__buttons li.active_s a i {
  color: #1E4B78;
}

.ft_12 {
  font-size: 13px;
}

ul.ul_list {
  padding: 0px;
  margin: 0px;
}

ul.ul_list li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  font-size: 14px;
  padding-top: 5px;
}

ul.ul_list li::before {
  content: "\e90c";
  font-family: 'metispro' !important;
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
}


.input-group-text {
  padding: 0.460rem 0.75rem;
  font-size: 0.80rem;
}

.group_in.mt-1.search__input {
  padding-left: 0px;
  margin-bottom: 0px !important;
  margin-top: 1px !important;
}

.report_bg {
  background-color: #fbfbfb;
  padding: 10px 15px;
}

.border_btm {
  border-bottom: 1px solid #cccccc;
}

.section_gray.pt_pb.pl-4.pr-4 {
  padding: 0px 0px;
}

/*-----------EOD UPDATES-------------*/
.total__amount_b {
  position: absolute;
  bottom: 0px;
  font-size: 20px !important;
  font-weight: 300;
  padding-bottom: 8px;
  font-weight: 500;
  min-width: 315px;
  text-align: center;
}

.total__amount_b span {
  display: block;
  font-size: 13px;
}

.price__txt {
  display: block;
  font-size: 17px;
  padding-left: 13px;
  line-height: normal;
}

.top_section_eod {
  position: relative;
}

.top_section_eod .graph_details {
  position: relative;
  padding-bottom: 30px;
}

.top_section_eod .graph_details .total__amount_b {
  width: 100%;
  line-height: normal;
}

.row.pdf__dowload {
  position: absolute;
  right: 0;
}

.modal-dialog {
  margin-top: 75px;
}

.vendor__dropdown>.dropdown-menu {
  min-width: 100% !important;
  transform: translate3d(0px, 35px, 0px) !important;
}

.custom-table-dropdown {
  display: block;
  width: 100%;
}

#addEditPOModel .blue__btn.smBtn {
  padding: 7px 15px;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}

#addEditPOModel.modal.left .modal-body {
  background: #f9f9f9;
}

div#addEditPOModel.modal .modal-content {
  padding-left: 0px;
  padding-right: 0px;
}

.custom-table-dropdown .dropdown-menu {
  min-width: 100% !important;
}

.showdropdown {
  display: block !important;
}

.form-group.row.se_row .pd_c_f.switch_label {
  padding-top: 0px;
  padding-bottom: 0px;
  display: inline-block;
  vertical-align: middle;
}

.eod_right_col.left_col_hide {
  margin: 0;
  padding-left: 0px;
}

._custome_style_checkbox {
  padding-top: 9px;
  font-size: 13px;
  padding-left: 15px;
  color: #9e9e9e;
}

#item__history_new {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 41px;
  max-height: 158px;
}

.history_custome_input_date {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-direction: column;
  padding-top: 41px;
}

.history__fetch_date {
  padding-top: 34px;
}

.paid__details {
  font-size: 100px;
  line-height: 60px;
  color: #d81f24;
  overflow: hidden;
  position: relative;
  top: 7px;
  opacity: 0.5;
}

.paid__details i {
  line-height: 60px;
}

.ft_12 {
  font-size: 13px;
  padding: 0px;
}

.p_icon {
  padding: 0.375rem 0.75rem;
  display: inline-block;
  height: 33px;
  position: relative;
  top: 5px;
}

.table-bordered td.noborder {
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

h6.bdr_btm {
  border-bottom: 2px solid black;
  display: inline-block;
  margin-bottom: 12px;
  padding-bottom: 5px;
}


.add_round_small_btn {
  display: inline-block;
  font-size: 13px;
  float: right;
   font-family: 'Product Sans Medium Regular';
  border-radius: 100px;
  padding: 2px 10px;
  position: relative;
  top: 4px;
}

.add_round_small_btn .mp_ic_add {
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.add_round_small_btn:hover {
  color: white;
  text-decoration: none;
  opacity: 1;
}

@media (min-width: 576px) {
  .modal-sm {
    max-width: 400px !important;
  }
}

.total_big_txt.bd__none {
  font-size: 36px;
  border-top: none;
  font-weight: 300;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}

/*------------MULTISELECT DROPDOWN---------------*/
span.multiselect-selected-text {
  font-size: 13px;
  text-align: left;
  width: 94%;
  display: inline-block;
}

.multi__section_c .btn-group .multiselect {
  border: 1px solid #ced4da;
  width: 100%;
  font-size: 13px;
  text-align: left;
}

.multi__section_c .btn-group {
  width: 100%;
}

a.blue__btn.add__row_p.wt_btn {
  margin-top: 32px;
  font-size: 14px;
}

a.blue__btn.add__row_p.wt_btn1 {
  margin-top: 7px;
  font-size: 14px;
}

a.delte__icon {
  display: inline-block;
  font-size: 20px;
}

.pd__bd__none>td {
  padding: 0px !important;
}

.pd__bd__none>td table.table {
  margin-bottom: 0px !important;
}

a.toggle_sec[aria-expanded="true"]:after {
  font-family: 'metispro';
  content: "\e918";
}

.fs_form {
  color: #737373;
  font-size: 13px;
  font-weight: 500;
}

.pl_pr_20 {
  padding: 20px 40px 20px 40px;
  border-top: 1px solid #c2c2c2;
}

.form-control.wid {
  width: 110px;
}

.ml_15 {
  margin-left: 20px;
}

.btn_filter svg {
  fill: #1E4B78;
  width: 15px;
  height: 15px;
  margin-right: 8px;
}

a.btn_filter.active_t {
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f3f3f3+100 */
  background: rgb(254, 255, 255);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(254, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(254, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(254, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff', endColorstr='#f3f3f3', GradientType=0);
  /* IE6-9 */
  border-width: 1px;
  border-top: none !important;
  border-bottom: none !important;
  border-style: solid;
  -webkit-border-image:
    -webkit-gradient(linear, 0 100%, 0 0, from(#c9c9c9), to(rgba(0, 0, 0, 0))) 1 100%;
  -webkit-border-image:
    -webkit-linear-gradient(bottom, #c9c9c9, rgba(0, 0, 0, 0)) 1 100%;
  -moz-border-image:
    -moz-linear-gradient(bottom, #c9c9c9, rgba(0, 0, 0, 0)) 1 100%;
  -o-border-image:
    -o-linear-gradient(bottom, #c9c9c9, rgba(0, 0, 0, 0)) 1 100%;
  border-image:
    linear-gradient(to top, #c9c9c9, rgba(0, 0, 0, 0)) 1 100%;
  border-top: none;
}

a.btn_filter {
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: none;
  font-size: 14px;
  padding: 14px 15px 15px 15px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: -2px;
}

a.btn_filter:hover {
  opacity: 1;
}

a.btn_filter.col_cc {
  background: none;
  border: none;
}

.col_cc {
  color: #9fa2a7;
  padding-left: 15px;
}

a.blue__btn.add__row_p.wt_btn {
  margin-top: 27px;
  font-size: 14px;
}

a.delte__icon {
  display: inline-block;
  font-size: 20px;
}

.text_right {
  text-align: right;
}

.table.table_product th,
.table.table_product td {
  font-size: 14px;
}

.text_left {
  text-align: left;
}

.ft_24_dark {
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 12px 10px !important;
}

.ft_24_dark {
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 12px 10px !important;
}

.ft_16_dark {
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 12px 10px !important;
}

/*----NEW PO PAGE-----*/
.top_bar_white {
  clear: both;
}

.form-inline.form_end {
  justify-content: flex-end;
}

.form-inline.form_end .form-group {
  position: relative;
}

.po_No {
  font-size: 16px;
  font-weight: 500;
  padding-top: 0;
  padding-left: 0px;
}

p.left_address {
  float: left;
}

p.left_address,
p.right_address {
  font-family: 'Product Sans Light Regular';
  margin: 0px;
  font-size: 13px;
  width: 100%;
}

p.left_address span,
p.right_address span {
  font-weight: 500;
  font-size: 13px;
}

p.right_address {
  float: right;
  text-align: right;
   padding-bottom: 5px;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
  margin-top: 4px;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  background: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  height: 300px;
  overflow: scroll;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  font-size: 13px;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #F4F5F8;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.section_gray2 {
  background: white;
  padding: 10px 0px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.section_gray2.pt_pb.pl-4.pr-4 {
  padding: 0px 0px;
}

#addEditPOModel .section_gray2 {
  -webkit-box-shadow: 1px 0px 22px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 0px 22px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0px 22px 0px rgba(0, 0, 0, 0.1);
}

tr.total_col_box td {
  border: none !important;

}

.tabbed-page.vh__t {
  overflow: initial;
  height: auto;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  .bd-sidebar {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1400px) {
  .bd-sidebar {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .bd-content.settingsclass {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
}

.modal-custome_new_prifix {
  display: flex;
}

.modal-custome_new_prifix>.modal-custome_new_prifix_child-input-1 {
  max-width: 75px;
  margin-right: 5px;
}

.ticket__cus_new_add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ticket-nav-ul.new_ul_cus_ul_ticket li {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.ticket_new__div_cir {
  background: #065daa;
  height: 28px;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}

.bg_gray.pl_pr_20.pl_new_cus_cl {
  padding: 0px 40px 40px 40px;
  border-top: none;
}

.modal.left .modal-content.new_cus_cls {
  padding: 11px 15px 0 15px;
}

.edit__link_cus_new.edit__link {
  border: 1px solid;
  padding: 0.375rem 0.75rem;
  letter-spacing: 0.5px;

}

.edit__link_cus_new.edit__link:hover {
  background: #1E4B78;

  color: #fff;
  text-decoration: none;
}

#content.new_contetn_item____cus {
  padding-left: 0px;
  padding-right: 0px;
}

.mp_arrow_long.ml-1 {
  position: relative;
  top: 3px;
}

.blue__btn.add__row_p.pull-right {
  margin: 15px;
}

.eye-onboarding-show-ey {
  position: absolute;
  top: 11px;
  right: 9px;
}

.add_info_mange_edit {
  cursor: pointer;
  color: #d6524d;
  padding-bottom: 6px;
}

.form_edit_new_delete {
  display: flex;
  justify-content: flex-end;
}

.modal.left .modal-content.orderdetail {
  padding-top: 0px;
}

span.cat_img_bg.post-img {
  width: auto;
  height: auto;
  max-height: 200px;
  text-align: center;
}

span.cat_img_bg.post-img .img_cat {
  width: auto;
  height: auto;
  position: relative;
  max-width: 100%;
  margin: 0;
  z-index: 2;
  max-height: 150px;
}

label.label-txt {
  font-size: 13px;

}

.gray-btn {
  background: #f2f2f2;
  border-radius: 3px;
  border: 1px solid #d0d0d0;
  display: inline-block;
  padding: 4px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #373737;
}

.bd-top {
  border-top: 1px solid lightgray;
}

.gray-btn:hover {
  text-decoration: none;
  color: #373737;
}

th.gray__link_td a.tooltip_customInfo {
  background: #4a4a4a;
  color: #fff;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
}

.form-group_layality_setup {
  display: flex;
  align-items: center;
  font-size: 13px;
}

.form-group_layality_setup label {
  display: block;
  padding-right: 10px;
  padding-top: 0px;
  text-align: right;
  font-size: 13px;
}

.enable-tax__inclusive {
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.enable-tax__inclusive-hr hr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-left: -30px;
  margin-top: 0px;
  margin-bottom: 5px;
}

a.input-fild_add-category {

  font-size: 16px;
  display: inline-block;
  position: relative;
  letter-spacing: 0.5px;
  margin: 10px 15px;
  font-family: 'Product Sans Regular';
}

.pt_top__md {
  padding-top: 5px;
  padding-left: 15px;
  padding-bottom: 11px;
}

.input-fild_add-category:hover {
  text-decoration: none;
}

.edit-modifier-accou {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.add-images-for-edit-item {
  color: #c12929
}

.upload-btn-wrapper-btn.upload-btn-wrapper-btn2 {
  padding-left: 18px;
}

::placeholder {
  /*font-size: 12px;*/
}

.count-of-force-modifire {
  background: #fafafa;
  padding: 20px;
  border-radius: 4px;
  margin-left: 34px;
  margin-top: 4px;
}

.input-fild_add-category:before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  vertical-align: 0.255em;
  position: absolute;
  top: 0px;
  left: -18px;
  content: "\e917";
  font-family: 'metispro' !important;
  font-size: 12px;
  font-weight: 100;
}

.input-fild_add-category[aria-expanded="true"]:before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  vertical-align: .255em;
  content: "\e933";
  position: absolute;
  top: 3px;
  left: -18px;
  font-family: 'metispro' !important;
}

.add_configuration-group_new_div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.form-check-label-item-ms {
  font-size: 13px;
}

.config_btn_font {
  font-size: 13px;
  color: #a0a0a0;
  border: none;
  border-radius: 4px;
}

/*--------NEW CHANGES-----------*/
.table.table_product th,
.table.table_product td {
  padding: 5px 10px !important;
}

td.text_left {
  text-align: left !important;
}

.report_content a {
  color: black;
  padding-left: 16px;
  position: relative;
  font-weight: 500;
}

.report_content a:before {
  content: ".";
  display: inline-block;
  position: absolute;
  left: 2px;
  color: #2D3E50;
  font-size: 30px;
  line-height: 20px;
  top: -7px;
}

.row.report_row .searchclassvar {
  border: none;
}

.row.f-c-right {
  flex-direction: row-reverse;
}

#modiferGroupListForCategory.table th:first-child,
#modiferGroupListForCategory.table td:first-child {
  text-align: left;
}

i.mp_pdf.mt-2 {
  margin-top: 0px !important;
}

.showing_no {
  font-size: 13px;
  padding-top: 35px;
}

.showing_no span {
   font-family: 'Product Sans Medium Regular';
}


.form-inline.f-right-n {
  flex-direction: row-reverse;
  order: 1;
}

.vh-height-side {
  -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.07);
  box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
  background: white;
  min-height: 100vh;
  margin-bottom: -20px !important;
}

.vh-height-side .text_count p span {
  font-size: 14px;
  color: #757575;
  padding-bottom: 4px;
  display: inline-block;
  width: 50%;
  max-width: 251px;
}

/*----for Time table Period-----*/
.account-info-link.time-table-period-col-3 {
  background: #f4f5f8;
  min-height: 100%;
}

.timetable-periods-setting {
  padding: 15px;
  border-bottom: 1px solid #e6e6e6;
}

.time-table-search {
  position: relative;
  padding-top: 13px;
}

.time-table-search .fa-search {
  position: absolute;
  right: 15px;
  top: 21px;
  color: #e4e4e4;
}

.time-table-period-col-3 .account-info-link-content {
  padding-left: 0px;
  margin-left: 0px;
  border-left: 5px solid #f4f5f8;
}

.time-table-period-col-3 .account-info-link-content {
  display: flex;
  justify-content: space-between;
  background: #f4f5f8;
  color: #1F4C79;
  align-items: center;
  padding-left: 15px;
}

.time-table-period-col-3 .account-info-link-content:hover {
  text-decoration: none;
  background: #e8e8e8;
  border-left: 5px solid #1E4B78;
  color: #1E4B78;
}

.time-table-period-col-3 .active-account-link {
  background: #e8e8e8;
  border-left: 5px solid #1E4B78;
  color: #1E4B78;
}

.account-info-link-content.timetable-period-link-a {
  background: #e8e8e8;
  border-left: 5px solid #1E4B78;
  color: #1E4B78;
}

.time-table-period-col-3 .account-info-link-content i {
  font-size: 22px;
  padding-right: 22px;
}

#account-info-details {
  display: block;
}

.timetable-periods-contents {
  padding: 15px;
}

.timetable-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
}

.timetable-header-btn {
  background: #f7f7f7;
  border: 1px solid gainsboro;
  border-radius: 4px;
  padding: 0px 10px;
  font-size: 17px;
  color: #737373;
  text-transform: capitalize;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 31px;
}

.account-info-details.timetable-periods-col-6 {
  background: transparent;
  margin: 0px;
  border-radius: 0px;
}

.timetable-header .timetable-header-text {
  font-family: 'Product Sans Light Regular';
  font-size: 26px;
}

.timetableperiod-table .timetableperiod-table-row .input-group {
  width: 124px;
  margin-right: 18px;
}

.timetableperiod-plush {
  height: 34px;
  width: 34px;
  font-size: 20px;
  border: 1px solid #1E4B78;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1E4B78;
  text-align: right;
}

.timetableperiod-table-timing-input {
  display: flex;
}

.timetableperiod-table-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e9ecef;
  padding-top: 8px;
  padding-bottom: 8px;
  align-items: center;
  max-width: 100%;
}

.timetableperiod-table-timing-input .fa-clock-o {
  font-size: 21px;
  font-weight: 300;
  color: #676767;
}

.timetableperiod-checkbox label {
  margin-bottom: 0px;
}

.timetableperiod-checkbox {
  width: 93px;
}

.timetable-period-col-3 {
  padding-top: 10px;
}

.timetable-period-col-3 li {
  padding-bottom: 10px;
}

.timetable-period-col-3 a {
  color: #1E4B78;
  font-size: 13px;
  text-decoration: none;
  font-weight: 500;
}

.timetable-period-col-3 li {
  padding-left: 33px;
}

.timetable-period-col-3 .fa-info-circle {
  color: #1E4B78;
  font-size: 22px;
  margin-left: -33px;
}

.table_forholiday.table td {
  font-size: 16px;
}

.table_forholiday .cal_icon {
  right: 9px;
}

.timetable-st-date {
  font-size: 13px;
  font-weight: 500;
}

.table_forholiday .fa-trash {
  font-size: 21px;
  color: gray;
  cursor: pointer;
}

.table_forholiday input[type=date] {
  width: 164px;
}

.table_forholiday thead tr th:nth-child(3) {
  text-align: center;
}

.table_forholiday tbody tr td:nth-child(3) {
  text-align: center;
}

.table_forholiday tbody tr td:nth-child(4) {
  text-align: right;
}

.table_forholiday-plsh {
  display: flex;
  justify-content: flex-end;
}

.table.table_forholiday thead tr th {
  color: #000;
   font-family: 'Product Sans Medium Regular';
}

.table_forholiday thead th {
  border-bottom: none;
}

.timetableperiod-table-timing-input .input-group-text {
  padding: 0 7px;
}

.name_of_holiday,
.name_of_holiday_new {
  margin-left: -8px;
}

.table_forholiday .name_of_holiday::placeholder {
  color: black;
  font-weight: 500;
}

.name_of_holidayinput[type=date] {
  color: #000;
  font-weight: 500;
}

.table_forholiday input.name_of_holiday[type=date] {
  color: #000;
  font-weight: 500;
}

.timing-start-date-row {
  display: flex;
}

.group_in_i.group__i_date {
  margin-bottom: 0px;
  width: 164px;
}

.timetable-header.timetable-header-holiday {
  border-bottom: 1px solid #E8E8E8E8E8E8;
}

.timing-start-date .group_in_i {
  margin-bottom: 0px;
}

.timetable-header-holiday-parent {
  padding: 0px;
}

.active-user-ic {
  position: absolute;
  top: 10px;
  left: 84px;
  font-size: 30px;
  color: #7ebf66;
  background: white;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);
}

a.back-new-btn {
  display: inline-block;
  margin: 22px 0 0 0;
  font-size: 16px;
  color: #1a1a1a;
}

a.back-new-btn:hover {
  text-decoration: none;
}

a.back-new-btn i.mp_back-arrow {
  margin-right: 10px;
}

.emp_info_profile ul li i {
  margin-right: 10px;
}

.configuration_search_header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #f7f7f7;
  height: 94px;
}

.configuration_search_header-form {
  max-width: 450px;
  width: 100%;
  margin-top: 30px;
}

.configuration__dash {
  background: white;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid #d6d6d6;
}

.mt-s-1 {
  margin-bottom: -1px;
}

.configuration__dash-col {
  background: #fff;
  display: flex;
  padding: 25px 30px;
  min-height: 130px;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  max-height: 164px;
  cursor: pointer;
  height: 100%;
}

.onfi-form-search {
  position: relative;
}

.configuration__dash-col:hover {
  color: #fff;
  background: #1E4B78;
}

.configuration__dash-col:hover p {
  color: white;
}

.onfi-form-search i.fa-search {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #d0d0d0;
}

.configuration__dash-col:hover i {
  color: #fff;
}

.configuration__dash-col i {
  padding-right: 25px;
  color: #1E4B78;
  font-size: 35px;
}

.configuration__dash-col p {
  font-size: 13px;
  margin-bottom: 0px;
  display: inline-block;
  color: #626262;
}

.configuration__dash-col p:after {
  content: ",";
  display: inline-block;
}

.configuration__dash-col p:last-child:after {
  display: none;
}

/*for basic configuration*/
.bs-config-span {
  font-weight: 500;
  padding-left: 8px;
}

.bs-config-setting {
  display: inline-block;
  color: #000;
  padding-bottom: 17px;
  padding-top: 8px;
}

.bs-config-setting:hover {
  text-decoration: none;
}

.bs-config-left-nav h4 {
  font-size: 17px;
  font-weight: 500;
  padding-top: 7px;
}

.col-bs-config-header {
  padding: 15px;
}

.bs-config-ul-list li a {
  border-left: 5px solid transparent;
  display: flex;
  align-items: center;
  padding: 13px;
  color: #7b7e82;
}

.bs-config-ul-list li a:hover {
  border-left: 5px solid #1E4B78;
  text-decoration: none;
  color: #1E4B78;
  background: #E8E8E8;
}

.bs-config-ul-list i {
  font-size: 25px;
  display: inline-block;
  padding-right: 18px;
}

.bs-config-ul-list span.link-text {
  font-weight: 500;
  font-size: 14px;
}

/*-----setting-v1-----*/
.over_fl {
  overflow: hidden;
}

.bg_left_navi {
  background: #eaf0f3;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

a.back_arr {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  margin-top: 28px;
}

.find_sett {
  height: 50px;
  font-size: 14px !important;
  color: #b5b5b5;
  font-weight: 500;
}

.form-group.search_in {
  position: relative;
}

.form-group.search_in i {
  position: absolute;
  top: 14px;
  right: 10px;
  bottom: auto;
  font-size: 24px;
  color: #b5b5b5;
}

.basic_lf ul {
  margin: 0px;
  padding: 0px !important;
  list-style: none;
}

.basic_lf ul li a,
#sidebar .basic_lf ul li a {
  font-size: 13px !important;
  text-decoration: none;
  font-family: 'Product Sans Light Regular';
  display: block;
  padding: 8px 0px 8px 10px;
  text-align: left !important;
}


.setting_info_pos td.ft_16_dark {
  font-size: 13px !important;
}


.basic_lf ul li a i {
  font-size: 28px;
  vertical-align: middle;
  padding-right: 12px;
  text-align: center;
  width: 40px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
}

.basic_lf ul li a i.mp_ic-occasion {
  font-size: 24px;
}

.basic_lf ul li a i.fts_dis.mp_ic-service-charge {
  font-size: 28px;
}

.basic_lf ul li a i.mp_contact_us,
.basic_lf ul li a i.mp_about_us,
.basic_lf ul li a i.mp_content-management {
  font-size: 26px;
}

.bd-search.d-flex.align-items-center .col-md-12 {
  padding: 0px;
}

.basic_lf ul li a:hover {

  transition: 0.3s;
}

.basic_lf ul li a.act_lf_nav {
  border-left: 5px solid;
}

h6.dis_inl {
  cursor: pointer;
  padding-left: 0px !important;
  padding-bottom: 5px;
}

.basic_lf ul li a i.fts_dis_size,
.basic_lf ul li a i.fts_dis {
  font-size: 31px;
}

.basic_lf ul li a i.fts_dis_spac,
.basic_lf ul li a i.mp_report-list,
.basic_lf ul li a i.mp_ic_courseposition,
.basic_lf ul li a i.mp_user-payment-method {
  font-size: 24px;
}

.basic_lf ul li a i.mp_add-banner {
  font-size: 23px;
}

.basic_lf ul li a i.mp_ic-price-list,
.basic_lf ul li a i.mp_gl-account,
.basic_lf ul li a i.mp_service-area,
.basic_lf ul li a i.mp_payment-receipt,
.basic_lf ul li a i.mp_business-information {
  font-size: 26px;
}

.basic_lf ul li a i.fts_dis_time {
  font-size: 21px;
  text-align: center;
}

.basic_lf ul li:last-child {
  margin-bottom: 0px;
}

.pt-3.basic_lf {
  border-top: 1px solid #d8d8d8;
  padding-left: 20px;
}

@media (max-width:900px) {
  .form-group.search_in i {
    top: 7px;
  }
}

.basic_lf ul li.act_lf_nav a {
  background: #E8E8E8;
  color: #07396B;
  border-left: 5px solid #07396B;
}

.row.se_row.ml-1 .col-sm-6.col-xl-7 {
  padding-right: 0px;
}

label.cc__box.s-s-di {
  padding-right: 0px !important;
  margin: 10px 0 0 0 !important;
  padding-left: 18px;
  display: inline-block;
}

tbody#taxclassbody .cc__box.di_block,
#terminalgroupbody .cc__box.di_block,
#serviceareabody .cc__box.di_block {
  padding-right: 0px !important;
  padding-left: 20px;
}

.setting_content .ft__edit {
  margin-right: 20px !important;
  border: 1px solid;
  border-radius: 6px;
  padding: 6px 14px;
  font-size: 13px;
  display: inline-block;
  background: none;
  outline: none;
   font-family: 'Product Sans Medium Regular';
}

.setting_content .ft__edit i {
  position: relative;
  left: -6px;
  top: 2px;
  font-size: 16px;
}


img#showlogo {
  -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.22);
  border-radius: 4px;
  max-width: 200px;
  margin-top: 18px;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 100%;
  min-height: 200px;
}

input#locationlogo {
  margin-bottom: 14px;
}

.logo-business {
  position: relative;
  margin-bottom: 20px;
}

span.remove-logo {
  background: #1a1a1a85;
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0px;
  text-align: center;
  border-radius: 0px 0 4px 4px;
  left: 0px;
}

span.remove-logo a {
  display: block;
  color: white;
  font-size: 14px;
  padding: 5px 0;
}

.bg-gray-light {
  background: #efefef;
  overflow: hidden;
}

a.outline-btn-red:hover {
  background: #07396B;
  color: white;
  text-decoration: none;

}

a.outline-btn-red {
  border: 1px solid #1E4B78;
  border-radius: 4px;
  padding: 7px 10px;
  float: right;
  margin-top: 30px;
  font-size: 13px;
  margin-right: -8px;
}

a.outline-btn-red.meal-s {
  position: relative;
  top: -47px;
  margin-top: 0;
  margin-bottom: -47px;
  right: 7px;
}


nav#sidebar ul.nav.bd-sidenav li a:hover {
  color: white;
}

.outline-btn-red-d {
  display: block;
  text-align: center;
  color: white;
  margin: 5px;
  float: right;
  min-width: 148px;
  font-size: 13px;
  letter-spacing: 0.5px;
  border-radius: 6px;
  padding: 0.375rem 0.75rem;
  line-height: 22px;
}

.outline-btn-red-d:hover {
  color: white;
  text-decoration: none;
}

h4.pp-heading {
  text-align: left;
  padding: 33px 0 0 0;
  margin-left: -11px;
  display: inline-block;
  font-weight: 500;
  float: left;
  font-size: 18px;
  margin-bottom: 0px;
  line-height: 33px;
}

.timetableperiod-table-timing-input .form-control:disabled {
  margin-left: 0;
}

.add-banner-w {
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.46);
  border-radius: 5px;
  margin-top: 19px;
  padding: 20px;
}

td.re-td-p {
  padding: 0px !important;
  margin: 0px;
}

h3.setting-sub-heading {
  padding: 0 !important;
  border: none !important;
  margin: 18px 0 12px 0 !important;
}


.setting_content .modal-body {
  padding-right: 0px !important;
}

.multi__section_c .btn-group .multiselect:disabled {
  background: white;
  border: none;
  color: #1a1a1a;
}

.timetableperiod-checkbox label.cc__box.di_block {
  color: #505050;
  font-size: 13px;
  font-weight: 500;
}

.daterangepicker .ranges li.active {
  background-color: #07396B !important;
  color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #07396B !important;
  border-color: transparent;
  color: #fff;
}

a.cal_icon.mr-5 {
  margin-right: 11px !important;
}

span.cp-code-g {
  display: inline-block;
  background: #f3ffee;
  border: 1px dashed #7ebf66;
  padding: 4px 10px;
  border-radius: 3px;
  letter-spacing: 0.5px;
   font-family: 'Product Sans Medium Regular';
  font-size: 13px;
}

.mp_ic_printer.l-mi {
  position: relative;
  top: 3px;
}

.mp_email.e-1-f,
.mp_sms-text.e-1-f {
  font-size: 18px;
  position: relative;
  top: -1px;
}

.qr-code-img {
  border: none;
  margin-bottom: 0px;
  width: 100px;
  height: 100px;
}

.qr-code-img1 {
  border: none;
  margin-bottom: 0px;
  width: 300px;
  height: 300px;
}

span.cp-code-g.w-qr {
  font-size: 13px;
  position: relative;
  top: -10px;
}

.se_row.bdnone {
  border-bottom: none;
}

.modal-body_coupan2-header {
  background: #f6f6f6;
  padding: 30px;
}

.modal.left .modal-body.modal-body_coupan2 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.modal.left .modal-content.modal-content_coupan2 {
  padding-left: 0px;
  padding-right: 0px;
}

.modal-body_coupan2-header-search {
  position: relative;
}

.modal-body_coupan2-header-search i.mp_ic_search {
  position: absolute;
  top: 4px;
  right: 9px;
  color: gray;
  font-size: 28px;
}

.col_cal_dro {
  margin-right: 80px;
  position: relative;
  margin-top: 18px;
}

.share-add-c-btn {
  display: flex;
  justify-content: flex-end;
  padding: 25px;
  border-bottom: 1px solid #e9ecef;
}

.btn-add-customer {
  background: #fff;
  color: #07396B;
  border: 1px solid #07396B;
  border-top: 1 solid rgba(199, 54, 48, 0.31);
  border-bottom: 1 solid rgba(199, 54, 48, 0.31);
  padding: 9px 12px;
   font-family: 'Product Sans Medium Regular';
  font-size: 14px;
  border-radius: 3px;
  box-shadow: 0px 7px 13px 0px #dededeab;
}

.btn-processd {
  padding: 10px 41px;
  border-radius: 4px;
   font-family: 'Product Sans Medium Regular';
  color: #FFF;
  margin-right: 25px;
}

.link-send-coupon.btn-processd {
  background: #1f2a48;
  padding: 10px 21px;
  display: inline-block
}

.btn_p {
  background: #07396B;
}

.link-send-coupon.btn-processd:hover {
  text-decoration: none;
  color: #fff;
}

.btn-share-buttom {
  justify-content: flex-end;
  display: flex;
}

.text_email_header {
  font-size: 19px;
   font-family: 'Product Sans Medium Regular';
  color: #424242;
}

.m-w-btn-c {
  padding-left: 20px;
  min-width: 160px;
  font-size: 15px;
  letter-spacing: 0.3px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-w-btn-c.h-color {
  background: #202a46;
  border: 1px solid #202a46;
}

.container_text_email-radio_btn {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div#results hr {
  margin: 5px 0;
}

div#results {
  background: white;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.11);
  max-height: 300px;
  overflow: scroll;
  font-size: 13px;
  padding: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  position: absolute;
  left: 0;
  width: 100%;
}

div#results>div {
  padding: 20px;
}

form#editLeadForm .form-control {
  margin-bottom: 0px;
}

form#editLeadForm .modal-body {
  padding-top: 0px;
}

.container_text_email-radio_btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark_text_text_email {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: solid 1px #eee;
  border-radius: 50%;
}

.container_text_email-radio_btn:hover input~.checkmark_text_text_email {
  background-color: #ccc;
}

.container_text_email-radio_btn input:checked~.checkmark_text_text_email {
  background-color: #07396B;
}

.checkmark_text_text_email:after {
  content: "";
  position: absolute;
  display: none;
}

.container_text_email-radio_btn input:checked~.checkmark_text_text_email:after {
  display: block;
}

.container_text_email-radio_btn .checkmark_text_text_email:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.text-email_coupan.radio_btn {
  padding: 1px 0px 14px 0;
  display: flex;
}

.text_email_select_email {
  position: relative;
}

.text_email_fa-trash {
  color: #adadad;
  font-size: 28px !important;
  position: absolute;
  right: 28px;
  top: 32px;
  cursor: pointer;
}

.modal-body.cus_modal_form_input-style._text_coupon {
  padding: 0px;
}

.coup_enter_text {
  padding: 25px;
  border-bottom: 1px solid #ced4da;
}

.small__btn {
  font-size: 13px;
   font-family: 'Product Sans Medium Regular';

}

.small__btn i {
  font-size: 16px;
  position: relative;
  top: 2px;
  left: -22px;
  margin-right: -10px;
}

.text_email_footer_div {
  padding: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tg-btn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  background: #eef2f6;
  display: inline-block;
  margin: 0 10px 0 0;
  color: #010101;
}

.tg-btn:hover {
  text-decoration: none;
}

.tg-btn span {
  display: inline-block;
  font-size: 13px;
  padding: 10px 3px 10px 10px;
}

.tg-btn span.r-ic {
  padding: 10px 10px 10px 4px;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
}

.tg-btn span.r-ic i.mp_ic_close_b {
  position: relative;
  top: 2px;
}

a.outline-btn-red.m57 {
  margin-top: 57px;
  text-align: center;
}

label.block-label {
  display: block;
}

a.outline-btn-red.m57 .mp_user_icon {
  font-size: 18px;
}

.modal-body.cus_modal_form_input-style.modal-body_coupan2 {
  margin-top: -1px;
}

a.delte__icon.gray {
  color: #8f8f8f;
  margin-top: 7px;
}

.row.bdr-bot {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 16px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}

.c-b-fix {
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#sunday,
#mondaytime,
#tuesdaytime,
#wednesdaytime,
#thursdaytime,
#fridaytime,
#saturdaytime {
  padding-bottom: 3px;
}

.modal.left {
  z-index: 1050;
}

.modal {
  z-index: 99989;
}

.bg_gray_v {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  overflow: hidden;
}

.setting_content #returnreasonbody .form-control:disabled,
.setting_content #mealperioddata .form-control:disabled,
.setting_content #compreasonbody .form-control:disabled,
.setting_content #voidreasonbody .form-control:disabled,
.setting_content .location__name .form-control:disabled,
.setting_content #terminalgroupbody .form-control:disabled,
.setting_content #taxclassdata .form-control:disabled,
.setting_content #userdefinepaymentbody .form-control:disabled,
.setting_content #coursebody .form-control:disabled,
.setting_content #serviceareabody .form-control:disabled,
.setting_content #serviceareabody .custom-select:disabled,
.setting_content #serviceAreaID .custom-select:disabled,
.setting_content #saletaxdatalist .form-control:disabled,
.setting_content #pricelistdata .custom-select:disabled,
.setting_content #pricelistdata .form-control:disabled,
.setting_content #glAccountdata .custom-select:disabled,
.setting_content #glAccountdata .form-control:disabled {
  background: none;
  margin-left: 0px;
  color: #505050;
  font-size: 13px;
  font-weight: 500;
}

label.cc__box.di_block.sup__cat {
  padding: 0;
  margin: 0;
}

.table thead th.sm-10-p {
  width: 10%;
}

#pricelistdata .table tbody td .cc__box.di_block {
  padding-right: 0px;
}

.cke_contents {
  min-height: 200px !important;
  max-height: 200px !important;
}

/*===============Select Priniting Size:==================*/
.dotted-area {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px dashed #1a1a1a;
  padding: 22px;
}

.dotted-area .cp-code-g {
  background: #1a1a1a;
  color: white;
  border: none;
}

.dotted-area h4,
.dotted-area p {
  font-weight: 500;
}

.dotted-area p.b-text-line {
  font-size: 14px;
  text-align: center;
}

.dotted-area p.b-text-line span {
  font-size: 13px;
  display: block;
  margin-bottom: 0px;
}

a.outline-btn-red.f-btn-u {
  display: block;
  float: none;
  margin-top: 10px;
  margin-right: 0;
  text-align: center;
  position: relative;


}

a.outline-btn-red.f-btn-u .mp_pdf,
a.outline-btn-red.f-btn-u .mp_ic_printer {
  font-size: 18px;
  position: absolute;
  left: 10px;
}

a.outline-btn-red.f-btn-u .mp_ic_printer {
  font-size: 30px;
  top: 2px;
  left: 4px;
}

#blogformdata .modal-content {
  padding-top: 7px;
}

/*===============SETTING READ MODE==================*/
.setting_content.read_mode .edit__ac {
  opacity: 0.5;
  cursor: not-allowed;
}

.setting_content.read_mode .cc__box input:checked~.checkmark {
  background: none;
}

.setting_content.read_mode .cc__box .checkmark:after {
  border: solid #07396B;
  border-width: 0 2px 2px 0;
}

.minicolors-theme-bootstrap .minicolors-input:disabled {
  padding-left: 48px;
}

.setting_content.read_mode .checkmark {
  border: none;
}

.setting_content.read_mode .cc__box:hover input~.checkmark {
  background: white;
}

.setting_content.read_mode #locationlogo,
.setting_content.read_mode .logo-business .remove-logo {
  display: none;
}

.setting_content.read_mode .input-group-text {
  border: none;
  background: none;
}

.setting_content .form-group_layality_setup .form-control:disabled {
  margin-left: 0px;
}

form#editCategoryForm .row.mt-4 {
  margin-top: 0px !important;
}

#editAccountForm .form-group {
  margin-bottom: 8px;
}

@media screen and (max-width: 1366px) {
  .setting_content {
    width: 100%;
  }
}

.csv-ic-btn:hover {
  text-decoration: none;
}

.csv-ic-btn {
  display: inline-block;
  font-size: 20px;
  margin-right: 30px;
}

.font-14-s {
  font-weight: 500;
  font-size: 13px;
  padding-bottom: 10px;
}

@media screen and (max-width:1000px) {
  .csv-ic-btn {
    margin-right: 10px;
  }
}

.cancel-bg {
  background: #a3a3a3;
}

#addEditPOModel.modal.left .modal-dialog {
  width: 100%;
  min-width: 100%;
}

canvas#chart-area.report__chart {
  width: 100% !important;
  height: auto !important;
}

#reportcontents .white_section_right {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 0px 26px -2px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 26px -2px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 26px -2px rgba(0, 0, 0, 0.08);
  padding-bottom: 5px;
}

#reportcontents .white_section_right table tr:last-child td {
  border-bottom: none !IMPORTANT;
}

.eod_left_col_fix.sticky-top {
  top: 62px;
  background: none;
  padding-left: 16px;
}

span.cat_img_bg {
  display: block;
  margin: auto;
}

.section_gray nav {
  padding: 10px 0 8px 0;
}

a.edit__ac span.mp_inventory {
  font-size: 21px;
  vertical-align: middle;
}

span.msg-note {
  margin-right: 8px;
  margin-left: 8px;
  font-family: 'Product Sans Bold';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  color: red;
}

.sticky-top.bg-gray {
  background: #f9f9f9;
}

#c-t-scroll thead,
#c-t-scroll tbody tr,
#c-t-scroll tfoot {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#c-t-scroll tbody {
  display: block;
  height: auto;
  overflow: auto;
  max-height: 216px;
}

#outertable .custom-select {
  width: 124px;
  margin-right: 0px !important;
}

#outertable .center_td.price_in .form-control {
  width: 124px;
  display: inline-block;
}

.dropdown.di_block.p_cus .btn {
  padding: 0px;
  line-height: 18px;
  margin-top: 0px;
  background: none;
  width: 32px;
  height: 32px;
}

.dropdown.di_block.p_cus .dropdown-menu {
  width: 290px;
  padding: 0px;
}

.dropdown.di_block.p_cus .dropdown-toggle::after {
  display: none;
}

li.multiselect-item.multiselect-group {
  border-bottom: 1px solid #ced4da;
  margin-top: 5px;
}

.table-responsive.m_height {
  min-height: 300px;
}

.multiselect-container .input-group {
  margin: 0;
  border-bottom: 1px solid #ced4da;
  padding: 5px 5px 10px 5px;
}

.dropdown.di_block.p_cus .btn-group {
  width: 100%;
}

.dropdown.di_block.p_cus .btn.multiselect {
  width: 100%;
}

.dropdown.di_block.p_cus .mp_ic_printer {
  font-size: 28px;
  color: #1F4C79;
}

.dropdown.di_block.p_cus .mp_link {
  font-size: 18px;
  color: #1F4C79;
}

a.ic_img_p {
  width: 29px;
  display: inline-block;
}

.lc_w_500 {
  font-weight: 500;
}

.lc_name {
  display: block;
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
}

.custom-select.b_n,
.form-control.b_n {
  font-size: 16px;
  height: calc(2.60rem + 2px);
}

/*=============MULTI SELECT BOX=============*/
.dropdown.di_block.p_cus .dropdown-menu.dropdown-menu-right.dcm-box {
  box-shadow: none;
  background: no-repeat;
  border: none;
  padding: 0;
}

.dropdown.di_block.p_cus .btn.multiselect {
  -webkit-box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 4px 1px 5px 0px rgba(0, 0, 0, 0.11);
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 10px;
  height: auto;
}

i.glyphicon.glyphicon-remove-circle {
  font-family: 'metispro' !important;
  font-size: 29px;
  width: auto;
  height: auto;
  font-style: normal;
}

i.glyphicon.glyphicon-remove-circle:after {
  content: "\e90d";
}

.multiselect-container>li .btn.btn-default.multiselect-clear-filter {
  background: #F4F5F8;
  border-radius: 0px;
  border: 1px solid #ced4da;
  height: 36px;
  margin: 0px 0 0 -1px;
  width: 39px;
  line-height: 33px;
}

.multiselect-container>li>a>label>input[type=checkbox] {
  margin-bottom: 5px;
  margin-right: 5px;
}

.setting_content .table td:first-child .form-control:disabled {
  text-align: left;
}

ul.multiselect-container.dropdown-menu {
  padding: 10px !important;
  height: 300px;
  overflow: scroll;
}

ul.multiselect-container.dropdown-menu i.glyphicon.glyphicon-remove-circle {
  position: relative;
  top: 1px;
  left: 0px;
}

.col-md-12.ad__row_b {
  background: #ced4da2e;
  border-radius: 3px;
  margin-bottom: 16px;
  padding-top: 24px;
  padding-bottom: 0px;
}

a.ft__edit.add_ad_btn {
  margin-bottom: 14px;
  border: 1px solid #c8352f;
  border-radius: 3px;
  display: inline-block;
  padding: 6px 8px 6px 7px;
}

a.ft__edit.add_ad_btn:hover {
  background: #c8352f;
  color: white;
  text-decoration: none;
}

.delete__btn a i {
  font-size: 14px;
}

.delete__btn {
  position: relative;
  top: -14px;
}

.delete__btn a.ml-3.ft__edit {
  margin-left: 0px !important;
}

div#billingaddresslist {
  padding-left: 15px;
  padding-right: 15px;
}

.pd_f_color {
  padding-bottom: 160px;
}

@media print {
  .dontprint {
    display: none;
  }
}

.group_in.mt-4.search__input {
  margin-top: 28px !important;
  margin-bottom: 19px;
}

.edit__ac_top {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 8px;
}

button.edit__ac_top {
  padding: 0px;
  width: 36px;
  height: 36px;
  text-align: center !important;
}

button.edit__ac_top .mp_link {
  font-size: 21px;
  color: #8f8f8f;
  position: relative;
  top: 5px;
}

.landing_demo {
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo__demo {
  max-width: 450px;
  margin: auto;
}

.logo__demo h1 {
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  margin-top: 20px;
}

.logo__demo img {
  width: auto;
  max-width: 250px;
  background: white;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}

.logo__demo.no_demo_logo h1 {
  font-size: 42px;
}

.logo__demo.no_demo_logo {
  max-width: 1000px;
}

.total__amount_b.position-relative {
  margin-bottom: 18px;
  border-top: 1px solid #8080803b;
  border-bottom: 1px solid #8080803b;
  padding-top: 13px;
  padding-bottom: 13px;
}

.total__amount_b.position-relative .col-md-2 {
  border-right: 1px solid #8080803b;
}

a.btn__pos {
  background: white;
  display: inline-block;
  font-size: 12px;
   font-family: 'Product Sans Medium Regular';
  padding: 6px 15px 6px 10px;
  border-radius: 3px;
  color: #212A47;
  margin-top: 8px;
}

a.btn__pos i.mp_exit-icon {
  margin-right: 4px;
}

a.btn__pos:hover {
  text-decoration: none;
}


.table-hover tbody tr:hover button.btn.dropdown-toggle .mp_ic_printer {
  color: #1E4B78 !important;
}


.setting_content.edit_mode .section_gray input[type="email"],
.setting_content.edit_mode .section_gray input[type="text"],
.setting_content.edit_mode .section_gray select.form-control {
  padding: 0.375rem 0.75rem;
}

.table td a.edit__ac i.mp_download {
  font-size: 20px;
  position: relative;
  top: -3px;
   font-family: 'Product Sans Medium Regular';
}

.input__bor_h .table td:nth-child(3)[scope="row"] {
  border-left-color: white;
}


.ic_img_p i.mp_move-to-qb {
  font-size: 25px;
  line-height: 26px;
  margin-top: 5px;
  position: relative;
  top: 5px;
}


.ic_img_p i.mp_moved-to-qb {
  font-size: 25px;
  line-height: 26px;
  margin-top: 5px;
  position: relative;
  top: 5px;
}


.online-item-img .theme-banner {
  width: 100px;
  height: 100px;
  min-height: 100px;
  font-size: 35px;
  border: 2px solid gray;
  box-shadow: none;
  overflow: hidden;
}

.online-item-img {
  margin-right: 10px;
}

.online-item-img .theme-banner img {
  max-height: 100px;
}

.online-item-img {
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
}

/*-------QTY-------*/

.combo-group {
  background: #f4f5f8;
  width: 100%;
  padding: 15px 15px 5px 15px;
}

.form-row.isComboItem .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 100%;
  max-width: 100%;

}

.combo-item {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 8px;
  vertical-align: middle;
  margin-right: 5px;
}


.qty-combo input {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.qty-combo .quantity.buttons_added .minus {
  font-size: 27px;
}

.combo-and-word {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

.qty-combo {
  display: inline-block;
  vertical-align: middle;
}

.qty-combo input.minus:hover,
.qty-combo input.plus:hover {
  opacity: 0.7;
}


.combo-item-name {
  display: inline-block;
  padding: 2px 35px 0 10px;
  position: relative;
  min-width: 230px;
  min-height: 40px;
  border-left: 1px solid #E8E8E8E8E8E8;
  vertical-align: middle;
}


.combo-item-name .form-check label.form-check-label {
  top: 0px;
}

.quantity {
  display: inline-block;
}

.quantity .input-text.qty {
  width: 40px;
  height: 40px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #c1c1c1;
  float: left;
}

.quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
}

.quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
  padding: 7px 10px;
  width: 30px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #c1c1c1;
  cursor: pointer;
  float: left;
}

.quantity.buttons_added .minus {
  border-right: 0;
  border-radius: 4px 0px 0px 4px;
}

.quantity.buttons_added .plus {
  border-left: 0;
  border-radius: 0px 4px 4px 0px;
}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
  background: #eeeeee;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
  outline: none;
}

a.remove-combo {
  position: absolute;
  top: 9px;
  right: 7px;
  color: #c83630;
}


.btn-outline-primary {
  color: #07396B;
  background-color: transparent;
  background-image: none;
  border-color: #07396B;
  font-size: 14px;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #07396B;
  border-color: #07396B;
}

.font-w-n {
  font-weight: normal;
}

.modal-footer a.cancel_btn_set.light {
  border: 1px solid #d1d1d2;
}


.combo-repeat:first-child .combo-item-name {
  padding-right: 5px;
}

.combo-item-name p.CaptionCont.SelectBox.search {
  border: none;
  background: #ffffff;
}

.tab-content .combo-item-name .form-check label.form-check-label {
  position: relative;
  top: 0px !important;
  font-size: 12px !important;
}

.combo-item-name .radio-block {
  margin-top: -3px;
}


.border-bottom.prize_cost h5,
.pt_modal_space .col-md-12 .border-bottom.prize_cost h {
  font-size: 12px;
}



.row.statics__row .white_box_a h1.batch-report-h,
.row.statics__row .white_box_a h1.sales-reports-h {
    font-size: 20px;
    display: block;
    position: relative;
    width: 100%;
}


.row.statics__row .white_box_a h1.batch-report-h i.mp_arrow_long,
.row.statics__row .white_box_a h1.sales-reports-h i.mp_arrow_long{
    position: absolute;
    right: 2px;
    top: 7px;
    color: #c73630;
}



.row.statics__row .white_box_a h1.batch-report-h i.mp_cost-cal,
.row.statics__row .white_box_a h1.batch-report-h i.mp_ic_reports {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}