/**
 * 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-"], #abs-custom-admin [class^="icon-"], #abs-process-admin [class^="icon-"]{
    font-weight: bold;
    color: #555;
    position: absolute;
    font-size: 30px;
    top: 30px;
    left: -10px;
}

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

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

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

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

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

#abs-cq-notif-admin .abs_loading .abs_loading_animation, #abs-custom-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, #abs-custom-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;
  }
}
/* START NEW COPY ABSQUESTION */
#abs-custom-admin .modal-dialog, #abs-process-admin .modal-dialog {
    max-width: 600px !important;
}

.input-group.searchabs {
    margin-left: 48px;
    margin-bottom: 8px;
}

#productFilterSelectProd {
    min-width: 482px;
}

.searchabs i.icon-search {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #555 !important;
    position: static !important;
}

#abs-custom-admin .modal-body {
    padding-top: 8px;
    padding-left: 0px;
    padding-right: 0px;
}

.abs_number_prod {
    font-size: 13px;
    text-align: left;
    padding-left: 0;
    padding-right: 24px;
    overflow: hidden;
}

#abs-custom-admin .select-asprodcopy.allselect {
    padding-left: 21.6px;
    padding-right: 10px;
}

#abs-custom-admin input.selectabstable {
    transform: scale(1.3);
    accent-color: #ea6620;
    cursor: pointer;
}

.abs_copy_selected_various, .abs_copy_selected_one {
    font-weight: normal;
}

.n_abs_number_prod, .n_abs_numbersel_prod {
    font-weight: 700;
}

.txt_abs_number_prod {
    font-size: 14px;
}

.txt_abs_number_prod.aright {
    float: right;
}

.abssquarecopy {
    margin-top: 3px;
    margin-bottom: 3px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fafbfb;
    max-height: 420px;
    text-align: left;
    font-size: 13px;
    clear: both;
    border-width: 0;
}

.absprodcopy {
    display: block;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    width: 100%;
    position: relative;
    border: 2px #fff solid;
}

.absprodcopysel {
    background-color: #fafbfb;
}

.absprodcopy:hover, .absprodcopysel:hover {
    cursor: pointer;
    background: #fff;
}

#deselectproduct .select-asprodcopy {
    padding-left: 12px;
    padding-right: 10px;
}

#deselectproduct input.selectabstable {
    transform: scale(1.3) !important;
    accent-color: #ea6620;
    cursor: pointer;
}

#abs-custom-admin .imageproduct {
    margin-left: 24px;
}

#abs-custom-admin .abs_cq_aclaracion.with_abs_line {
    margin-right: 24px;
}

.img-absprodcopy {
    display: inline-block;
    vertical-align: middle;
}

.content-image-prodcopy {
    min-height: 60px;
    width: 60px;
    display: inline-block;
    margin: 0px 8px 0px 0px;
}

.img-absprodcopy img {
    width: 100%;
    display: block;
    border: 1px solid #d5d9d9;
    border-radius: 4px;
}

.absprodcopy .name {
    color: #000 !important;
}

.absprodcopy:hover .name {
    color: #EA6620 !important;
}

.rest-info-abscustom {
    display: inline-block;
    position: absolute;
    text-align: right;
    right: 0;
    top: 30%;
    padding-right: 8px;
}

.absprodcopy .material-icons.withlinks {
    color: #d9d9d9;
}

.absprodcopy .material-icons.withlinks:hover {
    color: #EA6620;
    cursor: pointer;
}

.ac_results {
    text-align: left;
    padding: 0px;
    border: 1px solid #25b9d7;
    border-top: 0;
    background-color: white;
    overflow: hidden;
    z-index: 9999999;;
}

.ac_results li {
    margin: 0px;
    padding: 4px 5px;
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

.ac_odd {
    background-color: #f4fcfd;
}

.ac_over {
    background-color: #F27D64;
    color: white;
}

#abs-process-admin .info_processing {
    margin: 12px;
    display: block;
}

#abs-process-admin .processing, #abs-process-admin .doneprocessing {
    font-weight: 600;
    display: block;
    padding-bottom: 8px;
}

