.HomeEmbedVideo, #HomeEmbedVideo {
    height: 650px;
}

.FlashEmbedVideo, #FlashEmbedVideo {
    height: 350px;
}
/* Added by vivek 2024-11-20 MIHD-1197 */
.FlashEmbedVideoVertical, #FlashEmbedVideoVertical {
    height: 350px;
    width: 100%;
    margin: auto;
    max-width: 320px !important;
}
/*2024-05-15 Vaibhav added datetimeclassbottom and media queries for datetime class MIHD-839*/

.datetimeclassbottom {
    position: fixed;
    right: 45%;
    font-weight: 700;
    bottom: 0;
    font-size: 14px;
}
/*2024-05-15 Vaibhav added datetimeclassbottom and media queries for datetime class MIHD-839*/
@media (max-width: 500px) {
    .datetimeclassbottom {
        position: fixed;
        right: 31%;
        font-weight: 700;
        bottom: 0;
        font-size: 11px;
    }
    /* Added by vivek 2025-03-07 MIHD-1376 */
    .recurring-modal-title {
        font-size: 25px !important;
    }
}
/*2024-05-15 Vaibhav added datetimeclassbottom and media queries for datetime class MIHD-839*/
@media (max-width: 200px) {
    .datetimeclassbottom {
        position: fixed;
        right: 16%;
        font-weight: 700;
        bottom: 0;
        font-size: 10px;
    }
}
      



@media screen and (max-width: 767px) {
    .navbar-brand.imglogo {
        /*width: 166px;*/
        width: 40px;
    }
        
    .wrapper-content-sign-in {
        padding-bottom: 60px !important;
    }

    /* Added by meet 2021-07-23 */
    .common-footable .footable-details {
        width: 95% !important;
        margin: 0 auto;
    }

        .common-footable .footable-details tr th {
            width: 100px !important;
        }

        .common-footable .footable-details tr td {
            width: 140px !important;
        }

    .common-footable .listheadingstyle {
        background-color: rgb(238 240 241);
        border-bottom: 1px solid rgb(208 208 208);
    }


    /* Added by meet 2021-08-03 */
    span.lblGlCode {
        position: absolute;
        margin-top: 5px;
    }

    .created-by .creat:before {
        content: '' !important;
        margin: 0px !important;
    }

    .creat {
        display: block !important;
    }

    .user-top-data {
        display: grid !important;
    }

    /*MyProfile Page*/
    .add-info-item a {
        margin-top: 20px;
    }

    /* CSS Added by meet 2021-07-22 */
    #pnlCheckTremsAndCondition label.form-check-label {
        width: 20px;
        height: 21px;
    }

    #pnlCheckTremsAndCondition {
        margin-bottom: 10px;
    }

        #pnlCheckTremsAndCondition span {
            position: absolute;
        }
}



.loader_wrapper.inner .load-wrapper .loading_img {
    background: url(../images/logo_header_blue.png) no-repeat center center;/* Logo Changed By ManishB 2022-03-03*/
    /*raj-2019-05-07*/
    background-size: auto 100%;
    /*Ashwin-2019-06-05*/
    height: 180px;
    margin: 40px auto 0 auto
}

.red_message {
    color: red;
    padding: 5px;
}

.loader_wrapper.inner .load-wrapper {
    /*background: #2c3654;*/
    /*Ashwin-2019-06-05*/
    background: #f5f5f5;
    /*height:275px;
    width:275px;
    box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);*/
}

.load7 .loader {
    /*color: #ffffff;*/
    /*Ashwin-2019-06-05*/
    /*color: #090;*/
    color: #0e4278cf;
    margin: 0px auto;
    font-size: 15px;
}

/* Added by Saad 2023-08-23 START*/
    .nav-item.astral-custom-navbar-img-wrap {
        padding-top: 4px;
    }
/* END */
.navbar-brand.imglogo {
    background: url(../images/logo_header_blue.png) no-repeat center left; /*Logo Changed By ManishB 2022-03-03*/
    background-size: auto 43px;
    width: 50px !important;
    /*background-size: 100% 100%; 
    width: 70px !important;*/
}


.btn-larger .btn {
    min-width: 200px;
    margin-top: 20px
}

