.timetable{display:flex;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box}.timetable *{box-sizing:inherit}.timetable li,.timetable ul{list-style-type:none;margin:0}.timetable li,.timetable ul{padding:0}.timetable>aside{flex:none;max-width:30%;padding:0!important;margin-top:46px;border-right:5px solid transparent;position:relative}.timetable>aside li{padding:0 15px;background-color:#efefef;line-height:46px}.timetable>aside li:not(:last-of-type){border-bottom:1px solid #fff}.timetable>aside .row-heading{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.timetable>aside:before{content:"";display:block;background-color:#fff;height:46px;position:relative;margin-top:-46px;top:0}.timetable aside li,.timetable time li{height:46px}.timetable>section{flex:3 0 auto;width:0;padding:0!important}.timetable>section time{display:block;width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch}.timetable>section>header{position:relative;top:0;z-index:3;width:100%;overflow:hidden;background-color:#fff;transform-style:preserve-3d}.timetable>section>header ul{display:flex;height:46px;align-items:center}.timetable>section>header li{flex:none;display:block;position:relative;width:96px}.timetable>section>header li .time-label{display:block;position:absolute;left:0}.timetable>section>header li:not(:first-of-type) .time-label{transform:translateX(-50%)}.timetable>section>header li:last-of-type{width:0}.timetable>section>header li:last-of-type .time-label{transform:translateX(-100%)}.timetable ul.room-timeline{border-left:none;display:flex;flex-direction:column;align-items:stretch}.timetable ul.room-timeline li{position:relative;background-color:#f4f4f4;height:46px}.timetable ul.room-timeline li:nth-of-type(odd){background-color:#fdfdfd}.timetable ul.room-timeline li:first-of-type{border-top:1px solid #e5e5e5}.timetable ul.room-timeline li:last-of-type{border-bottom:1px solid #e5e5e5}.timetable ul.room-timeline li:not(:last-of-type){border-bottom:none}.timetable ul.room-timeline li:first-child .time-entry{height:44px}.timetable ul.room-timeline li:after,.timetable ul.room-timeline li:before{content:"";position:absolute;z-index:1;left:0;top:0;right:0;bottom:0}.timetable ul.room-timeline li:before{background-image:linear-gradient(90deg,#e5e5e5 1px,transparent 0);background-size:24px auto}.timetable ul.room-timeline li:after{background-image:linear-gradient(90deg,#e5e5e5,#e5e5e5 1px,#f4f4f4 0,#f4f4f4 2px,#e5e5e5 0,#e5e5e5 3px,transparent 0,transparent);background-size:96px auto;background-position:-2px 0}.timetable .time-entry{background-color:#ec6a5e;transition:background-color .2s;height:45px;display:block;position:absolute;z-index:2;padding:0 10px;white-space:normal;overflow:hidden;color:#fff;border:1px solid #e32c1b;transform-style:preserve-3d}.timetable .time-entry small{position:relative;top:50%;transform:translateY(-50%);display:block}.timetable .time-entry:hover{background-color:#e74030}
 

    .timetable-content .title-section h1{
        font-size:40px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #230541;
        opacity: 1;
    }
    .timetable-content .title-section-2 h1{
        font-size:40px;
        font-weight: 700;
        letter-spacing: 0px;
        color: #FEAF26;
        opacity: 1;
    }
    
    .timetable-content .title-section-3 h2{
        font-size:32px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }
    
    .timetable-content .title-section-4 h2{
        font-size:40px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #572279;
        opacity: 1;
    }
    
    .timetable-content .title-invided-card{
        padding-top: 2.75rem;
        padding-left: 1.25rem;
        text-align: left;
        font-size:35px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #FEAF26;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0);
        border-bottom: 0px solid rgba(0, 0, 0, 0);
    }
    
    .timetable-content .title-invided-2-card{
        padding-top: 2.75rem;
        padding-left: 1.25rem;
        text-align: left;
        font-size:35px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #30175A;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0);
        border-bottom: 0px solid rgba(0, 0, 0, 0);
    }
    
    
    @media only screen and (max-width: 431px) {
        .timetable-content .title-section h1 {
            font-size:30px;
        }
        .timetable-content .title-invided-card {
            font-size:20px ;
        }
    
        .timetable-content .title-invided-2-card {
            font-size:28px ;
        }
    }
    
    @media only screen and (max-width: 767px) {
        .timetable-content .title-invided-card {
            text-align: center;
        }
    
        .timetable-content .title-invided-2-card {
            text-align: center;
        }
    }
    
    .timetable-content .card-body-invided{
        padding-left: 2.25rem;
    }
    
    .timetable-content .card-invited-1{
        background-color: #fff;
        border: 0px solid rgba(0, 0, 0, 0.125) !important;
    }
    
    .timetable-content .card-invited-2{
        background: #F8F7F8 0% 0% no-repeat padding-box !important;
        opacity: 1;
        border: 0px solid rgba(0, 0, 0, 0.125) !important;
    }
    
    .timetable-content .content-info-invited {
        line-height: 7px
    }
    .timetable-content .content-info-invited p{
        text-align: center;
        font-size:10px;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #30175A;
        opacity: 1;
        margin-bottom: 0px;
        line-height: 13px !important;
        font-weight: 700;
    }
    
    .timetable-content .position-invited{
        text-align: center;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 0px;
        color: #FEAF26;
        opacity: 1;
        font-weight: 700;
    }
    
    .timetable-content .card-invided-info{
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .timetable-content .center-div{
        margin-left: auto;
        margin-right: auto;
    }
    .timetable-content .content-img{
        width: 100px !important;
        height: 100px !important;
    }
    .timetable-content .content-img img{
        width: 100px !important;
        height: 100px !important;
    }
    
    .timetable-content .register-bg{
        background: #30175A 0% 0% no-repeat padding-box;
        opacity: 1;
        width: 448px;
        height: auto;
    }
    
    .timetable-content .mtr{
        margin-top: 1.5rem ;
    }
    
    .timetable-content .register-bg a{
        font-size: 30px;
        letter-spacing: 0px;
        color: #FEAF26;
        opacity: 1;
        padding-top: 13px;
    }
    
    .timetable-content .content-middle-register{
        padding:15px;
    }
    @media only screen and (max-width: 322px) {
        .timetable-content .content-middle-register{
            padding:27px;
        }
        .timetable-content .register-bg a{
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width: 450px) {
        .timetable-content .bg-grey{
            background: #F8F7F8 0% 0% no-repeat padding-box !important;
        }
        .timetable-content .mtr{
            margin-top: 0px !important;
        }
    }
    
    .timetable-content .info-event{
        width: 985px;
        text-align: left;
        font-size: 20px;
        letter-spacing: 0px;
        color: #2C2C2C;
        opacity: 1;
    }
    
    .timetable-content .card-event{
        border: 1px solid #30175A;
        border-radius: 38px;
        opacity: 1;
        border-block-end: inherit;
    }
    
    .timetable-content .title-event-card {
        text-align: left;
        letter-spacing: 0px;
        font-size: 17px;
        color: #230541;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0);
        border-bottom: 0px solid rgba(0, 0, 0, 0);
        padding: 25px;
        padding-bottom: 1px;
    }
    
    .timetable-content .title-invited-event{
        text-align: left;
        letter-spacing: 0px;
        color: #30175A;
        opacity: 1;
    }
    
    .timetable-content .event-img-venues{
        position: absolute;
        top: 0px;
        padding-top: 9px;
        right: 11px;
    }
    
    .timetable-content .content-img-invited-event{
        width: 58px !important;
        height: 57px !important;
    }
    .timetable-content .content-img-invited-event img{
        width: 58px !important;
        height: 57px !important;
    }
    
    .timetable-content .content-info-invited-event p{
        text-align: center;
        font-size:8px;
        text-transform: uppercase;
        letter-spacing: 0px;
        color: #30175A;
        opacity: 1;
        margin-bottom: 0px;
        line-height: 13px !important;
        font-weight: 700;
    }
    
    .timetable-content .zero-pl-pr-event {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .timetable-content .card-footer-event{
        width: 100.7%;
        margin-left: -1px;
        background: #FEAF26 0% 0% no-repeat padding-box;
        border-radius: 0px 0px 29px 23px !important;
        opacity: 1;
        font-size:20px;
        letter-spacing: 0px;
        color: #30175A;
    }
    
    .timetable-content .back-button{
        height: 98px;
        width: 98px;
        border-radius: 50%;
        display: inline-block;
        background: #30175A 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
    }
    
    .timetable-content .sub-title-section h2{
        text-align: left;
        letter-spacing: 0px;
        color: #30175A;
    }
    
    .timetable-content .content-img-venues{
        width: 100px ;
        height: 100px ;
    }
    .timetable-content .content-img-venues img{
        width: 100px ;
        height: 100px ;
    }
    
    .timetable-content .content-img-country-invited{
        width: 200px ;
        height: 200px ;
    }
    .timetable-content .content-img-country-invited img{
        width: 200px ;
        height: 200px ;
    }
    .timetable-content .content-info-venues p{
        text-align: center;
        font-size:22px;
        letter-spacing: 0px;
        color: #6A308A;
        opacity: 1;
        font-weight: 700;
    }
    
    .timetable-content .content-info-country-invited p{
        text-align: center;
        font-size:22px;
        letter-spacing: 0px;
        color: #6A308A;
        opacity: 1;
        font-weight: 700;
        margin-bottom: 0px;
    }
    
    .timetable-content .date-event{
        text-align: center;
        font-size: 21px;
        letter-spacing: 0px;
        color: #FEAF26;
        opacity: 1;
        font-weight: 700;
    }
    @media only screen and (max-width: 991px) {
        .timetable-content .content-img-country-invited{
            width: 150px ;
            height: 150px ;
        }
        .timetable-content .content-img-country-invited img{
            width: 150px ;
            height: 150px ;
        }
        .timetable-content .date-event{
            font-size: 18px;
        }
    }
    
    @media only screen and (max-width: 400px) {
        .timetable-content .content-img-country-invited{
            width: 120px ;
            height: 120px ;
        }
        .timetable-content .content-img-country-invited img{
            width: 120px ;
            height: 120px ;
        }
        .timetable-content .content-info-country-invited p{
            font-size: 18px;
        }
        .timetable-content .date-event{
            font-size: 15px;
        }
    }
    
    
    @media only screen and (max-width: 400px) {
        .timetable-content .content-img-venues{
            width: 75px ;
            height: 75px ;
        }
        .timetable-content .content-img-venues img{
            width: 75px ;
            height: 75px ;
        }
        .timetable-content .content-info-venues p{
            font-size:12px;
        }
    }
    
    .timetable-content .buy-event{
        font-size:30px;
        letter-spacing: 0px;
        color: #30175A;
        font-weight: 700;
        width: 317px;
        height: 94px;
    }
    
    @media only screen and (max-width: 991px) {
        .timetable-content .buy-event{
            font-size:25px;
        }
    }
    
    .timetable-content .bg-program{
        background: #30175A 0% 0% no-repeat padding-box;
    }
    
    .timetable-content .scroll{
        height: 480px;
        overflow-y: scroll;
    }
    /* width */
    .timetable-content .scroll::-webkit-scrollbar {
        width: 5px;
        background: #30175A ;
        border-radius: 10px;
    }
      
      /* Handle */
    .timetable-content .scroll::-webkit-scrollbar-thumb {
        background: #FEAF26; 
        border-radius: 10px;
    }
    
    .timetable-content .info-movil{
        display: none;
    }
    .timetable-content .info-desktop{
        display: block;
    }
    
    @media only screen and (max-width: 767px) {
        .timetable-content .info-movil{
            display: block;
        }
        .timetable-content .info-desktop{
            display: none;
        }
    }
    
    .timetable-content .border-yellow-b-t{
        border: 0; 
        border-radius: 0 !important;
        border-bottom: 1px solid #FEAF26;
        border-top: 1px solid #FEAF26;
    }
    .timetable-content .text-red{
        color: red;
    }
    
    .timetable-content .btn-yellow{
        background: #FEAF26 !important;
    }
    .timetable-content .btn-register{
        width: 206px;
        height: 59px
    }
    
    .timetable-content .bg-yellow{
        background: #FEAF26 !important;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.25rem;
    }
    
    .timetable-content .text-yellow{
        color: #FEAF26 !important;
    }
    
    #title-movil{
        display: none;
    }
    
    #title-desktop{
        display: flex;
    }
    
    .timetable-content .logo-event{
        float: right;
        width: 118px;
        height: 116px;
    }
    .timetable-content .back-page{
        background: #30175A 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 50%;
        color: #FEAF26;
        width: 80px;
        height: 80px;
        font-size: 39px;
        padding: 9px;
    }
    .timetable-content .mt-event-title{
        margin-top: 3rem;
    }
    @media only screen and (max-width: 991px) {
    
        .timetable-content .mt-event-title{
            margin-top: 0;
        }
        #title-movil{
            display: flex;
        }
        
        #title-desktop{
            display: none;
        }
        .timetable-content .logo-event{
            float: none;
            width: 80px;
            height: 80px;
        }
        .timetable-content .back-page{
            font-size: 20px;
            width: 50px;
            height: 50px;
            padding: 8px;
        }
    }
    
    .timetable-content .special-content p{
        text-align: justify;
        color: #07010F;
    }
    
    .timetable-content .download-link{
        position: relative;
        float: right;
        right: 1em !important;
        top: -3.2em;
        width: 43px !important;
        height: 43px !important;
        background: white;
        border-radius: 50%;
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 7px;
        font-size: large;
        color: #FEAF26;
    }
    
    .timetable-content .see-more{
        width: 167px;
        height: 57px;
        background: #30175A 0% 0% no-repeat padding-box;
    }
    
    .timetable-content .see-more a{
        color: #FEAF26;
        text-decoration: none;
        font-weight: 700;
    }
    
    .timetable-content .bg-transparent{
        background: transparent;
        border: 0px;
    }
    
    .timetable-content .tab-border-l-r{
        border-left: 1px solid #FEAF26 !important;
        border-right: 1px solid #FEAF26 !important;
    }
    
    .timetable-content .list-group-item.active {
        z-index: 2;
        color: #572279;
    }
    
    #tab-profile a[aria-selected=false] {
        color: #C3C3C3;
    }
    
    .timetable-content .error{
        color:#DD2121;
    }
    
    .timetable-content .title-profile{
        color: #572279;;
    }
    
    .timetable-content .profile-register{
        width: 739px;
    }
    
    .timetable-content .profile-register a{
        color: #572279;
        text-transform: uppercase;
    }
    
    .timetable-content .profile-verification{
        width: 870px;
    }
    
    .timetable-content .btn-edit{
        background: #572279 0% 0% no-repeat padding-box;
        color:white;
    }
    
    .timetable-content .input-border{
        border: 1px solid #572279;
    }
    
    .timetable-content .input-radius{
        border-radius: 9px;
    }
    
    .timetable-content .info-profile p{
        color: #572279;
    }
    
    .timetable-content .info-profile label{
        font-weight: 200;
    }
    
    .timetable-content .card-profile{
        width: 600px;
        height: 460px;
    }
    
    input[type="radio"] {
        /* remove standard background appearance */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* create custom radiobutton appearance */
        display: inline-block;
        width: 20px;
        height: 20px;
        padding: 3px;
        /* background-color only for content */
        background-clip: content-box;
        border: 1px solid #572279;
        border-radius: 50%;
    }
      
    /* appearance for checked radiobutton */
    input[type="radio"]:checked {
        background-color: #FEAF26;
    }
    
    .timetable-content .text-color-purple{
        color: #572279;
    }
    
    .timetable-content .downloaded-materials{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000055;
        border-radius: 41px;
    }
    
    .timetable-content .downloaded-info{
        background: #F5F5F5 0% 0% no-repeat padding-box;
        border-radius: 30px;
    }
    
    .timetable-content .downloaded-info a{
        font-size: 25px;
    }
    
    #profile-info-event{
        display: block;
    }
    
    @media only screen and (max-width: 768px) {
        #profile-info-event{
            display: none;
        }
    }
    
    .timetable-content .payment{
        width: 870px;
    }
    
    #tab-payment a[aria-selected=false] {
        color: #572279;
    }
    
    #tab-payment .active {
        color: #FEAF26;;
        border: 1px solid #572279;
        background: #FFFFFF !important;
    }
    #tab-payment i {
        font-size: 45px;
    }
    
    #tab-payment span{
        font-size: 25px;
        font-weight: 600;
    }
    
    .timetable-content .tab-center-text{
        padding: 27px;
    }
    
    .timetable-content .tab-bg-payment{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 6px !important;
        width: 185px;
    }
    
    .timetable-content .card-figure{
        width: 275px;
        height: 177px;
        background: #9d70b9 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 11px;
    }
    
    #form-card label{
        font-size: 12px;
    }
    
    .timetable-content .btn-purple{
        background: #572279 0% 0% no-repeat padding-box;
    }
    
    .timetable-content .card-number{
        position: relative;
        float: right;
        right: 1.5em !important;
        top: 1.8em;
        padding-left: 29px;
        padding-right: 13px;
        padding-top: 7px;
        font-size: large;
        color: white;
    }
    
    .timetable-content .card-clientname{
        position: relative;
        float: left;
        top: 3.8em;
        padding-top: 7px;
        font-size: smaller;
    }
    
    .timetable-content .card-date-ex{
        position: relative;
        float: right;
        right: -0.6em !important;
        top: 3.8em;
        padding-top: 7px;
        font-size: smaller;
    }
    
    .timetable-content .payment-paypal{
        width: 300px;
    }
    
    .timetable-content .btn-paypal{
        background: #002575;
        border-radius: 26px;
    }
    
    .timetable-content .paypal-input{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #0C8AD8;
        border-radius: 4px;
    }
    
    #form-code label{
        font-size: 12px;
    }
    
    
    .timetable-content .content-list-icon{
        width: 2rem;
        height: 2rem;
        border: 1px solid #572279;
        border-radius: 50px;
        padding-left: 9px;
    }
    
    .timetable-content .content-list-icon i{
        font-style: normal;
        font-size: 1.3rem;
        line-height: 1.8rem;
        text-align: center;
    }
    
    .timetable-content .tab-content:not(:first-child) {
        display: block !important;
    }
    .timetable-content .player-premium{
        border: 1px solid #707070;
        border-radius: 9px;
    }
    
    .timetable-content .timetable ul.room-timeline li {
        background-color: transparent;
    }
    
    .timetable-content .timetable .time-entry {
        background-color: #EBEBEB;
        border: 1px solid #EBEBEB;
        color:black;
    }
    
    .timetable-content .timetable .time-entry:hover {
        background-color: #EBEBEB;
        border: 1px solid #EBEBEB;
    }
    
    .timetable-content .timetable ul.room-timeline li:before {
        background-image: none;
        background-size: 24px auto;
    }
    .timetable-content .timetable ul.room-timeline li:after {
        background-image:none;
        background-size: 96px auto;
        background-position: -2px 0;
    }
    
    .timetable-content .timetable>aside li {
        background-color: transparent;
    }
    
    .timetable-content .timetable>aside li:not(:last-of-type) {
        border-bottom: 0;
    }
    
    .timetable-content .timetable ul.room-timeline li:nth-of-type(odd) {
        background-color: transparent;
    }
    
    .timetable-content .timetable>aside:before {
        background-color: #F8F7F8;
    }
    
    .timetable-content .timetable>section>header {
        background-color: #F8F7F8;
    }
    
    .timetable-content .timetable> aside .row-heading {
        color: #572279;
    }
    
    .timetable-content .player-live {
        background-color:#572279 !important;
        border: 1px solid #572279 !important;
        color:white !important;
    }
    
    .timetable-content .player-bg{
        background: #F8F7F8;
    }
    
    .timetable-content .syncscroll::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: #30175A ;
        border-radius: 10px;
    }
      
      /* Handle */
    .timetable-content .syncscroll::-webkit-scrollbar-thumb {
        background: #FEAF26; 
        border-radius: 10px;
    }
    
    .timetable-content .btn-lenguage{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border: 1px solid #572279;
        border-radius: 16px;
        color: #572279;
        z-index: 5000;
    }
    
    .timetable-content .dropdown-toggle::after {
        content: '\25BC';
        position: absolute;
        top: 0;
        right: 0;
        padding: 7px;
        border-left: 1px solid #572279;
        color:#572279;
        cursor: pointer;
        pointer-events: none;
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease;
    }
    
    .timetable-content .dropdown-toggle::after {
        border-top: 0;
    }
    .timetable-content .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
        outline:none !important;
        outline: none!important;
        outline-offset: 0px;
    }
    
    
    .timetable-content .tracking-detail {
        padding:3rem 0
       }
       #tracking {
        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
       }
       .timetable-content .tracking-status-intransit {
        background-color:#65aee0
       }
       .timetable-content .tracking-status-outfordelivery {
        background-color:#f5a551
       }
       .timetable-content .tracking-status-deliveryoffice {
        background-color:#f7dc6f
       }
       .timetable-content .tracking-status-delivered {
        background-color:#4cbb87
       }
       .timetable-content .tracking-status-attemptfail {
        background-color:#b789c7
       }
       .timetable-content .tracking-status-error,.tracking-status-exception {
        background-color:#d26759
       }
       .timetable-content .tracking-status-expired {
        background-color:#616e7d
       }
       .timetable-content .tracking-status-pending {
        background-color:#ccc
       }
       .timetable-content .tracking-status-inforeceived {
        background-color:#214977
       }
       .timetable-content .tracking-item {
        border-left:1px solid #FEAF26;
        position:relative;
        padding:2rem 0.5rem .5rem 2.5rem;
        font-size:.9rem;
        margin-left:3rem;
        min-height:5rem
       }
       .timetable-content .tracking-item:last-child {
        padding-bottom:4rem
       }
       .timetable-content .tracking-item .tracking-date {
        position: absolute;
        left: -10rem;
        width: 8.5rem;
        text-align: right;
        margin-left: 10px;
        margin-bottom:.5rem;
        color:white;
       }
       .timetable-content .tracking-item .tracking-date span {
        color:#FEAF26;
        font-size:70%;
        padding-left:.4rem;
        display: block;
       }
       .timetable-content .tracking-item .tracking-content {
        padding:.5rem .8rem;
        background-color:transparent;
       }
       .timetable-content .tracking-item .tracking-content span {
        display:block;
        color:#888;
        font-size:85%
       }
       .timetable-content .tracking-item .tracking-icon {
        line-height:2.6rem;
        position:absolute;
        left:-0.6rem;
        width:1.1rem;
        height:1.1rem;
        text-align:center;
        border-radius:50%;
        font-size:1.1rem;
        background-color:#FEAF26;
        color:#fff
       }
       .timetable-content .tracking-item .tracking-icon.status-sponsored {
        background-color:#f68
       }
       .timetable-content .tracking-item .tracking-icon.status-delivered {
        background-color:#4cbb87
       }
       .timetable-content .tracking-item .tracking-icon.status-outfordelivery {
        background-color:#f5a551
       }
       .timetable-content .tracking-item .tracking-icon.status-deliveryoffice {
        background-color:#f7dc6f
       }
       .timetable-content .tracking-item .tracking-icon.status-attemptfail {
        background-color:#b789c7
       }
       .timetable-content .tracking-item .tracking-icon.status-exception {
        background-color:#d26759
       }
       .timetable-content .tracking-item .tracking-icon.status-inforeceived {
        background-color:#214977
       }
       .timetable-content .tracking-item .tracking-icon.status-intransit {
        color:#e5e5e5;
        border:1px solid #e5e5e5;
        font-size:.6rem;
       }
       .timetable-content .tracking-content{
            color: white;
            font-size: 15px;
       }
       @media(min-width:992px) {
        .timetable-content .tracking-item {
         margin-left:10rem;
        }
        .timetable-content .tracking-item .tracking-date {
         position:absolute;
         left:-10rem;
         width:7.5rem;
         text-align:right;
         color: white;
        }
        .timetable-content .tracking-item .tracking-date span {
         display:block;
        }
        .timetable-content .tracking-item .tracking-content {
         padding:13px;
         background-color:transparent
        }
       }
}