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;
}
form#adminForm .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;
}}
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;
}
form#adminForm button, .item_fields button.btn.btn-secondary, .backbtn a, .com-project-management.view-managements 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;
}
form#adminForm button:hover, .item_fields button.btn.btn-secondary:hover, .backbtn a:hover, .com-project-management.view-managements button:hover {
    opacity: 0.6;
    color: #fff !important;
}
form#adminForm 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;
}
.js-stools-container-bar {
    margin-bottom: 5px;
}
@media(max-width:991px){
    .js-stools-container-bar {
    width: 100% !important;
    margin-bottom: 5px;
}
.btn-wrapper.input-append {
    display: inline-block !important;
}
}

/*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 !IMPORTANT;
    padding: 6px 9px 0px 10px;
    color: #fff !IMPORTANT;
}
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;
}
span.icon-step-backward.icon-previous, span.icon-backward.icon-first, span.icon-step-forward.icon-next, span.icon-forward.icon-last {
    line-height: 1 !important;
    padding: 0px !important;
}

/*button*/
form#adminForm a.btn, form#adminForm .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;
}
form#adminForm a.btn:hover, form#adminForm .btn-primary:hover {
    opacity: 0.6;
    color: #fff;
    background: #232323;
}
form#adminForm a.btn.btn-danger {
    background: #c53535;
    color: #fff;
}
form#adminForm a.btn.btn-danger:hover {
    opacity: 0.6;
    color: #fff;
}
input#filter_redeem_date_time_from, input#filter_redeem_date_time_to {
    background: #fff !important;
    border-color: #bfbfbf !important;
}

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

/*com-reward view-detail*/
.com-reward.view-detail .form-horizontal .control-label {
    text-align: left;
}
.com-reward.view-detail input, .com-reward.view-detail select {
    width: 85% !important;
}
@Media(max-width:991px){
.com-reward.view-detail input, .com-reward.view-detail select {
    width: 100% !important;
}
}
.com-reward.view-detail h1 {
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    font-size: 24px;
}

/*com-redeem-history view-historyrecordform*/
.com-redeem-history.view-historyrecordform .control-label {
    text-align: left;
}
.com-redeem-history.view-historyrecordform input, .com-redeem-history.view-historyrecordform select {
    width: 85% !important;
}
@media(max-width:991px){
.com-redeem-history.view-historyrecordform input, .com-redeem-history.view-historyrecordform select {
    width: 100% !important;
}
}
.com-redeem-history.view-historyrecordform h1 {
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    font-size: 24px;
}

/*com-reward view-detailform*/
.com-reward.view-detailform .control-label {
    text-align: left;
}
.com-reward.view-detailform input, .com-reward.view-detailform select {
    width: 85% !important;
}
@media(max-width:991px){
.com-reward.view-detailform input, .com-reward.view-detailform select {
    width: 100% !important;
}
}
.com-reward.view-detailform h1 {
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    font-size: 24px;
}


/*com-project-management view-managementform*/
.com-project-management.view-managementform .control-label {
    text-align: left;
}
.com-project-management.view-managementform input, .com-project-management.view-managementform select {
    width: 85% !important;
}
@media(max-width:991px){
.com-project-management.view-managementform input, .com-project-management.view-managementform select {
    width: 100% !important;
}
}
.com-project-management.view-managementform h1 {
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    font-size: 24px;
}


/*com-point view-detailform*/
.com-point.view-detailform .control-label {
    text-align: left;
}
.com-point.view-detailform input, .com-point.view-detailform select {
    width: 85% !important;
}
@media(max-width:991px){
.com-point.view-detailform input, .com-point.view-detailform select {
    width: 100% !important;
}
}
.com-point.view-detailform h1 {
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    font-size: 24px;
}


/*.com-custom-point.view-pointdetailform*/
.com-custom-point.view-pointdetailform .control-label {
    text-align: left;
}
.com-custom-point.view-pointdetailform input, .com-custom-point.view-pointdetailform select {
    width: 85% !important;
}
@media(max-width:991px){
.com-custom-point.view-pointdetailform input, .com-custom-point.view-pointdetailform select {
    width: 100% !important;
}
}
.com-custom-point.view-pointdetailform h1 {
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
    font-size: 24px;
}

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


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

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

/*date button*/
button#jform_redeem_date_time_btn,
button#jform_expiry_date_btn,
button#jform_custom_field7_btn,
button#jform_custom_field3_btn,
button#jform_deadline_btn,
button#jform_custom_field4_btn,
.com-project-management.view-management button,
button#jform_date_btn{
    background: #000;
    padding: 7px 10px;
    transition: 0.3s;
    color: #fff;
    border: inherit;
}

.com-project-management.view-management button {
    margin-left: 15px;
}
button#jform_redeem_date_time_btn:hover,
button#jform_expiry_date_btn:hover,
button#jform_custom_field7_btn:hover,
button#jform_custom_field3_btn:hover,
button#jform_deadline_btn:hover,
button#jform_custom_field4_btn:hover,
.com-project-management.view-management button:hover,
button#jform_date_btn:hover {
    color: #fff;
    opacity: 0.6;
}

/*submit button*/
button.validate.btn.btn-primary {
    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;
}

/*hr*/
hr {
    border-color: #ececec !important;
    margin: 30px 0px !important;
}

/*com-project-management*/
.com-project-management.view-managements h3, u {
    font-size: 24px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.pending-project-section, .current-project-section {
    background: #f2fbff;
    padding: 30px;
}
@media(max-width:991px){
.pending-project-section, .current-project-section {
    background: #f2fbff;
    padding: 15px;
}
}

/*qr page*/

.qrbtn {
    background: #050133 !important;
    padding: 30px !important;
}
.qrbtn img {
    background: #fff !important;
}
.qrbtn a {
    color: #fff !important;
    transition: 0.3s !important;
}
.qrbtn a:hover {
    opacity: 0.8 !important;
}
.project-item h3 {
    padding-left: 15px !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
}

/*project this month*/
.top-project-row {
    display: flex;
}
.top-project-row .col-sm-12 {
    background: #1996d3 !Important;
    padding: 15px;
}
a.project-userpoint {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1.3;
}
.project-this-month b {
    color: #fff !IMPORTANT;
    font-size: 20px;
}

/*textarea*/
textarea#jform_remark {
    width: 85% !important;
    min-height: 100px;
}

/*my account dashboard*/

.my-account img {
    width: 60px;
    height: 60px;
}
.my-account .dashboard-icon-001:hover img.sppb-img-responsive {
    transform: translateY(-6px);
}
.my-account .dashboard-icon-001 img.sppb-img-responsive {
    transition: 0.3s;
}

@media(max-width:991px){
.my-account img {
    width: 50px;
    height: 50px;
}
.my-account h6 {
    min-height: 37px;
    font-size: 13px !important;
}}
.my-account .dashboard-icon-001 a {
    font-size: 15px !important;
}
.my-account .dashboard-icon-001 h6{
    font-size: 15px !important;
    min-height: 35px;
}