.display-none{
	display:none;
}
.gj-datepicker [role=right-icon] {
    cursor: pointer;
    position: absolute;
    right: 40px;
	top:8px;
}
.gj-datepicker [role=right-icon] button.btn.btn-outline-secondary.border-left-0 {
    border: 0 !important;
}
.gj-datepicker-bootstrap [role=right-icon] button .gj-icon{
	color: #999FAE;
    font-size: 26px;
	left: -12px;
}
@media (max-width:767px){
	.gj-datepicker-bootstrap [role=right-icon] button .gj-icon{
		left: 40px;
	}
}
.datepicker-field{
	height: 60px;
	background: #F7F7FA !important;
    border-radius: 15px !important;
}
td.current-month.gj-cursor-pointer.selected div{
    background-color: #ffe849 !important;
}
.toast .toast-title, .toast .toast-message{
	color:white !important;
}
.border-pink{
	border:solid 1px #F04E75;
}
.background-none{
	background: none;
}
.show-otp-modal {
  display:block;
}
.yellow-button{
	background-color: #FFE849;
    color: inherit;
    box-shadow: 0px 15px 53px #00000017;
    font-size: 20px;
    border: none;
    max-width: 350px;
    width: 100%;
    height: 63px;
    border-radius: 20px;
    display: block;
    margin-bottom: 25px !important;
    margin: 0 auto;
    text-align: center;
    padding-top: 17px;
}
.eye{
	position: absolute;
    right: 44px;
    top: 17px;
    color: #999FAE;
    height: 18px;
}
.add_media{
	position:relative;
	cursor:pointer;
	margin-bottom:45px;
	max-width:30.3333%;
}
.add_media input[type="file"]{
	opacity:0;
	width: 100%;
	height: 150px;
	position: relative;
    z-index: 99;
	cursor:pointer;
}
.add_media div{
	background: #edf0f4;
    width: 90%;
    height: 180px;
    position: absolute;
    top: 0;
    border-radius: 20px;
	text-align: center;
	cursor:pointer;
}
.add_media div img{
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    max-height: 150px;
    width: fit-content;
    border-radius: 17px;
	max-width: 90%;
	cursor:pointer;
}
/* vertical tab css start */
.edit-profile-tab .nav.nav-tabs {
    float: left;
    display: block;
    margin-right: 0px;
    border-bottom:0;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}
.edit-profile-tab .nav-item:hover .nav-link {
    color: #212121 !important;
}
.edit-profile-tab .nav-item:after {
    background-color: #fff !important;
}
.nav-tabs .nav-link{
	color:#ccc !important;

}
.nav-tabs .nav-link.active{
	color:#64C1E8 !important;

}
.edit-profile-tab{
	color:#64C1E8  !important;
}
.edit-profile-tab .nav-tabs a.nav-link.active {
   color: #fff ;
	
} 
.donor .nav-tabs a.nav-link.active {
	color: #F04E75 !important ;
}
.org a.nav-link .active {
	color: #64c1e8 !important ;
}

/* .edit-profile-tab .nav-tabs .nav-item.show .nav-link{
	border-color:#fff;
} */
.edit-profile-tab .nav-tabs .nav-item .nav-link{
	border-color:#fff;
}
.edit-profile-tab form .label {
    font-size: 15px !important;
}
.edit-profile-tab .fieled input {
    padding: 12px 20px;
}
.edit-profile-tab .fieled select {
    height: 45px !important;
}
/* vertical tab css end */
.profile-carousel .carousel-control-prev-icon, .profile-carousel .carousel-control-next-icon{
	background-color: #ccc;
    border-radius: 20px;
    padding: 15px;
}
.profile-carousel .carousel-control-prev {
	top:-110px;
	width:auto;
}
.profile-carousel .carousel-control-next {
	top:-110px;
	width:auto;
}
.profile-carousel .carousel-indicators li{
	background-color: #64c1e8;
}
.profile-carousel .carousel-indicators {
    position:relative;
}
@media (max-width: 991px) and (min-width:768px) { 
	.add_media {
		max-width: 49.3333%;
	}
}
@media (max-width: 991px) { 
	.abs-none{
		position:relative !important;
	}
}
@media (max-width: 992px) { 
	.modal-lg{
		max-width: 800px !important;
	}
}
@media (max-width: 1200px) { 
	.modal-xl{
		max-width: 1140px !important;
	}
}
@media (max-width: 767px) { 
	.dashboard-testimonial .nav-item::before {
		background-color: #fff;
	}
	.media-t-center{
		text-align:center;
	}
	.about-us-content{
		height:45em !important;
	}
	.rounded-none-in-mobile{
		border-radius: 0 0 0 0 !important;
	}
	.border-none-in-mobile{
		border:none !important;
	}
}
/* --- */
.dashboard-carousel .carousel {
  height: 300px;
}
.dashboard-carousel .carousel-item,
.dashboard-carousel .carousel-inner {
  height: 100%;
  width: 100%;
}

