@import './variables.scss';
@import './mixins/_responsive.scss';
/*.ant-modal-mask, .ant-layout{
	-webkit-filter: blur(3px);
	filter: blur(3px);
}*/
.ant-modal{
    top: 0!important;
    max-width: calc(95vw)!important;
    @include MQ(sm) {
        max-width: calc(84vw)!important;
    }
	@include MQ(lg) {
		top: 100px!important;
	}
}
.ant-modal .ant-modal-title{
	margin: 0!important;
	font-size: 22px!important;
	line-height: 30px!important;
	font-weight: 600!important;
	color: $primary-color!important;
	/*background: -webkit-linear-gradient(180deg, #00a0f5, #00f);
	background: -webkit-gradient(linear, left top, left bottom, from(#009ef6), to(#00f));
	background: -webkit-linear-gradient(top, #009ef6, #00f);
	background: -o-linear-gradient(top, #009ef6, #00f);
	background: linear-gradient(180deg, #009ef6, #00f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
}
.ant-modal .ant-modal-body{
/* 	background: #f0f2f5; */
    -webkit-overflow-scrolling: touch;
	background: $primary-background-color;
	padding: 14px;
	@include MQ(lg) {
		padding: 24px;
	}
}
.ant-modal .ant-modal-footer{
	background: #f3f3f3!important;//$primary-light-background-color;
	border-top: none;
    padding: 15px 24px;
    text-align: center;
    @include MQ(sm) {
        padding: 24px;
        text-align: right;
	}
}
.ant-modal-footer .ant-btn{
    margin-bottom: 10px;
    @include MQ(sm) {
        margin-bottom: 0;
	}
}
.ant-modal .ant-modal-header{
	position: relative;
/* 	box-shadow: $base-item-shadow; */
 	border-bottom: none;
	//background: $primary-light-background-color;
	padding: 6px 14px;
	@include MQ(lg) {
		padding: 16px 24px;
	}
}
.ant-modal .ant-modal-close .ant-modal-close-x{
	width: 42px;
    height: 42px;
	line-height: 42px;
	@include MQ(lg) {
		width: 56px;
    	height: 56px;
		line-height: 56px;
	}
}
.ant-confirm .ant-modal-body, .ant-modal .ant-modal-content{
/* 	background: #FFF; */
	background: $primary-background-color;
}
.ant-modal.ant-modal-confirm .ant-modal-body{
    padding: 15px;
    @include MQ(sm) {
		padding: 32px 32px 24px;
	}
}
.modal-without-padding .ant-modal-body{
	padding: 0;	
}
.modal-white .ant-modal-body{
	background: $primary-light-background-color;
}
.ant-confirm-form.modal-white .ant-confirm-title-wrapper{
	margin-bottom: 0;
}
.ant-modal .main-container, .ant-modal .main-content, .ant-card .main-container, .ant-card .main-content{
	padding: 0px;
	@include MQ(lg) {
		padding: 20px;
	}
}
.modal-grey .ant-modal-body{
	background: #f3f3f3;
}

/* use css to set position of modal */
.vertical-center-modal {
    text-align: center;
    white-space: nowrap;
  }
  
  .vertical-center-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
  }
  
  .vertical-center-modal .ant-modal {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    text-align: left;
  }
  
  /*
  // Use flex which not working in IE
  .vertical-center-modal {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .vertical-center-modal .ant-modal {
    top: 0;
  }
  */