
/* .form-custom-btn{
    display: none;
} */

.add_recpt_body button.trans_button{
    font-size: 15px;
    font-weight: 600;
}

.disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
}

td.active{
    background: #002958 ;
    color: #fff ;
}

td.today{
    background: #002958 ;
    color: #fff ;
}

.ui-widget.ui-widget-content{
    padding: 0px;
}

.ui-widget-header{
    background: transparent !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-title{
    font-size: 22px;
    font-weight: 800;
    color: #000;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/ui-lightness/images/ui-icons_222222_256x240.png') !important;
}

.ui-datepicker-prev .ui-icon-circle-triangle-w{
    background-position: -97px 0px !important;
}

.ui-datepicker-next .ui-icon-circle-triangle-e{
    background-position: -33px 0px !important;
}

.ui-widget-content{
    background: #fff !important;
    border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border: none !important;
    background: #fff !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 18px 18px !important;
    text-align: center !important;
    text-decoration: none;
    color: #000 !important;
}

.ui-datepicker{
    width: auto !important;
}

@media screen and (min-width: 300px) and (max-width: 480px){


    .nav-last {
        margin-left: 20px !important;
    }

    .navbar-toggler:focus{
        box-shadow: none ;
    }

    .banner_inside button.learnmore{
        margin-left: 40px
    }

    .form_banner .ctry_code .col-md-4, .form_banner .ctry_code .col-md-5 {
        display: flex;
        width: auto;
        padding: 0;
    }

    .ctry_code {
        top: 25px;
        width: 70px;
    }

    .footer_sec .app_icons li img{
        width: 130px;
    }

    .footer_sec ul.app_icons{
        margin-top: 5px;
    }

    .footer_sec p{
        margin-left: auto;
        margin-right: auto;
    }

    .feature_rows h4, .feature_rows p{
        text-align: center;
    }

    .about_data img {
        margin-top: 25px;
        max-width: 350px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .about_sec {
        padding: 50px 0px 50px;
    }

    span.userPicture {
        width: 90px;
        height: 90px;
    }

    .map_areas{
        padding-top: 0px;;
    }

    .map_content li {
        font-size: 17px;
    }

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

    .works_cards button.learnmore{
        margin-left: 0px;
    }

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

    .contact_info {
        padding: 0px 0px 60px;
    }

    .login_content {
        width: 100%;
        height: auto;
        padding: 42px 20px;
    }

    .login_pics img{
        max-width: 190px !important;
    }

    .login_pics{
        padding: 25px 20px;;
    }

    .login_content form .col-md-10, .login_content form .col-md-2{
        width: auto;
    }

    .login_content form .row{
        justify-content: space-between;
    }

    .login_content form .row .col-6{
        width: 100%;
    }

    .mb-5{
        margin-bottom: 0px !important;
    }

    .submit_data {
        display: block;
        margin-top: 10px !important;
    }

    .input-group{
        margin-bottom: 20px;
    }

    .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select{
        font-weight: 600;
        font-size: 15px;
    }

    .login_content .form-group{
        margin-bottom: 0px;
    }

    .login_content a.float-end{
        font-weight: 600;
        font-size: 14px;
    }

    .submit_data h6{
        justify-content: space-between;
    }

    .submit_data button{
        width: 100%;
        font-size: 17px;
        font-weight: 700;
        margin-top: 20px;
    }

    .newone_sec button{
        width: 100%;
        font-size: 17px;
        font-weight: 700;
        margin-top: 20px;
    }

    .regsec .form-group{
        margin-bottom: 20px;;
    }

    .regsec .form-group .form-control{
        font-weight: 600;
        font-size: 15px;
    }

    .width100{
        width: 100%;
    }

    .btn-outline-primary { 
        width: 100%;
        margin-bottom: 15px;
    }

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

    .col-6 {
        flex: 0 0 auto;
        width: 100%;
    }

    .add_reciept_btn{
        width: 100%;
        font-size: 16px;
        font-weight: 700;
    }

    .rec_country_list li{
        margin: 5px 0px;
    }

    .rec_country_list{
        min-height: auto !important;
        max-height: none;
    }

    .nxt-btn, .btn-link {
        border-radius: 15px;
        width: 100%;
    }

    .slider{
        width: 100% ;
        display: block !important;
    } 

    .rec_country_list ul{
        padding:0px 3px
    }
    
    .slides{
        display: block !important;
        overflow: hidden !important;
    }

    .slide{
        width: 100% !important;
        margin: 15px 0px;
    }

    .custom-list-item{
        display: block;
        width: 100%;
    }


    .custom-add-btn span{
        font-size: 16px !important;
    }

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

    .schedule_method_sec label{
        display: block;
    }

    .nxt-btn{
        font-size: 16px;
        font-weight: 700;
    }

    #sendamount .form_banner{
        width: 100%;
        padding: 0px !important;
        margin: 25px 0px !important;
    }

    .ctry_code p {
        font-size: 14px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        margin-bottom: 0 !important;
        margin-left: 5px I !important;
    }

    .ctry_code{
        width: auto;
    }

    .reason-list li{
        width: 100% !important;
        margin: 5px 0px !important; 
        font-size: 14px;
        font-weight: 500;
    }

    #paymethod .mx-3{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #paymethod .px-2{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .payment-btn-box img {
        width: 15px !important;
        height: 15px !important;
    }

    .verify_inside{
        padding-top: 30px;;
    }

    .add_recpt_body button{
        font-size: 15px;
        font-weight: 600;
    }

    .input-group-text{
        font-size: 14px;
        font-weight: 600;
    }

    .input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
        font-weight: 600;
        font-size: 14px;
    }

    .form-control{
        font-size: 14px;
        font-weight: 600;
    }

    .bankAc_rows:first-child {
        margin-top: 15px !important;
    }

    .rightside_menus{
        width: 100%;
    }

    .txt_data_list li .width100{
        width: 50%;
    }

    .txt_data_list li{
        display: block !important;
    }

    








































}



@media screen and (min-width: 993px) and (max-width: 1200px){


.schedule_btns h5{font-size: 13px !important;}
.sidebar_sec {width: 25%;}
.pages_sec{padding: 15px;}
.sidemenus li a{margin: 0px 15px;}
.sendmoney_sec .px-4 {
    padding-right: 0 !important;
    padding-left:  0 !important;
}
.sendmoney_sec h3.head_name img {
    position: absolute;
    right: -25px;
    width: 26px;
}
/* .sendmoney_sec .col-md-4{flex: 0 0 auto; width: 100%;} */
.sendmoney_sec .col-md-8{flex: 0 0 auto; width: 100%;}
button.add_payment{margin-top: 25px; width: 100%; display: block;}
.add_recpt_sec .col-lg-10{width: 100%}
.rightside_menus{padding: 0px;}
.rightside_menus li a{padding: 14px 5px}
.rec_country_search .add_reciept_btn{font-size: 13px; font-weight: 600;}
.nxt-btn {
    border-radius: 15px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px !important;
}

.add-info .col-md-3{width: 100%}
.add-info .col-md-7{width: 100%}
.profile_outer{width: 110px; height: 110px;}
.proBG_pic { width: 110px; height: 110px;}


}






















