* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: dimgray;
    font-size: 14px;
    color: #919191;
}

ul {
    list-style: none;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    border: none;
    outline: none;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

h4 {
    font-size: 20px;
}

h2 {
    font-size: 28px;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.table {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
}

.cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.zindex {
  z-index: 5;
}

ul.progress {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #555;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

ul.progress li {
    float: left;
    line-height: 20px;
    height: 20px;
    min-width: 25%;
    position: relative;
    padding: 0px 0px 0px 6px;
    color: #FFF;
}

ul.progress li {
    background-color: #555;
    text-transform: uppercase;
    font-size: 11px;
}

.progress > li.active {
    /*background-color: #be1e2d;*/
    background-color: #f43f00;
    font-weight: 700;
}


#trackingg {
    margin-bottom:1rem
}
[class*=tracking-status-] p {
    margin:0;
    font-size:1.1rem;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
[class*=tracking-status-] {
    padding:1.6rem 0
}
.tracking-status-intransit {
    background-color:#65aee0
}
.tracking-status-outfordelivery {
    background-color:#f5a551
}
.tracking-status-deliveryoffice {
    background-color:#f7dc6f
}
.tracking-status-delivered {
    background-color:#4cbb87
}
.tracking-status-attemptfail {
    background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
    background-color:#d26759
}
.tracking-status-expired {
    background-color:#616e7d
}
.tracking-status-pending {
    background-color:#ccc
}
.tracking-status-inforeceived {
    background-color:#214977
}

.tracking-list {
    /*border:1px solid #e5e5e5*/
}
.tracking-item {
    border-left:1px solid #f43f00;
    position:relative;
    /*padding:2rem 1.5rem .5rem 2.5rem;*/
    
    padding-top:0px;
    padding-left:2rem;
    /* font-size: 1.2rem; */
    margin-left:3rem;
    min-height:5rem
}
.tracking-item:last-child {
    padding-bottom:1rem;
    /* font-size: 16px; */
    /*padding-bottom:4rem*/
}
.tracking-item .tracking-date {
    margin-bottom:.5rem
}

.tracking-item .tracking-date span {
    color:#888;
    font-size:85%;
    padding-left:.4rem
}
.tracking-item .tracking-content {
    padding:.5rem .8rem;
    background-color:#f4f4f4;
    /*border-radius:.5rem*/
}
.tracking-item .tracking-content span {
    display:block;
    color:#888;
    font-size:85%
}

.tracking-item .tracking-icon {
    /* line-height: 2.6rem; */
    position: absolute;
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
    text-align: center;
    border-radius: 50%;
    font-size: 1.1rem;
    background-color: #fff;
    color: #fff;
}

.tracking-item .tracking-icon.status-sponsored {
    background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
    background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
    background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
    background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
    background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
    background-color:#d26759
}
.tracking-item .tracking-icon.status-inforeceived {
    background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
    color:#e5e5e5;
    /*border:1px solid #e5e5e5;*/
    font-size:.6rem
}
@media(min-width:992px) {
    .tracking-item {
        /*margin-left:10rem*/
    }
    .tracking-item .tracking-date {
        /*position:absolute;*/
        /*left:-10rem;*/
        /*width:7.5rem;*/
        text-align:left;
    }
    .tracking-item .tracking-date span {
        display:block
    }
    .tracking-item .tracking-content {
        padding:0;
        background-color:transparent
    }
}

.fa-circle{
    color: #f43f00 !important;    
}

th, td{
    text-transform: capitalize !important;
}

.tracking-content{
    color: #f43f00;
    font-weight: bold !important;
}
/*all fonts*/

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on April 25, 2016 */


/* 
@font-face {
    font-family: 'montserratblack';
    src: url('../fonts/montserrat-black.woff2') format('woff2'),
         url('../fonts/montserrat-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratbold';

    src: url('../fonts/montserrat-bold.woff2') format('woff2'),
         url('../fonts/montserrat-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light.woff2') format('woff2'),
         url('../fonts/montserrat-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular.woff2') format('woff2'),
         url('../fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratsemi_bold';
    src: url('../fonts/montserrat-semibold.woff2') format('woff2'),
         url('../fonts/montserrat-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */

/*end of fonts*/