body{
    color: #fff;
    overflow-x: hidden;
}

.header-postlogin{
    background: #121929;
}

.bgdiv{
    background: url("../img/background.png?v=1") center/cover no-repeat !important;
}

.beforeLoginBgdiv{
    background: url("../img/bg.png?v=1") left/cover no-repeat !important;
}

@keyframes bgc1Slide {
    0% { left: 0; opacity:0}
    20% { opacity:1}
    100% { left: calc(100% + 28rem); opacity:0}
}

.bgc1 {
    position: absolute;
    width: 28rem;
    height: 10rem;
    background: url("../img/bg_c1.png")  center/contain no-repeat;
    animation-name: bgc1Slide;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    top: 18rem;
}
@keyframes bgc2Slide {
    0% { left: 30rem; opacity:0;}
    20% { opacity:1}
    100% { left: calc(100% + 58rem);opacity:1;}
}
.bgc2 {
    position: absolute;
    width: 10rem;
    height: 10rem;
    background: url("../img/bg_c2.png")  center/contain no-repeat;
    animation-name: bgc2Slide;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    top: 13rem;
}

@keyframes bgc3Slide {
    0% { left: 60%; opacity:0;}
    10% { opacity:1}
    100% { left: calc(160%);opacity:1;}
}
.bgc3 {
    position: absolute;
    width: 20rem;
    height: 10rem;
    background: url("../img/bg_c3.png")  center/contain no-repeat;
    animation-name: bgc3Slide;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    top: 15.5rem;
}

.loading-page-parent{
    background: #000;
}

.member_table tr th {
    background-color: #337ab7;
    color: #fff;
    border: 1px solid #3070b0;
}

.member_table tr td {
    border: 1px solid #337ab7;
}

.member_table tr.highlight td {
    background-color: #3070b0;
    color: #fff;
}

.header-iconnav{
    color:#fff;
}

.textlink{
    color:#fff;
}

.homecard-parent{
    background: rgba(255,255,255,0.2);
}

.form-input-parent{
    background: rgba(255,255,255,0.5);
    color: #000;
}

.btn-primary{
    background:linear-gradient(to bottom, #83b3ff, #36486a);;
    color:#fff;
}

.btn-primary-danger{
    background:linear-gradient(to bottom, #f9605c, #ac2925);;
    color:#fff;
}


.leaderboard_btn {
    color:#fff;
}

.member_wallet_btn {
    color: #fff;
}

.homecard-parent .form-control{
    color:#fff;
}

.homecard-title-text{
    color:#fff;
}

.homecard-title-desc{
    color:#fff;
}

.whatsapp_contact_btn {
    color:#fff;
}

.whatsapp_consignment_btn {
    color:#70d15e;
}

.whatsapp_consignment_btn.sent {
    color:#549cde;
}


.signup_link {
    color:#fff;
}

.footer-postlogin{
    background: #111827;
}

.postlogin-nav-parent.active .postlogin-nav{
    color:#fff;
    border-bottom: 2px solid #fff;
}

.tac-btn {
    color: #fff;
    background-color: #203050;
}

.form-control {
    color:#fff;
}

.form-control:-webkit-autofill {
    
    background: #555;
    color:#000 !important;
    -webkit-text-fill-color: #000;
}

.submenu-parent {
    background: rgba(255, 255, 255,0.1);
}
.submenu {
    color:rgba(255,255,255,0.3);
}
.submenu.active {
    color:#fff;
    border-bottom: 2px solid #2694eb
}
.submenu.active>.submenu-icon {
    color:#2694eb;
}

.sub-section-nav-btn {
    border: 1px solid white;
    color: white;
}

.sub-section-nav-btn.active {
    background: white;
    color: #223356;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #fff;
}

.rstinfo-title {
    color:#fff;
}
.rstinfo-row-val--1 {
    color:#fff;
}
.rstinfo-row-title--2 {
    color:#fff;
}
.creditdebit-title {
    color:#fff;
}

.overlay-content {
    background:rgba(34, 51, 86, 0.5);
}

.modal-content{
    background:#2b395a;
}
.modal-datepicker .datepicker .datepicker-switch{
    color:#fff;
}
.datepicker table tr th{
    color:#fff;
}

.hint-hightlight {
    color: #fee600;
}

.package-name {
    color:#fff;
}
.package-count {
    color:rgba(255,255,255,0.3);
}

.homecard-header {
    border-bottom: 1px solid rgba(241, 241, 241,0.2);
}

.product_description {
    border-top: 1px solid rgba(241, 241, 241,0.2);
    border-bottom: 1px solid rgba(241, 241, 241,0.2);
}

.packageitem-parent {
    background: linear-gradient(to bottom, rgba(86, 106, 147, 0), #2b395a);
}

.radio-label-circle {
    background: #3c4f7b;
}
.checked .radio-label-circle {
    border:1px solid #2694eb;
}

.form-input-parent-phone {
    background: rgba(255,255,255,0.5);
    color: #000;
}

@media only screen and (max-width: 767px) {

    .footer-nav{
        background: #111827;
    }

    .header-notification--parent{
        background: #2b395a; 
    }

    .postlogin-nav{
        border-bottom: 1px solid #f0f0f0;
        color:#f0f0f0;
    }

    .postlogin-nav-parent.active .postlogin-nav{
        color:#fff;
        background-color: #001020;
    }
}

.mode-btn {
    color: yellow;
}

a {
    color: #fff;
}

.btn-action {
    background-image: linear-gradient(to right, #0072bc, #00bafe);
}

.form-control::placeholder {
    color: #fff;
    opacity: 1;
}
  
.form-control:-ms-input-placeholder { 
    color: #fff;
}

.form-control::-ms-input-placeholder { 
    color: #fff;
}

.btn-action-warning {
    background-image: linear-gradient(to right, #f37043, #ffca05);
}