@import 'css_global_var.css';

* {
    box-sizing: border-box;
}


/* on redéfini toute les marges à 0 */
html,
body {
    margin: 0px;
    width: 100%;
    /*height: 100%;*/
    background: #fff;
    font-family: verdana, tahoma, arial;
    font-size: 11px;
}

/* on défini la police par défaut - ça évite de la répéter */
/* AA 28/04/2025 - ajoute textarea pour avoir la même police que les input */
p,
a,
select,
input,
textarea,
h1,
h2,
h3,
label {
    margin: 0px;
    padding: 0px;
    font-family: verdana, tahoma, arial;
    font-size: 11px;
}

a {
    outline: none;
    text-decoration: none;
}
/* SL 25/06/2025 - ajout style pour les tel/mail to */
a[href^='tel:'], a[href^='mailto:']{
    color: inherit;
    
}
ul,
li {
    margin: 0px;
    padding: 0px;
}

input[type=button],
button,
input[type=submit] {
    border: none;
}

@font-face {
    font-family: "Roboto Condensed";
    src: url('fonts/Roboto-Condensed-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {font-family: "Roboto Condensed";src: url('fonts/WorkSans-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}*/
ul.mobile {
    display: none !important;
}

.mobile {
    display: none !important;
}

body {
    /*background: url(../img_global/body.png) repeat-x center 80px;*/
    min-width: 1032px;
}

body.Popup {
    background: none;
    width: 780px;
    min-width: 780px;
}

fieldset {
    border: 1px solid #006777
        /*#859ea6*/
}

fieldset legend {
    color: #006777;
    font-weight: bold;
}

a.ico_mobile {
    display: none;
}

.hide {display:none; }

html.noOverflow
{
    overflow: hidden;
}

/* body global - permet de définir la taille du contenu */
div#bodyP {
    min-height: 100vh;
    /*height:100%;*/
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* header - contenant le logo le titre et les applis */
div#header_portail {
    background: #127886;
    min-height: 35px
        /*80px*/
    ;
    background-size: 100%;
    position: fixed;
    width: 100%;
    z-index: 40;
    box-shadow: rgba(37, 55, 57, 0.8) 0px 0px 10px 0px;
}

div#header_portail .centre {
    min-width: 1032px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5% 0 5%
}

/*div#header_portail .logo_portail{width:120px;display:inline-block;text-align: center;vertical-align: top;}*/
/*div#header_portail .logo_portail a{background:url(../img_global/header_logo.png) no-repeat left top;padding:5px 3px 5px 20px;margin-top:7px;color:#fff;display:block;font-family: 'Roboto Condensed', sans-serif;border-right:1px solid #fff;text-transform:uppercase;font-size:11px;text-decoration: none;}*/

div#header_portail .logo_portail {
    width: 5%;
    text-align: center;
    height: 100%;
    position: absolute;
    left: 0;
    padding: 5px;
}

div#header_portail .logo_portail a {
    background: url(../img_global/papillon.png) no-repeat center center;
    background-size: contain;
    /*padding: 5px 3px 5px 20px;*/
    margin-top: 7px;
    color: #fff;
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    border-right: 1px solid #fff;
    text-transform: uppercase;
    font-size: 11px;
    text-decoration: none;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: brightness(99);
}



div#header_portail li.selected a,
div#header_portail a:hover {
    color: #fff
}

div#header_portail .ListeAppliAdmin {
    display: inline-block;
    /*max-width:30%;*/
    height: 100%;
    vertical-align: top;
    margin-left: 3%;
    max-width: 28%
        /*position:relative*/
}

div#header_portail .ListeAppliAdmin ul {
    margin: 5px 0 0 5px;
    padding: 0;
    list-style: none;
    max-height: 30px
        /*80px*/
    ;
    max-width: 495px;
    /*float:left;*/
}

div#header_portail .ListeAppliAdmin li {
    display: inline-block;
    width: 86px;
    margin: 0px;
    padding: 0 5px
}

div#header_portail .ListeAppliAdmin li:not(:first-child) {
    border-left: 1px solid #fff;
}

div#header_portail .ListeAppliAdmin li.admin3 {
    width: 110px
}

div#header_portail .ListeAppliAdmin a {
    color: #fff;
    font-size: 10px;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}

div#header_portail .ListeAppliAdmin a:hover {
    color: #20c0d7
}

div#header_portail .ListeAppliAdmin .Deconnexion {
    position: absolute;
    top: 0;
    right: 0;
    width: fit-content;
}

div#header_portail .ListeAppliAdmin .Deconnexion span {
    display: inline-block;
    padding: 5px 15px;
    background: #434343;
    color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    margin: 0 8px 8px 0;
    vertical-align: top;
}

div#header_portail .ListeAppliAdmin .Deconnexion img, div#footer_portail .ListeAppliAdmin .Deconnexion img {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: ease all 0.3s;
}

div#header_portail .ListeAppliAdmin .Deconnexion img:hover, div#header_portail .ListeAppliAdmin .Deconnexion img.active {
    filter: brightness(1.5);
}

div#header_portail .ListeAppliAdmin .Deconnexion a {
    text-transform: none;
    font-size: 11px;
    font-family: verdana;
    display: inline-block;
}

div#header_portail .ListeAppli {
    display: inline-block;
    min-height: 30px
        /*64px*/
    ;
    width: 58%
}

div#header_portail .ListeAppli>ul {
    margin: 0;
    padding: 0;
    list-style: none
}

div#header_portail .ListeAppli>ul.not_mobile {
    display: inline
}

div#header_portail .ListeAppli a {
    color: #20c0d7;
    text-decoration: none
}

div#header_portail .ListeAppli a:hover {
    color: #fff
}

