.mainsection { padding:30px 0px; }
.donorsearch .list-group { margin-top:30px; }
.donorsearch .list-group h4 { font-weight:350; } }
.donorsearch .criteriabox { height: 160px; overflow-y: auto; overflow-x: hidden; }
.donorsearch .criteriabox .list-group-item, .donorsearch .criteriabox-header { padding: 0.40rem 0.75rem; border-radius:0px;  }
.donorsearch .list-group-item { border-color:#a1d5d5; }
.donorsearch .criteriabox .list-group-item label { margin:0px; }
.criteriabox-header { color: #006467; cursor:pointer; }
.listslider { margin-left: 0.3rem; margin-right: 0.3rem; }
.critmatch { color: #97C33D; }
.btndarkgreen { background-color: #086668; border-color: #086668; color: #ffffff; border-radius:5px!important; }

.xcard-body .btn { background-color: #086668; border-color: #086668; }

.numbercircle { display:inline-block; line-height:1.0rem; background-color: #53A193; border-radius:50%; border:7px solid #086668; width:100%; color: white; }
.numbercircle span { display:inline-block; padding-top:25%; padding-bottom:25%; text-align:center; display:block; xfont-size:2rem; font-weight:bold; }

.btn-group-toggle .active { background-color: #53A193!important; border-color: #53A193!important; }
.helptooltip { color: #cccccc; }
.fa-exclamation-triangle { color: red; }

.paginationjs { font-size: inherit!important; font-family: inherit!important; }
.paginationjs .paginationjs-pages li.active>a { background-color: #53a193!important;  }
.paginationjs .paginationjs-pages li { border-color:#086668!important; }
.paginationjs .paginationjs-pages li:last-child { border-right-color: #086668!important; }
.paginationjs .paginationjs-pages li:first-child, .paginationjs .paginationjs-pages li:first-child>a { border-right-color: #086668!important; }
.paginationjs .paginationjs-pages li>a { color:#086668!important; }
.paginationjs .paginationjs-pages li.active>a { color:#ffffff!important; }

.sidedonorsearch .list-group-item { border:0px!important; padding: 0.15rem 0px; }
.sidedonorsearch label { margin-bottom:0px; }
.sidedonorsearch .criteriabox-header { font-weight:bold; padding: 0.65rem 0px; }
.sidedonorsearch .criteriabox { max-height: 260px; overflow-y: auto; overflow-x: hidden; }
.sidedonorsearch .disabledfade label { color:#abadad; }
.sidedonorsearch .cmvsbox label, #donorid { font-size:0.8rem!important; }
.sidedonorsearch .cmvsbox { margin-top:20px; }

.stockhigh { color: #97C33D!important; font-weight: bold;  border-color: #97C33D; background-color: #ffffff;   }
.stockmed { color: #F18A00!important; font-weight: bold; border-color: #F18A00; background-color: #ffffff;  }
.stocklow { color: #E30613!important; font-weight: bold; border-color: #E30613; background-color: #ffffff;  }

.stocktext { padding-bottom:0px; margin-bottom:0px; }

.stockhigh:after { border-color: #97C33D!important; background-color: transparent!important;   }
.stockmed:after { border-color: #F18A00!important; background-color: transparent!important;  }
.stocklow:after { border-color: #E30613!important; background-color: transparent!important;  }


.sidedonorsearch { background-color: #EAF5F6; padding:20px; }
.sidedonorsearch .list-group-item { background-color: inherit; }

.modal-viewdetail { max-width: 80%; }
.viewdetailmodal .modal-dialog { background-color: inherit!important; }
.viewdetailmodal .modal-header { color: #086668; border:0px none!important; }
.viewdetailmodal .modal-header h5  {font-size:1.4rem; }
.viewdetailmodal .modal-content { background-color: #ffffff!important; border:0px none!important; }

.viewdetailbody { color: #006168; }
.viewdetailbody h2 { font-size: 2.1rem; font-weight: 600; }
.viewdetailbody h3 { color: #006168; font-size: 1.5rem; }
.viewdetailbody h4 { color: #82CAC9; font-size: 1.0rem; }
.viewdetailprofilefooter h3 { color: #ffffff; }


.viewdetailprofilefooter .circle {  position: relative; display: block; margin: 2em 0;  background-color: transparent; color: #222; text-align: center; }
.viewdetailprofilefooter .circle:after { display: block; padding-bottom: 100%; width: 100%; height: 0; border-radius: 50%;  background-color: #transparent!important; border:7px solid #fff; content: ""; }
.viewdetailprofilefooter .circle__inner { position: absolute;  top: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.viewdetailprofilefooter .circle__wrapper { display: table; width: 100%;  height: 100%; }
.viewdetailprofilefooter .circle__content { display: table-cell; padding: 1em;  vertical-align: middle; }

.sdreserve { background-color: #82CAC9!important; border-color: #82CAC9!important; font-weight: bold; color:#ffffff!important; }
.spermdonoricon { height: 100px; margin:30px 0px; } 
.spermdonoriconx {  margin:30px 0px; } 
.spermdonoricondiv { height:150px; overflow: hidden; }

.filter_data hr { border-top: 1px solid rgb(234 245 246); }
.sidedonorsearch .criteriabox-header { border-bottom:1px solid #a1d5d5!important; margin-bottom:3px; }
.sidedonorsearch .cmvsbox .criteriabox-header { border:0px none!important; margin-bottom:1px; }
.viewdetailbody .fa-window-close { color:#086668; } 
input,button,select { border-radius:0.25rem!important; }

@media (max-width: 767px) {
	.viewdetailbody,.modal-viewdetail { max-width:100%!important; }
}

@media (max-width: 480px) {
	.viewdetailbody,.modal-viewdetail { max-width:100%!important; }
}