/* compléments pour les Widgets */

.graph {
    width:auto;
    height:25vw;
}


@font-face {
    font-family: 'meci';
    src: url('MECI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.dashicons-meci-i:before { 
    content: '\00a1';
}

.dashicons-users:before { 
    content: '\f338';
}

.dashicons-meci-rtu:before {
    content: '\f0e9';
}

/* CSS Style : Object GRID */
.grid {
 text-align:center;
 color:#000000;
 border:0px;
 border-spacing:0px;
 border-collapse:collapse;
 padding:20px;
 overflow: auto;
}

.grid .title {
    width:100%;
    height:24px;
    color:#000000;
    background-color:#CDE4FF;
    background-image: linear-gradient(to top, #EAFAFF 0%, #DDF3FF 45%, #C5DDF9 55%, #CDE4FF 100%);
    background-image: -moz-linear-gradient(top, #EAFAFF 0%, #DDF3FF 45%, #C5DDF9 55%, #CDE4FF 100%);
    text-align:center;
    border:solid 1px #7EADD9;
    font-family:Tahoma;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:bolder;
}

.grid table {
 width:100%;
 border:0px;
 border-spacing:0px;
 border-collapse:collapse;
 overflow: auto;
}

.grid td, .grid th {
 font-family:Tahoma;
 font-size:11px;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 margin:0px;
 border:0px;
 border-bottom:1px solid #ABABAB;
 line-height: inherit;
}

.grid table .datagrid {
 table-layout:fixed;
 color:#000000;
}

.grid table .datagrid td {
 padding:2px 2px 2px 12px;
 text-align:left;
 overflow:hidden;
 white-space:nowrap;
}

.grid table .datagrid tr {
 height:18px;
}

table .datagrid th {
 padding:2px;
 text-align:left;
 font-weight:normal;
}

.grid-header-bg {
    background-color: #E3E3E3;
    background-image: linear-gradient(top, #dddddd 0%, #f0f0f0 80%, #d7d7d7 90%, #6fa0df 100%);
    background-image: -moz-linear-gradient(top, #dddddd 0%, #f0f0f0 80%, #d7d7d7 90%, #6fa0df 100%);
    background-image: -o-linear-gradient(top, #dddddd 0%, #f0f0f0 80%, #d7d7d7 90%, #6fa0df 100%);
}

.grid-sort-none {
 //background:url('../img/sort-none.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.grid-sort-asc {
 //background:url('../img/sort-asc.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.datagrid tbody {
 background-color:#FFFFFF;
}

.datagrid .page-first {
 //background:url('../img/page-first-disabled.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.datagrid .page-first-over {
 //background:url('../img/page-first.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.datagrid .page-prev {
 //background:url('../img/page-prev-disabled.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.datagrid .page-prev-over {
 //background:url('../img/page-prev.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.datagrid .page-next {
 //background:url('../img/page-next-disabled.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.datagrid .page-next-over {
 //background:url('../img/page-next.gif') no-repeat center left;
 display:block;
 padding:3px 0 0 12px;
 cursor:pointer;
}

.grid tfoot {
 width:100%;
 height:18px;
 color:#000000;
 //background:#E3E3E3 url('../img/grid-thead.gif') repeat-x bottom;
 font-family:Tahoma;
 font-size:11px;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 margin:0px;
 border:0px;
 text-align:left;
 margin:0px;
 border-spacing:0px;
 border-collapse:collapse;
 padding:0px;
}

.grid tfoot tr td {
 border-top:1px solid #ABABAB;
 margin:0px;
 border-spacing:0px;
 border-collapse:collapse;
 padding:0px;
}

.grid tfoot tr td table {
 width:100%;
 border:0px;
 border-spacing:0px;
 border-collapse:collapse;
 border-top:2px solid #7EADD9;
 //background:#E3E3E3 url('../img/grid-thead.gif') repeat-x bottom;
 padding:0px;
}


.grid tfoot table tr {
 height:25px;
 padding:0px;
}

.grid tfoot td, .grid tfoot table tr td {
 border:0px;
 color:#000000;
 //background:url('../img/null.gif') repeat-x top;
 padding:0px;
}

.background-even {
 background-color:White;
}

.background-odd {
 background-color:Lavender;
}

/* ////////////////////////// Pour les logs SM@RT U \\\\\\\\\\\\\\\\\\\\\\\\ */

#logs-filter select[name='action'] { 
    display: none;  //cache le dropdown action
}

#logs-filter select[name="comment_type"] {  
    display: none;  //cache le dropdown comment_type (commentaires et pings)
}

#logs-filter select[name='action2'] { 
    display: none;  //cache le dropdown action
}

#logs-filter .no-items {
    display: none;//cache la ligne contenant 'aucun commentaire trouvé'
}

#logs-filter #doaction { 
    display: none;  
}

#logs-filter #doaction2 { 
    display: none;  
}

