/*https://event.dreamztrack.com.my/referrallogin*/
.login {padding: 20px;}

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

div#registered-record-table_wrapper label {color: #fff;}div#registered-record-table_wrapper select {color: #fff;background: #141e3e;}div#registered-record-table_wrapper option {background: #141e3e;}

@media screen and (max-width:992px){
div#registered-record-table_wrapper {overflow-x: scroll;}}

div#registered-record-table_paginate a {color: #ffffff75 !important;}div#registered-record-table_paginate a:hover {color: #fff !important;cursor:pointer;}
a.paginate_button.current {border: 1px solid #cccccc54 !important;}




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


/*referral 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;}
@media only screen and (max-width: 768px) {
table#referral-record-table {table-layout: fixed;}table#referral-record-table>thead>tr>th:nth-child(2){width: 120px!important;}table#referral-record-table>thead>tr>th:nth-child(3), table#referral-record-table>thead>tr>th:nth-child(4){width: 100px!important;}
div#referral-record-table_wrapper {overflow-x: scroll;padding-bottom: 30px;}
div#record-table_wrapper {overflow-x: scroll;padding-bottom: 30px;}
table#record-table {table-layout: fixed;}
#record-table>thead>tr>th:nth-child(3) {width: 68px!important;}
div#record-modal h6.referralcount {text-align: center;}}


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


/*thanks*/
.com_event_record.com-event-record.view-recorddetails.layout-default.task-none.itemid-414 section#sp-main-body {background: url( /images/0_DT_Event/others/bg01.jpg);height: 100vh;display: flex;align-items: center;background-size: cover;background-attachment: scroll;background-position: bottom center;}
.thank-you-page .event-summary h2 {border-bottom: 1px solid #cccccc6e;padding-bottom: 10px;font-size: 22px;}
ul.event-details-summary {list-style: none;padding: 0px;font-size: 18px;}
ul.event-details-summary svg{margin-right:15px;}

@media only screen and (max-width: 768px) {
.thank-you-page h1 {font-size: 30px!important;}.thank-you-page .event-summary h2{font-size: 22px;}
span.event-details-list {padding-left: 30px;margin-bottom: 20px;display: block;}
.com_event_record.com-event-record.view-recorddetails.layout-default.task-none.itemid-414 section#sp-main-body {height: 140vh;}}

@media only screen and (min-width: 768px) {
ul.event-details-summary br {display: none;}ul.event-details-summary span {margin-left:10px;}}

form#member-registration {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
}

.registration .row {
    display: flex;
    justify-content: center;
}


/*EO login*/