.slide-animate-box {
	position: absolute;
	top: 0px;
	height: 100%;
	z-index: 9999;
	left: -480px;
	transition: all .8s ease;
	background-color: #fff;
}

.slide-animate-box.left-0 {
	left:0 !important;
}

.slide-animate-box .box-inner {
	max-width: 480px;
	height: 100%;
}

.slide-animate-box .box-inner .box-body {
	padding: 20px 35px;
}

.slide-animate-box .box-inner .box-body .participant-image img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.slide-animate-box .box-inner .box-body .participant-details .spk-full-name {
    font-size: 18px;
    font-weight: 600;
}

.slide-animate-box .box-inner .box-body .participant-details .post {
    font-size: 14px;
    font-weight: 400;
}

.slide-animate-box .box-inner .box-body .close-icons {
    position: absolute;
    cursor: pointer;
    opacity: 1;
    width: 32px;
    height: 32px;
    background: #F2F2F2;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    right: 10px;
    top: 10px;
}

.slide-animate-box .box-inner .box-body .spk-detail-text {
    overflow: auto;
    height: calc(100vh - 395px);
    overflow-y: scroll;
}

.slide-animate-box .box-inner .box-body p.details {
    font-size: 14px;
}

.slide-animate-box .box-inner .box-body a.text-dark {
    font-size: 12px;
}

.slide-animate-box .box-inner .box-body .btn {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
    width: 180px;
    border-radius: 4px !important;
    font-size: 14px;
}

h6.slide-toggle {
	cursor:pointer;
	padding-left: 25px;
}

@media (max-width: 767px) {
	
	.slide-animate-box .box-inner .box-body .btn {
		margin-bottom: 15px;
		width: 100%;
	}
}