.card-selected {
    background: #22bfed !important;
    background: -moz-linear-gradient(left, #22bfed 0%, #6c8bef 100%) !important;
    background: -webkit-linear-gradient(left, #22bfed 0%, #6c8bef 100%) !important;
    background: linear-gradient(to right, #22bfed 0%, #6c8bef 100%) !important;
    color: #ffffff !important;
}

.btn-RewardTransfer {
    color: #fff;
    background-color: #6c8bef;
    border-color: #6c8bef;
}

.btn-RewardRedeem {
    color: #fff;
    background-color: #ff6262;
    border-color: #ff6262;
}

.btn-RewardDealerRedeem {
    color: #fff;
    background-color: #ff6262;
    border-color: #ff6262;
}

.btn-RewardReturn {
    color: #212529;
    background-color: #ffb803;
    border-color: #ffb803;
}

.btn-RewardAdjustment {
    color: #483d8b;
    background-color: #ffb6c1;
    border-color: #ffb6c1;
}

.btn-RewardRedeemApproved {
    color: #6b8e23;
    background-color: #ffb803;
    border-color: #ffb803;
}

.btn-RewardRedeemApproved {
    color: #fff;
    background-color: #db7093;
    border-color: #db7093;
}

.btn-RewardRedeemDisapproved {
    color: #fff;
    background-color: #ff7500;
    border-color: #ff7500;
}

.btn-RewardCredit {
    color: #483d8b;
    background-color: #f0e68c;
    border-color: #f0e68c;
}

.btn-Opening {
    color: #fff;
    background-color: #15d4be;
    border-color: #fff;
}

.btn-RewardExpired {
    color: #fff;
    background-color: #ff0500;
    border-color: #ff0500;
}

.btn-RewardDealerAdjustment {
    color: #fff;
    background-color: #4082b4;
    border-color: #4082b4;
}

.btn-RewardDealerBonus {
    color: #fff;
    background-color: #9002b4;
    border-color: #9002b4;
}

.btn-DealerRedeem {
    color: #fff;
    background-color: #f002b4;
    border-color: #f002b4;
}

.easy-autocomplete, #easy-autocomplete {
    width: 100% !important;
}

.date_divide {
}

.crAmt {
    color: green;
    font-weight: bold;
}

.drAmt {
    color: red;
    font-weight: bold;
}

.kycStatus {
    color: red;
    font-weight: bold;
}

.kycStatusCompleted {
    color: green;
    font-weight: bold;
}
/* MAN 2017-12-20 Added css code for the Upload/Download */
.demo-droppable {
    /*background: #08c;*/
    color: #08c;
    padding: 5% 0;
    text-align: center;
    border: thick dashed #000000;
    /*margin-top: 25px;*/
}

    .demo-droppable h3 {
        text-align: center !important;
    }

    .demo-droppable.dragover {
        background: #2c3654;
    }
/* MAN 2017-12-20 End of Added css code for the Upload/Download */
.main-title-mobile {
    display: none;
}

.media-list > .media {
    padding: 5px 1em;
}

.mb-3, .my-3 {
    margin-bottom: 0.5rem !important;
}

.mt-3, .my-3 {
    margin-top: 0.5rem !important;
}

.BalAmt {
    color: green;
    font-weight: bold;
    margin-left: 10px;
}

.CreditColor {
    color: blue;
}

.DebitColor {
    color: firebrick;
}

.desktopOnly {
    display: block;
}

.mobileOnly {
    display: none;
}

.boldtext, #font-weight {
    font-weight: bold;
}

.registertoplogoimg, #registertoplogoimg {
    width: auto;
    /*width: 60px; */
}

.registertoplogo, #registertoplogo {
    margin-bottom: 2rem;
}


.grecaptcha-badge {
    left: 0px !important;
    bottom: 10px !important;
    overflow: hidden !important;
    position: relative !important;
    text-align: center;
    margin-top: 10px;
    margin-left: 1%;
}

.chat li.left .chat-body {    
    background: #d4f2fc;   
    color: #000;
}

.chat a {    
    background: #d4f2fc;   
    color: #000;
}

