/* CSS RAMENE DE VINCOD */

/* ------------------------------------------- */
/* Entete CONTENU */
/* ------------------------------------------- */
/* bouton retour */

body a.btretourdom, body a.btcloseedit {
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: auto;
    height: 30px;

    text-decoration: none;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
    background-color: #646464;
}

body a.btretourdom {
    display: block;
    font-size: 15px;
    font-weight: bold;
    width: auto;
    height: 30px;

    text-decoration: none;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
    background-color: #646464;

    float: left;
/*
    padding: 13px 20px 0 27px;
    margin: 25px 15px 25px 0px;

    background: #646464 url("../manage/images/arrow_bt_retour.png") no-repeat left top;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
*/
    padding: 15px 20px 5px 20px;
    margin: 25px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
}

/* champ textarea */

.divedit .btretourdom {
    margin: 25px 10px 25px 20px;
}

/*.fieldradio {
    position: relative;
    margin-right: 10px;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-right: 10px;
    width: 90px;
}

.fieldradio input[type="radio"] {
   margin: 0px;
}

.fieldradio .helpfield {
    top: 32px !important;
    left: -22px !important;
}*/

.fieldcheckbox{
	background:white;/*rgb(238,238,238);*/
	padding :5px 5px 0 5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;
	vertical-align:middle;
	max-width:525px;
	
}

.fieldradio{
	background:none;
	/*-padding :5px 5px 0 5px;
	webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;*/
	vertical-align:middle;
	max-width:525px;
}

.fieldcheckbox input[type="checkbox"], .fieldradio input[type="radio"]{
	margin:3px;
	/*padding:5px;
	margin-top:3px;*/

}

.fieldcheckbox label{
	background:#EEE;
	padding:4px;
	margin:0 5px 5px 0;
	font-size:1em;
	line-height:1.4em;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;		
}

.fieldcheckbox .checkbox.inline+.checkbox.inline{
	margin-left:0;
}
.fieldcheckbox label:first-of-type{
	margin:0 5px 5px 0;
}

.fieldcheckbox label:not(:first-of-type){
	margin:0 5px 5px 0;
}
/*.fieldcheckbox label:not(:first-child){
	margin-right:50px;
}*/

.fieldradio label{
	background:white;
	padding:4px;
	margin:0 5px 5px 0;
	font-size:1em;
	line-height:1.4em;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;		
}
.fieldradio .radio.inline+.radio.inline{
	margin-left:0;
}




/*.fieldradio label{
	padding:5px;
	font-size:1em;
	line-height:1.4em;
	
}*/
.fieldradio label:first-of-type{
	margin:0 5px 5px 0;
}
.fieldradio label:not(:first-of-type){
	margin:0 5px 5px 0;	
}

@media only screen and (min-width: 768px) {

    
    .form-horizontal .control-label{line-height:1;}
   
}

.fieldradio-images {
    position: relative;
    margin:5px 0;
}

.fieldradio-images  input[type="radio"] {
   margin: 0px;
}

.fieldradio-images  .helpfield {
    top: 32px !important;
    left: -22px !important;
}

@media only screen and (min-width: 768px) {
    .fieldradio-images  {

    }
    
    .form-horizontal .control-label{line-height:1;}
   
}

.form-misenavant {
    min-height: 20px;
    padding: 20px 10px;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);    min-height: 20px;

    
    }


/* Système d'onglets */

.tabcontent {
    background: #F7F6F6;
    clear: left;
    padding: 40px 0;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-border-bottom-right-radius: 5px; /* pour Chrome */
    -webkit-border-bottom-left-radius: 5px; /* pour Chrome */
}

.divedit .field {
    padding-right: 20px;
    margin: 0px 0;
    position: relative;
}

.divedit label {
    display: block;
    float: left;
    text-align: right;
    padding-top: 10px;
    padding-right: 15px;
    font-size: 15px;
    width: 140px;
}

.fieldcheck label {
    display: inline;
    float: left;
    text-align: left;
    padding: 0;

    font-size: 13px;
}

/*A GARDER*/

.divedit .btretourdom {
    margin: 25px 10px 25px 20px;
}

/* crédits */

.innercredits {
    padding: 30px 20px;
}

.innercredits:first-child {
    padding-top: 0;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .innercredits {
        padding: 30px 0;
    }
}

#divcredits h2 {
    color: #313131;
}

#divcredits p {
    font-size: 14px;
    width: 830px;
    margin: 10px 0;
}

#divcredits hr {
    margin: 0;
    height: 1px;
    border-top: 1px solid #b3b2b2;
}

#divcredits .creditstoday {
    margin-top: 10px;
    background-color: #313131;
    width: 180px;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.formule {
    display: block;
    float: left;
    width: 250px;
    height: 120px;
    text-decoration: none !important;
    -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);

}

.formule1 {
    background: url('http://vincod.com/manage/images/formule1.png') no-repeat;
}

.formule2 {
    background: url('http://vincod.com/manage/images/formule2.png') no-repeat;

}

.formule3 {
    background: url('http://vincod.com/manage/images/formule3.png') no-repeat;
}

.formule .prix {
    display: block;
    color: #313131;
    font-weight: bold;
    font-size: 30px;
    padding-left: 20px;
}

.formule .qtevincod {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.formule .descformule {
    display: block;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.histoachat {
    background-color: #97bf0d;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0;
}

.histoachatfin {
    background-color: #c4c3c3;
    color: #fff;
    font-size: 24px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0;
}

.histoachat-in {
    padding: 10px;
    float: left;
}

.histoachat a, .histoachatfin a {
    display: block;
    float: right;
    padding: 10px;
    border-left: 1px solid #E5E3E3;
}

#historique td, #historique th {
    padding: 5px;
    border: 1px solid #b3b2b2;

}

/* PANIER */

table.panier {
    width: 100%;
}

table.panier th, table.panier td {
    padding: 10px;
}

table.panier tr.withbordertop {
    border-top: 1px solid #D2D2D2;
}

.recap h2 {
    font-size: 20px;
}

.recap .panier, .rightcol {
    float: right;
    width: auto;
}

.recap .facturation, .leftcol {
    float: left;
}

.recap .facturation {
    width: 370px;
    border-right: 1px solid #D2D2D2;
    padding: 10px 0 0 20px;
}

.leftcol, .rightcol {
    width: 430px;
}

.reglement p {
    margin: 20px 0;
}

.reglement a.abtcontinue {
    float: none;
    margin: 0;
    width: 210px;
}

.pagecmd .innercredits a {
    color: #0184bc;
    text-decoration: none;
}

.pagecmd .innercredits a:hover {
    text-decoration: underline;
}

/*.footer, .footer2 {
    background-color: #efeded;
}*/

/* FIN DU CSS RAMENE DE VINCOD */

html, body {
    font-size: 14px;
    /*background: #efeded;*/
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    html, body {
        font-size: 15px;
        padding: 0;
    }
}

#notification {
    position: fixed;
    top: 0;
    z-index: 1600;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #000;
}

#notification-in {
    width: 940px;
    padding: 20px;
    margin: auto;
    font-size: 15px;
    color: #000;
    font-weight: bold
}

#infobulle,
#infobulleIpad {
    display: table-cell;
    position: absolute;
    width: 140px;
    height: 140px;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    border: 10px solid rgba(0, 0, 0, .75);
    background: rgba;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#infobulle .arrow,
#infobulleIpad .arrow {
    position: absolute;
    top: 58px;
    left: -25px;
}

a.link-warning {
    color: #790e11;
}

.a-title {
    color: #626262;
    font-size: 16px;
    line-height: 26px;
}

.hidden {
    display: none !important;
}

.floatleft {
    float: left;
}

.floatleft ~ .floatleft {
    margin-left: 20px;
}

.floatright {
    float: right;
}

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

.contentbase .inner45 {
    padding: 20px 15px;
}

.contentbase {
    background: #fff;
    /*border-bottom: 1px solid #bfbfbf;*/
}

.contentbase-bg {
    background: #474848;
}
@media only screen and (max-width: 767px) {
    /*.contentbase .inner45 {
        padding-right: 0;
        padding-left: 0;
    }
    .contentbase .inner45 .content-appli h1{
    padding: 15px;
    }*/
}
.text-grey {
    color: #a0a0a0;
}

.text-darkgrey {
    color: #313131;
}

.row-fluid ~ .row-fluid {
    padding-top: 20px;
}

/* ------------------------------------------- */
/* Nav bars
/* ------------------------------------------- */
@media only screen and (max-width: 767px) {
/*    #navaccount {
        padding: 0;
    }*/
    
    #navaccount {
        padding-left: 10px;
        height: 93px;
        background-color: #F6F6F6;
        /*background: url(../images/gradient_navaccount.png) repeat-x;*/
        border-bottom: 5px solid #484747;

        /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
        background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.48, rgb(238, 238, 238)),
            color-stop(0.74, rgb(249, 249, 249))
        );    */

    }

    #navaccount .slick-list {
        margin: 0 40px;
    }

    #navaccount .slick-prev,
    #navaccount .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        font-size: 0px;
        cursor: pointer;
        background-color: transparent;
        background-image: url('../images/ico_arrow_apps.png');
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
        border: none;
        outline: none;
        z-index: 100;
        opacity: 1;
    }

    #navaccount .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg) translate(0, 50%);
        -ms-transform: rotate(180deg) translate(0, 50%);
        transform: rotate(180deg) translate(0, 50%);
    }

    #navaccount .slick-next {
        right: 0;
    }

    #navaccount > ul {
        max-width: 1280px;
        margin: auto;
        padding: 8px 0 0;
        color: #000;
    }

    #navaccount li {
        padding: 11px 10px 11px;
        min-width: 60px;
        height: 63px;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
    }

    #navaccount li.on {
        position: relative;
        background: #484747;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #navaccount li.on > img {
        position: absolute;
        bottom: -10px;
        left: 40%;
        z-index: 10;
    }

    #navaccount li > a {
        display: block;
        color: #000;
        text-decoration: none;
        opacity: 0.20;

    }

    #navaccount li > a > img {
        margin: auto;
        margin-bottom: 5px;
    }

    #navaccount li > a.itemExists {
        opacity: 1;
    }

    #navaccount li > a.disabled {
        cursor: default;
    }

    #navaccount li.on > a {
        color: #fff;
    }

    #navaccount li.on > a {
        opacity: 1;
    }

    #navaccount li > a:hover {
        opacity: .5;
    }

    #navaccount li > a.disabled:hover {
        opacity: 0.20;
    }
    
    #nav_app1 {
        padding: 0;
    }

    #nav_app1 .slick-list {
        margin: 0 40px;
    }

    #nav_app1 .slick-prev,
    #nav_app1 .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        font-size: 0px;
        cursor: pointer;
        background-color: transparent;
        background-image: url('../images/ico_arrow_apps.png');
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
        border: none;
        outline: none;
        z-index: 100;
        opacity: 1;
    }

    #nav_app1 .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg) translate(0, 50%);
        -ms-transform: rotate(180deg) translate(0, 50%);
        transform: rotate(180deg) translate(0, 50%);
    }

    #nav_app1 .slick-next {
        right: 0;
    }

    #nav_app1 > ul {
        width: 100%; 
    }
}
@media only screen and (min-width: 768px) {
    #navaccount {
        padding-left: 10px;
        height: 93px;
        background-color: #F6F6F6;
        /*background: url(../images/gradient_navaccount.png) repeat-x;*/
        border-bottom: 5px solid #484747;

        /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
        background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.48, rgb(238, 238, 238)),
            color-stop(0.74, rgb(249, 249, 249))
        );    */

    }

    #navaccount > ul {
            max-width: 1280px;
    margin: auto;
    padding: 8px 0 0;
    color: #000;

    }

    #navaccount > ul > li {
        display: inline-block;
        padding: 11px 10px 11px;
        min-width: 60px;
        height: 63px;
        text-align: center;
        font-size: 12px;
    }

    #navaccount > ul > li.nobtnav {
        width: auto;
    }

    #navaccount > ul > li.on {
        position: relative;
        background: #484747;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #navaccount > ul > li.on > img {
        position: absolute;
        bottom: -10px;
        left: 40%;
        z-index: 10;
    }

    #navaccount > ul > li > a {
        display: block;
        color: #000;
        text-decoration: none;
        opacity: 0.20;

    }

    #navaccount > ul > li > a > img {
        margin-bottom: 5px;
    }

    #navaccount > ul > li > a.itemExists {
        opacity: 1;
    }

    #navaccount > ul > li > a.disabled {
        cursor: default;
    }

    #navaccount > ul > li.on > a {
        color: #fff;
    }

    #navaccount > ul > li.on > a {
        opacity: 1;
    }

    #navaccount > ul > li > a:hover {
        opacity: .5;
    }

    #navaccount > ul > li > a.disabled:hover {
        opacity: 0.20;
    }
}
/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 599px) {
/*    #navaccount {
        padding: 0;
    }*/
#navaccount {
        padding-left: 10px;
        height: 93px;
        background-color: #F6F6F6;
        /*background: url(../images/gradient_navaccount.png) repeat-x;*/
        border-bottom: 5px solid #484747;

        /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
        background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.48, rgb(238, 238, 238)),
            color-stop(0.74, rgb(249, 249, 249))
        );    */

    }

    #navaccount .slick-list {
        margin: 0 40px;
    }

    #navaccount .slick-prev,
    #navaccount .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        font-size: 0px;
        cursor: pointer;
        background-color: transparent;
        background-image: url('../images/ico_arrow_apps.png');
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
        border: none;
        outline: none;
        z-index: 100;
        opacity: 1;
    }

    #navaccount .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg) translate(0, 50%);
        -ms-transform: rotate(180deg) translate(0, 50%);
        transform: rotate(180deg) translate(0, 50%);
    }

    #navaccount .slick-next {
        right: 0;
    }

    #navaccount > ul {
            max-width: 990px;
    margin: auto;
    padding: 8px 0 0;
    color: #000;
    }

    #navaccount li {
        padding: 11px 10px 11px;
        min-width: 60px;
        height: 63px;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
    }

    #navaccount li.on {
        position: relative;
        background: #484747;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #navaccount li.on > img {
        position: absolute;
        bottom: -10px;
        left: 40%;
        z-index: 10;
    }

    #navaccount li > a {
        display: block;
        color: #000;
        text-decoration: none;
        opacity: 0.20;

    }

    #navaccount li > a > img {
        margin: auto;
        margin-bottom: 5px;
    }

    #navaccount li > a.itemExists {
        opacity: 1;
    }

    #navaccount li > a.disabled {
        cursor: default;
    }

    #navaccount li.on > a {
        color: #fff;
    }

    #navaccount li.on > a {
        opacity: 1;
    }

    #navaccount li > a:hover {
        opacity: .5;
    }

    #navaccount li > a.disabled:hover {
        opacity: 0.20;
    }
    
    #nav_app1 {
        padding: 0;
    }

    #nav_app1 .slick-list {
        margin: 0 40px;
    }

    #nav_app1 .slick-prev,
    #nav_app1 .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        font-size: 0px;
        cursor: pointer;
        background-color: transparent;
        background-image: url('../images/ico_arrow_apps.png');
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
        border: none;
        outline: none;
        z-index: 100;
        opacity: 1;
    }

    #nav_app1 .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg) translate(0, 50%);
        -ms-transform: rotate(180deg) translate(0, 50%);
        transform: rotate(180deg) translate(0, 50%);
    }

    #nav_app1 .slick-next {
        right: 0;
    }

    #nav_app1 > ul {
        width: 100%; 
    }
}
@media only screen and (min-width: 319px) {
/*    #navaccount {
        padding: 0;
    }*/

#navaccount {
        padding-left: 10px;
        height: 93px;
        background-color: #F6F6F6;
        /*background: url(../images/gradient_navaccount.png) repeat-x;*/
        border-bottom: 5px solid #484747;

        /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
        background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.48, rgb(238, 238, 238)),
            color-stop(0.74, rgb(249, 249, 249))
        );    */

    }

    #navaccount .slick-list {
        margin: 0 40px;
    }

    #navaccount .slick-prev,
    #navaccount .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        font-size: 0px;
        cursor: pointer;
        background-color: transparent;
        background-image: url('../images/ico_arrow_apps.png');
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
        border: none;
        outline: none;
        z-index: 100;
        opacity: 1;
    }

    #navaccount .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg) translate(0, 50%);
        -ms-transform: rotate(180deg) translate(0, 50%);
        transform: rotate(180deg) translate(0, 50%);
    }

    #navaccount .slick-next {
        right: 0;
    }

    #navaccount > ul {
            max-width: 1280px;
    margin: auto;
    padding: 8px 0 0;
    color: #000;
    }

    #navaccount li {
        padding: 11px 10px 11px;
        min-width: 60px;
        height: 63px;
        text-align: center;
        font-size: 12px;
        white-space: nowrap;
    }

    #navaccount li.on {
        position: relative;
        background: #484747;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    #navaccount li.on > img {
        position: absolute;
        bottom: -10px;
        left: 40%;
        z-index: 10;
    }

    #navaccount li > a {
        display: block;
        color: #000;
        text-decoration: none;
        opacity: 0.20;

    }

    #navaccount li > a > img {
        margin: auto;
        margin-bottom: 5px;
    }

    #navaccount li > a.itemExists {
        opacity: 1;
    }

    #navaccount li > a.disabled {
        cursor: default;
    }

    #navaccount li.on > a {
        color: #fff;
    }

    #navaccount li.on > a {
        opacity: 1;
    }

    #navaccount li > a:hover {
        opacity: .5;
    }

    #navaccount li > a.disabled:hover {
        opacity: 0.20;
    }
    
    #nav_app1 {
        padding: 0;
    }

    #nav_app1 .slick-list {
        margin: 0 40px;
    }

    #nav_app1 .slick-prev,
    #nav_app1 .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 50%;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        font-size: 0px;
        cursor: pointer;
        background-color: transparent;
        background-image: url('../images/ico_arrow_apps.png');
        background-repeat: no-repeat;
        background-size: contain;
        color: transparent;
        border: none;
        outline: none;
        z-index: 100;
        opacity: 1;
    }

    #nav_app1 .slick-prev {
        left: 0;
        -webkit-transform: rotate(180deg) translate(0, 50%);
        -ms-transform: rotate(180deg) translate(0, 50%);
        transform: rotate(180deg) translate(0, 50%);
    }

    #nav_app1 .slick-next {
        right: 0;
    }

    #nav_app1 > ul {
        width: 100%; 
    }
}
nav.submenu {
    background: #484747;}

nav.submenu .inner45 {
    padding: 6px 20px 10px;
}

nav.submenu .caret {
    margin-top: 0;
    margin-left: 5px;
    margin-bottom: 2px;
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-color: #fff;
    vertical-align: middle;
}

nav.submenu .submenu-menu {
    float: left;
    white-space: normal;
}

nav.submenu .submenu-menu .dropdown-menu {
    left: -20px;
    background: #484747;
    /*background:inherit;*/
    border-color: transparent;
}

nav.submenu .submenu-menu .dropdown-toggle {
    padding: 2px 0;
    background: transparent !important;
    border: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none;
    line-height: 30px;
    font-size: 13px;
}

nav.submenu .submenu-menu li a {
    color: #fff;
    opacity: 0.80;
    font-weight: bold;
    text-decoration: none;
    line-height: 30px;
}

nav.submenu .submenu-menu img {
    height: 30px;
    margin-right: 10px;
}

nav.submenu .submenu-menu li.on img, nav.submenu .submenu-menu li.on img:hover {
    opacity: 1;
}

nav.submenu .submenu-menu li.on a, nav.submenu .submenu-menu li a:hover, nav.submenu .submenu-menu li a:focus, nav.submenu .submenu-menu li a:active {
    opacity: 1;
    color: #fff;
    background-color: transparent !important;
}

nav.submenu .submenu-add {
    float: right;
}

nav.submenu .submenu-add .btn {
    padding: 6px 18px;
}

nav.submenu .submenu-add .dropdown-menu {
    left: auto;
    right: -15px;
    padding: 0;
    margin: 0;
    background: #88ac0c;
    border-color: transparent;
    overflow: hidden;
}

nav.submenu .submenu-add .dropdown-menu li:not(:first-child) {
    border-top: 1px solid #80a30b;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

nav.submenu .submenu-add .dropdown-menu li a {
    padding: 8px 16px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    text-align: left;
    opacity: .9;
}

nav.submenu .submenu-add .dropdown-menu li a:hover {
    background-color: #97bf0d;
    opacity: 1;
}

nav.submenu .submenu-menu form {
    margin: 0 0 0px;
}

nav.submenu .submenu-menu form a {
    cursor: pointer;
    white-space: nowrap;
}

nav.submenu .submenu-menu .stat_dropdown form { 
    padding: 3px 20px;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    nav.submenu .submenu-menu form {
        padding: 3px 20px;
    }
}
/* Bootstrap screen-sm-min ---------- */
@media only screen and (min-width: 768px) {

    nav.submenu .submenu-menu:not(.stat_dropdown) .dropdown-toggle {
        display: none;
    }

    nav.submenu .submenu-menu:not(.stat_dropdown) .dropdown-menu {
        position: relative;
        display: block;
        margin-top: 0;
        left: 0;
        float: none;
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    nav.submenu .submenu-menu:not(.stat_dropdown) .dropdown-menu li {
        display: inline-block;
        margin-right: 20px;
        padding: 0;
    }

    nav.submenu .submenu-menu a {
        color: #a0a0a0;
        font-weight: bold;
        text-decoration: none;
        padding: 0;
    }

    nav.submenu .submenu-add {
        margin-top: 2px;
    }
}

.add-btlist {
    position: relative;
}

.add-btlist ul {
    margin: 0;
}

.add-btlist > a {
    display: block;
    /*width: 105px;*/
    color: #fff;
    background-color: #97bf0d;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(135, 172, 12)), color-stop(50%, rgb(141, 180, 12)), color-stop(75%, rgb(152, 191, 13)));
    background-image: linear-gradient(bottom, rgb(135, 172, 12) 0%, rgb(141, 180, 12) 50%, rgb(152, 191, 13) 75%);
    background-image: -webkit-linear-gradient(bottom, rgb(135, 172, 12) 0%, rgb(141, 180, 12) 50%, rgb(152, 191, 13) 75%);
    background-image: -ms-linear-gradient(bottom, rgb(135, 172, 12) 0%, rgb(141, 180, 12) 50%, rgb(152, 191, 13) 75%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(135, 172, 12)),
        color-stop(0.5, rgb(141, 180, 12)),
        color-stop(0.75, rgb(152, 191, 13))
    );
    border-top: 1px solid #80a30b;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.add-btlist > a.disabled {
    background-color: #b5b5b5;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgb(181, 181, 181)), color-stop(68%, rgb(201, 201, 201)));
    background-image: linear-gradient(bottom, rgb(181, 181, 181) 25%, rgb(201, 201, 201) 68%);
    background-image: -webkit-linear-gradient(bottom, rgb(181, 181, 181) 25%, rgb(201, 201, 201) 68%);
    background-image: -ms-linear-gradient(bottom, rgb(181, 181, 181) 25%, rgb(201, 201, 201) 68%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(181, 181, 181)),
        color-stop(0.68, rgb(201, 201, 201))
    );
    border-top: 1px solid #bfbfbf;
    cursor: default;
}

.add-btlist > a.open {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.add-btlist > a > .btplus {
    display: block;
    float: left;
    padding: 5px 10px 6px;
    color: #fff;
    border-right: 1px solid #82a40b;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-shadow: 0px 0px 1px #000;
}

.add-btlist > a > .arrow {
    display: block;
    float: left;
    width: 7px;
    height: 4px;
    padding: 26px 10px 0 9px;
    background: url(../images/arrowdroplist.png) no-repeat center center;
    border-left: 1px solid #98ba25;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.add-btlist-content {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 20;
    background-color: #88ac0c;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.add-btlist-content > ul > li {
    border-top: 1px solid #80a30b;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.add-btlist-content > ul > li:first-child {
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.add-btlist-content > ul > li > a {
    display: block;
    white-space: nowrap;
    padding: 7px 10px;
    text-align: left;
    color: #fff !important;
    text-shadow: 0px 0px 1px #000;
    text-decoration: none !important;
    font-weight: bold;
}

.add-btlist-content > ul > li > a:hover {
    background-color: #97bf0d;
}

/* nav tabs */
#card-edit .tabbable .nav{
    background:#fff;
    padding:0px;
    width:auto;
    margin-bottom:20px;
    border:none;
    border-bottom:1px solid #ccc;
}

#card-edit .nav-tabs li:first-child {
    margin-left: 10px;
    height:100%;

}
#card-edit .nav.nav-tabs.nav-tabs-grey .active a,#card-edit .nav.nav-tabs.nav-tabs-grey .active a:hover {

    background:#fff;
}
.nav-tabs-grey .active a, .nav-tabs-grey .active a:hover, .tab-content-grey {
    background:#eeeeee ; /*#e4e4e4*/
}

