section#sp-main-body {
  padding: 50px 0px;
  min-height: 80vh;
}
body.site.com-hikashop.view-order.layout-show.task-show h5.sppb-addon-title {
    margin-bottom: 0!important; font-weight:900;
}
.body-innerwrapper {
  background: #e6e7e8;
}

/*dashboard*/
@media (max-width: 991px) {
  .dashboard-icon .sppb-col-xs-6 {
    padding: 0px 5px !important;
  }
  .dashboard-icon h6 {
    min-height: 32px;
  }
  .dashboard-icon {
    padding: 50px 15px 0px 15px !important;
  }
}
@media (min-width: 992px) {
  .boxreport {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }
}
@media (max-width: 991px) {
  .boxreport {
    width: 49.3%;
    padding-right: 3px !important;
    padding-left: 3px !important;
    display: inline-block;
  }
}
/* form#adminForm {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000015;
} */
.dashboard-icon-inner {
  transition: 0.3s;
  background: #fff !important;
  border-radius: 15px;
  box-shadow: 0px 0px 5px #00000030 !important;
}
.dashboard-icon-inner:hover {
  background: #fff !important;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000060 !important;
}
.filter_div {
  margin-top: 0px;
}

/*dashborad-report*/
.boxreport-inner {
  height: 110px;
  text-align: center;
  padding: 15px 6px 0px 6px;
  background-color: #141e3e !important;
  color: white;
  border-radius: 10px;
  margin-bottom: 0px;
  box-shadow: 0px 0px 10px #00000090;
}
@media (max-width: 991px) {
  .boxreport-inner {
    margin-bottom: 10px;
  }
}
.boxadsver {
  padding: 0 5px;
}
.boxadsver-inner {
  height: 100px;
  text-align: center;
  padding: 15px 6px;
  background-color: #232323 !important;
  color: white;
  border-radius: 10px;
  margin-bottom: 10px;
  /*box-shadow: 0px 0px 10px #00000090;*/
}
@media(min-width:992px){
.col-sm-3.text-center.boxadsver {
    width: 20% !IMPORTANT;
}}

.total_report_column .sppb-column {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000015;
  padding: 15px;
}
.total_report_column .sppb-column button#showpercentage {
  margin-left: 15px !important;
  margin-bottom: 15px !important;
}
.total_report_column .sppb-column h3.sppb-addon-title.text-left {
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 15px;
}
.total_report_column .sppb-column .boxreport-inner {
  box-shadow: none;
}
.total_ads_column .sppb-column {
  margin-top: 24px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000015;
  padding: 15px 36px !important;
}
.boxadsver-inner p.total_ads_p {
  padding: 0px 10px;
  margin: 0px;
  font-weight: 600;
  line-height: 1.5;
  height: 45px;
}
@media (max-width: 991px) {
  .total_ads_column .sppb-column {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #00000015;
  }
}
.total_ads_column .sppb-column h3.sppb-addon-title.text-left {
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 30px;
}
.boxp {
  color: white;
  font-size: 20px;
  line-height: 1.2;
  transition: 0.3s;
  margin-bottom: 0px !important;
  font-weight: 600;
}
.boxpdbot {
  color: white;
  font-size: 15px;
  line-height: 1.2;
  transition: 0.3s;
  margin-bottom: 0px !important;
  font-weight: 600;
}
.boxreport-inner p {
  margin-bottom: 0px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.total_report_p {
  overflow-wrap: break-word;
  height: 20px;
  line-height: 1.2;
  font-size: 14px;
  letter-spacing: 0px !important;
  margin-bottom: 10px !important;
}

/*filter*/
form#adminForm button.btn.hasTooltip {
  background: #232323;
  color: #fff;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  padding: 8px 25px !important;
  border-radius: 0px !important;
  transition: 0.3s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
}
.js-stools-container-bar .btn-primary .caret {
  margin: auto;
}
form#adminForm button.btn.hasTooltip:hover {
  opacity: 0.6;
  background-color: #ff000a!important;
}
.com-song.view-data .js-stools.clearfix {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .js-stools-container-filters.hidden-phone.clearfix.shown select {
    width: 100% !important;
  }
  .js-stools-container-filters.hidden-phone.clearfix.shown
    .js-stools-field-filter {
    width: 100% !important;
  }
  .js-stools-container-bar .btn-wrapper.input-append {
    display: block;
    margin-bottom: 10px;
  }
}
input#filter_last_active_date_from,
input#filter_date_from,
input#filter_date_to {
  background-color: #fff;
  border-color: #cccccc;
}

