@font-face {
    font-family: FranklinDPD_Demi;
    src: url("/DesktopModules/Inventise.DPD/fonts/FranklinDPD_Demi.otf");
}

@font-face {
    font-family: FranklinDPD_Book;
    src: url("/DesktopModules/Inventise.DPD/fonts/FranklinDPD_Book.otf");
}

@font-face {
    font-family: helvetica_neue_bold;
    src: url("/DesktopModules/Inventise.DPD/fonts/helvetica-neue-bold.ttf");
}

@font-face {
    font-family: helvetica_neue;
    src: url("/DesktopModules/Inventise.DPD/fonts/HelveticaNeue-Thin.otf");
}

@font-face {
    font-family: pluto-sans-extra-light;
    src: url("../fonts/PlutoSansDPDExtraLight-Web.eot") format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/PlutoSansDPDExtraLight-Web.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/PlutoSansDPDExtraLight-Web.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: pluto-sans-light;
    src: url('../fonts/PlutoSansDPDLight-Web.woff'), url('../fonts/PlutoSansDPDExtraLight-Web.ttf');
}

@font-face {
    font-family: pluto-sans;
    src: url('../fonts/PlutoSansDPDRegular-Web.woff') format('woff'), 
       url('../fonts/PlutoSansDPDRegular-Web.ttf')  format('truetype');
}

@font-face {
    font-family: pluto-sans-thin;
    src: url("../fonts/PlutoSansDPDThin-Web.eot") format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/PlutoSansDPDThin-Web.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/PlutoSansDPDThin-Web.ttf')  format('truetype');
}

/* fonts for martin */

/*@font-face {
    font-family: PlutoSansDPDRegular;
    src: url("/DesktopModules/Inventise.DPD/fonts/WebFonts/PlutoSansDPDRegular-Web.ttf");
}

body,.menuDefault {
    font-family: PlutoSansDPDRegular !important;
}*/

.loading-spinner {
    height:60px;
    width: 60px;
    margin: 0 auto;
    display: block;
    background-size:contain;
    background-image:url(/DesktopModules/Inventise.DPD/Images/spinner.svg);
}

.main-wrapper.dpd {
    min-height: 600px;
}

h1.welcome_title {
    margin-left: 8px;
}


h2.welcome_title.left {
    margin-top: 6px;
}

.welcome-message {
    margin-bottom: 10px;
}


.icon-alerts-size {
    font-family: FranklinDPD_Book, Arial !important;
    font-size: 15px;
}

    .icon-alerts-size .col-xs-12 {
        margin-left: 12px;
        padding-right: 0px;
        margin-bottom: 35px;
    }

.skin-login-dpd.mobile-skin .icon-alerts-size .col-xs-12 {
    padding-left: 0px;
    margin-left: 0px;
}

.mobile-skin .consignment-mobile-epected .icon-alerts-size .col-xs-12 {
    margin-left: -5px !important;
}

.mobile-skin .address-book .icon-alerts-size .col-xs-12,
.mobile-skin .address-edit .icon-alerts-size .col-xs-12,
.mobile-skin .div-add-email .icon-alerts-size .col-xs-12,
.mobile-skin .divMyAccount .icon-alerts-size .col-xs-12,
.mobile-skin .add-mobile-mobile .icon-alerts-size .col-xs-12 {
    margin-left: -10px !important;
}

.address-book .icon-alerts-size .col-xs-12,
.address-edit .icon-alerts-size .col-xs-12 {
    margin-left: 0px;
    padding-right: 0px;
}

.icon-alerts-size span.glyphicon {
    font-size: 25px !important;
    margin-right: 10px !important;
    float: left !important;
    margin-top: -5px !important;
}

.dpd.main-wrapper dpd input,
.dpd.main-wrapper dpd select,
.dpd.main-wrapper dpd textarea {
    font-family: Arial, Sans-Serif;
}

#cellTableViewjqxcalendar {
    font-family: helvetica_neue_bold,Arial;
    font-weight: bold;
    color: #6c7174;
    font-size: 12pt;
}

.skin-default-dpd.mobile-skin #cellTableViewjqxcalendar {
    font-size: 7pt;
    margin-left: 3px;
    width: 281px;
}

#cellTableViewjqxcalendar td {
    width: 64px !important;
}

.skin-default-dpd.mobile-skin #cellTableViewjqxcalendar td {
    max-width: 40px !important;
    max-height: 35px !important;
    min-height: 35px !important;
    min-width: 40px !important;
}

.divInformationsRight #cellTableViewjqxcalendar {
    font-size: 7pt;
}

.my-calendar-days-week {
    font-family: Arial;
    color: #6c7174;
    font-weight: bold;
}

.ng-pristine .ng-invalid-required {
    /*This style is required because otherwise the red border will be shown in firefox*/
    box-shadow: none;
}

.google-maps img {
    max-width: inherit;
}
/*.container
{
    width: 1040px !important;
}*/
.divInformationsRight {
    float: right;
    /* width: 300px; */
}

.homePageImage {
    float: right;
}

.menuHalfStart {
    margin-top: -63px;
    margin-left: -10px;
}

.addressBookImage {
    margin-left: 10px;
}

.LetTheMagic {
    color: #FFF;
    text-align: center;
    font-size: 26px;
}

.wizzardImage {
    margin-left: 10px;
}

.WhatParcelWizard {
    padding-top: 10px;
}

.infoText {
    font-size: 10px;
    padding-bottom: 10px;
}

.linkMore {
    text-align: right;
}

.divWizardLogo {
    position: absolute;
    right: 921px;
    width: 663px;
    top: 123px;
    left: 422px;
}

#siteHeadinner h3 {
    margin-left: 115px;
}

#siteHeadinner hr {
    background-color: #f00;
    height: 1px;
    margin-left: 115px;
}

.fiveStartsImage {
    width: 97px;
    position: absolute;
    top: 514px;
    right: 1525px;
    left: 388px;
}

.wizardNewImage {
    width: 530px;
    margin-left: 80px;
    margin-top: -165px;
}

.divProfile .tableWizard {
    background-image: url('../Images/wizard-bg-profile.png');
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-right: 0px;
    width: 702px;
    margin-left: -43px;
    margin-right: 40px;
    height: 575px;
}

.mobile-skin .divProfile .tableWizard {
    background-image: url('../Images/wizard-bg-profile-mobile.png');
    background-size: 316px;
    width: 315px;
}

.divProfile {
    /*width: 110%;*/
    /*margin-top: 50px;*/
}

    .divProfile .footer-box {
        background-color: white;
        display: inline-block;
        border: 1px solid black;
        width: 930px;
        margin-left: 25px;
        padding: 5px 20px 0;
        text-align: center;
    }

        .divProfile .footer-box .red {
            color: red;
            text-decoration: underline;
        }

.mobile-skin .divProfile {
    width: 320px;
}

.tableWizard td:first-child {
    width: 385px;
    height: 40px !important;
}

.tableWizard .parcel-wiard-id {
    margin-left: 22px;
    margin-top: 310px;
    width: 290px;
    overflow: hidden;
}

    .tableWizard .parcel-wiard-id span {
        min-height: 66px;
        display: inline-block;
    }

.tableWizard .btn.depot-finder {
    margin-left: 360px;
    margin-top: 120px;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 15px;
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-37-H.png');
    background-repeat: repeat-x;
}

.PN {
    padding-left: 35px;
    font-size: 75px;
    font-weight: bold;
}

.divProfilee {
    background-image: url("/Portals/_default/Skins/DPD/Images/wizzard.png") !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 500px;
}

.profileDashBoard {
    padding-top: 13px;
    margin-left: -24px;
    margin-top: -7px;
}

.profileDescription {
    margin-left: -24px;
}

    .profileDescription h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .profileDescription p {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .profileDescription thead td,
    .profileDashBoard thead td {
        padding-left: 20px;
        font-size: 24px;
        text-align: center;
        padding-top: 0px;
    }

    .profileDescription thead,
    .profileDashBoard thead {
        background: #E20028;
        background-image: url("/Portals/_default/Skins/DPD/Images/halfStar.png");
        background-repeat: no-repeat;
        background-position: right;
        color: #fff;
        display: table-caption;
        width: 518px;
        height: 32px;
        margin-top: -2px;
    }

.profileDashBoard table {
    background-image: url("/Portals/_default/Skins/DPD/Images/DashBoardBackground.png");
    background-position: 100%, 100%;
    width: 518px;
}

.profileDescription table {
    background-image: url("/Portals/_default/Skins/DPD/Images/LetTheMagicBackground.png");
    background-position: 100%, 100%;
    width: 518px;
}

.profileMyAccount thead {
    background: #E20028;
    /*background-image: url("images/star.jpg");*/
    background-image: url("/DesktopModules/Inventise.DPD/Images/welcomeTable.png");
    color: #fff;
    display: table-caption;
    width: 260px;
    font-weight: bold;
    font-size: 25px;
}

.profileMyDeliveryThisWeek thead {
    color: #fff;
    display: table-caption;
    width: 261px;
    background-image: url("/DesktopModules/Inventise.DPD/Images/DeliveriesWeekTable.png");
    background-repeat: no-repeat;
    font-family: FranklinDPD_Book, Arial;
    font-size: 14pt;
}

.profile-table-welcome td {
    font-family: FranklinDPD_Book,Arial;
}

.profile-table-welcome span {
    font-family: FranklinDPD_Demi,Arial;
}

.profileMyDeliveryThisWeek tbody {
    height: 100px;
    display: inline-block;
    overflow-y: scroll;
}

.profileMyDeliveryThisWeek .sub-header {
    font-family: FranklinDPD_Demi,Arial;
    color: #000;
    font-size: 10pt;
    background-color: #ddd;
    border-bottom: 1px solid #fff;
}

    .profileMyDeliveryThisWeek .sub-header td {
        font-family: FranklinDPD_Demi,Arial;
        color: #000;
        font-size: 10pt;
        background-color: #ddd;
        width: 80px;
    }

        .profileMyDeliveryThisWeek .sub-header td:last-child {
            width: 101px;
        }

        .profileMyDeliveryThisWeek .sub-header td:third {
            width: 106px;
        }

.ie8 .profileMyDeliveryThisWeek .sub-header,
.ie8 .profileMyDeliveryThisWeek .data-item {
    height: 40px;
}

.profileMyDeliveryThisWeek .data-item {
    font-family: FranklinDPD_Book,Arial;
    font-size: 7pt;
    color: #3B3B3B;
}

.profileMyDeliveryThisWeek tbody,
.profileMyAccount tbody {
    background: #DDD;
    color: #000;
    width: 261px;
    font-size: 12px;
}

    .profileMyAccount tbody td {
        width: 260px;
    }

    .profileMyDeliveryThisWeek tbody td {
        width: 87px;
        text-align: left;
        border-bottom: solid 1px #FFF;
        font-size: 11px;
    }

        .profileMyDeliveryThisWeek tbody td div {
            display: inline-block;
            word-break: break-all;
            word-wrap: break-word;
        }

.profileMyDeliveryThisWeek td,
.profileMyAccount td {
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}

    .profileMyDeliveryThisWeek td.first {
        width: 50px;
    }

.mobile-skin .profileMyDeliveryThisWeek td.first {
    width: 60px !important;
}

.profileMyDeliveryThisWeek td.second {
    width: 115px !important;
}

.mobile-skin .profileMyDeliveryThisWeek td.second {
    width: 125px !important;
}

.profileMyDeliveryThisWeek td.third {
    width: 125px;
}

.mobile-skin .profileMyDeliveryThisWeek td.third {
    width: 135px;
}

.profileCalendar .calendar-edit-outer,
.profileCalendar .back-image-box-left-calendar,
.profileCalendar .my-calendar-title,
.profileCalendar .grid-indice-calendar {
    display: none;
}

.divInformationsRight .profileCalendar .calendar-container .div-calendar-cont .div-calendar-month {
    margin-left: 5px;
    height: 31px;
}

.profileCalendar .calendar-container .div-calendar-cont .div-calendar-month,
.profileCalendar .calendar-container .my-calendar-body-table .my-calendar-body-td table,
.profileCalendar .my-calendar-head,
.profileCalendar .my-calendar-days-week {
    width: 260px;
}

    .profileCalendar .calendar-container .my-calendar-body-table .my-calendar-body-td table td {
        /*width:25px;*/
    }

.profileCalendar {
    margin-top: 10px;
}

.ie8 .profileMyDeliveryThisWeek,
.ie9 .profileMyDeliveryThisWeek {
    height: 175px;
    overflow-y: scroll;
    display: inline-block;
}

.pointer:hover,
.pointer {
    cursor: pointer;
}
/*Login/Homepage*/
.header-images img.wizard {
    margin-left: -55px;
}

.login-panel img.stars-and-box {
    margin-left: 348px;
    margin-top: -230px;
}

.homepage .left-stars img {
    margin-left: -110px;
    margin-top: -140px;
}

.login-panel {
    border: 1px solid #7E7D7D;
    background-color: white;
    background-image: url("/DesktopModules/Inventise.DPD/Images/grad-272x1.png");
    background-repeat: repeat-x;
    background-position: bottom;
    margin-top: -22px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 600px;
    min-height: 280px;
    margin-left: -2px;
}

    .login-panel .login-inner-panel {
        margin-top: -50px;
        padding-left: 37px;
        padding-right: 37px;
    }

        .login-panel .login-inner-panel hr {
            height: 1px;
        }

    .login-panel h3.title {
        color: red;
    }

    .login-panel .control-set.email .right-part {
        padding-top: 8px;
        padding-bottom: 9px;
    }

.control-set {
    margin-bottom: 25px;
}

    .control-set .left-part,
    .control-set .middle-part,
    .control-set .right-part {
        display: inline-block;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

.control-set .left-part {
    background-color: transparent;
    width: 75px;
    height: 45px;
}

.login-username {
    background-image: url('/DesktopModules/Inventise.DPD/Images/envelope.png');
}

.login-password {
    background-image: url('/DesktopModules/Inventise.DPD/Images/padlock.png');
}

.login-username,
.login-password {
    background-repeat: no-repeat;
    background-position: 7%;
    width: 275px;
    height: 35px;
    /*margin-left: -80px !important;*/
}
/*09-08:DS: REMOVED BECAUSE THIS INTERFERS WITH BG-DANGER COLOR WHEN FIELD IS INVALID.*/
/*.login-username,
    .login-username:hover,
    .login-username, :target
    {
        background-color: #FFF !important;
    }*/
.control-set .left-part > div {
    background-color: #FFF;
}

.control-set .left-part > div,
.control-set .middle-part input {
    border: 1px solid #c4c4c4;
    border-right: none;
    padding: 6px 5px 6px 45px;
}

.control-set .middle-part,
.control-set .right-part {
    background-color: #e5e5e5;
    padding: 8px 0;
    vertical-align: top;
}

.control-set .middle-part {
    background-size: 50% auto;
    background: linear-gradient(90deg, transparent 25%, #e5e5e5 -25%);
    /*margin-left: 80px;*/
}

    .control-set .middle-part input {
        border: 1px solid #c4c4c4;
        /*margin-left: -4px;*/
    }

.control-set .right-part {
    padding: 17px 5px;
    font-size: 12px;
    width: 205px;
    color: #9B9B9B;
    padding-left: 15px;
}

.control-set.last {
    margin-bottom: 10px;
}

.button-set {
    display: inline-block;
    margin-bottom: 10px;
}

    .button-set .login,
    .button-set .remember-me,
    .button-set .forgot-password {
        float: left;
        margin-right: 10px;
    }

    .button-set .forgot-password {
        margin-left: 45px;
        margin-top: 2px;
    }

        .button-set .forgot-password a {
            color: red;
        }

.login-div-icon-btn-register {
    width: 360px;
    float: right;
    margin-top: -30px;
}

.login-icon-btn-register {
    margin-top: -345px !important;
    margin-left: 25px !important;
}

.login-icon-btn-find-out {
    margin-left: 25px;
}
/*End - Login/Homepage*/
#EDR_ChameleonSlider_484 {
    margin-left: 44px !important;
}

.div-find-out-more {
    width: 310px;
    padding-left: 17px;
    margin-top: 327px;
    margin-left: 0px !important;
}

.divHassle {
    border-width: 1px;
    border-style: solid;
    border-color: #7E7D7D;
    margin-left: -25px;
    margin-right: 0px;
    max-width: 322px;
    margin-bottom: 0px;
    height: 380px;
    margin-top: -7px;
    padding-top: 15px;
    text-align: center;
}

    .divHassle .col-sm-offset-12 {
        margin-top: -3px;
    }

        .divHassle .col-sm-offset-12 span {
            font-family: FranklinDPD_Demi,Arial;
            color: #000 !important;
            font-size: 20pt;
        }

.gecko .divHassle .col-sm-offset-12 span,
.ie .divHassle .col-sm-offset-12 span {
    font-size: 16pt !important;
}

html[class*='ff'] divHassle .col-sm-offset-12 span {
    font-size: 20pt !important;
}

.divHassle .col-sm-offset-12 > span:first-child {
    margin-left: -25px;
}

.divHassle .col-sm-offset-12 p.p-space {
    margin-bottom: 0px;
    margin-top: 5px;
    height: 0px;
}

.divHassle .col-sm-offset-12 p.p-space {
    margin-bottom: 0px;
    margin-top: 5px;
    height: 0px;
}

.divHassle .col-sm-offset-12 .hr-hassle-home {
    height: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 220px;
    margin-left: 31px;
}

.divHassle .col-sm-offset-12 > span:last-of-type {
    margin-left: -16px;
}

.divHassle .col-sm-offset-12 > span > span {
    margin-left: -16px;
}

.divHassle .col-md-12 p {
    text-align: justify center;
    width: 225px;
    margin-top: 20px;
    margin-left: 14px;
    font-family: 'Arial';
    font-size: 11pt;
    color: #666;
}

.divHassle > div {
    margin-left: 20px;
    margin-top: 5px;
}

.login-btn-reg:hover,
.login-btn-reg {
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-registration.png');
    margin-top: -115px;
    height: 83px;
    padding-bottom: 0px;
    width: Calc(100% - 20px);
    max-width: 321px !important;
    margin-left: -24px;
    margin-bottom: 0px;
    /*padding-top: 14px;*/
    padding-left: 6px;
    border-radius: 8px;
}

    .login-btn-reg span {
        color: white;
        font-size: 12px;
    }

.login-btn-login:hover,
.login-btn-login {
    background-image: url('/DesktopModules/Inventise.DPD/Images/buttonLoginMobileBack.png');
    height: 37px;
    width: 138px !important;
    border-radius: 6px;
}

login-btn-find-out-more:hover,
.login-btn-find-out-more {
    position: absolute;
    top: 86px;
    left: 2px;
    background-image: url('/DesktopModules/Inventise.DPD/Images/buttonLoginMobileBack.png');
    height: 34px;
    width: 156px !important;
    border-radius: 6px;
}

.myaccount-btn-edit:link,
.myaccount-btn-edit:hover,
.myaccount-btn-edit {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-37-H.png');
    font-family: FranklinDPD_Demi,Arial;
    min-width: 136px;
    height: 30px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.extra-font-event-bnt,
.extra-font-event-bnt:hover {
    font-size: 22px;
    padding-top: 0px;
    padding-left: 2px;
    width: 204px;
}



.ie .extra-font-event-bnt,
.ie .extra-font-event-bnt:hover,
.gecko .extra-font-event-bnt,
.gecko .extra-font-event-bnt:hover {
    font-size: 18px !important;
}

html[class*='ff'] .extra-font-event-bnt:hover,
html[class*='ff'] .extra-font-event-bnt:hover {
    font-size: 22px;
}

.myaccount-btn-cancel,
.myaccount-btn-cancel:hover,
.myaccount-btn-cancel:link {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-cancel-37-H.png');
    font-family: FranklinDPD_Demi,Arial;
    width: 136px;
    height: 30px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

    .myaccount-btn-cancel a,
    .myaccount-btn-edit a {
        color: #FFF;
        display: block;
        padding: 5px 0;
    }

.extra-font-event-bnt a,
.extra-font-event-bnt:hover a {
    padding: 0;
}

.myaccount-btn-cancel.popup-cancel a,
.myaccount-btn-edit.popup-delete a {
    padding: 5px 0;
}

.myaccount-btn-cancel a:hover,
.myaccount-btn-edit a:hover {
    color: #FFF;
    text-decoration: none;
}

.myaccount-btn-cancel.add-number,
.myaccount-btn-edit.add-number {
    padding-left: 3px;
    margin-bottom: 5px;
}

.div-add-number-disable {
    opacity: 0.5;
    filter: alpha(opacity=50);
    /* IE8 and earlier */
}

.login-btn-reg:link {
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-registration.png');
    margin-top: -115px;
    height: 83px;
    padding-bottom: 0px;
    width: 305px !important;
    margin-left: -24px;
    margin-bottom: 0px;
    padding-top: 14px;
    padding-left: 6px;
}

.login-btn-login:link {
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-registration.png');
    margin-top: -115px;
    height: 83px;
    padding-bottom: 0px;
    width: 305px !important;
    margin-left: -24px;
    margin-bottom: 0px;
    padding-top: 14px;
    padding-left: 6px;
}

.contaner-account-information.change-password input {
    text-align: center;
}

.resgistration-specify-other {
    width: 217px;
    padding-right: 0px;
    margin-right: 6px;
}

.login-btn-reg a,
.login-btn-reg a:hover {
    color: #FFF;
    text-decoration: none;
    font-family: FranklinDPD_Demi,Arial;
    font-size: 27pt;
}

.login-btn-login a,
.login-btn-login a:hover {
    color: #FFF;
    text-decoration: none;
    font-family: FranklinDPD_Demi,Arial;
    font-size: 20px;
}

.login-btn-find-out-more a,
.login-btn-find-out-more a:hover {
    color: #FFF;
    text-decoration: none;
    font-family: FranklinDPD_Demi,Arial;
    font-size: 17px;
}

.divHassle > div > div {
    padding-left: 15px;
}

.divHassle p {
    margin-left: 25px;
    width: 70%;
    text-align: justify;
    margin-top: 10px;
}

.divHassle h2 {
    margin-bottom: 0px;
}

.divHassle span {
    font-size: 25px;
}

.divHassleImage {
    margin-top: -40px;
}

    .divHassleImage img {
        margin-left: -18px;
        margin-top: 35px;
        width: 286px;
    }

.back-image-register {
}

.chrome .back-image-register {
    /*margin-top: -75px;*/
}

.safari .back-image-register {
    /*margin-top: -30px;*/
}

.mobile-skin .back-image-register {
    /*width: 919px;*/
}

.ie8 .back-image-register {
    margin-left: 430px;
}

htmlhtml[class*='ff'] .back-image-register {
    /*margin-top: -70px;*/
}

.title-steps-2-registation {
    background-image: url("/DesktopModules/Inventise.DPD/Images/TitleRegStep2.png") !important;
    background-repeat: no-repeat !important;
    height: 65px;
    margin-top: 9px !important;
    margin-left: 11px;
}

.title-steps-3-registation {
    background-image: url("/DesktopModules/Inventise.DPD/Images/TitleRegStep3.png") !important;
    background-repeat: no-repeat !important;
    height: 65px;
    margin-top: 9px !important;
    margin-left: 11px;
}

.title-steps-1-registation {
    background-image: url("/DesktopModules/Inventise.DPD/Images/TitleRegStep1.png") !important;
    background-repeat: no-repeat !important;
    height: 65px;
    margin-top: 15px !important;
    margin-left: 11px;
}

.back-image-register-step2,
.back-image-register-step3 {
    background-image: url("/DesktopModules/Inventise.DPD/Images/backRegStep2.png") !important;
    background-repeat: no-repeat !important;
    height: 550px;
}

.mobile-skin .back-image-register-step2,
.mobile-skin .back-image-register-step3 {
    width: 920px;
}

.back-image-register-step3,
.back-image-register-step2 {
    margin-left: 40px;
}

.ie8 .back-image-register-step2,
.ie8 .back-image-register-step3 {
    margin-left: 427px;
}

.icon-post,
.icon-person,
.icon-phoneDPD,
.icon-address,
.icon-padlock,
.icon-keyDPD,
.icon-Wand {
    background-repeat: no-repeat !important;
    background-position: left !important;
    height: 37px !important;
}

.icon-post {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPost.png") !important;
}

.icon-person {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPerson.png") !important;
}

.icon-phoneDPD {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPhoneDPD.png") !important;
}

.icon-address {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPerson.png") !important;
}

.icon-padlock {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPadlock.png") !important;
}

.icon-keyDPD {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconKey.png") !important;
}

.icon-Wand {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconWand.png") !important;
}

.fieldRegister {
    font-family: pluto-sans-light, Arial;
    height: 37px !important;
    width: 100%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 40px;
    /*margin-left: 25px !important;*/
    border-left-width: 0px !important;
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0px 0px 0px #fff !important;
    border: 0px;
    border-top: 1px solid !important;
    border-bottom: 1px solid !important;
    border-right: 1px solid !important;
    border-color: #D5D3D2 !important;
}

.mobileValidationForm .col-xs-8.icon-keyDPD {
    width: 94%;
}

    .fieldRegister.bg-danger {
        background-color: #f2dede;
    }

@media (max-width: 550px), (max-device-width: 550px) {
    .fieldRegister {
        width: 215px;
    }
}

@media (max-width: 400px), (max-device-width: 400px) {
    .container {
        padding: 0;
    }
}
@media (min-width: 768px) {
    .container {
        width:965px;
    }
}

input[type=checkbox].fieldRegister {
    width: 22px;
    margin: 0 !important;
    -moz-appearance: none;
}

.fieldRegisterstep3 {
    width: 200px;
    /*height: 22px !important;
    background: none repeat scroll 0 0 #fff !important;
    box-shadow: 0px 0px 0px #fff !important;*/
    padding-left: 5px;
}

.container-register-step-3,
.container-register-step-2 {
    background-image: url("/DesktopModules/Inventise.DPD/Images/register_bg.png") !important;
    background-repeat: repeat-x;
    background-position: top;
    width: 651px;
    height: 513px;
    float: left;
    margin-top: 23px;
    border: 1px solid #D5D3D2;
    box-shadow: 0px 1px 1px #888888;
    margin-left: 359px;
}

.mobile-skin .container-register-step-3,
.mobile-skin .container-register-step-2 {
    margin-right: -90px;
}

.ie8 .container-register-step-3,
.ie8 .container-register-step-2 {
    float: left;
    margin-top: 23px;
    margin-left: 359px;
}

.chrome .container-register-step-2 {
    margin-top: 23px;
}

.container-register {
    font-family: pluto-sans-light, FranklinDPD_Book,Arial;
    border-radius: 1%;
    background-repeat: repeat-x;
    background-position: top;
    float: left;
    min-height: 700px;
    box-shadow: 1px 1px 4px #999999;
    padding: 0;
}

    .container-register.right-pane {
        padding: 0 50px;
        margin-left: 50px;
        text-align: center;
    }

@media (max-width: 990px), (max-device-width: 990px) {
    .container-register.right-pane {
        margin-left: 0px;
    }
}


.container-register.right-pane .right-pane-item {
    padding: 25px 0;
}

    .container-register.right-pane .right-pane-item h4,
    .container-register .red-text {
        color: #dc0032;
    }

.container-register > .btn-group {
    margin-top: 20px;
    margin-bottom: 30px;
}

    .container-register > .btn-group.btn-group-justified {
        padding: 0;
        margin-top: 0;
    }

@media (max-width: 550px), (max-device-width: 550px) {
    .container-register > .btn-group.btn-group-justified {
        /*display: block;*/
    }

        .container-register > .btn-group.btn-group-justified > .btn-group {
            display: block;
            width: auto;
        }
}

.container-register > .btn-group.btn-group-justified .btn {
    background-color: #e9e9ea;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    height: 58px;
    color: #000000;
    text-shadow: none;
    opacity: 1;
    padding-top: 20px;
}

.mobile-skin .container-register > .btn-group.btn-group-justified .btn {
    padding: 5px 0px;
    height: 29px;
}

.container-register > .btn-group.btn-group-justified .btn.active {
    background-color: #ffffff;
}

.container-register .form-fields {
    text-align: left;
    margin: 0 auto;
    max-width: 325px;
    padding-left: 15px;
}

.mobile-skin .mob-validation .container-register .form-fields {
    text-align: left;
    margin: 0 auto;
    max-width: 245px;
    padding-left: 0;
}

/*.mobile-skin .container-register .form-fields {
    text-align: left;
    margin: 0 auto;
    max-width: 250px;
    padding-left: 0px;
}*/


.container-register .form-fields .row {
    margin-bottom: 10px;
    padding-left: 11px;
}

    .container-register .form-fields .row.password-field {
        min-height: 100px;
    }

        .container-register .form-fields .row.password-field input {
            margin-bottom: 10px;
        }

        .container-register .form-fields .row.password-field em {
            font-family: FranklinDPD_Book, sanssans-serif;
            color: #999999;
            width:295px;
            display:block;
        }

        @media(max-width:550px){

            .container-register .form-fields .row.password-field em {
                font-family: FranklinDPD_Book, sanssans-serif;
                color: #999999;
                width:240px;
                display:block;
            }


            .container-register .form-fields .row.password-field {
                margin-bottom: 30px;
            }
        }

    .container-register .form-fields .row.submit-button {
        padding-left: 0;
    }

        .container-register .form-fields .row.submit-button .btn,
        .modal-dialog .modal-content .form-fields .row.submit-button .btn {
            background-color: #dc0032;
            background-image: none;
            border: none;
            border-radius: 0;
            font-size: 21px;
            font-weight: bold;
            text-shadow: none;
            padding: 7px 40px;
            margin-top: 20px;
        }

.mapAddress .submit {
    text-align: center;
    margin: 16px;
}

    .mapAddress .submit .check input {
        position: absolute;
        margin: 5px;
        cursor: pointer;
    }

    .mapAddress .submit .check label {
        margin-bottom: 0;
    }

    .mapAddress .submit .small {
        color: dimgray;
        cursor: pointer;
    }

    .container-register .form-fields .row.submit-button .btn,
    .modal-dialog .modal-content .form-fields .row.submit-button .btn,
    .mapAddress .submit .button .btn, .btn-primary-red {
        background-color: #dc0032;
        background-image: none;
        border: none;
        border-radius: 0;
        font-size: 21px;
        font-weight: bold;
        text-shadow: none;
        padding: 7px 40px;
        margin-top: 20px;
    }

        .mapAddress .submit .button .btn.btn-primary,
        .mapAddress .submit .button .btn.btn-primary:hover {
            background-color: #dc0032;
            border: 1px solid #dc0032;
        }

            .mapAddress .submit .button .btn.btn-primary > a,
            .mapAddress .submit .button .btn.btn-primary > a:hover, .btn-primary-red, .btn-primary-red:hover {
                color: #fff;
                text-decoration: none;
            }

        .mapAddress .submit .button .btn.btn-secondary,
        .mapAddress .submit .button .btn.btn-secondary:hover {
            background-color: #fff;
            border: 1px solid #dc0032;
        }

            .mapAddress .submit .button .btn.btn-secondary > a,
            .mapAddress .submit .button .btn.btn-secondary > a:hover {
                color: #dc0032;
                text-decoration: none;
            }

.modal-dialog .modal-content .form-fields .row.submit-button .btn {
    margin-bottom: 20px;
}

.container-register .form-fields .row.submit-button .btn.gray {
    background-color: #414042;
}

.container-register .form-fields label {
    font-weight: normal;
    margin-bottom: 0px;
}

.safari .mobile-skin .container-register {
    /*margin-right: -109px;*/
}

.mobile-skin .container-register {
    /*margin-right: -111px;*/
    /*margin-top: 39px;*/
}



.mobile-skin .extra-width-registration-mobile {
    margin-left: 0px;
    margin-right: 0px;
    width: 865px;
}

.container-register .how-heard {
    margin-left: 37px !important;
    margin-right: 0px !important;
    width: 603px !important;
    margin-left: 20px;
}

.registration-bnt-step1 .container-register,
.registration-bnt-step1 span {
    float: right;
    margin-right: 45px;
}

.container-register .how-heard img {
    padding-left: 85px;
}

.container-register .how-heard label {
    width: 190px;
}

.container-register .how-heard img {
    display: none;
}
/*.ie8 .container-register {  float: left;
  margin-left: 359px;
}
.safari .container-register {
  /*margin-top: -47px;}
.chrome .container-register {
  /*margin-top: -36px;}
.container-register .row {
  /*margin-left: 15px;
    text-align: left;}
.container-register > div:first-child {
  /*margin-top: 240px;}*/
/*.container-register{    float: left;    margin-top: 40px;    background-color: #fff;}*/
.SpacingBottom > h2 {
    display: none;
}

.row {
    /*margin-bottom: 20px;*/
}

    .row.homepage {
        margin-left: -30px;
    }


.icon-btn-register-step1 {
    float: right !important;
    margin-left: 0px !important;
    margin-right: 30px !important;
}

.icon-btn-register-step3 {
    width: 125px !important;
    height: 25px !important;
}

.icon-post .tooltip-inner,
.icon-person .tooltip-inner,
.icon-phoneDPD .tooltip-inner,
.icon-address .tooltip-inner,
.icon-padlock .tooltip-inner,
.icon-keyDPD .tooltip-inner,
.no-icon .tooltip-inner,
.icon-Wand .tooltip-inner {
    width: 162px !important;
    font: 12px arial, sans-serif;
}

.back-image-address-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/backAddressBook.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0 -90px;
    height: 600px;
    padding-top: 40px;
    /*margin-top: -100px;*/
}

.div-repeater_address {
    overflow-x: hidden;
    overflow-y: auto;
    height: 380px;
    width: 550px;
    margin-left: 400px;
}

.div-description_address {
    border-top-width: 1px;
    border-top: 1px solid #B2B2B3;
    width: 500px;
    margin-left: 40px;
}

    .div-description_address .address-ref {
        padding-left: 0px;
        margin-left: 4px;
    }

        .div-description_address .address-ref h2 {
            display: block;
            margin-top: 0px;
            margin-bottom: 0px;
            padding-left: 4px;
            font-weight: bold;
            font-size: 26px;
        }

.div-repeater_address .ng-scope:last-of-type .div-description_address {
    border-bottom: 1px solid #B2B2B3;
}

.div-edit-delete-address {
    padding-top: 30px;
    float: right;
}

.mobile-skin .div-edit-delete-address {
    width: 50px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
    width: 40px !important;
    clear: right;
}

.div-edit-delete-address {
    width: 50px !important;
    margin-right: 10px;
}
/*   my account */
.div-add-email .contaner-account-information,
.div-add-mobile .contaner-account-information {
    text-align: center;
    margin-left: 20px;
}

.btn-red-color {
    font-weight: bold;
    background-color: #d2322d !important;
    width: 136px;
    height: 30px;
    padding-top: 4px;
    padding-right: 13px !important;
}

.btn-default-color:hover {
    font-weight: bold;
    background-color: #B2B2B3 !important;
    color: #FFF !important;
}

.btn-default-color {
    font-weight: bold;
    background-color: #B2B2B3 !important;
    width: 136px;
    height: 30px;
    padding-right: 0px !important;
    margin-right: 10px;
    color: #FFF;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.margin-top-content {
    /*margin-top: -80px;*/
    margin-left: -30px;
    margin-left: 0;
    margin-right: 0;
}

.safari .margin-top-content {
    /*margin-top: -40px;*/
}

.margin-top-image-account img {
    margin-top: -28px;
    margin-left: -5px;
}

.container-account-information {
    padding-left: 0px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.mobile-skin .container-account-information .parcel-wizard-id {
    color: black;
    font-weight: bold;
    font-family: Arial;
    padding-left: 23px;
}

.hr-account {
    height: 1px;
    margin-left: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.title-page img {
    width: 100%;
    padding-bottom: 50px;
    padding-right: 0px;
}

.account-item-description {
    padding-left: 0px;
    margin-bottom: 10px;
}

    .account-item-description.popup {
        padding-left: 15px;
    }

.mobile-skin .account-item-description {
    font-family: Arial;
    font-weight: bold !important;
}

.account-password {
    font-size: 24px;
    font-weight: bold;
    padding-left: 0px;
}

.title-mobile-heads {
    font-weight: bold;
    margin-bottom: 15px;
}

.icon-phone-black {
    background-image: url("../Images/icon-phone-black.png") !important;
    background-repeat: no-repeat !important;
    height: 30px !important;
    width: 30px !important;
}

.icon-post-black {
    background-image: url("../Images/icon-post-black.png") !important;
    background-repeat: no-repeat !important;
    height: 30px !important;
    width: 30px !important;
}

.account-radio {
    width: 95%;
}

    .account-checkbox img,
    .account-radio img {
        padding-bottom: 0px;
        width: 19px;
        height: 19px;
        margin-bottom: 3px;
    }

.span-border-radio,
.span-border {
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    width: 30px;
}

.check-box-account {
    padding: 4px;
    margin-top: 3px;
}

.span-border-radio {
    border-radius: 30px !important;
    padding-left: 7px;
    padding-top: 5px;
    padding-right: 7px;
}

.icon-delete {
    background-image: url("../Images/icon-delete-x.png") !important;
    background-repeat: no-repeat !important;
    height: 30px !important;
    width: 30px !important;
}
/*  end my account */
.primary-contact {
    padding-left: 30px;
}

.alert-mobile {
    padding-left: 0px;
}

.repeat-mobile0 .row {
    margin-top: 43px !important;
}

.btn-validate-number {
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-top: -5px;
    width: 215px;
}

.padding-new-email,
.padding-password-reset {
    padding-top: 80px;
}

.div-password-reset {
    text-align: center;
}

.hide-filed {
    display: none;
}

.address-form .address-book-fields {
    width: 185px;
    height: 20px;
    padding: 0px 0 0 5px !important;
}

.address-form .address-form-fields {
    display: inline-block;
    width: 335px;
}

    .address-form .address-form-fields .field-set {
        width: 370px;
        display: inline-block;
    }

    .address-form .address-form-fields .postion-description-text {
        text-align: right;
        float: left;
        width: 175px;
    }

        .address-form .address-form-fields .postion-description-text .mandatory {
            margin-left: -5px;
            margin-right: -5px;
        }

        .address-form .address-form-fields .postion-description-text .note {
            font-size: 11px;
            font-weight: normal;
        }

        .address-form .address-form-fields .postion-description-text label.long img.mandatory {
            margin-right: -9px;
        }

    .address-form .address-form-fields .field-set.default-address .postion-description-fields {
        float: left;
        margin-top: -5px;
        padding-left: 10px;
    }

    .address-form .address-form-fields .field-set.default-address .postion-description-text label {
        font-size: 12px;
    }

    .address-form .address-form-fields .field-set.default-address input[type=checkbox] {
        width: 20px;
    }

    .address-form .address-form-fields .postion-description-fields {
        text-align: left;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

.address-form .buttons {
    width: 150px;
    float: right;
    margin-right: 20px;
    margin-top: 290px;
}

.address-form .footer {
    border-style: solid;
    border-bottom: 1px solid #b2b2b3;
    margin-left: 20px;
    width: 525px;
}



.mobile-fields {
    width: 245px;
    height: 25px;
    padding: 0px !important;
    text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select:focus,
    textarea:focus,
    input:focus {
        font-size: 16px;
        background: #eee;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select,
    textarea,
    input {
        font-size: 16px;
    }
}



.back-image-wz-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/icon-wz-l.png") !important;
    background-repeat: no-repeat !important;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 0px;
    width: 337px;
    height: 600px;
}

.page-address-edit .back-image-wz-book {
    margin-top: -54px;
    margin-left: -5px;
}

.back-image-wz-map1-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/icon-wz-map-1.png") !important;
    background-repeat: no-repeat !important;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 0px;
    width: 337px;
    height: 600px;
    margin-top: -57px;
    margin-left: 0px;
    margin-right: -33px;
}

.back-image-wz2-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/icon-wz-map-1.png") !important;
    background-repeat: no-repeat !important;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 0px;
    margin-top: -33px;
    /*width: 337px;*/
    height: 600px;
}

.back-image-head-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/iconAddressBookBodyHead.png") !important;
    background-repeat: no-repeat !important;
    height: 46px;
    left: 9px;
}

.back-image-head-book-mobile {
    width: 302px;
    background-image: url("/DesktopModules/Inventise.DPD/Images/iconAddressBookBodyHeadMobile.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    height: 46px;
    left: 9px;
}

.back-image-footer-book-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/iconAddressBookBodyFooterMobile.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    height: 46px;
    left: 9px;
    margin-left: 0px;
    margin-top: -10px;
    width: 301px;
}

.mobile-skin .back-image-footer-book-mobile,
.chrome .back-image-footer-book-mobile {
    margin-top: -10px;
}

.back-address-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-address-mobile.png") !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 26px;
    min-height: 360px;
    width: 18.79em;
}

html[class*='ff'] .back-address-mobile {
    width: 18.73em;
}

.back-image-spring-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/icon-spring.png") !important;
    background-position: left;
    margin-left: -31px;
    width: 62px;
    padding-right: 0px;
    height: 100%;
    height: 440px;
}

.back-image-spring-book-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/icon-spring-mobile.png") !important;
    background-position: left;
    margin-left: -31px;
    width: 62px;
    padding-right: 0px;
    height: 100%;
    height: 440px;
}