.content-appli .tab-content-grey, .content-appli .nav-tabs-grey .active a, .content-appli .nav-tabs-grey .active a:hover {
    background: #f8f8f8;
}

.nav-tabs {
    margin: 20px 0 0;
}

.nav li.no-link {
    padding: 5px 15px;
}

.nav-tabs li.no-link .checkbox.inline {
    padding-top: 0;
}

.tab-content {
    /*
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;*/
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.content-appli .tab-content {
    /*
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;*/
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}

.tab-content-grey {
    padding: 20px;
}

.nav-tabs-grey2 .active a, .nav-tabs-grey2 .active a:hover, .tab-content-grey2 {
    background: #d6d6d6;
}

.tab-content-grey2 {
    padding: 5px;
}
.navbar-inner{
    padding:0px;
}
.navbar .nav>li>a {
    padding: 10px 10px 10px;
}

#menu_app form, #menu_app select {
    margin-bottom:0;
}

#menu_app>li:first-child{
    margin-left: 115px;
}
@media only screen and (max-width: 980px) {

    #menu_app li a{
        line-height:45px!important;
    }

    #menu_app>li:first-child{
        margin-left: 15px;
    }
}
/** DASHBOARD **/

h1 {
    margin: 0 0 6px 0;
    font-size: 20px;
    font-weight: bold;
    color: #313131;
    line-height: 24px;
}

h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
    font-weight: normal;
    color: #313131;
}

h3 {
    font-size: 20px;
    line-height: 30px;
    color: #a0a0a0;
    font-weight: normal;
}

.dashboard .span4 {
    margin-bottom: 40px;
}

.dashboard-table .floatleft {
    max-width: 55%;
}

.dashboard-table td {
    padding: 10px;
}

.table-apps td {
    position: relative;
    padding-bottom: 14px;
}

.table-apps .floatleft {
    max-width: 75%;
    margin-top: 13px !important;
}

.table-apps td .on-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

ul.stats a:after, a.floatright:after {
    content: " ›";
}

ul.stats {
    list-style-type: disc;
    color: #0088CC;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    ul.stats li {
        margin-bottom: 15px;
        font-size: 16px;
    }
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 979px) {

    .table-apps a {
        /*pointer-events: none;*/
    }
}

.ico-mini {
    float: left;
}

td.off {
    color: #a0a0a0;
}

td.off .ico-mini {
    opacity: .6;
}

.ico-mini ~ div.floatleft {
    margin-left: 10px;
}

.align-float-text {
    clear: both;
    margin-left: 30px;
}

/*****/

.explorer ul {
    margin: 0;
}

.explorer a.menu {
    display: block;
    padding: 5px 10px 5px 0;
    border-bottom: 1px solid #d0d0d0;
    color: #626262;
    text-decoration: none;
}

.explorer a.menu:hover {
    background: #e4e4e4;
}

.explorer ul a.menu {
    padding-left: 0px;
}

.explorer ul ul a.menu {
    padding-left: 15px;
}

.explorer ul ul ul a.menu {
    padding-left: 30px;
}

.explorer .closed > ul {
    display: none;
}

.explorer li {
    position: relative;
}

.explorer .selected > a.menu {
    font-weight: bold;
}

.explorer .ico {
    display: inline-block;
    position: absolute;
    top: 5px;
    /*width: 15px;
    height: 15px;*/
    cursor: default;
    outline: none;
}

/*.explorer .closed > .ico {
    background: url('../images/ico_arrow_off.png') no-repeat center center;
}

.explorer .closed > .ico:hover {
    background: url('../images/ico_arrow_selected.png') no-repeat center center;
}

.explorer .selected > .ico, .explorer .opened > .ico {
    background: url('../images/ico_arrow_selected.png') no-repeat center center;
}

.explorer .selected > .ico:hover, .explorer .opened > .ico:hover {
    background: url('../images/ico_arrow_off.png') no-repeat center center;
}*/

.explorer ul .ico {
    right: 0px;
}

.explorer ul ul .ico {
    right: 0px;
}

.explorer ul ul ul .ico {
    right: 30px;
}

@-webkit-keyframes fadeInRight {
  from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }

  to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.dashboard-modal .modal{
  margin:auto; 
  left:initial;
  top:initial; 
  right:10px; 
  bottom:10px; 
  -webkit-animation: fadeInRight 1.5s;
}

.dashboard-modal h2{
margin-bottom:0px;
}

.dashboard-modal .modal a, .close {

text-decoration:none;
}

.dashboard-modal .accordion-heading {
  padding-right:20px;
}

.dashboard-modal .accordion-heading i {
  margin-top:10px;
margin-right:-10px; 
}

#nodisplay {
  margin-right: 10px;
  margin-left: 280px;
}

