.centerContentCECR{
    padding: 0px 0px 0px 10px;
    overflow: hidden;
    min-height: 600px;
    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;
}

div.btnRight{
    float:right;
}

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

div.filters div{
    display: inline-block;
    margin: 6px;
    padding: 6px 8px;
    border-radius: 3px;
}

.filtersText{
    padding-left:6px;
}

.filterNotFinish,
.filterFinish,
.filterAssign,
.filterAll,
.filterNotRead,
.filterRead,
.filterArchives,
.filterFollowUp{
    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;
}

.filterFollowUp{
    background-color: #FFE436;
}

.filterNotFinish:hover,
.filterFinish:hover,
.filterAssign:hover,
.filterAll:hover,
.filterNotRead:hover,
.filterRead:hover,
.filterArchives:hover,
.filterFollowUp:hover{
    color: #000000;
    opacity: 1;
}

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

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

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

/*links*/
#app_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*/
#app_settings ul li a:hover{
    line-height: 35px;
    display: block;
    color: #FFFFFF;
    background: #7F7F7F;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#app_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;
}

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

ul.org_sitadel li{
    border: none;
    border-radius: 3px;
    margin: 8px 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    box-shadow: 1px 1px 3px #5F5F5F;
}

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

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

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


/* 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;
}

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

/* title */
h1.results,
h2.results,
h3.results
{
    margin: 0px;
    background-color: #f8f9fa;
    padding: 8px 6px;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
    color: #5F5F5F;
    background-image: none;
    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-titlebar {
    background: none;
    border: none;
    box-shadow: 1px 1px 3px #5F5F5F;
    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-color: #DDDDDD;
    margin:10px;
}

.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;
    margin-bottom: 4px;
}

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

div.subFilterContent{
    margin:8px;
}

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

a.block_document{
    display:inline-grid;
    text-align:center;
    margin: 5px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #5F5F5F;
    width: 136px;
    height: 100px;
    padding: 15px 5px 5px 5px;
    background-color: #e9eef2;
    font-weight: bold;
}

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

a.doc_delete{
    position:relative;
    left: -16px;
    top: -25px;
    background-color: #FFFFFF;
}

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

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

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

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

div.block_cartouche p{
    text-align:center;
    color:#5F5F5F;
}
div.block_cartouche p span{
    font-size: 1.412em;
    font-weight:bold;
}

div.contentReport{
    margin-top:20px;
}

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

div.col2margin{
    margin:4px;
}

div.contentStatsGraph{
    width:100%
}

div.contentStatsDistribution{
    width:100%;
}

div.divDistribution{
    max-width: 500px;
    margin-top: 10px;
    margin-left:auto;
    margin-bottom: 10px;
    margin-right:auto;
}

div.contentStatsGraph 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: 2px 4px;
}

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;
}

.select2-container .select2-selection--single{
    height: auto;
    min-height: 34px;
}

.select2-container--default .select2-selection--single{
   border: 1px solid #5F5F5F;
}

.select2-container{
    margin-top: -4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:30px;
    color: #5F5F5F;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 30px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'Source Sans Pro', sans-serif;
}

.error{
    color: #FF0000;
}