/*
=================================================== 
Modal 
=================================================== 
*/

 @import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i';

 .fc-modal {
     display: none;
     position: fixed;
     z-index: 999999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.4);
     font-family: 'Lato', sans-serif;
 }

 .fc-modal-content {
     background-color: #fefefe;
     border: 0px solid #999;
     font-size: 15px;
     
     left: 50%;
     padding: 0;
     position: absolute;
     top: 2%;
     transform: translateX(-50%);
     transition: transform 0.3s ease-out 0s;
     width: 70%;
     margin: auto;
 }
@media(min-width:768px){
	.fc-modal-content{
		height: 90%;
	}
}
 .fc-modal-header {
     padding: 2px 16px;
     background-color: #141414;
     color: #fff;
     position: relative;
 }
.fc-modal-header h3{
	color:#fff;
}
 .fc-modal-header::before {
     position: absolute;
     content: '';
     border-width: 10px;
     border-color: #141414 transparent transparent transparent;
     border-style: solid;
     left: 50%;
     transform: translateX(-50%);
     top: 99%;
 }

 div.fc-modal-header>h3 {
     margin: 10px 0 !important;
     clear: left;
     font-size: 20px;
 }

 .fc-modal-body {
     padding: 0px 0px 0px;
     overflow: auto;
     max-height: 100%;
 }

 .fc-modal-body .modal-body {
     padding-bottom: 0px;
 }

 /* The Close Button*/

 .fc-modal-close {
     color: #fff;
     float: right;
     font-size: 22px;
     font-weight: 300;
     position: relative;
     z-index: 50;
 }

 .fc-modal-close:hover,
 .fc-modal-close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 }

 .fc-modal table,
 .fc-modal table td {
     border: none !important;
     margin-bottom: 0px;
     padding: 0px !important;
 }

 .email_image {
     float: left;
     margin-bottom: 15px;
     text-align: center;
     width: 100%;
 }

 .email_image img {
     height: auto !important;
     max-width: 100% !important;
 }

 .ecard_message {
     float: left;
     width: 100%;
 }

 .fc-modal-body img {
     margin: 20px auto 20px;
     max-width: 100%;
     height: auto;
 }

 .fc-modal-body .button-a {
     display: inline-block !important;
     margin: 15px 0;
 }

 .button-td {
     display: inline;
     width: 100%;
     text-align: center;
     float: left;
     background: #fff !important;
     height: 82px;
 }

 .fc-modal table>td.button-td:hover {
     background-color: #fff !important;
 }

 .fc-modal table td.ecard_message {
     padding: 0 40px !important;
 }

 .update_ecard_msg_btn {
     margin: 10px 0;
 }

 .ecard_editable_content {
     border: 2px dashed !important;
	 padding: 20px !important;
 }

 .update-content-container {
     margin-top: 10px;
     margin-bottom: 10px;
     background: #fff;
 }

 .woo-btn {
     background-color: #a46497;
     color: #fff;
     margin-top: 10px;
 }

 .woo-btn:hover {
     color: #fff;
     background-color: #a46497 !important;
     background-image: none !important;
 }

 .ecard-fields label span {
     color: red;
 }

 #e-card-preiview,
 a.e-card-update,
 a.e-card-preview {
/*      background-color: #a46497; */
     color: #fff;
     text-decoration: none;
/*      font-size: 14px; */
 }

 a.e-card-update:hover,
 a.e-card-preview:hover {
     color: #fff !important;
     background-color: #935386;
 }

 .shop_table.cart a.e-card-update,
 .shop_table.cart a.e-card-preview {
     color: #fff !important;
     display: inline-block;
     text-align: center;
     margin-top: 4px;
    padding: 8px 10px;
    width: 100%;
    font-size: 12px;
 }

 .woocommerce td.product-name dl.variation dt.variation-UpdateEcard,
 .woocommerce td.product-name dl.variation dt.variation-PreviewEcard {
     display: none;
 }

 #e-card-preiview {
     font-weight: bold;
     text-decoration: none;