.dashboard-thumbnails {margin-top:10px;border:1px solid #ddd;border-radius:10px;}
.dashboard-thumbnails li {border-right:1px solid #ddd;margin:auto;padding:40px 10px;text-align:center;line-height:2em;}
.dashboard-thumbnails li:first-child {}
.dashboard-thumbnails li:last-child {border-right:none;}
.dashboard-thumbnails-highlight {font-weight:900;font-size:2em;}
@media screen and (max-width: 768px) {
.dashboard-thumbnails li {border:none;border-bottom:1px solid #ddd;margin:auto;padding:20px 20px;text-align:center;line-height:2em;}
.dashboard-thumbnails li:first-child {}
.dashboard-thumbnails li:last-child {border-bottom:none;}
}
/* ----- Fichiers ----- */

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

.files-grid .vignette_cont {
    position: relative;
    display: inline-block;
    width: 207px; /*230px;*/
    border: #CCC 1px solid;
    /*margin: 5px;*/
    overflow: hidden;
    text-align: center;
    background: #eee;
}

.files-grid .vignette {
    margin: 4px;
    width: 197px; /*220px;*/
    height: 197px; /*220px;*/ /* margin:5px auto 5px auto; */
    border: #CCC 1px solid;
    background: #fff;
}

.files-grid .legende {
    text-align: center;
    font-size: 12px;
    width: 204px; /*237px;*/
    overflow: hidden;
}

.files-grid .legendename {
    width: 197px; /*220px;*/
    height: 60px;
    margin: 5px;
    float: left;
}

.files-grid .groupefonc {
    width: 197px; /*220px;*/
    text-align: center;
    position: relative;
    float: left;
    border: #f9f9f9 1px solid;
    padding: 4px;
    background: #eee;
}

.files-grid .fonc {
    float: left;
    width: 50px;
    height: 40px;
    padding: 4px;
    overflow: hidden;
    position: relative;
    background-size: 32px;
    background-position: +8px -8px;
    background-repeat: no-repeat;
}

.files-grid .edit {
    float: left;
    width: 30px;
    position: relative;
    padding: 10px;
}

.files-grid .selec {
    float: left;
    width: 30px;
    text-align: right;
    position: relative;
    padding: 10px;
    border-left: #CCC 1px solid;
}

.files-grid .btn_edit {
    position: absolute;
    left: 115px;
    top: 130px;
}

.files-grid .a-title {
    line-height: 0.5em;
    font-size: 12px;
}

.files-header-icons {
    display: inline-block;
}

.files-header-icons a {
    margin: 0 5px;
}

.files-header-form {
    display: inline-block;
}

.files-header-form form {
    margin: 10px 0 0;
}

.files-select-all {
    margin-bottom: 10px;
}

.files-select-all input {
    margin: 0;
    margin-left: 6px;
}

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

/* Bootstrap screen-sm-min ---------- */
@media only screen and (min-width: 768px) {

    .files-footer .span7 {
        text-align: left;
    }

    .files-footer .span5 {
        text-align: right;
    }

    .files-header .span8 {
        text-align: right;
    }

    .files-header-form form {
        margin: 0;
        margin-left: 10px;
    }

    .files-grid.files-table {
        text-align: left;
    }

    .files-grid.files-table .vignette_cont {
        position: relative;
        display: block;
        width: 100%;
        border: none;
        margin: 0;
        padding: 5px;
        overflow: hidden;
        text-align: left;
        background: #eee;
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .files-grid.files-table .vignette_cont:nth-child(odd) {
        background: #FFF;
    }

    .files-grid.files-table .vignette {
        display: inline-block;
        margin: 4px;
        width: 80px;
        height: 80px; /* margin:5px auto 5px auto; */
        border: #CCC 1px solid;
        background: #fff;
        vertical-align: middle;
        float: none;
    }

    .files-grid.files-table .legende {
        display: inline-block;
        text-align: center;
        font-size: 12px;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        overflow: hidden;
        vertical-align: middle;
        float: none;
    }

    .files-grid.files-table .legendename {
        display: inline-block;
        width: -webkit-calc(100% - 250px);
        width: calc(100% - 250px);
        height: auto;
        margin: 5px;
        vertical-align: middle;
        float: none;
        text-align: left;
        line-height: 1.5;
        font-size: 13px;
        color: #a0a0a0;
    }

    .files-grid.files-table .groupefonc {
        position: relative;
        display: inline-block;
        width: 220px;
        float: none;
        text-align: center;
        border: none;
        padding: 4px;
        background: transparent;
        vertical-align: middle;
    }

    .files-grid.files-table .fonc {
        float: left;
        width: 50px;
        height: 40px;
        padding: 4px;
        overflow: hidden;
        position: relative;
        background-size: 32px;
        background-position: +8px -8px;
        background-repeat: no-repeat;
    }

    .files-grid.files-table .edit {
        float: left;
        width: 30px;
        position: relative;
        padding: 10px;
    }

    .files-grid.files-table .selec {
        float: left;
        width: 30px;
        text-align: right;
        position: relative;
        padding: 14px 0;
        border-left: #CCC 1px solid;
    }

    .files-grid.files-table .selec input {
        margin: 0;
    }

    .files-grid.files-table .btn_edit {
        position: absolute;
        left: 115px;
        top: 130px;
    }

    .files-grid.files-table .a-title {
        line-height: 1.5;
        font-size: 16px;
        color: #313131;
    }

}

/* Single Media */

.media-sources {
    padding: 10px;
    margin: 0px;
    margin-bottom: 10px;
    border: #DDDDDD 1px solid;
    background: #E4E4E4;
    color: #666;
}

.media-info-input {
    background: #D7D7D7;
    margin: 10px 0;
    padding: 15px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.media-info-input input {
    line-height: 1;
    height: auto;
    max-width: 100%;
}

.media-info-box {
    background: #E9E9E9;
    color: #666;
    padding: 10px;
    border: #DDDDDD 1px solid;
    margin-bottom: 10px;
    -webkit-box-shadow: 3px 2px 4px 1px #DDD;
    box-shadow: 3px 2px 4px 1px #DDD;
}

.media-info-box strong {
    color: #999;
    font-size: 12px;
}

.media-info-form hr {
    border-top: none;
    border-color: #ccc;
}

/* Bootstrap screen-sm-min ---------- */
@media only screen and (min-width: 768px) {

    .media-info-form h2 {
        padding-left: 185px;
    }
}

/* Bootstrap screen-md-max ---------- */
@media only screen and (max-width: 979px) {

    .content-app-media-info .span9, .content-app-media-info .span3 {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
    }
}

/* tables */
.table td {
    word-break: break-word;
}    
.table-list {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.table-list td, .table-catlist td {
    vertical-align: middle;
    border-top: 0;
    color: #a0a0a0;
    word-break: break-word;
}

.table-list a {
    color: #313131;
}

.table-list td:last-child, .table-catlist td:last-child {
    border-left: 1px solid #d2d2d2;
}

.table-catlist td:first-child {
    border-right: 1px solid #d2d2d2;
}

.table-catlist .on a {
    color: #626262;
}

.table-catlist .off a, .table-list .off a {
    color: #a0a0a0;
}

.sortable tr {
    width: 100%;
}

.table-catlist td.ico-action {
    width: 50px;
    text-align: center;
}

tr.niv1, tr.niv1 td {
    background-color: #434343 !important;
}

tr.niv2, tr.niv2 td {
    background-color: #a0a0a0 !important;
}

tr.niv3, tr.niv3 td {
    background-color: #eee !important;
}

tr.niv1 td, tr.niv2 td, tr.niv1 th, tr.niv2 th, tr.niv1 a, tr.niv2 a {
    color: #fff;
}

/* blocs logo pour catalogue */

div.bloc-logo-owner { /* vue page catalogue */
    /*display: table-cell;*/
    height: 130px;
    width: 130px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #ddd 1px solid;
}

.bloc-logo-owner img {
    max-width: 110px;

}

div.bloc-logo-list { /* vue page catalogue */

    /*display: table-cell;*/
    height: 50px;
    width: 50px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2.5px;
    border-radius: 2.5px;

}
.app-table-header-image div.bloc-logo-list { /* vue page catalogue */

    display: table-cell;
}
div.bloc-logo-preview { /* vue page aperçu apps */

    /*display: table-cell;*/
    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 3.5px;
    border-radius: 3.5px;

}

div.bloc-logo { /* vue page rubrique intercalaires */

    /*display: table-cell;*/
    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;

}




.bloc-logo img {
    max-width: 40px;

}

/* blocs logos pour onglet images */

div.bloc-media-small {

    height: 60px;
    width: 60px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: #ddd 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
}

div.bloc-media {

    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: #ddd 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
}
div.bloc-media-lansdcape {

    height: 77px;
    width: 102px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: #ddd 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
}

div.bloc-media-banner {

    height: 26px;
    width: 102px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    border: #ddd 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: table-cell;
}

div.bloc-media-ban {
    display: table-cell;
    height: 100px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    background: #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #ddd 1px solid;
}

div.bloc-media-ipad {
    display: table-cell;
    height: 75px;
    width: 100px;
    vertical-align: middle;
    text-align: center;
    background: #ddd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #ddd 1px solid;
    margin-right:0;
}

.img-bottle-aff-vin {
    margin: 3px;
    width: 74px;
    height: 74px;
}

.bloc-media img, .bloc-media-ban img {
    /*max-width: 70px;*/
}

div.bloc-media2 {
    display: table-cell;
    height: 220px;
    width: 220px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #ddd 1px solid;
}

div.bloc-media3 {
    height: 480px;
    vertical-align: middle;
    text-align: center;
    border: #ddd 1px solid;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

div.bloc-media3.pdf {
    background-size: 30%;
    background-color: #ccc;
}



.table-border-bottom td {
    border-top: none;
    border-bottom: 1px solid #DDDDDD;
}

.table-border-bottom td:last-child {
    text-align: right;
}

.table-no-border td, .table-no-border th {
    border: 0;
}

td.end-table {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

td.border-left, th.border-left {
    border-left: 1px solid #ddd;
}

.tab-content-grey .table-striped tbody tr:nth-child(2n) td, .table-striped tbody tr:nth-child(2n) th {
    background-color: #fff;
}

.tab-content-grey td {
    color: #313131;
}

.app-share {
    background-color: #F9F9F9;
    vertical-align: middle;
    border-bottom:1px solid #CCC;

}
.app-share div {
    padding:10px;

}

.app-share img {
    margin:10px;
}

.app-share .big-icopapp {
    margin: 0 !important;
}

div.cadre_visuel {
    display: table-cell;
    width: 120px;
    height: 120px;
    padding: 9px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #bfbfbf;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cadre_visuel img {
    max-width: 100%;
    max-height: 120px;
}

.type_sel {
    /*margin: 6px;*/
    padding: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 40px;
    display:inline-block;
    vertical-align:top;

}

.type_sel a.btn {
    padding-bottom: 2px;

}

div.table_header {
    background: #E9E9E9;
    padding: 20px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.table_hover div.table_header {
    background: #E9E9E9;
    padding: 10px;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

div.table_degrade {
    height: 19px;
    position: relative;
    background: url(../admin_user/vincod/images/pied-degrade.png) top left repeat-x;
}

div.table_fleche {
    position: absolute;
    left: 35px;
    top: 0;
    width: 20px;
    height: 10px;
    display: none;
}

.filariane, .filariane-nolink {
    margin-bottom: 6px;
    color: #fff;
    font-size: .8em;
}

.filariane-nolink {

    color: #A0A0A0;

}

.filariane a, .filariane-nolink a {
    color: #A0A0A0;
    text-decoration: none;
}
.filariane i{
    /*background:white;
    border-radius:20px;
    padding:5px;
    margin:0 10px;*/
}


.filariane img, .filariane-nolink img {
    display: inline-block;
    margin: 0 8px;
}

.filariane a:hover, .filariane-nolink a:hover {
    color: #FFF;
}

.filariane-part {
    display: inline-block;
}


.filariane .unpublished, .filariane-nolink .unpublished  {
    
    opacity: .5;

}
/*
.filariane .breadcrumb-part i {

    background:rgba(255, 255, 255, .5)!important;
    border-radius:20px!important;
    padding:5px!important;
    width:auto!important;
    margin:0 5px;
    }
    .filariane i:hover, .breadcrumb-part i:hover {

        background:rgba(255, 255, 255, 1)!important;
        border-radius:20px!important;
        padding:5px!important;
        width:auto!important;
        margin:0 5px;
        }
.filariane i:hover  {

    color:#790e11;
}

.filariane .breadcrumb-part  {

    border-radius:20px;
    padding:4px 8px;;

}
.filariane .breadcrumb-part:hover  {

    background:#FFF;
    color:#A0A0A0;

}
.filariane .breadcrumb-part:hover a:hover {

    color:#A0A0A0;

}*/
.filariane .breadcrumb-part, .filariane-nolink .breadcrumb-part {

    border-radius:20px;
    padding:4px 4px 4px 0;
    margin:0 2px;

}
.filariane .breadcrumb-part:last-child, .filariane-nolink .breadcrumb-part:last-child {

    padding:4px 0;
    margin:0;

}

.filariane .breadcrumb-part:hover, .filariane-nolink .breadcrumb-part:hover {

    /*background:rgba(255, 255, 255, .3);*/

}

.filariane .breadcrumb-part i, .filariane-nolink .breadcrumb-part i{

    background:rgba(255, 255, 255, .3);
    border-radius:20px;
    padding:5px;
    margin:-2px 6px 0 0;
    text-shadow:none;
}
.filariane-nolink .breadcrumb-part i{

    background:none;
}

.filariane .breadcrumb-part i:hover {

    color:#08c!important;
    background:rgba(255, 255, 255, 1);

    }
.ligne_millesime .mill{
    /*width:130px;
    margin-bottom:10px;*/
}

div.table_footer {
    background: #E9E9E9;
    padding: 10px 15px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.table_hover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E9E9E9;
    overflow: hidden;
}
/*
.table_hover:hover .table_header, .table_hover:hover .table_footer {
    background: rgb(71, 71, 71);
}
.table_hover:hover .table_footer .show-millesimes{
    color:#fff;
}
.table_hover:hover .mill_titre, .table_hover:hover .mill_titre h1, .table_hover:hover .mill_titre a, .table_hover:hover .fas:hover {
    color: #fff;
    text-decoration:none;
}
*/

.table_hover .fas, .table_hover:hover .fas:hover {
    color: #b9b8b8;
}
.table_hover:hover .table_header .filariane i {
    /*background: #666666;*/
}
/*
.table_hover:hover .table_header .filariane i:hover {
    color: #333333; 
    background: #FFF;
}
*/
.ligne_millesime {
    margin: 0 0 15px 0;
    /*padding: 4px 0 4px 0;*/
    padding:0 0 15px 0;
    border-bottom:1px #efeded dotted
}

.ligne_millesime:last-child {
    border-bottom: none;
    margin:0;
}




.mill {
    width: 60px;
    float: left;
    text-align: center;
    font-size: 14px;
    padding-left: 5px;
    font-weight: bold;
    color: #b9b8b8;
}
.ligne_millesime .mill{
    width:75px;
    margin:auto;
}
.mill_titre {
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
.mill_titre a {
text-decoration: none;
    color: #000;
}

.mill_titre p {
    font-weight: normal;
    font-size: 14px;
    color: #A0A0A0;
}

.lang {
    color: #b9b8b8;
    padding: 10px 0 10px 0!important;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    width:120px;
    padding:0;
    vertical-align:middle;
    
}

.lang a {
    color: #b9b8b8;
    text-decoration: none;
}

.lang a:hover {
    color: #000;
    text-decoration: none;
}

.lang.popup_wine {
    /*padding: 0 20px 0 20px;*/
    padding:0;
    width:150px;
    
}


.lang.popup_wine .wine-btn {

    /*display: inline-block;
    border-radius: 20px 0 0 20px;

    width:18px;*/
    /*position:absolute;*/
    
    /*padding: 7px 10px 0 7px;
    margin-left: 1px;
    background-image:none;*/
    
    /*color:#333333;
    background-color: #e9e9e9;
    color:white;*/
    
    /*color:#B9B8B8;
    background-color: white;
    height:23px;
    border:none;
    text-shadow:none!important;*/
    display: inline-block;
    color:#B9B8B8;
    border-radius: 20px;
    border:1px solid #DDD;
}
.table_hover:hover .lang.popup_wine .wine-btn {
    /*color:#B9B8B8;*/
   

}
.lang.popup_wine .selectable.wine-btn, .lang.popup_wine:hover .selectable.wine-btn {

    display:inline-block;                      
}
.lang.popup_wine:hover .selectable.wine-btn {
    color:white;
    background-color: #97bf0d;                  
}
/*
.lang.popup_wine:hover .wine-btn {
    display: inline-block !important;
    background-image:none;
    background-color: #97bf0d
}*/
.lang.popup_wine .wine-btn, .lang.popup_wine:hover .wine-btn {
    /*display:none; */                     
}
/*
.lang.popup_wine .wine-btn {
    color: #97bf0d;
    display: none;
    width: 18px;
    position: absolute;
    padding: 3.4px 9px 3.4px 7px;
    border-radius: unset;
    margin-left: 1px;
}
*/
.lang.popup_wine .background_button img {
    margin-left: 8px;
    margin-right: 2px;
    width: 14px;
}

.lang.popup_wine .background_button {
    display: -webkit-inline-box !important;
    padding: 4.9px 12px;
}

.lang.popup_wine .background_button.wine_on{
    /*color:#333333;
    background-color: #e9e9e9;*/
    border-radius: 20px;
    /*border:1px solid #DDD;*/

}

.lang.popup_wine .background_button.wine_on::before{
    font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size:1.2em;content: "\f111  ";margin-right:10px;
}
.lang.popup_wine .background_button.wine_off::before{
    font-family: "Font Awesome 5 Pro"; font-weight: 100; font-size:1.2em;content: "\f071  ";margin-right:10px;
}
.lang.popup_wine .background_button.wine_on:hover::before{

    font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f058  ";
}

.lang.popup_wine:hover .background_button.wine_on{
    background-color: #97bf0d;
    color:white!important;
    cursor:pointer;
}

.lang.popup_wine .background_button.wine_off, .lang.popup_wine:hover .background_button.wine_off{
    /*background-color: white; #e6e6e6;*/
}

.lang.popup_wine:hover .background_button:not(.wine_off) div {
    color: #FFF;
}

.btn-add-wine {
    height: 30px !important;
    width: 30px !important;
    margin-top: 14px;
    cursor: pointer;
}

.pointilles.add-wine {
    margin: 0 0 20px 0;
}


.header_add_wine {
    padding: 12px;
    border-bottom: 1px solid #dddddd;  
    text-align:center;
}
#popup-contenu .header_add_wine {
    /*padding: 12px;
    
    background:blue;
    text-align:center;*/
    border-bottom: none;
    margin:10px;
}
.tab_add_wine {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 4px 6px rgb(0 0 0 / 15%);
    box-shadow: 2px 4px 6px rgb(0 0 0 / 15%);
    border: 1px solid #dddddd;
    padding:0px;
    margin:0 auto 20px auto;
}

.first_header_add_wine {
    display: flex;
}

.display_list_wine {
    margin: 5px;
}

.langue_dispo {
  display: flow-root;  
}

.table_footer .actions{
    margin-bottom:20px;
    padding-left:22px;
    font-size:14px; font-weight:normal;
}

.actions a {
    color: #a1a1a1;
    text-decoration: none;
}
.actions .show-millesimes{
    color:#474848;
}
.actions .show-millesimes:hover{
    color:#000;
}
.actions a:hover {
    color: #000;
    text-decoration: none;
}

.table-header-image {
    display: inline-block;
    /*width: 100px;

    padding: 10px;*/
    margin-right: 15px;
    vertical-align: middle;
    width:auto;
    padding:O;
}

.table-header-image > span {
    display: block;
}

.table-header-image .bloc-media.transparent {
    background: transparent;
}

.table-header-text {
    display: inline-block;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 140px);
    padding: 10px 0;
    vertical-align: middle;
}

.table-header-text .bloc-action {
    margin-top: 10px;
}

.table-header-text h3 {
    margin-top: 0;
    color: #626262;
    font-size: 18px;
}

.table-tarifs .btn {
    font-size: 14px;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .table-header-image {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 0;
        text-align: center;
    }

    .table-header-image > span {
        display: inline-block;
    }

    .table-header-text {
        display: block;
        width: 100%;
        padding: 0;
    }

    .table-header-text h3 {
        text-align: center;
    }

    .table_footer .actions{

        padding-left:0;

    }

    .filariane {
        margin-bottom: 15px;
    }

    .filariane-part {
        display: block;
        line-height: 1.6;
    }

    .filariane-part img {
        display: none;
    }
}

/** formulaires **/
.search-query{
	background: #000 url('../images/b_loupe.png') no-repeat 10px center;
	padding-left:30px!important;
	border-radius:4px!important;
	-webkit-border-radius:4px!important;
	-moz-border-radius:4px!important;	
}

#search_input{
    border-radius:0 30px 30px 0;
    -webkit-border-radius:0 30px 30px 0;
    -moz-border-radius:0 30px 30px 0;
    border-left:none;	
}

#search_button{
    height:40px;
    padding:5px 10px;
    background:white;
    border-radius:30px 0 0 30px;
    -webkit-border-radius:30px 0 0 30px;
    -moz-border-radius:30px 0 0 30px;
    border:1px solid #ccc;
    border-right:none;	
}

.top-search-form .btn {
    padding: 9px 12px;
}
.top-search-form .controls {
    display:inline-block;
}
.top-search-form form {
    margin: 0;
    text-align: right;
}

.top-search-form select {
    width: auto;
    max-width: 100%;
}

.top-search-form input[type="text"] {
    width: auto;
    min-width: 280px;
}

.top-search-form .i-view-on i{

    margin-top:5px;
    padding:5px;
    font-size:1.4em;
    color:grey;
}
.top-search-form .i-view-off i{

    margin-top:5px;
    padding:5px;
    font-size:1.4em;
    color:grey;
}

.top-search-form .i-view-on:hover > i, .top-search-form .i-view-off:hover >i {
    color:#08C;
}
.top-search-form .i-view-on, .top-search-form .i-view-off{
    color:grey;
    text-decoration:none;
}
.top-search-form .i-view-on:hover,.top-search-form .i-view-off:hover {
    color:#08c;
}
/*
.top-search-form .i-view-on:hover > i.fas.fa-expand-arrows-alt:before {
    content: '\f047'!important;
}
*/
.formontop{
    border-bottom:none!important;
    border-bottom-right-radius:0!important;
    border-bottom-left-radius:0!important;
    margin-bottom:0!important;
}
.formonmiddle{
    border-top:none!important;
    border-bottom:none!important;
    border-top-right-radius:0!important;
    border-top-left-radius:0!important;
    border-bottom-right-radius:0!important;
    border-bottom-left-radius:0!important;
    margin-bottom:0!important;
}
.formonbottom{
    border-top:none!important;
    border-top-right-radius:0!important;
    border-top-left-radius:0!important;
}

.input-grey {

    background-color:#eee!important;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .top-search-form {
        text-align: center;
    }
    .top-search-form .btn {
        padding: 9px 12px;
    }

    .top-search-form i {
        margin-right: 5px;
        height: 18px;
        background-position: -100px -22px;
    }

    .top-search-form .input-append {
        display: block;
    }

    .top-search-form form {
        text-align: center;
    }

    .top-search-form .floatright, .top-search-form .floatleft {
        float: none;
        text-align: center;
    }

    .top-search-form input[type="text"] {
        /*width: auto;
        min-width: 60%;*/
    }
}

.input-long {
    width: 515px;
    padding:5px;
    width: calc(100% - 10px);
}

.input-full-width{
    padding:5px;
    width: calc(100% - 10px);
}

legend {
    margin-bottom: 0;
    border-bottom: #CCC 2px dotted;
}

.tab-content .input-long {
    width: 525px;
           /* -webkit-box-sizing: border-box;
        box-sizing: border-box;*/
}

.select {
    width: 542px;
}

.input-xlarge {
    width: 542px;
}

small.text-muted {
    color: #FFF;
  }

  .bs-searchbox:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url('/images/glyphicons-halflings.png');
    background-position: -48px 0;
    position: absolute;
    top: 18px;
    left: 7px;
    opacity: .5;
    z-index: 1000;
  }

  div.bs-searchbox input {
    height: 20px;
    margin-left: 20px;
    width: 90% !important;
  }

  div.bootstrap-select button {
    background-color: #FFF;
  }

/* configuration translator */

.translator .input-long, .translator .tab-content .input-long, .translator .input-large,.translator .tab-content .input-large {
    width: 100%;
}

.form-horizontal .translator .control-label {
    text-align:left;
    float:none;
}

.form-horizontal .translator .controls {
    margin-left: 0!important;
}

.bloc-identifier {
    border-bottom: 1px solid #DDDDDD;
}

.btn-success, .navbar .nav .btn-success {
	color:#FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    font-weight: bold;
    background-color: #97bf0d;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(135, 172, 12)), color-stop(50%, rgb(141, 180, 12)), color-stop(75%, rgb(152, 191, 13)));
    background-image: linear-gradient(bottom, rgb(135, 172, 12) 0%, rgb(141, 180, 12) 50%, rgb(152, 191, 13) 75%);
    background-image: -webkit-linear-gradient(bottom, rgb(135, 172, 12) 0%, rgb(141, 180, 12) 50%, rgb(152, 191, 13) 75%);
    background-image: -ms-linear-gradient(bottom, rgb(135, 172, 12) 0%, rgb(141, 180, 12) 50%, rgb(152, 191, 13) 75%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(135, 172, 12)),
        color-stop(0.5, rgb(141, 180, 12)),
        color-stop(0.75, rgb(152, 191, 13))
    );
}



.btn-success:hover, .btn-group.open .btn-success.dropdown-toggle, .navbar .nav .btn-success:hover {
	color:#FFF;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);	
    background-color: #72900a!important;
}

.btn-renew {
    cursor:pointer;
    display:inline-block;
    padding:10px;
    line-height:20px;
    text-align:center;
    color:white;
    background-color:#1e8fee;
    
    border:1px solid #1a82d7;
}
.btn-renew.btn-large:hover {
    text-decoration:none;
    background-color:#1a82d7;
}

.btn-search {
    padding:10px;
    font-weight: 500;

}
.btn-wide{
    width:100%!important;
}

.btadd {
    padding-bottom: 10px;
}

input[readonly], select[readonly], textarea[readonly] {
    cursor: text;
}

::-webkit-input-placeholder {
	color: rgba(0,0,0,0.2)!important;
	font-style:italic!important;
}
::-moz-placeholder {
	color: rgba(0,0,0,0.2)!important;
	font-style:italic!important;
}
:-ms-input-placeholder {
	color: rgba(0,0,0,0.2)!important;
	font-style:italic!important;
}
::placeholder {
	color: rgba(0,0,0,0.2)!important;
	font-style:italic!important;
}

.controls-upload {
    background: #d6d6d6;
    padding: 10px;
    width: 400px;
}

.controls-upload .control-browse {
    float: left;
    margin-left: 20px;
    padding-top: 10px;
}

.btn-del-img {
    float: right;
    margin-top: 12px;
}

/* add media */

.ico-folder {
    position: relative;
    float: right;
    display: block;
    width: 180px;
    height: 180px;
}

.image-uploader .inner-dropzone {
    margin-bottom: 25px;
    text-align: center;
}

.image-uploader .dropzone .dz-default.dz-message {
    background: #484747 url("../images/ico-folder.png") no-repeat center center;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border: 3px dashed transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.image-uploader .dropzone.dz-drag-hover .dz-default.dz-message {
    border-color: #ddd;
}

.ico-folder:hover {
    opacity: 0.75;
}

.ico-folder .bt_blocktitle {
    position: absolute;
    bottom: 20px;
    left: 65px;
    color: #fff;
}

#progressZone {
    width: 100%;
    margin: auto;
    padding: 0 0 20px;
}

#progressZone .file {
    position: relative;
    margin-bottom: 5px;
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    color: #fff;
}

#progressZone .file .infos {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 40px;
    height: 100%;

    text-align: center;
    line-height: 20px;

    overflow: hidden;
}

#progressZone .file .progressBar {
    position: absolute;
    width: 0%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#progressZone .file .progressBar.upload {
    background: #98bf0d;
}

