/* HOMEPAGE - VIDEOS */

#errors {
    padding:0 !important;
}

.videosHome {
    background-color:rgba(0, 0, 0, 0.701961);
    background-image:url("../images/habillage1.png");
    background-position:center 160px;
    background-repeat:no-repeat;
    background-size:606px;
    height:100%;
    left:0;
    padding-top:202px;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:100000000;
}

.videosReload{
    background-position:150px -14px;
    background-repeat:no-repeat;
    background-size:266px;
}

.videosReload .videoTxt {
    font-weight:100;
    color:#23d63e;
}

.videosHome2 {
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top:202px;
    width:100%;
}
.videosHome2 img {
    width: 606px;
    margin-top: -1px
}

.closeVideo {
    display:block;
    width:50px;
    height:50px;
    position:fixed;
    top:0px;
    right:30px;
    padding:10px;
    text-decoration:none;
}

.likeNumber {
    color:#FFFFFF;
    display:inline-block;
    font-size:13px;
    font-weight:100;
    height:28px;
    margin-right:5px;
    margin-top:-5px;
    text-shadow:none;
    vertical-align:middle;
}
    
.desaturate {
    -webkit-filter: saturate(0);
    filter: saturate(0);
}


/* QUIZ */

.quiz-note {
    background-color:#23d63e; 
    color:#fff;
    font-size:14px;
    font-weight:500;
    border-radius:100px;
    width:15px;
    height:15px;
    padding:3px;
    text-align:center;
    display:inline-block;
    text-shadow:none;
}

.quiz-number {
    background-color:#fff; 
    font-size:12px;
    font-weight:300;
    border-radius:100px;
    width:15px;
    height:15px;
    padding:3px;
    text-align:center;
    display:inline-block;
    text-shadow:none;
    border:1px solid #ccc;
}






button {
    cursor: pointer;
}

/* ADD NEW QUESTION TO INSPECTION STORES */

#appendQuestionDiv li {
    height: 46.8px;
    border-top: 1px solid #ebebeb;
    padding: 0 10px;
    background-color: #fff;
}
#appendQuestionDiv .appendQuestionNumber {
    font-size: 17px;
    display: block;
    padding: 0.5em 10px;
    font-weight: bold;
    height: auto;
}
#appendQuestionDiv .labeler {
    border-top: 1px solid #fff;
    margin-top: 0;
}
#appendQuestionDiv .form-control {
    width: 100%;
    border: 0;
    background: none;
    height: 40px;
    outline: none;
    font-size: 18px;
    line-height: 1.4;
}
#appendQuestionDiv select {
    margin-left: -7px;
    margin-top: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    -o-text-overflow: '';
       text-overflow: '';
}
#appendQuestionDiv select::-ms-expand {
    display: none;
}

/* HIDE BLOC INSPECTION STORES */

.hide, .hide * {
   color: #17171e !important;
}

/* COUNT BTN */

.btn-count {
    right: 54px !important;
    background-color: #23d63e !important
}
.btn-count .ui-btn-inner {
    padding: 0 10px !important;
}
.btn-count .ui-btn-text {
    font-size: 25px !important;
    line-height: 26px !important;
}

/* END */



body{
background-image: none;
background-color:#FFFFFF;
}

.deleted {
    background: #f0f0f0 !important;
   color: #17171e !important;
}
.deleted.table-heading {
    background: rgba(215,215,220,0.3) !important;
    color: rgba(140,140,150,0.5) !important;
}

.widgetTitle{    
    color:#23d63e;
    font-weight:600;
    font-size:12px;
    margin-bottom:5px;
    
}

.widgetCurrent {
    
background-color:#ff0d40;
  background-position:5px 5px;
  background-repeat:no-repeat;
  -webkit-background-size:25px 25px;
          background-size:25px;
  -webkit-border-radius:20px;
          border-radius:20px;
  height:10px;
  padding:13px;
  width:10px;
  margin-top:-12px;
  float:right;
}
.widgetBox {
    
    background-color:rgba(255,255,255,0.8); 
    color:#555; 
    -webkit-border-radius:3px; 
            border-radius:3px; 
    width:15%; 
    height:200px;  
    text-align:left; 
    padding:15px;  
    font-weight:400; 
    margin-right:12px;
    float:left;
    margin-bottom:8px;
    margin-top:5px;
        text-shadow:none;
        min-width:210px;

}

.widgetBox ul {
    
    margin:0;
    padding:0;
}

.widgetBox ul li {
    
    list-style-type: none; 
    margin:0; 
    padding:0;
}



.challengeBox {
    
    background-color:rgba(58,254,37,0.8); 
    color:#fff; 

}