div#header_portail .ListeAppli li {
    color: #aaaaaa;
    display: inline-block;
    margin: 11px 10px 5px 10px;
    /*width:75px;*/
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    background-position: left -32px
        /*center -64px*/
    ;
    /*height:32px*/
    ;
    background-repeat: no-repeat;
    background-size: 16px
}

div#header_portail .ListeAppli li a {
    /*width:75px;*/
    display: block;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    /*padding-top:11px;*/
    padding-left: 22px;
    line-height: 16px;
}

/* header appli suivantes */
div#header_portail .ListeAppli .ListeAppliLast {
    display: inline;
    text-align: center;
    position: relative;
    vertical-align: top;
}

div#header_portail .ListeAppli .ListeAppliLast .aListAppliAll {
    display: inline-block;
    background: url(../img_global/appli_plus.png) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 28px;
    /* AA 11/04/2025 - il semblerait que le absolute positionne le bouton n'importe comment quand on a plusieurs lignes de menu, donc je teste de l'enlever */
    /*position: absolute;
    left: 5px;*/
    margin: 5px;
}

div#header_portail .ListeAppli .ListeAppliPlus {
    display: none;
    z-index: 8500 !important;
    padding-top: 7px;
    background: url(../img_global/appli_all_bg.png) no-repeat center top;
    position: absolute;
    /*top:50px;*/
    left: -70px
}

div#header_portail .ListeAppli .ListeAppliPlus ul.ListeAppliAll {
    width: 200px;
    min-height: 80px;
    background: url(../img_global/appli_all_bg_ul.png) repeat;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div#header_portail .ListeAppli .ListeAppliPlus .ListeAppliAll li {
    display: block;
    /*width:70px;height:32px;*/
    float: none;
    background-position: left -48px;
    text-align: left
}

div#header_portail .ListeAppli .ListeAppliPlus .ListeAppliAll li.selected a,
div#header_portail .ListeAppli .ListeAppliPlus .ListeAppliAll a:hover {
    color: #20c0d7
}

div#header_portail .ListeAppli .ListeAppliPlus .ListeAppliAll li.selected,
div#header_portail .ListeAppli .ListeAppliPlus .ListeAppliAll li:hover {
    background-position: left -16px
}

/* appli en blanc */
.AppliGescom {
    background-image: url(../img_global/appli/gestion_commerciale.png);
}

.AppliStandard {
    background-image: url(../img_global/appli/standard.png);
}

.AppliCMS {
    background-image: url(../img_global/appli/gestion_contenu.png);
}

.AppliBoutique {
    background-image: url(../img_global/appli/boutique.png);
}

.AppliEmailing {
    background-image: url(../img_global/appli/emailing.png);
}

.AppliGestionProjet {
    background-image: url(../img_global/appli/gestion_projet.png);
}

.AppliGestionConges {
    background-image: url(../img_global/appli/mes_conges.png);
}

.AppliSociete {
    background-image: url(../img_global/appli/societe.png);
}

.AppliMailManager {
    background-image: url(../img_global/appli/mail_manager.png);
}

.AppliConfigEmail {
    background-image: url(../img_global/appli/config_email.png);
}

.AppliGestionDoc {
    background-image: url(../img_global/appli/gestion_documentaire.png);
}

.AppliNoteFrais {
    background-image: url(../img_global/appli/note_frais.png);
}

.AppliCalendrier {
    background-image: url(../img_global/appli/calendrier.png);
}

.AppliImmo {
    background-image: url(../img_global/appli/immo.png);
}

.AppliRss {
    background-image: url(../img_global/appli/rss.png);
}

.AppliFiltrageIP {
    background-image: url(../img_global/appli/filtrage_ip.png);
}

.AppliGestionCourrier {
    background-image: url(../img_global/appli/courrier.png);
}

.AppliRdv {
    background-image: url(../img_global/appli/rdv.png);
}

.AppliCRM {
    background-image: url(../img_global/appli/crm.png);
}

.AppliGarantie {
    background-image: url(../img_global/appli/gestion_projet.png);
}

.AppliImagine {
    background-image: url(../img_global/appli/imagine.png);
}

.AppliGestionFlotte {
    background-image: url(../img_global/appli/flotte.png);
}

.AppliSecurite {
    background-image: url(../img_global/appli/securite62x62.png);
}

.AppliTexteComplementaire {
    background-image: url(../img_global/appli/texteComplementaire62x62.png);
}

.AppliBadges {
    background-image: url(../img_global/appli/demande62X62.png);
}

.AppliEnvironnement {
    background-image: url(../img_global/appli/environnement62X62.png);
}

.AppliCing {
    background-image: url(../img_global/appli/gestion_cing62x62.png);
}

.AppliRemorques {
    background-image: url(../img_global/appli/suivi_remorques.png);
}

.AppliSignature {
    background-image: url(../img_global/appli/config_email.png);
}

.AppliPhotosGroupes{
    background-image: url(../img_global/appli/photos_groupes62x62.png);
}

.AppliRH{
    background-image: url(../img_global/appli/photos_groupes62x62.png);
}

.AppliMecaferSolaire{
    background-image: url(../img_global/appli/mecafer_solaire62x62.png);
}

.AppliInscription{
    background-image: url(../img_global/appli/gestion_documentaire62x62.png);
}

/* appli en bleu foncé - juste dans le header */
div#header_portail .ListeAppli .ListeAppliPlus a {
    color: #016877;
}

/* appli selectionnée - bleu clair */
div#header_portail .ListeAppli li:hover,
div#header_portail .ListeAppli li.selected {
    background-position: left 0;
    background-size: 16px
}

.selected a {
    color: #016877;
}

