/*#region Commun*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill-selected textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: black;
    -moz-box-shadow: 0 0 0 1000px #dae5f9 inset;
    -webkit-box-shadow: 0 0 0 1000px #dae5f9 inset;
    box-shadow: 0 0 0 1000px #dae5f9 inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:focus,
select:focus {
    border-color: #0f9de7;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(15, 157, 231,.075), 0 0 8px rgba(15, 157, 231, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(15, 157, 231,.075), 0 0 8px rgba(15, 157, 231, 0.6);
    box-shadow: inset 0 1px 1px rgba(15, 157, 231,.075), 0 0 8px rgba(15, 157, 231, 0.6);
}

a:hover {
    font-weight: bold;
    color: #0f9de7;
}

button, input, select, textarea,
navbar,
.cd-slider-nav a,
.navbar-nav .nav-link {
    border-radius: 10px;
    background-color: white;
    background-color: rgba(255,255,255,0);
}

button, select {
    cursor: pointer;
}

input, select {
    padding-left: 5px;
}

.cd-slider-nav .nav-item.selected .nav-link, .cd-slider-nav .nav-link:hover, .cd-slider-nav .nav-link:focus {
    background-color: white;
    background-color: rgba(255,255,255,0);
    transform: scale(1.1);
    color: #9de80f;
}

#shippingForm {
    margin-bottom: 0;
}

label {
    margin-bottom: 0;
}

body {
    background-color: white;
}

.cd-slider-nav a, .navbar-nav .nav-link {
    background-color: white;
    background-color: rgba(255,255,255,0);
    width: 140px;
    color: #9de80f;
    transform: scale(0.9);
}

.cd-hero-slider li:first-of-type,
.cd-hero-slider li:nth-of-type(2),
.cd-hero-slider li:nth-of-type(3),
.cd-hero-slider li:nth-of-type(4),
.cd-hero-slider li:nth-of-type(5) {
    background-color: white;
}

.cd-hero-slider li,
.cd-hero-slider li:last-child {
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#button-home-a {
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    display: table;
    border-radius: 10px;
    height: 50px;
    width: auto;
    background-color: #dae5f9;
}

    #button-home-a:hover {
        font-weight: bold;
        background-color: #7cc7f3;
    }

#button-home-div {
    margin: 50px auto 50px auto;
    text-align-last: center;
}

#button-home {
    padding-left: 15px;
    padding-right: 15px;
}

.cd-hero-slider.small-screen {
    height: 100%;
}

p:last-child {
    margin-bottom: 1rem;
}

p.tm-text.tm-font-w-400.m-b-3, a {
    color: #0f9de7;
    font-weight: 500;
}

p.tm-text.tm-font-w-400.m-b-3 {
    color: black;
    font-weight: 500;
}

p.tm-text {
    text-align: center;
}

.tm-icon {
    margin-bottom: 0;
}

.tm-footer {
    background-color: white;
    background-color: rgba(255,255,255,0);
    text-align: center;
    /*display: inline;*/
    color: black;
}

    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 5%;
    }

#footer-div {
    background-color: white;
    background-color: rgba(255,255,255,0);
    text-align: center;
    position: absolute;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 100%;
    font-weight: 500;
    height: auto;
    /*bottom:0;*/
}

#header-logo-img {
    margin-top: 20px;
    width: 200px;
}

#row-logo-img {
    width: 50px;
}

.cd-hero-slider h2.tm-section-title {
    color: #0f9de7;
    font-size: 3.2rem;
    font-weight: bold;
    text-shadow: none;
}
.rectangle-shadow {
    padding: 2%;
    border-radius: 1px;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

@media only screen and (min-width: 1920px) {
    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 5%;
    }

    p.tm-copyright-text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1920px) {
    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 5%;
    }

    p.tm-copyright-text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1300px) {
    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 7%;
    }

    p.tm-copyright-text {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) {
    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 7%;
    }

    p.tm-copyright-text {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 10%;
    }

    p.tm-copyright-text {
        font-size: 12px;
    }

    #header-logo-img {
        width: 125px;
    }

    .cd-slider-nav a, .navbar-nav .nav-link {
        width: 100px;
    }
}

@media only screen and (max-width: 425px) {
    .tm-footer img,
    #footer-div img {
        padding-right: 20px;
        width: 15%;
    }
}
/*#endregion*/

/*#region DatePicker*/
input.datePicker::-webkit-inner-spin-button {
    display: none;
}

input.datePicker::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

input.datePicker {
    background: #fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat;
    /*border: 1px solid #c4c4c4;*/
    /*border-radius: 5px;*/
    border: none;
    /*background-color: #fff;*/
    padding: 3px 5px;
    /*box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);*/
    width: 190px;
}
/*#endregion*/

/*#region Logon*/

.logon-table {
    width: 400px;
    height: 400px;
    position: absolute;
    margin-left: -200px; /* half of width */
    margin-top: -200px; /* half of height */
    top: 50%;
    left: 50%;
    border-radius: 10px;
}

.logon-td-image {
    height: 100px;
    text-align: center;
    margin-bottom: 20px;
}

.logon-td-message {
    text-align: center;
    font-weight: bold;
}

.logon-td {
    padding: 10px;
}

#logon-submit {
    border: none;
    background-color: #dae5f9;
    height: 50px;
    width: 140px;
    cursor: pointer;
    justify-content: center;
    font-size: 17px;
    padding: 10px;
    font-weight: normal;
    float: none !important;
}

    #logon-submit:hover {
        background-color: #7cc7f3;
        font-weight: bold;
    }

#Password,
#Identifier {
    border: none;
    background-color: #dae5f9;
    width: 100%;
    padding: 5px;
}

@media only screen and (max-width: 768px) {
    .logon-table {
        width: 300px;
        margin-left: -150px; /* half of width */
    }

    .logon-td-image {
        height: 75px;
    }
}
/*#endregion*/

/*#region Shipping*/
.row {
    /*margin-top: 100px;*/
    margin-top: 0;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    border-radius: 10px;
}

.tab {
    border: none;
    border-radius: 10px;
    /*background:linear-gradient(60deg, rgba(157,232,15,0.2),rgba(157,232,15,0.2),rgba(157,232,15,0.2),rgba(232,15,156,0.2),rgba(232,15,156,0.2),rgba(15,157,231,0.2),rgba(15,157,231,0.2),rgba(15,157,231,0.2));*/
    background-color: #dae5f9;
}

.tabcontent, .tab {
    border: none;
}

.tabcontent {
    background-color: white;
    background-color: rgba(255,255,255,0);
}

    .tabcontent td {
        padding-right: 5px;
        padding-left: 5px;
    }

    .tabcontent input {
        padding-left: 10px;
    }

    .tabcontent select {
        padding-left: 5px;
    }

.shipment-category-logo-img {
    margin-right: 20px;
    display: none;
}


.tab button {
    padding: 14px 24px;
    background-color: white;
    background-color: rgba(255,255,255,0);
}

    .tab button:hover,
    .tab button.active {
        background-color: white;
        background-color: rgba(15,157,231,0.5);
    }

.shipping-shipment-sender-label,
.shipping-shipment-receiver-label,
.shipping-shipment-parcel-label,
.shipping-shipment-label {
    text-align: left;
}

.shipping-shipment-checkbox {
    width: 20px;
    height: 20px;
    border: none;
    float: none;
    vertical-align: sub;
    margin-bottom: 25px;
    cursor: pointer
}

#shipping-shipment-relay-id-textBox,
#shipping-shipment-sender-address-firstname-textBox,
#shipping-shipment-sender-address-lastname-textBox,
#shipping-shipment-sender-address-company-textBox,
#shipping-shipment-sender-address-city-textBox,
#shipping-shipment-sender-address-phone-textBox,
#shipping-shipment-sender-address-email-textBox,
#shipping-shipment-receiver-address-firstname-textBox,
#shipping-shipment-receiver-address-lastname-textBox,
#shipping-shipment-receiver-address-company-textBox,
#shipping-shipment-receiver-address-city-textBox,
#shipping-shipment-receiver-address-phone-textBox,
#shipping-shipment-receiver-address-email-textBox {
    border: none;
    width: 300px;
    background-color: #dae5f9;
}

#shipping-shipment-reference-textBox,
#shipping-shipment-customer-reference-textBox,
#shipping-shipment-delivery-instruction-textBox,
#shipping-shipment-brand-textBox,
#shipping-shipment-sender-address-street-textBox,
#shipping-shipment-sender-address-additional1-textBox,
#shipping-shipment-sender-address-additional2-textBox,
#shipping-shipment-receiver-address-street-textBox,
#shipping-shipment-receiver-address-additional1-textBox,
#shipping-shipment-receiver-address-additional2-textBox {
    width: 500px;
    border: none;
    background-color: #dae5f9;
}

#shipping-warehouse-dropDownList,
#shipping-shipment-delivery-date-textBox,
#shipping-shipment-type-dropDownList,
#shipping-shipment-relay-country-code-dropDownList,
#shipping-shipment-sender-address-postcode-textBox,
#shipping-shipment-sender-address-country-dropDownList,
#shipping-shipment-sender-address-state-dropDownList,
#shipping-shipment-receiver-address-postcode-textBox,
#shipping-shipment-receiver-address-country-dropDownList,
#shipping-shipment-receiver-address-state-dropDownList,
#shipping-shipment-carrier-dropDownList {
    border: none;
    background-color: #dae5f9;
    /*    cursor: pointer;*/
}