#progressZone .file .progressBar.recompose {
    background: #2099ff;
}

#progressZone .file .icon {
    position: absolute;
    top: 2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#progressZone .file .icon.stop {
    right: 2px;
}

#progressZone .file .icon.pause, .file .icon.resume {
    right: 24px;
    display: none;
}

/** portfolio **/

.tab-content legend {
    width: auto;
    border: none;
    padding-left: 180px;
    border-bottom: #CCC 2px dotted;
    margin-bottom: 10px;
}

fieldset p, fieldset h3 {
    margin: auto;
    max-width: 570px;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .tab-content legend {
        padding-left: 0;
    }

    fieldset p, fieldset h3 {
        margin-left: 0;
        width: auto;
    }
}

.divoptaff {
    float: right;
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
    position: relative;
}

.divoptaffch {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    border: 2px solid #808080;
    background: #fff;
    z-index: 8000;
    padding: 10px 20px;
}

.divoptaffch p {
    text-align: center;
}

.listeoptaff {
    margin: 0;
}

.cepage, .article, .opinion {
    padding: 8px 0 8px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #E5E7EC;

}

.cepage, .opinion {
    margin-bottom: 10px;
    max-width: 750px;
}

div.btdel {
    float: right;
}

.variety_cepage, .opinion_type {
    width: 100%;
    max-width: 420px;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .variety_cepage, .opinion_type {
        max-width: 280px;
    }
}

.ico_order {
    cursor: s-resize;
}

table.article {
    background: #eee;
    margin: 5px 0 0;
}

table.article:first-child {
    margin: 0;
}

table.article td {
    vertical-align: middle;
}

/* portfolio avec mise en page de ouf */

.table-portfolio {
    width: 100%;
}

.table-portfolio thead h2 {
    /*padding: 0 10px 10px;*/
    margin: 0;
}

.table-portfolio tr {
    border-top: 3px solid #fff;
}

.table-portfolio tbody > tr:first-child, .table-portfolio tfoot > tr {
    border-top: 0;
}

.table-portfolio tbody > tr:last-child {
    border-bottom: 3px solid #fff;
}

.table-portfolio td {
    vertical-align: top;
}

.table-inapp {
    width: 100%;
}

.table-inapp thead h2 {
    padding: 0 10px 10px;
    margin: 0;
}

.table-inapp tr {
	background:#FFF!important;
}

.table-inapp tbody > tr:first-child, .table-inapp tfoot > tr {
    
}

.table-inapp tbody > tr:last-child {
    
}

.table-inapp td {
    vertical-align: middle;
}

.width-owner {
    width: 170px;
    border-right: 3px solid transparent;
}

.width-owner-in {
    width: 260px;
    border-right: 3px solid transparent;
}

.width-group, .width-selection {
    width: 25%; /*185px;*/
    border-right: 3px solid transparent;
}
.width-brand {
    width: 50%; /*300px;*/
    border-right: 3px solid transparent;
}
.width-range {
    width: 85%; /*300px;*/
    border-right: 3px solid transparent;
}
.width-product {
    width: 80%;
    background:#F0F0F0;
    border-right: 3px solid rgb(246,246,246)!important;
}

.table-vertical .width-group, .table-vertical .width-brand, .table-vertical .width-range {
    border-right: none;
}

.width-wine {
    width: 30px;
}

.width-wine:hover{
    background: #484747;
}

.table-vertical .width-wine {
    border-left: 3px solid #fff;
    border-right: none;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.table-vertical .width-wine:hover {
    background: #484747;
}

.width-product-status {
    width: 300px;

}

.width-product-status-synced {
	    overflow: hidden;
    background:#08c;

}

.table-vertical .width-product-status {

    vertical-align: middle;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.table-vertical .width-product-status:hover {
    /*background: #484747;*/
}

.width-cat, .width-dossiers, .width-sous-dossiers {
    width: 313px;
    border-right: 3px solid #fff;
}

tbody .width-owner, tbody .width-owner-in {
    background: #ECECEC; /*#eaeaea*/
}

tbody .width-group {
    background: #F4F4F4;/*#f3f3f3*/
}

tbody .width-selection {
    background: #F6F6F6;
}

tbody .width-brand {
    background: #ECECEC;/*#ececec*/
}

.table-vertical tbody .width-brand {
    background: #ECECEC; /*#ddd*/
}

tbody .width-range {
    background: #F4F4F4;/*#f4f4f4*/
}

.table-vertical tbody .width-range {
    padding-left: 20px;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .table-vertical tbody .width-range {
        padding-left: 0;
    }
}

tbody .width-wine {
    background: #C4C4C4;/*#c1c1c1*/
}

tbody .width-cat, tbody .width-dossiers, tbody .width-sous-dossiers {
    background: #fff;
}

.table-brand.table-vertical {
    overflow: hidden;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
.table-product.table-vertical {
    overflow: hidden;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}

.table-vertical.table-radius {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.table-vertical.table-radius .row-brand {
    border-bottom: none;
}

.table-vertical tbody .row-brand:last-child .width-range, .table-vertical tbody .row-brand:nth-child(2) .width-brand {
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    background: #f0f0f0;
}

.table-vertical .width-product-status {
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    background: #f0f0f0;

}
.table-vertical .width-product-status-synced {
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    background: #08c;
    color:#FFF;
    font-size:1em;
    text-align:center;
    text-transform: uppercase;

}

.table-vertical .table-range {
    position: relative;
    overflow: hidden;
}

.bloc {
    padding: 10px;
}

.bloc .floatleft {
    margin-right: 10px;
}

.bloc-action {
    border-top: 1px solid #dcdcdc;
}

.bloc-action .grey {
    color:#929292;
}

.bloc-action .blue {
    color:#1b83da;
}

.bloc-action i {
 padding: 0 5px 20px 0;
}
.bloc-action .btn i {
    padding: 2px;
   }
.bloc-action a {
    text-decoration: none;
}

.go-wines {
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

.go-wines:hover {
    color: #fff;
    text-decoration: none;
}

.go-wines .bloc-action {
    padding: 10px;
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .go-wines {
        font-size: 14px;
    }
}

.ico-wines {
    display: block;
    padding: 15px 10px;
    margin: auto;
    width: 28px;
    height: 36px;
    	background: url('../images/ico_wines.png') no-repeat center center;	
}

/* preview */

.vincod-status, .vincod-status a, .vincod-status a:hover  {

    color:#969696;
    font-size:1em;
    text-shadow: 0 1px 0 #ffffff;
    text-decoration:none;

}
.vincod-status i:hover  {

    color:#790e11;


}

.wine-breadcrumb {

    color:#969696;
    font-size:.8em;
    text-shadow: 0 1px 0 #ffffff;
    text-decoration:none;
    padding:0;

}

.wine-breadcrumb a  {
    
    color:#969696;    
    text-decoration:none;

}

.wine-breadcrumb .unpublished  {
    
    opacity: .5;

}
/*
.wine-breadcrumb i{
    margin-bottom:4px;
    }

.wine-breadcrumb i:hover  {

    color:#790e11;
}
*/
.wine-breadcrumb .breadcrumb-part  {

    border-radius:20px;
    padding:4px 4px 4px 0;
    margin:0 2px;

}

.wine-breadcrumb .breadcrumb-part:last-child  {

    padding:4px 0;
    margin:0;

}

.wine-breadcrumb .breadcrumb-part:hover  {

    background:rgba(255, 255, 255, .3);

}

.wine-breadcrumb .breadcrumb-part i {

    background:rgba(255, 255, 255, .5);
    border-radius:20px;
    padding:5px;
    margin:-2px 6px 0 0;
    text-shadow:none;
    width:auto;
}


.wine-breadcrumb .breadcrumb-part i:hover {

    color:#08c;
    background:rgba(255, 255, 255, 1);

    }

.previewpanel {

    margin: 0px;
    padding: 0px !important;
    border: none;
	height:auto;
    background-color: #fafafa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff;

}

.previewpanel-bloc {
    width: 100px;
    text-align: center;
    border-right: #e3e3e3 1px solid;
    vertical-align: top;
    padding-bottom: 2px;
    font-size:.9em;
}

.previewpanel-bloc-on {
    width: 100px;
    text-align: center;
    border-right: #e3e3e3 1px solid;
    vertical-align: top;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    background-color: #E5E5E5;
    border: none;
    color: #313131;
    padding-bottom: 2px;
    font-size:.9em;    
}

.previewpanel-bloc-on a,.create .previewpanel-bloc-on a:hover,.create  .previewpanel-bloc a:hover {
    color: #313131;
    text-decoration: none;
}

.previewpanel-bloc a {
    color: #777777;
    text-decoration: none;
}



.previewpanel-bloc img, .previewpanel-bloc-on img {
    width: 60px;
    padding: 0 20px;

}

.previewpanel-btn {
    color: #313131;
    background-color: #E5E5E5;
    padding: 10px;
}

#preview {
    position: relative;
    /*max-width: 950px;*/
    width:100%;
    height: 670px;
    background-color: #1e8fee;
    background-image: url('/admin_user/images/preview_online.png'), url('/admin_user/images/previewprint_online.png');
    background-repeat:no-repeat, repeat-x;
    background-position: center, top;
}

#previewoffline {
    position: relative;
    /*max-width: 950px;*/
    width:100%;
    height: 670px;
    background-color: #939393;
    background-image: url('/admin_user/images/preview_offline.png'), url('/admin_user/images/previewprint_offline.png');
    background-repeat:no-repeat, repeat-x;
    background-position: center, top;
}

#previewcreate {
    position: relative;
    max-width: 950px;
    height: 670px;
    background: url('/admin_user/images/preview_createvincod.png') no-repeat;
    background-position: center;
}

#preview iframe, #previewoffline iframe, #previewcreate iframe {
    display: block;
    position: relative;
    width: 345px;
    height: 620px;
    padding-top: 14px;
    margin: auto;
}
@media only screen and (max-width: 412px) {
    #preview iframe, #previewoffline iframe, #previewcreate iframe {
        margin-top: 0px;
        margin-left: 0;
        width: 100%;
        height: 900px;
    }
}
div#etat_fiche {
    position: absolute;
    right: 0;
    top: 0;
}

#previewprint {

    /*max-width: 950px;*/
    width:100%;
    height: 900px;
    background: url('/admin_user/images/previewprint_online.png') no-repeat;
    background-size:cover;
    position: relative;
    z-index: 1;
}

#previewprint_1794 {

    /*max-width: 950px;*/
    width:100%;
    height: 900px;
    /*background: url('/admin_user/images/previewprint_1794.png') no-repeat;*/
    background-color:#E32027;
    -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5) inset;    
    -moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5) inset;    
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5) inset;
    -moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	border-radius:0px 0px 7px 7px;       
    position: relative;
    z-index: 1;
}

#previewprintoffline {

    /*max-width: 950px;*/
    width:100%;
    height: 900px;
    background: url('/admin_user/images/previewprint_offline.png') no-repeat;
    background-size:cover;
    position: relative;
    z-index: 1;
}

#previewprintcreate {

    width: 950px;
    height: 900px;
    background: url('/admin_user/images/previewprint_createvincod.png') no-repeat;
    position: relative;
    z-index: 1;
}

#previewprintoffline_step3_interrhone {

    max-width: 950px;
    height: 605px;
    background: url('/admin_user/images/previewprint_offline.png') no-repeat;
    position: relative;
    z-index: 1;
}

#previewprint iframe, #previewprintoffline iframe, #previewprintcreate iframe, #previewprintoffline_step3_interrhone iframe, #previewprint_1794 iframe {


    display: block;
    position: relative;
    width: 600px;
    height: 900px;

    margin: auto;

}

@media only screen and (max-width: 912px) {
    #previewprint iframe, #previewprintoffline iframe, #previewprintcreate iframe, #previewprintoffline_step3_interrhone iframe, #previewprint_1794 iframe {
        margin-top: 0px;
        margin-left: 0;
        width: 100%;
        height: 900px;
    }
}
#previewdisplay {

    /*max-width: 950px;*/
    width:100%;
    height: 700px;
    background: url('/admin_user/images/previewprint_online.png') no-repeat;
    background-size:cover;
    position: relative;
    z-index: 1;
}

#previewdisplayvino {

/*
    max-width: 950px;
    height: 1200px;
    background: url('/admin_user/images/previewprint_online.png') no-repeat;
    position: relative;
    z-index: 1;
*/
    /*max-width: 950px;*/
    width:100%;
    height: 1200px;
    background-color:#1E90FF;
    -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5) inset;    
    -moz-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5) inset;    
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5) inset;
    -moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	border-radius:0px 0px 7px 7px;    
    position: relative;
    z-index: 1;    
    
}

#previewdisplayoffline {

    /*max-width: 950px;*/
    width:100%;
    height: 900px;
    background: url('/admin_user/images/previewprint_offline.png') no-repeat;
    background-size:cover;
    position: relative;
    z-index: 1;
}



#previewdisplay iframe, #previewdisplayoffline iframe {
    margin-top: 0px;
    margin-left: 20px;
    width: 900px;
    height: 700px;
}
@media only screen and (max-width: 912px) {
    #previewdisplay iframe, #previewdisplayoffline iframe {
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        height: 700px;
    }
}
#previewdisplayvino iframe {
    margin-top: 0px;
    margin-left: 50px;
    width: 800px;
    height: 1200px;
}

#previewtablette {

    /*max-width: 950px;*/
    width:100%;
    height: 1140px;

    position: relative;
    background-color: #1e8fee;
    background-image: url('/admin_user/images/previewresponsive_online.png'), url('/admin_user/images/previewprint_online.png');
    background-repeat:no-repeat, repeat-x;
    background-position:center, top;


    z-index: 1;
}

#previewtabletteoffline {

    /*max-width: 950px;*/
    width:100%;
    height: 1140px;

    position: relative;
    background-color: #939393;
    background-image: url('/admin_user/images/previewresponsive_offline.png'), url('/admin_user/images/previewprint_offline.png');
    background-repeat:no-repeat, repeat-x;
    background-position:center, top;
    z-index: 1;
}



#previewtablette iframe, #previewtabletteoffline iframe {
    display: block;
    position: relative;
    width: 835px;
    height: 1100px;
    padding-top: 27px;
    margin: auto;
}
@media only screen and (max-width: 1024px) {
    #previewtablette iframe, #previewtabletteoffline iframe {
        padding-top: 0px;
        margin-left: 0;
        width: 100%;
        height: 1140px;
    }
}

#previewfacebook {

    /*max-width: 950px;*/

    width:100%;
    height: 700px;

    position: relative;
    background-color:#1E90FF;
    background-image: url('/admin_user/images/previewfacebook_online.png'), url('/admin_user/images/previewprint_online.png');
    background-repeat:no-repeat, repeat-x;
    background-position: top, top;


    z-index: 1;
    padding-top:110px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;
    -moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	border-radius:0px 0px 7px 7px; 
    
}

#previewfacebookoffline {

    /*max-width: 950px;*/
    width:100%;
    height: 700px;

    position: relative;
    background-color:#939393;
    background-image: url('/admin_user/images/previewfacebook_offline.png'), url('/admin_user/images/previewprint_offline.png');
    background-repeat:no-repeat, repeat-x;
    background-position: top, top;
    z-index: 1;
    padding-top:110px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;
    -moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	border-radius:0px 0px 7px 7px; 
}

#previewfacebook iframe, #previewfacebookoffline iframe {
    margin-top: 98px;
    margin-left: 192px;
    width: 740px;
    height: 1042px;
}

#previewbrowser {

    /*max-width: 950px;*/

    width:100%;
    

    position: relative;
    background-color:#1E90FF;
    background-image: url('/admin_user/images/previewwebright_online.png'), url('/admin_user/images/previewweb_online.png');
    background-repeat:no-repeat, repeat-x;
    background-position: top right, top left;
    z-index: 1;
    padding-top:45px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;
    -moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	border-radius:0px 0px 7px 7px; 
    
}

#previewbrowseroffline {

    /*max-width: 950px;*/

    width:100%;
    position: relative;
    background-color:#939393;
    background-image: url('/admin_user/images/previewwebright_offline.png'), url('/admin_user/images/previewweb_offline.png');
    background-repeat:no-repeat, repeat-x;
    background-position: top right, top left;


    z-index: 1;
    padding-top:45px;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;    
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2) inset;
    -moz-border-radius:0px 0px 7px 7px;
	-webkit-border-radius:0px 0px 7px 7px;
	border-radius:0px 0px 7px 7px; 
    
}

#previewbrowser .website, #previewbrowseroffline .website {
    display: block;
    position: relative;
    height: 1100px;
    padding: 27px 10px 0 10px;
    margin: 0 20px;
}
@media only screen and (max-width: 1024px) {
    #previewbrowser, #previewbrowseroffline {
        padding-top: 0px;

    }
    #previewbrowser  .website, #previewbrowseroffline .website {
        
        margin: 0;
        height: auto;
    }
}



.template-preview{    
    padding:2px;    
}    
.template-preview-on a{
    color:#FFF!important;
    background-color:#313131;
    padding:5px;
    text-shadow:none;
}    
.template-preview-off a{    
    padding:5px;    
} 
.template-preview-off a:hover{
    background-color:#eee;
    padding:5px;    
} 

/* applications */

.line {
    margin-bottom: 20px;
}

.product_store {
    display: inline-block;
    width: 215px;
    /*min-height: 245px;
    padding-bottom: 20px;*/
    margin: 10px 0px 10px 20px;
    vertical-align: bottom;
    text-decoration: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
    background-color: #e9e9e9 /*#f3f3f3*/;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
    background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.48, rgb(238, 238, 238)),
        color-stop(0.74, rgb(249, 249, 249))
    );
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    border: 1px solid #CCC;

}

.product_store p {
    margin: 0;
    text-align: center;
}

