/*
=================================================== 
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: 1px solid #999;
     font-size: 15px;
     height: 95%;
     left: 50%;
     padding: 0;
     position: absolute;
     top: 2%;
     transform: translateX(-50%);
     transition: transform 0.3s ease-out 0s;
     width: 70%;
     margin: auto;
 }

 .fc-modal-header {
     padding: 2px 16px;
     background-color: #a46497;
     color: #fff;
     position: relative;
 }

 .fc-modal-header::before {
     position: absolute;
     content: '';
     border-width: 10px;
     border-color: #a46497 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 20px;
     overflow: auto;
     max-height: 91.8%;
 }

 .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;
 }

 .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;
     padding: 3px 6px;
     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;
 }

 .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;
     padding: 6px;
     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: #515151 !important;
 }

 .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: #acacac;
 }

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

 .woocommerce-checkout .ecard-preview-link-container a {
     text-decoration: none !important;
 }