.shipping-shipment-parcel-input {
    width: 190px;
    border: none;
    background-color: #dae5f9;
}

#shipping-shipment-carrier-service-dropDownList {
    width: 600px;
    border: none;
    background-color: #dae5f9;
    cursor: pointer;
}

#shipping-customer-account-change-label {
    color: #4a5a68;
}

#shipping-customer-account-identifier-label {
    margin-bottom: 0;
    color: black;
}

#shipping-customer-account-change-dropDownList {
    border: none;
    margin-left: 10px;
    background-color: white;
    cursor: pointer;
}

input.shipping-submit-input {
    float: right;
}

input.shipping-clear-input {
    float: left;
}

.shipping-submit-input,
.shipping-clear-input,
.shipping-submit-mass-input {
    border: none;
    height: 50px;
    width: 140px;
    cursor: pointer;
    justify-content: center;
    display: flex;
    font-size: 17px;
    padding: 10px;
    background-color: #dae5f9;
}

    .shipping-submit-input:hover,
    .shipping-clear-input:hover,
    .shipping-submit-mass-input:hover {
        font-weight: bold;
        background-color: #7cc7f3;
        /*background:linear-gradient(60deg, rgba(157,232,15,0.2),rgba(157,232,15,0.2),rgba(157,232,15,0.2),rgba(232,15,156,0.2),rgba(232,15,156,0.2),rgba(15,157,231,0.2),rgba(15,157,231,0.2),rgba(15,157,231,0.2));*/
    }
/* .col-xs-12 */
/* .container-fluid.js-tm-page-content{ */
/* top:50px; */
/* } */
.cd-slider-nav {
    top: 100px;
}

.tm-textbox {
    padding: 20px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    background-color: rgba(255,255,255,0);
}

.tm-textbox-1-col {
    width: 100%;
}

#shipping-shipment-carrier-description-div,
#shipping-shipment-carrier-infos-div,
#shipping-shipment-carrier-international-div {
    text-align: center;
    font-weight: 500;
}

#shipping-customer-account-logo-div {
    position: absolute;
    z-index: 1002;
    background: none;
    margin-left: 8%;
    top: 1px;
    width: 100px;
}

#shipping-account-logo-img {
    width: 30px;
}

#shipping-account-div {
    text-align: center;
    position: absolute;
    z-index: 1002;
    background: none;
    margin-left: 92%;
    font-size: 16px;
    font-weight: 500;
    color: #b3d9ff;
    top: 30px;
    padding: 5px;
    /*background-color:white;
	background-color: rgba(255,255,255,0.75);*/
}

    #shipping-account-div a {
        cursor: pointer;
        color: #0f9de7;
        font-size: 16px;
    }

.fa-close {
    content: "\f00d";
}

.fa-check {
    content: "\f00c";
}

.fa-sign-out {
    content: "\f08b";
}

.fa-cube {
    content: "\f1b2";
}

.fa-plane {
    content: "\f1b2";
}

.fa-user {
    content: "\f007";
}

.fa-lock {
    content: "\f023";
}

.fa-users {
    content: "\f0c0";
    cursor: pointer;
}

.fa-building {
    content: "\f1ad";
    cursor: pointer;
}

.fa-search {
    content: "\f002";
    cursor: pointer;
}

.fa-life-ring {
    content: "\f1cd";
    cursor: pointer;
}

.fa-paper-plane {
    content: "\f1d8";
    cursor: pointer;
}

.fa-sign-out:before {
    color: white;
    font-size: 3em;
}

.fa-pie-chart {
    font-size: 5em;
    cursor: pointer;
    transition: transform .2s;
}

    .fa-pie-chart:hover {
        transform: scale(1.1);
    }

.fa-users:before,
.fa-building:before {
    color: #0f9de7;
}

.fa-info-circle:before,
.fa-cube:before,
.fa-plane:before {
    color: white;
    color: rgba(232, 15, 156, 0.5);
}

.fa-search:before {
    color: #0f9de7;
}

#fa-search-green:before {
    color: #9de80f;
}

#fa-search-pink:before {
    color: #e80f9c;
}

.fa-close:before {
    color: red;
}

.fa-check:before {
    color: green;
}

.fa-paper-plane:before,
.fa-life-ring:before,
.fa-lock:before,
.fa-user:before,
.fa-cubes:before,
.fa-binoculars:before,
.fa-envelope-o:before,
/*.fa-close:before,*/
.fa-bar-chart:before {
    color: #9de80f;
}

.fa-pie-chart:before {
    color: #0f9de7;
}

.cd-full-width {
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

.shipping-title {
    margin-bottom: 20px;
    margin-top: 10px;
    color: #0f9de7;
    font-size: 3.2rem;
    font-weight: bold;
    /*text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);*/
}

.shipping-parcel1-product-title,
.shipping-parcel2-product-title,
.shipping-parcel3-product-title,
.shipping-parcel4-product-title,
.shipping-parcel5-product-title {
    margin-bottom: 20px;
    color: #0f9de7;
    font-size: 3.2rem;
    font-weight: bold;
    /*text-shadow: 0px 2px 1px rgba(0, 0, 0, 1);*/
}

.shipping-table-ship,
.shipping-table-ship-input,
.shipping-table-product {
    width: 100%;
}

.shipping-td1-ship {
    width: 50%;
}

.shipping-td2-ship {
    width: 61%;
}

.shipping-td3-ship {
    width: 39%;
}

.shipping-td4-ship {
    width: 15%;
    text-align: center;
    padding-right: 12px;
}

.shipping-td5-ship {
    width: 5%;
}

.shipping-td-input-ship {
    padding-top: 10px;
    padding-right: 0;
}

.shipping-parcel-product-plus {
    cursor: pointer;
}

.shipping-shipment-parcel-product-input {
    font-weight: bold;
    border: none;
    background-color: #dae5f9;
}

.shipping-shipment-parcel-product-label {
    float: initial !important;
}

#shipping-import-receiver-addresses {
    margin-bottom: 20px;
    font-size: 1.7em;
}

@media only screen and (min-width: 1920px) {
    #shipping-account-div {
        margin-left: 92%;
        font-size: 16px;
    }

        #shipping-account-div a {
            font-size: 16px;
        }

    .shipping-shipment-parcel-input {
        width: 190px;
    }

    .shipping-shipment-parcel-product-input {
        width: 120px;
        padding-right: 10px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 14px;
    }

    .shipping-td4-ship {
        width: 20%;
    }
}

@media only screen and (max-width: 1920px) {
    #shipping-account-div {
        margin-left: 92%;
        font-size: 16px;
    }

        #shipping-account-div a {
            font-size: 16px;
        }

    .shipping-shipment-parcel-input {
        width: 190px;
    }

    .shipping-shipment-parcel-product-input {
        width: 120px;
        padding-right: 10px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 14px;
    }

    .shipping-td4-ship {
        width: 20%;
    }
}

@media only screen and (max-width: 1100px) {

    #shipping-account-div {
        margin-left: 92%;
        font-size: 16px;
    }

        #shipping-account-div a {
            font-size: 16px;
        }

    .shipping-shipment-parcel-product-input {
        width: 120px;
        padding-right: 10px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 14px;
    }

    .shipping-td4-ship {
        width: 20%;
    }
}

@media only screen and (max-width: 992px) {
    #shipping-account-div {
        margin-left: 92%;
        font-size: 16px;
    }

        #shipping-account-div a {
            font-size: 16px;
        }

    .shipping-shipment-parcel-product-input {
        width: 110px;
        padding-right: 5px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 13px;
    }

    .shipping-td4-ship {
        width: 19%;
    }
}