.dashboard-carousel .carousel-item {
  text-align: center;
}
.dashboard-carousel .carousel-item img {
	border-radius: 15px;
	height: 100%;
}
.dashboard-testimonial .nav-link {
	border: solid 1px #64C1E8 !important;
    border-radius: 25px;
    color: #64C1E8 !important;
}
.dashboard-testimonial .nav-tabs .nav-link:hover {
	border-color: #64C1E8 !important;
}
.dashboard-testimonial .nav-item:hover  .nav-link{
	color: #64C1E8 !important;
}
.dashboard-testimonial .nav-item:after{
	background: none !important;
}
.dashboard-testimonial .nav-tabs .nav-item.show .nav-link, .dashboard-testimonial .nav-tabs .nav-link.active {
    background: #64C1E8;
    color: #fff !important;
}
.dashboard-testimonial .carousel-indicators li{
	border: solid 1px #a29696;
}
.dashboard-testimonial .view-donation{
	position: absolute;
    right: 20px;
    bottom: -22px;
}
.dashboard-testimonial .carousel-control-prev-icon:after {
	content: '<';
}
.dashboard-testimonial .carousel-control-next-icon:after {
	content: '>';
}
.dashboard-testimonial .carousel-control-prev-icon:after, .dashboard-testimonial .carousel-control-next-icon:after {
    background-image:none;
    background: #ccc;
    border-radius: 14px;
    color: #fff;
    padding: 0px 8px;
    font-weight: bolder;
    font-size: 20px;
}
.dashboard-testimonial li.nav-item{
	margin-top:10px;
}
/* color css */
.bg-pink{
	background-color:#f04e75 !important;
}
.text-pink, .theme-text-pink, .theme-text-pink:hover{
	color:#f04e75 !important;
}
.border-pink{
	border-color:#f04e75 !important;
}
.bg-sky-blue{
	background-color: #f7f7fa;
}
.theme-border-blue{
	border:solid 1px #64C1E8;
}
.theme-border-bottom-blue{
	border-bottom:solid 1px #64C1E8;
}
.theme-bg-blue{
	background: #64C1E8;
}
.theme-text-blue{
	color: #64C1E8 !important;
}
.border-top-3-white {
    border-top: solid 13px #fff !important;
}
.border-radius-15{
	border-radius:15px;
}
.maroon-color{
	color:#903E52 !important;
}
.color-light-maroon {
    color: #903E52 !important;
}
.border-bottom-maroon-light{
	border-bottom:solid 2px #903e5269;
}
.star{
	cursor:pointer;
}
.fixed-right {
    position: fixed;
    right: 0;
}
.min-h-700px{
	height:700px;
}
.pt-100px{
	padding-top:100px !important;
}
.contact-us-position{
	position:fixed !important;
}
.contact-logo-position{
	position: absolute;
    top: 25px;
    z-index: 9999;
    left: 95px;
	display:block;
}
@media (max-width: 767px) {
	.contact-us-position{
		position:relative !important;
		z-index:0;
	}
	.contact-logo-position{
		display:none;
	}
}
.org-manage-prod .change-grid{
	position: absolute;
    right: 15px;
    top: 0;
}
.top-right-15px{
	top: 15px;
    right: 15px;
}
.h-40px{
	height:40px !important;
}
.h-50px{
	height:50px !important;
}
.h-150{
	min-height:150px;
}
.h-190{
	height:190px;
}
.h-250{
	height:250px !important;
}
.filter-dashboard .nav-link.active{
	border-radius: 20px;
	background-color:#f8f9fa;
}
.filter-dashboard .nav-item:after{
	background-color:#f8f9fa;
}
.filter-dashboard .nav-link.active:after {
    font-size: 65px;
    content: '.';
    color: #F04E75;
    padding: 0px 8px;
    border-radius: 50%;
    position: absolute;
    /*bottom: 115px;*/
    left: 5px;
    right: 0;
    top: 0;
    margin: auto;
}
.filter-dashboard .nav-item:hover .nav-link {
    color: #252525 !important;
}
.filter-dashboard .nav-tabs .nav-link:hover {
    border-color: #f8f9fa !important;
}
.filter-dashboard {
    border-radius: 20px;
}
@media (max-width: 767px) { 
	.filter-dashboard .nav-item::before {
		background-color: #f8f9fa;
	}
}

.font-13px{
	font-size:13px !important;
}

.font-15px{
	font-size:15px !important;
}

.top-0{
	top:0;
}
.bottom-0{
	bottom:0;
}
.left-0{
	left:0;
}
.right-0{
	right:0;
}