/*.product_pdf {
	background: url('../img/filtre_app.png'), url('http://vin.co/about/img/vin-co-catalogue-imprime-usages.jpg');
	background-position:center,90% 80%;
	background-repeat: repeat, no-repeat;
	background-size:auto, cover;
	background-color: #474848;
	
}

.product_mobile, .product_responsive {
	background: url('../img/filtre_app.png'), url('http://vin.co/about/img/vin-co-catalogue-mobile-usages.jpg');
	background-position:center,80% 80%;
	background-repeat: repeat, no-repeat;
	background-size:auto, cover;
	background-color: #474848;
	
}

.product_extranet {
	background: url('../img/filtre_app.png'), url('http://vin.co/about/img/vin-co-extranet-usages.jpg');
	background-position:center,80% 80%;
	background-repeat: repeat, no-repeat;
	background-size:auto, cover;
	background-color: #474848;
	
}*/

.product_visu {
    position: relative;
    display: block;
    /*height:200px;*/
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 40% 0;
}

.product_visu .fanion {
    position: absolute;
    top: 0;
    right: 20px;
}

.content-app .fanion, .content-appli .fanion {
    position: absolute;
    top: 0;
    right: 40px;
}

.product_store .product_lib {
    padding: 110px 40px 5px;
    min-height:60px;
    color: #626262;
    text-shadow: 0 1px 1px #fff;
    font-size: 18px;
    line-height: 24px;
}

.product_lib a {
    text-decoration: none;
    color: #626262;
}

.product_lib span.blue {
    font-size: 14px;
    color: #1b83da;
}

.product_lib span.blue:before {
    content: "• ";
}

.product_lib span.blue:after {
    content: " ›";
}

.product_lib span.blue:hover {
    text-decoration: underline;
}

.btinstall {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
 

}


.btinstall span {
    display: block;
    padding:10px;   
    text-decoration: none;
}

.btinstall span.price {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.btinstall span.action {
    /*border-top: 1px solid rgba(0, 0, 0, .25);*/

}
.btinstall span.action:hover {
    /*border-top: 1px solid rgba(0, 0, 0, .25);*/
}
.btinstall.run {
    background-color: rgb(23, 153, 255);
/*
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.3, rgb(26, 123, 204)),
        color-stop(0.65, rgb(23, 153, 255))
    );
    */
}
.btinstall.run:hover{
    background-color: rgb(26, 123, 204);
}

.btinstall.disactivate {
    background-color: #c7c6c7;
    background-color: #d9534f;
    /*
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(172, 171, 172)), color-stop(65%, rgb(213, 212, 213)));
    background-image: linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);
    background-image: -webkit-linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);
    background-image: -ms-linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.3, rgb(172, 171, 172)),
        color-stop(0.65, rgb(213, 212, 213))
    );
    */
}

.btinstall.activate {
    background-color: #c7c6c7;
    background-color:rgb(23, 153, 255);
    /*
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(172, 171, 172)), color-stop(65%, rgb(213, 212, 213)));
    background-image: linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);
    background-image: -webkit-linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);
    background-image: -ms-linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.3, rgb(26, 123, 204)),
        color-stop(0.65, rgb(23, 153, 255))
    );
    */
}

.btinstall.on {
    background-color: #c7c6c7;
    /*
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(172, 171, 172)), color-stop(65%, rgb(213, 212, 213)));
    background-image: linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);
    background-image: -webkit-linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);
    background-image: -ms-linear-gradient(bottom, rgb(172, 171, 172) 30%, rgb(213, 212, 213) 65%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.3, rgb(172, 171, 172)),
        color-stop(0.65, rgb(213, 212, 213))
    );
    */
}

.btinstall.off {
    background-color: #92b80d;
    /*
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(123, 154, 10)), color-stop(65%, rgb(149, 190, 13)));
    background-image: linear-gradient(bottom, rgb(123, 154, 10) 30%, rgb(149, 190, 13) 65%);
    background-image: -webkit-linear-gradient(bottom, rgb(123, 154, 10) 30%, rgb(149, 190, 13) 65%);
    background-image: -ms-linear-gradient(bottom, rgb(123, 154, 10) 30%, rgb(149, 190, 13) 65%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.3, rgb(123, 154, 10)),
        color-stop(0.65, rgb(149, 190, 13))
    );*/
}
.btinstall.off.btpink {
    background-color:#891769;
    background-image:none;
}
.product_functions {
    padding: 5px 20px;
    background-color: #e4e4e4;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #EEEEEE;
}

ul.blue-apps a {
    color: #1b83da;
}

ul.blue-apps a:after {
    content: " ›";
}

ul.blue-apps {
    margin: 0;
}

ul.blue-apps li {
    line-height: 26px;
}

.content-app {
    position: relative;
    left: 0;
    top: -80px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    background-color: #F9F9F9;
    border: 1px solid #dddddd;
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
    background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.48, rgb(238, 238, 238)),
        color-stop(0.74, rgb(249, 249, 249))
    );*/
    
        background-color: #E9E9E9;
}

.content-appli {
    position: relative;
    left: 0;
    top: -80px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d5cdd3;
    background-color: #f5F4F5 /*#f3f3f3*/;
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(48%, rgb(238, 238, 238)), color-stop(74%, rgb(249, 249, 249)));
    background-image: linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -webkit-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -ms-linear-gradient(bottom, rgb(238, 238, 238) 48%, rgb(249, 249, 249) 74%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.48, rgb(238, 238, 238)),
        color-stop(0.74, rgb(249, 249, 249))
    );*/
    
    
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}



.content-appli .grey{
    color: grey;
}

.content-appli .lightgrey{
    color: lightgrey;
}
.content-appli .blue{
    color: #1f97fb;
}

.content-appli .banner{
	-webkit-box-shadow: 10px 10px 65px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 65px -12px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 65px -12px rgba(0,0,0,0.75);
	margin-left:-50px;
	margin-bottom:20px;
}
.content-appli .angle{
    border-left:2px solid #DDD;
    padding: 5px 10px!important;
    cursor: pointer;
    display:block;

}
.content-appli .media-heading {
    padding-bottom:0px!important;
}
.content-appli  {
    position:relative;
}
.content-appli .media {
    position:unset;
}
@media only screen and (max-width: 980px) {
	.content-appli .banner{
        	margin-left:0;
    }
}


.content-media {
    position: relative;
    left: 0;
    top: -80px;
    -webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
    background-color: #eee;
    border: 1px solid #d5cdd3;
}

.big-icopapp {
    float: left;
    width: 100px;
    height: 100px;
    margin-left:10px;
    /*margin: 20px 20px 0;*/
    background-position: -20px 0;
    background-repeat: no-repeat;
}

.content-app h1, .content-appli h1, .content-media h1 {
    float: left;
    margin-top: 40px;
    margin-bottom: 20px;
}

.content-app-header h1 {
    margin-top: 0;
    margin-bottom: 20px;
}

.content-appli .list-header{

	border-top:1px solid #CCC;
	padding:20px 0;
}

.content-appli .list-header h1{

	font-size:2em;
	font-weight:800;
	float:none;
	margin:0;

}


.content-appli .add-datas{

margin-right:20px;
/*padding:0 0 10px 0;*/
}

.content-appli .add-datas .row-fluid{

padding-top:0;
}

.content-appli .add-datas .fa-trash-alt{

margin-top:15px;
text-align:left;
}

/* Bootstrap screen-md-min ---------- */
@media only screen and (min-width: 980px) {

    .content-app-header h1 {
        margin-left: 160px;
        margin-bottom: 40px;
    }
}

.content-appli h4 {
    font-size: 14px;
    line-height: 1;
    color: #a0a0a0;
    font-weight: normal;
}

.close-app {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -10000px;
    background: url('../images/close-app.png') no-repeat;

}

/* Content App */

.content-app .nav-tabs, .content-appli .nav-tabs, .content-media .nav-tabs {
    margin: 0;
}