.back-image-body-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/backAddressBookBody.png") !important;
    width: 574px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 1px;
    height: 440px;
}

.back-image-footer-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/iconAddressBookBodyFooter.png") !important;
    background-repeat: no-repeat !important;
    height: 46px;
    margin-left: 9px;
}

.back-image-body-tabs-book {
    background-image: url("/DesktopModules/Inventise.DPD/Images/backAddressBookBodyTabs.png");
    background-repeat: no-repeat !important;
    background-position: left;
    height: 415px;
    padding-left: 0px;
    padding-right: 0px;
    width: 22px;
    margin-left: -6px;
}

.back-image-body-tabs-book-mobile {
    float: right;
    margin-top: 41px;
    margin-left: 0px;
    margin-right: 13px;
    height: 0px;
}

.div-title-address {
    border-style: solid;
    border-bottom: 1px solid #b2b2b3;
    padding-left: 0px;
    padding-right: 0px;
    margin: -25px 0px 21px 18px;
    padding-bottom: 0px;
    right: 0px;
    width: 515px;
}

    .div-title-address.model {
        border: none;
        margin: 19px auto;
        text-align: center;
        float: none;
    }

.widh-field-lg {
    width: 290px;
}

.width-field-sm {
    width: 90px;
}

.back-account-mobile-email-title {
    margin-left: 290px;
    margin-top: -15px;
    padding-bottom: 50px;
}

.back-image-delivery {
    background-image: url("/DesktopModules/Inventise.DPD/Images/backDelivery.png");
    background-repeat: no-repeat !important;
    height: 550px;
    width: 1050px;
    margin-left: -42px;
}

.href-delivery a:hover,
.href-delivery a {
    color: #000;
    text-decoration: none;
}

.text-delivery-past {
    margin-top: 275px;
    margin-left: 60px;
}

.text-delivery-future {
    margin-top: 275px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
}

.icon-minus-plus-dpd {
    text-align: right !important;
    padding-right: 0px;
    padding-left: 50px;
}

.icon-minus-plus-dpd-prev {
    text-align: right !important;
    padding-right: 0px;
    padding-left: 25px !important;
}