/* plugin css start */
/* range slider css start */
.range-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  background: #5b5b5b;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.range-slider:hover {
  opacity: 1;
}

.range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #5b5b5b;
  border-radius:50%;
  cursor: pointer;
}

.range-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #5b5b5b;
  border-radius:50%;
  cursor: pointer;
}
/* range slider css end */
/* accordian css start */
.panel-title {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
	cursor:pointer;
}
  
.panel-title::after {
	content: "▼";
	transform: rotateZ(240deg);
	color: #333;
	top: -2px;
	right: 0px;
	position: absolute;
    font-family: "FontAwesome"
}

.panel-title[aria-expanded="true"]::after {
	content: "▼";
	transform: rotateZ(90deg);
}
/* accordian css end */
/* plugin css end */

/* overrite bootstrap-4 start */
.rounded {
    border-radius: .75rem!important;
}
.cursor-pointer {
    /*cursor: pointer;*/
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.pointer-event-none{
	pointer-events: none;
}
/* overrite bootstrap-4 end */

.font-1-pt-1-r{
	font-size:1.1rem;
}
.bg-dull-black{
	background-color:#262222 !important;
}
.half-rounded{
	border-radius: 40px 40px !important;
}
.rounded-top-left{
	border-top-left-radius: 15px;
}
.rounded-top-right{
	border-top-right-radius: 15px;
}
.rounded-bottom-left{
	border-bottom-left-radius: 15px;
}
.rounded-bottom-right{
	border-bottom-right-radius: 15px;
}
.rotate-90{
	-webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
}
.about_us_img{
	position:absolute;
	top:-80px;
}
.about_us_content{
	position:absolute;
	bottom:-50px;
}
.about-us-content{
	height:1100px;
}
.opacity-5{
	opacity:0.5;
}
.header2-cust{
	line-height: 70px !important;
}
.bg-grey{
	background:#F7F7FA !important;
}
.text-grey{
	color:#c3c7d0 !important;
}

/* tabs css start */
.nav-tab-css .nav-item:after{
	background-color: #fff;
}
.nav-tab-css .nav-link.active{
	border-color:#fff;
}
.nav-tab-css .nav-link:hover{
	border-color:#fff;
}
.nav-tab-css.nav-tabs {
    border-bottom: 0;
}
/* tabs css end */
.filter-dashboard.filter-blue .nav-link.active:after{
	color: #64c1e8;
}
.theme-form label{
	padding-left: 10px;
}
.theme-form-control, .theme-form-control:focus{
	background: #F7F7FA;
    border: none;
    width: 100%;
    border-radius: 12px;
    display: block;
    margin-bottom: 12px !important;
    margin: 0 auto;
    padding: 12px 20px;
}
input.theme-form-control, select.theme-form-control{
    height: 50px;
}
textarea.theme-form-control, textarea.theme-form-control:focus{
    height: 100px;
	resize:none;
	outline: none;
}
select.theme-form-control, select.theme-form-control:focus{  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../../images/down-arrow.svg);
    background-size: 14% 28%;
    background-position: right;
    background-repeat: no-repeat; 
	outline: none;
}
.arrow {
  border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
}

.down-arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* menu css start */
.organization-menu .nav-link{
	font-size:14px !important;
}
.organization-menu .nav-item:hover .nav-link, .organization-menu .nav-item.active .nav-link {
    color: #64c1e8 !important;
}
.organization-menu .nav-item.no-hover:after{
	background-color: #fff !important;
}
.organization-menu .nav-item:after, .organization-menu .nav-item.active:after{
	background-color: #64c1e8 !important;
	left: 40% !important;
    width: 20px !important;
    height: 4px !important;
	position: absolute;
    bottom: -5px;
	content: '';
    transition: all 200ms linear;
}
.organization-menu .nav-item.active:after{
	opacity: 1 !important;
}
ul.organization-menu li a:hover{
	background:#fff !important;
}

.donor-menu .nav-link{
	font-size:14px !important;
}
.donor-menu .nav-item:hover .nav-link, .donor-menu .nav-item.active .nav-link {
    color: #F04E75 !important;
}
.donor-menu .nav-item.no-hover:after{
	background-color: #fff !important;
}
.donor-menu .nav-item:after, .donor-menu .nav-item.active:after{
	background-color: #F04E75 !important;
	left: 40% !important;
    width: 20px !important;
    height: 4px !important;
	position: absolute;
    bottom: -5px;
	content: '';
    transition: all 200ms linear;
}
.donor-menu .nav-item.active:after{
	opacity: 1 !important;
}
ul.donor-menu li a:hover{
	background:#fff !important;
}
/* menu css end */