.challengeBox .widgetTitle{    
    color:#d2ea91;
    font-weight:600;
    font-size:12px;
    margin-bottom:5px;
    
}

.challengeResumeBox {
    
    background-color:rgba(58,254,37,0.8); 
    color:#fff; 

}

.challengeResumeBox .widgetTitle{
    
    color:#fff;
    font-weight:600;
    font-size:12px;
    margin-bottom:5px;
    
}




.spacer {clear: both; font-size:1px;}

.ui-li-count {
    font-size: 11.5px;
    font-weight: 500;
    margin-top: -0.9em;
    padding: 0.3em 0.5em 0.2em;
    position: absolute;
    right: 38px;
    top: 50%;
}




.ui-checkbox .ui-btn-inner, .ui-checkbox .ui-btn-up-d, .ui-checkbox .ui-btn-hover-d { 
  border:none !important;
}

.plus{
color:#ff0d40;
font-size:12px;
}


.moins{
color:#ff0d40;
font-size:12px;
}

.plusSmall{
color:#23d63e;
font-size:12px;
}


.moinsSmall{
color:#ff0d40;
font-size:12px;

}


.ui-page{
background:#FFFFFF;

 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fbfbfb, #e5e5e5);  /* Chrome 10+, Saf5.1+ */  /* FF3.6 */  /* IE10 */
    background-image:      -o-linear-gradient(top, #fbfbfb, #e5e5e5);  /* Opera 11.10+ */
    background-image:         linear-gradient(top, #fbfbfb, #e5e5e5);   

   /* background-image: url('images/back.jpg'); */
    /* background-repeat:repeat-x-y; */
}


.ui-focus{-webkit-box-shadow:none;box-shadow:none}
.ui-shadow{-webkit-box-shadow:none;box-shadow:none}

.titlebox { margin:0 0 -10px 12px; padding:0px; color:#969696;}
.ui-li-aside{float:right;width:90px;text-align:right;margin:0 0px;}
.ui-li-aside2{float:right;width:150px;text-align:right;margin:0 0px;}
.ui-shadow-inset {-webkit-box-shadow: none;box-shadow: none; outline: none;}
.ui-shadow-inset{-webkit-box-shadow: none;box-shadow: none}

/* F bar theme - just for the docs overview headers */
.ui-bar-f {
    border: 1px solid #3d3d3d;
    background: #3d3d3d;
    color: #fff;
    font-weight: bold;
    text-shadow: none !important;  
    background-image : none !important;  
    background:#2e2e33;
}
.ui-bar-f,
.ui-bar-f .ui-link-inherit {s
    color:                  #fff;
}
.ui-bar-f .ui-link {
    color:                  #fff;
    font-weight: bold;
}


.ui-bar-f .ui-title {
    display: block;
    font-size: 16px;
    margin: 0 90px 0;
height:44px;
    min-height: 1.1em;
    outline: 0 none !important;
    overflow: hidden;
    padding: 0;
    text-align: center;
    white-space: nowrap;
}





.phone-logo{

background-image:url('../../assets/img/coyote-white.svg') !important;
-webkit-background-size:100px auto;
        background-size:100px auto;
background-repeat:no-repeat;
background-position: center;

}


.phone-refresh {
    background-image: url('../images/button_refresh.png'); 
    background-repeat:no-repeat;
    background-position:center center;
}


#box-logo{
    width: calc(100% - 4em);
    padding: 2em;
}

#box-logo img {
    height: 100px;
}






.ui-btn-active-nono{

    border:1px solid #619200;
    background:#bbbbbb;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    background:#23d63e;
    outline:0
}


.ui-btn-active{

    border:1px solid #23d63e;
    background:#23d63e;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    text-shadow:0 1px 1px #5e5e5e;
    text-decoration:none;
    background-image:none;
    outline:0
}



.ui-btn-corner-all {
    -webkit-border-radius: 1.3em 1.3em 1.3em 1.3em;
            border-radius: 1.3em 1.3em 1.3em 1.3em;
}




.ui-input-search{-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,.2);box-shadow:inset 0 2px 3px rgba(0,0,0,.2)}

.ui-btn-up-d, .ui-btn-hover-d {
    border-top: 1px solid       #efefef !important;
}

.ui-select .ui-btn-up-d,.ui-select .ui-btn-hover-d {
    border-top: 1px solid       #fff !important;
}

.ui-input-search .ui-btn-up-d, .ui-input-search .ui-btn-hover-d {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ffffff;
    color: #444444;
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}


.ui-input-search .ui-btn-icon-notext {
    display: inline-block;
    height: 20px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;
    width: 20px;
}


