 /*
=================================================== 
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: 90%;
    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;
     color:#fff;
     font-weight:bold;
 }
 
 .fc-modal-body {
     
     overflow: auto;
     max-height: 90%;
     padding: 25px 16px 10px;
    display: inline-block;
 }
 
 .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 0 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%;
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;
}

.fc-modal-close:hover,
.fc-modal-close:focus {
 opacity:0.8;
    text-decoration: none;
    cursor: pointer;
}
.ecard-fields input{width:100%!important;}
#e-card-preiview, a.e-card-update, a.e-card-preview{box-shadow:none!important;}
.ecard-real-preview table tr{border:none!important;}

