/* *
* 2010-2022 Webkul.
*
* NOTICE OF LICENSE
*
* All right is reserved,
* Please go through LICENSE.txt file inside our module
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to 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 2010-2022 Webkul IN
* @license LICENSE.txt
*/

@media (min-width:650px) and (max-width: 730px) {
    .myModal{
        width: 550px!important;
    }
}
@media (min-width: 500px) and (max-width: 551px) {
    .mymodalcontent{
        width:450px!important;
    }
    #icon{
        font-size:40px;

    }
    #button{
        margin-left: 28%;
    }
  }
  @media (min-width: 550px) and (max-width: 732px) {
    .mymodalcontent{
        width: 500px!important;
    }
}
@media (min-width: 450px) and (max-width: 551px) {
    .mymodalcontent{
        width: 400px!important;
    }
}
@media (min-width: 320px) and (max-width: 410px) {
    .mymodalcontent{
        width: 300px!important;
    }
}
@media (min-width: 350px) and (max-width: 570px) {
    #succBox{
        margin-right: 45%!important;
    }
    #icon {
        font-size: 25px!important;
    }
}
@media (min-width: 408px) and (max-width: 464px) {
    .mymodalcontent{
        width:350px!important;
    }
    #button{
        margin-left: 20%;
    }
    #icon{
        font-size:35px;
    }
  }
.myfooter{
    padding: 0px;
}
.filldetails{
    padding: 15px;
}
.mydialogue {
    max-width: 670px;
}

#product-additional-info{
    padding: 1rem 1.5rem;
     text-align:center;
}
.wkmylabels{
    margin-bottom: 12px;
    margin-top:.9rem;
}
.mytitle{
    text-align: center;
    margin-top: 4%;
}
.borderLine{
    box-shadow: none;
}
.button.wk-qa-shopping-btn{
    padding: 15px;
    margin-left: 35%;
    position: relative;
}
.ico{
    font-size: 40px;
    color: white;
    position: relative;
    left: 45%;
    margin-top: 7%;
    background-color: #428bca;
    border-radius: 60%;
    padding: 3%;
}
/*Loader*/
.wk_qa_action_loader_block {
    display :none;
}

.wk_qa_action_loader {
    border: .1rem solid #ffffff;
    border-radius: 50%;
    border-top: .25rem solid #428bca;
    width: 1.9rem;
    height: 1.9rem;
    float: right;
    margin-top: 20px;
    margin-left: 10px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.infomodalicon{
    color:darkgray;
}
.mymodalcontent {
    /* border: 1px solid rgba(0,0,0,.2); */
    border-radius: .8rem;
    width: 670px;
}
.questionicons{
    color: #C4C4C4;
    cursor: pointer;
    font-size: 25px;
    margin-top: 5px;
    float: left;
}
.upVote{
    margin-right: 5px;
    margin-left: 11px;
    font-size: 10px;
    color: grey;
    cursor: auto!important;
}
.noTextDecoration{
    text-decoration: none!important;
}
.submit_question{
    float: right;
    margin-top: 10px;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
    text-transform: uppercase;
    font-weight: 600;
    padding: .5rem 1.25rem;
}
.fancybox-inner{
    overflow: hidden;
}
.loginPopup{
    margin-left: 0;
    margin-right: 0;
}
/* success modal box */
@media (min-width: 350px) and (max-width: 576px)
{
    .ico{
        width: 16%;
        padding: 4.5%;
    }
    .button{
        margin-left: 25%!important;
    }
}
@media (max-width: 349px)
{
    .ico{
        width: 25%;
        padding: 3.5%;
    }
    .button{
        margin-left: 14%;
    }
}

/* need login */
@media (min-width: 561px) and (max-width: 780px)
{
    .textLogin{
        margin-left:20%;
    }
    #productImage{
        height: 350px;
    }
}
@media (min-width: 425px) and (max-width: 560px)
{
    .textLogin{
        margin-top:0rem!important;
    }
    #productImage{
        height: 250px;
    }
}
@media (min-width: 300px) and (max-width: 425px)
{
    /* .textLogin{
        margin-top:0rem!important;
    } */
    #productImage{
        display: none;
    }
    .loginForm{
        margin-left: 20%!important;
    }
}
/*Load more*/
#loadMore{
    margin-left: 27%;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
    }
