/**
 * @file
 */

/* -------------------------------------------------------------------------- */
/*      Summary                                                               */
/*      ==Color                                                               */
/*      ==Caliber                                                             */
/*      ==Bootstrap                                                           */
/*      ==Font                                                                */
/*      ==Table                                                               */
/*      ==Button                                                               */
/*      ==Login                                                               */
/*      ==Header                                                              */
/*      ==Footer                                                              */
/*      ==Top Banner                                                          */
/*      ==Breadcrumb                                                          */
/*      ==Welcome text                                                        */
/*      ==Customercare menu                                                   */
/*      ==Customercare menu -- Icons                                          */
/*      ==Homepage                                                            */
/*      ==Homepage connected                                                  */
/*      ==Homepage connected -- Last orders                                   */
/*      ==Megamenu                                                            */
/*      ==List pages                                                          */
/*      ==Detail pages                                                        */
/*      ==Structure                                                           */
/*      ==Sidebar left                                                        */
/*      ==Global Search                                                       */
/*      ==Catalog                                                             */
/*      ==Smart Tags & Cloud                                                  */
/*      ==Form                                                                */
/*      ==Pad                                                                 */
/*      ==OneClick                                                            */
/*      ==Dropdown                                                            */
/*      ==Cart                                                                */
/*      ==Slider                                                              */
/*      ==Spinner jQuery UI                                                   */
/*      ==Order                                                               */
/*      ==Forum                                                               */
/*      ==Pnotify                                                             */
/*      ==Contact cards                                                       */
/*      ==Account                                                             */
/*      ==Upselling                                                           */
/*      ==Crumb - Quotation/Eorder                                            */
/*      ==Page manage notification                                            */
/*      ==Page                                                                */
/*      ==Box Shadow                                                          */
/* -------------------------------------------------------------------------- */

/*input on IE*/
input::-ms-clear,
input::-ms-reveal {
    display: none !important;
}

/* -------------------------------------------------------------------------- */
/*      ==Color                                                               */
/* -------------------------------------------------------------------------- */

.blue {
    color: #375F9B;
}

.orange {
    color: orange;
}

.red {
    color: #A94442;
}

.ui-datepicker-month, .ui-datepicker-year {
    color: #000000;
}

/* -------------------------------------------------------------------------- */
/*      ==Caliber                                                               */
/* -------------------------------------------------------------------------- */

.almegamenu .row {
    margin: 0;
}

.display-none {
    display: none;
}

/* -------------------------------------------------------------------------- */
/*      ==Bootstrap                                                          */
/* -------------------------------------------------------------------------- */

/* btn  */
.btn-group-sm > .btn, .btn-sm {
    border-radius: 2px;
}



#edit-field-container-1-remove-name{
    margin-left:5px;
}

/* btn delete */
.btn-delete {
    padding: 0 5px 0 5px;
    background-color: #d9d9d9;
    border: none;
}

.btn-delete.cart-remove-product::after {
    display: inline-block;
    content: '';
    background-image: url('../images/icon/delete.svg');
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: top center;
}


.btn-delete:hover {
    background-color: #ebebeb;
    border: none;
}


.btn-delete:focus {
    background-color: #ebebeb;
    border: none;
}

/* -------------------------------------------------------------------------- */
/*      ==Font                                                          */
/* -------------------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600,700');

/* -------------------------------------------------------------------------- */
/*      ==Table                                                        */
/* -------------------------------------------------------------------------- */

.table__row__price {
    text-align: right;
}

.table > tbody > tr > td,
.table > thead > tr > td {
    border-top: 0px;
}

.table > thead > tr > th {
    border-bottom: 0px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table > thead > tr > th {
    font-weight: normal;
    color: #979797;
    text-transform: uppercase;
    font-style: normal;
    font-size: 10px;
}

.table > tbody > tr > td {
    font-size: 14px;
}

.gas-table,
.equip-table,
.table-e-order-gases,
.table-e-order-equipment {
    margin: 24px 0 0 0;
}


/*  Homepage connected -- Last orders block */
.last-orders-container .table > tbody > tr > td {
    font-weight: bold;
    font-size: 11px;
}

.datatable-filter {
    border: 1px solid #dfdfdf;
}

.datatable-filter::-webkit-input-placeholder,
.datatable-filter:-moz-placeholder,
.datatable-filter::-moz-placeholder,
.datatable-filter:-ms-input-placeholder,
.datatable-filter::-ms-input-placeholder {
    color: #dfdfdf !important;
}

@media (max-width: 767px) {

    .table-responsive > .table > thead > tr > .datatable-filter-cell:first-child {
        white-space: normal;
    }
}


.sorting {
    padding-right: 18px !important;
}

@media (max-width: 767px) {

    .table-responsive .small-link {
        margin: 20px 0px;
    }
}

.btn-validate {
    background-color:#49A02E;
    font-size: 12px;
    padding: 10px 50px;
    border-radius: 10px;
    color: white;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
}


/* -------------------------------------------------------------------------- */
/*      ==Button                                                          */
/* -------------------------------------------------------------------------- */
.button {
    font-size: 15px !important;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: #FFFFFF;
    background: #375F9B;
    border: 1px solid #375F9B;
    border-radius: 8px;
    padding: 12px;
    min-width: 150px;
}

.button:hover,
.button:focus,
.button:visited {
    color: #FFFFFF;
    background: #375F9B;
    border: 1px solid #375F9B;
}

.button__variant {
    color: #375F9B;
    background: #FFFFFF;
}

.button__variant:focus,
.button__variant:visited {
    color: #375F9B;
    background: #FFFFFF;
}
.button__variant:hover {
    color: #FFFFFF !important;
    background-color: #375F9B;
    border-color: #375F9B !important;
}

.button__validate {
    border-color: #49a02e;
    background: #49a02e;
}

.button__validate:hover,
.button__validate:focus,
.button__validate:visited,
.button__validate[disabled] {
    border-color: #49a02e;
    background: #49a02e;
}

.button__small {
    font-size: 13px !important;
    padding: 7px;
    min-width: 0;
}

@media screen and (max-width: 768px) {
    .button__responsive {
        width: 100%;
    }
}

.btn-secondary {
    border: 1px solid #1578b7;
    color: #1578b7;
    font-weight: 600;
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:active {
    background-color: #286090;
    color: #fff;
    border-color: #286090;
}

.c-send-to {
    background-color: #fff;
    color: #157aba;
    border: 1px solid #157aba;
    font-weight: 700;
    font-size: 12px;
    padding-right: 20px;
    padding-left: 20px;
}

/* -------------------------------------------------------------------------- */
/*      ==Link                                                        */
/* -------------------------------------------------------------------------- */

.small-link {
    font-size: 11px;
    font-weight: 600;
    cursor: default;
}

.link-left {
    margin-right: 20px;
}

.order-detail a {
    white-space: normal;
    word-break: break-word;
}

/* -------------------------------------------------------------------------- */
/*      ==Title                                                         */
/* -------------------------------------------------------------------------- */
.panel-heading-blue {
    color: #037ab2;
    font-weight: 600;
}

h3.panel-heading-blue::after {
    margin: 0;
    border-color: #EBEBEB;
    border-width: 2px;
}


.panel-heading-light-blue {
    color: #337ab7;
    font-weight: 400;
}

.light-blue {
    color: #337ab7;
}

.heading-business-card label {
    font-weight: 600;
}

/* -------------------------------------------------------------------------- */
/*      ==List pages                                                          */
/* -------------------------------------------------------------------------- */
.page-catalog-gas-products-firstpage .container-column-center.box,
.page-catalog-gas-products-articles .container-column-center.box,
.node-type-gas-product .container-column-center.box,
.page-catalog-equipment-products-firstpage .container-column-center.box,
.page-catalog-equipment-products-articles .container-column-center.box,
.node-type-equipment-family .container-column-center.box {
    padding: 0;
    background-color: transparent;
    -moz-box-shadow: none;
    box-shadow: none;
}

.list-container table tbody td {
    vertical-align: middle !important;
}

/* Invoices list */

.invoicelist table tbody td .text-center a {
    vertical-align: sub;
}

.invoicelist .spaced {
    margin-bottom: 0;
}

/* Orders list*/
.list-order-container .chosen-container {
    max-width: 65px;
}

.pagination-datatables ul > li > a, .pagination ul > li > span {
    padding: 4px;
}

.pagination.pagination-centered {
    margin-top: 20px;
}

/* -------------------------------------------------------------------------- */
/*      ==Detail pages                                                          */
/* -------------------------------------------------------------------------- */

.page-detail {
    font-size: 13px;
}

/* Invoice detail page */
.page-detail-invoice .plist {
    font-weight: bold;
    font-size: 11px;
}

/* -------------------------------------------------------------------------- */
/*      ==Structure                                                           */
/* -------------------------------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #F1F1F1;
}

.main-container {
    margin-bottom: 30px;
}

.element-invisible {
    display: none;
}

.part-separator {
    border-top: 1px solid #dfdfdf;
    padding-top: 30px;
}

.separator-line {
    margin: 20px 15px;
    border-top: 1px solid #dfdfdf;
}

.spaced {
    margin-bottom: 20px;
    margin-top: 10px;.my-orders-new-order
}

/* Special case for the order detail page */
.page-detail-order .pokemon-cards {
    margin-top: 0;
}

.page-dashboard-orders .page-header {
    height:inherit;
    display: inline-block;
    margin: 0;
}

@media (max-width: 767px) {

    .page-dashboard-orders .page-header {
        margin-bottom: 20px;
    }
}


.container-column-center {
    position: relative;
}

.page-header {
    padding: 0;
    margin: 0 0 20px;
}

#page-header {
    min-height: 1px;
    max-height: 1px;
}

.page-catalog h2.page-header, .page-catalog h4 {
    padding: 0;
}

.page-header-slim {
    overflow: hidden;
}

/*
.panel-heading-blue {
    color: #037ab2;
    font-weight: 600;
    text-transform: uppercase;
}
*/
.panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel {
    border-radius: 0;
}

.panel-body {
    padding: 0 15px 15px 15px;
}

.lateral-menu-row {
    margin-left: 0;
    margin-right: 0;
}

.btn-al-primary {
    border: solid 1px #d7d7d7;
}

.page-user-edit .nav-tabs {
    display: none;
}

aside a {
    word-wrap: break-word;
    /* for IE */
    white-space: normal;
}

/* Background btn login */
a.btn.btn-al-primary.btn-login-header,
a.btn.btn-al-primary.btn-shoppingcart-header {
    padding: 15px 15px 0px 15px;
    border: 0;
    height: 100%;
}

a.btn.btn-al-primary.btn-login-header:hover,
a.btn.btn-al-primary.btn-login-header:focus,
a.btn.btn-al-primary.btn-login-header:active,
a.btn.btn-al-primary.btn-shoppingcart-header:hover,
a.btn.btn-al-primary.btn-shoppingcart-header:focus,
a.btn.btn-al-primary.btn-shoppingcart-header:active {
    color: #167aab;
    background-color: #f0f3f5;
}

/* separator for the user button */
#user-dropdown-hover .btn-login-header .separator {
    border-right: 1px solid #dfdfdf;
    position: absolute;
    height: 20px;
    right: 0px;
    top: 33px;
}

/* Hover btn login */
a.btn.btn-al-primary.btn-login-header:hover {
    border: 0;
}

/* Radius btn login */
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* Shopping cart */
.panel-default {
    padding-top: 15px;
    background-color: #f4f2f3;
    border: none;
    width: 100%;
}

.panel.panel-default.no-top-padding {
    padding-top: 0;
}

.panel-default > .panel-heading {
    border: 0;
}

.content-block-bg-image {
    height: 184px;
    padding: 10px 20px;
    background-size: cover;
}

.content-block-bg-image .field-name-body {
    width: 65%;
    text-align: justify;
}

.content-block-bg-image h2 {
    color: #037AB2;
}

.al-dialog {
    display: none;
}

.region-sidebar-first {
    padding-bottom: 20px;
}

.ui-dialog iframe {
    border: 0;
}

.add-to-my-selection {
    cursor: pointer;
    color: #428bca;
    text-decoration: none;
}

.add-to-my-selection:hover, .add-to-my-selection:focus {
    text-decoration: underline;
    color: #2A6496;
}

body.print-version {
    margin: 30px;
}

form#send_to input#sent_to_submit {
    display: none;
}

.sidebar-black-title {
    /*border-bottom: 1px dashed #cccbcb;*/
    color: #333;
    font-size: 15px;
    font-weight: bold;
    vertical-align: bottom;
    word-wrap: break-word;
}

#select-ship-to, #select-sold-to, #select-link-ship-to {
    width: 100%;
}

.switch-ship-to-footer, .switch-sold-to-footer {
    text-align: left;
    font-size: 14px;
}

#ship_to_id {
    display: inline-block;
}

label.label-title, .region-sidebar-first .block-title {
    margin-bottom: 12px;
    color: #428bca;
    font-size: 20px;
}

.selected_shipto_infos address {
    margin-bottom: 10px;
}


.case-sold-to, .case-ship-to {
    border-left: 0px;
}

.glyphicon-sidebar{
    background-repeat:   no-repeat;
    background-position: center center;
    -webkit-background-size: 60px 60px;
    -moz-background-size: 60px 60px;
    -o-background-size: 60px 60px;
    background-size: 60px 60px;
}

.ico-label {
    padding-right: 5px;
    padding-bottom: 5px;
    width: 15%;
}

div.div-button-center {
    text-align: center;
}

div.div-button-right {
    float: right;
}

div.modal-footer.div-button-center,
.modal-body .div-button-center {
    margin-top: 20px;
}

div.title-blue label {
    background-color: #0070b2;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.15em;
    margin: 0;
}

.title-price,
.title-price {
    font-size: 15px;
    color: #157ABA;
    font-weight: 600;
}

span.price {
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    text-align: right;
    color: #4E4E4E;
    white-space: nowrap;
}

@media (max-width: 767px) {

    #user-dropdown-hover .btn-login-header .separator {
        display: none;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Sidebar left                                                         */
/* -------------------------------------------------------------------------- */
.region-sidebar-first aside ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.region-sidebar-first aside h3 {
    font-size: 1.2em;
    color: #999;
    margin: 0 0 15px 0;
    padding: 0;
}

.region-sidebar-first aside h3:after {
    border: 0px;
}

.region-sidebar-first aside label {
    padding-right: 10px;
}

.region-sidebar-first aside dt {
    color: #428bca;
}

.region-sidebar-first aside .faq-questions {
    color: #000;
    font-weight: bold;
}

.invoice_faq {
    background: url('../images/sidebar/faq.png');
}

.al-left-sidebar {
    margin-top: 0px;
}

.al-left-sidebar-no-margin {
    margin-top: 0;
}

#sidebar-first {
    margin-bottom: 20px;
}

.region-sidebar-first .border-class {
    border: 0;
}

.region-sidebar-first .block-alcore, .block-facetapi, .block-alsolr, .block-almanagepos, .block-alproductcomparison {
    color: #6F787E;
}

/* for product/article switch button */
#block-alsolr-switch-category {
    text-align: center;
    /* fix IE */
}

#block-alsolr-switch-category .switch-wrapper {
    display: inline-block;
    margin: 0px auto;
    padding-left: 0px;
}

.block-alcore-content {
    line-height: 1.3;
}

.aside-title {
    /*background-color: #0070b2;*/
    margin-bottom: -10px !important;
    font-size: 1.2em;
    color: #FFF;
    padding: 3px 10px 0 10px;
}

.aside-title label {margin-bottom: 15px;
    padding: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(20, 50, 110 , 0.11);
    -moz-box-shadow: 0px 5px 7px 0px rgba(20, 50, 110 , 0.11);
    box-shadow: 0px 5px 7px 0px rgba(20, 50, 110 , 0.11);
    margin-top: 3px;
}

.aside-title label.label-with-icon {
    margin-top: 0;
    margin-bottom: 0;
}

.glyphicon-sidebar {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: 60px 60px !important;
    -moz-background-size: 60px 60px !important;
    -o-background-size: 60px 60px !important;
    background-size: 60px 60px !important;
}

.ico-label {
    padding-right: 5px;
    padding-bottom: 5px;
    width: 15%;
}

.label-title-block {
    color: #375F9B;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.btn-sidebar-switch-text {
    margin-left: 5%;
    white-space: normal;
}

/* Ship-to block */
.shipto-sidebar {
    background: url('../images/sidebar/marker-glyphicon.png');
}

.btn-sidebar-switch, #create-new-ship-to, #sv-my-krt {
    margin-top: 10px;
    background-color: #ffffff;
    color: #375F9B;
    border: 1px solid #375F9B;
    font-weight: bold;
    font-size: 12px;
}

.btn-sidebar-switch:hover, #create-new-ship-to:hover, #sv-my-krt:hover {
    color: #375F9B;
}

.id-label {
    font-size: 14px;
    color: #375F9B;
    font-weight: bold;
}

.id-label a {
    color: #375F9B;
}

.block-edit-link-container {
    margin-top: 5%;
    text-align: right;
}

.block-edit-link a {
    text-decoration: underline;
    color: #375F9B;
}

.soldto-sidebar {
    background: url('../images/sidebar/industry-glyphicon.png');
}

.biling-sidebar {
    background: url('../images/sidebar/biling-glyphicon1.png');
}

.ALContact-sidebar {
    background: url('../images/sidebar/visit-card-glyphicon.png');
}

.shortcut-sidebar {
    background: url('../images/sidebar/shortcut-glyphicon1.png');
}

/* fix IE problem for ink too long */
.ALContact-sidebar .u-email {
    display: block;
    color: #375F9B;
}

/* Put aside column at the bottom of the menu on tablet and mobile*/
@media (max-width: 991px) {
    .al-left-sidebar {
        margin-top: 0px;
    }
}

/* Favorite Products Aside */
.favoriteProducts-sidebar .glyphicon-heart {
    color: #D40F19;
}

/* Registered Carts Aside */
.registeredCarts-sidebar .glyphicon-shopping-cart {
    color: #375F9B;
}

/* -------------------------------------------------------------------------- */
/*      ==Login                                                               */
/* -------------------------------------------------------------------------- */
.form-item-remember-me,
.form-item-forgot-password {
    padding: 0 50px;
    margin-bottom: 30px;
}

.form-item-sign-in,
.form-item-register {
    padding: 0 50px;
}

.btn-register-link {
    font-size: 13px;
    padding: 10px 16px;
    line-height: 1.3333333;
}

.btn-forgot-your-pass-link {
    font-size: 13px;
    display: block;
    padding-top: 14px;
}

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

#user_login_form .btn:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

#user_login_form .form-item-forgot-password,
#user_login_form .form-item-sign-in {
    padding: 0 17px 0 50px;
    text-align: right;
}

#user_login_form .form-item-remember-me label {
    font-size: 13px;
}

#user_login_form .form-item-register {
    padding: 0 50px 0 5px;
}

#user_login_form .form-item-remember-me {
    padding: 0 50px 0 40px;
}

/* -------------------------------------------------------------------------- */
/*      ==Global Search                                                       */
/* -------------------------------------------------------------------------- */
#global-search-group {
    /*margin: 10px 0;*/
}

.autocomplete-category.ui-state-disabled {
    background-color: #157ABA;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    opacity: 1;
    text-align: center;
}

.ui-autocomplete-loading {
    background: url('../images/ajax-loader.gif') no-repeat right center;
    background-color: #fff;
}

.autocomplete-item {
    white-space: nowrap;
}

.autocomplete-item a {
    overflow: hidden;
    text-overflow: ellipsis;
}

button#global-search-button {
    border: 0;
    height: 55px;
}

input#global-search {
    text-transform: uppercase;
    height: 55px;
}

input#global-search::placeholder {
    color: #006CAF;
    font-weight: bold;
}

input#global-search::-webkit-input-placeholder {
    color: #006CAF;
    font-weight: bold;
}

input#global-search::-moz-placeholder {
    color: #006CAF;
    font-weight: bold;
}

input#global-search:-ms-input-placeholder {
    color: #006CAF;
    font-weight: bold;
}

.glyphicon-search {
    color: #D0D0D0;
    font-size: 18px;
}

.navigation-container input#global-search {
    border: 0;
}

.navigation-container .form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navigation-container, .search-form-container {
    padding-left: 0;
}

.navigation-container {
    border-left: 5px solid #006FB4;
    border-top: 1px solid rgba(223, 223, 223, 0.15);
    box-shadow: 0 2px 12px 0 rgba(200, 200, 200, 0.3) !important;
}

/* -------------------------------------------------------------------------- */
/*      ==Catalog                                                             */
/* -------------------------------------------------------------------------- */
.detailed-product-fs h4 {
    margin: 20px 0 3px;
}

.button-zone {
    margin-top: 15px;
}

@media (min-width: 1170px) {
    .row.catalog-cards-view {
        width: 936px;
    }
}

.block-title span.pull-right {
    padding-left: 15px;
}

/* -------------------------------------------------------------------------- */
/*      ==Smart Tags & Cloud                                                  */
/* -------------------------------------------------------------------------- */
.clear-button .clear-button-texte {
    margin: 2px 2px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clear-all-button {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.smart-tag-value {
    white-space: nowrap;
}

.smart-tag-value a {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -------------------------------------------------------------------------- */
/*      ==Form                                                              */
/* -------------------------------------------------------------------------- */
span.form-required {
    color: #4accfd;
}

.form-bottom-btn a {
    margin-bottom: 20px;
}

#edit-next {
    font-weight: normal;
    border: none;
}

.btn-info {
    background-color: #3e3e3e;
    border: none;
    font-weight: bold;
}

.btn-info:hover {
    background-color: #5c5c5c;
    border: none;
    font-weight: bold;
}

.btn-info:focus {
    background-color: #5c5c5c;
    border: none;
    font-weight: bold;
}

.user_rights_title {
    font-weight: bold;
}

.border-right {
    border-right: 1px solid #4accfd;
}

.border-right select {
    max-width: 90px;
}

.name-soldto {
    text-align: left !important;
}

.ship-to-cell-name {
    text-align: right !important;
}

.sticky-header {
    z-index: 1000;
}

.invoices-shipto {
    opacity: 0;
}

#table_users_rights {
    table-layout: fixed;
    word-wrap: break-word;
}

#table_users_rights td {
    text-align: center;
    vertical-align: top;
}

#table_users_rights .form-select {
    max-height: 65px;
}

.entity-legal-document-text{
    max-height: 250px;
    border: solid 0.5px #a29e9e;
    overflow-y: auto;
    padding: 10px;
}
.ui-dialog .ui-dialog-titlebar{
    border: 1px solid #337ab7;
    background: #337ab7 url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    font-size: 14px;
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}
#entity-legal-document-acceptance-form{
    font-size: 14px;
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}
#entity-legal-document-acceptance-form .btn-primary{
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}
/* -------------------------------------------------------------------------- */
/*      ==Footer                                                              */
/* -------------------------------------------------------------------------- */
#footer {
    background-color: #FFFFFF;
    text-align: center;
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    /* Set the fixed height of the footer here */
    min-height: 80px;
}

#footer ul,
#footer li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer ul {
    padding: 30px;
}

#footer li {
    display: inline;
}

#footer li a {
    border-left: 1px solid #DCDCDC;
    color: #666666;
    display: inline-block;
    padding: 0 20px;
}

#footer li:first-child a {
    border: none;
}

#footer li a:hover {
    background-color: transparent;
    color: #0078AC;
}

#footer .facebook-logo {
    background: url("../images/icone_facebook_gris.png") no-repeat;
    background-size: contain;
    border: none;
    text-indent: -100000em;
}

#footer .twitter-logo {
    background: url("../images/icone_twitter_gris.png");
    background-size: contain;
    border: none;
    text-indent: -100000em;
}

/* -------------------------------------------------------------------------- */
/*      ==Header                                                              */
/* -------------------------------------------------------------------------- */
/*@media (min-width: 768px) {*/
#page-header {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D4E4F4), color-stop(1, #D8E8F8));
    background-image: -o-linear-gradient(bottom, #D4E4F4 0%, #D8E8F8 100%);
    background-image: -moz-linear-gradient(bottom, #D4E4F4 0%, #D8E8F8 100%);
    background-image: -webkit-linear-gradient(bottom, #D4E4F4 0%, #D8E8F8 100%);
    background-image: -ms-linear-gradient(bottom, #D4E4F4 0%, #D8E8F8 100%);
    background-image: linear-gradient(to bottom, #D4E4F4 0%, #D8E8F8 100%);
}

#page-header .region-header-content h2 {
    color: #007BB1;
    text-transform: uppercase;
    font-weight: bold;
}

#page-header .region-header-sidebar {
    display: inline;
}

#other-page-header {
    margin-bottom: 20px;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}
#other-page-header + .main-container.container .head-breadcrumb{
    margin-top: 0px;
}

#other-page-header-without-img {
    margin-bottom: 20px;
}

.article-header,
.page-header {
    color: #375F9B;
    font-weight: 600;
    border-bottom: 0px;
}

#page-header .region-header-content .field-name-body {
    width: 40%;
    text-align: justify;
}

.region-header-content .content-block-bg-image {
    background-position: center;
    background-size: cover;
    height: 118px;
    margin-top: 0;
    overflow: hidden;
}

.hp-top-center-block {
    height: 550px;
    width: 610px;
}

#other-page-header .region-header-content .content-block-bg-image {
    background-position: center;
    background-size: cover;
    height: 118px;
    margin-top: 1px;
}

.navigation-container {
    padding: 0;
}

/* } */
@media (max-width: 768px) {
    .region-header-content {
        display: none;
    }

    /* delete row for mobile
    #other-page-header > container > .row {
        margin: 0px;
    }*/
}

