.headerQual{
    background-color: #CC000050;
}

.centerContentSitadel{
    padding: 0px;
    overflow: hidden;
    min-height: 700px;
    background-color: #e9eef2;
}

.menuLst{
    float:left;
    margin: 14px 0px 0px 20px;
}

.menuLst li{
    display:inline-block;
    margin-right:20px;
}

.menuLst li a{
    text-transform: uppercase;
    color:#5F5F5F;
    font-weight:normal;
    font-size:0.941em;
    padding:0px 8px 8px 8px;
}

.menuLst li a:hover{
    color:#5F5F5F;
    border-bottom: 3px solid#5F5F5F;
}

.menuLst li a.active{
    border-bottom: 3px solid#5F5F5F;
    font-weight: bold;
}

.menuLstMobile{
    margin: 15px 0px 15px 0px;
}

.menuLstMobile li{
    margin: 10px 0px;
}

.menuLstMobile li a{
    text-transform: uppercase;
    color:#5F5F5F;
    font-weight:normal;
    font-size:0.941em;
    padding:12px;
}

.menuLstMobile li a:hover{
    color:#5F5F5F;
    font-weight: bold;
}

.menuLstMobile li a.active{
    font-weight: bold;
}

.menuHeaderNotif{
    padding: 0px 4px 2px 4px;
    background-color: #5F5F5F;
    color:#FFFFFF;
    border-radius: 3px;
}

.menuFilterNotif{
    margin-left: 4px;
    padding: 0px 4px 2px 4px;
    background-color: #FFFFFF;
    color:#5F5F5F;
    border-radius: 3px;
}

div.btnRight{
    float:right;
}

div.filters, div.stats, div.maj_project{
    background-color: #FFFFFF;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #5F5F5F;
    margin: 10px 0px;
}

div.maj_project{
    padding: 10px;
}

div.filters div.blockFilter{
    display: inline-block;
    margin: 6px 12px;
    border-radius: 3px;
    min-height:44px;
    max-width:50%;
}

div.filters div.contentCheckbox{
    margin:6px;
    padding:0px;
    width: 95%;
}

div.filters div.footerForm{
    border-radius: 0px;
    display:block;
    margin: 20px 10px;
    text-align: center;
    padding : 20px 0px 0px 0px;
    border-top: 1px solid #aaaaaa;
}

.filtersText{
    font-weight:bold;
}

.filterNotFinish,
.filterFinish,
.filterAssign,
.filterAll,
.filterNotRead,
.filterRead,
.filterArchives,
.filterFollow,
.filterInventory{
    display: inline-block;
    margin: 6px;
    padding: 6px 8px;
    border-radius: 3px;
    background-color: #336886;
    color: #000000;
    opacity: 0.4;
    box-shadow: 1px 1px 3px #5F5F5F;
}

.filterAssign{
    background-color: #FFA500;
}

.filterNotFinish{
    background-color: #CC0000;
}

.filterFinish{
    background-color: #008000;
}

.filterFollow{
    background-color: #FFE436;
}

.filterNotFinish:hover,
.filterFinish:hover,
.filterAssign:hover,
.filterAll:hover,
.filterNotRead:hover,
.filterRead:hover,
.filterArchives:hover,
.filterFollow:hover,
.filterInventory:hover{
    color: #FFFFFF;
    opacity: 1;
}

.filterActive{
    color: #FFFFFF;
    opacity: 1;
}

.btnRight{
    float:right;
    margin-right:10px;
    margin-top:12px;
}

div.formHidden{
    display:none;
    margin: 3px;
}

/*links*/
#sitadel_settings ul li a{
    color:#5F5F5F;
    text-decoration: none;
    font-size: 0.824em;
    line-height: 35px;
    display: block;
    padding: 0 8px 0 10px;
    transition: all 0.15s;
    margin-top:4px;
    margin-right:8px;
}

/*hover effect on links*/
#sitadel_settings ul li a:hover{
    line-height: 35px;
    display: block;
    color: #FFFFFF;
    background: #7F7F7F;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#sitadel_settings ul li a.selected{
    color: #FFFFFF;
    text-decoration: none;
    line-height: 35px;
    display: block;
    /*transition for smooth hover animation*/
    transition: all 0.15s;
    background: #5f5f5f;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#sitadel_settings_responsive{
    text-align:center;
    display:none;
}

/* list order */
ul.org_sitadel{
    margin: 6px 0px;
    list-style-type: none;
    padding: 5px;
    border: none;
}