@media only screen and (max-width: 768px) {
    .tab {
        background-color: White;
        background-color: rgba(255,255,255,0);
    }

        .tab button:hover, .tab button.active {
            transform: scale(1.1);
        }

    .cd-slider-nav .nav-item.selected .nav-link, .cd-slider-nav .nav-link:hover, .cd-slider-nav .nav-link:focus {
        background-color: white;
        background-color: rgba(255,255,255,0);
    }

    #shipping-account-div {
        margin-left: 92%;
        font-size: 14px;
    }

        #shipping-account-div a {
            font-size: 14px;
        }

    .shipping-shipment-parcel-product-input {
        width: 76px;
        padding-right: 5px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 12px;
    }

    .shipping-td4-ship {
        width: 19%;
    }

    .tab button {
        padding: 11px 16px;
        font-size: 14px;
    }

    .tabcontent input {
        padding-left: 10px;
    }

    #shipping-warehouse-dropDownList,
    #shipping-shipment-sender-address-street-textBox,
    #shipping-shipment-sender-address-additional1-textBox,
    #shipping-shipment-sender-address-additional2-textBox,
    #shipping-shipment-receiver-address-street-textBox,
    #shipping-shipment-receiver-address-additional1-textBox,
    #shipping-shipment-receiver-address-additional2-textBox,
    #shipping-shipment-sender-address-country-dropDownList,
    #shipping-shipment-sender-address-state-dropDownList,
    #shipping-shipment-receiver-address-country-dropDownList,
    #shipping-shipment-receiver-address-state-dropDownList {
        width: 380px;
        padding-right: 5px;
        font-size: 16px;
    }

    #shipping-shipment-sender-address-firstname-textBox,
    #shipping-shipment-sender-address-lastname-textBox,
    #shipping-shipment-sender-address-company-textBox,
    #shipping-shipment-sender-address-city-textBox,
    #shipping-shipment-sender-address-phone-textBox,
    #shipping-shipment-sender-address-email-textBox,
    #shipping-shipment-sender-address-postcode-textBox,
    #shipping-shipment-receiver-address-firstname-textBox,
    #shipping-shipment-receiver-address-lastname-textBox,
    #shipping-shipment-receiver-address-company-textBox,
    #shipping-shipment-receiver-address-city-textBox,
    #shipping-shipment-receiver-address-phone-textBox,
    #shipping-shipment-receiver-address-email-textBox,
    #shipping-shipment-receiver-address-postcode-textBox {
        width: 190px;
        padding-right: 5px;
        font-size: 16px;
    }

    #shipping-shipment-carrier-dropDownList,
    #shipping-shipment-carrier-service-dropDownList,
    #shipping-shipment-reference-textBox,
    #shipping-shipment-brand-textBox,
    #shipping-shipment-customer-reference-textBox,
    #shipping-shipment-type-dropDownList,
    #shipping-shipment-delivery-instruction-textBox,
    #shipping-shipment-delivery-date-textBox,
    #shipping-shipment-relay-id-textBox,
    #shipping-shipment-relay-country-code-dropDownList {
        width: 400px;
        padding-right: 10px;
        font-size: 16px;
    }

    .shipping-shipment-sender-label,
    .shipping-shipment-receiver-label,
    .shipping-shipment-parcel-label,
    .shipping-shipment-label {
        font-size: 14px;
    }

    .shipping-shipment-parcel-input {
        width: 140px;
    }
}

@media only screen and (max-width: 550px) {
    #shipping-account-div {
        margin-left: 88%;
    }

    .cd-hero-slider h2.tm-section-title {
        font-size: 2.5rem;
    }

    .shipping-shipment-parcel-product-input {
        width: 50px;
        padding-right: 2px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 10px;
    }

    .shipping-td4-ship {
        width: 19%;
    }

    .tab button {
        padding: 9px 14px;
        font-size: 14px;
    }

    .tabcontent input {
        padding-left: 5px;
    }

    #shipping-warehouse-dropDownList,
    #shipping-shipment-sender-address-street-textBox,
    #shipping-shipment-sender-address-additional1-textBox,
    #shipping-shipment-sender-address-additional2-textBox,
    #shipping-shipment-receiver-address-street-textBox,
    #shipping-shipment-receiver-address-additional1-textBox,
    #shipping-shipment-receiver-address-additional2-textBox,
    #shipping-shipment-sender-address-country-dropDownList,
    #shipping-shipment-sender-address-state-dropDownList,
    #shipping-shipment-receiver-address-country-dropDownList,
    #shipping-shipment-receiver-address-state-dropDownList {
        width: 260px;
        padding-right: 5px;
        font-size: 14px;
    }

    #shipping-shipment-sender-address-firstname-textBox,
    #shipping-shipment-sender-address-lastname-textBox,
    #shipping-shipment-sender-address-company-textBox,
    #shipping-shipment-sender-address-city-textBox,
    #shipping-shipment-sender-address-phone-textBox,
    #shipping-shipment-sender-address-email-textBox,
    #shipping-shipment-sender-address-postcode-textBox,
    #shipping-shipment-receiver-address-firstname-textBox,
    #shipping-shipment-receiver-address-lastname-textBox,
    #shipping-shipment-receiver-address-company-textBox,
    #shipping-shipment-receiver-address-city-textBox,
    #shipping-shipment-receiver-address-phone-textBox,
    #shipping-shipment-receiver-address-email-textBox,
    #shipping-shipment-receiver-address-postcode-textBox {
        width: 130px;
        padding-right: 5px;
        font-size: 14px;
    }

    #shipping-shipment-carrier-dropDownList,
    #shipping-shipment-carrier-service-dropDownList,
    #shipping-shipment-reference-textBox,
    #shipping-shipment-brand-textBox,
    #shipping-shipment-customer-reference-textBox,
    #shipping-shipment-type-dropDownList,
    #shipping-shipment-delivery-instruction-textBox,
    #shipping-shipment-delivery-date-textBox,
    #shipping-shipment-relay-id-textBox,
    #shipping-shipment-relay-country-code-dropDownList {
        width: 180px;
        padding-right: 10px;
        font-size: 14px;
    }

    .shipping-shipment-sender-label,
    .shipping-shipment-receiver-label,
    .shipping-shipment-parcel-label,
    .shipping-shipment-label {
        font-size: 12px;
    }
}

@media only screen and (max-width: 425px) {
    #shipping-account-div {
        margin-left: 88%;
        font-size: 12px;
        padding: 2px;
    }

        #shipping-account-div a {
            font-size: 12px;
        }

    .tab button {
        padding: 7px 12px;
        font-size: 12px;
    }

    .tabcontent input {
        padding-left: 5px;
    }

    #shipping-warehouse-dropDownList,
    #shipping-shipment-sender-address-street-textBox,
    #shipping-shipment-sender-address-additional1-textBox,
    #shipping-shipment-sender-address-additional2-textBox,
    #shipping-shipment-receiver-address-street-textBox,
    #shipping-shipment-receiver-address-additional1-textBox,
    #shipping-shipment-receiver-address-additional2-textBox,
    #shipping-shipment-sender-address-country-dropDownList,
    #shipping-shipment-sender-address-state-dropDownList,
    #shipping-shipment-receiver-address-country-dropDownList,
    #shipping-shipment-receiver-address-state-dropDownList {
        width: 160px;
        padding-right: 5px;
        font-size: 12px;
    }

    .shipping-shipment-parcel-input,
    #shipping-shipment-sender-address-firstname-textBox,
    #shipping-shipment-sender-address-lastname-textBox,
    #shipping-shipment-sender-address-company-textBox,
    #shipping-shipment-sender-address-city-textBox,
    #shipping-shipment-sender-address-phone-textBox,
    #shipping-shipment-sender-address-email-textBox,
    #shipping-shipment-sender-address-postcode-textBox,
    #shipping-shipment-receiver-address-firstname-textBox,
    #shipping-shipment-receiver-address-lastname-textBox,
    #shipping-shipment-receiver-address-company-textBox,
    #shipping-shipment-receiver-address-city-textBox,
    #shipping-shipment-receiver-address-phone-textBox,
    #shipping-shipment-receiver-address-email-textBox,
    #shipping-shipment-receiver-address-postcode-textBox {
        width: 80px;
        padding-right: 5px;
        font-size: 12px;
    }

    #shipping-shipment-carrier-dropDownList,
    #shipping-shipment-carrier-service-dropDownList,
    #shipping-shipment-reference-textBox,
    #shipping-shipment-brand-textBox,
    #shipping-shipment-customer-reference-textBox,
    #shipping-shipment-type-dropDownList,
    #shipping-shipment-delivery-instruction-textBox,
    #shipping-shipment-delivery-date-textBox,
    #shipping-shipment-relay-id-textBox,
    #shipping-shipment-relay-country-code-dropDownList {
        width: 120px;
        padding-right: 10px;
        font-size: 12px;
    }

    .shipping-shipment-parcel-product-input {
        width: 36px;
        padding-right: 5px;
    }

    .shipping-shipment-sender-label,
    .shipping-shipment-receiver-label,
    .shipping-shipment-parcel-label,
    .shipping-shipment-label {
        font-size: 10px;
    }

    .shipping-shipment-parcel-product-label {
        font-size: 5px;
    }

    .shipping-title,
    .shipping-parcel1-product-title {
        font-size: 24px;
    }

    .shipping-clear-input,
    .shipping-submit-input {
        width: 100px;
        font-size: 14px;
        padding: 0;
        height: auto;
    }

    shipping-shipment-carrier-infos-div {
        font-size: 10px;
    }
}

@media only screen and (max-width: 320px) {
    #shipping-account-div {
        margin-left: 88%;
        font-size: 10px;
        padding: 0;
    }

        #shipping-account-div a {
            font-size: 9px;
        }
}
/*#endregion*/

/*#region Suivi*/
#tracking-div {
    background-color: white;
    background-color: rgba(255,255,255,0);
    border-radius: 10px;
    padding: 10px;
}

.cd-hero-slider li:nth-of-type(3) {
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#shipping-search-track-table {
    width: 100%;
    font-weight: bold;
}

#shipping-tracking-number-textBox,
#shipping-reference-textBox,
#shipping-customer-reference-textBox {
    border: none;
    width: 320px;
    background-color: #dae5f9;
    padding: 5px;
}

.tracking-td1 {
    width: 50%;
    padding: 6px;
}

.tracking-td2 {
    width: 100%;
    padding: 6px;
}

#shipping-tracking-search-input {
    margin-bottom: 10px;
    float: initial;
}