/* appli grisée - juste dans le header */
div#header_portail .ListeAppli .ListeAppliPlus .ListeAppliAll li.Grise,
div#header_portail .ListeAppli .Grise {
    background-position: left -16px;
    /*background-size:17px;*/
}

div#header_portail .ListeAppli .Grise a {
    color: #CCCCCC;
}



/* contenu du site - différent selon les appli */
div#contenu_portail {
    clear: both;
    height: 85%;
    min-height: 85%;
    background: url(../img_global/body.png) repeat-x center top;
    flex: 1;
    margin-top: 35px;
    padding-bottom: 35px;
}

div#Module {
    min-height: calc(100% - 62px);
}

/* header du module */
div#header_module {
    height: 40px;
    max-height: 40px;
    min-width: 1032px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
    position: fixed;
    width: 100%;
    z-index: 39;
    background: #127886;
    top: 35px;
}

/* menu du module */
div#header_module ul#menu_module {
    text-transform: uppercase;
    list-style: none;
    max-height: 30px;
    height: 100%;
    float: left;
    z-index: 4600;
}

div#header_module ul#menu_module li {
    display: inline-block;
    vertical-align: top;
}

div#header_module ul#menu_module li a {
    display: block;
    text-align: center;
    color: #1bb1c6;
    line-height: 40px;
    text-decoration: none;
    outline: none;
    padding: 0 5px;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
}

div#header_module ul#menu_module li a:hover,
div#header_module ul#menu_module li a.selected {
    color: #fff
}


/* header mennu suivants */
/*div#header_module .ListeMenuLast{float:right;position:relative;}*/

div#header_module .ListeMenuLast .aListMenuAll {
    display: inline-block;
    position: absolute;
    width: 51px;
    height: 100%;
    background-size: 80%;
    right: 0px;
    text-decoration: none;
    transition: ease all 0.3s;
    background: #1a9db1;
}

div#header_module .ListeMenuLast .aListMenuAll:hover {
    background: #20c0d7;
}

div#header_module .ListeMenuLast .aListMenuAll::before {
    content: '\f054';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleX(-1);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: white;
    font-size: 20px;
    transition: ease all 0.3s;
}

div#header_module .ListeMenuLast .aListMenuAll.opened {
    background: #20c0d7;
}

div#header_module .ListeMenuLast .aListMenuAll.opened:hover {
    background: #1a9db1;
}

div#header_module .ListeMenuLast .aListMenuAll.opened::before {
    transform: translate(-50%, -50%) scaleX(1);
}

div#header_module .ListeMenuPlus {
    display: flex;
    position: fixed;
    top: 75px;
    background-color: #127886;
    height: calc(100% - 73px);
    right: 0px;
    width: 0px;
    transition: width ease 0.3s;
    overflow: hidden;
    z-index: 50;
}

div#header_module .ListeMenuPlus.opened {
    width: 240px;
}

div#header_module .ListeMenuPlus ul.ListeMenuAll {
    list-style: none;
    z-index: 50;
    overflow-y: auto;
    overflow-x: hidden;
}

div#header_module .ListeMenuPlus .ListeMenuAll li {
    width: 240px;
    display: flex;
}


div#header_module .ListeMenuPlus .ListeMenuAll li a {
    padding: 10px 15px;
    width: 100%;
    height: 100%;
    display: flex;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    transition: all ease 0.3s;
}

div#header_module .ListeMenuPlus .ListeMenuAll li.selected a,
div#header_module .ListeMenuPlus .ListeMenuAll a:hover {
    /*color:#20c0d7;*/
    /*1bb1c6*/
    background-color: #20c0d7;
}

/** header de la page du module **/
div#header_module_page {
    height: 53px;
    clear: both;
    min-width: 1032px;
    margin: 0 auto 20px auto;
    padding: 0 5%;
    margin-top: 35px;
}

div#header_module_page p {
    color: #434343;
    font: normal normal 13px Verdana;
    text-transform: uppercase;
    padding: 20px;
    background: url(../img_global/fond_header_module_page_p.png) no-repeat left center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
}

div#header_module_page span.img_header_action {
    display: none
}

/* page */
div#contenu_module_page {
    height: 80%;
    min-width: 1032px;
    margin: 0px auto 0px auto;
    padding: 0 5%;
    /*overflow: auto;*/
}

/* coté gauche */
div#contenu_module_page_gauche {
    min-width: 590px;
    width: 49%;
    height: auto;
    float: left
}

.rss_mailing_aide .OldArt {
    font-weight: 600;
    font-size: 11px;
}
.rss_mailing_aide table td {
    padding: 5px;
}
.rss_mailing_aide hr {
    display: none;
}

.flowroot {
    display: flow-root;
}

.flagMeta {
    text-align: center;
}

.meta_defaut {
    cursor: pointer;
}

/* LB - 18/03/2025 - si on est dans un tab, il faut enlever le float pour éviter qu'il soit sorti du flux + on va passer en flex pour rendre un résultat similaire */
/*RR - 12-06-2025 - On ne cible que les tabs qui s'affiche (aria-hidden= false), sinon la lib tabs ne fonctionne plus */
.ui-tabs-panel[aria-hidden=false]:has(#contenu_module_page_gauche), .ui-tabs-panel[aria-hidden=false]:has(#contenu_module_page_droit)  {
    display: flex !important;
    flex-flow: wrap;
    justify-content: space-between;
}

.ui-tabs-panel > div#contenu_module_page_gauche, .ui-tabs-panel > div#contenu_module_page_droit {
    float: unset;
}

.ui-tabs-panel > .contenu_module_page_complet {
    flex: 0 0 100%
}

/* coté droit */
div#contenu_module_page_droit {
    /*width:423px;*/
    min-width: 435px; 
    width: 50%;
    float: right;
    margin-top: 5px;
    margin-right: 3px;
}