ul.org_sitadel li{
    border: 1px dashed;
    border-radius: 3px;
    margin: 8px 4px;
    background-color: #FFFFFF;
    cursor: pointer;
}

li.org_element{
    margin: 8px 4px;
    padding: 10px;
    background-color: #FFFFFF;
    border:1px dashed #5F5F5F;
    border-radius: 3px;
    cursor: pointer;
}

ul.org_sitadel li.inactive{
    background-color: #EEEEEE;
}

li.org_element li{
    background-color: #EEEEEE;
}

li.org_element li li{
    background-color: #DDDDDD;
}

li.org_element a{
    color:#5F5F5F;
    margin-right:16px;
}

li.org_element a:hover{
    color: #008000;
    text-decoration: none;
}

ul.subLst{
    margin:20px;
}

ul.subLst li{
    border:1px solid #5F5F5F;
    border-radius: 3px;
    margin: 10px 4px;
    padding: 10px;
    background-color: #FFFFFF;
}

ul.subLst li a{
    color:#5F5F5F;
}

/* table */
.dataTables_wrapper{
    margin:12px 0px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin-bottom: 10px;
}

table.dataTable{
    box-shadow: 1px 1px 3px #5F5F5F;
}

.dataTable thead{
    background-color: #FFFFFF;
}

.phraseModelContent{
    margin-bottom: 10px;
}

div.eventDetails{
    margin: 20px;
}

div.formHidden{
    display:none;
}

div.buttonContainer{
    margin-bottom: 10px;
}

.button, .buttonDisabled{
    margin-left:0px;
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
}

.flottant{
    position: fixed;
    bottom: 30px;
    left: 30px;
    z-index: 1;
}

.dateupdate{
    float:right;
    margin: 10px 0px;
}

/* title */
h1.results,
h2.results,
h3.results,
h1.resultsWithOutBorder,
h2.resultsWithOutBorder,
h3.resultsWithOutBorder{
    margin: 10px 0px 2px 0px;
    background-color: #f8f9fa;
    padding: 8px 6px;
    color: #5F5F5F;
    background-image: none;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
}

h1.resultsWithOutBorder,
h2.resultsWithOutBorder,
h3.resultsWithOutBorder{
    border: none;
    box-shadow: none;
    margin:0px;
    padding:  8px 0px;
}

div.description{
    margin: 4px 0px 6px 0px;
    background-color: #f8f9fa;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
    padding: 8px 6px;
    color: #5F5F5F;
    border-radius: 3px;
}

/* FORM */
.ui-widget.ui-widget-content {
    box-shadow: 1px 1px 3px #5F5F5F;
    background-color: #f8f9fa;
}

.ui-dialog-content .appparam{
    box-shadow:none;
}

.ui-dialog .ui-dialog-title{
    text-align:center;
}

.ui-dialog .ui-dialog-titlebar {
    background: none;
    border: 1px solid #5F5F5F;
    box-shadow: none;
    margin:10px 20px 0px 20px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
    background-color: #f8f9fa;
}

.ui-widget-content{
    background-color: #f8f9fa;
}

.ui-widget-header {
    color: #5F5F5F;
}

.appparam{
    border:none;
    box-shadow: 1px 1px 3px #5F5F5F;
    margin: 6px 0px;
    background-color: #f8f9fa;
}

.submit{
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
}

div.toggleForm i.fa-close{
    color:#5F5F5F;
}

.ui-dialog .ui-dialog-buttonpane button{
    border-radius: 3px;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.000em;
    color: #5F5F5F;
    background: none;
    background-color: #DDDDDD;
    margin:10px;
    font-weight: bold;
}

.ui-dialog .ui-dialog-buttonpane button:hover{
    background: #5f5f5f;
    color:#ffffff;
    cursor: pointer;
    text-decoration: none;
}