#shipping-tracking-account-logo-img {
    text-align: left;
    position: absolute;
    z-index: 1002;
    background: none;
    margin-left: 3%;
    top: 1px;
    width: 120px;
}

@media only screen and (max-width: 550px) {

    #shipping-search-track-table {
        font-size: 16px;
    }

    #shipping-tracking-number-textBox,
    #shipping-reference-textBox,
    #shipping-customer-reference-textBox {
        width: 220px;
    }

    #tracking-links {
        font-size: 8px;
        padding-bottom: 10px;
    }
}
/*#endregion*/

/*#region Assistance*/
.cd-hero-slider li:nth-of-type(4) {
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#assistance-div {
    margin: 100px 5% 50px 5%;
    background-color: white;
    background-color: rgba(255,255,255,0);
    font-weight: 500;
    border-radius: 10px;
    padding: 10px;
    padding-top: 50px;
}

#assistance-doc-table,
#assistance-tools-table {
    margin-left: auto;
    margin-right: auto;
}

#assistance-relay-table {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.assistance-relay-td {
    padding: 10px;
}

.assistance-doc-td {
    padding: 20px;
}

#assistance-text {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: initial;
    color: #0f9de7;
}

.assistance-tools-td,
.assistance-relay-td,
.assistance-doc-td {
    transition: transform .2s;
    padding: 10px;
    cursor: pointer;
}

    .assistance-tools-td:hover,
    .assistance-relay-td:hover,
    .assistance-doc-td:hover {
        transform: scale(1.1);
    }

.assistance-colissimo-img {
    display: none;
}

.assistance-colissimo-img,
.assistance-chronopost-img,
.assistance-mondial-relay-img {
    width: 150px;
}

.assistance-earth-img,
.assistance-customs-img {
    width: 90px;
}

#assistance-img {
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px; /* hides the link text */
    direction: ltr;
    background-size: contain;
}

.assistance-document-api-img {
    background: url(../../Images/Custom/document-api.png) no-repeat center;
}

.assistance-document-web-img {
    background: url(../../Images/Custom/document-web.png) no-repeat center;
}

.assistance-document-help-img {
    background: url(../../Images/Custom/document-help.png) no-repeat center;
}

.assistance-document-prestashop-img {
    background: url(../../Images/Custom/document-prestashop.png) no-repeat center;
}

@media only screen and (max-width: 425px) {
    td.assistance-relay-td,
    td.assistance-doc-td {
        padding: 5px;
    }

    .assistance-colissimo-img,
    .assistance-chronopost-img {
        width: 2300px;
    }

    .assistance-mondial-relay-img {
        width: 1200px;
    }

    .assistance-earth-img,
    .assistance-customs-img,
    .assistance-document-img {
        width: 70px;
    }

    .assistance-document-api-img,
    .assistance-document-web-img,
    .assistance-document-help-img {
        width: 60px;
        height: 60px;
    }
}
/*#endregion*/

/*#region Account-Shipping*/
.cd-hero-slider li:nth-of-type(4) {
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#shipping-customer-account-change-dropDownList-div {
    margin-left: auto;
    margin-right: auto;
    display: table;
    font-size: 20px;
    color: #0f9de7;
}

#shipping-customer-account-detail-p,
#shipping-customer-carrier-account-detail-p,
#shipping-customer-invoice-detail-p,
#shipping-customer-transaction-detail-p,
#shipping-customer-price-detail-p {
    cursor: pointer;
    color: #0f9de7;
    font-size: 20px;
    font-weight: 500;
}

.shipping-customer-account-my-account-td,
.shipping-customer-account-cms-td {
    transition: transform .2s;
    padding: 10px;
    cursor: pointer;
}

.shipping-customer-account-my-account-td:hover,
.shipping-customer-account-cms-td:hover {
    transform: scale(1.1);
}

#shipping-customer-account-img {
    width: 90px;
    margin-bottom: 5px;
}

#shipping-customer-account-text {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: initial;
    color: #0f9de7;
}

#shipping-customer-account-my-account-table,
#shipping-customer-account-cms-table {
    margin-left: auto;
    margin-right: auto;
}

td.shipping-customer-account-my-account-td
td.shipping-customer-account-cms-td {
    padding: 10px;
}

@media only screen and (max-width: 425px) {
    td.shipping-customer-account-my-account-td,
    td.shipping-customer-account-cms-td {
        padding: 5px;
    }

    #shipping-customer-account-img {
        width: 70px;
    }
}
/*#endregion*/

/*#region Historic Date*/
#historic-date-div {
    background-color: white;
    background-color: rgba(255,255,255,0);
    border-radius: 10px;
    padding: 10px;
}

.cd-hero-slider li:nth-of-type(2) {
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#shipping-historic-datepicker-table {
    width: 100%;
    font-weight: bold;
    margin-bottom: 40px;
}

#shipping-historic-date-begin-input,
#shipping-historic-date-end-input {
    border: none;
    width: 300px;
    background-color: #dae5f9;
    padding: 5px;
    float: none;
    margin-bottom: 15px;
}

.historic-td1 {
    width: 10%;
    padding: 6px;
}

.historic-td2 {
    width: 100%;
    padding: 6px;
}

#shipping-historic-date-begin-label,
#shipping-historic-date-end-label {
    color: #0f9de7;
    font-size: 2.2rem;
    font-weight: bold;
    text-shadow: none;
}

@media only screen and (max-width: 550px) {
    #shipping-historic-date-begin-label,
    #shipping-historic-date-end-label {
        font-size: 1.8rem;
    }

    #shipping-historic-date-begin-input,
    #shipping-historic-date-end-input {
        width: 280px;
    }

    #shipping-historic-datepicker-table {
        font-size: 16px;
    }
}
/*#endregion*/

/*#region Account*/
#account-div {
    background-color: white;
    background-color: rgba(255,255,255,0);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
}

#account-customer-account-all-div,
#account-invoicing-rates-div {
    margin-bottom: 50px;
}

#account-invoicing-rates-download {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

#account-invoicing-rates-download:hover {
    font-weight: bold;
    background-color: #7cc7f3;
}

#prestashop-synchro-from-button,
#prestashop-synchro-to-button,
#prestashop-postage-order-button,
#transaction-payment-credit,
#transaction-date-previous,
#transaction-date-next,
#account-submit-password-generator,
#account-submit-password-save,
#button-home,
#invoice-payment-button,
#account-customer-account-upload-file {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: auto;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
    padding: 10px;
}

#invoice-not-paid {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: auto;
    cursor: pointer;
    justify-content: center;
    font-size: 17px;
    width: auto;
    padding: 5px;
}

#account-new-password-div {
    font-size: 15px;
}

#prestashop-synchro-from-button:hover,
#prestashop-synchro-to-button:hover,
#prestashop-synchro-to-butto:hover,
#transaction-payment-credit:hover,
#transaction-date-previous:hover,
#transaction-date-next:hover,
#account-submit-password-generator:hover,
#account-submit-password-save:hover,
#button-home:hover,
#invoice-payment-button:hover,
#invoice-not-paid:hover,
#account-customer-account-upload-file:hover {
    font-weight: bold;
    background-color: white;
    background-color: rgba(15,157,231,0.5);
}

#account-submit-password-generator,
#invoice-payment-button {
    display: flex;
}
/*#endregion*/

/*#region Tracking*/
#tracking-detail-div {
    margin-bottom: 50px;
}

.tracking-carrier-img {
    padding-top: 30px;
    width: 30%;
    height: auto;
}

#tracking-detail-table-div {
    overflow-x: auto;
    background-color: aliceblue;
    border-radius: 10px;
}

table.tracking-detail-table,
table.tracking-detail-specific-table {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    width: auto;
}

#tracking-table-tracking-number-title,
#tracking-table-tracking-number {
    width: 300px;
}

#tracking-table-date-title,
#tracking-table-date {
    width: 180px;
}

#tracking-table-weight-title,
#tracking-table-weight {
    width: 120px;
}

#tracking-table-site-title,
#tracking-table-site {
    width: 260px;
}

#tracking-table-description-title,
#tracking-table-description {
    width: 340px;
}

.tracking-detail-table-row-title {
    text-align: center;
}

.tracking-detail-table-row-even,
.tracking-detail-specific-table-row-even {
    background-color: white;
    opacity: 0.6;
    text-align: center;
}

.tracking-detail-table-row-odd,
.tracking-detail-specific-table-row-odd {
    background-color: #b3d9ff;
    opacity: 0.6;
    text-align: center;
}

.tracking-detail-table-row-even,
.tracking-detail-table-row-odd {
    line-height: initial;
}

.tracking-detail-specific-table-row-even,
.tracking-detail-specific-table-row-odd {
    line-height: 20px;
}

.tracking-table-title {
    padding-bottom: 12px;
    min-width: 150px;
}

.tracking-td-column {
    padding: 1rem;
    min-width: 150px;
}

.tracking-main-status {
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    font-weight: bold;
    padding-top: 10px;
    background-size: 25% 100%;
}

#tracking-main-status-text {
    margin-left: 2%;
    text-align: left;
}

.tracking-detail-table-col-carrier-url {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#tracking-detail-more-p {
    text-align: center;
    font-weight: bolder;
}

