html,
body {
    min-height: 100%;
    padding: 0px;
    margin: 0px;
    height: 100%;
    font-family: 'Helvetica Neue', Helvetica !important;
    /* font-family: helvetica!important; */
    font-size: 0.94em !important;
    width: 100%;
    /* font-stretch: semi-condensed; */
    font-weight: normal;
    overscroll-behavior-y: contain !important;
    min-width: 280px;
}

    body.modal-open {
        overflow: hidden;
    }

html {
    -webkit-text-size-adjust: none
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px;
}
/* .main_login {width: 100%;    height: auto;    background-size: cover;} */
.clsBody {
    background: url('../images/login_bg.jpg');
    width: 100%;
    height: auto;
    background-size: cover;
}

#body,
#footer {
    display: block;
}

.edit_popup_text {
    padding-top: 7px;
}

.profile_arrow {
    font-size: 20px;
    margin-top: 5px;
}

.main_login_inner {
    background: #fff 0 0 fixed;
    overflow: hidden;
    margin-bottom: 40px;
}

.login_div {
    margin-bottom: 20px;
}

.head_top {
    height: 60px;
    background: url('../images/hesd_wh_bg.png');
    background-repeat: repeat-x;
}

.head_top_inner {
    /* background-repeat: repeat-x; */
    /* padding: 10px 0; */
    width: 100%;
    z-index: 999;
    /* border-bottom: 1px solid #ff7e00; */
    /* margin: 10px 0; */
    /* padding-top: 0.8%; */
    /* min-height: 35px; */
    /* border-bottom: 1px solid #ff7e00; */
}

/* .head_top_inner ul {
    float: left;
    margin: 0 20px;
} */

.head_top_inner ul.company-social {
    float: right;
    margin: 5px 10px;
}
.language {
    margin-top: 21px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    padding: 0px !important;
}

/* .txt_area_content {
    margin-top: 70px;
    margin-bottom: 15px;
} */

.language a {
    color: #ffffff;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
    text-transform: uppercase;
}

.languagePL {
    padding-left: 10px;
    float: right;
}

    .languagePL a {
        color: #fff;
    }

        .languagePL a:hover {
            color: #fcfcfc;
        }

.language a:hover {
    color: #6fbc44;
    text-decoration: none;
    text-decoration: underline;
}

.logo_wh {
    margin-top: 3px;
    padding: 0%;
    text-align: left;
    padding-left: 11%;
}

    .logo_wh img {
        display: block;
    }

.logo_wh_inner {
    margin-top: 0%;
    padding: 0%;
    text-align: -webkit-center;
    text-align: -moz-center;
}

    .logo_wh_inner img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
    }

.call_wh {
    margin-top: 0.8%;
}

    .call_wh img {
        display: block;
        float: right;
    }

.call_wh_inner {
    margin-top: 0.8%;
}

.call_wh_inner {
    margin-top: 0.8%;
}

    .call_wh_inner img {
        display: block;
        float: right;
    }

.container_main {
    width: 1200px;
    margin: 0 auto;
    height: 500px;
    background-color: aqua;
    clear: both;
}

.divcenter {
    margin: 0 auto 10px auto;
    margin-top: 0px;
}

.red {
    border: 0px solid red;
    margin-top: 10%;
}

.loyalty_btn {
    background-color: #ff7e00 !important;
    color: #ffffff;
    margin-bottom: 6%;
    padding: 13px;
    /* font-size: 14px; */
    line-height: 1.3333333;
    border-radius: 4px;
    float: right;
    border: 2px solid transparent;
}

    .loyalty_btn:hover,
    .loyalty_btn:active,
    .loyalty_btn:focus {
        /* background-color: #58a130-40a708 !important; */
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #e0a66c solid !important;
        color: #fff !important;
    }

.new_user {
    background-color: #fff !important;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 3%;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    float: right;
    color: #38454f;
    padding: 5%;
}

    .new_user:hover,
    .new_user:active,
    .new_user:focus {
        background-color: #d8d7d7 !important;
        border-radius: 4px !important;
        border: 2px solid #747373 !important;
    }

.login_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 3%;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    padding: 5%;
}

    .login_btn:hover,
    .login_btn:active,
    .login_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #76bb5a !important;
        border-radius: 4px !important;
    }

.input-lg {
    /* opacity: 0.5; */
    height: 100%;
    border-radius: 3px !important;
    font-size: 1.3em !important;
}

.forgot_pw {
    color: #fff;
    text-align: center;
}

    .forgot_pw a {
        color: #fff;
        text-decoration: underline !important;
    }

        .forgot_pw a:hover,
        .forgot_pw a:active {
            color: #6fbc44;
            text-decoration: none;
            text-decoration: underline;
        }

.registeruser {
    color: #fff;
    text-align: center;
}

    .registeruser a {
        color: #fff;
    }

        .registeruser a:hover,
        .registeruser a:active {
            color: #6fbc44;
            text-decoration: none;
        }

.register_btn {
    color: #fff;
    text-align: center;
    text-decoration: underline;
    background: none !important;
    border: none !important;
    outline: none !important;
}

    .register_btn:hover,
    .register_btn:active {
        color: #6fbc44;
        text-decoration: none;
    }

.view_tutorial {
    color: #fff;
    text-align: center;
    text-decoration: underline;
    margin-top: 6%;
    margin-bottom: 20px;
}

    .view_tutorial a {
        color: #fff;
        /* text-transform: uppercase; */
    }

        .view_tutorial a:hover,
        .view_tutorial a:active {
            color: #6fbc44;
            text-decoration: none;
        }

.clear {
    clear: both;
}

.reg_back_btn {
    /* margin-top: 0%; */
    /* display: block; */
    font-size: 18px;
    color: #ff7e00;
    z-index: 999;
    /* margin-left: -8px; */
    /* width: 80px !important; */
    /* float: left; */
    padding: 10px 0 0 5px;
    position: absolute;
}

.regform {
    margin-top: 1%;
}

.regform_beneficiary {
    height: 400px;
    overflow: auto;
}


/* .regform input[type="text"],
.regform input {
  padding: 30px 20px;
} */

.regform select {
    padding: 5px !important;
    height: 40px;
    color: #9e9e9e !important;
    margin-bottom: 5px;
}

.regform input {
    height: 40px;
    margin-bottom: 5px;
}

.quickResend {
    float: right;
    padding: 0;
}

.dashboardLeft {
    padding: 0;
    margin: 10px 0;
}

.dashboardTopLeft {
    padding-bottom: 0px;
}

.row2 {
    text-align: center;
    font-size: 16px;
    color: #2f3c4e !important;
    clear: both;
    /* padding-top: 5%; */
}

.register_div {
    margin-top: 4%;
}

.register_btn_editprofilebtn {
    /* float: right !important; */
    text-align: center;
    margin: 0 auto;
}

.orange_btn_lg {
    background-color: #ff7e00 !important;
    opacity: 100;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    line-height: 1.3333333;
    border-radius: 4px !important;
    width: auto !important;
    text-decoration: none !important;
    min-width: 120px;
    width: auto;
    text-decoration: none !important;
    border: 2px solid transparent !important;
}

.orange_btn:hover,
.orange_btn:active,
.orange_btn:focus {
    background-color: #f17800 !important;
    border-radius: 4px !important;
    border: 2px #e77706 solid !important;
    color: #fff !important;
}

.register_btn_lg {
    background-color: #6fbc44 !important;
    opacity: 100;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    line-height: 1.3333333;
    border-radius: 4px !important;
    width: auto !important;
    text-decoration: none !important;
    min-width: 120px;
    width: auto;
    text-decoration: none !important;
    border: 2px solid transparent !important;
}

    .register_btn_lg:hover,
    .register_btn_lg:active,
    .register_btn_lg:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.save_btn_lg {
    background-color: #6fbc44 !important;
    width: 149px !important;
    color: #ffffff;
    padding: 14px 20px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
}

    .save_btn_lg:hover,
    .save_btn_lg:active,
    .save_btn_lg:focus {
        background-color: #58a130 !important;
        border-radius: 4px !important;
        border: 2px #58a130 solid !important;
        color: #fff !important;
    }

.cancel_btn {
    background-color: #7e7e7e !important;
    opacity: 100;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto;
    float: right;
    text-decoration: none;
    min-width: 120px;
}

    .cancel_btn:hover,
    .cancel_btn:active,
    .cancel_btn:focus {
        background-color: #6b6b6b !important;
        border-radius: 4px !important;
        border: 2px solid #747373 !important;
        color: #fff !important;
    }

.Verify_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 15px 20px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    width: auto;
    margin-top: 3%;
    text-decoration: none !important;
}

    .Verify_btn:hover,
    .Verify_btn:active,
    .Verify_btn:active {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.modal-dialog {
    margin-top: 2% !important;
}

.modal-title {
    text-align: center !important;
    font-weight: bold !important;
    color: #555555 !important;
    padding-top: 4px;
    font-size: 18px !important;
}

.modal-body p {
    /* font-size: 17px !important; */
    /* font-size: 1.2em !important; */
    color: #555555 !important;
    text-align: center;
    display: block;
    padding-bottom: 14px;
}

.modal-header {
    border: none !important;
    padding: 0px 5px 14px 5px !important;
}

.modal-header-beneficiary {
    padding: 0px 5px 0px 5px !important;
}

.modal-footer {
    border: none !important;
}

.close_btn {
    text-align: center !important;
    background: none !important;
    border: none !important;
    text-align: -webkit-center !important;
}

.close_btn_div {
    text-align: center;
}

.submit_btn_div {
    margin: 0 auto;
    text-align: center;
    margin-top: 8%;
}

.submit_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 15px 20px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto;
}

    .submit_btn:hover,
    .submit_btn:active,
    .submit_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }


/* .Verify_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 15px 20px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    width: auto;
    margin-top: 3%;
} */

.modal-content {
    border-radius: 10px !important;
}

.form-control {
    font-size: 1em !important;
    height: 36px;
    color: #333 !important;
}


/*menu-start*/

#menu {
    position: fixed;
    background-color: #071c28;
    height: auto;
    z-index: 10;
    width: 280px;
    color: #fff;
    /* top: 0; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    font-family: 'Source Sans Pro', sans-serif;
    z-index: 999;
    /* margin-top: 25px; */
    /* margin-top: -16px; */
}

    #menu ul {
        list-style: none;
        margin-top: 0;
        padding: 0;
    }

        #menu ul li {
            border-bottom: 1px solid #2a2a2a;
        }

    #menu > ul > li > a {
        border-left: 0px;
    }

    #menu ul li a {
        color: inherit;
        font-size: 1.2em;
        display: block;
        padding: 8px 0 8px 7px;
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /* font-weight: 600; */
        text-align: left;
    }

    #menu ul a i {
        margin-right: 10px;
        font-size: 18px;
        margin-top: 3px;
        width: 20px;
    }

        #menu ul a i[class*='fa-caret'] {
            float: right;
        }

    #menu ul a:hover,
    #menu ul a.active {
        background-color: #142833;
        color: #fff;
    }

        #menu ul a:hover i:first-child {
            color: #ff7e00;
        }


    /* Submenu */

    #menu ul li a.active + ul {
        display: block;
    }

    #menu ul li ul {
        margin-top: 0;
        display: none;
    }

        #menu ul li ul li {
            border-bottom: none;
        }

            #menu ul li ul li a {
                padding-left: 30px;
            }

                #menu ul li ul li a:hover {
                    background-color: #1a1a1a;
                }


/* /Submenu */


/* Cuando este a la Izq, para esconderlo posicionarlo a la Izq a -width */

.left {
    left: -280px;
}

.show {
    left: 0;
}

#showmenu {
    margin-left: 100%;
    position: absolute;
    top: 15px;
    padding-left: 10px;
    /* font-size: 40px; */
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* background-image: url(../images/menu_icon.png);
    width: 25px;
    height: 17px;
    left: 10px; */
}

.menu_arrow {
    float: right;
}

.menu_header_title {
    height: 60px;
    background-color: #ff7e00;
    color: #fff;
    font-size: 22px;
    padding: 16px 14px;
}


/*menu-End*/


/*Dashboard-start*/

.supersend db_lhs {
    margin-top: 1% !important;
}

.main-content {
    margin: 0 auto;
    overflow: hidden;
}

/* .db_exchange_rate {
    height: 25vh;
} */

.db_LHS {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 1.42857143;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    overflow: hidden;
}

.db_supersnd_one {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    margin-top: 0%;
    overflow: hidden;
    cursor: pointer;
    /* box-shadow: inset 0 0 30px #d8d8d8; */
    /* padding: 1px 15%; */
    height: 27vh;
}

.db_supersnd_empty {
    height: 19.5vh;
}

.db_LHS_one {
    display: block;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
    line-height: 1.42857143;
    background-color: #fff;
    border: 4px solid transparent;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    margin-top: 0%;
    overflow: hidden;
    cursor: pointer;
    box-shadow: inset 0 0 15px #d8d8d8;
    padding: 1px 20%;
}

    .db_LHS_one:hover,
    .db_LHS_one:active {
        border-radius: 4px !important;
        border: 4px #f7f7f7 solid !important;
    }

    /* .db_supersnd_one img {
    width: 80% !important;
} */

    .db_LHS_one img {
        width: 100% !important;
    }