.grid-delivery {
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-color: #ddd;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    background-color: #CCC !important;
}

    .grid-delivery .panel-heading {
        background-image: none;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .grid-delivery .panel-body {
        padding: 0px;
    }

    .grid-delivery .manage-delivery {
        background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-24-H.png');
        display: inline-block;
        height: 24px;
        width: 110px;
        text-align: center;
    }

        .grid-delivery .manage-delivery.alt {
            background-image: none;
            background-color: white;
        }

        .grid-delivery .manage-delivery a {
            display: inline-block;
            color: white;
            font-weight: bold;
            font-size: 12px;
            text-decoration: none;
            margin-top: 4px;
        }

        .grid-delivery .manage-delivery.alt a {
            color: red;
        }

    .grid-delivery .icon-minus-plus-dpd {
        padding-left: 0;
        margin-right: 15px;
    }

.grid-delivery-head {
    margin-top: 35px;
    height: 42px;
    border: solid 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-color: #ddd;
}

.red-color {
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-33-H.png');
    color: #FFF;
}

.consignment-table-head {
    margin-bottom: 0px;
    min-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*font-family: FranklinDPD_Book,Arial;*/
    font-size: 10pt;
}

.internal-head {
    font-family: FranklinDPD_Demi,Arial;
}

.internal-body {
    font-family: FranklinDPD_Book,Arial;
    font-size: 9pt;
}

.consignment-expected .internal-body {
    text-transform: capitalize;
}

.grid-internal-delivery-head-color-1,
.grid-internal-delivery-head-color-2 {
    width: 12%;
}

.grid-internal-delivery-head-color-1 {
    background-color: #BABABA;
}

.grid-internal-delivery-head-color-2 {
    background-color: #CCC;
}

.table-border {
    border-bottom: solid 1px #FFF;
    margin-bottom: 0px;
}

.grid-title-inside {
    color: #FFF !important;
    font-weight: bold;
    display: inline-block;
    border-bottom: solid 1px #FFF;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    width: 100%;
}

.grid-devile-detailed-trackingprofileCalendar {
    margin-bottom: 0px;
}

.grid-devile-detailed-tracking td {
    width: 13%;
    display: inline-block;
}

.mobile .grid-devile-detailed-tracking td {
    width: 25%;
}

.delivery-page,
.grid-delivery-head {
    /*margin-left: -45px;*/
}

.extra-md-margin {
    margin-top: 60px;
}

.extra-margin {
    margin-top: 150px;
}

.address-edit,
.address-book,
.my-account,
.consignment-home,
.consignment-expected {
    /*margin-top: -65px;
    padding-left: 21px;*/
}

.page-address-edit {
    padding-right: 0px;
    padding-left: 0px;
    width: 110% !important;
    top: 0px;
}

    .page-address-edit .address-map .div-title-address {
        width: 655px;
        border: none;
        margin-bottom: 0px;
        margin-top: -14px;
        margin-left: 29px;
    }

.back-image-calendar {
    background-image: url("/DesktopModules/Inventise.DPD/Images/calendarFullBody.png");
    background-repeat: no-repeat !important;
    height: 613px;
}

.back-popup-address-delete {
    background-image: url("/DesktopModules/Inventise.DPD/Images/backPopupDeleteAddress.png");
    background-repeat: no-repeat !important;
    height: 174px;
}

.back-deactivated-account {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-deactivated-account.png");
    background-repeat: no-repeat;
    height: 520px;
    text-align: center;
    width: 1020px;
}

    .back-deactivated-account .row {
        margin-top: 0px;
        padding-top: 296px;
    }

    .back-deactivated-account a {
        color: #F00;
        cursor: pointer;
        text-decoration: underline;
    }

    .back-deactivated-account .main-text {
        font-size: 22px;
        margin-left: 15px;
        font-weight: bold;
        padding-left: 0px;
        margin-left: -4px;
    }

    .back-deactivated-account .lint-reactivate {
        padding-top: 8px;
        font-size: 12px;
    }

.my-calendar-head {
    background-position: center;
    background-image: url("/DesktopModules/Inventise.DPD/Images/calendarHead.png");
    background-repeat: no-repeat !important;
    width: 472px;
    height: 110px;
    border-spacing: 0px;
    margin-left: -3px;
    margin-top: 0px;
}

.skin-default-dpd.mobile-skin .my-calendar-head {
    background-image: url("/DesktopModules/Inventise.DPD/Images/calendarHeadMobile.png");
    background-repeat: no-repeat !important;
    width: 300px !important;
    margin-left: -10px !important;
    margin-top: 0px;
}

.divInformationsRight .my-calendar-head {
    background-position: center;
    background-image: url("/DesktopModules/Inventise.DPD/Images/calendarHeadSmall.png");
    background-repeat: no-repeat !important;
    width: 260px;
    height: 110px;
    border-spacing: 0px;
    margin-left: -3px;
    margin-top: -47px;
}

.my-calendar-body {
    background-position: center;
    background-image: url("/DesktopModules/Inventise.DPD/Images/calendarBody.png");
    background-repeat: no-repeat !important;
    margin-top: -40px;
    height: 490px;
}

.my-calendar-days-week {
    background-position: center;
    background-image: url("/DesktopModules/Inventise.DPD/Images/MyCalendarDaysWeek.png");
    background-size: 101%;
    background-repeat: no-repeat !important;
    width: 462px;
    height: 40px;
}

.skin-default-dpd.mobile-skin .my-calendar-days-week {
    background-position: center;
    background-image: url("/DesktopModules/Inventise.DPD/Images/MyCalendarDaysWeek.png");
    background-size: 101%;
    background-repeat: no-repeat !important;
    width: 281px;
    font-size: 12px;
    margin-left: 3px !important;
    height: 25px;
    margin-top: 10px;
}

.divInformationsRight .my-calendar-days-week {
    height: 22px;
    margin-top: 9px;
}

.my-calendar-days {
    border: solid 1px #F00;
    width: 40px !important;
    height: 65px;
}

.suspend-account-link {
    text-align: left;
    font-size: 14px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKBAMAAABlIDIAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAABBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEL////EzKWnAAAAD3RSTlMA5FtE82Y88HA263wt54iVWhwUAAAAAWJLR0QPGLoA2QAAACRJREFUCNdjEGJgYDAJYGBgqwAyZm1gYOC5B8FANkgMJAdUAwCA5AaR1aR6+wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wMy0wOVQxNjozMzo1MyswMDowMECSemgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDMtMDlUMTY6MzM6NTMrMDA6MDAxz8LUAAAAAElFTkSuQmCC);
    background-position: 0 4px;
}

    .suspend-account-link a {
        color: #ED1C24;
        text-decoration: underline;
    }

.back-popup-address-delete button,
.divMyAccount button,
.address-edit button,
.address-book button,
.my-account button {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
/*.account-title
{
    margin-top: -45px;
}*/
.gecko .account-title,
.ie .account-title {
    margin-top: -43px;
}

html[class*='ff'] .account-title {
    margin-top: -45px;
}

.account-title .col-xs-4 {
    margin-left: 98px;
    padding-left: 0px;
    padding-right: 0px;
    width: 195px;
    margin-top: 10px;
}

.ie .mobile-skin .account-title .col-xs-4 {
    margin-top: 0px;
}

.view-title.title span {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 24pt;
}

.ie .view-title.title span,
.gecko .view-title.title span {
    font-size: 20pt;
}

html[class*='ff'] .view-title.title span {
    font-size: 24pt;
}

.safari .delivery-title,
.opera .delivery-title,
.chrome .delivery-title,
.safari .address-title,
.opera .address-title,
.chrome .address-title,
.safari .account-title,
.opera .account-title,
.chrome .account-title {
    margin-top: 2px;
}

.gecko .account-title-register,
.opera .account-title-register,
.safari .account-title-register,
.chrome .account-title-register {
    margin-top: -45px;
}

.view-title.account-title-register {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 40px;
}

.mobile-skin-registration .view-title.account-title-register, .mobile-skin .view-title.account-title-register {
    margin-top: 0;
}

.mobile-skin .view-title.account-title-register {
    padding-left: 30px;
}

.view-title.account-title-register .title-large {
    font-size: 1em;
    margin-bottom: 0px;
}

.mobile-skin-registration .view-title.account-title-register .title-large, .mobile-skin .view-title.account-title-register .title-large {
    font-size: 25px;
    margin-top: 20px;
}

.mobile-skin-registration .view-title.account-title-register .sub-title-red, .mobile-skin .view-title.account-title-register .sub-title-red {
    font-size: 19px;
    margin: 0;
}

.mobile-skin .text-center.left-mobile {
    text-align: left;
}

.view-title.account-title-register .sub-title-red {
    font-size: .7em;
    color: #dc0032;
    margin-top: 0px;
    margin-bottom: 25px;
}

.account-title-register hr {
    margin-top: 40px;
}

back-wz-help-faq .safari .password-reset,
.opera .password-reset,
.chrome .password-reset {
    margin-top: -65px;
}

.safari .margin-top-image-account img,
.opera .margin-top-image-account img,
.chrome .margin-top-image-account img {
    margin-top: 78px;
    margin-top: -10px;
}

.address-title hr {
    margin-left: -60px;
}

.my-calendar-title hr,
.account-email-title hr,
.account-mobile-title hr,
.address-title hr,
.password-reset hr,
.account-title hr {
    margin-top: 42px;
    height: 1px;
}

.my-calendar-title {
    margin-top: -55px;
    margin-left: 256px;
}

.ie .my-calendar-title,
.gecko .my-calendar-title {
    margin-top: -53px;
}

html[class*='ff'] .my-calendar-title {
    margin-top: -55px;
}

.account-email-title,
.account-mobile-title {
    margin-top: -65px !important;
}

.my-calendar-title hr {
    margin-left: -75px;
}

.account-email-title,
.account-mobile-title,
.address-title,
.password-reset {
    margin-top: -43px;
}

.gecko .account-email-title,
.gecko .account-mobile-title,
.gecko .address-title,
.gecko .password-reset,
.ie .account-email-title,
.ie .account-mobile-title,
.ie .address-title,
.ie .password-reset {
    margin-top: -40px;
}

html[class*='ff'] .account-email-title,
html[class*='ff'] .account-mobile-title,
html[class*='ff'] .address-title,
html[class*='ff'] .password-reset {
    margin-top: -43px;
}

.btn-change-password-button {
    width: 165px;
}

.button-password {
    margin-top: 20px;
}

.div-password-reset .button-password .myaccount-btn-cancel {
    margin-right: 30px;
}

.txtemail-password-reset {
    width: 250px;
    text-align: center;
}

.divMyAccount.email .account-item-description input {
    width: 215px;
    text-align: center;
}

.divMyAccount.email .account-item-description.button {
    margin-top: 5px;
}

    .divMyAccount.email .account-item-description.button .myaccount-btn-cancel {
        margin-right: 30px;
    }

.divMyAccount.email .contaner-account-information.padding-new-email {
    margin-top: 53px;
    margin-left: -50px;
}

.chrome .divMyAccount.email .contaner-account-information.padding-new-email {
    margin-top: 60px;
    margin-left: -10px;
}

html[class*='ff'] .divMyAccount.email .contaner-account-information.padding-new-email {
    margin-left: 0px;
    margin-top: 70px;
}

    html[class*='ff'] .divMyAccount.email .contaner-account-information.padding-new-email .alert-visible-remove-margi {
        margin-top: 0px !important;
    }

.modal-dialog {
    /*margin-top: 20%;
  margin-left: 42%;
  height: 205px;*/
    width: 90%;
    max-width: 1170px;
}

    .modal-dialog .modal-content .form-fields {
        text-align: left;
        margin: 0 auto;
        max-width: 325px;
        padding-left: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .modal-dialog .modal-content .form-fields.wide {
            text-align: center;
            max-width: 700px;
        }

            .modal-dialog .modal-content .form-fields.wide h1 {
                font-size: 50px;
            }

            .modal-dialog .modal-content .form-fields.wide .remove-payment-info {
                font-size: 16px;
                border: 1px solid #dddddd;
                padding: 7px;
                margin: 40px 0;
                overflow: auto;
            }

        .modal-dialog .modal-content .form-fields.addAddress {
            padding-bottom: 50px;
        }

.mobile-skin .modal-dialog .modal-content .form-fields.addAddress > .row {
    margin: 0;
}

.modal-dialog .modal-content .form-fields.addAddress a.small {
    margin-left: 135px;
}

.mobile-skin .modal-dialog .modal-content .form-fields.addAddress a.small {
    width: 33px;
    display: block;
    margin: 0 auto;
}

.modal-dialog .modal-content .modal-close {
    float: right;
    margin-top: -136px;
    margin-right: -19px;
    cursor: pointer;
}

.mobile .modal-dialog .modal-content .modal-close {
    margin-top: -112px;
}

.mobile-skin .modal-dialog .modal-content .modal-close {
    margin-top: -110px;
}

.modal-dialog .modal-content .logo {
    width: 345px;
    margin: 30px auto;
}

.mobile-skin .modal-dialog .modal-content .logo, .mobile .modal-dialog .modal-content .logo {
    width: 303px;
    margin: 35px -6px 10px;
    padding: 0 25px;
}

.modal-dialog .modal-content .logo img {
    width: 108px;
}

.modal-dialog .modal-content .form-fields.verifyEmail {
    max-width: 580px;
    padding: 100px 0 200px 0;
    text-align: center;
}

.mobile-skin .modal-dialog .modal-content .form-fields.verifyEmail {
    padding: 0 0 20px 0;
}




.modal-dialog .modal-content .form-fields.verifyEmail h1 {
    margin-bottom: 20px;
}

.modal-dialog .modal-content .form-fields a.small {
    color: #808080;
    font-size: 16px;
    cursor: pointer;
}

.modal-header-text {
    text-align: right;
    margin-top: 15px !important;
    margin-left: 25px;
}

    .modal-header-text p {
        font-size: 12px;
        padding-left: 222px;
        margin-top: 5px !important;
        text-align: center;
    }

.icon-x-popup {
    text-align: right;
    margin-left: 34px;
    padding-left: 0px;
    margin-top: 19px !important;
    padding-right: 0px;
    margin-right: 0px;
}

.modal-button-address {
    text-align: right;
}

.popup-cancel {
    margin: 5px;
}

.popup-delete {
    margin: 5px;
}

.modal-header-text h3 strong {
    padding-right: 40px;
}

.add-address-button {
    float: right;
    width: 177px;
    padding-right: 0;
    margin-right: 30px;
    height: 30px;
}

    .add-address-button button {
        margin-top: 15px;
    }

.delivery-title {
    margin-top: -44px;
}

.gecko .delivery-title,
.ie .delivery-title {
    margin-top: -42px;
}

html[class*='ff'] .delivery-title {
    margin-top: -44px;
}

.delivery-title hr {
    margin-left: -75px;
    margin-top: 40px;
}

.title-delivery-past {
    /*width: 105%;
    padding-right: 0px;
    padding-left: 0px;*/
}

.title-desc-past {
    /*padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;*/
}

    .title-desc-past h3 {
        margin-top: 0px;
        margin-left: -20px;
    }

.title-desc-icon-past {
    padding-left: 0px;
    padding-right: 0px;
    width: 150px;
    margin-top: -50px;
    margin-left: 75px;
}

.head-grid-delivery-past {
    /*margin-top: -75px;*/
}

.back-image-box-left-calendar {
    background-image: url('/DesktopModules/Inventise.DPD/Images/backCalendar1.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    width: 300px;
    background-position: bottom;
    margin-left: -25px;
}

.icon-address-number-circle {
    background-image: url('/DesktopModules/Inventise.DPD/Images/icon-address-number-circle.png') !important;
    background-size: 64% !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    max-height: 28px !important;
    min-height: 28px !important;
    max-width: 35px !important;
    min-width: 35px !important;
    text-align: center !important;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 7px !important;
    padding-top: 3px;
}

    .icon-address-number-circle span {
        text-align: center !important;
        font-weight: bold;
        color: #FFF;
        font-size: 14px !important;
    }

.grid-indice-calendar {
    border: solid 1px #e7e7e7;
    border-radius: 15px;
    background-image: url('/DesktopModules/Inventise.DPD/Images/backIndiceCalendar.png');
    background-size: 100%;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 4px 12px #636363;
    -moz-box-shadow: 0 4px 12px #636363;
    box-shadow: 0 4px 12px #636363;
    margin-left: 12px;
}

.back-find-out-more {
    background-image: url('/DesktopModules/Inventise.DPD/Images/backFindOutMore.png');
    background-repeat: no-repeat;
    width: 450px;
    height: 500px;
}

.row-1-grid-indice-calendar {
    border-bottom: solid 1px #e7e7e7;
    margin-bottom: 0px;
}

.cel-grid-indice-calendar-border {
    border-right: solid 1px #e7e7e7;
    height: 48px;
    padding-top: 10px;
    font-size: 12px;
}

.cel-grid-indice-calendar-padding {
    padding-top: 10px;
    font-size: 12px;
}

.cel-grid-indice-calendar-image {
    margin-right: 10px;
}

.span-text-10 {
    font-size: 10px;
}

.help-title {
    top: -48px;
    margin-left: 234px;
    background-color: #F00 !important;
}

    .help-title hr {
        margin-left: -150px;
        margin-top: 41px;
        width: 764px;
    }

.schedule-calendar-h {
    min-width: 238px;
    max-width: 239px;
}

.edit-shedule .title-event-schedule {
    color: #ed1c24;
    font-size: 24px;
}

.mobile-skin .edit-shedule .title-event-schedule {
    width: 250px;
}

.edit-shedule input[type="text"] {
    width: 210px;
    display: block;
}

.edit-shedule .radio-schecule-group {
    width: 280px;
    font-size: 13px;
}

    .edit-shedule .radio-schecule-group input[type="radio"] {
        margin-right: 10px;
    }

    .edit-shedule .radio-schecule-group .tooltip {
        left: 235px !important;
        width: 200px;
    }

.edit-shedule .schedule-calendar-h .tooltip {
    width: 200px;
}

.mobile-skin .edit-shedule .radio-schecule-group .tooltip {
    left: 95px !important;
}

.edit-shedule .btn-schedule button {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 5px;
    width: 212px;
}

.edit-shedule .btn-schedule .btn {
    color: White;
    font-weight: bold;
    height: 30px;
    padding-right: 0px !important;
}

.edit-shedule .btn:hover {
    background-position: inherit;
}

.edit-shedule .btn.delete-event {
    background-color: #333333 !important;
}

.edit-shedule .btn.cancel-event {
    background-image: url("/desktopModules/Inventise.dpd/images/grad-grey-37px.png");
    background-repeat: repeat-x;
}

.edit-shedule .alt-address .btn-schedule button {
    margin-top: 5px;
}

.edit-shedule .alt-address select {
    text-transform: capitalize;
}

.edit-shedule .recurring-box {
    margin-bottom: 10px;
}

    .edit-shedule .recurring-box label {
        margin-bottom: 0;
        color: inherit;
    }

    .edit-shedule .recurring-box .recurring-selection {
        margin-bottom: 3px;
        padding-bottom: 0px;
    }

        .edit-shedule .recurring-box .recurring-selection label.make-recurring {
            float: right;
            font-weight: normal;
            font-size: 11px;
            margin-right: 20px;
            margin-top: 8px;
        }

.mobile-skin .edit-shedule .recurring-box .recurring-selection label.make-recurring {
    margin-right: 15px;
    margin-top: 10px;
}

.calendar-container .div-calendar {
    padding-left: 0px;
    padding-right: 0px;
}

.calendar-container .div-calendar-cont {
    margin-left: -2px;
}

    .calendar-container .div-calendar-cont .div-calendar-month {
        height: 110px;
        padding-top: 2px;
        width: 462px;
        margin-left: 5px;
    }

.calendar-container .calendar-div-row .closure-dates .red {
    font-weight: bold;
    font-size: 14px;
    color: #ed1c24;
    float: right;
    margin-right: 10px;
}

.skin-default-dpd.mobile-skin .calendar-container .div-calendar-cont .div-calendar-month {
    height: 80px;
    padding-top: 2px;
    width: 300px;
    margin-left: 5px;
}

.chrome .calendar-container .div-calendar-cont .div-calendar-month,
.safari .calendar-container .div-calendar-cont .div-calendar-month {
    margin-left: 0px;
}

.calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head tbody {
    border: medium none;
    background: none repeat scroll 0% 0% transparent;
}

.calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head tr {
    width: 100%;
}

.calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-left-arrow {
    padding-top: 29px;
    margin-left: 0px;
    padding-left: 43px;
}

.skin-default-dpd.mobile-skin .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-left-arrow {
    padding-top: 29px;
    margin-left: 0px;
    padding-left: 43px;
}

.divInformationsRight .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-left-arrow {
    padding-top: 15px;
    margin-left: 0px;
    padding-left: 35px;
}

    .divInformationsRight .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-left-arrow img {
        width: 10px;
    }

.skin-default-dpd.mobile-skin .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-month-desc {
    color: #FFF;
    padding-top: 37px;
    font-weight: bold;
    font-size: 20px;
    width: 310px;
}

.calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-month-desc {
    color: #FFF;
    padding-top: 37px;
    font-weight: bold;
    font-size: 27px;
    width: 310px;
}

.divInformationsRight .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-month-desc {
    color: #FFF;
    padding-top: 20px;
    font-weight: bold;
    font-size: 20px;
    width: 310px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .selected .my-calendar-body-td-div,
#cellTableViewjqxcalendar .ng-scope:last-of-type .selected .calendar-week-days-0,
#cellTableViewjqxcalendar .ng-scope:last-of-type .selected .calendar-week-days-1,
#cellTableViewjqxcalendar .ng-scope:last-of-type .selected .calendar-week-days-2,
#cellTableViewjqxcalendar .ng-scope:last-of-type .selected .calendar-week-days-3,
#cellTableViewjqxcalendar .ng-scope:last-of-type .selected .calendar-week-days-4 {
    background: none !important;
    background-color: #b6b7b7 !important;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .selected.today .my-calendar-body-td-div {
    background: inherit !important;
    background-color: inherit !important;
}

.divInformationsRight img.small {
    width: 16px;
}

.skin-default-dpd.mobile-skin img.small {
    width: 17px;
    margin-left: 12px;
}

.skin-default-dpd.mobile-skin .today img.small {
    margin-top: 10px;
}

.divInformationsRight .today img.small {
    width: 16px;
    margin-top: -8px;
    margin-left: 5px;
}

.divInformationsRight img.big {
    width: 20px;
}

.skin-default-dpd.mobile-skin img.big {
    width: 20px;
}

.divInformationsRight .my-calendar-days-week {
    font-size: 10px;
}

.calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-month-desc div {
    background: none repeat scroll 0% 0% transparent;
    margin: 0px;
    padding: 0px;
    border: medium none;
    width: 100%;
}

.skin-default-dpd.mobile-skin .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-month-desc div {
    margin-top: -8px;
}

.calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-right-arrow {
    padding-top: 32px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 41px;
}

.divInformationsRight .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-right-arrow {
    padding-top: 17px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 34px;
}

    .divInformationsRight .calendar-container .div-calendar-cont .div-calendar-month .my-calendar-head td.my-calendar-right-arrow img {
        width: 10px;
    }

.calendar-container .div-calendar-cont .my-calendar-body-table {
    margin: 0px;
    border-spacing: 0px;
}

    .calendar-container .div-calendar-cont .my-calendar-body-table tbody {
        border: medium none;
        background: none repeat scroll 0% 0% transparent;
    }

    .calendar-container .div-calendar-cont .my-calendar-body-table .my-calendar-days-week-table {
        border: none;
        padding-left: 2px;
        padding-right: 2px;
        text-align: center;
    }

        .calendar-container .div-calendar-cont .my-calendar-body-table .my-calendar-days-week-table tbody {
            border: medium none;
            background: none repeat scroll 0% 0% transparent;
        }

            .calendar-container .div-calendar-cont .my-calendar-body-table .my-calendar-days-week-table tbody td {
                background: none repeat scroll 0% 0% transparent;
                padding: 1px;
                margin: 0px;
                border: medium none;
                width: 37.4286px;
            }

.skin-default-dpd.mobile-skin .calendar-container .div-calendar-cont .my-calendar-body-table .my-calendar-days-week-table tbody td {
    padding-left: 8px;
}

.calendar-container .div-calendar-cont .my-calendar-body-table .my-calendar-days-week-table tbody td div {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td {
    padding-left: 2px;
    padding-right: 2px;
    border-color: transparent;
}

    .calendar-container .my-calendar-body-table .my-calendar-body-td table {
        border-color: transparent;
        text-align: right;
        background-color: #ffffff;
        vertical-align: top;
        width: 462px;
    }

.skin-default-dpd.mobile-skin .calendar-container .my-calendar-body-table .my-calendar-body-td table {
    border-color: transparent;
    text-align: right;
    background-color: #ffffff;
    vertical-align: top;
    width: 285px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td table td {
    border: solid 1px #E7E7E7;
    width: 50px;
    height: 60px;
    vertical-align: top;
}

.skin-default-dpd.mobile-skin .calendar-container .my-calendar-body-table .my-calendar-body-td table td {
    height: 35px;
}

.divInformationsRight .calendar-container .my-calendar-body-table .my-calendar-body-td table td {
    height: 35px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div {
    height: 59px;
    background-color: #f0f4f7 !important;
}

.skin-default-dpd.mobile-skin .calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div {
    height: 35px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .scheduleItem.override .my-calendar-body-td-div {
    background-image: none !important;
    background-color: #f9ccd3 !important;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .today .my-calendar-body-td-div {
    height: 49px;
}

.skin-default-dpd.mobile-skin .today div.my-calendar-body-td-div {
    height: 29px !important;
}

.divInformationsRight .calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div {
    max-height: 34px;
    max-width: 36px;
    min-height: 34px;
    min-width: 36px;
}

.divInformationsRight .calendar-container .my-calendar-body-table .my-calendar-body-td .today .my-calendar-body-td-div {
    max-height: 28px;
    min-height: 28px;
    max-width: 30px;
    min-width: 30px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div span {
    text-align: center;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    .calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div span img.big {
        margin-right: 10px;
        margin-top: -6px;
    }

    .calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div span img.big {
        margin-right: 7px;
        margin-top: -2px;
    }

.calendar-container .my-calendar-body-table .my-calendar-body-td .today .my-calendar-body-td-div span img.big {
    margin-top: -14px;
}

.divInformationsRight .today .my-calendar-body-td-div span img.big {
    height: 19px !important;
    margin-top: -7px !important;
    margin-left: 4px !important;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div span img.small {
    margin-right: 18px;
}

.divInformationsRight .calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div span img.small {
    margin-right: 10px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .today .my-calendar-body-td-div span img.small {
    margin-top: -8px;
}

.skin-default-dpd.mobile-skin .calendar-container .my-calendar-body-table .my-calendar-body-td .today .my-calendar-body-td-div span img.small {
    margin-top: -3px;
    margin-left: 8px;
}

.calendar-container .my-calendar-body-table .my-calendar-body-td .my-calendar-body-td-div.disabled {
    cursor: not-allowed;
}

.ie .login-password,
.ie .login-username,
.gecko .login-username {
    height: 34px;
}

.gecko .login-password {
    height: 35px;
}

.safari .login-password {
    height: 35px;
}

.safari .padding-password-reset {
    padding-top: 170px;
}

.safari .div-password-reset .margin-top-image-account img {
    margin-top: 80px;
}

.safari .password-reset {
    margin-top: -66px;
}

.no_js {
    display: block;
}

.has_js {
    display: none;
}

.js .no_js {
    display: none;
}

.js .has_js {
    display: block;
}

.password-reset-new {
    width: 250px;
    text-align: center;
    margin-bottom: 10px;
}

.mobile-skin .password-reset-new,
.mobile-skin .txtemail-password-reset {
    width: 100%;
}

.login-span-remember-me {
    color: #494949;
}

.my-account {
    font-family: FranklinDPD_Book,Arial;
}

.myaccount-pwp {
    font-family: FranklinDPD_Demi,Arial;
}

.text-description-step-3 p {
    font-family: FranklinDPD_Book,Arial;
    font-size: 8pt;
}

.container-register-step-2 p {
    padding-left: 60px;
    padding-right: 60px;
    font-family: FranklinDPD_Book,Arial;
    font-size: 9pt;
    margin-bottom: 20px;
}

.container-register-step-2 a {
    color: #F00;
    text-decoration: underline;
}

.container-register-step-2 p > span {
    font-family: FranklinDPD_Demi,Arial;
}

.text-description-step-3 h4,
.text-description-step-3 input {
    font-family: FranklinDPD_Demi,Arial;
    margin-top: 30px;
    text-align: center;
}

.text-description-step-3 .resend-token {
    font-size: 10pt;
}

.resend-token h3 {
    font-size: 2.5em;
}

.text-description-step-3 .resend-token h3 {
    color: #F00;
    font-family: FranklinDPD_Demi,Arial;
}

.text-description-step-3 .resend-token a {
    color: #F00;
    text-decoration: underline;
}

.text-description-step-3 .link-resend-code {
    margin-top: 55px;
}

    .text-description-step-3 .link-resend-code a {
        color: #F00;
        text-decoration: underline;
    }

.view-title.title-find-out,
.view-title.delivery-title,
.view-title.help-title,
.div-password-reset .view-title.password-reset,
.div-add-email .view-title.account-email-title,
.div-add-mobile .view-title.account-mobile-title,
.address-edit .view-title.address-title,
.address-book .view-title.address-title,
.my-account .view-title.account-title,
.virtual-address .view-title.account-title {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 24pt;
    margin-left: 241px;
}

.div-add-email .view-title.account-email-title {
    margin-left: 256px;
}

.div-password-reset .view-title.password-reset {
    margin-left: 233px;
}

.ie .view-title.title-find-out,
.ie .view-title.delivery-title,
.ie .view-title.help-title,
.ie .div-password-reset .view-title.password-reset,
.ie .div-add-email .view-title.account-email-title,
.ie .div-add-mobile .view-title.account-mobile-title,
.ie .address-edit .view-title.address-title,
.ie .address-book .view-title.address-title,
.ie .my-account .view-title.account-title,
.ie .virtual-address .view-title.account-title,
.gecko .view-title.title-find-out,
.gecko .view-title.delivery-title,
.gecko .view-title.help-title,
.gecko .div-password-reset .view-title.password-reset,
.gecko .div-add-email .view-title.account-email-title,
.gecko .div-add-mobile .view-title.account-mobile-title,
.gecko .address-edit .view-title.address-title,
.gecko .address-book .view-title.address-title,
.gecko .my-account .view-title.account-title,
.gecko .virtual-address .view-title.account-title {
    font-size: 20pt;
}

html[class*='ff'] .view-title.title-find-out,
html[class*='ff'] .view-title.delivery-title,
html[class*='ff'] .view-title.help-title,
html[class*='ff'] .div-password-reset .view-title.password-reset,
html[class*='ff'] .div-add-email .view-title.account-email-title,
html[class*='ff'] .div-add-mobile .view-title.account-mobile-title,
html[class*='ff'] .address-edit .view-title.address-title,
html[class*='ff'] .address-book .view-title.address-title,
html[class*='ff'] .my-account .view-title.account-title,
html[class*='ff'] .virtual-address .view-title.account-title {
    font-size: 24pt;
}

.view-title.delivery-title {
    margin-left: 247px;
}

    .view-title.delivery-title .col-xs-7 {
        width: 404px !important;
    }

    .view-title.delivery-title hr {
        width: 438px;
    }

.address-edit .view-title.address-title,
.address-book .view-title.address-title {
    margin-left: 237px;
}

.address-book .add-address-button .btn .plus {
    font-family: arial;
    font-size: 35px;
    font-stretch: expanded !important;
    line-height: 10px;
    margin-left: 7px;
}

.ie .mobile-skin .address-book .add-address-button .btn .plus {
    margin-left: 4px;
}

.address-book .add-address-button .btn {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    padding-top: 0px;
}

    .address-book .add-address-button .btn a span {
        vertical-align: middle;
    }

.div-password-reset .view-title.password-reset hr {
    border: none;
    background-color: #ed1c24;
    height: 1px;
    margin-top: 43px;
    margin-left: -15px;
    margin-bottom: 0;
    width: 463px;
}

.calendar-container .view-title.my-calendar-title hr {
    border: none;
    background-color: #ed1c24;
    height: 1px;
    margin-top: 33px;
    margin-left: -38px;
    margin-bottom: 0;
    width: 447px;
}

.ie .calendar-container .view-title.my-calendar-title hr,
.gecko .calendar-container .view-title.my-calendar-title hr {
    margin-top: 30px;
    margin-left: -25px;
    width: 451px;
}

html[class*='ff'] .calendar-container .view-title.my-calendar-title hr {
    margin-top: 33px;
    margin-left: -38px;
    width: 447px;
}

.my-account .view-title.account-title hr {
    border: none;
    background-color: #ed1c24;
    height: 1px;
    margin-top: 43px;
    margin-left: -46px;
    margin-bottom: 0;
    width: 471px;
}

.hr-resgistration {
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    width: 215px;
}

.mobile-skin .hr-resgistration {
    width: 220px;
}

.hr-resgistration hr {
    border: none;
    background-color: #ed1c24;
    height: 1px;
    margin-left: -5px;
    margin-top: 40px;
    width: 100%;
}

.ie8 .container-ie8 {
    margin: 0 385px !important;
}

    .ie8 .container-ie8 .col-xs-4 {
        width: 360px;
    }

    .ie8 .container-ie8 .col-xs-12 {
        width: 1100px;
    }

.ie .hr-resgistration hr,
.gecko .hr-resgistration hr {
    margin-left: -15px;
    width: 212px;
}

.ie8 .hr-resgistration hr {
    margin-left: -15px;
    width: 227px;
}

html[class*='ff'] .hr-resgistration hr {
    margin-left: -5px !important;
    width: 100% !important;
}

.ie .my-account .view-title.account-title hr,
.gecko .my-account .view-title.account-title hr {
    margin-top: 40px;
    margin-left: -33px;
    margin-bottom: 0;
    width: 474px;
}

html[class*='ff'] .my-account .view-title.account-title hr {
    margin-top: 43px;
    margin-left: -46px;
    margin-bottom: 0;
    width: 471px;
}

.divMyAccount .margin-top-content .title-page {
    padding-right: 3px;
}

html[class*='ff'] .div-add-email .view-title.account-mobile-title .col-xs-offset-1,
html[class*='ff'] .div-add-mobile .view-title.account-mobile-title .col-xs-offset-1,
html[class*='ff'] .my-account .view-title.account-title .col-xs-offset-1,
html[class*='ff'] .virtual-address .view-title.account-title .div-add-email .view-title.account-mobile-title .col-xs-offset-1,
.div-add-mobile .view-title.account-mobile-title .col-xs-offset-1,
.my-account .view-title.account-title .col-xs-offset-1,
.virtual-address .view-title.account-title .col-xs-offset-1 {
    margin-left: 75px;
    padding-right: 0px;
    padding-left: 15px;
    width: 235px;
    margin-top: 10px;
}

.ie .div-add-email .view-title.account-mobile-title .col-xs-offset-1,
.ie .div-add-mobile .view-title.account-mobile-title .col-xs-offset-1,
.ie .my-account .view-title.account-title .col-xs-offset-1,
.gecko .div-add-email .view-title.account-mobile-title .col-xs-offset-1,
.gecko .div-add-mobile .view-title.account-mobile-title .col-xs-offset-1,
.gecko .my-account .view-title.account-title .col-xs-offset-1 {
    margin-left: 75px;
    padding-right: 0px;
    padding-left: 15px;
    width: 235px;
    margin-top: 10px;
}

.div-add-email .view-title.account-email-title .col-xs-offset-1,
.div-add-mobile .view-title.account-mobile-title .col-xs-offset-1 {
    margin-top: 8px;
}

.view-title.delivery-title .col-xs-offset-1 {
    margin-top: 9px;
    margin-left: 71px;
    padding-right: 0px;
    width: 245px;
}

.gecko .view-title.delivery-title .col-xs-offset-1,
.ie .view-title.delivery-title .col-xs-offset-1 {
    width: 260px;
    margin-left: 71px;
}

.ie .mobile-skin .view-title.delivery-title .col-xs-offset-1 {
    margin-top: 0px;
    width: 245px;
}

html[class*='ff'] .view-title.delivery-title .col-xs-offset-1 {
    margin-left: 71px;
    width: 245px;
}

.view-title.delivery-title hr {
    background-color: #ed1c24;
    border: medium none;
    height: 1px;
    margin-bottom: 0;
    margin-left: -24px;
    margin-top: 41px;
    width: 435px;
    margin-bottom: 15px;
}

.ie .view-title.delivery-title hr,
.gecko .view-title.delivery-title hr {
    margin-top: 39px;
    width: 438px;
}

.gecko .ff3 .view-title.delivery-title hr {
    width: 435px;
    margin-top: 41px;
}

.div-add-mobile .view-title.account-mobile-title hr {
    background-color: #ed1c24;
    width: 468px;
    margin-left: -45px;
    margin-top: 42px;
    height: 1px;
}

.div-add-email .view-title.account-email-title hr {
    background-color: #ed1c24;
    margin-left: -60px;
    margin-top: 40px;
    width: 466px;
    height: 1px;
}

.address-edit .view-title.address-title .col-xs-offset-1,
.address-book .view-title.address-title .col-xs-offset-1 {
    margin-left: 82px;
    margin-top: 7px;
    width: 270px;
}

.address-edit .view-title.address-title hr,
.address-book .view-title.address-title hr {
    background-color: #ed1c24;
    margin-left: -35px;
    margin-top: 40px;
    width: 407px;
    height: 1px;
}

.gecko .address-edit .view-title.address-title hr,
.ie .address-edit .view-title.address-title hr,
.gecko .address-book .view-title.address-title hr,
.ie .address-book .view-title.address-title hr {
    background-color: #ed1c24;
    margin-left: -25px;
    margin-top: 37px;
    width: 428px;
    height: 1px;
}

html[class*='ff'] .address-edit .view-title.address-title hr,
html[class*='ff'] .address-book .view-title.address-title hr {
    margin-left: -35px;
    margin-top: 40px;
    width: 423px;
}

.view-title.depot-title {
    font-family: FranklinDPD_Demi,Arial;
    margin-left: 241px;
    margin-top: -54px;
    margin-left: 256px;
}

    .view-title.depot-title span {
        font-family: FranklinDPD_Demi,Arial;
        font-size: 24pt !important;
    }

    .view-title.depot-title hr {
        background-color: #ed1c24;
        margin-top: 40px;
        height: 1px;
        margin-top: 32px;
        margin-left: -36px;
        width: 446px;
    }

.div-add-email .account-item-description p,
.div-add-mobile .account-item-description p {
    font-family: FranklinDPD_Book,Arial;
    font-size: 10pt;
    margin-bottom: 0px;
    line-height: 1.0;
}

.div-password-reset .contaner-account-information.div-password-reset p {
    font-family: FranklinDPD_Book,Arial;
    font-size: 10pt;
    margin-bottom: 0px;
    line-height: 1.0;
    margin-left: 23px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.div-password-reset .contaner-account-information.padding-password-reset p,
.div-password-reset .contaner-account-information.div-password-reset p {
    font-family: FranklinDPD_Book,Arial;
    font-size: 10pt;
    margin-bottom: 0px;
    line-height: 1.0;
    margin-left: 23px;
    margin-bottom: 10px;
}

.mobile-skin .div-password-reset .contaner-account-information.padding-password-reset p,
.mobile-skin .div-password-reset .contaner-account-information.div-password-reset p {
    font-size: 11pt;
}

.div-password-reset .contaner-account-information.padding-password-reset.div-password-reset {
    margin-top: 30px;
    margin-left: -50px;
}

.div-password-reset .contaner-account-information.change-password {
    margin-left: -60px;
}

.div-password-reset .info-change-password p {
    margin-top: 10px;
}

.mobile-skin .div-password-reset .contaner-account-information.change-password .button-password .myaccount-btn-edit {
    width: 190px;
}

.div-password-reset .contaner-account-information.change-password label,
.div-password-reset .contaner-account-information.padding-password-reset span,
.div-password-reset .contaner-account-information.div-password-reset span,
.div-add-email .account-item-description span,
.div-add-mobile .account-item-description span {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 15pt;
}

.mobile-skin .div-password-reset .contaner-account-information.change-password label,
.mobile-skin .div-password-reset .contaner-account-information.padding-password-reset span,
.mobile-skin .div-password-reset .contaner-account-information.div-password-reset span {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 19pt;
}

.view-title.address-title hr {
    width: 453px;
}

.address-book .div-description_address {
    font-family: FranklinDPD_Book,Arial;
    font-size: 10pt;
}

.address-book .address-ref {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 20pt;
    height: 0px;
    text-transform: uppercase;
}

.gecko .address-book .address-ref,
.ie .address-book .address-ref {
    margin-top: -3px;
}

html[class*='ff'] .address-book .address-ref {
    margin-top: 0px;
}

.my-account p {
    font-family: FranklinDPD_Book,Arial;
}

.myaccount-btn-24-h:link,
.myaccount-btn-24-h:hover,
.myaccount-btn-24-h {
    background-image: url('/DesktopModules/Inventise.DPD/Images/back-btn-37-H.png');
    font-family: FranklinDPD_Demi,Arial;
    font-size: 8pt;
    width: 136px;
    height: 30px;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 2px;
}

.chrome .myaccount-btn-24-h:link,
.chrome .myaccount-btn-24-h:hover,
.chrome .myaccount-btn-24-h {
    font-size: 9pt;
}

.myaccount-btn-24-h a,
.myaccount-btn-24-h a {
    color: #FFF;
    text-decoration: none;
}

.myaccount-btn-24-h.validate {
    width: 183px;
    margin-bottom: 5px;
    padding-left: 5px;
    height: 25px;
    padding-top: 4px;
}

.myaccount-btn-24-h.add {
    height: 25px;
    width: 104px;
    padding-left: 10px;
    padding-top: 4px;
}

.myaccount-extra-padding {
    padding-right: 0px;
    width: 119px;
    padding-left: 25px;
}
/*@font-face
{
    font-family: FranklinDPD_Demi;
    src: url("/DesktopModules/Inventise.DPD/fonts/FranklinDPD_Demi.otf");
}


@font-face
{
    font-family: FranklinDPD_Book;
    src: url("/DesktopModules/Inventise.DPD/fonts/FranklinDPD_Book.otf");
}*/
.sticky-title {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 18px;
    color: #ED1C24;
    margin-left: 25px;
    margin-bottom: 5px;
}
/*.ie .sticky-title,
.gecko .sticky-title
{
    font-size: 14pt;
}


html[class*='ff'] .sticky-title
{
    font-size: 17pt;
}


.sticky-title .dot
{
    font-size: 10pt;
}*/
.sticky-text {
    padding-left: 25px;
    padding-right: 50px;
    text-align: center;
}

    .sticky-text span {
        font-family: Arial;
        color: #000;
        font-size: 12px;
        margin-top: 20px;
    }

.depot-finder .controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 28px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.depot-finder .my-address {
    background-color: #fff;
    padding: 0 11px 0 13px;
    font-family: Roboto,Arial;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
    width: 300px;
}

    .depot-finder .my-address:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;
        /* Regular padding-left + 1. */
        width: 300px;
    }

.depot-finder .get-directions {
    background-image: url("../images/grad-blue-x28.png");
    background-repeat: repeat-x;
    width: 65px;
    text-align: center;
    border: none;
    left: 385px !important;
}

    .depot-finder .get-directions img {
        width: 23px;
        margin-top: 2px;
    }

.depot-finder .depot-details {
    text-transform: capitalize;
}

    .depot-finder .depot-details .buttons button {
        padding: 1px;
    }

.mobile.depot-finder .my-address {
    width: 190px !important;
}

.mobile.depot-finder .get-directions {
    left: 230px !important;
    top: 14px !important;
}

.panel-default > .panel-heading {
    clear: both;
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-skin.png") !important;
}

.calendar-week-days-0,
.calendar-week-days-1,
.calendar-week-days-2,
.calendar-week-days-3,
.calendar-week-days-4 {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-img-66-H.png") !important;
}

#cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-0,
#cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-1,
#cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-2,
#cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-3,
#cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-4 {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-img-66-shadow-H.png") !important;
}

#cellTableViewjqxcalendar .padding-month .calendar-week-days-0,
#cellTableViewjqxcalendar .padding-month .calendar-week-days-1,
#cellTableViewjqxcalendar .padding-month .calendar-week-days-2,
#cellTableViewjqxcalendar .padding-month .calendar-week-days-3,
#cellTableViewjqxcalendar .padding-month .calendar-week-days-4,
#cellTableViewjqxcalendar .padding-month .calendar-week-days-5,
#cellTableViewjqxcalendar .padding-month .calendar-week-days-6 {
    /*background-image: url("/DesktopModules/Inventise.DPD/Images/back-img-66-H-disabled.png") !important;*/
    color: #c5c7c8;
}

#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-0,
#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-1,
#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-2,
#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-3,
#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-4,
#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-5,
#cellTableViewjqxcalendar .ng-scope:last-of-type .padding-month .calendar-week-days-6 {
    /*background-image: url("/DesktopModules/Inventise.DPD/Images/back-img-66-shadow-H-disabled.png") !important;*/
    color: #c5c7c8;
}

.divInformationsRight #cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-0,
.divInformationsRight #cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-1,
.divInformationsRight #cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-2,
.divInformationsRight #cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-3,
.divInformationsRight #cellTableViewjqxcalendar .ng-scope:last-of-type .calendar-week-days-4 {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-img-34-shadow-H-.png") !important;
}

.back-image-register .terms-conditions {
    padding-right: 0px;
    width: 262px;
}

    .back-image-register .terms-conditions p {
        font-size: 10px;
        width: 224px;
        margin-left: 21px;
        text-align: justify;
    }

    .back-image-register .terms-conditions label a {
        color: inherit;
    }

a:focus {
    outline: none;
}

.sticky-note {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-stycky.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 370px;
    margin-bottom: 15px;
    margin-left: -12px;
}

.extra-sticky-note {
    height: 432px;
}

.extra-div-h {
    height: 125px;
}

.extra-div-xh {
    height: 205px;
}

.today {
    border: 5px solid #ED1C24;
    color: #ED1C24;
    font-weight: bold;
}

.skin-default-dpd.mobile-skin .calendar-container .today {
    border: 3px solid #ED1C24;
}

.divInformationsRight .today {
    border: 3px solid #ed1c24;
}

.registration-email-color {
    color: #f00;
}

.img-check-recurring-event {
    width: 19px;
    margin-top: 0px;
    margin-left: 6px;
}

.img-radio-recurring-event {
    width: 19px;
    height: 19px;
    margin-bottom: 5px;
    margin-top: 6px;
}

.opacity {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
}

.week-days-recurring {
    font-family: Arial;
    font-size: 6pt;
}

.week-days-recurring-check td {
    width: 24px;
}

.mobile-skin .divProfile {
    margin-top: 0px !important;
}

.mobile-skin .welcome {
    font-family: FranklinDPD_Demi,Arial;
    color: #FFF;
    font-size: 24pt;
    padding-top: 2px;
    margin-left: 70px;
    width: 246px;
    overflow: hidden;
    white-space: nowrap;
}

    .mobile-skin .welcome .username {
        font-family: FranklinDPD_Book, Arial;
        color: #000;
        font-size: 9pt;
        margin-left: 21px;
        margin-top: -5px;
    }

        .mobile-skin .welcome .username span {
            font-family: FranklinDPD_Demi,Arial;
        }

.table-wizard-information {
    background-image: url('/DesktopModules/Inventise.DPD/Images/bak-profile-informations.png');
    background-repeat: no-repeat;
    height: 285px;
    margin-left: 10px;
    margin-top: -6px;
    background-size: 100%;
}

.table-wizard-button-hide {
    text-align: center;
    margin-left: 0px;
    margin-top: -5px;
    width: 320px;
}

.table-wizard-button-hide-remove-margint {
    margin-top: 0px !Important;
}

.table-wizard-button-hide .myaccount-btn-edit.add-number {
    width: 170px;
    height: 25px;
    padding-left: 4px;
    font-family: FranklinDPD_Demi,Arial;
    font-size: 13pt;
    padding-top: 1px;
    font-weight: bold;
}

    .table-wizard-button-hide .myaccount-btn-edit.add-number.hide-legend a {
        padding-top: 0px;
    }

.table-wizard-button-hide hr {
    background: none repeat scroll 0 0 #BABABA;
    border: 0 none;
    clear: both;
    height: 1px;
    margin: 0 auto auto;
    width: 320px;
    margin-left: 0px;
}

.mobile-skin .profileMyDeliveryThisWeek thead {
    width: 320px;
    background-image: url("/DesktopModules/Inventise.DPD/Images/DeliveriesWeekTableMobile.png");
}

.mobile-skin .profileMyDeliveryThisWeek tbody,
.mobile-skin .profileMyAccount tbody {
    width: 320px !Important;
}

    .mobile-skin .profileMyDeliveryThisWeek tbody td {
        width: 125px !important;
    }

.mobile-skin .profileMyDeliveryThisWeek tbody {
    display: block;
    height: 100px;
    overflow: auto;
    width: 100%;
}

    .mobile-skin .profileMyDeliveryThisWeek tbody td:first-of-type {
        width: 60px !important;
    }

.mobile-skin .view-title.title-find-out,
.mobile-skin .view-title.delivery-title,
.mobile-skin .view-title.help-title,
.mobile-skin .div-password-reset .view-title.password-reset,
.mobile-skin .div-add-email .view-title.account-email-title,
.mobile-skin .div-add-mobile .view-title.account-mobile-title,
.mobile-skin .address-edit .view-title.address-title,
.mobile-skin .address-book .view-title.address-title,
.mobile-skin .my-account .view-title.account-title,
.mobile-skin .virtual-address .view-title.account-title {
    font-size: 16pt !important;
    margin-left: 0px;
    margin-top: 0px;
}

.mobile-skin .virtual-address .view-title.account-title {
    padding-left: 50px;
}

.ie .mobile-skin .view-title.title-find-out,
.ie .mobile-skin .view-title.delivery-title,
.ie .mobile-skin .view-title.help-title,
.ie .mobile-skin .div-password-reset .view-title.password-reset,
.ie .mobile-skin .div-add-email .view-title.account-email-title,
.ie .mobile-skin .div-add-mobile .view-title.account-mobile-title,
.ie .mobile-skin .address-edit .view-title.address-title,
.ie .mobile-skin .address-book .view-title.address-title,
.ie .mobile-skin .my-account .view-title.account-title,
.ie .mobile-skin .virtual-address .view-title.account-title {
    font-weight: bold;
}

.mobile.android.linux .mobile-skin .div-password-reset .view-title.password-reset {
    margin-top: -15px;
}

html[class*='ff'] .mobile-skin .view-title.title-find-out,
html[class*='ff'] .mobile-skin .view-title.delivery-title,
html[class*='ff'] .mobile-skin .view-title.help-title,
html[class*='ff'] .mobile-skin .div-password-reset .view-title.password-reset,
html[class*='ff'] .mobile-skin .div-add-email .view-title.account-email-title,
html[class*='ff'] .mobile-skin .div-add-mobile .view-title.account-mobile-title,
html[class*='ff'] .mobile-skin .address-edit .view-title.address-title,
html[class*='ff'] .mobile-skin .address-book .view-title.address-title,
html[class*='ff'] .mobile-skin .my-account .view-title.account-title,
html[class*='ff'] .mobile-skin .virtual-address .view-title.account-title {
    margin-top: -15px;
}

.mobile-skin .divMyAccount .margin-top-content {
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
}

    .mobile-skin .divMyAccount .margin-top-content .title-page {
        padding-left: 0px;
    }

.mobile-skin .div-password-reset .col-xs-offset-2.title-page {
    margin-left: 0px;
}

.mobile-skin .profileMyAccount {
    padding-right: 0px;
    padding-left: 0px;
}

    .mobile-skin .profileMyAccount .title-mobile-heads {
        padding-right: 0px;
        padding-left: 0px;
        font-family: Arial;
        font-weight: bold;
    }

        .mobile-skin .profileMyAccount .title-mobile-heads .col-xs-5 {
            padding-left: 0px;
        }

.div-mobile-add-email,
.div-mobile-add-number {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

    .div-mobile-add-email .row,
    .div-mobile-add-number .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }

    .div-mobile-add-email .col-xs-3,
    .div-mobile-add-number .col-xs-3 {
        padding-left: 0px !important;
    }

    .div-mobile-add-number .col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .div-mobile-add-email .col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 310px;
        margin-top: 5px;
    }

.mobile-border {
    border-bottom: 1px solid #e1e1e1;
}

.mobile-skin .myaccount-btn-24-h.validate {
    width: 110px;
    padding-left: 10px;
}

.mobile-skin .suspend-account-link {
    text-align: center;
    margin-right: 0;
    font-size: 14px;
    padding-bottom: 5px;
    background: none;
}

.mobile-skin .back-image-address-book-mobile {
    margin-top: 10px;
}

.back-image-address-book-mobile .div-repeater_address-mobile {
    width: 320px;
    margin-left: 0px;
    margin-top: -5px;
    background-image: url("/DesktopModules/Inventise.DPD/Images/icon-spring.mobile.png");
    background-repeat: repeat-y;
    background-position: left;
    min-height: 360px;
}

.div-description_address-mobile {
    border-top-width: 1px;
    width: 210px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 25px;
}

.mobile-skin .address-ref {
    padding-left: 0px;
    margin-left: 5px;
}

.address-book-btn-plus:link,
.address-book-btn-plus:hover,
.address-book-btn-plus {
    -moz-user-select: none;
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-btn-37-H.png");
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: FranklinDPD_Demi,Arial;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 0 0 0 3px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 105px;
    margin-left: 35px;
}

    .address-book-btn-plus a,
    .address-book-btn-plus a:hover {
        color: #fff;
        text-decoration: none;
    }

.hr-mobile-address-book {
    visibility: hidden;
    margin: 0px !important;
}

.mobile-skin .add-address-button {
    float: right;
    padding-right: 0;
    width: 110px;
    height: 20px;
    margin-right: 45px;
    margin-top: 30px;
}

    .mobile-skin .add-address-button button {
        margin-top: 15px;
    }

    .mobile-skin .add-address-button .btn.address-book-plus-btn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.calendar-div-row {
    margin-bottom: 10px;
    height: 470px;
}

.mobile-skin .calendar-div-row-alert {
    margin: 20px 0px 10px !important;
    width: 320px !important;
}

.mobile-skin .calendar-div-row {
    margin: 0px 0px 10px !important;
    width: 320px !important;
    padding: 0px 14px;
    height: 30px;
}

.mobile-skin .back-image-box-left-calendar {
    display: none !important;
}

.mobile-skin .mobile-default-size {
    margin-left: 0px;
    margin-right: 0px;
    width: 320px;
}

.mobile-skin .div-title-address {
    text-align: center;
    width: 200px;
    border-style: none;
    margin: -40px 0 -5px 15px;
}

.address-map-extra-button-style-mobile:hover,
.address-map-extra-button-style-mobile {
    width: 100px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 20px;
    min-width: 100px;
}

.address-edit-extra-button-style-mobile:hover,
.address-edit-extra-button-style-mobile {
    width: 100px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 20px;
    margin-bottom: 0px !important;
    margin-top: -10px;
    min-width: 100px;
}

    .address-edit-extra-button-style-mobile:hover:last-of-type,
    .address-edit-extra-button-style-mobile:last-of-type {
        margin-right: 0px;
    }

.address-map-extra-button-style-mobile:hover:last-of-type,
.address-map-extra-button-style-mobile:last-of-type {
    margin-right: 0px;
}

.div-map-address {
    min-height: 722px;
}

.icon-man-dpd {
    background-image: url('/DesktopModules/Inventise.DPD/Images/little-man-dpd.png') !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-address-dpd {
    background-image: url('/DesktopModules/Inventise.DPD/Images/icon-address-dpd.png') !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-mobile-dpd {
    background-image: url('/DesktopModules/Inventise.DPD/Images/icon-mobile-dpd.png') !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-mobile-address-default {
    background-image: url('/DesktopModules/Inventise.DPD/Images/icon-mobile-address-default.png') !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-post-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPostMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-person-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPersonMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-phoneDPD-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPhoneDPDMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-address-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconAdressMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-padlock-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconPadlockMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-keyDPD-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconKeyMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.icon-Wand-mobile {
    background-image: url("/DesktopModules/Inventise.DPD/Images/IconWandMobile.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px;
    height: 30px !important;
    background-color: #FFF;
    border: 1px solid #c1c1c3;
}

.mobile-skin .width-field-sm {
    width: 150px;
}

.mobile-skin .address-edit .buttons,
.mobile-skin .address-form-fields {
    margin-left: 20px;
}

.mobile-skin .widh-field-lg {
    width: 225px;
}

.mobile-skin .div-edit-address-title {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 13pt;
    padding-left: 50px;
    padding-top: 15px;
}

.mobile-skin .field-set.default-address {
    margin-top: 15px;
    height: 45px;
}

.mobile-skin .div-title-address-map {
    margin-top: -20px;
    margin-bottom: 5px;
}

.mobile-no-margin-r-l {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mobile-no-padding-r-l {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 60px;
}

.mobile-myaccount-width {
    width: 310px !important;
}

.mobile-address-book-width {
    width: 320px !important;
}

.mobile-address-book-title {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
    left: 86px !important;
    width: 182px !important;
    margin-top: 15px !important;
}

.ie .mobile-address-book-title {
    margin-top: 0px !important;
}

.mobile-address-boook-content {
    margin: -2px 10px 0px;
    border-top: 1px solid #bdbdbe;
    border-right-width: 0px;
    padding-right: 12px;
    height: 148px;
}

.mobile-no-padding-r-l-margin {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

.mobile-address-boook-ref-description {
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: -40px;
    white-space: nowrap;
    overflow: hidden;
    width: 195px;
}

.delivery-future-bak {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-deactivated-account-mobile-top.png");
    background-repeat: no-repeat !important;
    background-size: 313px;
    height: 200px;
    width: 320px;
    margin-top: -40px;
    padding-bottom: 25px;
}

    .delivery-future-bak .future {
        margin-left: 63px;
        margin-top: 0px;
        padding-top: 167px;
        width: 211px;
    }

.ie .mobile-skin .delivery-future-bak .future {
    width: 250px;
    margin-left: 42px;
}

.delivery-future-bak span {
    font-family: FranklinDPD_Demi,Arial;
    font-size: 17pt;
}

.delivery-past-bak {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-deactivated-account-mobile-bottom.png");
    background-repeat: no-repeat !important;
    background-size: 311px;
    height: 265px;
    width: 314px;
}

    .delivery-past-bak span {
        font-family: FranklinDPD_Demi,Arial;
        font-size: 17pt;
    }

    .delivery-past-bak div.past {
        padding-top: 220px;
        margin-left: 63px;
    }

.ie .mobile-skin .delivery-past-bak div.past {
    margin-left: 50px;
}

.mydelivery-content {
    min-height: 400px;
}

.title-mydelivery-mobile {
    width: 200px;
    margin-left: 50px;
}

.mobile-skin .title-desc-icon-past {
    float: right;
}

.mobile-skin .title-desc-past {
    font-size: 13pt;
}

.ie .mobile-skin .title-desc-past {
    font-size: 12pt;
}

.mobile-skin .title-desc-past .strong-title {
    font-family: FranklinDPD_Demi,Arial;
}

.ie .mobile-skin .title-desc-past .strong-title {
    font-weight: bold;
}

.mobile-skin .title-delivery-past {
    width: 300px;
    padding-right: 0px;
    padding-left: 0px;
}

.title-desc-icon-future-mobile {
    width: 54px !important;
    margin-left: 0px !important;
    float: right;
    margin-top: -43px;
    padding-left: 0px;
    padding-right: 0px;
}

    .title-desc-icon-future-mobile img {
        width: 50px;
        height: 50px;
    }

.title-desc-icon-past-mobile img {
    height: 38px;
    width: 55px;
}

.consignment-mobile-epected {
    margin-left: 10px;
    margin-right: 10px;
    /*width: 300px;*/
}

.mobile-skin .grid-delivery-head {
    margin-left: 0px;
    width: 300px;
    font-size: 8pt;
    margin-top: 0px;
    padding-top: 25px;
}

.mobile.android.linux .mobile-skin .grid-delivery-head {
    padding-top: 0px;
    height: 0px;
    height: 17px;
}

.mobile-skin .head-grid-delivery-past {
    width: 300px !important;
}

.head-tracking {
    padding-left: 0px;
    padding-right: 0px;
    width: 68px;
}

.head-sender {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 5px;
}

.herad-exp-date {
    padding-left: 0px;
    padding-right: 0px;
}

.mobile-skin .delivery-page,
.mobile-skin .grid-delivery-head {
    float: left;
    margin-left: 0px;
    margin-top: 20px;
}

.mobile-skin .panel-default > .panel-heading {
    padding-left: 0px;
    padding-right: 0px;
}

.mobile-skin .consignment-expected .consignment-table-head,
.mobile-skin .consignment-previous .consignment-table-head ,
.mobile-skin .consignment-returns .consignment-table-head {
    margin-left: 0px;
    margin-right: 0px;
    width: 300px !important;
    font-size: 9px;
}

    .mobile-skin .consignment-expected .consignment-table-head span {
        padding-left: 5px;
        padding-right: 0px;
    }

.mobile-skin .consignment-table-head {
    padding-bottom: 4px;
    padding-top: 7px;
}

.mobile-table-cons .grid-internal-delivery-head-color-1,
.mobile-table-cons .grid-internal-delivery-head-color-2 {
    width: 0px;
}

.mobile-table-cons .fist-td {
    width: 80px !important;
    font-weight: bold;
}

.mobile-table-cons .secod-td {
    width: 170px !important;
    font-weight: bold;
}

.top-left-url a {
    text-decoration: none;
    color: #FFF;
}

.mobile-skin-registration .title-steps-1-registation {
    background-image: url("/DesktopModules/Inventise.DPD/Images/TitleRegStep1mobile.png") !important;
    background-repeat: no-repeat !important;
    height: 40px;
    margin-top: 0px !important;
    margin-left: 10px;
}

.mobile-skin-registration .title-steps-2-registation {
    background-image: url("/DesktopModules/Inventise.DPD/Images/TitleRegStep2mobile.png") !important;
    background-repeat: no-repeat !important;
    height: 40px;
    margin-top: 9px !important;
    margin-left: 11px;
}

.mobile-skin-registration .title-steps-3-registation {
    background-image: url("/DesktopModules/Inventise.DPD/Images/TitleRegStep3mobile.png") !important;
    background-repeat: no-repeat !important;
    height: 40px;
    margin-top: 9px !important;
    margin-left: 11px;
}

.mobile-skin-registration .container-register-mobile {
    border: 0px solid #d5d3d2;
}

    .mobile-skin-registration .container-register-mobile .row {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        width: 300px;
    }

        .mobile-skin-registration .container-register-mobile .row .col-xs-8 {
            padding-left: 0px;
            padding-right: 0px;
            width: 300px;
        }

        .mobile-skin-registration .container-register-mobile .row .col-xs-4 {
            padding-left: 0px;
            padding-right: 0px;
            width: 270px;
            margin-left: 15px;
        }

    .mobile-skin-registration .container-register-mobile .buttons {
        text-align: center;
    }

        .mobile-skin-registration .container-register-mobile .buttons a {
            display: inline-block;
        }

            .mobile-skin-registration .container-register-mobile .buttons a img {
                margin: 0 !important;
                padding: 0;
            }

.mobile-skin-registration .icon-alerts-size {
    display: inline-block;
    padding-right: 10px;
    width: 100%;
}

    .mobile-skin-registration .icon-alerts-size .col-xs-12 {
        margin: 0;
        padding: 0;
    }

        .mobile-skin-registration .icon-alerts-size .col-xs-12 .alert {
            margin-right: 10px;
        }

.mobile-skin-registration .fieldRegister {
    width: 260px;
    padding-left: 40px;
    margin-left: 20px !important;
    border-color: #D5D3D2 !important;
}

.mobile-skin-registration .resgistration-specify-other {
    left: 15px;
    right: 0px;
    width: 250px;
}

.mobile-skin-registration .please-spec-mobile-file .col-xs-4 {
    margin-left: 0px !important;
}

.mobile-skin-registration .terms-conditions {
    padding-left: 0px;
    padding-right: 0px;
    width: 245px;
    margin-left: 17px;
}

    .mobile-skin-registration .terms-conditions a {
        Color: #2a6496;
        text-decoration: none;
    }

        .mobile-skin-registration .terms-conditions a:hover,
        .mobile-skin-registration .terms-conditions a:focus {
            Color: #2a6496;
            text-decoration: underline;
        }

.font-df {
    font-weight: bold;
}

.step-2-row {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    width: 300px;
}

.mobile-skin-registration .fieldRegisterstep3 {
    margin-bottom: 20px;
}

.container-register-step-3-mobile .row {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 320px;
}

.container-register-step-3-mobile .text-description-step-3 {
    padding-left: 20px;
    padding-right: 20px;
}

.container-register-step-3-mobile .info-resent-code-mobile-sky {
    margin-top: 30px;
    text-align: justify;
    width: 220px;
    margin-left: 36px;
    margin-bottom: 21px;
}

.mobile-skin .div-add-email .row {
    margin-left: 0px;
    margin-right: 0px;
    width: 320px;
    margin-bottom: 5px;
}

.mobile-skin .account-email-title,
.mobile-skin .account-mobile-title {
    margin-top: 0px !important;
}

.mobile-skin .div-add-email .row .col-xs-4 {
    margin-left: 104px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 178px !important;
    margin-top: 0px !important;
}

.mobile-skin .contaner-account-information.padding-new-email {
    margin-left: 25px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 300px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.mobile-skin .margin-top-content .title-page {
    width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}

.mobile-skin .second-title {
    padding-right: 0px !important;
}

.mobile-skin .div-add-email .account-item-description span {
    font-size: 18pt !important;
}

.divMyAccount.div-add-mobile .col-xs-12.account-item-description {
    padding-right: 0px;
    /*width: 254px;*/
}

.divMyAccount.div-add-mobile .account-item-description p {
    margin-bottom: 10px;
}

.mobile-skin .row-btn-email {
    width: 300px !important;
}

    .mobile-skin .row-btn-email .add {
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }

    .mobile-skin .row-btn-email .cancel {
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-top: 5px !important;
        margin-top: 19px !important;
    }

.mobile-skin .div-add-mobile .row {
    margin-left: 0px;
    margin-right: 0px;
    width: 320px;
    margin-bottom: 5px;
}

    .mobile-skin .div-add-mobile .row .col-xs-4 {
        margin-left: 82px !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
        width: 178px !important;
        margin-top: 0px !important;
    }

.mobile-skin .view-title.account-mobile-title .row {
    width: 300px;
}

.mobile-skin .div-add-mobile .account-item-description span {
    padding-right: 0px !important;
}

.mobile-skin .div-add-mobile .account-item-description span {
    font-size: 17pt !important;
}

.mobile-skin .row.margin-top-content {
    width: 300px;
    padding-left: 6px;
    padding-right: 10px;
    margin-left: 0px;
}

.mobile-skin .btn-mobile-add-mobile-skin .extra-marging-button-add-mobile {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.mobile-skin .title-page {
    padding-right: 0px !important;
}

.mobile-skin .contaner-account-information.padding-password-reset {
    /*margin-left: 20px;*/
    padding-top: 0px;
}

.mobile .modal-dialog .modal-content .form-fields .row.submit-button .btn {
    white-space: pre-line;
    width: 90%;
}

.mobile-skin .div-password-reset .row.account-title {
    margin: 0px !important;
    width: 320px !important;
}

.mobile-skin .account-title .view-title.password-reset .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
}

    .mobile-skin .account-title .view-title.password-reset .row .col-xs-4 {
        margin-left: 55px;
    }

.mobile-skin .my-calendar-title {
    margin-left: 24px;
}

.mobile-skin .title.my-calendar-title {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 302px;
}

html[class*='ff'] .mobile-skin .my-calendar-title,
.mobile-skin .my-calendar-title {
    margin-top: 0px;
}

.mobile-skin .main-title-calendar {
    margin: 0px 0 10px !important;
}

.mobile-skin .first-row-calendar-title {
    margin-left: 85px !important;
}

.calendar-div-row.first-row-calendar-title {
    margin-top: 0px !important;
}

.mobile-skin .view-title.my-calendar-title .calendar-div-row .col-xs-4 {
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 155px !important;
}

.ie .mobile-skin .view-title.my-calendar-title .calendar-div-row .col-xs-4 {
    width: 180px !important;
}

.btn-schedule.secundary .btn-red-color {
    font-weight: bold;
    background-color: #ff6767 !important;
    width: 214px;
    height: 30px;
    padding-right: 0px !important;
}

ul.dropdown-menu {
    font-family: Arial !important;
}

    ul.dropdown-menu li:last-of-type {
        display: none !important;
    }

    ul.dropdown-menu table thead tr:nth-child(1) button {
        background-image: url("/DesktopModules/Inventise.DPD/Images/calendarHead-Calendar-Js.png");
        background-size: 100% auto;
        /*font-family:FranklinDPD_Book,Arial;*/
        color: #FFF;
        border: none !important;
        border-radius: 0;
        outline: none !important;
    }

.mobile-skin ul.dropdown-menu table thead tr:nth-child(1) button {
    height: 22px;
    padding-top: 2px;
}

.mobile-skin ul.dropdown-menu table thead tr:nth-child(1) th:nth-child(1) button {
    padding-left: 12px;
}

.mobile-skin ul.dropdown-menu table thead tr:nth-child(1) th:nth-child(3) button {
    padding-right: 12px;
}

input[type="button"] {
    outline: none;
}

    input[type="button"]::-moz-focus-inner {
        border: 0;
    }

ul.dropdown-menu table thead tr:nth-child(1) th:nth-child(1),
ul.dropdown-menu table thead tr:nth-child(1) th:nth-child(3) {
    width: 32px;
}

ul.dropdown-menu table {
    margin-top: -5px !important;
}

    ul.dropdown-menu table thead tr:nth-child(2) {
        background-image: url("/DesktopModules/Inventise.DPD/Images/MyCalendarDaysWeek.png") !important;
        height: 25px !important;
    }

        ul.dropdown-menu table thead tr:nth-child(2) small {
            color: #6c7174 !important;
        }

    ul.dropdown-menu table tbody button {
        border: none;
    }

.btn-info:hover,
.btn-info:focus {
    background-color: #f26868 !important;
    border-color: #000000;
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #f26868 !important;
    border-color: #000000;
    color: #fff;
}

.btn-info {
    background-color: #f26868;
    color: #fff;
}

.mobile-skin .back-deactivated-account {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-deactivated-account-mobile.png");
    background-repeat: no-repeat;
    height: 520px;
    text-align: center;
    width: 310px;
    margin-left: 10px;
}

    .mobile-skin .back-deactivated-account .row {
        margin-left: 0px;
        margin-right: 0px;
        width: 310px;
    }

    .mobile-skin .back-deactivated-account .main-text {
        font-size: 16px;
        font-weight: bold;
        margin-left: 7px;
        width: 294px;
    }

    .mobile-skin .back-deactivated-account .lint-reactivate {
        font-size: 12px;
        padding-top: 8px;
        padding-left: 0px;
        padding-right: 0px;
        width: 282px;
        margin-left: 20px;
    }

.title-page .alert,
.title-page .bg-info {
    text-align: center;
}

.schedule-title-event {
    font-family: Arial;
    font-weight: bold;
    font-size: 20pt;
    color: #ed1c24;
    margin-top: -12px;
}

.schedule-name-event {
    font-size: 11pt;
    font-family: Arial;
    font-weight: bold;
}

.schedule-start-event-text {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

.schedule-dates-event {
    padding-left: 0px;
    padding-right: 0px;
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
    margin-top: 10px;
}

    .schedule-dates-event .row {
        margin-left: 0px;
        margin-right: 0px;
    }

.schedule-summary .footer-note .red {
    color: red;
    font-weight: bold;
}

.schedule-start-event-date {
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
    margin-top: 10px;
}

.schedule-delivery-information-event {
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
}

    .schedule-delivery-information-event span:last-child {
        margin-left: 35px;
    }

.schedule-hr-event,
.mobile-skin .schedule-hr-event {
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.mobile-skin .schedule-hr-event {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.mobile-skin .schedule-dates-event {
    margin-top: 0;
}

.schedule-dep-depot-address-event span {
    font-size: 11pt;
    font-family: Arial;
    font-weight: bold;
}

.schedule-address-desc-event {
    font-size: 11pt;
    font-family: Arial;
    font-weight: bold;
}

    .schedule-address-desc-event span {
        margin-left: 0px !important;
    }

.schedule-desc-address {
    font-family: Arial;
    font-weight: bold;
    font-size: 8pt;
    margin-top: 15px;
    margin-bottom: 15px;
}

.title-profile-delivery {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 5px;
    border-bottom-width: 5px;
    height: 37px;
}

.mobile-myaccount-width.account-email-desc .col-xs-5 {
    padding-left: 0px;
    padding-right: 0px;
    word-wrap: break-word;
}

.address-book-plus-btn {
    margin-top: -10px;
}

.divInformationsRightMobile {
    margin-top: -50px;
}

.profileMyAccount {
    margin-bottom: 15px;
}

.calendar-mobile-title span {
    font-size: 16pt !important;
}

.ie .calendar-mobile-title span {
    font-weight: bold;
}

.mobile-skin .title.my-calendar-title {
    /*margin-top: -42px !important;*/
    padding-left: 80px;
}

.mobile-skin .grid-indice-calendar {
    background-image: none;
    box-shadow: 0px 0px 0px;
}

.mobile-skin .cel-grid-indice-calendar-border {
    border-right: 0px solid #e7e7e7;
}

.table-wizard-caneldar-legenda .row {
    margin: 0px !important;
}

.table-wizard-caneldar-legenda img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.table-wizard-caneldar-legenda {
    font-size: 10px;
}

.mobile-skin .span-text-10 {
    font-size: 9px;
}

.mobile-skin .sticky-note {
    background-image: url("/DesktopModules/Inventise.DPD/Images/back-stycky-mobile.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 195px;
    width: 310px;
    margin-bottom: 15px;
    margin-left: -12px;
}

.mobile-skin .edit-shedule .title-event-schedule {
    color: #ed1c24;
    font-size: 18px;
}
/*DS: REMOVED BECAUSE IT CAUSES THE TEXTBOXES ON SCHEDULE EDIT SCREEN TO BE TOO WIDE, 
    BSIDES THERE'S ANOTHER CSS QUERY THAT DOES THE SAME THING, SO IF THISHAS TO BE CHANGED BACK, IT SHOULD BE DONE IN THAT OTHER QUERY.*/
/*.calendar-edit-outer input[type="text"]
{
    width: 275px;
}*/
html[class*='ff'] .mobile-skin .view-title.contact-title {
    margin-top: 0px;
}

.mobile-skin .text-center.parcel-wiard-id {
    margin-left: 130px;
    width: 145px;
}

.mobile-skin .calendar-container .my-calendar-body-table .my-calendar-body-td .today .my-calendar-body-td-div span img.big {
    margin-top: -6px;
}

.calendar-container .table-wizard-button-hide {
    display: block !important;
}

.profileCalendar .calendar-container .table-wizard-button-hide {
    display: none !important;
}

.mobile-skin .edit-shedule .btn-schedule-mobile {
    text-align: center;
    width: 300px;
    margin-top: 25px;
}

    .mobile-skin .edit-shedule .btn-schedule-mobile button {
        margin-right: 30px !important;
        width: 150px;
    }

.consignment-mobile-title {
    margin-left: 0px;
    margin-right: 0px;
    /*width: 320px;*/
}

    .consignment-mobile-title .delivery-title {
        height: 35px;
    }

    .consignment-mobile-title .col-md-offset-1 {
        margin-left: 90px;
        padding-left: 0px;
        padding-right: 0px;
        width: 200px;
        margin-top: 9px;
    }

.ie .mobile-skin .consignment-mobile-title .col-md-offset-1 {
    margin-top: 0px;
}

.mobile-skin .head-grid-delivery-past {
    margin-top: 0px;
}

html[class*='ff'] .mobile-skin .view-title.delivery-title .col-xs-offset-1,
.mobile-skin .view-title.delivery-title .col-xs-offset-1 {
    margin-left: 61px;
}

.mobile-filer {
    width: 80% !important;
    margin-top: 30px !important;
    left: 40px !important;
}

.mobile-skin input,
.mobile-skin select {
    font-family: pluto-sans-light;
}

.mobile-address-book-container {
    height: 80px !important;
    margin-bottom: 0px !important;
}

.mobile-skin .address-form-fields .field-set div.postion-description-text:before {
    content: "*";
    color: #F00;
}

.mobile-skin .address-form-fields .field-set div.non-manda:before,
.mobile-skin .address-form-fields .field-set div.address-line-2:before,
.mobile-skin .address-form-fields .field-set div.text-this-is-my-home:before {
    content: "";
}

.mobile-skin .address-form-fields .field-set div.postion-description-text.contact-number,
.mobile-skin .address-form-fields .field-set div.postion-description-text.address-name {
    height: 14px;
}

.chk-this-is-my-home-address {
    width: 25px;
    height: 25px;
}

.icon-alerts-size .col-xs-12.alert-div-registration {
    margin-top: -45px;
    margin-bottom: 10px;
}

.safari .icon-alerts-size .col-xs-12.alert-div-registration,
.chrome .icon-alerts-size .col-xs-12.alert-div-registration {
    margin-top: -35px;
    margin-bottom: 52px;
}

.safari .desk-top-vertion .error-message-fix {
    margin-top: 0px;
}

.desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
    margin: -50px 80px 15px 110px;
    width: 950px;
}

.chrome .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
    width: 925px;
}

.chrome .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
    margin-top: -50px;
    margin-bottom: 30px;
}

.safari .desk-top-vertion .icon-alerts-size .col-xs-12 {
    min-height: 51px;
    margin-right: 79px;
}

    .safari .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
        margin-top: -20px;
        margin-bottom: 37px;
    }
/*.ie .desk-top-vertion .icon-alerts-size .col-xs-12
{
    margin-top: -53px;
    margin-bottom: 20px;
    margin-right: 411px;
    margin-left: 508px;
    width: 950px;
}*/
.gecko .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration,
.ie .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
    margin-top: -50px;
    margin-bottom: 0px;
    margin-left: 100px;
}

.ie8 .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
    margin-left: 508px;
    margin-bottom: 14px;
}

html[class*='ff'] .desk-top-vertion .icon-alerts-size .col-xs-12.alert-div-registration {
    margin: -50px 80px 15px 110px;
    width: 927px;
}

.ie9 .desk-top-vertion .icon-alerts-size .col-xs-12 {
    margin-bottom: 17px;
}

.ie8 .desk-top-vertion .icon-alerts-size .col-xs-12 {
    margin-top: -73px;
    margin-bottom: 17px;
    width: 950px;
    margin-right: 411px;
    margin-left: 508px;
}

html[class*='ff'] .desk-top-vertion .icon-alerts-size .col-xs-12 {
    width: 930px;
}

.ie .icon-alerts-size .col-xs-12.alert-div-registration {
    margin-top: -63px;
}

.ie8 .icon-alerts-size .col-xs-12.alert-div-registration,
.ie9 .icon-alerts-size .col-xs-12.alert-div-registration {
    margin-top: -75px;
    margin-bottom: 19px;
}

.div-check-box-registration {
    margin-left: -25px !important;
    margin-top: 22px !important;
    height: 25px;
    padding-left: 0px;
    padding-right: 0px;
    width: 25px;
}

.check-box-registration-checked {
    background-image: url('/DesktopModules/Inventise.DPD/Images/btncheckBoxChecked.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 25px;
    height: 25px;
}

.check-box-registration-unchecked {
    background-image: url('/DesktopModules/Inventise.DPD/Images/btncheckBoxUnchecked.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 25px;
    height: 25px;
}

.mobile-skin-registration .check-mobile-version {
    margin-left: 0px !important;
    margin-top: 0px !important;
    width: 25px;
    height: 25px;
}

.ie .mobile-skin .view-title.account-title {
    width: 320px;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
}

.ie .mobile-skin .div-add-email .account-mobile-title.view-title .col-xs-offset-1,
.ie .mobile-skin .div-add-mobile .account-mobile-title.view-title .col-xs-offset-1,
.ie .mobile-skin .my-account .account-title.view-title .col-xs-offset-1 {
    width: 240px;
    margin-top: 0px !important;
}

.ie .mobile-skin .title-find-out.view-title,
.ie .mobile-skin .delivery-title.view-title,
.ie .mobile-skin .help-title.view-title,
.ie .mobile-skin .div-password-reset .password-reset.view-title,
.ie .mobile-skin .div-add-email .account-email-title.view-title,
.ie .mobile-skin .div-add-mobile .account-mobile-title.view-title,
.ie .mobile-skin .address-edit .address-title.view-title,
.ie .mobile-skin .address-book .address-title.view-title,
.ie .mobile-skin .my-account .account-title.view-title {
    margin-top: 0px;
}

.ie .mobile-skin .address-book-plus-btn .text-description-btn-address-list {
    margin-left: 5px;
}

.agree-text-registration {
    font-size: 9px;
    margin-left: 21px;
    width: 200px;
}

.div-btn-registration0step1 {
    font-size: 11px;
    padding-left: 0px;
    padding-right: 0px;
    width: 260px;
    margin-left: 16px;
}

.div-btn-registration0step1-row {
    width: 260px;
    margin-left: 0px;
    margin-right: 0px;
}

.continue-text-registration {
    padding-left: 70px;
    padding-right: 0px;
}

.myaccount-btn-button-hide {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.safari .mobile-skin .div-password-reset .view-title.password-reset {
    margin-top: -15px;
}

.mobile-skin .button-home-login {
    width: 140px;
    float: right;
}

.ie .mobile-skin .image-home-login {
    width: 118px;
    margin-left: -10px;
    float: left;
}

.mobile-skin .week-days-recurring-check input[type=checkbox] {
    width: 21px;
    height: 21px;
    margin-right: 15px;
}

.mobile-skin .radio-schecule-group input[type=radio] {
    width: 18px;
    height: 18px;
}

.mobile-skin .radio-schecule-group span {
    margin-top: 5px;
}

.mobile-skin .week-days-recurring span.mon,
.mobile-skin .week-days-recurring span.tue,
.mobile-skin .week-days-recurring span.wed {
    margin-left: 1px;
}

.mobile-skin .week-days-recurring span.thu,
.mobile-skin .week-days-recurring span.sat,
.mobile-skin .week-days-recurring span.sun {
    margin-left: 2px;
}

.mobile-skin .week-days-recurring span.fri {
    margin-left: 3px;
}

.mobile-profile-text-dont-forget {
    width: 270px;
    margin-left: 25px;
    margin-top: -20px;
    font-family: FranklinDPD_Demi,Arial;
    color: #000;
    text-align: center;
}

.parcel-wiard-id-text {
    font-family: FranklinDPD_Demi,Arial;
    color: #000;
    text-align: center;
    font-size: 12px;
    margin-left: 90px;
    margin-top: 5px;
}

    .parcel-wiard-id-text p {
        margin: 0 0 -4px 0;
    }

.mobile-profile-text-dont-forget span {
    color: #F00;
}

.mobile-profile-text-dont-forget p {
    margin: 0 0 -4px 0;
}

.mobile-skin .container-register-mobile .terms .tooltip.in-validation-tooltip {
    left: -95px !important;
}

    .mobile-skin .container-register-mobile .terms .tooltip.in-validation-tooltip .tooltip-arrow {
        left: 100px !important;
    }

.mobile-skin .postion-description-fields-address-checkbox {
    position: absolute;
    top: 17px;
    left: 125px;
}

.android .mobile-skin .postion-description-fields-address-checkbox {
    left: 80px;
}

.chrome .mobile-skin .postion-description-fields-address-checkbox {
    left: 100px;
}

.ie .mobile-skin .postion-description-fields-address-checkbox {
    left: 100px;
}
/*BROSER SUPPORT NOTICE*/
.browser-not-supported {
    /*ALWAYS HIDING THE NOTICE THAT THE BROWSER IS NOW SUPPORTED */
    display: none;
}

.ie5 .browser-not-supported,
.ie6 .browser-not-supported,
.ie7 .browser-not-supported {
    /*SHOWING THE NOTICE THAT THE BROWSER IS NOW SUPPORTED*/
    display: inline-block;
    margin-bottom: 100px;
    margin-top: 200px;
}

.ie7 #dnn_leftPanebanner,
.ie7 #dnn_sidebarPane,
.ie7 .footer-skin,
.ie6 #dnn_leftPanebanner,
.ie6 #dnn_sidebarPane,
.ie6 .footer-skin,
.ie5 #dnn_leftPanebanner,
.ie5 #dnn_sidebarPane,
.ie5 .footer-skin {
    /*HIDING ALL CONTENT THAT COULD MAKE THE PAGE LOOK BAD*/
    display: none;
}
/*END - BROSER SUPPORT NOTICE*/
.edit-shedule .dropdown-menu .btn-default {
    text-shadow: none !important;
}

.followDeliveryMap .title h4 {
    line-height: 26px;
    text-align: center;
}

.followDeliveryMap .title strong {
    color: #ed1c24;
}

.page-title {
    margin-bottom: 20px;
    float: right;
    width: 710px;
    overflow: hidden;
    margin-right: 17px;
}

.title-mobile .page-title {
    margin-bottom: 0;
    float: unset;
    width: unset;
}

.page-title span {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    font-family: FranklinDPD_Demi, Arial;
    position: relative;
    display: block;
}

    .page-title span:after {
        position: absolute;
        bottom: 5px;
        overflow: hidden;
        width: 100%;
        height: 1px;
        content: '\a0';
        background-color: red;
        margin-left: 10px;
    }

.title-mobile .page-title span {
    font-size: 1.4em;
    margin-left: 4px;
}

.skin-default-dpd .default-skin .container .navbar .title-mobile hr {
    margin-top: 0px;
    width: 81%;
}

.ui-notification {
    width: 400px;
    margin-left: -70px;
}

.mobile .ui-notification {
    width: 300px;
    margin-left: 0;
    left: 11px !important;
}


.ui-notification > .message {
    margin-left: 46px;
    font-size: 12px;
}

.ui-notification > h3 {
    margin-left: 46px;
}

.ui-notification.info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.ui-notification.error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.ui-notification.success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
    background-position: 10px center;
    background-repeat: no-repeat;
}


.ui-notification.warning, .pwa-profile.warning {
    background-image: url(/DesktopModules/Inventise.DPD/Images/alertIcon.png);
    background-position: 20px 20px;
    background-repeat: no-repeat;
}

.pwa-profile {
    position: relative;
    padding: 15px 20px;
    cursor: default;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    margin-bottom: 40px;
    width: auto;
    color: #ffffff;
}

    .pwa-profile:hover {
        opacity: 1;
    }

    .pwa-profile.warning {
        background-color: #888;
    }

    .pwa-profile > div {
        margin-left: 65px;
    }

    .pwa-profile h3 {
        margin-top: 10px;
        margin-bottom: 20px;
    }


.registrationForm > ul {
    list-style: none;
    text-align: left;
    margin: 0 auto;
    width: 296px;
}

    .registrationForm > ul > li > input {
        margin-bottom: 7px;
    }

.tile {
    background-color: #fff;
    box-shadow: 0 5px 13px #D7D7D7;
    text-align: center;
    color: #414042;
    max-width: 206px;
    margin: 0 auto;
    height:180px;
}

    .tile.new {
        position: relative;
    }

        .tile.new:before {
            width: 90px;
            height: 90px;
            content: " ";
            background-image: url('/Portals/0/Dashboard-Icons/new_banner.png');
            position: absolute;
            left: 0px;
            top: 0px;
        }

    .tile:hover.new:before {
        left: -1px;
        top: -1px;
    }

.mob-opt-head h1 {
    padding: 0 20px;
}

.mob-opt-head .pwa-profile.warning {
    margin: 15px 36px;
    width: 81%;
}

.mob-opt > div {
    width: 360px;
}

.mob-opt .tile {
    margin: 5px;
    height: 195px;
    padding: 0px;
}

    .mob-opt .tile.red .topText {
        font-size: 1em;
    }

    .mob-opt .tile.red h1 {
        font-size: 1.6em;
    }

    .mob-opt .tile.red hr {
        margin: 5px 8px;
        width: 90%;
    }

.right-dash-tiles > div {
    padding: 0;
}

.tile > a {
    color: #414042;
    display: block;
    padding: 20px 0px 21px;
}

.tile:hover {
    border: 1px solid #B1B1B1;
    cursor: pointer;
}

    .tile:hover a {
        text-decoration: none;
        color: #414042;
        padding: 19px 0px 20px;
    }

.tile.red {
    background-color: #dc0032;
    color: #fff;
    padding: 31px 0;
    box-shadow: 0 5px 13px #D7D7D7;
    text-align: center;
}

    .tile.red:hover {
        border: none;
    }

    .tile.red > hr {
        border-bottom: solid 1px #fff;
        margin: 5px 0;
        height: 0;
        border-top: none;
    }

    .tile.red .topText {
        font-weight: bold;
        font-size: 15px;
        font-family: pluto-sans-light
    }

    .tile.red > h1 {
        margin-top: 8px;
        margin-bottom: 32px;
        font-size: 27px;
        font-weight: bold;
        font-family: pluto-sans-light
    }

    .tile.red > p {
        margin-bottom: 23px;
    }

    .tile.red.big {
        max-width: 100% !important;
        height: 179px;
    }

.tile.bottom {
    margin-top: 30px;
}

.tile .icon {
    margin-bottom: 20px;
}

.tile .text {
    font-size: 13px;
     font-family: 'pluto-sans-light', sans-serif;
}

.progressLinks {
    list-style: none;
    margin: 0px;
}

    .progressLinks li {
        margin-top: 10px;
    }

    .progressLinks a {
        vertical-align: text-bottom;
        border-bottom: 1px solid #999;
        text-decoration: none !important;
    }

div.progressLinks {
    padding: 14px 30px;
}

    div.progressLinks a {
        margin-left: 8px;
        margin-right: 15px;
        cursor: pointer;
        color: #ffffff;
    }

.phone-num-intro {
    text-align: center;
}


    .phone-num-intro > p {
        width: 300px;
        margin: 10px auto 30px;
    }


.popTitle {
    text-align: center;
    margin-bottom: 20px;
}

    .popTitle h1 {
        margin-bottom: 0;
    }

    .popTitle span {
        font-size: 16px;
    }

.mobile-skin .popTitle {
    margin: 0;
}

    .mobile-skin .popTitle h1 {
        font-size: 30px;
    }

    .mobile-skin .popTitle span {
        font-size: 13px;
    }


#slideshow {
     font-family: 'pluto-sans-light', sans-serif;
    /*margin: -10px auto;*/
    position: relative;
    height: 390px;
    margin-bottom: 30px;
    /*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
}

    #slideshow > div {
        position: absolute;
        width: 100%;
    }

    #slideshow .slideBox {
        background-color: #fff;
        /*box-shadow: 0 5px 13px #D7D7D7;*/
        padding: 19px;
        text-align: center;
        border-right: 2px solid #dc0032;
        width: 100%;
        height: 389px;
        z-index: 1;
        position: relative;
    }

        #slideshow .slideBox h1 {
            margin: 0;
            font-size: 27px;
        }

        #slideshow .slideBox h2 {
            margin: 0;
            font-size: 19px;
            color: #dc0032;
        }

        #slideshow .slideBox p {
            margin: 15px 0 0px 0;
            font-size: 13px;
        }

        #slideshow .slideBox a.slideLink {
            color: #9D9EA0;
            padding-left: 6px;
        }

        #slideshow .slideBox .slideImage {
            margin: 13px 0 32px 0;
        }

            #slideshow .slideBox .slideImage.first {
                margin: 30px 0;
            }

                #slideshow .slideBox .slideImage.first img {
                    width: 135px;
                }

        #slideshow .slideBox img.icon {
            margin-top: -2px;
        }

    #slideshow .slideArrow {
        position: absolute;
        right: -15px;
    }

        #slideshow .slideArrow img {
        }

        #slideshow .slideArrow.top {
            top: 70px;
        }

        #slideshow .slideArrow.bottom {
            bottom: 70px;
        }

/*Top up balance*/
.top-up.top-balance {
    float: right;
    border: 1px solid #ddd;
    /*-webkit-box-shadow: 1px 1px 2px 1px #dedede;
    -moz-box-shadow: 1px 1px 2px 1px #dedede;*/
    /*box-shadow: 1px 1px 2px 1px #dedede;*/
    padding: 12px 3px 12px 12px;
    font-size: 16px;
    white-space:nowrap;
}

.ipad .top-up.top-balance, .iphone .top-up.top-balance {
    width: 315px;
    white-space:nowrap;
}

.top-up.top-balance span {
    padding-right: 10px;
}

.top-up.top-balance a {
    background-color: #EB203D;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 17px 10px 30px;
    text-decoration: none;
    position: relative;
}

    .top-up.top-balance a:before {
        content: '+';
        font-size: 29px;
        position: absolute;
        left: 10px;
        top: -2px;
        font-weight: normal;
    }

/* Top up form */

.topup-form {
    margin-top: 10px;
    box-shadow: 2px 3px 5px 0px rgba(1, 1, 1, 0.10);
    background-color: #ffffff;
    padding: 15px 75px;
    color: #404042;
    font-family: 'pluto-sans-light', sans-serif;
}

@media(max-width:480px), (max-device-width:480px){
    .topup-form{
        padding-left: 25px;
        padding-right:25px;
    }
}

    .topup-form iframe body h1.page__title {
        font-family: 'pluto-sans-light', sans-serif;
    }

    .topup-form p {
        font-size: 16px;
        margin-top: 10px;
    }

        .topup-form p strong {
            margin-top: 10px;
            display: inline-block;
        }

    .topup-form .bottom-controls {
        margin-top: 10px;
    }

        .topup-form .bottom-controls img {
            margin-top: 20px;
        }

    .topup-form h1 {
        font-size: 45px;
    }

    .topup-form .bordered {
        border: 1px solid #dddddd;
        padding: 8px 15px 8px;
        min-width: 85px;
        margin: 0px 0;
        margin-bottom: 10px;
    }

        .topup-form .bordered.ccinfo {
            padding-top: 8px;
            padding-bottom: 3px;
        }

    .topup-form input[type=radio] {
        width: 28px;
        margin: 0;
        padding: 0;
        opacity: 0;
    }

        .topup-form input[type=radio] + label {
            display: inline-block;
            margin-left: -28px;
            padding-left: 28px;
            background: url('/DesktopModules/Inventise.DPD/Images/btnRadioUnchecked.png') no-repeat 0 3px;
            line-height: 24px;
            width: 100%;
            font-weight:normal;
        }

    .topup-form .remember-box input[type=radio] + label {
        width: 50px;
    }

    .topup-form input[type=radio]:checked + label {
        background: url('/DesktopModules/Inventise.DPD/Images/btnRadioChecked.png') no-repeat 0 3px;
    }

    .topup-form .fluid-iframe {
        position: relative;
        padding-bottom: 70%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
  
@media(max-width:700px), (max-device-width:700px){
    .topup-form .fluid-iframe {
        padding-bottom: 125%;
    }

}

        .topup-form .fluid-iframe iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-family: 'pluto-sans-light', sans-serif;
        }



/* My Account - new */
.table-dpd, .table-responsive {
    font-size: 15px;
    color: #333333;
}

    .table-dpd .table {
    }



    .table-dpd thead, .table-responsive thead {
        background-color: #87888A;
        color: #ffffff;
    }

        .table-dpd thead th, .table-responsive thead th {
            border-color: #87888A;
            font-weight: normal;
            border-top: 1px solid #87888A !important;
            font-size: 18px;
        }

    .table-dpd .notice, .table-responsive .notice {
        background-color: #e9e9ea;
        font-size: 13px;
    }

    .table-dpd tr.even-split td, .table-responsive tr.even-split td {
        width: 50%;
        padding: 9px 20px;
    }

    .table-dpd tr td.top-up-amount-select > div:first-of-type, .table-responsive tr td.top-up-amount-select > div:first-of-type {
        margin-right: 10px;
    }

    .table-dpd tr td.address-pass-field, .table-responsive tr td.address-pass-field {
        width: 500px;
    }

    .table-dpd tr td.address-pass-field.first-field, .table-responsive tr td.address-pass-field.first-field {
        height: 143px;
    }

    .table-dpd .notice, .table-responsive .notice {
        background-color: #e9e9ea;
        font-size: 13px;
    }

    .table-dpd tr.even-split td, .table-responsive tr.even-split td {
        width: 50%;
        padding: 9px 20px;
    }

    .table-dpd tr td.address-pass-field a, .table-responsive tr td.address-pass-field a {
        cursor: pointer;
        color: #000000;
    }
        .table-dpd tr td.address-pass-field .myaccount-btn-edit a, .table-responsive tr td.address-pass-field .myaccount-btn-edit a {
            color: #ffffff;
        }
    

    .table-dpd tr td.address-pass-field .modify-link-left {
        float: right;
        margin-right: 10%;
    }

    .table-dpd tr td.mobile-field, .table-responsive tr td.mobile-field {
        width: 252px;
    }

.expired_red {
    color: #dc0032;
}

/*Buttons - new*/

.modify-link {
    cursor: pointer;
    text-decoration: underline;
    color: #000000;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKBAMAAABlIDIAAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAABBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEL////EzKWnAAAAD3RSTlMA5FtE82Y88HA263wt54iVWhwUAAAAAWJLR0QPGLoA2QAAACRJREFUCNdjEGJgYDAJYGBgqwAyZm1gYOC5B8FANkgMJAdUAwCA5AaR1aR6+wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wMy0wOVQxNjozMzo1MyswMDowMECSemgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDMtMDlUMTY6MzM6NTMrMDA6MDAxz8LUAAAAAElFTkSuQmCC);
    background-position: 0 4px;
    font-size: 14px;
}


.account-details .add-button {
    margin-left: 10px;
    margin-bottom: 20px;
    margin-right: 1px;
}

.add-button-container p {
    margin-top: 10px;
}

.add-button a {
    background-color: #414042;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 10px 10px 45px;
    cursor: pointer;
    background-repeat: no-repeat;
    display: inline-block;
    text-align: right;
}

.add-button.no-icon a {
    padding: 7px;
    width: 80px;
    text-align: center;
}

.add-button.mobile a {
    background-position: 15px 7px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAQAAABeMbWRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAEISURBVCjPvc+xTlRxFMTh73+5FxY2xGgBhsrEmNDRie9gRYOFVha+B429ZCtrTXgALawk4RHWABIJBVBsLJBiEVnYsWAVA6H1V52cOTOTU/LUKwsG4g9F29uSbes6fih+utCYdGpep1Zs+II5Lzz02Sd9PQeVoRqMaWmbUC7jasVdM+LEqguNlnGNVsm+Kd9ldAlD4x7U+latGar+Cuca72vRs+86/YpR+b8UpXIL/0eI/o1tDEr2fNO99vmY5auo4sSxwZVrM88iIot5ntnR/KFStMEdb7zz0gSKplKcgWNdR7b94tK0k04e5X5mMpUm05nLvTxJV5byMbvZzVYeR1ayk685zOvfPM9sQQeeLdkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDMtMDlUMTU6NDQ6MDIrMDA6MDDYKB2MAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTAzLTA5VDE1OjQ0OjAyKzAwOjAwqXWlMAAAAABJRU5ErkJggg==);
}

.add-button.email a {
    background-position: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAQAAACBOCRGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAD8SURBVCjPlZKxS0JxFIW/9/y9RBCaitoTJxenhsY2xaih5Q2O/gEiCIKzm4NLW0u8CAKpoTaFJkmwyS3cHIQUXYrg8Y6LRfYs9NzxfNx7z+Va6mHzBhgs/lKAT4QDg02dPmOGRHBWgOITixQjGoZ3JpyR4pI2UxSCbfZwyVJlirrKCLlqy1NWcbFU+yqopRulha5QV6dCaFtlPelCx4otwB25utOjThQVQtfme9yMGrcUqPCCx4AjztmlicfsCzFL+71S4pA8VXy2eKbI6KdtQoE6dMiR5IH+bysMA9yvPrfNBtoY9tdkA4NDHAfnn88ACPggZqkHTNbqnJgDboVksQHuy3wAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDMtMDlUMTU6NDg6NDYrMDA6MDCyEdfrAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTAzLTA5VDE1OjQ4OjQ2KzAwOjAww0xvVwAAAABJRU5ErkJggg==);
}

