﻿/*****************************************************/
#divSeachHelperContainer {
    display: none;
    top: 0px;
    right: 0px;
    float: right;
    position: absolute;
    border: 0px solid red;
    text-align: right;
    overflow: hidden;
    width: 100%;
}



#div-searchHelperCan {
    width: 100%;
    float: right;
    min-height: 300px;
}

#div-searchHelperSwitch {
    float: right;
    position: relative;
    width: 39px;
    height: 185px;
    background-color: #5286ba;
    margin-top: 50px;
    cursor: hand;
    cursor: pointer;
}

/*.dynSearchHelper {
    float: left;
    clear: both;
    border: 0px solid red;
    width: 100%;
}*/


#spAdvancedSearchTitle {
    color: #fff;
    float: left;
    width: 100%;
    font-weight: bold;
    margin: 0 0 0 10px;
    -moz-transform: rotate(-270deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin: bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

#div-searchHelperSwitch .div-arrow-panelSide {
    width: 21px;
    height: 13px;
    position: absolute;
    top: 145px;
    left: 3px;
}

#div-searchHelperSwitch .div-arrow-panelSide-ltr {
    background: url('../img/arrows/arrowMaster.png') 0 0;
}

#div-searchHelperSwitch .div-arrow-panelSide-rtl {
    background: url('../img/arrows/arrowMaster.png') 0 -13px;
}

.divDynSearchBox {
    float: right;
    clear: both;

    width: 100%;
    margin-top: 5px;
}

.chb-dynSearch {
    margin: 2px 0px 2px 2px !important;
    float: right;
    margin: 3px 0 3px 7px;
    position: absolute;
    z-index: 2;
    opacity: 0;
    right: 0;
}


.divDynSearchBox ul {
    width: 100%;
    float: right;
    display: flex;
    flex-wrap: wrap;
}

.divDynSearchBox .divDynSearchBox_u {
    color: black;
    width: 100%;
    background-color: #d9d9d9;
    color: #fff;
    float: left;
    border-radius: 10px;
}

    .divDynSearchBox .divDynSearchBox_u span:first-child {
        vertical-align: sub;
        color:#000;
    }

.divDynSearchBox .divDynSearchBox_m {
    /*padding-right: 10px;*/
}


    .divDynSearchBox .divDynSearchBox_m li {
        float: right;
        width: 100%;
        position: relative;
    }

    .divDynSearchBox .divDynSearchBox_m .attribName {
        color: #666;
        border-bottom: 0px solid rgba(255, 188, 26, 0.34);
        display: block;
        font-size: 1em;
        margin-bottom: 5px;
        font-weight: 600;
    }

.divDynSearchBox .divDynSearchBox_d {
}



.lbDynSearch {
    color: #999;
    margin-left: 2px;
}

    .lbDynSearch:before {
        content: "";
        border: 1px solid rgba(255, 188, 26, 0.80);
        float: right;
        width: 12px;
        height: 12px;
        margin: 2px 0 2px 2px;
      
    }
/*****************************************************/
.divDynSearchBox_m .el-SearchElement {
    cursor: hand;
    cursor: pointer;
    color: #6f6f6f;
}
.onlyLiIconWidth{
    width:25% !important;
    margin:10px 0;
}

.divDynSearchBox_m .el-SearchElement:hover {
    color: #618f0a;
}

.divDynSearchBox_m .el-SearchElementActive:before {
     content: "";
    float: right;
    width: 12px;
    height: 12px;
    position: absolute;
    background: #ffbc1a;
    right: 1px;
    top: 3px;

}

.lbDynSearch {
}

.spClose-dynFilter {
    float: right;
   
    border-left: 0px solid #fff;
    cursor: hand;
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
    padding: 5px;
}

.sp-attrib-filter-minimize {
    float: right;
    cursor: hand;
    cursor: pointer;
    font-size: 1.3em;
    color: #999;
    padding: 2px;
    padding-right: 0;
    margin: 0 0 0 2px;
    /* margin: 5px 0 0 5px; */
}