input#filter_last_active_date_to {
  background-color: #fff;
  border-color: #cccccc;
}
button {
  background: #232323;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  padding: 8px 15px !important;
  border-radius: 0px !important;
  transition: 0.5s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
}
button:hover {
  opacity: 0.6;
  color: #fff !important;
}
button a {
  color: #fff !important;
}
form#adminForm .control-group {
  margin: 0px !important;
}
form#adminForm .field-calendar .input-append {
  margin: 0px !important;
}
form#adminForm .field-calendar {
  display: inline-block !important;
}
form#adminForm .js-stools-container-filters.hidden-phone.clearfix.shown {
  display: inline-block !important;
  width: 100% !important;
  height: 100px;
}
form#adminForm .js-stools-container-filters.hidden-phone.clearfix.shown .chzn-drop {
    /* height: 80px; */
    overflow: auto;
}
form#adminForm div#collapsefilter .card .js-stools .chzn-container {width: 210px !important;}

div#filter_month_chzn ul.chzn-results {
    overflow: hidden !important;
}
form#adminForm .col-sm-1 {
  margin-bottom: 10px;
  margin-top: 10px;
}
form#adminForm .col-sm-1 a.btn.btn-success.btn-small {
  background: #449d44;
}
a.addbtn.btn.btn-success.btn-small {
  background: #0fc228;
}

button#Csv, button#btn_import_csv {
  background: #0fc228 !important;
}

button#recalculatesales {
  background: #666666 !important;
}

button#clearsales {
  background: #ff0000 !important;
}
@media (max-width: 991px) {
  .addback {
    display: block;
    margin-top: 5px;
  }
}
.addback button,
.addback .btn {
  margin-bottom: 5px !important;
}
@media(max-width:991px){
form#adminForm div#collapsefilter .card .btn-wrapper.hidden-phone {
    margin-bottom: 5px;
}}

/*pagination*/
ul.pagination-list span.icon-forward.icon-last {
  color: #fff;
}
ul.pagination-list span {
  background: #000;
  padding: 6px 9px 0px 10px;
  color: #fff;
}
ul.pagination-list a.hasTooltip {
  background: #232323;
  padding: 6px 9px 0px 10px;
  color: #fff;
}
ul.pagination-list a {
  transition: 0.3s;
}
ul.pagination-list a:hover {
  opacity: 0.8 !important;
}
ul.pagination-list a {
  background: #232323;
  padding: 6px 9px 0px 10px;
  color: #fff;
}
ul.pagination-list a span {
  background: #0000 !important;
  padding: 6px 9px 0px 10px;
  color: #fff;
}
ul.pagination-list {
  padding: 0px;
}
ul.pagination-list {
  display: inline-block;
}
ul.pagination-list li {
  display: inline-block;
}
.pagination {
  overflow: inherit;
}
select#limit {
  padding: 0px;
}
.pagination.pagination-toolbar.clearfix .pull-right {
  float: left !important;
}

/*button*/
button#export,
button#csv {
  background: #232323;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  padding: 8px 25px !important;
  border-radius: 0px !important;
  transition: 0.3s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
}
button#export:hover,
button#csv:hover {
  opacity: 0.6;
}
a.btn,
.btn-primary {
  background: #232323;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  padding: 8px 15px !important;
  border-radius: 0px !important;
  transition: 0.3s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
}
a.btn:hover,
.btn-primary:hover {
  opacity: 0.6;
  color: #fff;
  background: #232323;
}
a.btn.btn-danger {
  background: #c53535;
  color: #fff;
}
a.btn.btn-danger:hover {
  opacity: 0.6;
  color: #fff;
}
a.btn.backbtn {
  margin-right: 5px !important;
  border: 1px solid #fff;
}

