.action-container {
    width: 100%;
    display: table;
}

.action-container-row {
    /* display: table-row; */
    margin-bottom: 5px;
}


#finalizeDialog-scrollCont .sapMHBox{
   min-height:400px;
}
.action {
    display: table-cell;
    width: 234px;
    height: 86px;
    margin: 2px;
    padding-left: 15px;
    /* padding-right: 10px; */
    background-size: 290px 86px;
    background-repeat: no-repeat;
    background-position: left center;
    overflow: initial;
    overflow-wrap: initial;
    word-wrap: initial;
    font-size: 1.2rem;
    vertical-align: middle;
    color: white;
}
.mobile .action {
    font-size: 1rem;
}
.ios10.mobile .action {
    font-size: 1.2rem;
}



.active.action .action-link {
    font-family: GillSansBold;
}

.inactive.action .action-link {
    font-family: GillSans;
}

.action-link, .action-link:hover {
    color: white;
    /* >>>>> SGO font-size: 1.6rem; */
    font-size: 1.3rem;
    /* <<<<< SGO */
    text-decoration: none;
    letter-spacing: 1px;
}
.mobile .action-link, .mobile .action-link:hover {
	font-size: 1.0rem;
}
.ios10.mobile .action-link, .ios10.mobile .action-link:hover {
    font-size: 1.9rem;
}

.action > a, .action > a.sapMLnk:hover, .action > a.sapMLnk:visited  {
    color: white;
    display: block;
    margin-top: 3px;
    margin-bottom: 1px;
    word-wrap: break-word;
    text-decoration: none;
    /* text-overflow: initial; */
    width: 185px;
    max-width: 235px;
    /* height: 60px; */
    text-overflow: ellipsis;
    white-space: initial;
    /* max-height: 60px; */
    /* overflow: initial; */
}

.active.action.historiqueAction {
    background-size: contain;
    background-image: url(../media/general/PE-HISTORIQUE.png);
}

.inactive.action.historiqueAction {
    background-size: contain;
    background-image: url(../media/general/AV-HISTORIQUE.png);
}

.active.action.selection {
    background-size: contain;
    background-image: url(../media/general/PE-SELECTION.png);
}

.inactive.action.selection {
    background-size: contain;
    background-image: url(../media/general/AV-SELECTION.png);
}

/* CSS LIEES AU BASKET */
.mx-basket {
    width: 100%;
    overflow: initial;
    /*    height: 600px;*/
}

/* .mx-basket img {
	width: 200px;
 } */

.invisible  {
    display: none;
}

.visible  {
    display: block;
}

.basketBtn {
    width: 210px;
    height: 60px;
    margin: auto auto 20px;
}

.basketBtn a {
    position: relative;
    top: -40px;
    left: 20px;
    width: 100%;
    font-size: 24px;
    color: white;
}

/*.sapMLnkDsbl a {
    color:green !important;
    border: 4px dashed green;
} */

.mobile .basketBtn a {
    position: relative;
    top: -60px;
    left: 30px;
}

.ios10.mobile .basketBtn a {
    position: relative;
    top: -60px;
    left: 5px;
    font-size:2.2rem;
}

.basketBtn img {
    width: 220px;
    height:60px;
}


.basket-item ul {
    /* display: block; */
    width: 400px;
    text-align: left;
    padding: 10px;
    margin: auto;
}

.basket-item ul.odd {
    background-color: white;
    color: black;
    
}

.basket-item ul.even {
    background-color: #9c9c9c;
    color: white;
}

.basket-item li {
    display: inline-block;
    width: 100%;
    /* min-height: 53px; */
}


.basket-item .delete {
    display: inline-block;
    float: left;
    margin-left: 0;
    width: 41px;
    padding-right: 5px;
    padding-top:2px;
}

.basket-item .delete img {
    width: 41px;
    height:41px;
}

.basket-item .itemname {
    /* background-color:blue; */
    width:320px;
    float:left;
}
/*.basket-item .mainitem  .itemname span {
	background-color:green;
 
 }*/

.basket-item{
    font-size:1.0rem;
}
.mobile .basket-item{
    font-size:0.9rem;
}
.ios10.mobile .basket-item{
    font-size:1.3rem;
}

.basket-item .subitem .itemname span {
    margin-left:10px;
    /*background-color:red;	*/
}

.basket-item .price {
    width: 80px;
    display:inline-block;
    text-align:right;
    font-size: 1rem; /* 0.8 mob */
    padding: 0;
    /*background-color:yellowgreen;*/
    float: right;
}
.mobile .basket-item .price {
    font-size: 0.9rem;
}
.ios10.mobile .basket-item .price {
    font-size: 1.4rem;
}

.basket-total {
    width: 420px;
    background-color: #585858;
    border: 2px solid #9c1006;
    color: white;
    font-weight: bold;
    font-size:3rem;
    /*    height:40px;*/
    position: fixed;
    bottom: 230px;
    margin-left: 17px;
    /* z-index: 300; */
}

.mobile .basket-total {
    font-size:1.0rem;
}


.ios10.mobile .basket-total {
    font-size:1.8rem;
}



/* div isolant le panier de son total */
.hack-basket-ios{
    
}


.basket-total span.label {
    margin-top:10px;
    display: inline-block;
    float: left;
    font-size: 1rem;
    width: 200px;
    height:50px;
}

.mobile .basket-total span.label {
    font-size: 0.8rem;
}

.ios10.mobile .basket-total span.label {
    font-size: 1.3rem;
}


.basket-total span.price {
    float: right;
    text-align: right;
    vertical-align: center;
    width: 120px;
    margin-top: 10px;
    font-size:1.2rem;
}
.mobile .basket-total span.price {
    font-size: 0.8rem;
}
.ios10.mobile .basket-total span.price {
    font-size: 1.3rem;
}

.config-basketSC{
    position:fixed;
    /* width: 100%; */
    top: 86px;/*cible : */
    height: calc(100% - 378px) !important;
    /* background-color:red; */
    /*	bottom: 194px !important;*/
    /* margin-left: 10px; */
}


.title-empty-error {
    background-color:#e52929 !important;
}

.btn {
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-bottom: 2px solid #ccc !important;
    border-radius: 1px;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus,
  .btn.focus {
    color: #333;
    text-decoration: none;
  }
  .btn:active,
  .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
  }
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default:focus,
  .btn-default.focus {
    color: #333;
    /*background-color: #e6e6e6;*/
    background-color: #f2f2f2;
    border-color: #8c8c8c;
  }
  .btn-default:hover {
    color: #333;
    /*background-color: #e6e6e6;*/
    background-color: #f2f2f2;
    border-color: #adadad;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #333;
    /*background-color: #e6e6e6;*/
    background-color: #f2f2f2;
    border-color: #adadad;
  }
  .btn-default:active:hover,
  .btn-default.active:hover,
  .open > .dropdown-toggle.btn-default:hover,
  .btn-default:active:focus,
  .btn-default.active:focus,
  .open > .dropdown-toggle.btn-default:focus,
  .btn-default:active.focus,
  .btn-default.active.focus,
  .open > .dropdown-toggle.btn-default.focus {
    color: #333;
    /*background-color: #d4d4d4;*/
    background-color: #f2f2f2;
    border-color: #8c8c8c;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus,
  .btn-default.disabled:active,
  .btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn-default.disabled.active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default .badge {
    color: #fff;
    background-color: #333;
  }
  .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary:focus,
  .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary:active:hover,
  .btn-primary.active:hover,
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .btn-primary:active.focus,
  .btn-primary.active.focus,
  .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
  }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success:active:hover,
  .btn-success.active:hover,
  .open > .dropdown-toggle.btn-success:hover,
  .btn-success:active:focus,
  .btn-success.active:focus,
  .open > .dropdown-toggle.btn-success:focus,
  .btn-success:active.focus,
  .btn-success.active.focus,
  .open > .dropdown-toggle.btn-success.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus,
  .btn-success.disabled:active,
  .btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn-success.disabled.active,
  .btn-success[disabled].active,
  fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
  }
  .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info:focus,
  .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
  }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info:active:hover,
  .btn-info.active:hover,
  .open > .dropdown-toggle.btn-info:hover,
  .btn-info:active:focus,
  .btn-info.active:focus,
  .open > .dropdown-toggle.btn-info:focus,
  .btn-info:active.focus,
  .btn-info.active.focus,
  .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn-info.disabled,
  .btn-info[disabled],
  fieldset[disabled] .btn-info,
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled.focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info.focus,
  .btn-info.disabled:active,
  .btn-info[disabled]:active,
  fieldset[disabled] .btn-info:active,
  .btn-info.disabled.active,
  .btn-info[disabled].active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
  }
  .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled,
  .btn-warning[disabled],
  fieldset[disabled] .btn-warning,
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus,
  .btn-warning.disabled:active,
  .btn-warning[disabled]:active,
  fieldset[disabled] .btn-warning:active,
  .btn-warning.disabled.active,
  .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
  }
  .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger:focus,
  .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
  }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger:active:hover,
  .btn-danger.active:hover,
  .open > .dropdown-toggle.btn-danger:hover,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .btn-danger:active.focus,
  .btn-danger.active.focus,
  .open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled,
  .btn-danger[disabled],
  fieldset[disabled] .btn-danger,
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus,
  .btn-danger.disabled:active,
  .btn-danger[disabled]:active,
  fieldset[disabled] .btn-danger:active,
  .btn-danger.disabled.active,
  .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
  }
  .btn-link {
    font-weight: normal;
    color: #337ab7;
    border-radius: 0;
  }
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover,
  .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
  }
  .btn-lg,
  .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .btn-sm,
  .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-xs,
  .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
  .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
         -o-transition: opacity .15s linear;
            transition: opacity .15s linear;
  }
  .fade.in {
    opacity: 1;
  }
  .collapse {
    display: none;
  }
  .collapse.in {
    display: block;
  }
  tr.collapse.in {
    display: table-row;
  }
  tbody.collapse.in {
    display: table-row-group;
  }
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: height, visibility;
         -o-transition-property: height, visibility;
            transition-property: height, visibility;
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 12px dashed;
    border-top: 12px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    color: #cc0000;
  }
  .dropup,
  .dropdown {
    /*position: relative;*/
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    /*top: 100%;
    left: 0;*/
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 1px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    /*color: #262626;*/
    color: white;
    text-decoration: none;
    /*background-color: #f5f5f5;*/
    background-color: #ff0000;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #777;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  }
  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
  }
  .dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
  @media (min-width: 768px) {
    .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
    }
    .navbar-right .dropdown-menu-left {
      right: auto;
      left: 0;
    }
  }

  /* CSS LIEES AU FIL D ARIANE */
#idconfig--breadcrumb {
    margin: 2px;
    -webkit-user-select: none;
    /* height: 48px; */
    /* width: 2598px; */
    zoom: 0.7;
    /* background-color:green; */
    overflow-y: hidden;
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 12px GillSans;
    top: -20px;
    padding-left: 0;
    /* height:30px; */
    margin-top: 0;
    overflow: initial;
}