div#contenu_module_page_droit p {
    padding: 5px;
    text-transform: uppercase;
    font-size: 10px
}

div#titre_page_module {
    padding: 8px;
    color: #ffffff;
    text-transform: uppercase;
    font: normal bold 16px verdana, tahoma, arial;
    text-align: center
}

div.titre_action_module {
    /*padding:5px;*/
    padding: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font: normal bold 15px verdana, tahoma, arial;
    background: none repeat scroll 0 0 #53c0cf;
}

div.titre_action_module:hover {
    cursor: pointer
}

div.titre_action_module.contenu_module_droit_bck_vert {
    background: #82b92c;
}

div.titre_action_module.contenu_module_droit_bck_blue {
    background: #0a6976;
}

div.titre_action_module.contenu_module_droit_bck_orange {
    background: #ffac36;
}

div.titre_action_module.contenu_module_droit_bck_blue_light {
    background: #53c0cf;
}

div#contenu_module_page_droit span.picto_plus_moins {
    float: right;
    margin: 2px 10px 2px 0px;
    width: 13px;
    height: 13px;
}


div#contenu_module_page_droit .picto_plus {
    background: url(../img_global/picto/picto_plus.png) no-repeat center center;
}

div#contenu_module_page_droit .picto_moins {
    background: url(../img_global/picto/picto_moins.png) no-repeat center center;
}

div.contenu_action_module {
    background: #efefef;
    padding: 10px;
}

div#contenu_module_page_droit label {
    color: #535353;
    font: normal bold 12px verdana, arial;
    text-transform: uppercase;
}

div#contenu_module_page_droit input {
    margin-top: 5px;
}

div#contenu_module_page_droit select {
    margin-top: 5px;
    max-width: 245px
}

/* liste avec des infos plus petites */
.petite_dataTable .dataTables_length {
    font-size: 9px;
}

.petite_dataTable .dataTables_filter {
    font-size: 9px;
}

.petite_dataTable .dataTables_filter input {
    width: 80px;
}

.petite_dataTable .dataTables_info {
    font-size: 9px;
}

.petite_dataTable table.table_liste {
    font-size: 11px;
}

.petite_dataTable table.table_liste td {
    font-size: 11px;
}

.petite_dataTable table.table_liste a {
    font-size: 11px;
}

/* class des tableaux de liste classique */
table.table_liste {
    /*border:0px solid #a9a9a9;*/
    border-collapse: collapse !important;
    /*font:normal 11px verdana,tahoma,arial;*/
    width: 100%;
}

table.table_liste th,
table.table_liste tfoot td,
table.dataTable.table_liste thead th,
table.dataTable.table_liste thead td {
    color: #ffffff;
    padding: 7px;
}

table.table_liste.dataTable th.sorting_asc,
table.table_liste.dataTable th.sorting_desc {
    padding-right: 15px;
}

table.table_liste tbody tr:not(:last-child),
table.table_liste tfoot tr:not(:last-child) {
    border-bottom: 1px solid #a9a9a9;
}

table.table_liste td {
    color: #535353;
    padding: 5px;
    /*font:normal 10px verdana,tahoma,arial;*/
}

table.table_liste td div {
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}

table.table_liste td a {
    padding: 0px;
    text-decoration: none;
    color: #535353;
    /*font-size:11px*/
}

/*table.table_liste td a:hover{text-decoration:underline;}*/

table.table_liste a.zone_href {
    float: left;
    min-width: 27px;
    height: 27px;
    line-height: 26px;
    margin-left: auto;
    margin-right: auto;
}

table.table_liste a.zone_href_petit {
    float: left;
    width: 15px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
}

/*table.table_liste td a.a_lien {color:#004d9d;}*/
table.table_liste.reorderable tr {
    cursor: move;
}

table.table_liste.reorderable tr.dt-rowReorder-moving {
    cursor: move;
}


.tableau {
    border: 0px solid #a9a9a9;
    border-collapse: collapse;
    font: normal normal 11px verdana, tahoma, arial;
    width: 100%;
}

td.details-control {
    background: url('../img_global/picto/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.details td.details-control {
    background: url('../img_global/picto/details_close.png') no-repeat center center;
}

/* footer du site - contenant le copyright */
div#footer_portail {
    clear: both;
    background: #626262;
    /*height:25px;*/
    /*margin-top: 25px;*/
    position: relative;
}

div#footer_portail p {
    color: #FFF;
    text-align: center;
    margin: 0px 0 0 0;
    padding: 8px;
    font-size: 10px;
    font-family: 'Roboto Light', sans-serif;
}

/*div#footer_page_portail{bottom:0px;background:url(../img_global/fond_footer_page_portail.jpg) repeat-x;height:19px;}
*/

div.details-open {
    background: url('../img_global/picto/details_open.png') no-repeat center center;
    cursor: pointer;
    width: 24px;
    height: 24px
}

div.details-close {
    background: url('../img_global/picto/details_close.png') no-repeat center center;
    cursor: pointer;
    width: 24px;
    height: 24px
}

.picto_oeil {
    background: url('../img_global/picto/picto_oeil.png') no-repeat center center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: contain;
}

.hasPopin {
    overflow: hidden;
}

.lien_mdp_oublie {
    color: #fff;
    display: block;
    text-align: center;
    margin: 4px 0;
}

.contentMdpOublie {
    position: relative;
    color: #92b815;
    font-weight: bold;
}

.infosMDP {
    position: absolute;
    left: calc(100% + 5px);
    top: 0;
    width: 200px;
    background: rgba(0, 0, 0, 0.8);
    text-align: left !important;
    z-index: 4;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
}

.listeConditions {
    padding-left: 25px;
}