.fa-paper-plane-o, .fa-check-square-o, .fa-times, .fa-sticky-note-o, .fa-truck, .fa-shopping-bag, .fa-refresh, .fa-bell-o {
    color: white;
    margin-right: 5px;
}

.fa-link {
    color: #b3d9ff;
    margin-right: 5px;
}

.fa-paper-plane-o {
    content: "\f1d9";
}

.fa-bell-o {
    content: "\f0a2";
}

.fa-check-square-o {
    content: "\f046";
}

.fa-times {
    content: "\f00d";
}

.fa-sticky-note-o {
    content: "\f24a";
}

.fa-truck {
    content: "\f0d1";
}

.fa-shopping-bag {
    content: "\f290";
}

.fa-refresh {
    content: "\f021";
}

.fa-link {
    content: "\f0c1";
}


@media only screen and (max-width: 1500px) {
    table.tracking-detail-table,
    table.tracking-detail-specific-table {
        font-size: 12px;
    }
}

@media only screen and (max-width: 768px) {
    table.tracking-detail-table,
    table.tracking-detail-specific-table,
    #tracking-detail-more-p {
        font-size: 10px;
    }
}

/*#endregion*/

/*#region Historic*/
#historic-detail-div {
    margin-bottom: 50px;
}


/*#historic-li-cancel-checkbox{
    cursor: pointer;
}*/

p.historic-li-cancel,
p.historic-li-cancel-title {
    width: 20px;
}

p.historic-li-reference,
p.historic-li-tracking-number,
p.historic-li-reference-title,
p.historic-li-tracking-number-title,
p.historic-li-status,
p.historic-li-status-title {
    width: 300px;
}

p.historic-li-carrier,
p.historic-li-carrier-title {
    width: 400px;
}

p.historic-li-creation-date,
p.historic-li-creation-date-title {
    width: 200px;
}

p.historic-li-customer-account,
p.historic-li-customer-account-title,
p.historic-li-origin,
p.historic-li-origin-title {
    width: 150px;
}

p.historic-li-amount-title,
p.historic-li-amount {
    width: 120px;
}


#historic-download,
#historic-cancel {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

    #historic-download:hover,
    #historic-cancel:hover {
        font-weight: bold;
        background-color: #7cc7f3;
    }

div#historic-detail-div-overflow {
    overflow-x: auto;
    background-color: aliceblue;
    border-radius: 10px;
}

/*#endregion*/
/*#region Address*/

#address-download {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

    #address-download:hover {
        font-weight: bold;
        background-color: #7cc7f3;
    }

#address-customer-account-choose-file {
    border-radius: 0;
}

#address-customer-account-upload-file {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

    #address-customer-account-upload-file:hover {
        background-color: #7cc7f3;
        font-weight: bold;
    }

#address-li-choice-id {
    float: none;
    width: 50%;
    cursor: pointer;
}

div#address-detail-div-overflow {
    overflow-x: auto;
    background-color: aliceblue;
    border-radius: 10px;
}

#address-li-column {
    font-size: 14px;
    /* width: 200px;*/
}

.address-li-firstname-title,
.address-li-firstname,
.address-li-lastname-title,
.address-li-lastname {
    width: 250px;
}

.address-li-company-title,
.address-li-company,
.address-li-city-title,
.address-li-city,
.address-li-country-title,
.address-li-country {
    width: 250px;
}

.address-li-street-title,
.address-li-street {
    width: 400px;
}

.address-li-additional-address-1-title,
.address-li-additional-address-1,
.address-li-additional-address-2-title,
.address-li-additional-address-2 {
    width: 200px;
}

.address-li-postcode-title,
.address-li-postcode {
    width: 100px;
}


.address-li-choice-title,
.address-li-choice {
    width: 50px;
}


/*
@media only screen and (min-width: 1920px) {
    #address-li-column {
        font-size: 14px;
        width: 9.6%;
    }
}

@media only screen and (max-width: 1920px) {
    #address-li-column {
        font-size: 14px;
        width: 9.6%;
    }
}

@media only screen and (max-width: 1300px) {
    #address-li-column {
        font-size: 12px;
        width: 9%;
    }
}

@media only screen and (max-width: 1100px) {
    #address-li-column {
        font-size: 10px;
        width: 9%;
    }
}

@media only screen and (max-width: 768px) {
    #address-li-column {
        font-size: 6px;
        width: 8%;
    }
}

@media only screen and (max-width: 320px) {
    #address-li-column {
        font-size: 6px;
        width: 7%;
    }
}*/
/*#endregion*/
/*#region Payment*/
#payment-amount-div {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.75);
    border: none;
    padding: 10px;
    margin-top: 50px;
    margin-left: 28%;
    margin-right: 28%;
    height: auto;
    position: relative;
    font-weight: bold;
    border-radius: 10px;
    display: none;
}

#payment-credit {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

    #payment-credit:hover {
        font-weight: bold;
        background-color: #7cc7f3;
    }

#payment-amount-textBox {
    width: 170px;
    background-color: #dae5f9;
    border: none;
}

#payment-button {
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 100px;
}

#payment-checkbox {
    width: 45%;
    font-size: 13px;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
}

#payment-accept-checkBox {
    margin-right: 10px;
    cursor: pointer;
}

#payment-button {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

#payment-button:hover {
    font-weight: bold;
    background-color: #7cc7f3;
}

@media only screen and (max-width: 768px) {
    #payment-amount-div {
        margin-left: 16%;
        margin-right: 16%;
    }

    #payment-checkbox {
        width: 65%;
    }
}
/*#endregion*/

/*#region Transaction*/
#transaction-table-div th {
    padding-bottom: 20px;
    padding-right: 20px;
}

#transaction-table-div td {
    padding-bottom: 6px;
    padding-right: 20px;
}

#transaction-transactions-div {
    margin-bottom: 50px;
}

#transaction-payment-download {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

    #transaction-payment-download:hover {
        font-weight: bold;
        background-color: #7cc7f3;
    }
/*#endregion*/

/*#region Invoice*/
#invoice-table-div th {
    padding-bottom: 20px;
    padding-right: 20px;
}

#invoice-table-div td {
    padding-bottom: 6px;
    padding-right: 20px;
}

#invoice-invoices-div {
    margin-bottom: 50px;
}

#invoice-unpaid-img {
    width: 5%;
}

a.invoice-download-file-pdf,
a.invoice-download-file-xls {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px; /* hides the link text */
    direction: ltr;
}

a.invoice-download-file-pdf {
    background-image: url(../../Images/Custom/pdf.png);
    background-size: 100% 100%;
}

a.invoice-download-file-xls {
    background-image: url(../../Images/Custom/xls.png);
    background-size: 100% 100%;
}

@media only screen and (max-width: 768px) {
    #invoice-table-div th,
    #invoice-table-div td {
        padding-right: 10px;
        font-size: 12px;
    }

    a.invoice-download-file-pdf,
    a.invoice-download-file-xls {
        width: 20px;
        height: 20px;
    }

    #transaction-date-previous,
    #transaction-date-next {
        font-size: 10px;
    }
}

@media only screen and (max-width: 425px) {
    #invoice-table-div th,
    #invoice-table-div td {
        padding-right: 10px;
        font-size: 8px;
    }
}
/*#endregion*/

/*#region Carrier Account*/
.carrier-account-logo-img {
    height: 30px;
}

#carrier-account-table-div th {
    padding-bottom: 20px;
    padding-right: 20px;
}

#carrier-account-table-div td {
    padding-bottom: 6px;
    padding-right: 20px;
}

@media only screen and (max-width: 768px) {
    #carrier-account-table-div th,
    #carrier-account-table-div td {
        padding-right: 10px;
        font-size: 12px;
    }

    .carrier-account-logo-img {
        width: 40%;
    }
}

@media only screen and (max-width: 425px) {
    #carrier-account-table-div th,
    #carrier-account-table-div td {
        padding-right: 10px;
        font-size: 8px;
    }
}

/*#endregion*/

/*#region Terms of Sale*/
#termsofsale-doc-div {
    width: 65%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    overflow-y: scroll;
}

#termsofsale-checkbox {
    width: 55%;
    font-size: 13px;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
}

#termsofsale-accept-checkBox {
    margin-right: 10px;
    cursor: pointer;
}

#termsofsale-button {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

    #termsofsale-button:hover {
        font-weight: bold;
        background-color: #7cc7f3;
    }

#termsofsale-button-div {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    #termsofsale-doc-div {
        width: 70%;
    }

    #termsofsale-checkbox {
        width: 55%;
        font-size: 12px;
    }
}
/*#endregion*/

/*#region Stats*/
#statistic-customer-logo-div {
    position: absolute;
    z-index: 1002;
    background: none;
    margin-left: 8%;
    top: 1px;
    width: 100px;
}

.statistic-carrier-plus {
    cursor: pointer;
    color: #0f9de7;
}

#statistic-type-div {
    margin-bottom: 40px;
}

#statistic-type-dropDownList {
    cursor: pointer;
    border: none;
    background-color: #dae5f9;
    width: 300px;
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.statistic-carrier-service-checkbox {
    cursor: pointer;
    margin-top: 5px;
    margin-right: 5px;
}

.statistic-carrier-table {
    margin-top: 10px;
    font-size: 20px;
}

.statistic-carrier-service-td {
    padding-left: 10px;
    padding-top: 10px;
    font-size: 16px;
    color: #0f9de7;
}

#statistic-test {
    position: absolute;
    top: 10px;
    left: 10px;
}

#statistic-refresh {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: 50px;
    cursor: pointer;
    margin-top: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
}

#statistic-refresh:hover,
#statistic-test:hover {
    font-weight: bold;
    background-color: #7cc7f3;
}

#statistic-refresh-p,
#statistic-test-p {
    text-align: center;
}

#statistic-datepicker-table {
    width: 100%;
    font-weight: bold;
}

.statistic-datepicker-td {
    width: 10%;
    padding: 6px;
}

#statistic-date-begin-label,
#statistic-date-end-label {
    color: #0f9de7;
    font-size: 20px;
    font-weight: bold;
    text-shadow: none;
}

#statistic-date-begin-input,
#statistic-date-end-input {
    border: none;
    width: 300px;
    background-color: #dae5f9;
    padding: 5px;
    float: none;
}

/*#statistic-date-begin-input {
    margin-bottom: 30px;
}
*/
#statistic-chart-graph-div {
    /*width:100%;*/
    margin-left: auto;
    margin-right: auto;
}

.statistic-chart {
    margin-left: auto;
    margin-right: auto;
}

.statistic-detail-table {
    margin-bottom: 50px;
    width: 100%;
}

.statistic-detail-th,
.statistic-detail-td {
    text-align: center;
}

#statistic-detail-th-0,
#statistic-detail-td-0 {
    width: 30%;
}

.statistic-detail-title-table,
.statistic-chart-title-graph {
    color: #0f9de7;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

#statistic-chart-div-overflow {
    overflow-x: auto;
}

@media only screen and (min-width: 1024px) {
    #statistic-chart-div-graph {
        width: 500px;
        height: 500px;
/*        margin-left: auto;
        margin-right: auto;*/
        display: inline-flex;
    }
}

@media only screen and (max-width: 1024px) {
    .statistic-detail-table {
        font-size: 14px;
    }

    .statistic-detail-table {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .statistic-detail-title-table,
    .statistic-chart-title-graph {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    #statistic-type-dropDownList,
    #statistic-date-dropDownList,
    #statistic-date-begin-label,
    #statistic-date-end-label,
    #statistic-date-begin-input,
    #statistic-date-end-input {
        font-size: 16px;
        width: 200px;
    }

    .statistic-carrier-table {
        font-size: 16px;
    }

    .statistic-detail-table {
        font-size: 12px;
    }

    .statistic-detail-table {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .statistic-detail-title-table,
    .statistic-chart-title-graph {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 600px) {
    .statistic-detail-table {
        font-size: 8px;
    }

    .statistic-detail-table {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .statistic-detail-title-table,
    .statistic-chart-title-graph {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 425px) {
    .statistic-detail-table {
        font-size: 6px;
    }

    .statistic-detail-table {
        margin-top: 2px;
        margin-bottom: 16px;
    }

    .statistic-detail-title-table,
    .statistic-chart-title-graph {
        margin-bottom: 2px;
        margin-bottom: 5px;
        font-size: 8px;
    }
}

/*#endregion*/

/*#region Back Office Customer*/
#backoffice-customer-list-div {
    overflow-x: auto;
}

.backoffice-customer-li-title,
.backoffice-customer-li {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.backoffice-customer-li-company,
.backoffice-customer-li-company-title,
.backoffice-customer-li-contact,
.backoffice-customer-li-contact-title,
.backoffice-customer-li-siret,
.backoffice-customer-li-siret-title {
    width: 29%;
}

.backoffice-customer-li-country-code,
.backoffice-customer-li-country-code-title {
    width: 10%;
}

#backoffice-customer-detail-logo-p {
    text-align: center;
    margin-top: 10px;
}

#backoffice-customer-detail-logo-img {
    width: 40%;
    height: auto;
}

.backoffice-button {
    border: none;
    float: initial;
    background-color: #dae5f9;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
    font-size: 17px;
    width: auto;
    padding: 10px;
}

    .backoffice-button:hover {
        font-weight: bold;
        background-color: white;
        background-color: rgba(15,157,231,0.5);
    }

#backoffice-home {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.backoffice-table-div {
    width: 800px;
}

    .backoffice-table-div th {
        padding-bottom: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .backoffice-table-div td {
        padding-bottom: 6px;
        padding-right: 20px;
        text-align: center;
    }

.backoffice-table-overflow-div {
    overflow-x: auto;
}

.backoffice-customer-payment-textbox-new,
.backoffice-customer-discount-textbox-new,
.backoffice-dropDownList {
    width: 220px;
    border: none;
    background-color: #dae5f9;
    margin-top: 10px;
}

#backoffice-customer-payment-label-new,
#backoffice-customer-discount-label-new {
    width: 550px;
}

#backoffice-customer-discount-checkBox-new,
.backoffice-customer-payment-checkbox,
.backoffice-customer-discount-checkbox {
    width: 20px;
    height: 20px;
    border: none;
    float: none;
    vertical-align: sub;
    cursor: pointer;
}

#backoffice-customer-discount-checkBox-new {
    margin-bottom: 25px;
    margin-top: 10px;
}
/*@media only screen and (max-width: 768px) {

    .backoffice-button{
        font-size: 10px;
    }
    #backoffice-table-div th,
    #backoffice-table-div td {
        padding-right: 10px;
        font-size: 12px;
    }    
    #backoffice-customer-payment-label-new,
    #backoffice-customer-discount-label-new {
        width: 330px;
    }
}
@media only screen and (max-width: 425px) {
    #backoffice-table-div th,
    #backoffice-table-div td {
        padding-right: 10px;
        font-size: 8px;
    }
    #backoffice-customer-payment-label-new,
    #backoffice-customer-discount-label-new {
        width: 220px;
    }
}*/
/*#endregion*/

/*#region relay*/
#shipping-select-relay {
    margin-bottom: 20px;
    font-size: 1.7em;
}
/*#endregion*/

/*#region Tracking - Historic - Address - Account - Payment - Invoice - Payment Validation - Transaction - Carrier Account - Terms of Sale - Statistic - Back Office*/
.common-body {
    background-image: url(../../Images/Custom/les-colis-affranchis-bg.png);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 100%;
}

#prestashop-param-div,
#account-customer-account-all-div,
#account-invoicing-rates-div,
#transaction-credit-div,
#transaction-paiement-div,
#address-customer-account-import-receiver-address-div,
#invoice-payment-div,
#invoice-invoices-div,
#invoice-invoices-not-paid-div,
#tracking-detail-div,
#address-sort-all-div,
#address-detail-div,
#tracking-header-reference-div,
#tracking-order-status-div,
#address-header-div,
#carrier-account-div,
#warehouse-detail-div,
#backoffice-detail-div,
#backoffice-test-div,
#test-mondialrelay-div,
#test-chronopostapi-div,
#test-laposteapi-div,
#test-bpost-div,
#test-tntapi-div,
#test-colispriveapi-div,
#test-prestashop-div,
#test-managerone-div,
#backoffice-customer-sort-all-div,
#backoffice-customer-detail-list-div,
#backoffice-customer-payment-div,
#backoffice-customer-discount-div,
#backoffice-customer-invoice-div,
#backoffice-customer-detail-account-div,
#backoffice-bigdata-period-div,
#backoffice-bigdata-invoice-div,
#backoffice-bigdata-payment-div,
#backoffice-bigdata-discount-div {
    border: none;
    padding: 10px;
    margin-top: 30px;
    margin-left: 18%;
    margin-right: 18%;
    height: auto;
    position: relative;
    border-radius: 10px;
}

#statistic-header-div,
#statistic-date-div,
#statistic-carrier-div,
#statistic-chart-div,
#statistic-detail-div {
    border: none;
    padding: 10px;
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
    height: auto;
    position: relative;
    border-radius: 10px;
}

#historic-sort-all-div,
#historic-detail-div,
#historic-header-div {
    border: none;
    padding: 10px;
    margin-top: 30px;
    margin-left: 11%;
    margin-right: 11%;
    height: auto;
    position: relative;
    border-radius: 10px;
}

#account-customer-div,
#account-customer-account-div,
#tracking-receiver-address-div,
#tracking-carrier-div,
#backoffice-customer-detail-address-div,
#backoffice-customer-detail-misc-div {
    width: 32%;
    border: none;
    padding: 20px;
    height: auto;
    margin-top: 30px;
    border-radius: 10px;
}

#account-customer-div,
#tracking-receiver-address-div,
#backoffice-customer-detail-address-div {
    float: left;
    margin-left: 17.5%;
}

#account-customer-account-div,
#tracking-carrier-div,
#backoffice-customer-detail-misc-div {
    float: right;
    margin-right: 17.5%;
}

.prestashop-synchro-title,
.account-customer-title,
.account-customer-account-title,
.account-customer-account-all-title,
.account-invoicing-rates-title,
.transaction-credit-title,
.transaction-paiement-title,
.address-customer-account-import-receiver-address-title,
.invoice-payment-title,
.invoice-invoices-title,
.invoice-invoices-not-paid-title,
.tracking-parcel-title,
.tracking-reference-title,
.tracking-order-status-title,
.tracking-receiver-address-title,
.tracking-carrier-title,
.address-header-title,
.historic-header-title,
.payment-amount-title,
.carrier-account-title,
.statistic-header-title,
.statistic-date-title,
.statistic-carrier-title,
.statistic-chart-title,
.statistic-detail-title,
.warehouse-title,
.backoffice-detail-title,
.backoffice-test-title,
.backoffice-customer-header-title,
.backoffice-customer-detail-header-title,
.backoffice-customer-detail-address-title,
.backoffice-customer-detail-misc-title,
.backoffice-customer-payment-title,
.backoffice-customer-discount-title,
.backoffice-customer-invoice-title,
.backoffice-customer-detail-account-title,
.backoffice-bigdata-period-title,
.backoffice-bigdata-invoice-title,
.backoffice-bigdata-payment-title,
.backoffice-bigdata-discount-title {
    font-weight: bold;
    background-color: white;
    background-color: rgba(15,157,231,0.5);
    height: auto;
    color: white;
    padding: 10px;
    width: initial;
    border-radius: 10px;
}

#tracking-reference-text,
#tracking-customer-reference-text,
#tracking-order-status-text,
#address-header-text,
#historic-header-text {
    font-size: 18px;
    word-wrap: break-word;
}

#address-sort-div,
#historic-sort-div,
#backoffice-customer-sort-div,
#address-search-div,
#historic-search-div,
#backoffice-customer-search-div {
    width: 100%;
    float: left;
}

#address-search,
#historic-search,
#backoffice-customer-search {
    margin-right: 5px;
    width: 300px;
    height: auto;
    border: none;
    background-color: #dae5f9;
    padding-left: 5px;
}

#address-sort.asc,
#historic-sort.asc,
#backoffice-customer-sort.asc,
#address-sort,
#historic-sort,
#backoffice-customer-sort {
    width: auto;
    border: none;
    height: auto;
    cursor: pointer;
    background-color: #dae5f9;
    margin-top: 10px;
}

.tracking-table-title,
#address-list-title,
#historic-list-title,
#backoffice-customer-list-title {
    padding-top: 12px;
    font-weight: bold;
    text-align: center;
}

#address-list,
#historic-list,
#backoffice-customer-list {
    width: initial;
    background-color: white;
    background-color: rgba(255,255,255,0.0);
    text-align: center;
    line-height: initial;
    font-size: 16px;
}

#address-list,
#address-list-title {
    width: 2250px; /*Somme des largeur du contenu*/
}

#historic-list,
#historic-list-title {
    width: 1990px; /*Somme des largeur du contenu*/
}

.address-li-title,
.historic-li-title,
.backoffice-customer-li-title,
.address-li-even,
.address-li-odd,
.historic-li-canceled,
.historic-li-scanned,
.historic-li,
.backoffice-customer-li {
    list-style: none;
    text-align: center;
    /*    border-radius: 20px;*/
    padding-top: 10px;
}

.historic-li {
    /*    background-color: white;*/
}

.historic-li-scanned {
    background-color: #9de80f45;
}

.historic-li-canceled {
    background-color: #e80f9c21;
}

#historic-parcels-canceled {
    background-color: #e80f9c21;
}

#historic-parcels-scanned {
    background-color: #9de80f45;
}

#historic-parcels-scanned,
#historic-parcels-canceled {
    border-radius: 10px;
    padding-left: 10px;
}

#address-li-column,
#historic-li-column,
#backoffice-customer-li-column {
    text-align: center;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}

@media only screen and (min-width: 1920px) {
    .prestashop-synchro-title,
    #address-header-text,
    #historic-header-text,
    .account-customer-title,
    .account-customer-account-title,
    .account-customer-account-all-title,
    .account-invoicing-rates-title,
    .transaction-credit-title,
    .transaction-paiement-title,
    .address-customer-account-import-receiver-address-title,
    .invoice-payment-title,
    .invoice-invoices-title,
    .invoice-invoices-not-paid-title,
    .tracking-parcel-title,
    .tracking-reference-title,
    .tracking-order-status-title,
    .tracking-receiver-address-title,
    .tracking-carrier-title,
    .address-header-title,
    .historic-header-title,
    .statistic-header-title,
    .statistic-date-title,
    .statistic-carrier-title,
    .statistic-chart-title,
    .statistic-detail-title,
    .warehouse-title,
    .backoffice-customer-header-title,
    .backoffice-customer-detail-header-title,
    .backoffice-customer-detail-address-title,
    .backoffice-customer-detail-misc-title,
    .backoffice-customer-payment-title,
    .backoffice-customer-discount-title,
    .backoffice-customer-invoice-title,
    .backoffice-customer-detail-account-div,
    .backoffice-bigdata-period-title,
    .backoffice-bigdata-invoice-title,
    .backoffice-bigdata-payment-title,
    .backoffice-bigdata-discount-title {
        font-size: 20px;
    }

    #address-search,
    #historic-search {
        width: 300px;
    }
}

@media only screen and (max-width: 1920px) {
    .prestashop-synchro-title,
    #address-header-text,
    #historic-header-text,
    .account-customer-title,
    .account-customer-account-title,
    .account-customer-account-all-title,
    .account-invoicing-rates-title,
    .transaction-credit-title,
    .transaction-paiement-title,
    .address-customer-account-import-receiver-address-title,
    .invoice-payment-title,
    .invoice-invoices-title,
    .invoice-invoices-not-paid-title,
    .tracking-parcel-title,
    .tracking-reference-title,
    .tracking-order-status-title,
    .tracking-receiver-address-title,
    .tracking-carrier-title,
    .address-header-title,
    .historic-header-title,
    .statistic-header-title,
    .statistic-date-title,
    .statistic-carrier-title,
    .statistic-chart-title,
    .statistic-detail-title,
    .warehouse-title,
    .backoffice-customer-header-title,
    .backoffice-customer-detail-header-title,
    .backoffice-customer-detail-address-title,
    .backoffice-customer-detail-misc-title,
    .backoffice-customer-payment-title,
    .backoffice-customer-discount-title,
    .backoffice-customer-invoice-title,
    .backoffice-customer-detail-account-title,
    .backoffice-customer-invoice-payment-title,
    .backoffice-bigdata-period-title,
    .backoffice-bigdata-invoice-title,
    .backoffice-bigdata-payment-title,
    .backoffice-bigdata-discount-title {
        font-size: 20px;
    }

    #address-search,
    #historic-search {
        width: 300px;
    }
}

@media only screen and (max-width: 768px) {
    #historic-parcels-scanned,
    #historic-parcels-canceled {
        font-size: 16px;
    }

    #tracking-reference-text,
    #tracking-customer-reference-text,
    #tracking-order-status-text {
        font-size: 16px;
    }

    #address-search,
    #historic-search {
        width: 250px;
    }

    #invoice-not-paid {
        font-size: 7px;
        padding: 5px;
    }

    #prestashop-param-div,
    #account-submit-password-generator,
    #account-submit-password-save,
    #invoice-payment-button,
    #button-home,
    #account-customer-account-upload-file,
    #account-customer-div,
    #account-customer-account-div,
    #tracking-receiver-address-div,
    #account-customer-account-all-div,
    #account-invoicing-rates-div,
    #transaction-credit-div,
    #transaction-paiement-div,
    #address-customer-account-import-receiver-address-div,
    #invoice-payment-div,
    #invoice-invoices-div,
    #invoice-invoices-not-paid-div,
    #tracking-carrier-div,
    #address-sort.asc,
    #historic-sort.asc,
    #address-sort,
    #historic-sort,
    #backoffice-customer-detail-address-div,
    #backoffice-customer-detail-misc-div {
        font-size: 14px;
        padding: 10px;
    }

    #account-customer-div,
    #account-customer-account-div,
    #tracking-receiver-address-div,
    #tracking-carrier-div,
    #backoffice-customer-detail-address-div,
    #backoffice-customer-detail-misc-div {
        float: none;
        margin-left: 18%;
        margin-right: 18%;
        width: initial;
        height: auto;
    }
}

@media only screen and (max-width: 320px) {
    #tracking-reference-text,
    #tracking-customer-reference-text,
    #tracking-order-status-text {
        font-size: 14px;
    }

    .prestashop-synchro-title,
    #address-header-text,
    #historic-header-text,
    .account-customer-title,
    .account-customer-account-title,
    .account-customer-account-all-title,
    .account-invoicing-rates-title,
    .transaction-credit-title,
    .transaction-paiement-title,
    .address-customer-account-import-receiver-address-title,
    .invoice-payment-title,
    .invoice-invoices-title,
    .invoice-invoices-not-paid-title,
    .tracking-receiver-address-title,
    .tracking-carrier-title,
    .tracking-parcel-title,
    .tracking-reference-title,
    .tracking-order-status-title,
    .address-header-title,
    .historic-header-title,
    .statistic-header-title,
    .statistic-date-title,
    .statistic-carrier-title,
    .statistic-chart-title,
    .statistic-detail-title,
    .warehouse-title,
    .backoffice-customer-header-title,
    .backoffice-customer-detail-header-title,
    .backoffice-customer-detail-address-title,
    .backoffice-customer-detail-misc-title,
    .backoffice-customer-payment-title,
    .backoffice-customer-discount-title,
    .backoffice-customer-invoice-title,
    .backoffice-customer-detail-account-div,
    .backoffice-bigdata-period-title,
    .backoffice-bigdata-invoice-title,
    .backoffice-bigdata-payment-title,
    .backoffice-bigdata-discount-title {
        font-size: 16px;
    }

    #address-search,
    #historic-search {
        width: 150px;
    }

    #prestashop-param-div,
    #account-submit-password-generator,
    #account-submit-password-save,
    #invoice-payment-button,
    #invoice-not-paid,
    #button-home,
    #account-customer-account-upload-file,
    #account-customer-div,
    #account-customer-account-div,
    #account-customer-account-all-div,
    #account-invoicing-rates-div #transaction-credit-div,
    #transaction-paiement-div,
    #address-customer-account-import-receiver-address-div,
    #invoice-payment-div,
    #invoice-invoices-div,
    #invoice-invoices-not-paid-div,
    #tracking-receiver-address-div,
    #tracking-carrier-div,
    #address-sort.asc,
    #historic-sort.asc,
    #address-sort,
    #historic-sort,
    #backoffice-customer-detail-address-div,
    #backoffice-customer-detail-misc-div {
        font-size: 10px;
    }
}
/*#endregion*/

/*#region Error - Choice - Label*/
.error-logo, .label-logo, .choice-logo {
    width: 600px;
    margin-top: 100px;
    font-weight: bold;
}

.error-title, .label-title {
    margin-top: 50px;
    font-weight: bold;
    font-size: 30px;
    color: #0f9de7;
}

.error-description, .label-description, .choice-description, .payment-validation-description {
    margin-top: 50px;
    font-weight: bold;
    font-size: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding: 10px;
    color: #0f9de7;
}

.error-home, .label-home, .choice-continue, .choice-cancel, .choice-home {
    margin-top: 50px;
    font-weight: bold;
}

.choice-continue, .choice-cancel {
    padding: 10px;
    background-color: #dae5f9;
    width: fit-content;
    cursor: pointer;
    border-radius: 10px;
}

    .choice-continue a, .choice-cancel a {
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
        color: black;
        display: table;
        font-size: 17px;
        border-radius: 10px;
        width: auto;
        height: auto;
    }

    .choice-continue:hover, .choice-cancel:hover {
        background-color: white;
        background-color: rgba(15,157,231,0.5);
        font-weight: bold;
    }

@media only screen and (max-width: 1100px) {
    .error-description, .label-description, .choice-description {
        font-size: 18px;
    }

    .error-logo, .label-logo, .choice-logo {
        width: 500px;
    }
}

@media only screen and (max-width: 768px) {
    .error-description, .label-description, .choice-description {
        font-size: 16px;
    }

    .error-logo, .label-logo, .choice-logo {
        width: 400px;
    }
}

@media only screen and (max-width: 640px) {
    .error-description, .label-description, .choice-description {
        font-size: 14px;
    }

    .error-logo, .label-logo, .choice-logo {
        width: 300px;
    }
}

@media only screen and (max-width: 440px) {
    .error-description, .label-description, .choice-description {
        font-size: 12px;
    }

    .error-logo, .label-logo, .choice-logo {
        width: 200px;
    }
}
/*#endregion*/

/*#region Warehouse*/
#warehouseForm {
    margin-bottom: 0;
}

#warehouse-dropDownList {
    width: -webkit-fill-available;
    border: none;
    background-color: #dae5f9;
    cursor: pointer;
    margin-bottom: 80px;
}

.warehouse-table,
.warehouse-table-input {
    width: 100%;
}

.warehouse-td1 {
    width: 50%;
}

.warehouse-td2 {
    width: 61%;
}

/*.warehouse-td1,
.warehouse-td2 {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}*/

.warehouse-td-input-ship {
    padding-top: 10px;
    padding-right: 0;
}

input.warehouse-submit-input {
    border: none;
    height: 50px;
    width: 140px;
    cursor: pointer;
    justify-content: center;
    display: flex;
    font-size: 17px;
    padding: 10px;
    background-color: #dae5f9;
}
#warehouse-submit-create {
    float: left;
}
#warehouse-submit-delete {
    float: right;
}
.warehouse-submit-input:hover {
    font-weight: bold;
    background-color: #7cc7f3;
    /*background:linear-gradient(60deg, rgba(157,232,15,0.2),rgba(157,232,15,0.2),rgba(157,232,15,0.2),rgba(232,15,156,0.2),rgba(232,15,156,0.2),rgba(15,157,231,0.2),rgba(15,157,231,0.2),rgba(15,157,231,0.2));*/
}

.warehouse-label {
    text-align: left;
    min-width: max-content;
}

#warehouse-firstname-textBox,
#warehouse-lastname-textBox,
#warehouse-company-textBox,
#warehouse-city-textBox,
#warehouse-phone-textBox,
#warehouse-postcode-textBox {
    border: none;
    width: 300px;
    background-color: #dae5f9;
}

#warehouse-description-textBox,
#warehouse-street-textBox,
#warehouse-additional1-textBox,
#warehouse-additional2-textBox,
#warehouse-email-textBox,
#warehouse-country-dropDownList,
#warehouse-state-dropDownList {
    width: 500px;
    border: none;
    background-color: #dae5f9;
}

.warehouse-checkbox {
    width: 20px;
    height: 20px;
    border: none;
    float: none;
    vertical-align: sub;
    margin-bottom: 25px;
    cursor: pointer
}
@media only screen and (max-width: 768px) {
    #warehouse-dropDownList {
        padding-right: 10px;
        font-size: 16px;
    }

    .warehouse-label {
        font-size: 14px;
    }

    #warehouse-firstname-textBox,
    #warehouse-lastname-textBox,
    #warehouse-company-textBox,
    #warehouse-city-textBox,
    #warehouse-phone-textBox,    
    #warehouse-postcode-textBox {
        width: 190px;
        padding-right: 5px;
        font-size: 16px;
    }

    #warehouse-description-textBox,
    #warehouse-street-textBox,
    #warehouse-additional1-textBox,
    #warehouse-additional2-textBox,
    #warehouse-email-textBox,
    #warehouse-country-dropDownList,
    #warehouse-state-dropDownList {
        width: 380px;
        padding-right: 5px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 550px) {
    #warehouse-dropDownList {
        padding-right: 10px;
        font-size: 14px;
    }

    .warehouse-label {
        font-size: 12px;
        min-width: initial;
    }

    #warehouse-firstname-textBox,
    #warehouse-lastname-textBox,
    #warehouse-company-textBox,
    #warehouse-city-textBox,
    #warehouse-phone-textBox,    
    #warehouse-postcode-textBox {
        width: 80px;
        padding-right: 5px;
        font-size: 14px;
    }

    #warehouse-description-textBox,
    #warehouse-street-textBox,
    #warehouse-additional1-textBox,
    #warehouse-additional2-textBox,
    #warehouse-email-textBox,
    #warehouse-country-dropDownList,
    #warehouse-state-dropDownList {
        width: 260px;
        padding-right: 5px;
        font-size: 14px;
    }
    #assistance-text {
        font-size: 12px;
    }

    #assistance-img {
        width: 80px;
        height: 80px;
    }
}


@media only screen and (max-width: 425px) {
    #warehouse-dropDownList {
        padding-right: 10px;
        font-size: 12px;
    }

    input.warehouse-submit-input {
        width: 100px;
        font-size: 14px;
        padding: 0;
        height: auto;
    }

    .warehouse-label {
        font-size: 10px;
    }

    #warehouse-firstname-textBox,
    #warehouse-lastname-textBox,
    #warehouse-company-textBox,
    #warehouse-city-textBox,
    #warehouse-phone-textBox,
    #warehouse-postcode-textBox {
        width: 190px;
        padding-right: 5px;
        font-size: 12px;
    }

    #warehouse-description-textBox,
    #warehouse-street-textBox,
    #warehouse-additional1-textBox,
    #warehouse-additional2-textBox,
    #warehouse-email-textBox,
    #warehouse-country-dropDownList,
    #warehouse-state-dropDownList {
        width: 160px;
        padding-right: 5px;
        font-size: 12px;
    }    
}
/*#endregion*/

#loading {
    display: block;
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 192, 192, 0.5);
    background-repeat: no-repeat;
    background-position: center;
    margin: 50%;
    min-width: 150px;
}

/*#region Loader*/
.ajax-loader {
    visibility: hidden;
    /*background-color: rgba(255,255,255,0.7);*/
    position: absolute;
    z-index: +100 !important;
    width: 100%;
    height: 100%;
}

    .ajax-loader img {
        position: fixed;
        top: 40%;
        left: 40%;
    }
/*#endregion*/

/*#region Prestashop*/
/*#endregion*/
prestashop-param-div
/*#region Pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #7cc7f3;
    border-color: #7cc7f3;
}
/*#endregion*/

/*#region Toggle Button*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*#endregion*/

/*#region Test*/
table.test-table {
    margin: auto;
    border-spacing: 20;
    border-collapse: inherit;
    text-align: center;
}
/*#endregion*/