/*table*/
th {
  min-width: 40px;
}
table a {
  text-decoration: underline;
}
table a:hover {
  text-decoration: underline;
  color: #23527c;
}

/*edit history page*/
.historydata-edit.front-end-edit .form-horizontal .control-label {
  text-align: left;
}
.historydata-edit.front-end-edit input,
select {
  width: 100% !important;
}
.historydata-edit.front-end-edit h1 {
  margin: 0px 0px 30px 0px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 15px;
}
div#jform_status_chzn {
  width: 100% !important;
}

/*delete*/
#deleteModal {
  width: 80%;
  margin: auto;
  margin-top: 100px;
}
#deleteModal .modal-header {
  background: #fff !important;
  padding: 0px 15px;
}
div#deleteModal .modal-footer {
  background: #fff !important;
  border: none !important;
  padding-top: 0px !important;
}
div#deleteModal .modal-header .close {
  font-size: 30px !important;
}
div#deleteModal button.close {
  color: #000 !important;
}

/*submit button*/
button#bfSubmitButton {
  background: #232323;
  color: #fff;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  padding: 8px 25px !important;
  border-radius: 0px !important;
  transition: 0.3s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
}

/*alert-notice*/
.alert.alert-notice {
  background: #fbd7d7;
}

/*customer*/
.com-customer.view-datas h3 {
  margin: 0px 0px 20px 0px !important;
}
th.customer-header-name {
  min-width: 150px !important;
}
th.customer-header-date {
  min-width: 150px !important;
}
th.customer-header-accumulated-amount {
  min-width: 180px !important;
}
th.customer-header-integrator-id {
  min-width: 120px !important;
}
th.customer-header-start-date {
  min-width: 150px !important;
}
td.customer-referral {
  overflow-wrap: anywhere;
  width: 150px !important;
  min-width: 150px !important;
}
@media (min-width: 992px) {
  .backclass {
    display: block !important;
  }
  .addback {
    align-items: flex-end !important;
    justify-content: end !important;
    margin-top: 10px !important;
  }
}

/*customer history*/
th.customer-history-reminder-date1,
th.customer-history-reminder-date2,
th.customer-history-followup-date1,
th.customer-history-followup-date2 {
  min-width: 90px;
}
th.customer-history-integrator-id {
  min-width: 120px;
}
th.customer-history-customer {
  min-width: 150px !important;
}
.com-customer-history.view-historydatas h3 {
  margin: 0px 0px 20px 0px;
}
.com-customer-history.view-historydatas .col-sm-2 {
  text-align: right;
}
@media (max-width: 991px) {
  .com-customer-history.view-historydatas .col-sm-2 {
    text-align: left;
    margin: 10px 0px;
  }
  .com-customer.view-datas .col-sm-3 {
    margin: 10px 0px 10px 0px;
  }
}

/*table*/
@media screen and (max-width: 767px) {
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: unset;
  }
}
table {
  margin-top: 10px;
}

/*add button*/
i.icon-plus {
  font-size: 10px;
  padding: 0px !important;
}

/*payment-pop-up*/
.modal-header {
  background: #000 !important;
  padding: 10px !important;
}
.modal-header h5.modal-event-title {
  margin: 0px;
}
.modal-header h2 {
  margin: 10px 0px !important;
}
.modal-body {
  padding: 15px 15px 5px 15px !important;
}
.modal-body label {
  width: 150px !important;
}
.modal-footer {
  background: transparent !important;
  border: none !important;
  padding-bottom: 15px !important;
}
.modal-header .close {
  color: #fff !important;
  opacity: 0.8 !important;
}
.modal-body input {
  width: 85% !important;
}
.modal-content {
  border-radius: 0px;
}