/*added ruby meet 2021-08-03*/
@media screen and (max-width: 400px) {
    .wrapper-content {
        margin-top: 10px; /*raj 2023-06-06 changed 40 to 10*/
    }

    /*Added By meet 2021-08-09*/
    .transaction-dash {
        display: flow-root;
    }

    .transaction-dash .ledgerglname {
        margin-top: 10px;
    }


    /*added meet 2021-08-10*/

    .btnCopyAmountToPoint span {
        font-size: 13px !important;
        margin-bottom: 5px !important;
    }

    .HomeEmbedVideo, #HomeEmbedVideo {
        height: 300px;
    }
    .FlashEmbedVideo, #FlashEmbedVideo {
        height: 170px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-brand.imglogo {
        /* width: 100px;*/
        width: 40px;
    }

    /*Added by meet CSS main title responsive 2021-09-15*/
    .main-title-mobile {
        /*display: block;*/
        overflow-y: auto;
        width: 50px;
        display: contents;
        float: right; /*Added By ManishB 2021-09-07*/
    }

    .main-title {
        display: none !important;
    }

    .filter-form-control {
        padding: 0.4rem 1.2rem;
        margin-top: 10px
    }

    .filter-mt-2 {
        margin-top: .5rem !important;
    }

    .ledgerglname, #ledgerglname {
        width: 80% !important;
    }

    /*.grecaptcha-badge {
        margin-left: 10%;
    }*/

    .customTable {
        font-size: 10px;
    }

    .HomeEmbedVideo, #HomeEmbedVideo {
        height: 350px;
    }
    .FlashEmbedVideo, #FlashEmbedVideo {
        height: 200px;
    }
}

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

    .userprofile /*Added by meet 2021-09-15*/ {
        width: 200px;
        padding-top: 8px !important;
        overflow-y: hidden;
        text-align: right;
    }

    .BalAmt {
        float: right;
        font-size: 15px;
    }

    .crAmt {
        font-size: 15px;
    }

    .drAmt {
        font-size: 15px;
    }

    .flexright {
        flex: 1.5;
        text-align: right;
    }

    .flex-0 {
        flex: 0.5;
    }

    .desktopOnly {
        display: none;
    }

    .mobileOnly {
        display: block;
    }

    .HomeEmbedVideo, #HomeEmbedVideo {
        height: 600px;
    }
    .FlashEmbedVideo, #FlashEmbedVideo {
        height: 315px; /* Changed 325px to 315px by vivek 2025-03-07 MIHD-1376 */
    }
	/* Added by vivek 2024-11-20 MIHD-1197 */
    .FlashEmbedVideoVertical, #FlashEmbedVideoVertical {
        height: 325px;
        width: 100%;
        margin: auto;
        max-width: 300px !important;
    }
    /*2024-05-15 Vaibhav added datetimeclassbottom and media queries for datetime class MIHD-839*/
    .datetimeclassbottom {
        position: fixed;
        right: 45%;
        bottom: 0;
        font-weight: 700;
        font-size: 14px;
    }
}

/* Added By ManishB 2021-09-06*/
 @media (max-width:350px) {
    header .btn span{
        padding: 10px 10px 0px 0px !important;
    }

    header .btn{
        padding: 0px !important;
    }

    .userprofile
    {
        width:50px !important;
        padding-top:12px !important;
        font-size: 12px;
    }
    .HomeEmbedVideo, #HomeEmbedVideo {
        height: 250px;
    }
    .FlashEmbedVideo, #FlashEmbedVideo {
        height: 150px;
    }
    /* Added by vivek 2025-03-07 MIHD-1376 */
    .recurring-modal-title {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 320px)
{
    .userprofile
    {
        width:62px !important;
        padding-top:12px !important;
        font-size: 12px;
    }
    .ledgerglname,#ledgerglname {
        width: 80% !important;
    }

    .grecaptcha-badge {
        margin-left: 10%;
    }

    .customTable {
        font-size: 10px;
    }
    /*Added by Viraj 2020-03-04*/
    table.smalldeviceTable th, table.smalldeviceTable td {
        font-size: 10px;
        padding: .05rem;
    }

    .smalldeviceTablefontsize {
        font-size: 14px;
    }
    
}

@media screen and (max-width: 350px) {
    /*Added by meet main title css 2021-09-15*/
    .userprofile {
        max-width: 70px !important;
        padding-top: 12px !important;
        font-size: 12px !important;
        margin-top: 8px;
    }


    /*Added by meet 2021-08-04*/
    header .btn span {
        padding: 10px 10px 0px 0px !important;
    }

    header .btn {
        padding: 0px !important;
    }
}

@media screen and (max-width: 399px) {
    .grecaptcha-badge {
        margin-left: 15%;
    }

    .customTable {
        font-size: 10px;
    }

    /*Added by Viraj 2020-03-04*/
    table.smalldeviceTable th, table.smalldeviceTable td {
        font-size: 10px;
        padding: .05rem;
    }

    .smalldeviceTablefontsize {
        font-size: 14px;
    }

    .dispatchType {
        font-size: small !important;
    }

        .dispatchType li {
            display: block !important;
        }

    .userprofile, button.btn-link.btn.userprofile {
        font-size: 12px;
        max-width: 100px;
        margin-top: 0.3rem;
    }
}


