/*
 -------------------------------------------------------------------------
 MyDashboard plugin for GLPI
 Copyright (C) 2015-2022 by the MyDashboard Development Team.
 -------------------------------------------------------------------------

 LICENSE

 This file is part of MyDashboard.

 MyDashboard is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 MyDashboard is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with MyDashboard. If not, see <http://www.gnu.org/licenses/>.
 --------------------------------------------------------------------------
 */

.slidepanel {
    z-index: 9999;
    position: absolute;
    width: 30em;
    max-width: 40%;
    top: 0;
    min-height: 100vh;
    height: calc(100% - 28px); /* Without footer */
    border: none;
}

.slidepanel .header {
    border-bottom: 1px solid #ccc;
    min-height: 2.4em;
}

.slidepanel .header > h3 {
    margin: 0;
    padding-top: .3em;
    text-align: center;
}

.slidepanel .header .icon {
    margin-top: .5em;
    margin-right: .5em;
}

.slidepanel .contents {
    clear: both;
    background: white;
}

.layout_lefttab .slidepanel .new_form_tabs .ui-tabs-nav,
.slidepanel .ui-tabs {
    width: auto;
}

.slidepanel.onleft {
    left: 0;
    border-right: 1px solid #ccc;
}

.slidepanel.onleft .close {
    float: right;
}

.slidepanel.onleft .icon {
    float: left;
}

.slidepanel.onright {
    right: 0;
    border-left: 1px solid #ccc;
    z-index: 9999;
    background: white;
}

.slidepanel.onright .close {
    float: left;
}

.slidepanel.onright .icon {
    float: right;
}

.slidepanel .tab_cadre_fixehov {
    box-shadow: none;
}

.slidepanel .default {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.refresh-icon-disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #c0c0c0 !important;
    background-color: #ffffff;
}

.addItemTD {
    width: 150px;
    text-align: center;
}

.maint-color {
    font-weight: bold;
    color: #D4D7DA;
}

#alert-div,
#maint-div {
    text-align: left;
    /*margin: 10px 1px 30px 30px;*/
    /*min-height: 150px;*/
}

.alert-div,
.maint-div {
    position: relative !important;
}

.alert-title-div {
    margin-top: 15px;
}

.alert-content-div {
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 95% !important;
    /*min-height: 100px !important;*/
}

.alert_date {
    font-style: italic;
}


.fa-alert-orange {
    color: orange;
}

.fa-alert-4 {
    font-size: 4em !important;
}

.fa-alert-5 {
    font-size: 5em !important;
}

#display-sc {
    /*width: 95% !important;*/
    /*text-align: left;*/
    /*padding-left: 1%;*/
}

.alert_impact {
    width: 12px;
    height: 12px;
    border-radius: 7px;
    display: inline-block;
    margin-right: 5px;
}

.weather_block {
    text-align: center;
    margin: 0 auto;
    color: #000;
    font-size: 12px;
    background-color: #FFF;
    /*width: 80%;*/
}

/*#info-div,*/
/*#maint-div,*/
/*#alert-div {*/
/*   overflow: inherit !important;*/
/*}*/

.weather_public_block {
    /*text-align: left;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #000;
    font-size: 12px;
    border-radius: 5px 10px 0 5px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #FFF;
    min-width: 300px;
}

.info-ul {
    position: relative !important;
}

.alert-color {
    font-weight: bold;
    color: #D4D7DA;
}

.plugin_mydashboard_dashboard {
    /*width: 100%;*/
    /*border: initial;*/
    /*background: initial;*/
}

/*
div#tabcontent{
    width:95%;
}
*/
.plugin_mydashboard_discret {
    color: #4C4C4C !important;
    /*font-size: 12px;*/
    /* float:left; */
}

.plugin_mydashboard_header {
    /*margin-top: -8px;*/
}

.plugin_mydashboard_header_right {
    margin-right: 25px;
    /*margin-top: 5px;*/
    /*   box-shadow: 1px 3px 10px -2px rgba(0, 0, 0, 1);
       background-color: white;
       padding-top:3px;*/
    width: 300px;
    /*position: absolute;*/
    right: 0px;
}

