body{
  background:#fff;
  font-family: 'Quicksand';
  font-weight: 500;
  font-size:16px;
  color:#000;
}

.rounded-custom {
  border-radius: 8px !important;
}

.shadow-custom{
  box-shadow: 0 0 8px 0px rgba(0,0,0,.25) !important;
}

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

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.events-page-title {
    background-color: #6bc6b7;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

.events-page-title h3 {
    font-size:40px;
    font-weight:700;
    margin:0;
}

.events-page-footer {
    background-color:#000;
}

.events-image-placeholder {
    max-width:480px;
    height:auto;
    border-radius:15px;
}


@media (max-width: 510px) {
  .events-image-placeholder {
    max-width:100%;
  }
}

.events-title {
    font-size:28px;
    font-weight:700;
}

.events-desc {
    opacity:0.7;
}

.btn-events {
    background-color:#000;
    border-color:#000;
    min-width:130px;
    color:#fff;
    font-weight:600;
    padding:9px 18px;
    font-size:16px;
    border-radius:8px;
}

.btn-events:hover,
.btn-events:focus,
.btn-events:active {
    background-color: #222;
    border-color: #222;
    color:#fff;
}

.form-group > label > em{
  color: #f00;
}

.RadComboBox .rcbInputCell {
    box-shadow: none !important;
}


.RadInput .riTextBox,
.RadComboBox .rcbInput,
.events-form-control {
    border-radius: 5px !important;
    color: #000 !important;
    font: 16px/1.42857 "Quicksand",Helvetica,Arial,sans-serif !important;
    box-shadow: none !important;
    height: 48px !important;
    padding: 5px 15px !important;
    font-weight: 500 !important;
    border: #ccc solid 1px;
}

.events-form-control:focus {
  border-color: #66afe9;
  outline:none;
}

.RadListBoxDate .rlbGroup {
    border:0 !important;
}

.RadListBoxDate .rlbList {
    display:flex !important;
	/*margin:0 -10px !important;
    overflow-x: auto;*/
    flex-wrap: wrap;
}

.RadListBoxDate .rlbItem {
    padding: 0 10px !important;
    outline:none !important;
    border:0 !important;
}

.rlb-date a {
    border:#D9D9D9 solid 1px;
    border-radius:8px;
    padding:15px;
    width:82px;
    text-align:center;
    display: block;
    margin:10px 0;
    color:#000;
    text-decoration:none;
    outline:none;
}

.rlb-date a:hover {
    border-color:#007ABF;
    text-decoration:none;
}

.rlb-date a.rlb-date-active {
    background-color:#007ABF;
    border-color:#007ABF;
    color:#fff;
}

.rlb-date a span {
    display:block;
}

.rlb-date a span.rlb-date-1 {
    opacity:0.5;
}

.rlb-date a span.rlb-date-2 {
    font-size:21px;
    font-weight:700;
}

@media(max-width:768px) {
	.RadListBoxDate .rlbItem {
		width: 20% !important;
	}
	.rlb-date a {
		padding: 7px !important;
		font-size:12px !important;
		width: auto !important;
	}
	.rlb-date a span.rlb-date-2 {
	  font-size: 16px !important;
	}
}

.RadListBoxActivity {
  font-size: 16px !important;
  font-family: 'Quicksand' !important;
}

.RadListBoxActivity .rlbGroup {
    border:0 !important;
}

.RadListBoxActivity .rlbItem {
    outline:none !important;
    margin: 15px 0;
    position: relative !important;
    padding:15px 15px 15px 54px !important;
    display: block;
    border: #D9D9D9 solid 1px;
    border-radius: 8px;
    background-color:#fff;
}

.RadListBoxActivity .rlbItem.rlbSelected,
.RadListBoxActivity .rlbItem.rlbHovered {
    background-color: #fff !important;
    color: #000 !important;
}

.RadListBoxActivity label {
  display: block;
  margin: 0;
}

.rlb-activity span.rlb-activity-1,
.rlb-activity span.rlb-activity-2 {
    display:block;
}

.rlb-activity span.rlb-activity-1 {
    font-weight:700;
}

.rlb-activity span.rlb-activity-2 {
    font-weight:400;
	white-space: normal;
}

.rlb-activity input[type="checkbox"],
.custom-checkbox input[type="checkbox"] {
    margin: 0;
    opacity: 0;
    position:absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    left: 0;
    top: 0;
}

.custom-checkbox input[type="checkbox"] + label {
    padding:0 0 0 30px;
    margin:0;
}

.rlb-activity input[type="checkbox"] + span:before,
.custom-checkbox label:before {
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    border:#aaa solid 1px;
    border-radius:4px;
    width:18px;
    height:18px;
    top:2px;
    left:0;
    z-index: 0;
}

.rlb-activity input[type="checkbox"] + span:before {
    top:18px;
    left:24px;
}

.rlb-activity input[type="checkbox"] + span:after,
.custom-checkbox label:after {
    content:"";
    display:block;
    position:absolute;
    left: 7px;
    top: 4px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 0;
    opacity:0;
}

.rlb-activity input[type="checkbox"] + span:after {
    top:20px;
    left:31px;
}

.rlb-activity input[type="checkbox"]:checked + span:before,
.custom-checkbox input[type="checkbox"]:checked + label:before {
    background-color:#007abf;
    border:#007abf solid 1px;
}

.rlb-activity input[type="checkbox"]:checked + span:after,
.custom-checkbox input[type="checkbox"]:checked + label:after {
    opacity:1;
}

.rlb-activity .badge-light {
  color: #212529;
  background-color: #e5e5e5;
  min-width:140px;
  text-align:center;
}



.rlb-activityred span.rlb-activityred-1,
.rlb-activityred redspan.rlb-activityred-2 {
    display:block;
	color:#aaa8a8 !important;
}

.rlb-activityred span.rlb-activityred-1 {
    font-weight:700;
	color:#aaa8a8 !important;
}

.rlb-activityred span.rlb-activityred-2 {
    font-weight:400;
	color:#aaa8a8 !important;
}

.rlb-activityred input[type="checkbox"] {
    margin: 0;
    opacity: 0;
    position:absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
    left: 0;
    top: 0;
}

.rlb-activityred span[disabled="disabled"]:before {
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    border:#aaa solid 1px;
    border-radius:4px;
    width:18px;
    height:18px;
    top:18px;
    left:24px;
    z-index: 0;
}

.rlb-activityred span[disabled="disabled"]:after {
    content:"";
    display:block;
    position:absolute;
    top:20px;
    left:31px;
    width: 5px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    z-index: 0;
    opacity:0;
}

.rlb-activityred .badge-light {
  color: #999;
  background-color: #ebebeb;
  min-width:140px;
  text-align:center;
}

#ProgressPanel.overlay {
  position: fixed;
  width: 174px;
  height: 60px;
  left: 50%;
  top: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  z-index: 9999;
  gap: 5px;
  border-radius: 10px;
  box-shadow: 0 0 15px 0px #999;
  margin: -30px 0 0 -87px;
}

#ProgressPanel.overlay  img {
  border-radius: 100%;
  width: 59px;
}





















@media (min-width: 576px) {
  .modal-dialog {
    width: 500px;
  }
}

@media (max-width:767.98px) {
    .events-page-title h3 {
        font-size: 28px;
    }
}