/*      font-size: 16px; */
 }

 .woocommerce-checkout-review-order-table .e-card-preview {
     font-weight: bold;
     padding: 8px;
 }

 table.ecard-fields {
     margin-bottom: 25px !important;
 }

 table.ecard-fields>tbody>tr td {
     padding: 4px !important;
 }

 table.ecard-fields>tbody>tr td>input,
 table.ecard-fields>tbody>tr td>textarea {
     width: 100% !important;
     box-sizing: border-box;
 }

 .fc-modal-close img {
     margin-top: 4px !important;
 }

 .woocommerce-checkout .variation-SendeCardOn {
     width: 100%;
 }

 .ecard-preview-recepient-container {
     display: none;
 }

 .post-type-archive-product .button {
     color: inherit;
 }

 .fc-modal-close {
     color: #fff;
     float: right;
     font-size: 28px;
     font-weight: 300;
     position: relative;
     z-index: 50;
 }

 .fc-modal-close:hover,
 .fc-modal-close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 }

 .fc-modal-close {
     color: #fff;
     float: right;
     font-size: 0px;
     font-weight: 300;
     position: relative;
     z-index: 50;
     margin-right: -15px;
     background: url(../images/close.png) no-repeat;
     width: 50px;
     height: 50px;
     margin-top: -5px;
 }

 .fc-modal-close:hover,
 .fc-modal-close:focus {
     opacity: 0.8;
     text-decoration: none;
     cursor: pointer;
 }

 .multiple_name_desc,
 .multiple_email_desc {
     font-size: 12px;
     width: 100%;
     color: inherit;
 }

 .woocommerce-checkout .ecard-preview-link-container {
     margin-top: 10px;
 }

 .woocommerce-checkout .ecard-preview-link-container a {
     text-decoration: none !important;
 }
 img.loader-img {
    max-width: 70px;
 }
 .fc-loader{
    max-width: 300px;
 }
.weplugin-success-ecard {
    background-image: url("data:image/svg+xml,%3Csvg width='25px' height='25px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23155724' d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 18px center;
    border: 1px solid #b9e9c4;
    background-color: #d4edda;
    color: #155724;
}

.weplugin-notice-ecard {
    width: 100%;
    margin-top: 20px !important;
    padding: 20px 20px 20px 55px !important;
    margin-bottom: 20px !important;
    position: relative;
    box-shadow: 0 14px 40px #EFF3F5;
    border-radius: 10px;
    text-align: left;
    font-size: 16px;
}

input.update_ecard_msg_btn {
    border-radius: 3px;
}
.update-content-container + br,
.email_message_content + br{
	display:none;
}
.update-content-container .loader-img{
	margin-bottom:0px;
}
.update-content-container{
	margin-bottom:0px;
}
.update-content-container .weplugin-notice-ecard{
	margin-bottom:7px !important;
	margin-top: 0px !important;
}
.fc-modal-body .button-a{
	margin-top:5px;
}
input.update_ecard_msg_btn { 
    margin-bottom: 15px !important;
	margin-top: 7px !important;
}
.email_message_content{
	padding:0 20px 20px;
}
.woocommerce-js form .form-row textarea:focus, .woocommerce-js input[type=email]:focus, .woocommerce-js input[type=number]:focus, .woocommerce-js input[type=password]:focus, .woocommerce-js input[type=reset]:focus, .woocommerce-js input[type=search]:focus, .woocommerce-js input[type=tel]:focus, .woocommerce-js input[type=text]:focus, .woocommerce-js input[type=url]:focus, .woocommerce-js textarea:focus, .woocommerce-page form .form-row textarea:focus, .woocommerce-page input[type=email]:focus, .woocommerce-page input[type=number]:focus, .woocommerce-page input[type=password]:focus, .woocommerce-page input[type=reset]:focus, .woocommerce-page input[type=search]:focus, .woocommerce-page input[type=tel]:focus, .woocommerce-page input[type=text]:focus, .woocommerce-page input[type=url]:focus, .woocommerce-page textarea:focus{
	outline:none;
}