.modal-body
{
max-height : 350px;
overflow-y : auto;
}

html, body {
width      : auto;
height     : auto;
max-height : 100%;
margin     : 0;
}

body
{
padding     : 0;
background  : #FFF;
font-style  : normal;
font-family : Arial, Helvetica, sans-serif;
font-size   : 0.875rem;
color       : #666;
display     : flex;
margin      : auto;
}

.cursor-act
{
cursor      : pointer;
}

.mt-n4
{
margin-top  : -1rem ; 
}

a, a:visited, a:link, a:active, a:focus, a:focus, a:hover
{
color           : #5F9629;
outline         : none;
cursor          : pointer;
text-decoration : none;
}

.xs-text
{
font-size : 0.688rem;
}

#page
{
padding    : 0;
width      : 100%;
max-width  : auto !important;
max-height : 100%;
}

#page-header
{
position        : fixed !important;
top             : 0;
width           : 100%;
height          : 75px;
display         : flex;
align-items     : center;
padding         : 0;
background      : #f7f7f7;
position        : relative;
z-index         : 10;
}

.inner
{
margin : 0 30px;
}

#logo
{
display             : inline-block;
background-color    : transparent;
align-items         : center;
justify-content     : center;
height              : 75px;
margin-top          : 3px;
margin-left         : 20px;
margin-right        : 20px;
padding-top         : 0.6rem;
}

#logo img
{
height      : auto;
max-width   : 100%;
margin      : 0 auto;
display     : block;
}

#content-login
{
background-image    : url(/sigl/static/img/background-login.jpg) ;
background-size     : cover;
background-position : center;
padding-top         : 114px;
padding-bottom      : 32px;
min-height          : 520px;
height              : 100vh;
}

#content
{
padding-top    : 7rem;
padding-bottom : 32px;
background     : #FFF;
min-height     : auto;
height         : auto;
flex-grow      : 1;
}

#auth_std
{
max-width      : 340px;
margin         : 0 auto;
padding-top    : 26px;
padding-bottom : 26px;
background     : #FFF;
}

#auth_std h2
{
border     : none;
padding    : 0 0 26px;
text-align : center;
color      : #5EA045;
font-size  : 160%;
}

#auth_msg
{
position      : fixed;
top           : 90px;
left          : 0;
right         : 0;
margin        : 0 auto;
text-align    : center;
color         : #B42C16;
border-color  : #B42C16;
border-radius : 0;
}

#auth_std input
{
width : auto !important;
}

footer
{
position    : fixed;
bottom      : 0;
background  : #F7F7F7;
width       : 100%;
line-height : 26px;
font-size   : 0.75rem;
text-align  : center;
padding     : 0;
margin-top  : auto;
}

#country-sel
{
z-index     : 3;
position    : relative;
//margin-left : auto;
width       : auto;
display     : block;
}

html[dir="rtl"] #country-sel 
{
margin-left  : 0;
//margin-right : auto;
width        : auto;
}

#country-sel .btn 
{
line-height  : 21px;
padding      : 0;
margin-right : 0;
color        : #FFF;
}

html[dir="rtl"] #country-sel .btn 
{
margin-left  : 0;
margin-right : 0;
display      : block;
width        : auto;
text-align   : left;
}

header #country-sel .dropdown-toggle
{
background : #71B330;
}

header #country-sel .dropdown-menu
{
background : #71B330;
}

#country-sel .dropdown-menu 
{
position      : absolute;
top           : 100%;
left          : auto;
right         : 0;
z-index       : 1050;
background    : #71B330;
border-radius : 4px;
padding       : 5px 0;
margin        : 0;
min-width     : 150px;
max-width     : 95vw;
overflow      : hidden;
}

html[dir="rtl"] #country-sel .dropdown-menu 
{
left          : 0;
right         : auto;
}

header #country-sel .dropdown-item
{
background : #71B330;
color      : #FFF;
}

#country-sel .dropdown 
{
position : relative;
}