.add-button.vat a {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #dddddd;
    width: 145px;
    background-position: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAMAAAACPC7cAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACVVBMVEVBQEJ/Jjy3FzalFzisFzehHDhZN0AiTEU1RUNFPkL6AC/ADzVOOkEzRkPZBDOtFzdWN0AzRkRqLz6YIjmKIjqQIjqGJjtDP0IcTkY3RENCQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJAQEI/QUI/QUJAQEJBQEJBQEJBQEJCQEJCQEIuSEQpSUQsSUQmSkUtSERBQEJCQEJBQEIwR0QwR0RROUDwADD/AC72AC/2AC/8AC9BQEIzRkNKPUHmADH/AC34AC/6AC/6AC9CP0IxR0REP0ItSEQgTEUlTEUjTEUkS0U2RENDP0JBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEL///+Brf8LAAAAxXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACn8e/w4N6jLycsMlz+2G8Z6tNZVuSrcB9QPdWGMFpQ2djY2aEo02oueXl6e3tcKorTXknDwsN8LtNkPJ2dnWXVjGFCra2tra16Xke+zW1bg4uK27Gwy7m6DenoN0kFQzidvTNgkdKAl1V+bGQ1pLPc+d2md395faAkk+FjINRyNGlPPlIclPKCQiOSelg/OsD4MdeyzsHM0GaVHYkmAQwPDuw7Kx6p5+LjIUNcOWQAAAABYktHRMb6AnrNAAABh0lEQVQoz2NgAAJpGVk5JCArJw8SZVBQVFJGABVVNXWwsIYmAwrQ0gZTOrp6+ghgwKAMFTY0MkYAEwYViLCpGaoh5lDVFpZW1hBgo2Frx2APEXZwdHJ2gQBXN3cPBk+oIV6MTMxgwMLKxs7BqQQR9vbx9fMHg4BALm4e3iCIcHBIaFg4GERE8vELCEKFo6KFhEXAQFRMXEKSEyrsEBMbFw8GCYlJyVIMUGGdlNQ0OAD6ASqcnoHqHaBwZlZ29lHbHDAwNIcLH83Ny1c0yMsrKMwvPFoEES4uYShVLitnqKisYtCq9KyuYaitMzQ0rD/K0NCoWZvd1NzS2tLW3tHJ0NXd02Na08tg2tdvPGEiA8OkrIzJUwoZpk4DGjKdgWFG3cxZDLPnGM6dN59hQRpDF9BR0gsZGI4uWrxkSebSZebLV6wsWMWwOoOh4+gaBoa1PbmlR03XFa7fsHFT+maGLVu3Hd0ONGfHzl279xisBIG9qvtU9h84ugTmq96DuRBwSPuw7BGQCACb3IXi8kFe5AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wMy0yM1QxNjoxMDoyNCswMDowMBwkZdYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDMtMjNUMTY6MTA6MjQrMDA6MDBted1qAAAAAElFTkSuQmCC);
}


