/**
 * Copyright since 2020 Antonio Baena Sánchez
 *
 * MODULE AbsCustomerQuestions
 *
 * @author    Antonio Baena Sánchez
 * @copyright Since 2020 Antonio Baena Sánchez
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 * @version   2.0.0
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * Don't use this module on several shops. The license provided by PrestaShop Addons
 * for all its modules is valid only once for a single shop.
 */

.modal-open {
  padding:0 !important;
  overflow-y: auto;
}

.modal.abs-cq-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
   z-index: 999993;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.abs-cq-modal {
    z-index:9999930;
}

.modal.fade.abs-cq-modal .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}

.modal.in.abs-cq-modal .modal-dialog, .modal.show.abs-cq-modal .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-open .modal.abs-cq-modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.abs-cq-modal .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.abs-cq-modal .modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in, .modal-backdrop.show {
  filter: alpha(opacity=50) !important;
  opacity: .5 !important;
}

.abs-cq-modal .modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.abs-cq-modal .modal-header .close {
  margin-top: -2px;
}

.abs-cq-modal .modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.abs-cq-modal .modal-body {
  position: relative;
  padding: 20px 24px 24px;
  line-height: 20px;
}

.abs-cq-modal .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.abs-cq-modal .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.abs-cq-modal {
    color: #555454;
    font-size: 14px;
}

.abs-cq-modal .modal-dialog {
    width: calc(100% - 30px);
    max-width: 460px;
}

.abs-cq-modal .modal-content {
    position: relative;
    border-radius: 8px;
    border: 1px solid #d5d9d9;
    box-shadow: 0 0 14px 0 rgba(15,17,17,.5);
    height: 100%;
}

.abs-cq-modal .modal-header {
    border-bottom: 1px solid #d5d9d9;
    background-color: #f0f2f2;
    border-radius: 8px 8px 0 0;
    padding: 0 24px;
    position: relative;
}

.abs-cq-modal .modal-header h4{
    margin: 0 28px 0 0;
    padding: 16px 0;
    min-height: 56px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
}

.abs-cq-modal .modal-header .closemodalabsq {
    display: block;
    background-color: transparent;
    border: 0;
    float: right;
    padding: 16px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -16px 0 0;
    line-height: 0;
    font-size: 18px;
    cursor:pointer;
}

.abs-cq-modal .abs_cq_askQuestion {
    background-color: #fff;
    width: 100%;
    padding: 5px 7px;
    resize: vertical;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    line-height: 19px;
    color: #0F1111;
    border: 1px solid #888C8C;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(15,17,17,.15) inset;
    outline: 0;
    overflow: auto;
    vertical-align: top;
    font-size: 14px;
}

.abs-cq-modal .abs_cq_otherInfo {
    background-color: #fff;
    width: 100%;
    padding: 5px 7px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    line-height: 19px;
    color: #0F1111;
    border: 1px solid #888C8C;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(15,17,17,.15) inset;
    outline: 0;
    overflow: auto;
    margin-bottom: 14px;
    font-size: 14px;
}

.abs-cq-modal .abs_cq_aclaracion {
    display: block;
    margin: 12px 0 14px;
}

.abs-cq-modal .abs_cq_aclaracion.abs_cq_thanks {
    font-size:15px;
    line-height:1.5;
    margin-bottom: 24px;
}

.abs-cq-modal .abs_cq_abs_qq_aclaracion {
    display:block;
    margin: 0 0 14px;
    font-weight:600;
    font-size:13px;
}

.abs-cq-modal .modal-footer {
    text-align: right;
    border: 0;
    margin: 0;
    padding: 0;
}

#abs-cq-thanks .modal-footer {
    text-align:center;
}

.bt-abs-cq-modal {
    background: #eff1f3;
    background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec);
    background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);
    border-radius: 3px;
    border-color: #ADB1B8 #A2A6AC #8D9096;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    text-align: center;
    text-decoration: none !important;
}

.bt-abs-cq-modal.new-abs-cq-pager {
    margin-top: 15px;
}

.bt-abs-cq-modal:hover {
    background: #e0e3e8;
    background: -webkit-linear-gradient(top,#e7eaf0,#d9dce1);
    background: linear-gradient(to bottom,#e7eaf0,#d9dce1);
    border-color: #a2a6ac #979aa1 #82858a;
}

.bt-abs-cq-modal.abs-cq-bt2 {
    background: #f4d078;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    border-color: #a88734 #9c7e31 #846a29;
    color: #111;
}

.bt-abs-cq-modal.abs-cq-bt2:hover {
    background: #f1c861;
    background: -webkit-linear-gradient(top,#f5d78e,#eeb933);
    background: linear-gradient(to bottom,#f5d78e,#eeb933);
    border-color: #a88734 #9c7e31 #846a29;
}

.bt-abs-cq-modal button {
    height: 29px;
    color: #111;
    background-color: transparent;
    border:0;
    font-size:13px;
    padding: 0 10px 0 11px;
    text-align: center;
    cursor: pointer;
}

.abs-cq-modal a:link, .abs-cq-modal a:visited {
    color: #2fb5d2;
    text-decoration:none;
}

.abs-cq-modal a:hover {
    color: #2592a9;
    text-decoration:none;
}

.abs_cq_has-error {
    border-color:#a94442 !important;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important;
}

.abs_cq_has-error:hover {
 border-color:#843534;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}

.abs_cq_is-valid {
 border-color:#2b542c !important;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 !important;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168 !important;
}

.absq_lessanswers.bt-abs-cq-modal {
    margin-right:10px;
}

.abs_cq_aclaracion.with_abs_line {
    padding-bottom: 8px;
}

.abs-cq-icon {
    position:relative;
}

#abs-cq-notif-admin [class^="icon-"], #abs-cq-endmessage-admin [class^="icon-"], #abs-version-admin [class^="icon-"]{
    font-weight: bold;
    color: #555;
    position: absolute;
    font-size: 30px;
    top: 30px;
    left: -10px;
}

#abs-cq-notif-admin .imageproduct  {
    float:left;
    margin-right: 10px;
    vertical-align: top;
    width: 100px;
}

#abs-cq-notif-admin #postarea {
    margin-top: 20px;
}

#abs-cq-notif-admin .message-final {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    font-size: 13px;
}

#abs-cq-notif-admin .abs_loading {
    position: relative;
    text-align: center;
    display: none;
}

#abs-cq-notif-admin .abs_loading .abs_loading_animation {
    left: 0;
    top: -115px;
}

#abs-cq-notif-admin .abs_loading .abs_loading_animation {
    --animate-duration: 3s;
    position: absolute;
    width: 100%;
    z-index: 9000;
}

#abs-cq-notif-admin .abs_loading .abs_loading_animation i{
    top:0 !important;
    left:0 !important;
    position: static !important;
    font-size: 50px !important;
}

@media (min-width: 768px) {
  .abs-cq-modal .modal-dialog {
    max-width: 460px;
    margin: 30px auto;
  }
 #abs-version-admin .modal-dialog {
    max-width: 660px;
}
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}