.infosMDP:before {
    position: absolute;
    top: 50%;
    top: calc(50% - 10px);
    top: -webkit-calc(50% - 10px);
    content: "";
    right: 100%;
    border: 10px solid transparent;
    border-right: 10px solid rgba(0, 0, 0, 0.8);
}

.listeConditions .condition {
    font-weight: bold;
    position: relative;
}

.listeConditions .condition.condPassOk {
    color: #65c462
}

.condPassNOk {
    color: red
}

.listeConditions .condition.condPassOk:after {
    content: "";
    position: absolute;
    left: -30px;
    margin-left: 3px;
    top: 0;
    width: 15px;
    height: 100%;
    background: url("../img_global/picto/check_petit.png") no-repeat center center;
    background-size: contain;
}

/*.infosMDP.bottomInfos{left: 0; top: 100%;}*/
.infosMDP.bottomInfos {
    right: -220px;
    top: -44px;
    left: auto;
}

/*.infosMDP.bottomInfos:before{left: 90px;border: 10px solid transparent; border-bottom: 10px solid  rgba(0, 0, 0, 0.8); bottom: 100%;top: auto;}*/

.hovertable:hover .tablehover {
    display: inline-block;
    top: 20px;
    left: -200px;
    position: relative;
    z-index: 45;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px;
    border: 1px solid;
    border-radius: 5px;
    width: auto
}

input:not([type=submit]):not([type=button]):not([type=radio]):not(.accueil_input),
select,
textarea {
    padding: 3px;
    border-radius: 5px;
    border: 1px solid gray;
    /*margin-top: 5px;*/
    /*min-width: 200px;*/
}

input[type=text][size],
input[type=number][size] {
    min-width: unset !important;
}

input[type=checkbox] {
    min-width: auto !important;
    /* margin-right:10px !important;*/
}

/*
input[type=button],input[type=submit]{
    min-width: 130px;
}
*/
/*input.input_number, select.input_number{
    min-width:60px !important;
    max-width:60px !important;
}*/
/*
input.input_date {
    min-width: 50px !important;
}
*/

.noMargin {
    margin-top: 0px;
}

form,
#contenu_module_liste_article,
#contenu_module_liste_article_particulier,
#contenu_module_meta_page,
#contenu_module_modif,
#titre_page_module {
    border-radius: 5px;
}

#ZonesTransports #contenu_module_modif {
    width: 100%;
}

.titre_action_module {
    border-radius: 5px 5px 0px 0px;
}

.TransformRadio {
    min-width: unset !important;
    cursor: pointer;
}

.contentTitreHover {
    position: relative;
    cursor: pointer;
}

.titreHover {
    position: absolute;
    background: white;
    top: 10px;
    left: 50%;
    width: max-content;
    max-width: 500px;
    border: solid 2px lightgray;
    padding: 10px;
    opacity: 0;
    transition: ease 0.5s all;
    pointer-events: none;
    border-radius: 5px;
    z-index: 40;
    color: black !important;
    word-break: break-all;
}

.contentTitreHover:hover .titreHover {
    opacity: 1;
}

/* GL - 15-05-2024 - L'important gêne le responsive, on ajoute .dataTables_wrapper pour être prioritaire sur datatable */
.dataTables_wrapper table.dataTable tbody th,
.dataTables_wrapper table.dataTable tbody td {
    padding: 5px;
}

table.legende {
    border-collapse: collapse;
}

table.legende tr, 
table.legende td {
    padding: 4px 4px 4px 4px;
    min-width: 60px;
}

table.legende thead label {
    font-weight: 600;
}