/*billing history*/

.billing_top_options {
    height: 40px;
    margin: 10px 0;
}

.billing_bottom_options .pagination {
    margin: 0;
}

/*icons*/

.account-details td .icon {
    margin: 1px auto;
}

.icon.star {
    width: 19px;
    height: 18px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAMAAACO0hVbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAulBMVEUAAADtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUT////QKo45AAAAPXRSTlMAHuyY7vEykBz0HQFBqYCt0fXtx58Yseo/EQayvgoFpcQPA8kCuHG7UOcjEvYJcsxAywRo5VJr2NzDhc9IHAA5FQAAAAFiS0dEPdBtUVkAAAC8SURBVBjTXczXEoIwEAXQxahALICABiyhRbBgA7v//13CuKiTfcjeOXOzADhKSwF5SJvIpHS6HblIVFCloqZToLr2gx7tD+oOGfRpr4ahYVoj23Gr6Dr2yDKNIYwnzPs74rHJGPzpbP5n89nUB1jwIPxSGPBFvSMeNxjGPPqkRCzRliJpfqQZhiz9XlmtMaxXDW22CeS7/S6HZLtBOxxPRSnOoixOxwPa5Xq7s2qz++16QXs8X5hez0f1vgGITg9BbMTJsAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wMy0wOVQxNjo0NDoyNCswMDowMEQXQwUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDMtMDlUMTY6NDQ6MjQrMDA6MDA1Svu5AAAAAElFTkSuQmCC);
}

