/* 
    Document   : front
    Created on : 10 déc. 2014, 11:21:17
    Author     : Sébastien MERCIER
    Description:
        Purpose of the stylesheet follows.
*/
.ios body {letter-spacing:-0.03em}

/* LOGIN */

.mobile.login-page,
.tablet.login-page {min-height:100%;height:100%;min-width:100%;width:100%;}

.mobile.login-page body,
.tablet.login-page body {min-height:100%;height:100%;min-width:100%;width:100%;}
body {font-family:"Avenir Book", Arial, sans-serif;}
#fullscreen_bg {
    background:  #fff url("../img/front/login/background.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}
.tablet.portrait #fullscreen_bg {background-size: inherit;}
#fullscreen_bg .login-container {
    max-width:379px;
    position:absolute;
    right:15%;
    top:10%;
}
/*@media (min-width:1024px) and (max-width:1150px) {#fullscreen_bg .login-container {top: 10px;}}*/
@media (max-width:480px) {#fullscreen_bg .login-container {position:static;margin:0 auto;}}
@media (max-width:767px) {
     #fullscreen_bg .login-container {position:static;margin:0 auto;}
}
.tablet #fullscreen_bg .login-container,
.mobile #fullscreen_bg .login-container{position:static;margin:0 auto;}
#fullscreen_bg .form-signin-heading {
    font-size:27px;
    font-weight:300;
    text-transform:uppercase;
    padding: 21px 10px 10px 15px;
    margin: 0;
}

#fullscreen_bg .panel {
    background: transparent url("../img/front/login/box.png") repeat 0 0;
    border-radius: 3px;
    padding-bottom:15px;
    border-color: transparent;
    -moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
    -o-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.1);
}

#fullscreen_bg .panel .input-label {
    font-size:20px;
    font-weight:400;
    padding:0 0 3px 0;
}

#fullscreen_bg .panel .input-group {
    margin-bottom:18px;
}

#fullscreen_bg .panel .input-group .form-control {
    border-color:#eeecea;
    font-size:18px;
    height:47px;
    margin-bottom:9px;
}

#fullscreen_bg .panel .forgotten-pwd,
#fullscreen_bg .panel .forgotten-login{
    color:#606060;
    font-size:14px;
    width:100%;
}

#fullscreen_bg .panel .forgotten-pwd:before, 
#fullscreen_bg .panel .forgotten-login:before{
    content:'>';
    display:inline-block;
    margin-right:5px;
    vertical-align: 0;
}

#fullscreen_bg .panel .btn-warning {
    font-size: 20px;
    margin: 4px 0 0 0;
    padding: 3px 12px;
}

#fullscreen_bg .panel .btn-warning:before{
    content:'';
    font-family:"FontAwesome";  
    font-size: 13px;
    margin-right: 14px;
    vertical-align: 2px;
}
#fullscreen_bg .panel .cancel {
    font-size: 20px;
    margin: 4px 0 0 0;
    padding: 3px 12px;
}
#fullscreen_bg .panel .cancel:before{
    content:'';
    font-family:"FontAwesome";  
    font-size: 13px;
    margin-right: 14px;
    vertical-align: 2px;
}
#fullscreen_bg .awesome-tooltip:hover {cursor:default;text-decoration:none;}

#fullscreen_bg .change-password {margin-left:15px;}
#fullscreen_bg .change-password label {display:block;}
#fullscreen_bg .change-password .entity {margin-bottom:10px;}
#fullscreen_bg .change-password .new-password > div {margin-bottom:10px;}

#fullscreen_bg .change-password button:before {
    font-size: 11px;
    left: 12px;
    top: 9px;
}
#fullscreen_bg .change-password button:before {
    color: #fff;
    content: "";
    display: inline-block;
    font-family: "FontAwesome",Arial;
    font-size: 11px;
    font-weight: 700;
    height: 14px;
    left: 10px;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    width: 14px;
}

#fullscreen_bg .change-password button {
    color:#fff;
    padding: 7px 18px 7px 37px;
    font-family: "Open sans";
    font-size: 14px;
    font-weight: 700;
    position: relative;
    background: none repeat scroll 0 0 #ea690b;
    border: 0 none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;    
    
    
    
}

#fullscreen_bg .alert.alert-error,
#fullscreen_bg ul li {color:#ea690b;padding:0;list-style-type:none;}
#fullscreen_bg ul {margin:0 0 10px 0;padding:0;}


/* STRUCTURE */

/* HEADER */
#wrapper {width:1400px;margin:0 auto;}
#wrapper #header {border-top:12px solid #89bb40;}
#wrapper #header .header-product-selection {width: auto;padding-right: 20px;}
#wrapper .header-front-product-selection #product {
    background-color:#ea6a23;
    border:0;
    color:#fff;
    border-radius:6px;
    font-size: 18px;
    font-weight: 700;
    padding: 0 7px;
    line-height: 34px;
    width:220px;
}

#wrapper .header-front-product-selection label {color:#000;font-size: 18px;}
@media (min-width:992px) and (max-width:1090px) {#wrapper .header-front-product-selection label {font-size: 17px;}}
@media (min-width:768px) and (max-width:991px) {#wrapper .header-front-product-selection label {font-size: 15px;}}
#wrapper .header-front-product-selection {float:left;width:36%;max-width:365px;}
@media (max-width:480px) {.mobile.ios #wrapper .header-front-product-selection #product {width:140px}}
#wrapper .header-front-actions {float:right;padding-right:30px;text-align:right;}

@media (min-width:992px) and (max-width:1170px) {
    #wrapper .header-front-product-selection {width:365px;}
}
@media (min-width:992px) and (max-width:1090px) {
    #wrapper .header-front-product-selection {width:345px;}
}

@media (min-width:992px) and (max-width:1020px) {
    #wrapper .header-front-actions {padding-right:20px;}
}
#wrapper .header-front-actions .item {padding-top:5px;text-align:center;}
#wrapper .header-front-actions .header-user {
    margin-right:15px;
    padding-top:0;
    position: relative;
    top: -3px;
}
#wrapper .header-front-actions .text {
    color:#3F3F3F;
    font-family: 'Open sans';
    font-size:10px;
    display:inline-block;
    width:auto;
}

#wrapper .header-front-actions .picto {
    background:transparent url("../img/front/header/sprite.png") no-repeat 0 0;
    display:block;
    height:45px;
    width:62px;
}

#wrapper .header-front-actions .header-user .picto {
    float:left;
    height:35px;
    width:35px;
}

#wrapper .header-front-actions .header-messages .picto {
    background-position:-248px 18px;
    position:relative;
}

#wrapper .header-front-actions .header-help .picto {
    background-position:-320px 18px;
}

#wrapper .header-front-actions .header-logout .picto {
    background-position:-387px 18px;
}

#wrapper .badge {
    background-color: #ea6a23;     
    border-radius: 4px;
    line-height: 15px;
    min-width: 22px;
    padding: 1px 2px;
}

#wrapper .header-front-actions .item .picto .badge {    
    position: absolute;
    top: 7px;
    right: 3px;
}

@media (max-width:768px) {
    #wrapper .header-front-actions .item .picto .badge {
        font-size: 12px;
        line-height: 13px;
        min-width: 20px;
        right:5px;
    }
}

#wrapper .sub-heading .badge {position:absolute;right:15px;top:15px;}

.badge .blink {
      animation: blink 1s steps(5, start) infinite;
      -webkit-animation: blink 1s steps(5, start) infinite;
    }
    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }

#wrapper .header-front-actions .header-user .text {
    background-color:#e1e5e8;
    float:left;
    font-size:15px;
    height:33px;
    display:inline-block;
    line-height:33px;
    padding:0 10px 0 0;
    position:relative;
}
@media (min-width:1091px) and (max-width:1140px) {#wrapper .header-front-actions .header-user .text {font-size: 13px;}}
@media (min-width:992px) and (max-width:1090px) {#wrapper .header-front-actions .header-user .text {font-size: 10px;padding: 0 7px 0 0;}}
#wrapper .header-front-actions .header-user .text > span {padding-left:5px;position:relative;top:-11px;}

#wrapper .header-front-actions .header-user .text:before {
    background:#fff url("../img/front/header/user-arrow.gif") no-repeat 0 0;
    content:'';
    display:inline-block;
    height:33px;
    width:7px; 
}

@media (min-width:768px) and  (max-width:991px) {
    #wrapper .header-front-logo {width: 25%;}
    #wrapper .header-front-product-selection {width: 44%;}
}
@media (max-width:991px) {
    #wrapper .header-front-actions {padding-right:15px;}
}
@media (max-width:768px) {
    #wrapper #header {height: 165px;position:relative;}
    #wrapper .header-front-product-selection {
        padding:0 15px;
        width: 100%;
        position:absolute;
        bottom:15px;
        left:0;
        max-width:inherit;
    }
    #wrapper .header-front-product-selection .header-product-selection {
        float:left;
        min-width: inherit;
        max-width:80%;
        width:auto;
    }
    #wrapper .header-front-product-selection .header-product-img {
        float:left;
        min-width:20%;
        max-width:40%;
        padding: 0;
        width:auto;
    }
    #wrapper .header-front-logo {min-width: 30%;max-width: 40%;width:auto;}
    #wrapper .header-front-logo .img-responsive {max-width: 100%;}
}
@media (max-width:480px) {
    #wrapper .header-front-logo {min-width: 30%;max-width: 50%;width:auto;}
    #wrapper .header-front-actions .item {max-width:50px;}
}
@media (max-width: 400px) {
    #wrapper .header-front-product-selection .header-product-img {max-width: 84px;margin-top: 5px;}
    #wrapper .header-front-actions .item {max-width:45px;}
    #wrapper .header-front-product-selection label {font-size: 13px;}
}
#wrapper #navigation {width: 25%;}
#wrapper #page {
    border-top: 5px solid #696969;
    width: 75%;
}
#wrapper #navigation .question {
    margin: 25px 0;
}
#wrapper #navigation .question p {
    font-weight: 600;
    font-size: 15px;
}
.tablet #wrapper #page, .mobile #wrapper #page {display:block;}
#wrapper #page .page-content {padding:10px 25px 15px 25px;}

/* FOR TABLET and MOBILE FORMATS */
.tablet #wrapper #navigation,
.mobile #wrapper #navigation{
    height:50px;
    min-height:1px;
    overflow:hidden;
    width:100%;
}
.tablet #wrapper #page, 
.mobile #wrapper #page {width:100%;}
/*
@media (max-width:767px) {
  .desktop #wrapper #navigation {
        height:50px;
        min-height:1px;
        overflow:hidden;
        width:100%;
    }
    .desktop #wrapper #page {display:block;width:100%;}
}*/
.tablet .side-nav .list-group-item .text, .tablet .list-group-item .strong, 
.mobile .side-nav .list-group-item .text, .mobile .list-group-item .strong {display: inline-block; paddin-right:5px;}
.tablet #slide-submenu, .mobile #slide-submenu {top: -3px;}
.ios.tablet #slide-submenu, .ios.mobile #slide-submenu {top: 0;position: absolute;right: 10px;}

.tablet .side-nav .pall-15, .mobile .side-nav .pall-15 {margin-bottom: 10px;}
.tablet .opened .sidebar, 
.mobile .opened .sidebar {position: relative;}    
.tablet .opened .mini-submenu, 
.mobile .opened .mini-submenu {
    position: absolute;
    right: 10px;
    z-index:2;
    top:9px;
}
.tablet .opened .list-group, 
.mobile .opened .list-group {width:100%;z-index:0;}

.mobile .opened .list-group {width:100%;}

.tablet #wrapper .header-front-actions .text,
.mobile #wrapper .header-front-actions .text,
.tablet #wrapper .header-front-actions .header-user, 
.mobile #wrapper .header-front-actions .header-user{display: none!important;}
  
.tablet .side-nav .list-group-item.link ul, 
.mobile .side-nav .list-group-item.link ul {margin-left:50px;margin-right:20px;width:auto;}

.tablet .side-nav .list-group-item.link, 
.mobile .side-nav .list-group-item.link{ margin:0 auto 22px;}

.tablet .side-nav .list-group-item.link li .link, 
.mobile .side-nav .list-group-item.link li .link {margin-left: 0; padding-left:6px;}

