.nav-logo{background-size:28px 28px; height:45px;}
.header-logo{background-size:28px 28px; width:50px;}
body.login_page .loader-main{
    z-index: 99999 !important;
    top: 0px !important;
    bottom: 0px !important;
}
p,ul{
    color: #282828 !important;
}
.loader-main{
    z-index: 99999 !important;
    /*top: 55px !important;*/
    /*bottom: 60px !important;*/
}
.loader_div_bg{
    background-color: #000 !important;
    opacity: 0.7 !important;
}
.loader_div_bg .loading_img{
    position: fixed;
    z-index: 100;
    background-image: url(/assets/img/loading_img.gif);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
/*    background-size: 50px 50px;*/
    background-size: 75px 75px;
}
.page-content{
    box-shadow: none !important;
}

.content-with-bottom-btn {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.header-clear-medium{
    padding-bottom: 60px;
}
.footer .footer-logo{background-size:50px 50px;	height:50px!important;}

.theme-light .header .header-logo{background-image:url(../images/preload-logo.png);}
.theme-light .menu .nav-logo{background-image:url(../images/preload-logo.png);}
.theme-light .footer .footer-logo{background-image:url(../images/preload-logo.png);}

.theme-dark .header .header-logo{background-image:url(../images/preload-logo.png);}
.theme-dark .menu .nav-logo{background-image:url(../images/preload-logo.png);}
.theme-dark .footer .footer-logo{background-image:url(../images/preload-logo.png);}

.footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99;
    padding: 15px 20px 10px 20px !important;
}

.footer p.footer-copyright{
    border-top: none !important;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px !important;
}