.pull-right {
    float: right;
}

.plugin_mydashboard_header_fullscreen {
    cursor: pointer;
    margin-right: 21px;
    float: right;
}

.plugin_mydashboard_header_editmode {
    cursor: pointer;
    margin-left: 21px !important;
    float: left;
    font-size: 14px !important;
}

.md-title-status {
    text-align: center;
    font-size: 12px;
}

.md-status {
    border-radius: 5px;
    border: 1px dashed #CCC;
    padding: 10px !important;
    margin: 10px;
    font-size: 12px;
}

.md-widgetcrit {
    /*border-radius: 5px;*/
    /*border-left: 1px dashed #CCC;*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.cadre_edit {
    /*border: none !important;*/
    /*box-shadow: none;*/
    background-color: white;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-right: 2px;
}


.cadre_edit_button {
    display: block;
    /*background: whitesmoke;*/
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: none;
}

.cadre_edit_button:hover {
    /*background: whitesmoke;*/
    /*border: 1px solid whitesmoke;*/
}

.cadre_edit th {
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    padding: 2px;
    margin: 0;
    font-size: 1.1em;
    /*color: #000;*/
    padding: 5px 5px;
    /*background-color: whitesmoke;*/
    border: none;
}

.cadre_edit td {
    /*border: none !important;*/
    /*box-shadow: none;*/
    /*background-color: white;*/
}

#zone1 {
    /*border: 1px solid whitesmoke;*/
    /*background-color: #CCC;*/
}

#zone2 {
    /*border: 1px solid whitesmoke;*/
    /*background-color: #CCC;*/
}

#btn_zone1 {
    cursor: pointer;
}

#btn_zone2 {
    /*display: none;*/
    /*cursor:pointer;*/
}

/*#zone1_content {*/
/*   display: none;*/
/*}*/

#editmode {
    border-radius: 5px;
    border: 1px dashed #CCC;
    /*padding: 10px !important;*/
    /*width: 300px;*/
    text-align: center;
}

.editmode_test {
    /*color: #000;*/
    /*text-decoration: none;*/
    /*font-size: 11px;*/
    /*font-weight: 500;*/
}

#editmode a {
    /*color: #000;*/
    text-decoration: none;
    font-size: 11px;
    font-weight: 500;
}

#editmode a:hover {
    text-decoration: none;
}

#plugin_mydashboard_container {
    width: 100%;
    height: 100%;
    display: table;
    /* background-color: white;*/
    /*    background-image: url('./pics/liege.jpg');
        box-shadow: inset 0px 3px 10px -2px rgba(0, 0, 0, 1);
        border-radius: 16px;*/
}

.plugin_mydashboard_interface_selector {
    border: #CCC 1px solid;
    font-weight: bold;
    width: 18%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 5px;
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 1);
    border-radius: 5px;
}

