div#ember1421.admin-content {
    padding: 0px !important;
    overflow-x: hidden !important;
}

#tabs-1 {
    padding-top: 65px;
}

.panel-button {
    background: #1cb777;
    border-radius: 3px;

    color: #ffffff;
    border: 0px;
    margin-top: 10px !important;
}

.panel-button:focus {
    outline: none !important;
}

.disabled {
    opacity: 0.5;
}

.success {
    color: green;
}

.error-text {
    color: red;
    font-weight: unset !important;
    font-size: 14px !important;
}

.ui-widget.ui-widget-content {
    border: 0px !important;
}

.ui-state-active {
    background: #1cb777 !important;
    border: 1px solid #1cb777 !important;
}


.search_wrapper_tabs {

    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #dddddd !important;
    border-radius: 3px;
    background-color: #e9e9e9;
}


.search_links:after {
    display: block;
    clear: both;
    text-decoration: none;
    content: '';
}

.search_links {

    cursor: pointer;

    background-color: inherit;
    padding: .2em .2em 0;

    margin-bottom: 0px !important;
    transition: 0.3s;
}

.search_links li {
    padding: .5em 1em;
    float: left;
    margin: 1px .2em 0 0;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    border-top-right-radius: 3px;
    list-style: none;
    border-bottom: 0px;
    width: 12%;
    text-align: center !important;
    border-top-left-radius: 3px;
}

.preferences {
    width: 14% !important;
}

.search_links li a {
    color: #333333;
    text-decoration: none;
}

.search_links li.active a {
    color: #ffffff;
    text-decoration: none;
}



ul.search_links li:hover {
    color: #333333;
    background-color: #dadada;
    cursor: pointer;
    text-decoration: none;
}

.search_links li.active {
    background: #1cb777 !important;
    text-decoration: none;
}

.enrollmentform {
    width: 500px;
    margin: 0px auto;
    margin-top: -13px;
}

#enrollementform {
    width: 50%;
    margin: 0px auto;
    margin-top: 4%;
}

#title_salutation {
    border-radius: 3px;
    margin-top: 5px;
}

#stage {
    width: 500px;
    border-radius: 3px;
    margin-top: 5px;
    color: #555;
}

.form-group select {
    color: #555;
}

.tier_stage {
    width: 490px;
    border-radius: 3px;
    margin-top: 5px;
    color: #555;
}

.editable_form-body {
    margin: 0px auto;
    margin-top: 13px;
}

/*
.modal {

    position: relative !important;
    z-index: 999;
    width: 100%;
    height: 305px;
    margin: 0px auto;
    top: -300px !important;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    margin-bottom: -255px !important
}

.modal img {

    height: 60px;
    width: 60px;
}*/