.bg-red1-light{
     background-color: #D8334A!important;
     color:#FFFFFF!important;
}
 .bg-red1-light i, .bg-red1-dark i{
    color:#FFFFFF;
}
 .bg-red1-dark{
     background-color: #BF263C!important;
     color:#FFFFFF!important;
}
 .border-red1-light{
     border-color:#D8334A!important;
}
 .border-red1-dark{
     border-color:#BF263C!important;
}
 .color-red1-light{
     color: #D8334A!important;
}
 .color-red1-dark{
     color: #BF263C!important;
}
.color-red {
    color: red !important;
}
.bg-red2-light{
     background-color: #ED5565!important;
     color:#FFFFFF!important;
}
 .bg-red2-light i, .bg-red2-dark i{
    color:#FFFFFF;
}
 .bg-red2-dark{
     background-color: #DA4453!important;
     color:#FFFFFF!important;
}
 .border-red2-light{
     border-color:#ED5565!important;
}
 .border-red2-dark{
     border-color:#DA4453!important;
}
 .color-red2-light{
     color: #ED5565!important;
}
 .color-red2-dark{
     color: #DA4453!important;
}
.bg-orange-light{
     background-color: #FC6E51!important;
     color:#FFFFFF!important;
}
 .bg-orange-light i, .bg-orange-dark i{
    color:#FFFFFF;
}
 .bg-orange-dark{
     background-color: #E9573F!important;
     color:#FFFFFF!important;
}
 .border-orange-light{
     border-color:#FC6E51!important;
}
 .border-orange-dark{
     border-color:#E9573F!important;
}
 .color-orange-light{
     color: #FC6E51!important;
}
 .color-orange-dark{
     color: #E9573F!important;
}
.bg-yellow1-light{
     background-color: #FFCE54!important;
     color:#FFFFFF!important;
}
 .bg-yellow1-light i, .bg-yellow1-dark i{
    color:#FFFFFF;
}
 .bg-yellow1-dark{
     background-color: #F6BB42!important;
     color:#FFFFFF!important;
}
 .border-yellow1-light{
     border-color:#FFCE54!important;
}
 .border-yellow1-dark{
     border-color:#F6BB42!important;
}
 .color-yellow1-light{
     color: #FFCE54!important;
}
 .color-yellow1-dark{
     color: #F6BB42!important;
}
.bg-yellow2-light{
     background-color: #E8CE4D!important;
     color:#FFFFFF!important;
}
 .bg-yellow2-light i, .bg-yellow2-dark i{
    color:#FFFFFF;
}
 .bg-yellow2-dark{
     background-color: #E0C341!important;
     color:#FFFFFF!important;
}
 .border-yellow2-light{
     border-color:#E8CE4D!important;
}
 .border-yellow2-dark{
     border-color:#E0C341!important;
}
 .color-yellow2-light{
     color: #E8CE4D!important;
}
 .color-yellow2-dark{
     color: #E0C341!important;
}
.bg-green1-light{
     background-color: #A0D468!important;
     color:#FFFFFF!important;
}
 .bg-green1-light i, .bg-green1-dark i{
    color:#FFFFFF;
}
 .bg-green1-dark{
     background-color: #8CC152!important;
     color:#FFFFFF!important;
}
 .border-green1-light{
     border-color:#A0D468!important;
}
 .border-green1-dark{
     border-color:#8CC152!important;
}
 .color-green1-light{
     color: #A0D468!important;
}
 .color-green1-dark{
     color: #8CC152!important;
}
.bg-green2-light{
     background-color: #2ECC71!important;
     color:#FFFFFF!important;
}
 .bg-green2-light i, .bg-green2-dark i{
    color:#FFFFFF;
}
 .bg-green2-dark{
     background-color: #2ABA66!important;
     color:#FFFFFF!important;
}
 .border-green2-light{
     border-color:#2ECC71!important;
}
 .border-green2-dark{
     border-color:#2ABA66!important;
}
 .color-green2-light{
     color: #2ECC71!important;
}
 .color-green2-dark{
     color: #2ABA66!important;
}
.bg-mint-light{
     background-color: #48CFAD!important;
     color:#FFFFFF!important;
}
 .bg-mint-light i, .bg-mint-dark i{
    color:#FFFFFF;
}
 .bg-mint-dark{
     background-color: #37BC9B!important;
     color:#FFFFFF!important;
}
 .border-mint-light{
     border-color:#48CFAD!important;
}
 .border-mint-dark{
     border-color:#37BC9B!important;
}
 .color-mint-light{
     color: #48CFAD!important;
}
 .color-mint-dark{
     color: #37BC9B!important;
}
.bg-teal-light{
     background-color: #A0CECB!important;
     color:#FFFFFF!important;
}
 .bg-teal-light i, .bg-teal-dark i{
    color:#FFFFFF;
}
 .bg-teal-dark{
     background-color: #7DB1B1!important;
     color:#FFFFFF!important;
}
 .border-teal-light{
     border-color:#A0CECB!important;
}
 .border-teal-dark{
     border-color:#7DB1B1!important;
}
 .color-teal-light{
     color: #A0CECB!important;
}
 .color-teal-dark{
     color: #7DB1B1!important;
}
.bg-aqua-light{
     background-color: #4FC1E9!important;
     color:#FFFFFF!important;
}
 .bg-aqua-light i, .bg-aqua-dark i{
    color:#FFFFFF;
}
 .bg-aqua-dark{
     background-color: #3BAFDA!important;
     color:#FFFFFF!important;
}
 .border-aqua-light{
     border-color:#4FC1E9!important;
}
 .border-aqua-dark{
     border-color:#3BAFDA!important;
}
 .color-aqua-light{
     color: #4FC1E9!important;
}
 .color-aqua-dark{
     color: #3BAFDA!important;
}
.bg-blue1-light{
     background-color: #4FC1E9!important;
     color:#FFFFFF!important;
}
 .bg-blue1-light i, .bg-blue1-dark i{
    color:#FFFFFF;
}
 .bg-blue1-dark{
     background-color: #3BAFDA!important;
     color:#FFFFFF!important;
}
 .border-blue1-light{
     border-color:#4FC1E9!important;
}
 .border-blue1-dark{
     border-color:#3BAFDA!important;
}
 .color-blue1-light{
     color: #4FC1E9!important;
}
 .color-blue1-dark{
     color: #3BAFDA!important;
}
.bg-blue2-light{
     background-color: #5D9CEC!important;
     color:#FFFFFF!important;
}
 .bg-blue2-light i, .bg-blue2-dark i{
    color:#FFFFFF;
}
 .bg-blue2-dark{
     background-color: #4A89DC!important;
     color:#FFFFFF!important;
}
 .border-blue2-light{
     border-color:#5D9CEC!important;
}
 .border-blue2-dark{
     border-color:#4A89DC!important;
}
 .color-blue2-light{
     color: #5D9CEC!important;
}
 .color-blue2-dark{
     color: #4A89DC!important;
}
.bg-magenta1-light{
     background-color: #AC92EC!important;
     color:#FFFFFF!important;
}
 .bg-magenta1-light i, .bg-magenta1-dark i{
    color:#FFFFFF;
}
 .bg-magenta1-dark{
     background-color: #967ADC!important;
     color:#FFFFFF!important;
}
 .border-magenta1-light{
     border-color:#AC92EC!important;
}
 .border-magenta1-dark{
     border-color:#967ADC!important;
}
 .color-magenta1-light{
     color: #AC92EC!important;
}
 .color-magenta1-dark{
     color: #967ADC!important;
}
.bg-magenta2-light{
     background-color: #8067B7!important;
     color:#FFFFFF!important;
}
 .bg-magenta2-light i, .bg-magenta2-dark i{
    color:#FFFFFF;
}
 .bg-magenta2-dark{
     background-color: #6A50A7!important;
     color:#FFFFFF!important;
}
 .border-magenta2-light{
     border-color:#8067B7!important;
}
 .border-magenta2-dark{
     border-color:#6A50A7!important;
}
 .color-magenta2-light{
     color: #8067B7!important;
}
 .color-magenta2-dark{
     color: #6A50A7!important;
}
.bg-pink1-light{
     background-color: #EC87C0!important;
     color:#FFFFFF!important;
}
 .bg-pink1-light i, .bg-pink1-dark i{
    color:#FFFFFF;
}
 .bg-pink1-dark{
     background-color: #D770AD!important;
     color:#FFFFFF!important;
}
 .border-pink1-light{
     border-color:#EC87C0!important;
}
 .border-pink1-dark{
     border-color:#D770AD!important;
}
 .color-pink1-light{
     color: #EC87C0!important;
}
 .color-pink1-dark{
     color: #D770AD!important;
}
.bg-pink2-light{
     background-color: #fa6a8e!important;
     color:#FFFFFF!important;
}
 .bg-pink2-light i, .bg-pink2-dark i{
    color:#FFFFFF;
}
 .bg-pink2-dark{
     background-color: #fb3365!important;
     color:#FFFFFF!important;
}
 .border-pink2-light{
     border-color:#fa6a8e!important;
}
 .border-pink2-dark{
     border-color:#fb3365!important;
}
 .color-pink2-light{
     color: #fa6a8e!important;
}
 .color-pink2-dark{
     color: #fb3365!important;
}
.bg-brown1-light{
     background-color: #BAA286!important;
     color:#FFFFFF!important;
}
 .bg-brown1-light i, .bg-brown1-dark i{
    color:#FFFFFF;
}
 .bg-brown1-dark{
     background-color: #AA8E69!important;
     color:#FFFFFF!important;
}
 .border-brown1-light{
     border-color:#BAA286!important;
}
 .border-brown1-dark{
     border-color:#AA8E69!important;
}
 .color-brown1-light{
     color: #BAA286!important;
}
 .color-brown1-dark{
     color: #AA8E69!important;
}
.bg-brown2-light{
     background-color: #8E8271!important;
     color:#FFFFFF!important;
}
 .bg-brown2-light i, .bg-brown2-dark i{
    color:#FFFFFF;
}
 .bg-brown2-dark{
     background-color: #7B7163!important;
     color:#FFFFFF!important;
}
 .border-brown2-light{
     border-color:#8E8271!important;
}
 .border-brown2-dark{
     border-color:#7B7163!important;
}
 .color-brown2-light{
     color: #8E8271!important;
}
 .color-brown2-dark{
     color: #7B7163!important;
}
.bg-gray1-light{
     background-color: #F5F7FA!important;
     color:#FFFFFF!important;
}
 .bg-gray1-light i, .bg-gray1-dark i{
    color:#FFFFFF;
}
 .bg-gray1-dark{
     background-color: #E6E9ED!important;
     color:#FFFFFF!important;
}
 .border-gray1-light{
     border-color:#F5F7FA!important;
}
 .border-gray1-dark{
     border-color:#E6E9ED!important;
}
 .color-gray1-light{
     color: #F5F7FA!important;
}
 .color-gray1-dark{
     color: #E6E9ED!important;
}
.bg-gray2-light{
     background-color: #CCD1D9!important;
     color:#FFFFFF!important;
}
 .bg-gray2-light i, .bg-gray2-dark i{
    color:#FFFFFF;
}
 .bg-gray2-dark{
     background-color: #AAB2BD!important;
     color:#FFFFFF!important;
}
 .border-gray2-light{
     border-color:#CCD1D9!important;
}
 .border-gray2-dark{
     border-color:#AAB2BD!important;
}
 .color-gray2-light{
     color: #CCD1D9!important;
}
 .color-gray2-dark{
     color: #AAB2BD!important;
}
.bg-dark1-light{
     background-color: #656D78!important;
     color:#FFFFFF!important;
}
 .bg-dark1-light i, .bg-dark1-dark i{
    color:#FFFFFF;
}
 .bg-dark1-dark{
     background-color: #434A54!important;
     color:#FFFFFF!important;
}
 .border-dark1-light{
     border-color:#656D78!important;
}
 .border-dark1-dark{
     border-color:#434A54!important;
}
 .color-dark1-light{
     color: #656D78!important;
}
 .color-dark1-dark{
     color: #434A54!important;
}
.bg-dark2-light{
     background-color: #3C3B3D!important;
     color:#FFFFFF!important;
}
 .bg-dark2-light i, .bg-dark2-dark i{
    color:#FFFFFF;
}
 .bg-dark2-dark{
     background-color: #323133!important;
     color:#FFFFFF!important;
}
 .border-dark2-light{
     border-color:#3C3B3D!important;
}
 .border-dark2-dark{
     border-color:#323133!important;
}
 .color-dark2-light{
     color: #3C3B3D!important;
}
 .color-dark2-dark{
     color: #323133!important;
}
.bg-gradient-red1{
    background-image: linear-gradient(to bottom, #D8334A 0, #BF263C 100%)
}
.bg-gradient-red2{
    background-image: linear-gradient(to bottom, #ED5565 0, #DA4453 100%)
}
.bg-gradient-orange{
    background-image: linear-gradient(to bottom, #FC6E51 0, #E9573F 100%)
}
.bg-gradient-yellow1{
    background-image: linear-gradient(to bottom, #FFCE54 0, #F6BB42 100%)
}
.bg-gradient-yellow2{
    background-image: linear-gradient(to bottom, #E8CE4D 0, #E0C341 100%)
}
.bg-gradient-green1{
    background-image: linear-gradient(to bottom, #A0D468 0, #8CC152 100%)
}
.bg-gradient-green2{
    background-image: linear-gradient(to bottom, #2ECC71 0, #2ABA66 100%)
}
.bg-gradient-mint{
    background-image: linear-gradient(to bottom, #48CFAD 0, #37BC9B 100%)
}
.bg-gradient-teal{
    background-image: linear-gradient(to bottom, #A0CECB 0, #7DB1B1 100%)
}
.bg-gradient-aqua{
    background-image: linear-gradient(to bottom, #4FC1E9 0, #3BAFDA 100%)
}
.bg-gradient-blue1{
    background-image: linear-gradient(to bottom, #4FC1E9 0, #3BAFDA 100%)
}
.bg-gradient-blue2{
    background-image: linear-gradient(to bottom, #5D9CEC 0, #4A89DC 100%)
}
.bg-gradient-magenta1{
    background-image: linear-gradient(to bottom, #AC92EC 0, #967ADC 100%)
}
.bg-gradient-magenta2{
    background-image: linear-gradient(to bottom, #8067B7 0, #6A50A7 100%)
}
.bg-gradient-pink1{
    background-image: linear-gradient(to bottom, #EC87C0 0, #D770AD 100%)
}
.bg-gradient-pink2{
    background-image: linear-gradient(to bottom, #fa6a8e 0, #fb3365 100%)
}
.bg-gradient-brown1{
    background-image: linear-gradient(to bottom, #BAA286 0, #AA8E69 100%)
}
.bg-gradient-brown2{
    background-image: linear-gradient(to bottom, #8E8271 0, #7B7163 100%)
}
.bg-gradient-gray1{
    background-image: linear-gradient(to bottom, #F5F7FA 0, #E6E9ED 100%)
}
.bg-gradient-gray2{
    background-image: linear-gradient(to bottom, #CCD1D9 0, #AAB2BD 100%)
}
.bg-gradient-dark1{
    background-image: linear-gradient(to bottom, #656D78 0, #434A54 100%)
}
.bg-gradient-dark2{
    background-image: linear-gradient(to bottom, #3C3B3D 0, #323133 100%)
}
.bg-facebook{
    background-color:#3b5998!important;
     color:#FFFFFF;
}
 .color-facebook{
    color:#3b5998!important;
}
.bg-linkedin{
    background-color:#0077B5!important;
     color:#FFFFFF;
}
 .color-linkedin{
    color:#0077B5!important;
}
.bg-twitter{
    background-color:#4099ff!important;
     color:#FFFFFF;
}
 .color-twitter{
    color:#4099ff!important;
}
.bg-google{
    background-color:#d34836!important;
     color:#FFFFFF;
}
 .color-google{
    color:#d34836!important;
}
.bg-whatsapp{
    background-color:#34AF23!important;
     color:#FFFFFF;
}
 .color-whatsapp{
    color:#34AF23!important;
}
.bg-pinterest{
    background-color:#C92228!important;
     color:#FFFFFF;
}
 .color-pinterest{
    color:#C92228!important;
}
.bg-sms{
    background-color:#27ae60!important;
     color:#FFFFFF;
}
 .color-sms{
    color:#27ae60!important;
}
.bg-mail{
    background-color:#3498db!important;
     color:#FFFFFF;
}
 .color-mail{
    color:#3498db!important;
}
.bg-dribbble{
    background-color:#EA4C89!important;
     color:#FFFFFF;
}
 .color-dribbble{
    color:#EA4C89!important;
}
.bg-tumblr{
    background-color:#2C3D52!important;
     color:#FFFFFF;
}
 .color-tumblr{
    color:#2C3D52!important;
}
.bg-reddit{
    background-color:#336699!important;
     color:#FFFFFF;
}
 .color-reddit{
    color:#336699!important;
}
.bg-youtube{
    background-color:#D12827!important;
     color:#FFFFFF;
}
 .color-youtube{
    color:#D12827!important;
}
.bg-phone{
    background-color:#27ae60!important;
     color:#FFFFFF;
}
 .color-phone{
    color:#27ae60!important;
}
.bg-skype{
    background-color:#12A5F4!important;
     color:#FFFFFF;
}
 .color-skype{
    color:#12A5F4!important;
}
.bg-instagram{
    background-color:#e1306c!important;
     color:#FFFFFF;
}
 .color-instagram{
    color:#e1306c!important;
}
.opacity-10{
    opacity:0.1
}
.opacity-15{
    opacity:0.15
}
.opacity-20{
    opacity:0.2
}
.opacity-25{
    opacity:0.25
}
.opacity-30{
    opacity:0.3
}
.opacity-35{
    opacity:0.35
}
.opacity-40{
    opacity:0.4
}
.opacity-45{
    opacity:0.45
}
.opacity-50{
    opacity:0.5
}
.opacity-55{
    opacity:0.55
}
.opacity-60{
    opacity:0.6
}
.opacity-65{
    opacity:0.65
}
.opacity-70{
    opacity:0.7
}
.opacity-75{
    opacity:0.75
}
.opacity-80{
    opacity:0.8
}
.opacity-85{
    opacity:0.85
}
.opacity-90{
    opacity:0.9
}
.opacity-95{
    opacity:0.95
}
.top-0{
    margin-top:0px!important
}
 .bottom-0{
    margin-bottom:0px!important
}
 .left-0{
    margin-left:0px!important
}
 .right-0{
    margin-right:0px!important
}
.top-1{
    margin-top:1px!important
}
 .bottom-1{
    margin-bottom:1px!important
}
.bottom-5{
    margin-bottom:5px!important
}
 .left-1{
    margin-left:1px!important
}
 .right-1{
    margin-right:1px!important
}
.top-5{
    margin-top:5px!important
}
 .bottom-5{
    margin-bottom:5px!important
}
 .left-5{
    margin-left:5px!important
}
 .right-5{
    margin-right:5px!important
}
.top-10{
    margin-top:10px!important
}
 .bottom-10{
    margin-bottom:10px!important
}
 .left-10{
    margin-left:10px!important
}
 .right-10{
    margin-right:10px!important
}

.inputPledgeAmount{
/*    right: 25px;*/
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px !important;
    float: right;
    width: 80%;
}
/*Changes for non cash donation against pledge donation 5776 start - Mehul*/
.inputPledgeAmountNoncash{
/*    right: 25px;*/
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px !important;
    float: right;
    width: 80%;
}
/*Changes for non cash donation against pledge donation 5776 end - Mehul*/

.top-12{
    margin-top: 12px !important;
}
.top-15{
    margin-top:15px!important
}
 .bottom-15{
    margin-bottom:15px!important
}
 .left-15{
    margin-left:15px!important
}
 .right-15{
    margin-right:15px!important
}
.top-20{
    margin-top:20px!important
}
 .bottom-20{
    margin-bottom:20px!important
}
 .left-20{
    margin-left:20px!important
}
 .right-20{
    margin-right:20px!important
}
.top-25{
    margin-top:25px!important
}
.bottom-25{
    margin-bottom:25px!important
}
 .left-25{
    margin-left:25px!important
}
 .right-25{
    margin-right:25px!important
}
.top-30{
    margin-top:30px!important
}
 .bottom-30{
    margin-bottom:30px!important
}
 .left-30{
    margin-left:30px!important
}
 .right-30{
    margin-right:30px!important
}
.top-35{
    margin-top:35px!important
}
 .bottom-35{
    margin-bottom:35px!important
}
 .left-35{
    margin-left:35px!important
}
 .right-35{
    margin-right:35px!important
}
.top-40{
    margin-top:40px!important
}
 .bottom-40{
    margin-bottom:40px!important
}
 .left-40{
    margin-left:40px!important
}
 .right-40{
    margin-right:40px!important
}
.top-45{
    margin-top:45px!important
}
 .bottom-45{
    margin-bottom:45px!important
}
 .left-45{
    margin-left:45px!important
}
 .right-45{
    margin-right:45px!important
}
.top-50{
    margin-top:50px!important
}
 .bottom-50{
    margin-bottom:50px!important
}
.bottom-60{
    margin-bottom:60px!important
}
 .left-50{
    margin-left:50px!important
}
 .right-50{
    margin-right:50px!important
}
.p-top-0{
    padding-top: 0px !important;
}
.p-top-4{
    padding-top: 4px !important;
}
.p-top-5{
    padding-top: 5px !important;
}
.p-top-6{
    padding-top: 6px !important;
}
.p-top-10{
    padding-top: 10px !important;
}
.p-bottom-250{
    padding-bottom: 250px;
}
.p-bottom-5{
    padding-bottom: 5px !important;
}
.p-bottom-4{
    padding-bottom: 4px !important;
}
.p-bottom-10{
    padding-bottom: 10px !important;
}
.p-bottom-0{
    padding-bottom: 0px !important;
}
.p-top-15{
    padding-top: 15px !important;
}
.p-top-20{
    padding-top: 20px !important;
}
.font-8{
    font-size:8px!important;
}
.font-9{
    font-size:9px!important;
}
.font-10{
    font-size:10px!important;
}
.font-11{
    font-size:11px!important;
}
.font-12{
    font-size:12px!important;
}
.font-13{
    font-size:13px!important;
}
.font-14{
    font-size:14px!important;
}
.font-15{
    font-size:15px!important;
}
.font-16{
    font-size:16px!important;
}
.font-17{
    font-size:17px!important;
}
.font-18{
    font-size:18px!important;
}
.font-19{
    font-size:19px!important;
}
.font-20{
    font-size:20px!important;
}
.font-21{
    font-size:21px!important;
}
.font-22{
    font-size:22px!important;
}
.font-23{
    font-size:23px!important;
}
.font-24{
    font-size:24px!important;
}
.font-25{
    font-size:25px!important;
}
.font-26{
    font-size:26px!important;
}
.font-27{
    font-size:27px!important;
}
.font-28{
    font-size:28px!important;
}
.font-29{
    font-size:29px!important;
}
.font-30{
    font-size:30px!important;
}
.font-31{
    font-size:31px!important;
}
.font-32{
    font-size:32px!important;
}
.font-33{
    font-size:33px!important;
}
.font-34{
    font-size:34px!important;
}
.font-35{
    font-size:35px!important;
}
.font-36{
    font-size:36px!important;
}
.font-37{
    font-size:37px!important;
}
.font-38{
    font-size:38px!important;
}
.font-39{
    font-size:39px!important;
}
.font-40{
    font-size:40px!important;
}
.font-100{
    font-weight:100!important
}
.font-200{
    font-weight:200!important
}
.font-300{
    font-weight:300!important
}
.font-400{
    font-weight:400!important
}
.font-500{
    font-weight:500!important
}
.font-600{
    font-weight:600!important
}
.font-700{
    font-weight:700!important
}
.font-800{
    font-weight:800!important
}
.font-900{
    font-weight:900!important
}
.scale-10{
    transform:scale(1.1,1.1)
}
.scale-20{
    transform:scale(1.2,1.2)
}
.scale-30{
    transform:scale(1.3,1.3)
}
.scale-40{
    transform:scale(1.4,1.4)
}
.scale-50{
    transform:scale(1.5,1.5)
}
.scale-60{
    transform:scale(1.6,1.6)
}
.scale-70{
    transform:scale(1.7,1.7)
}
.scale-80{
    transform:scale(1.8,1.8)
}
.scale-90{
    transform:scale(1.9.1.9)
}
.scale-100{
    transform:scale(2,2)
}
.rotate-0{
    transform:rotate(0deg)!important
}
.rotate-15{
    transform:rotate(15deg)!important
}
.rotate-30{
    transform:rotate(30deg)!important
}
.rotate-45{
    transform:rotate(45deg)!important
}
.rotate-60{
    transform:rotate(60deg)!important
}
.rotate-75{
    transform:rotate(75deg)!important
}
.rotate-90{
    transform:rotate(90deg)!important
}
.rotate-105{
    transform:rotate(105deg)!important
}
.rotate-120{
    transform:rotate(120deg)!important
}
.rotate-135{
    transform:rotate(135deg)!important
}
.rotate-150{
    transform:rotate(150deg)!important
}
.rotate-165{
    transform:rotate(165deg)!important
}
.rotate-180{
    transform:rotate(180deg)!important
}


.color-highlight{
    color:#4A89DC!important
}
.bg-highlight{
    background-color:#4A89DC!important
}
.bg-highlight-orange{
    background-color:#f96332!important
}
.active-nav{
    background-color:#4A89DC!important
}
#footer-menu .active-menu *{
    color:#4A89DC!important
}
.border-highlight{
    border-color:#4A89DC !important;
}
.left-text{
    text-align: left !important;
}
.m-l-r-15{
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.m-0-auto{
    margin: 0 auto;
}
.w-100{
    width: 100% !important
}
.w-94{
    width: 94% !important;
}
.w-97{
    width: 97% !important;
}
.w-80{
    width: 80% !important;
}
.w-75{
    width: 75% !important;
}
.w-78{
    width: 78%;
}
.w-70{
    width: 70%;
}
.w-69{
    width: 69%;
}
.w-65{
    width: 65%;
}
.w-30{
    width: 30%;
}
.w-30-px{
    width: 30px;
}
.w-33{
    width: 33%;
}
.w-33-3{
    width: 33.3%;
}
.w-32{
    width: 32%;
}
.w-50{
    width: 50%;
}
.w-66{
    width: 66% !important;
}
.w-24{
    width: 24%;
}
.w-22{
    width: 20% !important;
}
.w-19{
    width: 19%;
}
.w-10{
    width: 10%;
}
.w-5{
    width: 5%;
}
.w-4{
    width: 4%;
}
.w-15{
    width: 15%;
}
.w-85{
    width: 85%;
}
.w-84{
    width: 84%;
}
.w-88{
    width: 88%;
}
.w-89{
    width: 89%;
}
.w-28{
    width: 28%;
}
.w-40{
    width: 40% !important
}
.w-41{
    width: 41% !important
}
.w-42{
    width: 42% !important
}
.w-45{
    width: 45% !important
}
.w-47{
    width: 47% !important
}
.w-49-9{
    width: 49.0% !important
}
.w-49-5{
    width: 49.5% !important;
}
.w-20{
    width: 20%;
}
.w-55{
    width: 55%;
}
.w-180-px{
    width: 180px !important;
}
.v-align-top{
    vertical-align: top;
}
.m-r-0{
    margin-right: 0px !important;
}
.p-l-10{
    padding-left: 10px;
}
.p-l-15{
    padding-left: 15px;
}
.p-l-r-10{
    padding-right: 10px;
    padding-left: 10px;
}
.p-l-r-20{
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.p-l-r-15{
    padding-right: 15px;
    padding-left: 15px;
}
.p-t-b-12{
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}
.b-b-orange{
    border-bottom: 1px solid #f96332 !important;
}
.bg-orange-color{
    background-color: #f96332 !important
}
.bg-white-color{
    background-color: #fff !important
}
.bg_orange_light_color{
    background-color: #f1744c !important
}
.bg-light-orange-color{
    background-color: #FFA500 !important
}
.bg-blue-color{
    background-color: #204065 !important
}
.h-auto{
    height: auto !important;
}
.p-b-10{
    padding-bottom: 10px !important;
}
.p-b-0{
    padding-bottom: 0px !important;
}
.h-30{
    height: 30px !important;
}
.h-40{
    height: 40px !important;
}
.h-45{
    height: 45px;
}
.h-50{
    height: 50px;
}
.h-48{
    height: 48px !important;
}
.h-62{
    /*height: 62px;*/
    height: 55px;
}
.h-70{
    height: 70px;
}
.h-100{
    height: 100px;
}
.h-120{
    height: 120px;
}
.h-125{
    height: 125px;
}
.h-150{
    height: 150px;
}
.h-160{
    height: 160px;
}
.h-170{
    height: 170px;
}
.h-175{
    height: 175px;
}
.h-180{
    height: 180px;
}
.h-190{
    height: 190px;
}
.h-200{
    height: 200px;
}
.h-225{
    height: 225px;
}
.h-250{
    height: 250px;
}
.h-330{
    height: 330px;
}
.h-400{
    height: 400px;
}
.w-100{
    width: 100%;
}
.w-28{
    width: 28%;
}
.w-25{
    width: 25% !important;
}
.w-74{
    width: 74% !important;
}
.w-70{
    width: 70% !important;
}
.w-60{
    width: 60%;
}
.w-35{
    width: 35%;
}
.w-14{
    width: 14%;
}
.w-15{
    width: 15%;
}
.w-12{
    width: 12%;
}
.w-18{
    width: 18%;
}
.w-80{
    width: 80%;
}
.w-82{
    width: 82%;
}
.w-78{
    width: 78%;
}
.w-32{
    width: 32%;
}
.w-33{
    width: 33%;
}
.w-29{
    width: 29% !important;
}
.display_inline_block{
    display: inline-block !important;
}
.vertical_text_bottom{
    vertical-align: text-bottom;
}
.vertical_top{
    vertical-align: top;
}
.padding_change_btn{
    padding: 0px 10px;
}
.bg_black{
    background: #000;
}
.op_09{
    opacity: 0.9 !important;
}
.l_h_5{
    line-height: 5px !important;
}
.l_h_15{
    line-height: 15px !important;
}
.l_h_16{
    line-height: 16px !important;
}
.l_h_18{
    line-height: 18px !important;
}
.l_h_20{
    line-height: 20px !important;
}
.l_h_30{
    line-height: 30px !important;
}
.v_a_middle{
    vertical-align: middle;
}
.b_r{
    border-right: 1px solid #ccc;
}
.b_b{
    border-bottom: 1px solid #ccc;
}
.p-t-35{
    padding-top: 35px !important;
}
.p-t-0{
    padding-top: 0px !important;
}
.p-t-b-5{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.p_b_7{
    padding-bottom: 7px;
}
.p_b_0{
    padding-bottom: 0px;
}
.dashboard_spo_detail_div{
    top: -5px;
    left: 10px;
}
.dashboard_logo_div{
    display: inline-block;
    width: 20%;
    height: 65px;
}

.dashboard_logo_div img{
    padding-top: 8px;
}

.dasboard_sho_div{
    display: inline-block;
    width: 75%;
    margin-top: 12px;
    padding-left: 10px;
    border-left: 1px solid #fff;
}

.fac input{
    display: block !important;
    position: absolute !important;
    z-index: -1 !important;
    opacity: 0 !important;
}

.footer_sponsorship {
     position: fixed;
     /*left: 0;*/
     max-width: 700px;
     bottom: 0;
     width: 100%;
     z-index: 999;
     /*background-color: #f96332;*/
     background-color: #fff;
     color: white;
     /*text-align: center;*/
     /*font-family: Arial;*/
     /*font-size: 15px;*/
}
.w-49{
    border-radius: 0px;
    width: 49.9%;
    background-color:#f96332;
    color: #fff;
  }
.alert.alert-danger {
    background-color: #ff5050;
}
.alert {
    border: 0;
    border-radius: 0.1875rem;
    color: #FFFFFF;
    padding-top: .9rem;
    padding-bottom: .9rem;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert ul{
    margin-bottom: 0px !important;
}
.alert ul li{
    color: #fff !important;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/* App - Change Message when updating profile (5956) Start */
/* Add new css class for alert with warning message */
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
/* App - Change Message when updating profile (5956) End */

.opacity-0-7{
    opacity: 0.7;
}
.input-bg-transparent-div{
    padding-left: 15px;
    position: relative;
    background: rgb(204, 204, 204);
    background: rgba(204, 204, 204, 0.35);
    border-radius: 50px;
}

/* side navigation menu*/

.side_menu_active{
    display: block !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    /*right: 0;*/
    /*padding-top: 20px;*/
    /*opacity: 0.7;*/
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    /*padding-top: 60px;*/
    /*scroll-behavior: auto;*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.sidenav .side_content_div{
    padding-left: 10px;
    padding-right: 10px; 
    /*padding-top: 45px;*/
    padding-bottom: 130px;
    scroll-behavior: auto;
}

.sidenav .side_content_div .side_inner_content_div{
    margin-top: 60px;
}

.sidenav .side_content_div .side_inner_content_div p{
    line-height: 10px;
    font-size: 14px; 
}

.sidenav .side_content_div .side_inner_content_div p a{
    font-size: 14px; 
}

.sidemenu_close_btn{
    float: left;
    /*left: 10px;*/
    top: 10px;
    padding-left: 15px;
    font-size: 25px;
    font-weight: bold;
    width: 15%;
    /*z-index: 99;*/
}

.link-list-1.link-list-long-border span{
    padding-left: 25px !important;
}

.color_gray_black{
    color: #1f1f1f !important;
}

.mobile_submenu a{
    padding-left: 15px;
}

.sub_menu_icon{
    left: 10px !important;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 10px;}
  .sidenav a {font-size: 18px;}
}
/* side navigation menu*/


ul.mobileMenu li{
    padding-top: 20px;
    font-size:20px;
}

.btn-inline{
    display: inline !important;
}
li.page-item{
    display:inline-block !important;
}
li.page-item a.page-link{
    background-color: #4A89DC!important;
    color: #FFF!important;
    font-size: 11px;
    display: inline-block;
    width: 35px;
    line-height: 33px;
    height: 35px;
    margin: 0 5px 5px 0;
    border-radius: 5px;
}
li.page-item.disabled{
     background-color: #4A89DC!important;
    color: #FFF!important;
    font-size: 11px;
    display: inline-block;
    width: 35px;
    line-height: 33px;
    height: 35px;
    margin: 0 5px 5px 0;
    border-radius: 5px;
}
li.page-item.active .page-link{
    background-color: #4A89DC!important;
    color: #FFF!important;
    opacity: 0.5;
    font-size: 11px;
    display: inline-block;
    width: 35px;
    line-height: 33px;
    height: 35px;
    margin: 0 5px 5px 0;
    border-radius: 5px;
}

/*checkbox*/
.b-r{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px !important;
}
.b-l-r{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.b-l{
    border-left: 1px solid #ccc;
}
.border{
    border: 1px solid #ccc;
}

.checkbox-lable{
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.control-checkbox {
    font-size: 15px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 40px;
    cursor: pointer;
    font-weight: bold;
  }

  .control-checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }

  .control-indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 30px;
    height: 30px;
    background: #fefaf1;
    border: 1px solid #808080;
  }

  /* Checked state */
  .control-checkbox input:checked ~ .control-indicator {
    background: #f96332;
  }

  /* Check mark */
  .control-indicator:after {
    position: absolute;
    display: none;
    content: '';
  }

  /* Show check mark */
  .control-checkbox input:checked ~ .control-indicator:after {
    display: block;
  }

  /* Checkbox tick */
  .control-checkbox .control-indicator:after {
    top: 6px;
    left: 10px;
    width: 8px;
    height: 15px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 3px 5px 0;
  }
/*checkbox*/

/*radio*/
/* The container_radio */
  .container_radio {
    font-size: 15px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 40px;
    cursor: pointer;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default radio button */
  .container_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  /* Create a custom radio button */
  .checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fefaf1;
    border-radius: 50%;
    border: 1px solid #808080;
  }

  /* On mouse-over, add a grey background color */
  .container_radio:hover input ~ .checkmark_radio {
    background-color: #fefaf1;
  }

  /* When the radio button is checked, add a blue background */
  .container_radio input:checked ~ .checkmark_radio {
    background-color: #f96332;
  }

  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark_radio:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the indicator (dot/circle) when checked */
  .container_radio input:checked ~ .checkmark_radio:after {
    display: block;
  }

  /* Style the indicator (dot/circle) */
  .container_radio .checkmark_radio:after {
    top: 9px;
    left: 9px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: white;
  }
  /*radio*/

  p{
    margin-bottom: 10px !important;
  }

  .cvv_date_div{
    width: 49%;
    display: inline-block;
  }
.unpaidamounts_li li{
    list-style: none !important;
}


.header_bg{
    /*background: #1095F4 !important;*/
    border-bottom: solid 1px rgba(255,255,255, 0.1) !important;
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    /*box-shadow: 0 1px 0px 0 #f96332 !important;*/

}
.header_bg:after {
    content: '\00a0';
    background-image: radial-gradient(at 50% 0, #f96332 0%, #f96332 50%, transparent 75%);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    margin-top: 55px;
}

.bg_linear_blue{
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
}

.tile_box{
    position: relative !important;
    left: 0px !important;
    right: 0px !important;
    z-index: 2 !important;
    top: 0 !important;
    transform: none !important;
}

.footer_sticky_buttons{
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    background: #fff;
}

.padding-20-10{
    /*padding: 20px 10px !important;*/
    padding: 15px 10px !important;
}
.padding-10px{
    padding: 10px !important;
}
.padding-12px{
    padding: 12px !important;
}
.btn-left-0{
    left: 0 !important;
}

.profile-photo{
    display: inline-block;
    width: 40%;
    padding-top: 10px;
}
.profile-photo .profile-photo-image{
    width: 100px !important;
    height: 100px !important;
    margin: 10px !important;
    margin-bottom: 0px !important;
}
.profile-name{
    display: inline-block;
    width: 55%;
    top: 0px;
    margin-top: 40px;
    vertical-align: top;
}
/*breadcrumb*/
ul.breadcrumb {
  list-style: none !important;
  
}
ul.breadcrumb li {
  display: inline-block ;
}

ul.breadcrumb li+li{
    padding-left: 10px;
}

ul.breadcrumb li+li:before {
  padding: 10px ;
  /*color: #fff;
  content: "\00BB";
  font-size: 16px;*/
}
ul.breadcrumb li a {
  color: #0275d8 ;
  text-decoration: none ;
  display: inline-block ;
}

.breadcrumbs-div{
    display: none ;
}


/*breadcrumb*/

.link-list-1 a {
    border-bottom: solid 1px #ccc !important;
}

.divider{
    background-color: #ccc !important;
}

.link-list-1.link-list-long-border span{
    font-size: 16px !important;
    font-weight: normal;
}

.button_outline {
  background-color: transparent; /* Green */
  border: none;
  color: white;
  padding: 7px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  /*margin: 4px 2px;*/
  cursor: pointer;
}

.outline_border{
    background-color: transparent; 
    border: 1px solid #fff;
}

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

.top-minus-5{
    margin-top: -5px;
}

.top-minus-30{
    margin-top: -30px;
}
.top-minus-35{
    margin-top: -35px;
}

.my_spo_detail_main_div{
    position: relative;
    top: -35px;
    /*height: 450px; */
    overflow-y: scroll;
    padding-bottom: 170px;
    scroll-behavior: smooth;
    
}
.my_dharmado_members_main_div{
    position: relative;
    top: -30px;
    /*height: 450px; */
    overflow-y: scroll;
    padding-bottom: 170px;
    scroll-behavior: smooth;
    
}

.my_dharmado_members_scroll_div{
    overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   height: 570px;
}
.bg_light_gray{
    background: #ccc3 !important;
}
.my_spo_detail_div{
    background: #fff;
    border-radius: 10px;
    /*padding: 10px;*/
    /*color: #666666;*/
    color: #282828;
    box-shadow: 5px 5px 7px rgba(0,0,0,0.18) !important;
}

.dharmado_members_div{
    background: #fff;
    border-radius: 10px;
    /*padding: 10px;*/
    /*color: #666666;*/
    color: #282828;
    box-shadow: 5px 5px 7px rgba(0,0,0,0.18) !important;
}

.dharmado_detail_div{
    background: #fff;
    border-radius: 10px;
    /*color: #666666;*/
    color: #282828;
    box-shadow: 5px 5px 7px rgba(0,0,0,0.18) !important;
}
.dharmado_detail_div_heading{
    padding: 5px;
    padding-top: 10px;
    padding-left: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.dharmado_inner_div{
    padding: 10px;
}

.b-gray{
    border: 1px solid #ccc;
}

.box_shadow_none{
    /*box-shadow: none !important;*/
}

.list_style_none{
    list-style: none !important;
}

.pay_btn_outline{
    border: 1px solid #2980b9;
    /*padding: 1px 20px;*/
    padding: 1px 15px;
    font-size: 18px;
    color: #2980b9;
    background: #fff;
}

.paid_btn{
    padding: 2px 15px;
}

.paid_btn_disabled{
    background: #ccc;
    color: #fff !important;
    border: 1px solid #ccc !important;
}

.edit_btn_outline{
    border: 1px solid #8CC152;
    padding: 1px 20px;
    color: #8CC152;
}

.spo_detail_sub_title{
    font-size: 14px !important;
}

.pay_width_height{
    width: 65px;
    height: 27px;
}

.donate_btn{
    width: 65px;
    height: 27px;
    padding: 2px 7px;
    font-size: 16px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
}

.ach_edit_btn{
    width: 65px;
    height: 40px;
    padding: 7px 7px;
    font-size: 18px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    cursor: pointer;
}

.terms_and_condition_ok_btn{
    width: 65px;
    height: 40px;
    padding: 7px 7px;
    font-size: 18px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    cursor: pointer;
}

.sidebar_terms_and_condition_ok_btn{
    width: 65px;
    height: 40px;
    padding: 7px 7px;
    font-size: 18px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    cursor: pointer;
}

.sidebar_privacy_policy_ok_btn{
    width: 65px;
    height: 40px;
    padding: 7px 7px;
    font-size: 18px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    cursor: pointer;
}

.privacy_policy_ok_btn{
    width: 65px;
    height: 40px;
    padding: 7px 7px;
    font-size: 18px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    cursor: pointer;
}

.spo_edit_btn{
    background: #2a5788 !important;
    color: #fff !important;
    border: 1px solid #2a5788 !important;
}

@media all and (min-width: 1024px) and (max-width: 1366px) and (orientation:portrait) {
    .my_spo_detail_main_div{
        height: 1100px !important
    }
}

@media all and (min-width: 1024px) and (max-width: 1366px) and (orientation:landscape) {
    .my_spo_detail_main_div{
        height: 770px;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
    .my_spo_detail_main_div{
        height: 775px;
    }
}
@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    .my_spo_detail_main_div{
        height: 520px;
    }
}

@media screen and (max-width: 320px) {
    .bg_linear_blue .content{
        margin-bottom: 0px !important;
    }

    .pay_btn_outline{
        padding: 1px 15px;
        font-size: 16px;
    }

    .donate_btn{
        width: 60px;
        height: 27px;
        padding: 2px 7px;
        border: 1px solid #2980b9;
        font-size: 14px;
    }

    .ach_edit_btn{
        width: 60px;
        height: 40px;
        padding: 7px 7px;
        border: 1px solid #2980b9;
        font-size: 14px;
    }

    .privacy_policy_ok_btn{
        width: 60px;
        height: 40px;
        padding: 7px 7px;
        border: 1px solid #2980b9;
        font-size: 14px;
    }

    .paid_btn{
        font-size: 15px;
        padding: 3px 15px;
    }

    .font-14{
        font-size: 12px !important;
    }

    .spo_detail_sub_title{
        font-size: 14px !important;
    }

    .pay_width_height{
        width: 60px;
        height: 27px;
    }

    p.dashboard_content{
        font-size: 14px !important;
    }

}

@media screen and (max-width: 300px) {
    .spo_detail_sub_title{
        font-size: 12px !important;
    }

    .new_spo_btn, .pay_remain_btn{
        font-size: 10px !important;
    }

    .pay_width_height{
        width: 50px;
        height: 27px;
    }
    .pay_btn_outline{
        padding: 1px 9px;
    }
    p.dashboard_content{
        font-size: 14px !important;
    }
}

.img_shadow{
    box-shadow: 5px 5px 15px #888888;
}

.text_transform_none{
    text-transform: none !important;
}

.button{
    text-transform: none !important;
    font-size: 16px !important;
}

.disabled_control_indicator{
    background: #ccc !important;
}

.login_btn{
    padding: 5px 20px !important;
    font-size: 25px !important;
}

.logout_footer_div{
    display: none;
    bottom: 0px;
    position: inherit;
    width: auto;
    /*width: 100%;*/
    border-top: 1px solid #ccc;
    background: #fff;
    z-index: 9999;
}

.paryan_months_div < div < div < .hide_parayan{
    display: none !important;
}

.input-style-1 span{
    color: #2a5788 !important;
}

.btn_followup_note{
    padding: 2px;
    border: 1px solid #f96332;
    color: #fff;
    background: #f96332;
}
.p-0{
    padding: 0px !important;
}
.p-5{
    padding: 5px;
}
.p-15{
    padding: 15px;
}
.p-l-0{
    padding-left: 0px !important;
}
.p-r-0{
    padding-right: 0px !important;
}
.p-l-5{
    padding-left: 5px !important;
}
.p-r-5{
    padding-right: 5px !important;
}
.text-indent-5{
    text-indent: 5px;
}
.p-b-5{
    padding-bottom: 5px;
}
.bg_transparent{
    background: transparent !important;
}
.login_caption{
    left: 20% !important;
    right: 20% !important;
}
@media only screen and (max-width: 767px) {
    .login_caption{
        left: 0px !important;
        right: 0px !important;
    }
}

.count_badge{
    position: absolute;
    display: inline-block;
    /*min-width: 2.1em;
    padding: 0.3em;*/
    border-radius: 50%;
    text-align: center;
    background: #2a5788;
    color: #fefefe;
    top: -8px;
    right: -10px;
    min-width: 1.8em;
    padding: 1px;

}

.b-radius-5{
    border-radius: 5px !important;
}
.b-radius-50{
    border-radius: 50% !important;
}
.b-radius-10{
    border-radius: 10px !important;
}

.right_arrow_icon i{
    line-height: 45px;
    width: 20px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #666666;
    text-align: right;
}

.footer_icons{
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #ccc;
    z-index: 999;
}

input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

.img_border_box_shadow{
  border: solid 1px #FFF;
  box-shadow: 0px 2px 15px rgba(0,0,0,0.20);
}

.mymemberImg {
  transition: 0.3s;
}

/* The Modal (background) */
.modal-member-img {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content-member-img {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}


/* Add Animation */
.modal-content-member-img, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close-member-img {
    position: absolute;
    top: 25px;
    right: 35px;
    color: #f1f1f1;
    font-size: 60px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    padding: 0px;
    line-height: 1;
    background: none !important;
    border: none !important;
}

/* The Modal (background) */
.modal-member-dharmado-followup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

.close-dharmado-filter {
    position: absolute;
    top: 25px;
    right: 35px;
    color: #f1f1f1;
    font-size: 60px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    padding: 0px;
    line-height: 1;
    background: none !important;
    border: none !important;
}

.input-style-1 select{
    font-size: 16px !important;
    padding-top: 7px;
}

.input-style-1 input{
    font-size: 16px !important;
    padding-top: 15px !important;
}

.input-style-1 input.sponsorship_form{
    font-size: 13px !important;
    padding-top: 0px !important;
}

.input-style-1 select.sponsorship_form{
    font-size: 13px !important;
    padding-top: 0px !important;
}

.input-style-1 select.form_input, .input-style-1 input.form_input{
    padding-top: 5px !important;
}

.input-style-1 input.amount_input{
    font-size: 24px !important;
    padding-top: 25px !important;
}

.input-style-1 input.login_input{
    padding-top: 0px !important;
}

::-webkit-input-placeholder {
   text-transform: initial;
}

:-moz-placeholder { 
   text-transform: initial;
}

::-moz-placeholder {  
   text-transform: initial;
}

:-ms-input-placeholder { 
   text-transform: initial;
}

.btn_remove{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.glow-red {
    animation: glow-red-light 4s;
    animation-iteration-count: infinite;
}
.caption-center {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.input_reason{
    padding: 5px;
    border: 1px solid #ccc;
    width: 100%;
    height: 60px;
}

/*Changes for mobile app tile of make a donation start*/
/*.div_samaiya_reason , .div_parayan_reason, .div_sabha_reason, .div_rasoi_reason, .div_annualsamaiya_reason, .div_annualsabha_reason{
    display: none;
}*/

.div_samaiya_reason , .div_parayan_reason, .div_sabha_reason, .div_rasoi_reason, .div_annualsamaiya_reason, .div_annualsabha_reason, .div_annualbundledsponsorships_reason {
    display: none;
}
/*Changes for mobile app tile of make a donation end*/

.page-content.header-clear-medium{
    padding-bottom: 330px !important;
    /*padding-top: 95px;*/
    padding-top: 105px;
}

.l-h-20{
    line-height: 20px;
}

.l-h-35{
    line-height: 35px;
}

.danpeti-amount-div{
    padding-top: 15px;
    border-bottom: 1px dashed #000;
    padding-bottom: 15px;
}

.btn-choose-image{
    height: 40px;
    background-color: #2a5788 !important;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    cursor: pointer;
}
.div_selected_img{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 15px;
}
.selected_img_remove{
    position: absolute;
    z-index: 99;
    right: -5px;
    top: -14px;
    font-size: 35px !important;
    color: #ca0c1d;
    cursor: pointer;
}

#page{
    margin-top: 20px;
    float: right;
    margin-right: 280px;
    margin-top: 0;
}

.header.header-fixed.header-logo-app.header_bg{
    /*padding-top: 20px;
    height: 75px;*/

    /*padding-top: 30px;
    height: 86px;*/
    /*padding-top: 40px;
    height: 96px;*/
    padding-top: 35px;
    height: 91px;
}

.header.header-fixed.header-logo-app.header_bg.safe-area-padding {
  /* iOS 11 fallback */
  padding-top: calc(constant(safe-area-inset-top) + 0px);
  height: calc(56px + constant(safe-area-inset-top) + 0px);

  /* iOS 12+ env support */
  padding-top: calc(env(safe-area-inset-top) + 0px);
  height: calc(56px + env(safe-area-inset-top) + 0px);
}

.dharmado-filter-button{
    font-size: 16px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    padding: 15px 30px;
    cursor: pointer;
}
.dharmado-followup-both-show-amount{
    color: #fff;
    font-size: 22px !important;
    margin-bottom: 0px !important;
    line-height: 20px !important;
    font-weight: bold !important;
}
.dharmado-followup-both-show-percent{
    color: #fff;
    font-size: 14px !important;
    margin-bottom: 0px !important;
    line-height: 20px !important;
    font-weight: normal !important;
}

.dharmado_detail_both_amt{
    font-size: 22px;
    color: #fff !important;
    line-height: 22px;
    margin-bottom: 0px !important;
}
.dharmado_detail_both_percent{
    font-size: 14px;
    color: #fff !important;
    line-height: 22px;
    margin-bottom: 0px !important;
    font-weight: normal;
}
.font-weight-normal{
    font-weight: normal;
}

.cursor_pointer{
    cursor: pointer !important;
}

.send_verify_email{
    font-size: 16px;
    font-weight: 500;
}

.send_dharmado_email{
    font-size: 16px;
    font-weight: 500;
}

.dharmado_followup_send_email_btn{
    padding: 10px 10px !important;
    border: 1px solid #f96332 !important;
    color: #fff !important;
    background: #f96332 !important;
    font-size: 14px !important;
    width: 100% !important;
}

.temporary_pause_btn{
    color: #fff;
    /*background: #274f7b;*/
    background: #f96332;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 48%;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
}

.ach_view_comments_btn{
    color: #fff;
    background: #f96332;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 48%;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
}

/*Changes for recurring consent and recurring pause Samarpan-7956 start*/
.pause_recurring_btn{
    color: #fff;
    background: #f96332;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    width: 48%;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
}
.temporary_pause_btn{
    margin-right: 4px;
}
/*Changes for recurring consent and recurring pause Samarpan-7956 end*/

/* The Modal (background) */
.modal-ach-confirm {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content-ach-confirm {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}


/* Add Animation */
.modal-content-ach-confirm, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}


/* The Modal (background) */
.modal-terms-and-condition {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 40px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content-terms-and-condition {
  margin: auto;
  display: block;
  /*width: 80%;*/
  width: 100%;
  max-width: 700px;
}


/* Add Animation */
.modal-content-terms-and-condition, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

.make_donation_btn{
    /*background-color: #f96332;
    color: #fff;
    padding: 20px 10px;
    font-size: 24px !important;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;*/

    margin-bottom: 10px !important;
    /*width: 280px;*/
    width: 100%;
    margin: 0 auto;

    color: #fff;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 500;
    border-color: #f96332 !important;
    border-radius: .25rem;

    background: transparent;
    padding: 8px;
    box-shadow: 0px 1px 7px 5px rgba(255,255,255, 0.9) !important;
    border-radius: 15px;
}

.make_donation_page_btn{
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.campaign_caption{
    color: #fff;
    background: transparent;
    /*padding: 8px;*/
    box-shadow: 0px 1px 7px 5px rgba(255,255,255, 0.9) !important;
    border-radius: 5px;
    /*margin-top: 8%;*/
    margin-top: 16%;
    /*height: 110px;*/
    height: 165px;
}

.color-white{
    color: #fff !important;
}

.color-black{
    color: #000 !important;
}

.font-family-poppins{
    font-family: 'Poppins', sans-serif !important;
}

.span_credit_bank{
    padding: 10px 10px;
    /*border-radius: 5px;*/
    cursor: pointer;
    /*border: 1px solid #ccc;*/
}

.active_span_credit_bank{
    background: #f96332 !important;
    color: #fff !important;
}
.display_none{
    display: none;
}

.campaign_payment_btns button {
  background-color: transparent; /* Green background */
  border: 1px solid #ccc; /* Green border */
  color: #000; /* White text */
  /*padding: 15px 10px; /* Some padding */
  padding: 15px 3px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  /*width: 33.33%;*/
/*  height: 55px;*/
}

.campaign_payment_btns button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

.campaign_payment_btns button:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.campaign_payment_btns button:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

/* Clear floats (clearfix hack) */
.campaign_payment_btns:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.campaign_payment_btns button:hover {
  /*background-color: #f96332;*/
  /*color: #fff;*/
}

.tooltip_text{
  cursor: pointer;
}

.tooltip_div p{
  margin-bottom: 5px !important;
  color: #fff !important;
  font-weight: normal;
}

.tooltip_div{
  display: none;
  background: #1f3e63;
  width: 100%;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  margin-left: 0%;
  z-index: 9999 !important;
  position: absolute;
  margin-top: 30px;
  font-weight: normal;
}

/* [Hotfix] - Mobile App - My Pledge - Add Tooltips for Pledge Type Selection in Pledge Module (Samarpan-6792) Start */
/* Added new class for show tooltip div from top margin with 2px */
.tooltip_div_top_2 {
    margin-top: 2px;
}
/* [Hotfix] - Mobile App - My Pledge - Add Tooltips for Pledge Type Selection in Pledge Module (Samarpan-6792) End */

.tooltip_div:after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 15%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #1f3e63 transparent;
}

.z-index-w-100{
    z-index: 999;
    width: 100%;
}

.z-index-10{
    z-index: 10;
}

#app_loading_icon_msg{
    color: #fff !important;
    text-align: center;
    top: 55%;
    font-size: 24px;
    margin-left: 5px;
    margin-right: 5px;
}

.div_donations_extra_fields{
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.other_donations_heading_div{
    border: 1px solid #ccc;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 10px;
}

.other_donations_body_div{
    border: 1px solid #ccc;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

.unlink_btn{
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    color: #fff;
    padding: 10px 18px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 5px;
}

.linked_member_update_btn{
    width: 100%;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    background-color: #f96332 !important;
    cursor: pointer;
}

.swal-footer {
    text-align: center;
}
.swal-text:first-child{
    margin-top: 15px;
    color: #000;
}

.swal-button.swal-button--confirm{
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    padding: 10px 36px !important;
}

.swal-icon.swal-icon--warning{
    width: 50px;
    height: 50px;
}

.swal-icon--warning__body{
    height: 20px;
}

.swal-icon:first-child{
    margin-top: 20px;
}

.spo_year_div{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}

.spo_year_div select{
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
}

.other_donations_heading_div_new{
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #ccc !important;
    color: #000 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 5px !important;
}
.other_donations_body_div_new{
    border: none !important;
    padding-left: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.sticky_header_recurring{
    position: sticky;
    top: 85px;
    z-index: 99;
}

.fixed_header_recurring{
    position: fixed;
    top: 85px;
    z-index: 99999;
    width: 100%;
}

.app_reports_heading_div{
    border: 1px solid #ccc;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    color: #fff;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 10px;
}

.app_reports_heading_div_new{
    background: none !important;
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #ccc !important;
    color: #000 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 5px !important;
}

.app_reports_body_div{
    border: 1px solid #ccc;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

.app_reports_body_div_new{
    border: none !important;
    padding-left: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.app_reports_link{
    color: #000 !important;
}
.app_reports_link:hover{
    color: #000 !important;
}

.app_reports_link_arrow:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    border-color: #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    margin-top: 8px;
    margin-left: 5px
}

img.tooltip_text{
    width: 15px !important;
}

.noncashfield{
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

#searchboxdiv input,#searchboxdiv .exclear {
    display: inline-block;
}
.exclear {
    position: absolute;
    right: 0px;
    top: 10%;
    height: 40px;
    width: 40px;
    opacity: 0;
    font-size: 40px;
    line-height: 30px;
    transition: all 0.8s;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
}

#searchboxdiv input:focus ~ .exclear {
    opacity: 1;
}

a {
    text-decoration: none !important;
}

a,p,h1,h2,h3,h4,h5,h6,span,td,button,label,div{
    /*font-family: 'Poppins', sans-serif !important;*/
    font-family: 'Roboto', sans-serif !important;
}

p{
    font-size: 10pt !important;
}

.sweet-alert-content-left{
    text-align: left;
    word-break: break-all;
}

.sweet-alert-content-left table{
    width: 100% !important;
}

.sweet-alert-content-left p{
    word-break: break-word;
}

.floating-content-before-pay-btn{
    position: fixed;
    z-index: 999;
    bottom: 45px;
    text-align: center;
    font-size: 12px !important;
    color: red !important;
    font-style: italic;
    line-height: 18px;
    background: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    left: 0px;
    right: 0px;

    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.b-bottom-1px{
    border-bottom: 1px solid;
}

.choose_img{
    background: #f96332;
    padding: 5px;
    color: #fff;
    cursor: pointer;
}

/*donor report*/
.side_donorreportfilter_active{
    display: block !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.donorreportfilternav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    /*padding-top: 20px;*/
    /*opacity: 0.7;*/
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    /*padding-top: 60px;*/
    /*scroll-behavior: auto;*/
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.donorreportfilternav .donorreportfilter_content_div{
    padding-left: 10px;
    padding-right: 10px; 
    padding-top: 100px;
    padding-bottom: 130px;
    scroll-behavior: auto;
}

.donorreportfilternav .donorreportfilter_content_div .donorreportfilter_inner_content_div{
    margin-top: 60px;
}

.donorreportfilternav .donorreportfilter_content_div .donorreportfilter_inner_content_div p{
    line-height: 10px;
    font-size: 14px; 
}

.donorreportfilternav .donorreportfilter_content_div .donorreportfilter_inner_content_div p a{
    font-size: 14px; 
}

.donorreportfiltermenu_close_btn{
    float: left;
    /*left: 10px;*/
    top: 10px;
    padding-left: 15px;
    font-size: 25px;
    font-weight: bold;
    width: 15%;
    /*z-index: 99;*/
}

.donorreportfilter_menu_active{
    display: block !important;
    opacity: 1 !important;
    pointer-events: all !important;
}
/*donor report*/

.upcomingevent_sponsor_btn{
    margin-bottom: 0px !important;
    padding: 5px 5px !important;
    cursor: pointer !important;
    font-weight: normal !important;
    margin-left: 5px !important;
    float: right;
}

.upcomingevent_more_btn{
    margin-bottom: 0px !important;
    padding: 5px 5px !important;
    cursor: pointer !important;
    font-weight: normal !important;
}

.misptag{
    padding : 5px;
    background-color: #1f3e63 !important;
    color: #fff !important;
}

.max-width700
{
    max-width: 700px;
}

@media only screen and (max-width: 600px) {
  .footer_sponsorship {
    left: 0;
  }

    /*Changes for daan peti start*/
    .footer_sticky_buttons {
        left: 0;
    }
    /*Changes for daan peti end*/

}

.height-30{
    height: 30px !important;
}

.line-height-30{
    line-height: 30px !important;
}

.height-35{
    height: 30px !important;
}

.line-height-30{
    line-height: 35px !important;
}

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

.select_dropdown_arrow{
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .99em auto, 100%;
}

.ach_comment_textarea{
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px 5px;
    font-size: 14px;
}

.ach_comment_label{
    color: #2a5788 !important;
    font-weight: bold;
}
.text_center{
    text-align: center !important;
}
.text_left{
    text-align: left !important;
}
.text_right{
    text-align: right !important;
}
textarea {
  resize: none;
}

#annualsamaiya_info, #annualsabha_info, #samaiya_info, #parayan_info, #sabha_info, #rasoi_info
{
    word-break: break-word;
}

.btn_attachment_add{
    padding: 2px 5px;
    line-height: 25px !important;
    cursor: pointer;
    border: 1px solid #adadad !important;
    border-radius: 3px;
    color: #000;
}

.showUploadedFile{
/*    font-size: 12px;*/
    font-size: 10px;
}

/*Changes for daan peti start*/
/* The Modal (background) */
.modalDaanPetiDenomination {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 25px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (image) */
.modalDaanPetiDenominationContent {
  margin: auto;
  display: block;
  /*width: 80%;*/
  width: 100%;
  max-width: 700px;
}
/* Add Animation */
.modalDaanPetiDenominationContent, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}
.modalDaanPetiBody {
    padding-left: 15px;
    padding-right:15px;
    color: #fff !important;
    font-size: 16px !important;
    text-align: justify;
    height: 800px;
    overflow-y: scroll;
}
.modalDaanPetiFooter {
    width: 100%;
    position: fixed;
    bottom: 0px;
}
.modalDaanPetiDenoAddBtn {
    width: 100%;
    height: 60px;
    font-size: 22px;
    background: #f96332;
    color: #fff;
    border: 1px solid #f96332;
    text-align: center;
    cursor: pointer;
}
.cashCoinDenoTable .cashCoinDenoTable tr, .cashCoinDenoTable td {
    background: transparent !important;
    color: #fff;
}
.cashCoinDenoTable input {
    padding: 5px 10px;
    font-size: 14px;
}
.btn-save-continue{
    width: 100%;
    height: 40px;
    background-color: #2a5788 !important;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    cursor: pointer;
}
/*Changes for daan peti end*/

.pledgelebal{
    font-size:15px;
}

.pledgeFields{
    width: 100%;
}

.pledgeInfoTable td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pledgeInfoTable tr {
    color: #666;
    background-color: #fdfdfd;
}

.m-bottom-0 {
    margin-bottom: 0px;
}

.pay-now-pledge-btn {
    float: right;
    margin-right: 5px;
    padding: 5px 5px;
    margin-top: -4px;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.18) !important;
}

.view-pledge-btn {
    padding: 8px 15px;
    border: 1px solid #f96332;
    color: #fff;
    background: #f96332;
    border-radius: 5px;
    cursor: pointer;
}

.word-wrap-break {
    word-wrap: break-word;
}

.pledgeDonations {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: 1%;
}

/*Changes for non cash donation against pledge donation 5776 start - Mehul*/
.pledgeDonationsNoncash {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: 1%;
}
/*Changes for non cash donation against pledge donation 5776 end - Mehul*/

.pledgeFamilyDonations {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: 1%;
}

.familyPledgesDiv {
    padding-left: 45px;
    margin-top: 1%;
}

.pledge-gift-div-family-business {
    padding-bottom: 5px;
    padding-top: 15px;
    padding-left: 30px;
}

.pledgeFamilyDonationsNoncash {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-top: 1%;
}

.familyPledgesDivNoncash {
    padding-left: 45px;
    margin-top: 1%;
}

.div_2_col{
    width: 49%;
    display: inline-block;
}

.div_4_col{
    width: 24%;
    display: inline-block;
}

.pledgeCollapseITag {
    float: right;
    margin-right: 10px;
    font-size: 20px !important;
}

#loadSelectedPurposes {
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.18) !important;
}

#loadSelectedPurposes th, #loadSelectedPurposes td {
    padding: 5px;
    line-height: 15px;
}

/*Changes for non cash donation against pledge donation 5776 start - Mehul*/
#loadSelectedPurposesNoncash {
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.18) !important;
}

#loadSelectedPurposesNoncash th, #loadSelectedPurposesNoncash td {
    padding: 5px;
    line-height: 15px;
}
/*Changes for non cash donation against pledge donation 5776 end - Mehul*/

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Front Desk, Campaign Form & Mobile App: Display File Size Limits and Validation for Attachments during In-Kind Donations (Samarpan-663) Start */
/* Added JS code to show and hide tooltip of file size limits */
.hover_tooltip_div p {
	margin-bottom: 0px !important;
	color: #fff !important;
	font-weight: normal;
}
  
.hover_tooltip_div {
	display: none;
	background: #1f3e63;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
	margin-left: 0%;
	z-index: 9999 !important;
	position: absolute;
	margin-top: 5px !important;
	font-weight: normal;
    width: 170px !important;
    text-wrap: auto;
}
  
.hover_tooltip_div:after {
	content: " ";
	position: absolute;
	bottom: 100%;  /* At the top of the tooltip */
	left: 15%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #1f3e63 transparent;
}
/* Front Desk, Campaign Form & Mobile App: Display File Size Limits and Validation for Attachments during In-Kind Donations (Samarpan-663) End */

.btn-next {
    padding: 8px 15px;
    background: #f96332;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

/* Mobile App - My Pledges - Place the assign button below the purpose in the Pending Credits to Assign Tab (Samarpan-6901) Start */
/* Added new css class for re-design of 'Assign Pledge' button */
.pay-now-pledge-btn-in-div {
    float: none !important;
    margin-right: 5px;
    padding: 5px 5px;
    margin-top: -4px;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%) !important;
    box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.18) !important;
    margin-left: auto !important;
}

.assign-pledge-a-link {
    display: flex;
    margin-top: 10px;
}
/* Mobile App - My Pledges - Place the assign button below the purpose in the Pending Credits to Assign Tab (Samarpan-6901) End */

/* Mobile - Reports - Consolidated Reports for mobile (Samarpan-6908) Start */
/* Added new CSS for accordian view in Reports page */
.accordion-report {
    width: 100%;
    max-width: 600px;
    margin: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
}

.accordion-report-item {
    border-bottom: 1px solid #ddd;
}

.accordion-report-button {
    width: 100%;
    padding: 12px 15px;
    background-color: #f9f9f9;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-report-button:hover {
    background-color: #e9e9e9;
}

.accordion-report-collapse {
    display: none;
    padding: 10px 15px;
    background-color: #fff;
}

.accordion-report-collapse.show {
    display: block;
}

.accordion-report-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(-45deg); /* Default Downward arrow */
    transition: transform 0.3s ease;
}

.accordion-report-button.collapsed .accordion-report-arrow {
    transform: rotate(135deg);
}

.accordion-report-item a {
    text-decoration: none;
    color: #000;
}

a.internal-report-link {
    margin-bottom: 10px;
}

.tooltip-div-remove-width {
    width: auto !important;
}
/* Mobile - Reports - Consolidated Reports for mobile (Samarpan-6908) End */

/* Need to add new page for Accept/Reject consent by Donor from Normal Recurring list page in Mobile App (Samarpan-7958) Start */
/* Added new CSS for show view consent and another labels accordingly */
.label-wrapper {
    display: flex;
    gap: 10px; /* spacing between labels */
    flex-wrap: wrap; /* allow wrapping on smaller screens */
}

.label_3_layout {
    color: #fff;
    background: #f96332;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    flex: 1; /* each label takes equal width */
    width: auto !important;
    padding: 5px 10px;
    cursor: pointer;
    max-width: 33.33%; /* optionally restrict to 3 per row */
    box-sizing: border-box;
    margin-right: 0px !important;
}
/* Need to add new page for Accept/Reject consent by Donor from Normal Recurring list page in Mobile App (Samarpan-7958) End */


/*Changes for pledge review ui enhancement Samarpan-7299 start*/
.pledge-review-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    padding: 10px;
    margin-bottom: 10px;
}

.pledge-review-table th,
.pledge-review-table td {
    padding: 5px 0px 5px 0px;
    line-height: 18px;
    border: none !important;
}

.pledge-review-table th b,
.pledge-review-table td b{
    color: #777;
    font-weight: bold;
}

.pledge-review-table td {
    color: #333;
}

.pledge-review-text-center {
    text-align: center;
}

/*Changes for pledge review ui enhancement Samarpan-7299 end */

/* Canada - Automated Recurring Donation Assignment from Import File (Samarpan-9114) Start */
/* Resolve issue of label click event outside the text */
/* Prevent label from expanding full width */
.checkbox-label-fix {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

/* Ensure text and indicator stay aligned horizontally */
.checkbox-label-fix .checkbox-text {
    margin-left: 6px;
    white-space: nowrap;
}

/* Prevent invisible area around .control-indicator from being clickable */
.checkbox-label-fix .control-indicator {
    pointer-events: none;
}

#assignRecurring {
    font-size: 14px !important;
    border: 1px solid #ccc;
    padding: 5px;
}
/* Canada - Automated Recurring Donation Assignment from Import File (Samarpan-9114) End */