/*https://event.dreamztrack.com.my/referrallogin*/
a.btn.back-btn {background: #202a4e;color:#ffffffad;border:1px solid #cccccc73;}
a.btn.back-btn:hover {background: #fff;color:#202a4e;border:1px solid #fff;}

h3.referral-login-title {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #cccccc66;}.login-container .referral-login-button {display: flex;}button.btn.login-btn {padding: 10px 10px;background: black;border-radius: 0px 10px 10px 0px;}button.btn.login-btn i.fa.fa-sign-in {padding-right:10px;}button.btn.login-btn {display: flex;align-items: center;}.login-container .referral-login-button {display: flex;}button.btn.login-btn {padding: 10px 10px;background: #00000000;border-radius: 0px 5px 5px 0px;}button.btn.login-btn i.fa.fa-sign-in {padding-right:10px;}button.btn.login-btn {display: flex;align-items: center;border: 1px solid;}input#input-phone {border-radius: 5px 0px 0px 5px;color: #fff;}.com_referral_login footer#sp-footer {position: fixed;bottom: 0;width: 100%;}

button.btn.login-btn:hover {background: #198754;}
button.btn.login-btn:hover, button.btn.login-btn:hover i{color: #fff!important;}
button.btn.login-btn:hover {border:1px solid #fff;}


.register-text {text-align: center;margin-top: 30px;color:#ffffffb8;}
.register-text a {color: #fff;font-weight: 900;}
.register-text a:hover {text-decoration: underline;}

/*after logged in*/
.com-referral-login.view-logindetails section#sp-main-body {padding-bottom: 120px;}
.logged-title span.col-sm-2 {text-align: right;}
h5.logged-user-title.col-sm-10 {text-transform: capitalize;font-size: 30px;}
p.count-label.col-sm-10 {opacity: 0.6;}

@media screen and (max-width:768px){a.btn.back-btn.logout-btn {padding: 10px 10px;}
p.count-label.col-sm-10 {margin-bottom: 50px;}}

.logged-referral {display: flex;}input#referral-link {border-radius: 5px 0px 0px 5px;cursor: no-drop;}
button.referral-share-btn {height: 100%;background:#fff;border: 1px solid #fff;width: 50px;transition:0.5s ease;}
button.referral-share-btn:hover{background:#ffffff4a;color:#fff;transition:0.5s ease;}
.upcoming-event-title.row .col-sm-2 {text-align: right;}
.upcoming-event-title .col-5.col-sm-5 {text-align: right;}
button.btn.see-more-btn {padding: 0;}
@media screen and (max-width:768px){button.btn.see-more-btn a {padding: 10px 9px;}}
div#referral-record-table_wrapper label {color: #fff;}div#referral-record-table_wrapper select {color: #fff;background: #141e3e;}


/*table*/
table.dataTable thead th, table.dataTable thead td {padding: 10px;border-bottom: 1px solid rgb(255 255 255 / 30%)!important;}table.dataTable.no-footer {border-bottom: 1px solid rgb(255 255 255 / 30%)!important;}.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color: #ffff!important;}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {color: #ffffff!important;}a#referral-record-table_previous, a#referral-record-table_next{color: #ffffff70!important;}a#referral-record-table_previous:hover, a#referral-record-table_next:hover{color: #fff!important;cursor:pointer;}
div#referral-record-table_filter input[type="search"] {background: #fff!important;}

button.referral-records-btn {background: #202a4e;color:#ffffffad;border:1px solid #cccccc73;}
button.referral-records-btn:hover {background: #fff;color:#202a4e;border:1px solid #fff;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #fff!important;border: 1px solid rgba(0, 0, 0, 0.3);background: none !important;}
div#referral-record-table_paginate a.paginate_button.current {color: #fff!important;}

/**modal popup**/
div#record-modal .modal-header,div#record-modal .modal-body {background: #141e3e;color#fff;}div#record-modal .table-striped>tbody>tr:nth-of-type(odd)>*,div#record-modal .table-bordered>:not(caption)>* {color: #fff;}div#record-modal {padding: 50px;}div#record-modal .modal-footer {padding: 0;}div#record-modal table.dataTable.no-footer {border-bottom: 1px solid rgb(255 255 255 / 100%) !important;border-top: 1px solid #ffffffbf;}
@media screen and (max-width:600px){div#record-modal {padding: 15px;}}
span#close-modal:hover {cursor: pointer;}
span#close-modal {font-size: 30px;}
h5.modal-event-title {margin: 0px;}

div#record-modal label {color: #ffff;}div#record-modal select {color: #fff;background:#141e3e;}div#record-modal input[type="search"] {background: #fff!important;}

a#record-table_previous, a#record-table_next {color: #ffffff70!important;}div#record-table_paginate a.paginate_button:hover {color: #fff!important;cursor: pointer!important;background: none;}div#record-table_paginate a.paginate_button.current{color: #fff!important;}div#record-table_paginate a.paginate_button{color: #ffffff80!important;}


/*user login*/
.login .row {background: #141e3e;}
.login label#username-lbl, .login label#password-lbl, .login label.form-check-label {color: #fff;}
a.list-group-item{color:#ffffff91!important;font-weight:normal!important;}
.login input {color: #fff;}
.login input:focus{color: #fff;}
@media screen and (min-width:992px){.login {width: 50%;margin: auto;}}
.com_users.com-users.view-login main#sp-component .sp-column {background: #141e3e!important;}

/*EO login*/


main#sp-component .sp-column h4 {
    /*display: none;*/
}

.com_users.com-users.view-registration form#member-registration {
    margin: auto !IMPORTANT;
    background: #fff;
    padding: 30px;
    border-radius: 15px;
}
.com-users.view-registration #sp-main-body {
    background: #141e3e !IMPORTANT;
}
.com_users.com-users.view-registration .col-xl-6 {
    margin: auto !IMPORTANT;
}
label, .form-label {
    margin-bottom: 0px;
}
.mb-4 {
    margin-bottom: 15px !IMPORTANT;
}
.com_users.com-users.view-registration label#jform_spacer-lbl {
    color: #ff0000;
}

.com_users.com-users.view-login .col-lg-6  {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    max-width: 500px;
    margin: auto;
}
.com_users.com-users.view-login .list-group .list-group-item {
    color: #000 !IMPORTANT;
}
.loginhide-header.hide-page-title {
    padding: 15px;
}

/*reset password*/
.com_users.com-users.view-reset  #sp-main-body {
    background: #141e3e;
    height: 90vh;
}
.com_users.com-users.view-reset form#user-registration label,
.com_users.com-users.view-reset  form#user-registration .form-label {
    color: #fff;
}