.ui-tabs .ui-tabs-nav li.ui-tabs-active:focus {
    outline: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:focus {
    outline: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:focus {
    outline: none !important;
}

input,
select {
    border: none;
    border: 1px solid #dadfe3 !important;
    box-shadow: none;
    padding-left: 0;
    font-size: 14px !important;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px !important;
    margin-top: 5px !important;
    padding-left: 10px !important;

}

label {
    font-weight: 500 !important;
    font-size: 14px !important;
    margin-bottom: 5px;
    padding-top: 15px;
}

#referral_name,
#offer-name {
    padding-left: 15px;
}

.members-referrals-list,
.members-offers-list {

    margin: 0px auto;
    margin-top: 5px;
}

.members-offers-list th,
.bookings-list th,
.members-referrals-list th {
    height: 40px;
    color: #898989;
    font-size: 14px;
    font-weight: bold;
}

.referralRow,
.removeRow,
.bitprivrow,
.bitupdaterow,
.bitpointsrow {
    height: 50px;
    margin-bottom: 5px;
    padding-top: 15px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.bitprivrow,
.bitupdaterow,
.bitpointsrow {
    background: #f5f5f5;
    border: none;
}
.referee_Name {
    float: left;
    width: 25%;
    padding-left: 15px;
}

.points_balance, 
.referee_ID,
.membershipStage {
    float: left;
    width: 20%;
}

.referral_date {
    float: left;
    width: 15%;
}


.offer_Name {
    float: left;
    width: 20%;
    padding-left: 15px;
}


.offer_ID {
    float: left;
    width: 12%;
}

.offer_Type {
    float: left;
    width: 16%;
}

.Sponsor_Name {
    float: left;
    width: 20%;
}

.user_response {
    float: left;
    width: 15%;
    padding-left: 2%;
}

.count {
    float: left;
    width: 17%;
    padding-left: 4%;
}

.members-privileges-list {
    margin: 0px auto;
    margin-top: 20px;
}

.members-privileges-list th {

    height: 40px;
    color: #898989;
    font-size: 14px;
    font-weight: bold;
}

.privileges_div,
.bits_div {
    width: 100%;
}

.privilegesrow {
    height: 50px;
    margin-bottom: 5px;
    padding-top: 15px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.left-padding {
    padding-left: 10px;
}

.privilegesrow .title {
    width: 15%;
    float: left;
}

.privilegesrow .bit_ID {
    width: 10%;
    float: left;
}

.privilegesrow .Sponsor_Name {
    width: 15%;
    float: left;
}

.privilegesrow .value {
    width: 8%;
    float: left;
}

.privilegesrow .status {
    width: 12%;
    float: left;
}

.privilegesrow .offer_given {
    width: 20%;
    float: left;
}

.privilegesrow .exp_date {
    width: 10%;
    float: left;
}

.privilegesrow .privcode {
    width: 10%;
    float: left;
    padding-left: 10px;
}

.bits-list-header th {
    color: #898989;
    font-weight: bold;
    font-size: 14px;
    height: 40px;
}

.bitsrow {
    height: 50px;
    margin-bottom: 5px;
    padding-top: 15px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.bitsrow .date {
    width: 10%;
    float: left;
    padding-left: 10px;
}

.sponsor-name {
    width: 12%;
    float: left;
}

.bit-type {
    width: 11%;
    float: left;
}

.bit-mode {
    width: 10%;
    float: left;
}

.bit-id {
    width: 10%;
    float: left;
}

.bit-offer {
    width: 12%;
    float: left;
}

.bit-points {
    width: 9%;
    float: left;
    padding-left: 10px;
}

.bit-points img {
    margin-right: 6px;
}

.priv-earned {
    width: 7%;
    float: left;
    padding-left: 10px;
}

.priv-availed {
    width: 7%;
    float: left;
    padding-left: 10px;
}

.bit-status {
    width: 9%;
    float: left;
}


.Transfer_points {
    width: 100px;
    background: #1cb777;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ffffff;
    border: 0px;
    margin-top: 15px !important;

}



.MergeMembersRow {
    height: 40px;
    margin-bottom: 11px;
    padding-top: 15px;

    width: 98%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.members-list td span {
    font-size: 12px;
}

.members-list {
    margin-top: 10px;
}

.fa-edit {
    cursor: pointer;
}

.editable-form-main {
    width: 100%;
}

#edit-form {
    float: left;
    margin-bottom: 0px;
}

.loader-container {
    width: 180px;
    height: 55px;
    background: #fff;
    position: relative;
    top: -215px;
    margin: 0px auto;
    margin-bottom: -211px;
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;
}

.loader-container span {
    display: inline-block;
    padding-right: 10px;
}

.loader-container img {
    display: inline-block;
    padding-left: 5px;
}

.button-container,
.pref-button-container {
    float: right;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 15px !important;
}

.pref-button-container {
    margin-top: 30px !important;
}

form .button-container {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 100%;
    border-radius: 3px;
    margin-top: 12px !important;
    margin-bottom: 13px;
}

form .button-container2 {
    float: right;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
    margin-top: -9px;
}

.button-reset {
    float: right;
}

.btn {
    float: right;
    display: inline-block;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-top: 15px !important;
    min-width: 0px !important;
}

.panel-button-close {
    width: 100px;
    float: left;
    background: #e9e9e9;
    color: #000000 !important;
    margin-left: 6px;

}

.panel-button-update {
    width: 100px;
    background: #1cb777;
    float: left;
    color: #ffffff;
    margin-left: 10px;
}

.merge {
    margin-top: 10px;
    margin-bottom: 10px;

}

#merge-pic {
    padding-left: 0px;
    border-radius: 5px;
    margin: 0px auto;
    display: block;
}

.merge img {
    vertical-align: middle;
    height: 30px;
    padding: 5px;
    float: left;
    padding-left: 10px;
}

.merge-text {
    float: left;
    padding-top: 5px;
    padding-left: 5px;

}


.modal .fade {
    background: transparent;
}

div #otp-confirmation.modal.fade.in {
    /*width: 100%;
    margin-left: 14px;*/
}

div #otp-confirmation2.modal.fade.in {
    /*width: 100%;
    margin-left: 14px;*/
}

/*
.modal.fade.in {


    top: -24px !important;
    padding-right: 0px !important;
    height: 317px;
    margin-bottom: -333px !important;
}*/

.modal.fade.in #retro-confirmation2 {
    display: block;
    top: 67px !important;
    padding-right: 0px !important;
    height: 340px;
}


.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden !important;
    background: transparent;
}