@media (min-width:992px) and (max-width:1024px) {
    .tablet .index-right-top-col .gen-block.b-02 {height:426px;}
    .tablet .index-right-top-col .scrolling {height:355px;}
}

/* LEFT NAVIGATION */

.mini-submenu{
  display:none;  
  padding: 9px;  
  width: 50px;
}
.mini-submenu .fa {color: #ea6a23;font-size: 25px;}
.mini-submenu:hover{
  cursor: pointer;
}

#slide-submenu{
    color: #ea6a23;
    display: inline-block;
    font-size: 25px;
    padding: 0 8px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    right: -10px;
    top: -42px;   
}

.side-nav .list-group {
    padding: 15px;
    margin-bottom: 0;
    /*min-width:253px;*/
    position: relative;
    font-family:'Open sans';
}

.side-nav .list-group-item {
    color:#fff;
    font-size:18px;
    margin-bottom: 11px;
    background-color: transparent;
    border: 0;
    border-radius: 5px;
    padding:6px 5px;
}
.tablet .tab-content .panel .panel-body .fa.down,
.mobile .tab-content .panel .panel-body .fa.down,
.tablet .tab-content .panel .panel-body .fa.up,
.mobile .tab-content .panel .panel-body .fa.up,
.tablet .tab-content .panel .panel-body .fa.equal,
.mobile .tab-content .panel .panel-body .fa.equal {/*width: 11px;*/}
.side-nav .list-group-item.link {
    font-size:16px;
    font-weight:700;
    height:34px;
    padding: 8px 5px 9px 40px;
    margin: 0 0 22px 5px;
}

.side-nav .list-group-item.active,
.side-nav .list-group-item.active:hover,
.side-nav .list-group-item.active:focus {
    background-color: transparent;
    border-color: transparent;
}