#breadcrumb-picto {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 14px;
}

.breadcrumb li {
    color: #58585A;
    text-decoration: none;
    padding: 21px 24px 0 36px;
    /*background: #D1D3D4; /*hsla(0, 0%, 92%, 1);*/
    background: transparent url(../media/header/FIL-ARIANE_bg-middle.png) top left repeat-x;
    position: relative;
    display: block;
    float: left;
    height: 36px;
}

.breadcrumb li span {
    z-index: 3;
}

.breadcrumb li.first{
    padding-left: 12px;
    width: 12px
}

.breadcrumb li.first:before {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 68px;
    
}

.breadcrumb li:after {
    content: " ";
    display: inline-block;
    z-index: 2;
    width: 28px;
    height: 68px;
    background: transparent url(../media/header/FIL-ARIANE_bg-right.png) top left no-repeat;
    position: absolute;
    right: -28px;
    top: 0;
}

.breadcrumb li:before {
    content: " ";
    display: block;
    z-index: 1;
    width: 13px;
    height: 68px;
    background: transparent url(../media/header/FIL-ARIANE_bg-middle.png) top left no-repeat;
    position: absolute;
    left: 13px;
    top: 0;
}

.breadcrumb li > span > a.a-breadcrumb {
    color: #58585a !important;
}

.breadcrumb li > span > a.a-breadcrumb.current {
    color: #dd0000 !important;
}


.ios10.mobile .breadcrumb li > span > a.a-breadcrumb, .ios10.mobile .breadcrumb li > span > a.a-breadcrumb.current {
    font-size:2rem;	
} 

.config-action-container {
    width: 100%;
    display: table;
}

.config-action-container-row {
    margin-bottom: 5px;
}

.config-action {
    /* display: table-cell; */
    display: block;
    width: 390px;
    height: 50px;
    margin: auto auto 10px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    background-color: #9d9d9d;
    color: white;
}

.mobile .config-action {
    margin-bottom: 30px;
    height:70px;
}

.config-action > a, .config-action > a.sapMLnk:hover, .config-action > a.sapMLnk:visited  {
    color: white;
    font-size: 1.3rem;
    text-decoration: none;
    padding-top:15px;
    width:100%;
    padding-bottom:20px;
}



.mobile .config-action > a, .mobile .config-action > a.sapMLnk:hover, .mobile .config-action > a.sapMLnk:visited  {
    font-size: 0.9rem;
    overflow:visible;
    text-overflow: initial;
    
}

.ios10.mobile .config-action > a, .ios10.mobile .config-action > a.sapMLnk:hover, .ios10.mobile .config-action > a.sapMLnk:visited  {
    font-size: 1.8rem;
    overflow: visible;
    text-overflow: initial;
}


.debugcmd input  {
    margin-top:20px;
    

}


div.debugcmd   {
    float:right;
    background:#FAFAFA;;
    margig-top:40px;
    padding:10px;
}

/* HISTORIQUE */

.validateBtn, .resetBtn, .deleteBtn {
    float: right;
    margin-right: 25px;
    display: inline-block;
    min-width: 70px;
    height: 15px;
    text-align:center;
    padding:2px;
    background-color: #dfdfdf;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.deleteBtn {
    margin: 0;
    float: left;
}

.repairBtn{
/*display:none;*/
}

a.validateBtn {
    color: white;
    text-decoration: none;
}

.resetBtn {
    margin-left:120px;
    margin-top:0px;
    float:left;
}

a.resetBtn {
    color: black;
    text-decoration: none;
}

.mobile .historique a {
    font-size: 0.8rem;
}


.ios10.mobile .historique a {
    font-size: 1.2rem;
}

.mainVB td {
    
}
.historique-mainVBSC > div{
    width:100%;
    margin: 0;
    padding: 0;
}

.historique-mainVBSC{
    /* background-color:red; */
    /* height: 400px !important; */
}

.mainVB.historique label {
    display: inline-block;
    font-family: Eurostyle;
    font-size: 12px;
    color: #999999;
    width: 120px;
    margin-top: 0.5rem;
}
.ios10.mobile .historique  label {
    width:140px;
    font-size: 1.4rem;
}
.ios10.mobile .historique  input {
    font-size: 1.4rem;
}



.historique-input {
    width: 40% !important;
}
#idhistorique--txtFiltreNumero, #idhistorique--labelQuoteNumber, #idhistorique--filtreNumero,
#idhistorique--labelQuoteDate, #idhistorique--filtreDate, #idhistorique--txtFiltreDate,
#idhistorique--filtreObjet, #idhistorique--txtFiltreObjet, #idhistorique--labelQuoteTitle {
    float:left;
}

#idhistorique--filtreObjet, #idhistorique--filtreNumero, #idhistorique--filtreDate{
    margin-left:30px;
}

#idhistorique--txtFiltreObjet{
    width: 150px !important;
}

#idhistorique--txtFiltreObjet-inner, #idhistorique--txtFiltreDate-inner, #idhistorique--txtFiltreNumero-inner {
    height:40px;
    font-size:1.9rem;
    width: 100%;
}
.mobile #idhistorique--txtFiltreObjet-inner, #idhistorique--txtFiltreDate-inner, #idhistorique--txtFiltreNumero-inner{
    font-size:1.7rem;
}

.mainVB.historique input:not([type=button]) {
    width: 150px;
    height: 25px;
    border: 1px solid #dfdfdf;
    float: left;
    padding: 2px
}


/* icône date */
#idhistorique--txtFiltreDate-icon {
    right: inherit !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.mainVB hr {
    width: 100%;
    border: 1px red dashed;
}

#idhistorique--tableHistorique .sapMListTbl th {
    background: #999999;
    height: 20px;
}

.hist-col-montant, .hist-col-montant span, .hist-col-statut, .hist-col-statut span,
.hist-sync-statut, .hist-col-sync {
    text-align:center !important;
}

/* Texte du thead th */
#idhistorique--tableHistorique .sapMListTblHeaderCell > span {
    font-family: GillSans !important;
    font-size: 1.0rem;
    color: white;
    /*width: 30px;*/
}
.mobile #idhistorique--tableHistorique .sapMListTblHeaderCell > span {
    font-size: 0.8rem;
}
.ios10.mobile #idhistorique--tableHistorique .sapMListTblHeaderCell > span {
    font-size: 1.4rem;
}

/*Texte de Title / ObjectIdentifier */
#idhistorique--tableHistorique .sapMListTbl .sapMObjectIdentifierTitle .sapMText {
    font-family: GillSans !important;
    font-size: 1rem;
}
.mobile #idhistorique--tableHistorique .sapMListTbl .sapMObjectIdentifierTitle .sapMText {
    font-size: 0.8rem;
}
.ios10.mobile #idhistorique--tableHistorique .sapMListTbl .sapMObjectIdentifierTitle .sapMText {
    font-size: 1.4rem;
}
#idhistorique--tableHistorique .sapMText {
    font-family: GillSans !important;
}

#idhistorique--tableHistorique .sapMListTblCell {
    padding: 2px;
    color: black;
}

.mobile .tableHistorique  div, .mobile .tableHistorique  span {
    font-size:0.8rem;
}

.ios10.mobile .tableHistorique  div, .ios10.mobile .tableHistorique  span {
    font-size:1.4rem;
}




.mobile .hist-col-number {
    width:190px !important;
    min-width:190px;
    max-width:200px;
}

.mobile .hist-col-number span{
    font-size:0.7rem;
}




.sapMLIBTypeNavigation span.sapMText {
    color: black
}

.user-stats{
    /* background-color:lightgray; */
    position: absolute;
    /* right:400px; */
    width: 350px;
    margin-bottom: -30px;
    z-index: 60;
    margin-top: auto;
    bottom: 100px;
}

#idhistorique--userStatsLastSyncLbl{
    /*float:left;*/
}
#idhistorique--userStatsLastSync{
    /*float:left;    */
}
#idhistorique--userStatsLastSync{
    /*float:left;*/
}


#idhistorique--historique-footer{
    /* background-color:blue; */
    height:0px;
}
.historique-filtres{
    height: 130px;
    /* background-color:green; */
    margin: 0;
    /* top: 0; */
    padding: 0;
    /* display: block; */
    /* position: relative; */
}

.historiques-filtres-title{
    font-family:Eurostyle;
    font-size:1rem;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:10px;
    height:20px;
}

.historique-statut-img{
    /*background-color:yellow;*/
    height:20px;
    width:20px;
}

.hist-col-statut img, .hist-col-sync img {
    width:40px;
}


.hist-col-objet{
    max-width:325px;
}




.repairDataBtn {
    display:block;
    position:absolute;
    top:-80px;
    left:10px;
}


.repairBtn {
    display:none;
    position:absolute;
    top:-80px;
    left:180px;
}
.mobile .repairBtn{
    display:block;

}

.deleteQuoteCb .sapMCbBg {
        /* width: 12px; */
        /* height: 10px; */
        left: 0px;
}

.mobile .deleteQuoteCb .sapMCbBg {
    -webkit-transform:scale(0.7, 0.7);
}


map {
    outline:0;
}

area{
    outline:0;
    cursor: pointer;
}
.MXPCA_ELEMENT .mx-question-option {
    position: absolute;
    top:0;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    background: initial;
    float: initial;
    outline:0;
    
}

.MXPCA_ELEMENT .mx-question-options {
    
    padding:0;
    margin:0;
    background:initial;
    outline:0;
    
    
}
.MXPCA_ELEMENT .mx-question-options img{
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    outline:0;
    background:initial;
    z-index:initial;
    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none;
}

#mxpcaElementImage {
    outline:0;
    display: block;
    margin-left:auto;
    margin-right:auto;
    
    
    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none;
}


.MXPCA_ELEMENT .invisible{
    display:none;
}

.MXPCA_ELEMENT .visible{
    display:block;
}



.legende {
    margin-left: 70px;
    margin-top: 10px;width: 700px;
    font-family: GillSansBold;
}

.legende_titre {
    font-size: 1.8rem;
    color: #58585A;
}
.mobile .legende_titre {
    font-size: 1.6rem;
    
}

.ios10.mobile .legende_titre {
    font-size: 2.5rem;
    
}
.legende_ligne{
    height: 42px;
    width:1000px;
    color: #58585A;
}

.legende_color{
    float:left;
    width:70px;
    height: 30px;
    margin:5px;
}

.legende_color_red{
    background-color:#E2001A;
    
}

.legende_color_gray{
    background-color:#58585A;
}

.legende_texte{
    float:left;
    /*background-color:green;*/
    width:900px;
    line-height: 40px;
}
.legende_texte span{
    font-size: 1.1rem;
    /* background-color:yellow; */
    margin-left: 10px;
    /* font-family: GillSans; */
}
.mobile .legende_texte span {
    font-size: 1.2rem;
}


.ios10.mobile .legende_texte span {
    font-size: 1.7rem;
}

