.numberAlignment { text-align:right}

.currencyAlignment { text-align:right}

.ui-state-hover, .ui-widget-content .ui-state-hover {
        color: black ;
        background-color: transparent;
}

.ui-iggrid td.ui-state-highlight{
    background:0;    
    color:#444;
    font-weight:normal;
    border:0 none
}

.ui-iggrid td.ui-state-hover{
    background-color:#D2D2D2;
}

.ui-iggrid .ui-iggrid-table>tbody>tr>td.ui-iggrid-coldesc,.ui-iggrid .ui-iggrid-table>tbody>tr>td.ui-iggrid-colasc{
    border-bottom:1px solid #DADADA
}

.ui-iggrid-pagesizedropdowncontainerabove{
    display:none !important
}

.ui-iggrid .ui-iggrid-tablebody .editable-column {
    background-color: #e3ecbb;
}

.ui-igdialog .ui-igdialog-header {
    padding: 0.4em;
    font-size: 1.2em;
}

.ui-dialog, .ui-dialog.ui-igdialog {
    box-shadow: 0 0 8px 2px rgba(0,0,0,0.2);
    border: 0;
    border-radius: 4px;
}

.wrapper {
    min-height: 100%;
    position: absolute;
    overflow: hidden
}

.boutonAjouter {
    min-height: 70px;
    background-color: #ECECEC;
    padding: 5px 0px 0px 10px;
    position: relative;
    z-index: 2;
    transition: all 0.5s ease;
    margin-top: 10px;    
    margin-left: 30px;
}

.boutonAjouter.hidden{
    min-height:0;
}

.hide-boutonAjouter{    
    height:60px;    
    border:0;
    outline: none;
    font-size:17px;
    float:left;        
}

.boutonAjouter:after {
    content: '';
    position: absolute;
    top: -15px;
    right: 15px;
    width: 30px;
    height: 30px;
    left: 25px;
    background: #ECECEC;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.action.width
{
    width:170px;
}

.action {
    margin-bottom: 5px;
}

.centerAlignment { text-align:center}

.ui-igcombo .ui-state-hover {
        color: black ;
        background-color: transparent;
}

.custom_select::after, .img_select::after{
    content:none;
}

.ui-igcombo-button ui-state-default{
    content:check;
}

.red_item {
    border : none;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    background:transparent;
    border-color:transparent;
    border:none;
    outline:none;
}

.sidebar-menu li > a > .pull-right{
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-7px;
}

.actionPlusMoins{
    background-color:transparent;    
    text-transform:uppercase;
    font-size:17px;
    float:right;        
    box-sizing:border-box;
    border:0;
    outline: none;
    font-weight:700;        
    transition:all 0.5s ease;
    height:30px;
    width:30px;
}

.actionPlusMoins .icon{
    color:#9d106f;    
    transition:all 0.5s ease;
}
.actionPlusMoins .icon.icon-2{
    font-size:230%;
}
.actionPlusMoins:hover, .actionPlusMoins.active{
    background:#9d106f;
    color:#ffffff;
}
.actionPlusMoins:hover .icon, .actionPlusMoins.active .icon{
    color:#ffffff;
}

#divSource, #divDestination {
    width: 100%;
    height: 100%;
    /*padding: 0.5em;*/
}

label {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #777;
}

.label-filter {
    font-size: 16px;
    color: #777;
    font-style: italic;
    margin:0;
}

.label-small {
    font-size: 14px;
    color: #777;
    font-style: italic;
    margin: 0;
}

.ui-igedit input[readonly] {
    background-color: #eee;
}

.ui-state-disabled{
    opacity:unset;
    background-color: #eee;    
    border:none;   
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
    color:black;
}

.btn-primary2 {
    background-color: #D2D2D2;
    border-color: none;
    color: black;
    font-size: 17px;
    width: 150px;
    height: 50px;
    font-weight: bold;
}

    .btn-primary2:hover,
    .btn-primary2:active,
    .btn-primary2.hover {
        background-color: #9D106F;
        color:white;
    }

.btn-primary3 {
    background-color: transparent;
    border-color: none;
    color: black;
    font-size: 17px;
    width: 150px;
    height: 50px;
    font-weight: bold;
}

    .btn-primary3:hover,
    .btn-primary3:active,
    .btn-primary3.hover {
        background-color: #A4C424;
        color: white;
    }

div.bloc2 {
    padding: 1px 0px 1px 0px; /* aération interne des blocs */
    margin: 0 10px; /* espacement horizontal entre les blocs */
    width: 180px;
    color: #ffffff;
    font-size: 16px;
    border: 0px solid #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: left; /* on rétablit l'alignement du texte */
}