#country-sel .dropdown-toggle 
{
padding          : 5px 10px;
background-color : #71B330;
color            : #fff;
border-radius    : 4px;
}

.dropdown-bgcolor-menu
{
background : #71B330 !important;
}

.dropdown-color-link
{
color : #FFF !important;
}

.dropdown-color-link:hover
{
color : #000 !important;
}

.page-title
{
position         : fixed;
top              : 75px;
max-width        : 100%;
width            : 95%;
height           : 34px;
line-height      : 34px;
text-align       : center;
z-index          : 9;
font-size        : 1rem;
font-weight      : bold;
}

#user-info 
{
display      : flex;
align-items  : center;
margin-left  : auto;
margin-right : 0;
}

html[dir="rtl"] #user-info 
{
display      : flex;
align-items  : center;
margin-left  : 0;
margin-right : auto;
}

#user-info .name 
{ 
color    : #777; 
}

.dropdown 
{
position: relative;
}

.role 
{
display     : flex;
align-items : center;
position    : relative;
}

.role-text 
{
margin-left : 10px;
font-size   : 0.9rem;
color       : #333;
}

.role ul 
{
display          : none;
margin           : 0;
padding          : 0;
list-style-type  : none;
position         : absolute;
right            : 0;
top              : 26px;
padding-top      : 1px;
border-bottom    : 1px solid #FFF;
background-color : rgba(0, 0, 0, 0.8);
z-index          : 10;
}

.role:hover ul 
{
display: block;
}

.role-img-A
{
width               : 100px;
height              : 26px;
background-image    : url(/sigl/static/img/admin-profile.png);
background-repeat   : no-repeat;
background-position : center;
display             : inline-block;
}

.role-img-B
{
width               : 100px;
height              : 26px;
background-image    : url(/sigl/static/img/bio-profile.png);
background-repeat   : no-repeat;
background-position : center;
display             : inline-block;
}

