section#sp-main-body {
    padding: 50px 0px;
}

/*filter*/
form#adminForm button.btn.hasTooltip {
    background: #232323;
    color: #fff;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    padding: 9px 10px !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;
}
.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: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    padding: 9px 10px !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;
}
form#adminForm .col-sm-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}
form#adminForm .col-sm-1 a.btn.btn-success.btn-small {
    background: #449d44;
}

/*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: #239a4f !IMPORTANT;
    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;
}

/*button*/
button#export, button#csv {
    background: #232323;
    color: #fff;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    padding: 9px 10px !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;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    padding: 9px 10px !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;
}

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

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


/*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 !important;
    font-weight: 600 !important;
    padding: 9px 10px !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;
}

/*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;
}}

/*header*/
#sp-header.menu-fixed {
    height: 60px;
}
#sp-header.menu-fixed .logo {
    height: 60px;
}
#sp-header.menu-fixed .sp-megamenu-parent >li >a, 
#sp-header.menu-fixed .sp-megamenu-parent >li >span {
    line-height: 60px;
}

/*off canvas*/
.offcanvas-menu {
    background: #fff;
    border-left: 5px solid #239a4f;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    padding: 50px 15px !important;
}
#offcanvas-toggler >i {
    color: #000;
}
#offcanvas-toggler {
    line-height: 90px;
}
@media(max-width:991px){
.close-offcanvas {
    color: #000 !important;
    border: 1px solid #000;
  }
#sp-header.menu-fixed #offcanvas-toggler {
    line-height: 60px;
  }}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: #000 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    background: #239a4f !important;
    color: #fff !IMPORTANT;
}
#offcanvas-toggler >i:hover {
    color: #e30613ad;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {
    color: #000;
    font-weight: 600;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
    color: #000;
    font-weight: 600;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: #fffaf5c4;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
    background: #fff7f7;
}

/*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;
}}

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

/*payment-pop-up*/
.modal-header {
    background: #000 !important;
}
.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;
}

/*input*/
.js-stools.clearfix input {
    background: #fff !important;
    border-color: #a5a5a5 !important;
    border-radius: 0px !important;
}