.db_LHS h3 {
    color: #555555;
    font-size: 16px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.db_LHS p {
    color: #555555;
    font-size: 17px;
    text-align: center;
}

.equal_txt {
    color: #555555;
    font-size: 45px;
    text-align: center;
    font-weight: 600;
}

.flag_main {
    width: 100% !important;
}

.currency_main {
    width: 100% !important;
}

.flag {
    border: 1px solid red;
}

    .flag img {
        float: right;
        clear: both;
    }

.currency-txt {
    color: #555555;
    font-size: 15px;
    text-align: right;
}

.supersend {
    margin-top: 0% !important;
}

.dashboard_alert {
    color: #ccc;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.dashboard_alert_pending {
    color: #ff0000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.element-shift-text {
    font-size: 40px;
    color: #fff;
    padding-top: 30px;
    display: inline-block;
}

.db_RHS {
    display: block;
    padding: 4px;
    /* height: 536px; */
    /* height: 68.5vh; */
    margin-bottom: 10px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    margin-top: 1%;
    /* overflow-y: auto; */
    box-shadow: inset 0 0 30px #f3f0f0;
}

    .db_RHS p {
        color: #555555;
        font-size: 20px;
        text-align: center;
        padding-top: 4px;
    }

.db_RHS1 {
    display: block;
    padding: 4px;
    height: 549px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    margin-top: 4%;
    overflow: hidden;
}

    .db_RHS1 p {
        color: #555555;
        font-size: 25px;
        text-align: center;
    }

.db_org_arrow {
    background: url('../images/org_arrow.png') no-repeat;
    float: right;
    margin-right: -4vw;
    overflow: hidden;
    padding: 6px 0px 0px 4px;
    font-size: 12px;
    width: 90%;
    height: 27px;
    cursor: pointer;
}

.db_grey_arrow {
    background: url('../images/grey_arrow.png') no-repeat;
    float: right;
    margin-right: -4vw;
    overflow: hidden;
    padding: 6px 0px 0px 4px;
    font-size: 12px;
    width: 90%;
    height: 27px;
}

.db_text {
    font-size: 16px;
    text-align: left;
    padding-left: 3%;
    word-spacing: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.lblBeneficiary {
    cursor: pointer;
    text-decoration: underline;
}

.db_text1 {
    padding: 3px !important;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.db_text2 {
    padding: 3px;
    font-size: 16px;
}

.caption {
    clear: both;
    margin-bottom: 0px;
    padding-top: 10px;
}

.sendmoney_btn {
    -moz-box-shadow: inset 0 0 30px #8b4501;
    -webkit-box-shadow: inset 0 0 30px #8b4501;
    box-shadow: inset 0 0 30px #8b4501;
    width: 100%;
    /* height: 182px; */
    height: 27vh;
    background-color: #ff7e00 !important;
    border: 0px !important;
    border-radius: 6px;
    /*top internal highlight*/
}

    .sendmoney_btn h2 {
        color: #fff;
        font-size: 37px;
        line-height: 35px;
        font-weight: normal;
    }

    .sendmoney_btn p {
        color: #fff;
        font-size: 15px;
        font-weight: 300;
    }


/*Dashboard-End*/


/*Dashboard-popup-start*/

.amount_send1 input {
    border: 2px solid #ff7e00;
    float: left;
    opacity: 100;
    height: 52px;
    width: 98%;
    padding: 0px;
    border-radius: 15px !important;
}

.amount_send1 label {
    display: block;
    color: #555555 !important;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.amount_send {
    margin-top: 15px;
}

    .amount_send input {
        border: 2px solid #ff7e00;
        width: 70%;
        float: left;
        opacity: 100;
        height: 40px;
        z-index: 999;
        position: relative;
    }

    .amount_send label {
        display: block;
        color: #555555 !important;
        font-size: 13px;
        font-weight: 300;
        text-align: center;
    }

.amount_send2 input {
    width: 90%;
    border: 2px solid #ff7e00;
    float: left;
    opacity: 100;
    height: 40px;
}

.amount_send2 label {
    display: block;
    color: #555555 !important;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.amount_send2 label {
    display: block;
    color: #555555 !important;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.supersend_rate {
    background-color: #f9fbe5 !important;
    color: #6ec240 !important;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    font-size: 200% !important;
}

.today_rate {
    color: #aaa9a9 !important;
    font-weight: bold;
    text-align: center;
    font-size: 200% !important;
    padding: 0px;
}

.amount_fee {
    color: #ff7e00 !important;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.received_amount_text {
    color: #ff7e00 !important;
    font-size: 200% !important;
    padding: 0px;
    font-weight: bold;
    text-align: center;
}

.submit_btn_div {
    margin: 0 auto;
    text-align: center;
    margin-top: 8%;
}

.submit_btn_save {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
}

.submit_btn_nothanks {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
}

.no_thanks_btn {
    background-color: #ff7e00 !important;
    color: #ffffff;
    margin-bottom: 3%;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    padding: 14px 20px;
    /* text-transform: uppercase; */
}

    .no_thanks_btn:hover,
    .no_thanks_btn:active,
    .no_thanks_btn:focus {
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #e77706 solid !important;
        color: #fff !important;
    }

.save_rate_btn {
    background-color: #6ec240 !important;
    color: #ffffff;
    margin-bottom: 1.2%;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    padding: 14px 20px;
    /* text-transform: uppercase; */
    /* float: left; */
}

    .save_rate_btn:hover,
    .save_rate_btn:active,
    .save_rate_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.btn_div {
    text-align: center;
}


/*Dashboard-popup-end*/

#footer {
    width: 100%;
    color: #c4c4c4;
    font-size: 12px;
    position: fixed;
    background-color: #fff;
    bottom: 0;
    padding: .5em;
    text-align: center;
    z-index: 11;
    border-top: 1px solid #ccc;
}

.header-menu {
    list-style-type: none !important;
    border: 0px;
}

.header_title {
    padding: 8px 0 0 100px;
    font-size: 1em;
    /* margin: -15px; */
    list-style: none;
    /* width: 73%; */
    text-transform: uppercase;
    -webkit-transform: translate(-10%, -13%);
    transform: translate(-10%, -13%);
    /* padding: 0 0 0 100px; */
    display: inline-block;
}

    .header_title a {
        font-size: 1.4em;
        color: #ffffff !important;
        text-decoration: none;
        display: inline-block;
    }

    .header_title ul {
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .header_title li {
        text-align: center;
        font-size: 1.3em;
        /* margin-top: -12px; */
    }

.company-social {
    margin-right: 11px;
}

    .company-social li {
        display: inline-block;
        margin: 0 !important;
        padding: 0 6px;
        float: right;
        cursor: pointer;
    }

    .company-social img {
        width: 100%;
        cursor: pointer;
    }

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

.has-error .form-control {
    border-color: #ff0000 !important;
}

.has-error .input-group-addon {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
    background-color: #eee !important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #333333;
}

.help-block {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: relative;
    margin-top: 0px !important;
    font-size: 1.0em !important;
}

.help-block_meg {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: absolute;
    margin-top: 0px !important;
    font-size: 15px !important;
}

.help-block_reg {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: absolute;
    margin-top: 0px !important;
    font-size: 1em;
    line-height: 15px;
    margin-top: 0px !important;
    padding-top: 2px;
}

.helpBlock {
    margin-left: -20px;
    color: #ff0000 !important;
}

.help-block_add {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: relative;
    margin-top: 0px !important;
    font-size: 1.1em;
}

.login_dropdown {
    height: 41px !important;
}

.pad0 {
    padding: 0px;
}

.pad-right {
    padding-right: 0px;
}

.p-r-15 {
    padding-right: 15px;
}

.pad-left {
    padding-left: 0px;
}

.alert {
    color: red;
}

.alert-danger {
    color: #666666 !important;
    background-color: #fff !important;
    font-size: 1.1em;
    text-align: center;
    padding: 39px 4px;
    font-weight: normal;
    text-shadow: none !important;
}

.alert-instruction {
    color: #55b321 !important;
    background-color: #fff !important;
    font-size: 1.1em;
    text-align: center;
    padding: 4px 10px;
    font-weight: bold;
    text-shadow: none !important;
}

.btn_color_border {
    background: none;
    border: 0px;
}

.help-block_beneficiary {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: relative;
    margin-top: 0px !important;
    font-size: 1.1em;
}


/* **************profile******************/

.tab_div {
    margin-top: 1%;
}

a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

.tab .nav-tabs {
    background: #fff;
}

    .tab .nav-tabs li {
        text-align: center;
        margin-right: 3px;
    }

        .tab .nav-tabs li a {
            font-size: 16px;
            color: #22272c;
            padding: 11px 20px;
            background: #7e7e7e;
            margin-right: 0;
            border: none;
            position: relative;
            transition: all 0.5s ease 0s;
            border-radius: 8px 8px 0px 0px;
        }

            .tab .nav-tabs li.active a,
            .tab .nav-tabs li a:hover {
                background: #6ec240;
                color: #fff;
                border: none;
            }

.mat-tab-label-active {
    background: url('../images/green_arrow_tab.png')no-repeat center 28% !important;
    color: #fff;
    border: none;
}


/* #mat-tab-label-1-4[ng-reflect-disabled='false'], #mat-tab-label-0-4[ng-reflect-disabled='false']{
  background: url('../images/org_arrow_tab.png')no-repeat center 28% !important;
  color: #fff;
  border: none;
} */

.mat-tab-label:last-child[ng-reflect-disabled='false']:not(.mat-tab-label-active) {
    background: url('../images/org_arrow_tab.png')no-repeat center 28% !important;
    color: #fff;
    border: none;
}

.mat-tab-label-org {
    background: url('../images/org_arrow_tab.png')no-repeat center 28% !important;
    color: #fff;
    border: none;
}

.tab .tab-content {
    font-size: 15px;
    color: #3d3537;
    line-height: 30px;
    padding: 0px 0px;
    border: 1px solid #6ec240;
    overflow: hidden;
}

    .tab .tab-content h3 {
        font-size: 20px;
        font-weight: bold;
        margin-top: 0;
    }

.profile_regform {
    margin-top: 0%;
    border: 1px #fff solid;
    /* overflow: hidden;
  height: 415px; */
    overflow-y: auto;
    height: 68vh;
}

.form-group-last {
    margin-bottom: 11px !important;
}


/* .profile_regform input[type="text"],
.regform input {
  padding: 30px 20px;
} */

.profile_regform select {
    padding: 5px !important;
    /* height: 32px; */
    color: #333 !important;
}

.change_password {
    margin-bottom: 8px;
    clear: both;
    padding-left: 18px;
}

    .change_password ul {
        list-style-type: none;
        text-align: left;
        padding: 0px !important;
    }

    .change_password li {
        display: inline;
    }

    .change_password a {
        color: #ff7e00;
        margin-bottom: 2px;
        padding: 2px;
        text-decoration: underline;
        font-size: 130%;
    }

.ui-widget-header .ui-button,
.ui-widget-content .ui-button,
.ui-button {
    background-color: #7e7e7e !important;
    border: 1px solid #7e7e7e !important;
}

.save_btn {
    background-color: #fa7f00 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 3%;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
    width: 43% !important;
    float: right;
}

    .save_btn:hover,
    .save_btn:active {
        background-color: #d56f06 !important;
        color: #000;
    }


/* .register_btn_lg {
    background-color: #6fbc44 !important;
    opacity: 100;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
    width: auto !important;
    text-decoration: none !important;
    min-width: 120px;
} */

.scan_loyalty_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
    width: auto;
    text-decoration: none !important;
}

    .scan_loyalty_btn:hover,
    .scan_loyalty_btn:active {
        background-color: #58a130 !important;
    }

.cancel_btn1 {
    background-color: #7e7e7e !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 3%;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
    width: 43% !important;
    float: right;
    min-width: 120px;
}

    .cancel_btn1:hover,
    .cancel_btn1:active {
        background-color: #6b6b6b !important;
        color: #000;
    }

.personal_icon {
    width: 35px;
    height: 35px;
    margin-right: 14px;
}

.document_icon {
    width: 35px;
    height: 35px;
    margin-right: 14px;
}

.upload {
    margin-top: 2%;
}

.upload_img_lhs {
    float: none;
    text-align: center;
    margin-bottom: 5px;
    margin: 0 2% !important;
}

.image-container {
    border: 1px #999999 solid;
    border-radius: 6px;
}

.upload_img_lhs img {
    margin: 9px;
}

.upload_img_lhs p {
    font-size: 15px;
    font-weight: normal !important;
    color: #555555;
    font-weight: 400;
}

.upload_img_lhs a:hover,
.upload_img_lhs a:active {
    color: #fa7f00;
}

.upload_img_rhs {
    border: 1px #999999 solid;
    float: none;
    background-color: #f7f7f7;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 5px;
}

    .upload_img_rhs img {
        margin: 9px;
    }

    .upload_img_rhs p {
        /* font-size: 19px; */
        font-weight: 400 !important;
        color: #555555;
    }

    .upload_img_rhs a:hover,
    .upload_img_rhs a:active {
        color: #fa7f00;
    }

.how_text {
    text-align: center;
    color: #3051e2;
    text-decoration: underline;
    padding-top: 2%;
    font-size: 16px;
}

.regform_uplaod_img {
    margin-top: 3%;
}


    /* .regform_uplaod_img input[type="text"],
.regform input {
  padding: 30px 20px;
} */

    .regform_uplaod_img select {
        padding: 5px !important;
        height: 40px;
        color: #9e9e9e !important;
        font-size: 14px;
    }

    .regform_uplaod_img input {
        height: 38px;
        font-size: 14px;
    }


/* **************Office Pickup start******************/

.regform_office {
    margin-top: 1%;
    margin-bottom: 1%;
}

    .regform_office ul {
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

#breadcrumbs-two {
    overflow: hidden;
    width: 100%;
}

    #breadcrumbs-two li {
        margin: 0 0.5em 0 1em;
        display: inline-block;
    }

    #breadcrumbs-two ul {
        text-align: center;
    }

    #breadcrumbs-two a {
        background: #7e7e7e;
        /*padding: .8em 2.3em;*/
        float: left;
        text-decoration: none;
        color: #fff;
        position: relative;
        font-size: 1.3em;
        height: 55px;
        padding: 14px 41px;
    }

        #breadcrumbs-two a:hover,
        #breadcrumbs-two a:active {
            background: #6ec240;
        }

        #breadcrumbs-two a::before {
            content: '';
            position: absolute;
            top: 49%;
            margin-top: -1.5em;
            border-width: 1.5em 0 1.5em 1em;
            border-style: solid;
            border-color: #7e7e7e #7e7e7e #7e7e7e transparent;
            left: -1em;
            height: 55px;
        }

        #breadcrumbs-two a:hover::before {
            border-color: #6ec240 #6ec240 #6ec240 transparent;
        }

        #breadcrumbs-two a::after {
            content: '';
            position: absolute;
            top: 50%;
            margin-top: -1.5em;
            border-top: 1.5em solid transparent;
            border-bottom: 1.5em solid transparent;
            border-left: 1em solid #7e7e7e;
            right: -1em;
        }

        #breadcrumbs-two a:hover::after {
            border-left-color: #6ec240;
        }

    #breadcrumbs-two .current,
    #breadcrumbs-two .current:hover {
        font-weight: bold;
        background: #6ec240;
    }

        #breadcrumbs-two .current::after {
            border-left-color: #6ec240;
            background: #fff;
        }

        #breadcrumbs-two .current::before {
            border-left-color: #fff;
            border-color: #6ec240 #6ec240 #6ec240 transparent;
        }

.edit_country {
    background: #dbdbdb;
    width: 100%;
    clear: both;
    margin-top: 10px;
    height: 80px;
}

ul {
    list-style: none !important;
}

    ul.row_pickcenter_table li:nth-child(odd) {
        border: 1px #cccccc solid;
        padding: 0px !important;
        background-color: #f7f7f7;
        overflow: hidden;
        /* border-left: none !important; */
        /* border-top: none; */
        cursor: pointer;
    }

    ul.row_pickcenter_table li:nth-child(even) {
        /* border-top: none !important; */
        background-color: #fff;
        padding: 0px !important;
        overflow: hidden;
        border: 1px #cccccc solid;
        /* border-left: none !important; */
        cursor: pointer;
    }

    ul.row_pickcenter_table li:hover,
    ul.row_pickcenter_table li:active,
    ul.row_pickcenter_table li:focus {
        background-color: rgba(220, 220, 220, 0.5) !important;
    }


/***********************button-start****************/