@media (min-width: 100px) and (max-width: 600px) {
    .al-login .btn, .my-account {
        width: 100%;
        margin-top: 10px;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Welcome text                                                         */
/* -------------------------------------------------------------------------- */

.welcome-text {
    /*margin-bottom: 15px;*/
    padding: 8px 15px;
    text-align: left;
    background: rgba(0, 0, 0, 0.2);
}


.welcome-text-name {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
}

.welcome-text-infos {
    color: #ffffff;
}

/* -------------------------------------------------------------------------- */
/*      ==Top Banner                                                   */
/* -------------------------------------------------------------------------- */

.banner-top-container {
    padding: 0;
    position: relative;
    /* min-height: 175px;*/
}

.banner-customercare-menu {
    /* position: absolute;
     bottom: 0;
     right: 0;*/
}

@media (max-width: 991px) {
    .banner-customercare-menu {
        position: inherit;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Breadcrumb                                                          */
/* -------------------------------------------------------------------------- */

/*ol.al-breadcrumb.breadcrumb {
    background-color: transparent;
    font-size: 12px;
    padding-top: 0px;
    margin-bottom: 20px;
} */

.breadcrumb > li:not(.last) a {
    color: #010101;
}

.breadcrumb > li + li:before {
    content: "\003e";
    margin: 0px 5px;
}

/*.breadcrumb > li.last a {
    color: #4ACCFD;
}*/

.breadcrumb {
    margin-bottom: 0;
}

.al-breadcrumb > li + li:before {
    padding: 0;
    color: #ffffff;
}

/* Breadcrumb in the top banner */

ol.al-breadcrumb.breadcrumb {
    background: rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    padding-top: 8px;
    font-size: 12px !important;
    display: inline-block;
}

 ol.al-breadcrumb.breadcrumb a {
    color: #FFFFFF;
    white-space: normal;
}

 .breadcrumb {
    border-radius: 2px;
}
.head-breadcrumb {
    margin-bottom: 12px;
    margin-top: -20px;

}

/* -------------------------------------------------------------------------- */
/*      ==Customercare menu                                                        */
/* -------------------------------------------------------------------------- */

.customercare-menu-container {
    display: flex;
    justify-content: space-evenly;
    background-color: #157ABA;
    text-align: center;
    margin-top: 10px;
}

.float-menu-right {
    float: right;
}

.customercare-menu-container a {
    text-decoration: none;
}

.customer-menu-container-text {
    word-break: break-word;
    font-size: 13px;
    display: block;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.customercare-menu-item {
    width: 15%;
}

.item-customercare-menu-active a {
    color: #FFFFFF;
    padding: 15px 3px;
    width: 100%;
    height: 100%;
    display: block;
}

.item-customercare-menu-inactive a {
    padding: 15px 3px;
    width: 100%;
    height: 100%;
    display: block;
}

.item-customercare-menu-active:hover, .item-customercare-menu-active a:hover {
    background-color: #095A8D;
}

.active-link, .active-link a {
    background-color: #095A8D;
}

.item-customercare-menu-inactive, .item-customercare-menu-inactive a {
    color: #095A8D;
    cursor: default;
}

.customercare-menu-container .glyphicon, .customercare-menu-container .fa {
    font-size: 25px;
    display: block;
    text-align: center;
    line-height: 1.4;
}
@media (min-width: 992px){

    #op_hours{
        padding : 0;
    }
}


@media (max-width: 480px) {
    .float-menu-right {
        float: none;
    }

    .customercare-menu-container .glyphicon,
    .customercare-menu-container .fa {
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .customercare-menu-item a span {
        max-width: 25px;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .float-menu-right {
        float: none;
    }

    .customercare-menu-item a span {
        max-width: 30px;
    }

    .customer-menu-container-text {
        /*font-size: 10px;*/
        display: none;
    }

    .customercare-menu-container .glyphicon,
    .customercare-menu-container .fa {
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 991px) {

    .banner-top-container {
        min-height: auto;
    }

    .customercare-menu-container {
        margin-top: 10px;
    }

    .customer-menu-container-text {
        display: none;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Customercare menu -- Icons                                                        */
/* -------------------------------------------------------------------------- */

/* Deliveries */
.customercare-menu-container .item-customercare-menu-active .menu-item-deliveries {
    background-image: url('../images/icon/horizontal-menu/menu-icon-deliveries.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Deliveries -- Inactive icons */
.customercare-menu-container .item-customercare-menu-inactive .menu-item-deliveries {
    background-image: url('../images/icon/horizontal-menu/menu-icon-deliveries-inactive.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Invoices */
.customercare-menu-container .item-customercare-menu-active .menu-item-invoices {
    background-image: url('../images/icon/horizontal-menu/menu-icon-invoices.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Invoices -- Inactive icons */
.customercare-menu-container .item-customercare-menu-inactive .menu-item-invoices {
    background-image: url('../images/icon/horizontal-menu/menu-icon-invoices-inactive.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Stock Balance */
.customercare-menu-container .item-customercare-menu-active .menu-item-stock-balance {
    background-image: url('../images/icon/horizontal-menu/menu-icon-stock-balance.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Stock Balance -- Inactive icon */
.customercare-menu-container .item-customercare-menu-inactive .menu-item-stock-balance {
    background-image: url('../images/icon/horizontal-menu/menu-icon-stock-balance-inactive.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}
/* My installations*/
.customercare-menu-container .item-customercare-menu-active .menu-item-my-installations {
    background-image: url('../images/icon/horizontal-menu/menu-icone-installations.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* My installations -- Inactive icon */
.customercare-menu-container .item-customercare-menu-inactive .menu-item-my-installations {
    background-image: url('../images/icon/horizontal-menu/menu-icone-installations-inactive.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Contracts */
.customercare-menu-container .item-customercare-menu-active .menu-item-contracts {
    background-image: url('../images/icon/horizontal-menu/menu-icon-contracts.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Contracts -- Inactive icon */
.customercare-menu-container .item-customercare-menu-inactive .menu-item-contracts {
    background-image: url('../images/icon/horizontal-menu/menu-icon-contracts-inactive.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Claims */
.customercare-menu-container .item-customercare-menu-active .menu-item-claims {
    background-image: url('../images/icon/horizontal-menu/menu-icon-claims.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* Claims -- Inactive icon */
.customercare-menu-container .item-customercare-menu-inactive .menu-item-claims {
    background-image: url('../images/icon/horizontal-menu/menu-icon-claims-inactive.png');
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}

/* smaller icon on mobile */
@media (max-width: 480px) {

    .menu-item-deliveries,
    .menu-item-claims {
        background-size: 25px 25px;
    }

}

/* -------------------------------------------------------------------------- */
/*      ==Homepage                                                         */
/* -------------------------------------------------------------------------- */
.homepage-block {
    float: left;
    padding: 10px;
    background-repeat: no-repeat;
}

.homepage-slideshow {
    float: left;
    background: #155299;
    background: linear-gradient(to right, #155299 0%, #50a4e5 100%);
}

.homepage-primary-sidebar {
    float: left;
    width: 100%;
    margin-right: 20px;
}

.region-homepage-content, .region-homepage-pre-footer {
    margin: 0 15px;
}

.homepage-block-top-center {
    width: 100%;
    height: 550px;
}

.homepage-block-top-right {
    width: 100%;
    height: 550px;
    margin: 10px 0 0 0;
}

.homepage-block-center-left {
    width: 100%;
    height: 873px;
    margin-top: 10px;
    display: none;
}

.homepage-block-center-right {
    width: 100%;
    height: 550px;
    margin: 10px 0 0 0;
}

.homepage-slideshow {
    margin-top: 10px;
    padding-top: 4px;
    width: auto;
    height: 276px;
}

.homepage-block-bottom-right {
    width: 100%;
    height: 295px;
    margin-top: 10px;
}

.homepage-block-bottom {
    width: 100%;
    height: 295px;
    margin: 10px 0 10px 0;
}

@media (min-width: 768px) {
    .region-homepage-content, .region-homepage-pre-footer {
        margin: 0;
    }

    .homepage-primary-sidebar {
        float: left;
        width: 100%;
        margin-right: 20px;
    }

    .homepage-block-top-center {
        width: 362px;
        height: 550px;
        margin-right: 10px;
    }

    .homepage-block-top-right {
        width: 190px;
        height: 550px;
        margin: 0;
    }

    .homepage-block-center-left {
        width: 100%;
        height: 873px;
        display: block;
    }

    .homepage-block-center-right {
        width: 562px;
        height: 550px;
        margin-top: 10px;
    }

    .homepage-slideshow {
        margin-top: 10px;
        padding-top: 4px;
        width: 562px;
        height: 276px;
    }

    .homepage-block-bottom-right {
        width: 100%;
        height: 295px;
        margin-right: 10px;
    }

    .homepage-block-bottom {
        width: 735px;
        height: 295px;
        margin: 10px 0 10px 15px;
    }
}

@media (min-width: 992px) {
    .homepage-primary-sidebar {
        float: left;
        width: 238px;
        margin-right: 20px;
    }

    .homepage-block-top-center {
        width: 471px;
        height: 550px;
        margin-right: 10px;
    }

    .homepage-block-top-right {
        width: 246px;
        height: 550px;
        margin: 0;
    }

    .homepage-block-center-left {
        width: 100%;
        height: 910px;
        display: block;
    }

    .homepage-block-center-right {
        width: 727px;
        height: 489px;
        margin-top: 10px;
    }

    .homepage-slideshow {
        margin-top: 10px;
        padding-top: 4px;
        width: 727px;
        height: 276px;
    }

    .homepage-block-bottom-right {
        width: 750px;
        height: 295px;
        margin-right: 10px;
    }

    .homepage-block-bottom {
        width: 955px;
        height: 295px;
        margin: 10px 0 10px 15px;
    }
}

@media (min-width: 1200px) {
    .homepage-primary-sidebar {
        float: left;
        width: 295px;
        margin-right: 20px;
    }

    .homepage-block-top-center {
        width: 568px;
        height: 550px;
        margin-right: 10px;
    }

    .homepage-block-top-right {
        width: 299px;
        height: 550px;
        margin: 0;
    }

    .homepage-block-center-left {
        width: 100%;
        height: 910px;
        display: block;
    }

    .homepage-block-center-right {
        width: 878px;
        height: 550px;
        margin-top: 10px;
    }

    .homepage-slideshow {
        margin-top: 10px;
        padding-top: 4px;
        width: 878px;
        height: 276px;
    }

    .homepage-block-bottom-right {
        width: 925px;
        height: 295px;
        margin-right: 10px;
    }

    .homepage-block-bottom {
        width: 1155px;
        height: 295px;
        margin: 10px 0 10px 15px;
    }
}

.node-site-homepage h2 {
    color: #037ab2;
}

.homepage-connected .glyphicon-question-sign {
    color: #7d7d7d;
    margin-left: 5px;
}

/* -------------------------------------------------------------------------- */
/*      ==Homepage connected                                                  */
/* -------------------------------------------------------------------------- */
.page-dashboard-welcome .container-column-center.box {
    margin-bottom: 0;
    padding: 20px 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-dashboard-firstpage .container-column-center.box {
    margin-bottom: 0;
    padding: 20px 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.homepage-connected {
    padding: 0px;
}

.homepage-connected .panel-default {
    background-color: #ffffff;
}

/*.homepage-connected .row .class-border{*/

.class-border.container-column-center {
    margin-top : 0px;
}


.class-border {
    padding: 20px;
    margin: 14px 0px 14px 0px;
    background-color: #FFFFFF;
}

.box {
    margin-bottom: 15px;
    padding: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(20, 50, 110 , 0.11);
    -moz-box-shadow: 0px 5px 7px 0px rgba(20, 50, 110 , 0.11);
    box-shadow: 0px 5px 7px 0px rgba(20, 50, 110 , 0.11);
}

.box__section {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 15px;
    margin: 15px 0;
}

.box__title {
    font-size: 40px !important;
    font-style: normal;
    font-weight: bold;
    color: #375F9B;
    margin: 0;
}

.box__subtitle {
    font-style: normal;
    font-weight: bold;
    font-size: 24px !important;
    line-height: normal;
    color: #464646;
    margin: 32px 0 0 0;
}

.sub-title {
    margin: 8px 0 0 0;
}

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


.homepage-connected .margin-last-news {
    margin: 0px 0px 14px 0px;
}

.homepage-connected .margin-orders-notifications {
    padding-right: 0px;
    margin: 0px 0px 14px 0px;
}

.homepage-connected table {
    font-size: 11px;
}

.homepage-connected .table-responsive {
    border: none;
}

.homepage-connected .image_last_news {
    width: 100%;
    margin-bottom: 10px;
}

.homepage-connected-bottom {
    padding-left: 0;
    padding-right: 0;
}

.homepage-connected-bottom .homepage-block {
    width: auto;
    margin-left: 0;
    padding-left: 0;
}

@media (max-width: 991px) {

    .margin-orders-notifications {
        padding-right: 15px !important;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Homepage connected -- Last orders                                   */
/* -------------------------------------------------------------------------- */

/*  TITLE BLOCK */
p.last-orders-label-container {
    display: inline-block;
}

.last-orders-header {
    padding: 10px 15px 0 15px;
}

/* HEADER BOX */

/* Arrow */
.arrow-down {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.last-orders .arrow {
    vertical-align: bottom;
}

/* Reorder button */

.container-button-reorder {
    float: right;
    width: 25%;
}

.order-reorder {
    margin: auto;
}

.container-button-reorder .glyphicon-retweet,
.btn-success .glyphicon-retweet {
    padding-right: 10px;
}

.sub-container-button-reorder {
    margin: 0;
    display: block;
    white-space: normal;
}

.last-orders .button-re-order {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 8px 8px 8px;
    width: 100%;
}

/* Header info */
.order-creation-date, .order-id {
    font-weight: bold;
    font-size: 12px;
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.order-creation-date {
    color: #333333;
}

.order-id {
    color: #006fb4;
}

.order-po {
    text-transform: uppercase;
    font-size: 12px;
    color: #333333;
}

.order-creation-date,
.order-id,
.order-po {
    display: inline-block;
    width: 30%;
    word-wrap: break-word;
    vertical-align: sub;
}

/* table on tablet only */
@media (max-width: 991px) {
    .order-creation-date,
    .order-id,
    .order-po {
        display: inline-block;
        width: 30%;
        word-wrap: break-word;
        vertical-align: top;
    }

    .container-button-reorder {
        width: 100%;
        text-align: center;
    }

    .last-orders .button-re-order {
        width: 100%;
    }

}

.last-orders .transparent {
    opacity: 0;
    pointer-events: none;
    z-index: -500;
}

.last-orders-new-order {
    background-color: #157ABA;
    margin-bottom: 10px;
}

.last-orders-new-order:hover {
    background-color: #095a8d;
    color: #FFFFFF;
}

.last-orders-new-order a {
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 !important;
  border: 0;
}

.last-orders-new-order i {
    margin-right: 8px;
}

a.last-orders-new-order {
    color: #ffffff;
    text-transform: uppercase;
    border: 0;
}

.last-orders-new-order a:hover,
a.last-orders-new-order:hover {
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .last-orders-new-order {
        width: 100%;
    }
}


/* BOX DETAILS */

/* Container */

.last-orders-container {
    padding: 0 !important;
}

.last-orders .panel-title a {
    text-decoration: none;
}

.last-orders .panel-default {
    padding: 0;
}

.last-orders .panel-heading {
    overflow: hidden;
    padding: 10px 15px;
}

.last-orders .panel-default > .panel-heading {
    background-color: transparent;
}

.last-orders div.panel {
    background-color: #FFFFFF !important;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
}

.last-orders div.panel:nth-of-type(2) {
    background-color: #F9F9F9 !important;
}

.homepage-connected .panel-group {
    margin-bottom: 0;
    padding-bottom: 5px;
}

.homepage-connected .panel-group .panel + .panel {
    margin-top: 0 !important;
}

.last-orders-panel-title {
    display: inline-block;
    width: 75%;
    padding: 0px 0px;
    /*vertical-align: super;
    margin-top: 1.3%;*/
}

.last-orders-panel-title .glyphicon-play {
    color: #157ABA;
    font-size: 14px;
    vertical-align: bottom;
    margin-right: 5px;
}

@media (min-width: 290px) and (max-width: 991px) {
    .last-orders-panel-title .glyphicon-play {
        vertical-align: top;
    }
}

.order-detail-header-container {
    margin-top: 2%;
    padding: 0;
}

.order-detail-header-sub-container {
    display: flex;
    align-items: flex-start;
}

/* Order detail table */

.order-detail-header-sub-container th {
    vertical-align: top !important;
}

@media (min-width: 290px) and (max-width: 568px) {
    .order-detail-header-sub-container th, .order-detail-header-sub-container td {
        padding: 2px !important;
        word-break: break-all;
    }
}

/* Order detail label */
.order-detail-label {
    color: #848484;
    text-transform: uppercase;
    font-size: 11px;
    font-style: normal !important;
}

.order-detail-status-label {
    color: #848484;
    text-transform: uppercase;
    font-size: 12px;
}

.order-detail {
    margin-top: 2%;
    font-size: 13px;
    display: inline-flex;
    flex-wrap: wrap;
}

.value {
    font-weight: bold;
    margin-left: 1%;
    font-size: 11px;
}

/* Re-order button */
.btn-reorder-basic {
    color: #157ABA;
    background-color: transparent;
    border-color: transparent;
}

/* Order status */
.order-detail-status-container {
    margin-top: 2%;
}

div[class^='order-status'] {
    border: 1px solid #E6E6E6;
    display: initial;
    padding: 5px 10px;
}

div[class^='order-status'] .value {
    color: #157ABA;
    font-size: 12px;
}

/* Order address */
.order-address-values {
    margin-left: 1%;
}

/* Order table */
.order-table-items {
    margin-top: 2%;
}

.order-table-items table {
    margin-bottom: 10px;
}

.order-table-items td {
    font-weight: 600;
    border-top: 0 !important;
}

.order-table-items .order-detail-label:last-child {
    text-align: right;
    padding-right: 5%;
}

.order-table-items .order-detail-label:nth-child(3),
.order-table-items td:nth-child(3) {
    text-align: right;
}

.order-table-items td:last-child {
    text-align: right;
    padding-right: 5%;
}

a.button-collapse {
    margin-top: 1.2%;
    width: 90%;
}

/* Total amount */
.order-total-amount {
    float: right;
    display: inline-block;
    padding-right: 5%;
    margin-bottom: 2%;
}

.order-total-amount-label {
    color: #157ABA;
    font-weight: bold;
    font-size: 12px;
    vertical-align: text-top;
}

.order-total-amount-value {
    font-size: 17px;
    font-weight: bold;
    vertical-align: baseline;
}

/* More details link */
.order-more-details {
    font-weight: bold;
    font-size: 12px;
    vertical-align: -webkit-baseline-middle;
    text-align: center;
    color: #337ab7;
    margin: 0 20% 0 20%;
    padding-top: 2%;
    border-top: 1px solid #EEEEEE;
}

.order-more-details a {
    text-decoration: none;
}

/* ERROR DIV */
#error-last-orders {
    margin: 5px 10px;
}

/* SEE ALL ORDERS LINK */
.order-all-orders-parent, .see-all-orders-parent {
    padding-top: 2%;
    padding-bottom: 2%;
}

#lastNotificationsBlock .see-all-orders-parent {
    padding-bottom: 0;
}

.see-all-orders-parent {
    text-align: center;
    border-top: 1px solid #EEEEEE;
    margin: 0 20%;
}

.order-all-orders {
    font-weight: bold;
    margin-right: 15px;
    color: #337ab7;
}

.order-all-orders a {
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 5px;
}

.last-orders-button {
    display: inline-block;
    float: right;
}

i.fa.fa-long-arrow-right {
    margin-right: 1%;
}

/* LOADERS - SPINNER */

.last-orders .loader-price {
    width: 14px;
    height: 14px;
}

#loader-price-last-orders {
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
}

#panel-last-orders .panel-body {
    border: 0px;
    background-color: #ffffff;
}

.a-product-eorder-gas .img-responsive{
    max-width: 45px !important;
    max-height: 45px !important;
}

/* RESPONSIVE */

@media (min-width: 768px) and (max-width: 991px) {

    .see-all-orders-parent {
        padding-bottom: 4%;
    }

    .container-button-reorder {
        margin-left: 0;
        float: left;
    }

    .last-orders-panel-title {
        margin-bottom: 2%;
        width: 100%;
        display: block;
    }
}

@media (min-width: 569px) and (max-width: 767px) {

    .last-orders-panel-title {
        margin-top: 1.9%;
        width: 100%;
    }

}

@media (min-width: 290px) and (max-width: 568px) {

    .last-orders {
        margin-top: 3%;
    }

    .see-all-orders-parent {
        padding-bottom: 4%;
    }

    .container-button-reorder {
        margin-left: 0;
        float: left;
    }

    .last-orders-panel-title {
        margin-bottom: 2%;
        width: 100%;
        display: block;
    }

    .last-orders-label-container {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {

    .order-detail-header-sub-container {
        display: block;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Megamenu                                                            */
/* -------------------------------------------------------------------------- */

.almegamenu .nav, .almegamenu .collapse {
    margin-top: 12px;
}

.almegamenu .logo {
    padding-left: 20px;
}

.al-first-level-links.last-button {
    margin-right: 0 !important;
    border-bottom: none !important;
}

#navbar-collapse-al {
    width: 100%;
}

.navbar-container {
    float: none;
}

.navbar {
    margin: 9px 0 0 0;
}

.navbar-toggle {
    border: 1px solid #ddd;
}

.navbar-toggle .icon-bar {
    background-color: #337ab7;
}

/*Fix IE*/
.dropdown-menu {
    float: none;
}

.almegamenu #navbar-collapse-al .al-dropdown {
    margin-top: 3px;
    border-top: 3px solid #167AAB;
    border-radius: 0;
}

.dropdown:hover a.dropdown-toggle-al, .almegamenu .al-first-level-links:hover, .almegamenu .al-first-level-links:focus, .almegamenu .nav .open .al-first-level-links, .active-al, a.active-al, .almegamenu a.active-al {
    color: #167AAB !important;
    background-color: #f0f3f5 !important;
}

.dropdown:hover .dropdown-menu-al {
    display: none;
}

button.navbar-toggle {
    float: right;
    margin-top: 12px;
    margin-right: 0px;
}

.almegamenu .dropdown:first-child {
    padding-top: 0;
}

.almegamenu .dropup,
.almegamenu .dropdown {
    position: static;
}

/*.almegamenu .navbar-main-menu li:last-child a:hover,
.almegamenu .navbar-main-menu li:last-child focus {
    padding-right: 10px;
}*/

.almegamenu .sub_menu_cell .li-links:before {
    content: '> '
}

.almegamenu .al-first-level-links {
    line-height: 3em;
}

@media (min-width: 768px) {
    .navbar-container .navbar {
        min-height: auto;
    }

    /*
        .almegamenu .al-first-level-links {
            color: #333;
            border-bottom: none;
            margin-right: 4px;
            height: 55px;
        }

        .almegamenu .al-first-level-links:hover,
        .almegamenu .al-first-level-links:focus,
        .almegamenu .al-first-level-links:active {
            color: #167AAB !important;
            background-color: #f8f8f8 !important;
        }*/
    .almegamenu .nav .open .al-first-level-links, .active-al, a.active-al, .almegamenu a.active-al {
        padding-right: 7px;
    }

    /*.almegamenu .navbar-main-menu li:last-child a:hover,
    .almegamenu .navbar-main-menu li:last-child focus {
        padding-right: 6px;
    }*/
    .dropdown:hover .dropdown-menu-al {
        display: block;
    }

    .almegamenu .dropup,
    .almegamenu .dropdown {
        position: static;
    }

    .almegamenu .navbar-main-menu {
        border: 0;
    }

    .almegamenu .al-first-level-links {
        color: #037AB2;
        padding: 5px 7px;
    }

    #navbar-collapse-al {
        margin: 0;
        width: auto;
        position: static;
    }

    .al-login a, #user-dropdown-hover {
        margin-bottom: 3px;
        float: right;
    }

    /*body.not-logged-in .almegamenu .nav, .almegamenu .collapse {
        margin-top: 3px;
    }*/
    .almegamenu .nav, .almegamenu .collapse {
        margin-top: 6px;
    }

    body.not-logged-in .almegamenu #navbar-collapse-al .al-dropdown {
        top: 37px;
    }

    /* not logged in connect button */
    body.not-logged-in .al-header-container:first-child .btn-login-header {
        padding: 15px 15px 0px 15px;
        border: 0;
        height: 100%;
    }

    .almegamenu #navbar-collapse-al .al-dropdown {
        top: 42px;
    }

    .almegamenu-fw {
        padding-bottom: 0;
    }

    .almegamenu .al-first-level-links {
        padding: 5px 5px;
    }
}

/* MENU ON PC AND TABLET */
.almegamenu .al-first-level-links {
    color: #333;
    border-bottom: none;
    height: 55px;
    padding: 0px 15px;
    margin-right: 0px;
    line-height: 55px;
}

.almegamenu .al-first-level-links:hover,
.almegamenu .al-first-level-links:focus,
.almegamenu .al-first-level-links:active,
.almegamenu .al-first-level-links-selected {
    color: #167AAB !important;
    text-shadow: 1px 0 0 #157ABA;
!important;
    background-color: #f0f3f5 !important;
}

.almegamenu .nav .open .al-first-level-links, .active-al, a.active-al, .almegamenu a.active-al {
    padding-right: 9px;
}

/*.almegamenu .navbar-main-menu li:last-child a:hover,
.almegamenu .navbar-main-menu li:last-child focus {
    padding-right: 8px;
}*/

.al-login a, #user-dropdown-hover {
    margin-bottom: 0;
    float: none;
}

.navbar-container {
    float: right;
    margin: 0;
}

.navbar {
    margin: 0;
}

/*body.not-logged-in .almegamenu .nav, .almegamenu .collapse {
    margin-top: 18px;
}*/

.almegamenu .nav, .almegamenu .collapse {
    margin-top: 12px;
}

body.not-logged-in .almegamenu #navbar-collapse-al .al-dropdown {
    top: 52px;
}

.almegamenu #navbar-collapse-al .al-dropdown {
    top: 47px;
}

.almegamenu-fw {
    padding-bottom: 0;
}

/* SEPARATOR */
.almegamenu-fw {
    position: relative;
}

.almegamenu-fw:nth-child(4) .al-first-level-links:before {
    content: "";
    width: 1px;
    height: 20px;
    background-color: #dfdfdf;
    position: absolute;
    right: 0px;
    top: 15px;
}

/*.almegamenu .al-first-level-links {
    padding: 5px 8px;
}*/

.almegamenu #navbar-collapse-al .al-dropdown {
    /*background-color: #F4F2F3;*/
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    width: 100%;
    margin-top: 3px;
    border: 0px;
    border-top: 3px solid #167AAB;
    border-radius: 0;
}

.almegamenu .container {
    /*padding-top: 20px;*/
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding-left: 0;
    padding-right: 0;
}

.logo img {
    padding-top: 20px;
}

.almegamenu .dropdown-menu {
    left: auto;
}

.almegamenu .almegamenu-content {
    padding: 20px 30px;
}

.almegamenu .dropdown.almegamenu-fw .dropdown-menu {
    width: auto;
}

.almegamenu .almegamenu-content .sub_menu_cell {
    border-right: solid 1px;
}

.dropdown:hover a.dropdown-toggle-al,
.almegamenu .al-first-level-links:hover,
.almegamenu .al-first-level-links:focus,
.almegamenu .nav .open .al-first-level-links, .active-al, a.active-al, .almegamenu a.active-al {
    background-color: #037AB2;
    /*border-right: 0;*/
    /*border-radius: 3px;*/
    color: #FFFFFF;
}

.almegamenu .nav .open > a:focus {
    background-color: #037AB2;
}

.almegamenu .almegamenu-content .menu-title {
    text-align: left;
}

.almegamenu .navbar-main-menu li:last-child a {
    border: 0;
}

.al-login {
    float: right;
    margin-right: 15px;
    display: flex;
    align-items: normal;
    min-height: 75px;
}

#user-dropdown-hover ul.user-dropdown-menu {
    margin-top: 0;
}

/* LOGIN BUTTON */

.al-header-container {
    display: inline-block;
    color: #006FB4;
    text-align: center;
}

.al-login-picto, .al-quotation-picto, .al-cart-picto {
    display: block;
    margin-bottom: 0;
    height: 30px;
    color: #337ab7;
}

.al-login-picto:before {
    content: url('../images/almegamenu/compte.png');
    width: 27px;
    height: 24px;
}

.al-quotation-picto:before {
    content: url('../images/almegamenu/quotation.png');
    width: 16px;
    height: 20px;
}

.al-cart-picto:before {
    content: url('../images/almegamenu/shopping-cart.png');
    width: 28px;
    height: 26px;
}

.al-quotation-picto, .al-cart-picto {
    position: relative;
}

.al-login-arrow {
    display: block;
}

.al-header-text {
    color: #4D606C;
}

.phone-number__input {
    display: flex;
}

.mobile-phone-div .form-item-phone-number {
    width: 100%;
}

.phone-wrapper {
    margin-bottom: 0;
    position: relative;
}

.phone-wrapper .form-group {
    margin-bottom: 0;
}

.phone-wrapper .phone_validator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    min-width: inherit;
}

/* IE fix */
.my-account {
    height: 100%;
}

.my-account > div {
    height: 100%;
}

/* change for right part header on mobile */
@media (max-width: 767px) {

    .logo img {
        padding-bottom: 20px;
    }

    .al-login {
        display: block;
        width: 100%;
        margin: 0px 0px 15px 0px;
    }

    .al-header-container {
        width: 100%;
        border: 1px solid #006fb4;
        margin: 2px 0px;
        /*padding: 10px 20px;
        height: 40px;*/
        padding-top: 0px;
    }

    .al-login-picto,
    .al-quotation-picto,
    .al-cart-picto,
    .al-header-container p,
    .al-header-container .my-account p,
    .al-header-container .my-account div {
        display: inline-block;
    }

    .al-header-container a,
    .al-header-container .my-account div .btn-login-header {
        display: inline-block;
        width: 100% !important;
        margin: 0px !important;
        padding: 15px !important;
    }

    /* center icon for ongoing quotation + My shopping cart */
    .al-header-container p {
        vertical-align: middle;
        margin-right: 15px;
    }

    /* only for user button */
    .my-account {
        margin-top: 0px;
        width: 100%;
    }

    .my-account > div {
        width: 100%;
    }

    .al-login-arrow {
        margin-bottom: 0px;
    }

    /* no separator for the user button */
    #user-dropdown-hover .btn-login-header {
        border-right: 0px;
    }

    /* dropdown menu */
    .user-dropdown-menu {
        width: 100%;
        left: 0px !important;
    }

    /* Burger menu */
    .navbar-container {
        margin-top: -61px;
        width: 100%;
    }

    .navbar-main-menu {
        border-top: 1px solid #dfdfdf;
    }

    /*SEPARATOR */
    .almegamenu-fw:nth-child(4) .al-first-level-links:before {
        display: none;
    }

}

/* on tablet only */
@media (min-width: 768px) and (max-width: 991px) {
    .almegamenu .al-first-level-links {
        padding: 4px 6px;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Others                                                              */
/* -------------------------------------------------------------------------- */
.glyphicon-bigger {
    font-size: 20px;
}

.detailed-product-fs {
    padding: 8px;
}

.circled-fs {
    border: 1px solid #e5e5e5;
}

.legend-lateral-menu {
    display: block;
    width: inherit;
    padding: 0;
    margin-bottom: 0;
    font-size: 20px;
    border: 0;
}

.legend-inner-lateral-menu {
    display: block;
    width: inherit;
    padding: 0;
    margin-bottom: 0;
    font-size: inherit;
    border: 0;
}

.inner-lateral-menu {
    margin: 7px;
    padding: 7px;
}

.bottom-margined, .views-field-nothing {
    margin-bottom: 10px;
}

.bottom-margined-high {
    margin-bottom: 20px;
}

/* Login form */
.login-form {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.center {
    text-align: center;
}

#edit-submit, #edit-cancel, #edit-checkout {
    margin-bottom: 20px;
}

/* Get around margin for assign page  */
#edit-assign-to-account #edit-cancel {
    margin-bottom: 0;
}

.add-to-favorite, .btn-share, .btn-print {
    background-color: #0078ae;
    border-color: #0078ae;
    border-radius: 0;
    color: #fff;
}

.add-to-favorite:hover, .btn-share:hover, .btn-print:hover {
    background-color: #428bca;
    border-color: #428bca;
    border-radius: 0;
    color: #fff;
}

.add-to-favorite[disabled=disabled] {
    background-color: #999;
    border-color: #999;
}

.add-to-cart, .remove-from-cart, .page-catalog-under-contract .btn-indirect {
    /*margin-top: 44px;*/
    background-color: #0078ae;
    border-color: #0078ae;
    border-radius: 0;
}

.add-to-cart:hover, .remove-from-cart:hover, .page-catalog-under-contract .btn-indirect:hover {
    background-color: #428bca;
    border-color: #428bca;
    border-radius: 0;
    color: #fff;
}

.description {
    color: #767676;
}

.pac-container{
    max-height: 300px;
    overflow-y: scroll;
}
/* -------------------------------------------------------------------------- */
/*      ==Temporary stylesheets for demo purposes                             */
/* -------------------------------------------------------------------------- */

#views-form-commerce-cart-form-default .fieldset-product [class*="form-item-edit-quantity-"] {
    display: none;
}

.loading-js {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    display: none;
    z-index: 100;
}

.loading-js-bg {
    display: block;
    background: #000000;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 0.5;
    top: 0;
    left: 0;
    margin: 0;
}

.loading-text {
    margin: -75px auto;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    font-style: normal;
    opacity: 0.8;
    color: #FFFFFF;
}

.spinner {
    width: 75px;
    height: 75px;
    background-color: #037AB2;
    z-index: 5;
    margin: 100px auto;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    -moz-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/* -------------------------------------------------------------------------- */
/*      ==PAD                                                                 */
/* -------------------------------------------------------------------------- */

.pad-homepage {
    background-color: #0265a4;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.pad-other-page-container {
    background-color: #0265a4;
    text-align: center;
    margin-bottom: 10px;
}

.pad-homepage .badge {
    font-size: 10px;
    background-color: #d5012d;
    margin: -20px 5px 0 -20px;
}

.pad-other-page .badge {
    font-size: 10px;
    background-color: #d5012d;
    text-indent: 0;
}

.pad-homepage a:hover .badge {
    background: #0d77b6;
}

.pad-homepage li a {
    color: #ffffff;
    width: 131px;
    height: 156px
}

.pad-other-page {
    padding: 0;
}

.pad-homepage .pad-left {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #0d77b6;
    border-right: 1px solid #0d77b6;
    float: left;
}

.pad-homepage .pad-right {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #0d77b6;
    float: left;
}

.pad-homepage .pad-last, .pad-homepage .pad-last {
    border-bottom: none;
}

.pad-other-page .pad-left, .pad-other-page .pad-right {
    float: left;
}

.pad-other-page .icon {
    border-right: 2px solid #0d77b6;
    border-bottom: 2px solid #0d77b6;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.pad-other-page .icon a {
    width: 42px;
    height: 43px;
    margin: 0;
    padding: 0;
}

.pad-other-page li:last-child {
    border-right: none;
}

.pad-homepage li a {
    padding-top: 130px;
}

@media (max-width: 767px) {
    .pad-homepage {
        font-size: 12px;
        background: transparent;
    }

    .pad-homepage .pad-left {
        border-left: 1px solid #0d77b6;
    }

    .pad-homepage .pad-right {
        border-left: 1px solid #0d77b6;
    }

    .pad-homepage .pad-last, .pad-homepage .pad-last {
        border-bottom: 1px solid #0d77b6;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pad-homepage .pad-left {
        border-left: none;
        width: 130px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage {
        font-size: 11px;
    }

    .pad-homepage li a {
        width: 106px;
        height: 156px
    }

    .pad-homepage li.pad-right a {
        width: 105px;
    }
}

@media (min-width: 1200px) {
    .pad-homepage li a {
        width: 131px;
        height: 156px
    }

    .pad-homepage li.pad-right a {
        width: 130px;
    }
}

.pad-homepage li a, .pad-other-page li a {
    background-size: cover;
    background-position: center center;
    display: block;
    text-decoration: none;
    text-align: center;
}

.pad-homepage li.icon a,
.pad-other-page li.icon a {
    text-indent: -1000000em;
    padding-top: 0;
}

.pad-homepage li {
    display: inline-block;
    list-style: none;
}

.pad-bloc a, .pad-bloc:hover a {
    color: #ffffff !important;
    box-shadow: none;
    border: none;
}

.pad-other-page-container .expand, .pad-other-page-container .shrink {
    margin-top: 10px;
    margin-bottom: 10px;
    background-image: url('../images/pad/expand-button.png');

}

.pad-other-page-container .expand:hover {
    background-image: url('../images/pad/expand-button-hover.png');
}

.pad-other-page-container .shrink {
    background-image: url('../images/pad/shrink-button.png');
}

.pad-other-page-container .shrink:hover {
    background-image: url('../images/pad/shrink-button-hover.png');
}

/* Background image for the pad */
/********************************************************/
/* preload hover image */
body:after {
    display: none;
    content: url('../images/pad/full/sprite_full.png') url('../images/pad/full/sprite_full_hover.png') url('../images/pad/mini/sprite_mini.png') url('../images/pad/mini/sprite_mini_hover.png');
}

/*********** PAD - My dashboard **************************/

.pad-homepage .pad-my-dashboard a {
    background: url('../images/pad/full/sprite_full.png') -8px 1716px;
}

.pad-homepage .pad-my-dashboard a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 1716px;
}

.pad-other-page .pad-my-dashboard a {
    background: url('../images/pad/mini/sprite_mini.png') 0 473px;
}

.pad-other-page .pad-my-dashboard a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 473px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-my-dashboard a {
        background: url('../images/pad/full/sprite_full.png') -20px 1716px;
    }

    .pad-homepage .pad-my-dashboard a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 1716px;
    }
}

/*********** PAD - Order Gas *****************************/

.pad-homepage .pad-order-gas a {
    background: url('../images/pad/full/sprite_full.png') -8px 468px;
}

.pad-homepage .pad-order-gas a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 468px;
}

.pad-other-page .pad-order-gas a {
    background: url('../images/pad/mini/sprite_mini.png') 0 129px;
}

.pad-other-page .pad-order-gas a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 129px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-order-gas a {
        background: url('../images/pad/full/sprite_full.png') -20px 468px;
    }

    .pad-homepage .pad-order-gas a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 468px;
    }
}

/*********** PAD - Duplicate previous order **************/

.pad-homepage .pad-duplicate-order a {
    background: url('../images/pad/full/sprite_full.png') -8px 1560px;
}

.pad-homepage .pad-duplicate-order a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 1560px;
}

.pad-other-page .pad-duplicate-order a {
    background: url('../images/pad/mini/sprite_mini.png') 0 430px;
}

.pad-other-page .pad-duplicate-order a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 430px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-duplicate-order a {
        background: url('../images/pad/full/sprite_full.png') -20px 1560px;
    }

    .pad-homepage .pad-duplicate-order a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 1560px;
    }
}

/*********** PAD - Order Equipment ***********************/

.pad-homepage .pad-order-equipment a {
    background: url('../images/pad/full/sprite_full.png') -8px 624px;
}

.pad-homepage .pad-order-equipment a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 624px;
}

.pad-other-page .pad-order-equipment a {
    background: url('../images/pad/mini/sprite_mini.png') 0 172px;
}

.pad-other-page .pad-order-equipment a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 172px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-order-equipment a {
        background: url('../images/pad/full/sprite_full.png') -20px 624px;
    }

    .pad-homepage .pad-order-equipment a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 624px;
    }
}

/*********** PAD - My Account ****************************/

.pad-homepage .pad-my-account a {
    background: url('../images/pad/full/sprite_full.png') -8px 936px;
}

.pad-homepage .pad-my-account a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 936px;
}

.pad-other-page .pad-my-account a {
    background: url('../images/pad/mini/sprite_mini.png') 0 258px;
}

.pad-other-page .pad-my-account a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 258px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-my-account a {
        background: url('../images/pad/full/sprite_full.png') -20px 936px;
    }

    .pad-homepage .pad-my-account a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 936px;
    }
}

/*********** PAD - Quotations & Notifications ************/

.pad-homepage .pad-quotations-notifications a {
    background: url('../images/pad/full/sprite_full.png') -8px 780px;
}

.pad-homepage .pad-quotations-notifications a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 780px;
}

.pad-other-page .pad-quotations-notifications a {
    background: url('../images/pad/mini/sprite_mini.png') 0 215px;
}

.pad-other-page .pad-quotations-notifications a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 215px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-quotations-notifications a {
        background: url('../images/pad/full/sprite_full.png') -20px 780px;
    }

    .pad-homepage .pad-quotations-notifications a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 780px;
    }
}

/*********** PAD - Gas Wizard ****************************/

.pad-homepage .pad-gas-wizard a {
    background: url('../images/pad/full/sprite_full.png') -8px 1404px;
}

.pad-homepage .pad-gas-wizard a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 1404px;
}

.pad-other-page .pad-gas-wizard a {
    background: url('../images/pad/mini/sprite_mini.png') 0 387px;
}

.pad-other-page .pad-gas-wizard a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 387px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-gas-wizard a {
        background: url('../images/pad/full/sprite_full.png') -20px 1404px;
    }

    .pad-homepage .pad-gas-wizard a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 1404px;
    }
}

/*********** PAD - Get Quotation *************************/

.pad-homepage .pad-quote a {
    background: url('../images/pad/full/sprite_full.png') -8px 312px;
}

.pad-homepage .pad-quote a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 312px;
}

.pad-other-page .pad-quote a {
    background: url('../images/pad/mini/sprite_mini.png') 0 86px;
}

.pad-other-page .pad-quote a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 86px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-quote a {
        background: url('../images/pad/full/sprite_full.png') -20px 312px;
    }

    .pad-homepage .pad-quote a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 312px;
    }
}

/*********** PAD - Contact us ****************************/

.pad-homepage .pad-contact a {
    background: url('../images/pad/full/sprite_full.png') -8px 1872px;
}

.pad-homepage .pad-contact a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 1872px;
}

.pad-other-page .pad-contact a {
    background: url('../images/pad/mini/sprite_mini.png') 0 516px;
}

.pad-other-page .pad-contact a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 516px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-contact a {
        background: url('../images/pad/full/sprite_full.png') -20px 1872px;
    }

    .pad-homepage .pad-contact a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 1872px;
    }
}