.titreGray{
    font-size:16px;
    font-style:italic;
    font-weight:bold;
    color: gray;
}

.titreGrayMargin {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: gray;
    margin-left: 25px
} 

.fontWhite {
    color: #ffffff;
}

.buttonPlusPetit {
    height:30px;
    width:30px;
    margin-left:10px;
    margin-top:10px;
    padding:5px;
}


.text-green_vici {
    color: #a4c424;
}


.text-purple_aide {
    color: #800F63;
}

.modifieStock {    
    position: absolute;    
    top: 42px;
    right: 10px;
    width: 40%;
    color: white;
    background: #9a0e6e;
    padding: 5px;    
    display:block;
}

div.bloc100{
    width:100px;
}

.marginRight{
    margin-right:0px;
}

.inlineBlock{
    display:inline-block;
}

.padding-top-15{
    padding-top:15px;
}

.navbarImg {
    height: 140px;
    background-color: #FFFFFF;
}

.navbarImg ul {
    list-style-type: none;
    text-align: left;
}

.navbarImg li {
    display: inline-block;
    margin: 5px;
    border: 1px solid;
    text-align: center;
}

.dropup {
    position: relative;
    display: inline-block;
}

.dropup-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    bottom: 50px;
    z-index: 1;
}

.dropup-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
 }

.dropup-content a:hover {
    background-color: #ccc
}

.dropup:hover .dropup-content {
    display: block;
}

.dropup:hover .dropbtn {
    background-color: #3e8e41;
}

.float-left{
    float:left;
}

.sousmenu {
    float: none;
    margin-top: 80px;
    position: absolute;
}

.boldText{
    font-weight: bold;
}

.progress-bar {
    width: 100%;
    background-color: #f0f0f0;
    padding: 2px;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
}

.progress-bar-fill {
    display: block;
    height: 10px;
    background-color: #9a0e6e;
    border-radius: 3px;
    transition: width 500ms ease-in-out;
}

.progress-bar-fill.ended {
    background-color: #24c49d;
}

.progress-bar-fill.in-progress {
    background-color: #a4c424;
}

.progress-bar-fill.not-started {
    background-color: #9a0e6e;
}

.progress-bar-fill.ok {
    background-color: #a4c424;
}

.progress-bar-fill.normal {
    background-color: #24c49d;
}

.progress-bar-fill.warning {
    background-color: #e08e0b;
}

.progress-bar-fill.danger {
    background-color: #e0260b;
}

.Highlighted a {
    background-color: green !important;
    background-image: none !important;
    color: White !important;
}

.HighlightedFerie a {
    background-color: orange !important;
    background-image: none !important;
    color: White !important;
}

.HighlightedChome a {
    background-color: red !important;
    background-image: none !important;
    color: White !important;
}

.HighlightedConge a {
    background-color: steelblue !important;
    background-image: none !important;
    color: White !important;
}

.p_container .red_item .custom_select, .p_container .red_item
.custom_input {
    height: 36px;
}

input[type=checkbox].persoChecked + label {
    margin: 0px;
    cursor: pointer;    
}

input[type=checkbox].persoChecked:checked + label {
    background-color: #1AA052;
    color: white;
}

input[type=checkbox].persoChecked {
    display: none;
}

.warning {
    color: #e08e0b;
}

div.conteneurPink {
    padding: 3px;
}

div.containerPink {
    background: #9a0e6e;    
    padding: 0px;
    text-align: left;
}

.visibilityCollapse {
    visibility:collapse;
}

.styleDLC {
    float: right;
    position: fixed;
    right: 5px;
    color: white;
    background-color: #D90115;
}

div.bloc150 {
    width: 150px;
}

.HighlightedActive a {
    background-color: blue !important;
    background-image: none !important;
    color: White !important;
}

input[type=checkbox].partageChecked + label {
    margin: 0px;
    cursor: pointer;
    width:100%;
}

input[type=checkbox].partageChecked:checked + label {
    background-color: seagreen;
    color: white;
    width: 100%;
}

input[type=checkbox].partageChecked {
    display: none;
}

.ui-iggrid tbody td {
    border-right: 1px solid #dadada;
}

input[type=checkbox].viciChecked + label {
    margin: 0px;
    cursor: pointer;
}

input[type=checkbox].viciChecked:checked + label {
    background-color: #9a0e6e;
    color: white;
}

input[type=checkbox].viciChecked {
    display: none;
}

.btn-infovici {
    background-color: white;
    border-color: white;
    color: #8F116E;
    font-size: 20px;
}

.ui-iggrid-filterrow.ui-widget, .ui-iggrid-addrow.ui-widget-header {
    display: table-row;
}