body {
    background-color: #f3f3f4;
}
:root {
    --ct-menu-bg: #22718A; /*#23415b*/
    --ct-menu-item-color: rgba(255,255,255,0.7);
    --ct-menu-item-hover-color: #2b8dad;/*#195279*/
    --ct-menu-item-active-color: #2b8dad;
    --ct-menu-icon-twotone-fill: rgba(102, 88, 221, 0.2);
    --ct-menu-item-active-bg: rgba(102, 88, 221, 0.2);
    --ct-menu-item-active-link: #fff;
    --ct-topbar-bg: #fff;
    --ct-logo-lg-height: 20px;
    --ct-logo-sm-height: 22px;
    --ct-leftbar-width: 320px;
    --ct-leftbar-width-md: 175px;
    --ct-leftbar-width-sm: 80px;
    --ct-leftbar-condensed-height: 1600px;
    --ct-twocolumn-sidebar-width: 220px;
    --ct-twocolumn-sidebar-iconview-width: 70px;
    --ct-twocolumn-sidebar-iconview-size: 22px;
    --ct-topbar-height: 70px;
    --ct-horizontal-menu-height: 55px;
    --ct-menu-transition: all .1s ease-in-out;
    --ct-menu-item-padding-x: 0px;
    --ct-menu-item-gap: 5px;
    --ct-menu-link-padding-x: 10px;
    --ct-menu-link-padding-y: 10px;
    --ct-menu-link-item-gap: 10px;
    --ct-menu-item-icon-size: 18px;
    --ct-menu-item-font-size: 15px;
    --ct-footer-height: 0px;
    --ct-boxed-layout-width: 1300px;
}

.hide {
    display: none;
}

.app-menu {
    top:0;
    position:sticky;
    z-index:1000;
    /*height:calc(100vh - var(--ct-topbar-height) );
    min-height:100vh;
    max-height:100vh;
    min-width:var(--ct-leftbar-width);
    -webkit-box-shadow:var(--ct-box-shadow);
    box-shadow:var(--ct-box-shadow);
    padding-bottom:var(--ct-topbar-height);*/
    /*border-right:var(--ct-theme-border-width) solid var(--ct-border-color)*/
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    width:var(--ct-leftbar-width);
    background:var(--ct-menu-bg);
    height:calc(100vh - var(--ct-topbar-height) );
    min-height:100vh;
    max-height:100vh;
    padding-bottom:var(--ct-topbar-height);
}
.scrollbar {
    width:100%;
    height:100%;
    overflow-y: scroll;
}

.logo-box {
    top:0;
    position:sticky;
    z-index:1000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    white-space:nowrap;
    height:var(--ct-topbar-height);
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    padding:0 var(--ct-menu-item-padding-x);
    background:var(--ct-menu-bg);
}

.navbar-custom {
    background:var(--ct-topbar-bg);
    min-height:var(--ct-topbar-height);
    top:0;
    position:sticky;
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    z-index:1000;
    border:var(--ct-theme-border-width) solid transparent;
    border-bottom:var(--ct-theme-border-width) solid var(--ct-border-color);
    -webkit-box-shadow:var(--ct-box-shadow);
    box-shadow:var(--ct-box-shadow)
  }
  .navbar-custom .topbar {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 auto;
    padding:0 1.5rem;
    height:100%;
  }
  .navbar-custom .topbar ul {
    list-style-type:none;
    margin-bottom:0;
    width:100%;
    height:100%;
  }
  .navbar-custom .topbar li {
    max-height:var(--ct-topbar-height)
  }
  .navbar-custom .topbar .nav-link {
    padding:0 .75rem;
    position:relative;
    color:var(--ct-topbar-item-color);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:var(--ct-topbar-height);
    cursor:pointer
  }
  .navbar-custom .topbar .nav-link:hover {
    color:var(--ct-topbar-item-hover-color)
  }

#wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    height:100%;
    width:100%
}
.content-page {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%;
    position:relative;
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    padding-bottom: 100px;
}
.content-page .content {
    min-height:calc(100vh - var(--ct-topbar-height));
    padding:0 15px var(--ct-footer-height)
}

