@charset "utf-8";
/* CSS Document */
.rq-modal {
	z-index: 1063
}
.rq-modal .modal-dialog{
	max-width: 600px
}
.rq-modal:not(.fullscreen) {
    top:1rem;
}
.rq-modal .modal-header {
    border-bottom: none;
	background-color: #fff;
	position: relative;
	padding: 1.5rem 2.5rem 0 2rem
	
}
.rq-modal:not(.fullscreen) .modal-content {
	border:3px solid #c5cad2;
	border-radius:0;
}
.rq-modal .modal-header:before {
    content: "";
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    right: 0;
    display: block;
    height: 1.5rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #fff 85%);
    z-index: 3;
}
.rq-modal h1 {
	font-size: 1.5rem;
	margin-bottom: 0;
	line-height: 1.75rem
}
.rq-modal h1:after{
    content: "";
    display: block;
    margin: 0;
    width: 4.75rem;
    padding-top: 0.25rem;
    border-bottom: 3px solid #e58271;
}

.rq-modal .modal-body {
	padding: 1.25rem 2rem 
}
.rq-modal .modal-footer {   
    border-top: none;
	position: relative;
	padding: 0 2rem 2rem 2rem
}
.rq-modal .modal-footer>*{
	margin: 0
}
.rq-modal .modal-footer>button {
	width: 100%
}

.rq-modal .modal-footer:before {
    content: "";
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    display: block;
    height: 1.5rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 85%);
}

.rq-modal .btn-close {
	width: 40px;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 0.25rem;
	right: 0.25rem
}

.rq-modal .modal-message{
	max-width:  calc(100% - 2rem)!important
}

@media (min-width:576px){
	.rq-modal .modal-footer { 
		flex-direction: row-reverse;
		justify-content: flex-start
	}
	.rq-modal .modal-footer>button{
		margin-left: 1rem;
		width: auto
	}
}