.content-app-header {
    padding: 30px 40px 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-app-header-image {
    max-width: 140px;
    margin: 0 auto 10px;
}

.content-app-upper-title {
    margin-bottom: 0;
    padding: 0 10px;
}

.content-app-title {
    /*margin-bottom: 10px;
    padding: 0 10px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;*/
}

.content-app-title i {
    display: inline-block;
    /*margin: 10px 10px 10px 0;*/
    width: 20px;
    vertical-align: middle;
}

.content-app-title h4 {
    display: inline-block;
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
    line-height: 1.3;
    vertical-align: middle;
    font-size:1.4em;
}

.content-app-title select {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.content-app-lower-title {
    margin-bottom: 10px;
    padding: 0 10px;
}

.content-app-lower-title .controls {
    display: inline;
    width: 40px;
    margin-left: 10px;
}

.content-app-lower-title .controls a {
    margin-right: 10px;
    text-decoration: none;
}

/* Bootstrap screen-md-min ---------- */
@media only screen and (min-width: 980px) {
    .content-app .nav-tabs li:first-child {
        margin-left: 180px;
    }
}

/* Bootstrap screen-sm-min ---------- */
@media only screen and (min-width: 768px) {

    .content-app-title > .row-fluid > .span8, .content-app-title > .row-fluid > .span4, .content-app-title > .row-fluid > .span9, .content-app-title > .row-fluid > .span3 {
        display: inline-block;
        float: none;
        margin-right: -0.25em;
        vertical-align: middle;
        min-height: 0;
    }

    .content-app-title > .row-fluid > .span3 {
        text-align: left;
    }
    
        .content-app-title select {
	                height: 40px;
        margin-bottom: 5px;

    }
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {

    .content-app-header {
        padding: 40px 20px 20px;
    }

    .content-app-title .row-fluid .row-fluid {
        margin-top: 10px;
    }

    .content-app-title select {
        margin-bottom: 15px;
        height: 40px;
    }

    .content-app .nav-tabs li:first-child {
        margin-left: 20px;
    }

    .content-app .nav-tabs li a {
        padding: 12px 20px;
    }

    .tabbable .nav-tabs li a{
    padding:5px;
    }
    .tabbable .nav-tabs li:first-child{
    margin-left:0!important;
    }
    .content-app .nav-tabs li a i {
        margin: 0;
    }

    
}

.tab-content-grey {
    overflow: visible;

}

.tab-content-grey .bootstrap-select button {
    height: 40px;
    width: 542px;
}

.tab-content-grey .well {
    /*padding: 20px 0;*/
}

/* Bootstrap screen-md-max ---------- */
@media only screen and (max-width: 979px) {
    .tab-content-grey .navbar-inner {
        padding: 0 10px;
    }

    .tab-content-grey .navbar-inner .brand {
        font-size: 16px;
        font-weight: normal;
    }

    .tab-content-grey select:not(.small-select), .tab-content-grey .bootstrap-select button {
        width: 500px;
    }

    .tab-content-grey .input-long, .input-large {
        width: 485px;
    }

    .tab-content-grey .btn-navbar {
        border: none;
        background: transparent;
        float:left;
    }

    .tab-content-grey .btn-navbar .icon-bar {
        background: #777;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    
        .content-app .nav-tabs li:first-child {
        margin-left: 20px;
    }
}

/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {

    .tab-content-grey .input-long, .input-large, .input-xlarge {
        min-height: 40px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tab-content-grey select:not(.small-select), .tab-content-grey .bootstrap-select button {
        width: 100%;
    }

    .tab-content-grey select, .tab-content-grey .bootstrap-select button {
        width: 100%;
    }

    .tab-content-grey .well {
        padding: 20px;
    }
}

/* Onglet images */

.image-importer {
    position: relative;
    padding: 7px;
    margin-bottom: 20px;
    background: #D6D6D6;
}

.image-importer-container {
    position: relative;
    padding: 15px;
    background: #EEEEEE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.image-importer-thumb {

    margin-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.image-importer-infos-wine {
     width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin-top:10px;
}

.image-importer-infos-wine .actions{
    margin-top:10px;
}

.image-importer-infos {
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.image-importer-infos .actions .btn {
    margin-right: 10px;
}

.image-importer-delete {
    vertical-align: top;
}

.image-importer-col {
    width: 33%;
    padding: 8px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.image-importer-col:nth-child(1) {
    width: 40%;
}

.image-importer-col:nth-child(2) {
    width: 40%;
}

.image-importer-col:nth-child(3) {
    width: 20%;
    text-align: center;
}

.image-importer-col select, .image-importer-col input {
    width: 100%;
}

.image-importer-col input {
    height: auto;
    line-height: 1;
}

.image-importer-drag {
    cursor: move;
    margin-bottom: 7px;
}

.img-importer-drag-drop {
    padding-top: 41%;
}

.publish-galery-img {
    display: inline-block; 
    margin-right: 10px;
    font-size:11px;
}

.publish-galery-img input{
    margin-top: 9px;
}

.publish-galery-img-background {
    background:#D7D7D7; 
    padding:5px 5px 5px 10px; 
    -webkit-border-radius:10px; 
    border-radius:10px;

}
/* Bootstrap screen-sm-max ---------- */
@media only screen and (max-width: 767px) {
    .image-importer-container {
        text-align: center;
    }

    .image-importer-thumb {
        margin: 0 auto 10px;
    }

    .image-importer-infos-wine {
        width: 100%;
    }
    
    .image-importer-infos {
        width: 100%;
    }

    .image-importer-infos .actions {
        text-align: center;
    }

    .image-importer-infos .actions .btn {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .image-importer-delete {
        position: absolute;
        top: 0;
        right: 8px;
    }

    .image-importer-col {
        display: block !important;
        width: 100% !important;
        text-align: center;
    }
}

.nav-apps-functions {
    border-top: 1px solid #ddd;
}

.nav-apps-functions li {
    padding: 4px;
    border-bottom: 1px solid #ddd;
}

code {
    display: block;
    margin-bottom: 20px;
}

.appsetting .share {
    display:block;padding:10px;right:0px;top:0px; /*position:absolute;*/
}

.appsetting h4{
    font-size: 1em;
    font-weight: 400;
    margin:2px 0 ;
    line-height: 1;
    color:#484747;
}

.appsetting h5{
    font-size: .8em;
    font-weight: 400;
    margin:2px 0 10px 0;
    color:#cccccc;
    line-height:1em;
}

.appsetting .fa-toggle-on, .appsetting .fa-toggle-off {
    padding:10px;
    vertical-align:top;
}

.appsetting .pagination, .app-share .pagination{
    margin-top:10px;
    margin-bottom:0!important;
    text-align:right;
}

.appsetting .input-paste, .app-share .input-paste{
    height:12px;
    width:50px;
    background:none;
    border:none;
    font-size:.8em;
}

.appsettingowner {
    border-top: 1px solid #cccccc;
    background:#f8f8f8;
    margin:0!important;
}
.appsettinggroupe {
    border-top: 1px solid #cccccc;
    background: #eee;    
    margin:0!important;
}
.appsettingmarque {
    padding-left:25px;
    border-top: 1px solid #cccccc;
    background:#f8f8f8;
        padding-bottom:0px;
}

.appsettinggamme {
    border-top: 1px solid #cccccc;
    background: #eee;
    padding-left:25px; 
}

.appsettingvin {
    border-top: 1px solid #cccccc;
    background: #fff; 
    padding-left:25px;
    padding-bottom:0px;
}

.appsettingvin .millesime {
    background: #eee; 
}

.appsettingvingamme {
    border-top: 1px solid #cccccc;
    background: #fff; 
    padding-left:50px;
}

.appsetting .media, .appsetting .media-list{
    margin:0;
}
.appsettingowner .media-heading, .appsettinggroupe .media-heading, .appsettingmarque  .media-heading, .appsettinggamme .media-heading, .appsettingvin .media-heading, .appsettingvingamme .media-heading{
    padding:10px;
    margin:0;
}

.appsettingowner .media-object, .appsettinggroupe .media-object, .appsettingmarque  .media-object, .appsettinggamme .media-object, .appsettingvin .media-object, .appsettingvingamme .media-object, .appsettingmillesime .media-object{
    margin:10px;
}


/* Responsive pour l'onglet application quand on passe au desus de 750px (ipad, pc, écran larges) */
@media only screen and (min-width: 750px) {
    
    .appsetting .flex-row .right-part {
        width: 60%;
    }
    
    .appsetting .flex-row .left-part {
        width: 40%;
                text-align: left;
    }
    
    .appsetting .share {
        display:block;padding:10px;right:0px;top:0px; /*position:absolute;*/
    }

    .appsetting h4{
        font-size: 1em;
        font-weight: 400;
        margin:2px 0;
        line-height: 1;
        color:#484747;
    }
    .appsetting h5{
        font-size: .8em;
        font-weight: 400;
        margin:2px 0 10px 0;
        color:#cccccc;
    }

    .appsettingowner .pull-left, .appsettinggroupe .pull-left, .appsettingmarque  .pull-left, .appsettinggamme .pull-left, .appsettingvin .pull-left, .appsettingvingamme .pull-left, .appsettingmillesime .pull-left  {
        padding: 10px;
        margin-left: 10px;
    }

    .appsetting .fa-toggle-on, .appsetting .fa-toggle-off {
        padding:10px;
        vertical-align:top;
        text-align: center;
    }

    .appsetting .media {
        padding: 10px;
    }

    .appsetting .flex-row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .appsetting .flex-row .right-part {
        flex-grow: 2;
    }
    
    .appsetting pdf_btn{
        text-align:left;
    }
    


    .appsetting .pagination > ul{
        /*margin-bottom: 10px;*/
    }
    
    .appsetting .app-table-header-action .pagination > ul,   .appsetting .app-table-header-action-nostatus .pagination > ul{
        margin-bottom: 0!important;
    }

    .appsetting .pagination .pull-right > ul{
        margin-bottom: 10px;
    }

    .appsetting .pagination > ul > i{
        margin-top:10px;
        margin-right:10px;
        margin-bottom:0!important;
        text-align:center;
    }

    .media .pull-left, .media .pull-right{
        margin-bottom: 10px;
    }

    .appsetting .pagination > a{
        width: 10%;
        margin-top:10px;
        margin-bottom:10px !important;
    }

    .appsetting .pagination-share{
        float:right;
    }
    

/* Style de base pour les UL */
.appsetting .pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.appsetting .pagination ul li {
    display: inline; /* pour aligner les liens horizontalement */
}

/* Style pour les écrans desktop */
@media screen and (min-width: 768px) {
    .appsetting .pagination {
        display: flex;
        justify-content: space-between;
    }

    .appsetting .pagination > div, 
    .appsetting .pagination > ul {
        display: flex;
        align-items: center; /* Aligner verticalement les éléments dans leur conteneur */
    }
}

/* Style pour les écrans mobiles */
@media screen and (max-width: 767px) {
    .appsetting .pagination > div, 
    .appsetting .pagination > ul {
        text-align: center;
        display: block;
    }

    .appsetting .pagination ul {
        margin-bottom: 10px; /* Ajouter un peu d'espace entre les ul sur mobile */
    }
}

    .appsetting .input-paste{
        height:12px;
        width:50px;
        background:none;
        border:none;
        font-size:.8em;
    }

    .appsettingowner {
        border-top: 1px solid #cccccc;
        background:#f8f8f8;
        margin:0!important;
        padding-bottom:0px!important;        
    }
    .appsettinggroupe {
        border-top: 1px solid #cccccc;
        background: #eee;    
        margin:0!important;
        padding-bottom:0px!important;        

    }
    .appsettingmarque {
        border-top: 1px solid #cccccc;
        background:#f8f8f8;
        padding-left: 25px !important;
        padding-bottom:0px!important;        
    }

    .appsettinggamme {
        border-top: 1px solid #cccccc;
        background: #eee;
        padding-left: 25px !important; 
         padding-bottom:0px!important;              
    }

    .appsettingvin {
        border-top: 1px solid #cccccc;
        background: #fff; 
        padding-left: 50px !important;
        padding-bottom:0px!important;
    }

    .appsettingmillesime {
        background: #fff;
        /*border-top: 1px solid #efefef;*/
        padding-left: 50px !important;
    }
    
    .appsettingvingamme {
        border-top: 1px solid #cccccc;
        background: #fff;
        padding-left: 50px !important;
    }

    .appsetting .media, .appsetting .media-list{
        margin:0;
    }
    .appsettingowner .media-heading, .appsettinggroupe .media-heading, .appsettingmarque  .media-heading, .appsettinggamme .media-heading, .appsettingvin .media-heading, .appsettingvingamme .media-heading{
        padding:10px;
        margin:0;
    }
    
    .appsettingowner .media-object, .appsettinggroupe .media-object, .appsettingmarque  .media-object, .appsettinggamme .media-object, .appsettingvin .media-object, .appsettingvingamme .media-object, .appsettingmillesime .media-object{
        margin:0 auto;
    }
}

/* affichage liste liens app suivant catalogue */
/* Bootstrap screen-sm-max ---------- */
/* Pour les petits écrans (téléphone) pouvant atteindre au maximum 750 px*/
@media only screen and (max-width: 750px) {

    .appsetting .flex-row {
        flex-wrap: wrap;
    }
    
    .appsetting .flex-row .right-part {
        width: 100%;
    }
    
    .appsetting .share {
        display:block;padding:10px;right:0px;top:0px; /*position:absolute;*/
    }

    .appsetting h4{
        font-size: 1em;
        font-weight: 400;
        margin:2px 0;
        line-height: 1;
        color:#484747;
        text-align: center;
    }
    
    .appsetting h5{
        font-size: .8em;
        font-weight: 400;
        margin:2px 0 10px 0;
        text-align: center;
        color:#cccccc;
    }

    .appsettingowner .pull-left, .appsettinggroupe .pull-left, .appsettingmarque  .pull-left, .appsettinggamme .pull-left, .appsettingvin .pull-left, .appsettingvingamme .pull-left, .appsettingmillesime .pull-left {
        padding: 10px;
        margin-left: 10px;
    }

    .appsetting .fa-toggle-on, .appsetting .fa-toggle-off {
        padding:10px;
        vertical-align:top;
        text-align: center;
    }

    .appsetting .pagination{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top:10px;
        margin-bottom:0!important;
        text-align:center;
    }
    
    .appsetting .pagination .pagination-share{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top:10px;
        margin-bottom:0!important;
        text-align:center;
    }
    
    .appsetting .media {
        padding: 10px;
    }

    .appsetting .flex-row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .appsetting .flex-row .right-part {
        flex-grow: 2;
    }
    
    .appsetting form{
        text-align:center;
    }
    
    .appsetting .flex-row .left-part {
        text-align:center;
    }
    
    .appsetting .flex-row .left-part > h4{
        margin-bottom:10px;
    }
    
    .appsetting .flex-row .left-part > a{
        padding-bottom: 15px;
        border-bottom:1px solid #cccccc;
    }
    
    .appsetting .pagination > ul{
        margin-bottom: 10px;
    }
    
    .appsetting .pagination .pagination-share > ul{
        margin-bottom: 10px;
    }

    .appsetting .pagination > ul > i{
        margin-top:10px;
        margin-bottom:0!important;
        text-align:center;
    }

    .media .pull-left, .media .pagination-share{
        float: none;
        margin-bottom: 10px;
    }

    .appsetting .pagination > a{
        display: block;
        width: 10%;
        margin-top:10px;
        margin-bottom:10px !important;
        text-align:center;
    }

    .appsetting .input-paste{
        height:12px;
        width:50px;
        background:none;
        border:none;
        font-size:.8em;
    }

    .appsettingowner {
        border-top: 1px solid #cccccc;
        background:#f8f8f8;
        margin:0!important;
    }
    .appsettinggroupe {
        border-top: 1px solid #cccccc;
        background: #eee;    
        margin:0!important;
    }
    .appsettingmarque {
        border-top: 1px solid #cccccc;
        background:#f8f8f8;
    }

    .appsettinggamme {
        border-top: 1px solid #cccccc;
        background: #eee;
    }

    .appsettingvin {
        border-top: 1px solid #cccccc;
        background: #fff; 
    }

    .appsettingmillesime {
        border-top: 1px solid #cccccc;
        background: #eee;
    }
    
    .appsettingvingamme {
        border-top: 1px solid #cccccc;
        background: #fff; 
    }

    .appsetting .media, .appsetting .media-list{
        margin:0;
    }
    .appsettingowner .media-heading, .appsettinggroupe .media-heading, .appsettingmarque  .media-heading, .appsettinggamme .media-heading, .appsettingvin .media-heading, .appsettingvingamme .media-heading{
        padding:10px;
        margin:0;
    }
    
    .appsettingowner .media-object, .appsettinggroupe .media-object, .appsettingmarque  .media-object, .appsettinggamme .media-object, .appsettingvin .media-object, .appsettingvingamme .media-object, .appsettingmillesime .media-object{
        margin:0 auto;
    }
}


/* affichage menu étapes / steps dans les apps */
    
  @media only screen and (min-width: 680px) {
    .menu-step {
      padding: 0 0 40px 0;
      margin: 20px 0;
      text-align: center;
    }

    .dot {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 50px;
      color: #fff;
      line-height: 50px;
      text-align: center;
      background: #bbb;
      font-size: 1.2em;
      margin-bottom: 15px;
    }

    .dot.active {
      background-color: black;
    }

    .step {
      text-align: center;
      display: inline-block;

      color: #bbb;
      font-size: 1.05em;
      width: 200px;
    }

    .step.third {
      margin-right: 0%;
    }

    .step.active {
      color: black;
    }
  }

  @media only screen and (max-width: 680px) {
    .menu-step {
      padding: 0 0 40px 0;
      margin: 20px 0;
      text-align: center;
    }

    .dot {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 50px;
      color: #fff;
      line-height: 50px;
      text-align: center;
      background: #bbb;
      font-size: 1.2em;
      margin-bottom: 15px;
    }

    .dot.active {
      background-color: black;
    }

    .step {
      text-align: center;
      display: inline-block;

      color: #bbb;
      font-size: 1.05em;
      width: 100px;
    }

    .step.third {
      margin-right: 0%;
    }

    .step.active {
      color: black;
    }
  }

  @media only screen and (max-width: 380px) {
    .menu-step {
      padding: 0 0 40px 0;
      margin: 20px 0;
      text-align: center;
    }

    .dot {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 50px;
      color: #fff;
      line-height: 50px;
      text-align: center;
      background: #bbb;
      font-size: 1.2em;
      margin-bottom: 15px;
    }

    .dot.active {
      background-color: black;
    }

    .step {
      text-align: center;
      display: inline-block;

      color: #bbb;
      font-size: 1.05em;
      width: 200px;
      margin-bottom: 60px;
    }

    .step.third {
      margin-right: 0%;
    }

    .step.active {
      color: black;
    }
  }    

/* iconographie */

[class^="icoapps-"], [class*=" icoapps-"], [class^="icogrey-"], [class*=" icogrey-"] {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    line-height: 20px;
    background-repeat: no-repeat;
    vertical-align: middle;
}

[class^="icoapps-"], [class*=" icoapps-"] {
    background-image: url("../images/glyphicons-apps.png");
}

.ico-grey {
    background-image: url("../images/glyphicons-grey.png");
}

.ico-darkgrey {
    background-image: url("../images/glyphicons-darkgrey.png");
}

.ico-white {
    background-image: url("../images/glyphicons-white.png");
}

.ico-white-mini {
    background-image: url("../images/glyphicons-white.png");
    margin-right: 1px;
    line-height: 1px;

}

.ico-red {
    background-image: url("../images/glyphicons-red.png");
}

.ico-green {
    background-image: url("../images/glyphicons-green.png");
}

.icoapps-users {
    background-position: 0 0;
}

.icoapps-alert {
    background-position: -20px 0;
}

.icoapps-rub {
    background-position: -80px 0;
}

.icoapps-stats {
    background-position: -40px 0;
}

.icoapps-photo {
    background-position: -60px 0;
}

.icoapps-diapo {
    background-position: -80px 0;
}

.icoapps-rss {
    background-position: -100px 0;
}

.icoapps-question {
    background-position: -120px 0;
}

.icoapps-sheet {
    background-position: -140px 0;
}

.icoapps-edit {
    background-position: -160px 0;
}

.icoapps-add {
    background-position: -180px 0;
}

.icoapps-preview {
    background-position: 0 -20px;
}

.icoapps-media {
    background-position: -20px -20px;
}

.icoapps-share {
    background-position: -40px -20px;
}

.icoapps-bin {
    background-position: -60px -20px;
}

.icoapps-settings {
    background-position: -80px -20px;
}

.icoapps-move {
    background-position: -100px -20px;
}

.icoapps-move.ico-darkgrey {
    opacity: .6;
}

.icoapps-move.ico-darkgrey:hover {
    opacity: .9;
}

.icoapps-link {
    background-position: -120px -20px;
}

.icoapps-unlink {
    background-position: -140px -20px;
}

.icoapps-ipad {
    background-position: -160px -20px;
}

.icoapps-mobile {
    background-position: -180px -20px;
}

.icoapps-selection {
    background-position: 0px -40px;
}

.icoapps-upload {
    background-position: -20px -40px;
}

.icoapps-etiquette {
    background-position: -40px -40px;
}

.icoapps-shoppingcart {
    background-position: -60px -40px;
}

.icoapps-credits {
    background-position: -80px -40px;
}

.icoapps-smartphone {
    background-position: -100px -40px;
}

.icoapps-tablet {
    background-position: -120px -40px;
}

.icoapps-desktop {
    background-position: -140px -40px;
}

.icoapps-print {
    background-position: -160px -40px;
}

.icoapps-open {
    background-position: -180px -40px;
}

.ico-over {
    opacity: .8;
}

.ico-over:hover {
    opacity: 1;
}

.ico-only {
    margin: 0;
    text-indent: -10000px;
}

.ico-etat {
    margin-right: 10px;
}


.blue {
    color: #1E90FF;
}

.blue:hover {
    color: grey;
}

.grey {
    color: grey;
}

.lightgrey {
    color: rgb(153, 153, 153);
}

.grey:hover {
    color: #1E90FF;
}


.ui-sortable-placeholder {
    border: 2px dashed #0184bc;
    visibility: visible !important;
    background-color: #000;
    height: 80px;
}

.ui-sortable {
    min-height: 90px;
}

/* jquery autocomplete */

.ac_results {
    padding: 0px;
    border: 1px solid #ddd;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('/img/chobligatoire.png') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #E5E7EC;
}

.chselect {
    /*height: 30 px;*/
    width: 100%;
    border: none;
    /*font-size: 22 px;*/
    /*font-family: Arial;*/
    color: #949494;
}

.divchselect {
    background-color: #FFFFFF;
    float: left;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* border-radius: 5 px;*/
    height: 30px;
    width: 455px;
    margin: 0 0 18px 20px;
    padding: 10px 20px;
}

.chobligatoire {
    /* padding-bottom: 5 px;*/
    /* padding-top: 17 px;
    background-image: url("/img/chobligatoire.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;*/
/*
    border-color : #d0000a !important;
	color : #d0000a !important;
	font-weight : "bold";
*/

    color: #881c68!important; /*#721c24*/
    background-color:rgba(136,28,104,0.05); /*#f8d7da*/
    border-color: #881c68!important;

}
.chobligatoirelabel {
    color: #881c68!important; /*#721c24*/
}
.pickerobligatoire {
    /* padding-bottom: 5 px;*/
    /* padding-top: 17 px;
    background-image: url("/img/chobligatoire.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;*/
/*
    border-color : #d0000a !important;
	color : #790e11;
	font-weight : "bold";
*/

    color: #881c68!important; /*#721c24*/
    background-color:rgba(136,28,104,0.05); /*#f8d7da*/
    border-color: #881c68!important;
    background-image: none!important;
}

.chsearch {
    background-image: url("/images/search.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;

}

.create a.plus, .plus, .plusplus {
    padding: 10px;
    display: block;
    margin: 10px 0 0 0;
    min-height: 40px;
    background-color: #f4f4f4;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    color: #898989;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

.plusplus {
    padding-left: 10px;
    min-height: 40px;
}

.plus img {
    float: left;
    /*margin-top: -5px;
    margin: 5 px;*/
}

.plusplus img {
    float: right;
    /* margin: 6 px 5 px 0 px 22 px;*/
}

.phraseplus {

    /*margin-top: 30px;
    margin-left: 10px;*/
    padding:10px 10px 0 50px;
}

.phraseplusplus {

    /*margin: 5px 5px 5px 5px;*/
}

.plus .fonce .plusplus {
    color: #313131;
}

#infocomplement {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #F7F6F6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 5px 18px 5px;

}

#infocomplement .controls {
    margin-left: 0px;
}

#dividchselect .controls {
    margin-left: 0px;
}

.ico_pdf {
    width: 90px;

    background-image: url("/images/ico_store_pdf.png");
    background-position: 30px top;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 40px 10px 0 10px;

}

.pdf_doc_infos {
    margin-left: 0px;
}

.ico_mobile {
    width: 90px;
    background-image: url("/images/ico_store_mobile.png");
    background-position: 30px top;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 40px 10px 0 10px;
}

.ico_responsive {
    width: 90px;
    background-image: url("/images/ico_store_responsive.png");
    background-position: 30px top;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 30px 10px 0 10px;
}

.ico_display {
    width: 110px;
    background-image: url("/images/ico_store_set.png");
    background-position: 40px top;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 40px 10px 0 10px;
}

.ico_facebook {
    width: 90px;
    background-image: url("/images/ico_store_facebook.png");
    background-position: 30px top;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 40px 10px 0 10px;
}

@media screen and (max-width: 991px) {
    .create input[type="text"], .create input[type="password"], .create input[type="submit"], .create textarea, .create input[type="textarea"], .create .chselect, .create .divchselect {

        /*width:100%;*/
    }

}

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

    /*.create input{
		width:100%;	
	}
	
	.create .divchselect{
	width:100%;
	margin-left:0px;
	
	}
	.create .blocupload{
		width:300px; 
	}

.create input[type="text"], .create input[type="password"], .create input[type="submit"], .create textarea, .create input[type="textarea"], .create .chselect, .create .divchselect{
font-size:1.2em;
	max-width:300px;
	}*/

}

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    background: #ffffff url(/admin_user/vincod/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

.ui-widget-content a {
    color: #222222;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url(/admin_user/vincod/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-widget-header a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(/admin_user/vincod/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    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;
    background: #dadada url(/admin_user/vincod/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/admin_user/vincod/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(/admin_user/vincod/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(/admin_user/vincod/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(/admin_user/vincod/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(/admin_user/vincod/images/ui-icons_cd0a0a_256x240.png);
}

/* 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: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.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;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-tr {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bl {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bottom {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-right {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(/admin_user/vincod/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(/admin_user/vincod/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* Resizable
----------------------------------*/
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
}

.ui-accordion .ui-accordion-li-fix {
    display: inline;
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
}

/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a {
    zoom: 1;
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

.ui-autocomplete-loading {
    background: white url('/admin_user/vincod/images/ui-anim_basic_16x16.gif') right center no-repeat;
}

/* workarounds */

* html .ui-autocomplete {
    width: 1px;
}

/* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

/* Button
----------------------------------*/

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}

/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* reset extra padding in Firefox */

/* Dialog
----------------------------------*/
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .5em 1em .3em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
}

.ui-dialog .ui-dialog-content {
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane button {
    float: right;
    margin: .5em .4em .5em 0;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    line-height: 1.4em;
    width: auto;
    overflow: visible;
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

/* Slider
----------------------------------*/
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Tabs
----------------------------------*/
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* Datepicker
----------------------------------*/
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
}

.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;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.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%;
}

/* 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*/
}

/* Progressbar
----------------------------------*/
.ui-progressbar {
    height: 2em;
    text-align: left;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

/* Dropdown menu Vos comptes */

.dropdown-header {
    padding: 3px 20px;
    text-align: left;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
    background-color: #313131;
    background-image: none;
}
.dropdown-menu >.active>a,.dropdown-menu >.active>a:hover,.dropdown-menu >.active>a:focus  {
    background-color: transparent;
    background-image: none;
    color:#313131;
    font-weight: 900;
}

/* APP */
.btn_sync_call, .btn_sync_call:hover{

    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.3, rgb(26, 123, 204)), color-stop(0.65, rgb(23, 153, 255)) );
}

.btn_sync_call span {
    display: block;
    padding: 10px;
}
/****************************************************************************************
	 APP PARTNER 
****************************************************************************************/

.alert-wrong-information-to-add-wine {
    background: #9c1a1a;
    color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
}

.alert-wrong-information-to-add-wine a{
    text-decoration: underline;
    color: #FFFFFF;
}

.product-selector select {
    width: 100%;
}

.event-board {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 10px;

}



.event-board-edit {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 0px;
    margin-bottom: 10px;

}

.event-board-encours {
    background-color: #FFF;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}

.event-board-avenir {
    background-color: #FFF;
}

.event-board-archive {
    background-color: none;
}

.event-board-recap {
    padding: 20px;
    margin:0;
    border-right:1px solid #CCC;
}
.event-board-content {
	margin:0;
    padding-top:20px;
    padding-right:20px;
}

.event-board-suivi{

    border-bottom:1px solid #E3E3E3;
    padding-bottom:20px;

}

.event-board-selection{

	padding:0px;
	margin:0;


}


.event-edit-title {
    background: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #CCC;
    padding: 10px;
}

.event-edit-content {
    background: #FFF;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px 30px 10px 30px;

}

.event-date {
    background: #82a40b;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin: 0px;
    padding: 10px;
    width: 40px;
}

.event-date-old {
    background: grey;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    margin: 0px;
    padding: 10px;
}



.event-title {

    margin: 0px;
    padding: 5px 10px;
}



.event-title h1 {

    font-size: 1.2em;
    text-transform: uppercase;
    color: grey;
    padding: 0px;
    margin: 0px;
    line-height: 1;

}

.event-title h2 {

    font-size: 1em;
    padding: 0px;
    margin: 0px;
    line-height: 1;

}

.event-title p {

    font-size: 1em;
    padding: 0px;
    margin: 0px;
    line-height: 1;

}



.event-action {

    
    margin: 0px;
    padding-top: 10px;
    text-align: left;

}

.event-summary {

    border-bottom: 1px solid #CCC;
    padding-bottom:10px;

}



.event-notification {


    font-size: 1em;
    line-height: 1.2;
    margin: 0px;
}

.event-board-notification {

    font-size: 1em;
    line-height: 1.2;
    
    margin: 0px;
    
}

.event-conditions {

	border:1px solid #E3E3E3;
	    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
padding:10px;
    border-bottom:none;
    background-color:#F6F6F6;
}

.event-contact {
	background: url('/images/ico_store_interrhone.png') no-repeat -3px -4px;
	background-size:60px 60px;
	padding-left:80px;
	padding-top:12px;
	padding-bottom:12px;
	border:1px solid #E3E3E3;
	line-height:1;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

}

.event-contact2 {
	background: url('/images/ico_store_interrhone.png') no-repeat;
	background-size:40px 40px;
	padding-left:50px;
	padding-top:12px;
	padding-bottom:12px;
	border:1px solid #E3E3E3;
	line-height:1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
        margin:20px 0;
}

.close-event {
	opacity: .5;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -10000px;
    background: url('../images/close-app.png') no-repeat;

}

.event-element {
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E3E3E3;
    text-align: left;
    margin: 0px;
    margin-bottom:5px;
    padding: 10px;
    
}

.event-element:last-child {
    margin-bottom:0px;
}
.event-element-label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    
    line-height: 14px;
    color: #8C8C8C;
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f3F3F3;
}
.event-element-langue {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    
    line-height: 14px;
    color: #8C8C8C;
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f3F3F3;
    text-transform: uppercase;
    margin-right:10px;
}

/* nouvelle mise en forme in-app interpro */

.event-banner {

    margin-bottom: 10px;

}

.event-banner-encours {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;	
    background-color: #FFF;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}

.event-banner-avenir {
	    margin-bottom: 0;
	border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;		
}


.event-banner-archive {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;	
    background-color: none;
}

.event-view {
	padding:20px;
}
.event-view h1{

    font-size: 1.2em;
    text-transform: uppercase;
    color: #313131;
    line-height: 1em;
    margin:0;
}
.event-view p {

    font-size:1.1em;

}
.event-view small {

    text-transform:uppercase;
    font-size:.8em;

}
.event-info, event-info-old{
    display:block;
    text-align: left;
    margin: 0px;

}
.event-info i{
    color: red;
}

.event-info-old i{
    color: grey;
}

.event-countdown{
    padding:5px;
    margin:5px;
}

.event-organiser{

    margin : 10px 0;
}

.event-organiser-highlight {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding:10px;
    margin : 10px 0;
}

.event-control {
	padding:20px;
    text-align: center;
}

.event-callforaction {


	text-transform: uppercase;


}

.event-callforaction-archive, .event-callforaction-nonselectionne {

    -webkit-border-radius: 5px;
    border-radius: 5px;    
	padding:10px;
	color:white!important;
	background:#CCCCCC;
	display:block;
		text-transform: uppercase;	

}

.event-callforaction-archive:hover, .event-callforaction-nonselectionne:hover {

	background:#AAA;
	text-decoration: none;

}

.event-callforaction-acompleter {

    -webkit-border-radius: 5px;
    border-radius: 5px;    
	padding:10px;
	color:white!important;
	background:#df1c23;
	display:block;
		text-transform: uppercase;

}

.event-callforaction-acompleter:hover{

	background:red;
	text-decoration: none;

}
.event-callforaction-transmis {

    -webkit-border-radius: 5px;
    border-radius: 5px;    
	padding:10px;
	color:white!important;
	background:#087da8;
	display:block;
		text-transform: uppercase;

}

.event-callforaction-transmis:hover{

	background:#076486;
	text-decoration: none;

}

.event-callforaction-valide {

    -webkit-border-radius: 5px;
    border-radius: 5px;    
	padding:10px;
	color:white!important;
	background:#9abd01;
	display:block;
		text-transform: uppercase;

}

.event-callforaction-valide:hover{

	background:#aad004;
	text-decoration: none;

}




.event-board-description {
    padding: 20px;


}

.event-board-body {

    padding:20px;

}

.event-board-contactsuivi{



}

.event-criteres {
    display:inline-block;
    background-color:#CE2C4B;
    color:#FFF;
    word-wrap: break-word;
    margin:1px;
    padding:4px 12px;
    border-radius: 15px;
    font-size:.8em;
    line-height:1.2em;
}
    
@media (min-width: 768px) {
	.event-board-body {
	
	    padding-left:0px;
	
	}
}



.event-element-subtitle {
    display: inline-block;
    padding: 2px 4px 2px 0;
    font-size: 11.844px;
    
    line-height: 14px;
    color: #A0A0A0;
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;

}

.event-conditions-participation {

	border:1px solid #E3E3E3;
	    -webkit-border-radius: 5px;
    border-radius: 5px;
padding:10px;
margin:20px 0;
    background-color:#F6F6F6;
}

   
/* Tooltip */
#tooltip {
    /*
	position:absolute;
	z-index:2000;
	border:1px solid #fff;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-top-left-radius:6px 6px;
	-webkit-border-top-right-radius:6px 6px;
	-webkit-border-bottom-right-radius:6px 6px;
	-webkit-border-bottom-left-radius:6px 6px;
	padding:10px;

	background:#8a106a;
	color:#fff;
*/
}

.tooltip > .tooltip-inner {
    background-color: rgba(137, 23, 105, 1);
    border: 1px solid rgba(137, 23, 105, 1);
    box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.15);
    padding: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;

}

/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid rgba(137, 23, 105, 1);
}

/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid rgba(137, 23, 105, 1);
}