.icon.person {
    width: 15px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAMAAAA11AaTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAASFBMVEUAAABBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQELtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGURBQELtGUT////6yFLWAAAAFXRSTlMAMK/vv0BQIGCAUJ+/MHBA7yAQ34DLgFidAAAAAWJLR0QXC9aYjwAAAHtJREFUGNNNjYEOwyAIREFsZwu6Viv//6lzTNZeQi7vAgfAEIbee0CYQooIGMmDEM1imNwXs7U7v35nzpTMEk3erAlp8wdhbCTyuu/qAmu6cWcR4X1SFuXyLqySDQ85LT/lGEFt/L/jVuEa46rtglbuXigNND84Kyg8pR/KTQQXgu+P6wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wMy0wOVQxNjo0NTo0NiswMDowMPolMJUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTYtMDMtMDlUMTY6NDU6NDYrMDA6MDCLeIgpAAAAAElFTkSuQmCC);
}


.icon.addressbook {
    width: 15px;
    height: 19px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAMAAAB4HKeYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABX1BMVEUAAABBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQELaADLcADLcADLcADLcADJBQEI4REPlADHcADLcADLcADLcADLbADLzAC9AQUJBQEJBQEI3REPuADDfADLcADLcADLcADLcADLeADLyADA9QkM/QULxADDaADLcADLcADLcADLcADLcADL4AC88QkNBQEI+QULlADHcADLcADLcADLcADLcADL4AC9BQEJAQEI3REPxADDcADLcADLcADLcADLcADLcADLcADL2AC9BQEI1RUP3AC/dADLcADLcADLcADLcADLsADDSBDM/QUJBQELcADLcADLcADLcADLbADJBQEJBQELYADLcADLcADLcADLhADJBQEJBQEJCP0JBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQEJBQELcADL///9TuvJBAAAAc3RSTlMAAszq4ujTCO/wpvpz56vClMYS60WHjIZBlmyMskU1SLaM6LjQoV64cnhOFr1U6LqoKJ/Ld1AqnegX7I5J8Z5oI5qE+VefMc1/L/J5hHHaqXOXDLV7pHgD6K+ql0AzJxvtbZCRlB5w90TN5LMFoinp4ObUgZNITwAAAAFiS0dEdN9tqG0AAADGSURBVBjTY2BkYmaBA1Y2BnYOBiTAycDFzYPE52Xg4xdA4rMyMAgyoPCFhEG0iKiYuASYL8ktxcAgLSMrJ6+gyMCgxKCsosqgps6goamlraPLoMfAoM/AYGBoZGxSbGpmzmDBYGnFwGBtY8vAYGfv4AjkOzm7MLi6uXt4enn7+AL5/H7+DAGBQcF2IaFh4QwRDAyRQGuiomNiY+PA9sUngOxPTEpOSQXz09IzUNyXmZWNws/JZUDxX146I4r/GTPzC+CgsAgAatQgU2unZZcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDMtMDlUMTY6NDc6MTArMDA6MDDV4Nv2AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTAzLTA5VDE2OjQ3OjEwKzAwOjAwpL1jSgAAAABJRU5ErkJggg==);
}

.icon.lock {
    width: 13px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAUCAMAAABh7EcdAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAABAQEFAQEFAQEFAQEFAQEFAQEFAQEFAQEFAQEHtGUTtGUTtGUTtGURAQEHtGUT///9DXtD5AAAADnRSTlMAEJ+/31BAMCCAr4CPvzTTIEYAAAABYktHRBCVsg0sAAAAUUlEQVQY06XOOQ4AIQwEweFYbsb//y0IkHBCtB1YKic2ABhL0hrsnP8QvNuITHMmxqW8ty7/EHVguE3hdlSkKImIUpX6VJOm1KU/de+tj86HAy55BKv6oa7gAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTAzLTA5VDE2OjQ4OjE0KzAwOjAw0KSkaAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wMy0wOVQxNjo0ODoxNCswMDowMKH5HNQAAAAASUVORK5CYII=);
}

.icon.ccard {
    width: 22px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAOCAMAAAAc7xz/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAZlBMVEUAAABBQEJBQEJBQEJBQEJBQEJBQELtGUTtGUTtGURBQEJBQEJBQELtGUTtGUSsKENBQEJBQELtGUTtGUTtGUS8JENBQEJBQELtGUTtGUTtGURBQEJBQEJBQEJBQELtGUSGMEP////EDD2sAAAAHnRSTlMATejreyAhMG4oRmsTKfr41wFhGufm+LMOOQsbNQNgMoPSAAAAAWJLR0QhxGwNFgAAAFlJREFUGNOl0DcSgDAMBEA5yCSTc5L4/ythKC1TceUWmjuB0iSiFRiLItYAORBxBISS8RcnaZYXPuSy4pqoaQPumK+ntg+4H3icaBa3l3Xbj/Pl+JyP8fFX3UVdCs8+QNeiAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTAzLTA5VDE2OjQ5OjM0KzAwOjAwfUPIKwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wMy0wOVQxNjo0OTozNCswMDowMAwecJcAAAAASUVORK5CYII=);
}

.icon.phone {
    width: 12px;
    height: 22px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWBAMAAAAGFmApAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUAAABAQEFAQEFAQEFAQEHtGUTtGUTtGUTtGUTtGURAQEHtGURAQEHtGUT////wJBZyAAAADHRSTlMAgFC/QHBAUCDvEBAB/knKAAAAAWJLR0QOb70wTwAAAFJJREFUCNdjkDkDBAcZDjIAgQzDAQZlIwYeIOUoAqSOuACBD8MZMAAKAgEP2dRBQSCQYThsDAQ2QEHWALBc7nUw1TkDpGQB9wagI2TOHOA5cxAAqRwixEMsOWEAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMDMtMDlUMTY6NTM6MTErMDA6MDC78q/4AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTAzLTA5VDE2OjUzOjExKzAwOjAwyq8XRAAAAABJRU5ErkJggg==);
}

.icon.envelope {
    width: 22px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPBAMAAAASQyJbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAADtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGURBQELtGUT////V6bPHAAAADXRSTlMAIDCvQL/vgBBg31CPpfNtswAAAAFiS0dEDxi6ANkAAABVSURBVAjXY7iLAAwXBBgggJGX4dJjCIfRTpfhgmt6A5DJURbCy3CBYdpqIHtXJgOIzXEukEH0TQOYzcAUV/5UgQHCZuBcNYEBxmboYECwGchjI7kTAGy2Kk7uuUFDAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTAzLTA5VDE2OjU0OjEzKzAwOjAwzrGlqAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wMy0wOVQxNjo1NDoxMyswMDowML/sHRQAAAAASUVORK5CYII=);
}

.icon-emailad {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPBAMAAAASQyJbAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAADtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGUTtGURBQELtGUT////V6bPHAAAADXRSTlMAIDCvQL/vgBBg31CPpfNtswAAAAFiS0dEDxi6ANkAAABVSURBVAjXY7iLAAwXBBgggJGX4dJjCIfRTpfhgmt6A5DJURbCy3CBYdpqIHtXJgOIzXEukEH0TQOYzcAUV/5UgQHCZuBcNYEBxmboYECwGchjI7kTAGy2Kk7uuUFDAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTAzLTA5VDE2OjU0OjEzKzAwOjAwzrGlqAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wMy0wOVQxNjo1NDoxMyswMDowML/sHRQAAAAASUVORK5CYII=) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    height: 37px !important;
}


/*dropdown boxes*/

.select-label {
    display: inline-block;
    position: relative;
    top: -14px;
    margin-right: 20px;
}

.dropdown-skin select {
    padding: 8px 80px 7px 10px;
    border: 1px solid #dddddd;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 15px;
    height:34px;
}

    .dropdown-skin select::-ms-expand {
        display: none;
    }

.dropdown-skin {
    position: relative;
    display: inline-block;
}

    .dropdown-skin:after {
        content: '>';
        font: 25px "Consolas", monospace;
        color: #fff;
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: 50% 51%;
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        right: 3px;
        top: -3px;
        padding: 4px 12px 6px 12px;
        position: absolute;
        pointer-events: none;
        background-color: #414143;
        width:32px;
    }


.nav.nav-tabs.dpd-tabs {
    margin: 0;
    border: none;
}

.nav-tabs.dpd-tabs > li > a {
    border: 1px solid #e9e9ea;
    border-radius: 0;
    color: #404042;
    font-size: 16px;
    font-weight: bold;
    height: 60px;
    padding: 18px 25px;
    margin: 0;
    background-color: #e9e9ea;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
}

.nav-tabs.dpd-tabs > li.active > a {
    border-bottom: 1px solid transparent;
}

    .nav-tabs.dpd-tabs > li.active > a, .nav-tabs.dpd-tabs > li.active > a:hover, .nav-tabs.dpd-tabs > li.active > a:focus {
        color: #404042;
        cursor: default;
        background-color: #fff;
        /*box-shadow: 3px 3px 5px 2px rgba(1, 1, 1, 0.1);*/
        z-index:1;
        /*border: none;*/
    }