table.legende .compte_aucun div {
    background: transparent;
    border: 1px solid #555;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

table.legende .compte_pro div {
    background: #75402c;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

table.legende .compte_particulier div {
    background: #e1d1a7;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

table.legende .compte_pro_spe div {
    background: #55409c;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

/* FLEX CLASSES */
.flexParent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.flexHalf {
    flex: 1 1 49%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexThird {
    display: flex;
    flex: 1 1 32%;
    max-width: 33%;
}

.flexRight {
    justify-content: flex-end;
}

.flexCenter {
    justify-content: center;
}

.flexLeft {
    justify-content: flex-start;
}

.flexColumn {
    flex-direction: column !important;
}
.flexRow {
    flex-direction: row !important;
}

.flexStart {
    align-items: flex-start;
}

.flexEnd {
    align-items: flex-end;
}

.flexStrech {
    align-items: stretch;
}

.flexBaseline {
    align-items: baseline;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexBetween {
    justify-content: space-between;
}

.flexAround {
    justify-content: space-around;
}

.flexTwoThirds {
    display: flex;
    flex: 0 0 66.666666%;
}

.flexQuarter{
    display:flex;
    flex: 1 1 24%;
    max-width: 25%;
}
  
.flexThreeQuarter{
    display:flex;
    flex: 1 1 74%;
}

.flexVCenter {
    align-items: center !important;
}

.gap_1 {
    gap: 1px
}

.gap_5 {
    gap: 5px
}

.gap_10 {
    gap: 10px
}

.gap_15 {
    gap: 15px
}

.gap_20 {
    gap: 20px
}

.gap_30 {
    gap: 30px
}

/* Variable positionnement */
.wp_10 {
    width: 10% !important;
}

.wp_20 {
    width: 20% !important;
}

.wp_30 {
    width: 30% !important;
}

.wp_40 {
    width: 40% !important;
}

.wp_50 {
    width: 50% !important;
}

.wp_60 {
    width: 60% !important;
}

.wp_70 {
    width: 70% !important;
}

.wp_80 {
    width: 80% !important;
}

.wp_90 {
    width: 90% !important;
}

.wp_100 {
    width: 100% !important;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_50 {
    margin-top: 50px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_50 {
    margin-left: 50px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_50 {
    margin-right: 50px;
}

.radiusTopLeft {
    border-top-left-radius: var(--default-border-radius) !important;
}

.radiusTopRight {
    border-top-right-radius: var(--default-border-radius) !important;
}

.radiusBottomLeft {
    border-bottom-left-radius: var(--default-border-radius) !important;
}

.radiusBottomRight {
    border-bottom-right-radius: var(--default-border-radius) !important;
}

.loaderCss {
    border: 5px solid var(--color-bleu);
    border-radius: 50%;
    border-top: 5px solid transparent;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
    display: none;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.breakWord {
    word-break: break-all;
}

.tooltip {
    text-decoration: underline dashed;
    text-decoration-color: #127886;
    cursor: help;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.4em;
}

.ui-tooltip.ui-widget {
    background: #383838;
    color: white;
    z-index: 3000;
    border: none;
    padding: 5px;
    min-width: 30px;
    white-space: pre-line;
    border: none !important;
    box-shadow: none;
}

.ui-tooltip.left::before,
.ui-tooltip.right::before,
.ui-tooltip.center::before,
.ui-tooltip.bottom::before,
.ui-tooltip.middle::before,
.ui-tooltip.top::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
    background: #383838;
}

.ui-tooltip.left::before {
    left: -5px;
    right: unset;
    top: 10px;
}

.ui-tooltip.right::before {
    right: -5px;
    top: 10px;
    left: unset;
}

.ui-tooltip.center::before {
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.ui-tooltip.bottom::before {
    bottom: -5px;
    top: unset;
}

.ui-tooltip.middle::before {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

/* Toggle switch avec textes dedans */

.toggleSwitchContainer>span {
    font-weight: bold;
}

.toggleSwitch {
    position: relative;
    display: inline-flex;
    width: auto;
    height: 100%;
}

.toggleSwitch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.slider {
    cursor: pointer;
    background-color: #bde1e6;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    display: flex;
    justify-content: space-between;
    border-radius: 24px;
    border: 1px solid #bbb;
}

.slider>span {
    padding: 5px 10px;
    color: black;
    width: 100%;
    white-space: nowrap;
    text-align: center;
}

.toggleSwitch input:focus+.slider {
    outline: thick solid orange;
    outline-width: 2px;
}

.toggleSwitch input+.slider>span:nth-child(1) {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.toggleSwitch input+.slider>span:nth-child(2) {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.toggleSwitch input:not(:checked)+.slider>span:nth-child(1) {
    background-color: #12b6cc;
    box-shadow: 1px 0px 3px #9d9d9d;
}

.toggleSwitch input:not(:checked)+.slider>span:nth-child(2) {
    color: rgb(54, 54, 54);
}

.toggleSwitch input:checked+.slider {
    background-color: #f0d6c0;
}

.toggleSwitch input:checked+.slider>span:nth-child(2) {
    background-color: #F38321;
    box-shadow: -1px 0px 3px #9d9d9d;
}

.toggleSwitch input:checked+.slider>span:nth-child(1) {
    color: rgb(54, 54, 54);
}

.calendar {
    margin-top: 5px;
}

/* Toggle switch avec textes dedans */


/* REMOVE DU FIXED */

div#header_portail {
    position: relative !important;
    min-height: 35px !important;
    top: 0px !important;
    flex-shrink: 0;
}

div#contenu_portail {
    margin-top: 0 !important;
    /*overflow: hidden;*/
}

div#header_module {
    position: relative !important;
    top: 0px !important;
}

div#header_module .ListeMenuPlus {
    position: absolute !important;
    /*height: 100vmax !important;*/
    top: 100% !important;
}

div#header_module_page {
    margin-top: 0px !important;
    display: flex !important;
}

.table_liste thead {
    top: 0px !important;
}

/* coté gauche 1/3 et droit 2/3 */
div#contenu_module_page_gauche_1_tiers {
    float:left;
    width: 30%;
}

div#contenu_module_page_droit_2_tiers {
    width: 59%;
    float:left;
}

/* MODAL DE RECONNEXION */
div.jconfirm .jconfirm-type-modalReconnexion{
    padding:0px !important;
}
div.jconfirm .jconfirm-type-modalReconnexion .jconfirm-content-pane{
    padding:0px !important;
    margin:0px !important;
}

div.jconfirm .jconfirm-type-modalReconnexion .jconfirm-buttons{
    padding:0px !important;
    margin:0px !important;
}

.select2:not(.notImagine) .select2-selection {
    border: none !important;
    padding: 0px !important;
    height: 23px !important;
    min-height: 0px !important;
}

.select2:not(.notImagine) .select2-selection__rendered {
    padding: 3px 5px !important;
    display: block !important;
    line-height: normal !important;
    text-align: left;
    min-height: 0px !important;
    height: 23px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    border: solid black 1px !important;
    position: relative !important;
}

.select2:not(.notImagine) .select2-search textarea {
    padding: 3px 5px !important;
    display: block !important;
    line-height: normal !important;
    text-align: left;
    height: 23px !important;
    border-radius: 0px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border: 1px solid #aaa !important;
    width: 100% !important;
    margin: 0px !important;
    margin-top: 2px !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    display: none !important;
}

.select2:not(.notImagine) .select2-selection[aria-expanded=true] .select2-search textarea {
    display: block !important;
    z-index: 1;
    background: white;
}

.select2:not(.notImagine) .select2-selection__arrow {
    display: none !important;
}

.select2:not(.notImagine) .select2-selection .select2-selection__rendered::before {
    content: "";
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 5px;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    transition: ease all 0.3s;
}

.select2:not(.notImagine) .select2-selection[aria-expanded=true] .select2-selection__rendered::before {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

textarea#commentaireCourrier,
textarea#commentaireE,
textarea#commentaireI,
textarea#CR,
textarea#commentaire {
    resize: vertical;
}

#frm_ajout_saisie textarea#Commentaire {
    max-width: 700px;
}

/* -------------------------------------------------------------------------- */
/*                              Table responsive                              */
/* -------------------------------------------------------------------------- */
#contenu_portail table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
#contenu_portail table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before 
{
    background-color: var(--color-bleu-v-1);
}

/* END */

/* -------------------------------------------------------------------------- */
/*                              PARTIE REPONSIVE                              */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 479px) {
    .not_mobile {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    body,
    div#header_module,
    div#header_module_page,
    div#contenu_module_page,
    div#footer_portail,
    div#header_portail .centre {
        width: 100%;
        min-width: 0px;
        box-sizing: border-box;
    }

    body {
        background: none;
    }

    div#header_portail .logo_portail {
        width: 80px;
    }

    div#header_portail .centre {
        padding-right: 80px;
    }

    div#header_portail .ListeAppli {
        width: 100%;
    }

    div#header_portail .ListeAppliLast.mobile .ListeAppliPlus {
        left: 41%;
        transform: translateX(-50%);
        width: 120%;
        top: 35px;
        background: none;
    }

    div#header_portail .ListeAppli .ListeAppliLast.mobile {
        height: 34px;
    }

    div#header_portail .ListeAppli .ListeAppliLast.mobile .aListAppliAll {
        position: static;
    }

    div#header_portail .ListeAppliLast.mobile ul.ListeAppliAll {
        width: 100%;
    }

    div#header_portail .ListeAppliLast.mobile ul.ListeAppliAll>li {
        text-align: center;
    }

    div#Module {
        overflow: auto;
    }

    div#header_module {
        background: #127886;
        height: auto;
        max-height: unset;
        min-height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: sticky !important;
        left: 0;
    }

    div#header_module ul#menu_module {
        max-height: none;
        float: none;
    }

    div#header_module ul#menu_module li a {
        padding: 0px
    }

    div#header_module .ListeMenuLast {
        float: none;
        display: block;
        bottom: -3px;
        width: 100%;
        text-align: center;
    }

    div#header_module .ListeMenuLast a.aListMenuAll {
        position: absolute;
        top: 0;
    }

    div#header_module .ListeMenuPlus ul.ListeMenuAll {
        width: auto;
        max-height: none;
        min-height: 0px;
    }

    div#header_module .ListeMenuPlus {}

    div#header_module .ListeMenuPlus ul.ListeMenuAll li {
        height: auto;
    }

    div#header_module_page p {
        border-bottom: dotted 1px #707070;
    }

    .Deconnexion {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .Deconnexion span {
        padding: 5px 15px;
        background: #434343;
        color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        margin-bottom: 8px;
    }

    .Deconnexion a {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }

    .ListeAppliAdmin {
        background: #626262;
        text-align: center;
        padding-top: 5px;
    }

    .ListeAppliAdmin li {
        display: inline-block;
    }

    .ListeAppliAdmin a {
        color: #fff
    }

    div#footer_portail {
        height: auto;
    }

    /* menu mobile */

    ul.mobile {
        display: block !important;
    }

    ul.mobile ul,
    ul.mobile .sep {
        display: none;
    }

    ul.mobile li {
        display: block;
    }

    ul.mobile li a {
        height: 30px;
        line-height: 30px;
        font-size: 15px;
        width: 100%;
        display: inline-block;
    }


    ul.mobile li {
        text-align: center !important;
    }

    .mobile a {
        padding: 0px;
    }

    ul:not(.ui-multiselect-checkboxes):not(.select2-results__options):not(.select2-selection__rendered):not(.noResponsiveListe) li {
        height: 40px;
        line-height: 40px;
        width: 100%
    }

    .ui-multiselect-header ul li {
        width: auto;
        height: auto;
        line-height: 1.3;
        padding-top: 10px !important;
    }

    .ListeAppli ul li {
        height: 16px;
    }

    .ico_mobile {
        display: block !important;
        text-align: center;
        font-size: 18px;
        padding: 5px;
        color: white;
        cursor: pointer;
    }

    .calendar {
        min-width: unset !important;
    }

    .popin {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        max-height: 80vh;
    }

    .popin #popin_body {
        min-width: unset;
    }

    .popin #popin_contenu {
        min-width: unset;
    }

    .popin #popin_text_contenu {
        padding: 5px !important;
    }

    .popin input,
    .popin .ui-multiselect,
    .popin textarea,
    .popin select {
        max-width: 280px !important;
    }

    .ico_mobile+#menu_module {
        display: none;
    }

    .ico_mobile.open+#menu_module {
        display: block;
    }

    .filtreTable tr {
        display: flex;
        flex-direction: column;
    }

    .filtreTable tr td {
        width: auto;
    }

    /* responsive pour replier les filtres */
    fieldset.fieldsetResponsive:not(.notFieldsetResponsive) legend{
        background-color : #006777;
        display:flex;
        width:100%;
        height:30px;
        color:white;
        border-radius: 15px;
        justify-content: flex-start;
        align-items: center;
        padding:5px;
        box-sizing: border-box;
        margin-top: -6px;
        left: 0px;
        position: absolute;
    }
    .ui-tabs-panel fieldset.fieldsetResponsive:not(.notFieldsetResponsive) legend{
        width:calc(100% - 20px);
        margin-left: 10px;
    }
    fieldset.fieldsetResponsive:not(.notFieldsetResponsive) legend:after{
        content:"<";
        display: flex;
        width:30px;
        height:30px;
        color:white;
        position: absolute;
        right: 10px;
        /*top: 50%;*/
        transform: rotate(-90deg) /*translateY(-50%)*/;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    fieldset.fieldsetResponsive:not(.notFieldsetResponsive){
        align-items: flex-start;
        height:30px;
        max-height: 30px;
        overflow: hidden;
        border-radius: 15px;
        box-sizing: border-box;
        transition: all ease 0.3s;
    }

    fieldset.fieldsetResponsive:not(.notFieldsetResponsive).opened{
        height:100%;
        max-height: 100%;
    }

    fieldset.fieldsetResponsive:not(.notFieldsetResponsive):first-child > .DivFiltre:first-of-type, fieldset.fieldsetResponsive:not(.notFieldsetResponsive) > form{
        margin-top: 30px;
    }
}