#logs-filter #the-comment-list tr:nth-child(odd) {
    background-color: #48D1CC;
    color: black;   // pour alterner les couleurs des lignes
}
       
.logo-i:before {
    font-family: 'meci';
    font-size: 9px;
    display: inline-block;
    content: '\00c4';
    padding-right: 4px;
    color: black;
}

.logo-w:before {
    font-family: 'meci';
    font-size: 9px;
    display: inline-block;
    content: '\00c5';
    padding-right: 4px;
    color: orange;
}

.logo-e:before {
    font-family: 'meci';
    font-size: 9px;
    display: inline-block;
    content: '\00c6';
    padding-right: 4px;
    color: red;
}

.logo-a:before {
    font-family: 'meci';
    font-size: 9px;
    display: inline-block;
    content: '\00c7';
    padding-right: 4px;
     color: red;
}

.logo-s:before {
    font-family: 'meci';
    font-size: 9px;
    display: inline-block;
    content: '\00c6';
    padding-right: 4px;
    color: black;
}

.logo-w {
    font-size: 12px;
    color: orange;
}

.logo-i {
    font-size: 12px;
    color: black;
}

.logo-e {
    font-size: 12px;
    color: red;
}

.logo-a {
    font-size: 12px;
    color: red;
}

.logo-s {
    font-size: 12px;
    color: black;
}

// widget 'log'

.widget-log {
    max-height: 400px;
    overflow: auto;
 //   background-color:#ADD8E6
}    

.widget-log table {
    display: block;
    overflow-x: scroll;
}

.widget-log table, tr.col td {
    white-space: nowrap;
    font-size: 12px;
    line-height: auto;
    table-layout: fixed;
    padding: 0px;
    width: 100%;
}

/* ////////////////////// Pour la recherche des SM@RT U \\\\\\\\\\\\\\\\\\\\ */

.widget-search label:before {
    content: '\f179';
    margin-right: 1px;
    position: relative;
    top: 1px;
    display: inline-block;
    font: 16px/1 dashicons;
    text-decoration: inherit;
    vertical-align: text-bottom;
}

.widget-search input[type="text"] {  
    width: 20em;
    background-color: #FFF;
    color: #333;
    border-width: 2px;
    border-style: solid;
    outline: 0px none;
    box-sizing: border-box;
    margin: 1px;
    padding: 3px 5px;
}

.ui-helper-hidden-accessible {
    position: absolute;
    margin: -1px;
    padding: 0px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    border: 0px none;
}

.ui-autocomplete li a {
    display: block;
    font-size: 12px;
    height: 100%;
    padding: 4px 10px;
}

.ui-autocomplete li {
    white-space: nowrap;
    text-align: left;
}

.ui-autocomplete {
    padding: 0px;
    margin: 0px;
    list-style: outside none none;
    position: absolute;
    z-index: 10000;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #AAA;
    background-color: #EFEFEF;
}

/* //////////////////////// Pour le shortcode 'texts' \\\\\\\\\\\\\\\\\\\\\\ */

.shortcode-text .title {
    margin-left : 1cm;
    font-style: italic;
    font-size: 18px;
}

.shortcode-text .subtitle {
    margin-left : 2cm;
}

/* ////////////////////// Pour le wigget login/logout \\\\\\\\\\\\\\\\\\\\\\ */

.widget-login {
    line-height: 1.5;
    font-weight: normal;
}

.widget-login p {
    line-height: 2;
}

.widget-login input[type="text"], .widget-login input[type="password"] {
    background: none repeat scroll 0% 0% #FBFBFB;
    font-size: 24px;
    width: 100%;
    padding: 3px;
    margin: 2px 6px 16px 0px;
    border: 1px solid #DDD;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
    color: #333;
    outline: medium none;
    transition: border-color 0.05s ease-in-out 0s;
}

.widget-login input[type="text"]:focus, .widget-login input[type="password"]:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
}

.widget-login label {
    color: #777;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.widget-login .login_error {
    background: none repeat scroll 0 0 ivory;
    border-left: 4px solid #dd3d36;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    margin-left: 0;
    padding: 12px;
    color: #444;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 1.4em;
}

.widget-login .message {
    border-left: 4px solid #2ea2cc;
    padding: 1px 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
    margin-left: 0;
    padding: 12px;
    color: #444;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    line-height: 1.4em;
}

.widget-login .login_error strong {
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight:  bolder;
}