.modal.fade .modal-dialog {
    margin-top: 100px;
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    align-items: center;
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal-header {
    border-bottom: 0px !important;
}

.modal-content {
    position: fixed;
}

.modal-header .close {
    color: #000000 !important;
    font-size: 20px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    display: flex;
    justify-content: center;
    border-top: 0px !important;
}

.modal-body {
    position: relative;
    padding: 15px;
    text-align: center;
    /*overflow-y: auto;*/
}

.btn-default {
    background-color: #1cb777 !important;
    outline: none !important;
    padding: 5px 10px !important;
    border: 0px !important;
}

.close {
    width: 30px;
    color: black;
}

.password-container {
    width: 400px;
    margin: 0px auto;
    margin-top: 15%;
}

select {
    width: 100% !important;
    background: transparent !important;

}

.enroll-container {
    position: relative !important;
    z-index: 999;
    height: 430px;
    margin: 0px auto;
    top: -420px !important;
    bottom: -420px !important;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    margin-bottom: -340px !important;
}

.enroll-container img {
    height: 60px;
    width: 60px;
}

.enroll-loader-container {
    width: 180px;
    height: 55px;
    background: #fff;
    position: relative;
    top: -345px;
    margin: 0px auto;
    margin-bottom: -150px;
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;
}

.enroll-loader-container span {
    width: 70%;
    font-size: 14px;
    float: left;
    padding-left: 13px;
}

.enroll-loader-container img {
    padding-left: 10px;
    padding-top: 4px;
    float: left;
}

.otp-container {
    position: relative !important;
    z-index: 999;
    height: 345px;
    margin: 0px auto;
    top: -345px !important;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    margin-bottom: -345px !important;
}

.opt-container img {
    height: 30px;
    width: 30px;

}

.otp-loader-container {

    width: 180px;
    height: 60px;
    background: #fff;
    position: relative;
    top: -220px;
    margin: 0px auto;
    margin-bottom: -220px;
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;
}

.otp-loader-container span {
    display: inline-block;
    padding-top: 2%;
    padding-left: 60px;
    position: absolute;

}

.otp-loader-container img {
    position: absolute;
    display: inline-block;
    padding-left: 5px;
    height: 40px;
    width: 50px;
}

.points-container {
    position: relative !important;
    z-index: 999;
    height: 385px;
    margin: 0px auto;
    top: -379px !important;
    width: 100%;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-opacity: 0.8;
    margin-bottom: -335px !important;
}

.points-container img {
    height: 60px;
    width: 60px;
}

.points-loader-container {

    width: 205px;
    height: 60px;
    background: #fff;
    position: relative;
    top: -220px;
    margin: 0px auto;
    margin-bottom: -150px;
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;

}

.points-loader-container span {
    display: inline-block;
    padding-top: 6%;
    padding-left: 48px;
    position: absolute;
}

.points-loader-container img {
    position: absolute;
    display: inline-block;
    padding-left: 5px;
    padding-top: 8px;
}

.reset-panel-button {
    width: 100%;
    background: #1cb777;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ffffff;
    border: 0px;
    margin-top: 15px !important;

}

.retro-container,
.member-loader-container {
    position: fixed;
    z-index: 999;
    height: 800px;
    margin: 0px auto;
    top: 0px !important;
    width: 100%;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-opacity: 0.8;
}

.member-loader-container {
    height: 800px;
}

.retro-container img {
    height: 60px;
    width: 60px;
}

.retro-loader-container {
    width: 205px;
    height: 60px;
    background: #fff;
    position: fixed;
    /*  top: -255px;
    margin: 0px auto;
    margin-bottom: -255px; */
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;
    margin: 0px auto;
    display: block;
    margin-left: 40%;
    margin-top: 20%;
    top: 0px;
}



.retro-loader-container span {
    display: inline-block;
    padding-top: 6%;
    padding-left: 48px;
    position: absolute;
}

.retro-loader-container img {
    position: absolute;
    display: inline-block;
    padding-left: 5px;
    padding-top: 8px;
}

.retro-container2 {
    position: relative !important;
    z-index: 999;
    height: 296px;
    margin: 0px auto;
    top: -202px !important;
    width: 100%;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-opacity: 0.8;
    margin-bottom: -202px !important;
}

.retro-loader-container2 {
    width: 205px;
    height: 60px;
    background: #fff;
    position: relative;
    top: -175px;
    margin: 0px auto;
    margin-bottom: -175px;
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;
}

.retro-container2 img {
    height: 60px;
    width: 60px;
}


.retro-loader-container2 span {
    display: inline-block;
    padding-top: 6%;
    padding-left: 48px;
    position: absolute;
}

.retro-loader-container2 img {
    position: absolute;
    display: inline-block;
    padding-left: 5px;
    padding-top: 8px;
}






.retro-container3 {
    position: relative !important;
    z-index: 999;
    height: 252px;
    margin: 0px auto;
    top: -156px !important;
    width: 100%;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    overflow-x: hidden;
    overflow-y: hidden;
    -moz-opacity: 0.8;
    margin-bottom: -152px !important;
}

.retro-loader-container3 {
    width: 205px;
    height: 60px;
    background: #fff;
    position: relative;
    top: -169px;
    margin: 0px auto;
    margin-bottom: -175px;
    color: #000000;
    z-index: 99999;
    font-size: 12px;
    padding-top: 10px;
    border-radius: 5px;
}

.retro-container3 img {
    height: 60px;
    width: 60px;
}

.retro-loader-container3 span {
    display: inline-block;
    padding-top: 6%;
    padding-left: 48px;
    position: absolute;
}

.retro-loader-container3 img {
    position: absolute;
    display: inline-block;
    padding-left: 5px;
    padding-top: 8px;
}

#e_mail {
    margin-top: 5px !important;
    padding-right: 10px;
}

.datepicker {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

input#show_date.form-control.date-picker {
    height: 40px !important;
    margin-top: 5px !important;
    width: 500px !important;
    color: inherit;
    font-size: 13px;
}

input#date-of-birth.form-control.date-picker {
    height: 40px !important;
    margin-top: 5px !important;
    width: 500px !important;
    color: inherit;
    font-size: 13px;
}

input#bit_date.form-control.date-picker {
    height: 40px !important;
    margin-top: 0px !important;
    width: 500px !important;
    color: inherit;
    font-size: 13px;
}

