.elex-hs-content-table{
    width: 80%;
    font-size: 1.1em;
    margin-bottom: 2%;
}
.elex-hs-content-table-left{
    width: 15%;
    padding: 20px 0px;
}
.elex-hs-content-table-middle{
    width: 2%;
}
.elex-hs-content-table-right{
    width: 40%;
}

.elex-hs-content-table-manage-rule-name{
    width: 25%;
    padding: 13px 8px;
}
.elex-hs-content-table-manage-rule-param{
    width: 40%;
}
.elex-hs-content-table-manage-rule-actions{
    width: 20%;
}

.go_premium_color{
    color:green !important;
    font-size: 12px;
    margin-bottom: 10px;
    position: relative;
    top: -6px;
}



/*category*/
.elex-hs-category-table {
    position: relative;
    margin-top: 0px;
    z-index: 10;
    height: 100%;
    border-style: outset;
    border-width: medium;
    width: 330px;
    margin-top: 1%;
    max-height : 134px;
    overflow-y: scroll;
}
#elex_hs_cats_list {
    margin-left: 2%;
}

.elex-hs-loader {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../icons/load.gif') 50% 50% no-repeat rgb(242, 242, 242);
    background-size: 3%;
    opacity: 0.7;
}

#elex_hs_manage_rule_div table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#elex_hs_manage_rule_div td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

#elex_hs_manage_rule_div tr:nth-child(even) {
    background-color: #dddddd;
}

.elex-hs-copy-rule {
    height: 16px;
    width: 16px;
    background-image: url("../icons/copy.png");
}
.elex-hs-edit-rule {
    height: 16px;
    width: 16px;
    background-image: url("../icons/edit.png");
}
.elex-hs-delete-rule {
    height: 16px;
    width: 16px;
    background-image: url("../icons/delete.png");
}


.elex-hs-steps{
    display: inline-block;
    border-right: 1px #ddd;
    border-top: 20px solid #f1f1f1;
    width: 28%;
    margin: 0px;
    background-color: #B6D7EA;
    padding: 10px 20px !important;
    margin-right: 0px;
    box-sizing: border-box;
    position: relative;
}
.elex-hs-steps:before{
    content: '';
    border-left: 16px solid #B6D7EA;
    border-top: 20px solid #f1f1f1;
    border-bottom: 18px solid #f1f1f1;
    position: absolute;
    overflow: hidden;
    color: #fff;
    top: 0;
    right: 0;

}
.elex-hs-steps :after{
    content: '';
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 90%;
    z-index: 20;
}

.active{
    display: inline-block;
    /*border-right: 1px solid black;*/
    width: 26%;
    margin: 0px;
    background-color: #3aaa00;
    padding: 10px 20px !important;
    color: #fff;
    margin-right: 0px;
    box-sizing: border-box;
    position: relative;
}


.active:before{
    content: '';
    border-left: 16px solid #3aaa00;
    border-top: 20px solid #f1f1f1;
    border-bottom: 18px solid #f1f1f1;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;

}
.active :after{
    content: '';
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 90%;
    z-index: 20;
}