/*referral modal popup*/
div#record-modal .modal-header h5.modal-event-title {
  margin: 0px;
  color: #fff;
  font-size: 18px;
}
div#record-modal h5.modal-title {
  color: #fff;
  font-size: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid #606060;
  margin-bottom: 10px;
}
div#register_modal .modal-header h5.register-title {
  color: #fff;
  font-size: 18px;
}

/*form-page*/
.form-page .control-label {
  text-align: left !important;
}
.form-page .front-end-edit form .controls input {
  width: 100% !important;
}
.form-page #mceu_38 span {
  color: #000;
  font-size: 13px;
}
.form-page h1 {
  font-size: 18px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-weight: 700;
}
.form-page textarea {
  width: 100% !important;
  min-height: 100px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 40px;
}
.action-buton {
  text-align: right;
}
.form-page .bfClearfix textarea {
  width: 69% !important;
  min-height: 100px;
}

/*background*/
.front-end-edit,
.data-view,
.kiple-form {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000030;
  margin-top: 30px;
}

/*appointment-form*/

div#picname {
  background: #ececec;
  padding: 5px 10px;
  width: 83% !important;
  border-radius: 5px;
}

@media (max-width: 991px) {
  div#picname {
    width: 100% !important;
    margin: 0px !important;
  }
  .backclass {
    flex-direction: column;
    align-items: flex-start !important;
  }
}
.field-calendar input {
  background: #fff !important;
  border-radius: 0px !important;
  border-color: #c1c1c1 !important;
  font-size: 13px !important;
}
a.btn.btn-micro.btnattend {
  background: #0fc228;
  box-shadow: none;
}
a.btn.btn-micro.btnnotattend {
  background: #ff0000;
  box-shadow: none;
}

.addback {
  display: flex;
}
@media (max-width: 991px) {
  .addback {
    display: block;
  }
}
.backclass {
  display: flex;
  align-items: center;
}

/*dashboard*/
.maincolumn input {
  margin-right: 10px;
}

/*referral-login*/
.login-container {
  /* background: #ececec; */
  padding: 30px 0px 15px 0px;
}
h3.referral-login-title {
  border: none !important;
}

/*referral-login-page*/
form#adminForm .logged-profile {
  background: #fff;
  box-shadow: 0px 0px 10px #00000030;
  padding: 30px;
  border-radius: 15px;
}
form#adminForm .logged-referral {
  background: #f3f3f3;
  box-shadow: none;
  width: 100%;
  text-align: left;
  padding: 10px;
  border-radius: 10px;
}
form#adminForm h5.invite-label {
  text-align: left !important;
  padding-top: 30px;
  border-top: 1px solid #00000030;
  margin-top: 30px;
  font-size: 18px;
}
form#adminForm h5.logged-welcome-title {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #9e9e9e;
}
input#referral-link {
  width: 80% !important;
  border-radius: 0px !important;
  margin-right: -10px;
}
form#adminForm .logged-profile a {
  text-decoration: underline;
}
.mce-menubtn.mce-fixed-width.mce-btn-small span {
  color: #000;
}

/*event-list*/

.event-action-button.row .col-sm-2 {
  text-align: right;
}
.event-action-button.row {
  margin: 15px 0px 15px 15px;
  padding: 10px 0px;
  background: #ececec;
}
a.referral-login-btn.btn.btn-success.btn-small {
  background: #0fc228;
}
@media (max-width: 991px) {
  .event-action-button.row .btn,
  .logged-event {
    margin-bottom: 5px !important;
  }
}
form#adminForm .logged-registered .card-footer .share-tooltip,
.logged-event .card-footer .share-tooltip {
  width: 33.4% !important;
  display: inline-block;
}
.logged-registered .card-footer a,
.logged-event .card-footer a {
  width: 33.3% !important;
}
.logged-registered .card-footer button.btn,
.logged-event .card-footer button.btn {
  width: 33.3% !important;
  display: inline-block;
  font-size: 14px !important;
  padding: 8px 10px !important;
}
.logged-registered .card-footer,
.logged-event .card-footer {
  display: flex;
  width: 100% !important;
}