.right-inner-addon {
    height: 40px !important;
    position: relative;
}

.right-inner-addon input {
    padding-right: 30px;
}

.right-inner-addon i {
    position: absolute;
    font-size: 20px;
    right: 0px;
    padding: 10px 12px;
}

div #points-confirmation.modal.fade.in {
    width: 100%;
    margin-left: 14px;
}


div #points-confirmation2.modal.fade.in {
    width: 100%;
    margin-left: 14px;
}


div #update-confirmation.modal.fade.in {
    /*margin-left: 14px;
    height: 300px;*/

}

div #update-confirmation2.modal.fade.in {
    /*  margin-left: 14px;
    height: 300px;*/
}

.retro_form_body {
    margin: 0px auto;
    margin-top: 20px;
}

.option_txt {
    color: #dadfe3 solid;

}

.sponsor_search li:hover {
    cursor: pointer;
    background-color: #e9e9e9;
}

.sponsor_search {
    list-style: none;
    width: 250px;
    position: absolute;
    padding-left: 6px;
    margin-top: 4px !important;
    background-color: white;
    border: 1px solid #dadfe3 !important;
    left: 15%;
    top: 329px;
    z-index: 10;
    border-top: 0px !important;
}

.sponsor_search li {
    padding: 5px 10px;
}

.offer_search li:hover {
    cursor: pointer;
    background-color: #e9e9e9;
}

.offer_search {
    list-style: none;
    width: 250px;
    position: absolute;
    padding-left: 6px;
    margin-top: 4px !important;
    background-color: white;
    border: 1px solid #dadfe3 !important;
    right: 18%;
    top: 329px;
    border-top: 0px !important;
}

.offer_search li {
    padding: 5px 10px;
}

.location_search li:hover {
    cursor: pointer;
    background-color: #e9e9e9;
}

.location_search {
    list-style: none;
    width: 250px;
    position: absolute;
    padding-left: 6px;
    margin-top: 4px !important;
    background-color: white;
    border: 1px solid #dadfe3 !important;
    left: 15%;
    top: 380px;
    border-top: 0px !important;
}

.location_search li {
    padding: 5px 10px;
}

.mobile_field {
    box-sizing: border-box;
    margin-bottom: 50px;
}

.mob1 {
    float: left;
    width: 131px;
}

.mob2 {
    float: left;
    width: 252px;
}

.input-box {
    position: relative;
}

input #acc_balance {
    display: block;
    border: 1px solid #d7d6d6;
    background: #fff;
    padding: 10px 10px 10px 20px;
    width: 195px;
}

input #tier_valid_date {
    display: block;
    border: 1px solid #d7d6d6;
    background: #fff;
    padding: 10px 10px 10px 20px;
    width: 195px;
}

input #exp_date {
    display: block;
    border: 1px solid #d7d6d6;
    background: #fff;
    padding: 10px 10px 10px 20px;
    width: 195px;
}

.unit {
    position: absolute;
    display: block;
    left: 380px;
    top: 10px;
    z-index: 9;
    float: left
}

.unit2 {
    position: absolute;
    display: block;
    left: 380px;
    top: 10px;
    z-index: 9;
    float: left
}

.unit3 {
    position: absolute;
    display: block;
    left: 380px;
    top: 10px;
    z-index: 9;
    float: left
}

div#retro-confirmation2 {
    display: block;
    top: 90px !important;
    padding-right: 0px !important;
    height: 340px;
}

.modal.fade.retro {
    display: block;
    top: 90px !important;
    padding-right: 0px !important;
    height: 340px;
}

.modal.fade.retro3 {
    display: block;
    top: -73px !important;
    padding-right: 0px !important;
    height: 340px;
}

.terms-and-conditions {
    margin-left: 22%;
    box-sizing: border-box;
    margin-top: 10px;
}

.terms-check {
    float: left;
    margin-top: 0px !important;
}

.terms-text {
    float: left;
    color: #000;
    width: 85%;
    padding: 4px;
    font-size: 14px;
}

.keepsign_container {
    float: left;
    width: 100%;
}

.sign-check {
    float: left;
}

.sign-text {
    display: inline-block;
    float: left;
    margin-top: 10px;
    padding-left: 5px;
}

.sku_container,
.p_container {
    overflow: hidden;
    width: 82%;
    float: left;
}

.actionbtn {
    padding-right: 10px;
    float: left;
    margin-top: 10px;
}

.sku_icon {
    cursor: pointer;
    float: left;
    padding-top: 10px;

}

.addbtn {

    margin-top: 10px;
    float: left;
    margin-left: 1px;
}

.sku_txt1 {

    float: left;
    width: 49%;
    margin-right: 3px;
}

.sku_txt2 {

    float: left;
    width: 48%;
}

.form-control {
    border-right: 0px !important;
    height: 40px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin-top: 0px !important;
    height: 40px;
}

#datetimepicker2.form-control {
    height: 40px;
}

#retro_date {
    height: 40px !important;
}

#datetimepicker2 {
    padding-top: 5px;
    width: 100%;
}

.retro_options label {
    float: left;
    width: 142px;
    clear: left;
    text-align: right;
    padding-right: 10px;
}

.retro_options input {
    width: 60%;
    margin-left: 0px !important;
}