.pickup_boxes ul {
    /* padding: 0px;
    margin: 0px; */
    padding: 0px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

    .pickup_boxes ul li {
        margin: 10px;
        list-style: none;
        border-radius: 10px;
        background: #e7e7e7;
        border: 1px solid #ccc;
        cursor: pointer;
        height: 200px;
        text-align: center;
        float: left;
        width: 200px;
        box-shadow: inset 0 0 30px #dadada;
    }

.office_btn {
    background: url('../images/office_pickup_g.png') no-repeat center 28% #e7e7e7 !important;
}

    .office_btn:hover {
        background: url('../images/office_pickup_w.png') no-repeat center 28% !important;
    }

.bank_deposit_btn {
    background: url('../images/bank_deposit_g.png') no-repeat center 28% #e7e7e7 !important;
}

    .bank_deposit_btn:hover {
        background: url('../images/bank_deposit_w.png') no-repeat center 28% !important;
    }

.home_delivery_btn {
    background: url('../images/home_delivery_g.png') no-repeat center 28% #e7e7e7 !important;
}

    .home_delivery_btn:hover {
        background: url('../images/home_delivery_w.png') no-repeat center 28% !important;
    }

.atm_deposit_btn {
    background: url('../images/atm_deposit_g.png') no-repeat center 28% #e7e7e7 !important;
}

    .atm_deposit_btn:hover {
        background: url('../images/atm_deposit_w.png') no-repeat center 28% !important;
    }

.pickup_default {
    text-transform: uppercase;
    color: #333;
}

    .pickup_default:hover,
    .pickup_default:active,
    .pickup_default:focus {
        background-color: #ff7e00 !important;
        color: #fff !important;
        box-shadow: inset 0 0 30px #d46b05;
        border-radius: 8px !important;
        border: 4px #f9b979 solid;
    }


/***********************button-End****************/

.flag_bg {
    margin: -1px 0px 4px -23px;
    width: 58px;
}

.dest_flag {
    margin-top: -44px !important;
}

/* .mexico_flag {
    width: 54px !important;
    height: 54px !important;
    margin: 0 auto;
    margin-top: 9px;
    background-color: #ff7e00;
    border-radius: 50px;
    color: #fff !important;
    font-size: 19px;
    padding: 16px 0px 0px 0px !important;
    margin-left: auto;
} */

.mexico_flag_popup_txt {
    margin-left: 14px;
    margin-top: 10px;
}

.mexico_flag_popup {
    width: 43px !important;
    height: 43px !important;
    padding: 13px 0px 0px 0px;
    margin: 0 auto;
    background-color: #ff7e00;
    border-radius: 50px;
    color: #fff !important;
    font-size: 19px;
}

    .mexico_flag_popup img {
        width: 45px !important;
        height: 45px !important;
        color: #fff;
        line-height: 44px;
        border-radius: 100%;
        margin-top: -14px
    }

img.mexico_flag {
    width: 56px;
    height: 56px;
    /* border-radius: 75%;
    text-align: center;
    line-height: 60px;
    margin-top: -16px; */
    display: none;
}

.mexico_flag_text {
    text-transform: uppercase;
    /* padding: 30px;
    font-size: 1.64em; */
    /* padding: 30px 0px 30px 10px; */
    font-size: 1.1em;
    text-align: left !important;
    /* color: #939598 !important; */
    color: #333333 !important;
}

.country_edit {
    /* color: #939598 !important; */
    color: #333333 !important;
    text-align: right !important;
    cursor: POINTER;
    padding: 28px 10px;
}

    .country_edit p {
        margin: 21px 5px 0px;
        font-size: 1.1em;
        /* font-size: 15px; */
    }

    .country_edit span {
        font-size: 1.2em;
        color: #333333;
        text-align: right;
        display: inline-block;
        left: 5px;
    }

.center {
    text-align: center !important;
}

.county_flag {
    margin-top: -28px !important;
}


/* **************Office Pickup End******************/

.mat-tab-label:first-child {
    margin-left: -6px !important;
}

.mat-tab-label:last-child {
    margin-right: 0px !important;
}

.mat-tab-label {
    opacity: 100 !important;
    color: #ffffff !important;
    min-width: 245px !important;
    margin-top: 1% !important;
    margin: -10px;
    font-size: 16px;
    color: #22272c;
    /* padding: 0 24px; */
    background: url('../images/grey_arrow_tab.png') no-repeat center 28%;
    /* margin-right: 0; */
    border: none;
    position: relative;
    width: 100% !important;
    text-align: center;
    display: inline-flex;
}

.footer1 {
    text-align: center;
    color: #fff;
    /* position: absolute; */
    /* bottom: 40px; */
    /* left: 50%;  */
    /* width: 700px;  */
    /* margin-left: -350px; */
}

.mat-tab-label-container {
    display: inline-block !important;
    flex-grow: 0 !important;
    float: left !important;
    margin: 0 auto !important;
}

.dashboard {
    text-align: center;
}

    .dashboard img {
        border-radius: 60px !important;
        height: 60px !important;
        width: 60px !important;
        margin: 12px !important;
        float: right;
    }

.dashboard_drop_box {
    width: 30% !important;
}


/* **************Office Pickup Center- start******************/

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    background: #6ec240;
}

.glyphicon-search {
    color: #ffffff !important;
    font-size: 20px;
    padding: 0px;
}

.row_pickcenter {
    background-color: #f7f7f7;
    overflow: hidden;
    border-bottom: 1px #cccccc solid;
    border-top: 1px #cccccc solid;
}

.row_pickcenter_logo_row {
    border-collapse: collapse;
    padding: 4px 0px 4px 27px;
    text-align: left;
    width: 50%;
    float: left;
}

.row_pickcenter_table {
    /* margin-top: 1%; */
    padding: 0px !important;
    /* margin-bottom: 20px; */
    /* height: 42vh; */
    /* overflow-y: auto; */
    /* border: 0px #cccccc solid; */
}

.row_pickcenter_logo_row ul {
    float: left;
    color: #959595 !important;
}

.glyphicon-star {
    font-size: 16px !important;
}

.glyphicon-star-empty {
    font-size: 16px !important;
}

.row_pickcenter_logo_row_txt {
    padding: 0px 0px 1px 27px;
    width: 40%;
    text-align: right;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    color: #545454;
}

.row_pickcenter_logo_row_txt2 {
    padding: 0px 0px 1px 27px;
    width: 10%;
    text-align: left;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    color: #545454;
}

.nav-tabs > li {
    float: none !important;
}

.pickcenter_lhs_bg {
    background-color: #f7f7f7;
    /* overflow-y: auto; */
    padding: 5px !important;
    /* margin-bottom: 4px; */
}

.mat-tab-labels {
    margin-bottom: 17px;
    /* text-transform: uppercase; */
}

.pickcenter_lhs {
    /* height: 240px; */
    margin-top: 11px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 5px;
    background-color: #ffffff;
}

.pickcenter_lhs_beneficiary {
    /* height: 72vh; */
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 1% 1% 1% 1%;
    background-color: #ffffff;
}

.pickcenter_lhs_summary {
    /* height: 75vh; */
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 0% 1% 1% 1%;
    background-color: #ffffff;
}

.pickcenter_rhs {
    margin-top: -18px;
    padding-right: 2px;
}

.marB15 {
    margin-bottom: 15px;
}

.pad08 {
    padding: 0px 5px 0px 18px;
}

.pad-mt {
    padding: 8px 15px;
}

.well {
    overflow: auto;
    background-color: #ffffff;
    margin-top: 10px;
    /* height: 546px; */
    /* height: 75vh; */
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 0px;
    padding: 10px;
}


/*.well_beneficiary{height: 502px;}*/

.pickcenter_rhs ul {
    float: left;
    width: 100%;
    padding: 0px !important;
}

.pickcenter_rhs li {
    display: inline-block;
    padding: 3% 0%;
    font-size: 14px;
}

.well_lhs_txt {
    float: left;
}

.amount_input_rhs {
    text-align: right !important;
    border-radius: 4px !important;
    width: 98.5% !important;
}

.amount_input_center {
    border-radius: 4px !important;
    width: 98.5% !important;
}

.padL5 {
    padding-left: 5px;
}

.padL0 {
    padding-left: 0px;
}

.well_rhs_txt {
    float: left;
    margin-left: 73px;
}

.well_flex_txt {
    display: flex;
}

/* .pickcenter_data {
    overflow: hidden;
} */

.pickcenter_rhs_btm ul {
    float: left;
    width: 100%;
    padding: 0px;
}

.pickcenter_rhs_btm li {
    padding: 2% 0%;
    font-size: 13px;
}

.pickcenter_rhs_btm_txt {
    font-size: 22px;
}

.model_btn {
    background: none !important;
    border: none !important;
}

.rating-0 {
    background: url('../images/star_empty.png') no-repeat;
    width: 97px;
    height: 15px;
}

.rating-1 {
    background: url('../images/star_one.png') no-repeat;
    width: 97px;
    height: 15px;
}

.rating-2 {
    background: url('../images/star_two.png') no-repeat;
    width: 97px;
    height: 15px;
}

.rating-3 {
    background: url('../images/star_three.png') no-repeat;
    width: 97px;
    height: 15px;
}

.rating-4 {
    background: url('../images/star_four.png') no-repeat;
    width: 97px;
    height: 15px;
}

.rating-5 {
    background: url('../images/star_full.png') no-repeat;
    width: 97px;
    height: 15px;
}

ul.row_pickcenter_table li:nth-child(odd) {
    border: 1px #cccccc solid;
    padding: 5px 0px !important;
    /* background-color: #f7f7f7; */
    overflow: hidden;
    /* border-left: none !important;*/
    border-top: none;
}

ul.row_pickcenter_table li:nth-child(even) {
    border-top: none !important;
    /* background-color: #fff; */
    padding: 5px 0px !important;
    overflow: hidden;
    border: 1px #cccccc solid;
    /* border-left: none !important; */
}

ul.row_pickcenter_table li:first-child {
    border-top: 1px solid #ccc !important;
}

ul.row_pickcenter_table li:last-child {
    border-bottom: 1px solid #ccc !important;
}


/* **************Office Pickup Center- End******************/


/* **************Agent Details- Start******************/

.glyphicon-menu-left {
    font-size: 38px !important;
}

.agent_div {
    margin: 0 auto;
    border: 1px white solid;
    position: relative;
    top: 74px;
}

.agent_details_list {
    padding-left: 3%;
}

    .agent_details_list img {
        width: 201px;
        height: 50px;
    }

    .agent_details_list h2 {
        font-size: 18px;
        font-weight: 600;
        text-align: left;
        color: #555555;
    }

    .agent_details_list p {
        font-size: 14px;
        text-align: left;
        color: #555555;
    }

.agent_details_list_div {
    border-bottom: 1px #999999 solid;
    clear: both;
}

.p0d {
    margin: 0px !important;
    padding: 0px !important;
}

.branches_row {
    background-color: #ff7e00;
    margin-top: 2%;
    color: #fff;
    font-size: 25px;
}

.branches_row_txt {
    padding: 12px;
    font-size: 20px;
}

.branches img {
    width: 201px;
    height: 50px;
}

.agent_arrow {
    margin-top: 31px;
}

.agent_continue {
    margin-top: 1.4%;
    text-align: center;
    margin-bottom: 50px !important;
    padding-top: 24px;
}

.agent_continue_new {
    margin-bottom: 2px !important;
    padding-top: 2px;
}

.agent_continue_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 0 auto;
}

    .agent_continue_btn:hover,
    .agent_continue_btn:active,
    .agent_continue_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }


/* **************Agent Details- End******************/


/* **************Branches- Start******************/

ul.branches_row_list li:nth-child(odd) {
    border: 1px #cccccc solid;
    padding: 0px !important;
    background-color: #f7f7f7;
    overflow: hidden;
}

ul.branches_row-list li:nth-child(even) {
    border-top: none !important;
    background-color: #fff;
    padding: 0px !important;
    overflow: hidden;
    border: 1px #cccccc solid;
}

.branch_list {
    /* height: 200px; */
    overflow-y: auto;
    border: 1px #cccccc solid;
    /* margin-bottom: 1vw; */
}

.branches {
    margin: 0 auto;
    /* margin-top: 70px; */
    position: relative;
}

.branches_go_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    padding: 14px 20px;
    border-radius: 3px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 0 auto;
}

    .branches_go_btn:hover,
    .branches_go_btn:active .branches_go_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.branches_row_one {
    border-bottom: 0px;
    border: 1px solid #ccc;
    padding: 2px 6px;
}

    .branches_row_one:last-child {
        border-top: 0px;
    }

    .branches_row_one:first-child {
        border-top: 1px solid #ccc !important;
    }

.branches_row_two {
    border-bottom: 0px;
}

.branches_row_txt1 {
    font-size: 100%;
    color: #555555;
    padding: 1%;
}

.branches_row_txt2 {
    font-size: 100%;
    color: #fa7f00;
    padding: 1%;
}

.branches_row_arrow {
    font-size: 18px;
    color: #fa7f00;
    padding: 1%;
    text-align: right;
}

.branches_row_logo {
    margin-bottom: 0%;
}

.ui-datepicker {
    width: 20em;
}


/* **************Branches- End******************/


/* **************beneficiary - Start******************/

.beneficiary_btn {
    background-color: #939598;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    border: none;
    border-radius: 3px;
    padding: 10px 11px 10px !important;
    margin-top: -1px;
    margin-right: 3px;
    margin-left: -2px;
}

.beneficiary_btn1 {
    background-color: #939598;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    border: none;
    border-radius: 3px;
    padding: 10px 11px 10px !important;
    margin-top: -1px;
    margin-right: 3px;
    margin-left: -2px;
}

.beneficiary_money-box {
    margin-bottom: 10px;
}

.beneficiary_input {
    width: 88% !important;
}

.summary_alert_meg {
    color: #ff0000;
    text-align: center;
    font-size: 16px;
    padding: 16px 0px 10px 0px;
}

    .summary_alert_meg p {
        line-height: 0px;
        margin-top: 0vw;
    }

.beneficiary_alert_meg {
    color: #ff0000;
    text-align: center;
    font-size: 16px;
    padding: .5% 0 .5% 0%;
    line-height: 22px;
}

    .beneficiary_alert_meg p {
        line-height: 15px;
        margin-top: 2px;
        font-size: .9em;
    }

.beneficiary_alert_row_txt {
    padding: 20px 0px 0px 0px;
    /* font-size: 20px; */
    text-transform: uppercase;
    color: #545454;
    text-align: -webkit-right;
}

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


/* .beneficiary_btn_table h2 {
  margin-left: 8px;
  color: #696969;
  font-weight: 600;
  font-size: 18px;
  margin-top: 3px !important;
  padding: 0px !important;
  text-align: left;
  text-transform: none !important;
} */


/* .beneficiary_btn_table p {
  padding-left: 8px;
  color: #696969;
  font-size: 1em;
  text-transform: none !important;
  text-align: left;

  padding-top: 5px;
} */

ul.beneficiary_btn_table li:first-child {
    padding-top: 5px !important;
}

.beneficiary_btn_logo_row {
    /* padding: 5px 0px 15px 10px; */
    text-align: left;
    cursor: pointer;
}

    .beneficiary_btn_logo_row img {
        width: 70px;
    }

.beneficiary_table_row_mg {
    /* margin-top: -10px; */
    padding-bottom: 10px;
}

.plus-sign_btn {
    /* font-size: 30px;
    text-align: center;
    color: #ff7e00;
    cursor: POINTER;
    padding-top: 1%;
    font-weight: normal !important;
    padding-bottom: 1%; */
    font-size: 30px;
    text-align: center;
    color: #ff7e00;
    cursor: pointer;
    font-weight: normal !important;
    z-index: 111;
    padding: 0;
    background: #fff;
}

ul.beneficiary_btn_table li:nth-child(odd) {
    padding: 3px;
    border: 1px #cccccc solid;
    background-color: #f7f7f7;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 0px solid #ccc;
}

ul.beneficiary_btn_table li:nth-child(even) {
    padding: 3px;
    background-color: #fff;
    overflow: hidden;
    border: 1px #cccccc solid;
    cursor: pointer;
}

.beneficiary_edit_btn {
    background: none !important;
    padding-right: 10px;
}

.ul.beneficiary_btn_table li:last-child {
    border-bottom: 1px solid #ccc;
}