.ui-input-search .ui-input-clear {
    margin-top: -10px;
    position: absolute;
    right: 0;
    top: 50%;
}

.ui-input-search .ui-input-clear-hidden {
    display: none;
}



.ui-input-search input.ui-input-text {
    width: 98%;
}

.ui-input-search input.ui-input-text {
    width: 98%;
}

.ui-input-search input.ui-input-text {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    margin: 0;
    outline: 0 none !important;
    padding: 0.3em 0 0.1em 0;
    width: 100%;

}

.ui-btn-inner {
    border-top: none !important;
}

.ui-btn-up-e .ui-btn-corner-all, .ui-btn-hover-e .ui-btn-corner-all, .ui-btn-down-e .ui-btn-corner-all, .del-btn {
    -webkit-border-radius: 0.4em !important;
            border-radius: 0.4em !important;
}



.ui-li .ui-btn-inner a.ui-link-inherit{
    font-size:20px;
    display: block;
    padding: 0.5em 15px;

}


.ui-li-static.ui-li {
    font-size:17px;
    display: block;
    padding: 0.5em 10px;

}





#box-login{

margin:10px;

}





.login{
 display: inline-block;
    width: 100%;
-webkit-appearance:none;
text-align:center;
}



input.ui-input-text, textarea.ui-input-text {
    background-image: none;
    display: block;
    font-size: 18px;
    line-height: 1.4;
    padding: 0 0 0 0;
    margin-left:-5px;
    width: 99%;
    border:1px solid #FFFFFF;
}



.labeler{
    font-size:16px;
    font-weight:normal;
    float:left;
    width:28%;
    background-color:#eeeeee;
    text-align:left;

    border-top:none;

    margin-top:-8px;
    margin-left:-10px;
    margin-bottom:-8px;
    margin-right:10px;

    padding-left:10px;
    padding-top:0.8em;
    padding-bottom:1em;
color:#686868;
    height: calc(100% - 1.8em + 16px);
}

.withlabel{
    width:68%;
   float:left;
top:-2px;

}

.ui-btn-corner-tl{-webkit-border-top-left-radius:0.6em;border-top-left-radius:0.6em}
.ui-btn-corner-bl{-webkit-border-bottom-left-radius:0.6em;border-bottom-left-radius:0.6em}
.ui-btn-corner-left{-webkit-border-top-left-radius:0.6em;border-top-left-radius:0.6em;-webkit-border-bottom-left-radius:0.6em;border-bottom-left-radius:0.6em}

h4{
font-size:17px;
}

.ui-body-d{
 border-top: 1px solid #ebebeb;
 font-size:17px;
}