.menu {
    padding-left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    list-style-type:none;
    gap:var(--ct-menu-item-gap);
    padding-top:var(--ct-menu-item-gap)
}
.menu ul {
    padding-left:0;
    list-style-type:none
}
.menu>.menu-item {
    padding:0 var(--ct-menu-item-padding-x)
}
.menu .menu-item .menu-link {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-decoration: none;
    list-style:none;
    position:relative;
    color:var(--ct-menu-item-color);
    gap:var(--ct-menu-link-item-gap);
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    border-radius:var(--ct-border-radius);
    font-size:var(--ct-menu-item-font-size);
    padding:var(--ct-menu-link-padding-y) var(--ct-menu-link-padding-x)
}
.menu .menu-item.active,
.menu .menu-item.active,
.menu .menu-item .menu-link.show,
.menu .menu-item .menu-link:hover,
.menu .menu-item .menu-link[aria-expanded=true] {
    background:var(--ct-menu-item-hover-color);
    color:var(--ct-menu-item-active-link);
}
.menu .menu-item .menu-link>.menu-icon {
    width:var(--ct-menu-item-icon-size);
    font-size:var(--ct-menu-item-icon-size);
    line-height:var(--ct-menu-item-icon-size);
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition)
}
.menu .menu-item .menu-link>.menu-icon svg {
    width:var(--ct-menu-item-icon-size);
    height:var(--ct-menu-item-icon-size)
}
.menu .menu-item .menu-link>.menu-icon+.menu-text {
    padding-left:0
}
.menu .menu-item .menu-link>.menu-text {
    white-space:nowrap;
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    font-size:var(--ct-menu-item-font-size);
    line-height:var(--ct-menu-item-font-size);
    padding-left:calc(var(--ct-menu-item-icon-size) + var(--ct-menu-link-item-gap))
}
.menu .menu-item .menu-link>.menu-arrow {
    margin-left:auto;
    -webkit-transition:var(--ct-menu-transition);
    transition:var(--ct-menu-transition);
    line-height:var(--ct-menu-item-font-size);
    font-size:calc(var(--ct-menu-item-font-size) * 1.18)
}
.menu .menu-item .menu-link>.menu-arrow:before {
    font-weight: 900;
    content:"\f054";
    font-family: 'Font Awesome 6 Free';
}
.menu .menu-item .menu-link[aria-expanded=true]>.menu-arrow {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.menu .menu-item .sub-menu {
    display:grid
}
.menu .menu-item .sub-menu .menu-text {
    font-size:calc(var(--ct-menu-item-font-size) * .95)
}
.menu .menu-item .sub-menu .sub-menu .menu-link  {
    padding-left:calc(var(--ct-menu-item-icon-size))
}
.menu .menu-item.menuitem-active>.menu-link {
    background:var(--ct-menu-item-active-color)
}
.menu .menu-item.menuitem-active>.menu-link:not(.collapsed)>.menu-arrow {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
html[dir=rtl] .menu-arrow:before {
    content:"\f0141"!important
}
html[data-menu-icon=twotones] .menu-icon svg {
    fill:var(--ct-menu-icon-twotone-fill)
}


.gedmodal.modal-dialog,
.maimodal.modal-dialog,
.covmodal.modal-dialog,
.gedmodal .modal-content ,
.maimodal .modal-content ,
.covmodal .modal-content ,
.covmodal .modal-content  {
    /* 80% of window height */
    height: calc(100% - 40px)!important;
}

#MANModal.modal-dialog ,
#MANModal .modal-content  ,
#AVIModal .modal-content ,
.cfModal .modal-content{
    /* 80% of window height */
   width:90%!important;
    height: calc(100% - 40px)!important;
}
.gedmodal .modal-body,
.maimodal .modal-body,
.covmodal .modal-body,
#MANModal .modal-body ,
#AVIModal .modal-body,
.cfModal .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    height: calc(100% - 120px)!important;
    overflow-y: visible!important;
}
#MANModal .modal-body {
    padding:0;
}
#MANModal iframe {
    width:100%;
    height:100%;
    min-height:600px;
}
@keyframes blinker {
  50% { opacity: 0; }
}
@media (min-width: 992px){
    #MANModal .modal-lg {
        width: 80%!important;
        margin-left:10%;
        margin-right:10%;
    }
}


/* download fichiers contextuels PRP, CNV, ACF */
.clsficmodal.modal-dialog {
    padding: 2px 1px 1px 1px;   /* haut droite bas gauche */
    height: 420px;
    width: 950px;
    background:#195279;
}
.clsficmodal .modal-body {
    height: calc(100% - 45px)!important;
    width: calc(100%)!important;
    overflow-y: visible!important;
}
.clsficmodal .modal-content {
    height: calc(100% - 20px)!important;
    width: calc(100%)!important;
}

/* envoi de mails contextuels PRP, CNV, ACF */
.clsmelmodal.modal-dialog {
    padding: 2px 2px 2px 2px;   /* haut droite bas gauche*/
    height: calc(100%)!important;
    width: calc(100% - 40px)!important;
    background:#195279;
}
.clsmelmodal .modal-body {
    height: calc(100% - 75px)!important;
    width: calc(100%)!important;
    overflow-y: visible!important;
}
.clsmelmodal .modal-content {
    height: calc(100% - 20px)!important;
    width: calc(100%)!important;
}