.general-search {
    padding: 3px;
}

.logo img{
    filter:none !important;
    opacity: 1;
}
.general-search input{
    background: rgba(0,0,0,0.04);
    border:none;
    height:28px;
    padding: 0 10px;
}
.as-header-top .shopping-cart .fx-badge{
    top:2px;
}
.as-header-top .shopping-cart  i{
    width:24px;
    height:24px;
}
.general-search input:focus{
    background: rgba(255,255,255,0.7);
}
.general-search button{
    background: none !important;
    color:#0688f2 !important;
    padding:2px !important;
}
html[dir="ltr"] .general-search button{
    margin-left: -20px;
}
html[dir="rtl"] .general-search button{
    margin-right: -20px;
}
.login .fx-dropdown-toggle > div > a {
    margin-top: -3px;
    color: #383838;
}
.fx-vertical-form input{
    width:100%
}
@media screen and (min-width:320px) and (max-width: 680px){
    .as-header-top .shopping-cart  i{
        margin-top:6px;
    }
    .ace-form-popup h3{
        font-size:18px;
    }
    #message-wizard-form .ace-form-container {
        padding:0 !important;
    }
    #message-wizard-form .fx-mobile-title-bar{
        margin-bottom:16px;
    }
    #message-wizard-form .ace-form-container h3, #message-wizard-form .ace-form-container .ace-auto-gen, #message-wizard-form .ace-form-container .ace-form-footer{
        padding:0 16px !important;
    }
    #message-wizard-form .ace-form-container .ace-form-footer{
        padding-bottom:16px !important;
    }
    .ace-form-popup{
        position: fixed !important;
        height: 100%;
        width: 100% !important;
        background:transparent !important;
        top: 0;
        left: 0;
        z-index: 16;
        transition: ease .3s;
        display:block !important;
        pointer-events:none;
    }
    .ace-form-popup.ace-form-show{
        pointer-events:all;
    }
    .ace-form-popup .ace-form-container{
        position: fixed;
        width: 100% !important;
        height: 100% !important;
        overflow-x: hidden;
        overflow-y: auto;
        opacity:0;
        transform:translateY(100%);

        top:0 !important;
        padding: 0;
        margin-top:0 !important;
        -webkit-transition:ease-in-out .3s;
        transition: ease-in-out .3s;
        left:0;
        z-index: 4;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        pointer-events:none;
    }
    .ace-form-popup.ace-form-show .ace-form-container{
        transform: translateY(0);
        pointer-events:all;
        opacity:1;
    }
    .fx-dropdown-toggle > span.fx-dropdown-label{
        display:none;
    }
    .pw_by_aswaq{
        display:none;
    }
    .as-header-top .login{
        font-size:20px;
        display:flex;
        align-items:center;
    }
    .as-header-top .fx-container{
        padding:0;
    }
}
html,body{
    overflow-y:auto !Important;
    -webkit-overflow-scrolling:touch;
}
header.as-header-top-small{
    top:0;
    position: static;
    padding: 0;
    margin: 0;
}
.as-product-actionbar{
    display:flex;
    padding-right:8px;
}


.as-product-actionbar button{
    background:transparent !important;
    border-color:transparent  !important;
    color:#0098ff  !important;
    margin:0  !important;
}
.as-product-actionbar button:hover{
    background:transparent  !important;
    color:#0688f2  !important;
}
.as-product-actionbar .as-compare-tool{
    align-items:center;
    align-content:center;
    margin-right:auto;
    padding-left:16px;
    border-right:1px solid rgba(0,0,0,0.1);
}
html[dir="rtl"] .as-product-actionbar .as-compare-tool{
    margin-right:0;
    margin-left:auto;
}
.as-product-actionbar i{
    transition:ease .2s;
}
.as-product-actionbar .add-to-wsh{
    color:transparent !important;
    font-size:18px;
    -webkit-text-stroke:1px #e74895;
}
 @keyframes bounce{
     0%{
         transform:scale(0.6);
     }
     50%{
         transform:scale(1.8);
     }
     100%{
         transform:scale(1);
     }
}
.as-product-actionbar .add-to-wsh:hover, .as-product-actionbar .add-to-wsh[is_part="1"]{
    color:#e74895 !important;
}
.as-product-actionbar .add-to-fav[is_part="1"] , .as-product-actionbar .add-to-wsh[is_part="1"] {
    animation: bounce ease .6s;
}
.as-product-actionbar .add-to-fav{
    color:transparent !important;
    font-size:18px;
    -webkit-text-stroke:1px #FFC107;
}
.as-product-actionbar .add-to-fav:hover, .as-product-actionbar .add-to-fav[is_part="1"]{
    color: #FFC107 !important;
}
/* tooltip */
[fx-toggle="tooltip"]{
    position:relative;
}
[fx-toggle="tooltip"]  .fx-tooltip{
    display: flex;
    justify-content:center;

    position:absolute;
    transform: translateY(20%);
    left:50%;
    margin-left: -60px;

    width:120px;
    max-width:120px;
    padding:6px;

    text-align:center;
    font-weight:400;

    background-color:#222e3f;
    color:#ffffff;
    border-radius:6px;

    transition:ease-in-out .3s;
    transform:translateY(-40%);
    opacity:0;
    pointer-events:none;
    bottom:calc(100% + 12px);
}
[fx-toggle="tooltip"][fx-placement="bottom"]  .fx-tooltip{
    bottom:initial;
    top:calc(100% + 12px);
}
[fx-toggle="tooltip"]:hover .fx-tooltip{
    transform:translateY(0px);
    opacity:1;

}
.fx-tooltip:after{
    content:' ';
    position:absolute;
    width:0;
    bottom:-8px;

    left:0;
    right:0;


    margin:auto;

    border-top:10px solid #222e3f;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
}
[fx-toggle="tooltip"][fx-placement="bottom"]  .fx-tooltip:after{

    top:-8px;

    bottom:initial;
    border-top:none;


    border-bottom:10px solid #222e3f;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
}
/* end tooltip */
.as-actionbar-show{
    position:relative;
}
.as-actionbar-show:hover .as-product-actionbar{
    transform:translateY(0);
    opacity:1;
    z-index: 9;
}
[is_followed]{
     border-radius: 16px;
    padding: 6px 16px;
}
[is_followed="0"]{
    color:#ffffff;
    background:#108bea;

}
[is_followed="1"]{
    color:#108bea;
    border-color:#108bea;
    background:transparent;

}
.fx-checkbox span:before{
    height: 16px;
    width: 16px;
    font-size: 12px;
    background:#ffffff;
}
html[dir="ltr"] .as-compare-tool {
    border-left:1px solid rgba(0,0,0,0.1);
    padding-left:10px;
}
html[dir="rtl"] .as-compare-tool {
    border-right:1px solid rgba(0,0,0,0.1);
    padding-right: 10px;
}