section#sp-main-body {
  padding: 50px 0px;
  min-height: 80vh;
}
.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: #232323!important;
  color: white;
  border-radius: 5px;
  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: 5px;
  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: 0px;
  box-shadow: 0px 0px 10px #00000015;
  padding: 15px;
  display: flex;
  justify-content: center;
}
.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: 0px;
  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: 11px;
  line-height: 1.2;
  transition: 0.3s;
  margin-bottom: 0px !important;
  font-weight: 600;
  margin-top: 10px;
}
.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: #000;
  color: #fff;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  /* padding: 10px 25px !important; */
  border-radius: 0px !important;
  transition: 0.3s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
  font-family: 'Roboto';
  height: 45px;
}
.js-stools-container-bar .btn-primary .caret {
  margin: auto;
}
form#adminForm button.btn.hasTooltip:hover {
  opacity: 1;
  background: #ff0000!important;
  border: 1px solid #ff0000!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: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: #ff000a;
  margin-right: 5px!important;
}

button#Csv, button#btn_import_csv {
  background: #ff000a !important;
  font-weight: 700;
  text-transform: inherit;
}

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*/
.btn {
    border: 1px solid #fff!important;
}

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, .btn, button.btnclose,button#backpaymentonline, button#generate,
button#backpaymentmanual, button#generatePayment{
  background: #000;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  padding: 9px 15px !important;
  border-radius: 0px !important;
  transition: 0.3s;
  text-transform: capitalize;
  border: none;
  margin: 0px !important;
  font-family: 'Roboto';
}
a.btn:hover,
.btn-primary:hover, button.btnclose:hover,
button#backpaymentonline:hover, button#generate:hover,
button#backpaymentmanual:hover, button#generatePayment: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;
}

/*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: 10px 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;
  line-height: 20px;
}

/*payment-pop-up*/
.modal-header {
  background: #000 !important;
  padding: 0px !important;
  color: #fff;
  font-weight: 900!important;
  display: block;
  vertical-align: center;
}
.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;
  text-align: left;
  float: left;
  line-height: 35px;
}
.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;
  border-radius: 0px;
}

.form-page .front-end-edit form .controls  input[type=radio] {
  width: unset !important;
  border-radius: 0px;
  margin-left: 0px;
}
.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: 330px;
  border-radius: 0px;
}
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: 37px;
}
.action-buton {
  text-align: right;
}
.form-page .bfClearfix textarea {
  width: 69% !important;
  min-height: 100px;
}

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

/*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!important;
  box-shadow: none;
}
a.btn.btn-micro.btnnotattend {
  background: #000!important;
  box-shadow: none;
}
a.btn.btn-micro i {
    line-height: 20px;
}
.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,div#myModal .modal-body textarea {
  width: 68% !important;
  height: 37px;
  border-radius: 0px;
  padding: 6px 12px;
  background: white;
  line-height: 26px;
  color: #8e8e8e;
  border-color: #c9c9c9!important;
}

div#myModal .modal-body textarea {min-height:100px;}
p#onlineremark label, p#manualremark label {
    align-items: center;
    position: relative;
    top: -40px;
}

div#myModal select {
  width: 68% !important;
  padding: 0 8px;
  border-radius: 0px;
  height: 40px;
}
@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;
    top: 0px;
  }
  div#myModal .chzn-container {
    width: 100% !important;
  }
div#myModal .modal-body input,div#myModal .modal-body textarea,div#myModal .modal-body select {
  width: 100% !important;
  height: 37px; margin:0px!important;
  border-radius: 0px;
  padding: 6px 12px;
  background: white;
  line-height: 26px;
  color: #8e8e8e;
  border-color: #c9c9c9!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;
    border-radius: 0px;
  }
}
div#myleadformModal .modal-content h2 {
  font-size: 25px !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: 100% !important;
  border-radius: 0px;
  height: 40px;
  padding: 0 10px;
}
@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;
}

.field-calendar .input-append {
    display: inline-flex;
}
.table-responsive {
  margin-top: 50px;
  background: #fff;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0px 0px 10px #00000015;
}
.card .card-body {
  border-radius: 15px !important;
}

/*filter*/
.js-stools .js-stools-field-list, .js-stools .js-stools-field-filter {
    /* min-width: 144px; */
}
@media only screen and (min-width: 992px) {
.js-stools.clearfix>.clearfix {
    /* float: right; */
    margin-top: 20px;
}}

div#filter_paymentmethod_chzn li.search-field input.default.active {/* width: 170px!important; */margin: 0!important;}

/*chzn*/
.chzn-container-single .chzn-single {
    height: 37px;
    border-radius: 0px;
    padding: 6px 12px;
    background: white;
    line-height: 26px;
    color: #8e8e8e;
    border-color: #c9c9c9!important;
    box-shadow: none!important;
    text-align: left;
    font-size: 12px;
    font-weight: normal!important;
    font-family: 'Roboto';
}

ul.chzn-choices {
    height: 37px!important;line-height: 37px!important;
}

a.chzn-single b {
    margin-top: 6px;
}
ul.chzn-choices {
    font-size: 14px;
    padding: 0 10px!important;
}

.calendar-container table {
    table-layout: fixed;}


/*online pay*/
input#item-remarkonline, input#item-remarkmanual{
    min-height: 100px;
}

/*dashboard*/
.column1,
.column2,
.column3,
.column4,
.uru {
  display: flex;
  flex-direction: column;
  width: 25%;
}
@media (max-width: 767px){
.column1,
.column2,
.column3,
.column4,
.uru {
  display: flex;
  flex-direction: column;
  width: 100%;
}}



div#manualmodal h3,
div#onlinemodal h3,
div#mainmodal h3{
    margin-top: 0px;
}


/**/

.total_report_column .sppb-column .col-xs-6.col-sm-2.col-md-2 {
    padding: 0px 5px;
}

.total_report_column .sppb-column .row {
    width: 100% !IMPORTANT;
}

/*end of system*/


/*reminder filter button*/

form#adminForm button.btn.hasTooltip.js-stools-btn-today {
    border-color: #FFC107 ! IMPORTANT;
    background: #FFC107 ! IMPORTANT;
    color: #000 !IMPORTANT;
}