.ccModal {
    display: none; 
    position: fixed;
    z-index: 11119;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}

.btnAccept {}
.btnAccept:hover,
.btnAccept:focus {
}

.btnCancel {display:none;}
.btnCancel:hover,
.btnCancel:focus {
	
}

.ccModal-body {padding: 10px 16px 0px 16px;}
	
.ccModal-footer {
    padding: 0px 16px 10px 16px;
    /* border-top: 1px solid #cccccc; */
    background-color: #fefefe;
}

.ccModal-content {
    position: absolute;
    background-color: #fefefe;
	bottom:0px;
    padding: 0;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}
.ccModal-content p {
	text-transform: none !important;
	color: #7f888f;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	line-height: 1.22;
	font: inherit;
	font-size: 100%;
	-webkit-text-size-adjust: none;
}
/* Add Animation */
@keyframes animatetop {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0px; opacity: 1}
}