/* Tooltip on left */
.tooltip.left > .tooltip-arrow {
    border-left: 5px solid rgba(137, 23, 105, 1);
}

/* Tooltip on right */
.tooltip.right > .tooltip-arrow {
    border-right: 5px solid rgba(137, 23, 105, 1);
}
/* CONNEXION */

.btn-inscription{
    
    padding:10px;
    margin:10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
}
/* CREATE */
.create, .createstep {
    width: 100%;
    text-align: center;
    /*font-family: 'Roboto', sans-serif;
    font-weight:100;*/
}

.create-title {

    /*padding:10px 10px 40px 10px;

	width:100%;*/
    text-align: center;
}

.create h1 {
    font-family: 'Roboto', sans-serif;
    color: #891769;
    font-size: 2.5em;
    padding: 10px;
    font-weight: 200;
    /*width:100%;*/
    text-align: center;
    float: none;
    line-height:1;
}

.create a {
    color: #891769;
    font-size: 1em;
    font-weight: 500;
}

.create p {

    font-size: 1em;
}

.create div {
    text-align: center;
}

.create input {
    /*width: 50px;*/
}

.create #infocomplement {
	padding:5px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #F7F6F6;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*margin: 0px 5px 18px 5px;*/

}

.create #infocomplement .controls, .create #affclimat .controls {
    margin-left: 0px;
}

.createstep h1 {

    /*color:#891769;
	font-size:2.5em;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	padding:10px;*/
}

.createstep p {
    /*
	float:none;
	font-size:1.2em;*/
}

.create .field{
    padding: 0 5px;
}

/*.create .field {
    margin: 0px;
    width:100%;
    margin-bottom: 5px;
}*/

.create input[type="text"], .create input[type="password"], .create .chtxt {
    /*font-size: 1em;*/
    width: 100%;
    height: 50px;
    padding: 0 5px;

    margin: 0 auto;
   /* -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ababab;*/

}







.create #infocomplement input[type="text"], .create #infocomplement input[type="password"] {
    width: 90%;
}

.create textarea, .create input[type="textarea"] {
    font-size: 1em;
    width: 100%;
    padding: 0 5px;
    margin: 0px;
    -moz-border-radius: 4px;    
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ababab;

}

.create #infocomplement textarea, .create #infocomplement input[type="textarea"] {
    width: 90%;
}

.create #affclimat textarea, .create #affclimat input[type="textarea"], .create #affclimat input[type="text"] {
    width: 90%;
}
.create #appellation {
/*     width:90%; */
}

.create #affclimat .controls input[type="text"]:first-child{
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.create #affclimat .controls textarea:last-child{
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.create .divchselect { /* cadre champs select */
    background-color: #fff;
    width: 100%;
    height: 50px;
    padding: 0px;
    margin: 0 0 5px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ababab;
}
.create #dividchselect2 { /* cadre champs select */
    margin-top:5px;
    /*width: 90%;*/
}

.create .chselect { /* champs select */
    background-color: #f9f9f9;
    padding: 0px;
    margin: 0px;
    height: 50px;
    width:100%!important;
}

.create input[type="submit"] {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 800;
    background-color: #9abd00;
    color: white;
    min-width: 200px;
    height: 50px;
    border: none;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#create .cgvtxt {
    display: inline-block;
    text-align: left;
    padding-left: 20px;
}

#create .fieldcheck {

    padding: 10px;
    font-size: 13px;
}

.create .blocupload {
    background: #F7F6F6;
    padding: 10px;
    border: 1px solid #ababab;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: block;
    text-align: left;
    width: 90%;
}

.create .chobligatoire {
    /* padding-bottom: 5 px;*/
    /* padding-top: 17 px;
    background-image: url("/img/chobligatoire.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;*/
/*
    border-color : #d0000a !important;
	color : #790e11;
	font-weight : "bold";
*/

    color: #881c68!important; /*#721c24*/
    background-color:rgba(136,28,104,0.05); /*#f8d7da*/
    border-color: #881c68!important;

}
.create .pickerobligatoire {
    /* padding-bottom: 5 px;*/
    /* padding-top: 17 px;
    background-image: url("/img/chobligatoire.png");
    background-position: 98% 50%;
    background-repeat: no-repeat;*/
/*
    border-color : #d0000a !important;
	color : #790e11;
	font-weight : "bold";
*/

    color: #881c68!important; /*#721c24*/
    background-color:rgba(136,28,104,0.05); /*#f8d7da*/
    border-color: #881c68!important;
    background-image: none!important;
}

.create #dividchselect2 .controls{
    margin-left: 0;
}

.create #origine .controls{
    margin:0 auto;
    }

.create #origine .fieldradio {
    background:none;
}

.create .bootstrap-select button {
	    background-color: #F9F9F9;
    height: 50px;
    width: 100%;
}

.create .dropdown-menu {
    text-align:left;
    width:100%;
}

.create .input-append{
    width:100%;
}
.create .input-append .add-on{
    height:42px;
}

.create_tuto {
    padding:40px 40px 20px 40px;
}

.create_step {
    text-align: left!important;
    display: inline-block;
    width:100%;
    color: #bbb;
    font-size: 1em;
}
.create_step.active {
    color: black;
}

.create_dot {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 2em;
    font-weight:900;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background: #bbb;
    background-color: rgb(187, 187, 187);
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-right: 15px;
}
.create_dot.active {
    background-color: black;
}


@media screen and (max-width: 991px) {
    
    .create #dividchselect2 { /* cadre champs select */
        margin-top:5px;
        /*width: 90%;*/
    }


}

@media screen and (max-width: 767px) {
    
    .create input[type="text"], .create input[type="password"], .create .chtxt {
        width: 100%;
    }
    .create #dividchselect2 { /* cadre champs select */
        width: 100%;
    }
    .create_step {
        font-size: 1em;
    }
    .create_dot{
        display:none;
    }
}
/* FIN CREATE */

/* DEBUT AVIS / PRESSES */

.table-view {
    width: 100%;
}

.table-view thead h2 {
    padding: 0 10px 10px;
    margin: 0;
}

.table-view tr {
    border-top: 3px solid #fff;
}

.table-view tbody > tr:first-child, .table-view tfoot > tr {
    border-top: 0;
}

.table-view tbody > tr:last-child {
    border-bottom: 3px solid #fff;
}

.table-view td {
    vertical-align: top;
}

.content-color {
    background-color: #F7F9F9;
}

.width-view-edit {
    width: 30px;
}

.width-view-edit:hover{
    background: #484747;
}

.table-vertical .width-view-edit {
    border-left: 3px solid #fff;
    border-right: none;
    vertical-align: middle;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.table-vertical .width-view-edit:hover {
    background: #484747;
}


tbody .width-view-edit {
    background: #cfcece;
}

/* REVIEWS */

@media (min-width: 1200px) {
   .review-filtres {
       float: right;
   }
   .review-title {
       float: left;
   }
}

@media (min-width: 992px) {
   .review-filtres {
       float: right;
   }
   .review-title {
       float: left;
   }
}

@media (min-width: 768px) {
   .review-filtres {
       text-align: center;
   }
   .review-title {
       text-align: center;
   }
}

.winestory-create{
    border: 5px solid #cfcece;
    background-color: #97bf0d; 
    margin: 0 auto; 
        width: 50%;
    display: table;   
}

.winestory-share{
    border: 5px solid #cfcece;
    background-color: #484747; 
    margin: 0 auto; 
        width: 50%;
    display: table;   
}

.winestory-logo{
    width: 30%;
}
    
.winestory-share-title{
    font-size: 0.8em;
    color: #cfcece;
}

.winestory-share-icon{
    color:#cfcece; 
    font-size: 1.5em;
    cursor: pointer;
}

.winestory-form-url{
    width:25%; 
    margin:0; 
    float: left;
}

.winestory-link {
    display: inline-block;
    height: 30px;
    padding: 5px 15px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 30px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    background-color: #eee;
}

.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

@media (max-width: 768px) {
    .reviews-actions-cell {
      display: block;
      width: 100% !important;
      border-left: none !important;
      border-top: 1px solid #cfcece;
      padding-top: 15px;
    }
  
    .reviews-actions-wrapper {
      width: 100%;
    }
  }
  
  .reviews-actions-toggle {
    background-color: #eee;
    border: none;
    width: 100%;
    text-align: left;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .reviews-actions-content {
    display: none;
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #ccc;
  }
  .reviews-actions-content.open {
    display: block;
  }
  .action-dropdown .dropdown-menu {
    min-width: 180px;
    z-index: 1000;
  }
  

/* FIN AVIS / PRESSES */

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

/* PAGE GESTION_SUGGESTIONS */
#filesuggest {
/*
  margin-top:5px; 
*/  
  margin-bottom:-10px;

}

#filesuggest .progressbar {
	height:10px;
		margin:10px;
}
#filesuggest .progress {

	height:10px;	
}
#filesuggest .progress .bar {
	background-color:#9b0067!important;
	background-image:none;  
}



.accordion-group .accordion-heading {
  padding-right:20px;
}

.fa-times-circle {
  margin-top:10px;
}

/* LOADMORE */
.btn-more-results {
    width:100%!important;border:1px solid #E9E9E9;background:#E9E9E9;padding:20px;color:#A1A1A1;font-weight: 800;margin-top:2%;
}
.btn-more-results:hover {
    background:#313131;color:#FFF;
}

/* DIVERS */
no-margin {
    margin: 0;
}

.horizontal-align {
  display: block;
}

.horizontal-align div {
  display: inline-block;
}

.show-millesimes {
    /*background-color: #FFF;
    padding: 5px 10px;
    border-radius: 20px;*/
    cursor: pointer;
    /*color:#474848!important;*/
    font-weight:500;
}

.show-millesimes-nobackground {
    /*padding: 5px 10px;*/
    cursor: pointer;
}

.show-millesimes:hover {
    /*color:#A1A1A1!important;*/
}

/* Alert Access denied page account_admin */
#templateDenyAccess {
  margin-top:-20px;
}

/* LISTE APPLICATION HORS FORFAIT */
.title-app{
    color: black;
     margin: 10px; 
     padding: 5px;
}

.date-app{
    color: black; 
    margin: 10px;
    border: 1px solid orange;
    padding: 5px
}

.date-app p {
    color:orange;
    margin:0;
}

.img-rounded {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}


/******************************************************************************
 * Spinner
******************************************************************************/
#spinner-front, #spinner-back {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  transition: all 1s;
}
#spinner-front {
  z-index: 999;
  margin-top: 45vh;
  color: #fff;
  text-align: center;
}
#spinner-back {
  z-index: 998;
  height: 100vh;
  background: #000;
}
#spinner-front.show {
  visibility: visible;
  opacity: 1;
}
#spinner-back.show {
  visibility: visible;
  opacity: 0.7;
}

/******************************************************************************
 * Post-it
******************************************************************************/


/*
@font-face {
font-family:'Reenie Beanie';
font-style:normal;
font-weight:normal;
src:local('Reenie Beanie'),
local('ReenieBeanie'),
url('http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamXybsRidxnYrfzLNRqJkHfFo')
format('truetype');
}
*/
#postit {
    padding:10px 20px 20px 20px;
    margin:20px 0 20px 0;
    width:140px;
    background-color:#FFFAAA;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#FFFAAA), to(#FFF055));
    background-image:-moz-linear-gradient(#FFFAAA 0%, #FFF055 80%);
    color:#000;
    /* font:1.5em 'Reenie Beanie', cursive; */
    
    text-align:center;
    text-shadow:1px 1px 1px #FFFAAA;
    /* Firefox */
    -moz-box-shadow:5px 7px 7px rgba(33,33,33,.3);
    /* Safari+Chrome */
    -webkit-box-shadow: 5px 7px 7px rgba(33,33,33,.3);
    /* Opera */
    box-shadow: 5px 7px 7px rgba(33,33,33,.3);
    -moz-transform:rotate(-1deg);
    -webkit-transform:rotate(-1deg);
    z-index:2001;
}
#postitsticky {
    padding:10px 20px 20px 20px;
    margin:-35px 0 20px 20px;
    width:140px;
    background-color:#FFFAAA;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#FFFAAA), to(#FFF055));
    background-image:-moz-linear-gradient(#FFFAAA 0%, #FFF055 80%);
    color:#313131;
    line-height:1.2em;
    font-size:.9em;   
    /* font:1.5em 'Reenie Beanie', cursive; */
    
    text-align:center;
    text-shadow:1px 1px 1px #FFFAAA;
    /* Firefox */
    -moz-box-shadow:2px 7px 5px rgba(33,33,33,.3);
    /* Safari+Chrome */
    -webkit-box-shadow: 2px 7px 5px rgba(33,33,33,.3);
    /* Opera */
    box-shadow: 2px 7px 5px rgba(33,33,33,.3);
    -moz-transform:rotate(-1deg);
    -webkit-transform:rotate(-1deg);
    z-index:2001;
}
#postit a, #postitsticky a{
/*     text-transform:uppercase; */



}

/******************************************************************************
 * Accordion
******************************************************************************/

.accordion-box{
    background-color: #F4F4F4;
  } 
  .accordion-box .accordion-heading {
    padding:0px;
  }  
  .accordion-box .accordion-title {
    /*border-bottom:1px solid #e5e5e5;*/
    font-size:1.2em;
    padding:10px;  
      
  } 
  .accordion-box .accordion-sub-title {
    color:#969696;
    font-size:0.8em;

  }  
  .accordion-box .accordion-action {
    margin: 10px;
  }
  .accordion-box .accordion-btn{
    margin-right:5px;
  }
  
  .accordion-box .accordion-btn i{
    margin:10px 10px 15px 0; 
  }
  
  .accordion-box .accordion-btn-right{
    /*margin-left:10px;*/
    float:right;
  }
  
  .accordion-box .accordion-btn-right i{
    margin:10px 0 15px 10px; 
  }