.mobilecode {
    background: url('images/drop_down_arrows_pressed.png') no-repeat;
    background-position: 98% center;
    border-right: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding-top: 8px;
    border: 1px solid #dadfe3;
    box-shadow: none;
    padding-left: 0;
    font-size: 14px !important;
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    margin-top: 5px !important;
    padding-left: 10px !important;
}

.mobnumber {
    border-left: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#datetimepicker3 {
    width: 100%;
    margin-top: 5px;
}

#datetimepicker1 {
    width: 61% !important;
    margin-top: 5px
}

.skuhr {
    margin-top: 7px;
    margin-bottom: 16px;
    border: 0;

}

.form-inline .form-group {
    width: 65%;
}

#enroll_date {
    height: 40px;
    color: #000000 !important;
    font-size: 13px !important;
}


.memb-part1 {
    width: 33%;
    float: left;
}

.memb-part1 label {
    float: left;
    width: 39%;
    clear: left;
    text-align: right;
    padding-right: 10px;
}

.memb-part1 input {
    float: left;
    width: 61%;
    margin-top: 0px;

}

.memb-part1 select {
    width: 61% !important;
    float: left;
    margin-top: 0px;
}

.reset-memb {
    width: 50%;
    float: left;
}

.reset-memb label,
.bit-detail label {
    float: left;
    width: 39%;
    clear: left;
    text-align: right;
    padding-right: 10px;
}

.reset-memb input,
.bit-detail input {
    float: left;
    width: 61%;
    margin-top: 0px;

}

#update_date {
    height: 40px;
    color: #000000 !important;
}

.editlb {
    display: block;
    text-align: center;
}

.transferor {

    float: left;
    width: 41%;
}


.transferee {

    float: left;
    width: 41%;
}

#points_tab label {
    float: left;
    width: 28%;
    clear: left;
    text-align: right;
    padding-right: 10px;
    padding-top: 14px;
}

#points_tab input {
    float: left;
    width: 55%;
}

#points_value_label {
    padding-top: 0px !important;
}

@media screen and (min-width: 1392px) {
    #points_value_label {
        padding-top: 14px !important;
    }
}

@media screen and (max-width: 1391px) {
    #points_value_label {
        padding-top: 0px !important;
    }
}

#tot_inv {
    padding-top: 0px;
}

.trtitle {

    text-align: center;

}

.skuid {
    width: 100% !important;
}

.lamount {
    width: 100% !important;
}

.tetitle {

    text-align: center;

}

.transfer-button {
    background: #1cb777;
    border-radius: 3px;
    color: #ffffff;
    border: 0px;
    clear: both;
    margin: 0px auto;
    display: block;
    margin-top: 2% !important;
}



.retro-part1 {
    float: left;
    width: 47%;
    color: #555;
}

.retro-part2 {
    float: left;
    width: 40%;
    color: #555;
}

.retro-part1 label {

    float: left;
    width: 29%;
    clear: left;
    text-align: right;
    padding-right: 15px;
}

.retro-part2 label {
    float: left;
    width: 148px;
    clear: left;
    text-align: right;
    padding-right: 10px;
}

.retro-part1 input {

    float: left;
    width: 57%;
    color: #555;
}

.retro-part1 select {
    font-size: 14px !important;
    float: left;
    /*width: 57% !important;*/
    color: #555;
}


.retro-body select {
    /* width: 500px !important;*/
}

.date-retro {
    float: left;
    width: 50%;
}

.merge-panel-button {
    width: 100px;
    background: #1cb777;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #ffffff;
    border: 0px;
    margin-top: 10px !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 0em !important;
}

.retro-panel-button {
    margin-left: 381;
    width: 100px;
    background: #1cb777;
    border-radius: 3px;

    color: #ffffff;
    border: 0px;
    margin-top: 10px !important;
}

.column {
    float: left;
    padding-top: 15px;
}

.left {
    width: 50%;
}

.right {
    width: 50%;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

button {
    padding: 10px 15px;
    background: #1cb777;
    border-radius: 3px;
    color: #ffffff !important;
    border: 0px;
    font-weight: bold !important;
    outline: none;
}

.register-button {
    margin-left: 22%;
    margin-top: 2%;
}

.login-button {
    margin-left: 0px;

}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    height: 32px;
    width: 15px;
}

.text-label {
    width: 21%;
    text-align: right;
    position: relative;
    top: 5px;
}

.search-button {
    margin-top: 10px;
}

.input-group.date .input-group-addon {
    padding: 5px !important;
}

.input-group.date .input-group-addon.retro {
    padding: 10px !important;
}

.mobile-code {
    float: left;
    width: 30%;
}

.mobile-number {
    float: left;
    width: 70%;
}

/*.lab-padd {
    padding-top: 0px !important;
}*/

.detail {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

#create_bit {
    margin-left: 49%;
    margin-top: 2.5% !important;
}


.sku_container.sku_next,
.p_container.p_next {
    overflow: hidden;
    width: 82%;
    float: left;
    margin-left: 13.5%;
}

.sku_container label {
    float: left;
    padding-right: 15px;
}

.skuamount,
.skuval,
.pamount {
    float: left;
    width: 96% !important;
    margin-right: 10px;
}