@media screen and (min-width:480px) and (max-width:1030px) {
    div#header_portail .logo_portail {
        width: 80px;
    }

    div#header_portail .centre {
        padding-left: 80px;
    }

    /* Modifications globales (à faire partout) */
    body,
    div#header_module,
    div#header_module_page,
    div#contenu_module_page,
    div#footer_portail,
    div#header_portail .centre {
        width: 100%;
        min-width: 0px;
        box-sizing: border-box;
    }

    body {
        background: none;
    }

    .mobile {
        display: none !important;
    }

    div#header_portail .ListeAppli {
        width: 80%;
    }

    div#header_module_page p {
        border-bottom: dotted 1px #707070;
    }

    div#header_portail .ListeAppliAdmin .Deconnexion {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    div#header_portail .ListeAppliAdmin .Deconnexion span {
        display: inline-block;
        padding: 5px 15px;
        background: #434343;
        color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        margin-bottom: 8px;
    }

    div#header_portail .ListeAppliAdmin .Deconnexion a {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }

    div#header_portail .ListeAppliAdmin .img_deconnexion {
        width: 25px;
        height: 25px;
        background-size: contain;
    }

    div#footer_portail {
        height: auto;
    }

    .Deconnexion {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .Deconnexion span {
        padding: 5px 15px;
        background: #434343;
        color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        margin-bottom: 8px;
    }

    .Deconnexion a {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
    }

    .img_deconnexion {
        width: 25px;
        height: 25px;
        background-size: contain;
    }

    div#header_portail .ListeAppliAdmin {
        text-align: center;
        padding-top: 5px;
        max-width: 100%;
    }

    .ListeAppliAdmin li {
        display: inline-block;
    }

    .ListeAppliAdmin a {
        color: #fff
    }

    .calendar {
        min-width: unset !important;
    }

    .popin {
        width: 100% !important;
        left: 0 !important;
        margin-left: 0 !important;
        max-height: 80vh;
        top: 50% !important;
        margin: 0 !important;
        transform: translateY(-50%);
    }

    .popin #popin_body {
        min-width: unset;
    }

    .popin #popin_contenu {
        min-width: unset;
    }

    .popin #popin_text_contenu {
        padding: 10px !important;
    }

    .popin input,
    .popin .ui-multiselect,
    .popin textarea,
    .popin select {
        max-width: 400px !important;
    }

    div#contenu_module_page_gauche, div#contenu_module_page_droit
    {
        min-width: 0;
    }

}