.bg-dark-grey{
	background:#999fae !important;
}
.min-height-300px{
	min-height:300px;
}
span.edit-org-branch-wrap{
    position: absolute;
    bottom: -24px;
	display:none;
	width:100%;
	text-align:center;
}
span.edit-org-branch-wrap a{
	background: #cccccc4f;
    padding: 0 6px 6px 6px;
    border-radius: 10px;
}
.edit-org-tool:hover .edit-org-branch-wrap, span.edit-org-branch-wrap:hover{
	display:block !important;
}
.view-req-tab a.nav-link.active.bg-white{
	border-bottom: solid 3px #f04e75;
    border-bottom-color: #f04e75 !important;
}
.pink-tabs .nav-tabs .nav-item.show .nav-link, .pink-tabs .nav-tabs .nav-link.active, .pink-tabs .nav-tabs .nav-link.active:hover {
    background: #F04E75 !important;
    color: #fff !important;
}
.pink-tabs .nav-link {
    border: solid 1px #F04E75 !important;
    border-radius: 25px;
    color: #F04E75 !important;
}
.pink-tabs .nav-tabs .nav-link:hover {
    border-color: #F04E75 !important;
}
.pink-tabs .nav-item:hover .nav-link {
	color: #F04E75 !important;
}
.pink-tabs .no-tab-css .nav-tabs .nav-link.active{
	background: white !important;
}
.pink-tabs .no-tab-css .nav-link, .pink-tabs .no-tab-css .nav-link:hover{
	border: solid 1px #fff !important;
    border-radius: 25px;
    color: #fff !important;
}
.blue-tabs .nav-tabs .nav-item.show .nav-link, .blue-tabs .nav-tabs .nav-link.active, .blue-tabs .nav-tabs .nav-link.active:hover {
    background: #64c2e9 !important;
    color: #fff !important;
}
.blue-tabs .nav-link {
    border: solid 1px #64c2e9 !important;
    border-radius: 25px;
    color: #64c2e9 !important;
}
.blue-tabs .nav-tabs .nav-link:hover {
    border-color: #64c2e9 !important;
}
.blue-tabs .nav-item:hover .nav-link {
	color: #64c2e9 !important;
}
.blue-tabs .no-tab-css .nav-tabs .nav-link.active{
	background: white !important;
}
.blue-tabs .no-tab-css .nav-link, .blue-tabs .no-tab-css .nav-link:hover{
	border: solid 1px #fff !important;
    border-radius: 25px;
    color: #fff !important;
}
.blue-tabs .change-grid.no-tab-css .nav-item:after, .blue-tabs .blue-ul .nav-item:after {
    background-color: #fff !important;
	bottom:-5px;
}
.blue-tabs .filter-dashboard .nav-link.active:after{
	color: #64c2e9;
}
.pink-tabs .no-tab-css.no-filter-css .nav-tabs .nav-link.active, .pink-tabs .no-tab-css.no-filter-css .nav-link, .pink-tabs .no-tab-css .nav-link:hover, .blue-tabs .no-tab-css.no-filter-css .nav-tabs .nav-link.active, .blue-tabs .no-tab-css.no-filter-css .nav-link, .blue-tabs .no-tab-css .nav-link:hover{
    border-color: #f8f9fa !important;
    background: #f8f9fa !important;
    color: #262222 !important;
}
.font-13px{
	font-size: 13px !important;
}
/* side model start */
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout .modal-header h5 {float:left;}
/* side model end */

ul.notification li span.blue-dot::before {
    content: "\2022";
    color: #64c1e8;
    font-weight: bold;
    display: inline-block;
    font-size: 45px;
	margin-top: -22px;
}
ul.notification li span.blue-dot.inactive::before {
    content: "\2022";
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    font-size: 45px;
	margin-top: -22px;
}
.table td, .table th{
	text-align:left !important;
}
.mark-donation-fulfil .gj-datepicker-bootstrap [role=right-icon] button .gj-icon {
    color: #999FAE;
    font-size: 26px;
    left: 40px;
    top: 5px;
}
.mark-donation-fulfil .gj-timepicker-md [role=right-icon] {
    right: 12px;
    top: 12px;
}
.text-decoration-underline {
    text-decoration: underline;
}
.w-33{
	width:33%;
}
.w-10{
	width:10%;
}
.w-90{
	width:90%
}
.w-30{
	width:30%
}
.w-70{
	width:70%
}
.no-tab-css .view-req-tab .nav-item:hover:after {
    opacity: 0;
}
.no-tab-css .view-req-tab a.nav-link.active.bg-white{
	border-bottom: 0;
}

  
  
  
  
  .custom-card {
    margin-top: 130px;
    margin-left: 13rem;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .custom-card {
        margin-left: 2rem;
        margin-top: 50px;
    }
}