.narration {
    border-top: 0px !important;
    color: grey !important;
    font-size: 12px;
}

.flex-2 {
    flex: 1;
}

.narration span {
    /*flex:1;*/
}


/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f44256;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #f44141;
    }

.form-signin-heading {
    margin-top: 2%;
}

.cart_img {
    height: 85px;
}

.background {
    min-height: 760px;
}
/* Added By Saad 2023-08-21 START*/
    .form-signin1 {
        margin: 10px auto 0 auto;
        border-radius:4px;
    }
    .form-signin1 .form-signin1-input-field {
        border-radius: 0 .25rem .25rem 0 !important;
    }

    .form-signin1 .btn {
        min-width: 230px !important;
    }

    .form-signin1-forget-password:hover {
        color: #0060AF;
    }
    /* END */
.user-personal-info {
    border-bottom: 1px solid #d7e4eb;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    min-height: 50px;
}
@media screen and (max-width: 767px) {
    .form-signin1 {
        padding: 10px 20px 10px 20px;
    }
    .form-signin1-terms-and-condition{
        font-size:15px;
    }
    /*Ashwin Add 2019-06-07*/
    .formgroup-space {
        margin-bottom: 1em;
    }
    /*Ashwin Add 2019-06-11 DataTable Js Sorting Record DropDown LeftSide Set Now Use RewardDetails.aspx Page*/
    .dataTables_wrapper .mylength .dataTables_length {
        float: left;
        margin-left: 0.5rem;
    }
    /* Added By Saad 2023-08-21 START*/
    .card-header-filtering .card-header-filtering-checkbox {
        height: auto !important;
    }
    .redeem-ledger-card-media {
        display: flow-root;
    }
    .swipe-qr-btn {
        padding: 0.8rem;
    }
    /* END */
}

.font-12 {
    font-size: 12px;
}

.btn-uploaded {
    background-color: green;
}

.container {
    max-width: 100%;
    margin-bottom: 15px;
}
    /* #lnkPrevPage real id name */
    #ctl00_ContentPlaceHolder1_lnkPrevPage, #ctl00_ContentPlaceHolder1_lnkNextPage, #ctl00_ContentPlaceHolder1_lnkPrevPageTop, #ctl00_ContentPlaceHolder1_lnkNextPageTop {
        padding: .25rem .5rem .45rem;
        line-height: normal;
        color: #0060AF;
    }
    #ctl00_ContentPlaceHolder1_lnkPrevPage:hover, #ctl00_ContentPlaceHolder1_lnkNextPage:hover, #ctl00_ContentPlaceHolder1_lnkPrevPageTop:hover, #ctl00_ContentPlaceHolder1_lnkNextPageTop:hover {
        color: #ffffff;
    }
    @media (min-width: 1200px) {
        .container {
            max-width: 100%;
        }

        body {
            font-weight: 300;
        }

        .table th, .table td {
            padding: .25rem;
        }
    }
   
    /* Added By Saad 2023-08-21 START*/

    .footer-content.custom-footer {
        height: auto !important;
        bottom: 0px !important;
        color: #c0c7de;
    }

    .card-header ul.card-header-filtering li.nav-item .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
        left: 0;
    }
    .card-header ul.card-header-filtering li.nav-item .can-toggle.demo-rebrand-2.small label .can-toggle__switch:before {
        width: 41px;
        left: 30px;
    }
    /* END */
    
