/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.txt
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/

.title_img img{
  max-height:80px !important;
  max-width: 200px !important;
}

#voucherMessage {
  margin-top: 12%;
}

#wk-entry-exit-popup {
  max-height: 350px;
  overflow: auto;
}

#termsAndConditions .custom-checkbox span {
  position: relative !important;
}
#termsAndConditions .custom-checkbox label {
  padding-left: 0px !important;
}

/* By DKS Design 1*/
/* Theme 1 */
.modal-header{border-bottom: 0px !important;}
.wk-entry-title-1,.wk-entry-title-2,.wk-entry-title-3,.wk-entry-title-4,.wk-entry-title-5,.wk-entry-title-8{text-align: center; margin-bottom: 15px;}
.wk-entry-title-4{text-align: center; margin-bottom: 15px; margin-top: 12%;}

.wk-entry-title-center
.wk-entry-title.wke-title-col-1{color:#4a8fe2;}
.wk-entry-title.wke-title-col-2{color:#ecae9f;}
.wk-entry-title.wke-title-col-5 {margin-bottom: 25px;}
.wk-entry-title.wke-title-col-5 h3,h1{font-size: 15px !important;}
.wk-entry-form .wk-entry-email {margin-bottom: 10px;}
.wk-entry-form {color:#707070; font-size: 14px;}
.wk-entry-success {text-align: center !important;}
/* .wk-tnc-block {margin-bottom: 30px;} */
#termsAndConditions{margin: 10px; text-align: left;}
.wk-entry-form input[type=text] {outline: none;}
.wk-entry-form button[type=button] {outline: none;}
.wk-entry-form input[type=text]::placeholder {font-size: 12px;}

/* Theme 2 */
.wk-entry-form #themeTwoInput {background-color: white; padding: 15px;}

.wk-entry-form.wke-form-5 {margin: 0px 20px;}
.wk-entry-form.wke-form-8 {margin: 0px 50px;}
.wk-entry-form.wke-form-4 {margin: 0px 50px;}
.wk-entry-form.wke-form-6 {width: 55%;}
.wk-entry-form.wke-form-7 {width: 55%;}
.wk-entry-form.wke-form-9 {width: 55%;}
.wk-entry-form.wke-form-10 {width: 60%; margin: 0 auto;}

/* defines the size of the form in the modal */
@media only screen and (max-width: 767px) {
  /* For mobile phones: */
  .wk-modal-form-1,.wk-modal-form-2,.wk-modal-form-4,.wk-modal-form-5,.wk-modal-form-8 {
    padding: 0px;
    margin: 0px 70px;
  }
}
@media only screen and (min-width: 768px) {
  .wk-modal-form-1,.wk-modal-form-2,.wk-modal-form-4,.wk-modal-form-5,.wk-modal-form-8 {
    padding: 15px;
    margin: 0px 70px;
  }
}

.wk-modal-form-6,.wk-modal-form-7,.wk-modal-form-9 {
    padding: 15px;
}

/*  css to align the checkbox in label on all pages */
/* .checkboxAligned label {
   padding-left: 15px !important;
} */

.wk-modal-form-3 {
    float: right;
    width: 50%;
    margin-right: 20px;
}
.wk-modal-form-10 {text-align: center;}
/* DKS Close */

/* Do not show btn CSS */
#wkExitPopModal .wk-dont-show-block {
    text-align: center;
}

#wkExitPopModal .wk-dont-show-block a {font-size: 15px;}
.wk-dont-show-btn-3, .wk-dont-show-btn-7{color: white;}
.wk-dont-show-btn-3:hover{color: white;}
.wk-dont-show-btn-7:hover{color: white;}
.wk-dont-show-btn-6{color: #7A7A7A;}
.wk-dont-show-btn-6:hover{color: #7A7A7A;}
/* Do not show btn CSS Close*/

.wk-tnc-text-7 {
  color: white;
  font-size: 14px;
}

.checkboxSpan-7 {
  background: white;
  border: 2px solid #ffffff !important;
}

.wk-tnc-text-1,.wk-tnc-text-2,.wk-tnc-text-3,.wk-tnc-text-4,.wk-tnc-text-5,.wk-tnc-text-6,.wk-tnc-text-8,.wk-tnc-text-9,.wk-tnc-text-10 {
  color:#707070; font-size: 14px;
}

.successMessage {
    font-size: 35px;
    margin-top: 20%;
}

.checkboxSpan-1,.checkboxSpan-2,.checkboxSpan-3,.checkboxSpan-4,.checkboxSpan-5,.checkboxSpan-6,.checkboxSpan-8,.checkboxSpan-9,.checkboxSpan-10 {
    border: 2px solid #232323;
}

/* code to control the width of the reference title width */

#reference_title {
    width: 75%;
}

.modal_size {
  height: 480px;
}

.wk-modal-form-5 {
    width: 327px;
    margin: 50px auto;
}

.current {
  width: unset !important;
}

/* style for outline for the input type text for coupon */
.codeInputField {
    outline: none;
}

/* add the css to the templateTheme in backoffice design tab */
.wk-template-img-admin {
  margin-left: 25% !important;
  width: 65% !important;
}

.wk-coolhue-template {
  height: 450px;
  margin-left: 25% !important;
  width: 65% !important;
}

/*    style for the button in modal     */
.wke-submit-btn {
    padding: 12px 60px;
    border-radius: 10px;
    color: white;
    width: 100% !important;
    cursor: pointer;
    margin-top: 15px;
}

.wk-see-coupon-modal-button {
  padding: 12px 60px;
  border-radius: 10px;
  color: white;
  width: 100% !important;
  cursor: pointer;
}

/*   theme buttons     ---- START -----*/

.wke-btn-1, .wke-btn-10 {
  border: 1px solid #4a8fe2;
  background-color: #4a8fe2;
  margin-bottom: 10px;
}

.wke-btn-2 {
  border: 1px solid #154946;
  background-color: #154946;
  margin-bottom: 10px;
}

.wke-btn-3 {
  border: 1px solid #f5a623;
  background-color: #f5a623;
  margin-bottom: 10px;
}

.wke-btn-4 {
  border: 1px solid #f80020;
  background-color: #f80020;
  margin-bottom: 10px;
}

.wke-btn-5 {
  border: 1px solid #f5a623;
  background-color: #f5a623;
  padding: 8px !important;
  margin-bottom: 10px;
}

.wke-btn-6 {
  border: 1px solid #69943b;
  background-color: #69943b;
  margin-bottom: 10px;
}

.wke-btn-7 {
  border: 1px solid #f5c745;
  background-color: #f5c745;
  border-radius: 50px;
  margin-bottom: 10px;
}

.wke-btn-8 {
  border: 1px solid #9487ff;
  background-color: #9487ff;
  border-radius: 50px;
  margin-bottom: 10px;
}

.wke-btn-9 {
  border-bottom: 1px solid purple;
  border-top: 1px solid plum;
  background-color: #4a8fe2;
  background-image: linear-gradient(plum, indigo);
  border-radius: 10px;
  margin-bottom: 10px;
}

/*   theme buttons     ---- END -----*/
.wk-modal-alert-message div {
  color: red;
  font-size: 12px;
}

/* Input Text CSS */
.wke-input-1, .wke-input-10 {
  padding: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #4a8fe2;
  text-align: center !important;
  box-shadow: 0px 0px 10px 0px #4a8fe2;
  margin: 2px;
  border-radius: 10px;
  width: 100%;
}

.wke-input-1::placeholder {
    font-size: 15px !important;
    font-weight: 700;
}

.wke-input-2 {
    padding: 6px;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
    border-bottom: 2px solid #a0a0a0;
    margin: 2px;
    width: 100% !important;
    margin-bottom: 15px;
}

.wke-input-3 {
  padding: 8px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #e4e4e4;
  text-align: center !important;
  box-shadow: 0px 0px 10px 0px #989898;
  margin: 2px;
  border-radius: 10px;
  width: 100% !important;
  margin-bottom: 20px;;
}

.wke-input-4 {
  padding: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #ffccd3;
  text-align: center !important;
  box-shadow: 0px 0px 10px 0px #f80020;
  margin: 2px;
  border-radius: 10px;
  width: 100% !important;
}

.wke-input-5 {
    padding: 8px;
    border: 1px solid #f5a623;
    box-shadow: 0px 0px 10px 0px #f5a623;
    margin: 2px;
    border-radius: 10px;
    width: 100% !important;
    line-height: 25px;
}

.wke-input-6 {
  padding: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #69943b;
  text-align: center !important;
  box-shadow: 0px 0px 10px 0px #69943b;
  margin: 2px;
  border-radius: 10px;
  width: 100% !important;
}

.wke-input-7 {
  padding: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #527bff;
  text-align: center !important;
  margin: 2px;
  border-radius: 50px;
  width: 100% !important;
}
.wk-entry-title-7 .title_img p {
  color: white !important;
}

.wke-input-8 {
  padding: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #e5ebdf;
  box-shadow: 0px 0px 10px 0px #e5ebdf;
  text-align: center !important;
  margin: 2px;
  border-radius: 50px;
  width: 100% !important;
}

.wke-input-9 {
  padding: 12px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid rgb(95, 94, 94);
  box-shadow: 0px 0px 10px 0px #686868;
  text-align: center !important;
  margin: 2px;
  border-radius: 10px;
  width: 100% !important;
}
/* Input Text CSS Close */

/* Media CSS */
@media screen and (max-width: 500px) {
  .modal-header {
    padding: 0px;
  }
  .modal_size {
    height: unset !important;
  }
  .wk-modal-form {
    padding: 15px !important;
    margin: unset !important;
  }
}

@media screen and (max-width: 320px) {
  .modal-header {
    padding: 0px;
  }
  .modal_size {
    height: unset !important;
  }
  .wk-modal-form {
      padding:7px !important;
      margin: unset !important;
  }
}


.modal-body-news {
    position: relative;
    padding: 15px;
    width: 70%;
    float: right;
    margin-right: -90px;
    }

.modal-dialog {
    max-width: 940px;
    margin: 30px auto;
}
.successMessage {
    font-size: 21px;
}