﻿ol.steps-list {
    padding: 0;
    margin: 0;
}
ol.steps-list li.step {
    list-style-type: none;
    float: none;
    display: block;
    padding: 0 0 0 32px;
    margin: 0 0 1rem 0;
    min-height: 32px;
    line-height: 32px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position-x: left;
    background-position-y: top;
}
ol.steps-list li.step span.valign {
    display: inline-block;
    padding: 0 0 0 1rem;
    margin: 0;
    vertical-align: middle;
    line-height: normal;
    text-align: left;
}
ol.steps-list li.step strong.step-n {
    font-weight: bold;
    color: #000000;
}
ol.steps-list:lang(ar) li.step {
    background-position-x: right;
    padding: 0 32px 0 0;
    text-align: right;
}
ol.steps-list:lang(ar) li.step span.valign {
        padding: 0 1rem 0 0;
        text-align: right;
}
ul.tips-list {
    padding: 1rem 0 0 0;
    margin: 0;
}
ul.tips-list li.tip {
    list-style-type: none;
    float: none;
    display: block;
    padding: 0 0 0 32px;
    margin: 0 0 1rem 0;
    min-height: 32px;
    line-height: 32px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position-x: left;
    background-position-y: top;
}
ul.tips-list li.tip:last-child {
    margin-bottom: 0;
}
ul.tips-list li.tip span.valign {
    display: inline-block;
    padding: 0 0 0  1rem;
    margin: 0;
    vertical-align: middle;
    line-height: normal;
    text-align: left;
}
ul.tips-list:lang(ar) li.step {
    background-position-x: right;
    padding: 0 32px 0 0;
    text-align: right;
}
ul.tips-list:lang(ar) li.step span.valign {
        padding: 0 1rem 0 0;
        text-align: right;
}
div.edit-profile {
    min-height: 48px;
    line-height: 48px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position-x: left;
    background-position-y: top;
    background-image: url(../img/48/edit-profile.png);
}
ol.steps-list li.priv-report {
    background-image: url(../img/32/private-report.png);
}
ol.steps-list li.select-comps {
    background-image: url(../img/32/select-companies.png); 
}
ol.steps-list li.meet-inv {
    background-image: url(../img/32/meeting-invite.png);
}
ol.steps-list li.check-cal {
    background-image: url(../img/32/check-calendar-weekly.png);
}
ol.steps-list li.cal {
    background-image: url(../img/32/calendar.png);
}
ol.steps-list li.print {
    background-image: url(../img/32/print.png);
}
ol.steps-list li.phone {
    background-image: url(../img/32/phone.png);
}
ol.steps-list li.refer {
    background-image: url(../img/32/refer.png);
}
ol.steps-list li.edit-profile {
    background-image: url(../img/32/edit-profile.png);
}
ol.steps-list li.browser-window {
    background-image: url(../img/32/browser-window.png);
}
ol.steps-list li.profile-company {
    background-image: url(../img/32/profile-company.png);
}
ol.steps-list li.meeting-referred {
    background-image: url(../img/32/meeting-referred.png);
}
ol.steps-list li.track-accept-and-decline {
    background-image: url(../img/32/track-accept-and-decline.png);
}
ol.steps-list li.edit-time {
    background-image: url(../img/32/edit-time.png);
}
ol.steps-list li.email {
    background-image: url(../img/32/email.png);
}
ol.steps-list li.username {
    background-image: url(../img/32/username.png);
}
ol.steps-list li.select-who {
    background-image: url(../img/32/select-who.png);
}
ol.steps-list li.status-of-meeting {
    background-image: url(../img/32/status-of-meeting.png);
}
ul.tips-list li.target-companies {
    background-image: url(../img/32/target-companies.png);
}
ul.tips-list li.select-who {
    background-image: url(../img/32/select-who.png);
}
ul.tips-list li.meeting-request {
    background-image: url(../img/32/meeting-request.png);
}
ul.tips-list li.browser-window {
    background-image: url(../img/32/browser-window.png);
}
ul.tips-list li.refer {
    background-image: url(../img/32/refer.png);
}
ul.tips-list li.phone {
    background-image: url(../img/32/phone.png);
}
ul.tips-list li.edit-profile {
    background-image: url(../img/32/edit-profile.png);
}
ul.tips-list li.website {
    background-image: url(../img/32/website.png);
}
ul.tips-list li.time {
    background-image: url(../img/32/time.png);
}
ul.tips-list li.email {
    background-image: url(../img/32/email.png);
}
ul.tips-list li.username {
    background-image: url(../img/32/username.png);
}
@media screen and (min-width: 960px) {
    ol.steps-list {
        padding: .5em 0;
        margin: 0;
    }
    ol.steps-list.two-col li.step {
        box-sizing: border-box;
        width: 49.5%;
        display: inline-block;
        margin: 0 0 1.5rem 0;
    }
    ol.steps-list li.step {
        display: block;
        list-style-type: none;
        padding: 0 0 0 32px;
        margin: 0 0 1rem 0;
        min-height: 32px;
        line-height: 32px;
        background-repeat: no-repeat;
        background-color: transparent;
        background-position-x: left;
        background-position-y: top;
        vertical-align: top;
    }
    ol.steps-list li.step span.valign {
        display: inline-block;
        padding: 0 4rem 0 1rem;
        margin: 0;
        min-height: 32px;
        vertical-align: middle;
        line-height: 1.4;
    }
    ol.steps-list li.step span.valign ul {
         margin-top: .4rem;
         margin-left: -20px !important;
    }
    ol.steps-list li.step strong.step-n, ol.steps-list li.step strong.step-n a {
        font-weight: bold;
        color: #000000;
    }
    ol.steps-list.two-col:lang(ar) li.step {
        float: right;
    }
    ol.steps-list:lang(ar) li.step {
        background-position-x: right;
        padding: 0 32px 0 0;
        text-align: right;
    }
    ol.steps-list:lang(ar) li.step span.valign {
         padding: 0 1rem 0 2rem;
         text-align: right;
    }
    ul.tips-list {
        padding: 0;
        margin: 0;
    }
    ul.tips-list.two-col li.tip {
        box-sizing: border-box;
        width: 49.5%;
       display: inline-block;
       margin: 0 0 1.5rem 0;
    }
    ul.tips-list li.tip {
        display: block;
        list-style-type: none;
        padding: 0 0 0 32px;
        margin: 0 0 1rem 0;
        min-height: 32px;
        line-height: 32px;
        background-repeat: no-repeat;
        background-color: transparent;
        background-position-x: left;
        background-position-y: top;
        vertical-align: top;
        overflow: hidden;
    }
    ul.tips-list li.tip span.valign {
         display: inline-block;
        padding: 0 1rem 0 1rem;
        margin: 0;
        min-height: 32px;
        vertical-align: middle;
        line-height: 1.4;
    }
    ul.tips-list li.target-companies {
        background-image: url(../img/32/target-companies.png);
    }
    ul.tips-list li.select-who {
        background-image: url(../img/32/select-who.png);
    }
    ul.tips-list li.meeting-request {
       background-image: url(../img/32/meeting-request.png);
    }
    ul.tips-list li.browser-window {
       background-image: url(../img/32/browser-window.png);
    }
    ul.tips-list li.refer {
       background-image: url(../img/32/refer.png);
    }
    ul.tips-list li.phone {
       background-image: url(../img/32/phone.png);
    }
    ul.tips-list li.edit-profile {
        background-image: url(../img/32/edit-profile.png);
    }
    ul.tips-list li.website {
        background-image: url(../img/32/website.png);
    }
    ul.tips-list li.time {
        background-image: url(../img/32/time.png);
    }
    div.edit-profile {
        min-height: 48px;
        line-height: 48px;
        background-repeat: no-repeat;
        background-color: transparent;
        background-position-x: left;
        background-position-y: top;
        background-image: url(../img/48/edit-profile.png);
    }
}
   