.select2 {
    max-width:350px;
}
.selecth23 ~ .select2-container ul.select2-selection__rendered{
    height: 43px !important;
    overflow-y: auto;
}


@media screen and (min-width:480px) and (max-width:1280px) {

    div#contenu_module_page,
    div#header_module_page {
        padding: 0 2%;
    }
}

.padding5 {
    padding: 5px;
}

.tdNowrap {
    white-space: nowrap;
}







/* -------------------------------- Multiselect - Mise à jour style 2025 ------------------------------- */
.ui-multiselect{max-width: 100% ; width: 100% !important; min-width: 200px !important;}
.ui-widget.ui-widget-content.ui-multiselect-menu{border-radius: 5px; border: 1px solid #aaa; padding: 0; }
.ui-multiselect-checkboxes li label{padding-left: 5px !important;border: none !important;}
.ui-multiselect-filter{width: 100%; padding: 0; margin: 0 !important; padding-right: 0px;}
.ui-multiselect-menu .ui-multiselect-filter input, .ui-multiselect-filter input{width: 100% !important; max-width: 100% !important; border-radius: 3px !important; height: 25px;}
/*.ui-widget-content .ui-state-active:not(.ui-tabs-tab):not(.ui-multiselect), .ui-widget-header .ui-state-active:not(.ui-tabs-tab), a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{*/
a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    border:none !important;
    background:#e8e8e8 !important;
    color: black !important;
}
.ui-state-active:not(.ui-tabs-tab){
    /*border: 1px solid #5897fb;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}
.ui-multiselect-header li.ui-multiselect-close{display:none;}
.ui-multiselect-hasfilter ul{display: flex; width: 100%; justify-content: space-around; flex-wrap: wrap;}
.ui-widget-header.ui-multiselect-header{background: #f2f2f2 !important; border: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
 {
    border: 1px solid #999999;
    background-color: #e8e8e8 ;
    background-image: none;
    font-weight: normal;
    color: #212121;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-tabs .ui-state-default:not(.ui-state-active), .ui-tabs .ui-state-hover:not(.ui-state-active){*/
.ui-multiselect.ui-state-default, div:not(.ui-datepicker) .ui-widget-content .ui-state-default:not(.ui-corner-top), .ui-tabs .ui-multiselect:not(.ui-state-active){
  border: 1px solid #a9a9a9;
  /* background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
  background-color: #fff !important;
  background-image: none !important;
  font-weight: normal;
  color: #555555;
}

.ui-helper-reset{
  padding-top:3px ;
  padding-bottom:1px ;
}