/*********** PAD - Link Account **************************/

.pad-homepage .pad-link-account a {
    background: url('../images/pad/full/sprite_full.png') -8px 1248px;
}

.pad-homepage .pad-link-account a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 1248px;
}

.pad-other-page .pad-link-account a {
    background: url('../images/pad/mini/sprite_mini.png') 0 344px;
}

.pad-other-page .pad-link-account a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 344px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-link-account a {
        background: url('../images/pad/full/sprite_full.png') -20px 1248px;
    }

    .pad-homepage .pad-link-account a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 1248px;
    }
}

/*********** PAD - Login *********************************/

.pad-homepage .pad-login a {
    background: url('../images/pad/full/sprite_full.png') -8px 1092px;
}

.pad-homepage .pad-login a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 1092px;
}

.pad-other-page .pad-login a {
    background: url('../images/pad/mini/sprite_mini.png') 0 301px;
}

.pad-other-page .pad-login a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 301px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-login a {
        background: url('../images/pad/full/sprite_full.png') -20px 1092px;
    }

    .pad-homepage .pad-login a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 1092px;
    }
}

/*********** PAD - Register ******************************/
.pad-homepage .pad-register a {
    background: url('../images/pad/full/sprite_full.png') -8px 156px;
}

.pad-homepage .pad-register a:hover {
    background: url('../images/pad/full/sprite_full_hover.png') -8px 156px;
}

.pad-other-page .pad-register a {
    background: url('../images/pad/mini/sprite_mini.png') 0 43px;
}

.pad-other-page .pad-register a:hover {
    background: url('../images/pad/mini/sprite_mini_hover.png') 0 43px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pad-homepage .pad-register a {
        background: url('../images/pad/full/sprite_full.png') -20px 156px;
    }

    .pad-homepage .pad-register a:hover {
        background: url('../images/pad/full/sprite_full_hover.png') -20px 156px;
    }
}

/*********************************************************/

.icon {
    display: inline-block;
    list-style: none;
    margin-top: 5px;
    cursor: default;
}

.tooltip-customer-care {
    cursor: help;
}

.expand, .shrink {
    border: none;
    background-image: url('../images/pad/expand-button.png');
    background-color: transparent;
    text-indent: -10000em;
    width: 18px;
    height: 18px;
    margin-bottom: 4%;
}

.shrink {
    background-image: url('../images/pad/shrink-button.png');
}

/* -------------------------------------------------------------------------- */
/*      ==Oneclick                                                            */
/* -------------------------------------------------------------------------- */
/* One click list */
body.front .region-header-one-click {
    height: 167px;
}

.region-header-sidebar .oneclick-list, .region-header-one-click .oneclick-list {
    display: inline-block;
    line-height: normal;
    list-style: none;
    padding: 0 0 0 17px;
    vertical-align: middle;
    width: 100%;
}

.region-header-sidebar .oneclick-list li:last-child, .region-header-one-click .oneclick-list li:last-child {
    border: none;
}

.region-header-sidebar .oneclick-list li a, .region-header-one-click .oneclick-list li a {
    color: #000000;
    text-decoration: none;
}

.region-header-sidebar .oneclick-list li a:hover, .region-header-one-click .oneclick-list li a:hover {
    color: #037AB2;
}

.region-header-sidebar .oneclick-list li, .region-header-one-click .oneclick-list li {
    border-bottom: solid 1px white;
    padding-bottom: 10px;
    padding-top: 10px;
}

.region-header-sidebar .oneclick-list li:before, .region-header-one-click .oneclick-list li:before {
    color: #A19D9E;
    content: "\2022";
    padding-right: 7px;
}

/* One click toogle */
.oneclick-toggle {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
    width: 100%;
}

.oneclick-toggle .oneclick-toggle-sub-menu {
    background: url("../images/oneclick/hamburger.png") left 3px no-repeat;
    padding: 0 35px;
}

.oneclick-toggle .oneclick-toggle-sub-menu .oneclick-toggle-title {
    background: url('../images/oneclick/arrow-collapse.png') right no-repeat;
    font-size: 1.2em;
    cursor: pointer;
}

.oneclick-toggle .oneclick-toggle-sub-menu .oneclick-toggle-title-uncollapsed {
    background: left 5px no-repeat;
    font-size: 1.2em;
    cursor: pointer;
}

.oneclick-toggle a {
    display: block;
    padding: 5px 10px;
    color: #FFFFFF;
    text-decoration: none;
}

.oneclick-toggle .oneclick-sub-menu {
    padding: 0 0 9px 52px;
    list-style: none;
    background: #000;
    position: absolute;
    z-index: 99;
    left: 0;
}

.oneclick-toggle .oneclick-sub-menu li a:hover {
    background-color: transparent;
    color: #0078AC;
}

/* Oneclick toogle header sidebar */
.region-header-sidebar .oneclick-toggle, .region-header-one-click .oneclick-toggle {
    padding: 15px 0;
}

.region-sidebar-first .oneclick-toggle {
    background-color: #0078AC;
    margin-top: 20px;
    padding: 15px;
}

.region-header-one-click .oneclick-toggle {
    padding: 15px;
    position: relative;
}

@media (min-width: 768px) {
    .region-header-one-click .oneclick-sub-menu {
        width: 220px;
    }

    .region-header-one-click .oneclick-list {
        padding: 0 0 0 0;
    }
}

@media (min-width: 992px) {
    .region-header-one-click .oneclick-sub-menu {
        width: 213px;
        padding: 0 0 0 17px;
    }

    .region-header-one-click .oneclick-sub-menu.catalog-toggle {
        width: 293px;
    }

    .region-header-one-click .oneclick-list {
        padding: 0 0 0 17px;
    }
}

@media (min-width: 1200px) {
    .region-header-one-click .oneclick-sub-menu, .region-header-one-click .oneclick-sub-menu.catalog-toggle {
        width: 262px;
    }

    .region-header-one-click .oneclick-list {
        padding: 0 0 0 17px;
    }
}

.region-sidebar-first .oneclick-sub-menu li a:hover, .region-header-one-click .oneclick-sub-menu li a:hover {
    color: #0078AC;
}

/* -------------------------------------------------------------------------- */
/*      ==Dropdown                                                            */
/* -------------------------------------------------------------------------- */
.navigation-container .navbar-main-menu {
    margin-top: 0;
}

.dropdown-menu-al {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

@media (min-width: 768px) {
    .dropdown-menu-al {
        min-width: 770px;
        left: 0;
        right: 0;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-al {
        left: inherit;
    }
}

.dropdown-menu-al li.li-links {
    white-space: nowrap;
}

.dropdown-menu-al > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 600;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu-al > li > a:hover,
.dropdown-menu-al > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu-al > .active > a,
.dropdown-menu-al > .active > a:hover,
.dropdown-menu-al > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.dropdown-menu-al > .disabled > a,
.dropdown-menu-al > .disabled > a:hover,
.dropdown-menu-al > .disabled > a:focus {
    color: #777777;
}

.dropdown-menu-al > .disabled > a:hover,
.dropdown-menu-al > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.filter {
    margin-bottom: 16px;
}

.filter__label {
    margin-bottom: 8px;
}

.dropdown .dropdown__button,
.dropdown .dropdown__button:hover,
.dropdown .dropdown__button:focus,
.dropdown .dropdown__button:active,
.dropdown .dropdown__button:visited,
.dropdown .dropdown__list {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.dropdown .dropdown__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    background: #FFFFFF;
    border: 2px solid #F1F1F1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #C0C0C0;
    line-height: 1;
    text-transform: initial;
}


.dropdown.open .dropdown__button {
    color: #464646;
    border: 2px solid #BCE0FD;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border-bottom: 0;
}

.dropdown .dropdown__list {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 2px solid #BCE0FD;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border-top: 0;
    overflow: hidden;
}

.dropdown .dropdown__list-item {
    padding: 2px 16px;
}

.dropdown .dropdown__list-item:hover,
.dropdown .dropdown__list-item-selected {
    background-color: #BCE0FD;
}

.dropdown .dropdown__button--disabled,
.dropdown.open .dropdown__button--disabled {
    color: #C0C0C0;
    background-color: #F1F1F1;
    border: 1px solid #C0C0C0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.dropdown .dropdown__button--disabled .dropdown__icon {
    color: #C0C0C0;
}

.dropdown .dropdown__button--disabled + .dropdown__list {
    border: 0;
}

.dropdown .dropdown__button-selected {
    color: #464646;
    background-color: #F1F9FF;
    border-color: #BCE0FD;
}

.dropdown.open .dropdown__button--selected {
    background-color: #FFFFFF;
}

    /* -------------------------------------------------------------------------- */
/*      ==Cart                                                                */
/* -------------------------------------------------------------------------- */

.my-selection .badge {
    background-color: #E3EBF1;
    color: #006FB4;
    top: -6px;
    left: calc(50% + 8px);
    position: absolute;
    border: 1px solid #ffffff;
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}

/*.my-selection .badge-quotation {
    margin-left: -40px !important;
}*/

.quick-add-article {
    white-space: nowrap;
}

.quick-add-article span {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .my-selection .badge {
        /*margin-left: 16px;*/
        top: -7px;
        left: 20px;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==Slider                                                              */
/* -------------------------------------------------------------------------- */

.go-away {
    margin-top: 20px;
}

.fixer {
    padding: 10px 25px;
    background-color: #FBFAFB;
    margin-left: 10px;
    margin-bottom: 25px;
    clear: both;
}

.overflow-fixer {
    overflow: auto;
}

.header-cross-selling {
    color: #0078AE;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #0078AE;
    margin: 10px 0;
    padding: 10px 0;
    margin-top: 0;
}

.cross-selled-article {
    display: block;
    color: #0078AE;
    min-height: 90px;
    max-height: 150px;
    overflow: hidden;
}

.cross-selling-emphasis, .cross-selling-emphasis:hover {
    width: 100%;
    background: #3E3E3E;
    color: #EFEFEF;
    display: block;
    padding: 7px;
    text-transform: uppercase;

}

.cross-selling-emphasis:hover {
    text-decoration: underline;
}

.cross-selled-article-desc {
    min-height: 43px;
    max-height: 43px;
    overflow: hidden;
    font-size: 10px;
    display: block;
}

.cross-selling-picture {
    background: #FFFFFF;
    overflow: hidden;
}

.cross-selling-picture-fix {
    width: 100%;
}

.img-center-outer-cross-selling {
    display: table;
    width: 100%;
    height: 90px;
}

.cross-link-emphasis {
    color: #d7c500;
    font-size: 18px;
}

.cross-link-emphasis:hover {
    color: #FFFFFF;
}

.cross-selling {
    margin-bottom: 10px !important;
}

.cross-selling p {
    border-radius: 4px;
    margin-top: 2px;
}

.add-cross-btn {
    width: 100%;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5px;
    background: #FFFFFF;
    color: #0078ae;
}

.cross-white, .cross-white:hover, .cross-white:visited {
    color: #0078AE;
}

.cross-inner {
    margin: 0 10px;
    color: #fff;
}

.slick-prev {
    left: -19px;
}

.slick-next {
    right: -19px;
}

/* -------------------------------------------------------------------------- */
/*      ==Spinner jQuery UI                                                   */
/* -------------------------------------------------------------------------- */

.ui-spinner {
    max-width: 140%;
}

/* -------------------------------------------------------------------------- */
/*      ==ORDER                                                                */
/* -------------------------------------------------------------------------- */

.box-price-white {
    text-align: right;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.1em;
    border: 0;
    background: #fbfafb;
    text-transform: uppercase;
}

.box-price-grey {
    text-align: right;
    /*padding: 10px 8px;*/
    font-weight: bold;
    font-size: 1.1em;
    background: #fbfafb;
    text-transform: uppercase;
}

.eorder-form .product-price-td {
    color: #0070b2;
    font-weight: bold;
    font-size: 1em;
}

.eorder-form .price {
    font-size: 1.5em;
    color: #037ab2;
    font-weight: bold;
}

/*
.product-name {
    color: #3e3e3e;
    text-transform: uppercase;
}*/

.eorder-form .product-name a {
    color: #337ab7;
}

.img-btn-delete {
    width: 9px !important;
    height: 9px !important;
    vertical-align: middle !important;
}

.eorder-form button.form-submit,
.eorder-form a.form-submit {
    background-color: #ff9800;
    color: #fff;
    font-weight: bold;
}

.eorder-form .form-submit:hover,
.eorder-form a.form-submit:hover {
    background-color: #fdaa30;
    border: none;
}

.fieldset-two-lines {
    border: none;
    margin-bottom: 30px;
}

.fieldset-two-lines legend {
    border: none;
    font-size: 1em;
}

.fieldset-two-lines label {
    background: #fff;
    color: #037ab2;
    padding: 2px 10px;
    text-transform: uppercase;
    font-size: 1.1em;
}

.eorder-form .panel-heading {
    background: #037ab2;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
}

.eorder-form .panel-heading-grey {
    background: #f5f5f5;
    color: #000;
    padding: 5px 15px;
    color: #666;
    font-size: 1.2em;
}

.eorder-form h4 {
    margin: 0;
}

.eorder-form .product-img {
    border: 1px solid #037ab2;
}

/* visitor */
a.btn.form-submit.btn-lg.registrer-btn {
    background-color: #ff9800;
    border: medium none;
    color: #fff;
}

a.btn.form-submit.btn-lg.registrer-btn:hover {
    background-color: #fdaa30;
    border: medium none;
    color: #fff;
}

.eorder-step-1 .registrer-btn {
    background-color: #ff9800;
    border: none;
    color: #FFF;
}

.eorder-step-1 .registrer-btn:hover {
    background-color: #fdaa30;
    border: none;
    color: #FFF;
}

/* Modif ponctuelle hover du btn primary*/
.eorder-step-1 .btn-little-size {
    border: none;
}

.eorder-step-1 a.btn-little-size:hover {
    background-color: #008cdf;
    border: none;
}

.btn-uppercase {
    font-weight: bold;
    text-transform: uppercase;
}

.btn-little-size {
    font-size: 1em;
}

#btn-anno-login {
    background: #337ab7;
    border-color: #2e6da4;
}

/* begin infos*/
eorder-step-1 p.information {
    font-weight: bold;
}

/*
.tspin {
    text-align: center;
}*/

.bootstrap-touchspin-down, .bootstrap-touchspin-up {
    background-color: #0070b2;
    color: #fff;
    border-radius: 20px;
}

/* -------------------------------------------------------------------------- */
/*      ==ORDER - step 2                                                      */
/* -------------------------------------------------------------------------- */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
}

.noExtraFee .ui-state-default, .noExtraFee .ui-state-hover {
    color: #008000;
    font-weight: bold;
}

.expressDeliveryFee .ui-state-default, .expressDeliveryFee .ui-state-hover {
    color: #000;
    font-style: italic;
}

.lateCutOffFee .ui-state-default, .lateCutOffFee .ui-state-hover {
    color: red;
    font-style: italic;
}

.ui-datepicker-today .ui-state-default, .ui-datepicker-today .ui-state-hover {
    color: orange;
    font-weight: bold;
}

.ui-dialog.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-datepicker-next, .ui-datepicker-prev {
    top: 6px !important;
    width: 20px !important;
    height: 20px !important;
    background-color: #DFDFDF;
    border-radius: 50%;
    cursor: pointer;
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover {
    background-image: none !important;
    background-color: #375F9B !important;
    border: none !important;
}

.ui-datepicker-next .ui-icon {
    background-image: url('../images/arrow-calendar-right.png');
}

.ui-datepicker-prev .ui-icon {
    background-image: url('../images/arrow-calendar-left.png');
}

.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
    -webkit-background-size: 50%;
    background-size: 50%;
    background-position: center;
}

/* -------------------------------------------------------------------------- */
/*      ==GAS MODEL                                                           */
/* -------------------------------------------------------------------------- */

.H1-decalage H1 {
    margin-left: 15px;
}

/* -------------------------------------------------------------------------- */
/*      ==FORUM                                                               */
/* -------------------------------------------------------------------------- */
.page-forum .action-links li {
    list-style: none;
}

/* -------------------------------------------------------------------------- */
/*      ==Addtoany                                                               */
/* -------------------------------------------------------------------------- */
.addtoany {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding: 10px 0;
}

/* -------------------------------------------------------------------------- */
/*      ==PNOTIFY                                                               */
/* -------------------------------------------------------------------------- */
.ui-pnotify.stack-bottomright {
    /* These are just CSS default values to reset the PNotify CSS. */
    right: auto;
    top: auto;
    left: auto;
    bottom: auto;
}

/* -------------------------------------------------------------------------- */
/*      ==Contact cards                                                       */
/* -------------------------------------------------------------------------- */
.h-card span {
    display: block;
}

.h-card span.p-tel {
    display: inline-block;
}

.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

.bs-callout h4 {
    margin-top: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}

.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}

.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

.partial-my-account {
    width: 90%;
    margin: auto;
}

/* -------------------------------------------------------------------------- */
/*      ==Account                                                             */
/* -------------------------------------------------------------------------- */

.profile-category h2 {
    margin-bottom: 20px;
}

.profile-links {
    margin: 20px 0;
    padding: 0;
}

.profile-links li {
    list-style: none;
}

/*firefox bug fix*/
#edit-almanageaccount-logo-upload {
    height: auto;
}

.profile-links-action {
    text-align: right;
    margin: 20px 0px;
}

/*
.form-type-managed-file {
    padding: 0px 15px;
}*/

/* -------------------------------------------------------------------------- */
/*      ==Upselling                                                           */
/* -------------------------------------------------------------------------- */

.upselling-switch-button {
    margin-left: 5px;
}

.upselling-switch-button-style, .downselling-switch-button-style, .upselling-add-to-quote-style {
    padding: 3px 8px;
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

.upselling-switch-button:hover, .downselling-switch-button:hover, .upselling-add-to-quote:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.upselling-switch-button-style.switch-disabled, .downselling-switch-button-style.switch-disabled, .upselling-add-to-quote-style.add-quote-disabled {
    background-color: #e6e6e6;
    cursor: initial;
}

.no-marging {
    margin: 0;
}

/* -------------------------------------------------------------------------- */
/*      ==Crumb - Quotation/Eorder                                            */
/* -------------------------------------------------------------------------- */

#crumbs {
    text-align: center;
    margin-bottom: 20px;
}

#crumbs ul {
    list-style: none;
    display: inline-table;
}

#crumbs ul li {
    display: inline;
}

#crumbs ul li a {
    display: block;
    float: left;
    /*height: 50px;*/
    background: #EFEFEF;
    text-align: center;
    padding: 9px 25px 10px;
    position: relative;
    margin: 0 10px 0 0;
    font-size: 16px;
    text-decoration: none;
    color: #9A9A9A;
}

#crumbs ul li a:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #EFEFEF;
    z-index: 1;
    position: absolute;
    right: -20px;
    top: 0;
}

#crumbs ul li a:before {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
}

#crumbs ul li:first-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 15px;
}

#crumbs ul li:first-child a:before {
    display: none;
}

#crumbs ul li:last-child a {
    padding-left: 45px;
    padding-right: 15px;
}

#crumbs ul li:last-child a:after {
    display: inline;
}

#crumbs ul li a.active {
    background: #037AB2;
    color: #FFFFFF;
    font-weight: bold;
}

#crumbs ul li a.active:after {
    border-left-color: #037AB2;
}

#tree_admin ul {
    list-style: none;
}

#tree_admin > ul {
    background: #fff;
    border: 1px solid #eee;
    padding: 10px 20px;
}

#tree_admin label {
    font-weight: normal;
}

/* -------------------------------------------------------------------------- */
/*      ==Notification                                                        */
/* -------------------------------------------------------------------------- */
.notification {
    display: flex;
    align-items: flex-start;
    color: #464646;
    font-size: 15px;
    padding: 15px;
    margin: 16px 0 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.notification__icon {
    min-width: 20px;
    text-align: center;
    margin-top: 3px;
    margin-right: 10px;
}

.notification__text {
    margin-bottom: 0;
}

.notification--information {
    background-color: #F1F9FF;
}

.notification--information .notification__icon {
    color: #375F9B;
}

.notification--success {
    background-color: #EBFFF2;
    color: #3C763D;
}

.notification--success .notification__text,
.notification--success .notification__icon{
    color: #3C763D;
}

.notification--error {
    padding: 0;
    margin: 8px 0 0 0;
    color: #A94442;
}

/* -------------------------------------------------------------------------- */
/*      ==Page manage notification                                            */
/* -------------------------------------------------------------------------- */
.page-manage-notifications .table-select-processed thead th {
    font-weight: bold !important;
    border-bottom: 1px solid #666 !important;
}

.page-manage-notifications table .checkbox {
    margin-top: 0;
}

.block-header-cookie {
    background-color: #000000;
    color: #FFFFFF;
    padding: 10px;
}

/* -------------------------------------------------------------------------- */
/*      ==Page                                                                */
/* -------------------------------------------------------------------------- */
/* @TODO: remove when real pagination has been developed. */
.page-my-dashboard .paging * {
    display: none;
}

/*----------------- Implementation of P2 pages -----------------------*/

.bonus-wigdet-disable {
    opacity: 0.5;
}

/* Bonusbar menu */
a.btn.btn-al-primary.bonus-login.btn-login-header {
    background: #f4f2f3 url("../images/icon/ico_bonusbar.png") no-repeat scroll 9px center;
    text-indent: 35px;
}

a.btn.btn-al-primary.bonus-login.btn-login-header:hover {
    background-color: #f8f7f8;
}

@media screen and (max-width: 600px) {
    a.btn.btn-al-primary.bonus-login.btn-login-header {
        background-position: 42% center;
    }
}

.page-loyalty-agreement .modal-dialog {
    width: 368px !important;
}

.page-loyalty-agreement .modal_footer {
    margin-top: 10px;
}

.page-loyalty-agreement .cancel {
    margin-right: 20px;
    text-decoration: underline;
}

#bonusbar_content {
    float: left;
    height: auto;
    overflow: hidden;
    width: 400px;
}

.bonus-container {
    margin: 3% auto;
}

#bonus_sideimage {
    float: left;
    height: auto;
    margin-left: 8%;
    width: 300px;
    margin-top: 10%;
}

#bonus_sideimage img {
    height: 100%;
    width: 100%;
}

#bonusbar_content .bb-home,
#bonusbar_content .btn,
.page-loyalty-agreement button#edit-accept {
    background-color: #0092DD;
    border: 1px solid #0092DD;
    color: #fff;
    padding: 8px 15px;
}

#bonusbar_content .bb-home:focus,
#bonusbar_content .bb-home:hover,
#bonusbar_content .btn:focus,
#bonusbar_content .btn:hover,
.page-loyalty-agreement button#edit-accept:focus,
.page-loyalty-agreement button#edit-accept:hover {
    background-color: #0076B3;
    text-decoration: none;
    outline: none;
}

#bonusbar_content .bb-home .glyphicon {
    padding-right: 7px;
}

#bonusbar_content div h2 {
    margin: 38px;
    text-transform: uppercase;
}

#bonusbar_content div p {
    margin: 19px 0px 29px 38px;
}

#bonusbar_content .btn {
    margin: 0 38px 38px 38px;
}

.page-loyalty-agreement button#edit-accept {
    margin: 0 0 0 25px;
}

.page-loyalty-agreement #modalContent {
    display: block;
    left: 400px;
    position: absolute;
    right: 400px;
    top: 78.5px;
    z-index: 1001;
}

#alloyalty-accept-form .accept-text p {
    margin: 10px 11px 16px 16px;
}

#alloyalty-accept-form .accept-text {
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
}

.page-loyalty-agreement button.close {
    padding: 18px 18px 0 0;
}

.page-loyalty-agreement .modal-header {
    border-bottom: none;
    padding: 15px 0 0 15px;
}

.page-loyalty-agreement .modal-header h4 {
    margin: 10px 11px 0 16px;
    border-bottom: none;
    color: #cccccc;
    font-weight: bold;
    font-size: 15px;
}

.page-loyalty-agreement .accept-wrapper {
    float: right;
}

form#alloyalty-accept-form div.form-type-checkbox {
    margin-left: 40px;
}

form#alloyalty-accept-form div.form-type-checkbox label {
    padding-left: 0 !important;
}

.page-loyalty-agreement #modal-content .modal-body {
    padding: 15px 0 0 15px;
}

/* ----------------------- My Stock Balance Page CSS ------------------------ */

/* Rental group table */
.page-list-my-stock-balance #rentgroup_table_wrap {
    margin-top: 15%;
}

.page-list-my-stock-balance #rentgroup_table_wrap table thead tr th span {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 98px;
    display: inline-block;
    font-style: normal;
}

.page-list-my-stock-balance #rentgroup_table_wrap table tbody tr {
    border-bottom: 1px solid #e6e6e6;
}

.page-list-my-stock-balance #rentgroup_table_wrap table tbody tr.even {
    background-color: #f4f4f4;
}

.page-list-my-stock-balance #rentgroup_table_wrap table tbody tr.odd {
    background-color: transparent;
}

.page-list-my-stock-balance #rentgroup_table_wrap table tbody tr td,
.page-list-my-stock-balance #rentgroup_table_wrap table thead tr th {
    text-align: center;
    vertical-align: middle;
}

.page-list-my-stock-balance #rentgroup_table_wrap table thead tr th:first-child span,
.page-list-my-stock-balance #rentgroup_table_wrap table thead tr th:first-child {
    text-align: left;
    padding-left: 10px;
}

.page-list-my-stock-balance #rentgroup_table_wrap table tbody tr td:first-child {
    font-weight: bold;
    text-align: left;
    padding: 20px;
}

/* Stock balance graph */
.page-list-my-stock-balance #graph_img_wrap {
    background: url(../images/stock-graph-bg.png) repeat bottom center;
    margin-top: 12%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-end;

    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari */
    -webkit-justify-content: space-around; /* Safari */
    -webkit-align-items: flex-end;
}

.page-list-my-stock-balance #graph_img_wrap .graph {
    min-width: 10%;
    position: relative;
}

.page-list-my-stock-balance #graph_img_wrap .caption {
    font-weight: bold;
    color: #037ab2;
    margin-bottom: 16px;
    font-size: 16px;
    display: block;
    text-align: center;
}

.page-list-my-stock-balance #graph_img_wrap div.graph-data {
    background-color: #037ab2;
}

.page-list-my-stock-balance #graph_img_wrap .rent-grp {
    width: 100%;
    bottom: -20px;
    left: 0;
    position: absolute;
    display: block;
    text-align: center;
}

.page-list-my-stock-balance #graph_img_wrap .rent-grp a:hover {
    color: #fff;
    background-color: #037ab2;
    text-decoration: none;
}

.page-list-my-stock-balance #graph_img_wrap .rent-grp a {
    border: 1px solid #037ab2;
    display: block;
    position: absolute;
    width: 100%;

}

.page-list-my-stock-balance #graph_img_wrap .rent-grp span.btn_disable {
    cursor: default;
    text-decoration: none;
    opacity: 0.5;
    border: 1px solid #037ab2;
    display: block;
    color: #337ab7;
    position: absolute;
    width: 100%;

}

.page-list-my-stock-balance #graph_img_wrap .rent-grp span.btn_disable:hover {
    color: #337ab7;
    background-color: transparent;
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-list-my-stock-balance #graph_img_wrap .rent-grp {
        bottom: -55px;
    }

    .page-list-my-stock-balance #graph_img_wrap .rent-grp a {
        word-wrap: break-word;
    }
}

/* stock balance select box */
.page-list-my-stock-balance .form-item-sold-to-dropdown .form-control.form-select,
.page-list-my-stock-balance-graph .form-item-ship-to-list .form-control.form-select {
    width: 85%;
}

/* ------------------------- My Stock Balance Graph Page CSS --------------------- */

/* Rental group filter section */
#rental_category_wrap, #rental_desc_wrap {
    width: 33%;
    display: inline-block;
    margin-right: 20px;
}

@media (max-width: 991px) {
    #rental_category_wrap,
    #rental_desc_wrap,
    .page-list-my-stock-balance-graph .form-item-ship-to-list .form-control.form-select {
        width: 100%;
    }
}

/* Stock Month filter */
.page-list-my-stock-balance-graph .stock-month-filter,
.page-list-my-stock-balance-graph .graph-legend-section {
    text-align: right;
}

.page-list-my-stock-balance-graph .stock-month-filter button {
    display: inline-block;
    border: 1px solid #2e6da4;
    padding: 6px;
    background-color: #337ab7;
    color: #fff;
}

.page-list-my-stock-balance-graph .stock-month-filter button:hover {
    background-color: #286090;
    border-color: #204d74;
}

.page-list-my-stock-balance-graph .stock-month-filter button:active,
.page-list-my-stock-balance-graph .stock-month-filter button:focus {
    box-shadow: none;
    outline: medium none;
    outline-offset: 0;
}

.page-list-my-stock-balance-graph .stock-month-filter button.btn-prev {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    margin-right: 0;
}

.page-list-my-stock-balance-graph .stock-month-filter button.btn-next {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-left: -2px;
}

.page-list-my-stock-balance-graph .stock-month-filter div#change_month {
    display: inline-block;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 5px 28px 7px;
}

/* Add To Contract Section */
.page-list-my-stock-balance-graph .add-to-contract-section {
    background-color: #f4f2f3;
    padding: 10px;
    margin-top: 6%;
    display: flex;
    justify-content: space-around;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-around;

    display: -webkit-flex;
    -webkit-justify-content: space-around;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-align-content: space-around;
}

.page-list-my-stock-balance-graph .add-to-contract-section div,
.page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-title label,
.page-list-my-stock-balance-graph .modal-content .modal-body .form-item-contract-terms-and-cond {
    margin: 0;
}

.page-list-my-stock-balance-graph .add-to-contract-section #edit-category-name,
.page-list-my-stock-balance-graph .add-to-contract-section #edit-category-date {
    font-style: italic;
    width: auto;
    max-width: 120px;
}

.page-list-my-stock-balance-graph .add-to-contract-section .form-item-contract-quantity input {
    border-radius: 0;
    padding: 4px 3px;
    height: 28px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2) inset;
    width: 8.5em;
}

.page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-button,
.page-list-my-stock-balance-graph .modal-content .modal-body .contract-btn-wrapper .contract-confirm,
.page-list-my-stock-balance-graph .modal-content .confirm-ok-content button.contract-ok-btn {
    background-color: #ff9800;
    border: none;
    text-transform: uppercase;
    border-radius: 0;
    color: #fff;
}

.page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-button:hover,
.page-list-my-stock-balance-graph .modal-content .modal-body .contract-btn-wrapper .contract-confirm:hover,
.page-list-my-stock-balance-graph .modal-content .confirm-ok-content button.contract-ok-btn:hover {
    background-color: #fdaa30;
}

.page-list-my-stock-balance-graph .add-to-contract-section .quantity-error {
    display: block;
    margin-bottom: 22px;
    width: 100%;
}

/* Add to contract popup box */
.page-list-my-stock-balance-graph .modal-content {
    border-radius: 0;
    background-color: #f4f2f3;
    border: 1px solid #ddd;
    padding: 18px 20px;
    box-shadow: none;
}

.page-list-my-stock-balance-graph .modal-content .modal-header,
.page-list-my-stock-balance-graph .modal-content .modal-body,
.page-list-my-stock-balance-graph .modal-content .modal-body .form-item-contract-chk label {
    padding: 0;
    border-bottom: 0;
}

.page-list-my-stock-balance-graph .modal-content .modal-body {
    width: auto !important;
    height: auto !important;
}

.page-list-my-stock-balance-graph .modal-content .modal-header h4 {
    color: #000;
    background: none;
    border: none;
    font-size: 13px;
    margin: 0 0 12px 0;
    font-weight: bold;
}

.page-list-my-stock-balance-graph .modal-content .modal-header .close {
    display: none;
}

.page-list-my-stock-balance-graph .modal-content .modal-body .form-type-item {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #337ab7;
}

.page-list-my-stock-balance-graph .modal-content .modal-body .form-item-contract-terms-and-cond label {
    font-weight: normal;
}

.page-list-my-stock-balance-graph .modal-content .modal-body .form-type-item label {
    padding: 6px 4px;
    margin: 0;
}

.page-list-my-stock-balance-graph .modal-content .modal-body .contract-btn-wrapper {
    text-align: right;
}

.page-list-my-stock-balance-graph .modal-content .modal-body .contract-btn-wrapper .contract-cancel {
    border: none;
    text-decoration: underline;
    color: #337ab7;
    background-color: transparent;
}

.page-list-my-stock-balance-graph .modal-content .btn.active.focus,
.page-list-my-stock-balance-graph .modal-content .btn.active:focus,
.page-list-my-stock-balance-graph .modal-content .btn.focus,
.page-list-my-stock-balance-graph .modal-content .btn.focus:active,
.page-list-my-stock-balance-graph .modal-content .btn:active:focus,
.page-list-my-stock-balance-graph .modal-content .btn:focus,
.page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-button:active,
.page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-button:focus {
    outline: none;
    outline-offset: 0;
    box-shadow: none;
    border: none;
}

.page-list-my-stock-balance-graph .modal-content .modal-body .contract-btn-wrapper .contract-confirm {
    padding: 4px 15px;
    margin-left: 0;
}

.page-list-my-stock-balance-graph .modal-content .confirm-ok-content {
    width: 100%;
    text-align: center;
    padding: 0 9%;
}

.page-list-my-stock-balance-graph .modal-content .confirm-ok-content button.contract-ok-btn {
    margin: 7% 0 0 0;
    padding: 1% 17%;
}

.page-list-my-stock-balance-graph .modal-content .confirm-ok-content .cust-service-text {
    font-style: italic;
}

/* Monthly stock balance graph */
.page-list-my-stock-balance-graph .jqplot-point-label {
    font-size: 18px;
    color: #000;
    margin-top: 46px;
    margin-left: 0px;
    display: inline-block !important;
}

/* Stock graph legend sction */
.page-list-my-stock-balance-graph .graph-legend-section {
    margin-top: 5%;
}

.page-list-my-stock-balance-graph .graph-legend-section #edit-stock-graph-legend {
    display: inline-block;
    text-align: left;
}

.page-list-my-stock-balance-graph .graph-legend-section div .glyphicon {
    margin-right: 8px;
}

.page-list-my-stock-balance-graph .graph-legend-section div.daily-stock .glyphicon {
    color: #e6e6e6;
}

.page-list-my-stock-balance-graph .graph-legend-section div.contract-coverage .glyphicon {
    color: #d5012d;
}

/* Stock balance addredss section */
.page-list-my-stock-balance-graph .stock-add-table {
    width: 100%;
    margin: 4% 0;
}

.page-list-my-stock-balance-graph .stock-add-table .tablesorter-header {
    display: inline-block;
    background-image: url("../images/icon/sort_icon.png");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 25px;
    outline: none;
}

.page-list-my-stock-balance-graph .stock-add-table .tablesorter-headerDesc {
    background-image: url("../images/icon/sort_desc_icon.png");
}