@media (min-width: 1024px) {
    /* Styling for Signin footer */
    .footer-content.custom-footer {
        height: auto !important;
        bottom: -70px !important;
        line-height:30px;
    }
    /* Added By Saad 2023-08-21 START*/
    ul.card-header-filtering li.nav-item .card-header-filtering-radio-btn {
        height: 38px !important;
    }
    .card-header ul.card-header-filtering li.nav-item a.btn, .card-header ul.card-header-filtering li.nav-item button {
        height: 38px !important;
        display: inline-flex;
        align-items: center;
    }
    .card-header ul.card-header-filtering li.nav-item a .checkbox input {
        height: auto !important;
    }
    .card-header ul.card-header-filtering li.nav-item input, .card-header ul.card-header-filtering li.nav-item select, .card-header ul.card-header-filtering li.nav-item .can-toggle label {
        height: 38px !important;
    }
    .member-list .media {
        border-radius: 6px;
    }
    .swipe-qr-btn {
        line-height: 0;
        padding: 0.6rem;
    }
    /* END */
}

    @media (min-width: 660px) {
        body {
            font-weight: 300;
        }

        .table th, .table td {
            padding: .25rem;
        }

        .registertoplogoimg, #registertoplogoimg {
            width: auto;
            /*width: 60px; */
        }

        .registertoplogo, #registertoplogo {
            margin-bottom: 2rem;
        }
    }

    .main-navbar-logo, .main-navbar-logo.imglogo {
        background: url(../images/astral-logo_header_blue.png) no-repeat center left;
        background-size: 115px auto !important;
        width: 115px !important;
    }

    .main-navbar-whitelogo.imglogo {
        background: url(../images/astral-logo_header_white.png) no-repeat center left;
        background-size: 150px auto !important;
        width: 150px !important;
    }

    .social-profile-cover .social-profile-pic img, .customer-profile-cover .social-profile-pic img {
        width: 80%;
        height: auto;
        min-height: 120px;
    }

    .social-profile-cover .social-profile-pic, .customer-profile-cover .social-profile-pic {
        background: #fff;
    }

    /*Ashwin Add 2019-06-11 It can be use Datatable Js Now Use RewardDetails.aspx Page*/
            .dataTables_wrapper .myfilter .dataTables_filter {
        float: left
    }

    .dataTables_wrapper .mylength .dataTables_length {
        float: right
    }
    /*Ashwin Add Devider use in Main.Master Page*/
    .v-devider {
        /*Ashwin Change*/
        /*margin:0 5px 0 0;*/
        margin: 0 5px 0 -8px;
        /*border-right:1px solid rgba(255,255,255,0.1);
    border-left:1px solid rgba(0,0,0,0.2)*/
        border-right: 0px solid #0060AF;
        border-left: 0.5px solid #0060AF;
    }

    @media screen and (max-width: 1400px) {
        .v-devider {
            display: inline;
        }
    }
    /*Ashwin Add 2019-06-13 use in Registion Page and Login Page*/
    .input-group-text {
        min-width: 3em !important;
        text-align: center;
        padding-left: 1em !important;
        font-size: 1em !important;
    }

    .btn-register {
        background-color: #fff;
        color: #0060AF;
        margin-right: 7px;
    }

    .wrapper-content-sign-in {
        padding: 50px 10px 30px 10px;
    }
    /*Ashwin Add  2019-06-18 */
    .display-4 {
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 1.2;
    }

    @media screen and (max-width: 768px) {
        .display-4 {
            font-size: 1rem;
        }
        .grecaptcha-badge {
            margin-right: auto;
            margin-left: auto;
        }
        .custom-header {
            background-color: #0060AF;
        }
		/* Added by vivek 2024-11-20 MIHD-1197 */
        .FlashEmbedVideoVertical, #FlashEmbedVideoVertical {
            height: 200px;
            width: 100%;
            margin: auto;
            max-width: 175px !important;
        }
    }

    @media screen and (max-width: 370px) {
        .form-signin1 {
            padding: 10px 10px 10px 10px;
        }

        /*.wrapper-content-sign-in {
            padding: 50px 8px 40px 8px;
        }*/

        .btn-register {
            margin-right: 5px;
        }
    }

    td.buttonbox {
        margin: 2px 0 1px 1px;
        padding: 1px 5px;
        color: #777;
        text-decoration: none;
        vertical-align: middle;
        border-radius: 5px;
        box-shadow: 0 1px 1px rgba(100,100,100,0.2);
        outline: none;
        /*display: inline-block;*/
        background-color: transparent;
        border: 1px solid #999;
    }

    td.KYCFalse {
        background-color: #ffe8f1;
    }

    td.KYCTrue {
        background-color: #d5ffd5;
    }

    input.ShortRedeemDocID.form-control {
        min-width: 170px;
    }
    /*ashwin add 2019-27-11 use CustomerSchemeVersion*/
    .green_color {
        color: #FFF !important;
        background: #090;
    }

    .red_color {
        color: #FFF !important;
        background: red;
    }
    /*Added by Viraj 2019-12-17*/
    .light_yellow_color {
        color: #ffffb1 !important;
        background: #ffffb1;
    }
    /*Added by Viraj 2019-12-18*/
    .navy_blue_color {
        color: #0060AF;
    }

    .hidden {
        /*visibility: hidden;*/
        display: none;
    }

    .dispatchType li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline;
        margin-left: 5px;
    }

    .dispatchType ol { /*Added By ManishB 2021-05-26*/
        margin-left: -45px;
    }


    .selectedMenu { /*Added By ManishB 2021-07-02*/
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }
    /* shubham 2021-08-02 added */
    .btn-primary {
        background-color: #63b0ef !important;
    }

    table > tbody > tr > td > span.footable-toggle {
        margin-right: 2px !important;
        opacity: 1 !important;
    }

    .table th, .table td {
        padding: 0.3rem !important;
    }

    @media (max-width:440px) {
        .card-body {
            padding: 5px !important;
        }

        .my-footable {
            font-size: 0.66rem !important;
        }

        .table th, .table td {
            padding: 0.2rem !important;
            text-align: left;
        }

        .my-footable-small { /* Added By ManishB 2021-09-07 */
            font-size: 0.59rem !important;
        }

        .my-td-style td { /*Added By ManishB 2021-09-09*/
            max-width: 100px;
        }

        .my-footable-medium { /* Added By ManishB 2021-11-25*/
            font-size: 0.85rem !important;
        }

        /*Added By ManishB 2022-01-24*/
        .radio-button-group {
            display: block !important;
        }

            .radio-button-group .btn, .remarkslabel, .radio-button-group { /*Changed By ManishB 2022-01-31*/
                display: block !important;
                margin-left: 0px !important;
            }

        .description, .quantity, .line_remarks {
            font-size: 0.75rem;
        }
		/* Added by vivek 2024-11-20 MIHD-1197 */
        .FlashEmbedVideoVertical, #FlashEmbedVideoVertical {
            height: 170px;
            width: 100%;
            margin: auto;
            max-width: 150px !important;
        }
    }

    input[type=radio]:active, .rdbtn.active { /* .rdbtn.active Added By ManishB 2021-08-11*/
        outline: none;
        background-color: #3e67ea !important; /*Added By ManishB 2021-08-11*/
    }


    @media (min-width:400px ) and ( max-width:850px) { /*Added By ManishB 2021-09-07 For bigger screen like Ipad Device*/
        .card-body {
            padding: 5px !important;
        }

        .my-footable {
            font-size: 0.66rem !important;
        }

        .my-footable-small { /* Added By ManishB 2021-09-07 */
            font-size: 0.66rem !important;
        }

        .table th, .table td {
            padding: 0.2rem !important;
            text-align: left;
        }

        .my-footable-medium { /* Added By ManishB 2021-11-25*/
            font-size: 0.85rem !important;
        }
    }

    .wrapper-content { /*Added By ManishB 2021-09-08 For Fixing a footer in bottom  */
        width: 100%;
        width: -moz-available; /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        position: absolute;
    }

    /*Added By meet 2021-07-29*/

    #targetBaseList tr th {
        border: 1px solid;
        text-align: center;
        color: #800a82;
        font-weight: 700;
    }

    #targetBaseList td {
        border: 1px solid;
    }



    /*Added By meet 2021-08-03*/

    .fooicon-plus:before {
        content: "\2b";
        color: black; /*#252d47;*/
        font-size: 24px;
        font-weight: 800;
    }

    .fooicon-minus:before {
        content: "\2b";
        color: black; /*#252d47;*/
        font-size: 24px;
        font-weight: 800;
    }

    /*added by meet 2021-08-10 */
    .active-count {
        display: inline-flex;
        align-items: baseline;
        margin-left: -10px;
    }

        .active-count ul {
            margin-left: 10px;
        }

            .active-count ul li {
                margin-top: 5px !important;
            }
    #divSearch ul li {
        margin-top: 5px;
    }

    .chk-div {
        margin: 0px 0px 15px 15px;
    }

    .created-by .creat:before {
        content: '|';
        position: relative;
        margin: 0px 5px;
    }

    .creat {
        display: contents;
    }

    .user-top-data {
        display: inline-flex;
    }

    .message-div:before {
        content: '|';
        position: relative;
        margin: 0px 5px;
    }

    /* CSS Added by meet 2021-07-22 */
    #pnlCheckTremsAndCondition span {
        margin-left: 25px;
    }

    /*Added by meet 2021-08-10*/
    .common-deactive {
        display: flex;
        align-items: baseline;
    }

        .common-deactive span {
            margin-right: 5px;
        }

    #pay_summary h5 span {
        font-size: 1rem;
    }

    .fixedwidth {
        max-width: 50px;
        min-width: 50px;
    }


    /*Added by meet 2021-08-11*/

    @media screen and (max-width: 385px) {
        .mobile-view tr td {
            font-size: 0.75rem;
        }

        .mobile-view th,
        .mobile-view td {
            padding: 0.60rem;
        }
    }

    @media screen and (max-width: 325px) {
        .mobile-view tr td {
            font-size: 0.6rem;
        }

        .mobile-view th,
        .mobile-view td {
            padding: 0.50rem;
        }
		/* Added by vivek 2024-11-20 MIHD-1197 */
        .FlashEmbedVideoVertical, #FlashEmbedVideoVertical {
            height: 150px;
            width: 100%;
            margin: auto;
            max-width: 135px !important;
        }
    }

    @media screen and (max-width: 440px) {
        .message-div:before {
            content: '';
            position: relative;
            margin: 0px;
        }
    }

    /*Added by meet 2021-08-11*/
    @media screen and (max-width: 480px) {
        .active-count {
            display: inherit;
        }

            .active-count ul {
                margin-left: 0px;
            }

        .maxwidth {
            max-width: 50px;
            min-width: 50px;
        }

        .plustoggle {
            padding: 15px 0px !important;
        }

        .chk-div {
            margin: 0px;
            margin-right: 15px;
        }

            .chk-div .form-group {
                margin-bottom: 0.5rem;
            }

        .message-div {
            margin-bottom: 15px;
        }

        .userprofile {
            width: 79px !important;
            font-size: 14px;
            /*margin-top: 3px;*/
        }
    }
    /*Added by meet 2021-09-15*/

    @media screen and (max-width: 1060px) {
        .userprofile strong span {
            font-size: 12px;
        }
    }

    @media screen and (max-width: 1230px) {
        .employeeClass a.nav-link {
            padding: 7px !important;
            font-size: 14px;
        }
    }


    @media screen and (min-width: 768px )and (max-width: 930px) { /*Added By ManishB For Dashboard Table Font 2021-09-21*/
        .dashboardHThree {
            font-size: initial;
        }

        .dashboardHSix {
            font-size: small;
        }
    }

    @media screen and (max-width: 430px) { /*Added By ManishB For Dashboard Table Font 2021-09-21*/
        .dashboardHThree {
            font-size: initial;
        }

        .dashboardHSix {
            font-size: small;
        }
    }

    #dataTables-example td { /* Added By ManishB 2021-10-22 For Responsive DataTable  */
        white-space: normal; /* Added For Reward Details */
    }

    tbody tr > td:first-child:not(.child) { /* Added By ManishB 2021-10-22 For Plus Toggle Space */ /*Changed By ManishB 2022-02-01*/
        padding-left: 25px !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, /* Added By ManishB 2021-11-01  */
    .dataTables_wrapper .dataTable td {
        vertical-align: middle;
    }

    /*Added By ManishB 2021-11-17 For Table td in child row To separate th and td's data in child row */
    .tableChildRowAdjustOverLap > tbody > .child > td > ul > li {
        display: flex;
    }

    .maxwidthcolumn-b { /*Added By ManishB 2021-11-18*/
        max-width: 150px !important;
        min-width: 150px !important;
    }

    .customerListingBreakLine { /*Added By ManishB 2021-11-23*/
        word-break: break-word;
    }

    .maxwidth-row { /*Added By Meet 2021-11-25 */
        max-width: 60px;
        min-width: 60px;
    }

    .radiobuttonlist input {
        margin-left: 10px;
        margin-right: 2px;
    }

    .maxwidthcolumn {
        max-width: 80px !important;
        min-width: 80px !important;
    }

    h5.datatable-record-count {
        display: contents;
    }

    .my-datatable tr td a {
        white-space: nowrap;
    }

    .datatable-misreport tr th, .datatable-misreport tr td {
        padding: 0px !important;
    }


    .maxwidhMISReport {
        max-width: 40px !important;
        min-width: 40px !important;
    }

    .maxwidhMISName {
        max-width: 100px !important;
        min-width: 100px !important;
    }

    .maxwidhMISGl {
        max-width: 65px !important;
        min-width: 65px !important;
    }

    /*Added By meet 2021-11-29*/
    @media screen and (max-width: 1430px) {
        .my-datatable-font tr th, .my-datatable-font tr td {
            font-size: 0.65rem !important;
        }
    }

    /*Added by meet 2021-10-29*/
    @media screen and (min-width: 800px) {
        .my-datatable tr td {
            font-size: 0.8rem !important;
            white-space: normal;
        }

        .my-datatable-small tr td,
        .my-datatable-small tr th {
            font-size: 0.7rem !important;
            white-space: normal;
        }
    }

    #textRight, .textRight { /* Added By ManishB 2021-12-01 */
        text-align: right !important;
    }

    .cartCount { /* Added By ManishB 2021-12-14 */
        float: right;
        right: 3px;
        border: 1px solid red;
        border-radius: 71px;
        height: 20px;
        width: 20px;
        background-color: red;
        text-align: center;
        border-top-width: 9px;
        padding: 1px;
    }

        .cartCount > .cartCount-Text { /* Added By ManishB 2021-12-14 */
            font-family: cursive;
            margin-top: 7px;
            color: white;
            /*text-align: center;*/
        }

    .middleText { /* Added By ManishB 2022-01-03 */
        vertical-align: middle;
    }

    .narrationAlignment { /* Added By ManishB 2022-01-04 */
        display: -webkit-box;
    }

    .btn-PaymentReTrigger { /* Added By ManishB 2022-01-05 */
        color: #fff;
        background-color: #949591;
        border-color: #fff;
    }

    /* Added By ManishB 2022-01-07 */
    .borderedTable td {
        border: 1px solid !important;
    }

    .fullWidth {
        width: 100% !important;
    }

    .fullWidth-Child-Table td {
        padding: .25rem !important;
    }

    /*Added by meet 2021-07-23*/
    .dispatchType ol li {
        margin-right: 10px;
    }

        .dispatchType ol li label {
            margin-left: 7px;
        }

    .line_remarks {
        max-width: 220px;
    }

    /*Added By ManishB 2022-02-01*/
    .dtr-title {
        /*white-space:nowrap;*/
    }

    .dtr-data {
        width: 100%;
    }

    tbody tr > .child { /* Added By ManishB 2021-10-22 */
        padding-left: 0px !important;
    }

    .modal-title { /*Added By ManishB 2022-02-22*/
        color: #090;
        font-size: 1.17rem;
        margin: 5px 0 5px 0;
    }

    .text-area {
        height: 580px;
    }

    /*Ashwin added 2022-11-21 Select2 arrow design*/
    .select2-selection__arrow b {
        border: solid black !important;
        border-width: 0 2px 2px 0 !important;
        display: inline-block !important;
        padding: 0.15rem !important;
        transform: rotate(45deg) !important;
        -webkit-transform: rotate(45deg) !important;
    }
    /* ashwin added 2022-11-25 */
    .pancardvalid {
        text-transform: uppercase;
    }

    .panvconfirm {
        text-transform: uppercase;
    }
    /*ashwin status color*/
