/*setting section*/
.OuterBoxSetting .filedBox{
    display: flex;
    flex-wrap: wrap;
    padding: 5px 10px;
}
.OuterBoxSetting label{
    width: 100%;
    display: block;
    order: 0;
    font-family: inherit;
    color: #0797dc;
}
.OuterBoxSetting .tableTitle{
    color: #0797dc;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
}
.OuterBoxSetting input[type="text"],select,textarea{
    order: 1;
    min-width: 210px;

}


.OuterBoxSetting .filedBox  input[type="text"],.filedBox select,.filedBox textarea{
    margin: 10px 3px;
    order: 1;
    font-family: inherit;
    border-right: 4px;
    border: 1px solid #bfbfbf;
    min-width: 210px;
}
/*setting section*/


.WB-breadcrumb {
    overflow:hidden;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
}
.WB-breadcrumb ol{
    line-height: 2.2;
    max-width: 100%;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    list-style: none;
    width: 100%;
}
.WB-breadcrumb li{
    list-style:none;
    display:inline-block;
    padding: 5px 0;
}
.WB-breadcrumb li a {
    font-size: 14px;
    position:  relative;
}
.WB-breadcrumb li a:hover {
    transform: translate(5px,5px);
    cursor: pointer;
}

.WB-breadcrumb li i {
    font-size: 14px;
    margin:0 10px;
    vertical-align: middle;
    color: #929292;
}
.WB-breadcrumb li:last-child i {
    display:none
}

.sectionTitle{
    display: flex;
    justify-content: center;
    border-top: 1px solid gray;
    padding: 10px 0;
    margin-top: 20px;
}
.sectionTitle label{
    text-align: center;
}

.contentReplace{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 50%;
    margin: auto;
}

.contentDelete{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.prevReplace,
.nextReplace{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    justify-content: center;
}
.contentDelete label,
.contentReplace label{
    text-align: center;
}

.submitBtn{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    padding: 17px 0px;
}

#addReplacer{
    border: 1px solid gray;
    border-radius: 6px;
    padding: 5px 26px;
    background: green;
    font-family: inherit;
    color: #fff;
}

.btnRelink {
    border: 1px solid gray;
    border-radius: 6px;
    padding: 5px 26px;
    background: green;
    font-family: inherit;
    color: #fff;
}

#filterTable,
#replacerTable{
    width: 100%;
}

 .OuterBoxSetting tr,
 .OuterBoxSetting th,
 .OuterBoxSetting td{
    text-align: center;
}

.deleteBtn:hover{
    background: #b14149;
    cursor: pointer;
}

.recoverBtn:hover{
    background: #2e8a32;
    cursor: pointer;
}

.deleteBtn{
    background: #e65b65;
    padding: 3px 14px;
    border: 0;
    outline: unset;
    border-radius: 6px;
    /* border: 1px solid red; */
    font-family: inherit;
    margin: 5px 0;
    color: #fff;
}

.recoverBtn{
    background: #4CAF50;
    padding: 3px 14px;
    border: 0;
    outline: unset;
    border-radius: 6px;
    /* border: 1px solid red; */
    font-family: inherit;
    margin: 5px 0;
    color: #fff;
}
.OuterBoxSetting .notice{
    color: #ff5e00;
}
.representative-remove{
    background-color: transparent;
    /* border: 1px solid #eee; */
    padding: 0;
    border: none;
}
.representative-remove:hover,
.representative-remove:active,
.representative-remove:focus,
.representative-remove:active:focus,
.representative-remove:active:hover,
.removeBreadCrumb:focus{
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}
.representative-remove i.fa.fa-eye{
    font-size: 18px;
    /* vertical-align: top; */
    border: 1px solid #0e835d;
    border-radius: 50%;
    padding: 3px;
    color: white;
    background-color: #0e835d;
}
.WB-breadcrumb .removeBreadCrumb{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-family: inherit;
}
.removeBreadCrumb .icon-remove.fa-times-circle{
    font-size: 25px;
    color: #d30101;
}

@media (max-width: 768px){
    .WB-breadcrumb ol{
        list-style: none;
        color: #929292;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        line-height: 2;
    }
}