.side-nav  a.link:hover, .side-nav a.link:focus,
.side-nav  div.link:hover, .side-nav div.link:focus {background-color: #89bb40;color:#fff;}

.side-nav  .navigation-help a.link:hover, .side-nav .navigation-help a.link:focus,
.side-nav .navigation-help div.link:hover, .side-nav .navigation-help div.link:focus {background-color: transparent;} 
 
.side-nav .link.active,
.side-nav .link.active:active,
.side-nav .link.active:focus,
.side-nav .link.active:hover, 
.side-nav .link:active,
.side-nav .link:focus,
.side-nav .link:hover{
    color: #fff;
    text-decoration: none;
    background-color: #89bb40;
}
a.list-group-item:first-child:hover, a.list-group-item:first-child:focus {background-color: transparent;color:white;}
.side-nav .list-group-item .text, .list-group-item .strong {
    display:block;
    font-size:19px;
    line-height:95%;
    text-transform:uppercase;
}

.side-nav .list-group-item .text {
    font-weight:300;
}

.side-nav .link .fa {
    background:transparent  url("../img/front/column/sprite.png") no-repeat 0 0;
    height: 23px;
    width: 20px;
    position: absolute;
    left:10px;
    top: 7px;
}
.side-nav.faded .link .fa {position:absolute;left:5px;top:5px;}
.side-nav.faded .list-group-item.link {
    height: 34px;
    padding: 5px;
    margin: -1px 0 20px 10px;
    width: 29px;
}
.side-nav .link .fa.tools {background-position:0 -55px;}
.side-nav .link .fa.activity {background-position: 0px -108px;top: 4px;}
.side-nav .link .fa.profile {background-position:0 -166px;}
.side-nav .link .fa.message {background-position:0 -224px;}

.side-nav .list-group-item.link ul {
    display:none;
    margin:0;
    padding:0;
    width:92%;
}

.side-nav .list-group-item.toggled ul {
    display: block;
    padding-top:11px;
}


.side-nav.faded .list-group-item.toggled ul {
    display: none;
}

.side-nav .list-group-item.link li {
    display: block;
    list-style-type: none;
    padding:17px 0 0 0;
}

.side-nav .list-group-item.link li .link {
    color: #fff;
    margin-left: 15px;
    padding: 6px 15px 7px 40px;
    border-radius: 5px;
    display: block;
}
.side-nav .pall-15 {padding:15px 0; }
.side-nav .navigation-help {bottom:0;padding:15px;position:relative;}
.tablet .side-nav .navigation-help, .mobile .side-nav .navigation-help  {display:none;}
.side-nav .navigation-help.fixed {position:fixed;}

.side-nav .navigation-help .list-group-item .text {font-size: 16px;font-weight:700;}
.side-nav .navigation-help .fs-10 {font-size:9px;line-height:12px;}
.side-nav .navigation-help .link .fa {
    background:transparent  url("../img/front/column/sprite-2.png") no-repeat 0 0;
    height: 23px;
    width: 20px;
    position: absolute;
    left:10px;
    top: 7px;
}
.side-nav .navigation-help .list-group-item {margin-bottom: 7px;}
.side-nav .list-group-item.title {padding: 4px 17px 6px 17px;}
.side-nav.faded .list-group-item.title {padding: 3px 17px 1px 17px;}
.side-nav .list-group-item.link {
    cursor:pointer;
    height: inherit;
    margin-bottom:20px;
    margin-left:15px;
    padding-left:40px;
    max-width:217px;
}
.side-nav .navigation-help .list-group-item.link .name:hover{text-decoration:underline;}

.side-nav .list-group-item.phone {cursor:default;}
.side-nav .list-group-item.toggled,
.side-nav .list-group-item.toggled:active,
.side-nav .list-group-item.toggled:focus,
.side-nav .list-group-item.toggled:hover{
    background-color:#535353;
    margin-left:0;
    padding-left: 0;
    max-width: 100%;
    border-radius: 0;
    padding-top:18px;
}


.tablet .side-nav .list-group-item.toggled,
.tablet .side-nav .list-group-item.toggled:active,
.tablet .side-nav .list-group-item.toggled:focus,
.tablet .side-nav .list-group-item.toggled:hover, 
.mobile .side-nav .list-group-item.toggled,
.mobile .side-nav .list-group-item.toggled:active,
.mobile .side-nav .list-group-item.toggled:focus,
.mobile .side-nav .list-group-item.toggled:hover{
    max-width: inherit;
    margin-left:auto;
}

.tablet .side-nav .list-group-item.link,
.mobile .side-nav .list-group-item.link {max-width: inherit;margin-right:0;}

.mobile .my-tools.list-group-item, 
.tablet .index-block-tools,
.mobile .index-block-tools {display:none!important;}

.side-nav.faded .list-group-item.toggled{ background: none;}
.side-nav.faded .list-group-item.me-open {
    color: #fff;
    text-decoration: none;
    background-color: #89bb40;
    border-radius: 5px;
}
.side-nav.faded .list-group-item.toggled:hover{
    margin:-1px 0 22px 10px;
}
.side-nav .list-group-item.toggled .name {padding-left:55px;}
.side-nav .link.toggled .fa {left:25px;top: 16px;}
.side-nav.faded .link.toggled .fa {left:5px;top:6px;}

.side-nav .link .fa.crp,
.side-nav .link .fa.cap {background-position: 0px -86px;top:10px;}
.side-nav .navigation-help .link .name {color:#fff;font-size:13px;font-weight:400;line-height:100%;}
.side-nav .navigation-help a.link:hover, .side-nav .navigation-help a.link:focus,
.side-nav .navigation-help a.logo-link:hover, .side-nav .navigation-help a.logo-link:focus{background-color: transparent;}
.side-nav.faded .navigation-help .link .fa {left: 5px;}

.side-nav .navigation-help .link .faded-name {display:none;}
.side-nav.faded .navigation-help .link .faded-name {
    clear:both;
    font-size:14px;
    font-weight:300;
    display:block;
    margin:26px 0 0 -2px;
    width:100%;
}
.side-nav .navigation-help .link .name .pb-5 {font-size:16px;}
.side-nav .navigation-help .list-group-item.link {margin-left: -8px;margin-bottom:15px;}
.side-nav .navigation-help .list-group-item.cap {margin-bottom:6px;}
.side-nav .navigation-help .list-group-item.crp .name,
.side-nav .navigation-help .list-group-item.cap .name {font-size:15px;}



/* COMMON */
.gen-block {
    background-color:#E1E3E4;
    padding:15px 15px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.page-heading {
    color:#3F3F3F;
    font-size:24px;
    font-weight: 400;
    line-height: 100%;
    margin:0 0 10px 0;
    padding: 0;
}

.sub-heading {
    color:#3F3F3F;
    font-size:25px;
    font-weight: 300;
    line-height: 100%;
    margin:0 0 10px 0;
    padding: 0;
}

/* HOMEPAGE */
.gen-block.b-01 {width:100%;}
.gen-block.b-02 {min-height:150px;width:100%;}
.gen-block.b-03 {
    width:100%;
    min-height:200px;
    padding:10px;
    background: #d0dac1 url("../img/circle-medium-grey-bkg.png") no-repeat bottom right;
}
.gen-block.b-04 {min-height:200px;width:100%;}
.tablet .news-slider .col-md-9 {width:100%!important;}


/* INDEX TABS */

.store-web-tab.nav-tabs {
    background: transparent url("../img/tab-bkg.gif") repeat-x 0 bottom;
    border-bottom: 5px solid #88B917;
    border-radius: 0 0 10px 10px;
}
.store-web-tab.nav-tabs>li {width:50%;}
.store-web-tab.nav-tabs>li .toggler {
    float:right;
    font-size:10px;
    line-height: 100%;
    max-width: 45%;
    padding-top:10px;
    text-align: right;
}

.store-web-tab.nav-tabs>li.active .toggler {padding-top:7px;}

.store-web-tab.nav-tabs>li.active .infos {display:block;}
.store-web-tab.nav-tabs>li.active .see {display:none;}
.store-web-tab.nav-tabs>li .infos {display:none;}
.store-web-tab.nav-tabs>li .see {display:block;}
@media (max-width:1130px) {
    .store-web-tab.nav-tabs>li .toggler,
    .store-web-tab.nav-tabs>li.active .toggler {max-width:35%;width: 120px;letter-spacing: -0.04em;}
}
@media (max-width:1024px) {.desktop .store-web-tab.nav-tabs>li .toggler, .desktop .store-web-tab.nav-tabs>li.active .toggler {display:none;}}
@media (max-width:840px) {.store-web-tab.nav-tabs>li .toggler, .store-web-tab.nav-tabs>li.active .toggler {display:none;}}
.store-web-tab.nav-tabs>li {border:0;height:60px;}
.store-web-tab.nav-tabs>li a {
    background-color:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px 10px 10px 20px;
    height:50px;
    margin:10px 0 0 0;
    padding:3px 15px;
}
.store-web-tab.nav-tabs>li.store a {border-radius:10px 10px 20px 10px;}
.store-web-tab.nav-tabs>li.active a, 
.store-web-tab.nav-tabs>li.active a:active, 
.store-web-tab.nav-tabs>li.active a:focus,
.store-web-tab.nav-tabs>li.active a:hover {
    background-color:#88B917;
    border:0;
    border-radius:10px;
    color:#fff;
    height:60px;
    margin-top:0;
    padding-top:13px
}

.store-web-tab.nav-tabs>li.active .tab-icon-store {
    display:inline-block;
    height:39px;
    width:47px;
    background: transparent url("../img/tab-store-on.png") no-repeat 0 0;
}
.store-web-tab.nav-tabs>li .tab-icon-web {
    display:inline-block;
    height:39px;
    width:47px;
    background: transparent url("../img/tab-store-on.png") no-repeat right 0;
}

.store-web-tab.nav-tabs>li .tab-icon-store {
    display:inline-block;
    height:39px;
    width:47px;
    background: transparent url("../img/tab-store-off.png") no-repeat 0 0;
}
.store-web-tab.nav-tabs>li.active .tab-icon-web {
    display:inline-block;
    height:39px;
    width:47px;
    background: transparent url("../img/tab-store-off.png") no-repeat right 0;
}

.store-web-tab.nav-tabs>li .tab-title {
    float:left;
    color:#fff;
    font-size:16px;
    font-weight:700;
    height:39px;
    line-height:39px;
    text-align: center;
}
.store-web-tab.nav-tabs>li .tab-title span {
    display:inline-block;
    float: left;
}

.store-web-tab.nav-tabs>li .tab-title .tab-title-text {
    color:#878787; 
    font-family: 'Open sans';
    font-size:20px;
    padding: 14px 0 0 5px;
    line-height: 100%;
}

.store-web-tab.nav-tabs>li.active .tab-title .tab-title-text {color:#ffffff;padding-top: 5px;}
.store-web-tab.nav-tabs>li.active.web .tab-title .tab-title-text {padding-top: 10px;}

@media (max-width:640px) {
    .desktop .store-web-tab.nav-tabs>li .tab-title .tab-title-text {display:none;}
}

@media (max-width:480px) {
    .store-web-tab.nav-tabs>li a {padding: 3px 5px;}
    .store-web-tab.nav-tabs>li.active a,
    .store-web-tab.nav-tabs>li.active a:active,
    .store-web-tab.nav-tabs>li.active a:focus,
    .store-web-tab.nav-tabs>li.active a:hover {padding:13px 5px 3px 5px;}
    
    
}

/* INDEX CONTENTS */

.index .tab-content .clickable {cursor: pointer;display:none;}

.index .tab-content .panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

.index .tab-content .panel {background-color:transparent; display:inline-block;width:95%;}
.index .tab-content .panel.panel-primary {border: 0;margin-bottom:0;margin-top:20px;}
.index .tab-content .panel.panel-primary>.panel-heading,
.panel.panel-primary>.panel-heading{
    background-color: #686868;
    border: 0;
    border-radius: 10px 10px 0 0;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    vertical-align: middle;
    display: table;
    width: 100%;
}
.index .tab-content .panel.panel-primary>.panel-heading .panel-title,
.panel.panel-primary>.panel-heading .panel-title{
    font-size: 15px;
    font-weight: 700;
    font-family: 'Open sans';
    line-height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.index .tab-content .panel .panel-body {
    background:transparent url("../img/circle-small-bkg.png") no-repeat -25px -25px;
    min-height:73px;
    border-radius: 0 0 10px 10px;
    padding-top:20px;
    text-align:center;
}

.index .tab-content .export-data .panel .panel-body {text-align:center;}

.tablet .index .tab-content .panel .panel-body {min-height:76px;}
.index .tab-content .index-data-buyings .panel .panel-body {background-color:#fef3d6;}
.index .tab-content .index-data-paid .panel .panel-body {background-color:#fbe1ce;}
.index .tab-content .index-data-folders .panel .panel-body {background-color:#d2f0fa;}
.index .tab-content .index-data-mid-cart .panel .panel-body {background-color:#e0d6e5;}
.index .tab-content .index-data-paid-cart .panel .panel-body {background-color:#fad6e5;}
.index .tab-content .index-panel .panel .panel-body {background-color:#fff;border-radius:10px;}

.mobile .index .tab-content .panel .panel-body {
    font-size: 23px;
    font-weight: 700;
    color: #3F3F3F;
    font-family: 'Open sans';
}

.index .tab-content .panel .panel-body span {color:#3f3f3f;font-size:24px;font-weight:700;}
.index .tab-content .panel .panel-body span + .fa {font-size:20px;padding-left:15px;}

.indicateur .panel {margin-bottom: 8px;width:95%;}
.indicateur .panel .panel-body .indicator {margin-right:5%;text-align:right;width:40%;color: #3f3f3f;font-size: 21px;font-weight: 700;}

.indicateur .panel .panel-body .indicator {margin-right:5%;text-align:center;width:40%;color: #3f3f3f;font-size: 21px;font-weight: 700;}

.indicateur .panel .panel-body .arrow {
    text-align: left;
    width:52%;
    color: #3f3f3f;
    font-size: 21px;
    font-weight: 700;
    padding-left:5px;
}
.indicateur .panel .panel-body {padding: 9px 5px 15px 5px;}
@media (min-width:1141px) and (max-width:1200px) {
    .indicateur .panel .panel-body .indicator,
    .indicateur .panel .panel-body .arrow {font-size: 18px;}

}
@media (min-width:992px) and (max-width:1140px) {
    .indicateur .panel .panel-body span.indicator,
    .indicateur .panel .panel-body span.arrow {font-size: 15px;letter-spacing: -0.05em;}
    
    .index .tab-content .panel .panel-body span {font-size: 17px;}

}

@media (min-width:1141px) and (max-width:1200px) {
   
    .index .tab-content .panel .panel-body span {font-size: 22px;}

}

.tablet .tab-content .panel .panel-body .fa.up,
.tablet tab-content .panel .panel-body .fa.down,
.tablet .tab-content .panel .panel-body .fa.equal {width:16px!important;}

.index .tab-content .panel .panel-body .indicator {width:62%;text-align:left;}

@media (max-width:767px) {
    .tablet .indicateur .panel .panel-body .indicator {font-size: 18px;}
    .tablet .indicateur .panel .panel-body .arrow {font-size: 18px;}
}

@media (min-width:1120px) {

}

/* --------------------- DONNEES CHIFFREES --------------------- */
/* aligné à gauche , flèche recentrée */
/**/
.index .tab-content .panel .panel-body {text-align: left;}
.index .tab-content .panel .panel-body .indicator {width: 55%;text-align: left;margin-right: 8%;padding-left: 8%;}
.numbers-indicator {min-height:29px;}



/* aligné à gauche , flèche recentrée */
/* */
.index .tab-content .col-md-6 .panel .panel-body {text-align: left;}
.index .tab-content .col-md-6.export-data .panel .panel-body {text-align: center;}
.index .tab-content .col-md-6 .panel .panel-body .indicator {width: 51%;text-align: right;margin-right: 8%;padding-left: 0;}


/* */




.index .tab-content .panel .panel-body .arrow {width:18px;}

@media (max-width:992px){
    /*.desktop .indicateur .panel .panel-body .indicator {text-align:center;width:100%;}
    .desktop .indicateur .panel .panel-body .arrow {text-align:center;width:100%;}*/
    .desktop .indicateur.export-data .panel .panel-body {min-height: 235px;}
    
}

@media (min-width:768px) and (max-width:991px) {
    .desktop .tab-content .panel .panel-body .variante {margin-top: 10px;text-align: center;}
}

@media (max-width:768px) {
    .indicateur .panel .panel-body {padding: 9px 10px 15px 10px;}
    .indicateur .panel {width:96.5%;}
}
@media (min-width:620px) and (max-width:768px) {
    .indicateur .panel {width:98%;}
}
@media (max-width:480px){
    .indicateur .panel {width:95%;}
}

.index .tab-content .panel .panel-body .fa.up {color:#3faede;}
.index .tab-content .panel .panel-body .fa.down {color:#e23378;}
.index .tab-content .panel .panel-body .fa.equal {color:#696969;}

.index .tab-content .index-panel .panel .panel-body {padding-top:12px;}
.index .tab-content .index-panel.export-data .panel .panel-body {min-height: 115px;}
.index .tab-content .index-panel .panel .panel-body a, 
.index .tab-content .index-panel .panel .panel-body a:active, 
.index .tab-content .index-panel .panel .panel-body a:focus, 
.index .tab-content .index-panel .panel .panel-body a:hover {display: block;text-decoration:none;}
.index .tab-content .index-panel .panel .panel-body span {display:block;font-size:15px;clear:both;}
.index .tab-content .index-panel .panel .panel-body .export-text {font-weight:400;padding: 4px 7px 5px 7px;}
.index .tab-content .index-panel .panel .panel-body .fa {padding:0 5px 0 0;}
.index .tab-content .index-panel .panel .panel-body .btn-xs {
    color:#fff;
    display: inline-block;
    padding:2px 8px;
    font-family: 'Open sans';
    font-weight: 600;
}

.mobile .larger-than-100 .col-xs-12 {width:100%!important;}

.mobile .larger-than-100 .panel {background-color:#686868;width:98%;}

.mobile .larger-than-100 .panel {padding:0;}

.mobile .index .tab-content .panel.panel-primary>.panel-heading,
.mobile .index .tab-content .panel.panel-primary .panel-body {
    background:transparent!important;
    float:left;
    display:inline-block!important;
    width:auto;
    min-height:inherit;
    height: 50px;
    line-height: 40px;
    padding: 0 15px;
}

.mobile .index .tab-content .panel.panel-primary>.panel-heading {
    padding: 17px 15px 0 15px;
    width:75%;
}

.mobile .index .tab-content .panel.panel-primary>.panel-heading {
    padding: 17px 5px 0 15px;
    width:70%;
}

.mobile .index .tab-content .panel.panel-primary>.panel-heading {padding: 17px 0 0 5px;width: 150px;}

.mobile .index .tab-content .panel.panel-primary>.panel-heading h3 {
    font-size:16px;
}
.mobile .index .tab-content .panel.panel-primary>.panel-heading h3 {font-size: 13px;}

.mobile .index .tab-content .panel.panel-primary .panel-body {
    float:right;
    text-align:right;
    width:25%;
}

.mobile .index .tab-content .panel.panel-primary .panel-body {padding-left:0;padding-right:5px;width:37%!important;}
.mobile .index .tab-content .panel .panel-body .indicator {width: auto;}
.mobile .index .tab-content .panel .panel-body .arrow {width: auto;}

.mobile .index .tab-content .panel .panel-body .indicator.down {font-size:16px;color:#e23378;}

.mobile .index .tab-content .panel .panel-body .indicator.up {font-size:16px;color:#3faede;}

.mobile .index .tab-content .panel .panel-body .indicator.equal {font-size:16px;color:#818181;}

.mobile .index .tab-content .panel .panel-body .indicator {position: relative;top: -5px;}

.mobile .index .tab-content .panel .panel-body .arrow {position: relative;top: -2px;}

.mobile .index .tab-content .panel .panel-body .arrow.equal .img-responsive {max-width:50%;}

@media (max-width:1090px) {
   .sub-heading {font-size: 20px;}
}
/* INDEX COL TOP RIGHT */
.index-right-top-col .gen-block.b-02 {padding-right:0;}
.index-right-top-col .gen-block.b-02 .sub-heading {margin-right:15px;padding:0 0 15px 0;border-bottom:1px solid #fff;
    -moz-box-shadow:  0px 1px 0px 0px #656565;
    -webkit-box-shadow:  0px 1px 0px 0px #656565;
    -o-box-shadow:  0px 1px 0px 0px #656565;
    box-shadow:  0px 1px 0px 0px #656565;
}
.index-right-top-col .scrolling {
    padding-bottom: 15px;
    padding-right:15px;
}
@media (max-width:991px) {
    .desktop .index-right-top-col .gen-block.b-02,
    .desktop .index-right-top-col .scrolling {height:auto!important;}
    .desktop .index-right-top-col .gen-block.b-02 {max-height:365px!important;}
    .desktop .index-right-top-col .scrolling {height:240px!important;}
}

.index-right-top-col .scrolling .message-item {
    border-top:1px solid #fff;
    -moz-box-shadow: inset 0px 1px 0px 0px #656565;
    -webkit-box-shadow: inset 0px 1px 0px 0px #656565;
    -o-box-shadow: inset 0px 1px 0px 0px #656565;
    box-shadow: inset 0px 1px 0px 0px #656565;
    padding: 15px 5px 15px 0;
}

.index-right-top-col .scrolling .message-item:first-child {
    border-top:0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    /*padding: 10px 5px 5px 0;*/
}

.index-right-top-col .scrolling .message-item .date {
    font-size:11px;
}
@media (max-width:560px) {
    .desktop .index-right-top-col .scrolling .message-item .hour {display:none;}
}
.index-right-top-col .scrolling .message-item .object {
    clear:both;
    display: block;
    font-size:12px;
}
@media (max-width:991px) {
    .index-right-top-col .scrolling .message-item .object {
        clear: left;
        font-size: 14px;
        width: 73%;
        float: left;
        margin-top: -5px;
    }
}
.index-right-top-col .scrolling .message-item .object.strong {
    font-weight: 700;
    color: #3F3F3F;
    padding-top: 5px;
    line-height:90%;
}

@media (min-width:768px) and (max-width:991px) {
    .desktop .index-col-left/*,.index-right-top-col*/ {width:100%;}
    .desktop .index-col-left {padding-right:0;}
}

#wrapper .index-right-top-col .scrolling .message-item .badge {
    font-family:'Open sans';
    font-size:9px;
    font-weight:600;
    min-width:60px;
    padding:0 3px;
}

@media (min-width:992px) and (max-width:1120px) {
    .index-right-top-col .scrolling .message-item .date {display:inline-block;width:100%;}
    #wrapper .index-right-top-col .scrolling .message-item .badge {float:left!important;}
}
@media (min-width:768px) and (max-width:991px) {
    .tablet .index-right-top-col .scrolling .message-item .date {display:inline-block;width:100%;}
    .tablet #wrapper .index-right-top-col .scrolling .message-item .badge {float:left!important;}

    .mobile .index-right-top-col .scrolling .message-item .date {display:inline-block;width:100%;}
    .mobile #wrapper .index-right-top-col .scrolling .message-item .badge {float:left!important;}
    
    .index-right-top-col .scrolling .message-item .object {
        clear: left;
        font-size: 14px;
        width: 100%;
        float: left;
        margin:5px 0;
    }
    
    .desktop .index-right-top-col .scrolling .message-item .object {
        display: block;
        float: none;
    }
    
}
@media (max-width:400px) {
    .index-right-top-col .scrolling .message-item .object.strong {
        width: 74%;
    }
}

#wrapper .index-right-top-col .scrolling .message-item .badge.pending {background-color:#e23378;}
#wrapper .index-right-top-col .scrolling .message-item .badge.in-progress {background-color:#3faede;}
#wrapper .index-right-top-col .scrolling .message-item .badge.closed {background-color:#88b917;}
#wrapper .index-right-top-col .scrolling .message-item .badge.archived {background-color:#3FAEDE;}

.page-content .gen-block.b-04 .d-b:active,
.page-content .gen-block.b-04 .d-b:focus, 
.page-content .gen-block.b-04 .d-b:hover {text-decoration:none;}
.page-content .gen-block.b-04 span {
    clear:both;
    display:block;
    font-size:14px;
    font-weight:700;
    margin:5px 2%;
}
.page-content .gen-block.b-04 .export-text {
    font-size:19px;
    font-weight:400;
    margin:15px 0;
    padding: 7px;
    
}
.page-content .gen-block.b-04 .btn-xs {
    display: inline-block;
    padding: 2px 8px;
    font-family: 'Open sans';
    font-weight: 600;
    
}
.index-right-top-col .scrolling + .see-all {display:none;}


@media (max-width:991px) {
    .desktop .index-right-top-col {width:100%;}
    .tablet .index-right-top-col .scrolling .message-item, 
    .mobile .index-right-top-col .scrolling .message-item {height:auto;overflow:hidden;padding-bottom:5px;}
    /*.tablet .index-right-top-col .gen-block.b-02,*/ 
    .mobile .index-right-top-col .gen-block.b-02 {height:225px;}
    .tablet .index-right-top-col .scrolling {height:135px;}
    .mobile .index-right-top-col .scrolling {height:105px;}
    .tablet .index-right-top-col .scrolling strong,
    .mobile .index-right-top-col .scrolling strong {
        clear:none;
        float:left;
        height:30px;
        line-height:100%;
        max-width:75%;
    }
    .mobile .index-right-top-col .scrolling + .see-all {display:block;font-size:14px;font-weight:700;}
    .mobile .index-right-top-col .scrolling + .see-all .btn {font-size:14px;font-weight:700;}
    
    .tablet .gen-block.b-03,
    .mobile .gen-block.b-03 {
        background:#E1E3E4;
        min-height: 220px;
        padding: 10px 15px 0 10px;
        width: 100%;
    }
    .mobile .gen-block.b-03 {padding: 20px 15px 20px 10px;}
    .mobile .front.index .owl-theme .owl-controls {margin-top: 10px;}
    .tablet .front.index .owl-theme .owl-controls .owl-buttons div {top:75%;}
    .mobile .front.index .owl-theme .owl-controls .owl-buttons div {top: 87%;}
    
    .mobile .front.index .owl-item .item-content {margin: 0 3%;width: 94%;}
    
}
.tablet .ps-container>.ps-scrollbar-y-rail,
.mobile .ps-container>.ps-scrollbar-y-rail {opacity:0.5;}

@media (min-width:768px) and (max-width:991px) {
    .tablet .front.index .owl-theme .owl-controls .owl-buttons div {top:30%;}
    
}
@media (min-width:768px) {
    .tablet .index-right-top-col .scrolling  {padding-right:15px;}
    
}
@media (max-width:767px) {
    .tablet .index-right-top-col .scrolling {height:105px!important;}
    .tablet .index-right-top-col .scrolling .date,
    .mobile .index-right-top-col .scrolling .date {display:none;}
    
    .tablet .index-right-top-col .scrolling + .see-all {display:block;font-size:14px;font-weight:700;}
    .tablet .index-right-top-col .scrolling + .see-all .btn {font-size:14px;font-weight:700;}
    
    .tablet .index-right-top-col .gen-block.b-02 {max-height: 220px;height: auto!important;}
    
}
@media (min-width:450px) and (max-width:570px) {.mobile .front.index .owl-theme .owl-controls .owl-buttons div {top: 90%;}}

.export-data .img-responsive {max-width: 18.5%;}
.front.activity-folders .export-data .img-responsive {max-width: 35%;}

.front.activity-folders .more-informations .text-show-on-mobile {display:none;}

.tablet .front.activity-folders .more-informations .info-show-on-web,
.mobile .front.activity-folders .more-informations .info-show-on-web{display:none;}

.tablet .front.activity-folders .more-informations .info-show-on-mobile,
.mobile .front.activity-folders .more-informations .info-show-on-mobile {display:inline;}

.indicateur.export-data .img-responsive {max-width: 100%;}
.indicateur.export-data .export-text {font-size: 16px;margin:8px 0;width:100%;}
.indicateur.export-data .panel .panel-body {min-height: 159px;}

.disabled .action-extranet,
.export-data.disabled span > .img-responsive,
.disabled .actions-extranet {opacity: 0.3!important;}

.export-data.disabled .export-text {color: #ccc!important;}

@media(min-width:992px) and (max-width:1025px) {
    .indicateur.export-data .panel .panel-body {
        min-height: 195px!important;
        padding-bottom: 0;
        height: inherit;
    }
    .faded + #page .indicateur.export-data .panel .panel-body {
        min-height: 210px!important;
        padding-bottom: 0;
        height: inherit;
    }
}
@media (max-width: 991px) {
    .desktop .indicateur.export-data .panel .panel-body {min-height: 202px;height: inherit;}
    .desktop .faded + #page .indicateur.export-data .panel .panel-body {min-height: 202px;height: inherit;}
}
.indicateur.export-data .panel .panel-body .export-btn {
    color: #fff;
    display: inline-block;
    padding: 2px 8px;
    font-size: 13px;
    font-family: 'Open sans';
    font-weight: 600;
}
.indicateur.empty .panel .panel-body .empty-content {top: 19%;}
.activity-results .indicateur.empty .panel .panel-body .empty-content {top: 15%;}
.activity-results .indicateur.export-data .export-text {margin: 14px 0;}
.indicateur .panel .panel-body {min-height:117px;}
.tablet .indicateur .panel .panel-body {min-height: 120px;}
.mobile .indicateur .panel .panel-body {min-height: inherit;}
.mobile .tab-content .panel .panel-body .variante {margin-top: 5px;}


.sector-on-mobile {display:none;}

.tablet .sector-on-mobile {display:block;}
.mobile .sector-on-mobile {display:block;}

.tablet .sector-on-desktop {display:none;}
.mobile .sector-on-desktop {display:none;}
.tablet .select-store-web {/*padding-right:0;width:100%;*/}
.tablet #calendrier {
    position: absolute;
    top: -120px;
    right: -15px;
    width: 77%;
}
@media (max-width:991px) {
    .tablet .select-store-web {width:25%;}
    .tablet #calendrier {
        position: absolute;
        top: -20px;
        right: 0;
        width: 100%;
    }
    .tablet .select-store-web + #calendrier {width:75%;}
}

@media (min-width:992px) {
    .tablet .select-store-web {width:25%;}
    .tablet #calendrier {
        position: absolute;
        top: -20px;
        left: 0;
        width: 101.33%;
    }
    .tablet .select-store-web + #calendrier {width:75%;}
}
@media(max-width:767px) {
    .tablet #calendrier {top: -20px;width: 100%;}
    .tablet .select-store-web + #calendrier {width: 73%;}
}
.tablet .calendar-title-block {margin-bottom:0!important;}
.tablet .data-grid-numbers #calendrier .calendar-icon {
    width: 40px;
    margin-top:0!important;
    float: none!important;
    display: inline-block;
}
@media (min-width:768px) {
    .tablet .data-grid-numbers #calendrier .calendar-icon {
        width: 50px;
        padding-right: 10px!important;

    }
}
.tablet .donnee-chiffree-select {padding:20px 0;}
.tablet .data-grid-numbers {padding-top:115px;}
.tablet .data-grid-numbers #calendrier .calendar-title-block {
    margin-bottom: 5px!important;
    width: 100%!important;
    text-align: center!important;
    display: block!important;
}
@media (max-width: 991px) {
    .data-grid-numbers #calendrier .calendar-content .calendar-item {
        margin: 3px 1.5%;
        width: 13.5%;
        padding: 3px 1px 3px 5px;
    }
}

.tablet .data-grid-numbers #calendrier .calendar-content .fs-11 {line-height: 100%;font-size: 14px;}

@media (max-width: 767px) {
    .data-grid-numbers #calendrier .calendar-content .calendar-item {width: 30.33%;}
    .tablet .data-grid-numbers #calendrier .calendar-icon {width: 55px;}
}
.tablet .data-grid-numbers #calendrier .calendar-content .calendar-item {
    margin: 3px 1.5%;
    width: 13.5%;
    padding: 3px 1px 3px 5px;
}

@media (min-width:768px) and (max-width: 991px) {
    .desktop .data-grid-numbers #calendrier .calendar-content .calendar-item {
        margin: 3px 0.5%;
        width: 15.6%;
        padding: 3px 1px 3px 5px;
    }
}
@media (min-width:480px) and (max-width: 600px) {
    .tablet .data-grid-numbers #calendrier .calendar-content .calendar-item {
        margin: 3px 1%;
        width: 23%;
        padding: 3px 1px 3px 5px;
    }
    .tablet .data-grid-numbers {padding-top: 130px;}
}
@media (max-width:480px) {
    .tablet .data-grid-numbers #calendrier .calendar-content .calendar-item {width: 30.33%;}
    .tablet .data-grid-numbers {padding-top: 180px;}
    .tablet #donnee-chiffree .indicateur {width: 98.33%!important;}
    .tablet .data-grid-numbers #calendrier .calendar-icon {width: 55px;}
}
/* EXTRANET */

.go-to-extranet-writing .panel-body {
    background:transparent url("../img/circle-medium-grey-left-bkg-2.png") no-repeat left bottom;
    min-height:290px;
    border-radius: 5px;
    padding-top:30px;
    text-align:center;
}

@media (min-width:992px) and (max-width:1095px) {
    .go-to-extranet-writing .panel-body {min-height: 316px;}
    .tablet .go-to-extranet-writing .panel-body {min-height: 291px;}
}
.go-to-extranet-writing .panel-body {background-color:#d0dac1;}
.tab-content .go-to-extranet-writing .panel .panel-body {min-height: 244px;}
@media (max-width:700px) {.desktop .tab-content .go-to-extranet-writing .panel .panel-body {min-height: inherit;padding-bottom: 15px;}}
.go-to-extranet-processing .panel {
    background:transparent url("../img/circle-medium-left-bkg.png") no-repeat left 0;
/*    min-height:123px;*/
    margin-bottom:0;
}
.go-to-extranet-processing .panel.processing {background-color:#fef3d6;margin-bottom:15px;}
#web .go-to-extranet-processing .panel.processing {background-color: #fad6e5;}

.go-to-extranet-processing .panel.parameters {background-color:#fbe1ce;}
.actions-extranet {
/*    background:transparent url("../img/actions-extranet.png") no-repeat -4px 1px;*/
    display:inline-block;
    width:50px;
}
#web .go-to-extranet-processing .processing .actions-extranet {}

.tab-pane .actions-extranet.parameters {background-position:-5px -141px;}
.page-content .extranet .actions-extranet {background-position:0 -274px;width:80px;position: relative;top: -5px;}
.page-content .module .actions-extranet {background-position:0 -414px;width:80px;position: relative;top: -5px;}
.go-to-extranet-processing .panel .d-b {padding:10px 0 0 10px;}
.go-to-extranet-processing .panel .d-b span {display:inline-block;float:left;text-align:left;}
.go-to-extranet-processing .panel .export-text {
    font-size:20px;
    line-height:24px;
    padding:0 0 0 10px;
    width:160px;
}

.tab-content .go-to-extranet-processing .panel .export-btn {font-family:'Open sans';font-size:14px;font-weight:700;margin-top:12px;}

.go-to-formation .panel {
    background:transparent url("../img/circle-medium-left-bkg.png") no-repeat left 0;
    min-height:100px;
    margin-bottom:0;
}
.go-to-formation .panel .pnal-body {padding: 15px;}
.go-to-formation .panel.extranet {background-color:#d2f0fa;margin-bottom:15px;}
.go-to-formation .panel.module {background-color:#e0d6e5;}
.go-to-formation .panel .d-b {padding: 5px 10px 0 0;}
.go-to-formation .panel .d-b span {display:inline-block;float:left;text-align: left;}
.go-to-formation .panel .export-text {
    font-size:20px;
    line-height:24px;
    padding:0 0 0 10px;
    width:160px;
}
.go-to-formation .panel .disabled .export-text,
.go-to-extranet-processing .panel .disabled .export-text,
.go-to-extranet-writing .panel .disabled .export-text {color:#ccc!important;}
.go-to-formation .panel .export-btn {
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    padding: 2px 8px;
    min-width: 88px;
    font-family: 'Open sans';
}
@media (min-width:992px) and (max-width:1140px) {
    .go-to-extranet-processing .panel .export-text {
        font-size: 14px;
        width: 120px;
        line-height: 100%;
        padding-top: 11px;
    }
    .go-to-formation .panel .export-text {
        font-size: 14px;
        width: 120px;
        line-height: 100%;
        padding-top: 11px;
    }
    
    .front.other-tools .go-to-extranet-processing .panel .export-text {font-size: 20px;}
    
    .tab-content .go-to-extranet-processing .panel .export-btn,
    .go-to-formation .panel .export-btn {font-size: 12px;}
    
}
@media (min-width:1081px) and (max-width:1095px) {
    .front.extranet .video iframe {height:243px!important}
    .front.extranet .faded + #page  .video iframe {height:215px!important}
}
@media (min-width:992px) and (max-width:1080px) {
    .front.extranet .video iframe {height:290px!important}
    .tablet .front.extranet .video iframe {height: 215px!important;}
    .front.extranet .faded + #page  .video iframe {height:215px!important}
}
.tablet .front.extranet .video, .mobile .front.extranet .video {display:none;}
@media (max-width:767px) {.desktop .front.extranet .video {display:none;}}
.tab-content .go-to-formation .panel .panel-body {padding: 25px 5px 25px 15px;max-height: 106px;}

@media (min-width:992px) and (max-width:1090px) {
    .tools-extranet-container .tab-content .go-to-extranet-writing .panel .panel-body {min-height: 245px;padding-top:35px;}
    .tab-content .go-to-formation .panel .panel-body {padding: 28px 5px 34px 15px;}
    .tablet .tools-extranet-container .tab-content .go-to-extranet-writing .panel .panel-body {min-height: 250px;padding-top: 34px;}
    .faded + #page .tools-extranet-container .tab-content .go-to-extranet-writing .panel .panel-body {min-height: 244px;padding-top:0;}
    .tools-extranet-container .go-to-formation .panel .export-text {
        font-size: 14px;
        width: 130px;
        line-height: 100%;
    }
    .go-to-formation .panel .export-text {padding-top: 5px;}
}
@media (min-width:992px) and (max-width:1080px) {
    .page-content .actions-extranet {width:50px!important;}
    .page-content .go-to-formation .actions-extranet {width:60px!important;}
    .go-to-formation .panel .export-btn {margin-top: 5px;}
    
}
@media (min-width:992px) {
    .tablet .front.extranet .go-to-formation.col-md-6 {width:100%;}
}
@media (max-width:991px) {
    .go-to-extranet-writing .panel-body {/*background: #E1E3E4;*/min-height: inherit;}
    .go-to-extranet-processing .panel {
        /*background-color: #fff!important;*/
        min-height: inherit;
        margin-bottom: 0;   
    }
    .go-to-formation .panel {
        /*background-color: #fff!important;*/
        min-height: inherit;
        margin-bottom: 0;
    }
}

@media (max-width:480px) {
  .go-to-extranet-processing .panel .d-b span,
  .go-to-formation .panel .d-b span {display:inline-block;float:none!important;}
  .go-to-extranet-processing .panel .d-b, 
  .go-to-formation .panel .d-b {padding-top:0;text-align:center;}
  .go-to-extranet-processing  .panel .d-b .export-text,
  .go-to-formation  .panel .d-b .export-text {display:block;padding: 0;max-width: 100%;}
  
}

.financial-access .disabled .img-responsive {opacity:0.3;}

/* AUTRES OUTILS */

.go-to-extranet-processing .gen-block {
    background: #9fcee0 url("../img/circle-medium-grey-left-top-bkg.png") no-repeat left 0;
}
.other-tools-container .go-to-extranet-processing .gen-block {padding-bottom:0;}
.front.other-tools .go-to-extranet-processing .panel {
    background: #fff url("../img/circle-medium-left-bkg.png") no-repeat left 0;
    min-height: 25px;
    margin-bottom: 15px;
}
.front.other-tools .go-to-extranet-processing .panel .export-text {
    line-height: 100%;
    padding: 0 0 0 10px;
    max-width: inherit;
}

@media (min-width:768px) {
    .front.other-tools .go-to-extranet-processing .panel .export-text {
        position:relative;
        top:12px;
        max-width:57%;
        width:auto;
    }
}
@media (max-width:767px) {
    .desktop .front.other-tools .go-to-extranet-processing .panel .export-text {
        padding: 20px 0 0 10px;
        width: 100%;
        text-align: center;
    }
    
    .tablet .front.other-tools .go-to-extranet-processing .panel .export-text {padding: 15px 0 0 10px;}
}
@media (max-width:600px) {
    .front.other-tools .go-to-extranet-processing .panel .export-text {
        padding: 5px 0 0 10px;
        width: 100%;
        text-align: center;
    }
}

.front.other-tools .go-to-extranet-processing .actions-extranet {
    background: transparent url("../img/other-tools-store.png") no-repeat -4px 1px;
    display: inline-block;
    height: 44px;
    width: 53px;
}
.front.other-tools .go-to-extranet-processing .actions-extranet.outil-balisage {background-position: 0 -94px;}
.front.other-tools .go-to-extranet-processing .actions-extranet.manuel {background-position: 0 -187px;}
.front.other-tools .go-to-extranet-processing .panel .btn {
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    min-width: 88px;
    font-family: 'Open sans';
    padding: 2px 8px;
}
.front.other-tools .go-to-extranet-processing .panel .d-b {padding: 12px;}
.front.other-tools .go-to-extranet-processing .panel-body {padding: 5px 10px;min-height:inherit;}

.front.other-tools .icon-communication {
    background: transparent url("../img/other-tools-web.png") no-repeat -4px 1px;
    display: inline-block;
    height: 44px;
    width: 53px;    
}
.front.other-tools .page-content .assistance .gen-block.b-04 .export-text {
    display: block;
    padding: 2px 0 0 0; 
    margin: 0;
    height: auto;
    overflow: hidden;
    font-weight:400;
}
.front.other-tools .page-content .communication .gen-block.b-04 .export-text {font-size:18px;font-weight:400;margin:0 0 5px 0;}
.front.other-tools .page-content .gen-block.b-04 .export-text span {
    float: left;
    font-size: 18px;
    margin: 15px 0;
    padding: 0;
    width: 50%;
    clear: none;
    font-weight:400;
}
@media (max-width:991px) {
    .front.other-tools .page-content .gen-block.b-04 .export-text .span-left {text-align: right;padding-right: 7%;}
    .front.other-tools .page-content .gen-block.b-04 .export-text .span-right {text-align: left;padding-left: 9%;}
    .tablet .front.other-tools .page-content .gen-block.b-04 .export-text .span-left {padding-right: 5%;}
    .tablet .front.other-tools .page-content .gen-block.b-04 .export-text .span-right {padding-left: 6%;}
    .mobile .front.other-tools .page-content .gen-block.b-04 .export-text .span-left {padding-right: 5%;}
    .mobile .front.other-tools .page-content .gen-block.b-04 .export-text .span-right {padding-left: 6%;}
    .assistance .img-responsive {max-width:80%;}
}
@media (max-width:400px) {
    .tablet .front.other-tools .page-content .gen-block.b-04 .export-text .span-left {padding-right: 0;text-align:center;}
    .tablet .front.other-tools .page-content .gen-block.b-04 .export-text .span-right {padding-left: 0;text-align:center;}
    .mobile .front.other-tools .page-content .gen-block.b-04 .export-text .span-left {padding-right:0;text-align:center;}
    .mobile .front.other-tools .page-content .gen-block.b-04 .export-text .span-right {padding-left: 0;text-align:center;}
}
.go-to-extranet-writing .communication .panel-body,
.go-to-extranet-writing .assistance .panel-body{
    background: #e1e3e4 url("../img/circle-medium-grey-left-bkg.png") no-repeat left bottom;
    min-height:220px;
    padding-top:5px;
}
.other-tools-container .go-to-extranet-writing .assistance .panel-body,
.other-tools-container .go-to-extranet-writing .communication .panel-body{background: #e1e3e4;}
.go-to-extranet-writing .assistance .panel-body{padding-bottom:8px;}
.go-to-extranet-writing .assistance .panel-body .d-b {padding:15px 0 5px 0;}

.desktop #store .go-to-extranet-writing .communication .panel-body .img-responsive {max-width:35%;}
.desktop #web .go-to-extranet-writing .communication .panel-body .img-responsive {max-width:54%;}
.go-to-extranet-writing .communication .panel-body .disabled .img-responsive  {opacity:0.3;}

.front.other-tools #web .go-to-extranet-processing .actions-extranet {
    background: transparent;
    display: inline-block;
    height: 44px;
    width: 53px;
}
.front.other-tools #web .go-to-extranet-processing .actions-extranet.outil-balisage {background-position: 0 -94px;}
.front.other-tools #web .go-to-extranet-processing .actions-extranet.manuel {background-position: 0 -187px;}
.front.other-tools #web .go-to-extranet-processing .gen-block {background-color: #c8bfd0;}

/*.tablet .front.other-tools .go-to-extranet-processing .gen-block,*/
.mobile .front.other-tools .go-to-extranet-processing .gen-block,
/*.tablet .front.other-tools #web .go-to-extranet-processing .gen-block,*/
.mobile .front.other-tools #web .go-to-extranet-processing .gen-block{background-color: #e1e3e4;}

@media (max-width:767px) {
  .go-to-extranet-processing .panel .d-b span,
  .go-to-formation .panel .d-b span {display:inline-block;float:none!important;margin-right:0;}
  .go-to-extranet-processing .panel .d-b, 
  .go-to-formation .panel .d-b {padding:0;text-align:center;}
  .go-to-extranet-processing  .panel .d-b .export-text,
  .go-to-formation  .panel .d-b .export-text {
      display:block;
      padding: 0;
      max-width: 100%;
      width:100%;
      text-align:center;
  }
  .tab-content .go-to-formation .panel .panel-body {max-height: inherit;}
}


@media (max-width:600px) {
  .go-to-extranet-processing .panel .d-b span,
  .go-to-formation .panel .d-b span {display:inline-block;float:none!important;}
  .go-to-extranet-processing .panel .d-b, 
  .go-to-formation .panel .d-b {padding-top:0;text-align:center;}
  .go-to-extranet-processing  .panel .d-b .export-text,
  .go-to-formation  .panel .d-b .export-text {display:block;padding: 0;max-width: 100%;}
}

.process-block .gen-block {}
.process-block .panel-2 {}
.process-block .gen-block {background: #E1E3E4;}

/* MON ACTIVITE RESULATS */

@media (min-width:768px) and (max-width:991px) {
    #donnee-chiffree .indicateur {
        margin-right:0%;
        width:50%;
    }
    .faded + #page #donnee-chiffree .indicateur {
        width:33.33%;
    }

}
@media (max-width:767px) {
    #donnee-chiffree .indicateur {
        margin-right:0%;
        width:98%;
    }
}
.tablet #donnee-chiffree .indicateur {margin-right: 0;width: 50%;}
.tablet #donnee-chiffree .indicateur .panel {width: 97%;}
.tablet .tab-content .panel .panel-body .variante {width:50%;}
@media (min-width:1200px) {
    .tab-content .panel .panel-body .variante {padding-left:10px;}
    .tab-content .panel .panel-body .variante + .variante {padding-left:0;}
    .tab-content .panel .panel-body .variante + .variante + .variante {padding-left:10px;}
    .tab-content .panel .panel-body .variante + .variante + .variante + .variante {padding-left:0;}
}
@media (min-width:1250px) {
    .tab-content .panel .panel-body .variante {padding-left:6%;}
    .tab-content .panel .panel-body .variante + .variante + .variante {padding-left:6%;}
}

    .tablet .tab-content .panel .panel-body .variante {padding-left:10px;}
    .tablet .tab-content .panel .panel-body .variante + .variante {padding-left:0;}
    .tablet .tab-content .panel .panel-body .variante + .variante + .variante {padding-left:10px;}
    .tablet .tab-content .panel .panel-body .variante + .variante + .variante + .variante {padding-left:0;}
@media (min-width:992px) {
    .tablet .tab-content .panel .panel-body .variante {text-align: left;}
}

.activity-results .change-store,.activity-folders .change-store {
    background-color: #ea6a23;
    border: 0;
    color: #fff;
    height: 25px;
    padding: 2px 5px;
}

.activity-results .select-store .panel-body,
.activity-folders #select-store .panel-body {padding: 5px 15px 12px 15px;}

.activity-results .block-top.gen-block,.activity-folders .block-top.gen-block {padding:0 15px 15px 15px;}
.activity-results .select-store label {font-size:12px;}
@media (min-width:1200px) {.activity-results .select-store label {font-size: 14px;}}
.activity-folders .select-store label {font-size:14px;}
@media (min-width:768px) and (max-width:991px) {
    .desktop .activity-results .select-store label,
    .desktop .activity-folders .select-store label {font-size: 12px;letter-spacing: -0.05em;}
    .desktop .store-web-tab.nav-tabs>li.active .tab-title .tab-title-text .xs-hidden {display:none!important;}
    .desktop .store-web-tab.nav-tabs>li .tab-title .tab-title-text .xs-hidden {display: none!important;}
    .desktop .activity-results .select-store .panel-body,
    .desktop .activity-folders #select-store .panel-body {padding: 5px 5px 12px 5px;} 
}

@media (max-width:767px) {
    .activity-results .select-store label, .activity-folders .select-store label {font-size: 14px;}
    .activity-results .select-store .panel-body, .activity-folders #select-store .panel-body {margin-bottom:20px;}
}

.front.activity-results .previous-month,
.front.activity-results .next-month {
    font-size:40px;
    position: absolute;
    top: 50%;
    left: -15px;
    cursor: pointer;
}
.front.activity-results .next-month {left:inherit;right: -15px;}


/* DOSSIERS */

.activity-folders .select-store label {
    width: 170px;
    float: left;
    padding-top: 4px;
    padding-right: 30px;
}
.activity-folders .select-store form {float: left;max-width:200px;width:100%;}
.activity-folders .block-top-stores {
    display:inline-block;
    min-width: 390px;
    width:auto;
}
.front .title-small {
    font-size:20px;
    line-height: 100%;
    padding:0;
    text-align:left;
}
.front .title-small .ico {
    background: #666666;
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    vertical-align: -2px;
}
.activity-folders .block-text {line-height: 28px;min-height:200px;}
.activity-folders .block-text .text {font-size: 16px;}

.activity-folders .panel .panel-body a.d-b,
.activity-folders .panel .panel-body a.d-b:active,
.activity-folders .panel .panel-body a.d-b:focus,
.activity-folders .panel .panel-body a.d-b:hover {text-decoration:none;}

.activity-folders .panel.export-data .panel-body {min-height:201px;padding: 0 0 15px 0;}
@media (min-width:992px) and (max-width:1100px) {
    .activity-folders .panel.export-data .panel-body {min-height:225px;}
    .activity-folders .faded + #page .panel.export-data .panel-body {min-height:200px;}
}
@media (min-width:768px) and (max-width:991px) {
    .tablet .activity-folders .panel.export-data .panel-body {min-height:225px;padding-top:25px;}
}

.tablet .activity-folders .block-text .panel-body {min-height: 225px;}

.activity-folders .panel.export-data .panel-body span {
    clear:both;
    display:block;
    font-size:14px;
    font-weight:700;
    margin:5px 0;
}
.activity-folders .panel.export-data .panel-body .export-text {
    font-size:19px;
    font-weight:400;
    margin:5px 0 10px 0;
    padding: 7px;
}
.activity-folders .panel.export-data .panel-body .btn-xs {display: inline-block;padding: 2px 8px;}
@media (max-width:767px) {.activity-folders .block-text {min-height: 150px;}}
@media (max-width:480px) {
    .activity-folders .block-top-stores {min-width: inherit;width: 100%;}
    .activity-folders .select-store label {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 14px;
    }

    .activity-folders .select-store form {max-width: 80%;margin: 0 10%;}
}
@media (min-width:992px) and (max-width:1024px) {
    .tablet .activity-folders .more-informations {padding-left:10px;padding-right:10px;}
}

.front.identity .entity, 
.front.profil .entity{
    background-color:grey;
    min-height:20px;
    margin:0 0 10px 0;
}

.front.identity .gen-block.b-04 {min-height:50px;}
.front.identity .go-to-extranet-processing .gen-block {padding:15px 15px 15px 5px;}
.front.identity .go-to-extranet-processing .position {width:15%;padding-right:5px;}
.front.identity .go-to-extranet-processing .name {width:15%;padding-right:5px;}
.front.identity .go-to-extranet-processing .firstname {width:15%;padding-right:5px;}
.front.identity .go-to-extranet-processing .email {width:12%;padding-right:5px;}
.front.identity .go-to-extranet-processing .phone {width:10%;padding-right:5px;}
.front.identity .go-to-extranet-processing .mobile {width:13%;padding-right:5px;}
.front.identity .go-to-extranet-processing .actions {padding-top:3px;width:20%;}
@media (max-width:991px) {
    .front.identity .go-to-extranet-processing .gen-block {padding:15px;}
    .front.identity .go-to-extranet-processing .form-col {width:95%;padding-right:0;margin-bottom:10px;}
}
.front.identity .go-to-extranet-processing .gen-block.identite-contacts {min-height:270px;}
.front.identity .go-to-extranet-processing .gen-block.identite-contacts .ps-scrollbar-y-rail {right:5px!important;top:15px!important;}
.front.identity .go-to-extranet-processing .gen-block {
background: #9fcee0 url("../img/circle-small-grey-left-top-bkg.png") no-repeat left 0;
}
.front.identity #web .go-to-extranet-processing .gen-block {
background: #c8c0cf url("../img/circle-small-grey-left-top-bkg.png") no-repeat left 0;
}
.tablet .front.identity .go-to-extranet-processing .position,
.mobile .front.identity .go-to-extranet-processing .position {position:relative;}
.desktop .front.identity .go-to-extranet-processing .position .fa {display:none;}
.tablet .front.identity .go-to-extranet-processing .position .fa, 
.mobile .front.identity .go-to-extranet-processing .position .fa {
    color:#ea690b;
    display:none;
    font-size:30px;
    position:absolute;
    right:-38px;
    top:18px;
}

.ios.tablet .front.identity .go-to-extranet-processing .position .fa,
.ios.mobile .front.identity .go-to-extranet-processing .position .fa {top: 18px!important;}

.tablet .front.identity .go-to-extranet-processing .position .up, 
.mobile .front.identity .go-to-extranet-processing .position .up {display:inline-block;}

.tablet .front.identity .go-to-extranet-processing .gen-block, 
.mobile .front.identity .go-to-extranet-processing .gen-block{padding:15px;}
.tablet .front.identity .go-to-extranet-processing .form-col,
.mobile .front.identity .go-to-extranet-processing .form-col{width:95%;padding-right:0;margin-bottom:10px;}
.tablet .front.identity .go-to-extranet-processing .gen-block.identite-contacts,
.mobile .front.identity .go-to-extranet-processing .gen-block.identite-contacts {min-height: 50px;}

.tablet .front.identity .go-to-extranet-processing .gen-block.identite-contacts form .col-xs-12,
.mobile .front.identity .go-to-extranet-processing .gen-block.identite-contacts form .col-xs-12 {display: none;}
.tablet .front.identity .go-to-extranet-processing .gen-block.identite-contacts form .position,
.mobile .front.identity .go-to-extranet-processing .gen-block.identite-contacts form .position {display: block;}

.tablet .front.identity .first-row {display:none;}

.front.identity .overlayed,.store-web-tab.nav-tabs>li.off {position:relative;}
.front.identity .overlayed:after,.store-web-tab.nav-tabs>li.off:after {
    content:'';
    display:block;
    background:#fff;
    opacity:0.6;
    width:100%;
    height:65px;
    position:absolute;
    left:0;
    top:0;
    z-index:999;
}
.store-web-tab.nav-tabs>li.off:after {background:transparent;}

.store-web-tab.nav-tabs>li.off .toggler {display:none;}
.store-web-tab.nav-tabs>li.off .tab-title-text,
.store-web-tab.nav-tabs>li.off .tab-icon-web,
.store-web-tab.nav-tabs>li.off .tab-icon-store {opacity:0.4;}
.larger-than-100 {width:101.5%!important;}
.front.identity .pending .fa {font-size: 22px;vertical-align: -4px;}

@media (max-width:767px) {
    .front.identity .structure-identite .col-xs-6 {width:100%;}
}

.front.acces .go-to-extranet-writing .panel-body {
    background:#e6dcc1 url("../img/circle-medium-grey-right-top-bkg.png") no-repeat right top;
    padding:15px;
    text-align:left;
}
.front.acces .go-to-extranet-writing.code-request .panel-body {background-color:#bad9e5;}
.front.acces #web .go-to-extranet-writing.code-request .panel-body {background-color:#c8c0cf;}
.front.acces .go-to-extranet-writing .inner .panel-body {
    background:#fff!important;
    font-size:12px;
    min-height:150px;
    padding-top:15px;
    text-align:left;
}

.front.acces .go-to-extranet-writing .inner .panel-body .text {font-size:12px;line-height:22px;padding-top:10px;}
.front.acces .profile-form {min-height:200px;}
.front.acces .profile-form .entity .form-group {margin-bottom:35px;width:100%;}
.front.acces .profile-form .entity .numeroCommercant .form-group .form-control,
.front.acces .profile-form .entity .dateConnexion .form-group .form-control {text-align:center;}
.front.acces .profile-form .entity .form-group  span {margin: 5px 0;}

.front.acces .go-to-extranet-writing.four .panel-body .form-group {margin-bottom:7px;}
.front.acces .profile-form .entity .form-control {
    background-color: #fff;
    border-radius: 0;
    /*border-color: transparent;*/
    box-shadow: none;
}
.front.acces .profile-form .entity .form-control {/*border-color: #ea690b;*/}
.front.acces .profile-form .entity .numeroCommercant .form-control {border-color: transparent;}

.front.acces .profile-form .entity {background: transparent;margin-bottom:15px;}
.front.acces .profile-form .entity label {font-size:15px;margin-bottom:4px;text-align:left;}
.front.acces .profile-form .panel-body {padding: 15px;text-align: left;}

.front.acces .profile-form .btn.form-action {font-size: 14px;padding: 8px 30px 8px 48px;}
.front.acces .profile-form .btn.form-action:before {font-size: 10px;left: 16px;top: 12px;}

/* DONNEES */
.tablet #donnee-chiffree {width:100%;}
.tablet #donnee-chiffree .indicateur {width:33.1%;}
@media (min-width:601px) {
    .tablet #donnee-chiffree .indicateur.full-width {padding:0 15px;width: 100%;}
}

@media(max-width:600px) {
    .tablet #donnee-chiffree .indicateur {width:49.33%;}
}
.select-store.panel {margin-bottom:0;}
.data-grid-numbers #calendrier .calendar-content {
    background: #fef3d7 url("../img/circle-small-white-left-top-bkg.png") no-repeat 0 0;
    padding: 8px 5px;
}
@media (min-width:992px) {
    .data-grid-numbers #calendrier .calendar-content {min-height: 329px;}
}

@media (min-width: 992px) and (max-width:1025px) {
    .data-grid-numbers #calendrier .calendar-content {min-height: 401px;}
}
.tablet .data-grid-numbers #calendrier .calendar-content {min-height: 105px!important;}
.data-grid-numbers #calendrier .calendar-content .fs-11 {line-height: 170%;}
.tablet .data-grid-numbers #calendrier .calendar-title {
    display: inline!important;
    float: none;
    padding-left:0;
    width: inherit;
}
@media (min-width:1020px) and (max-width:1035px) {
    .data-grid-numbers #calendrier .calendar-content .fs-11 {padding-bottom: 3px;}
}
.tab-content .panel {background-color: #fff;}
@media (max-width:479px) {
    .data-grid-numbers #calendrier .calendar-content .fs-11 {
        line-height: 100%;
        padding: 10px 0 0 0;
        display: inline-block!important;
        max-width: 71%;
        text-align: left;
    }
    .data-grid-numbers #calendrier .calendar-icon {
        margin-top:0;
        max-width:25%;
        position:relative;
        top:-9px;
    }
}

#info-date-recap {
    background-color: #ea690b;
    padding: 3px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin: 0 0 15px 0;
}
.desktop #info-date-recap,.tablet #info-date-recap {display:none;}

.open-on-mobile {display:none;}
.open-on-mobile.fa {color:#ea6a23;font-size:26px;}
.mobile .open-on-mobile {margin:0 auto;width:45px;}
.mobile .open-on-mobile.opening {display:block;}
.mobile #form-calendrier {display:none;}

.mobile .indicateur .panel-title {display:block;position:relative;cursor:pointer;}
.mobile .indicateur .panel-title:after {
    content:'';
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    position:absolute;
    right:0;
    top:11px;
}
.mobile .indicateur .closing .panel-title:after {content:'';}
.mobile .indicateur .panel .panel-body {display:none;}
/* DOSSIERS */
.folder-container .folder-content {background-color: #fff;}
@media (max-width:690px) {
    .desktop .folder-container {width:50%;}
    .desktop .faded + #page .folder-container {width: 33.33%;}
}
@media (max-width:590px) {
    .desktop .folder-container {width:100%;}
    .desktop .faded + #page .folder-container {width: 50%;}
}
/* MESSAGES */

/* FILTRES */

#wrapper.messages .panel {border:1px solid #ccc;}
#wrapper.messages .panel-heading {
    border-radius:10px 10px 0 0 ;
    height:auto;
    overflow:hidden;
    background-color:#f3f3f3;
}
.filters-pagination .filter-label {
    color:#000;
    font-size:12px;
    font-weight:700;
    display: inline-block;
}
.filters-pagination .filters,.filters-pagination form {display: inline-block;}
.filters-pagination .filters .form-control{
    background-color: #ea6a23;
    border: 1px solid transparent;
    color: #fff;
    height: 20px;
    padding: 0 3px;
    font-size: 12px;
}

.front.identity .structure-identite .panel-body {padding:15px;text-align:left;}
.front.identity .structure-identite .entity {background: transparent;margin-bottom:15px;}
.front.identity .structure-identite .entity label {
    font-family:'Open sans';
    font-size:15px;
    margin-bottom:4px;
    text-align:left;
}
@media (max-width:991px) {
    .desktop .front.identity .structure-identite .entity label {font-size: 13px;}
}

.front.identity .structure-identite .entity .form-control {
    background-color:#fff;
    border-radius:0;
    /*border-color:transparent;*/
    box-shadow:none;
}

.edition.identity .structure-identite .entity .form-control {/*border-color: #ea690b;*/}

.front.identity .structure-identite .btn.form-action {padding: 7px 25px 7px 40px;float:right;}
@media (max-width:767px) {
    .front.identity .structure-identite .btn.form-action {font-size:12px;}
}
.front.identity .structure-identite .btn.form-action:before {
    font-size:11px;
    left:12px;
    top:9px;
}

@media (min-width:992px) and (max-width:1020px) {
    .front.identity .structure-identite .postal-code .entity label {letter-spacing:-0.05em;}
}

.structure-identite .form-group {width:100%;}
.front.identity .structure-identite .entity .raisonMiseAJour .d-ib {text-align:left;}

.front.identity .identite-contacts .entity {background: transparent;margin-bottom:15px;}
.front.identity .identite-contacts .first-row .entity {margin-bottom:2px;}

.front.identity .identite-contacts .entity label {
    font-family:'Open sans';
    font-size:15px;
    margin-bottom:4px;
    text-align:left;
}
.tablet .front.identity .identite-contacts .entity label {display:block!important;}
.front.identity .identite-contacts .mobile .entity label {letter-spacing:-0.05em;}
@media (min-width:992px) and (max-width:1080px) {
    .front.identity .identite-contacts .mobile .entity label {letter-spacing:-0.06em;}
}
.front.identity .identite-contacts .entity .form-control {
    background-color:#fff;
    border-radius:0;
    border-color:transparent;
    box-shadow:none;
    font-size:12px;
    height:25px;
}
@media (max-width:991px) {
    .front.identity .identite-contacts .first-row {display:none;}
}

.front.identity .go-to-extranet-processing .gen-block.identite-contacts .actions .btn-xs.form-action {
    font-size: 11px;
    letter-spacing: -0.04em;
}
@media (max-width: 1115px) and (min-width: 1081px) {
    .front.identity .go-to-extranet-processing .gen-block.identite-contacts .actions .btn-xs.form-action {font-size:10px;padding-left: 14px;padding-right:6px;}
}
@media (max-width: 1080px) and (min-width: 992px) {
    .front.identity .go-to-extranet-processing .gen-block.identite-contacts .actions .btn-xs.form-action {font-size:10px;padding-left: 14px;padding-right:6px;}
}
.front.identity .go-to-extranet-processing .gen-block.identite-contacts .add-contact {font-size:11px;margin:0;}

.front.identity form[name="creer-editer"] .custom-dropdown {margin:0;}

.delete.identity #form_cancel,
.delete.identity #form_confirm {
    display: inline-block;
    font-size:14px;
    padding: 2px 8px 2px 15px;
    font-family: 'Open sans';
    font-weight: 600;
}
.delete.identity #form_cancel:before,
.delete.identity #form_confirm:before {
    font-size: 7px;
    font-weight: 400;
    margin-right: 5px;
    height: 12px;
    width: 7px;
    position: absolute;
    left: 7px;
    top: 5px;
}
.delete.identity #form_cancel {margin-right: 5px;background-color: #696969;}
.delete.identity #form {height:auto;overflow:hidden;margin:5px 0;}
.edition.contact .structure-identite .form-group {width: 100%;margin-bottom: 0;}
.edition.contact .structure-identite .demandeAcces .form-group {display:inline-block;width: auto;min-width:190px;}
.front.identity .structure-identite .demandeAcces label {line-height: 33px;}
.edition.contact .structure-identite .demandeAcces.type-text .d-ib {width:auto;}
.edition.identity .structure-identite .demandeAcces .form-control {border-radius:5px;}
.edition.identity .structure-identite .demandeAcces .form-control {text-indent:45px;}
.edition.identity .form-action.large {margin: 0 0 0 10px;}
@media (max-width:991px) {.edition.identity .form-action.large {margin: 0 0 10px 10px;}}
.mobile .front.identity .structure-identite .btn.form-action {padding: 7px 18px 7px 30px;}
.mobile .edition.identity .form-action.large {margin: 0 3px 10px 3px;}
.mobile .front.identity .structure-identite .demandeAcces label {line-height: 100%;}

/* MESSAGERIE */

.front.messages .gen-block {
    background-color:#f3f3f3;
    border:1px solid #dcdcdc;
}
@media (max-width:480px) {
    .front.messages .gen-block {padding:15px 5px;}
}
.front.messages .filters-container .filters-title {
    float:left;
    font-size:15px;
    font-weight:700;
    line-height:30px;
    padding-right:5px;
    width:86px;
}
.tablet.ios .front.messages .filters-container .filters-title {width:90px;}

.front.messages .filters-container form {float:left;width:330px;}
.front.messages .filters-container form .filtre-action {display:inline-block;}
.front.messages .filters-container form .filtre-action .row {
    margin: 0;
    float: left;
    padding-right: 0;
    width: 213px;
}

.front.messages .filters-container form .filtre-action label {display:none;}
.front.messages .filters-container form .filtre-action > div + div { max-width:110px;}
.front.messages .filters-container form .filtre-action > div .filter-fields {
    width: 200px;
    margin: 0 0;
    padding: 0;
}
.front.messages .filters-container form .filtre-action > .EtatDemandes .filter-fields {width: 110px;}

.front.messages .filters-container form .filtre-action > div .form-control {
    background-color: #ea6a23;
    border: 0;
    color: #fff;
    border-radius: 6px;
    height:25px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 7px;
    line-height: 35px;
}

.front.messages .filters-container {float: left;width: 420px;}
.tablet.ios .front.messages .filters-container {width: 430px;}
.front.messages .messages-actions,
.front.messages .messages-actions label {
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    padding:0 5px;
}

.front.messages .messages-actions label {margin:0 30px 5px 0;}

@media (min-width:992px) and (max-width:1050px) {.front.messages .messages-actions label {margin: 0 11px 5px 0;}}

.front.messages .messages-actions label span {padding-left: 5px;}
.front.messages .messages-actions label input {position:relative;top:2px;}
.front.messages .mark-as-read {
    background: transparent url("../img/mark-as-read.gif") no-repeat 0 center;
    padding-left:25px;
    margin-right:20px;
    text-decoration:none;
    padding: 3px 0 3px 25px;
}

.front.messages .pull-to-archive {
    background: transparent url("../img/pull-to-archive.gif") no-repeat 0 center;
    padding-left:31px;
    text-decoration:none;
}

.front.messages .pull-to-message {
    background: transparent url("../img/restore.png") no-repeat 0 center;
    padding-left:31px;
    text-decoration:none;
    padding: 4px 0 3px 30px;
    font-size:15px;
    font-weight:700;
}

.messages.details .pull-to-message {
    float:right;
    position:static;
}
@media (min-width:992px) {
    .front.messages .pull-to-message {
        position: relative;
        top: 1px;
        left: -5px;
    }
}
@media (max-width:991px) {
    .front.messages .pull-to-message {
        position: relative;
        top: 3px;
        left: -5px;
    }
}
.front.messages .mark-as-read:active,
.front.messages .mark-as-read:focus,
.front.messages .mark-as-read:hover, 
.front.messages .pull-to-archive:active,
.front.messages .pull-to-archive:focus,
.front.messages .pull-to-archive:hover {text-decoration:none;}

.front.messages .message-line {
    border-top:1px solid #000;
    cursor:pointer;
    font-size:14px;
    padding:5px 0;
}



.front.messages .message-line.unread {background-color:#fff;font-weight:700;}
.front.messages .message-line.read {background-color:transparent;font-weight:400;}

.front.messages .message-line-block {
    float:left;
    display:table;
    line-height:45px;
    height:45px;
    vertical-align: middle;
}

.front.messages .go-to-archive,
.messages.details .go-to-list {
    font-size:14px;
    display: inline-block;
    padding: 2px 8px;
    font-family: 'Open sans';
    font-weight: 600;
}

@media (min-width:768px) and (max-width:1060px) {
    .front.messages .go-to-archive {margin-bottom: 15px;}
}
.front.messages .messages-actions {position:relative;}
.front.messages .go-to-archive {
        position: absolute;
        top: 0;
        right: 0;
    }
@media (min-width:768px) and (max-width:991px) {
   
    .front.messages .go-to-archive {
        position: absolute;
        top: 0;
        right: 0;
    }
    .front.messages .pull-to-archive,
    .front.messages .mark-as-read {float: left;}
    
    .front.messages .messages-actions label {
        margin: 0 10px 5px 0;
        clear: both;
        display: block;
        width: 155px;
    }
}
@media (max-width:768px)  {.front.messages .go-to-archive {position: static;}}

.front.messages .message-select-action {width:3%;padding-left:5px;}

.front.messages .date-libelle {width:45%;}
.front.messages .message-select-date {width:35%;}
.front.messages .message-select-label {width:65%;}
.front.messages .message-select-date .date, .front.messages .message-select-date .hour {display: inline-block;}

@media (min-width:992px) and (max-width:1160px) {
    .front.messages .message-select-date .hour {display: none;}
    .front.messages .faded + #page .message-select-date .hour {display: inline;}
}
  

@media (max-width:767px) {
    .front.messages .date-libelle {width: 73%;}
}
@media (min-width:600px) and (max-width:650px) {
    .front.messages .date-libelle {width: 59%;}
}

.tablet.ios .front.messages .message-select-label {padding:0 5px;}
.front.messages .message-select-text {width:37%;}
.front.messages .message-select-status {width:15%;padding-right:5px;}

.front.messages .message-line-block .content {
    display:table-cell;
    line-height:100%;
    vertical-align: middle;
}

#wrapper.messages .message-line-block .content .badge,
#wrapper.details .following-to .badge {
    font-family: 'Open sans';
    font-size: 12px;
    font-weight: 700;
    min-width: 75px;
    padding: 2px 6px;
    text-align: center;
}
@media (min-width:768px) and (max-width:991px) {
    .front.messages .message-select-date .hour {display: none;}
    .front.messages .faded + #page .message-select-date .hour {display: inline;}
    
    .desktop .front.messages .message-select-date {
        height: auto;
        line-height:100%;
        padding-top:14px;
        padding-right:5px;
    }
    .desktop .front.messages .date-libelle {width: 34%;}
    .desktop .front.messages .message-select-status {width: 24%;padding-right: 0;}
}  
.list-messages-actions {margin-bottom:7px;}

#wrapper.messages .message-line-block .content .badge.pending {background-color:#e23378;}
#wrapper .index-right-top-col .scrolling .message-item .badge
#wrapper.messages .message-line-block .content .badge.in-progress {background-color:#3faede;}
#wrapper.messages .message-line-block .content .badge.closed {background-color:#88b917;}
#wrapper.messages .message-line-block .content .badge.archived {background-color:#ea6a23;}

#wrapper.details .following-to .badge.pending {background-color:#e23378;}
#wrapper.details .following-to .badge.in-progress {background-color:#3faede;}
#wrapper.details .following-to .badge.closed {background-color:#88b917;}
#wrapper.details .following-to .badge.archived {background-color:#ea6a23;}

@media (max-width: 480px) {
    .front.messages .date-libelle { width: 60%;}
    .front.messages .message-select-status {float: right;}
    #wrapper.messages .message-line-block .content .badge, #wrapper.details .following-to .badge {font-size: 11px;font-weight:400;min-width: 70px;}
}

.messages.details .message-details {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 15px 5px;
}

.messages.details .message-title {
    font-family:'Open sans';
    font-weight:600;
    text-transform:uppercase;}

.bb-black {
    border-bottom:1px solid #000;
    padding:10px 0 10px 0;
}

.message-title-actions {padding-bottom:20px;}

.following-to {padding:15px 0;}
.message-content older {font-style: italic;}

.messages.details .mark-as-unread {font-size:15px;font-weight:700;padding: 0 5px;margin-right: 30px;}
.messages.details .pull-to-message + .mark-as-unread {padding: 3px 5px;}
.messages.details .to-archive {
    background: transparent url("../img/pull-to-archive.gif") no-repeat 0 center;
    font-size:15px;
    font-weight:700;
    padding-left: 31px;
    text-decoration: none;
}

.message-details .bb-black .badge + span {
    display:inline-block;
    padding-top:5px;
    width:auto;
}
@media (min-width:992px) {
    .message-details .bb-black .badge + span {margin-left:100px;width: 86%;}
    #wrapper.details .following-to .badge {position:absolute;top:20px;left:5px;}
    #wrapper.details .following-to .badge.archived {position:static;}
}
.messages.details .prev-next {padding:15px 0;}

.messages.details .history-prev,
.messages.details .history-next {font-size:16px;position:absolute;left:0;top:15px;}
.messages.details .history-next {left:inherit;right:0;}

.messages.details .go-to-list {font-size:16px;}

.messages-pagination-front .pagination {margin: 0;}
.messages-pagination-front .pagination .number-of-page {display:inline-block;padding:0 3px;}
.messages-pagination-front .pagination a {padding: 0;}
.messages-pagination-front .pagination .current-page {font-weight: 700;text-decoration:underline;}
.front.messages .messages-bottom {border-top:1px solid #000;padding-top:5px;} 
@media (min-width:768px) and (max-width:900px) {
    .messages.details .mark-as-unread {
        float: right;
        clear:right;
        margin-right:0;
        padding-top:5px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .desktop .history-next .message-next,.desktop .history-prev .message-previous {display:none;}
}

@media (max-width:767px) {
    .front.messages .filters-container {width: 100%;}
    .front.messages .filters-container .filters-title {clear:both;width:63%;}
    .front.messages .filters-container form {width: 63%;}
    .front.messages .filters-container form .filtre-action > div {max-width: 40%;}
    .front.messages .filters-container form .filtre-action .TypeDemande {max-width: 60%;margin-right: 13px;}
    .front.messages .filters-container form .filtre-action > .EtatDemandes .filter-fields {max-width: 95%;}
    .front.messages .filters-container form .filtre-action > div .filter-fields {max-width: 95%;}
    .front.messages .pagination-container {float:left!important;margin:10px 0;}
    .front.messages .message-select-label {width: 100%;}
    .front.messages .message-select-action {width: 12%;max-width:25px;}
    .front.messages .messages-actions label {width:100%;}
    .front.messages .go-to-archive {float: left;clear: left;}
    .front.messages .message-line {padding: 15px 0;}
    .front.messages .messages-actions {padding: 0 5px 10px 5px;}
    
    .messages.details .message-title {max-width: 65%;}
    .messages.details .prev-next {padding: 15px 0 50px 0;}
    .messages.details .go-to-list {position:relative;top: 35px;}
}

@media (min-width:680px) and (max-width:767px) {
    .front.messages .pagination-container {float:right!important;margin:10px 0;}
}

@media (min-width:600px) and (max-width: 680px) {
    .desktop .front.messages .filters-container form .filtre-action .TypeDemande {max-width: 50%;margin-right: 13px;}
    .front.messages .filters-container form .filtre-action > div + div {max-width: 111px;padding-left: 10px;}
}


@media (max-width: 600px) {.front.messages .message-select-label {max-width: 75%;}}
@media (max-width: 480px) {.front.messages .message-select-label {max-width: 100%;}}
@media (max-width: 390px) {.front.messages .message-select-label {max-width: 100%;}}
@media (min-width:570px) and (max-width:767px) {
    /*.front.messages .filters-container {max-width: 50%;} */
    .front.messages .filters-container .filters-title {width: 100%;}
    .front.messages .filters-container form {width: 100%;}
    /*.front.messages .pagination-container {float:right!important;}*/
}

@media (max-width: 600px) {
    .front.messages .filters-container form {width: 100%;}
}

@media (max-width: 390px) {
    .front.messages .filters-container form .filtre-action .TypeDemande {margin-bottom: 10px;}
} 
@media (max-width:480px) {
    .front.messages .filters-container form .filtre-action .row {width: 145px;}
    .front.messages .filters-container form .filtre-action .TypeDemande {margin-right: 0;}
}
@media (min-width: 390px) and (max-width:480px) {
    .front.messages .filters-container form .filtre-action .TypeDemande {margin-right: 10px;}
}

/* VIDEO LINK */


.see-video .img-responsive {
    min-height:227px;
    max-height:227px!important;
    max-width:inherit;
    padding-left:30px;
    padding-right:20px;
    width:100%;
}
@media (max-width:992px) {
    .see-video .img-responsive {max-height:100%!important;min-height: inherit;}    
}

/* MODAL VIDEO */
.modal-dialog.video {width: 690px;}



#wrapper .header-p {
    width: 600px;
    margin-left: 375px;
    padding-top: 34px;
    color: #89bb40;
    font-size: 30px;
}
#wrapper #navigation .page-heading {
    color: #fff;
}
#wrapper #page .page-heading.nok {
    display: none;
}
#wrapper .panel {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
#wrapper #assurances .panel .panel-heading {
    padding-left: 50px;
    cursor: pointer;
    background-color: #f9f9f9;
    background-position: 7px center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #cfcfcf;
}
#wrapper .panel.deces .panel-heading { background-image: url('../img/picto-parapluie.png'); }
#wrapper .panel.maladie .panel-heading { background-image: url('../img/picto-valise-plus.png'); }
#wrapper .panel.invalidite .panel-heading { background-image: url('../img/picto-fauteuil-roulant.png'); }
#wrapper .panel.chomage .panel-heading { background-image: url('../img/picto-chomage.png'); }
#wrapper #assurances .panel .panel-heading .panel-title {
    color: #5f5f5f;
}
#wrapper .panel .panel-heading .panel-title span {
    font-weight: 400;
    font-size: 14px;
    font-variant: small-caps;
    color: #8b8b8b;
    /*text-shadow: 1px 1px 1px #dfdfdf;*/
    display: inline-block;
    padding-left: 5px;
}
#wrapper .panel .panel-heading .etat {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    background: url('../img/reponse-ok.png') 0 0 no-repeat;
}
#wrapper .panel.nok { background-color: #d0d0d0; }
#wrapper .panel.nok .panel-heading { background-color: #c3c3c3; }
#wrapper .panel.nok .panel-heading .panel-title { color: #a1a1a1; }
#wrapper .panel.nok .panel-heading .etat { background: url('../img/reponse-nok.png') 0 0 no-repeat; }
#wrapper .panel.nok .panel-body p { color: #b8b8b8; }
#wrapper .panel .panel-body p {
    margin-bottom: 5px;
    font-size: 14px;
}
#wrapper #assurances .panel .panel-body {
    height: 414px;
}
#wrapper #assurances .panel .panel-body p span {
    font-weight: 700;
}
#wrapper #assurances .panel .panel-body hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#wrapper .description .block-title {
    display: block;
    margin-bottom: 10px;
    padding: 7px 0 3px 40px;
    font-size: 19px;
    cursor: pointer;
    background: url('../img/information.png') left top no-repeat;
}

