@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Oswald&family=Raleway&family=Roboto:wght@300;400;500;700&family=Satisfy&display=swap');

*{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;

    box-sizing: border-box;
}
.navbar{
padding:10px;
position: relative !important;
margin-bottom: 0px !important;
    background-color: #FF8100;
    border-radius: 0px !important;
}
.navprogile{
    display: flex;
    align-items: center !important;
   margin-top: 10px;

}
.navanr{
    display: flex;
    align-items: center;
}
.nav-item li{
    color: red !important;
}
.navbar-toggle {
    position: relative !important;
    float: left !important;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    color: white;
    border: 1px solid transparent;
    border-radius: 4px;
}

.nav-link:focus{
    background-color: white !important;
}
.dropdown-toggle:after {color: #FF8100;}
.nav-link{
background-color: #D1BBBB;
padding: 6px 23px !important;

}
.buttonsdnation{
    display: flex !important;
align-items: end;
justify-content: end;
}
.donation{
    padding: 0px 0px;
}
.secondary{
    padding: 10px 70px !important;

}
.pofdonation{
margin-top: 2px !important;
margin-left: 5px !important;
}
p {
    margin:      0 0PX !important;
}
.donationpage{
    margin: 20px 0px;
}
.nav-item{
    padding: 7px  !important;
   
}
.nav-link{
    color: rgb(0, 0, 0) !important;
}
.heading{
    color: #FF8100;
}
.Devotee{
    display: flex;
    align-items: center !important;
text-align: center;
}
input{
    border-radius:5px !important;
    
}
select{
    border-radius:5px !important;

}
section{
    padding: 20px;
}
.main-button{
    background-color: #FF8100 !important;
    /*width: 100% !important;*/

}
.hr{
    color: rgb(168, 1, 1) !important;
}
.secondheading{
    color: red;
    font-weight:700;
    border-bottom: 2px solid rgb(253, 109, 26);
    padding: 2PX;
}
.otppage{
    height: 100vh;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: textfield; 
}
.otp{
    background: linear-gradient(90deg, rgba(249,212,125,1) 0%, rgba(254,162,65,1) 100%);

    padding: 13px;}
.primary {
    padding: 10px 70px !important;
    background-color: #FFAD59  !important;
    width: 100% !important;
    border-color: #FFAD59 !important;
}
.btn-secondary{
    background-color: #D8D8D8 !important;
color:black !important;


}
@media screen and (max-width: 991px) {
    .btn-secondary {
        margin-bottom: 5px !important;
        }
}
input{
    border-color: #E0E4E8 !important;
}
.otpinner{
    width: 100%;
    background-color: white !important;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}


.form-control:focus {
  
    border-color: #FFAD59 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 81, 0, 0.6) !important;
  }


select option:hover{background-color:yellow;}

li{
    font-size: 14px;
    color: black;
}
.donationconfirmation{
    display: flex;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px !important;
    padding: 0PX;
    padding-right: 0PX !important;
    padding-left: 0PX !important;
}
.donationconfirmationheadline, .donationconfirmationheadline h5{
    background-color: #FF8100;
    width: 100% !important;
    color: white !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    font-size: 25px;
    border-radius: 5px !important;
  
}
.donationconfirmationheadline i{
    font-size: 14px;
    border: 1px solid white;
    padding: 4px 6px;
    background-color: white;
    color: #FF8100;
    border-radius: 50%;
}
.donationconfirmation dt{
    margin: 20px;
    font-size: 16px;
    margin-left: 35px;
    color: black;
}
.donationconfirmationheadline h5{
    margin-left: 5px;
}
.form-check{
    margin-left: 30PX   ;
}
.form-check   h3{
    font-size: 14px !important;
    font: bold !important;
    color: black;

    
}
.thirdpageofdonation{
    height: 93.3vh !important;
    background-color: #FFDAB3;

}
.transactiona{

display: flex;
padding-top: 40px;
align-items: center;
justify-content: top;
flex-direction: column;
color: #FF8100;

}
.transaction{
    
height: 63vh;
    background-color: #FFDAB3;
display: flex;
align-items: center;
justify-content: top;
flex-direction: column;
}
.transactionabody p{
    padding: 40px 0px;
    color: black;
}
.transactiondiv{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;  

}
.transactionadiv{
    padding-right: 0px !important;
    padding-left: 0px !important;  
    border: 1px solid black;
}

.transaction h5{
    color: #ffffff;
    text-align: center;

}
.sucessfull .yes{
    font-size: 20px;
    border: 1px solid #36971d;
    padding: 4px 4px;
    background-color:#36971d;
    color: #36971d;
margin-right: 5px;
    border-radius: 50%;
}
@media screen and (max-width: 991px) {
    .sucessfull{
        margin-bottom: 0px !important;
    }
  }
.sucessfull{
    background-color: #FF8100;
    width: 100% !important;
    color: white;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
    padding: 10px 10px;
    font-size: 5px;
}
.transhistory{
    background-color:#FFFFEF !important ;
  

}
.transhistory .innerdiv h5{
font-size: 18px;
}
.transhistory .innerdiv{
    display: flex;
   align-items: center !important;
   margin-top: 60px;

    justify-content: center !important;
}
.transhistory h6{
    background-color: #FF8100 !important;
    color: black;
    padding: 10px 35px;


}
 
.table>thead {
    vertical-align: bottom;
    background-color: #FF8100;
    color: black;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    
    background-color: var(--bs-table-bg);
    border-bottom-width: 0px !important;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table tbody {
    font-weight: 400;
    background-color: white;
    
}
.download{
color: #FF8100;
}

.borderprofile{
    border-bottom: 5px solid #FF8100;
    
    width: 100%;
padding: 10px;
margin-bottom: 20px;
}
.login span{
    font-size: 22px !important;
    padding: 5px 20px;
background-color: whitesmoke;
color: black !important;
font-weight: bolder;
}
.login input{
    font-size: 18px;
    margin-left:5px;
    padding: 18px 10px !important;
background-color: rgb(255, 255, 255);
color: black !important;
}
.login .buttona{
    width: 100% !important;
height: 42px;
font-size: 18px;
}

.login h6{
    font-weight: bolder;
}
.buttonlogin{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    max-width: 30% !important;

}
.transactionabutton{

    background-color: white;

}
.transactionabutton a{
    /* width: 20% !important; */
    margin: 20px;
    border: none;
}
@media screen and (max-width: 1110px) {
    .buttonlogin{
        max-width: 100% !important;

        }
  }
  .profileimg{
    height: 80px;
  }
  .profileimg img{
    height: 100%;
  }

.manodatry{
    margin-top: 90px;
}
td{
    border: none !important;
}
th{
    border: none !important;
 
}

.icon-bar{
    background-color: black;
}

.prime:disabled{
    background-color: #FFAD59 !important;
    border-color: #FFAD59 !important;
}
.prime{
    background-color: #FF8100 !important;
    border-color: #FF8100 !important;
}

.prime.in_progres{
    background-image: url('../../resources/images/rolling.svg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 40px;
}
.review_mob_num{
    font-weight: bold;
}
.resend_otp_re {
    color: #42b112;
    text-decoration: underline;
}
.resend_block{
    display: none;
}

.donation_form_org .form-control.error, .standard_form .form-control.error{
    border: 1px solid #ee163b !important;
    
}

.donation_form_org .error, .standard_form .error{
    font-weight: normal;
}
.txnhisttory_title{
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 18px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #F26522;
    border-color: #F26522;
}
div.dataTables_wrapper div.dataTables_filter input{
    height: 29px;
}
.pagination>li>a, .pagination>li>span{
    color: #F26522;
}
select {
    border-radius: 5px !important;
}
.fields_indicator{
    text-align: right;
}
.bdr_btm_1{
    border-bottom: 2px dotted #F26522;
}
.fields_indicator  h5{
    padding-top: 18px;
}

#profile_success_modal .modal-header{
    background-color: #FF8100 !important;
    color: #fff;
}

#profile_success_modal h4{
    color: #fff; 
}
.change_picture_org{
    color: #F26522;
    font-size: 14px;
    text-decoration: underline;
    padding-top: 10px;
    display: inline-block;
    cursor: pointer;
}
.card_dimenson{
    height: auto !important;
    padding-bottom: 0;
    min-height: inherit;
}
.dnbutton{
    width: 220px;
}

.ui_notes_donate{
    list-style: unset;
    padding-left: 15px;
}
#d_donar_pan_number{
    text-transform: uppercase;
}
.login_buttons{
    width:320px;
    margin:5px auto;
}

@media only screen and (max-width: 767px) {
    .donationpage{ margin: 0;}
    .buttonsdnation{display: block !important;}
    .media_buttons .media_set{
        width: 100%;
    }
    .login_section .heading{
        margin-top: 0;
    }
    .buttonsdnation{
        display: block;
    }
    .notes_donation{
        padding: 25px;
    }
    .set_buttons_donation{
        max-width: 320px;
        margin:0 auto;
    }
    .set_buttons_donation button { float: none !important; width: 100%;}
    .boxes_button_login{
        display: flex;
        flex-direction: column;
    }
    .boxes_button_login .bxl1{
        order:2
    }
    .boxes_button_login .bxl2{
        order:1;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 440px) {
    .rest_form_org, .donate_now_org{ width: 100%;}
}