/*STA==Profile config==============================*/
.plugin_mydashboard_authorize_all:hover {
    background-color: #F6E8B3;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

.plugin_mydashboard_authorized {
    font-weight: bold;
    background-color: rgb(205, 255, 205);
}

.plugin_mydashboard_unauthorized {
    /*    opacity :0.9;*/
}

/*END==Profile config==============================*/
/*STA===plugin_mydashboard_menu============================*/
.plugin_mydashboard_add_button {
    /*padding-top: -5px;*/
    /*margin-left: 10px;*/
}

.plugin_mydashboard_menuWidget {
    position: absolute;
    display: none;
    border: 1px solid lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    background-color: #FFF;
    padding: 10px;
    z-index: 1001 !important;
}

.plugin_mydashboard_trWidget {
    border-left: 1px solid lightgray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #FFF;
    padding: 10px;
    z-index: 1001 !important;
}

.plugin_mydashboard_fa-thermometer-0:before {
    content: "\f2cb";
    font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-1:before {
    content: "\f2ca";
    font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-2:before {
    content: "\f2c9";
    font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-3:before {
    content: "\f2c8";
    font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-4:before {
    content: "\f2c7";
    font-family: "Font Awesome 5 Free";
}

.plugin_mydashboard_fa-thermometer-5:before {
    content: "\f2c7";
    font-family: "Font Awesome 5 Free";
}



.plugin_mydashboard_menuDashboardListContainer {
//background-color: #FFF;
}

.plugin_mydashboard_menuDashboardList {
    font-size: 13px;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}


.plugin_mydashboard_menuDashboardListTitle1 {
    margin: 0px;
    font-weight: normal;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
}

.plugin_mydashboard_menuDashboardListTitle2 {
    margin: 0px;
    padding-top: 10px;
    font-weight: normal;
    cursor: pointer;
    margin-left: 15px;
}

.plugin_mydashboard_menuDashboardList2,
.plugin_mydashboard_menuDashboardList3 {
    margin-left: 25px;
    padding-top: 5px;
}


.plugin_mydashboard_menuDashboardListWidget {
    margin: 10px;
//background-color: #FFF;
    margin-left: 30px;
}

.plugin_mydashboard_menuDashboardListWidget:hover {
    /*background-color: #E7E7E7;*/
    cursor: pointer;
}


.plugin_mydashboard_menuDashboardListItem {
    display: table;
    margin: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.plugin_mydashboard_menuDashboardListItem:hover {
    /*background-color: #E7E7E7;*/
    cursor: pointer;
}

.plugin_mydashboard_html_content {
    /*  position: absolute;*/
    background-color: rgb(237, 246, 255);
    z-index: 100;
    /*  border:1px dotted white;*/
}

.plugin_mydashboard_html_content:hover {
    /*   border:1px dotted gray;*/
}

.plugin_mydashboard_fullscreen_view {
    overflow-y: auto;
    background-color: white;
}

.plugin_mydashboard_header_info_logbox {
    display: inline-block;
    position: absolute;
    /*    right: 10px;*/
    padding: 10px;
    z-index: 992;
    /*    top: 195px;*/
    top: 25px;
    background-color: white;
    border: lightgrey 1px solid;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.plugin_mydashboard_header_info_img {
    width: 14px;
}

.plugin_mydashboard_log {
    /*    max-height: 200px;
        overflow-y: auto;*/
}

.plugin_mydashboard_log_item {
    padding: 2px 0px 2px 0px;
    border-bottom: 1px lightgrey dashed;
}


/*END===plugin_mydashboard_menu============================*/
/*STA===sDashboard============================*/

.sDashboard {
    padding-left: 6px;
    padding-top: 0px;
}

.sDashboardWidget {
    /* height : 250px;*/
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px 4px;
    -o-border-radius: 4px 4px;
    -ms-border-radius: 4px 4px;
    border-radius: 4px 4px;
    box-shadow: 2px 3px 9px -3px rgba(0, 0, 0, 0.5);
    border: rgba(230, 230, 230) 1px solid;
    height: 300px;
    width: 100%;
}

/*
.sDashboardWidget:hover .sDashboardWidgetHeader{
    background-image: linear-gradient(#F7F7F7, #E6E6E6);
}*/

.sDashboard-clearfix:before, .sDashboard-clearfix:after {
    display: none;
}

/*XACA
.sDashboardWidgetHeader {
    font-size: 12px;
    margin :0px;
    background-image: linear-gradient(#F6F3F3, #E0E0E0);
    border-radius: 4px 4px 0px 0px;
    border-bottom: rgb(182, 182, 182) 1px solid;
    height: 16px;
}
*/
.sDashboardWidgetContent {
    height: 249px;
}

.sDashboard li {
    width: 33.2%;
    height: 300px;
    padding: 0px;
    margin: 3px 12px 3px 0px;
}

.sDashboardWidgetContainerMaximized .sDashboard-circle-remove-icon {
    display: none;
}

.sDashboardWidgetContainerMaximized .sDashboardWidgetContent {
    height: 89%;
}

.sDashboardWidgetContainerMaximized .sDashboard-circle-minus-icon {
    background-position: -2px -55px;
}

.sDashboardWidgetContainerMaximized {
    min-width: 75%;
    min-height: 75%;
    max-height: 75%;
    left: 13%;
    top: 13%;
    width: 73%;
    z-index: 999;
    margin-top: 0px;
    margin-left: 0px;
}

.sDashboard-overlay {
    /*height :100% !important;*/
}

.ui-sortable-helper {
    box-shadow: 10px 10px 9px -3px rgba(0, 0, 0, 0.3);
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 300px !important;
    border-radius: 4px 4px;
    background-color: rgb(240, 240, 240) !important;
    margin: 3px 10px 0px 0px !important;
}

.scaledContent {
    height: 0px;
    width: 0px;
    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -o-transform: scale(0.55);
    -ms-transform: scale(0.55);
}

svg {
    /* font-size:15px; */
    height: auto;
}

svg:hover {
    /* -webkit-transform: none;*/
    /* font-size:17px; */
}

.unscaledContent {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.flotr-datagrid {
    width: 100%
}

.flotr-datagrid-container {
    background-color: white;
}

.flotr-tab {
    border: 1px solid #666;
    border-top: none;
    margin: 0 3px;
    padding: 1px 4px;
    cursor: pointer;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    opacity: .5;
    -moz-opacity: .5;
}

.flotr-tab.selected {
    background-color: #DDDDDD;
    opacity: 1;
}

.dataTable th, .dataTable td {
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}

/*END===sDashboard============================*/

/*
.ui-accordion-header plugin_mydashboard_menuAccordion-header {
    border-top: thin solid white;
    background: linear-gradient(#fddb6f, #ffb94b);
    color: #8f5a0a;
    padding: 1px;
}

.ui-accordion-header:hover {
    background: linear-gradient(#ffb94b, #fddb6f);
}

.ui-accordion-content {
    border:thin solid rgb(218, 242, 250);
    color:red;
}
*/

/*****Chartjs******/

#chart-container {
    /*background: white;*/
}

.md-button {
    position: relative;
    margin: 0;
    float: left;
    outline: none;
    cursor: pointer;
    border-radius: 0;
    z-index: 100;
    background-color: unset;
    color: unset;
    border-style: none;
}

.pull-right {
    float: right;
}

/*****datatable export******/

a.buttons-collection {
    margin-left: 1em;
}

div.dt-button-background {
    width: 0% !important;
}

/*****fullscreen******/

.fullscreen_view {
    overflow-y: auto;
    background-color: white;
    width: 100%;
}

.header_fullscreen {
    cursor: pointer;
}

/*****todolists******/

.pmd-card-list {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #fff;
}

.pmd-list .list-group-item {
    padding-top: 12px;
    padding-bottom: 12px;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item {
    padding-top: 16px;
    padding-bottom: 18px;
    margin-bottom: -1px;
    line-height: 1.4;
    border: inherit;
}

/*****activity stats widget******/

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

/*.col_half {*/
/*width: 49%;*/
/*}*/

/*.col_third {*/
/*width: 32%;*/
/*}*/

/*.col_fourth {*/
/*width: 23.5%;*/
/*}*/

/*.col_fifth {*/
/*width: 18.4%;*/
/*}*/

/*.col_sixth {*/
/*width: 15%;*/
/*}*/

/*.col_three_fourth {*/
/*width: 74.5%;*/
/*}*/

/*.col_twothird {*/
/*width: 66%;*/
/*}*/

/*.col_half,*/
/*.col_third,*/
/*.col_twothird,*/
/*.col_fourth,*/
/*.col_three_fourth,*/
/*.col_fifth {*/
/*!*position: relative;*!*/
/*!*display: inline-block;*!*/
/*!*margin-right: 2%;*!*/
/*!*margin-bottom: 20px;*!*/
/*}*/

/*.end {*/
/*margin-right: 0 !important;*/
/*}*/

/* Column Grids End */

.tickets-stats {
    display: inline-block;
    width: 100%;
    text-align: center;
    min-height: 100px;
    margin: 10px;
}

.tickets-stats .nb {
    display: inline-block;
    margin: 0 30px 0 10px;
    position: relative;
    vertical-align: top;
    text-align: center;
    width: 95px;
}

.tickets-stats .nbstock {
    display: inline-block;
    margin: 20px;
    position: relative;
    vertical-align: top;
    text-align: center;
    /*width: 80px;*/
}

.count-number {
    font-size: 20px;
}

.count-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.equip-text {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border: 2px dashed #8080804d;
    float: left;
    /*width: 90% !important;*/
    min-height: 100px !important;
    margin-right: 10px;
}

.equip-item {
    min-height: 100px !important;
    margin-right: 10px;
}

.md-fa-2x {
    margin: 0 auto;
    float: none;
    color: steelblue;
}

.fa-border-green {
    padding: .2em .25em .15em;
    border: solid .08em darkgreen;
    border-radius: .1em;
}

.fa-border-red {
    padding: .2em .25em .15em;
    border: solid .08em indianred;
    border-radius: .1em;
}

#map_wrapper {
    height: 600px;
    position: static;
}

#TicketsByLocationMap {
    width: 100%;
    height: 100%;
}

.tickets-ind {
    display: inline-block;
    width: 100%;
    text-align: center;
    min-height: 100px;
    box-sizing: content-box;
}


.tickets-ind .nb {
    display: inline-block;
    position: relative;
    vertical-align: top;
    text-align: center;
    border: 1px solid #e6e6e6;
    width: 85px;
    min-height: 100px;
    font-size: 12px;
    color: #000;
    box-sizing: content-box;
}

.ind-link {
    font-size: 32px;
}

.ind-widget-new {
    background: #FFF;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.ind-widget-closed {
    background: #524c4c;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.ind-widget-late {
    background: #D9534F;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.ind-widget-process {
    background: #49BF8F;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.ind-widget-pending {
    background: #FFA830;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.ind-widget-validate {
    background: #FFA830;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.dem-widget-process {
    background: #337AB7;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.ind-widget-solved {
    background: #CCC;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

/* Planning widget */
.fc-scroller {
    height: auto !important;
}


/*****Gridstack******/
/* 9.3 */
/*  If used tabs
.ui-tabs {
   background: #FFF repeat-x top left;
   box-shadow: 0px 1px 1px #7F7979;
   width: 100% !important;
}

.ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   padding: 0em !important;
   background: none;
}
*/
/*.grid-stack-item:not(.lock-bottom) .grid-stack-item-content {*/
/*   font-size: 11px;*/
/*   font-weight: normal !important;*/
/*   text-align: center;*/
/*   overflow: hidden;*/
/*   cursor: move; !* fallback *!*/
/*   cursor: -webkit-grab;*/
/*   cursor: -moz-grab;*/
/*   cursor: grab;*/
/*}*/

/*#mygrid {*/
/*   width: 100%;*/
/*   !*margin-left: 10px;*!*/
/*   !*margin-right: 5px;*!*/
/*}*/

.ui-state-disabled {
    opacity: 1 !important;
}

/*.md-grid-stack {*/
/*   !*background: #FFF;*!*/
/*}*/

/*.grid-stack > .grid-stack-item > .grid-stack-item-content {*/
/*   left: 1px !important;*/
/*   right: 1px !important;*/
/*}*/

/*.md-grid-stack-item {*/
/*   background: white !important;*/
/*   text-align: center;*/
/*   margin-bottom: 16px;*/
/*   min-height: 100px;*/
/*   padding: 0 5px 0 5px !important;*/
/*}*/

.md-grid-stack-item-content {
    /*border: 1px dashed lightgray;*/
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
//background-color: #FFFFFF !important;
    /*padding: 5px 5px 5px 5px;*/
}

.grid-stack .grid-stack-placeholder > .placeholder-content {
    border: 1px dashed #000 !important;
    /*background-color: #FFF !important;*/
}

.hidden {
    display: none;
}

a#showMyDashboardLateralMenuLink {
    /*float: right;*/
    margin-left: 10px;
    /*display: inline-block;*/
    /*margin-top: 5px;*/
    /*font-size: 1.6em;*/
    /*color: white;*/

}

.btn-mydashboard {
    font-size: 13px !important;
    color: white !important;
    clear: both;
    white-space: normal !important;
    width: 50%;
}

.widget-comment {
    font-size: 9px;
    color: grey;
    font-style: italic;
}

.md-close {
    /*color: #FFF;*/
    /*margin: 2px;*/
}


.infos-text {
    min-height: 180px;
}

#GlpiPluginMydashboardAlert1, #GlpiPluginMydashboardAlert2, #GlpiPluginMydashboardAlert3 {
    min-height: 220px;
}

#GlpiPluginMydashboardAlert1 h3, #GlpiPluginMydashboardAlert1 h5,
#GlpiPluginMydashboardAlert2 h3, #GlpiPluginMydashboardAlert2 h5,
#GlpiPluginMydashboardAlert3 h3, #GlpiPluginMydashboardAlert3 h5 {
    display: none;
}

#GlpiPluginMydashboardAlert1 #display-sc, #GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container,
#GlpiPluginMydashboardAlert2 #display-sc, #GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container,
#GlpiPluginMydashboardAlert3 #display-sc, #GlpiPluginMydashboardAlert3 #display-sc #nt_info-container {
    width: 100%;
}

#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert,
#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert-infos,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint-infos,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info-infos {
    max-width: 100%;
    margin-left: 100px;
}


#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container::before {
    margin-top: 100px;
//margin-left: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f071";
    color: #D2D2D2;
    opacity: 0.5;
    font-size: 8em;
    float: left;
//top: 30%;
//left: 30px;
    -webkit-transform: rotate(350deg);
    transform: rotate(350deg);
}

#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container::before {
    margin-top: 100px;
//margin-left: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f06a";
    color: #D2D2D2;
    opacity: 0.5;
    font-size: 8em;
    float: left;
    -webkit-transform: rotate(350deg);
    transform: rotate(350deg);
}


#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container::before {
    margin-top: 100px;
//margin-left: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f0a1";
    color: #D2D2D2;
    opacity: 0.5;
    font-size: 8em;
    float: left;
    -webkit-transform: rotate(350deg);
    transform: rotate(350deg);
}


#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert-infos,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint-infos,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info-infos {
    background-color: transparent;
    padding-top: 0px;
}

#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert-infos-container,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint-infos-container,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info-infos-container {
    padding-left: 40px;
}

#nt_maint-container i, #nt_alert-container i, #nt_info-container i {
    font-size: 30px;
}

#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert-infos,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint-infos,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info-infos {
    display: flex;
    flex-direction: column;
}

#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert-infos > div:first-child,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint-infos > div:first-child,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info-infos > div:first-child {
    order: 1
}

#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert-infos > div:last-child,
#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint-infos > div:last-child,
#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info-infos > div:last-child {
    order: -1
}

#gridcontentGlpiPluginMydashboardAlert1 {
    border-left: 5px solid #AE2217;
}

#GlpiPluginMydashboardAlert1 #display-sc #nt_alert-container #nt_alert li {
    text-align: left !important;
    color: #AE2217 !important;
    font-weight: 900;
    font-size: 1rem;
    background-color: transparent;
    /*height:40px!important;*/
}

#gridcontentGlpiPluginMydashboardAlert2 {
    border-left: 5px solid #F66D0A;
}

#GlpiPluginMydashboardAlert2 #display-sc #nt_maint-container #nt_maint li {
    text-align: left !important;
    color: #F66D0A !important;
    font-weight: 900;
    font-size: 1rem;
    background-color: transparent;
    /*height:40px!important;*/
}

#gridcontentGlpiPluginMydashboardAlert3 {
    border-left: 5px solid #0D8DB6;
}

#GlpiPluginMydashboardAlert3 #display-sc #nt_info-container #nt_info li {
    text-align: left !important;
    color: #0D8DB6 !important;
    font-weight: 900;
    font-size: 1rem;
    background-color: transparent;
    /*height:40px!important;*/
}