.role-img-T
{
background-image  : url(/sigl/static/img/tech-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-TA
{
background-image  : url(/sigl/static/img/tech-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-TQ
{
background-image  : url(/sigl/static/img/tech-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-S
{
background-image  : url(/sigl/static/img/sec-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-SA
{
background-image  : url(/sigl/static/img/sec-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-SP
{
background-image  : url(/sigl/static/img/prel-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-Q
{
background-image  : url(/sigl/static/img/qua-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-P
{
background-image  : url(/sigl/static/img/pre-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-K
{
background-image  : url(/sigl/static/img/sto-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.role-img-L
{
background-image  : url(/sigl/static/img/lab-profile.png);
background-repeat : no-repeat;
width               : 100px;
height              : 26px;
background-position : center;
display             : inline-block;
}

.btn-A
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-A:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-B
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-B:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-T
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-T:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-TA
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-TA:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-TQ
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-TQ:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-S
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-S:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-SA
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-SA:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-SP
{
background-color : #66994F ;
color            : #FFF;
}

.btn-SP:hover
{
background-color : #3D5B2F ;
color            : #FFF;
}

.btn-Q
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-Q:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-P
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-P:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.btn-K
{
background-color : #452ED1 ;
color            : #FFF;
}

.btn-K:hover
{
background-color : #291B7D ;
color            : #FFF;
}

.btn-L
{
background-color : #71B330 ;
color            : #FFF;
}

.btn-L:hover
{
background-color : #436B1C ;
color            : #FFF;
}

.role-A a 
{
display    : block;
background : #FC0 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-A a:hover 
{
background      : #E89400 !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-B a 
{
display    : block;
background : #8330E2 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-B a:hover 
{
background      : #42159B !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-T a 
{
display    : block;
background : #29B4ED !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-T a:hover 
{
background      : #1499D2 !important;
color           : #024C71 !important;
text-decoration : none !important; 
}

.role-TA a 
{
display    : block;
background : #29B4ED !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-TA a:hover 
{
background      : #1499D2 !important;
color           : #024C71 !important;
text-decoration : none !important; 
}

.role-TQ a 
{
display    : block;
background : #29B4ED !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-TQ a:hover 
{
background      : #1499D2 !important;
color           : #024C71 !important;
text-decoration : none !important; 
}

.role-S a 
{
display    : block;
background : #EF8839 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-S a:hover 
{
background      : #D36818 !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-SA a 
{
display    : block;
background : #EF8839 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-SA a:hover 
{
background      : #D36818 !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-SP a 
{
display    : block;
background : #66994F !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-SP a:hover 
{
background      : #3D5B2F !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-Q a 
{
display    : block;
background : #E23176 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-Q a:hover 
{
background      : #AB2759 !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-P a 
{
display    : block;
background : #996633 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-P a:hover 
{
background      : #623201 !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-K a 
{
display    : block;
background : #452ED1 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-K a:hover 
{
background      : #292EBE !important;
color           : #FFF !important;
text-decoration : none !important; 
}

.role-L a 
{
display    : block;
background : #BB2688 !important;
padding    : 0px 10px;
color      : #FFF !important; 
}

.role-L a:hover 
{
background      : #A52396 !important;
color           : #FFF !important;
text-decoration : none !important; 
}

header .navbar-menu 
{
display   : flex; 
flex-wrap  : wrap;
gap        : 15px;
margin     : 0; 
padding    : 0; 
background : #F7F7F7;
border     : none;
min-height : 26px;
list-style : none;
z-index    : 5;
}

.nav-cust-cont
{
padding : 0;
}

.nav-cust-divider
{
margin     : 0;
border-top : 1px solid #e5e5e5;
}

.nav-cust-btn
{
height         : 70px;
width          : 120px;
vertical-align : top;
text-align     : center;
justify-content : center;
margin         : 0;
}

.nav-cust-btn button
{
outline        : 0;
}

.nav-btn-txt
{
display         : inline-block;
max-height      : 22px;
width           : 100%;
font-size       : .9rem;
color           : #000;
vertical-align  : top;
text-align      : center;
word-wrap       : normal;
}

nav .admin
{
background      : url(/sigl/static/img/admin.png) center center no-repeat;
background-size : 100% 100%;
display         : inline-block;
width           : 3.0em;
height          : 3.0em;
vertical-align  : middle;
content         : "";
padding         : 0;
}

nav .admin:hover
{
background : url(/sigl/static/img/admin-active.png) center center no-repeat;
}

nav .btn-admin:hover .admin-content
{
display : block;
margin  : 0;
}

nav .report
{
background      : url(/sigl/static/img/report.png) center center no-repeat;
background-size : 100% 100%;
display         : inline-block;
width           : 3.0em;
height          : 3.0em;
vertical-align  : middle;
content         : "";
padding         : 0;
}

nav .report:hover
{
background : url(/sigl/static/img/report-active.png) center center no-repeat;
}

nav .btn-report:hover .report-content
{
display : block;
margin  : 0;
}

nav .setting
{
background      : url(/sigl/static/img/param.png) center center no-repeat;
background-size : 100% 100%;
display         : inline-block;
width           : 3.0em;
height          : 3.0em;
vertical-align  : middle;
content         : "";
padding         : 0;
}

nav .setting:hover
{
background : url(/sigl/static/img/param-active.png) center center no-repeat;
}

nav .btn-setting:hover .setting-content
{
display : block;
margin  : 0;
}

nav .qualite
{
background      : url(/sigl/static/img/qualite.png) center center no-repeat;
background-size : 100% 100%;
display         : inline-block;
width           : 3.0em;
height          : 3.0em;
vertical-align  : middle;
content         : "";
}

nav .qualite:hover
{
background : url(/sigl/static/img/qualite-active.png) center center no-repeat;
}

nav .btn-qualite:hover .qualite-content
{
display : block;
margin  : 0;
}

nav .non-conformite
{
background      : url(/sigl/static/img/non-conformite.png) center center no-repeat;
background-size : 100% 100%;
display         : inline-block;
width           : 3.0em;
height          : 3.0em;
vertical-align  : middle;
content         : "";
}

nav .non-conformite:hover
{
background : url(/sigl/static/img/non-conformite-over.png) center center no-repeat;
}

.module 
{
border-bottom  : 1px solid #EEE;
position       : relative;
}

.module .list-group-item 
{
display        : inline-block;
padding        : 110px 0 0;
vertical-align : top;
width          : 130px;
border         : none;
margin         : 10px;
text-align     : center;
}

.icon-messaging a 
{
margin-top      : 0.5rem;
margin-left     : 2rem;
margin-bottom   : 0.5rem; 
display         : flex;
align-items     : center;
font-size       : 2.5rem;
color           : grey;
text-decoration : none;
}

.icon-messaging a:hover 
{
color : #0056b3;
}

.module .admin-gest-role 
{ 
background : transparent url(/sigl/static/img/admin-gestion-role.png) center top no-repeat;
}

.module .admin-crea-profil 
{ 
background : transparent url(/sigl/static/img/admin-crea-profil.png) center top no-repeat;
}

.module .admin-preferences 
{ 
background : transparent url(/sigl/static/img/admin-preferences.png) center top no-repeat;
}

.module .admin-referentiel
{ 
background : transparent url(/sigl/static/img/admin-referentiel.png) center top no-repeat;
}

.module .admin-conf-cr
{ 
background : transparent url(/sigl/static/img/admin-conf-cr.png) center top no-repeat;
}

.module .admin-num-doss 
{ 
background : transparent url(/sigl/static/img/admin-conf-num-doss.png) center top no-repeat;
}

.module .admin-connect
{ 
background : transparent url(/sigl/static/img/admin-connect.png) center top no-repeat;
}

.module .admin-gest-fact-0 
{ 
background : transparent url(/sigl/static/img/admin-gest-facture-0.png) center top no-repeat;
}

.module .admin-gest-fact-1 
{ 
background : transparent url(/sigl/static/img/admin-gest-facture-1.png) center top no-repeat;
}

.module .admin-qualite-0
{ 
background : transparent url(/sigl/static/img/admin-module-qualite-0.png) center top no-repeat;
}

.module .admin-qualite-1
{ 
background : transparent url(/sigl/static/img/admin-module-qualite-1.png) center top no-repeat;
}

.module .f-list-bio 
{ 
background : transparent url(/sigl/static/img/f-list-bio.png) center top no-repeat;
}

.module .b-list-bio 
{ 
background : transparent url(/sigl/static/img/b-list-bio.png) center top no-repeat;
}

.module .prel-bio 
{ 
background : transparent url(/sigl/static/img/prel-bio.png) center top no-repeat;
}

.module .res-bio 
{ 
background : transparent url(/sigl/static/img/res-bio.png) center top no-repeat;
}

.module .home-qualite 
{ 
background : transparent url(/sigl/static/img/home-qualite.png) center top no-repeat;
}

.module .f-list-tec 
{ 
background : transparent url(/sigl/static/img/f-list-tec.png) center top no-repeat;
}

.module .t-list-tec 
{ 
background : transparent url(/sigl/static/img/t-list-tec.png) center top no-repeat;
}

.module .prel-tec 
{ 
background : transparent url(/sigl/static/img/prel-tec.png) center top no-repeat;
}

.module .res-tec 
{ 
background : transparent url(/sigl/static/img/res-tec.png) center top no-repeat;
}

.module .f-list-sec 
{ 
background : transparent url(/sigl/static/img/f-list-sec.png) center top no-repeat;
}

.module .new-dos-ext-sec
{ 
background : transparent url(/sigl/static/img/new-dos-ext-sec.png) center top no-repeat;
}

.module .new-dos-int-sec
{ 
background : transparent url(/sigl/static/img/new-dos-int-sec.png) center top no-repeat;
}

.module .emergency 
{ 
background : transparent url(/sigl/static/img/urgence.png) center top no-repeat;
}

.links
{
max-width : 800px;
margin    : 0 auto;
word-wrap : break-word; /* need with Firefox */
}

.links a
{
color           : #555 !important;
text-decoration : none !important;
}

.links a:hover
{
color           : #F18739 !important;
}

.home-stat
{
vertical-align : top;
padding        : 0 43px;
}

.home-graph
{
border-right : 1px solid #EEE;
}

#label-chart
{
padding-right : 1.5rem;
margin-right  : 3rem;
}

#chart
{
width  : 350px;
height : 250px;
margin : 0px auto;
}

.input-large
{
width      : 100%;
text-align : left;
}

.table-lbk
{
color   : #666;
}

.table-lbk tr
{
line-height : 1.4;
}

.panel-heading
{
padding       : 10px 15px;
border-bottom : 1px solid #71B330;
}

.panel-title
{
font-size     : 1.00rem;
font-weight   : bold;
color         : #71B330;
}

.menu-act
{
padding       : 3px !important;
padding-left  : 30px !important;
padding-right : 30px !important;
background-color    : transparent;
background-repeat   : no-repeat;
background-image    : url(/sigl/static/img/info.png);
background-position : left center;
}

.menu-act:hover
{
color         : black;
padding       : 3px !important;
padding-left  : 30px !important;
padding-right : 30px !important;
}

.rec-num
{
background-color : #C7AD70;
color            : #FFF;
display          : inline-block;
min-width        : 26px;
height           : 26px;
line-height      : 26px;
font-size        : 1rem;
font-weight      : bold;
text-align       : center;
padding          : 0 8px;
}

.pat-num
{
background-color : #C7AD70;
color            : #FFF;
display          : inline-block;
min-width        : 0px;
height           : 26px;
line-height      : 26px;
font-size        : 1rem;
font-weight      : bold;
text-align       : center;
padding          : 0 8px;
}

.icon
{
display          : inline-block;
min-width        : 24px;
height           : 24px;
line-height      : 24px;
text-align       : center;
vertical-align   : middle;
}

/* administrative status */
.stat-A
{
background-color : #F08739;
color            : #666;
font-weight      : bold;
}

/* biological status */
.stat-B
{
background-color : #8330E2;
color            : #FFF;
font-weight      : bold;
}

/* technical status */
.stat-T
{
background-color : #00ADEE;
color            : #666;
font-weight      : bold;
}

.font-info
{
font-weight      : bold;
}

.legend-lbk
{
font-size        : 1.25rem;
float            : none;
padding          : inherit;
}

.color-T
{
color : #00ADEE;
}

.bgcolor-T
{
background-color : #00ADEE;
color            : #FFF;
}

.color-B
{
color : #8330E2;
}

.bgcolor-B
{
background-color : #8330E2;
color            : #FFF;
}

.error
{
background-color : #F1D9D5;
color            : #B42C16;
font-weight      : bold;
border           : 1px solid #B42C16;
}

.emer
{
display             : inline-block;
background-color    : transparent;
background-repeat   : no-repeat;
background-image    : url(/sigl/static/img/urgent.png);
background-position : center center;
height              : 12px;
width               : 14px;
vertical-align      : middle;
}

.warning
{
display             : inline-block;
background-color    : transparent;
background-repeat   : no-repeat;
background-image    : url(/sigl/static/img/warning.png);
background-position : center center;
height              : 18px;
width               : 21px;
vertical-align      : middle;
}

.history
{
display             : inline-block;
background-color    : transparent;
background-repeat   : no-repeat;
background-image    : url(/sigl/static/img/info.png);
background-position : center center;
height              : 21px;
width               : 21px;
vertical-align      : middle;
}

.report a
{
color   : #FFF !important;
outline : none;
cursor  : pointer;
}

.bg-readonly
{
background-color    : #E9ECEF;
}

#search_analysis
{
width:450px;
}

.form-search
{
width:400px;
}

.btn_menu_mobile
{
display : none ;
}

#menu-mobile
{
display : none;
}

#menu-desktop
{
display : block;
}

.identity-group
{
display : flex;
}

.identity-group_1
{
display : flex;
}

.menu-choice-desktop
{
overflow   : auto ;
max-height : 92vh ;
}

.aliquot-separator 
{
border  : 3px solid #007bff;
margin  : 20px 0;
opacity : 1;
}

.btn-aliquot 
{
min-width: 150px;
height: 38px;
padding: 6px 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
}

@media all and (max-width: 767px)
{
    body
    {
    padding     : 0;
    background  : #FFF;
    font-style  : normal;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 0.8125rem;
    color       : #666;
    display     : flex;
    margin      : auto;
    }

    #logo img 
    {
    content   : url(/sigl/static/img/logo_small.png);
    max-width : 50px;
    height    : auto;
    margin    : 0;
    }

    #logo 
    {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 75px;
    padding         : 0;
    margin          : 0;
    }

    #user-info 
    {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    margin-top     : 10px;
    margin-left    : 1rem;
    margin-right   : 1rem;
    min-width      : 5rem;
    min-height     : 2rem;
    }

    #user-info .name 
    {
    font-size  : 0.9rem;
    color      : #777;
    text-align : center;
    }

    .module .list-group-item 
    {
    padding        : 110px 0 0;
    }

    .module .icon-module
    { 
    background-size: 80%;
    }

    .page-title 
    {
    max-width   : 100%;
    width       : 95%;
    height      : auto;
    line-height : 1.2rem;
    font-size   : 1rem;
    text-align  : center;
    }

    .navbar 
    {
    position    : relative;
    z-index     : 1;
    }

    .navbar-toggler 
    {
    margin           : 10px auto;
    padding          : 8px 12px;
    background-color : lightgray;
    border           : none;
    border-radius    : 4px;
    }

    .navbar-collapse 
    {
    position: absolute;
    top         : 75px;
    left        : 0;
    right       : 0;
    background  : #f7f7f7;
    z-index     : 999;
    max-height  : 80vh;
    overflow-y  : auto;
    }

    .navbar-nav 
    {
    display        : flex;
    flex-direction : column;
    padding-left   : 0;
    margin         : 0;
    width          : 100%;
    }

    .nav-link 
    {
    font-size   : 0.9rem;
    color       : #333;
    padding     : 10px 20px;
    text-align  : center;
    }

    .dropdown-menu 
    {
    position    : static;
    width       : 100%;
    padding     : 0;
    margin      : 0;
    }

    .dropdown-item 
    {
    padding     : 10px;
    color       : #fff;
    text-align  : center;
    }

    .dropdown-item:hover 
    {
    background  : #436B1C;
    color       : #fff;
    }

    .role 
    {
    position     : relative;
    margin-left  : auto;
    margin-right : 0;
    top          : 0;
    min-width    : 5rem;
    width        : fit-content;
    min-height   : 2rem;
    height       : auto;
    text-align   : right;
    }

    .btn_menu_mobile
    {
    display : block;
    }

    #menu-mobile
    {
    display : block !important;
    width   : 100%;
    }

    #menu-desktop
    {
    display : none !important;
    }

    nav .non-conformite
    {
    background      : none;
    white-space     : nowrap; 
    display         : block;
    width           : auto;
    height          : auto;
    }

    nav .non-conformite:hover
    {
    background      : none;
    }

    nav .setting:hover
    {
    background : none;
    }

    nav .qualite:hover
    {
    background : none;
    }

    nav .non-conformite:hover
    {
    background : none;
    }

    header .dropdown-toggle
    {
    font-size  : 0.8125rem; 
    padding    : 0.3125rem 0.625rem;
    }

    header .dropdown-item
    {
    font-size  : 0.8125rem; 
    padding    : 0rem 0.625rem;
    }

    .inner
    {
    margin : 0px 5px 0px;
    }

    #country-sel .dropdown-toggle {
        padding: 5px 5px;
        background-color: #71B330;
        color: #fff;
        border-radius: 4px;
    }

    #country-sel .btn 
    {
    margin-left  : auto;
    margin-right : auto;
    }

    .page-title
    {
    position         : fixed;
    top              : 75px;
    max-width        : 100%;
    width            : 97%;
    height           : 34px;
    line-height      : 34px;
    text-align       : center;
    z-index          : 9;
    font-size        : 1rem;
    font-weight      : bold;
    }

    .home-stat
    {
    vertical-align : top;
    padding        : 0px;
    }

    .home-graph
    {
    border-right : 0px;
    }

    #label-chart
    {
    padding-right : 0px;
    margin-right  : 0px;
    }

    #chart
    {
    width  : 250px;
    height : 200px;
    margin : 0px auto;
    }

    #label-activity
    {
    margin-top : 1rem;
    text-align : center;
    }

    #search_analysis
    {
    width:290px;
    }

    .legend-lbk
    {
    font-size        : 1rem;
    float            : none;
    padding          : inherit;
    }

    select:disabled
    {
    background-image : none;
    }

    .form-search
    {
    width:290px;
    }
    
    .form-lbk
    {
    font-size        : 0.70rem;
    padding-left     : 0.25rem;
    padding-right    : 0.25rem;
    }

    .btn-lbk
    {
    font-size  : 0.75rem;
    }

    .icon
    {
    display          : inline-block;
    min-width        : 20px;
    height           : 20px;
    line-height      : 20px;
    text-align       : center;
    vertical-align   : middle;
    }

    .stat-A
    {
    font-size : 0.70rem;
    }

    .stat-B
    {
    font-size : 0.70rem;
    }

    .stat-T
    {
    font-size : 0.70rem;
    }

    #info_pat_title
    {
    font-size : 0.65rem;
    }

    .identity-group
    {
    display : block;
    }
    
    .identity-group_1
    {
    display : block;
    }

    #navbarMenu
    {
    overflow   : auto ;
    max-height : 95vh ;
    min-width  : fit-content;
    width      : 100%;
    max-width  : 100%;
    box-sizing : border-box;
    }

    .icon-messaging a 
    {
    margin-top    : 0.5rem;
    margin-left   : 0.5rem;
    margin-right  : 0.5rem
    margin-bottom : 0rem;
    }

    .icon-messaging a 
    {
    display: inline-block;
    font-size: 2.0rem;
    color: gray;
    text-decoration: none;
    }
}

@media all and (max-width: 426px)
{
    body
    {
    padding     : 0;
    background  : #FFF;
    font-style  : normal;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 0.75rem;
    color       : #666;
    display     : flex;
    margin      : auto;
    }

    #logo img 
    {
    content   : url(/sigl/static/img/logo_small.png);
    max-width : 50px;
    height    : auto;
    margin    : 0;
    }

    #logo 
    {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 75px;
    padding         : 0;
    margin          : 0;
    }

    #user-info 
    {
    display        : flex;
    flex-direction : row;
    align-items    : center;
    margin-top     : 10px;
    margin-left    : 1rem;
    margin-right   : 1rem;
    min-width      : 5rem;
    min-height     : 2rem;
    }

    #user-info .name 
    {
    font-size  : 0.9rem;
    color      : #777;
    text-align : center;
    }

    .page-title 
    {
    max-width   : 100%;
    width       : 95%;
    height      : auto;
    line-height : 1.2rem;
    font-size   : 1rem;
    text-align  : center;
    }

    .navbar 
    {
    position    : relative;
    z-index     : 1;
    }

    .navbar-toggler 
    {
    margin           : 10px auto;
    padding          : 8px 12px;
    background-color : lightgray;
    border           : none;
    border-radius    : 4px;
    }

    .navbar-collapse 
    {
    position: absolute;
    top         : 75px;
    left        : 0;
    right       : 0;
    background  : #f7f7f7;
    z-index     : 999;
    max-height  : 80vh;
    overflow-y  : auto;
    }

    .navbar-nav 
    {
    display        : flex;
    flex-direction : column;
    padding-left   : 0;
    margin         : 0;
    width          : 100%;
    }

    .nav-link 
    {
    display     : block;
    font-size   : 0.9rem;
    color       : #333;
    padding     : 10px 20px;
    text-align  : center;
    }

    .dropdown-menu 
    {
    position    : static;
    width       : 100%;
    padding     : 0;
    margin      : 0;
    }

    .dropdown-item 
    {
    padding     : 10px;
    color       : #fff;
    text-align  : center;
    }

    .dropdown-item:hover 
    {
    background  : #436B1C;
    color       : #fff;
    }

    .role
    {
    position     : relative;
    margin-left  : auto;
    margin-right : 0;
    top          : 0;
    min-width    : 5rem;
    width        : fit-content;
    min-height   : 2rem;
    height       : auto;
    text-align   : right;
    }

    .btn_menu_mobile
    {
    display : block;
    }

    #menu-mobile
    {
    display : flex;
    }

    #menu-desktop
    {
    display : none;
    }

    nav .non-conformite
    {
    background      : none;
    white-space     : nowrap; 
    display         : block;
    width           : auto;
    height          : auto;
    }

    nav .non-conformite:hover
    {
    background      : none;
    }

    nav .setting:hover
    {
    background : none;
    }

    nav .qualite:hover
    {
    background : none;
    }

    nav .non-conformite:hover
    {
    background : none;
    }

    header .dropdown-toggle
    {
    font-size  : 0.75rem; 
    padding    : 0.3125rem 0.625rem;
    }

    header .dropdown-item
    {
    font-size  : 0.75rem; 
    padding    : 0rem 0.625rem;
    }

    .inner
    {
    margin : 0px 5px 0px;
    }

    #country-sel .dropdown-toggle {
    padding          : 5px 5px;
    background-color : #71B330;
    color            : #fff;
    border-radius    : 4px;
    }

    #country-sel .btn 
    {
    margin-left  : auto;
    margin-right : auto;
    }

    .module .list-group-item 
    {
    padding        : 80px 0 0;
    }

    .module .icon-module
    { 
    background-size: 60%;
    }

    .page-title
    {
    position         : fixed;
    top              : 75px;
    max-width        : 100%;
    width            : 97%;
    height           : 34px;
    line-height      : 34px;
    text-align       : center;
    z-index          : 9;
    font-size        : 1rem;
    font-weight      : bold;
    }

    .home-stat
    {
    vertical-align : top;
    padding        : 0px;
    }

    .home-graph
    {
    border-right : 0px;
    }

    #label-chart
    {
    padding-right : 0px;
    margin-right  : 0px;
    }

    #chart
    {
    width  : 250px;
    height : 200px;
    margin : 0px auto;
    }

    #label-activity
    {
    margin-top : 1rem;
    text-align : center;
    }

    #search_analysis
    {
    width:290px;
    }

    .legend-lbk
    {
    font-size        : 1rem;
    float            : none;
    padding          : inherit;
    }

    select:disabled
    {
    background-image : none;
    }

    .form-search
    {
    width:290px;
    }
    
    .form-lbk
    {
    font-size        : 0.65rem;
    padding-left     : 0.25rem;
    padding-right    : 0.25rem;
    }

    .btn-lbk
    {
    font-size  : 0.70rem;
    }

    .icon
    {
    display          : inline-block;
    min-width        : 20px;
    height           : 20px;
    line-height      : 20px;
    text-align       : center;
    vertical-align   : middle;
    }

    .stat-A
    {
    font-size : 0.65rem;
    }

    .stat-B
    {
    font-size : 0.65rem;
    }

    .stat-T
    {
    font-size : 0.65rem;
    }

    #info_pat_title
    {
    font-size : 0.0rem;
    }

    .identity-group
    {
    display : block;
    }
    
    .identity-group_1
    {
    display : block;
    }

    #navbarMenu
    {
    overflow  : auto ;
    max-height : 95vh ;
    min-width  : fit-content;
    width      : 100%;
    max-width  : 100%;
    box-sizing : border-box;
    }
}