.ui-btn-up-c a.ui-link-inherit{color:#23d63e}
.ui-btn-hover-c a.ui-link-inherit{color:#23d63e}
.ui-btn-down-c a.ui-link-inherit{color:#23d63e}



.ui-body-c {
    border:none;
    border-top: 1px solid       #ccc;
    color:                  #333333;
    text-shadow: 0 1px 0    #fff;
    background:             #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #eee, #eee); /* Chrome 10+, Saf5.1+ */ /* FF3.6 */ /* IE10 */
    background-image:      -o-linear-gradient(top, #eee, #eee); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #eee, #eee);
}



.ui-btn-up-c {
    border: 1px solid       #f3f3f3;
    font-weight: bold;
    color:                  #444;
    text-shadow: none !important;
    background-image: none; /* Saf4+, Chrome */
    background-color: #f5f5f5 !important;
}

.ui-btn-hover-c {
    border: 1px solid       #f3f3f3;
    background:             #eaeaea;
    font-weight: bold;
    color:                  #101010;
    text-shadow: 0 1px 1px  #fff;
    background-image: none;
}
.ui-btn-hover-c a.ui-link-inherit {
    color:                  #2F3E46;
}
.ui-btn-down-c {
    border: 1px solid       #e1e1e1;
    background:             #dadada;
    font-weight: bold;
    color:                  #111111;
    text-shadow: 0 1px 1px  #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#dadada)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #e2e2e2, #dadada); /* Chrome 10+, Saf5.1+ */ /* FF3.6 */ /* IE10 */
    background-image:      -o-linear-gradient(top, #e2e2e2, #dadada); /* Opera 11.10+ */
    background-image:         -webkit-gradient(linear, left top, left bottom, from(top), color-stop(#e2e2e2), to(#dadada));
    background-image:         linear-gradient(top, #e2e2e2, #dadada);
}










.ui-select .ui-btn-inner {
    display: block;
    overflow: hidden;
    padding: 0em 0px;
    position: relative;
    white-space: nowrap;
}

.ui-select .ui-btn {
    cursor: pointer;
    display: block;
    margin: 0em 0px;
    padding: 0;
    position: relative;
    text-align: left;
}


.ui-select .ui-btn-up-d {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #444444;
    font-weight: normal;
    text-shadow: 0 1px 1px #FFFFFF;
}

.ui-select .ui-btn-hover-d {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #444444;
    font-weight: normal;
    text-shadow: 0 1px 1px #FFFFFF;
}



.ui-select .ui-btn-up-s {
background: none;
    border: 0px;
    color: #ffffff;
    font-weight: bold;
    text-shadow:none;
font-size:11px;
margin-top:-5px;
margin-left:4px;
}

.ui-select .ui-btn-hover-s {
background: none;
    border: 0px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: none;
font-size:11px;
margin-top:-5px;
margin-left:4px;
}


.ui-btn-up-s .ui-btn-inner{
border:none;
}

.ui-btn-hover-s .ui-btn-inner{
border:none;
}

.ui-select .ui-btn-corner-all {
    -webkit-border-radius: 0;
            border-radius: 0;
}

.ui-select {
    display: inline-block;
    width: 80%;
}








.ui-header .ui-btn-left, .ui-header .ui-btn-right {

    top:8px !important;
}


.ui-btn-up-a .ui-btn-corner-all, .ui-btn-hover-a .ui-btn-corner-all {
    -webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
            border-radius: 0.2em 0.2em 0.2em 0.2em;
    border: none !important;
    border-top: none !important;
    border-style: none !important;
    text-shadow: none !important;
}

.ui-btn-up-a{
    -webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
            border-radius: 0.2em 0.2em 0.2em 0.2em;
    background:#545454;
    text-shadow: none;
    border: none !important;

}

.ui-btn-hover-a{
    -webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
            border-radius: 0.2em 0.2em 0.2em 0.2em;
    background:#646464;
}


.ui-header .ui-btn-active{
    -webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
            border-radius: 0.2em 0.2em 0.2em 0.2em;
    background:#646464;

    border-bottom: none;
 
}


.ui-btn-hover-d {
    
    border-top: none;
    background:             #f3f3f3;
    font-weight: bold;
    color:                  #222;
    cursor: pointer;
    text-shadow: none;
}

.ui-btn-down-d {
    border: none;
    background:             #f3f3f3;
    font-weight: bold;
    color:                  #111;
    text-shadow: none;

}




.ui-btn-up-e{

border:none;
background:#17171e;
font-weight:bold;
color:#FFFFFF;
text-shadow:none;
background-image:-webkit-gradient(linear,left top,left bottom,from(#474747),to(#2f2f2f));
background-image:-webkit-linear-gradient(top,#474747,#2f2f2f);
background-image:-o-linear-gradient(top,#474747,#2f2f2f);
background-image:-webkit-gradient(linear,left top, left bottom,from(#474747),to(#2f2f2f));
background-image:linear-gradient(top,#474747,#2f2f2f)
}


.ui-btn-up-e a.ui-link-inherit{color:#333}

.ui-btn-hover-e{
border:none;
font-weight:bold;
color:#FFFFFF;
text-shadow:none;
background-image:-webkit-gradient(linear,left top,left bottom,from(#5d5d5d),to(#484848));
background-image:-webkit-linear-gradient(top,#5d5d5d,#484848);
background-image:-o-linear-gradient(top,#5d5d5d,#484848);
background-image:-webkit-gradient(linear,left top, left bottom,from(top),color-stop(#5d5d5d),to(#484848));
background-image:linear-gradient(top,#5d5d5d,#484848)
}

.ui-btn-hover-e a.ui-link-inherit{color:#333}

.ui-btn-down-e{
border:none;
background:#17171e;
font-weight:bold;
color:#FFFFFF;
text-shadow:none;
background-image:-webkit-gradient(linear,left top,left bottom,from(#474747),to(#2f2f2f));
background-image:-webkit-linear-gradient(top,#474747,#2f2f2f);
background-image:-o-linear-gradient(top,#474747,#2f2f2f);
background-image:-webkit-gradient(linear,left top, left bottom,from(#474747),to(#2f2f2f));
background-image:linear-gradient(top,#474747,#2f2f2f)
}

.ui-btn-down-e a.ui-link-inherit{color:#333}

.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e{text-decoration:none}

.ui-btn-up-e .ui-btn-corner-all, .ui-btn-hover-e .ui-btn-corner-all, .ui-btn-down-e .ui-btn-corner-all, .del-btn {
    -webkit-border-radius: 0.2em 0.2em 0.2em 0.2em;
            border-radius: 0.2em 0.2em 0.2em 0.2em;
}



#scanner{

width:100%; 
height:65px;


}



.ui-li .ui-btn-inner a.ui-link-inherit {
    display: block;
    font-size: 18px;
    padding: 0.6em 10px 0.5em ;
}


.ui-select .ui-btn .ui-btn-inner .ui-icon {
    background: none;
    -webkit-border-radius: 9px 9px 9px 9px;
            border-radius: 9px 9px 9px 9px;
}

.ui-select .ui-btn .ui-btn-inner .ui-btn-text {
    font-size:18px;
}

.ui-select {
    margin-left:-4px;
    padding-top:5px;
}


.ui-icon-loading{background-image:url(../images/ajax-loader.png);width:40px;height:40px;-webkit-border-radius:20px;border-radius:20px;-webkit-background-size:35px 35px;background-size:35px 35px}

.ui-loading .ui-mobile-viewport{overflow:hidden!important}
.ui-loading .ui-loader{display:none;}
.ui-loading .ui-page{overflow:hidden}
.ui-loader{display:none;position:absolute;opacity:.5;z-index:100;left:0%;width:100%;margin-left:0px;margin-top:0px;padding:100px 0px 0px 0px; height: 100%;  -webkit-border-radius: 0em 0em 0em 0em;  border-radius: 0em 0em 0em 0em; top:45px;}
.ui-loader h1{font-size:15px;text-align:center}
.ui-loader .ui-icon{position:static;display:block;opacity:.9;margin:0 auto;width:35px;height:35px;background-color:transparent}



.selview .ui-select .ui-btn .ui-btn-inner .ui-btn-text {
    font-weight:bold;
}

.selview{
    width:70%; 
    margin-left:4px;
}


.ui-li-heading {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.4em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    overflow: hidden;
    white-space: nowrap;
}


.ui-checkbox {
    position: relative;
    z-index: 1;
    margin:0px;
}

.ui-checkbox .ui-btn-up-d {

    border: none;
    background:none;
    background-color:#ffffff;
}

.ui-checkbox .ui-btn-hover-d {
    border: none;
    background:none;
    background-color:#ffffff;
}

.ui-checkbox .ui-btn .ui-btn-inner {
    display: block;
    overflow: hidden;
    padding: 3px 0 0 25px; 
    position: relative;
    white-space: nowrap;
}

.ui-checkbox .ui-icon {
    top: 10px;
    left:-10px;
}

.ui-checkbox .ui-btn .ui-btn-inner .ui-icon {
    left:0px;
}

.ui-icon-checkbox-on, .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
    background-color: #bbbbbb;
}

.ui-checkbox .ui-btn-corner-all{
    -webkit-border-radius:0px;
            border-radius:0px;
}


.ui-li-aside .ui-li-desc {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;

    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    width: 88px;
}

.marquer{
  -webkit-border-radius:              .5em;
  border-radius:                      .5em;
width:10px;
height:10px;
background:#23d63e;
display:block;
float:left;
margin-top:2px;
margin-right:3px;
}



.marquer2{ 

width:4px;
height:73px;
background:#23d63e;

float:left;
margin-left:-10px;
margin-top:-10px;
position:absolute;
}



div.ui-slider-switch {
    height: 25px;
    margin-left: 0;
    overflow: hidden;
}

div.ui-slider {
    width: 75px;
}

div.ui-slider-switch a.ui-slider-handle {
    height: 25px;
    margin-left: -51px;
    margin-top: -14px;
    width: 26px;
    z-index: 20;
}

span.ui-slider-label {
    background: none repeat scroll 0 50% transparent;
    border-color: transparent;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 10px;

}

div.ui-slider-switch div.ui-slider-labelbg-a {
    height: 100%;
    left: 0;
    width: 65px;
}

div.ui-slider-inneroffset {
    height: 100%;
    margin-left: 50px;
    position: absolute;
    top: 1px;
    width: 49px;
}


.ui-btn-down-d {
    background: -moz-linear-gradient(center top , #EEEEEE, #FFFFFF) repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #7b7b7b;
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}
   

.ui-subtitle-green {
/*
    background: -moz-linear-gradient(center top , #8bc01e, #7aac14) repeat scroll 0 0 #8bc01e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8bc01e), to(#7aac14)); 
    background-image: -webkit-linear-gradient(top, #8bc01e, #7aac14);  
    background-image:    -moz-linear-gradient(top, #8bc01e, #7aac14);  
    background-image:     -ms-linear-gradient(top, #8bc01e, #7aac14);  
    background-image:      -o-linear-gradient(top, #8bc01e, #7aac14);  
    background-image:         linear-gradient(top, #8bc01e, #7aac14);   
    */
    background:#23d63e;
    border: 0px solid #23d63e;
    color: #ffffff;
    text-shadow: none;
    border-bottom: none;
}



.ui-subtitle-red {

/*
    background: -moz-linear-gradient(center top , #cc0000, #cc0000) repeat scroll 0 0 #8bc01e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#cc0000)); 
    background-image: -webkit-linear-gradient(top, #cc0000, #cc0000); 
    background-image:    -moz-linear-gradient(top, #cc0000, #cc0000); 
    background-image:     -ms-linear-gradient(top, #cc0000, #cc0000); 
    background-image:      -o-linear-gradient(top, #cc0000, #cc0000); 
    background-image:         linear-gradient(top, #cc0000, #cc0000);   
    */
    background:#ff0d40;
    border: 1px solid #ff0d40;
    color: #ffffff;
    text-shadow: none;
    border-bottom: none;
}


.ui-subtitle-green-light {
    
    background:#d3f8bf;
    border-bottom: 1px solid #d6ffc0 !important;
    color: #333333;
    text-shadow: none;
    border-bottom: none;
}


.ui-subtitle {

    background-color:#494949;   
    color: #ffffff;
    text-shadow: none !important;
    border: none !important;

}




@media all and (min-width:450px){
.ui-input-search {
    width: 92%;
}
}

@media all and (max-width:480px){
.ui-input-search {
    width: 80%;
}
}


.ui-btn {
    cursor: pointer;
    display: block;
    margin: 0em 0px;
    padding: 0;
    position: relative;
    text-align: center;
}




input.prods-plus {
    background-color: #e5e5e5;
    background-image: url("../images/prodplus.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #cccccc;
    -webkit-border-radius: 12px 0 0 12px;
            border-radius: 12px 0 0 12px;
    color: #fff;
    float: left;
    font-size: 25px;
    height: 30px !important;
    padding-bottom: 10px !important;
    padding-left: 40px !important;
    padding-top: 15px !important;
    width: 100%;
}







input.prods-plus-on{
float:left;
background-image:url(../images/prodplus.png);
background-repeat:no-repeat;
background-position: 10px center;
background-color: #23d63e !important;   
color: #ffffff; 
-webkit-border-radius: 12px 0px 0px 12px;   
        border-radius: 12px 0px 0px 12px;
border: 1px solid #cccccc;
width:100%; 
height:30px !important;
padding-top:15px !important;
padding-bottom:10px !important;
padding-left:40px !important;
font-size:25px;
color: #fff;

}


input.prods-moins{
float:right;    
background-image:url(../images/prodmoins.png);
background-repeat:no-repeat;
background-position: 10px center;
background-color: #e1e1e1;  
-webkit-border-radius: 0px 12px 12px 0px;   
        border-radius: 0px 12px 12px 0px;
border: 1px solid #cccccc;
width:100%; 
height:30px !important;
padding-top:15px !important;
padding-bottom:10px !important;
font-size:25px !important;
color: #fff;
padding-left:40px;
}


input.prods-moins-on{
float:right;    
background-image:url(../images/prodmoins.png);
background-repeat:no-repeat;
background-position: 10px center;
background-color: #303030;  
color: #ffffff; 
-webkit-border-radius: 0px 12px 12px 0px;   
        border-radius: 0px 12px 12px 0px;
border: 1px solid #cccccc;
width:340%; 
height:30px !important;
padding-top:15px !important;
padding-bottom:10px !important;
padding-left:40px !important;
font-size:25px !important;
color: #fff;

}


    .icon-card {
        background-color:#fff;
        background-image: url('../images/icon_card.png'); 
        -webkit-background-size:35px auto; 
                background-size:35px auto;
        background-repeat:no-repeat;
width:35px;
height:35px;
float:left;
margin-right:8px;
margin-top:8px;
border-radius:50px;
border:#efefef 1px solid;
    }


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    .phone-logo {
        background-image: url('../images/phone_title@2x.png') !important; 
        -webkit-background-size:170px auto; 
                background-size:170px auto;
                background-position: center 10px;
        
    }

    .phone-refresh {
        background-image: url('../images/button_refresh@2x.png'); 
        -webkit-background-size:18px auto; 
                background-size:18px auto;
    }

    .icon-card {
        background-image: url('../images/icon_card@2x.png'); 
        -webkit-background-size:35px auto; 
                background-size:35px auto;
        background-repeat:no-repeat;

    }

    .ui-icon-searchfield {
        background-image: url("../images/icon-search-black@2x.png");
        -webkit-background-size: 16px 16px;
                background-size: 16px 16px;
    }


    input.prods-plus{
        background-image:url(../images/prodplusBis@2x.png);
        -webkit-background-size:24px auto;
                background-size:24px auto;
    }


    input.prods-plus-on{
        background-image:url(../images/prodplusBis@2x.png);
        -webkit-background-size:24px auto;
                background-size:24px auto;
    }


    input.prods-moins{
        background-image:url(../images/prodmoins@2x.png);
        -webkit-background-size:22px auto;
                background-size:22px auto;
    }


    input.prods-moins-on{
        background-image:url(../images/prodmoins@2x.png);
        -webkit-background-size:22px auto;
                background-size:22px auto;
    }

}



.icon-img{
-webkit-background-size:20px auto;
        background-size:20px auto;
background-repeat:no-repeat;
width:20px;
height:20px;
float:left;
margin-right:6px;
margin-top:-2px;
}

.icon-txt{
font-size:16px;
font-weight:normal;
}

.ui-btn-active  .ui-li .ui-btn-text .ui-link-inherit .icon-card {
}

.admin1{
color: #5C5C5C; 
}

.ui-btn-active  .ui-li .ui-btn-text .ui-link-inherit .admin1 {
color:#FFFFFF;
}




/* workarounds */

button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */


.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none;   }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 

position:absolute; top: 2px; width: 1.8em; height: 1.8em;



 }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; 

    color: #FFFFFF;
    display: block;
    left: 30%;
    margin-left: -8px;
    margin-top: -8px;
    padding-left: 8px;
    padding-top: 2px;
    position: absolute;
    top: 40%;

 }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    -webkit-filter: mask();
            filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }


/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: -504px 50%; }
.ui-icon-info { background-position: -540px 50%; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


.ui-datepicker { font-size:12px; width: 17em; padding: .2em .2em 0; display: none;  

/*
    background-image: -webkit-gradient(linear, center top, left center, from(#8bc01e), to(#649600)); 
    background-image: -webkit-linear-gradient(center top, #8bc01e, #649600); 
    background-image:    -moz-linear-gradient(center top, #8bc01e, #649600); 
    background-image:     -ms-linear-gradient(center top, #8bc01e, #649600); 
    background-image:      -o-linear-gradient(center top, #8bc01e, #649600);  
    background-image:         linear-gradient(center top, #8bc01e, #649600);    
    */
    background:#23d63e;
    margin-top: 5px;
}


.ui-corner-all {
    -webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
            border-radius: 0.3em 0.3em 0.3em 0.3em;
}



.ui-btn-up-s .ui-btn-inner .ui-icon-shadow {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.ui-btn-hover-s .ui-btn-inner .ui-icon-shadow {
    -webkit-box-shadow: none;
            box-shadow: none;
}







.ui-btn-up-stockalert .ui-btn-corner-all, .ui-btn-hover-stockalert .ui-btn-corner-all {
    -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
            border-radius: 0.4em 0.4em 0.4em 0.4em;
    border: 1px solid rgba(43, 43, 43, 0.3);
    border-top: none;
}

.ui-btn-up-stockalert{
    -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
            border-radius: 0.4em 0.4em 0.4em 0.4em;-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#b64006),to(#b64006));
    background-image:-webkit-linear-gradient(top,#b64006,#b64006);
    background-image:-o-linear-gradient(top,#b64006,#b64006);
    background-image:-webkit-gradient(linear,left top, left bottom,from(#b64006),to(#b64006));
    background-image:linear-gradient(top,#b64006,#b64006);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ui-btn-hover-stockalert{
    -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em;
            border-radius: 0.4em 0.4em 0.4em 0.4em;-webkit-box-shadow:inset 0px 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px 1px rgba(0,0,0,.4);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#b64006),to(#b64006));
    background-image:-webkit-linear-gradient(top,#b64006,#b64006);
    background-image:-o-linear-gradient(top,#b64006,#b64006);
    background-image:-webkit-gradient(linear,left top, left bottom,from(top),color-stop(#b64006),to(#b64006));
    background-image:linear-gradient(top,#b64006,#b64006);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}




.stockalert{

color:#FFFFFF;
background:#ff0d40 !important;
    text-shadow:none;
font-size:14px;
}


.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-active-b {
    /* background: -moz-linear-gradient(center top , #8BC01E, #649600) repeat scroll 0 0 #2567AB;*/
    background:#23d63e;
    border: 1px solid #23d63e;
    color: #FFFFFF;
    font-weight: bold;
}







select.fakeStyle {
    
    background-color: #FFFFFF;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat repeat;
    border: 1px solid #FFFFFF;
    border: 0 !important;
    color: #444444;
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 0 -4px;
    padding: 5px 0 0;
    text-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    outline-style:none;
    outline-width:0;
}

select.fakeStyle option {
    
    
    font-size: 13px !important;
    text-shadow: none;


}


.ui-mobile-viewport{overflow-x:inherit !important;}






.fakeStyle {
    outline:none;
}
.paymentDeviceBox {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    -webkit-border-bottom-left-radius:6px;
            border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
            border-bottom-right-radius:6px;
    -webkit-border-top-left-radius:6px;
            border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
            border-top-right-radius:6px;
    list-style-type:none;
    margin-top:30px;
    padding:10px;
    margin-bottom:-10px; 
}

.paymentDeviceBoxTitle {
    border-bottom-style:none;
    color:#23d63e;
    font-size:16px;
    height:25px;
    font-weight:600;
}

.paymentDeviceBoxLineOk {
    border-bottom-style:none;
    color:#888888;
    font-size:14px;
    height:20px;
    background-image:url('../images/iconValid.png');
    background-repeat:no-repeat;
    background-position:left top;
    -webkit-background-size:15px 15px;
            background-size:15px;
    padding-left:21px;
}

.paymentDeviceBoxLineKo {
    border-bottom-style:none;
    color:#d00d52;
    font-size:14px;
    height:20px;
    background-image:url('../images/iconWarning.png');
    background-repeat:no-repeat;
    background-position:left top;
    -webkit-background-size:15px 15px;
            background-size:15px;
    padding-left:21px;
}

.sepaBox {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    -webkit-border-bottom-left-radius:6px;
            border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
            border-bottom-right-radius:6px;
    -webkit-border-top-left-radius:6px;
            border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
            border-top-right-radius:6px;
    list-style-type:none;
    margin-top:20px;
    padding:10px;
}

.sepaBoxTitle {
    border-bottom-style:none;
    font-size:16px;
    height:22px;
    font-weight:600;
}

.sepaBoxLine {
    border-bottom-style:none;
    color:#888888;
    font-size:14px;
    padding-left:15px !important;
}

.sepaBoxLine input {
    color:#888888;
    font-size:14px;
    color:#555;
    width:100%;
}

.sepaBoxLineOk {
    border-bottom-style:none;
    color:#65e620;
    font-size:14px !important;
    font-weight:500;
    height:20px;
    background-repeat:no-repeat;
    background-position:8px 8px;
    -webkit-background-size:15px 15px;
            background-size:15px;
}

.sepaBoxLineKo {
    border-bottom-style:none;
    color:#ff0a40;
    font-size:14px !important;
    font-weight:500;
    height:20px;
    background-repeat:no-repeat;
    background-position:8px 8px;
    -webkit-background-size:15px 15px;
            background-size:15px;
}



.aboBox {
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    -webkit-border-bottom-left-radius:6px;
            border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
            border-bottom-right-radius:6px;
    -webkit-border-top-left-radius:6px;
            border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
            border-top-right-radius:6px;
    list-style-type:none;
    margin-top:30px;
    padding:10px;
    margin-bottom:-10px; 
}

.aboBoxTitle {
    border-bottom-style:none;
    color:#23d63e;
    font-size:16px;
    height:25px;
    font-weight:600;
}

.aboBoxLine {
    border-bottom-style:none;
    color:#888888;
    font-size:14px;
    height:20px;
    padding-left:0px;
}



/* CONNEXION */

.buttonConnexion {
    
    background-color:#23d63e;
    color:#fff;
    border-radius:6px;
    border:1px solid #23d63e;
    width:100%;
    padding:10px;
    font-size: 0.9em;
    margin-top:15px;
    outline:none;
}

a.loginLink:link, a.loginLink:visited, a.loginLink:hover, a.loginLink:active {
    
    color:#fff;
    text-decoration:none;
    text-shadow:none;
    font-weight:300;
    font-size:13px;
    opacity:0.6;
}

input::-webkit-input-placeholder {
    color:#b9b9b9;
}

input:-moz-placeholder {

    color:#b9b9b9;
}


#box-login,
#box-store {
  margin:auto;
  width:350px;
}

#box-login li,
#box-store li {
    
    border-radius:5px !important;
}


.login{
 display: inline-block;
    width: 100%;
-webkit-appearance:none;
text-align:center;
font-weight:300;
margin-left:0px !important;
}

.fa {
    margin-right: 5px !important;
    font-size: 19px !important;
}
button {
    outline: none;
}
button .fa {
    font-size: 11px !important;
}

.force-hide {
	display: none !important;	
}