#wrapper .description .panel-body{
    display: none;
}
#wrapper .description p {
    margin: 0;
    padding-bottom: 5px;
    font-size: 14px;
}
#wrapper .description ul {
    font-size: 14px;
    list-style-position: inside;
    padding: 0;
}
#wrapper .description ul li {
    margin-bottom: 5px;
}
#wrapper .description div.panel-body {
    border-top: 1px solid #fff;
    border-radius: 0;
}
#wrapper .description div.panel-body h3 {
    font-weight: 600;
    color: #5d3c79;
    font-size: 15px;
    margin-top: 0;
}

.form-control {
    color:#fff;
}
div.selector select option {
    background-color: #ea6a23;
}
/* Bandeau recette */
#specifique-bandeau {
    position: absolute;
    display: none;
    left: 15px;
    top: 35px;
    width: 230px;
    height: 50px;
    line-height: 50px;
    color: #000;
    background: #69AF33;
    z-index: 999;
    transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    -webkit-transform: rotate(-16deg);
    -moz-box-shadow: 5px 5px 5px -2px #656565;
    -webkit-box-shadow: 5px 5px 5px -2px #656565;
    -o-box-shadow: 5px 5px 5px -2px #656565;
    box-shadow: 5px 5px 5px -2px #656565;
    cursor: pointer;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    #wrapper {
        width: 992px;
    }

    .sidebar select{
        width:200px;
    }
}

/* Updating */
.icon_check:before {
    content:'\f00c';
    font-family:"Font Awesome 5 Free";
    color: #88b917;
    position: absolute;
    left: -16px;
    font-size: 12px;
    vertical-align: 2px;
}
p.check {
    margin-left: 10px;
    position: relative;
}
.arrow-right:before {
    content:'\f30b';
    font-family:"Font Awesome 5 Free";
    font-size: 12px;
}
.puce_list {
    font-size: 14px;
}
.puce_list li {
    list-style-position: initial;
    margin-bottom: 5px;
}
#wrapper .description .puce_list {
    padding-left: 15px;
}
.panel.nok .icon_check:before,
.panel.nok .puce_list li {
    color: #b8b8b8;
}