/*
===================================================
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: 100%;
     max-width:750px;
     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: #e20069 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;
 }

 /* custom css start here */
.ecardsformBox{ background-color:#c3e2d7; padding: 30px; margin-bottom: 25px;}

.ecardsformBox label {
    font-weight: 400!important;
    margin-bottom: 8px;
    display: block;
    font-size: 18px;
    line-height: 26px;
}
.ecardsformBox table{ margin-bottom: 0px!important;}
.ecardsformBox table.ecard-fields > tbody > tr td.label{padding: 0 0 10px 0!important; }
.ecardsformBox table.ecard-fields > tbody > tr td.label label{margin: 0px;}
.ecardsformBox table.ecard-fields > tbody > tr td.value,
.ecardsformBox table.ecard-fields > tbody > tr td.ask_sender_information{ padding: 0 0 15px 0!important;}

.ecardsformBox table.ecard-fields > tbody > tr:last-child td.value,
.ecardsformBox table.ecard-fields > tbody > tr:last-child td.label{ padding-bottom: 0px!important;}

.ecardsformBox table.ecard-fields > tbody > tr td.value.chBox [type="checkbox"]{ width: auto!important; float:left;}

.ecardsformBox table textarea{ padding: 10px 15px; line-height: 20px;}

.fc-modal .fc-modal-header{ background-color:#e20069; }
.fc-modal .fc-modal-header h3{color:#fff!important;}
.email_title{ font-size:22px!important; line-height:30px!important; color:#033b66!important;}

.ecard-real-preview a.button-a{background-color:#e20069!important; font-family:'MikadoBold'!important; border-radius:0px!important;
border: 0px!important; padding:12px 10px!important; font-weight: normal!important; font-size: 16px!important; line-height: 22px!important; text-transform: uppercase;}

.fc-modal-btn, .modal-btn, .e-card-update{ background-color:#e20069!important; padding: 10px 18px !important; text-transform: uppercase; font-family: 'MikadoBold'; font-weight: normal!important;}
.fc-modal-btn:hover, .modal-btn:hover, .e-card-update:hover{ background-color:#033b66!important;}

.variation-RecipientFullName p, .variation-RecipientEmailAddress p, .variation-eCardDeliveryDate p{ padding-bottom: 10px; }

.fc-modal .modal-body{ border: #e20069 solid 10px;}
.fc-modal-body img.fluid{ margin-top: 0px;}
.hideClass{ display: none;}

.ecardpopup{width:100%; max-width:750px; height:94%; padding:0; position:fixed; top:4%; left:0; right:0; z-index:99999; margin:0 auto; background-color:#fff;}
.ecardpopup .box::before{ padding-top:80%;}
#overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 10000;}
.popupContent{ border:#e20069 solid 10px; height: 100%; overflow: auto;}
.popupFooter{position: absolute; bottom:10px; padding:0 5px 6px 5px; font-size: 14px; line-height:20px; text-align: center; width:calc(100% - 20px); background-color:#ffffff;}
.userDetails{ padding:12% 30px 12% 30px;}

.userDetails .row{ padding-bottom:8px;}
.senderName, .recName, .message{ font-weight: 600;}
.row.msg{ padding-top:26px;}

.priceDetails{ display: inline-block; position: relative; margin-left:10px;}
.popfwc-currency-symbol{ position: absolute; left:8px; top:9px; }
.alg_open_price{width:100%;
  min-width: 120px;
  max-width:300px;
  text-align: left!important;
font-size: 19px !important;
font-family: 'acumin-pro',sans-serif;
font-weight: 400;
height: 46px;
border: #fff solid 1px;
background-color: #eaf4fd;
border: #033b66 solid 1px;
font-size: 16px;
line-height: 24px;
padding: 10px 15px;
padding-left:24px;
margin: 0px;
color: #033b66;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}

@media screen and (min-width: 0px) and (max-width:1023px) {
  .ecardsformBox table tr td{width: 100%; display: block;}
}

@media screen and (min-width: 0px) and (max-width:780px) {
  .ecardpopup{ max-width:92%;}

}

@media screen and (min-width: 0px) and (max-width:768px) {
.variation-RecipientFullName p, .variation-RecipientEmailAddress p, .variation-eCardDeliveryDate p{ text-align: left;}
}

@media screen and (min-width: 0px) and (max-width:640px) {
.ecardsformBox{ padding: 20px;}
.ecardsformBox table tr td{width: 100%; display: block;}
.ecardsformBox label{ font-size: 16px; line-height:22px;}
.ecardsformBox table.ecard-fields > tbody > tr td.label{ padding-bottom: 6px!important;}
.ecardsformBox table.ecard-fields > tbody > tr td.value,
.ecardsformBox table.ecard-fields > tbody > tr td.ask_sender_information{padding: 0 0 10px 0!important;}

.userDetails{ padding-bottom:14%;}
}

@media screen and (min-width: 0px) and (max-width:640px) {
  .userDetails{ padding-bottom:20%;}
}
 /* custom css end here */