/******************************************************************************
 * Formulaires onepage
******************************************************************************/
/*
#card-edit-col-left-nav .affix {
    top: 20px;
    z-index: 9999 !important;
    width:137px;

}

#card-edit-col-left-nav .affix-bottom {
    position:absolute;
    width:137px;
    bottom:160px;
}
#card-edit-col-center-fields .affix {
    top: 20px;
    z-index: 9999 !important;
    width:137px;
}
#card-edit-col-right-btn .affix {
    top: 20px;
    z-index: 9999 !important;
    width:120px;

}
*/
#card-edit .nav{

    border-radius:5px;
    background:#eee;
    padding:0 10px 10px 0;
    width:150px;

}

@media screen and (max-width: 767px) {
    #card-edit .nav{
        border:1px solid #ccc;
        padding:10px;
        margin:0 0 20px 0;
        width:auto;
    }
    #card-edit .nav li{
        padding-left:10px;height:30px;

    }
    #card-edit .nav li a{

        color:grey;
    }
}
/*
#nav-board-mobile {
    border:1px solid #ccc;border-radius:5px;padding:10px;
} #nav-board-mobile li {
    padding-left:10px;height:30px;
} #nav-board-mobile li a {
    color:grey;
}
*/
#card-edit .affix {
    top: 20px;
    z-index: 9999 !important;
    width:150px;

}
/*
#card-edit .affix-top {
    top: 480px;
    z-index: 9999 !important;
    width:150px;

}
*/
#card-edit .affix-bottom {
    position:absolute;
    bottom:60px;
    z-index: 9999 !important;
    width:150px;

}
.btn-onepage {
    padding:10px 5px;
    width:120px!important;
    text-transform:uppercase;
    font-size:1em;

}



#card-edit-col-center-fields .input-long {
    width:100%;
    /*max-width:620px;*/
} 

#card-edit-col-center-fields .search-query {
    max-width:590px;
}
#card-edit-col-center-fields .input-one-third {
    /*width:100%;*/
    width:100%;
    max-width:132.5px;
} 

#card-edit-col-center-fields .input-two-third {
    /*width:100%;*/
    width:100%;
    max-width:460px;
} 

#card-edit-col-center-fields .input-one-half {
    /*width:100%;*/
    width:100%;
    max-width:290px;
} 

@media screen and (max-width: 979px) {
    #card-edit-col-center-fields .search-query {
        width:100%;
        max-width:500px;
    }
}

@media screen and (max-width: 767px) {
    #card-edit-col-center-fields .search-query {
        width:100%;
    }
}

#card-edit-col-center-fields .image-importer, #card-edit-col-center-fields .image-importer-container{
    padding:0;
    background:none;
  }
#card-edit-col-center-fields{
    min-height:600px;
}
#card-edit-col-left-nav .nav-pills.nav-stacked>.active>a, #card-edit-col-left-nav .nav-pills.nav-stacked>.active>a:hover, #card-edit-col-left-nav .nav-pills.nav-stacked>.active>a:focus {
    color: #fff;
    background-color: #891769;
}
#card-edit-col-left-nav .nav-pills.nav-stacked>li>a {
    color: #818181;
    background-color: none;
}
#card-edit-col-left-nav .nav-pills.nav-stacked>li>a:hover, #card-edit-col-left-nav .nav-pills.nav-stacked>li>a:focus {
    color: #fff;
    background-color: #891769;
} 
@media screen and (max-width: 768px) {

    #card-edit-col-center-fields{
        min-height:0;
    }
}
@media screen and (max-width: 480px) {

    .tab-content-onepage .tab-content-grey{
        padding:0;
    }
}
.tab-content-onepage fieldset{
    background:white;
    padding:20px 20px 0 20px;
    border:1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*margin-top:15px; 
    margin-bottom:10px;*/
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15); 
    box-shadow: 2px 0px 6px rgba(0,0,0,0.1);
    max-width:630px;
}
.tab-content-onepage fieldset{
    margin:15px auto 0 auto;
}
.tab-content-onepage fieldset:first-child{
    /*margin:0;*/
}
.tab-content-onepage fieldset:last-child{
}
.tab-content-onepage .fieldset-attributs fieldset {
    background:none;
    padding:0;
    border:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom:0;
    -webkit-box-shadow: none; 
    box-shadow: none;
}

.tab-content-onepage .fieldset-attributs hr {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;    
}

.tab-content-onepage label{
  font-size:1em;
  line-height:1.5em;
  color:#818181;
  text-align:left;
}

.tab-content-onepage textarea, .tab-content-onepage input[type="text"] {
  font-size:1em;
  line-height:1.5em;
  /*width:100%;*/
}

.tab-content-onepage .input-append, .tab-content-onepage .input-prepend {
    font-size:1em;
    line-height:auto;
    /*line-height:1.5em;*/
}
.tab-content-onepage .input-append .add-on{
    margin-left:-5px;
}
.tab-content-onepage .fieldcheckbox{
  /*width:100%;*/
  max-width:none;
  background:none;
  border:none;
}
.tab-content-onepage .fieldcheckbox label{

  background:white;
  border:1px solid #dddddd;

}

#card-edit-col-center-fields .variety_cepage {
    width:auto;
    max-width: none;
}

.form-trash div.btdel {
    margin-top:30px;
    float:left;
}

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

    .form-trash div.btdel {
        margin-top:10px;

    }
}

.btn-mobile{
    text-transform:uppercase;
    width:100%!important;
    margin-top:20px;

}
/******************************************************************************
 * Attributs onepage saisie
******************************************************************************/

.fieldset-attributs .form-attributs {
    background:white;
    padding:20px 20px 0 20px;
    border:1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15); 
    box-shadow: 2px 0px 6px rgba(0,0,0,0.1);
  } 
  

/******************************************************************************
 * Attributs onepage accordeon
******************************************************************************/

.fieldset-attributs .accordion-box{
    background:white;
    /*padding:20px 20px 0 20px;
    border:1px solid #dddddd;*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15); 
    box-shadow: 2px 0px 6px rgba(0,0,0,0.1);
  } 
  .fieldset-attributs .accordion-box .accordion-heading {

    padding:20px 20px 0 20px;
    border-bottom:1px solid #dddddd;
  }
  
  .fieldset-attributs .accordion-box .accordion-body{
    /*padding:0 20px;*/

  }
  .fieldset-attributs .accordion-box .accordion-inner{

    border:none;
  }
  .fieldset-attributs .accordion-box .accordion-title {
    /*border-bottom:1px solid #e5e5e5;*/
    font-size:1.2em;
    padding:10px;  
      
  } 
  .fieldset-attributs .accordion-box .accordion-sub-title {
  color:#969696;
    font-size:0.8em;

  }  
  .fieldset-attributs .accordion-box .accordion-action {
    margin: 10px 10px 0 10px;
  }
  .fieldset-attributs .accordion-box .accordion-btn{
    margin-right:5px;
  }
  .fieldset-attributs .accordion-box .accordion-btn-right{
    margin-left:10px;
    float:right;
  }



  .fieldset-attributs .label {
    background:white;
    color : #313131;
    padding:5px 10px;
    margin-bottom:4px;
    border:1px solid #dddddd;
    text-shadow:none;
  }
  .fieldset-attributs .label-noborder {
    background:white;
    color : #313131;
    padding:5px 10px 5px 0;
    margin-bottom:4px;
    border:none;
    text-shadow:none;
    font-weight:900;
  }
/******************************************************************************
 * Affiche liste produits dans les apps
******************************************************************************/

.hidden-level {
    display: none !important;
}
.force-open {
    display: block !important;
}
.app_table_hover {
    border-top: 1px solid #ddd;
}

.app_table_hover:first-child {
    border-top: none;
}

.app_table_hover:last-child {
    border-bottom: 1px solid #ddd;
}
.app_table_hover form {
    margin:0;
}
div.app_table_header {
    /*background: #fff;*/
    padding: 10px 0 0 0;
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
div.app_table_accordeon {
    /*background: #fff;*/
    padding: 0 0 10px 0;
}
.app_table_accordeon h5 {
    /*background: #fff;*/
    margin:0px;
}
.app_table_hover:hover {
    background: #E9E9E9!important;
}

.app-table-header-status {
    display: inline-block;
    /*width: 30px;*/
    margin-right: 5px;
    /*padding: 10px 0;*/
    vertical-align: middle;
}

.app-table-header-image {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
    /*padding: 10px 0;*/
    vertical-align: middle;
}

.app-table-header-image > span {
    display: block;
}

.app-table-header-text {
    display: inline-block;
    width: -webkit-calc(60% - 80px);
    width: calc(60% - 80px);
    /*padding: 10px 0;*/
    vertical-align: middle;
}

.app-table-header-text-nostatus {
    display: inline-block;
    width: -webkit-calc(60% - 40px);
    width: calc(60% - 40px);
    /*padding: 10px 0;*/
    vertical-align: middle;
}

.app-table-header-text-wide {

    width: -webkit-calc(90% - 80px)!important;
    width: calc(90% - 80px)!important;

}

.app-table-header-text h3, .app-table-header-text-nostatus h3 {
    margin:0;
    color: #626262;
    font-size: 1em;
    line-height: 1em;
}
.app-table-header-action {
    display: inline-block;
    width: -webkit-calc(40% - 80px);
    width: calc(40% - 80px);
    /*padding: 10px 0;*/
    vertical-align: middle;
    text-align:right;
}

/*
.app_table_header_groupe .app-table-header-action {

    width: -webkit-calc(40% - 80px);
    width: calc(40% - 80px);
}

.app_table_header_marque .app_table_header .app-table-header-action {

    width: -webkit-calc(40% - 90px);
    width: calc(40% - 90px);
}
.app_table_header_gamme .app_table_header .app-table-header-action {

    width: -webkit-calc(40% - 100px);
    width: calc(40% - 100px);
}

.app_table_header_vin .app_table_header .app-table-header-action {

    width: -webkit-calc(40% - 110px);
    width: calc(40% - 105px);
}

.app_table_header_millesime .app_table_header .app-table-header-action {

    width: -webkit-calc(40% - 110px);
    width: calc(40% - 105px);
}

.app_table_header_vingamme .app_table_header .app-table-header-action {

    width: -webkit-calc(40% - 110px);
    width: calc(40% - 105px);
}
*/
.app-table-header-action-nostatus {
    display: inline-block;
    width: -webkit-calc(40% - 40px);
    width: calc(40% - 40px);
    /*padding: 10px 0;*/
    vertical-align: middle;
    text-align:right;
}

.app-table-header-action > span, .app-table-header-action-nostatus > span {
    display: block;
}

.app_table_header_owner {

    background:#F8F8F8!important;
    margin:0!important;
}
.app_table_header_groupe {

    background: #f4f4f4!important;    
    margin:0!important;
}

.app_table_header_groupe .app-table-header-image{
    padding-left:10px;
} 
.app_table_header_groupe .app_table_accordeon{
    padding-left:70px!important;
} 

.app_table_header_marque {

    background:#F8F8F8;
    /*padding-left:20px!important;*/
}
.app_table_header_marque .app-table-header-image{
    padding-left:20px;
} 
.app_table_header_marque .app_table_accordeon{
    padding-left:85px!important;
}    
.app_table_header_gamme {

    background: #f4f4f4;
    /*padding-left:30px; */
}
.app_table_header_gamme .app-table-header-image{
    padding-left:30px;
}  
.app_table_header_gamme .app_table_accordeon{
    padding-left:100px!important;
}  
.app_table_header_vin {

    background: #fff; 
    /*padding-left:35px!important;
    padding-bottom:0px;*/
}
.app_table_header_vin .app-table-header-image{
    padding-left:35px;
} 
.app_table_header_vin .app_table_accordeon{
    padding-left:100px!important;
}  
.app_table_header_millesime {
    background: #FFF; 
    /*padding-left:35px!important;*/
    border:none!important;
}
.app_table_header_millesime .app_table_header{
    padding-top:0!important;
}
.app_table_header_millesime .app-table-header-image{
    padding-left:35px;
}
.app_table_header_millesime .app_table_accordeon{
    padding-left:100px!important;
}    
.app_table_header_vingamme {

    background: #fff; 
    /*padding-left:35px!important;*/
}
.app_table_header_vingamme .app-table-header-image{
    padding-left:35px;
} 
.app_table_header_vingamme .app_table_accordeon{
    padding-left:100px!important;
} 
.app_table_hover .angle {

border:none;
padding:10px 0 0 0!important;
cursor: pointer;
display: block;
}
@media only screen and (max-width: 767px) {

    .app-table-header-status, .app-table-header-action, .app-table-header-action-nostatus {
        width:100%;
        text-align:center;
    }

    .app_table_header_groupe  .app-table-header-image, 
    .app_table_header_marque  .app-table-header-image, 
    .app_table_header_gamme  .app-table-header-image, 
    .app_table_header_vin  .app-table-header-image, 
    .app_table_header_millesime  .app-table-header-image, 
    .app_table_header_vingamme  .app-table-header-image{
        padding:0!important;
    }
.app_table_header_groupe  .app_table_accordeon,
.app_table_header_marque .app_table_accordeon,
.app_table_header_gamme .app_table_accordeon,
.app_table_header_vin .app_table_accordeon,
.app_table_header_vingamme .app_table_accordeon {
        padding:0 0 10px 0!important;
    }
    .app-table-header-image {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 0;
        text-align: center;
    }

    .app-table-header-image > a {
        display: inline-block;
    }

    .app-table-header-text,  .app-table-header-text-nostatus {
        display: block;
        width: 100%;
        padding: 0;
    }

.app-table-header-text-wide{
    width:100%!important;
}
    .app-table-header-text h3,   .app-table-header-text-nostatus h3 {
        text-align: center;
        padding:0 0 10px 0;
    }

    .app-table-header-action,   .app-table-header-action-nostatus {
        display: block;
        width: 100%;
        padding: 0;
    }
    .app-table-header-action > span,    .app-table-header-action-nostatus > span {
        display: inline-block;
    }

}

/******************************************************************************
 * Sélecteur ingrédients 
 * file /admin_user/ajax/popup/popup_ingredient.php 
 * Sce https://api.jqueryui.com/theming/css-framework/
******************************************************************************/


  #feedback { font-size: 1.4em; }
  #selectable .categorie_ingredient {font-weight:900;}
  #selectable .ui-state-default{ }
  #selectable .ui-state-disabled {    opacity: 1;
    filter: Alpha(Opacity=1);
    background-image: none;}
  #selectable .ui-state-default:hover{ background: #891769; color: white;}
  #selectable .ui-selecting { background: #891769; }
  #selectable .ui-selected { background: #891769; color: white; }
  #selectable .ui-category.ui-selected  { font-weight:900; color:#891769;background:none;}
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; column-count:3;}
  #selectable li { 
    margin: 3px; 
    padding: 10px; 
    /*float: left;*/ 
    width: auto; 
    height: auto; 
    font-size: 1em; 
    text-align: center; 
word-wrap:break-word;
border-radius:20px;}

.sortable_ingredient { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.sortable_ingredient.ui-sortable { min-height:0; }
.sortable_ingredient li { display:block;background:#efeded; margin: 3px 0; padding: 10px 10px 10px 30px; font-size: 1em; color:#313131; min-height: 20px; border-radius:20px;border: 1px solid #d3d3d3; word-wrap:break-word;}
.sortable_ingredient .ingredient_categorie {font-weight:900;background:none;border:none;}
.add_ingredient { display:block;background:#efeded; margin: 3px 0; padding: 10px 10px 10px 15px; font-size: 1em; color:#313131; min-height: 20px; border-radius:20px;border: 1px solid #d3d3d3; word-wrap:break-word;}
.add_ingredient_danger {    color: #3a87ad;background-color: #d9edf7;border-color: #bce8f1;}
.sortable_ingredient li span { position: absolute; margin-left: -1.3em; }


/*************************
* Assistant IA
****************************/
#assistant h2, #assistant h3{
    text-align:center;
}
.elixir-card{
position: relative;
border:1px solid #ccc; 
border-radius: 10px;
padding:10px;
margin:10px auto;
background-color:#F9F9F9;
}
.elixir-card .fab, .elixir-card .fal, .elixir-card .fas {
position: absolute;
top: 10px ; 
right: 10px; 
display: none;
}
.elixir-card:hover .fab, .elixir-card:hover .fal, .elixir-card:hover .fas {
display: block;
}
.elixir-card:hover, .elixir-card-on {
background-color: white; /*rgb(233,233,233);*/
color:white;
background-color:#10A37F
}
.elixir-card-check{
/*
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
box-shadow: 2px 0px 6px rgba(0,0,0,0.1);
*/
}
.elixir-card-check h3{
border:1px solid #ccc; 
border-width: 1px 1px 0 1px;
border-radius: 10px 10px 0 0;
padding:20px 10px;
font-size:1.2em;
margin-bottom:0;

}
.elixir-card-check h4{

font-size:1.2em;
text-align:center;

}
.elixir-card-check fieldset{
border:1px solid #ccc; 
border-width: 0 1px 1px 1px;
border-radius: 0 0 10px 10px;
padding:20px 10px;
background-color:white;
}
.elixir-card-check #loader{
border:1px solid #ccc; 
border-width: 0 1px 1px 1px;
border-radius: 0 0 10px 10px;
padding:20px 10px;
background-color:white;
text-align:center;
}
.elixir-result{
margin:20px auto;
font-size:1.2em;
max-width:600px;
}
.elixir-result-title .fab, .elixir-result-title .fal, .elixir-result-title .fas{

color:#fff;
/*border:1px solid #891769; */
border-radius: 10px;
padding:10px;
margin-right:10px;
background-color:#10A37F;
}
.elixir-result-title .far{

color:#A0A0A0;
border-radius: 10px;
padding:10px;

}
.elixir-result-title .far:hover{

color:#10A37F;


}
.elixir-result-body{
padding-left:50px;
}


.elixir-card-check input[type="submit"], .elixir-result-button {

color:#fff;
border-radius: 10px;
padding:10px;
background-color:#10A37F;
text-transform: uppercase;
border:none;
margin:10px auto 0 auto;
font-size:1.2em;
width:300px;
}
.elixir-card-check #reset_openai {

color:#000;
border-radius: 10px;
padding:10px;
background-color:lightgrey;
border:none;
margin:10px auto 0 auto;
font-size:1.2em;
width:200px;
}
.elixir-card-check input[disabled]{

color:grey;
border-radius: 10px;
padding:10px;
background-color:lightgrey;
text-transform: uppercase;
border:none;
}
.elixir-card-check .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
}
.elixir-card-check .controls {
    margin-left: 0;
}

#addAccord{
	padding:0 10px 20px 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

@media only screen and (min-width: 980px) {
	#adminIA, #addAccord input{
		margin:auto;
		max-width: 570px;
	}
}
#adminIA label{
line-height:20px;
}
#adminIA .checkbox {
	display: flex;
	align-items: flex-start; /* Aligner les éléments enfants (texte et checkbox) au début de l'axe vertical */
}
#adminIA .checkbox input[type="checkbox"] {
	margin-right: 10px;
}