.paymentmode {
    width: 96% !important;
    margin-right: 10px;
    float: left;
}

.sku-field {
    width: 190px;
    float: left;
}

.remove-button {
    float: left;
    cursor: pointer;
    padding-top: 10px;
    margin-right: 10px;
}

.remove-button.disabled {
    opacity: 0.5;
    cursor: default;
}


.input-group.date .input-group-addon.retro {
    padding: 10px !important;
}

.bits-list {
    margin-top: 5px;
}

.help-block {
    float: left;
    width: 100%;
    padding-top: 0px !important;
    margin-top: 0px !important;
    color: red !important;
    margin-bottom: 0px !important;
    font-size: 13px !important;
    display: block;
    padding-left: 0px !important;
}

.help-block-2 {
    margin-left: 28%;
    padding-top: 0px !important;
    margin-top: 0px !important;
    color: red !important;
    margin-bottom: 0px !important;
    font-size: 13px !important;
    display: block;
    padding-left: 0px !important;
    width: unset !important;
}


#member_found_same,
#member_not_found,
#mobilecodeerror2 {
    margin-left: 30%;
}

#insufficient {
    margin-left: 15%;
}

label[for="Transferee_id"] {
    padding-top: 0px !important;
}

.separator {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}


.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ca2222;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2ab934;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(38px);
    -ms-transform: translateX(38px);
    transform: translateX(38px);
}

.on {
    display: none;
}

.on,
.off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked+.slider .on {
    display: block;
}

input:checked+.slider .off {
    display: none;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.comm-label {
    width: 42%;
    float: left;
}

.sms-communication {
    padding: 10px 15px;
    width: 45%;
    float: left;
}

.communication-pref {
    margin-left: 20%;
}

.retro_cat {
    float: left;
    width: 13.7%;
    text-align: right;
    padding-right: 15px;
}

.retro_cat.date {
    width: 40.2%;
}

.retro-body {
    float: left;
    width: 100%;
}


.memberRow {
    height: 50px;
    margin-bottom: 5px;
    padding-top: 15px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.member_Name {
    width: 15%;
    float: left;
}

.member-Id {
    width: 12%;
    padding-left: 10px;
    float: left;
}

.member-Points {
    width: 11%;
    padding-left: 10px;
    float: left;
    white-space: nowrap !important;
}

.member-date {
    width: 10%;
    padding-left: 10px;
    float: left;
    white-space: nowrap;
}

.member-mobilenumber {
    width: 13%;
    float: left;
}

.member-email {
    width: 19%;
    float: left;
}

.member-stage {
    padding-left: 5px;
    width: 10%;
    float: left;
}

.members-list th {

    height: 40px;
    color: #898989;
    font-size: 14px;
    font-weight: bold;
}

.members-list {

    margin: 0px auto;
    margin-top: 5px;


}

.modal-backdrop.in {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;

}

.modal2 {
    overflow-x: hidden;
    overflow-y: auto;
    background: transparent;
    position: relative !important;
    z-index: 999;
    width: 100%;
    height: 360px;
    margin: 0px auto;
    top: -310px !important;
    left: 0;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
    margin-bottom: -290px !important;


}

.modal2 img {

    height: 60px;
    width: 60px;
}


.modal.fade.in {

    padding-right: 0px !important;
    /* height: 340px; */
    /* margin-bottom: -86px !important; */
    z-index: 999999 !important;
    opacity: 1;
}

.error.enrollment {
    padding-left: 22%;

}

.no-data {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 5%;
}

.prev-next-container {
    margin: 0px auto;
    display: block;
    width: 15%;
    text-align: center;
}

.prev-button {
    font-size: 12px !important;
    color: #4a4a4a !important;
    background: none !important;
}

.disabled-button {
    opacity: 0.5 !important;
    pointer-events: none;
    cursor: not-allowed !important;
}

.loader-div {
    margin: 0px auto;
    display: block;
    width: 22%;
    margin-top: 5%;
}

.loader-text {
    padding-left: 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

label.mandatory:after {
    content: "*";
    color: red;
    position: relative;
    font-size: 14px !important;
    left: 1px;
}

.help-block-3 {
    padding-top: 0px !important;
    margin-top: 0px !important;
    color: red !important;
    margin-bottom: 0px !important;
    font-size: 13px !important;
    display: block;
    padding-left: 0px !important;
    width: unset !important;
}

.sku-label {
    float: left;
    width: 13.5%;
    padding-right: 15px;
    text-align: right;
}

.sku-container {
    float: left;
    width: 100%;
}

#reset-modal-body {
    float: left;
}

.reset-detail,
.bit-detail {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.bit-detail {
    width: 50%;
}

.reset-label {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 5%;
    color: #898989;
}

.reset-val {
    text-overflow: ellipsis;
    width: 50%;
    float: left;
    text-align: left;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
}

#resetconfirmation {
    margin-top: 57px;
    width: 75% !important;
}

.reset-modal {
    height: 400px;
}

.bit-search {
    margin-bottom: 5px;
    width: 20%;
    height: 32px;
    margin-top: 10px !important;
    border-radius: 100px !important;
    float: left;
    margin-right: 30px;
}

.admin-content {
    padding: 0px !important;
}

.bookingsrow {
    height: 50px;
    margin-bottom: 5px;
    padding-top: 15px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}

.booking-id {
    width: 7%;
    padding-left: 15px;
    float: left;
    padding-right: 5px;
}

.exp-name,
.booking-location {
    width: 16%;
    float: left;
}

.booking-status {
    width: 8%;
    float: left;
    padding-right: 5px;
}

.booking-date,
.booking-email {
    width: 12%;
    float: left;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.booking-email {
    width: 14%;
}


#booking_id {
    padding-left: 15px;
}

.booking-edit {
    width: 3%;
    float: left;
}

.booking-edit-button {
    width: 20px;
    cursor: pointer;
}

.add-booking-button {
    margin: 0px auto;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}

#booking_form {
    margin: 0px auto;
    width: 90%;
    display: block;
    margin-top: 10px;
}

.booking-label {
    width: 30%;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.booking-data {
    width: 65% !important;
    float: left;
}

.booking-part1 {
    width: 50%;
    float: left;
}

.booking-detail {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

#booking_start_date {
    border-right: 0px !important;
    width: 55%;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#datetimepicker4,
#datetimepicker5 {
    padding-top: 5px;
    width: 100%;
}

input[disabled] {
    cursor: not-allowed !important;
}

.booking-detail select[disabled] {
    -webkit-appearance: none;
    background-color: #e8e8e8 !important;
    cursor: not-allowed;
}

.offer-result {
    width: 100%;
    height: 120px;
    display: block;
    position: absolute;
    border: 1px solid #dadfe3 !important;
    top: 100%;
    overflow: auto;
    border-radius: 3px;
    z-index: 4;
    list-style: none;
    background: white;
    cursor: pointer;
}

.offer-result li {
    padding: 5px 10px;
    cursor: pointer;
}

.booking-offer {
    position: relative;
    width: 65%;
    /* display: block; */
    float: left;
}

.booking-offer .input-group-addon {
    width: 10% !important;
}

.booking-offer .input-group {
    width: 100% !important;
}

.booking-offer li {
    padding: 5px 10px;
    cursor: pointer;
}

/*.error {
    color: red;
    font-weight: unset !important;
    font-size: 13px !important;
    padding: 0px !important;
    margin: 0px !important;
}*/

.text-content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;

}

.retro-detail {
    width: 57%;
    float: left;
    position: relative;
}

.retro-autocomplete {
    width: 100% !important;
}

#error {
    padding-left: 22%;
}

