@import url('https://fonts.googleapis.com/css2?family=Ephesis&family=WindSong:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/*dashboard*/
.ecom-button-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    background: #f1f1f1;
    padding: 10px;
}
.ecom-action-button-group {display: flex;flex-wrap: wrap;gap: 5px;margin-bottom: 30px; }

@media screen and (max-width:992px){
.ecom-button-group {
    display: block; 
}
.ecom-action-button-group-1{margin-bottom:10px;}
.ecom-action-button-group-1,.ecom-action-button-group-2{
    width: 100%;
    gap: 10px;
    display: flex;
}
.ecom-order-action-button {
    display: flex;
    flex-grow: 1;
    width: 100%;
}

.ecom-order-action-button a  {
    width: 100%;
}
  

.com_dt_ecom_order .filter-search-bar.btn-group {
    width: 100%!important;
    margin: 0px;
}
.com_dt_ecom_order .btn-toolbar .input-group {
    width: auto;
    display: flex;
    flex-grow: 1;
}
  
.com_dt_ecom_order .filter-search-actions.btn-group {
    width: 100%;
}
}/**/





/*voucher design*/
.preview, .page, .gdc-form{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding:50px 30px;
    border-radius:20px;
    width:fit-content;
    max-width: 450px;
    min-width: 450px;
    margin:auto;
    text-align: center;
    background:#fff 
    background: -moz-linear-gradient(140deg, rgba(20,30,62,1) 0%, rgba(52,70,127,1) 100%);
    /* background: -webkit-linear-gradient(140deg, rgba(20,30,62,1) 0%, rgba(52,70,127,1) 100%); */
    /* background: linear-gradient(140deg, rgba(20,30,62,1) 0%, rgba(52,70,127,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#141e3e",endColorstr="#34467f",GradientType=1);
    color: #000;
    background: #fff;
}

@media screen and (max-width:992px){
    .preview, .page, .gdc-form{width:100%;min-width:100%;}
}


.page {
    margin-top: 80px;
}

.view-vouchertemplate section#sp-main-body {
    background: #f1f1f1;
}

/*logo*/
.template-logo {
    display: flex;
    justify-content: center;
}
.template-logo img {
    width: 150px;
}

/*title*/
.template-title {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    letter-spacing: 0px;
}
.template-title h1{
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
}


/*message*/
.template-message {
    font-family: 'Inter';
}

.template-message h1 {
    text-align: center;
    font-size: 25px!important;
    margin: 30px 0px;
    font-weight: 900;
}




/*qr*/
.template-qr img {
    width: 150px;
    margin: auto;
    border-radius: 10px;
}

.template-orderid h3 {
    font-size: 20px;
    margin-top: 15px;
}

.template-qr {
    margin-top: 20px;
}

/*templateform*/
.created-by-name, .company-name {
    padding-left: 10px;
}

.company-label, .created-by-label, .username-label{
  margin-bottom: 8px;
}



/*gdc form*/
.gdc-form p {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.gdc-control-group label {
    text-align: left;
    float: left;
}

.gdc-control-group  {
    margin-bottom:20px;
}


/*voucher template image*/
.template-image img {
    width: 100%!important;
}


/*thankyou qr*/
.thankyoupage header#sp-header {
    display: none;
}

.thankyoupage footer#sp-footer {
    display: none;
}

.thankyoupage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    background: #f1f1f1!important;
}

.thank-you-message a {
    background: black;
    color: #fff!important; 
    padding: 10px;
    text-decoration: unset!important; 
    text-transform:capitalize;
    margin:auto;
    margin-top:10px; display:block;
    width:fit-content;
}

.thank-you-message a:hover {opacity:0.8;transition:0.5s ease;}

.thank-you-message span {
    text-decoration: unset!important; 
}


/*EO VOUCHER*/