.kycbadge {
    font-size: 1rem !important;
}
.Approved {
    color: #28a745; /* Medium Green Text */
    background: #dff2e0; /* Very Light Green Background */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

.Incomplete {
    color: #f39c12; /* Medium Orange Text */
    background: #fff5e6 !important; /* Very Light Orange Background */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

.Blocked {
    color: #e74c3c; /* Medium Red Text */
    background: #fdecea !important; /* Very Light Red Background */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

.Rejected {
    color: #95a5a6; /* Medium Gray Text */
    background: #f5f6f7 !important; /* Very Light Gray Background */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

.Pending {
    color: #3498db; /* Medium Blue Text */
    background: #ebf5fb !important; /* Very Light Blue Background */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

.OnHold {
    color: #9b59b6; /* Medium Purple Text */
    background: #f4eafc !important; /* Very Light Purple Background */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
}

/*Ashwin 2024-11-12*/
.chat li.right-danger .chat-body {
    background: #d4fcd9 !important;
    padding: 15px !important;
    margin-bottom: 5px !important;
    position: relative !important;
    margin-right: 60px !important;
}

.chat li.right-danger .chat-img {
    right: 0;
}
.lnkRecurringPopupConfirmation {
    position: relative;
    z-index: 0;
    color: #fff;
}

    .lnkRecurringPopupConfirmation:before {
        content: '';
        background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: blur(5px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing 20s linear infinite;
        opacity: 1;
        transition: opacity .3s ease-in-out;
        border-radius: 10px;
    }

    .lnkRecurringPopupConfirmation:after {
        z-index: -1;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #111;
        left: 0;
        top: 0;
        border-radius: 5px;
    }

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}