.bit-details-button {
    width: 3%;
    float: left;
}

.modal-lg {
    margin-top: 50px !important;
    width: 85% !important;
}

.bit-data {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.details-title {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5%;
    padding: 5px;
}

.modal-content .bit-details-tab {
    height: 500px;
    /*overflow-y: auto;*/
}

.bit-tabs {
    display: table;
    width: 90%;
    table-layout: fixed;
    margin: 0px auto;
}

.bit-link {
    border-radius: 0px;
    border-left: 1px solid #cccccc !important;
    border-top: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    padding: 10px;
    text-decoration: none !important;
    cursor: pointer;
    float: none;
    display: table-cell;
    text-decoration: none;
    color: #333333 !important;
    font-weight: bold;
}

.bit-link:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.bit-link:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-right: 1px solid #cccccc !important;
}

.active {
    background: #1cb777 !important;
    color: #ffffff !important;
    font-weight: bold;
}

.bit-details-tab {
    height: 500px;
    /*overflow-y: auto;*/
}

.bits-details-row,
.bit-header-row,
.payments-details-row,
.update-profile-row {
    float: left;
    display: block;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.update-profile-row {
    height: 50px;
}

.bit-priv,
.bit-desc {
    width: 18%;
    float: left;
    text-align: left;
}

.bit-priv,
.update-level {
    padding-left: 10px;
}

.bit-exp,
.bit-quan,
.bit-val,
.bit-avail {
    width: 16%;
    float: left;
    text-align: left;
    padding-left: 15px;
}

.update-level,
.update-attr,
.update-actn,
.update-val {
    width: 25%;
    float: left;
    text-align: left;
}

.points-val,
.points-exp {
    width: 15%;
    float: left;
    text-align: left;
}

.points-val img,
.points-exp img,
.red-points-exp img,
.redem-points img {
    margin-right: 5px;
}

.redemption-row,
.redemption-row-margin {
    float: right;
    width: 90%;
    background: #f5f5f5;
    margin-top: 7px;
    height: 40px;
    padding-top: 10px;
}

.redemption-row-margin {
    margin-top: 22px;
}

.red-points-exp,
.redem-points,
.redem-id,
.redem-date,
.redem-ids {
    width: 39%;
    float: left;
    text-align: left;
}

.redem-ids {
    width: 28%;
}

.redem-points,
.redem-date {
    width: 16%;
}

.redem-id {
    width: 25%;
}

.lang-pref {
    padding-top: 15px;
    width: 100%;
}

.lang-pref-label {
    width: 21%;
    float: left;
}

.lang-pref-sel {
    width: 70%;
    float: left;
    margin-left: 10px;
}

.details-label {
    font-size: 14px;
    font-weight: bold;
    color: #898989;
    height: 40px;
}

.prof-update-attr {
    width: 33.3%;
    float: left;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

#bit_details {
    overflow-y: auto !important;
}

.bit-details-modal {
    width: 90%;
    margin: 0px auto;
    display: block;
    overflow-y: auto;
}

#mobile_otp_detail {
    width: 61%;
}