.lastRefresh{
    float:right;
    font-size:0.706em;
    margin-right:4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lstPhraseContent{
    height: 200px;
    overflow-y: scroll;
}

/* filters */
.filtersContent{
    box-shadow: 1px 1px 3px #5F5F5F;
    background-color: #DDDDDD;
    color: #5F5F5F;
}

div.subFilterContent{
    margin:8px;
}

div.subFilterContent input[type="text"]{
    height:39px;
    border-color:#aaa;
    width:98%;
}

div.content_document{
    background-color: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin: 0px;
    padding: 10px;
}

a.block_document{
    display:inline-grid;
    margin: 5px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #5F5F5F;
    width: 136px;
    height: 120px;
    padding: 5px 5px;
    background-color: #e9eef2;
    font-size:0.800em;
    font-weight: bold;
    color:#5F5F5F;
}

a.block_document:hover{
    color:#FFFFFF;
    background-color: #008000;
}

a.block_document span{
    margin:5px 0px;
    text-align:center;
}

.iconDoc{
    text-align:center;
    font-weight: normal;
    padding: 5px;
}

.block_upload{
    display:inline-block;
    margin:10px;
    padding:5px;
    border:1px solid #5F5F5F;
    border-radius: 3px;
}

div.content_cartouche{
    margin: 10px 0px;
}

div.block_cartouche{
    width:20%;
    float:left;
}

div.block_cartoucheInventory{
    width:33.3%;
    float:left;
}

div.block_cartoucheInventoryChart{
    width:50%;
    float:left;
}

div.block_cartoucheParking{
    width:33%;
    float:left;
}

.btnDelete{
    float:right;
}

div.block_cartouche div,
div.block_cartoucheInventory div,
div.block_cartoucheInventoryChart div,
div.block_cartoucheParking div{
    background-color: #FFFFFF;
    margin:4px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #5F5F5F;
    height:120px;
}

div.block_cartoucheParking div{
    height:180px;
}

div.block_cartoucheInventory div{
    height:150px;
}

div.block_cartoucheInventoryChart div{
    height:unset;
    padding:10px;
}

div.block_cartouche h3,
div.block_cartoucheInventory h3,
div.block_cartoucheParking h3{
    text-align:center;
    padding: 8px 0px 4px 0px;
    margin: 0px;
    color:#5F5F5F;
    font-size: 1.294em;
    font-weight: normal;
}


div.block_cartouche p,
div.block_cartoucheInventory p,
div.block_cartoucheParking p{
    text-align:center;
    color:#5F5F5F;
}

div.block_cartouche p span,
div.block_cartoucheInventory p span,
div.block_cartoucheParking p span{
    font-size: 1.412em;
    font-weight:bold;
}

div.block_cartoucheInventory p span.big{
    font-size: 1.766em;
}

div.block_cartoucheInventory ul{
    margin-top:10px;
    text-align:center;
}

div.block_cartoucheInventory ul li{
    font-size: 1.294em;
    font-weight:bold;
    margin-bottom: 4px;
}

div.contentReport{
    max-width:1200px;
    margin-left:auto;
    margin-right: auto;
}

div.contentStats{
    background-color: #FFFFFF;
    margin:10px 0px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #5F5F5F;
}

div.contentStatsGraph{
    width:70%;
    float:left;
}

div.contentStatsGraphLine{
    width:100%;
}

div.contentStatsDistribution{
    width:30%;
    float:left;
}

div.contentStatsGraph div,
div.contentStatsGraphLine div,
div.contentStatsDistribution div{
    margin:10px;
}

table.distribution{
    border: 0px;
    border-spacing:0px;
    margin: 0px;
    width: 100%;
    color: #5F5F5F;
    font-size: 0.882em;
}

table.distribution th{
    border-bottom:1px solid #D3D3D3;
    padding: 6px 4px;
}

table.distribution td{
    padding: 0px 2px;
}

table.distribution td.rotate90{
    padding: 8px 4px;
    border-right:1px solid #D3D3D3;
    writing-mode: sideways-lr;
    font-weight: bold;
    min-width:40px;
    text-align: center;
}

table.distribution td.color, table.distribution th.color{
    text-align:left;
    width: 16px;
}

table.distribution td.color div{
    width: 12px;
    margin-left:auto;
    margin-right:auto;
}

table.distribution td.r, table.distribution th.r{ 
    text-align:right;
}

table.distribution td.c, table.distribution th.c{
    text-align:center;
}

table.distribution td.l, table.distribution th.l{
    text-align:left;
}

table.distribution tr.alt1{
    background-color:#ffffff;
}

table.distribution tr.alt2{
    background-color:#e9eef2;
}

table.distribution tr.alt3{
    background-color:#F2F2F2;
}

table.distribution tr.hide{
    display: none;
}

table.distribution tr.display{
    display: table-row;
}

table.distribution tr.total td{
    border-top: 1px solid #5F5F5F;
    font-weight: bold;
}

table.distribution tr.missing th{
    padding-top: 14px;
}

table.distribution tr.special{
    background-color:#E0E0E0;
}

table.distribution tr.special td{
    border-top:1px solid #5F5F5F;
}

.ui-widget textarea{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.945em;
}

p.eventDetailsElement{
    margin:8px 0px;
    color: #5F5F5F;
}

.dialogSitadel,
.dialogSitadelMini{
    margin: 0 auto;
    min-width: 45%;
    left: 0 !important;
    right: 0 !important;
}

.nbFileInList{
    margin-left:10px;
    display:inline-block;
    font-size:0.882em;
}

.helpBloc{
    font-size:0.882em;
    font-style: italic;
    margin: 6px 4px;
    padding : 0px 5px;
}

ul.simpleLst{
    margin: 6px 0px;
    padding: 8px 6px;
}

/* Liste simple */
ul.simpleLst li{
    margin: 4px 0px;
    padding:2px;
}

div.popUpContentInformation{
    margin: 2px 3px;
}

div.miniInfoSup{
    float:right;
    font-size:0.882em;
    font-style: italic;
    margin-top: 8px;
    margin-right: 8px;
}

div.popUpContentInformation div.miniInfoSup{
    font-size:0.706em;
}

div.popUpContentInformation .dataTables_wrapper{
    margin: 10px 0px;
}

p.messageDetails{
    margin:8px 0px;
    color: #5F5F5F;
}

.messageText{
    margin: 20px 0px 0px 0px;
    border: 1px solid #5F5F5F;
    border-radius: 3px;
    padding:12px 10px;
    background-color: #FFFFFF;
}

.userRead{
    margin: 20px 0px 0px 0px;
}

.listContact{
    font-size:0.824em;
}

.imgContent{
    width:90%;
    margin-left: auto;
    margin-right: auto;
}

.imgContent img{
    width:100%;
}

.copyAction{
    margin:10px;
    padding:10px;
    box-shadow: 1px 1px 3px #5F5F5F;
}

.copyActionSubElement{
    margin-top : 10px;
}

.contentLangueChoice{
    margin:4px;
}

a.chooseLangue{
    text-decoration:none;
    color: #5F5F5F;
}

a.bold{
    font-weight: bold;
}

a.chooseLangue:hover{
    font-weight: bold;
    text-decoration:none;
    color: #5F5F5F;
}

a.chooseLangue:focus, a.chooseLangue:active{
    text-decoration:none;
    color: #5F5F5F;
}

a.selectAll{
    font-size:0.824em;
    cursor: pointer;
}

a.resetButton{
    cursor: pointer;
    margin-right:15px;
}

.showMore{
    text-align: center;
    margin-bottom: 20px;
}

div.maxSizeUpload{
    margin-top:5px;
    font-style:italic;
    font-size:0.824em;
}

div.dynamicsFields{
    font-size:0.824em;
    margin:5px;
}

div.dynamicsFields a{
    cursor: pointer;
}

div.notifMyFiles{
    position: fixed;
    right: 0px;
    top: 49px;
    background-color: #f8f9fa;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-bottom: 1px solid #C8C8C8;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 4px 4px 4px 8px;
    display: none;
    line-height: 20px;
    z-index:100;
    box-shadow: 1px 1px 3px #5F5F5F;
    min-width:300px;
}

div.notifMyFiles a.close{
    float:right;
}

div.notifMyFiles li{
    font-weight: bold;
    margin:6px 6px 6px 3px;
}

div.filter_mini_right{
    float:right;
    margin:6px 12px -12px 6px;
    font-size:0.824em;
}

div.filter_mini_right input[type="checkbox"]{
    margin-top : 2px;
}

div.filter_mini_right input[type="checkbox"]:checked + label {
    background: none;
    color: #5F5F5F;
}

div.filter_mini_left{
    position: relative;
    float:left;
    clear:right;
    margin:6px 12px 0px 12px;
    font-size: 0.824em;
}

.ui-dialog-content .ulRadio{
    margin: 4px;
    max-height:250px;
    overflow-y: scroll;
}

.ui-dialog-content input[type="text"]{
    height: 39px;
    width: 98%;
    margin:3px;
    border: 1px solid #5F5F5F;
    border-radius: 3px;
    padding: 5px 7px 5px 7px;
    box-sizing: border-box;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.000em;
    color: #5F5F5F;
}

.ui-dialog-content label.labelForm{
    margin-top:6px;
    margin-left:4px;
    float:none;
    display:block;
}

.ui-dialog-content .selectSaveFilter{
    margin:3px;
    border-radius: 3px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.000em;
    color: #5F5F5F;
    height: 39px;
    padding: 5px 7px 5px 7px;
}

.ui-dialog-content label.error{
    color: red;
}