.head-grid-delivery-past .column-title .title-container {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.dpd-tab-content {
    padding: 15px;
    /*box-shadow: 2px 3px 5px 0px rgba(1, 1, 1, 0.1);*/
    background-color: #fff;
    position: relative;
    border:1px solid #ddd;
    margin-bottom:50px;
}

.payment-result .view {
    margin-top: 50px;
}

.payment-result.ppal {
    height: 515px;
}

.payment-result .view h1 {
    font-size: 50px;
    margin-bottom: 35px;
}

.payment-result .view p {
    font-size: 19px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

    .payment-result .view p .red-text {
        color: #eb1f48;
        font-weight: bold;
    }

    .payment-result .view p.email {
        font-size: 14px;
    }

.my-deliveries-background {
    background-color: #fff;
    box-shadow: #dbdbdb 0px 5px 5px;
    border: 1px solid #e9e9ea;
    z-index:2;
}

.delivery-tab {
    display: inline-block;
    width: 175px;
    height: 60px;
    text-align: center;
    font-size: 16px;
    color: #414042;
    font-weight: bold;
    background-color: #e9e9ea;
    line-height: 64px;
        border: 1px solid #e9e9ea;
        margin-right:-3px;
        border-bottom:none;
        z-index:1;
        margin-bottom:-1px;
}

.delivery-tabs div.col-xs-4 {
    padding:0;
}

@media(max-width:620px){
    

.delivery-tab {
    width: 100%;
    font-size: 12px;
}
}

    .delivery-tab.selected {
        background-color: #fff;
    }

    .my-deliveries{
        font-family: 'pluto-sans-light', sans-serif;
    }

.my-deliveries .column-title {
    display: table;
    width: 100%;
}

.my-deliveries .title-container {
    background-color: #86888a;
    height: 60px;
    border: 1px solid #e9e9ea;
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
}

.my-deliveries .col-xs-1,
.my-deliveries .col-xs-2,
.my-deliveries .col-xs-3,
.my-deliveries .col-xs-4,
.my-deliveries .col-xs-5,
.my-deliveries .col-xs-6,
.my-deliveries .col-xs-7,
.my-deliveries .col-xs-8,
.my-deliveries .col-xs-9,
.my-deliveries .col-xs-10,
.my-deliveries .col-xs-11,
.my-deliveries .col-xs-12 {
    padding: 0px;
}

.deliveries-table-cell-container {
    display: table;
    width: 100%;
    height: 66px;
    border-right: 1px solid #e9e9ea;
}

.deliveries-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0 15px 15px;
}

    .deliveries-table-cell:after {
        content: " ";
        font-size: 24px;
    }

.my-deliveries .consignment-table-head {
    padding: 0px;
}

.my-deliveries .panel-group .panel + .panel {
    margin-top: 0px;
}

.my-deliveries-inner {
    padding: 0px 10px 80px 10px;
    background-color: #e9e9ea;
}

.inner-title {
    font-size: 14px;
    font-weight: bold;
    color: #414042;
    padding-top: 15px;
    margin-bottom: 5px;
}

.inner-header-row {
    height: 35px;
    border-bottom: 2px solid #e9e9ea;
    background-color: #fff;
    padding: 5px 10px;
}

.inner-header {
    font-size: 14px;
    font-weight: bold;
    color: #414042;
}

.inner-content-row {
    border-bottom: 2px solid #e9e9ea;
    background-color: #fff;
    padding: 5px 10px;
}

.inner-content {
    font-size: 14px;
    color: #414042;
    word-wrap: break-word;
    padding-right: 5px;
}

.my-deliveries-map-container {
    height: 335px;
    background-color: #fff;
}

.map {
    height: 100%;
    width: 100%;
    padding: 10px;
    background-color: #fff;
}

.iconPlus {
    background-color: #464147;
}

.detailed-tracking-row {
    background-color: #fff;
    border-bottom: 2px solid #e9e9ea;
    padding: 5px 10px;
}

.trackingHistory {
    border-bottom: 1px solid #000;
}

.manage-delivery-new {
    width: 220px;
    height: 40px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}

    .manage-delivery-new .iconBox {
        margin: 0 5px;
    }

.manage-delivery-link {
    width: 220px;
}

    .manage-delivery-link a, .manage-delivery-link a:hover, .manage-delivery-link a:visited {
        text-decoration: none;
        color: #333333;
    }

.my-deliveries .driver-details {
    background-color: #fff;
    padding: 10px;
}

.delivery-tabs .col-xs-6 {
    padding: 0;
}

.followDeliveryMap-mobile {
    height: 300px;
}

.clearfix:after {
    content: " "; /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

table.tracking-info {
    background-color: #ffffff;
    min-width: 100%;
}

    table.tracking-info thead {
        border-bottom: 2px solid #e9e9ea;
    }


    table.tracking-info th, table.tracking-info td {
        padding: 8px 0 12px 13px;
    }

        table.tracking-info th:last-child, table.tracking-info td:last-child {
            padding-right: 10px;
        }

    table.tracking-info td {
        vertical-align: top;
    }


@media only screen and (max-width: 992px) and (min-width:768px) {
    h2.welcome_title.left {
        top: 98px;
        left: 50px;
        position: relative;
    }
}

.table-mobile{
    display: none !important;
}

@media only screen and (max-width: 440px) {

    .table-responsive{
        display: none !important;
    }

    #billingHistory .table-responsive, .table-responsive.table-mobile{
        display: block !important;
    }

    .table-mobile ul{
        list-style: none;
        width: 95%;
        white-space: initial;
    }

    .table-mobile td.text{
        white-space: normal !important;
    }

    .table-mobile select{
        width: 100%;
    }

    .table-mobile .add-button.no-icon{
        margin-left: 0;
    }

    .add-button-container.right,
    .add-button.mobile.right,
    .add-button.email.right{
        float: left !important;
        margin-left: 0;
    }


}

.returns-container {
    font-family: 'pluto-sans-light', sans-serif;
    max-width:660px;
    width:92%;
    margin:auto;
    border: 1px solid #e6e7e8;
    background-color:#fff;
    position:relative;
}

.returns-inner-container{
    margin: auto;
    max-width:595px;
    width:92%;
}

.returns-title{
    font-size: 52px;
    line-height: 1;
    margin-top: 39px;
}

.returns-description{
    padding-bottom:10px;
    border-bottom: 1px solid #414042;
    font-size: 16px;
    line-height:1.25;
}

.returns-pickup-information{
    font-size: 16px;
    line-height:1.25;
    padding-top: 21px;
    padding-bottom:21px;
}

.returns-pickup-information-text{
    display: inline-block;
    max-width:310px;
    width:70%;
}

.returns-pickup-information-button{
    display: inline-block;
    float:right;
}

.returns-pickup-information-button a.returns-pickup-button{
    display: inline-block;
    line-height:25px;
    padding:0 30px;
    color:white;
    margin:8px 0 18px 15px;
    font-size:14px;
    background-color: #DC0032;
}

.returns-pickup-information-button a.returns-pickup-button:hover{
    text-decoration:none;
    cursor:pointer;
    font-family:'pluto-sans-light', sans-serif;
}

.returns-pickup-information-button a.returns-pickup-button:visited{
    text-decoration:none;
    color:white;
    font-family:'pluto-sans-light', sans-serif;
}

@media (max-width:610px), (max-device-width:610px) {
    .returns-pickup-information-text {
        width: 50%;
    }
}

@media (max-width:550px), (max-device-width:550px) {
    .returns-pickup-information-text {
        width: 100%;
        max-width:100%;
    }

    .returns-pickup-information-button{
        display: inline-block;
        float:none;
        width: 100%;
    }
    .returns-pickup-information-button a.returns-pickup-button{
        width: 100%;
        margin-left:0;
        margin-bottom:0;
    }

    a.dpdViewReturnsbtn{
        width: 100%;
        margin-left:0;
        margin-bottom:0;
    }
}

.returns-section-header{
    display:block;
    background-color: #A90034;
    color:#fff;
}

.selection-details-outer {
    height: 2px;
    background-color:#fff;
}

.parcel-accordion > .panel-group {
    margin-bottom:0;
}

a.returns-section-header, a.returns-section-header:hover, a.returns-section-header:visited{
    color:#fff;
    text-decoration: none;
    font-family:'pluto-sans-light', sans-serif;
}

.returns-section-title{
    margin:0 15px 0 15px;
    line-height: 40px;
    position: relative;
    font-family:'pluto-sans-light', sans-serif;
    font-weight:500;
}

.returns-container h4.panel-title{
    margin-bottom: 0;
}

.returns-section-title.has-seperator{
    border-bottom: 1px solid #fff;
     -webkit-transition : border 5000ms ease-out; 
    -moz-transition : border 5000ms ease-out;
    -o-transition : border 5000ms ease-out;
}

.returns-section-title.last-section{
    border-bottom: 0;
}

.step-content {
    background-color: #e6e7e8;
    padding-top: 20px;
    
}

.returns-entry-container {
    
    padding:0 15px;
}

.returns-entry-container::after {
    content:"";
    display:table;
    clear:both;
}

.returns-entry-container input {
    width: 315px;
    text-align: left;
    height: 25px;
    padding: 0px 5px;
    color: #414042;
    margin: 0 0 6px 0;
    float: right;
    border: 0px;
    background-color: white;
    outline: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 25px;
    box-sizing: content-box;
}
.returns-entry-container .dropdown-skin-returns, .divMyAccount .dropdown-skin {
    float: right;
    /*width: 325px;*/
    margin-bottom: 6px;   
    display: inline-block;
    overflow: hidden;
    background-color: white;
    background: url('../Images/arrow_down.png') no-repeat center right white;
    box-sizing: border-box;
    clear: right;
}

.topup-form .dropdown-skin{
    /*float: right;*/
    /*width: 325px;*/
    margin-bottom: 6px;   
    display: inline-block;
    /*overflow: hidden;*/
    background-color: white;
    background: url('../Images/arrow_down.png') no-repeat center right white;
    box-sizing: border-box;
    clear: right;
}

.returns-entry-container .dropdown-skin-returns{
    width: 325px;
}


.returns-entry-container .dropdown-skin-returns select{
    
    width: 350px;
    background: transparent;
    outline: none;
    overflow: hidden;
    text-overflow: '';
    text-indent: 0.01px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #414042;
    padding: 5px 0px 5px 5px;
    font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    text-transform: none;
    margin: 0;
    box-sizing: border-box;
    overflow: visible !important;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    letter-spacing: normal;
    word-spacing: normal;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    text-rendering: auto;
    -webkit-writing-mode: horizontal-tb;
}

.returns-entry-container .dropdown-skin-returns.dropdown-title, .returns-entry-container .dropdown-skin-returns.dropdown-title select{
    width:110px;
    margin-right:215px;
}

.returns-entry-container label{
    color: #414042 !important;
    position: relative;
    font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 25px;
    clear: both;
    display:inline-block;
    width: 120px;
    white-space: nowrap;
}

.returns-entry-container .postion-description-text{
    clear:both;
}

.step-content h3 {
    margin-left: 15px;
    margin-top:10px;
    line-height: 18px;
}

a.return-section-back-button, a.return-section-next-button,
a.return-section-generate-button, a.return-section-complete-button,
a.add-parcel-button {
    display: inline-block;
    line-height:25px;
    padding:0 30px;
    color:white;
    margin:24px 0 18px 15px;
    font-family:'pluto-sans-light', sans-serif;
}

a.return-section-back-button:hover, a.return-section-next-button:hover,
a.return-section-generate-button:hover, a.return-section-complete-button:hover,
a.add-parcel-button:hover{
    color:white;
    cursor:pointer;
    text-decoration:none;
    font-family:'pluto-sans-light', sans-serif;
}
 
a.return-section-back-button:visited, a.return-section-next-button:visited,
a.return-section-generate-button:visited, a.return-section-complete-button:visited,
a.add-parcel-button:visited {
    color:white;
    text-decoration:none;
    font-family:'pluto-sans-light', sans-serif;
}

a.return-section-next-button, a.return-section-complete-button {
    background-color:#DC0032; 
}

a.return-section-back-button {
    background-color:#808285; 
}

a.return-section-generate-button, a.add-parcel-button{
    background-color: #A90034;
}

a.return-section-generate-button, a.return-section-complete-button{
    float:right;
    margin-right:15px;
    margin-left:0;
}

.DnnModule .selection-table table {
  border-collapse: collapse;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.DnnModule .selection-table table td, table th {
  border: 2px solid #fff;
}
.DnnModule .selection-table table tr:first-child th {
  border-top: 0;
}
.DnnModule .selection-table table tr:last-child td {
  border-bottom: 0;
}
.DnnModule .selection-table table tr td:first-child,
.DnnModule .selection-table table tr th:first-child {
  border-left: 0;
}
.DnnModule .selection-table table tr td:last-child,
.DnnModule .selection-table table tr th:last-child {
  border-right: 0;
}

.DnnModule .selection-table{
    width:100%;
}

.DnnModule .selection-table table td {    
    width: 0.1%;
    text-align: center;
    vertical-align:top;
    padding-top:10px;
    height:112px;
    position:relative;
    line-height:0;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 45px
}

@media (max-width:550px){
    .DnnModule .selection-table table td {  
        padding-left: 30px;
        padding-right: 30px;
    }
}


.mandatory-text {
    margin-right: 10px;
    margin-top: 25px;
    line-height: 40px;
    font-size:13px;
}

a.return-section-complete-button.complete-button-after {
    display:none;
}

@media (max-width:550px) {
    .returns-pickup-information-text {
        width: 100%;
        max-width:100%;
        text-align:left;
    }

    .returns-pickup-information-button, .returns-pickup-information-button a.returns-pickup-button{
        display: inline-block;
        float:none;
        width: 100%;
    }
    .returns-pickup-information-button a.returns-pickup-button{
        width: 100%;
        margin-left:0;
        margin-bottom:0;
        margin-top:25px;
    }

    a.return-section-back-button, a.return-section-next-button,
    a.add-parcel-button {
        width: Calc(100% - 20px);
        text-align:center;
    }
    
    a.return-section-generate-button, a.return-section-complete-button:not(.login-button){
        width: Calc(100% - 29px);
        text-align:center;
    }
    
    .TCModalContents .return-section-generate-button, a.return-section-complete-button:not(.login-button):not(.complete-button){
        width: Calc(51% - 20px);
        text-align:center;
    }

    a.return-section-complete-button.complete-button-after {
        display:inline-block;
    }

    a.return-section-complete-button.complete-button:not(.login-button):not(.complete-button-after){
        display:none;
    }


    .mandatory-text {
        margin-top:0;
    }
}

@media (max-width:460px){
    .DnnModule .selection-table table td {  
        padding-left: 15px;
        padding-right: 15px;
    }
    a.return-section-complete-button.login-button{
        width:100%;
        margin-right: 0;
    }

    .dpd-pw-login .login, .button-set{
        width:100%;
    }

}

@media (max-width:395px){
    .DnnModule .selection-table table td {  
        padding-left: 5px;
        padding-right: 5px;
    }
}

.DnnModule .selection-table table td.parcel-type-details-upper{
    height: 175px;
}

.payment-methods-selection .parcel-type-details-upper {
    padding-bottom: 34px;
}

.payment-methods-selection .parcel-type-details-upper .parcel-wizard-balance {
    width: 120%;
    margin-left: -10%;
    margin-top: 14px;
    margin-bottom: -14px;
    font-size: 16px;
    line-height: 1.2;
}

.DnnModule .selection-table table td img{    
    display:block;
    margin:auto;
    position:absolute;
    top:55px;
    left:0;
    right:0;
}

.DnnModule .selection-table table td img.box-image{
    top:120px;
}

.DnnModule .selection-table table td.parcel-type-details-upper.is-selected, .DnnModule .selection-table table td.parcel-type-details-lower.is-selected {
    background-color:#DC0032;
    color:#fff;
}

.DnnModule .selection-table table td.parcel-type-details-upper, .DnnModule .selection-table table td.parcel-type-details-lower {
    cursor:pointer;
}

.DnnModule .selection-table table td.parcel-type-details-upper {
    background-color:#808285; 
    color:#fff;
}

.DnnModule .selection-table table td.parcel-type-details-lower {
    background-color:#e6e7e8;
}


.parcel-type-details-upper.is-selected, .parcel-type-details-lower.is-selected {
    background-color:#DC0032;
    color:#fff;
}

.parcel-type-details-upper, .parcel-type-details-lower {
    cursor:pointer;
}

.parcel-type-details-upper {
    background-color:#808285; 
    color:#fff;
}

.parcel-type-details-lower {
    background-color:#e6e7e8;
}

.returns-container .disabled-header .accordion-toggle:hover{
    cursor:default;
}

.returns-inner-container .panel-heading, .returns-inner-container .panel-body{
    padding: 0;
    border:0;
}

.returns-inner-container .panel-heading a:hover{
    text-decoration: none;
    cursor:pointer;
}

.returns-inner-container .panel{
    border: 0;
    border-radius:0;
    margin-top: 0;
}

.returns-inner-container .panel-default > .panel-heading + .panel-collapse .panel-body{
    border:0;
}

.returns-inner-container .panel-group .panel + .panel {
    margin-top: 0;
}

.product-title, .total-cost{
    display: block;
    font-family:pluto-sans-light;
    font-size: 20px;
    line-height: 1.3;
}

.product-similar, .product-size{
    display: block;
    line-height:1.2;
    font-family:pluto-sans-light;
    font-size:11px;
}

.selection-details {
    margin-top:29px;
    border-top:1px solid #414042;
    border-bottom:1px solid #414042;
    margin-left: 15px;
    margin-right:15px;
    padding-left:6px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #414042;
}

.selection-total{
    display:inline-block;
    margin-left: 76px;
}

.parcels-heading {
    background-color: #e6e7e8;
}

.parcels-heading span {
    display:inline-block;
    width:Calc(100% - 30px);
    margin-top: 0;
    margin-bottom: 0;
    margin-right:15px;
    margin-left:15px;
    line-height: 48px;
    border-bottom:1px solid #414042;
    font-size: 14px;
    position:relative;
    padding-left:6px;
}

.step-content .parcels-heading span.parcel-selected{
    border:0;
}

.parcels-heading .selection-total{
    float:right;
    margin-right:50px;
    margin-left:0;
}


.step-content h3.payment-title {
    margin-top: 30px;
    margin-bottom: 20px;
}

.payment-methods .bordered {
    border: 0;
    background-color:#fff;
    padding: 8px 15px 8px;
    min-width: 85px;
    margin-left: 15px;
    margin-bottom: 10px;
    width: Calc(50% - 24px);
    display:inline-block;
    font-family:pluto-sans-light;
}

.payment-methods input[type=radio] + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url('/DesktopModules/Inventise.DPD/Images/btnRadioUnchecked.png') no-repeat 0 2px;
    line-height: 24px;
    width: 100%;
    margin-bottom:0;
}

.payment-methods input[type=radio] {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

    .payment-methods input[type=radio]:checked + label {
        background: url('/DesktopModules/Inventise.DPD/Images/btnRadioChecked.png') no-repeat 0 2px;
    }

    .payment-methods .payment-methods-title{
        display: block;
        font-family:pluto-sans-light;
        font-size: 20px;
        line-height: 1.3;
        margin-left:15px;
        margin-top:10px;
        margin-bottom:10px;
    }

    .selection-details.payment-methods-selection-details {
        margin-top:10px;
    }

    .return-sage {
        margin-left:15px;
        margin-bottom:25px;
    }

    .pw-balance{
            font-size: 16px;
    padding-left: 5px;
    margin-top: 25px;
    }

    .pw-balance .selection-total{
            margin-left:20px;
    }
    
    .returns-do-next{
        margin-top: 29px;
        /*border-bottom: 1px solid #414042;*/
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 14px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: #414042;
    }

    .returns-do-next .returns-do-next-title{
        font-size:16px;
        display:block;
        margin-bottom:10px;
    }

    .generate-label-instructions{        
        margin-top: 5px;
        margin-left: 10px;
        margin-right: 10px;
        font-size:14px;
        display:block;
        font-weight: normal;
        line-height: 17px;
        color: #414042;
    }

.return-section-buttons::after{
    content:"";
    display:table;
    clear:both;
}

.returns-header-symbol {
    position: absolute;
    right: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.relative-container {
    position:relative;
}

.remove-parcel {
  width: 85px;
  height: 11px;
  font-family: Pluto Sans DPD;
  font-size: 12px;
  font-weight: 300;
  line-height: 4.33;
  color: #dc0032;
  text-decoration:underline;
  float:right;
  text-align:right;
}

.remove-parcel:hover {
  cursor:pointer;
  color: #dc0032;
  text-decoration:underline;
}

.remove-parcel:visited {
  cursor:pointer;
  color: #dc0032;
  text-decoration:underline;
}

.TCModalContents {
    background: #fff;
    position: fixed;
    top: Calc(50% - 345px);
    left: Calc(50% - 400px);
    width:100%;
    max-width: 800px;
    height: 690px;
}

.TCModalContents::after{
    content:"";
    display:table;
    clear:both;
}

.TCModal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(65,64,66,.75);
    z-index: 10000;
}

.TCModalTitle {
    height: 50px;
    width: 100%;
    color: #fff;
    background-color: #DC0032;
    padding: 0 15px;
    line-height: 50px;
    font-size: 14px;
    position: relative;
}

.TCModalText {
    height: Calc(100% - 140px);
    max-height: 533px;
    background-color: #e6e7e8;
    padding: 14px;
    overflow-y:scroll;
}

.TCCloseButton {
    height:15px;
    width:15px;
    position:absolute;
    right:15px;
    top: 17px;
}

.TCCloseButton:hover{
    cursor:pointer;
}
@media (max-width:800px), (max-device-width:800px){
    .TCModalContents {
        left: 0;
        width: 100%;
    }
}

@media (max-width:645px){
    .TCModalContents {
        margin-left:25px;
        margin-right:25px;
        width: Calc(100% - 50px);
    }

.TCModalTitle h2 {
    font-size: 20px;
}

}

@media (max-height:720px){
    .TCModalContents {
        margin-top:0;
        margin-bottom:25px;
        height: Calc(100% - 50px);
        top:25px;
    }

}
@media (max-width:550px), (max-device-width:550px){
    .returns-entry-container .dropdown-skin-returns select, .returns-entry-container .dropdown-skin-returns, 
    .returns-entry-container .dropdown-skin-returns.dropdown-title, .returns-entry-container .dropdown-skin-returns.dropdown-title select{
        width:100%;
        max-width:100%;
        float:none;
        margin-right:0;
    }
    
    .returns-entry-container input{
        width:Calc(100% - 15px);
        max-width:100%;
        float:none;
    }

    .payment-methods .bordered{
        width:Calc(100% - 30px);
    }

    .TCModalTitle h2 {
        font-size: 15px;
    }
}


.returns-payment-remember {
    padding-left:15px;
    padding-right:15px;
}

.warning-message {
    color: #DC0032;
    padding-left: 10px;
    padding-bottom:18px;
}

input.error-class {
    border: 2px solid #A90034 !important;
    width: 311px !important;
}

select.error-class {
    border: 2px solid #A90034 !important;
    height: 29px !important;  
    width: 325px;
}

label.error-class {
    color: #A90034 !important;
    font-family: pluto-sans, sans-serif;
}


.payment-iframe {
    width:595px;
    height:600px;
}

.payment-iframe div {
    width:100%;
    height:100%;
}

.payment-iframe div iframe {
    width:100%;
    height:100%;
}

@media (max-width:595px), (max-device-width:595px) {

    .payment-iframe {
        width: 100%;
    }
}



/* changes added by Ruta*/

/*desktop version*/
.dpd_ReturnsImg{
    max-width: 595px;
}

.dpd_ReturnsHeader{
    font-style: normal;
    font-size: 23px;
    line-height: 28px;
    color: #444444;
    margin: 20px 0 20px 0;
    font-family: 'pluto-sans-light', sans-serif;
}


@media screen and (max-width: 768px), (max-width:414px), (max-width:375px), (max-width: 320px), (max-width: 435px), (max-width:411px), (max-width:36px),
(max-device-width: 768px), (max-device-width:414px), (max-device-width:375px), (max-device-width: 320px), (max-device-width: 435px), (max-device-width:411px), (max-device-width:36px){
    .dpd_ReturnsImg{
        width: 100%;
    }

    .dpd_ReturnsHeader {
        text-align:center;
    }
}

.dpd_ReturnShopping{
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #dc0032 !important;
    margin-bottom: 15px;
    margin-top:15px;
}

.dpd_ReturnShoppingList{
    background-color: #ffffff;
}

.dpd_ReturnShoppingList p{
    line-height:18px;
    font-size:13px;
    margin-bottom:10px;
}

.dpd_ReturnShoppingList p span{
    color:#414041;
    font-weight: bold;
}

.box.linkbox.red.half-width.dpd_ReturnParcelRed{
    width:293px;
    margin-right:5px;
}

.box.linkbox.light-grey.half-width.dpd_ReturnParcelGrey{
     width:293px;
}

.dpd_howItWorks{
  font-style: normal;
  font-size: 23px !important;
  line-height: 30px !important;
  color: #414042 !important;
  margin: 10px 0 20px 0;
  font-family: 'pluto-sans-light', sans-serif;
}

.dpd_HowItWorksParagraph{
  font-weight: 300;
  color: #414042;
  max-width:595px;
  line-height: 1.38;
  font-size:13px;
  margin-bottom:30px;
}

.dpd_innerwrapperSecond{
    max-width: 225px;
    float: right;
    text-align: left;
}

.dpd_innerwrapperSecond2 p{
    font-size: 14px;
}

.dpd_h3{
    font-size: 15px !important;
    display:inline;
}

.dpd_innerwrapperSecond2 p strong{
    font-size: 16px;
}

.dpd_innerwrapperSecond p strong{
    font-size: 16px;
}

.dpd_innerwrapperSecond p{
    font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
}

.dpd_MiddleSection img{
    display: inline;
    margin-right: 1px;
    margin-top: -5px;
    float:right;
}

.dpd_MiddleSection .dpd_innerwrapperSecond{
    float:left;
}

.dpd_outerWrapper{
    width: 595px;
}

.dpd_TableStructure{
    border:none !important;
    max-width:595px;
}

.dpd_TableStructure tr td{
    border:none !important;
    padding: 20px 15px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    font-family: 'pluto-sans-light', sans-serif;
}

.dpd_TableStructure tr td.dpd_leftcell{
    width:287px;
}

.dpd_TableStructure tr td.dpd_rightcell{
    width:308px;
}

.dpd_MiddleSection{
    width:100%;
}



/*code to style How it works section with a hidden div inside a html container*/
.dpd_MiddleSectionDivText{
     width: 260px; float: left; margin-bottom: 20px;
}

.dpd_MiddleSectionDivText p{
    max-width: 208px;
    float: right;
    text-align: left;
        font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    margin-bottom:30px;
}

.dpd_MiddleSectionDivImg {
    width: 260px; float: right; margin-bottom: 20px;
}

.dpd_TableStructure.hiddenTable{
    display:none;
}

.dpd_innerwrapperSecond p a{
    display: inline;
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 14px;
}

.dpd_MiddleSectionDivImg2{
     width: 260px;
}

.dpd_MiddleSectionDivText2{
    width:260px;
}

@media screen and (max-width:988px), (max-width: 768px), (max-width:414px), (max-width:375px), (max-width: 320px), (max-width: 435px), (max-width:411px), (max-width:36px),
(max-device-width:988px), (max-device-width: 768px), (max-device-width:414px), (max-device-width:375px), (max-device-width: 320px), (max-device-width: 435px), (max-device-width:411px), (max-device-width:36px){
   .dpd_ReturnsImg{
       width:100%;
   }
   .box.linkbox.red.half-width.dpd_ReturnParcelRed{
       margin-left:9px;
   }
}

@media screen and (max-width:928px), (max-device-width:928px){
   .dpd_ReturnsImg{
       width: 100%;
   }
}

@media screen and (max-width:639px), (max-width:652px), (max-width:680px), (max-width:693px), (max-width:712px), (max-width:683px),
(max-device-width:639px), (max-device-width:652px), (max-device-width:680px), (max-device-width:693px), (max-device-width:712px), (max-device-width:683px){
    .box.linkbox.red.half-width.dpd_ReturnParcelRed, .box.linkbox.light-grey.half-width.dpd_ReturnParcelGrey {
        width: 255px !important;
    }
}

@media(max-width:650px), (max-width:613px), (max-width:414px), (max-width:375px), (max-width: 320px), (max-width: 435px), (max-width:411px), (max-width:360px),
(max-device-width:650px), (max-device-width:613px), (max-device-width:414px), (max-device-width:375px), (max-device-width: 320px), (max-device-width: 435px), (max-device-width:411px), (max-device-width:360px) {

    .dpd_MiddleSectionDivText, .dpd_MiddleSectionDivImg, .returns-container .dpd_TableStructure:not(.hiddenTable){
        display:none;
    }

    .dpd_TableStructure.hiddenTable{
        display:block;
        text-align: center;
     }

    .dpd_innerwrapperSecond{
        float:none;
        max-width:100% !important;
    }

    .dpd_innerwrapperSecond p{
        text-align: center;
        width:100%;
    }

    .dpd_TableStructure tr td{
        display:block;
    }

    .box.linkbox.red.half-width.dpd_ReturnParcelRed, .box.linkbox.light-grey.half-width.dpd_ReturnParcelGrey{
        width: 100% !important;
        margin-left: 1PX;
    }
    
    .dpd_MiddleSectionDivText2, .dpd_MiddleSectionDivImg2{
        width: 100%;
    }

   .dpd_outerWrapper{
        width: 100%;
   }

   .dpd_howItWorks{
       text-align:center;
   }

   .dpd_HowItWorksParagraph{
       text-align: center;
   }

   .dpd_IconRegNumOne, .dpd_IconRegNumOne2{
       margin-bottom:8px;
   } 

   .product-title{
       font-size:15px;
   }

   .product-size{
       font-size: 9px;
   }
}


/*Complete page*/

.dpd_horizontalRule{
    height: 1px;
    background-color: #414042;
    max-width:595px;
    margin-bottom: 25px !important;
}

.dpd_CompleteParagraph, .dpd_ViewReturns, .dpd_CompleteParagraphSecond, .dpd_CompleteParagraphDescription, .dpd_completeparagraphPickupPoint{
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    color: #414042;
    
}

.dpd_CompleteParagraphSecond, .dpd_ViewReturns{
    float: left;
}

.dpd_CompleteParagraphSecond{
   max-width: 358px;
   margin-bottom: 18px !important;
}

.dpd_ViewReturns{
   max-width: 382px;
}

a.dpdViewReturnsbtn{
  background:  #a90034;
  background-image: -webkit-linear-gradient(top,  #a90034,  #a90034);
  background-image: -moz-linear-gradient(top,  #a90034,  #a90034);
  background-image: -ms-linear-gradient(top,  #a90034,  #a90034);
  background-image: -o-linear-gradient(top,  #a90034,  #a90034);
  background-image: linear-gradient(to bottom,  #a90034,  #a90034);
  font-family:  'pluto-sans-light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  border: solid  #a90034 1px;
  text-decoration: none;
  width: 186px;
  float:right;
  text-align: center;
  
    display: inline-block;
    line-height:25px;
    padding:0 30px;
    margin:8px 0 18px 15px;
    font-size:14px;
}

a.dpdViewReturnsbtn:hover {
  text-decoration: none;
}

.dpdPickupPointsbtn{
  background: #dc0032;
  background-image: -webkit-linear-gradient(top, #dc0032, #dc0032);
  background-image: -moz-linear-gradient(top, #dc0032, #dc0032);
  background-image: -ms-linear-gradient(top, #dc0032, #dc0032);
  background-image: -o-linear-gradient(top, #dc0032, #dc0032);
  background-image: linear-gradient(to bottom, #dc0032, #dc0032);
  font-family: 'pluto-sans-light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color:#fff;
  border: solid #dc0032 1px;
  text-decoration: none;
  width: 237px;
  height: 40px;
}

.dpdPickupPointsbtnPrint, a.dpdPickupPointsbtnPrint, a.dpdPickupPointsbtnPrint:visited, a.dpdPickupPointsbtnPrint:hover, a.dpdPickupPointsbtnPrint:active{
  background: #dc0032;
  background-image: -webkit-linear-gradient(top, #dc0032, #dc0032);
  background-image: -moz-linear-gradient(top, #dc0032, #dc0032);
  background-image: -ms-linear-gradient(top, #dc0032, #dc0032);
  background-image: -o-linear-gradient(top, #dc0032, #dc0032);
  background-image: linear-gradient(to bottom, #dc0032, #dc0032);
  font-family: 'pluto-sans-light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color:#fff;
  border: solid #dc0032 1px;
  text-decoration: none;
  width: 170px;
  height: 40px;
  text-align: center;
    line-height: 40px;
    display: inline-block;
}

@media (max-width: 620px){
    .dpdPickupPointsbtnPrint, a.dpdPickupPointsbtnPrint, a.dpdPickupPointsbtnPrint:visited, a.dpdPickupPointsbtnPrint:hover, a.dpdPickupPointsbtnPrint:active{
        width:100%;
    }
}

.dpdPickupPointsbtn:hover {
  text-decoration: none;
}

.dpd_RegisterPWTop{
    max-width:595px;
}

.dpd_RegisterPWBottom{
    max-width:595px;
}

.dpd_RegisterPWTop  .dpd_ViewReturns{
    float:left;
}

.dpd_RegisterPWTop  a.dpdViewReturnsbtn{
    float:right;
}

.dpd_PicupPointtbl tr td{
    border:none;
    /*padding:0 !important;*/
}

.dpd_PicupPointtbl tr td > p{
    text-align:left;
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    color: #414042;
    margin-bottom:20px;
}

.dpd_PicupPointtbl tr td  h3{
    text-align:left;
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    color: #414042;
    margin-bottom:3px;
}


 div.pickup-map{
    margin-top:15px;
    padding-top: 15px;
    width:100%;
    height:480px;
}

.dpd_PicupPointtbl tr td  h2{
    color: #dc0032;
    text-align:left;
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.13;
    margin-bottom: 2px;
}

.dpd_innerOpeningTimes tr td{
    font-family: 'pluto-sans-light', sans-serif;
    font-size: 13px;
    text-align:left;
    color: #414042;
    line-height:18px;
        width: 184px;
}

.dpd_parcelPayment, .dpd_CompleteParagraph{
    font-size:13px !important;
}

.dpd_parcelPayment.extra-margin-pickup{
    margin-bottom: 130px;
}

.dpd_PicupPointtbl{
    width: 595px !important;
    margin-top: -18px;
}

.dpd_PicupPointtbl_column{
    width: 50%;
}

.dpd_PicupPointtbl_column.delivery-address {
    height: 100px;
    vertical-align: bottom;
}

.dpd_completeparagraphPickupPoint{
    margin-top: 18px !important;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
}

.dpd_PicupPointtbl_column  h2{
    margin-top: -56px;
}

.dpd_iconsInline{
    display:inherit;
    padding-left: 15px;
}

.dpd_iconsInline img{
    float:left;
    padding-right:10px;
    height:50px;
}

.dpd_iconsInline img.last-image{
    padding-right:0;
}

/*media quesries for complete page*/

@media only screen (max-width:569px), (max-device-width:569px){
    .dpd_RegisterPWBottom{
        width: 50%;
    }

    a.dpdViewReturnsbtn{
        width:100%!important;
        height:40px;
    }

    .dpd_PicupPointtbl_column{
        display:block;
    }
}

@media screen and (max-width:614px), (max-width:599px) ,(max-width:414px), (max-width:375px), (max-width: 320px), (max-width: 435px), (max-width:411px), (max-width:360px),
(max-device-width:614px), (max-device-width:599px) ,(max-device-width:414px), (max-device-width:375px), (max-device-width: 320px), (max-device-width: 435px), (max-device-width:411px), (max-device-width:360px) {

    .dpd_PicupPointtbl_column{
        display:block;
        width: 100%;
    }

    .dpd_PicupPointtbl_column p, .dpd_PicupPointtbl_column h2{
        text-align: center !important;
    }

    .dpd_CompleteParagraphDescription, .dpd_CompleteParagraphSecond, .dpd_completeparagraphPickupPoint, .dpd_CompleteParagraph, .dpd_parcelPayment{
        width: 100%;
        text-align: center;
    }

    .dpd_RegisterPWBottom{
        width: 100%;
    }

    .dpdPickupPointsbtnPrint, .dpdPickupPointsbtn, a.dpdViewReturnsbtn{
        width:100%;
    }

    .dpd_PicupPointtbl_column h3{
        text-align: center;
    }
   
    .dpd_PicupPointtbl_column img{
        max-width:100%;
    }

    .dpd_PicupPointtbl{
        width:100% !important;
    }

    .dpd_CompleteParagraphSecond{
            max-width: 100%;
    }

    .dpd_PicupPointtbl_column .dpd_completeparagraphPickupPoint{
        margin-top: 15px;
    }

    .dpd_PicupPointtbl_column h2{
        margin-top:0 !important;
    }

    .dpd_parcelPayment{
        padding-top:52px;
    }

    .dpd_horizontalRule{
        margin-top: -1px !important;
    }

    
}


/*media quesries for complete page*/

@media screen and (max-width:569px), (max-device-width:569px){
    .dpd_RegisterPWBottom{
        width: 50%;
    }

    .dpd_PicupPointtbl_column{
        display:block;
    }
}

@media screen and (max-width:614px), (max-width:599px) ,(max-width:414px), (max-width:375px), (max-width: 320px), (max-width: 435px), (max-width:411px), (max-width:360px),
(max-device-width:614px), (max-device-width:599px) ,(max-device-width:414px), (max-device-width:375px), (max-device-width: 320px), (max-device-width: 435px), (max-device-width:411px), (max-device-width:360px) {

    .dpd_PicupPointtbl_column{
        display:block;
        width: 100%;
    }

    .dpd_PicupPointtbl_column p, .dpd_PicupPointtbl_column h2{
        text-align: center !important;
    }

    .dpd_CompleteParagraphDescription, .dpd_CompleteParagraphSecond, .dpd_completeparagraphPickupPoint, .dpd_CompleteParagraph, .dpd_parcelPayment{
        width: 100%;
        text-align: center;
    }

    .dpd_RegisterPWBottom{
        width: 100%;
    }

    .dpdPickupPointsbtnPrint, .dpdPickupPointsbtn, a.dpdViewReturnsbtn{
        width:100%;
    }

    .dpd_PicupPointtbl_column h3{
        text-align: center;
    }
   
    .dpd_PicupPointtbl_column img{
        max-width:100%;
    }

    .dpd_PicupPointtbl{
        width:100% !important;
    }

    .dpd_CompleteParagraphSecond{
            max-width: 100%;
    }

    .dpd_PicupPointtbl_column .dpd_completeparagraphPickupPoint{
        margin-top: 15px;
    }

    .dpd_PicupPointtbl_column h2{
        margin-top:0 !important;
    }

    .dpd_parcelPayment{
        padding-top:52px;
    }

    .dpd_horizontalRule{
        margin-top: -1px !important;
    }

    a.return-section-back-button, a.return-section-next-button,
a.return-section-generate-button, a.return-section-complete-button,
a.add-parcel-button{
        width:Calc(100% - 30px);
        margin-top: 10px;
        margin-bottom:10px;
        text-align:center;
    }
    
}

/*Changes added by ruta finished*/

.virtual-address{
    font-family: pluto-sans-light, sans-serif
}

.virtual-address .rightContainer {
        background-color: #fff;
        box-shadow: 0 5px 13px #e6e7e8;
        float: left;
        text-align: center;
        padding: 20px;
        margin-bottom: 30px;
        position:relative;
    }
        
        .virtual-address .rightContainer h1 {
            text-align:left;
            font-size: 35px;
            font-weight: 200;
            line-height: 1.49;
            font-family: pluto-sans;
            margin-top: 0;
            margin-bottom: 0;

        }

        .virtual-address .rightContainer h1 span,
        .virtual-address .rightContainer h2 {
            color: #dc0032;
            text-align:left;
        }

        .virtual-address .rightContainer h2 {
            margin-top: 0;
            font-size: 32px;
            font-family: pluto-sans;
            font-weight: 200;
            line-height: 1.31;
            letter-spacing: -0.6px;
        }

        .virtual-address .rightContainer .text {
            font-size: 16px;
            padding: 15px 0;
            text-align: left;
            font-weight: 300;
            line-height: 1.36;
        }

            .virtual-address .rightContainer .text span.small {
                font-size: 75%;
            }

        .virtual-address .rightContainer img {
            max-width: 225px;
            position: absolute;
            right: 0;
            top: 90px;
        }


    .virtual-address .leftPane .content {
        background-color: #fff;
        box-shadow: #e6e7e8 1px 3px 9px;
    }

        .virtual-address .leftPane .content .leftTitle {
            background: #dc0032;
            padding: 10px 10px 10px 13px;
            margin-bottom: 1px;
            height: 91px;
            display: table;
            vertical-align: bottom;
            width: 100%;
            text-align: center;
        }

            .virtual-address .leftPane .content .leftTitle span {
                color: #fff;
                vertical-align: bottom;
                display: table-cell;
                font-size: 16px;
            }

        .virtual-address .leftPane .content img#DisplayIDBackground {
            width: 301.656px;
        }

    @media (max-width: 769px), (max-device-width: 769px) {
        .virtual-address .leftPane .content img#DisplayIDBackground {
            width: 100%;
        }
    }

    .virtual-address .leftPane .content .displayID {
        margin-bottom: 20px;
        color: #fff;
        font-size: 38px;
        text-align: center;
        height: 91px;
        background-color: #dc0032;
    }

    .virtual-address .leftPane .content .text {
        padding: 12px 27px 12px 12px;
        font-size: 16px;
    }

        .virtual-address .leftPane .content .text strong {
            color: #dc0032;
            font-weight:normal;
        }

    .virtual-address .leftPane .content .textBottom img#TextBottom {
        padding: 7px;
        padding-bottom: 25px;
    }

    .virtual-address .leftPane .content table {
        margin-bottom: 15px;
        margin-left: 12px;
    }

        .virtual-address .leftPane .content table tr td {
            padding: 3px;
        }

            .virtual-address .leftPane .content table tr td:nth-child(1) {
                text-align: right;
            }

            .virtual-address .leftPane .content table tr td:nth-child(2) {
                background-color: #fff;
                border: solid 1px #e6e7e8;
            }

                .virtual-address .leftPane .content table tr td:nth-child(2) label {
                    padding: 0 5px;
                }

            .virtual-address .leftPane .content table tr td label {
                margin-bottom: 0;
                font-weight: normal;
                font-size: 13px;
            }

.virtual-address .leftPane {
    width:255px;
}

.virtual-address .tabContainer {
    background-color: #e6e7e8;
    box-shadow: 0 5px 13px #e6e7e8;
    float: left;
    padding: 20px 20px 0 20px;
    margin-bottom: 0;
    position: relative;
    width:100%;
    text-align:left;
}

.virtual-address .tabContainer .tabs {
    display: flex;
}

.virtual-address .tabContainer .tabs::after {
    content: "";
    display:table;
    clear:both;
}

.virtual-address .tabContainer .tabs .tab {
    width: 50%;
    border: 1px solid #fff;
    display: inline-block;
    padding: 20px 20px 0 20px;
    height: 155px;
    float: left;
    cursor:pointer;
    margin-bottom: -1px;
}

.virtual-address .tabContainer .tabs .tab.tab-selected {
    background: #fff;
}

.virtual-address .tabContainer .tabs .tab h5 {
    font-size: 18px;
    font-family:pluto-sans, sans-serif;
    font-weight: 400;
    line-height: 1.22;
    margin-top:0;
    margin-bottom:0;
}

@media(min-width: 548px){
    .virtual-address .tabContainer .tabs .tab p.padded {
        padding-top: 20px;
    }
}

.virtual-address .tabContent {
    background-color: #fff;
    box-shadow: 0 5px 13px #e6e7e8;
    float: left;
    padding: 20px 20px 40px 20px;
    margin-bottom: 30px;
    position: relative;
    width:100%;
    text-align:left;
}

.virtual-address .tabContent h2.lined {
    width:100%;
    border-bottom: 1px solid #414042;
    padding-bottom:13px;
    margin-top:4px;
    font-size:26px;
}

.virtual-address .tabContent label {
    font-weight:normal;
    width:112px;
}

.virtual-address .tabContent span.virtual-address-field {
    display: inline-block;
    border: 1px solid #e6e7e8;
    font-weight:normal;
    max-width: 306px;
    width: 100%;
    padding:1px 5px;
    margin: 2px 0;
}

.virtual-address .tabContent strong {
    color: #DC0032;
    font-weight:normal;
}

.virtual-address .tabContent table {
    margin-top: 20px;
    width: 100% !important;
}

.virtual-address .tabContent table.dpd_innerOpeningTimes {
    
    margin:auto;
}

.virtual-address .small-pickup-icon {
    height:46px;
    float:right;
    margin-top: 12px;
}

.virtual-address .view-details {
    float:right;
    margin-top: 42px;
    margin-right: -55px;
}

.virtual-address .small-pickup-icon + .view-details {
    margin-top: 62px;
}

.virtual-address .small-arrow-icon {
    height:46px;
    float:right;
    margin-right:25px;
}

.virtual-address .pickup-point-name {
    display:block;
    font-size: 16px;
    color: #DC0032;
    font-family:pluto-sans;
}

.virtual-address .pickup-point-address {
    display:block;
    max-width: 205px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}


.virtual-address input[type=radio] + label {
    display: table-cell;
    margin-left: 0;
    background: url('/DesktopModules/Inventise.DPD/Images/btnRadioUnchecked.png') no-repeat 10px 22px;
    line-height: 20px;
    width: 100%;
    margin-bottom:0;
    height: 67px;
    padding-left: 44px;
    vertical-align: middle;
}


.virtual-address input[type=radio] + label.always-checked {
    background: url('/DesktopModules/Inventise.DPD/Images/btnRadioChecked.png') no-repeat 10px 22px;
    background-color: #e6e7e8;
}

.virtual-address input[type=radio] {
    width: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    float:left;
}

    .virtual-address input[type=radio]:checked + label {
        background: url('/DesktopModules/Inventise.DPD/Images/btnRadioChecked.png') no-repeat 10px 22px;
        background-color: #e6e7e8;
    }

.virtual-address .pickup-points-selection div {
    border-top: 1px solid #414042;
    border-bottom: 1px solid #414042;
    display:table;
    width: 100%;
}

.virtual-address .pickup-points-selection {
    display:table;
    width:100%;
    background-color: #e6e7e8;
}

.virtual-address .pickup-points-selection .pickup-point-address{
    overflow:unset;
    white-space: unset;
    text-overflow: unset;
    -ms-text-overflow: unset;
    -o-text-overflow:unset;
    max-width:100%;
}

.virtual-address .pickup-points-selection .small-pickup-icon {
    margin-right:28px;
    margin-top: 10px;
    /*position: absolute;*/
    right: 20px;
}

.virtual-address .pickup-points-selection .small-arrow-icon {
    margin-right:28px;
    margin-top: 10px;
    position: absolute;
    right: 20px;
}



.virtual-address .home-delivery{
  background: #dc0032;
  background-image: -webkit-linear-gradient(top, #dc0032, #dc0032);
  background-image: -moz-linear-gradient(top, #dc0032, #dc0032);
  background-image: -ms-linear-gradient(top, #dc0032, #dc0032);
  background-image: -o-linear-gradient(top, #dc0032, #dc0032);
  background-image: linear-gradient(to bottom, #dc0032, #dc0032);
  font-family: 'pluto-sans-light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color:#fff;
  border: solid #dc0032 1px;
  text-decoration: none;
  height: 40px;
  padding-left: 30px;
  padding-right:30px;
  display:inline-block;
}

.virtual-address .pickup-points{
  background: #808285;
  background-image: -webkit-linear-gradient(top, #808285, #808285);
  background-image: -moz-linear-gradient(top, #808285, #808285);
  background-image: -ms-linear-gradient(top, #808285, #808285);
  background-image: -o-linear-gradient(top, #808285, #808285);
  background-image: linear-gradient(to bottom, #808285, #808285);
  font-family: 'pluto-sans-light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color:#fff;
  border: solid #808285 1px;
  text-decoration: none;
  height: 40px;
  padding-left: 30px;
  padding-right:30px;
  margin: 10px 0 10px;
  display:inline-block;
}

.virtual-address .pickup-buttons{
    text-align:right;
}

.virtual-address-selection {
    background: #fff;
    float: left;
    margin-bottom: 25px;
}

.virtual-address-selection p {
    font-family: pluto-sans;
}

.virtual-address-selection h1, .virtual-address-selection p {
    padding-left: 20px;
    padding-right: 20px;
}

.virtual-address-selection .tabContainer {
    border-bottom: 5px solid #dc0032;
}

.virtual-address-selection .tabContainer, .virtual-address-selection .tabContent {
    box-shadow:none;
     background: #fff;
}

.virtual-address-selection .tabContainer .tabs .tab.tab-selected {
    background: #dc0032;
    height: 138px;
    border-color: #dc0032;
}

.virtual-address-selection .tabContainer .tabs .tab {
    height: 113px;
    background-color: #808285;
    border-bottom: 1px solid #808285;
    color: #fff;
}

.virtual-address-selection .tabContainer .tabs .tab:not(.tab-selected) {
    margin-top:25px
}

.virtual-address-selection .tabContainer .tabs .tab h5 {
    font-size:22px;
}

.virtual-address-selection .tabContainer .tabs .tab.tab-selected h5 {
    margin-bottom:45px;
}

.virtual-address-selection .tabContainer .tabs .tab span.large-price {
    font-size:32px;
}

.virtual-address-selection .pickup-points-selection div:not(.last-pickup-point) {
    border-bottom:none;
}


.virtual-address-selection strong {
    color: #DC0032;
    font-weight:normal;
}


.virtual-address-selection .select-pickup{
  background: #dc0032;
  background-image: -webkit-linear-gradient(top, #dc0032, #dc0032);
  background-image: -moz-linear-gradient(top, #dc0032, #dc0032);
  background-image: -ms-linear-gradient(top, #dc0032, #dc0032);
  background-image: -o-linear-gradient(top, #dc0032, #dc0032);
  background-image: linear-gradient(to bottom, #dc0032, #dc0032);
  font-family: 'pluto-sans-light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color:#fff;
  border: solid #dc0032 1px;
  text-decoration: none;
  height: 40px;
  padding-left: 30px;
  padding-right:30px;
  display:inline-block;
  float:right;
  margin-top:10px;
}

.virtual-address-selection .continue-caption {
    float:right;
    display:block;
    font-size:12px;
    margin-left:200px;
}

.virtual-address .dpd_outerWrapper {
    margin-bottom:100px;
    float:left;
    padding: 25px;
    width:100%;
    background:#fff;
}

.virtual-address .dpd_outerWrapper h1{
    margin-top: 0;
}

.virtual-address .dpd_outerWrapper .dpd_TableStructure {
    max-width:unset;
    width:100%;
    margin-top:25px;
}

@media (max-width: 624px), (max-device-width: 624px){
    .virtual-address .dpd_TableStructure tr td {
        text-align: center;
        width:100%;
            padding-bottom: 15px;
    }

    
    .link-resend-code.submit-button a.btn.btn-primary.gray{
        font-size: 17px;
        line-height: 30px
    }
}

.virtual-address .dpd_MiddleSectionDivText, .virtual-address .dpd_MiddleSectionDivImg {
    margin-top: 75px;
    margin-bottom:75px;
}

.virtual-address .dpd_TableStructure tr td.dpd_leftcell {
    text-align: center;
}

.virtual-address .dpd_innerwrapperSecond {
        max-width: Calc(100% - 50px);
}


.consignment-delivery {
    background: #fff;
    margin-top: 0;
    width:100% !important;
}

.consignment-delivery .pickup-details {
    padding-left:25px !important;
}

.pickup-point-address-details {
    margin-left: 60px;
    text-align: left!important;
}

.pickup-point-address-details h2 {
    text-align: left!important;
}

.dpd_PicupPointtbl tr td > p.dpd_parcelPayment, .dpd_PicupPointtbl tr td > table {
    text-align:left;
}

.dpd_PicupPointtbl_column .dpdPickupPointsbtnPrint, .dpd_PicupPointtbl_column a.dpdPickupPointsbtnPrint {
    display:block!important;
}

.small-pickup-icon-left {
        height: 46px;
    float: left;
    margin-top: -53px;
}

.small-pickup-arrow-left {
        height: 46px;
    float: left;
    margin-top: -53px;
        margin-left: 18px;
}

.pickup-pin-details {
    background:#fff;
    height: 104px;
    margin-top: 25px;
    padding-top: 27px;
}

.pickup-pin-details span {
    display: block;
    font-family: pluto-sans-light;
    color:#DC0032;
    font-size: 18px;
    margin-left:30px;
}

.pickup-pin-details span + span {
    font-family: pluto-sans;
}

.small-pickup-icon-PIN {
        height: 46px;
    float: left;
    margin-left: 20px;
}

.returns-entry-container .topup-form{
    padding:0px;
    background-color: initial;
    box-shadow:none;
}

.returns-entry-container .ccinfo {
    background-color: #fff;
}

    .returns-entry-container .topup-form input[type=radio] {
        height: 0px;
        
    }

    .returns-entry-container .topup-form input[type=radio] + label{
margin-left:0px;
    }


   .returns-container .selection-table table td.parcel-type-details-upper{
       line-height:initial;
   }

   .returns-entry-container .bottom-controls {
           float: left;
    width: 100%;
   }

.consignment-returns .tracking-number-header,
.consignment-returns .returned-by-header,
.consignment-returns .collection-address-header,
.consignment-returns .status-header,
.consignment-returns .details-header {
    float: left;
    position: relative;
    min-height: 1px;
}

.consignment-returns .tracking-number-header {
    width: 158px;
}

.consignment-returns .returned-by-header {
    width: 165px;
}

.consignment-returns .collection-address-header {
    width: 332px;
}

.consignment-returns .status-header {
    width: 190px;
}

.consignment-returns .details-header {
    width: 83px;
}

.consignment-returns .regenerate-button-cell {
    text-align:center;
}

.consignment-returns .regenerate-button-cell .regenerate-button,
.consignment-returns .regenerate-button-cell .regenerate-button:visited,
.consignment-returns .regenerate-button-cell .regenerate-button:active,
.consignment-returns .regenerate-button-cell .regenerate-button:hover{
    display: inline-block;
    line-height: 40px;
    padding: 0 30px;
    color: #fff;
    background-color: #dc0032;
    font-size: 20px;
    text-decoration:none;
}

@media print {
   a.dpdPickupPointsbtnPrint, .small-pickup-icon-left, .welcome-message{
       display:none;
   }
   .pickup-point-address-details {
       text-align:left;
       padding:0;
       margin:auto;
       display:block;
       text-align:center;
   }
   
   .deliveries-table-cell-container
   .welcome-message{
       display:none;
   }
   #footer {
       display:none;
   }
   .pickup-map {
       margin-top:100px;
   }
   .dpd_PicupPointtbl{
       text-align:left !important;
       border-collapse:collapse; 
       table-layout:fixed;
   }

   #hi-eu-opt-in{
       display:none;
   }

   .virtual-address, DnnModule-InventiseDPDMain, .dpd_PicupPointtbl {
       width:100%!important;
   }

   .side-nav, .header-content, .breadcrumb, .footer {
       display:none!important;
   }

   .DnnModule table.dpd_innerOpeningTimes td {
       padding:0;
       border:0;
   }

   .DnnModule table.dpd_innerOpeningTimes td.ng-binding {
       text-align:right;
   }

   h3{
       text-align:center;
   }

   .DNNModuleContent h2 {
       margin:0;
   }

.virtual-address .dpd_PicupPointtbl_column, .virtual-address .pickup-point-address-details{
    margin:auto;
    text-align:center;
    display:block;
    float:none;
}



.virtual-address.print-details .tabContent {
    width:800px;
    float:none;
    margin:auto;
}


    
   

.virtual-address.print-details .details-table .dpd_PicupPointtbl_column, .virtual-address.print-details .details-table .pickup-point-address-details{
    display:block;
    float:none;
    width:280px;
    margin:auto;
}

.DNNModuleContent .virtual-address.print-details .details-table h3 {
    font-family: 'pluto-sans', sans-serif;
    font-size: 13px;
    line-height: 18px;
}

.virtual-address.print-details .small-pickup-icon-left {
    float: left;
    margin-right: 25px;
    margin-bottom: 100px;
    
        height: unset;
    margin-top: unset;
}

.virtual-address.print-details .pickup-point-address-details, .virtual-address.print-details .pickup-point-address-details .dpd_CompleteParagraph,
.virtual-address.print-details  .pickup-point-address-details h2{
    text-align:center!important;
}


.DNNModuleContent .virtual-address.print-details .details-table h2 {
margin: 0 0 13px 0;
    width: 100%;
    font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    display: block;
}

.DNNModuleContent .virtual-address.print-details .details-table p{
        margin: 0 0 30px 0;
    display: block;
}

}

@media not print{

.DNNModuleContent .virtual-address.print-details .details-table{
    margin-left:80px;
    width: 426px!important;
}

.virtual-address.print-details .dpd_parcelPayment {
    margin-top: 20px;
}

.virtual-address.print-details .pickup-point-address-details{
    margin-left:0;
}
}

.returns-container .box {
    background-color: #dc0032;
    padding: 30px 40px 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0;
    position: relative;
    color: #ffffff;
}

.returns-container .red {
    background-color: #DC0032;
}
.returns-container .box.linkbox {
    padding: 15px 15px 0px 15px;
    width: 100%;
    display: inline-block;
    position: relative;
    height: auto;
    min-height: 120px;
}

.returns-container .box.linkbox.half-width {
    min-height: 170px;
}

.returns-container .fullSizeLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    outline: none;
}

.returns-container .box.linkbox span {
    position: relative;
    float: right;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 30px;
    width: 100%;
    line-height: 30px;
    cursor:pointer;
}

.returns-container .warm-grey a, .warm-grey h2, .warm-grey span, .warm-grey label, .warm-grey p, .light-grey a, .light-grey h2, .light-grey span, .light-grey label, .light-grey p {
    color: #414042;
}

.returns-container .big-more-arrow:before {
    background: url('../Images/icons-s4dfea83d67.png') no-repeat;
    background-image: url("../Images/icons-s4dfea83d67.png");
    background-position: 0 -3327px !important;
    height: 30px;
    width: 17px;
    content: "";
    position: absolute;
    bottom: 0;
    right: 18px;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

.returns-container .light-grey .big-more-arrow:before, .wram-grey .big-more-arrow:before, .light-grey .fullSizeLink:hover .big-more-arrow:before, .wram-grey .fullSizeLink:hover .big-more-arrow:before {
    background-position: 0 -2969px !important;
}

.returns-container .box h2 {
    float: left;
    margin-bottom: 15px;
    margin-top: 0px;
    width: 100%;
    letter-spacing: 1px;
    font-family: 'pluto-sans-light';
}

.DNNModuleContent .returns-container  h2 {
    margin: 0 0 13px 0;
    width: 100%;
    font-family: 'pluto-sans-light', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 20px;
    display: block;
}

.returns-container .box.linkbox h2 {
    line-height: 18px;
}

.DnnModule .returns-container table td {
    background-color: #ffffff;
}

.manage-delivery-iframe {
    width: 100%;
    margin-top: 50px;
    min-height: 500px;
}

.manage-delivery-iframe iframe {
    width: 100%;
    height:100%;
    min-height: 500px;
}

.divMyAccount{
     font-family: 'pluto-sans-light', sans-serif;
}

.mandatory-text {
    margin-right: 15px;
}

.dpd_credit, .dpd_balance{
    text-align:right;
}

@media(max-width: 600px), (max-device-width: 600px){

    .profile-tab, .billing-tab {
        width:33.3%;
    }

    .nav-tabs.dpd-tabs > li.profile-tab > a, .nav-tabs.dpd-tabs > li.billing-tab > a {
        height:104px;
    }

}



.returns-noscroll{
    overflow:hidden;
}

.print-pickup-details-logos{
    width:100%;
}

.print-pickup-details-left{
    float:left;
    height:50px;
}
.print-pickup-details-right{
    float:right;
    height:50px;
}

.dpd_PicupPointtbl{
    text-align:center;
}

.payment-error {
    text-align: center;
    padding-bottom: 10px;
}

.billing-tab {
    border-left: 4px solid #fff;
}

.billingHistory .returns-entry-container .dropdown-skin-returns, .divMyAccount .dropdown-skin {
    float: none;
    
}

.nopadding{
    padding:0px;
}

.icon-post1 .fieldRegister{
    background-image: url(/DesktopModules/Inventise.DPD/Images/IconPost.png);
    background-position:left;
    background-repeat:no-repeat;
}

.fieldRegister.addAddressModalField {
    width:280px; 
    margin-left:30px;
}

@media (max-width:480px){

    .fieldRegister.addAddressModalField {
        width:Calc(100% - 30px); 
        margin-left:30px;
    }

}