.error-block {
    float: left;
    color: red;
    width: 100%;
    font-size: 13px;
    margin-left: 28%;
}

.otp-image {
    width: 20%;
    padding-top: 0px !important;
}

.otp-text {
    padding-top: 7% !important;
}

.mobile-result {
    width: 75%;
    height: 250px;
    display: block;
    position: absolute;
    border: 1px solid #dadfe3 !important;
    top: 45px;
    overflow: auto;
    border-radius: 3px;
    z-index: 4;
    list-style: none;
    background: white;
    cursor: pointer;
    left: 0px;
}

.mobile-result li {
    padding: 5px 10px;
    cursor: pointer;
}

#mobile_field {
    position: relative;
}


.passwordcontainer {
    margin: 0px auto;
    display: block;
    width: 100%;
    padding: 10px;
    text-align: left;
}

.session-text {
    margin-bottom: 0px;
    margin-left: 10px;
    text-align: left;
}

.session-button {
    margin-top: 15px;
}

#expirationmodal {
    width: 350px;
}

.btn-default:hover {
    background-color: #1cb777 !important;
    outline: none;
    border: 0px !important
}

.bit-search-container {
    height: 40px;
    width: 100%;
}

.transaction-date {
    margin-top: 5px;
}

.bitrange {
    width: 23%;
    margin-top: 10px !important;
    float: right;
    margin-right: 8%;
}

.drp-buttons {
    height: 45px;
}

.drp-selected {
    display: none !important;
}

.daterangepicker .drp-calendar {
    max-width: 250px !important;
}

.cancelBtn {
    margin-top: 0px !important;
}

.applyBtn {
    margin-top: 0px !important;
}

.daterangepicker td.off {
    position: relative !important;
    transform: none;
    top: 0;
    left: 0;
}

.form-control:focus {
    box-shadow: none !important;
}

.cancel-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.error-field {
    padding-left: 10% !important;
}

#enroll-loading-img {
    height: 720px;
}

.checkbox-empty {
    background: url('images/checkmark_empty.png');
    background-repeat: no-repeat !important;
    width: 25px;
    height: 25px;
    float: left;
}

.checkbox-checked {
    background: url('images/radio_button_selected.png');
    background-repeat: no-repeat !important;
    width: 25px;
    height: 25px;
    float: left;
}

.checkbox-empty-disabled {
    background: url('images/checkmark_non_interactive_blank.png');
    background-repeat: no-repeat !important;
    width: 25px;
    height: 25px;
    float: left;
}

.checkbox-checked-disabled {
    background: url('images/disabled-radio-button.png');
    background-repeat: no-repeat !important;
    width: 25px;
    height: 25px;
    float: left;
}

.merge-details {
    width: 85%;
    padding-top: 50px;
    display: block;
    margin: 0px auto;
}

.merge-data {
    width: 100%;
    float: left;
}

.mergetext {
    padding-left: 15px;
    float: left;
    width: 40%
}

.merge-header {
    font-weight: 600;
}

.mergetextval {
    width: 45%;
    padding-right: 15px;
    float: left;
}

.member-merge-details {
    width: 33%;
    float: left;
    padding-bottom: 50px;
}

.SumoSelect label {
    float: unset;
    width: 100%;
    padding-top: 0px;
    text-align: left;
}

.SumoSelect {
    border: 1px solid #dadfe3 !important;
    box-shadow: none;
    font-size: 14px !important;
    display: block;
    width: 61% !important;
    float: left;
    height: 40px;
    border-radius: 5px !important;
    margin-top: 5px !important;
    padding-left: 10px !important;
}

.SumoSelect>.CaptionCont {
    border: 0px !important;
    position: initial !important;
    padding-top: 8px !important;
}

.SumoSelect>.CaptionCont>span.placeholder {
    color: #183247 !important;
}

.prefrences-tab {
    margin: 0px auto;
    margin-top: 20px;
    float: left;
}

.pref-button {
    width: 100px;
    background: #1cb777;
    color: #ffffff;
    margin-left: 10px;
    margin: 0px auto;
    display: block;
}
#quick_note {
    width: 56%;
    float: left;
    margin-top: 5px;
    border-radius: 5px !important;
}
.quick_note_label {
    width: 12.8%;
    float: left;
    text-align: right;
    padding-right: 10px;
}
#weddingpicker {
    margin-top: 5px;
}

.daterangepicker .calendar-time {
    font-size: 0px;
    width: 100%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{
    width: 70px !important;
    float: left;
    margin-right: 5px !important;
}
.daterangepicker.single .drp-calendar.left {
    width: 100%
}
.booked_mem_id{
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 9%;
}
.exp-title{
    width: 13%;
}
.bok-loca{
    width: 10%;
}
.book-status-search{
    margin-left: 30px;
    width: 20% !important;
}
.bookingsrow2 {
    height: 50px;
    margin-bottom: 5px;
    padding-top: 15px;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
}