.beneficiary_btn_table li:last-child {
    border-bottom: 1px solid #ccc !important;
}

.ul.beneficiary_btn_table li:first-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: 38px;
}

.help-block_benefary_add {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: absolute;
    margin-top: 0px !important;
    /* font-size: 11px; */
    margin-top: -15px !important;
}

.help-block_benefary_add1 {
    color: #ff0000 !important;
    margin-bottom: 0px !important;
    position: absolute;
    margin-top: 0px !important;
    /* font-size: 11px; */
}


/* **************beneficiary - End******************/


/* **************Add beneficiary - start******************/

.add_beneficiary_btn {
    margin: 0 auto;
}

.add_beneficiary_btn_lg {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 2%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
    text-transform: uppercase;
}

    .add_beneficiary_btn_lg:hover,
    .add_beneficiary_btn_lg:active,
    .add_beneficiary_btn_lg:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.add_beneficiary_alert_txt {
    color: #898989;
    font-size: 13px;
    font-weight: normal;
    font-style: oblique;
}

.add_beneficiary {
    margin-top: 1%;
}


    /* .add_beneficiary input[type="text"],
.regform input {
  padding: 30px 20px;
} */

    .add_beneficiary select {
        padding: 5px !important;
        height: 50px;
        color: #9e9e9e !important;
    }

    .add_beneficiary input {
        height: 50px;
    }


/* **************Add beneficiary - End******************/


/* **************Paymenttype - start******************/

.payment_type_debit {
    background-color: #ff7e00;
    margin: 0 auto;
    margin-bottom: 0.5% !important;
    cursor: pointer;
    border-radius: 4px;
    border: 4px solid #fff;
}

.shadow {
    -moz-box-shadow: inset 0 0 15px #a85606;
    -webkit-box-shadow: inset 0 0 15px #a85606;
    box-shadow: inset 0 0 15px #a85606;
}

.payment_type_debit:hover,
.payment_type_debit:active,
.payment_type_debit:focus {
    border-radius: 4px !important;
    border: 4px #e77706 solid !important;
}

.payment_type_debit_txt {
    font-size: 22px;
    padding: 2%;
    color: #fff;
    font-weight: 200;
}

    .payment_type_debit_txt p {
        font-size: 20px;
        color: #fff;
        font-weight: 200;
        line-height: 22px;
    }

.payment-type-debit-txt {
    font-size: 22px;
    padding: 1%;
    color: #333;
    font-weight: 200;
}

    .payment-type-debit-txt p {
        font-size: 20px;
        color: #333;
        font-weight: 200;
        line-height: 22px;
    }

.payment_money_txt {
    font-size: 23px;
    padding: 3%;
    color: #fff;
    font-weight: 300;
    text-align: left;
}

.payment-money-txt {
    font-size: 23px;
    padding: 1% 0px;
    color: #666666;
    font-weight: 300;
    text-align: left;
}

.payment_money_arrow {
    font-size: 39px;
    color: #fff;
    font-weight: 200;
    text-align: right !important;
    padding: 2%;
}

.payment-money-arrow {
    font-size: 39px;
    color: #333;
    font-weight: 200;
    text-align: right !important;
    padding: 0%;
}

.payment_type_paystore {
    background-color: #6ec240;
    margin: 0 auto;
    margin-bottom: 0.5%;
    cursor: pointer;
    border-radius: 4px;
    border: 4px solid #fff;
}

.payment-type-paystore {
    /* background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 2px;
  margin: 10px 15px;
  width: 97%; */
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 2px;
    margin: 10px 0px;
    width: 100%;
}

.shadow_paystore {
    -moz-box-shadow: inset 0 0 15px #32780b;
    -webkit-box-shadow: inset 0 0 15px #32780b;
    box-shadow: inset 0 0 15px #32780b;
}

.payment_type_paystore:hover {
    border-radius: 4px !important;
    border: 4px #c1f5a4 solid !important;
}

.payment_type_btn {
    color: #fff;
    text-align: center;
    text-decoration: underline;
    background: none !important;
    border: none !important;
    outline: none !important;
}

.payment-type-btn {
    color: #666666;
    text-align: center;
    text-decoration: underline;
    background: none !important;
    border: none !important;
    outline: none !important;
}

.payment_type_btn:hover {
    color: #fff;
    text-decoration: none;
}

.payment_type_form_brder {
    border-radius: 10px;
    border: 1px #c8c8c8 solid;
    margin-bottom: 2%;
}

.additional_info {
    border-radius: 10px;
    border: 1px #c8c8c8 solid;
    padding: 12px;
}

.additinal_info_txt {
    padding: 2px;
    font-size: 15px;
    text-align: left;
    margin-top: 15px;
    font-weight: bold;
}

.payment_popupform {
    margin-top: 4%;
}

.payment_type_btn_lg {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

    .payment_type_btn_lg:hover,
    .payment_type_btn_lg:active,
    .payment_type_btn_lg:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.payment_type_cancel_btn {
    background-color: #ff7e00 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto !important;
    float: right;
}

    .payment_type_cancel_btn:hover,
    .payment_type_cancel_btn:active,
    .payment_type_cancel_btn:focus {
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #e77706 solid !important;
        color: #fff !important;
    }


/* **************Paymenttype - End******************/


/* **************Debit Card- start******************/

.debit_card {
    margin-top: 12%;
}

.debit_card_icon {
    padding: 4px 24px;
}

.debit_card_txt {
    padding: 12px;
    color: #555555;
    text-align: left;
    font-weight: normal;
}

.debit_card_arrow {
    font-size: 30px;
    padding: 25px;
    color: #666666;
}

.debit_card_icon img {
    width: 80px;
    padding-top: 10px;
}

.ps-container .ps-content {
    padding-bottom: 15px;
}


/* **************Debit Card- End******************/


/* **************ADD Debit Card- start******************/


/* .add_debit input[type='text'] .add_debit input[type='checkbox'] {
  margin: 0px 0px 0px -15px !important;
  min-height: 0px !important;
} */

.add_debit select {
    padding: 3px !important;
    height: 34px;
    color: #9e9e9e !important;
    font-size: 12px;
}


/* .add_debit input[type='text'] {
  height: 34px;
  font-size: 13px !important;
  padding-left: 3% !important;
} */

.add_card-btn {
    margin-top: 2%;
    clear: both;
}

.add_check_box {
    margin-bottom: 7px;
    text-align: right;
    padding-right: 5px;
}

.add_cvv_txt {
    font-size: 12px !important;
    padding: 4px !important;
    height: 34px;
}

.add_debit_card {
    border-radius: 6px;
    border: 1px #cccccc solid;
    padding: 16px 12px 20px 12px;
}

.add_debit_card_input {
    margin-top: 0%;
    margin-bottom: 15px !important;
}

.add_debit_card_content {
    font-weight: 600;
    color: #555555;
    margin-bottom: 7px;
}

.add_debit_card1 {
    border-radius: 6px;
    border: 1px #cccccc solid;
    padding: 13px;
}

.cvv {
    float: right;
    margin-bottom: 7px;
}

.year_details {
    color: #555;
    font-size: 94% !important;
}

.check_details {
    margin-top: 1%;
    /* font-size: 15px; */
}

.add_debit_card_btn {
    margin: 0 auto !important;
}

.add_debit_card_btn {
    width: 25%;
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 4%;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 6px;
    border: none !important;
    text-transform: uppercase;
    float: left;
}

    .add_debit_card_btn:hover {
        background-color: #58a130 !important;
    }


/* **************ADD Debit Card- End******************/


/* **************mywallet - Start******************/

.mywallet_list_box {
    /* height: 52vh; */
    overflow-y: auto;
    float: left;
    width: 100%;
    margin-bottom: 0%;
}

/* .mywallet_list_box_new {
    height: 78vh;
} */

.cards_details_lhs {
    text-align: center;
}

.cards_details_lhs_New {
    padding-top: 60px;
}

.mywallet_debitcard {
    background-color: #ff7e00;
    font-size: 30px;
    border-radius: 8px;
    border: 4px #ff7e00 solid;
    color: #fff;
    width: 90%;
    padding: 3%;
    margin-bottom: 5%;
    margin-top: 2%;
}

    .mywallet_debitcard:hover,
    .mywallet_debitcard:active,
    .mywallet_debitcard:focus {
        background-color: #ff7e00;
        border-radius: 8px !important;
        border: 4px #ffcfa0 solid;
        color: #fff !important;
    }

    .mywallet_debitcard p {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
    }

.mywallet_saved_stores {
    background-color: #7e7e7e;
    font-size: 30px;
    border-radius: 8px;
    border: 4px #7e7e7e solid;
    color: #fff;
    width: 90%;
    padding: 3%;
    margin-bottom: 5%;
}

    .mywallet_saved_stores:hover,
    .mywallet_saved_stores:active,
    .mywallet_saved_stores:focus {
        background-color: #7e7e7e;
        border-radius: 8px !important;
        border: 4px #cacaca solid;
        color: #fff !important;
    }

    .mywallet_saved_stores p {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
    }

.mywallet_loyalty_card {
    background-color: #6fc240;
    font-size: 30px;
    border-radius: 8px;
    border: 4px #6fc240 solid;
    color: #fff;
    width: 92%;
    padding: 3%;
    margin-bottom: 2%;
}

    .mywallet_loyalty_card:hover,
    .mywallet_loyalty_card:active,
    .mywallet_loyalty_card:focus {
        background-color: #6fc240;
        border-radius: 8px !important;
        border: 4px #cef6bb solid;
        color: #fff !important;
    }

    .mywallet_loyalty_card p {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
    }

.mywallet_card_img {
    margin-bottom: 1%;
    margin-top: 20px;
    text-align: center;
}

.Debit_Credit_Cards_details {
    font-size: 22px;
    font-weight: 500;
    border-left: 1px solid #ccc;
    height: 84vh;
    margin-top: 42px;
}

    .Debit_Credit_Cards_details h2 {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        color: #555555;
        padding: 0px;
        margin: 0px;
    }


/* **************mywallet - End******************/

.ui-calendar {
    position: relative;
    display: inline-block;
    width: 96% !important;
    padding: 0px;
    margin: 0px;
}

    .ui-calendar.ui-calendar-w-btn input {
        width: 96%;
        padding: 8px !important;
        margin: 0px !important;
        border: 1px solid #ccc !important;
    }


/* **************Summary- start******************/

.summary_cancel_btn {
    background-color: #7e7e7e !important;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    text-align: center;
    min-width: 120px;
}

    .summary_cancel_btn:hover,
    .summary_cancel_btn:active,
    .summary_cancel_btn:focus {
        background-color: #6b6b6b !important;
        border-radius: 4px !important;
        border: 2px solid #747373 !important;
        color: #fff !important;
    }

.summary_add_btn {
    background-color: #ff7e00 !important;
    color: #ffffff;
    margin: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    padding: 0;
    text-transform: uppercase;
    min-width: 120px;
    border: 2px solid transparent;
}

    .summary_add_btn:hover,
    .summary_add_btn:active,
    .summary_add_btn:focus {
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #e77706 solid !important;
        color: #fff !important;
    }

.orange_btn {
    background-color: #ff7e00 !important;
    color: #ffffff;
    margin: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    padding: 0;
    text-transform: uppercase;
    min-width: 120px;
    border: 2px solid transparent;
}

    .orange_btn:hover,
    .orange_btn:active,
    .orange_btn:focus {
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #e77706 solid !important;
        color: #fff !important;
    }

.button_section {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .button_section button {
        padding: 14px 20px;
        margin: 0 10px 5px 10px;
        /* width: 23%; */
        text-align: center;
        min-width: 120px;
    }

.summary_pay_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    text-transform: uppercase;
    text-align: center;
    min-width: 120px;
}



    .summary_pay_btn:hover,
    .summary_pay_btn:active,
    .summary_pay_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.green_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    text-transform: uppercase;
    text-align: center;
    min-width: 120px;
}

    .green_btn:hover,
    .green_btn:active,
    .green_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.repeat_ok_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    padding: 0;
    text-transform: uppercase;
    border: 2px solid transparent;
}

    .repeat_ok_btn:hover,
    .repeat_ok_btn:active,
    .repeat_ok_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }


/* **************Summary- End******************/

ul.profile_btn_table li:nth-child(odd) {
    border: 1px #cccccc solid;
    background-color: #f7f7f7;
    overflow: hidden;
    text-align: left !important;
}

ul.profile_btn_table li:nth-child(even) {
    background-color: #fff;
    overflow: hidden;
    border: 1px #cccccc solid;
}

.profile_table_btn {
    background: none !important;
    border: none !important;
    padding: 3%;
    text-align: left;
}

