.modal-content {
	background-color: #fff;
	border: 3px solid #68c8c8;
	border-radius: 3px;
}

.modal-header {
	border-bottom: 1px solid #aaaaaa;
    margin: 0 23px;
    padding-left: 0px;
}

.modal-title{
	font-family: 'SF Pro Display';
	font-size: 21px;
	font-weight: 500;
	color: #aaaaaa;
}

.modal-content{
	color: #282828;
}

.modal-body{
	margin: 0 23px;
    padding-left: 0px;
}

.modal-body p{
	color: #aaaaaa;
}

.modal-body > * label{
	font-family: 'SFProDisplay-Bold';
	font-size: 12px;
	color: #282828;
}

.modal-footer{
	text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.btn-success{
	background-color: #68c8c8 !important;
	color: #ffffff !important;
}

.btn-success:hover {
	background-color: #d9d9d9 !important;
}

.btn-danger{
	background-color: #d9d9d9 !important;
	color: #696969 !important;
}

.btn-danger:hover {
	background-color: #68c8c8 !important;
	border: 1px solid #fff !important;
}

.modal-footer button:nth-child(1){
	margin-left: auto;
	min-height: 33px;
	width: 146px;
	background-color: #68c8c8;
	border-radius: 3px;
	font-family: 'SFProDisplay-Light';
	font-size: 12px;
	color: #ffffff;
	border: 0;
}

.modal-footer button:nth-child(2){
	margin-right: auto;
	min-height: 33px;
	width: 146px;
	background-color: #d9d9d9;
	border-radius: 3px;
	font-family: 'SFProDisplay-Light';
	font-size: 12px;
	color: #696969;
	border: 0;
}

.modal-footer button:nth-child(3){
	margin-left: auto;
	min-height: 33px;
	width: 146px;
	background-color: #68c8c8;
	border-radius: 3px;
	font-family: 'SFProDisplay-Light';
	font-size: 12px;
	color: #ffffff;
	border: 0;
}

.modal-footer button:nth-child(4){
	margin-right: auto;
	min-height: 33px;
	width: 146px;
	background-color: #d9d9d9;
	border-radius: 3px;
	font-family: 'SFProDisplay-Light';
	font-size: 12px;
	color: #696969;
	border: 0;
}

.modal-footer .btn-primary:hover {
	background-color: #d9d9d9;
}

.modal-footer .btn-secondary:hover {
	background-color: #68c8c8;
	border: 1px solid #fff;
}

.modal-backdrop.show {
    opacity: 0;
}

@media(min-width: 991px){
    .modal-dialog{
        width: 480px;
    }
    
}