/** initial setup **/
.nano {
    position : relative;
    width    : 100%;
    height   : 100%;
    overflow : hidden;
  }
  .nano > .nano-content {
    position      : absolute;
    overflow      : scroll;
    overflow-x    : hidden;
    top           : 0;
    right         : 0;
    bottom        : 0;
    left          : 0;
  }
  .nano > .nano-content:focus {
    /*outline: thin dotted;*/
  }
  .nano > .nano-content::-webkit-scrollbar {
    display: none;
  }
  .has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
  }
  .nano > .nano-pane {
    background : rgba(0,0,0,.25);
    position   : absolute;
    width      : 10px;
    right      : 0;
    top        : 0;
    bottom     : 0;
    visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity    : .01;
    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    transition            : .2s;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px;
  }
  .nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0,0,0,.5);
    position              : relative;
    margin                : 0 1px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
  }
  .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility : visible\9; /* Target only IE7 and IE8 with this hack */
    opacity    : 0.99;
  }

  
.news-title {
    font-family: EurostyleExtBold;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 15px;
    color: #58585a
}

.mobile .news-title {
	font-size: 0.9rem;
}
.ios10.mobile .news-title {
    font-size: 1.5rem;
}

.news-subtitle {
    font-family: Eurostyle;
}

.ios10.mobile .news-subtitle {
    font-size: 1.5rem;
}


.news table {
    width: 100%;
    margin-bottom: 50px;
    /* margin-left: 20px;
     margin-right: 20px; */
    border-spacing: 0}

.news th {
    background-color: #58585a !important;
    color: white
}

.news th > span, .news td > span {
    font-family: "Eurostyle";
    
}

.news .sapMListTblHeaderCell > span {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: white
}
.ios10.mobile .news .sapMListTblHeaderCell > span {
    font-size: 1.4rem;
}

.news .sapMListTblRowMiddle > td > span {
    
    font-size: 0.8rem;
}
.ios10.mobile .news .sapMListTblRowMiddle > td > span {
    font-size:1.3rem;
}

.link {
    font-family: Eurostyle;
}

#idnews--filtreFavoris, #idnews--filtreZero {
    color: black !important;
    text-decoration: underline !important;
    margin-right: 20px;
}

.news_buttton {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    bottom: 0;
    z-index: 10;
}

.news_button_link {
    background-color: #9f0000;
    width: 200px;
    height: 25px;
    padding-top: 8px;
    vertical-align: middle;
    margin: auto;
    font-family: EurostyleExtBold;
}

.ios10.mobile .news_button_link{
    font-size: 1.5rem;
}

.news_button_link .link .sapMLnk:hover:not(.sapMLnkDsbl), .news_buttton .link .sapMLnk:active, .news_button_link .link .sapMLnk:visited, .news_button_link .sapMLnk:link,
.news_button_link .link .sapMLnk {
    color: white;
    text-decoration: none !important;
}



#idnews--bottomScrollIndicator {
    bottom: 30px;
    right: calc(50% - 21px);
    position: fixed;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* display: block; */
}

/*@media(max-width:1440px) {
	#idnews--bottomScrollIndicator {
 right: calc(50% - 12px);
 bottom: 15px;
 width: 35px;
 height: 31px;
	}
 }*/


 /* CSS LIEES A LA PRESENTATION PACK */
.pack-main-table {
    background-color:initial;
    border: 0;
    
    padding: 0;
    margin-left: 40px;
    margin-right: 30px;
    border-collapse: initial;
    /* padding: 6px; */
    margin-top:10px;
    border-spacing: 10px 0px;
    
}

.pack-main-table tr {
}

.pack-other-questions-table{
    padding-bottom:80px;
}

.pack-options td {
    width:320px;
    height: 79px;
    color:#58585A;
    font-weight:bold;
}

.pack-titles .sapMLnk:hover:not(.sapMLnkDsbl),.pack-titles  .sapMLnk:active,.pack-titles .sapMLnk:visited,.pack-titles .sapMLnk:link,.pack-titles .sapMLnk a {
    color:white !important;
    text-align: center;
    width: 100%;
    font-size: 1.3em;
}
.pack-options .sapMLnk:hover:not(.sapMLnkDsbl), .pack-options .sapMLnk:active,.pack-options .sapMLnk:visited,.pack-options .sapMLnk:link,.pack-options .sapMLnk a {
    color:#58585A !important;
    text-align: center;
    width: 100%;
}

.ios10.mobile .pack-titles td {
    font-size:1.4rem;
}
.ios10.mobile .pack-options a {
    font-size:1.7rem;
}

.pack-spacers tr{
    height:1px !important;
}
.pack-spacers td{
    /* font-size: 0.1em; */
    height:1px !important;
}
.pack-titles td {
    width:320px;
    height: 110px;
    /* border: 3px solid #E2001A; */
    /* background-color:yellow; */
    
}

.pack-serie.MXPCA_OPT {
    display:none;
}

.selected-pack {
    background-image: url('../media/pack/picto-nom-pack-selected.png');
    background-repeat: no-repeat;
    background-size: cover;
    /* border: 2px solid #E2001A; */
}
.selectable-pack {
    background-image: url('../media/pack/picto-nom-pack.png');
    background-repeat: no-repeat;
    background-size: cover;      /* background: initial; */
}

.pack-option.selected-option {
    border:6px solid #58585A;
    /* margin: 3px; */
    padding: 3px;
}




.selected-pack.selected-option{
    border: 6px solid #E2001A;
}
.pack-option {
    background-image: url('../media/pack/picto-option-pack.png');
}

.grise-option {
    /*-webkit-filter: grayscale(80%) blur(1px);
     filter: grayscale(80%) blur(1px);*/
    -webkit-filter: opacity(0.2);
    filter: opacity(0.2);
    cursor:not-allowed;
    
}

.grise-option a {
    cursor:not-allowed;
}


/* spacer hirizontal entre series*/
.pack-serie div {
    border-bottom:2px dashed red;
    height:5px;
    margin-top:3px;
    margin-bottom:7px;
    margin-right:6px;
}

.prix-pack {
    color:white;
    width:100%;
    text-align:center;
    margin-top:5px;
    font-size:1.1em;
}


.pack-scroll-right{
    display: block;
    position: fixed;
    right: 480px;
    top: 50%;
    z-index: 500;
}

.pack-scroll-left{
    display: block;
    position: fixed;
    left: 410px;
    top: 50%;
    
    z-index: 500;
}

.pack-scroll-right.hidden, .pack-scroll-left.hidden{
    display:none;
}


.iseki .mx-question-name {
    border-top: 1px #1F1C76 dashed;
    color : #1F1C76;
}

.iseki .pagecontent-title {
  background-color: #1F1C76;
}

@font-face {
    font-family: "Eurostyle";
    src: url("../font/Eurosti4.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "EurostyleExtBold";
    src: url("../font/EurostileLTStd-BoldEx2_4.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GillSans";
    src: url("../font/GillSansStd_4.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GillSansBold";
    src: url("../font/GillSansStd-Bold_4.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GillSansExtBold";
    src: url("../font/GillSan4.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GillSansItalic";
    src: url("../font/GILLSANSSTD-ITALIC.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.pagecontent-title {
    width: 100%;
    height: 40px;
    background-color: #ca020f;
    color: white;
    /* overflow: hidden; */
    text-transform: uppercase;
}

span.pagecontent-title-text,
.info-dialog #info-dialog-header-BarPH label {
    font-family: EurostyleExtBold !important;
    font-weight: bold;
    font-size: 24px;
    padding: 5px 0px 5px 10px;
}

a {
    outline: 0 !important;
}


/*
 #idconfig--mainVB{
    overflow-y: hidden;
 }
 #idconfig--questionVB{
    overflow-y: hidden;
 }*/

body {
    margin: 0;
}

body,
input,
label,
textarea,
keygen,
select,
button {
    font-family: GillSans !important;
}

.highlight {
    border: 3px solid yellow;
}

.highlightNext {
    border: 3px solid red;
}

.mx-question-option .sapSuiteGTTitle div {
    /* padding : 10px; */
    outline: 0;
    -webkit-line-clamp: initial !important;
}

.mx-question-option {
    cursor: pointer;
    /* display: block; */
}

#idconfig--questionsc {
    /* border: 2px solid red; */
    /*border:5px solid black;
     background-color:green;
     */
    overflow-x: scroll !important;
    outline: 0;
}

;
#idconfig--questionsc-scroll {
    /* background-color:red; */
    transition-property: initial !important;
    transform: initial !important;
    -webkit-transition-property: initial !important;
}

#idconfig--questionVB {
    /* margin-bottom:40px; */
    padding-bottom: 80px;
}

.questionVB {
    min-width: 900px;
    width: 100%;
    /* height: 100%; */
}


/*@media(max-width:1440px) {
    .questionVB {
 min-width: 650px
    }
 }*/


/*@media(max-width:1024px) {
    .questionVB {
 min-width: 500px
    }
 }*/

.disabled {
    -webkit-filter: grayscale(65%);
}

.disabled-option {
    -webkit-filter: opacity(0.2);
    filter: opacity(0.2);
    cursor: not-allowed;
}

.hidden {
    display: none;
}


/************ CONTROL MX CONFIG HEADER */

#info-dialog {
    max-height: initial !important;
    height: 95%;
}

#info-dialog-cont {
    max-height: initial !important;
    display: block;
    height: 100%;
}

#info-dialog-header {
    height: 80px;
}

.info-dialog .titre {
    color: red;
    font-weight: bold;
}

.info-dialog {
    background-color: white;
    z-index: 900 !important;
}

.info-dialog-buttons-HB {
    /* margin-top:100px; */
    padding: 30px;
}

.info-dialog-buttons-HB .sapMFlexItem {
    padding-right: 20px;
}

.mobile .info-dialog-buttons-HB img {
    height: 70px;
}

#info-dialog-scroll {
    min-height: initial;
    height: 100%;
    display: flex;
    position: initial;
}

.info-dialog #info-dialog-header-BarPH,
#info-dialog-header-BarPH,
#info-dialog-header-BarMiddle {
    /* background-color:white; */
    height: 40px !important;
    background-color: #ca020f;
    color: white;
}

.mobile .info-dialog #info-dialog-header-BarPH,
.mobile #info-dialog-header-BarPH,
.mobile #info-dialog-header-BarMiddle {
    height: 80px !important;
}

.info-dialog #info-dialog-header-BarPH label {
    color: white;
}

.info-dialog-sc {
    display: block;
    /* background-color: red; */
    position: relative;
}

.mobile .info-dialog-sc {}

.info-dialog-scrollCont>a {
    /* display: block; */
    position: absolute;
    /* color: blue !important; */
    width: 150px;
    height: 45px;
    font-family: GillSans !important;
    font-size: 20px;
    color: white !important;
    word-wrap: break-word;
    white-space: initial;
    /* top: 214px; */
    margin-top: 15px;
    left: 190px;
    line-height: 22px;
}

.info-dialog .sapMFlexItem {
    min-width: 0;
}