.page-list-my-stock-balance-graph .stock-add-table .tablesorter-headerAsc {
    background-image: url("../images/icon/sort_asc_icon.png");
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td {
    font-size: 14px;
    margin: 8px 0 0;
    display: block;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a {
    font-weight: bold;
    color: #333;
    display: block;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a:focus,
.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a:hover {
    outline: none;
    text-decoration: none;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a span {
    font-weight: normal;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a span.sold-to-text {
    font-weight: bold;
    padding: 0;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a span.glyphicon {
    vertical-align: middle;
    margin-left: 30px;
    color: grey;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow {
    background: #f4f2f3;
    font-size: 14px;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc {
    display: block;
    margin: 0 auto;
    max-width: 80%;
    width: 50%;
    padding: 7px 0;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc div,
.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc div span {
    padding-left: 0;
    padding-right: 0;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc div span:last-child {
    text-align: right;
    padding-right: 11px;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .sign {
    box-sizing: content-box;
    display: inline-block;
    padding: 0 10px 0 0;
    width: 4px;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .stock {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    margin-bottom: 7px;
    padding-bottom: 2px;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .end-stock {
    border-top: 1px solid #ddd;
    font-weight: bold;
    margin-top: 7px;
    padding-top: 2px;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .stock span:first-child,
.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .end-stock span:first-child {
    font-style: italic;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .stock span:last-child,
.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc .end-stock span:last-child {
    padding-right: 0;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc div span a {
    text-decoration: underline;
}

/* Pagination - adressess section */
.page-list-my-stock-balance-graph .pager .pagination-wrapper {
    display: inline-block;
    box-sizing: content-box;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-radius: 4px;
}

.page-list-my-stock-balance-graph .pager input[type="button"] {
    background-color: transparent;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 0 0;
    box-sizing: content-box;
    color: #007edf;
    padding: 4px 12px;
    width: 30px;
    outline: none;
}

.page-list-my-stock-balance-graph .pager input[type="button"].disabled {
    background-color: #ddf;
    color: grey;
    cursor: default;
}

.page-list-my-stock-balance-graph .pager input[type="button"].next {
    margin-left: -4px;
}

.mv_hide {
    display: none;
}

.page-list-my-stock-balance #table_msg_wrap {
    text-align: center;
    font-weight: bold;
    margin-bottom: 12%;

}

.terms_conditions_string div.form-item {
    border: 0px;
    margin-bottom: 4px;
    color: #333;
}

.terms_conditions_wrap {
    background: white;
    padding: 3px;
    max-height: 200px;
    overflow-y: scroll;
    box-sizing: border-box;
    -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 0px 5px rgba(34, 34, 34, 0.53);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.terms_conditions_string {
    margin-top: -5px;
}

.terms_conditions_wrap p {
    color: #424141;
}

.page-list-my-stock-balance-graph .stock-add-table tbody tr.address-row td a {
    border: 1px solid #ddd;
    float: left;
    padding: 10px;
    width: 100%;
}

/*--------------------- Stock balance immobilization_fee CSS ---------------------------*/
.immmobe-fee-section table tbody tr td:first-child {
    text-align: left;
}

.immmobe-fee-section table tbody tr td {
    text-align: center;
}

.immmobe-fee-section .immobi-back-link {
    padding: 12px;
    margin-bottom: 30px;
}

/*--------------------------- My shopping cart Page CSS ------------------------- */
.page-eorder .gas-table .sorting_desc,
.page-eorder .gas-table .sorting_asc,
.page-eorder .gas-table .sorting,
.page-eorder .equip-table .sorting_desc,
.page-eorder .equip-table .sorting_asc,
.page-eorder .equip-table .sorting {
    vertical-align: middle;
    background-position: right center !important;
}

.page-eorder .gas-table .sorting_disabled,
.page-eorder .equip-table .sorting_disabled {
    line-height: 3em !important;
}

.page-eorder .a-product-eorder td .img-responsive {
    max-width: 50px !important;
    width: auto !important;
}

/*
tr.a-product-eorder .product-name {
    font-weight: normal;
}*/

.page-eorder .gas-table tr.a-product-eorder td:first-child,
.page-eorder .equip-table tr.a-product-eorder td:first-child {
    width: 8%;
}

.page-eorder .gas-table tr.a-product-eorder td.product-quantity,
.page-eorder .equip-table tr.a-product-eorder td.product-quantity {
    width: 16%;
}

.page-eorder .a-product-eorder .loader-price,
#gas-total-price .loader-price {
    margin-left: 22px;
    display: block;
}

.page-eorder .gas-table .product-price,
.page-eorder .gas-table .gas-product-price-currency {
    color: #0070b2;
    font-weight: 700;
}

/* ------------------ My shopping cart page - Delivery Mode --------------------*/

/* fixing Empty cart button position */
.page-eorder .empty-cart-wrapper {
    float: left;
    width: 100%;
}

.page-eorder .empty-cart-wrapper .cart-wrap {
    width: auto;
}

.page-eorder .empty-cart-wrapper .empty-btn {
    float: right;
}

/* choose delivery method section */
.page-eorder-delivery .eorder-form.eorder-step-2 .panel-body {
    padding: 0 30px 15px;
}

.page-eorder-delivery .form-item-indirect-delivery-mode .form-radios div,
.page-eorder-delivery #edit-delivery-choice div {
    display: inline-block;
    margin-left: 0;
    margin-right: 8%;
    margin-top: 0;
}

.page-eorder-delivery .form-item-indirect-delivery-mode .form-radios div label,
.page-eorder-delivery .form-item-delivery-choice .form-radios div label {
    padding-left: 15px;
}

.page-eorder-delivery .eorder-form.eorder-step-2 input[type='radio'] {
    outline: none;
}


#edit-choose-distributor {
    margin-top: 3%;
}

.page-eorder-delivery #edit-choose-distributor .choose-distributor-wrapper .choose-distributor-text {
    width: 65%;
    float: left;
}

.page-eorder-delivery #edit-choose-distributor .choose-distributor-wrapper .choose-distributor-text p,
.page-eorder-delivery #edit-choose-distributor .choose-distributor-wrapper .distributor-details p {
    margin: 0;
}

.page-eorder-delivery #edit-choose-distributor .choose-distributor-wrapper .distributor-details p.dist-add-title {
    margin-bottom: 5px;
}

.page-eorder-delivery #edit-choose-distributor .choose-distributor-wrapper .distributor-details {
    border-left: 2px solid #c4c4c4;
    padding-left: 30px;
    width: 26%;
    float: left;
}

.page-eorder-delivery #edit-choose-distributor .choose-distributor-wrapper .choose-distributor-text .choose-distributor-btn {
    background-color: #0070b2;
    padding: 5px 8px;
    text-decoration: none;
    color: #fff;
    margin: 18px 0;
    display: inline-block;
}

.page-eorder-delivery #search-zipcode {
    border: 1px solid #e4e4e4;
    display: block;
    padding: 10px 34px;
    text-align: right;
}

.page-eorder-delivery #search-zipcode label {
    display: block;
    font-weight: normal;
    margin-right: 10%;
}

.page-eorder-delivery .distributor-map-wrapper {
    background-color: #f4f2f3;
    padding: 19px 23px;
}

.page-eorder-delivery .distributor-map-wrapper .title-text {
    font-weight: bold;
    margin: 0 5%;
}

.page-eorder-delivery .distributor-map-wrapper .gm-style-iw .btn.indirect-choose-distributor {
    background-color: #1380b6;
    border-radius: 0;
    padding: 1px 17px;
}

.page-eorder-delivery .distributor-map-wrapper .gm-style-iw .distb-link,
.page-eorder-delivery .distributor-map-wrapper .gm-style-iw .distb-address {
    padding-left: 0;
    padding-right: 0;
}

.page-eorder-delivery .distributor-map-wrapper .gm-style-iw .distb-link a {
    margin-right: 6px;
}

.eorder-form .form-wrapper {
    margin-bottom: 25px;
}

.eorder-form.eorder-step-2 .form-bottom-btn a.btn-info,
.page-eorder-delivery #distributor-map-wrapper a.btn-info,
.page-eorder-validation #aleorder-validation-form a.btn-info {
    font-size: 1.2em;
    padding: 6px 26px;
}

/* total delivery fee section */
.page-eorder-delivery .delivery-fee-wrapper,
.page-eorder-delivery .equip-fee-wrapper {
    padding: 0 30px 15px;
    margin-top: 10px;
}

.page-eorder-delivery .delivery-fee-wrapper .delivery-label-box span,
.page-eorder-delivery .equip-fee-wrapper .delivery-label-box span {
    text-transform: inherit;
    background: #fff none repeat scroll 0 0;
    color: #037ab2;
    font-size: 1.1em;
    padding: 2px 10px;
    text-transform: inherit;
    font-weight: bold;
}

.page-eorder-delivery .delivery-fee-wrapper .delivery-fee-details,
.page-eorder-delivery .equip-fee-wrapper .delivery-fee-details {
    margin: 4% 0 0 0;
}

.page-eorder-delivery .delivery-fee-wrapper .delivery-fee-details .order-type,
.page-eorder-delivery .equip-fee-wrapper .delivery-fee-details .order-type {
    padding: 8px 0;
}

.page-eorder-delivery .delivery-fee-wrapper .delivery-fee-details .total-delivery-label,
.page-eorder-delivery .equip-fee-wrapper .delivery-fee-details .total-delivery-label {
    margin: 0 40px 0 0;
    text-transform: uppercase;
}

.page-eorder-delivery .delivery-fee-wrapper .delivery-fee-details .total-delivery-fee,
.page-eorder-delivery .equip-fee-wrapper .delivery-fee-details .total-delivery-fee {
    color: #037ab2;
    font-size: 2em;
    font-weight: bold;
    vertical-align: middle;
}

.page-eorder-delivery .form-bottom-btn .al-delivery-back-submit {
    background-color: #3e3e3e;
    font-size: 1.2em;
    border: none;
    padding: 6px 26px;
}

.page-eorder-delivery .form-bottom-btn .al-delivery-back-submit:hover {
    background-color: #5c5c5c;
}

/* ------------------ My shopping cart page - Summary --------------------*/

.page-eorder-validation .form-item .modify-product,
.page-eorder-validation .form-item .modify-del-product {
    background-color: #337ab7;
    border-color: #2e6da4;
    border: medium none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

.page-eorder-validation #edit-launch-order,
.page-eorder-validation #edit-pay,
.page-eorder #edit-next {
    font-size: 1.2em;
}

.page-eorder-validation .form-item .modify-product:hover,
.page-eorder-validation .form-item .modify-product:active,
.page-eorder-validation .form-item .modify-product:focus,
.page-eorder-validation .form-item .modify-del-product:hover,
.page-eorder-validation .form-item .modify-del-product:active,
.page-eorder-validation .form-item .modify-del-product:focus {
    background-color: #286090;
    border-color: #204d74;
}

.page-eorder-validation table.look-up-table .a-product-eorder td:first-child,
.page-eorder-validation table.look-up-table .a-product-eorder td:last-child,
.page-eorder-validation table.table-hover .a-product-eorder td:first-child,
.page-eorder-validation table.table-hover .a-product-eorder td:last-child {
    color: #037ab2;
}

.page-eorder-validation table.look-up-table .a-product-eorder td:last-child {
    text-align: right;
}

/* Contact information section */
.page-eorder-validation .form-item-country-code,
.page-eorder-validation .form-item-comments .form-textarea-wrapper {
    display: inline-block;
}

.page-eorder-validation .form-item-country-code label {
    width: 120px;
}

.page-eorder-validation .form-item-country-code .form-select {
    width: 86px;
    display: inline-block;
    margin-left: 10px;
}

.page-eorder-validation .mobile-phone-label {
    display: inline-block;
    vertical-align: middle;
    width: 250px;
    margin-left: 10px;
}

.page-eorder-validation .mobile-phone-label .form-item-mobile {
    margin-bottom: 0;
}

.page-eorder-validation .form-item-comments {
    margin-top: 3%;
}

.page-eorder-validation .form-item-comments label {
    margin-right: 7%;
    vertical-align: top;
}

.page-eorder-validation .delivery-type-box .delivery-val-adress span {
    display: block;
    font-style: italic;
}

.page-eorder-validation .delivery-type-box .wrapper-delivery .del-price,
.page-eorder-validation .delivery-type-box .delivery-fee-details .del-fee {
    color: #037ab2;
}

.page-eorder-validation .delivery-type-box .delivery-fee-details {
    padding-top: 20px;
}

.page-eorder-validation .delivery-type-box .delivery-fee-section,
.page-eorder-validation .delivery-type-box .delivery-fee-section .delivery-fee-label {
    padding-left: 0;
}

/* ------------------ My shopping cart page - Confirmation --------------------*/

.page-eorder-confirmation .confirmation-fieldset p.distb-contact-info {
    margin-bottom: 0;
}

/* ----------------------- Quatation listing page -------------------------------*/

.page-quotation-list .create-quote-list .add-product-section {
    border: 1px solid #ddd;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 12px 0 30px 0;
}

.page-quotation-list .create-quote-list .add-product-section a {
    margin: 25px 0 0 0;
}

/* --------------  Quatation detail page - Approve quotation ----------------- */

.node-type-quotation .block .form-wrapper {
    margin-bottom: 25px;
}

.delivery-quot-btn-section, .confirm-quot-btn-section {
    display: block;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

.node-type-quotation .delivery-quot-btn-section a.btn-lg.contracting:hover,
.confirm-quot-btn-section .shopping-cart-link a:hover {
    background-color: #fdaa30;
}

.confirm-quot-btn-section .home-link a:hover {
    background-color: #5c5c5c;
}

/* Rental Mode section */
.rental-mode-quote-section .title,
.bottom-dl-quote-section p {
    font-weight: bold;
    width: 100%;
    margin: 0;
}

.rental-mode-quote-section .rent-price {
    margin-top: 10px;
}

/* Reject quot popUp box */
.node-type-quotation .ui-dialog {
    border-radius: 0;
    background: #f4f2f3 none;
    border: 1px solid #000;
}

.node-type-quotation .ui-dialog .ui-widget-header.ui-dialog-titlebar {
    color: #000;
    background: none;
    border: none;
    font-size: 13px;
}

.node-type-quotation .ui-dialog #dialog-quot-reject {
    font-size: 13px;
    padding-top: 22px;
}

.node-type-quotation .ui-dialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none;
}

.node-type-quotation .ui-dialog #dialog-quot-reject .required,
#field_reason_for_rejection_validate {
    color: red;
}

.node-type-quotation .ui-dialog #dialog-quot-reject textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #000;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.node-type-quotation .ui-dialog .ui-dialog-buttonpane {
    background: none;
    border: none;
    padding-top: 0;
    margin-top: 0;
}

.node-type-quotation .ui-dialog .ui-dialog-buttonpane .cancel-btn {
    border: none;
    text-decoration: underline;
    color: #337ab7;
    background-color: transparent;
}

.node-type-quotation .ui-dialog .ui-dialog-buttonpane .btn.active.focus,
.node-type-quotation .ui-dialog .ui-dialog-buttonpane .btn.active:focus,
.node-type-quotation .ui-dialog .ui-dialog-buttonpane .btn.focus,
.node-type-quotation .ui-dialog .ui-dialog-buttonpane .btn.focus:active,
.node-type-quotation .ui-dialog .ui-dialog-buttonpane .btn:active:focus {
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}

.node-type-quotation .ui-dialog .ui-dialog-buttonpane .reject-btn {
    border: none;
    background-color: #337ab7;
    color: #fff;
    padding: 4px 20px;
    border-radius: 0;
}

.node-type-quotation .delivery-detail-wrapper .row .col-md-6 {
    margin-bottom: 24px;
}

/* ----------------------- Quatation detail page - Confirmation -------------------------------*/

.page-contracting-confirmation .quote-confirmation-text {
    text-align: center;
}

.page-contracting-confirmation .quote-confirmation-text span.thank-you-text {
    padding-bottom: 20px;
    display: block;
}

.page-contracting-confirmation .quote-confirmation-text p {
    margin: 0;
}

.confirm-quot-btn-section .home-link,
.confirm-quot-btn-section .shopping-cart-link {
    display: inline-block;
}

.confirm-quot-btn-section .home-link a {
    background-color: #000;
    color: #fff;
    padding: 12px 18px;
    margin-right: 14px;
}

.confirm-quot-btn-section .add-to-shopping-btn {
    padding: 11px 17px !important;
}

.delivery-per-price .dl_price,
.bottom-dl-quote-section .pickup-value,
.rental-mode-quote-section .rental-price {
    color: #0070b2;
    font-weight: bold;
    font-size: 1.9em;
}

.bottom-dl-quote-section {
    border-top: 1px solid #c4c4c4;
    padding: 17px 0 0 0;
}

.bottom-dl-quote-section .condition-text {
    font-size: 11px;
}

/*--------------------- Claim block on contact page ----------------------------*/

.fieldset-claimlink .panel-heading {
    margin: 0;
}

.fieldset-claimlink .claim-btn {
    margin: 0 15px 30px;
}

/* -------------------------- Register claim page ------------------------------*/

.claim-send-btn {
    margin-bottom: 20px;
    padding: 6px 25px;
}

#claim-options .panel .form-item span.form-required,
.claimreason .form-item-claim-reason span.form-required {
    color: #d5012d;
}

#claim-options .panel {
    background-color: transparent;
    padding-top: 0;
    box-shadow: none;
    margin-bottom: 0;
}

#claim-options.panel .panel-body {
    padding: 0;
}

.create_claim_fileupload {
    margin-bottom: 15px;
}

/* -------------------------- List claim page ------------------------------*/
.page-header-claims {
    display: inline-block;
}

.page-list-claims .list-claim-title,
.page-list-more-claims .list-claim-title {
    float: left;
    width: 100%;
    padding-bottom: 9px;
    margin-bottom: 20px;
}

.page-list-claims .list-claim-title h2,
.page-list-more-claims .list-claim-title h2 {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.page-list-claims .table > tbody > tr > td,
.page-list-more-claims .table > tbody > tr > td {
    padding: 10px;
}

.page-list-claims .table > thead > tr > th,
.page-list-more-claims .table > thead > tr > th {
    vertical-align: middle;
}

.page-list-claims .claim-more-link {
    float: right;
    margin-bottom: 20px;
}

.page-list-claims .alert.alert-block,
.page-list-more-claims .alert.alert-block {
    width: 100%;
}

/* -------------------------- View claim page ------------------------------*/

.page-dashboard-claims section.col-md-9 > h2.page-header {
    display: none;
}

.page-dashboard-claims .claim-detail {
    padding: 0 5px;
}

@media (max-width: 768px) {
    .page-dashboard-claims .claim-sidebar {
        margin-top: 5%;
    }
}

.page-dashboard-claims .claim-detail .claim-label {
    font-weight: bold;
}

.page-dashboard-claims .claim-detail .claim-title {
    margin-bottom: 6%;
}

.page-dashboard-claims .claim-detail .claim-desc {
    margin-top: 3%;
}

.page-dashboard-claims .claim-detail .claim-product-detail {
    margin-bottom: 5%;
}

.page-dashboard-claims .claim-detail .claim-attachment {
    padding-right: 0;
}

.page-dashboard-claims .claim-detail .claim-attachment .claim-attach-value p {
    color: #037ab2;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
}

.page-dashboard-claims .claim-detail .claim-attachment .claim-attach-value p:last-child {
    border: none;
}

.page-dashboard-claims .claim-detail .claim-attachment .claim-attach-value p a {
    background: url(../images/icon/ico_document.png) no-repeat left center;
    padding-left: 20px;
}

.page-dashboard-claims .claim-detail .claim-attachment,
.page-dashboard-claims .claim-detail .claim-owner {
    margin-top: 13%;
}

.page-dashboard-claims .claim-detail .claim-attachment .claim-label {
    border-bottom: 1px solid #736f6e;
    padding-bottom: 4px;
}

.page-dashboard-claims .claim-detail p {
    margin: 0 0 6px;
}

/* claim status */
.page-dashboard-claims .claim-detail p.status-value {
    text-transform: uppercase;
    font-weight: bold;
}

.page-dashboard-claims .claim-detail p.status-open {
    color: #32B232;
}

.page-dashboard-claims .claim-detail p.status-closed {
    color: #ff3c3c;
}

/* Claim comment section */
.page-dashboard-claims .comment-wrapper {
    margin: 30px 0;
}

.page-dashboard-claims .comment-wrapper .claim-comment-body {
    padding: 20px;
    border: 1px solid #037ab2;
    float: left;
    width: 100%;
}

.page-dashboard-claims .comment-wrapper .claim-comment-body .claim-comment-text {
    word-wrap: break-word;
    width: 100%;
}

.page-dashboard-claims .comment-wrapper .comment-section {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.page-dashboard-claims .comment-section .comment-text-wrapper {
    position: relative;
    padding: 0;
}

.page-dashboard-claims .comment-wrapper .comment-text-wrapper .glyphicon-menu-left,
.page-dashboard-claims .comment-wrapper .claim-feedback-form .glyphicon-menu-left {
    color: #037ab2;
    font-size: 39px;
    left: -23px;
    position: absolute;
    top: 12px;
}

_:-ms-input-placeholder, :root .page-dashboard-claims .comment-wrapper .comment-text-wrapper .glyphicon-menu-left {
    left: -22px;
}

.page-dashboard-claims .comment-wrapper .comment-text-wrapper .glyphicon-menu-left:not(*:root) {
    top: 13px;
}

.page-dashboard-claims .comment-wrapper .comment-text-wrapper .glyphicon-triangle-left,
.page-dashboard-claims .comment-wrapper .claim-feedback-form .glyphicon-triangle-left {
    color: #fff;
    font-size: 43px;
    left: -26px;
    position: absolute;
    top: 10px;
}

_:-ms-input-placeholder, :root .page-dashboard-claims .comment-wrapper .comment-text-wrapper .glyphicon-triangle-left {
    left: -25px;
}

.page-dashboard-claims .comment-wrapper .claim-comment-form {
    position: relative;
    text-align: right;
    padding: 0;
}

.page-dashboard-claims .claim-comment-form .glyphicon.glyphicon-menu-up {
    color: #ccc;
    font-size: 26px;
    left: 27px;
    position: absolute;
    top: -15px;
}

.page-dashboard-claims .claim-comment-form .glyphicon.glyphicon-menu-up:not(*:root) {
    top: -14px;
}

.page-dashboard-claims .claim-comment-form .glyphicon.glyphicon-triangle-top {
    color: #f4f2f3;
    font-size: 26px;
    left: 27px;
    position: absolute;
    top: -16px;
}

.page-dashboard-claims .claim-comment-form .glyphicon.glyphicon-triangle-top:not(*:root) {
    top: -15px;
}

.page-dashboard-claims .claim-comment-form input.form-text {
    background-color: #f4f2f3;
    box-shadow: none;
    border-radius: 0;
    height: 47px;
    padding-left: 20px;
}

.page-dashboard-claims .claim-comment-form input.form-text:focus {
    border-color: #ccc;
}

.page-dashboard-claims .comment-wrapper .btn-add-comment {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    border-radius: 0;
    padding: 6px 25px;
}

.page-dashboard-claims .comment-wrapper .btn-add-comment:hover,
.page-dashboard-claims .comment-wrapper .btn-add-comment:active,
.page-dashboard-claims .comment-wrapper .btn-add-comment:focus {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}

.page-dashboard-claims .comment-section .claim-author-img img,
.page-dashboard-claims .feedback-section .claim-feedback-img img {
    border-radius: 45px;
}

/* Customize upload button */
.page-dashboard-claims .claim-comment-form .upload-section {
    background-color: #f4f2f3;
    float: left;
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left: 22px;
}

.page-dashboard-claims .claim-comment-form .form-item-comment-txt,
.page-dashboard-claims .upload-section .form-type-file,
.page-dashboard-claims .feedback-section .claim-feedback-form .claim-closed-msg p {
    margin-bottom: 0;
}

.claim-comment-form .upload-section .form-type-file label {
    color: #037ab2;
    cursor: pointer;
    margin: 0;
    padding-top: 8px;
}

.claim-comment-form .upload-section .form-type-file label span {
    background: url(../images/icon/ico_upload.png) no-repeat left center;
    display: inline-block;
    padding-left: 24px;
    font-weight: normal;
}

.claim-comment-form .upload-section .form-type-file input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/* Feedback form */
.page-dashboard-claims .feedback-section .claim-feedback-form {
    border: 1px solid #ccc;
    padding: 0;
}

.page-dashboard-claims .comment-wrapper .claim-feedback-form .glyphicon-triangle-left {
    top: 10px;
    left: -27px;
}

.page-dashboard-claims .comment-wrapper .claim-feedback-form .glyphicon-triangle-left:not(*:root) {
    top: 9px;
}

.page-dashboard-claims .comment-wrapper .claim-feedback-form .glyphicon-menu-left {
    left: -24px;
}

.page-dashboard-claims .feedback-section .claim-feedback-form .claim-closed-msg {
    border-bottom: 1px solid #ccc;
}

.page-dashboard-claims .feedback-section .claim-feedback-form .claim-closed-msg .wrapper,
.page-dashboard-claims .feedback-section .claim-feedback-form form {
    padding: 20px;
}

.page-dashboard-claims .feedback-section .claim-feedback-form .claim-closed-msg span.closed-text {
    color: red;
}

.page-dashboard-claims .feedback-section .claim-feedback-form .claim-closed-msg a {
    text-decoration: underline;
}

.page-dashboard-claims .feedback-section .claim-feedback-form .glyphicon-menu-left {
    color: #ccc;
}

.page-dashboard-claims .feedback-section .form-item-feedback-radio .form-radios div {
    display: inline-block;
    padding-right: 8%;
}

.page-dashboard-claims .feedback-section .form-item-feedback-radio .form-radios div label {
    padding-left: 0;
}

/* Back-to-claim link */
.page-dashboard-claims .back-link {
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: underline;
}

.page-dashboard-claims .back-to-claim-link {
    width: 100%;
    text-align: right;
}

/*------------------------ Invoice Preferences Page ---------------------------*/

.page-invoice-preferences .invoice-layout-options > p {
    width: 75%;
}

@media screen and (max-width: 600px) {
    .page-invoice-preferences .invoice-layout-options > p {
        width: 100%;
    }
}

.page-invoice-preferences .invoice-layout-options div.receive-invoice,
.page-invoice-preferences .invoice-layout-options div.invoice-layout {
    margin-top: 7%;
}

.page-invoice-preferences .invoice-layout-options .form-type-radios .form-radios {
    margin-left: 6%;
}

.page-invoice-preferences .invoice-layout-options .form-type-radios .form-radios label {
    padding-left: 0;
}

.page-invoice-preferences .invoice-pre-wrapper .invoice-pref-btn {
    text-align: right;
    margin-bottom: 20px;
}

.page-invoice-preferences .invoice-pre-wrapper .invoice-pref-btn #edit-cancel,
.page-invoice-preferences .invoice-pre-wrapper .invoice-pref-btn #edit-submit {
    margin-bottom: 0;
    margin-right: 5px;
}

/*------------------------ Invoice listing Page ---------------------------*/

.page-list-invoices table.datatable tbody tr td:last-child span.glyphicon,
.page-detail-invoice .invoice-overview p.document a span.glyphicon {
    vertical-align: top;
}

/*------------------------ Invoice Preference ----------------------------*/
.faded {
    opacity: 0.5;
}

#invoice-form-rendering{
    margin: 25px 0;
}
#invoice-form-rendering .label-title-block{
    padding-bottom: 15px;
}
#invoice-form-rendering .c-lh1{
    line-height :25px;
}

.c-rowCopyEmail .form-item label{
    position: absolute;
    left: -16px;
    top: 10px;
}

.c-rowCopyEmail .form-item {
    position:relative;
    display: inline-block;
    vertical-align: middle;
    width: 94%;

}
#alcore-user-invoice-preferences-change-form .c-more-inf{
    margin-top: 0px;
    display: inline-block;
}
.invoice-preferences-change-email .c-align{
    margin-top: 10px;
}
.c-rowCopyEmail .button-remove-input {
    float: right;
    width: 5%;
}


.c-rowCopyEmail .form-group{
    margin-bottom: 25px;
}
.c-align #edit-cancel{
    margin-bottom:0px;
}

.invoice-preferences-change-block #sending_mode_information,.invoice-preferences-change-block #layout_information{
    float: right;
}

.invoice-preferences-change-block #sending_mode_information a,.invoice-preferences-change-block #layout_information a{
    text-decoration: underline;
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
}
.invoice-preferences-change-block .form-item-invoice-preferences-option label,.invoice-preferences-change-block  .form-item-invoice-preferences-layout label{
    width: 100%;
}
#current_invoice_mode_banner #invoice_sent_by{
    margin-bottom: 0;
}

#current_invoice_mode_banner #invoice_sent_by {
    margin-bottom: 0;
}
.nopadding{
    padding-left: 0!important;
    padding-right: 0!important;
}

#text-buttom-invoice-mail{
    padding: 0px !important;
}

.page-dashboard-my-articles-under-contract-to-return .img-responsive{
    max-width: 45px !important;
    max-height: 45px !important;
}

#contact_us_to_return
{
    padding: 0px !important
}

@media (max-width: 991px) {
    .invoice-preferences-change-block .form-item-invoice-preferences-option label,.invoice-preferences-change-block  .form-item-invoice-preferences-layout label{
        line-height: 25px;
    }
    .invoice-preferences-change-block #sending_mode_information, .invoice-preferences-change-block #layout_information {
        float: left;
        width: 100%;
    }
    .invoice-preferences-change-block #sending_mode_information a, .invoice-preferences-change-block #layout_information a{
        padding-left: 0!important;
    }
}
@media (max-width: 991px) {

    #current_invoice_mode_banner{
        display: inherit;
    }
    #current_invoice_mode_banner #current_mode_invoice{
        display: block;
        padding-bottom: 12px;
    }
    #current_invoice_mode_banner #button_container{
        margin-top: 15px;
    }

    #text-buttom-invoice-mail{
        position: relative;
        text-align: center;
    }
    #current_invoice_mode_banner{
        text-align: center;
        margin-bottom: 15px;
    }
    #current_invoice_mode_banner #invoice_sent_by {
        margin-bottom: 15px;
        display: block;
        text-align: center;
    }
    #current_invoice_mode_banner #button_container{     display: inherit;   text-align: center;
        margin-bottom: 10px;}

    .c-rowCopyEmail .form-item {
        width: 87%;
    }

    .c-rowCopyEmail .button-remove-input {
        width: 38px;
        height: 34px;
    }
}
@media (max-width: 420px) {
    .c-rowCopyEmail .form-item {
        width: 85%;
    }
}
@media (max-width: 340px) {
    .c-rowCopyEmail .form-item {
        width: 80%;
    }
}
#edi_description{
    font-size: 14px;
    padding: 0px;
    margin-top: 0px;
}
#submit-invoice button{
    margin-bottom: 0px;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.c-rowCopyEmail .btn-add-mail{
    text-align: right;
}

.btn-add-mail{
    color: #fff; !important;
}

.c-rowCopyEmail .add-copy-email , .add-copy-email:hover , .add-copy-email:active , .add-copy-email:focus{
    background-color: #337ab7;
    border-color: #2e6da4;

}
/*--------------------- Invoice listing page -------------------*/

/* Pay button */
.page-list-invoices table .invoice_pay {
    text-transform: uppercase;
    background-color: #ff9800;
    border: none;
    color: #fff;
    padding: 5px 4px;
    display: none;
}

.page-list-invoices table .invoice_pay:focus,
.page-list-invoices table .invoice_pay:active {
    outline: none;
    border: none;
}

.page-list-invoices table .invoice_pay:disabled {
    background-color: #d1d0ce;
    border: 1px solid #adadad;
}

/* Batch invoice payment section */
.page-list-invoices .batch-invoice-pay {
    margin: 10px 0 0 0;
}

.page-list-invoices .batch-invoice-pay .total-amount-section label {
    font-weight: bold;
}

.page-list-invoices .batch-invoice-pay .total-amount-section .invoice-amount,
.page-list-invoices .batch-invoice-pay .total-amount-section .tax-amount {
    font-size: 1.5em;
    color: #037ab2;
    font-weight: bold;
    line-height: 27px;
}

.page-list-invoices .batch-invoice-pay .total-amount-section .tax-amount {
    text-align: right;
    clear: both;
    font-size: 17px;
    font-weight: 700;
    vertical-align: baseline;
    color: #333;
}

.page-list-invoices .batch-invoice-pay .btn-go-to-pay,
.page-detail-invoice .btn-invoice-pay,
.page-invoice-confirmation .invoice-payment-section .btn-pay-invoices {
    background-color: #157ABA;
    color: #fff;
    margin: 10px 0 30px;
    padding: 6px 25px;
    font-weight: 400;
}

.page-list-invoices .batch-invoice-pay .btn-go-to-pay:hover,
.page-detail-invoice .btn-invoice-pay:hover,
.page-invoice-confirmation .invoice-payment-section .btn-pay-invoices:hover {
    background-color: #095a8d;
}

.page-invoice-confirmation .fieldset-two-lines legend h4 {
    padding-left: 0px;
}

.page-detail-invoice .btn-invoice-pay {
    margin-top: 45%;
    text-transform: uppercase;
}

.page-invoice-confirmation #edit-submit {
    margin-right: 15px;
}

@media (max-width: 991px) {

    .page-invoice-confirmation .pull-left,
    .page-invoice-confirmation .btn-secondary {
        width: 100%;
    }

}

/*--------------------- Invoice Payment page -------------------*/

/*
.page-invoice-confirmation .invoice-payment-price-zone .price {
    color: #037ab2;
    font-size: 2em;
    font-weight: bold;
}*/

.page-invoice-confirmation .invoice-payment-section .btn-pay-invoices {
    margin-top: 0;
    border: none;
    padding: 10px 16px 5px;
}

.page-invoice-confirmation .invoice-payment-section .btn-pay-invoices:focus,
.page-invoice-confirmation .invoice-payment-section .btn-pay-invoices:active,
.page-list-invoices .batch-invoice-pay .btn-go-to-pay:active,
.page-list-invoices .batch-invoice-pay .btn-go-to-pay:focus {
    outline: none;
    outline-offset: 0;
    box-shadow: none;
}

.page-invoice-confirmation .invoice-payment-section .btn-pay-invoices:before {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    vertical-align: middle;
    padding-right: 8px;
    font-size: 1.2em;
}

.page-invoice-confirmation .invoice-payment-section table tbody td:first-child,
.page-invoice-confirmation .invoice-payment-section table tbody td:last-child,
.invoice-confirmation-section table tbody td:first-child,
.invoice-confirmation-section table tbody td:last-child {
    color: #337ab7;
}

/*
.page-invoice-confirmation .invoice-payment-section table thead th:last-child {
    text-align: center !important;
}*/

.page-invoice-confirmation .invoice-payment-section table thead th:last-child,
.page-invoice-confirmation .invoice-payment-section table tbody td:last-child {
    text-align: right;
    width: 20%;
}

.page-invoice-confirmation .invoice-payment-section table > tbody > tr > td,
.page-invoice-confirmation .invoice-payment-section table > thead > tr > th {
    vertical-align: middle;
}

.table-invoice-overview th {
    max-width: 50px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.table-invoice-overview {
    width: 99% !important;
}

/*--------------------- Invoice Payment Confirmation page -------------------*/

.invoice-confirmation-section .btn-goto-invoices {
    margin-bottom: 30px;
}

/*------------------ Campaign Page CSS --------------------------------*/

.node-type-campaign .tableSection #tablefield-0 {
    border: 1px solid #cccccc;
}

.node-type-campaign #footer {
    position: relative !important;
}

body.node-type-campaign {
    margin-bottom: 0 !important;
}

.node-type-campaign .buySection {
    background-color: #CEF6F5;
    padding-top: 8%;
    padding-bottom: 8%;
}

.node-type-campaign .btnBuy {
    background-color: #FE2E2E;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    max-width: 60%;
    white-space: inherit;
}

.node-type-campaign .buyText {
    padding-bottom: 4%;
}

.node-type-campaign .table-content {
    margin: 0 auto;
    margin-left: 20%;
    margin-right: 20%;
    width: 60% !important;
}

.node-type-campaign .tableSection {
    padding: 5%;
    margin: 0 auto;
    width: 560px;
}

.node-type-campaign .listSection {
    background-color: #2E9AFE;
    color: #ffffff;
}

.node-type-campaign .listContent {
    padding: 8%;
}

.node-type-campaign .commentSection {
    padding: 5%;
}

.node-type-campaign .seeMoreSection {
    margin-left: 40% !important;
    margin-right: 26% !important;
    padding-bottom: 10%;
    padding-top: 3%;
}

.node-type-campaign .tablefield-wrapper-0 {
    border: 1px solid #cccccc;
    margin: 0 auto;
    width: 560px;
}

.node-type-campaign .field-name-field-bullet-points .field-label,
.node-type-campaign .field-name-field-al-banner .field-label {
    display: none;
}

.node-type-campaign .field-name-field-al-banner .field-items .field-item img {
    width: 100%;
    height: auto;
}

.node-type-campaign .field-name-field-image-testemonial {
    float: left;
    margin-right: 0;
}

.node-type-campaign .commentContent .ds-3col-equal .group-left .field-name-body h5 {
    width: 76%;
}

.node-type-campaign .commentContent h5 div div.field-items .field-item .ds-3col-equal {
    width: 44%;
    float: left;
    margin-bottom: 40px;
}

.node-type-campaign .field-name-field-related-tesimonials > .field-items .field-item {
    display: inline-block;
    padding: 10px 6px;
    vertical-align: top;
    width: 33%;
}

.node-type-campaign .field-name-field-related-tesimonials .field-items .field-name-title-field .field-item,
.node-type-campaign .field-name-field-related-tesimonials .field-items .field-name-body .field-item {
    display: block;
    overflow: hidden;
}

.node-type-campaign .field-name-field-related-tesimonials .field-items .field-name-body p {
    max-height: 100px;
    overflow: hidden;
}

.node-type-campaign .field-name-field-related-tesimonials .field-items .field-name-body .field-item {
    width: 50%;

}

.node-type-campaign .field-name-field-related-tesimonials .field-items .field-item ul.links {
    float: right;
    margin: 0 30px 0 0;
}

.node-type-campaign .button_cta {
    text-align: center;
    display: block;
    max-width: 30% !important;
    overflow: hidden;
    white-space: inherit;
}

.node-type-campaign h2.page-header {
    display: none;
}

.node-type-campaign h2.show_campaign_title {
    display: block;
    margin-top: 10px;
}

/*------------------ Mobile viewport - 320 X 568 CSS --------------------------------*/

@media (min-width: 320px) and (max-width: 568px) {

    /* My shopping cart page */
    .page-eorder .a-product-eorder-equip td.product-quantity input.product-quantity,
    .page-eorder .a-product-eorder-gas td.product-quantity input.product-quantity {
        width: 37px;
        padding: 0;
    }

    .page-eorder #crumbs ul li a,
    .page-quotation-list #crumbs ul li a {
        margin-top: 10px;
    }

    /*
    .page-quotation-list #crumbs ul {
      padding-left: 10px;
    }

    .page-quotation-list #crumbs ul li a {
      padding-left: 30px;
    }
    */
    #crumbs ul li a.crumb-max-height:after {
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 21px solid #EFEFEF;
    }

    #crumbs ul li a.crumb-max-height:before {
        border-top: 31px solid transparent;
        border-bottom: 31px solid transparent;
        border-left: 20px solid #FFFFFF;
    }

    #crumbs ul li a.active.crumb-max-height:after {
        border-left-color: #037AB2;
    }

    #crumbs ul li a.active.crumb-max-height:before {
        border-left-color: #037AB2;
    }

    .page-eorder-validation div a.btn.btn-info {
        margin-bottom: 30px;
    }

    .page-eorder-validation fieldset .vat-fee-box {
        margin-top: 15%;
    }

    /* Quotation listing page */
    .page-quotation-list table.quotation-list th.quot-product-name {
        width: 240px !important;
    }

    /* My stock balance listing page */
    .page-list-my-stock-balance #rentgroup_table_wrap table thead tr th {
        padding: 8px 0;
        word-wrap: break-word;
    }

    .page-list-my-stock-balance #rentgroup_table_wrap table thead tr th span {
        width: 88%;
    }

    .page-list-my-stock-balance #rentgroup_table_wrap table tbody tr td:first-child {
        padding: 10px;
    }

    .page-list-my-stock-balance #rentgroup_table_wrap table tbody tr td {
        padding: 0;
    }

    .page-list-my-stock-balance #graph_img_wrap {
        width: 830px;
    }

    .page-list-my-stock-balance .graph-wrapper,
    .page-list-my-stock-balance-graph .dynamic-graph-wrapper {
        height: auto;
        /*max-height: 1000px;*/
        overflow: auto;
    }

    /* My stock balance detail page */
    #rental_category_wrap, #rental_desc_wrap {
        margin-right: 0;
    }

    .page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-button {
        margin-top: 20px;
    }

    /* Immobilization page */
    .immmobe-fee-section .table-responsive {
        border: none;
    }

    /* Footer fix */
    #footer {
        position: relative;
    }

    body {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .page-eorder .eorder-form .box-price-grey {
        width: 100%;
    }

    .page-eorder .eorder-form .box-price-grey .price,
    .page-eorder-validation .eorder-form .total-gas-price-box .total-gas-price,
    .page-eorder-validation fieldset .vat-fee-box .price {
        display: block;
    }

    .page-eorder-validation .eorder-form .total-gas-price-box {
        padding: 10px 0;
        width: 100%;
    }

    .page-eorder-validation fieldset .vat-fee-box {
        padding: 10px 8px;
        width: 100%;
    }

}

@media (max-width: 320px) {

    /* Bonusbar menu */
    a.btn.btn-al-primary.bonus-login.btn-login-header {
        background-position: 36% center;
    }

    /* My stock balance detail page */
    .page-list-my-stock-balance-graph .add-to-contract-section .form-item-contract-quantity,
    .page-list-my-stock-balance-graph .add-to-contract-section #edit-category-date,
    .page-list-my-stock-balance-graph .add-to-contract-section #edit-contract-button {
        margin-top: 20px;
    }

    .page-list-my-stock-balance-graph .ctools-modal-dialog {
        width: 300px !important;
        height: auto !important;
    }

    .page-list-my-stock-balance-graph .stock-add-table tbody tr.tablesorter-childRow .child-desc {
        width: 88%;
        max-width: 100%;
    }

    /* My shopping cart page */
    .page-eorder-delivery .equip-fee-wrapper .delivery-label-box span {
        display: block;
    }

    .page-eorder-validation table.table.table-hover > tbody > tr.a-product-eorder > td,
    .page-eorder-validation table.table.table-hover > thead > tr > th {
        padding: 5px;
    }

}

.gas-table h4.product-name span.product-title {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

.gas-table div.empty-return-line div.input-group {
    width: 22px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
}

.gas-table div.empty-return-line div.input-group input[type="text"] {
    display: block;
    height: 22px;
    border: 1px solid black;
    font-size: 12px;
    font-weight: bold;
}

.gas-table div.empty-return-line span {
    font-weight: bold;
    font-size: 12px;
    padding-top: 4px;
    color: grey;
}

.gas-table div.empty-return-line img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.gas-table div.empty-return-line h4 {
    margin-bottom: 6px;
}

/*width for tables*/
.table-40 {
    width: 40% !important;
}

.table-30 {
    width: 30% !important;
}

.table-20 {
    width: 20% !important;
}

.table-25 {
    width: 25% !important;
}

.table-15 {
    width: 15% !important;
}

.table-10 {
    width: 10% !important;
}

.table-5 {
    width: 5% !important;
}

.equip-table h4.product-name span.product-title {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

.equip-table div.empty-return-line div.input-group {
    width: 22px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
}

.equip-table div.empty-return-line div.input-group input[type="text"] {
    display: block;
    height: 22px;
    border: 1px solid black;
    font-size: 12px;
    font-weight: bold;
}

.equip-table div.empty-return-line span {
    font-weight: bold;
    font-size: 12px;
    padding-top: 4px;
    color: grey;
}

.equip-table div.empty-return-line img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.equip-table div.empty-return-line h4 {
    margin-bottom: 6px;
}

.page-eorder-validation .look-up-table .validation_empty_return {
    font-weight: bold;
    font-size: 11px;
}

.validation_empty_return img {
    display: inline-block;
    margin-left: 4px;
    height: 16px;
}

.label-total-price {
    text-align: left;
    /* background-color: white; */
    height: 3em;
    /* padding-top: 0.8em; */
    /* padding-bottom: 10px; */
}

.label-total-price span {
    background-color: white;
    display: block;
    height: 40px;
    margin-right: -30px;
    padding-top: 10px;
    padding-left: 15px;
    font-weight: bold;
}

.total-price {
    /* background-color: white; */
    height: 3em;
    /* margin-top: 10px; */
}

.total-price span {
    display: block;
    /* margin: 10px 0; */
    padding-top: 0.3em;
    background-color: white;
    width: 100%;
    height: 40px;
    padding-right: 15px;
    text-align: right;
}

.total-price .price {
    font-size: 1.5em;
}

.table-total-price {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 10px 0;
    margin-top: 30px;
    margin-bottom: 0px;
    border-top: 1px solid #EBEBEB;
    text-transform: uppercase;
    font-size: 20px;
    color: #375F9B;
}

.table-total-price #text {
    text-transform: uppercase;
    color: #375F9B;
}

.table-total-price .price {
    color: #4A4A4A;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Roboto', Sans-Serif;
    line-height: inherit;
    padding-right: 15px;
}

.wrapper-delivery > div > span:nth-child(1) {
    padding-top: 5px;
}

.wrapper-delivery > div > span:nth-child(2) {
    font-size: 1.5em;
    color: #037ab2;
    font-weight: bold;
}

form#aleorder-validation-form .fieldset-two-lines:nth-child(2) legend {
    margin-bottom: 6px;
}

img.information {
    float: left;
    height: 16px;
    margin-top: 3px;
}

.other-infos p {
    margin-left: 20px;
    margin-bottom: 0px;
    font-size: 0.9em;
}

@media (max-width: 768px) {
    .vat-fee-box div p:nth-child(1),
    .vat-fee-box div p:nth-child(2),
    .vat-fee-box div p:nth-child(3) {
        text-align: right;
    }
}

.vat-fee-box {
    margin-left: 16px;
}

.vat-fee-box div {
    background-color: white;
    padding-top: 10px;
}

.vat-fee-box div p span:nth-child(1) {
    text-align: right;
    line-height: 30px;
    text-transform: uppercase;
}

.vat-fee-box div p:nth-child(3) span:nth-child(1) {
    padding-left: 0px;
}

.delivery-equipment-price .bloc_total_2 {
    background-color: white;
    padding-top: 10px;
}

.delivery-equipment-price div p {

}

.delivery-equipment-price div p:nth-child(1) {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
}

.delivery-equipment-price div p:nth-child(1) span {
    text-align: right;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

.delivery-equipment-price .bloc_total_2 {
    border-bottom: 3px solid #037ab2;
}

@media (max-width: 768px) {
    .delivery-equipment-price div p:nth-child(1) {
        text-align: right !important;
    }
}

.vat-fee-box div.bloc_total {
    border-bottom: 3px solid #037ab2;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
}

.delivery-equipment-price div:nth-child(1) p:nth-child(2) {
    text-align: right;
}

.delivery-equipment-price div:nth-child(2) p:nth-child(2) {
    text-align: right;
}

.delivery-equipment-price div:nth-child(3) p:nth-child(2) {
    text-align: right;
}

.delivery-equipment-price div:nth-child(1) p:nth-child(2) span {
    font-size: 1.2em;
}

.delivery-equipment-price div:nth-child(2) p:nth-child(2) span {
    font-size: 1.2em;
}

.delivery-equipment-price div:nth-child(3) p:nth-child(2) span {
    font-size: 1.5em;
}

.delivery-equipment-price div:nth-child(3) p:nth-child(1) span {
    font-size: 1.2em;
}

.vat-fee-box div p:nth-child(1) span.price {
    font-size: 1.2em;
    text-align: right;
}

.vat-fee-box div p:nth-child(2) span.price {
    font-size: 1.2em;
    text-align: right;
}

.vat-fee-box div p:nth-child(3) span.price {
    text-align: right;
}

.vat-fee-box div p:nth-child(3) span:nth-child(1) {
    font-size: 1.2em;
}

@media (max-width: 768px) {
    .delivery-equipment-price div p:nth-child(1) {
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .label-total-price span {
        margin-right: 0px;
        padding-right: 15px;
        text-align: right;
    }
}

@media (min-width: 992px) {
    .delivery-equipment-price div p:nth-child(1) {
        text-align: right;
        padding-left: 15px;
        padding-right: 15px;
    }
}

input.to-be-disable.form-checkbox {
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.empty-return-icon-selected {
    height: 100%;
    content: url("/sites/all/themes/imagine/images/emptyR-selected.png");
}

.empty-return-icon {
    height: 100%;
    content: url("/sites/all/themes/imagine/images/emptyR.png");
}

input.tspin.tspin-gas.product-quantity.quantity-gas.form-control {
    padding: 0;
}

.plus-minus {
    display: flex;
    align-items: center;
}

.plus-minus input.plus-minus__input {
    vertical-align: top;
    padding: 0;
    margin: 0 2px;
    text-align: center;
    border: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,0);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0), 0 0 8px rgba(102,175,233,0);
    width: 25px;
    height: 25px;
}

.plus-minus input.plus-minus__input:focus {
    box-shadow: inset 0 1px 0px rgba(0,0,0,.75), 0 0 8px rgba(102,175,233,0.6);
    -webkit-box-shadow: inset 0 0px 1px rgba(0,0,0,.75), 0 0 8px rgba(102,175,233,0.6);

}


.plus-minus input.plus-minus__input::-webkit-outer-spin-button,
.plus-minus input.plus-minus__input::-webkit-inner-spin-button {
    -webkit-appearance: none; /*delete arrow on input number*/
    margin: 0;
}


.plus-minus input.plus-minus__input:disabled {
    background: transparent;
}

.plus-minus .plus,
.plus-minus .minus {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    color: #375F9B;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-family: 'Roboto',sans-serif;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #375F9B;
    line-height: 18px;
}

.plus-minus .plus__icon,
.plus-minus .minus__icon {
    font-size: 9px;
}

a.btn.btn-info {
    font-size: 16px;
    max-height: 34px;
}

#almanageprofiles-form-user > div > div.pull-right {
    margin-bottom: 20px;
}

#almanageprofiles-form-user > div > div.pull-right button {
    margin-right: 10px;
}

.a-product-eorder td {
    vertical-align: middle !important;
}

.alert.ui-pnotify-container.alert-error.ui-pnotify-shadow {
    background: white !important;
}

.EndofSaleIcon {
    background-color: red;
    color: aliceblue;
    padding: 2px;
    font-size: 11px;
    font-weight: 700;
}

.NewIcon {
    background-color: dodgerblue;
    color: aliceblue;
    padding: 2px;
    font-size: 11px;
    font-weight: 700;
    display: inline-flex;
}

.NewArticleIcon {
    background-color: dodgerblue;
    color: aliceblue;
    padding: 2px;
    font-size: 11px;
    font-weight: 700;
    display: inline;
}

.add-to-my-selection-order {
    cursor: pointer;
    color: #428bca;
    text-decoration: none;
}

.add-to-my-selection-order:hover, .add-to-my-selection-order:focus {
    text-decoration: underline;
    color: #2A6496;
}

.ArticleNameMessage {
    font-weight: bold;
}

.infoIconAutosubstitution {
    margin-left: 3px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.pokemon-endofsale {
    padding: 0px 10px 10px 10px;
}

.pokemon-endofsale span {
    background-color: red;
    padding: 5px;
    color: white;
    margin-bottom: 11px;
}

.pokemon-new {
    padding: 0px 10px 10px 10px;
}

.pokemon-new span {
    background-color: dodgerblue;
    padding: 5px;
    color: aliceblue;
    margin-bottom: 11px;
}

.undercontractinfo img.infoIconAutosubstitution {
    margin-left: 9px;
    margin-bottom: 3px;

}

.alert-block > ul {
    display: table;
}

.empty-cart-under-contract {
    padding: 5px 7px;
    height:100% !important;

}

.page-catalog-under-contract .go-away {
    margin-top: 30px;
}

.return-empty {
    padding: 6px;
}

.return-empty {
    padding: 6px;
}

.required-feedback {
    color: red;
    font-weight: bold;
}

.required-star {
    color: #00a0da;
}

.hided {
    display: none;
}

@media (max-width: 991px) {

    .under-contract-container-action .btn-warning {
        margin-bottom: 15px;
    }

    /* button all width*/
    .under-contract-container-action button,
    .page-catalog-under-contract .btn-equipment {
        width: 100%;
    }

}

/* -------------------------------------------------------------------------- */
/*      ==Box Shadow                                                          */
/* -------------------------------------------------------------------------- */

.dropdown-shadow {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20, 50, 110, 0.11) !important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(20, 50, 110, 0.11) !important;
    box-shadow: 0px 0px 20px 0px rgba(20, 50, 110, 0.11) !important;
    margin-bottom: 2% !important;
}

/* -------------------------------------------------------------------------- */
/*      ==ORDER DETAILS PAGE       + other details page                                                */
/* -------------------------------------------------------------------------- */

/* price + unit +label on the right*/
.table-order-details table thead tr:first-child th:nth-child(4),
.table-order-details table thead tr:first-child th:nth-child(5),
.table-order-details table thead tr:first-child th:nth-child(6),
.table-order-details table thead tr:first-child th:nth-child(7),
.table-order-details table thead tr:first-child th:nth-child(8),
.table-order-details table tbody tr td:nth-child(4),
.table-order-details table tbody tr td:nth-child(5),
.table-order-details table tbody tr td:nth-child(6),
.table-order-details table tbody tr td:nth-child(7),
.table-order-details table tbody tr td:nth-child(8) {
    text-align: right;

}

/*button on the top of the center container */
.btn-print-top {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #000;
    font-size: 20px;
}

.label-list {
    text-transform: uppercase;
    color: #848484;
    font-weight: normal;
    font-size: 11px;
}

/* specific title uppercase */
.detail-order h3 {
    text-transform: uppercase;
}

.detail-order #button-re-order {
    padding: 6px 25px;
}

@media (max-width: 991px) {
    .btn-print-top {
        right: 20px;
    }

    .detail-order #button-re-order {
        width: 100%;
    }

    .detail-order .div-button-center-order {
        margin: 15px;
    }

    .page-detail-order .separator-line {
        margin: 20px 0px;
    }

    #btn-back-invoice-list {
        width: 100%;
    }

}

.btn-group-lg > .btn, .btn-lg {
    border-radius: 0;
}

.panel-title {
    color: #FFF;
    font-size: 16px;
}

.panel-default {
    background: none;
}

.panel-default > .panel-heading {
    background-color: #337ab7;
    color: #FFF;
}

.caret.caret-reversed {
    border-bottom: 4px solid #FFF;
}

.form-control {
    border-radius: 0;
}

.block-alcore-account .bs-callout h4 {
    font-size: 16px;
}

.block-alcore-account .bs-callout p {
    font-size: 13px;
    padding-left: 15px;
}

.label {
    border-radius: 0;
}

.bottom-margined-high legend {
    background-color: #337ab7;
    color: #FFF;
    padding: 5px;
    width: auto;
}

.user_login_form label {
    font-weight: normal;
}

.basket-tooltip{
    top: -25% !important;
}

/* -------------------------------------------------------------------------- */
/*      ==MANAGE COMPANY ACCOUNT                                               */
/* -------------------------------------------------------------------------- */

#add-user {
    margin-bottom: 25px;
}

/* -------------------------------------------------------------------------- */
/*      ==My registred cart                                               */
/* -------------------------------------------------------------------------- */
#create_stored_cart {
    white-space: normal;
}

@media (max-width: 991px) {

    .details-action-container,
    .details-action-container .c-send-to {
        width: 100%;
    }
}

/* -------------------------------------------------------------------------- */
/*      ==New account -- choose profile                                           */
/* -------------------------------------------------------------------------- */
.page-user-choose-profile .div-button-center a.btn {
    white-space: normal;
}

/* -------------------------------------------------------------------------- */
/*      ==FIND DISTRIBUTOR                                                      */
/* -------------------------------------------------------------------------- */

.page-find-distributors .gm-style-iw h3 {
    padding-left: 15px;
}

.page-find-distributors .gm-style-iw h3:after {
    border: 0px;
}

.page-find-distributors .gm-style-iw .glyphicon {
    color: #1578b7;
    font-weight: 600;
}

#block-alcore-search-zipcode .clear-all-button {
    margin-top: 15px;
}

@media (max-width: 991px) {

    #block-alcore-search-zipcode .clear-all-button {
        width: 100%;
    }
}

h4.contact-business-card {
    padding-left: 0;
}

/* -------------------------------------------------------------------------- */
/*      ==NEW HOMEPAGE                                                        */
/* -------------------------------------------------------------------------- */

.region-homepage-content .block-bean .block-title,
.region-homepage-content .field-name-field-al-color-code {
    display: none;
}

.bean-homepage-level-1 .field-name-field-al-text-long {
    background: #0d4772;
    position: absolute;
    top: 80px;
    right: 10px;
    color: white;
    height: 200px;
    opacity: 0.7;
    padding-top: 25px;
    padding-left: 20px;
    width: 470px;
    font-size: 13px;
}

.bean-homepage-level-1 .content {
    position: relative;
}

.bean-homepage-level-1 .field-name-field-al-call-to-action {
    position: absolute;
    background: #ff9800;
    margin: 30px 10px;
    top: 185px;
    right: 15px;
    padding: 10px;
    color: white;
    font-weight: bold;
}

.bean-homepage-level-1 .field-name-field-al-call-to-action .field-item a {
    color: white;
}

.bean-homepage-level-1 .field-name-field-al-text-long ul {
    list-style-image: url('/files/list_small.png');
}

.bean-homepage-level-1 {
    margin-bottom: 20px;
    height: 299px;
}

.bean-homepage-level-1 .field-name-title-field {
    display: none;
}

.bean-homepage-level-2 {
    border: 1px solid #d8d4d4;
    width: 32%;
    height: 198px;
    float: left;
    overflow: hidden;
    background: white;
    margin: 0;
}

.bean-homepage-level-2 .field-name-field-al-title-short .field-item {
    font-size: 19px !important;
    color: #387caf !important;
    width: 100%;
    padding: 10px 15px;
    height: 50px;
    margin: 0;
    font-weight: bold;
}

.bean-homepage-level-2 .field-name-field-al-image-small {
    width: 35%;
    padding: 5px 10px 5px 10px;
    float: left;
}

.bean-homepage-level-2 .field-name-field-al-text-long {
    width: 65%;
    height: 100px;
    padding: 0px 6px;
    font-size: 12px;
    color: grey;
    float: left;
}

.bean-homepage-level-2 .field-name-field-al-call-to-action {
    height: 32px;
    background: #e89146;
    line-height: 21px;
    display: block;
    width: 50%;
    min-width: 150px;
    float: right;
    padding: 5px;
    color: white;
    margin-top: 7px;
    margin-right: 8px;
    font-size: 13px;
    text-align: center;
}

.bean-homepage-level-2 .field-name-field-al-call-to-action a {
    color: white;
}

.bean-homepage-level-2.odd {
    margin: 0 2% 0 2% !important;
}

div.bean-alhomepage-level-3 {
    display: inline-block;
    margin-top: 20px;
    width: 100%;
    background-color: #387caf;
    position: relative;
    height: 222px;

}

.bean-alhomepage-level-3 .field-name-field-al-title-short .field-items .field-item {
    position: absolute;
    top: 15px;
    left: 20px;
    color: white;
    font-size: 22px;
    font-weight: bold;
}

.bean-alhomepage-level-3 .field-name-field-al-text-long .field-items .field-item {
    position: absolute;
    top: 65px;
    left: 20px;
    width: 95%;
    color: white;
}

.bean-alhomepage-level-3 .field-name-field-al-call-to-action .field-items .field-item {
    position: absolute;
    top: 160px;
    right: 0;
    width: 100%;
    color: white;
}

.bean-alhomepage-level-3 .field-name-field-al-call-to-action .field-item a {
    color: white;
    border: 1px solid white;
    width: 25%;
    min-width: 200px;
    padding: 10px;
    text-align: center;
    float: right;
    margin: 10px;
}

.bean-alhomepage-level-3 .field-name-field-al-img-big .field-items .field-item img {
    width: 100%;
    height: 100%;
    height: 222px;
}

.bean-alhomepage-level-4 {
    position: relative;
    width: 49%;
    background-color: #0070b2;
    height: 250px;
    float: left;
    margin-top: 20px;
}

.bean-alhomepage-level-4.even {
    margin-right: 2% !important;
}

.bean-alhomepage-level-4 .field-name-field-al-img-big .field-items .field-item img {
    width: 100%;
    height: 250px;
}

.bean-alhomepage-level-4 .field-name-field-al-title-short .field-items .field-item {
    position: absolute;
    top: 15px;
    left: 20px;
    color: white;
    font-size: 22px;
    font-weight: bold;
}

.bean-alhomepage-level-4 .field-name-field-al-text-long .field-items .field-item {
    position: absolute;
    top: 65px;
    left: 20px;
    width: 95%;
    color: white;
}

.bean-alhomepage-level-4 .field-name-field-al-call-to-action .field-items .field-item {
    position: absolute;
    top: 190px;
    right: 0;
    width: 100%;
    color: white;
}

.bean-alhomepage-level-4 .field-name-field-al-call-to-action .field-item a {
    color: white;
    background-color: #0070b2;
    border: 1px solid white;
    width: 25%;
    min-width: 200px;
    padding: 10px;
    text-align: center;
    float: right;
    margin: 10px;
}

.bean-alhomepage-level-0 .field-name-field-al-text-long .field-items .field-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: #016bab;
    opacity: 0.8;
    min-height: 299px;
    padding: 20px;
    font-size: 18px;
    color: white;
}

@media only screen and (max-width: 1200px) {
    .bean-homepage-level-1 .field-name-field-al-text-long {
        top: 45px;
        height: 180px;
        width: 400px;
        font-size: 13px;
    }

    .bean-homepage-level-1 .field-name-field-al-call-to-action {
        top: 140px;
    }
}

@media only screen and (max-width: 992px) {
    .bean-homepage-level-1 .field-name-field-al-text-long {
        top: 25px;
        height: 150px;
        font-size: 13px;
        background-color: transparent;
        background: none;
    }

    .bean-homepage-level-1 .field-name-field-al-call-to-action {
        top: 195px;
    }

    .bean-homepage-level-1 .field-name-field-al-text-long h3,
	.bean-homepage-level-1 .field-name-field-al-text-long h2,
	.bean-homepage-level-1 .field-name-field-al-text-long h1,
    .bean-homepage-level-1 .field-name-field-al-text-long ul {
        display: none;
    }

    .bean-homepage-level-2 .field-name-field-al-text-long {
        padding: 0px 2px 0 14px !important;
        font-size: 11px !important;
    }

    .bean-alhomepage-level-3 .field-name-field-al-text-long .field-items .field-item {
        top: 55px;
        font-size: 14px;
    }

    .bean-alhomepage-level-4 .field-name-field-al-text-long .field-items .field-item {
        font-size: 14px;
        width: 90%;
        top: 55px;
    }

	.bean-alhomepage-level-4 .field-name-field-al-title-short .field-items .field-item {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 768px) {
    /*[CSS for tablets in portrait or smartphone in landscape]*/
    div.paragraphs-items-field-al-level-1 {
        display: none;
    }

    .bean-homepage-level-2 {
        border: none;
        width: 100%;
        height: auto;
        float: none;
        overflow: hidden;
        background: none;
        padding: 0;
    }

    .bean-homepage-level-2.odd {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .bean-homepage-level-2 .field-name-field-al-call-to-action {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .bean-homepage-level-2 .field-name-field-al-title-short,
    .bean-homepage-level-2 .field-name-field-al-image-small,
    .bean-homepage-level-2 .field-name-field-al-text-long {
        display: none;
    }

    .bean-homepage-level-2 .field-name-field-al-call-to-action {
        width: 100%;
    }

    .bean-homepage-level-2 .field-name-field-al-call-to-action {
        padding: 25px;
        line-height: 7px;
        font-size: 20px;
    }

    .paragraphs-items-field-al-level-2 .entity-paragraphs-item {
        width: 100%;
        height: auto;
        border: none;
        margin: 7px 0 7px 0;
        background: transparent;
    }

    .bean-alhomepage-level-3 .field-name-field-al-text-long .field-items .field-item {
        top: 50px;
        font-size: 13px;
    }

    .bean-alhomepage-level-3 .field-name-field-al-title-short .field-items .field-item {
        font-size: 17px;
    }

    .bean-alhomepage-level-4 .field-name-field-al-text-long .field-items .field-item {
        font-size: 13px;
    }

    .paragraphs-items-field-al-level-4 > .field > .field-items > .field-item {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 573px) {
    .bean-homepage-level-1,
    .bean-alhomepage-level-0 .field-name-field-al-text-long .field-items .field-item {
        display: none;
    }

    .bean-alhomepage-level-3 .field-name-field-al-text-long .field-items .field-item {
        font-size: 11px;
    }

    .bean-alhomepage-level-3 .field-name-field-al-title-short .field-items .field-item {
        font-size: 14px;
    }

    .bean-alhomepage-level-4 {
        width: 100%;
        height: 250px;
        float: none;
    }

    .bean-alhomepage-level-4.even {
        margin-right: 0 !important;
    }
}

.bean-alhomepage-level-4 {
    position: relative;
    width: 49%;
    background-color: #0070b2;
    height: 250px;
    float: left;
    margin-top: 20px;
}


/** PM7F6 Add bold over search element **/

#select_ship_to_chosen .active-result em {
    font-weight: bold;
}

@media (min-width: 768px) {
    #switch-ship-to-modal .modal-dialog, #switch-sold-to-modal .modal-dialog {
        width: 720px;
        margin: 30px auto;
    }

}
#switch-ship-to-modal .chosen-container{
    width: 100% !important;
}

.text-header-ship-to-modal {
    padding-bottom: 15px;
}
.delivery_address {
    background-image: url(../images/icon/ico_delivery_adr.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 103px;
    padding-left: 31px;
    padding-bottom: 50px;
}

.color-icon {
    color: blue;
}
.adr_style {
    font-weight: bold !important;
}
.rec-padding {
    padding-left: 20px !important;
    padding-top: 6px !important;
}
.rec-padding-right {
    padding-right: 34px !important;
}
#distr-info-width {
    width: 436px;
}


/**
    RDAL - 1288
*/
.page-e-order .deliver-wrapper{
    margin-right: 10px;
}
.page-e-order .deliver-pick-up{
    margin-left: 5px;
}
.page-e-order .deliver-pick-up span , .page-e-order .deliver-distri-label-span span{
    font-size:11px;
    font-weight: bold;
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}

.deliver-pick-up-picto{
    background: url(../images/pictos/distrib-picto.png) 0 1px no-repeat;
    color: #848484;
    padding-left: 28px;
}
.page-e-order .deliver-distri-label-span .deliver-distri-label,.confirm-label-deliver{
    color: #848484;
}
.page-e-order .deliver-distri-label-span i.fa.fa-truck,.deliver-confirmation i.fa.fa-truck {
    padding-right: 8px;
    font-size: 14px;
    color: #848484;
}
.page-e-order .deliver-pick-up .pick-up-title ,.page-e-order .deliver-distri-label-span .pick-up-title {
    color: #000 !important;;
    text-transform: uppercase !important;
    margin-left: 10px;
}
.page-e-order  .pickup-adress .distributor-adress, .page-e-order  .pickup-adress .distributor-phone {
    font-size: 11px;
    font-weight: bold;
}
.page-e-order  .pickup-adress i.fa {
    margin-right: 8px;
    color:#037ab2;
    font-size: 12px;
}

.c-gas-font{
    color: #333333;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
}

.c-gas-font #GasDelivery span i{
    font-size:13px !important;
}
.page-e-order .delivery-pick-up-container #GasDelivery{
    margin-left:15px;
}
.page-e-order .gasDeliveryPad{
    padding-top: 0px;
    padding-bottom: 0px !important;
}

#distributor-informations .color-icon {
    color: #157aba !important;
}

/*Change choose distributor button position*/
@media (max-width: 480px) {
    #choose_distributor_btn{
        float: left;
        margin-right: 80px;
        margin-bottom: 15px;
    }
}

@media all and (min-width:0px) and (max-width: 736px) {
    /* put your css styles in here */

    .page-e-order .deliver-pick-up {
        padding-left: 0px;
        margin-left: 0px;
    }
    .page-e-order .pickup-adress {
        width: 100% !important;
        margin: 0px;
        padding: 0px;
    }
    .page-e-order .pickup-adress:before {
        display: none;
    }
    .page-e-order .pickup-adress .distributor-phone {
        margin-bottom: 10px;
    }
    .page-e-order .pickup-adress i.fa {
        margin-right: 10px;
    }


    .page-e-order-confirmation .pickup-adress .distributor-phone {
        margin-bottom: 0px;
    }
    .page-e-order-confirmation #GasDelivery {
        margin-bottom: 10px;
        display: block;
    }
}



@media all and (min-width:736px) and (max-width: 1200px) {
    /* put your css styles in here */

    .page-e-order .deliver-pick-up {
        padding-left: 0px;
        margin-left: 0px;
    }
    .page-e-order .pickup-adress {
        width: 100% !important;
        margin: 0px;
        padding: 0px;
    }
    .page-e-order .pickup-adress:before {
        display: none;
    }
    .page-e-order .pickup-adress .distributor-phone {
        margin-bottom: 10px;
    }
    .page-e-order .pickup-adress i.fa {
        margin-right: 10px;
    }


    .page-e-order-confirmation .pickup-adress .distributor-phone {
        margin-bottom: 0px;
    }
    .page-e-order-confirmation #GasDelivery {
        margin-bottom: 10px;
        display: block;
    }
}


/*
Landing pages
*/

/*changed SK*/

.node-al-campaign{
    font-family: 'Roboto', sans-serif;
    /*font-size: 18px;*/
}
.node-al-campaign .field-name-field-al-img-big img {
    width: 100%;
    height: auto;
}

.node-al-campaign div.submitted {
    display: none;
}

.node-al-campaign .content {
    position: relative;
}

.node-al-campaign  .content  .field-name-field-al-title-short-global {
    position: absolute;
    top: 143px;
    font-size: 62px;
    left: 92px;
    width: 440px;
    line-height: 1.1;
    color: white; /*changed SK*/
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
}

.node-al-campaign  .content  .field-name-field-al-img-big {
    position : relative;
    margin-bottom: 20px;
    margin-top: 20px;
}
.node-al-campaign > .content > .field-name-field-al-text-long {
    width: 100%;
    background-color: #375f9b;
    padding: 35px;
    color: white;
    line-height: 1.1;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    font-size: 25px;
}

/*
.node-al-campaign .field-name-body {
    display: block;
    width: 40%;
    background: white;
    margin-left: 7%;
    margin-right: 6%;
    padding: 5px 10px 0 10px;
    float: left;
}*/

.node-al-campaign .field-label {
    font-weight: 500;
    margin-bottom: 35px;
    font-family: 'Roboto',sans-serif;
    font-size: 36px;
    color: #252525;
}

/*
.node-al-campaign .content > .field > .field-items > .field-item > .entity-bean img
*/

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-image-small {
    background: white;
    display: block;
    width: 47%;
    float: right;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-image-small img {
    width: 100%;
    height: auto;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-text-long {
    width: 47%;
    background: white;
    margin-right: 6%;
    float: left;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-text-long h2 {
    font-weight: 500;/*changed SK was bold*/
    margin-bottom: 30px; /*changed SK was 35px*/
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #252525;
    padding: 0;
}

/*changed SK*/
.node-al-campaign .bean-al-landing-our-offer * .field-item > p {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #464646;
}
.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-youtube-video {
    width: 47%;
    float: right;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-description {
    clear: both;
    display: block;
    width: 100%;
    background: white;
    padding: 25px 0 20px 0;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-description .field-item {
    border: solid #375f9b;
    color: #375f9b;
    border-width: 0px 0px 0px 3px;
    padding: 10px 0 10px 20px;
    font-size: 20px;
    line-height: 1.1;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-call-to-action {
    margin: 30px;
    clear: both;
	padding-top: 30px;
}

.node-al-campaign .bean-al-landing-our-offer .field-name-field-al-call-to-action a {
    color: white;
    background: #375f9b;
    max-width: 300px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    padding: 25px;
    font-size: 25px;
}

.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-short-description {
    font-size: 80px;
    color: #b9be0f;
    width: 15%;
    display: block;
    float: left;
    min-width: 100px;
    text-align: center;
}

.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-short-description .field-items {
    border-bottom: 5px solid #b9be0f;
}

.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-title-short {
    position: static;
    font-size: 20px;
    float: right;
    display: block;
    width: 50%;
    padding-bottom: 7px;
}

.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-text-long{
    float: right;
    display: block;
    width: 50%;
}

.field-name-field-why-choose-us > .field-items > .field-item {
    width: 30%;
    display: inline-block;
    margin: 0;
}

.field-name-field-why-choose-us > .field-items > .field-item.odd {
    margin-right: 5%;
    margin-left: 5%;
}

.field-name-field-why-choose-us > .field-items > .field-item.odd {
    margin-left: 5%;
    margin-right: 5%;
}

.node-al-campaign .field-name-field-why-choose-us,
.node-al-campaign .field-name-field-al-testimonials,
.node-al-campaign .field-name-field-al-brochures,
.node-al-campaign .field-name-field-al-webform,
.node-al-campaign .field-name-field-al-gas-products,
.node-al-campaign .field-name-field-al-our-offer {
    padding: 0 7% 0 7%;
    margin-top: 50px;
    display: block;
    clear: both;
    max-width: 100%;
}

.node-al-campaign .field-name-field-al-gas-products {
    overflow: hidden;
}

.node-al-campaign .field-name-field-al-gas-products a.quote-button {
    background: #375f9b;
}

.node-al-campaign .field-name-field-al-brochures {
    padding: 0 10% 0 10%;
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-image-small {
    display: block;
    width: 32%;
    float: left;
    clear: right;
}

.node-al-campaign .field-name-field-al-testimonials {
    background-color: #F0F0F0;
}

.node-al-campaign .field-name-field-al-testimonials .field-label {
    display: none;
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-title-short {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    display: block;
    float: right;
    margin-left: 8%;
    width: 60%;
    border-bottom: 3px solid;
    clear: none;
    color: #b9be0f;
    border-bottom: 2px solid #b9be0f;
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-description {
    display: block;
    width: 60%;
    background: inherit;
    padding: 0;
    float: right;
    margin-left: 8%;
    margin-top: 15px;
    font-size: 13px;
    clear: none;
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-text-long {
    display: none;
    width: 60%;
    margin-left: 8%;
    margin-top: 15px;
    float: right;
    clear: none;
    color: #375f9b; /*changed SK was inherit*/
}

.node-al-campaign .bean-al-landing-testimonial {
    padding-top: 20px;
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-call-to-action {
    display:block;
    float: right;
    width: 60%;
    margin: 0 0 0 8%;
    clear: none;
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-call-to-action a {
    /*
    color: #50c3e1;
    background-color: white;
    display: block;
    font-size: 23px;
    padding: 20px;
    */
    float: right;
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #464646;
    font-size: .77777778em;
    line-height: 1.60714286em;
    display: inline-block;
    margin: 0;
    text-decoration: none;
    padding: .92857143em 1.64285714em;
    border-radius: 2px;
    /*Couleur du “+” et du “-” : #b9be0f */
}

.node-al-campaign .bean-al-landing-testimonial .field-name-field-al-description .field-item {
    border: none;
    color: #375f9b; /*changed SK was inherit see .node-al-campaign .bean-al-landing-testimonial .field-name-field-al-text-long*/
    border-width: 0;
    padding: 0;
    font-size: 14px; /*changed SK was 14px*/
    line-height: 1.42857143;
}

.node-al-campaign .field-name-field-al-brochures > .field-items > .field-item {
    width: 16%;
    display: inline-block;
    margin: 0;
}

.node-al-campaign .field-name-field-al-brochures > .field-items > .field-item.odd {
    margin-left: 26%;
    margin-right: 26%;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-image-small {
    width: 100%;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-title-short {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 15px 0 10px 0;
    font-size: 20px;
    font-weight: bold;
    color: #585858;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-call-to-action  {
    margin: 0;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-call-to-action a {
    font-size: 18px;
    margin-top: 15px;
    padding: 20px 15px 20px 15px;
    width: 100%;
    display: block;
    text-align: center;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    color: #464646;
    text-decoration: none;
}

.node-al-campaign .field-name-field-al-brochures .field-label {
    font-weight: bold;
    display: block;
    margin-bottom: 80px;
    text-align: center;
    font-family: 'Roboto',sans-serif;
    font-size: 36px;
    color: #252525;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-image-small img {
    width: 100%;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-document {
    display: none;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.node-al-campaign .field-name-field-al-brochures .field-name-field-al-document a {
    text-transform: uppercase;
}

.node-al-campaign .field-name-field-al-webform .webform-client-form > div {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 35px;
    background: white;
}
.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component {
    margin-bottom: 20px;

}

/*changed SK*/
.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component label {
    color: #252525;
    font-weight: 300;
}

.node-al-campaign .bean-al-landing-testimonial * .field-name-field-al-title-short {
    color: #252525 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/***********************/

.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component h2,
.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component h3,
.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component h4 {
    font-weight: bold;
    color: #b9be0f;
    padding-bottom: 0;
}

.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component-markup {
    border-bottom: 3px solid #b9be0f;
}

.node-al-campaign .field-name-field-al-webform .webform-client-form .webform-submit.button-primary {
    border: 0;
    background-color: #375f9b;
    color: white;
    font-size: 20px;
    width: auto !important;
}

.node-al-campaign .bean-al-landing-download-brochures .content > .field-name-field-al-image-small img {
    border: 1px solid #e2e3e3;
	height: auto;
}

.node-al-campaign .field-name-field-al-webform {
    background-color: #F0F0F0;
    padding-top: 35px;
    margin-top: 80px;
}

.node-al-campaign .field-name-field-al-webform .field-label {
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
    font-family: 'Roboto',sans-serif;
    font-size: 36px;
    color: #252525;
    font-weight: bold;
}

.node-al-campaign .content .entity-bean .field-name-field-al-image-small img {
    padding-top: 0;
}

.node-al-campaign .content > .field > .field-items > .field-item > .entity-bean img {
    padding-top: 0;
}

.views-field.views-field-title,
.field-name-field-gas-product-packaging-size,
.field-name-field-gas-model-global-purity-va,
.field-name-field-gas-model-chemical-formula,
.field-name-field-gas-model-slogan,
.field-name-field-gas-product-pressure,
.field-name-field-gas-product-capacity,
.field-name-field-gas-product-supply-mode,
.views-field-product-id,
.field-name-field-gas-model-name,
.field-name-field-gas-model-application-text,
.field-name-field-gas-model-text-under-table,
.field-name-field-product-id {

}


.node-al-campaign .views-field.views-field-title,
.node-al-campaign .views-field.views-field-title a,
.node-al-campaign .field-name-field-gas-product-packaging-size,
.node-al-campaign .field-name-field-gas-model-global-purity-va,
.node-al-campaign .field-name-field-gas-model-chemical-formula {
    color: #767676;
    padding-right: 20px;
    padding-left: 20px;
}

.node-al-campaign .views-field.views-field-title a {
    padding: 0;
}

.node-al-campaign .views-field.views-field-title,
.node-al-campaign .views-field.views-field-title a {
    font-size: 22px;
    color: white;
}

.node-al-campaign .field-name-field-gas-product-packaging-size {
    font-size: 20px;
}

.node-al-campaign .views-field-field-gas-model-chemical-formula-1,
.node-al-campaign .purity-value,
.node-al-campaign .purity-value-sign,
.node-al-campaign .field-name-field-gas-model-global-purity-va {
    display: inline-block;
    padding: 0;
}

.node-al-campaign .field_gas_model_chemical_formula_1 {
    position: absolute;
    top: 60px;
    right: 30px;
    color: white;
}

.node-al-campaign .field-name-field-gas-model-slogan {
    padding: 20px;
}

.node-al-campaign .field-name-field-gas-product-pressure,
.node-al-campaign .views-field views-field-field-gas-product-packaging-size-1,
.node-al-campaign .field field-name-field-gas-product-capacity {
    display: inline-block;
}

.node-al-campaign .views-field.views-field-title {
    height: 120px;
    background-color: #375f9b;
    width: 100%;
    color: white;
    padding: 5px 0 0 20px;
}

.node-al-campaign .views-field.views-field-title a {
    color: white;
}

.node-al-campaign .field_gas_product_packaging_size {
    width: 100%;
    height: 20px;
    color: white;
    margin-top: -80px;
    margin-left: 20px;
}

.node-al-campaign .field_gas_model_chemical_formula,
.node-al-campaign .field_gas_model_global_purity_va {
    display: inline-block;
    margin-top: -60px;
    color: white;
}

.node-al-campaign .field_gas_model_chemical_formula {
    margin-left: 20px;
}

.node-al-campaign .field_gas_model_slogan {
    margin: 60px 20px 0 20px;
    height: 95px;
    font-size: 13px;
}

.node-al-campaign .field_gas_product_pressure,
.node-al-campaign .field_gas_product_packaging_size_1,
.node-al-campaign .field_gas_product_capacity {
    background-color: #d3d2d2;
}

.node-al-campaign .field_gas_product_pressure {
    left: 20px;
}

.node-al-campaign .field_gas_product_packaging_size_1 {
    left: 90px;
}

.node-al-campaign .field_gas_product_capacity {
    left: 170px;
}

.node-al-campaign .field_gas_media_image {
    width: 335px;
    height: 284px;
    margin-left: 20px;
}

.node-al-campaign .field_gas_media_image img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto 0 auto;
}

.node-al-campaign a.quote-button {
    margin: 7px 0 0 20px;
}

.node-al-campaign .gas-model-attributes {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 10px;
}

.node-al-campaign .comment-comments {
    display: none;
}

.node-al-campaign .field-name-field-al-webform button,
.node-al-campaign .field-name-field-al-webform input,
.node-al-campaign .field-name-field-al-webform select,
.node-al-campaign .field-name-field-al-webform textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
}

@media only screen and (max-width : 1200px) {
    /*  [CSS for large screens but under 1200px wide]*/
	.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-text-long,
    .node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-title-short {
		width: 50% !important;
	}

	.node-al-campaign .content > .field > .field-items > .field-item > .bean-al-landing-testimonial img {
		width: 100% !important;
		height: auto !important;
	}

	.node-al-campaign .field-name-field-al-webform .webform-client-form > div {
		width: 100% !important;
	}
}

@media only screen and (max-width : 992px) {
    /*[CSS for some tablets in landscape]*/

    .node-al-campaign > .content > .field-name-field-al-title-short {
        font-size: 40px !important;
    }


    /*
	.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-short-description {
		width: 100% !important;
	}
	.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-title-short {
		width: 100% !important;
	}
	.node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-text-long {
		width: 100% !important;
	}*/

	.node-al-campaign .field-name-field-why-choose-us > .field-items > .field-item {
		min-height: 260px !important;
		overflow: hidden !important;
	}

	.node-al-campaign .field-name-field-al-brochures > .field-items > .field-item {
		min-height: 400px !important;
		overflow: hidden !important;
	}

	.node-al-campaign .field-name-field-al-brochures .field-name-field-al-call-to-action a {
		font-size: 14px !important;
	}

	.node-al-campaign .field-name-field-al-brochures .field-name-field-al-title-short {
		font-size: 14px !important;
	}

	.node-al-campaign .field-name-field-al-brochures > .field-items > .field-item {
		width: 24% !important;
	}

	.node-al-campaign .field-name-field-al-brochures > .field-items > .field-item.odd {
		margin-left: 14% !important;
		margin-right: 14% !important;
	}
}

@media only screen and (max-width : 768px) {
    /*[CSS for tablets in portrait or smartphone in landscape]*/

    .node-al-campaign > .content > .field-name-field-al-title-short {
        font-size: 30px !important;
        top: 100px !important;
    }

    .node-al-campaign > .content > .field-name-field-al-text-long {
        font-size: 24px !important;
    }
}

@media only screen and (max-width : 480px) {
    /*[CSS for smartphones in portrait]*/

    .node-al-campaign .bean-al-landing-our-offer .field-name-field-al-image-small {
         background: white;
         display: block;
         width: 100%;
         float: none;
    }

    .node-al-campaign > .content > .field-name-field-al-title-short {
        top: 60px !important;
        font-size: 20px !important;
        left: 20px !important;
        width: 100% !important;
    }

    .node-al-campaign > .content > .field-name-field-al-text-long {
        font-size: 14px !important;
        line-height: 1.3;
    }

    .node-al-campaign .field-name-field-al-our-offer {
        margin-top: 0 !important;
    }

    .node-al-campaign .bean-al-landing-our-offer .field-name-field-al-text-long {
        width: 100% !important;
        background: white;
        margin-right: 0 !important;
        float: none !important;
        font-family: 'Roboto',sans-serif;
        font-weight: 300;
        font-size: 20px !important;
    }

    /* .node-al-campaign .field-name-field-al-our-offer  .field-name-field-al-text-long h2,*/
    .node-al-campaign .bean-al-landing-our-offer .field-name-field-al-text-long h2{
        margin-bottom: 15px;
        font-size: 20px !important;
    }

    .node-al-campaign .bean-al-landing-our-offer .field-name-field-al-youtube-video {
        width: 100%;
        float: none !important;
        margin: 0 !important;
        /* float: right; */
    }

    .node-al-campaign .bean-al-landing-our-offer .field-name-field-al-description .field-item {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .node-al-campaign .field-name-field-why-choose-us > .field-items > .field-item {
        width: 100% !important;
        min-height: inherit !important;
        margin: 0 0 30px 0 !important;
    }

    .node-al-campaign .bean-al-landing-why-choose-us .field-name-field-al-text-long {
        font-size: 12px !important;
    }

    .node-al-campaign .bean-al-landing-testimonial .field-name-field-al-image-small {
        display: block !important;
        width: 100% !important;
    }

    .node-al-campaign .bean-al-landing-testimonial .field-name-field-al-title-short {
        margin-left: 0 !important;
        width: 100% !important;
        padding-bottom: 20px !important;
        text-align: center !important;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
    }

    .node-al-campaign .bean-al-landing-testimonial .field-name-field-al-description,
    .node-al-campaign .bean-al-landing-testimonial .field-name-field-al-text-long {
        width: 100% !important;
        float: none !important;
        font-size: 12px !important;
    }

    .node-al-campaign .bean-al-landing-testimonial .field-name-field-al-call-to-action {
        display: block !important;
        float: right !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        clear: none !important;
    }

    .node-al-campaign .webform-container-inline div, .webform-container-inline div.form-item {
        display: block !important;
    }

    .node-al-campaign .field-name-field-al-webform .webform-client-form .webform-component h2 {
        font-weight: bold !important;
        color: #50c3e1 !important;
        font-size: 16px !important;
        padding-bottom: 15px !important;
    }



    .node-al-campaign .field-name-field-al-brochures > .field-items > .field-item {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        display: block;
    }

    .node-al-campaign .field-name-field-al-brochures > .field-items > .field-item .bean-al-landing-download-brochures {
        width: 50% !important;
        margin: 0 auto 0 auto !important;
    }

    .node-al-campaign .field-name-field-al-brochures > .field-items > .field-item.odd {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


/*
    .node-al-campaign .field-name-field-al-brochures .field-name-field-al-image-small {
        width: 50% !important;
        float: left !important;
    }

    .node-al-campaign .field-name-field-al-brochures .field-name-field-al-title-short {
        font-size: 14px !important;
        float: right !important;
        width: 40% !important;
    }

    .node-al-campaign .field-name-field-al-brochures .field-name-field-al-call-to-action {
        margin: 0 !important;
        float: right !important;
        width: 40% !important;
        font-size: 14px !important;
    }
    */

    /*
    .node-al-campaign .field-name-field-why-choose-us > .field-items > .field-item {

    }*/
}

/* ------------------------------------------------------  */

.node-al-campaign .jcarousel-skin-default .jcarousel-container-horizontal /*,
.node-al-campaign .jcarousel-skin-default .jcarousel-clip-horizontal */
{
    margin: auto;
    height: auto;
    padding: 0;
    width: 1161px;
}

.node-al-campaign .jcarousel-skin-default .jcarousel-clip-horizontal {
    overflow: hidden;
    width: 1161px;
    padding: 0;
    margin: 0;
}

.node-al-campaign .jcarousel-skin-default .jcarousel-item {
    width: 378px;
    overflow: hidden;
    margin: 0 15px 0 0;
    height: 602px;
    background-color: #F0F0F0;
    text-align: left;
    color: #767676;
    position: relative;
    border: 1px solid #ebebeb;
}

/* Controlers PREV */
.node-al-campaign .jcarousel-skin-default .jcarousel-prev-horizontal {
    position: absolute;
    top: 285px;
    left: -40px;
    background-position: 0 0;
}

/* Controlers NEXT */
.node-al-campaign .jcarousel-skin-default .jcarousel-next-horizontal {
    position: absolute;
    top: 285px;
    right: -40px;
    background-position: 0 -32px;
}

.view-display-id-al_landing_product_variations_desktop {}

.view-display-id-al_landing_product_variations_smartphone,
.view-display-id-al_landing_product_variations_tablet {
    display: none;
}

.node-al-campaign .view-display-id-al_landing_product_variations_tablet .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 771px !important;
}

.node-al-campaign .view-display-id-al_landing_product_variations_tablet .jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 771px !important;
}


.node-al-campaign .view-display-id-al_landing_product_variations_smartphone .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 393px !important;
}

.node-al-campaign .view-display-id-al_landing_product_variations_smartphone .jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 393px !important;
}

@media only screen and (max-width : 1200px) {
   /* [CSS for large screens but under 1200px wide]*/
    .view-display-id-al_landing_product_variations_desktop,
    .view-display-id-al_landing_product_variations_smartphone {
        display: none !important;
    }

    .view-display-id-al_landing_product_variations_tablet {
        display: block !important;
    }
}

@media only screen and (max-width : 992px) {
    /*[CSS for some tablets in landscape]*/

    .view-display-id-al_landing_product_variations_desktop,
    .view-display-id-al_landing_product_variations_smartphone {
        display: none !important;
    }

    .view-display-id-al_landing_product_variations_tablet {
        display: block !important;
    }

    /*
    .node-al-campaign .jcarousel-skin-default .jcarousel-container-horizontal
.node-al-campaign .jcarousel-skin-default .jcarousel-clip-horizontal  {
        margin: 0;
        height: auto;
        padding: 0;
        width: 770px !important;
        border: 2px dotted red;
    }

    .node-al-campaign .jcarousel-skin-default .jcarousel-clip-horizontal {
        overflow: hidden;
        width: 750px !important;
        margin: 0 auto 0 auto;
    }
    */
}

@media only screen and (max-width : 768px) {
    /*[CSS for tablets in portrait or smartphone in landscape]*/
    .view-display-id-al_landing_product_variations_desktop,
    .view-display-id-al_landing_product_variations_tablet {
        display: none !important;
    }

    .view-display-id-al_landing_product_variations_smartphone {
        display: block !important;
    }
}

@media only screen and (max-width : 480px) {
    /*[CSS for smartphones in portrait]*/
    .view-display-id-al_landing_product_variations_desktop,
    .view-display-id-al_landing_product_variations_tablet {
        display: none !important;
    }

    .view-display-id-al_landing_product_variations_smartphone {
        display: block !important;
    }

    .node-al-campaign .field-name-field-al-gas-products {
        padding: 0 !important;
    }

    /* Controlers PREV */
    .node-al-campaign .jcarousel-skin-default .jcarousel-next-horizontal {
        right: 10px !important;
     }

    .node-al-campaign .jcarousel-skin-default .jcarousel-prev-horizontal {
        left: 10px !important;
     }
}

ul.ui-autocomplete{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 60vh !important;
    width: 400px;
}

.autocomplete-item:hover > a {
    color: white !important;
}

.ui-state-focus {
    background: #157ABA !important;
}

.ui-state-focus > li > a, .ui-state-focus > span {
    color: white;
}

#ui-id-1::-webkit-scrollbar
{
    width: 20px;  /* for vertical scrollbars */
    height: 12px; /* for horizontal scrollbars */
}

#ui-id-1::-webkit-scrollbar-track
{
    background: #f1f1f1;
}

#ui-id-1::-webkit-scrollbar-thumb
{
    background: #157ABA;
}
/* Landing page end */

.page-solr-search .block-facetapi{
    display: none;
}
.global-search-facet-content{
    display: none;
}

@media print {
    .region-sidebar-first{display: none!important;}
    #mobile-banner {display: none!important;}
}

.page-my-account-invoice-settings .ajax-progress-throbber{
    display: none;
}
.empty-return-description {
    padding: 0px 10px 10px 17px;
}
#cookiescript_injected {
    bottom: 0 !important;
    top: auto !important;
}
#tarteaucitronAllAllowed {
    background-color: #337ab7 !important;
}

.tarteaucitronDisclaimerTop{
    text-align: left;
    padding-left: 3px;
}

.separate-block-cookies{
    width: 60%;
    margin-left: 20%;
}

.separate-block-cookies hr{
    border-top: 1px solid #d9d9d9;
}

.tarteaucitronAllow {
    background-color: rgb(51, 122, 183);
}

.tarteaucitronDeny {
    background-color: rgb(128, 128, 128);
}

.details_for_gtm {
    text-align: left;
    margin-left: 21px;
}

#details_for_gtm_st > b , #details_for_gtm_st > p {
    color: #999999;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
    font: 12px verdana !important;
}

#tarteaucitronAlertBig #tarteaucitronAcceptAll {
    font-size: 12px !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 11px !important;
}

/* -------------------------------------------------------------------------- */
/* Modal add to quote                                                         */
/* -------------------------------------------------------------------------- */
.modal-cross {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 6px 10px;
    cursor: pointer;
}

.modal-cross-icon {
    color: #464646;
}

.dropdown-delivery-method {
    padding: 0;
    box-shadow: none;
}

.dropdown-modal {
    width: 450px;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 992px) {
    .dropdown-modal {
        width: 100%;
    }
}

.dropdown-modal__title {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 16px 0;
}

.dropdown-modal .modal-cross {
    font-size: 15px;
    opacity: 1;
}

.dropdown-modal__action {
    margin: 32px 0 0 0;
}

.dropdown-modal__action .button {
    min-width: 120px;
}

.dropdown-modal--success .dropdown-modal__content {
    display: flex;
    align-items: flex-start;
    margin: 8px 0;
}

.dropdown-modal--success .dropdown-modal__icon {
    font-size: 30px;
    margin-right: 16px;
}

.dropdown-modal--form .dropdown-modal__content {
    display: flex;
    align-items: center;
}

.dropdown-modal--form .button {
    margin-left: 16px;
}

@media only screen and (max-width: 992px) {
    .dropdown-modal--form .dropdown-modal__content {
        flex-direction: column;
    }
    .dropdown-modal--form .button {
        margin: 8px 0 0 0;
    }
}

/* -------------------------------------------------------------------------- */
/* Modal add to quote                                                         */
/* -------------------------------------------------------------------------- */

.icon-success {
    color: #5CB85C;
}


#product-model-name{
    font-weight: bold;
}

#modal-add-quotation .modal-header{
    border-bottom: none;
}

#modal-add-quotation .modal-footer{
    border-top: none;
    margin-top:20px;
}

#modal-add-quotation .alert-success {
    color: #477F54;
    background-color: #F4FBF6;
    border-color: #F4FBF6;
}

.quote-content {
    padding: 30px 25px;
    position: relative;
}

.quote-content .close{
    position: absolute;
    right: 15px;
    top: 10px;
    outline: none;
}

.quote-content .close span {
    font-size: 30px;
    color: #157ABA;
    outline: none;
}

.quote-content  .glyphicon-ok-circle{
    padding-right: 5px;
}

.quote-content .product-view-border {
    text-align: center;
    border: 2px solid #A9A9A9;
    border-radius: 12px;
    padding: 25px 20px;
}

.quote-content #product-title{
    text-decoration: underline;
    padding-bottom: 10px;
    font-size: 14px;
    color: #3966a9;
    font-weight: bold;

}

.quote-content .c-product-information{
    padding-left: 40px; !important;
}

.quote-content  #product-model-name{
    text-decoration : underline;
}

.quote-content #product-image{
    padding-bottom: 20px;
}

#modal-add-quotation #modal-dialog{
    width: 750px;
    top: 117px !important;
}

.quote-content > .modal-body {
    margin: inherit;
}

#submit-quote {
    background-color: #003264 !important;
    min-width: 18% !important;
    border-radius: 8px !important;
    height: 45px;
    text-transform: uppercase;
    padding-top: 11px;
}

#modal-quotation-hide{
    text-transform: uppercase;
    color: #003264;
}


.quote-content > .modal-body{
    margin: auto;
}

.quote-content #product-image img {
    vertical-align: top;
    display: block;
    margin: auto;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 820px;
    }
}


@media (max-width: 768px) {
    .c-product-information {
        padding-left: 0px !important;
        padding-top: 20px;
        text-align: center;
    }
    #submit-quote {
        width: auto !important;
        display: block;
    }
    #modal-add-quotation .modal-footer{
        border-top: none;
        margin-top:20px;
        text-align: center;
    }
}

/* -------------------------------------------------------------------------- */
/*      Prospect & AlCustomer Notification items                              */
/* -------------------------------------------------------------------------- */
.my-account-selection .my-selection .badge {
    background-color: #E3EBF1;
    color: #006FB4;
    top: -7px;
    left: calc(50% + 2px);
    position: absolute;
    border: 1px solid #ffffff;
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}

.my-account-selection .al-login-picto{
    position: relative;
}

.my-account-menu .my-selection .badge {
    background-color: #E3EBF1;
    color: #006FB4;
    top: 0px;
    left: inherit;
    position: relative;
    border: 1px solid #ffffff;
    font-family: 'Work Sans', 'Helvetica Neue', 'Droid Sans', 'Helvetica', 'Arial', sans-serif;
}


.modal-body-brochure-landing {
    padding: 8px 80px 100px 43px;
}

#input-mail-download-brochure {
    width: 62%;
    float:left;
    margin-right: 12px;
}

#confirm-download-brochure {
    width: 20%;
    float: left;
    background: white;
    color: #ccc;
    border-radius: 4px;
    text-transform: uppercase;
    height: 42px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-top-width: 2px;
}


#input-mail-download-brochure {
    width: 66%;
    margin-right: 12px;
    border-radius: 4px;
    height: 42px;
    border-top: 2px solid #ccc;
}
#recaptcha_form{
    text-align: left;
    margin-left: 2px;
}

.form-item-mail-brochure {
    padding: 0px 2px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.form-item-agree-conditions{
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 2px;
}
.text-header-download-brochure-modal {
    padding: 0px 4px;
}

.hide-overflow {
    overflow : hidden;
}

#input-mail-download-brochure-error {
    display: block;
    width: 100% !important;
    float: left;
    text-align: left;
    padding-top: 10px;
    padding-left: 2px;
}

#input-mail-download-brochure-error .condition-nok{
    margin-bottom: 0;

}
.condition-nok {
    color: red;
}

.glyphon-aligner {
    font-size: 29px;
    vertical-align: middle;
    margin-right: 25px;
}

.success-message{
    font-size: 15px;
}

.modal-body-landing-brochure-step2 {
    padding-top: 23px;
    text-align: center;
}

.btn-done {
    margin-top: 10px;
    width: 18%;
    height: 42px;
    border-radius: 7px;
}

.modal-cta {
    margin-top: 30%;
}

.form-item.form-item-lang-switcher {
    margin-bottom: 0;
}

.select-lang-switcher {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("../images/icon/down-chevron.png") no-repeat 90% 50%;
    cursor: pointer;
}

.select-lang-switcher option{
    background-color: #fff;
}

.select-lang-switcher select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-lang-switcher select:focus {
    outline: none;
}
/*specific IE for language switcher*/
.select-lang-switcher::-ms-expand {
    display: none;
}
/*specific others for language switcher*/
.select-lang-switcher {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

@media (min-width: 1200px) {
    .page-my-account-manage-my-company-accounts .main-container {
        max-width: 1220px;
        width: 100%;
    }
}

.app-download-button {
    margin-left: -4px;
}

#sold-to-name {
    display: inline-block;
}

.form-item.form-item-phone-number > div > div.input-group > span.phone-prefix,,
#edit-phone-number, #CarId2-button,
.rectangle-filter-mail > input,
.email-input-user .form-control.form-text, .email-input-filter .form-control.form-text,
#alorderprocess-emails-form #edit-field-container-field-user-email {
    background: #FFFFFF;
    border: 1px solid #F1F1F1 !important;
    box-sizing: border-box;
    border-radius: 10px !important;
    box-shadow: none;
}

.form-item.form-item-phone-number > div > span,
#alorderprocess-emails-form > div > span {
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    color: #333333;
}


#alorderprocess-emails-form span.edit-alorder-parameters {
    position: absolute;
    top: 45px;
    right: 20px;
}

#alorderprocess-phone-form span.edit-alorder-parameters {
    position: absolute;
    top: 25px;
    z-index: 100;
    right: 10px;
}

#alorderprocess-emails-form span.edit-alorder-parameters:hover,
#alorderprocess-phone-form span.edit-alorder-parameters:hover {
    cursor: pointer;
}

span.ui-icon.avatar {
    background-size: 100% 100%;
}

#alorderprocess-phone-form #CarId2-button {
    width: 51px !important;
    box-sizing: border-box;
    margin-right: 5px;
}

#alorderprocess-phone-form img.flag-country {
    position: absolute;
    top: 50%;
    height: 16px;
    width: 16px;
    transform: translateY(-50%);
}

#alorderprocess-phone-form .ui-selectmenu-text {
    text-align: left;
    padding: 0em .1em 0.4em .8em !important;
    display: none;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

#alorderprocess-phone-form .ui-selectmenu-button span.ui-icon.avatar {
    left: 12px;
    margin-top: -8px;
}
.node-al-campaign  .field-name-field-al-title-short-global {
    position: absolute;
    top: 143px;
    font-size: 52px;
    left: 92px;
    width: 440px;
    line-height: 1.1;
    color: white; /*changed SK*/
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    .node-al-campaign  .field-name-field-al-img-big {
        position: relative;
    }
    .node-al-campaign  .field-name-field-al-img-big  .field-name-field-al-title-short-global{
        left: 5%;
        top: 30%;
        font-size: 30px;
        width: 60%;
        line-height: normal;
    }
}

@media screen and (max-width: 767px) {
    .node-al-campaign  .field-name-field-al-img-big  .field-name-field-al-title-short-global{
        position: absolute;
        left: 5%;
        top: 20%;
        font-size: 18px;
        width: 50%;
        line-height: normal;
    }
}

span.glyphicon.glyphicon-question-sign > span.question-tip{
    display: none;
    position: absolute;
    top: -150%;
    left: 18px;
    width: 160px;
}
span.glyphicon.glyphicon-question-sign:hover > span.question-tip{
    display: inline-block;
    z-index: 200;
}

span.glyphicon.glyphicon-question-sign > span.question-tip .tooltip-inner {
    display: inline-block;
}

#js-ajax-email-elements-wrapper div.email-input-user {
    display: none;
}

.edit-alorder-parameters.glyphicon > button {
    display: none !important;
}

.edit-alorder-parameters > button {
    background: none;
    border: none;
    top: -3px;
    padding: 0;
    position: absolute;
    left: -15px;
}

div.favorites-wrapper > span.fat.glyphicon.glyphicon-heart {
    color: #d5012d;
}

.footer-shopping_cart_empty{
    margin-top: 32px;
}

.footer-shopping_cart {
    padding: 0;
    padding-right: 25px;
}

@media only screen and (max-width: 992px) {
    .footer-shopping_cart {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .footer-shopping_cart_empty .button:first-of-type {
        margin-bottom: 10px;
    }
}

.main-separator {
    overflow: hidden;
    background-color: #f1f1f1;
    margin-left: -20px;
    padding: 15px;
    padding-bottom: 0;
    margin-right: -65px;
    margin-top: 20px;
}
.main-separator-confirmation {
    overflow: hidden;
    background-color: #f1f1f1;
    margin-left: -14px;
    padding: 15px;
    padding-bottom: 0;
    margin-right: -14px;
    margin-top: 20px;
}

#distributor-informations #distrib-adress{
    display: inline-block;
    padding-left: 12px;
}

#distributor-informations #distrib-phone{
    display: inline;
    padding-left: 12px;
}

#distributor-informations .distributor-adress .fa-map-marker-alt{
    color: #037ab2;
}

span#distrib-adress{
    display: block;
    white-space: normal;
    text-align: left;
    line-height: 22px !important;
    margin-top: 4px;
}

span#distrib-phone {
    padding-top: 6px;
    display: block;
    text-align: left;
}
span.pick-up-label {
    display: block;
    white-space: normal;
}
.collector{
    display: inline-flex;
}

.optional-email-alert-error, .error-alert {
    display: none;
    margin-top: 10px;
}

.optional-email-alert-error.show-error, .error-alert.show-error {
    display: block;
}

.border-error-input {
    border: 2px solid #a94442 !important;
}

.email-container-title {
    display: block;
    padding: 10px 20px;
    font-weight: 900;
    margin-bottom: 20px;
    font-size: 16px;
}

.no-padding-left {
    padding-left: 0 !important;
}

.btn-save-cart {
    background-color: #375F9B !important;
    color: #fff !important;
}

.btn-save-cart {
    background-color: #375F9B !important;
}

#see-other-emails > span, #add-other-email > span{
    font-family: 'Roboto',sans-serif !important;
}

.save-email-address {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #375F9B;
}

.save-email-address:hover {
    cursor: pointer;
}
.gas-delivred-by{
    padding-right: 15px;
}
.choose-span{
    float: left;
}

ul[aria-labelledby="EMAIL"] {
    margin-top: 12px !important;
}

.optional-email-alert-error.show-error .glyphicon.glyphicon-exclamation-sign,
.error-alert.show-error .glyphicon.glyphicon-exclamation-sign {
    width: 20px;
}


.optional-email-input.form-control.form-text {
    border-radius: 7px !important;
}

div.favorites-wrapper > span.fat.glyphicon.glyphicon-heart {
    color: #d5012d;
}

.footer-shopping_cart_empty .button{
    min-width: 0;
}
.footer-shopping_cart_empty .button:first-of-type{
    margin-right: 15px;
}

.change-distributor-selected{
    margin-top: 15px;
}

.footer-shopping_cart_empty .empty-cart-btn {
    margin-right: 15px;
}

.footer-shopping_cart {
    padding: 0;
    padding-right: 25px;
}

@media only screen and (max-width: 992px) {
    .empty-cart-btn, .save-cart-btn {
        width: 100%;
    }
    .empty-cart-btn {
        margin-bottom: 15px;
    }
    .footer-shopping_cart {
        padding: 0;
    }
}

.main-separator {
    overflow: hidden;
    background-color: #f1f1f1;
    margin-left: -20px;
    padding: 15px;
    padding-bottom: 0;
    margin-right: -65px;
    margin-top: 20px;
}

span#distrib-adress{
    display: block;
    white-space: normal;
    text-align: left;
    line-height: 22px !important;
    margin-top: 4px;
}

span#distrib-phone {
    padding-top: 6px;
    display: block;
    text-align: left;
}
span.pick-up-label {
    display: block;
    white-space: normal;
}
.collector{
    display: inline-flex;
}

.optional-email-alert-error, .error-alert {
    display: none;
    margin-top: 10px;
}

.optional-email-alert-error.show-error, .error-alert.show-error {
    display: block;
}

ul[aria-labelledby="EMAIL"] {
    margin-top: 12px !important;
    z-index: 10;
}

.optional-email-alert-error.show-error .glyphicon.glyphicon-exclamation-sign,
.error-alert.show-error .glyphicon.glyphicon-exclamation-sign {
    width: 20px;
}

.node-al-campaign  .field-name-field-al-title-short-global {
    position: absolute;
    top: 143px;
    font-size: 52px;
    left: 92px;
    width: 440px;
    line-height: 1.1;
    color: white; /*changed SK*/
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    font-family: 'Roboto',sans-serif;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    .node-al-campaign  .field-name-field-al-img-big {
        position: relative;
    }
    .node-al-campaign  .field-name-field-al-img-big  .field-name-field-al-title-short-global{
        left: 5%;
        top: 30%;
        font-size: 30px;
        width: 60%;
        line-height: normal;
    }
}

@media screen and (max-width: 767px) {
    .node-al-campaign  .field-name-field-al-img-big  .field-name-field-al-title-short-global{
        position: absolute;
        left: 5%;
        top: 20%;
        font-size: 18px;
        width: 50%;
        line-height: normal;
    }
}

.no-margin {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .xs-no-padding {
        padding: 0;
    }
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.modal__header__title__bigTitle {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0;
}

.modal__header__title__subTitle {
    color: #375F9B;
    font-weight: 700 !important;
    margin: 0;
}

.modal__header__button {
    margin-left: 16px;
    min-width: 68px;
}

.modal__content .glyphicon, .modal__content a {
    color: #375F9B;
}

.modal-detail__title {
    font-weight: bold;
    font-family: 'Roboto', sans-Serif;
    margin-bottom: 25px;
}

.modal-detail__action {
    margin-top: 35px;
}

@media (min-width: 992px) {

    .modal-detail__action .btn:nth-child(even),
    .modal-detail__action .btn:last-of-type {
        margin-left: 10px;
    }
}

#alorderprocess-emails-form .dropdown-backdrop {
    z-index: 0;
}

/* -------------------------------------------------------------------------- */
/*      ==List Fees                                                           */
/* -------------------------------------------------------------------------- */
.fees {
    margin-top: 16px;
}

.fees__list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.fees__list__item {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin-bottom: 8px;
}

.fees__list__item:last-of-type {
    margin-bottom: 0;
}

.fees__list__item__title,
.fees__list__item__amount {
    margin: 0;
}

/* radio button custom */

.radio-button-custom [type="radio"]:checked,
.radio-button-custom [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.radio-button-custom [type="radio"]:checked + label,
.radio-button-custom [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    font-weight: normal;
    display: block;
}

.radio-button-custom__label {
    margin-bottom: 10px;
}

.radio-button-custom [type="radio"]:checked + label:before,
.radio-button-custom [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #555;
    border-radius: 50%;
    background: #fff;
}
.radio-button-custom [type="radio"]:checked + label:before {
    border-color: #375F9B;
}
.radio-button-custom [type="radio"]:checked + label:after,
.radio-button-custom [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #375F9B;
    border-color: #375F9B;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}
.radio-button-custom [type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
.radio-button-custom [type="radio"]:checked + label:after {
    opacity: 1;
}

/* Checkmark */

.recurring input[type=checkbox],
.recurring input[type=radio],
.block-facetapi input[type=checkbox],
.block-facetapi input[type=radio]{
    position: absolute;
    height: 20px;
    width: 20px;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}

input[type=radio] ~ .checkmark,
input[type=checkbox] ~ .checkmark {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #333333;
    content: "";
    margin-right: 5px;
}

input[type=checkbox] ~ .checkmark:after,
input[type=radio] ~ .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    width: 12px;
    height: 12px;
    text-align: center;
    margin: 3px;
}

input[type=checkbox]:checked ~ .checkmark,
input[type=radio]:checked ~ .checkmark {
    border: 1px solid #375f9b;
}

input[type=checkbox]:checked ~ .checkmark:after,
input[type=radio]:checked ~ .checkmark:after {
    display: block;
}

/* Checkmark type checkbox */

input[type=checkbox] ~ .checkmark {
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type=checkbox] ~ .checkmark--error {
    border-color: #A94442;
}

input[type=checkbox]:checked ~ .checkmark--error {
    border-color: #375F9B;
}


input[type=checkbox] ~ .checkmark:after {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: -3px;
    width: 7px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    padding-top: 12px;
}

input[type=checkbox]:checked ~ .checkmark {
    background-color: #375f9b;
}

/* Checkmark type radio */

input[type=radio] ~ .checkmark {
    -moz-border-radius: 50%;
    border-radius: 50%;
}

input[type=radio] ~ .checkmark:after {
    background-color: #375f9b;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    text-align: center;
    margin: 3px;
}

.recurring {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 30px;
    margin-bottom: 16px;
}

.recurring-from {
    padding-left: 0;
}


/* -------------------------------------------------------------------------- */
/*      ==Comment                                                             */
/* -------------------------------------------------------------------------- */

.comment {
    margin-top: 32px;
}

.comment__title {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
}

.comment__title__optional {
    color: #375F9B;
}

.comment__content {
    padding: 0;
    margin: 8px 0 0 0;
}

.comment__content__field {
    resize: none;
    background: #FFFFFF;
    border: 2px solid #E1E1E1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.comment__content__field:visited,
.comment__content__field:focus {
    border-color: #BCE0FD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.comment__content__count {
    color: #979797;
}


/* Style mobile Homme page entity*/

@media screen and (max-width: 573px) {
    .region-homepage-content .entity-bean {
        width: 100%;
        height: inherit;
    }
    .region-homepage-content .entity-bean  .field-items .field-item{
        position: inherit!important;
        padding: 15px 20px;
    }

    .region-homepage-content .entity-bean  .field-name-field-al-text-long .field-item {
        font-size: 14px;
        width: 100%;
        padding: 0 20px;
        position: inherit;
    }
    .region-homepage-content .entity-bean  .field-item a{
        background:transparent;
    }
    .region-homepage-content .entity-bean .field-name-field-al-img-big{
        display: none;
    }
    .region-homepage-content .bean-homepage-level-1,.region-homepage-content .bean-homepage-level-2,.region-homepage-content .bean-homepage-level-3{
        background: transparent!important;
        min-height: inherit;
    }

     .bean-homepage-level-1 .field-items .field-item,.bean-homepage-level-2 .field-items .field-item,.bean-homepage-level-3 .field-items .field-item,.bean-homepage-level-4 .field-items .field-item {
        padding: 0!important;
    }
}