#loadMore a {
    background: #428bca;
    border-radius: 3px;
    color: white;
    display: inline-block;
    padding: 10px 30px;
    transition: all 0.25s ease-out;
    -webkit-font-smoothing: antialiased;
}

#topBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #428bca;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
  }
  #topBtn:hover {
    background-color: #555;
  }

/* ask question main */

#askQuestion{
    float: right;
}

.qaHeading{
    color:black;
    font-weight: 550;
}
.fullPage{
    padding-top: 20px;
}
.qaHeadingFull{
    color:black;
    font-weight: 550;
    font-size: 30px;
}
.answericons{
    color: #C4C4C4;
    cursor: pointer;
    font-size: 18px;
}

#checkEmpty{
    color:red;
}
.addIcon{
    font-size: 30px;
    color:black;
}
.addIcon:hover{
    color: #208094;
}
.wk-qa-search{
    right: 0px;
    position: absolute;
    padding-top: 5px;
    margin-right: 5px;
    pointer-events: none;
}
.wk-qa-search-full {
    font-size: 20px;
    position: absolute;
    /* top: 38%; */
    /* left: 97%; */
    right: 5px;
}
/* //productqa style */
.productqasession{
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    padding: 1.25rem 1.875rem;
    margin-top: 2rem;
    z-index: 1040;
    background: white;
}

.voteTotal{
    display: contents;
    color: #2592a9;
    font-size: 12px;
    line-height: 3px;
    cursor: auto!important;
}
.wk-qn-vote-icon{
    margin-right: -4px;
}
.likedislike{
    margin-left: 94%;
    font-size: 10px;
    color: #2592a9;
    line-height: 8px;
}
@media (min-width: 992px) and (max-width: 1200px)
{
   .likedislike{
       margin-left: 93%;
   }
}
@media (min-width: 992px) and (max-width: 1200px)
{
   .likedislike{
       margin-left: 93%;
   }
}