.layout-edit tr.time select.inputbox,
.layout-edit tr.time select {
  font-size: 12px;
  padding: 5px 0px;
  max-width: 50px;
}
tr.time select.time-ampm {
  width: 100px !important;
}

/*payment form*/
@media (min-width: 992px) {
  div#myModal .modal-content {
    width: 50% !important;
    text-align: center !important;
  }
}
div#myModal .modal-content h2 {
  font-size: 20px !important;
}
@media (max-width: 991px) {
  div#myModal #online,
  div#myModal #manual {
    width: 130px;
    height: 130px;
    display: inline-block !important;
  }
  div#myModal #online img,
  div#myModal #manual img {
    width: 50px;
    height: 50px;
  }
  div#myModal .modal-content {
    text-align: center !important;
  }
  div#myModal .modal-content h2 {
    font-size: 18px !important;
  }
}
div#myModal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div#myModal .modal-body input {
  width: 60% !important;
}
div#myModal select {
  width: 60% !important;
}
@media (max-width: 991px) {
  div#myModal .modal-body input {
    width: 100% !important;
  }
  div#myModal select {
    width: 100% !important;
  }
  div#myModal .modal-body label {
    display: block;
    text-align: left;
  }
  div#myModal .chzn-container {
    width: 100% !important;
  }
}
div#myModal .chzn-container {
  text-align: left !important;
}

/*lead form*/
@media (min-width: 992px) {
  .form-page textarea#ff_elem391 {
    width: 69% !important;
  }
}

/*edit your profile*/
.com-users.view-profile input {
  width: 100% !important;
}

/*lead form*/
@media (min-width: 992px) {
  div#myleadformModal .modal-content {
    width: 60% !important;
    text-align: center !important;
  }
}
div#myleadformModal .modal-content h2 {
  font-size: 20px !important;
}
@media (max-width: 991px) {
  div#myleadformModal .modal-content {
    text-align: center !important;
  }
  div#myleadformModal .modal-content h2 {
    font-size: 18px !important;
  }
}
div#myleadformModal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div#myleadformModal .modal-body input {
  width: 60% !important;
}
div#myleadformModal select {
  width: 60% !important;
}
@media (max-width: 991px) {
  div#myleadformModal .modal-body input {
    width: 100% !important;
  }
  div#myleadformModal select {
    width: 100% !important;
  }
  div#myleadformModal .modal-body label {
    display: block;
    text-align: left;
  }
  div#myleadformModal .chzn-container {
    width: 100% !important;
  }
}
div#myleadformModal .chzn-container {
  text-align: left !important;
  width: 60% !important;
}
@media (max-width: 991px) {
  div#myleadformModal .chzn-container {
    width: 100% !important;
  }
}
.lead-form-row .sppb-row-container {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000030 !important;
}
@media (max-width: 991px) {
  .lead-form-row .sppb-row-container {
    margin: 0px 15px !important;
  }
}
.laed-button {
  text-align: right;
}
.form-page .lead-form-row h1 {
  margin-bottom: 15px !important;
}

/*calender*/
.field-calendar .js-calendar {
  top: unset !important;
  bottom: -410px !important;
}
.field-calendar {
  position: relative;
}
.table-responsive {
  margin-top: 50px;
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #00000015;
  border-radius: 0px;
}
.card .card-body {
  border-radius: 15px !important;
}
input#filter_search {
    border-radius: 0px;
}

table#orderdataList {
    font-size: 14px;
}

.com-hikashop.view-order.layout-show.task-show fieldset#htmlfieldset_billing,
.com-hikashop.view-order.layout-show.task-show fieldset#htmlfieldset_shipping{min-height:200px;}



.com-hikashop.view-order.layout-show.task-show table.hikashop_order_main_table tr:nth-child(2) {width: 100%;}
.com-hikashop.view-order.layout-show.task-show table.hikashop_order_main_table tr:nth-child(2) table td {width:50%;}



/*pack order*/