.info-dialog .sapMImg:first-child {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.info-dialog-cancel-btn {
    position: absolute;
    top: 10px;
    left: -200px;
    max-width: 220px;
    max-height: 54px;
    white-space: initial;
    font-size: 1.5rem;
    z-index: 990;
    /* background-color:red; */
}

.mobile .info-dialog-cancel-btn {
    font-size: 1.0rem;
    left: -250px;
}

.info-dialog-select-btn {
    position: relative;
    margin-left: 30px;
    top: -2px;
    left: -260px;
    width: 175px;
    max-height: 54px;
    text-overflow: initial;
    white-space: inherit;
    font-size: 1.5rem;
    z-index: 990;
}

.mobile .info-dialog-select-btn {
    font-size: 1.0rem;
    left: -300px;
    max-height: 65px;
}

.mx-info {
    position: absolute;
    top: 15px;
    left: calc(50% - 275px);
    /*    width: 150px;
     height: 38px;
     background: transparent url(../media/general/MXPCA_INFO.png) no-repeat;
     background-size: 150px 38px;
     */
}

.syncFinishedDialog.sapMDialog {
    min-width: 600px !important;
    z-index: 500 !important;
    text-align: center;
}

.syncFinishedDialog.sapMDialog .sapMHBox {
    justify-content: flex-end;
}

.syncFinishedDialog.sapMDialog .sapMHBox .sapMBtn {
    padding-left: 30px;
    margin-top: 30px;
}

.razdbwaitDialog.sapMDialog {
    min-width: 80% !important;
    z-index: 5000 !important;
    text-align: center;
    margin-top: -150px;
}

.passwordRequestDialog.sapMDialog,
.requestInfoDialog.sapMDialog {
    z-index: 500 !important;
    top: 10px ! important;
    left: 20px !important;
    min-width: 1400px !important;
}

.mx-info-text {
    font-size: 14px;
    /* padding-left: 45px; */
    padding-top: 10px;
    color: #58585a;
    top: 0px;
    margin-left: 65px;
    position: absolute;
}

.mobile.mx-info-text {
    padding-top: 4px;
    margin-left: 55px;
}

mx-info-text a:visited {
    color: black;
}

.info-mode-toggle-link,
.info-mode-toggle-link .sapMLnk:visited {
    color: black !Important;
    font-size: 1.2rem;
    text-decoration: none;
}

.ios10.mobile .info-mode-toggle-link,
.info-mode-toggle-link .sapMLnk:visited {
    font-size: 1.6rem;
}

.mx-info .prev {
    float: left;
    margin-left: 20px;
}

.mx-info .next {
    float: right;
    margin-right: 20px;
}

.mx-info-btn {
    /* float:right; */
    width: 240px;
    /* margin-right:300px; */
    /* z-index: 5; */
    background-color: #323232;
}

.mx-info-btn button {
    /* position: fixed; */
    /* top: 25px; */
    height: 48px;
    /* background: initial !important; */
    background: transparent url(../media/general/MXPCA_INFO.png) no-repeat;
    border: none !important;
    outline: 0;
    width: 250px;
    background-size: 250px 48px;
}

.mobile .mx-info-btn button {}

.mx-info {
    /*background-color:red;*/
    outline: 0;
}

.mx-info-btn .info-mode-on {
    border: 3px solid red !important;
}

.info-mode-on {
    /*    color:red !important;
     border: 2px solid green !important;*/
}


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

.sap-desktop ::-webkit-scrollbar {
    display: none;
}

.spacerTop {
    margin-top: 2rem;
}

#mailDialog {
    max-height: initial !important;
    z-index: 2000 !important;
}

#saveDialog {
    max-height: initial !important;
}

.sap-tablet .sapMDialog,
.sap-desktop .sapMDialog {
    min-width: 18rem;
}

.sapMMessageDialog {
    width: 18rem;
}


/** remplacer par usage de   Splitter.splitterBarVisible="false" quand ca marchera */


/*#idscenario--splitAll-splitbar-0, #idscenario--splitAll-splitbar-1, #idscenario--splitAllMain-splitbar-0, #idscenario--splitAllMain-splitbar-1{
 
 display:none;
 }*/

.sapUiLoSplitterBar {
    background-color: #A4A4A4 !important;
    visibility: inherit !important;
}

.mx-header {
    width: 100%;
    height: 70px;
}

.mx-header-wh-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.mx-header-logo {
    position: absolute;
    /* float: left; */
    /*left: 0;
     top: 5px;*/
    left: 5px;
    top: 5px;
    margin: 5px;
    /*width: 100px;
     height: 100px;*/
    z-index: 100;
}

.mx-header-title {
    position: absolute;
    top: 35px;
    left: 130px;
    font-family: Eurostyle;
    font-size: 1.5rem;
    color: #58585a;
    padding: 5px;
    text-transform: uppercase;
    text-shadow: 1px 1px #eeeeee;
    z-index: 150;
}

.mobile .mx-header-title {
    font-size: 1.3rem;
}

.ios10.mobile .mx-header-title {
    font-size: 1.8rem;
}

.mx-header-langue {
    float: right;
    margin-top: 13px;
    right: 500px;
    position: relative;
}

.mx-header-langue>label.sapMLabel {
    width: 127px;
    height: 28px;
    padding-top: 10px;
    background-image: none;
    background-color: white;
    border: 1px solid #666666;
    box-shadow: 3px -3px 3px #bfbfbf;
    font-family: GillSans !important;
    color: #666666 !important;
}

.ios10.mobile .mx-header-langue>label.sapMLabel {
    font-size: 1.7rem;
}


/*
 .mx-header-langue > button.sapMBtn {
    width: 127px;
    height: 38px;
    padding: 0 !important;
    background-image: none;
 background-color: white;
 }
 
 .mx-header-langue > button > .sapMBtnInner {
    box-shadow: 3px -3px 3px #bfbfbf !important;
 }
 
 .mx-header-langue > button > .sapMBtnInner > .sapMBtnContent {
    border-radius: none !important;
    font-family: GillSans !important;
    color: #666666 !important;
 }
 */

@media(max-width:1440px) {
    .sapMBtnContent {
        line-height: 1.375rem !important;
    }
    .mx-header-langue>button.sapMBtn {
        height: 1.8rem !important;
    }
    .mx-header-langue>button>.sapMBtnInner {
        height: 1.4rem !important;
    }
}


/*@media(max-width:1440px){
    .mx-header-langue {
 right: 250px;
    }
 }*/

.mx-question {
    background-color: white;
}

.mx-question-BTN .mx-question-option {
    background-image: initial;
    width: initial;
    height: initial;
    /* padding: 10px; */
}

.mobile .mx-question-BTN .sapSuiteGT.Auto.TwoByOne,
.sapSuiteGT.L.TwoByOne {
    width: 420px;
    max-width: 420px;
    min-height: 100px;
    text-align: center;
    padding-left: 0px
    /*  background-color: blue;*/
}

.mobile .mx-question-BTN .mx-question-option .TwoByOne .sapSuiteGTHdrTxt {
    margin-left: 14px;
    /*    background-color: green;*/
}

.mobile .mx-question-BTN .mx-question-option .TwoByOne .sapSuiteGTHdrTxt span {
    font-size: 0.75rem;
}


/*.mobile .mx-question-BTN  .mx-question-option {
    width:360px;
}

.mobile .mx-question-BTN  .mx-question-option .TwoByOne .sapSuiteGTHdrContent div{
    width:350px;
       margin-top:0px;
    margin-left:10px;

    background-color: red;
}*/

#MXPCA_TYPE_DEVIS {
    margin-top: 20px;
    outline: 0;
}

.mx-question-FMC .mx-question-options {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mx-question-ICA .mx-question-options {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mx-question-options-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /* min-width: 600px; */
    display: block;
    /* margin-top:auto; */
}

.mx-question-options {
    /*overflow:auto;
     margin-left:20px;
     margin-top:20px;*/
}

.MXPCA_TYPE_DEVIS .mx-question-options {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 710px;
    height: 99px;
    margin-bottom: 0;
    margin-top: 0;
    outline: 0;
}


/*@media(max-width:1440px) {
    .mx-question-options-content {
 min-width: 550px;
    }
    
    .MXPCA_TYPE_DEVIS .mx-question-options {
 width: 600px;
    }
 }*/

.mx-question-options .alternate-text {
    /* background-color:red; */
    position: absolute;
    margin-top: -70px;
    z-index: 7;
    word-wrap: normal;
    width: 150px;
}

.mx-question-options .alternate-text a {
    color: red !important;
}

.mx-question-name {
    border-top: 1px red dashed;
    width: 100%;
    font-family: Eurostyle;
    font-size: 1.1rem;
    font-weight: bold;
    color: #dd0000;
    padding: 10px 0 10px 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.mobile .mx-question-name {
    font-size: 0.9rem;
}

.ios10.mobile .mx-question-name {
    font-size: 1.8rem;
}

.MXPCA_TYPE_DEVIS .mx-question-name {
    display: none;
}

.mx-question-option {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 10px;
    margin-left: 5px;
    margin-bottom: 15px;
    color: #D40028;
    overflow: hidden;
    background-image: url('../media/carac-static/PICTO_MANQUANT.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.mx-question-BTN .mx-question-option>div {
    /*background-color:red;*/
    max-height: 70px;
    border: 4px solid #666666;
}

.mx-question-BTN .mx-question-option.selected-answer-option>div {
    max-height: 70px;
    border: 4px solid #D22E2C;
}

.info-mode-on.mx-question-BTN .mx-question-option>div {
    min-height: 200px;
}

.mx-question-BTN .selected-answer-option {
    /*box-shadow:2px 2px 10px #D22E2C;
     -moz-box-shadow:2px 2px 10px gray;
     -webkit-box-shadow: 3px 3px 10px #D22E2C;*/
    border: none;
}


/*.mx-question-BTN  span>div {

    background-color:blue;
    height:65px;
    max-height:165px;
    
    overflow: visible !important;
}*/

.mx-question-BTN .sapSuiteGTHdrTxt {
    text-align: center;
}


/* gestion apparition icone mode info */

.mx-question-option img {
    /* display:none; */
    /* width:35px; */
    position: relative;
    width: 150px;
    height: 150px;
    z-index: 10;
    background-color: white;
    border-image-width: 0;
    overflow: hidden;
}

.info-mode-on img {
    display: block;
    /*    border:5px solid;*/
}

.info-mode-on .mx-question-option-info {
    display: inline;
    /* text-align: right; */
    /* margin-left: 350px; */
}

.mobile .info-mode-on .mx-question-option-info {
    display: inline;
    /* text-align: right; */
    /* FLA-TEST*/
    margin-left: 0;
}

.mx-question-option-info {
    /*background-color:yellow;*/
    width: 24px;
    height: 23px;
    min-height: 23px !important;
    /*display:block;*/
    z-index: 90;
    position: absolute;
    display: none;
    /* top: 00px; */
    /* right: -20px; */
    margin-left: 3px;
    margin-top: 3px;
    background: transparent url(../media/general/MXPCA_INFO-MXPVA_INFO-SMALL.png) no-repeat;
    /* background-size: 150px 37px; */
}

.ios10.mobile .mx-question-option div {
    font-size: 1.4rem;
}

.mx-question-option-FMC .mx-question-option {
    width: 201px;
    height: 201px;
}

.sapMImg .sapMPointer .sapMNoImg {
    background-image: '../media/general/SPLASH_s.png';
}

.selected-answer-option .selected-answer-image {
    position: absolute;
    /* right: 25px; */
    z-index: 5;
    /* top: 160px; */
    margin-top: -35px;
    display: block;
}

.selected-answer-option {
    /*box-shadow:2px 2px 10px #D22E2C;
     -moz-box-shadow:2px 2px 10px gray;
     -webkit-box-shadow: 3px 3px 10px #D22E2C;*/
    border: 4px solid #D22E2C;
}

.mx-question-BAN .selected-answer-option {
    border: initial;
    box-shadow: 2px 7px 10px #D22E2C;
    -moz-box-shadow: 2px 7px 10px gray;
    -webkit-box-shadow: 2px 8px 10px #D22E2C;
}

.mx-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 64px;
    background-color: #9c9c9c;
    color: white;
    font-size: 11px;
}

.mx-footer-content {
    padding: 7px;
    text-align: center;
}

.sapMGlobalBackgroundColor {
    background: white;
    background-image: url(../media/general/background.png);
    background-repeat: repeat;
    /* background-color: transparent;  */
}

.content {}

.leftVB,
.rightVB {
    background-color: rgba(215, 215, 215, 0.5);
}

.leftVB-content,
.rightVB-content {
    width: calc(100% - 20px);
}

.leftVB-content {
    padding: 80px 10px;
}

.rightVB-content {
    padding: 40px 10px;
    text-align: center;
}

.leftVB {
    width: 405px;
    display: block;
    position: absolute;
    left: 0;
    top: 71px;
    bottom: 0;
}

.rightVB {
    width: 465px;
    display: block;
    position: absolute;
    right: 0;
    top: 71px;
    bottom: 0;
}

.mainVB {
    width: calc(100% - 870px) !important;
    float: left;
    position: relative;
    top: 0;
    display: block;
    left: 405px;
    border: 1px solid #ededed;
    background-color: white;
    overflow-x: hidden;
    /* font-family: Eurostyle; */
    z-index: 1;
}

.mainVB-content {
    padding: 0 10px;
    /* z-index: -3; */
    /* background-color: white; */
    overflow-x: hidden;
}

.syntheseBtn {
    position: absolute;
    right: 82px;
    bottom: 165px;
    width: 300px;
    border: 0;
    margin: 0;
}

.syntheseBtn img {
    width: 100%;
}

.syntheseBtn a,
.cfgAddBtn a {
    position: absolute;
    top: 12px;
    left: 30px;
    /* width: 100%; */
    width: 300px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center
}

.ios10.mobile .syntheseBtn a,
.ios10.mobile .cfgAddBtn a {
    left: 5px;
    font-size: 1.4rem;
}

.cfgAddBtn {
    position: absolute;
    right: 82px;
    bottom: 115px;
    width: 300px;
    /* width: 152px; */
    /* height: 32px; */
    border: 0;
    margin: 0;
    /* background-color: yellow; */
}

.cfgAddBtn img {
    /* height: 60px; */
    width: 100%;
}

.cfgAddBtn a {}

.sapMLnk:visited {
    /* color: white !important; */
}

.centralHBox {
    display: block;
    float: right;
    background-color: #ededed;
    /* background-image: url(../images/bg_header.gif); */
}


/* test Button au lieu de DIV + lien .nextBtn2{
 / * border:0px solid green; * /
 outline:0;
 right: 1215px;
 }
 .nextBtn2 div {
 background-image: url(../media/general/MXPVA_SUIVANT.png);
 background-size:contain;
 background-repeat:no-repeat;
 border:0;
 outline: 0 !important;
 }
 
 :not(.sapMBtnDisabled)>.nextBtn2 .sapMBtnInner.sapMBtnActive {
 maring-top:1px;
 background-image: url(../media/general/MXPVA_SUIVANT.png);
 background-color: transparent;
 border:none;
 color: #ff0000;
 opacity:0.9;
 text-shadow: none;
 }
 
 .nextBtn2 span {
 color:white;
 font-family: GillSans !important;
 font-size: 1rem;
 font-weight: normal;/ *    text-align: center   * /
 }
 , .nextBtn2 */

.prevBtn,
.nextBtn {
    position: fixed;
    bottom: 70px;
    width: 151px;
    height: 43px;
    z-index: 2;
}

.iseki .prevBtn,
.iseki .nextBtn {
    top: calc( 70% - 80px);
    /* bottom:initial; */
    bottom: 170px;
}

.prevBtn a,
.nextBtn a {
    position: absolute;
    z-index: 4;
    top: 12px;
    left: 0px;
    /* width: 100%; */
    width: 151px;
    color: white;
    font-size: 16px;
    text-align: center
}

.ios10.mobile .prevBtn a,
.ios10.mobile .nextBtn a {
    top: 6px;
    font-size: 1.9rem;
}

.prevBtn {
    left: 280px;
}

.nextBtn {
    right: 340px;
}

.navBtn-selected {
    /* margin-top: 1px; */
    opacity: 0.5;
}

.exitBtn {
    width: 150px;
    height: 37px;
    margin-right: 50px;
    position: absolute;
    bottom: 15px;
    right: 110px;
}

.exitBtn-text,
.exitBtn>a.exitBtn-text.sapMLnk:hover {
    position: absolute;
    left: 48px;
    top: 10px;
    font-size: 1.2rem;
    color: white;
    text-decoration: none;
}

.mobile .exitBtn-text,
.mobile .exitBtn>a.exitBtn-text.sapMLnk:hover {
    position: absolute;
    left: 48px;
    top: 10px;
    font-size: 1.0rem;
}

.ios10.mobile .exitBtn-text,
.ios10.mobile .exitBtn>a.exitBtn-text.sapMLnk:hover {
    position: absolute;
    left: 48px;
    top: 5px;
    font-size: 1.8rem;
}

.exitBtn>img {
    width: 150px;
    height: 37px
}

.sapUiFixFlexFixed {
    background-color: #ededed;
}

.sapMNav {
    position: absolute
}


/* CONTROLS */

.mx-question-option .MXPCA_TYPE_DEVIS img.option-img {
    width: 340px;
    height: 99px;
    outline: 0;
}

.MXPCA_TYPE_DEVIS .option-label-clicked {
    color: white;
    outline: 0;
}

.MXPCA_TYPE_DEVIS a.option-label {
    /* background-color : red; */
    position: absolute;
    z-index: 11;
    top: 20%;
    left: 0px;
    width: 340px;
    font-family: "Eurostyle";
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center !important;
    vertical-align: center;
    color: white;
    outline: 0;
}

.mobile .MXPCA_TYPE_DEVIS a.option-label {
    font-size: 0.7rem;
}

.ios10.mobile .MXPCA_TYPE_DEVIS a.option-label {
    font-size: 1.2rem;
    outline: 0;
}

.MXPCA_TYPE_DEVIS .alternate-text {
    display: none;
    /* background-color: yellow; */
}

.MXPCA_TYPE_DEVIS section {
    position: relative;
    /* background-color: yellow; */
    border: 0;
    border-bottom: initial;
    width: 100% !important;
    /* max-width: 50%; */
    margin: 0;
    z-index: 10;
    /*width: 400px;*/
    /* margin-left:10px; */
    /* margin-right:10px; */
    /* margin-top:10px; */
    outline: 0;
}

.mx-question-options {
    position: initial;
    width: 100%;
    /* height: 100%; */
    /* background-color: green; */
    border: 0;
    border-bottom: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    /* display: -webkit-flex; */
    /* justify-content: center; */
    /* background-image: url("../media/general/whitepixel.png"); */
    /* border: 2px solid rgb(0, 255, 46); */
}

.MXPCA_TYPE_DEVIS .mx-question-option {
    width: 340px;
    background-image: initial;
    margin-top: 0;
    margin-bottom: 0;
}


/*@media(max-width:1440px) {
    .MXPCA_TYPE_DEVIS .mx-question-option {
 width: 260px;
    }
 }*/

.MXPCA_TYPE_DEVIS .selected-answer-option {
    /*box-shadow:initial;
     -moz-box-shadow:initial;
     -webkit-box-shadow:initial;*/
    border: initial;
}

.MXPCA_TYPE_DEVIS .selected-answer-option img {
    /*box-shadow:2px 2px 10px #D22E2C;
     -moz-box-shadow:2px 2px 10px gray;
     -webkit-box-shadow: 3px 3px 10px #D22E2C;*/
}


/* .MXPCA_TYPE_DEVIS-MXPVA_PACK {
    background: transparent url(../media/general/AV_MXPCA_TYPE_DEVIS-MXPVA_PACK.png) no-repeat
 }
 
 .MXPCA_TYPE_DEVIS-MXPVA_PERSONNALISABLE {
    background: transparent url(../media/general/AV_MXPCA_TYPE_DEVIS-MXPVA_PERSONNALISABLE.png) no-repeat
 } */

.mx-question-BAN .mx-question-option {
    margin-bottom: 50px;
    color: #D40028;
    overflow: hidden;
    background-image: initial;
    width: 100%;
    /* height: 100%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mx-question-BAN .mx-question-option img {
    width: 100%;
    /* height: 100%; */
    display: block;
}

.sapMPanelBG.sapMPanelContent {
    padding: 0;
}

.mx-question-BAN>div {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding: 0;
    margin-top: 20px;
}

.BAN .alternate-text {
    display: none;
}

.mx-question-option .BAN a {
    position: relative;
    width: 100%;
    height: initial;
    left: initial;
    top: -135px;
    z-index: 20;
    color: white;
    font-family: Eurostyle;
    font-size: 2.4rem;
    color: white;
    text-align: center;
    word-wrap: break-word;
    white-space: initial;
    height: 119px;
    width: 728px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.mobile .mx-question-option .BAN a {
    font-size: 2.2rem;
}

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

.mxCursor,
.mxCursor img,
.mxCursor label {
    cursor: pointer !important;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    /* No support for these yet, use at own risk */
    -o-user-select: none;
    user-select: none;
}

.MXPCA_ELEMENT {
    zoom: 0.8;
}

#idconfig--TRACID_DBG {
    position: fixed;
    pointer-events: none;
    bottom: 70px;
    left: 0;
    display: block;
    width: 300px;
    height: 40px;
}

.mx-question th span,
.mx-question td span {
    font-family: Eurostyle !important;
    font-weight: bold !important;
}

.mx-question table {
    margin-bottom: 40px;
    border-spacing: 0;
}

.mobile .mx-question .sapMListTbl .sapMText {
    font-size: 0.9rem;
}

.mobile .mx-question .sapMListTbl .sapMText {
    font-size: 0.7rem;
}

.ios10.mobile .mx-question .sapMListTbl .sapMText {
    font-size: 1.2rem;
}

.mobile .mx-question table {
    font-size: 0.7rem;
}

.ios10.mobile .mx-question table {
    font-size: 1.2rem;
}

.mx-question .sapMListTbl .sapMListTblHeaderCell .sapMText {
    font-size: 1.0rem;
    text-transform: uppercase
}

.mobile .mx-question .sapMListTbl .sapMListTblHeaderCell .sapMText {
    font-size: 0.6rem !important;
}

.mx-question .sapMListTblCell {
    /*text-align: center !important; */
    background-color: white;
    padding: 5px;
}

.mx-question thead {
    /* .mx-question th > tr.sapMListTblHeader { */
    background-color: white;
    color: black;
    font-family: Eurostyle;
}


/*
 .mx-question th {
    border-bottom: 2px solid #dd0000;
 }
 */

.mx-question td:nth-last-child(2) {
    /*border-right: 2px solid #dd0000;*/
}

.mx-question tbody>tr.selectionne:last-child>td {
    border-bottom: 2px solid #dd0000;
}

.mx-question .sapMLIBShowSeparator>td {
    border-top: 2px dotted #dd0000;
}

.mx-question .sapMLIB.sapMLIBSelected>td {
    background: initial;
}

.mx-question .sapMLIB:hover {
    background: initial;
    background-color: yellow;
}

.mx-question .sapMLIBShowSeparator:first-child>td {
    border-top: 2px solid #dd0000;
}

.mx-question .selected .sapMLIBShowSeparator>td {
    background-color: #dd0000
}


/*.mx-question tbody {
    border: 1px solid #dd0000;
 }*/

.mx-question tbody>tr.selectionne {
    background-color: white;
    /* color: red; */
}

.mx-question .grise td {
    background-color: #cfcfcf;
    cursor: not-allowed;
    color: white;
}

.mx-question .grise span {
    color: white;
    cursor: not-allowed;
}

.grise.sapMLIB.sapMLIBSelected,
.sapMLIB.sapMLIBSelected.grise>td {
    background-color: #cfcfcf;
    cursor: not-allowed;
    color: white;
}

.mx-question tbody>tr.selected {
    background-color: #dd0000;
    color: white;
}

.mx-question tbody>tr.selected>td.sapMListTblCell {
    background-color: #dd0000;
    /* border-bottom: 1px solid #dd0000; */
    border-top: 2px solid white;
}

.mx-question tbody>tr.selected>td.sapMListTblCell:nth-child(2) {
    border-top: 2px solid white
}

.mx-question tbody>tr.selected>td.sapMListTblCell>span.sapMText {
    color: white;
}

.mx-question tbody>tr.selectionne>td:nth-child(2) {
    /*.mx-question tbody > tr.selected > td:nth-child(2)*/
    background-color: #dd0000;
    color: white;
    font-weight: bold;
    border-top: 2px solid white;
}

.mx-question tbody>tr.selectionne>td:nth-child(2)>* {
    color: white;
    font-weight: bold;
}


/*
 .mx-question tbody > tr.selectionne > td:nth-child(2) {
    border-top: 2px solid white;
 }
 */

.mx-question tbody>tr:first-of-type>td:nth-child(2) {
    border-top: 2px solid #dd0000;
}


/*
 .mx-question tbody > tr > td.grise {
    background-color: #cfcfcf;
    color: white
 }
 
 .mx-question tbody > tr > td.selectionne {
    background-color: #dd0000;
    color: white
 }
 */


/*@media(max-width:1440px) {
    .mx-question table {
 font-size: 10px;
 margin-left: 0
    }
 }*/

.sapMPanelContent {
    padding: 0 !important;
}


/*
 * Pour surcharger la couleur de Link
 */

.sapMLnk:visited:not(.info-mode-toggle-link),
.sapMLnk:hover:not(.sapMLnkDsbl),
.sapMLnk:active,
.sapMLnk:visited,
.sapMLnk:link,
.sapMLnk {
    color: white !important;
    color: white;
    outline: 0;
}

.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
    text-decoration: none
}


/*@keyframes scrollanimation {
 0%   {border: 2px solid red; }
 50%  {border : 1px solid red; opacity: 50%;}
 100% {border : 0; opacity: 100%;}
 
 }
 
 .scroll-indicator-animation{
 animation-name: scrollanimation;
 animation-duration: 4s;
 animation-iteration-count: 2;
 }*/

#idconfig--bottomScrollIndicator {
    position: fixed;
    bottom: 0;
    margin-bottom: 3px;
    right: calc(50% - 21px);
    z-index: 100;
    /*left:420px;*/
}


/*@media(max-width:1440px) {
    #idconfig--bottomScrollIndicator {
 right: calc(50% - 12px);
 width: 35px;
 height: 31px;
    }
 }*/


/* affichage sur 2 cols */

.mx-question-TRAC {
    width: 45% !important;
    float: left;
    margin-right: 10px;
}

.mx-question-TRAC sapMComboBox sapMComboBoxBase sapMComboBoxBaseInput sapMComboBoxInput sapMInputBase {
    position: relative;
}

.mobile .mx-question-TRAC button {
    font-size: 1.0rem;
}

.ios10.mobile .mx-question-TRAC button {
    font-size: 1.8rem;
}

.mobile .mx-question-TRAC .dropdown-menu li a {
    /*    background-color: red;*/
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.ios10.mobile .mx-question-TRAC .dropdown-menu li a {
    /*    background-color: red;*/
    font-size: 1.7rem;
    margin-bottom: 5px;
}


/*.mx-question-LST {
    width:50% !important;
    float:left;
 }*/

.mx-question-ICL .alternate-text {
    z-index: 80;
    margin-left: 5px;
    /* margin-left: -8px; */
}

#idlogin--initdbBtn {
    /*position:absolute;
     top:30px;
     left:150px;
     z-index:9000;*/
    margin-top: 30px;
    display: block;
    z-index: 9999;
    color: black !important;
    position: absolute;
}

#idlogin--initdepsBtn {
    /*position:absolute;
     top:30px;
     left:150px;
     z-index:9000;*/
    margin-top: 30px;
    margin-left: 150px;
    display: block;
    z-index: 6000;
    position: absolute;
    color: black !important;
}


/* sap.m.ComboBox */

.sapMComboBoxBaseArrow,
.sapMComboBoxBaseBar::before {
    color: #cc0000;
    position: relative;
    display: block;
    top: -37px;
    left: 370px;
}

.sapMComboBoxBaseArrow::before,
.sapMComboBoxBaseBar::before {
    font-family: "SAP-icons";
    speak: none;
    content: "\e1e3"
}

.sap-desktop .sapMComboBoxBaseArrow:not(.sapMComboBoxBasePressed):hover {
    background-color: #bfbfbf
}

.sapMComboBoxBasePressed .sapMComboBoxBaseArrow::before {
    color: #cc0000
}

.sapMComboBoxBasePressed .sapMComboBoxBaseArrow,
.sap-desktop .sapMComboBoxBasePressed .sapMComboBoxBaseArrow:hover {
    background: #bfbfbf
}

.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):focus,
.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):not(.sapMInputBaseDisabledInner):hover {
    border-color: #cc0000
}

.sapMTC .sapMTCScroller .sapMTCInner {
    background-color: #cc0000;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    font-family: "SAP-icons";
    font-size: 21px;
    vertical-align: middle;
    color: #ffffff;
    padding-top: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sapMBar-CTX :not(.sapMBtnDisabled)>.sapMBtnInner.sapMBtnActive {
    background-color: #cc0000
}

.sapMComboBoxBasePressed .sapMComboBoxBaseInputInner:not(.sapMInputBaseStateInner) {
    border-color: #bfbfbf
}

.sapMComboBoxBaseBar::before {
    background: #cc0000
}

.sapMComboBoxBasePicker .sapMComboBoxBaseBar {
    background: #ffffff;
    border: 0.0825rem solid #cc0000
}

.mobile .sapMComboBoxBasePicker .sapMComboBoxBaseBar {
    background: #ffffff;
    border: 0.0625rem solid #cc0000
}

.sap-desktop .sapMMultiComboBoxFocused:not(.sapMInputBaseReadonly):not(.sapMInputBaseError):not(.sapMInputBaseWarning):not(.sapMInputBaseSuccess) .sapMMultiComboBoxBorder,
.sap-desktop .sapMMultiComboBox:not(.sapMInputBaseReadonly):not(.sapMInputBaseError):not(.sapMInputBaseWarning):not(.sapMInputBaseSuccess)>.sapMMultiComboBoxBorder:hover {
    border-color: #cc0000
}

.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):focus,
.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):not(.sapMInputBaseDisabledInner):hover {
    border-color: #bfbfbf
}


/*.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):not(.sapMInputBaseDisabledInner):hover {
    border-color: #bfbfbf;
 }
 */

.sapMInputBaseInne:hover {
    border-color: #bfbfbf;
}


/*
 * Login
 */

.login_button .sapMBtnInner {
    background-color: #9f0000 !important;
}

.mx-login-button {
    width: 200px;
    height: 35px;
    margin: auto;
    margin-top: 25px;
    bottom: 0;
    z-index: 10;
    background-color: #9f0000 !important;
    text-align: center;
}

.mx-login-button>a {
    font-family: EurostyleExtBold;
    padding-top: 5px;
}

.login_button_link {
    background-color: #cc0000;
    width: 200px;
    height: 25px;
    /* display: table-cell; */
    padding-top: 8px;
    vertical-align: middle;
    margin: auto;
}

.login_button_link .link .sapMLnk:hover:not(.sapMLnkDsbl),
.login_button .link .sapMLnk:active,
.login_button_link .link .sapMLnk:visited,
.sapMLnk:link,
.login_button_link .link .sapMLnk {
    color: white/*!important;*/
    text-decoration: none !important;
}

.mx-header-2 {
    width: 100%;
    height: 140px;
}

.mx-header-title-2 {
    position: absolute;
    top: 50px;
    left: 150px;
    font-family: Eurostyle;
    font-size: 28px;
    color: #585858;
    text-transform: uppercase;
    text-shadow: 1px 1px #eeeeee;
    z-index: 150;
}

.mx-header-wh-background-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 420px;
    height: 140px;
    z-index: 5;
}

.mx-appliheader {
    background: #d40113 url(../media/login/bg_header_red.png) no-repeat top left;
    width: calc(100% - 70px);
    height: 53px;
    /*78-20*/
    padding-right: 70px;
    padding-top: 25px;
    font-family: EurostyleExtBold;
    font-size: 1rem;
    color: white;
    text-align: right;
    text-transform: uppercase;
    /*vertical-align: text-bottom;*/
}

.mobile .mx-appliheader {
    padding-bottom: 20px;
}

.mx-appliheader span {
    font-family: EurostyleExtBold !important;
    font-size: 3rem;
    margin-top: 0px;
}

.mobile .mx-appliheader span {
    font-size: 1.7rem;
}

.mx-content {
    margin: 15px 50px 15px 50px;
    padding: 15px;
    width: calc(100% - 150px);
    min-height: 800px !important;
    background-color: transparent;
}

.mx-login {
    font-family: Eurostyle !important;
}

.mx-login-subtitle {
    font-family: EurostyleExtBold;
    color: #58585a;
    font-size: 20px;
    margin-bottom: 20px;
}

.mx-login-text {
    font-family: Eurostyle !important;
    font-size: 14px;
    margin-bottom: 20px;
}

.mx-login-form {
    display: inline-block;
    width:100%;
    /*background-color:red !important;*/
    /* padding-bottom: 20px; */
}

.mx-login-label {
    float: left;
    /* height: 30px; */
    width: 50%;
    display: block;
}

.mx-login-input {
    float: left;
    width: 50%;
    display: block;
}

.mobile .mx-login-input input {
    font-size: 1rem;
}

.mx-login-input input, .mx-login-label {
    height: 40px;
    margin-top:5px;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: #b1b1b1;
    border-top: 14px solid #d40113;
    text-align: center;
}

.version {
    position: fixed;
    bottom: 0;
    width: 250px;
    height: 80px;
    text-align: left;
}

.version span {
    color: #FFFFFF;
}

.copyright {
    text-align: center;
    font-family: GillSans;
    font-size: 14px;
    color: white;
}

.canvasloader-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5000;
}

.canvasloader-block {
    display: block;
    background-color: rgba(150, 150, 150, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4999;
    width: 100%;
    height: 100%;
}

.boot-combo.sapMLnk:link {
    color: black !important;
}

.boot-combo.sapMLnk:hover,
.boot-combo.sapMLnk:active {
    color: white !important;
}


/* POPUP INFORMATION */

.titre {
    font-family: "EurostyleExtBold";
    color: #e2001a;
}

.sous-titre {
    font-family: GillSansBold;
    color: #58585a;
}

.corps {
    font-family: GillSans color: #58585a;
}

.indication {
    font-family: GillSansItalic;
    color: #58585a;
}

.open>.dropdown-menu {
    /*position:fixed;*/
    /*background-color:red;*/
    /* height:10000px; */
    /* z-index: 30000; */
}

#TRAC_CARAC {
    min-height: 500px;
}

#stopclick {
    opacity: 0.5;
    background-color: red;
    width: 100%;
    height: 100%;
    z-index: 9000;
}

#combo_TRAC_MARQUE .divider {
    border-top: 4px solid #dd0000;
}

.scroll-up {
    position: fixed;
    left: 320px;
    top: calc( 100% - 59px);
    z-index: 9;
}

.scroll-down {
    position: fixed;
    right: 378px;
    top: calc( 100% - 59px);
    z-index: 9;
}

.sync-btn {
    /* width: 100px; */
    /* height: 95px; */
}

.delquotes-btn {
    margin-top: 75px;
    background: transparent url(../media/general/delete-bg.png) no-repeat;
    width: 267px;
}

.delquotes-btn .sapMBtnDefault {
    background: transparent;
    border: none;
    font-family: Gillsans;
    font-size: 1.6rem;
    color: #FFFFFF;
}

.mobile .delquotes-btn .sapMBtnDefault {
    font-size: 0.9rem;
}

.ios10.mobile .delquotes-btn .sapMBtnDefault {
    font-size: 1.2rem;
}

.reality-view {
    position: absolute;
    left: 1370px;
    top: 13px;
}

.reality-view .reality-view-btn {
    /*border:4px solid blue;*/
    height: 55px !important;
    width: 230px !important;
    outline: 0;
}


/* select styling */

.mobile .sapMPopoverCont {
    height: 100% !important;
}

.sapMSelectListItemSelected {
    color: white;
    background-color: red;
}

.mx-question-LST .sapMSlt:focus,
.mx-question-LST .sapMSltHoverable:hover {
    border-color: rgb(191, 191, 191);
}

.mx-question-LST .sapMSltPressed span.sapMSltArrow,
.mx-question-LST span.sapMSltArrow:focus,
.mx-question-LST span.sapMSltArrow:hover {
    background-color: red;
}

.mx-question-LST span.sapMSltArrow:hover:before,
.mx-question-LST .sapMSltPressed span.sapMSltArrow:before {
    color: white;
}

.mx-question-LST span.sapMSltArrow:before {
    color: red;
}

.sapMPopover,
sapMInputValHelp {
    z-index: 4000 !important;
}

.progressbar {
    position: fixed;
    width: 550px;
    left: 100px;
    top: 400px;
    height: 30px;
    z-index: 9999 !important;
    display: none;
}

#ordersCalendar {
    position: absolute;
    top: 1.3rem;
}

.order {
    background-color: coral;
}

.inputColorSelection {
    background-color: #d4d3d3 !important;
}

#orderCalendarInput {
    display: inline-block;
    max-width: 160px;
}


#productInput-inner {
    width: calc(100% - 40px);
}

#productInput .sapMInputValHelp  {
    position: relative;
    float: right;
}


.calculate {
    float: right;
    width: 50px;
    height: 50px;
    margin: 5px;
}

.synthese .basket-item ul, .synthese .basket-header {
    display: inline-block;
    width: inherit;
    text-align: left;
    padding: 10px;
    margin: auto;
}

.synthese .basket-item ul{
    width:886px;
}

.synthese .basket-item ul.odd {
    background-color: white;
    color: black
}

.synthese .basket-item ul.even {
    background-color: #9c9c9c;
    color: white
}

.synthese .basket-item li div {
    display: inline-block;
}

.synthese .basket-item li .itemname {
    width: 530px;
    max-width: 530px;
    font-weight: bold
    
}

.synthese .basket-item li .quantity {
    text-align: center;
    width: 120px;
    font-size: 1.5em;
    font-weight: bold;
}
.mobile .synthese .basket-item li .quantity {
    font-size: 1.0em;
}
.ios10.mobile .synthese .basket-item li .quantity {
    font-size: 1.5em;
}


.synthese .basket-item li .unitprice {
    width: 120px;
    text-align: right;
    display:none;/* hide unitPrice*/
}

.synthese .basket-item li .totalprice {
    width: 220px;/* hide unitPrice add 120px*/
    text-align: right;
}

.synthese .basket-item ul.subitem {
    font-size: 1rem;
    padding: 0;
}
.mobile .synthese .basket-item ul.subitem {
    font-size: 0.8rem;
}
.synthese .next-price{
  color:blue;
  display: inline-block;
  width: 100%;
}

.synthese-total{
    position:initial;
    margin:0;
    widh:886px;
    
    /*	bottom: 120px;
     position:fixed;
     left:420px;
     display:block;
     height:120px !important;
     z-index:9000;
     */
    background-color: yellow;
}

.synthese .basket-total {
    position:initial;
    width: 100%;
    background-color: #585858;
    border: 2px solid #9c1006;
    color: white;
    font-weight: bold;
    /*bottom: 50px;*/
    font-size:1.2rem;
    padding-top:10px;
    margin-left:0px;
    height:60px;
}

.mobile .synthese .basket-total{
    font-size:0.8rem;
}

.ios10.mobile .synthese .basket-total{
    font-size:0.8rem;
}
.synthese .basket-total span, .basket-header div {
    display: inline-block;
}
.nexttotalprice{
  float:right;
  color:blue;
  display:none !Important; /* hode next total price*/
}
.basket-total span.next-price-total {
    float: right;
    text-align: right;
    vertical-align: center;
    width: 250px;
    margin-top: 10px;
    font-size:1.2rem;
    text-align: right;
    text-decoration:underline dotted blue;  
    display:none;/*hide next price total in basket*/
}
.mobile .basket-total span.next-price-total {
    font-size: 0.8rem;
}
.ios10.mobile .basket-total span.next-price-total {
    font-size: 1.3rem;
}

.synthese .basket-total span.label, .basket-header div.article {
    text-align: left;
    /*	background-color: red;*/
    width: 550px;
}

.synthese .basket-header span.quantity {
    text-align: center;
    width: 120px;
}

.synthese .basket-total span.unitprice, .basket-header div.unitprice {
    text-align: right;
    width: 120px;
    display:none;/* hide unitprice*/
}
/*.mobile .synthese .basket-total span.unitprice, .mobile .basket-header div.unitprice {
	font-size:1.0rem;
 }*/
.synthese .basket-total span.totalprice, .basket-header div.totalprice {
    text-align: right;
    width: 220px;/* hide unitprice add 120px*/
}

.synthese .basket-item{
    margin-top:55px;
}

.synthese .basket-total span.quantity {
    width:120px;
    text-align:center;
}
.mobile .synthese .basket-total span.quantity {
    font-size:1.1rem;
}
.ios10.mobile .synthese .basket-total span.quantity {
    font-size:1.3rem;
}


.synthese .basket-header {
    font-weight: bold;
    background-color: #9c9c9c;
    color: white;
    position: initial;
    top: 170px;
    z-index: 1;
    width: 886px;
}

.mobile  .basket-header {
    font-size:0.75rem;
}
.ios10.mobile  .basket-header {
    font-size:0.9rem;
}



.quantity-remove, .quantity-add {
    width: 30px;
    height: 30px;
    /* border: 1px solid black; */
    background-color: #cc0000;
    color: white;
    padding: 1px;
    vertical-align: middle;
    margin: 2px 5px 2px 5px;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    
}
.mobile .quantity-remove, .mobile .quantity-add {
    font-size: 1.3rem;
}

.mobile .syntheseSC{
    /* background-color:red; */
    /*height: calc(100% - 450px) !important;*/
    /* height: 800px; */
}





/*
 * Dialog
 */


.calculette-fragment {
    /* top:20px; */
    max-height: initial !important;
    /* bottom: 120px; */
    /*border:2px solid red;*/
    /* overflow-x: hidden; */
}
.sapMDialog.sapMSelectDialog {
    z-index:600 !important;
}
.sapMDialog.calculette-fragment, .sapMDialog.saveDialog {
    z-index: 500 !important;
    top: 10px ! important;
    left: 20px !important;
    min-width: 1400px !important;
    max-height: 95% !important;
}
.sapMDialog.createShipToDialog {
    z-index: 520 !important;    
}


.sapMDialog header {
    height: 80px;
}

.sapMDialog footer {
    height: 80px;
    /* bottom: 0 !important; */
}

.sapMDialog section {
    /* background-color:red; */
    width: 100% !important;
    /* height: 80%; */
    max-height: initial !important;
}



#sap-ui-blocklayer-popup {
    z-index: 450 !important;
}

.sapMPopup-CTX .sapMIBar.sapMHeader-CTX {
    background-color: #9C9E9F;
    color: white;
    font-weight: bold;
    font-size: 1.7rem;
}

.mobile .sapMPopup-CTX .sapMIBar.sapMHeader-CTX {
    font-size: 1.5rem;
}

.basketEditBtn{
    float: right;
    height: 40px;
}

/*
 #formCalculateur{
 height:105px;
 background-color:green;
 display:block;
 
 }
 #formCalculateurPoste{
 display:block;
 height:105px;
 background-color:green;
 display:block;
 
 }*/



/*#formCalculateur .header, #formCalculateur  .total {
 font-weight:bold;
 }
 
 #totalOrigin, #prixNet, #formCalculateur input {
 text-align: right !important;
 
 
 }
 
 #formCalculateur label {
 }
 */



/*.discountPoste label {
 font-weight:initial;
 }
 
 .discountForm {
 
 }*/




.discountForm {
    
}

/*.discountForm div{
 
 padding:0;
 }
 
 */
.discountForm .sapUiRFLRow{
    background-color:#d1cfcb;
    
}
.discountForm label {
    font-size: 12pt;
    /* max-width: 800px; */
    /* min-width: 800px; */
    color:black;
    fon
}
.CalcTotalInput input, .discountForm input {
    height:30px !important;
}

.discountForm input {
    font-size: 12pt;
    line-height:initial;
    height:35px;
    max-height:35px;
    max-width: 400px;
    min-width: 400px;
    /*     background-color:#d1cfcb; */
}
.discountFormHeader{
    
    
}
/*
 .discountForm .sapUiFormResGridLbl {
 height:35px;
 padding:0 !important;
 border:1px solid black;
 background-color:#dad8d8;./* clair * /
 }
 
 .discountForm .sapUiFormResGridLbl label{
 font-weight:bold;
 background-color:red;
 margin-top:10px;
 color:black;
 }
 */
/*
 .discountForm .sapMInputBase {
 height:35px !important;
 }
 
 .discountForm .sapMInputBase input{
 text-align:right;
 }
 */

.CalcTotalLabel  {
    background-color:#676666;/*fonce*/
    text-align:right;
}
.CalcTotalLabel  label{
    color:black;
    text-align:right !important;
    color:black;
    
}

.calculette-fragment  input {
    text-align:right !important;
}

.calcLabel {
    background-color:#D4D3D3;/* clair */
    text-align:right !important;
}

.discount-poste {
    background-color:#D4D3D3;/* clair */
    text-align:left !important;
    
    
}
.discount-poste label{
    color:black;
}


.calcLabel label{
    font-weight:bold;
    color:black;
    
}
.calculette-fragment td {
    border : 1px solid black;
    height: 30px;
    -webkit-logical-height: 0;
}
.calculette-fragment td:last-child {
    border : 0;
}
.calculette-fragment table {
    margin:3px;
}


.calculette-fragment input {
    border:0;
    padding: 0;
    height: 30px;
    -webkit-appearance: none;
}
.calculette-fragment input .sapMInputBaseSateError{
    border:2px red solid;
}
.discountFormCB {
    top:0;
    height:30px;
    padding:0;
    /* padding-left: 5px; */
}
.discountFormCB div {
    top:0;
    right: 20px;
    margin-left: 5px;
    margin-top: 2px;
    width:30px !important;
    height: 30px;
    padding:0;
    font-size: 5rem;
    padding-left:0 !important;
    border: 2px solid red;
    border-radius:0;
    color:red;
    left:0;
    margin-left:auto
    margin-right:auto;
}
.discountFormCB>div::before {
    top:0;
    left: 0;
    height: 30px;
    width: 30px;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    /* background-color: red; */
    /* padding-left:0 !important; */
    color:red !important;
    /* z-index: 9999; */
}
.discountFormCB input {
    padding:3px;
    border:1px solid red !important;
    color:red;
    background-color:red;
    
}


/*.formCalcTotal .sapUiFormResGridLbl label, .discountFormHeader .sapUiFormResGridLbl label, .discountFormTotalFooter .sapUiFormResGridLbl label{
 font-weight:bold;
 background-color:red;
 margin-top:10px;
 color:black;
 
 }*/

.discountFormPoste .sapUiFormResGridLbl label{
    font-weight:initial;
    /*background-color:blue;*/
}


.discountIcon {
    position:fixed;
    top : 30px;
    left :50px;
    width:40px;
    height:40px;
    /*z-index: 9555 !important;*/
}
.discountPDFSelection {
    width: 40px;
    height:40px;
}

.checkDiscountPDF {
    position: absolute;
    right:60px;
    bottom: 10px;
    /* margin-bottom:60px; */
}

.checkDiscountPDF.input {
    border: solid red !Important;
}



.calculette-fragment-SC div, .calculette-fragment-SC-noscroll div {
    width:100%;
    /*   background-color:red;*/
}


.calculette-fragment-SC>div{
    min-height:355px;
    max-height: 355px; /*430*/
    width:12px;
}

.scrollDownImage {
    position: absolute;
    left:840px;
}

.saveDialog .sapMDialogScrollCont {
    padding:20px;
    min-height: 400px !important;
}

.saveDialog  tr {
    /* background-color:blue; */
    border:1px solid black;
    /* height:30px; */
}
.saveDialog td {
    /* padding:0; */
    padding-top: 5px;
    padding-bottom: 5px;
    /* height:25px; */
}
.saveDialogLabel{
    text-align:right;
    background-color:#D4D3D3;/* clair */
}
.saveDialogLabel label {
    font-weight:bold;
    color:black;
}

.saveDialogLabel .mandatory {
    color:red;
}

.saveDialog input{
    padding-left:10px;
    font-weight:normal;
    height:25px;
    border:0;
    -webkit-appearance: none;
}

.saveDialog td[data-selected="true"] {
    background-color:#D4D3D3;
}

.saveBtn, .calcBtn  {
    background-color:#999A9A;
    border:0;
    padding: 0;
    height: 30px;
    width: 200px;
    margin-top:10px;
    margin-right:20px;
    margin-bottom:50px;
    /* box-sizing: initial; */
    /* -webkit-appearance: initial; */
}
.saveBtn div, .calcBtn div{
    padding:0;
    height: initial;
    width: 100%;
    /* height:55px; */
    background-color:#999A9A;
    background-image:initial;
    border:0;
    border-radius: 0;
}
.saveBtn  span, .calcBtn span {
    vertical-align: middle;
    width: 100%;
    color:white;
    line-height: 1rem !important;
}

.saveDialogSpacer {
    border-left: 0 !important;
    border-right: 0 !important;
    /* background-color:#dbf0db; */
}

.has-scrollbar::-webkit-scrollbar {
    display:none;
}

.nano > .nano-pane {
    opacity: 0.99 !important;
}
.nano.discountNanoSC {
    background: #FFF;
    width: 850px !important;
    -webkit-overflow-scrolling: touch !important;
    
}
/* .nano.discountNanoSC > .nano-content { padding: 10px; } */
.nano.discountNanoSC > .nano-pane   {
    background: #E2001A;
}
.nano.discountNanoSC  > .nano-pane > .nano-slider { background: #111; }
.nano::inactive {
    opacity: 0.99;
}

.discountNanoSC {
    height:430px !important;
}

.discountNanoContent{
    
}


/*.calculette-fragment-SC{
 / *border:4px solid red !important;* /
 overflow-y: scroll;
 max-width:800px;
 }*/




.calculette-fragment-SC-noscroll {
    overflow-x:hidden;
    overflow-y:hidden
    
}

/*.calculette-fragment .calculette-fragment-SC::-webkit-scrollbar {
 display:initial !important;
 }*/



 /* Browser specific */
 
.calculette-fragment-browser ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}



.calculette-fragment-browser ::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 60px rgb(255, 0, 0);
	background-color: #de1313;
}

 
/* Track */
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}*/
 
/* Handle */
/*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.4);  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}*/

/*::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}*/


.calculette-fragment-browser .calculette-fragment-SC{
    /*border:4px solid red !important;*/
    overflow-y: scroll;   
	/* BEG LFA modification interface calculatrice */
    /* max-width:800px; */
    max-width:1400px;
	/* END LFA modification interface calculatrice */

}




.calculette-fragment-browser .calculette-fragment-SC-noscroll {
     overflow-x:hidden;
     overflow-y:hidden
     
}

.calculette-fragment-browser .calculette-fragment-SC::-webkit-scrollbar {
    display:initial !important;
}

.clearCusIcon{
    /*float:left;*/
    font-size:1.2rem;
}
.searchCusIcon {
    float:right;
    font-size:1.2rem;
}

.clearCusIcon {
    margin-left:10px;
} 

#productInputSF-reset {
 display:none;  
}

.dealerList span, .dealerList div {
    font-size:0.8rem !important;   
}

#dealerList .sapMText.sapMObjLTitle,
#shipToListSC .sapMText.sapMObjLTitle {
    line-height: inherit;
}

#dealerList .sapMLIB.sapMObjLItem,
#shipToListSC .sapMLIB.sapMObjLItem {
    padding:0.5rem;
}

#customersListSC .sapMScrollContScroll,
#shipToListSC .sapMScrollContScroll {
    width:100%;
}

#idAddressButton {
    width: 95%;
    margin: 0px 16px;
}

/* CSS LIEES AUX ONGLETS */
.tabcontainer {
    margin-top: 20px;
    display: block;
    width: 100%;
    height: 100%;
    /*background-color: red;*/
}


.rubrik {
    /* display: none; */
    width: 100%;
}


.active.rubrik {
    /* display: block; */
    display: table;
}

.row {
    /* display: table-row; */
    margin-bottom: 5px;
}

.tab {
    display: table-cell;
    width: 280px;
    height: 63px;
    margin: 2px;
    padding-left: 90px;
    /* padding-right: 10px; */
    /* background-size: 280px 63px; */
    background-repeat: no-repeat;
    background-position: left center;
    overflow: hidden;
    font-size: 1rem;
    font-weight: bold;
    vertical-align: middle;
}

.mobile .tab {
   font-size: 0.8rem;
 }
.ios10.mobile .tab {
    font-size: 2rem;
}


.active.tab {
    /* background-color: #efefef; */
    /* background-image: url(../images/PE_MXPCA_TAB.png); */
    color: white;
}

.before.tab {
    /* background-image: url(../images/AV_MXPCA_TAB.png); */
    /* color: white; */
}

.after.tab {
    /* background-image: url(../images/AP_MXPCA_TAB.png); */
}

.active.tab.historique {
    background-image: url(../media/general/PE-HISTORIQUE.png);
}

.before.tab.historique {
    background-image: url(../media/general/AV-HISTORIQUE.png);
}

.active.tab.selection {
    background-image: url(../media/general/PE-SELECTION.png);
}

.before.tab.selection {
    background-image: url(../media/general/AV-SELECTION.png);
}


.before.tab a, .before.tab a:hover, .before.tab a:visited {
    color:black !important;
}
.after.tab a,  .after.tab a:hover, .after.tab a:visited{
    color:black !important;
}

.ios10.mobile .rubrik .row a {
    font-size:1.7rem;
}


.next_price{
  /*background-color:red !important;*/
  width: 200px;
  float: right;
  /*display: inline-block;*/
  display:none; /* hide next price in basket*/
  text-decoration:underline dotted blue;  
}

/* .discountForm2.remise1 td, 
.discountForm2.remise3 td {
  display:none;
} */

.remise-nodisplay {
    display: none;
}
.remise-noborder{
	border: none;
}
.remise-disclaimer {
  font-style : italic;
}


.sapMInputBaseError .sapMInputBaseInner.sapMInputBaseErrorInner {
    background-color: #e52929;
}

tr[data-visible="false"] {
    display:none;
}

#dealerSelectDialog {
    width:650px !important;
    z-index: 1000 !important;
}

#dealerSelectDialog-header {
    height:48px;
}