@media (min-width: 771px) and (max-width: 992px)
{
   .likedislike{
       margin-left: 90%;
   }
}
@media (min-width: 530px) and (max-width: 770px)
{
   .likedislike{
       margin-left: 86%;
   }
}
@media (min-width: 451px) and (max-width: 530px)
{
   .likedislike{
       margin-left: 83%;
   }
}
@media (min-width: 330px) and (max-width: 450px)
{
   .likedislike{
       margin-left: 80%;
   }
}
@media (min-width: 771px) and (max-width: 993px)
{
   .voteTotal{
       margin-left: 97.5%;
   }
}
@media (min-width: 480px) and (max-width: 770px)
{
   .voteTotal{
       margin-left: 96.5%;
   }
}
@media (min-width: 350px) and (max-width: 479px)
{
   .voteTotal{
       margin-left: 94.5%;
   }
}
/* New CSS */
.modal {
    margin: 0 auto;
    top: 15%;
}
.modal-question .col-12.textLogin {
    margin-top: 15px;
}
.reportAbuseIcon{
    font-size: 20px;
    color: #C4C4C4;
    margin-top: 5px;
}
.modal-question .wk-login-button-no-img {
    margin-top: 1.7rem !important;
    margin-bottom: 2rem;
}
.wk-qa-anybody-question {
    padding: 0px 20px;
    margin-bottom: -8px;
}
.wk-qa-answer-section{
    padding: 15px 20px;
}
.wa-qa-margin-right{
    margin-right: 10px;
}
.wk-qa-anybody-question .col-md-6 {
    padding: 0px;
}
.productqasession .wk-qa-search_Question{
    padding: 6px;
    width: 250px;
    height: auto;
}
.productqasession .wk-qa-search_Question-full{
    padding: 6px;
    width: 100%;
    margin-bottom: 4%;
    margin-top: -2%;
}
.wk-qa-modal-popup .wk-qa-user-icon{
    border-radius: 50%;
    margin-bottom: 10px;
    width: 80px;
}
.wk-qa-product-image #productImage{
    border-radius: 12px 0px 0px 12px;
    max-width: 100%;
}
.wk-qa-text-center{
    text-align: center;
}
.wk-qa-product-image .wk-qa-image-popup{
    text-align: center;
    padding: 10%;
    margin-left: -15px;
}
.modal-question .wk-qa-modal-header{
    margin-top: 20px;
    text-align:center;
}
.modal-question .close.wk-qa-close{
    margin-top: 6px;
}
.modal-question .close.wk-qa-all-close{
    margin-top: -12px;
}
.modal-question .wk-qa-login-text{
    margin-top: 1.2rem!important;
}
.modal-question .wk-qa-login-button{
    margin-top: 1.2rem!important;
}
.modal-question .wk-qa-text-area{
    padding: 35px;
}
button#askQuestion .material-icons {
    margin-right: 0px;
}
.wk-qa-posted-by{
    font-size: 12px;
    margin-top: .1rem;
    margin-bottom: 11px;
}
.wk-qa-report-btn{
    margin-top: .6rem;
    padding-right: 0px;
    /* padding-top: 12px; */
}
.wk-qa-report-abuse{
    float:right;
}
.wk-qa-float-right{
    float:right;
}
.wk-qa-icons{
    margin-left: 20px;
}
#totalLike, #totalDisLike, .voteTotal{
    color: #7a7a7a;
    margin-left: 4px;
    cursor: auto!important;
}
.wk-qa-margin{
    margin-top: 2%;
}
.wk-qa-report-abuse .dropdown-toggle:after{
    display: none;
}
.wk-qa-report-abuse .dropdown-menu{
    left: unset;
    right:0 !important;
}
.wk-qa-report-abuse .btn.disabled, .btn.disabled:hover {
    background: none;
}
#askQuestion .material-icons {
    font-size: 30px;
}
.wk-qa-display-none{
    display: none;
}
.wk-qa-disabled{
    display: none !important;
}
.wk-qa-align-center{
    text-align:center;
}
.wk-qa-align-right{
    text-align:right;
}
.wk-qa-img-responsive{
    max-width: 100%;
}
.wk-qa-icon-font{
    font-size: 16px;
}
.wk-qa-icon-admin{
    color: green;
}
.wk-qa-margin-bottom{
    margin-bottom: 2%;
}
.wk-qa-right-side-header .wk-qa-search {
    margin-top: 5px;
    color: #208094;
}
.wk-qa-right-side-header{
    height: 55px;;
}
.wk-qa-recaptcha{
    margin-top: 10px;
    width: 50% !important;
    float: left;
}
.wk-qa-clear-both{
    clear: both;
}
/* .wk-qa-margin-rh{
    margin-top: -17px;
} */
.wk-qa-right{
    padding-left: 12px !important;
    padding-bottom: 12px !important;
}
.wk-qa-required{
    color: red;
}
.wk-qa-shopping-btn{
    margin-bottom: 4%;
}
.wk-qa-strike-price{
    color: #7a7a7a;
    text-decoration: line-through;
    font-size: 1rem;
}
.\#see_all_answer.wk-qa-display {
    display: block;
}
.wk-qa-footer {
    border-top: none !important;
    float: right;
    margin-top: 4%;
}
.wk-qa-full-width-search{
    position: absolute;
    margin-top: -7.5%;
    width: 4%;
    background: white;
    margin-left: 6px;
    color: #7a7a7a;
}
.wk-qa-font-weight{
    font-weight: 700;
}
.wk-qa-font{
    font-weight: 300;
}
.rc-anchor-normal.rc-anchor-error .rc-anchor-error-msg-container {
    margin-top: 12px !important;
    font-size: 11px !important;
}
.rc-anchor-error-msg-container .rc-anchor-error-msg {
    font-size: 11px !important;
    margin-top: 12px !important;
}
/* enable absolute positioning */
.inner-addon {
    position: relative;
}
/* style icon */
.inner-addon .material-icons {
    position: absolute;
    padding-top: 2px;
    margin-right: 5px;
    pointer-events: none;
}
/* align icon */
.left-addon .material-icons  { left:  0px;}
.right-addon .material-icons { right: 0px;}
/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }