body{
    background-color: #f6f6f6;
}
#userbar{
    border-top: 0.65em solid var(--primary);
}
.hmin-1line{
    min-height:calc(1.5em + 0.75rem + 2px);
}
.dataTable .badge{
    cursor: pointer;
}
.cursor-pointer{
    cursor:pointer;
}
.sStatut,
.sRefCDE{
    min-width: 208px
}


.detailListe {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 3rem;
    row-gap: 4px;
    width: 100%;
}

.detailListe dt {
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
}

.detailListe dd {
    font-weight: 600;
    margin: 0;
    word-break: break-word;
}

.list-enfants{
    max-height: 150px;
}
.border-light-gray {
    border-color: #c7c7c7;
}

#bodycontainer{

    max-width: 96%;
}
#connexion #bodycontainer{
    max-width: 1400px;
}
.card-header-icon{
    padding-right: 3.5rem;
}
.card-icon{
    position: absolute;
    z-index: 0;
    top: 0rem;
    right: .5rem;
    opacity: 0.4;
    font-size: 2rem;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

.list-group .list-group-item
{
    border-left : 0;
    border-right:0;
}
.card-anim .input-group-prepend span{    min-width: 275px;}
.tp-FAS span {    min-width: 300px;}
.tp-AFF span {    min-width: 275px;}
.tp-COL span {    min-width: 275px;}
.tp-POS span {    min-width: 350px;}
.tp-CAT span {    min-width: 350px;}
.tp-DIV span {    min-width: 350px;}


.lds-dual-ring2
{
    width: 20px;
    height: 20px;
    border: 2px solid;
    display:inline-block;
    align-self:center;
    /*width:64px;*/
    /*height:64px;*/
    margin:8px;
    border-radius:50%;
    animation:lds-dual-ring 1.2s linear infinite;
    margin:10px 8px 4px 0px;
}

.tooltipmat .tooltip-inner  {
    min-width: 50px;
    min-height:50px;
}

/* Styles go here */
.tooltipmat .tooltip-inner.tooltip-img:before {
    content: "\f1ce";
    font-family: 'Font Awesome 6 Free';
    font-weight:900;
    font-size:20px;
    position: absolute;
    top:10px;
    left:22px;
    z-index: 1071;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.emailing-before,
.emailing-before::before{
    color:var(--primary);
}
.emailing-before::before
{
    font-family: 'Font Awesome 6 Pro';
    font-weight:900;
    font-size:20px;
    -webkit-font-smoothing: antialiased;
    content: "\f199";
    padding-right:0.25rem;
}
.emailing-before:hover,
.emailing-before:hover::before{
    color:var(--c-pink-300);
    cursor:pointer;
}

.tooltipmat .tooltip-inner.tooltip-img img{
    position: relative;
    z-index: 1072;
    max-height:240px;
}
.tooltipmat .tooltip-inner{
    max-width:100%;
}

@keyframes lds-dual-ring{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

@media screen and (max-width: 767px) {
    #bodycontainer.container-fluid,
    #bodywrapper.p-2 {
        padding-left :.25rem !important;
        padding-right:.25rem !important;
    }
}

.nano-content {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll;
}

.nano-content::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

.nano > .nano-pane > .nano-slider { background: var(--primary)!important ; }

.disabled-cursor-no-drop .form-control:disabled,
.disabled-cursor-no-drop .form-control[readonly]
{
    cursor : no-drop;
}
.select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container .select2-selection--single {
    height: 38px !important;
}
.select2-selection__arrow {
    height: 36px !important;
}
.select2-container--open .select2-dropdown{
    left : -1px !important;
}

/* gestion des regroupeurs */

.listeregroupeur .rounded-pill{
    border: 2px solid transparent;
    cursor: pointer;
}
.listeregroupeur .rounded-pill:hover{
    border-color: var(--c-pink-100) !important;
}
.listeregroupeur .rounded-pill.selected{
    background: var(--c-pink-100);
}

#montant {
    min-height: 120px;
}

/* gestion des case abo des enveloppes */
#identite #classe{
    max-width: 5rem;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid transparent !important;
    background: var(--c-pink-300) !important;
}

.typeAbo{
    min-width: 232px;
    display: inline-block;
}
.btn-square .btn{
    padding: 0;
    /*height: 22px;*/
    /*line-height: 22px;*/
    /*width: 22px;*/
    margin-bottom: 0;
    border: 1px solid #ccc;
}
.btn-square .btn i.fas {
    color:#333;
    display: none;
    /*opacity: 0;*/
}

.listeAbo .carre em,
.btn-square .btn em{
    display:block;
    font-style:normal;
    font-size:14px;
    font-family: 'Oswald', Arial, sans-serif;
    text-align: center;
    /*line-height: 20px;*/
    position:relative;
    top:18%;
    text-shadow: 0 0 1px #fff;
}

.btn-square .btn.iskdo i.fas,
.btn-square .btn.active i.fas,
.btn-square.zoneKdo .btn u.fas {
    display: block;
    position:relative;
    top:25%
    /*opacity: 1;*/
}
.btn-square .btn.active em{
    display:none;
}
.btn-square .btn.iskdo{
    cursor:initial;
}
.btn-square[data-toggle="buttons"] > .btn > input[type="radio"],
.btn-square[data-toggle="buttons"] > .btn > input[type="checkbox"]{
    position: absolute;
    z-index: -1;
    /*filter: alpha(opacity=0);*/
    opacity: 0;
}
.typeAbo .form-control {
    border-left: 0;
}
.typeAbo .form-control:first-child
{
    border-radius : 0.25rem 0 0 0.25rem !important;
    border-left: 1px solid #ccc!important;
}
.typeAbo .form-control:last-child
{
    border-radius : 0 0.25rem 0.25rem 0 !important
}

.slider{
    min-height:492px;
    max-height:492px;

}
.btn-infoAbo .ml-2{
    /*margin-left : 0.75rem !important;*/
}
.btn.carre {
    width: 1.75rem;
}
#Livres .divLivre
{
    margin-top : .5rem;
}

.hidden-button{
    width : 5rem;
}
.hidden-button .btn
{
    visibility: hidden
}
.listeAbo:hover .hidden-button .btn
{
    visibility: visible;
    cursor: pointer;
}
.listeAbo .hidden-button .btn:hover .fa-pencil-alt{
    color : var(--success);
}
.listeAbo .hidden-button .btn:hover .fa-trash-alt{
    color : var(--secondary);
}

#abonnement{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 3px;
}
tr.listeAbo td{
    border : 2px solid transparent;
    border-bottom : 2px solid var(--c-gray-100);
    border-left: none;
    border-right: none;
}
tr.listeAbo:last-child td{
    border-bottom : 2px solid transparent;
}
tr.listeAbo td:first-child{
    border-left: 2px solid transparent;
}
tr.listeAbo td:last-child{
    border-right: 2px solid transparent;
}



tr.listeAbo.selected td:first-child,
tr.listeAbo:hover td:first-child{
    border-radius: 10px 0 0 10px;
}
tr.listeAbo.selected td:last-child,
tr.listeAbo:hover td:last-child{
    border-radius: 0px 10px 10px 0px;
}
tr.listeAbo:hover td:first-child,
tr.listeAbo:hover td,
tr.listeAbo:hover td:last-child,
tr.listeAbo.selected td:first-child,
tr.listeAbo.selected td,
tr.listeAbo.selected td:last-child
{
    border-color: var(--c-pink-100) !important;
}

.btn-onglet{
    cursor:pointer;
}
.btn-onglet.active {
    background : var(--primary);
    color : var(--white);
}
#rechercheEnv, #rechercheDde{
    border-bottom-width: 3px !important;
}
#rechercheDde .input-group-prepend:not(.nowidth) .input-group-text,
#rechercheEnv .input-group-prepend:not(.nowidth) .input-group-text{
    min-width:235px;
}
#rechercheDde .input-group-prepend.nowidth .input-group-text,
#rechercheEnv .input-group-prepend.nowidth .input-group-text{
    min-width:115px;
}
.form-control.px-2[for^="searchEtat"]{
    width:auto;
}

#sticky-sidebar{
    top : 0.5rem;
}

.btn-primary.inactive
{
    opacity: 0.65;
}
.btn .btn-pill{
    border: 1px solid #0002;
    background: #0002;
    border-radius: 5px;
}

#recapenvenattente:hover,
#recapenvsoumise:hover,
#recapenvtransmise:hover{
    text-decoration: none;
}