.policy_txt {
    text-align: center;
    padding-top: 10px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.popuptop_herder {
    text-align: center;
    font-weight: bold !important;
    color: #555555 !important;
    font-size: 16px;
    padding: 0%;
}

.profile_arrow {
    padding: 16% !important;
}

.upload_btn {
    text-align: center;
}

.upload_btn_lg {
    background-color: #6fbc44 !important;
    color: #ffffff !important;
    margin-bottom: 5%;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
    min-width: 120px;
}

    .upload_btn_lg:hover,
    upload_btn_lg:active,
    upload_btn_lg:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.how_text a {
    color: #3051e2;
    cursor: pointer;
}

    .how_text a:hover {
        color: #ff7e00;
    }

.profile_user_plus_btn {
    text-align: center;
    margin-top: 2%;
}

.pickup_default {
    text-transform: uppercase;
    color: #333;
}

    .pickup_default span {
        position: relative;
        top: 132px;
        font-size: 1.4em;
    }

    .pickup_default:hover {
        background-color: #ff7e00 !important;
        color: #fff !important;
    }

.profile_user_btn {
    margin-top: 1%;
    margin-bottom: 1%;
}

.profile_btn_new {
    height: 13vh;
    background: #dbdbdb;
    /* padding: 12%;
    font-size: 20px; */
    /* background: rgb(219, 219, 219); */
}

.profile_user_btn :hover,
.profile_user_btn :active,
.profile_user_btn :focus {
    background-color: #ff7e00;
    border-radius: 8px !important;
    border: 4px #f9b979 solid !important;
    color: #fff !important;
}

.profile_user_plus_btn {
    text-align: center;
    margin-top: 2%;
}

.mat-tab-header {
    /* margin-top: 50px; */
    float: left;
}

.send_money_rete_popup {
    width: 48%;
    height: 44px;
    float: left;
}

.send_money_rete_popup-new {
    width: 50%;
}

.send_money_rete_popup_arrow {
    width: 4%;
    height: 44px;
    float: left;
    position: relative;
}

.glyphicon-menu-right {
    float: right !important;
    cursor: POINTER;
    font-size: 23px;
    margin-top: -5px;
    position: relative;
    text-decoration: none;
}

    .glyphicon-menu-right:hover {
        text-decoration: none;
    }

.amount_send span {
    float: right;
    top: 7px;
    font-size: 22px;
}

.amount_send2 button {
    float: left;
    font-size: 15px;
    width: 10%;
    margin-left: -3px;
    margin-right: 2px;
    padding: 6px 1px;
    background-color: #939598 !important;
    border: none !important;
    height: 40px;
    cursor: default;
}

.amount_send button {
    float: left;
    font-size: 15px;
    width: 25%;
    margin-left: 0px;
    margin-right: 2px;
    padding: 6px 1px;
    background-color: #939598 !important;
    border: none !important;
    height: 40px;
    cursor: default;
    margin-left: 2px;
    border-radius: 4px;
}

.amount_send_new label {
    display: block;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
}

.from_div {
    margin-top: 32px;
}

.table-bordered {
    border-collapse: collapse;
    border-radius: 6px !important;
    border: none !important;
}

.table_row_width01 {
    width: 40%;
    color: #333;
}

.table_row_width02 {
    width: 60%;
    color: #333;
}

.table_row_width03 {
    width: 20%;
}

.rate_table {
    background-color: #e6e7e8;
    color: #333333;
    font-size: 12px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: -8px;
}

    .rate_table td {
        border-color: #ccc !important;
        border: 0px solid #ccc;
    }

    .rate_table th {
        border: 0px solid #ccc !important;
    }


    /* .rate_table th:first-child,
.rate_table td:first-child {

    border-left: none !important;
    height: 32px;
    font-size: 14px;
    border-right: 0px solid;
    border-bottom: 0px solid;
} */

    .rate_table tr:last-child td {
        border-bottom: none !important;
        padding-bottom: 10px !important;
    }

ul.mywallet_debitcard_box li:nth-child(odd) {
    border: 1px #cccccc solid;
    border-top: 0px solid #cccccc;
    background-color: #f7f7f7;
    overflow: hidden;
    list-style: none;
}

ul.mywallet_debitcard_box li:nth-child(even) {
    background-color: #fff;
    overflow: hidden;
    border: 1px #cccccc solid;
    border-top: 0px solid #cccccc;
    list-style: none;
}

ul.mywallet_debitcard_box li:nth-child {
    cursor: pointer;
}

ul.mywallet_debitcard_box li:last-child {
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
}

ul.mywallet_debitcard_box li:first-child {
    border-top: 1px #cccccc solid !important;
}

ul.mywallet_debitcard_box li:hover {
    border: 1px #ccc solid !important;
    box-shadow: 0px 0px 5px #ccc;
}

.mywallet_div_box {
    margin-top: 4px;
}

.mywallet_div {
    /* margin-top: 68px; */
    /* float: left; */
    padding: 0 5px;
}

.right_arrow {
    margin-top: 11px !important;
}

.myWallet_bottom_bg {
    position: fixed;
    bottom: 4px;
    width: 50%;
    text-align: center;
}

.modal-dialog {
    border-radius: 6px;
    /* width: 40%; */
}

.modal-lg {
    width: 70% !important;
}

.modal-md {
    width: 55% !important;
}

.modal-sm {
    width: 50% !important;
}

.radio,
.checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    .radio label,
    .checkbox label {
        min-height: 0px !important;
    }

.year_box {
    margin-top: 10px;
}

.bg {
    text-align: center;
    background: #fff;
    position: fixed;
    bottom: 38px;
    cursor: default;
}

.dashdoard_arrow {
    margin-top: 20px;
    font-size: 24px;
    visibility: hidden !important;
}

.sumaary_table_text {
    text-align: center;
    min-width: 80px;
}

.sumaary_table_title {
    text-align: center;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    font-size: 14px;
}

.table_delails {
    width: 98%;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

    .table_delails td {
        border: none !important;
    }

button.btn_bg {
    background: none !important;
    border: 0px !important;
}
/* ul.countrylist li:hover{
    background-color: #dbdbdb;
} */

ul.countrylist li:nth-child(odd) {
    background-color: #f7f7f7;
    overflow: hidden;
    padding: 12px !important;
    font-size: 18px;
    padding-left: 10% !important;
}

ul.countrylist li:nth-child(even) {
    background-color: #fff;
    overflow: hidden;
    padding: 12px !important;
    font-size: 18px;
    padding-left: 10% !important;
}

.countrylist p {
    text-align: center;
}

.country_arrow {
    color: #00853e;
    text-align: center;
    font-size: 16px;
}

.agent_arrow1 {
    margin-top: 12px;
}

.details_contant {
    margin-bottom: 102px;
    clear: both;
}

.shopping_card_top {
    margin-top: 100px;
    float: left;
}

.shopping_card_img img {
    width: 65px;
    height: 65px;
    margin: 5px;
    float: left;
    padding: 0px !important;
}

.transaction_content {
    margin-top: -20px;
}

.transaction_content_TS {
    margin-top: -4px;
    -webkit-margin-before: -20px;
}

.shopping_card_txt {
    padding-left: 10px;
    text-align: left;
    float: left !important;
    padding-top: 3px;
    line-height: 23px;
    margin-top: -8px;
    /* width: 63%; */
    text-overflow: ellipsis;
    overflow: hidden;
}

.shopping_card_usd {
    font-size: 17px;
    margin-top: 13px;
    text-align: right;
    color: #616161 !important;
    font-weight: normal;
    padding-top: 14px;
}

.shopping_card_usd_TH {
    font-size: 17px;
    margin-top: 0px;
    text-align: right;
    color: #616161 !important;
    font-weight: normal;
    -webkit-margin-before: -20px;
    float: right;
}

.shopping_card_usd1 {
    /* font-size: 3.5vh; */
    padding-top: 18px;
    text-align: right;
    color: #616161 !important;
    font-weight: normal;
    padding-right: 15px;
}

.shopping_right_arrow {
    padding: 0px 10px 0 0;
    margin-left: 17px;
    text-align: left !important;
    color: #333 !important;
}

.shopping_right_arrowT {
    margin-top: 0px;
    padding-right: 10px;
    color: #666;
}

ul.row_shopping_table li:nth-child(odd) {
    border: 1px #cccccc solid;
    padding: 0px !important;
    background-color: #f7f7f7;
    overflow: hidden;
    border-left: none !important;
    border-top: none;
    list-style: none;
}

ul.row_shopping_table li:nth-child(even) {
    border-top: none !important;
    background-color: #fff;
    padding: 0px !important;
    overflow: hidden;
    border: 1px #cccccc solid;
    border-left: none !important;
    list-style: none;
}

.row_shopping_table {
    padding: 0px !important;
    /* margin-top: 1%;
    overflow: hidden;
    padding: 0px !important;
    margin-bottom: 20px;
    height: 250px;
    overflow-y: scroll;
    border: 1px #cccccc solid;
    width: 100%; */
}

.shopping_total {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.shopping_amount {
    font-size: 17px;
}

.shopping_total_txt {
    text-align: right;
    padding-right: 2%;
}

.shopping_alert_txt {
    text-align: right;
    padding-right: 2%;
    color: #ff0000;
    margin-bottom: 25px;
}

.pay_cuntinue_btn {
    background-color: #6fbc44 !important;
    text-transform: uppercase;
    width: auto !important;
    /* width: 27% !important; */
    min-width: 120px;
    color: #ffffff;
    /* margin-bottom: 5%; */
    padding: 15px !important;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    float: left;
}

    .pay_cuntinue_btn:hover,
    .pay_cuntinue_btn:active,
    .pay_cuntinue_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.pay_btn {
    background-color: #ff7e00 !important;
    width: auto !important;
    text-transform: uppercase;
    color: #ffffff;
    /* margin-bottom: 3%; */
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    float: right;
    min-width: 120px;
    padding: 15px;
}

    .pay_btn:hover,
    .pay_btn:active,
    .pay_btn:focus {
        /* background-color: #dd6f03 !important; */
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #ffcfa0 solid !important;
        color: #fff !important;
    }

.transaction_content td {
    border: none !important;
}

.transaction_summary {
    font-size: 14px;
}

    .transaction_summary ul {
        list-style: none;
        line-height: 32px;
        text-transform: uppercase;
    }

.transaction_bottom_text {
    text-align: center;
    margin-bottom: 18px;
    margin-top: 15px;
}

.transaction_summary_total {
    font-weight: bold;
    margin-top: 15px;
}

.trash_delete {
    color: #ff0000;
    font-size: 18px;
    padding: 15px 0px 10px;
    text-decoration: none;
}

    .trash_delete:hover {
        text-decoration: none;
    }

.transaction_title {
    margin-bottom: 15px;
    font-size: 15px;
}

.transaction_box {
    border: 1px #f0f0f0 solid;
    border-radius: 3px;
    padding: 3px;
}

    .transaction_box img {
        width: 32px;
        height: 32px;
        display: inline-block !important;
    }

.transaction_dooler_text {
    padding: 5px;
}

.transaction_summary_txt {
    margin-top: 15px;
    text-transform: uppercase;
}

.transaction_rate {
    padding: 15px;
}

.trash_text {
    float: right;
    text-align: end;
    position: absolute;
    right: 5px;
    top: -5px;
}

.card_code {
    text-align: center;
    text-transform: uppercase;
    color: #ff7e00;
    font-size: 22px;
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 15px;
}

.transaction_flag_popup img {
    width: 45px !important;
    height: 45px !important;
    border-radius: 75%;
}

.transaction_flag_popupRHS img {
    width: 45px !important;
    height: 45px !important;
    border-radius: 75%;
}

.transaction_arrow {
    margin-top: 12px;
    margin-right: 14px;
}

.transaction_flag {
    width: 40px !important;
    height: 40px !important;
    margin-left: 41px !important;
    margin: 0 auto;
    margin-top: 5px;
    background-color: #ff7e00;
    border-radius: 40px;
    color: #fff !important;
    font-size: 18px;
    padding: 0px 0px 0px 0px !important;
}

    .transaction_flag img {
        border-radius: 75%;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 43px;
    }

.payment_receipt_ind_rhs {
    height: 94vh;
    overflow-y: auto;
}

.trans_payment_receipt_ind_rhs {
    height: 80vh;
    overflow-y: auto;
}

.transaction-shopping-right {
    text-align: right;
    padding-right: 40px;
}

.using_text {
    font-size: 22px !important;
    font-weight: bold;
    color: #ff7e00 !important;
    text-align: center;
}

.question_text {
    font-size: 16px !important;
    font-weight: bold;
    color: #ff7e00 !important;
    text-align: center;
}

.payatstore {
    color: #555555;
}

    .payatstore h2 {
        font-weight: 600;
        font-size: 15px;
    }

    .payatstore p {
        font-weight: normal;
    }

    .payatstore h3 {
        font-weight: normal;
        font-size: 15px;
        color: #ff0000;
    }

.payatstore_btn {
    text-align: right !important;
    float: right !important;
}

.payatstore_box {
    border: 0px #cccccc solid;
    padding-right: 0px;
    padding-left: 0px;
    box-shadow: 0px 0px 2px #888;
    /* margin: 5px; */
}

.pay_btn_box {
    text-align: left;
}

.padT10 {
    padding-top: 10px;
}

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

.padL0T10 {
    padding-top: 10px;
    padding-left: 0px;
}

.padT20 {
    /* padding-top: 20px; */
    -webkit-padding-before: 0px;
}

.paddT20 {
    padding-top: 20px !important;
}

.small_txt {
    font-size: 70%;
    padding-right: 5%;
}

.map_lhs {
    height: 90vh;
    /* width: 63vw; */
}

.payatstore-header {
    margin-top: 53px;
    float: left;
}

.debit_card_title {
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    color: #555;
}

.regform_upload {
    margin-top: 3%;
}


    /* .regform_upload input[type="text"],
.regform input {
  padding: 30px 20px;
} */

    .regform_upload select {
        padding: 5px !important;
        height: 40px;
        color: #333 !important;
        margin-bottom: 15px;
    }

    .regform_upload input {
        height: 40px;
        margin-bottom: 3px;
    }

.dashboard_dp {
    /* margin-top: 15%; */
    text-align: center;
}

.dashboard_inner_flag {
    padding: 4px 0px 0px 0px !important;
}

.mexico_flag_center {
    text-align: center !important;
}

    .mexico_flag_center img {
        margin-top: -25px;
    }

.mexico_flag_summary img {
    margin-top: -44px;
}

ul.dashboard_btn_table {
    padding: 0px;
}

    ul.dashboard_btn_table li:nth-child(odd) {
        padding: 3px 3px 3px 7px;
        overflow: hidden;
    }

    ul.dashboard_btn_table li:nth-child(even) {
        padding: 3px 3px 3px 7px;
        overflow: hidden;
    }

.shopping_txt_top {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    padding: 1px 6px 0px 3px;
    position: absolute;
    margin-left: 18px;
    color: #ff7e00;
    font-weight: bold;
    font-size: 11px;
    text-align: end;
    border: 1px solid #ff7e00;
    margin-top: -10px;
}

.message_txt_top {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    padding: 8px 7px 0px 0px;
    position: absolute;
    margin-left: 18px;
    color: #ff7e00;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}


/* **************transaction- start******************/

.transaction_summary_title {
    background-color: #6dc240;
    color: #fff;
    font-size: 1.3em;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
}

.transaction_summary_txt002 {
    margin-top: 16px;
    /* font-size: 1.2vw; */
    padding-left: 8px;
}

.transaction_summary_txt001 {
    margin-top: 8px;
    /* font-size: 1.2vw; */
}

.transaction_summary_txt003 {
    margin-top: 8px;
    /* font-size: 1.2vw; */
    padding-left: 32px;
}

.transaction_summary_txt004 {
    margin-top: 8px;
    /* font-size: 1.2vw; */
    padding-left: 31px;
}

.transaction_summary_txt005 {
    margin-top: 8px;
    /* font-size: 1.2vw; */
    padding-left: 26px;
}

.transaction_summary_txt01 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .9em;
    margin-top: 8px;
}

.transaction_arrow_link {
    position: absolute;
    margin-top: 50px;
    margin-left: -28px;
    right: 10px;
}

.transaction_summary_data_box {
    border: 1px #ccc solid;
    padding: 5px;
}

.transaction_lhs {
    min-height: 150px;
    /* height:525px; */
    overflow-y: auto;
    float: left;
    max-height: 78vh;
}

.transaction_txt_title {
    font-size: 1.2em;
    font-weight: 600;
    padding-left: 41px !important;
    border-bottom: 1px #cccccc solid;
    padding: 10px;
}

.txt_type {
    padding: 11px 0px 0px 111px;
}

.transaction_line {
    border-bottom: 1px #cccccc solid;
}

.type_logo_txt {
    padding: 8px;
    border-bottom: 1px #cccccc solid;
}

.transaction_summary_list {
    padding: 0px;
    position: absolute;
    width: 100%;
    /* height: 78vh; */
    overflow-y: auto;
}

    .transaction_summary_list li:nth-child(odd) {
        padding: 4px 4px 4px;
        -webkit-padding-before: 20px;
        border-bottom: 1px #ff7e00 solid;
        border-left: none;
        border-right: none;
        background-color: #f7f7f7;
        overflow: hidden;
        margin-top: -1px;
    }

    .transaction_summary_list li:nth-child(even) {
        padding: 4px 4px 4px;
        -webkit-padding-before: 20px;
        background-color: #fff;
        overflow: hidden;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px #ff7e00 solid;
    }

    .transaction_summary_list li:last-child {
        border-bottom: 1px #ff7e00 solid;
    }

.transaction_Status {
    text-transform: uppercase;
    color: #ff0000;
    font-size: 12px;
}

.transaction_Status_div {
    margin-bottom: 6px;
}

.transaction_details_list_row {
    /* height: 525px; */
    float: right;
    /* min-height: 120vh; */
    border-left: 0px solid #ccc;
    padding-bottom: 40px;
}

.transaction_radio_popup {
    margin-left: 45%;
    margin-bottom: 11px;
    font-size: 16px;
    font-weight: normal !important;
    color: #555555;
}

    .transaction_radio_popup label {
        font-weight: normal;
    }

.transaction_submit_div {
    margin-top: 4%;
    margin-bottom: 2%;
}

.transaction_top_div {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px;
}

.pad15 {
    padding-left: 15px;
}

.transaction_radio_popup_btn {
    background-color: #6fbc44 !important;
    padding: 12px !important;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    text-transform: uppercase;
    text-align: center;
}

    .transaction_radio_popup_btn:hover,
    .transaction_radio_popup_btn:active,
    .transaction_radio_popup_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.transaction_data_txt_2 {
    padding: 0px 0px 0px 2.4vw;
}

.border_bottom {
    border-bottom: 1px solid #ccc;
}

.padT15 {
    padding-top: 15px;
}

.transaction_data_txt {
    padding: 0px 0px 0px 17vw;
}

.transaction-header {
    /* margin-top: 30px; */
    float: left;
}

.transaction_row {
    margin-top: 10px !important;
}

.transaction_div_btn {
    border-top: 0px #cccccc solid;
}

.transaction_cancel_btn {
    background-color: #7e7e7e !important;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    text-align: center;
}

    .transaction_cancel_btn:hover,
    .transaction_cancel_btn:active,
    .transaction_cancel_btn:focus {
        background-color: #6b6b6b !important;
        border-radius: 4px !important;
        border: 2px solid #747373 !important;
        color: #fff !important;
    }

.transaction_get_btn {
    background-color: #ff7e00 !important;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    padding: 0;
    text-transform: uppercase;
    width: auto !important;
    border: 2px solid transparent !important;
}

    .transaction_get_btn:hover,
    .transaction_get_btn:active,
    .transaction_get_btn:focus {
        background-color: #f17800 !important;
        border-radius: 4px !important;
        border: 2px #e77706 solid !important;
        color: #fff !important;
    }

.button_section {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word;
    position: absolute;
    bottom: 16px;
    background: #fff;
    margin-left: 2%;
}

.button_section_summary {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word;
    padding-bottom: 6px;
}

    .button_section_summary button {
        padding: 14px 20px;
        margin: 0 10px;
        /* width: 23%; */
        text-align: center;
    }


/* .button_section button {
    padding: 16px;
    margin: 0 10px;
    width: 23%;
    text-align: center;
} */

.transaction_update_btn {
    background-color: #6fbc44 !important;
    word-wrap: break-word;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    text-transform: uppercase;
    text-align: center;
}

    .transaction_update_btn:hover,
    .transaction_update_btn:active,
    .transaction_update_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.pad8 button {
    padding: 8px !important;
}

.glyphicon-shopping-right {
    font-size: 30px;
    color: #555555;
    margin-left: 15px;
}


/* **************transaction- End******************/

.ng-busy-default-sign {
    border: none !important;
    background: none !important;
    color: #ff7e00 !important;
    box-shadow: none !important;
}

.ng-busy-default-text {
    font-size: 18px;
}

.add_account_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    padding: 14px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 0 auto;
}

    .add_account_btn:hover,
    .add_account_btn:active,
    .add_account_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.add_account img {
    max-width: 16%;
    height: auto;
    padding: 0px !important;
    margin-top: 70px;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    background: none;
    border: none;
}

.hide {
    display: none;
    background: none;
    border: none;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 153px;
}

.showContent {
    /* line-height: 1em; */
    height: 300px;
    overflow-y: auto;
}

    .showContent + div > button {
        display: none;
    }

.row_payagaintrans_table li:nth-child(odd) {
    border: 1px #cccccc solid;
    padding: 0px !important;
    background-color: #f7f7f7;
    overflow: hidden;
    border-left: none !important;
    border-top: none;
}

.row_payagaintrans_table li:nth-child(even) {
    border-top: none !important;
    background-color: #fff;
    padding: 0px !important;
    overflow: hidden;
    border: 1px #cccccc solid;
    border-left: none !important;
}

.row_payagaintrans_table {
    margin-top: 0;
    overflow: hidden;
    padding: 0px !important;
    margin-bottom: 20px;
    height: 60vh;
    overflow-y: auto;
    border: 1px #cccccc solid;
    width: 100%;
}

.payagaintrans-lable {
    float: left;
    margin-left: 15px;
    padding-top: 27px;
    padding-right: 15px;
}

.payagaintrans_btn {
    background-color: #6fbc44 !important;
    text-transform: uppercase;
    width: 150px !important;
    color: #ffffff;
    /* margin-bottom: 5%; */
    padding: 15px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
}

    .payagaintrans_btn:hover {
        background-color: #58a130 !important;
    }

ul.saved_store_box li:nth-child(odd) {
    border: 1px #cccccc solid;
    background-color: #fff;
    overflow: hidden;
}

ul.saved_store_box li:nth-child(even) {
    background-color: #fff;
    overflow: hidden;
    border: 1px #cccccc solid;
}

.saved_store_box1 {
    /* height: 313px; */
    overflow-y: scroll;
    float: left;
    width: 100%;
}

.saved_store_box h2 {
    font-size: 15px;
    text-align: left;
    margin-left: 15px;
    font-weight: bold;
}

.saved_store_box p {
    font-size: 15px;
    text-align: left;
    margin-left: 15px;
}

.saved_store_box h3 {
    font-size: 15px;
    text-align: left;
    margin-left: 15px;
    color: #ff0000;
}

.store_delete {
    font-size: 24px;
    color: #ff0000;
    margin-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: -12px;
}

.store_location {
    float: right;
    margin-right: 4px;
}

.storelist_lhs {
    width: 80%;
    float: left;
}

.storelist_rhs {
    width: 20%;
    float: right;
}

.sms_icon {
    height: 38px;
}

.mail_gray_box {
    height: 38px;
}

.transaction_id_img {
    height: 38px;
}

.call_gray_icon {
    height: 38px;
}

.translate_text {
    padding-left: 15px;
}

.translate_text_arrow {
    margin-top: 4px !important;
}

.translate_continue_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: 2px solid transparent !important;
    width: auto;
    text-decoration: none !important;
    text-transform: uppercase;
    margin: 0 auto;
}

    .translate_continue_btn:hover,
    .translate_continue_btn:active,
    .translate_continue_btn:focus {
        background-color: #58a130 !important;
        color: #fff !important;
        border: 2px solid #5e9946 !important;
        border-radius: 4px !important;
    }

.repeat_div_border {
    border-left: 1px #ccc solid;
    margin-bottom: 59px;
    /* height: 74vh; */
}

.payment_type_div {
    font-size: 16px;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: 14px;
}

.pickup_type_div {
    font-size: 16px;
    border-bottom: 1px #ccc solid;
    padding: 14px;
}

.send_to_country_div {
    font-size: 16px;
    border-bottom: 1px #ccc solid;
    padding: 14px 14px 19px;
    margin-bottom: 5px;
}

.repeatorderLeft {
    margin-top: 0px;
}

.repeatorderright {
    /* height: 72vh; */
    overflow-y: auto;
}

.caption_text {
    padding: 15px;
}

.repeat_title_name {
    padding-left: 10px;
    font-size: 16px;
}

send_to_country_div_repeat {
    padding: 14px 14px 84px;
}

.asv {
    color: #616161 !important;
    text-align: right;
}

.password_alert {
    display: block;
    width: 95%;
    margin-bottom: 45px;
    margin-top: 5px;
}

/* .mat-slider-horizontal {
    width: 100% !important;
    height: 62px !important;
}

.mat-slider-horizontal {
    background: url(/assets/images/rate_bg.png) !important;
    background-repeat: no-repeat !important;
    height: 62px !important;
    background-size: 100% !important;
    position: relative !important;
    border: none;
}

.mat-slider-horizontal .mat-slider-track-fill,
.mat-slider-horizontal .mat-slider-track-background {
    height: 0px !important;
} */
.mat-slider-horizontal {
    /* background: url(/assets/images/rate_bg.png) !important;
    background-repeat: no-repeat !important;
    height: 62px !important;
    background-size: 100% !important;
    position: relative !important;
    width: 100% !important;
    border: none; */
    background: rgb(233,128,58);
    background: -webkit-gradient(linear, left top, right top, from(rgb(233,128,58)),to(rgb(238,168,90)));
    background: linear-gradient(to right, rgb(233,128,58) 0%,rgb(238,168,90) 100%);
    border-radius: 140px;
    -webkit-box-shadow: 0px 6px 2px #d6d6d6;
    box-shadow: 0px 6px 2px #d6d6d6;
    margin: 0px 0px 10px;
    opacity: 1;
    height: 43px !important;
    width: 100%;
    border: 2px solid #fff;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .mat-slider-horizontal .mat-slider-track-fill,
    .mat-slider-horizontal .mat-slider-track-background {
        height: 0px !important;
    }
    /* .mat-slider-horizontal::before{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;

    background: linear-gradient(to right, rgb(197, 84, 9) 0%,rgb(226, 131, 23) 100%);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-animation-name: run;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    border-radius: 140px;
} */

    .mat-slider-horizontal:hover, .mat-slider-horizontal:focus, .mat-slider-horizontal:active {
        color: white;
    }

    .mat-slider-horizontal:before, .mat-slider-horizontal:before, .mat-slider-horizontal:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.mat-accent .mat-slider-thumb {
    background: url(/assets/images/rate_btn.png) !important;
    background-repeat: repeat-x !important;
    width: 65px !important;
    height: 70px !important;
    background-size: 100% !important;
    position: absolute !important;
    margin-right: -70px;
    top: -35px;
    transform: none;
    cursor: pointer;
    right: 6% !important;
}

/******************************************************/
.mat-slider-horizontal {
    background: linear-gradient(-45deg, #e4ab67, #d87244, #e4ab67, #d87244);
    background-size: 400% 400%;
    -webkit-animation: Gradient 4s ease infinite;
    -moz-animation: Gradient 4s ease infinite;
    animation: Gradient 4s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 100% 50%
    }

    50% {
        background-position: 50% 100%
    }

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

@-moz-keyframes Gradient {
    0% {
        background-position: 100% 50%
    }

    50% {
        background-position: 50% 100%
    }

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

@keyframes Gradient {
    0% {
        background-position: 100% 50%
    }

    50% {
        background-position: 50% 100%
    }

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

/******************************************************/
.mat-slider-thumb {
    right: 0px !important;
    bottom: -28px !important;
    box-sizing: border-box;
    width: 40px !important;
    height: 40px !important;
    border: none !important;
}

.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb,
.mat-slider:not(.mat-slider-disabled) .mat-slider-thumb-label {
    cursor: pointer !important;
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: inherit !important;
}

.SuperSend_dashborad_txt {
    /* font-size: 18px;
    padding-top: 8px;
    color: #555555; */
    font-size: 2.5rem;
    padding-top: 20px;
    color: #ffffff;
    margin: auto;
    text-align: left;
    vertical-align: middle;
    padding-left: 17%;
}

.SuperSend_dashborad_rate {
    font-size: 15px;
    /* text-decoration: underline; */
    padding-bottom: 10px;
    color: #555555;
}

.agent_locator_lhs {
    width: 80%;
    float: left;
}

.agent_locator_rhs {
    width: 8%;
    float: left;
}

.ear_phone {
    color: #ff7e00;
    font-size: 23px;
    padding-right: 8px;
    margin-top: 25px;
    margin-bottom: 15px;
    font-weight: bold;
}


/* .agent_location {

} */


/* **************Paymnet Receipt- Start******************/

.payment_receipt {
    border: 1px #8b8b8b solid;
    padding: 15px;
}

.payment_receipt_store {
    font-size: 22px;
    font-weight: 600;
    color: #555555;
}

.payment_receipt_tpye {
    font-size: 18px;
    font-weight: 600;
    color: #555555;
}

.payment_receipt_date {
    font-size: 100%;
    color: #fa7f00;
}

.payment_receipt p {
    color: #555555;
    font-size: 16px;
}

.payment_receipt_code {
    color: #ff7e00;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    margin-top: 70px;
}

.payment_receipt_btn {
    margin-top: 10%;
}

.agent_locator_btn {
    background-color: #6fbc44 !important;
    color: #ffffff;
    margin-bottom: 5%;
    padding: 10px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
    float: left;
    width: auto;
    text-transform: uppercase;
}

    .agent_locator_btn:hover {
        background-color: #58a130 !important;
    }

.agent_locator_done {
    background-color: #ff7e00 !important;
    color: #ffffff;
    margin-bottom: 3%;
    padding: 10px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 3px;
    border: none !important;
    float: right;
    width: auto !important;
    text-transform: uppercase;
}

    .agent_locator_done:hover {
        background-color: #dd6f03 !important;
    }

.terms_use {
    color: #7e7e7e;
    text-decoration: underline;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    clear: both;
    padding-left: 11%;
}

    .terms_use a {
        color: #7e7e7e;
        text-decoration: underline;
        text-align: left;
    }

.payment_receipt_box1 {
    background-color: #ff7e00;
    border-radius: 10px;
    padding: 9px;
    border: 5px solid #fff;
    color: #fff;
    font-size: 18px;
    margin: 4px 0px;
}

.copy_link {
    font-size: 1.5rem;
    top: 4px;
    color: #fff;
}

.payment_receipt_fb {
    background: #365696;
    border: 2px solid transparent;
}

    .payment_receipt_fb:hover,
    .payment_receipt_fb:active,
    .payment_receipt_fb:focus {
        background: #20407f;
        border: 2px solid #788db9;
        border-radius: 10px;
    }

.payment_receipt_watsapp {
    background: #5caf32;
    border: 2px solid transparent;
}

    .payment_receipt_watsapp:hover,
    .payment_receipt_watsapp:active,
    .payment_receipt_watsapp:focus {
        background: #419616;
        border: 2px solid #a5d18f;
        border-radius: 10px;
    }

.payment_receipt_mes {
    background: #0084f9;
}

.payment_receipt_email {
    background: #646464;
    border: 2px solid transparent;
}

    .payment_receipt_email:hover,
    .payment_receipt_email:active,
    .payment_receipt_email:focus {
        background: #5e5a5a;
        border: 2px solid #9b9b9b;
        border-radius: 10px;
    }

.payment_receipt_msg {
    background: #40a651;
}

.payment_receipt_copylink {
    background: #ff7e2b;
}

.payment_receipt_box2 {
    background-color: #ff7e00;
    border-radius: 15px;
    padding: 9px;
    border: 5px solid #fff;
    color: #fff;
    font-size: 18px;
}

.payment_receipt_box_txt {
    padding-left: 15px;
}

.restrictions_apply {
    color: #7e7e7e;
    text-decoration: underline;
    text-align: left;
    font-size: 16px;
    clear: both;
}

    .restrictions_apply a {
        color: #7e7e7e;
        text-decoration: underline;
        text-align: left;
    }

.restrictions_apply_div {
    text-align: left;
    margin-top: 2%;
}


/* **************Paymnet Receipt- End******************/

.about_content {
    margin-top: 65px !important;
}

.beneficiary_btn_table {
    /* height: 35vh;
    height: 35vh; */
    overflow-y: auto;
    border: 1px #fff solid;
    margin-top: 1px;
}


/******************** View Tutorial*****************/

.viewtutorialtext {
    font-size: 15px;
    padding: 17px;
    color: #555555;
    text-align: left;
}

.transhistory_repay_alert_meg {
    color: #ff0000;
    /* font-style: italic; */
    font-size: 16px;
    padding: 1% 0 0% 0%;
}


/************************* *****************/

.btn-lg,
.btn-group-lg > .btn {
    font-size: 1em !important;
}

.form-group {
    margin-bottom: 15px;
}

.btn {
    font-size: 0.96em !important;
}

.sendMoneyAgentImage {
    width: 136px;
    margin-top: 0px;
    height: 36px;
}

.leftAlign {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

.agent_phone {
    display: inline-block;
}

.agent_location {
    display: inline-block;
    margin-right: -10px;
    margin-top: 10px;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #333 !important;
    background-color: #eee !important;
    border-color: #bbb !important;
    border-radius: 0px;
}

.summary_content {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    /* min-height: 296px; */
    overflow: auto;
}

.summary_content_top {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    overflow: auto;
}

.trans_history_table {
    width: 78%;
}

.summary_table {
    width: 80%;
    margin: 0 auto;
}

.redColor {
    font-weight: bold;
    color: #f00;
    text-transform: uppercase;
}


/* Profile tab */

.mat-tab-list {
    padding-top: 14px;
    -webkit-padding-before: 4px;
}

.mat-tab-group {
    font-family: 'Helvetica Neue', Helvetica !important;
}

.thumb_img {
    width: 160px !important;
    height: 100px !important;
}

.add-image-btn {
    font-size: 16px !important;
    font-weight: normal;
    margin-bottom: -5px !important;
    margin-top: -7px !important;
    font-size: 93% !important;
}

.plus {
    font-size: 24px !important;
    font-weight: normal;
    margin-bottom: -5px !important;
    margin-top: -7px !important;
}

.marb10 {
    margin-bottom: 10px;
}

.selected-status-wrapper img {
    cursor: pointer;
    position: absolute;
    left: 44% !important;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-radius: 7px !important;
    top: 52% !important;
    width: 80%;
    padding: 10px;
}

.ui-inputtext:enabled {
    border: 0px solid #ccc !important;
    width: 100% !important;
}

.inputBorder {
    border: 1px solid #ccc !important;
}

.youtube_icon {
    top: 15px;
    position: absolute;
    right: 10px;
}

ul.tutorial_list li:last-child {
    padding-bottom: 2px !important;
}

.form_group_register {
    margin-bottom: 20px !important; /*15px !important;*/
}

.clear {
    clear: both;
}

.positionBottom {
    margin: 0 auto;
    text-align: center;
    position: fixed;
    bottom: 36px;
    background: #fff;
    z-index: 11;
}

.input-group .form-control {
    z-index: 0;
}

.ui-calendar .ui-calendar-button {
    margin-right: 0%;
    width: 3.75em !important;
    right: 0;
}

.add-image-btn,
.add-image-btn:hover {
    background: none;
    margin-top: 1px !important;
}

.glyphicon-menu-down {
    color: #118648;
}

.btn_bg_color {
    color: #118648;
}

a,
a:hover,
a:active {
    color: #ff7e00;
    /* text-decoration: underline; */
}

.termsUse {
    color: #ff7e00 !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 96%;
}

virtual-scroll {
    height: 235px !important;
    height: 40vh !important;
    /* -webkit-backface-visibility: hidden!important;
    -webkit-transform: translate3d(0,0,0); */
    -webkit-overflow-scrolling: touch !important;
    virtual-scrolloverflow-anchor: none;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 4px !important;
}

p {
    margin: 2px 0 2px !important;
}

app-pickup-center app-summary-detail .well {
    /* height: 70vh; */
    margin-bottom: 0px;
    /* padding-bottom: 0px; */
}

app-beneficiary app-summary-detail .well {
    /* height: 72vh; */
    margin-bottom: 0px;
}

.match-parent {
    overflow: hidden;
}

    .match-parent img {
        width: 75% !important;
        height: 100%;
    }

app-login form input {
    height: 40px !important;
}

.inter_send_logo {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

    .inter_send_logo img {
        /* margin-top: 2%; */ width: 310px;
    }

.marT4p {
    margin-top: 4%;
}

.marT60 {
    margin-top: 60px;
}

.marT5p {
    margin-top: 8%;
}


.bottom_bg {
    /* margin: -4px auto 4px auto; */
    margin: 0px auto;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 40px;
}

.popbutton_size {
    width: 80px;
}

.strong {
    font-weight: bold !important;
}

.pay_again_TH {
    padding: 3px 4px;
}

.cart_heading {
    padding: 6px 10px 10px;
    margin: 0;
    text-align: center !important;
}

.white {
    color: #ff7e00;
    text-transform: uppercase;
}

.wallet_heading {
    padding-bottom: 10px;
}

.message_card_arrow {
    font-size: 30px;
    padding: 15px;
    color: #666666;
}

.message_card_delete {
    padding-top: 0px;
    text-align: right;
}

.message_list_box {
    height: 85vh;
    /* overflow-y: auto; */
    float: left;
    width: 100%;
    margin-bottom: 0%;
}

.wallet_store_desc {
    padding: 0px;
    font-weight: normal;
    font-size: 90%;
    color: #666;
}

.storelist_walet {
    width: 100%;
    float: left;
    margin-top: 15px;
    font-size: 90%;
    -webkit-margin-before: 18px;
}

.store_delete_wallet {
    margin-right: 0px;
}

.red_txt {
    color: #f00;
}

.wallet_store {
    /* height: 526px; */
    overflow-y: auto;
}

.store_direction {
    float: right;
    margin-right: 4px;
    margin-top: -3px;
}

.store_direction_Wallet {
    margin-top: 30px;
    text-align: right;
    right: 0px;
    position: absolute;
}

.storelist_iconPos {
    margin-top: 20px;
    -webkit-margin-before: 18px;
}

.marB10 {
    margin-bottom: 10px;
}

.country_arrow a {
    color: #118648 !important;
}

.lblBeneficiary_dashboard {
    color: #ff7e00;
    text-decoration: none;
    cursor: pointer;
}

.repeat_card_usd {
    margin-top: 0px;
    padding-top: 0px;
}

.select.input-lg {
    height: 40px;
}

.popup_btn_width {
    width: 120px !important;
}

.glyphicon-pencil {
    font-size: 150%;
}

.pencil_div {
    font-size: 80%;
    text-align: right;
}

.exchange_head {
    /* font-size: 140%; */
    font-weight: bold;
    /* padding: 26px 10px 0px; */
    text-align: center;
}

.debitCardFullScreen {
    height: 79vh;
    margin-top: -15px;
}

.addition_info_popup {
    height: 366px;
    overflow: auto;
}

#userDOB input {
    width: 92% !important;
}

.form-groupB8 {
    margin-bottom: 8px;
}

app-sendmoney app-payment-type app-summary-detail .well {
    /* height: 70vh; */
    margin-bottom: 0px;
}

.cost_info_receipt {
    padding: 48px 0 5px;
}

.trans_cost_info_receipt {
    padding: 10px 0 5px;
}

.divborder:active {
    border: 2px solid #6ec240 !important;
}

.regform_register {
    margin-top: 2%;
}

.reg-bottom {
    border-bottom: 1px #ff7e00 solid;
    overflow: auto;
}

errorbeneficiarymoble {
    width: 227px;
}

.custom-modal-container {
    padding: 15px;
    /* height: 578px; */
    overflow: auto;
}

.custom-modal-container1 {
    padding: 15px;
    height: 578px;
    overflow: auto;
}

.custom-modal-container-city {
    padding: 15px;
    height: 400px;
    overflow: auto;
}

.custom-modal-container-1 {
    padding: 0px;
}

    .custom-modal-container-1 .modal-body {
        padding: 0px;
    }

.footer-position {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
}

.upload_link {
    margin: 0 2% auto;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

    .upload_link img {
        width: 100% !important;
        margin-top: -2%;
    }

.button_go {
    width: 100%;
    margin: 0 auto;
    /* text-align: center; */
    word-wrap: break-word;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 111;
    background: #fff;
    padding: 2px 0;
}

.send_to_country_div_repeat_bottom {
    padding: 14px 14px 30px 14px;
}

.left_side {
    float: left;
    /* height: 80vh; */
    width: 100%;
    position: absolute;
}

.right_arrow_receipt {
    display: inline-flex;
}

.share_image img {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.border_line {
    border-top: 1px solid #ccc;
    margin-top: 6px;
}

.how_text a {
    color: #333;
}

    .how_text a:hover {
        color: #000;
    }


/************************** Edit Profile *******************************/


/* .mexico_flag img:after {
    content: attr(alt);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-family: FontAwesome;
    color: rgb(100, 100, 100);
    position: absolute;
    top: 5px !important;
    left: -34 !important;
    width: 100%;
    text-align: center;
    width: 56px !important;
    height: 56px !important;
    background-color: #ff7e00;
    border-radius: 50px;
    color: #fff !important;
    z-index: 11;

}

.mexico_flag img:before {
    display: none;
}

.mexico_flag_popup img:before {
    display: none;
} */


/* .mexico_flag_popup img:after {
    content: attr(alt);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-family: FontAwesome;
    color: rgb(100, 100, 100);
    position: absolute;
    top: 5px !important;
    left: -34 !important;
    width: 100%;
    text-align: center;
    width: 45px !important;
    height: 45px !important;
    background-color: #ff7e00;
    border-radius: 50px;
    color: #fff !important;
    z-index: 11;

} */

.transcationlist-header {
    /* margin-top: 60px; */
    float: left;
    width: 100%;
}

.handPointer {
    cursor: pointer !important;
}

.today_rate.activeRate {
    color: #333 !important;
    background-color: #fff;
}

app-sendmoney .mat-tab-body-wrapper {
    display: none !important;
}

app-sendmoney .mat-tab-body {
    display: none !important;
}

.today_rate.inactiveRate {
    color: #aaa9a9;
    background-color: #fff;
}

.no_thanks_btn {
    text-decoration: initial !important;
}

.font_list_heading {
    font-size: 120%;
}

.addcard_lblwidth {
    width: 300px;
}


/* Temp use for share image need to change-Bharat */

.sharedImg {
    height: 70px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
}

.passwordNotMatchError {
    color: #ff0000 !important;
    font-size: 0.95em !important;
    min-height: 50px;
    overflow: hidden;
}

.mart-30 {
    margin-top: -30px;
}

.mart-20 {
    margin-top: -20px;
}


/* select:focus {
    width: auto!important;
    position: relative!important;
} */

.marB15 {
    margin-bottom: 15px;
}

.add-image-btn:hover {
    margin-top: 7px !important;
}

.rate_table:first-child {
    border-right: 0px solid #ccc !important;
    border-bottom: 0px solid #ccc !important;
}

.addeditPopup {
    width: 60%;
    margin: .5% auto;
}


/********************Custom Radio ***************/


/* The container */

.containerRadio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    /* Hide the browser's default radio button */

    .containerRadio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid #666;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* On mouse-over, add a grey background color */

.containerRadio:hover input ~ .checkmark {
    background-color: #f5f5f5;
}


/* When the radio button is checked, add a blue background */

.containerRadio input:checked ~ .checkmark {
    border: 1px solid #666;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.containerRadio input:checked ~ .checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.containerRadio .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6ec240;
}

.centerAlign {
    margin: 0 auto;
    text-align: center;
}

.btnWIdth120 {
    width: 120px;
}

.display_block {
    display: inline-block;
}

.transListScroll {
    padding-top: 2px;
    width: 100%;
    padding: 0;
    height: 68vh;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 0 !important;
}

.message_box li:nth-child(odd) {
    border: 1px #cccccc solid;
    border-top: 0px solid #cccccc;
    background-color: #f7f7f7;
    overflow: hidden;
    list-style: none;
    cursor: pointer;
}

.message_box li:nth-child(even) {
    background-color: #fff;
    overflow: hidden;
    border: 1px #cccccc solid;
    border-top: 0px solid #cccccc;
    list-style: none;
    cursor: pointer;
}

.message_box li:last-child {
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
}

.message_box li:first-child {
    border-top: 1px #cccccc solid !important;
}

.clsAdditionalPopup {
    width: 60%;
    margin: 3% auto;
}

.autoCompleteAdditionalInfo {
    width: 96.4%;
    margin-left: 1.8%;
    margin-bottom: 15px;
}

.posBottom {
    position: fixed;
    bottom: 40px;
}

.receipt_left_side {
    background-color: #ffeee0;
}

.readMessage {
    background-color: #e8e8e8 !important;
}

.criticalMessage {
    color: #ff0000 !important;
    font-weight: bold;
}

.beneficiary_plus {
    /* position: absolute;
    top: 93%; bottom: 4px; */
    /* bottom: 2px; */
    position: fixed;
    transform: translate(-50%, 0);
    left: 50%;
    height: 30px;
    /* top: 92%; */
    cursor: pointer;
    bottom: 52px;
}


/***************** Browser Specific *******************/

@-moz-document url-prefix() {
    .padT20 {
        padding-top: 20px;
    }
    /* .well{
       height:495px!important;
   }
   .beneficiary_btn_table{height:324px;}
   .pickcenter_lhs_beneficiary{height:496px;}
   .pickcenter_lhs{height: 500px;}
   .pickcenter_lhs_summary{height:495px;} */
}


/* @media screen and (-webkit-min-device-pixel-ratio:0)
{
.well{
   height:495px!important;
}
} */

.add_beneficiary_btn_lg {
    min-width: 120px;
}

.ui-calendar {
    width: 100% !important;
}

.p_info {
    padding: 4px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 5px;
}

.branches_row_arrow img {
    width: 80%;
}

.ps-container {
    width: 100%
}

.dashboard_dp_logo {
    margin-top: 15% !important;
}

.help-block_reg_mobile {
    top: 39px;
}

.cursor-normal {
    cursor: none !important;
}

.share {
    max-height: 53vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.share_head-message {
    padding: 10px;
}

.share-list {
    list-style: none;
    margin: 0;
    padding: 0;
}


    /* .share-list li{padding: 10px 0px;} */

    .share-list .li_share-list {
        padding: 10px 0px;
        float: left;
        width: 100%;
    }

.li_share-list:nth-child(odd) {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
}

.li_share-list:nth-child(even) {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

.li_share-list:last-child {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.li_share-list:first-child {
    border-top: 1px solid #ccc;
}

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

.padLR0 {
    padding-right: 0px !important;
    padding-left: 0px;
    margin: auto;
}

.borderBottom {
    border-bottom: 1px solid #ccc;
}

.floatR {
    float: right;
}

.payment_receipt {
    height: 80vh;
    overflow-y: auto;
}


/* .share_image{    height: 87vh;    overflow-y: auto;} */

#vsmsgList {
    height: 76vh !important;
    overflow-y: auto;
    width: 100%;
}

app-summarydetail-popup app-summary-detail > div {
    width: 100% !important;
}

select {
    overflow-x: hidden !important;
}

    select:hover {
        overflow-x: scroll !important;
    }

.button_section_trans_history {
    width: 100%;
    /* margin: 0 auto; */
    text-align: center;
    word-wrap: break-word;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    margin-left: -15px;
    padding: 5px 0;
}

.button_section_trans_historyDR {
    width: 56%;
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word;
    position: fixed;
    bottom: 28px;
    background: #fff;
    margin-left: 0%;
}

.containerRadio {
    width: 160px;
}

.list-group-item {
    margin-bottom: 0px;
}

    /* .list-group-item:last-child {
        margin-bottom: 25px;
    } */


/* .list-group-item:first-child{border-bottom: 1px solid #ccc;}
  .list-group-item:last-child{border-top: 0px solid #ccc;} */


/**********************************/

.transaction_rhs {
    margin-bottom: 10px;
    height: 81vh;
    overflow-y: auto;
}

.padR0 {
    padding-right: 0px !important;
}

.sendmoney_btn:hover,
.sendmoney_btn:active,
.sendmoney_btn:focus {
    background-color: #ff7e00;
    border-radius: 8px !important;
    border: 4px #ffcfa0 solid !important;
    color: #fff !important;
}

.db_supersnd_one:hover,
.db_supersnd_one:active,
.db_supersnd_one:focus {
    border-radius: 8px !important;
    border: 4px #fff solid !important;
}

.padT70 {
    padding-top: 70px;
    padding-bottom: 8px;
    padding-left: 10px;
}

.padB60 {
    padding-bottom: 60px;
}

.mat-tab-list {
    transform: none !important;
}


/* The containeCheckbox */

.containeCheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    margin-top: -3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    /* Hide the browser's default checkbox */

    .containeCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


/* Create a custom checkbox */

.checkmark2 {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #9a9a9a;
}


/* On mouse-over, add a grey background color */

.containeCheckbox:hover input ~ .checkmark2 {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.containeCheckbox input:checked ~ .checkmark2 {
    background-color: #ff7e00;
    border: 1px solid #d26801;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.containeCheckbox input:checked ~ .checkmark2:after {
    display: block;
}


/* Style the checkmark/indicator */

.containeCheckbox .checkmark2:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* .padT8 {
    padding-top: 8px;
} */

.transcation-button-pay {
    background-color: #6fbc44 !important;
    border: 2px solid transparent !important;
}

    .transcation-button-pay:hover,
    .transcation-button-pay:active,
    .transcation-button-pay:focus {
        background-color: #5e9946 !important;
        border: 2px solid #5e9946 !important;
    }

.list-group-custom {
    margin-bottom: 0px !important;
}

.store_delete_shareEmail {
    font-size: 24px;
    color: #ff0000;
    margin-right: 10px;
    position: absolute;
    right: 10px;
    margin-right: 0px;
    padding-top: 0px;
}

.mat-tab-label-container {
    margin-top: 0% !important;
}

.store_delete_walet {
    padding-top: 20px;
    margin-right: 0px;
}

.table_send_money {
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 10px !important;
    margin: 0px 10px;
    width: 96%;
}

.table_th {
    width: 96% !important;
}



.radio label,
.checkbox label {
    padding-left: 0px !important;
}

.mobile_save {
    padding: 8px 18px;
    font-size: .9em !important;
}

.fa-home,
.fa-shopping-cart,
.fa-comment {
    font-size: 32px;
    color: #ff7e00;
}


/**************** Common **************/

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 0px solid #ccc;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.mywallet_debitcard_btn:focus,
.mywallet_debitcard_btn.active:focus,
.mywallet_saved_stores:focus,
.mywallet_saved_stores.active:focus,
.sendmoney_btn:focus,
.sendmoney_btn.active:focus,
mywallet_loyalty_card:focus,
mywallet_loyalty_card.active:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.tdBottomBorder {
    border-bottom: 1px solid #ccc !important;
}

.btn-secondary {
    background: #6ec240 !important;
    border: 2px solid transparent;
}

    .btn-secondary:hover,
    .btn-secondary:active,
    .btn-secondary:focus {
        background-color: #5eb330 !important;
        color: #fff !important;
        border: 2px solid #59a938 !important;
        border-radius: 0px 4px 4px 0px !important;
    }

.outerTable {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 70% !important;
}

.trans_summary {
    padding: 5px;
    text-align: center;
    text-shadow: #000;
}

.about_content_Popup {
    width: 100%;
    height: 70vh;
}

.ui-autocomplete {
    width: 100%;
}

.ui-inputtext {
    margin-top: 0px;
    outline: medium none;
    padding: .35em 1em;
    font-weight: normal;
    height: 34px;
}

.autoComp_form {
    padding: 0px 0px;
}

.rightAlign {
    text-align: right;
}

.posRel {
    position: relative !important;
    margin-top: -10px !important;
}

.table_delails td,
.divborder td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text_ellipses {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
}

.menuIcon {
    position: absolute;
    right: 6px;
    right: 10px;
    top: 24px;
    color: #fff;
}

.borderLeft {
    border-left: 1px solid #ccc;
    margin-top: 6px;
}

.btn_dashboard {
    position: fixed;
    transform: translate(-50%, -50%);
    bottom: 12px;
}

.repeat_left_list {
    word-break: break-all;
}

.term_tag {
    padding: 5px;
}

.perfectScroller {
    position: relative;
    max-height: 900px;
    height: 85vh;
}

.debit-card-section {
    padding: 6px 1%;
}

.debit-card-img {
    width: 100%;
    height: 50px;
}

.clsAccount {
    width: 100%;
}

    .clsAccount input {
        border-radius: 4px !important;
    }

.beneficiary_plus {
    position: fixed;
    transform: translate(-50%, 0);
    left: 50%;
    height: 30px;
    /* top: 92%; */
    cursor: pointer;
    bottom: 52px;
}

.beneficiary-button {
    text-align: center;
    position: fixed;
    padding: 10px 0;
    background-color: #fff;
    width: 100%;
    bottom: 0;
    height: 70px;
}

.supersend-round {
    background: rgb(255,126,0);
    background: -moz-linear-gradient(left, rgb(255,126,0) 0%, rgb(238,168,90) 100%);
    background: -webkit-linear-gradient(left, rgb(255,126,0) 0%,rgb(238,168,90) 100%);
    background: linear-gradient(to right, rgb(255,126,0) 0%,rgb(238,168,90) 100%);
    border-radius: 140px;
    border: 3px solid #fff;
    box-shadow: 0px 8px 6px #d6d6d6;
    margin: 23px 0px 0px;
    opacity: 1;
    padding: 10px 0px 35px;
    /* height: 20vh; */
}

.supersend-round-summary {
    padding: 0px 0px 25px;
}

.supersend-logo {
    text-align: right;
    float: right;
    margin-right: 12%;
}

.db_LHS_one1 {
    padding: 0px 15px 20px 15px;
    cursor: pointer;
    border: 2px solid transparent;
}

    .db_LHS_one1:hover,
    .db_LHS_one1:active {
        border-radius: 2px !important;
        border: 1px #fff solid !important;
    }

.divborder td, divborder2 td, divborder1 td {
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}

.table-curved td {
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}
/****************new css added in inputfield for down arrow  and input background ******************/
.selectText {
    background: #fff !important;
    cursor: default;
}

.caret-right {
    float: right;
    margin-top: -32px;
    margin-right: 10px;
}

.store_lbl {
    color: #fa7f00 !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.wallet-image {
    margin: 10px auto;
    text-align: center;
}

    .wallet-image img {
        display: initial !important;
        width: 300px;
    }

.text-ellipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.disclaimer {
    padding: 2% 8%;
}

    .disclaimer .seprator {
        padding-top: 10px;
        font-size: 0.94em !important;
        text-align: left !important;
        color: #333 !important;
        text-transform: capitalize;
    }

.social-icon {
    margin: 0 auto;
    text-align: center;
}

figure {
    margin: 0;
    display: inline-block;
    text-align: center;
    padding: 20px 25px;
    color: #333;
    font-size: 130%;
}

    figure img {
        padding-bottom: 10px;
    }

.arrow-right {
    padding: 40% 20px;
    vertical-align: middle;
    text-align: center;
    margin: 10px auto;
    font-size: 200%;
}

.arrow-icon {
    font-size: 150%;
}

.blue {
    color: #337ab7 !important;
}

.padB30 {
    padding-bottom: 30px;
}

.custom-autocomplete__input input {
    height: 38px !important;
    border-radius: 4px;
}

.custom-autocomplete__dropdown {
    top: 38px !important;
    border-radius: 4px;
    border: 1px solid #cccccc !important;
}


/* .clsSelect select > option:nth-child(1) {
  color: #181818;
} */

.row_pickcenter_rate {
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
    color: #545454;
}

.row_pickcenter_arrow {
    text-align: right;
}

.noramal-font {
    font-weight: normal !important;
}

/* .payment-list {
    height: 38vh !important;
} */

.pay-store-img {
    width: 50px;
}

.debitcardempty {
    padding-top: 15%;
}

.dashboard_dp img {
    width: 60%;
    margin-bottom: 0px;
    margin-top: 0px;
}

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

.storearrow {
    float: right;
    padding: 22px
}


/****************new-header start***********/
.top-header-login-sm {
    display: none;
    background-color: #ff7e00;
    height: 40px;
}

.top-header, .top-header-login {
    background-color: #f77a00;
    position: unset;
    width: 100%;
    padding: 3px;
    overflow: auto;
}

    .top-header .container, .top-header-login .container {
        font-weight: 600;
    }

    .top-header, .top-header #et-info, .top-header .container, .top-header .et-social-icon a,
    .top-header-login, .top-header-login #et-info, .top-header-login .container, .top-header-login .et-social-icon a {
        color: #fff;
    }

#et-info-phone {
    margin-right: -27px;
}

#et-info-email, #et-info-phone, .et-cart-info span {
    position: relative;
    color: #fff;
}

.white_color {
    color: #fff !important;
}

.top-header .et-social-icons, .top-header-login .et-social-icons {
    display: inline-block;
    float: none;
}

    .top-header .et-social-icons li, .top-header-login .et-social-icons li {
        margin-top: -2px;
        margin-left: 4px;
    }

.et-social-icons li {
    display: inline-block;
    margin-left: 20px;
}

.top-header .et-social-icon a, .top-header-login .et-social-icon a {
    font-size: 14px;
}

#et-secondary-menu {
    float: right;
}

.et_duplicate_social_icons {
    display: none;
}

#et-secondary-menu .et-social-icons {
    margin-right: 20px;
}

#et-secondary-nav, #et-secondary-nav li {
    display: inline-block;
}

    #et-secondary-nav li {
        position: relative;
        text-align: right;
    }

    #et-secondary-nav li {
        margin-right: 15px;
    }

#et-secondary-menu li, #top-menu li {
    word-wrap: break-word;
}

ul.menu a {
    color: #fff;
}

.w-100 {
    width: 100%;
    margin-top: -19px;
}

.responsive img {
    width: 100%;
    height: auto;
}

.header_title_txt {
    padding-top: 1%;
}

.logo_intercambio {
    width: 36%;
    margin-left: 7%;
}

    .logo_intercambio img {
        margin-left: -82%;
    }

.pad_header_txt10 {
    /* text-align: center !important; */
    /* padding: 18px; */
}

/* .main-container-editprofile {
    margin-top: 0px !important;
} */

.site_link a {
    color: #ffffff !important;
    text-align: right;
    float: right;
}

.head_txtmob {
    display: none;
}
/* .pad23{
    padding-top: 23px;
} */
.backHeader {
    margin-top: 21px !important;
}
/* .mat-tab-body-wrapper{height: 417px;} */


.logo_lhs {
    float: left;
    width: 74%;
    position: absolute;
}

.header_rhs {
    margin-left: 38%;
}

.mrg-top12 {
    float: left;
    text-align: left;
}
/* .mrg-top12 img{margin-left: 43px;} */
.mrg-top12 {
    left: 100px;
    position: relative;
}

.arrow-pad {
    padding-top: 13px;
}

.icon {
    color: #fff !important;
}

.call-ico-div {
    padding-left: 10px;
}

    .call-ico-div img {
        width: 24px;
    }

.m-t-10 {
    margin-top: 10px;
}

.agent-image {
    width: 60%;
}

.help-error {
    color: #ff0000 !important;
    display: block;
}

.supersend-ice-logo {
    margin-top: -15px;
}

.sending-amount {
    border-radius: 20px;
    border: 3px solid #ff7e00;
    padding: 4px;
    color: #ff7e00;
    width: 80%;
    margin: 0 auto;
}

    .sending-amount h3 {
        color: #ff7e00;
        text-align: center;
        margin: 0px;
        padding: 3px;
    }

.txt-head {
    font-size: 1.3rem !important;
    font-weight: bold !important;
}

.vline {
    width: 2px;
    height: 30px;
    color: #ff7e00;
    border: 1px solid #ff7e00;
    margin-left: 18px;
    margin-top: -2px;
}

.p-t-8 {
    padding-top: 7px;
}

.supersend-amount-send {
    width: 70% !important;
}

.border-radius10 {
    border-radius: 10px !important;
}

.m-l-2 {
    margin-left: 2px;
}

.vline2 {
    margin-left: 3px;
    height: 70px;
    margin-top: 16px;
}

.vline3 {
    margin-left: 20px;
    height: 70px;
    margin-top: 16px;
}

.m-t--38 {
    margin-top: -62px;
}

.m-t--65 {
    margin-top: -65px;
}

.supersend-left {
    padding-left: 52px;
    text-align: left !important;
}

.rec-input-width {
    width: 70% !important;
    padding: 20px 3px;
}

.supersend-amount-fee {
    color: #6ec240 !important;
    font-weight: bold;
}

.font170p {
    font-size: 170% !important;
}

.font200p {
    font-size: 180% !important;
    font-weight: bold;
}

.font-gray {
    color: #797979 !important;
}

.m-t--10 {
    margin-top: -10px;
}

.m-t--40 {
    margin-top: -40px;
}

.bottom-txt {
    color: #6ec240 !important;
    font-size: 150% !important;
    text-align: center;
    padding: 10px;
}

.rect-box {
    border-radius: 10px;
    border: 2px solid #e98242;
    padding: 4px;
    margin-top: 10px;
    text-align: center;
    height: 72px;
}

.ts-vcenter {
    margin-top: 30px;
}

.m-t-20 {
    margin-top: 20px;
}

.p-r-15 {
    padding-right: 15px;
}

/* .repeate-exchange-head {
    font-size: 110% !important;
    font-weight: bold;
    padding: 0px 10px 0px !important;
} */

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.bordered {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 5px;
    width: 80%;
    margin: 0 auto;
}

.btn-cancel {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 4px;
    border: 2px solid transparent !important;
    background: #666;
}

    .btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus {
        background: #505050;
    }

.m-t-6 {
    margin-top: 6px;
}

.pad-link {
    padding: 14px 9px;
    border-radius: 15px;
    margin-left: -5px !important;
    width: 102%;
    margin-top: 0px;
}

.p-d-2 {
    padding: 3px;
}

.form-group2 {
    margin-bottom: 32px !important;
}

.btn-debit-bg {
    margin: 0px auto;
    width: 100%;
    text-align: center;
}

.fees-input-width {
    width: 70% !important;
    padding: 10px 10px 10px;
}

.help-block_reg-relpos {
    position: relative !important;
}

.recpt-img {
    width: 40%;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .rec-input-width {
        width: 90% !important;
        padding: 2px 10px 20px;
    }

    .fees-input-width {
        width: 70% !important;
        padding: 2px 10px 20px;
    }
}

.supported_browser {
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
/****************new-header end***********/

  .pad0_mob {
    padding: 0 6px;
  }

  .scl-total-amount {
    position: fixed; 
    bottom: 0px; 
    border-top: 1px solid #ccc;
    width: 100%;
    padding: 10px;
  }

  .pmt-type-opt {
    padding: 5px 0;
  }