#abs-process-admin .processing .advise, #abs-process-admin .doneprocessing .done-elements {
    padding-left: 8px;
    font-weight: normal;
}

#abs-process-admin .doneprocessing {
    font-size: 16px;
    position: relative;
}

#abs-process-admin .processing, #abs-process-admin .doneprocessing {
    font-weight: 600;
    display: block;
    padding-bottom: 8px;
}

.absformatstats {
    display: block;
    padding: 0 6px 1px 6px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: left;
}

.progress-bar-rayad {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

#fountainG{
    position:relative;
    width:180px;
    height:22px;
    margin:auto;
}

.fountainG{
    position:absolute;
    top:0;
    background-color:rgb(0,0,0);
    width:22px;
    height:22px;
    animation-name:bounce_fountainG;
        -o-animation-name:bounce_fountainG;
        -ms-animation-name:bounce_fountainG;
        -webkit-animation-name:bounce_fountainG;
        -moz-animation-name:bounce_fountainG;
    animation-duration:1.5s;
        -o-animation-duration:1.5s;
        -ms-animation-duration:1.5s;
        -webkit-animation-duration:1.5s;
        -moz-animation-duration:1.5s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
    transform:scale(.3);
        -o-transform:scale(.3);
        -ms-transform:scale(.3);
        -webkit-transform:scale(.3);
        -moz-transform:scale(.3);
    border-radius:14px;
        -o-border-radius:14px;
        -ms-border-radius:14px;
        -webkit-border-radius:14px;
        -moz-border-radius:14px;
}

#fountainG_1{
    left:0;
    animation-delay:0.6s;
        -o-animation-delay:0.6s;
        -ms-animation-delay:0.6s;
        -webkit-animation-delay:0.6s;
        -moz-animation-delay:0.6s;
}

#fountainG_2{
    left:22px;
    animation-delay:0.75s;
        -o-animation-delay:0.75s;
        -ms-animation-delay:0.75s;
        -webkit-animation-delay:0.75s;
        -moz-animation-delay:0.75s;
}

#fountainG_3{
    left:45px;
    animation-delay:0.9s;
        -o-animation-delay:0.9s;
        -ms-animation-delay:0.9s;
        -webkit-animation-delay:0.9s;
        -moz-animation-delay:0.9s;
}

#fountainG_4{
    left:67px;
    animation-delay:1.05s;
        -o-animation-delay:1.05s;
        -ms-animation-delay:1.05s;
        -webkit-animation-delay:1.05s;
        -moz-animation-delay:1.05s;
}

#fountainG_5{
    left:90px;
    animation-delay:1.2s;
        -o-animation-delay:1.2s;
        -ms-animation-delay:1.2s;
        -webkit-animation-delay:1.2s;
        -moz-animation-delay:1.2s;
}

#fountainG_6{
    left:112px;
    animation-delay:1.35s;
        -o-animation-delay:1.35s;
        -ms-animation-delay:1.35s;
        -webkit-animation-delay:1.35s;
        -moz-animation-delay:1.35s;
}

#fountainG_7{
    left:135px;
    animation-delay:1.5s;
        -o-animation-delay:1.5s;
        -ms-animation-delay:1.5s;
        -webkit-animation-delay:1.5s;
        -moz-animation-delay:1.5s;
}

#fountainG_8{
    left:157px;
    animation-delay:1.64s;
        -o-animation-delay:1.64s;
        -ms-animation-delay:1.64s;
        -webkit-animation-delay:1.64s;
        -moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
    0%{
    transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_fountainG{
    0%{
    -o-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -o-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_fountainG{
    0%{
    -ms-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -ms-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_fountainG{
    0%{
    -webkit-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -webkit-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_fountainG{
    0%{
    -moz-transform:scale(1);
        background-color:rgb(0,0,0);
    }

    100%{
    -moz-transform:scale(.3);
        background-color:rgb(255,255,255);
    }
}

/* END NEW COPY ABSQUESTION */