:root{
    --bg-color-loader: #DDDBDD;
    --bg-color-white: #fff;
    --bg-color-home-page: #F0F0F0;
}

.w-100{ width: 100% !important }
.h-100{ height: 100% !important }
.bg-grey{ background-color: var(--bg-color-loader); }
.bg-white{ background-color: var(--bg-color-white); }
.p-relative{ position: relative; }
.p-absolute{ position: absolute !important; }
.circle{ border-radius: 50%;}
.br-3{ border-radius: 3px;}
.br-4{ border-radius: 4px;}
.br-5{ border-radius: 5px;}
.w{ width: attr(data-w);}
.h{ height: attr(data-h);}
.d-grid{ display: grid; }
.d-flex{ display: flex; }
.m-auto{ margin: auto !important; }

#loader-dotelec{
    transition: opacity 0.25s, display 0s linear;
}

.skeleton-loader-dotelec.page-content{
    display: grid;
    grid-template-columns: auto 1fr;
    max-width: 100%;
    z-index: 1000;
}
.skeleton-loader-dotelec.page-content .left-section{
    width: 774px;
    max-width: 100%;
    min-width: 450px;
    transition: all 0.2s ease;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr 50px;
}


.skeleton-loader-dotelec.page-content .right-section::before{
    position: absolute;
    content: ' ';
    height: 100%;
    width: 10px;
    max-width: 100%;
    background-color: #c9c9c9;
    z-index: 12;
}

.skeleton-loader-dotelec.page-content .header .title-bar{
    height: 57px;
    align-items: center;
    gap: 8px
}
.skeleton-loader-dotelec.page-content .header .title-bar .icon{
    width: 30px;
    height: 30px;
    margin-left: 8px;
}
.skeleton-loader-dotelec.page-content .header .title-bar .title{
    width: 500px;
    max-width: calc(100% - 200px);
    height: 20px;
}
.skeleton-loader-dotelec.page-content .header .filters .meet{
    border-radius: 4px;
    margin: 0 8px 6px;
    height: 49px;
    background-color: var(--bg-color-loader);
}
.skeleton-loader-dotelec.page-content .header .states{
    grid-auto-flow: column;
    gap: 20px;
    width: calc(100% - 20px);
    height: 47px
}
.skeleton-loader-dotelec.page-content .header .states .some-state{
    height: 10px
}
.skeleton-loader-dotelec.page-content .text{
    background-color: var(--bg-color-loader);
    height: 14px;
    border-radius: 4px;
}
.skeleton-loader-dotelec.page-content .icon{
    background-color: var(--bg-color-loader);
    border-radius: 50%;
}
.skeleton-loader-dotelec.page-content .left-section .list .item{
    height: 60px;
    display: grid;
    grid-template-columns: auto 1fr;
}
.skeleton-loader-dotelec.page-content .left-section .list .item .icons{
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    padding: 0 6px;
    height: 100%;
}
.skeleton-loader-dotelec.page-content .left-section .list .item .icons .icon{
    width: 16px;
    height: 16px;
}
.skeleton-loader-dotelec.page-content .left-section .list .item .content{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1fr, 2);
}
.skeleton-loader-dotelec.page-content .left-section .list .item .content :is(.first-line :is(.float-left-text, .float-right-text), .second-line .text){
    height: 16px;
    border-radius: 3px;
}
.skeleton-loader-dotelec.page-content .left-section .list .item .content .first-line .float-left-text{
    left: 6px;
    bottom: 4px;
    width: 300px;
    max-width: calc(100% - 200px);
}
.skeleton-loader-dotelec.page-content .left-section .list .item .content .first-line .float-right-text{
    right: 6px;
    bottom: 4px;
    width: 100px;
}
.skeleton-loader-dotelec.page-content .left-section .list .item .content .second-line .text{
    left: 6px;
    top: 4px;
    width: calc(100% - 12px);
}



/* ACCUEIL */
.skeleton-loader-dotelec.page-content:has(.home-page-content, .admin-page-content){
    grid-template-columns: 1fr;
    background-color: var(--bg-color-home-page);
}

.home-page-content{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: grid;
    grid-template-rows: 45px auto 1fr;
    margin: 5px;
}

.home-page-content .widget{
    /* margin: 10px; */
    border-radius: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    margin: auto;
}

.home-page-content .first-section{
    grid-template-columns: 450px 160px 1fr;
    grid-template-rows: 160px;
}

.home-page-content .second-section{
    grid-template-columns: 610px 1fr;
    grid-template-rows: 1fr;
}
.home-page-content .second-section .left{
    grid-template-rows: 160px 1fr;
}
.home-page-content .second-section .right{
    grid-template-rows: 310px 1fr;
}


/* PROJETS */
.skeleton-loader-dotelec.page-content.projets .header{
    height: 90px;
    grid-template-rows: auto 1fr;
}
.skeleton-loader-dotelec.page-content.projets .header .first-line{
    height: 46px
}
.skeleton-loader-dotelec.page-content.projets .header .second-line .states{
    grid-template-columns: repeat(5, 1fr);
    width: calc(100% - 20px - 12px)
}
.skeleton-loader-dotelec.page-content.projets .list{
    width: calc(100% - 20px)
}
.skeleton-loader-dotelec.page-content.projets .list .item{
    height: 54px;
}
.skeleton-loader-dotelec.page-content.projets .list .item .icons{
    gap: 12px;
    padding: 0 4px 0 9px;
}


/* Fiche Projets Délibérations */
.skeleton-loader-dotelec.page-content.fiche-projet-delib .header .title-bar{
    height: 32px;
    margin: 6px 0 3px;
    gap: 9px;
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .header .title-bar .icon{
    height: 18px;
    width: 18px;
    margin-left: 10px;
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib :is(.header .filters,.main-content) .meet{
    height: 296px;
    width: calc(100% - 20px);
    margin: 0 auto 6px;
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .table-actions{
    height: 32px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    gap: 9px;
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .table-actions .icon{
    height: 16px;
    width: 16px;
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .table-actions .title{
    height: 14px;
    width: 300px;
    border-radius: 3px;
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib .main-content .meet{
    height: 46px !important;
    margin-bottom: 6px !important;
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib .main-content div:nth-child(2) .table-actions{
    margin-bottom: 6px !important;
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib .main-content div:nth-child(2) .list{
    height: 100px;
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-auto-rows: 31px;
    align-items: center;;
    margin: 0 10px
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib .main-content div:nth-child(2) .list div{
    background-color: var(--bg-color-loader);
    height: 14px;
    margin-left: 5px;
    border-radius: 4px;
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib .main-content div:nth-child(2) .list div:nth-child(odd){
    width: 500px;
    max-width: calc(100% - 10px);
}
.skeleton-loader-dotelec.page-content.fiche-projet-delib .main-content div:nth-child(2) .list div:nth-child(even){
    width: calc(100% - 10px);
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .attached-files-list .table-actions{
    margin-top: 6px !important;
    margin-bottom: 5px !important;
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .attached-files-list .list{
    height: 100px;
    display: grid;
    grid-template-columns: 28px 194px 1fr 98px 64px 64px;
    grid-auto-rows: 31px;
    align-items: center;;
    margin: 0 10px
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .attached-files-list .list .text{
    background-color: var(--bg-color-loader);
    width: calc(100% - 10px);
    height: 14px;
    margin: auto;
    border-radius: 4px;
}
.skeleton-loader-dotelec.page-content:is(.fiche-projet-delib, .fiche-arretes) .main-content .attached-files-list .list .icon{
    width: 14px;
    height: 14px;
    margin: auto;
}

/* Fiche Arrêtés / Décisions */
.skeleton-loader-dotelec.page-content.fiche-arretes .header .title-bar{
    height: 32px;
    margin: 9px 0 10px;
    gap: 9px;
}
.skeleton-loader-dotelec.page-content.fiche-arretes .header .filters .meet{
    height: 215px;
    margin-bottom: 7px;
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
    margin-inline: 8px;
    grid-auto-rows: 213px;
    margin-bottom: 13px;
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers .text-container{
    display: grid;
    grid-template-rows: auto 176px;
    gap: 5px
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers .text-container .header{
    height: 32px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers .text-container .header div{
    background-color: var(--bg-color-loader);
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers .text-container .header .icon{
    height: 20px;
    width: 20px;
    margin-left: 2px;
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers .text-container .header .text{
    height: 16px;
    width: 200px;
    border-radius: 4px;
}
.skeleton-loader-dotelec.page-content.fiche-arretes .text-containers .text-container .text-field{
    height: 100%;
    border-radius: 4px;
    background-color: var(--bg-color-loader);
}




/* ASSEMBLEES / COMMISSIONS */
.skeleton-loader-dotelec.page-content:is(.assemblee, .reunion, .arretes) .filters .meet{
    margin-bottom: 0;
}
.skeleton-loader-dotelec.page-content:is(.assemblee, .reunion) .filters .states{
    grid-template-columns: repeat(3, 160px);
    width: calc(100% - 20px - 12px);
}

.skeleton-loader-dotelec.page-content:is(.assemblee, .arretes, .convoc-v2, .convoc, .reunion, .compte-rendu-seance) .list-header{
    height: 30px
}
.skeleton-loader-dotelec.page-content:is(.assemblee, .arretes, .convoc-v2, .convoc, .reunion, .votes, .compte-rendu-seance) .list{
    width: calc(100% - 16px);
}
.skeleton-loader-dotelec.page-content:is(.assemblee, .arretes, .convoc-v2, .convoc, .reunion, .votes, .compte-rendu-seance) .list .item{
    height: 30px;
}
.skeleton-loader-dotelec.page-content:is(.assemblee, .arretes, .convoc-v2, .convoc) .list .item .icons{
    gap: 12px;
    padding: 0 5px;
}
.skeleton-loader-dotelec.page-content.assemblee .list .item .content{
    grid-template-columns: 134px 110px 133px 1fr;
    grid-template-rows: auto;
}
.skeleton-loader-dotelec.page-content:is(.assemblee, .arretes, .convoc-v2, .convoc, .reunion) .list .item .content div{
    height: 16px;
    width: calc(100% - 20px);
}

/* Etape 1 - REUNION / ODJ */
.skeleton-loader-dotelec.page-content:is(.reunion, .votes) .header .title-bar{
    height: 56px
}
.skeleton-loader-dotelec.page-content:is(.reunion, .votes, .compte-rendu-seance, .convoc) .header .title-bar .icon{
    margin-left: 12px
}
.skeleton-loader-dotelec.page-content:is(.reunion, .votes, .compte-rendu-seance) .filters .meet{
    height: 80px
}
.skeleton-loader-dotelec.page-content.reunion .filters .states{
    height: 35px;
    margin: 7px auto 5px;
    grid-template-columns: repeat(3, 144px);
}
.skeleton-loader-dotelec.page-content.reunion .list .item{
    height: 32px
}
.skeleton-loader-dotelec.page-content.reunion .list .item .icons{
    gap: 12px;
    padding: 0 6px 0 13px;
}
.skeleton-loader-dotelec.page-content.reunion .list .item .content{
    grid-template-columns: 70px 1fr 133px 155px 132px;
}
.skeleton-loader-dotelec.page-content.reunion .list .item .content div{
    height: 14px;
}

/* Etape 3 - Votes et Presences */
.skeleton-loader-dotelec.page-content.votes .header .filters .states{
    grid-auto-columns: 230px;
    gap: 6px;
    height: 35px;
    margin: 6px 8px;
}
.skeleton-loader-dotelec.page-content.votes .list .item{
    grid-template-columns: 1fr;
}
.skeleton-loader-dotelec.page-content.votes .list .item .content{
    grid-template-columns: 150px 138px 137px 123px 1fr;
}
.skeleton-loader-dotelec.page-content:is(.votes, .compte-rendu-seance) .list .item .content div{
    height: 14px;
    width: calc(100% - 10px);
}

/* Etap 4 - Compte-Rendu séance */
.skeleton-loader-dotelec.page-content.compte-rendu-seance .header .title-bar{
    height: 46px;
    margin: 5px 0 6px;
}
.skeleton-loader-dotelec.page-content.compte-rendu-seance .list .item .icons:first-child{
    gap: 16px;
    padding: 0 10px 0 8px;
}
.skeleton-loader-dotelec.page-content.compte-rendu-seance .list .item .icons:last-child{
    gap: 19x;
    padding: 0 9px;
}
.skeleton-loader-dotelec.page-content.compte-rendu-seance .list .item{
    grid-template-columns: auto 1fr auto;
}
.skeleton-loader-dotelec.page-content.compte-rendu-seance .list .item .content{
    grid-template-columns: 70px 95px 70px 1fr;
}


/* ARRËTÉS / DÉCISIONS */
/* .arretes */
.skeleton-loader-dotelec.page-content.arretes .list .item .icons{
    padding: 0 6px;
}
.skeleton-loader-dotelec.page-content.arretes .list .item .content{
    grid-template-columns: 100px 76px 167px 77px 1fr;
    grid-template-rows: auto;
}

/* CONVOC V1 */
.skeleton-loader-dotelec.page-content.convoc .header .title-bar{
    height: 46px;
    margin: 5px 0 6px;
}
.skeleton-loader-dotelec.page-content.convoc .main-content .table-actions{
    height: 32px !important;
    margin-bottom: 6px;
}
.skeleton-loader-dotelec.page-content.convoc .main-content .list .item{
    height: 33px;
}
.skeleton-loader-dotelec.page-content.convoc .main-content .list .item .content{
    grid-template-columns: 54px 88px 1fr;
    grid-template-rows: auto;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section{
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    height: 303px;
    margin-inline: 9px;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section .table-actions{
    margin-bottom: 3px;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section .table-actions .icon{
    margin-left: 6px !important;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section .table-actions .title{
    width: 170px !important;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section .list .list-content{
    grid-template-columns: 50px repeat(2, 1fr) 64px;
    grid-auto-rows: 21px;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section .list .list-content .icon{
    width: 16px;
    height: 16px;
}
.skeleton-loader-dotelec.page-content.convoc .bottom-section .list .list-content .text{
    width: calc(100% - 10px);
    height: 14px;
}


/* CONVOC V2 */
.skeleton-loader-dotelec.page-content:is(.convoc-v2, .convoc) .main-content{
    display: grid;
    grid-template-rows: auto 1fr auto;
}
.skeleton-loader-dotelec.page-content:is(.convoc-v2, .convoc) .main-content .table-actions{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    height: 38px
}
.skeleton-loader-dotelec.page-content:is(.convoc-v2, .convoc) .main-content .table-actions .icon{
    width: 20px;
    height: 20px;
    margin-left: 14px;
}
.skeleton-loader-dotelec.page-content:is(.convoc-v2, .convoc) .main-content .table-actions .title{
    height: 16px;
    border-radius: 4px;
    margin-left: 10px;
    width: 300px;
    max-width: calc(100% - 50px);
}
.skeleton-loader-dotelec.page-content.convoc-v2 .main-content .list .item{
    height: 38px;
}
.skeleton-loader-dotelec.page-content.convoc-v2 .main-content .list .item .content{
    grid-template-columns: 54px 86px 1fr;
    grid-template-rows: auto;
}
.skeleton-loader-dotelec.page-content.convoc-v2 .main-content .documents-manager{
    height: 250px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 6px 0 14px;
}
.skeleton-loader-dotelec.page-content.convoc-v2 .main-content .documents-manager :is(.right, .left){
    width: calc(100% - 20px);
    border-radius: 10px;
}
.skeleton-loader-dotelec.page-content.convoc-v2 .main-content .documents-manager .left{
    margin-right: 5px !important;
}
.skeleton-loader-dotelec.page-content.convoc-v2 .main-content .documents-manager .right{
    margin-left: 5px !important;
}


/* RECHERCHE */
.skeleton-loader-dotelec.page-content.recherche .header{
    grid-template-rows: repeat(2, auto);
}
.skeleton-loader-dotelec.page-content.recherche .header .title-bar{
    height: 56px;
}
.skeleton-loader-dotelec.page-content:is(.recherche, .extraits) .header .filters{
    height: auto;
    grid-template-rows: auto;
}
.skeleton-loader-dotelec.page-content.recherche .header .meet{
    height: 170px;
    margin-bottom: 7px;
}
.skeleton-loader-dotelec.page-content.recherche .list{
    width: calc(100% - 16px)
}
.skeleton-loader-dotelec.page-content.recherche .list .item{
    height: 55px;
}
.skeleton-loader-dotelec.page-content.recherche .list .item .icons{
    gap: 10px;
}


/* EXTRAITS */
.skeleton-loader-dotelec.page-content.extraits .header .title-bar{
    height: 32px;
    margin: 9px 0 16px;
}
.skeleton-loader-dotelec.page-content.extraits .header .filters .meet{
    margin-bottom: 11px;
}
.skeleton-loader-dotelec.page-content.extraits .list .item{
    height: 55px
}
.skeleton-loader-dotelec.page-content.extraits .list .item .icons{
    padding: 0 5px 0 8px;
    gap: 8px;
}


/* PUBLICATION */
.skeleton-loader-dotelec.page-content.publication .header{
    grid-template-rows: auto;
}
.skeleton-loader-dotelec.page-content.publication .header .title-bar{
    height: 32px;
    margin: 9px 0 5px;
}
.skeleton-loader-dotelec.page-content.publication .main-content{
    grid-template-columns: 260px 1fr;
    width: calc(100% - 20px);
    height: 100%
}

/* Arborescence */
.skeleton-loader-dotelec.page-content.publication .tree{
    display: grid;
    grid-template-columns: 1fr;
    height: fit-content;
    margin-top: 10px
}
.skeleton-loader-dotelec.page-content.publication .tree .branch{
    height: 16px;
    width: 100%;
    background-color: var(--bg-color-loader);
    margin: 4px 0;
    border-radius: 4px;
}
.skeleton-loader-dotelec.page-content.publication .tree .branch.main{
    width: calc(100% - 50px);
}
.skeleton-loader-dotelec.page-content.publication .tree .branch.second{
    width: calc(100% - 200px);
    margin-left: 20px;
}
.skeleton-loader-dotelec.page-content.publication .tree .branch.third{
    width: calc(100% - 160px);
    margin-left: calc(20px * 2)
}
.skeleton-loader-dotelec.page-content.publication .tree .branch.fourth{
    width: calc(100% - 160px);
    margin-left: calc(20px * 3)
}

/* Liste actes */
.skeleton-loader-dotelec.page-content.publication .list .item{
    display: grid;
    grid-template-columns: auto 1fr;
    height: 50px;
}
.skeleton-loader-dotelec.page-content.publication .list .item .icons{
    padding: 0 5px
}
.skeleton-loader-dotelec.page-content.publication .list .item .content{
    display: grid;
    grid-template-rows: repeat(2, 1fr);
}
.skeleton-loader-dotelec.page-content.publication .list .item .content .first-line{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    padding-inline: 3px 6px;
}
.skeleton-loader-dotelec.page-content.publication .list .item .content .first-line .float-left-text{
    left: 0;
}
.skeleton-loader-dotelec.page-content.publication .list .item .content .first-line .float-right-text{
    right: 0;
}
.skeleton-loader-dotelec.page-content.publication .list .item .content .second-line{
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    padding-inline: 3px 6px;
}
.skeleton-loader-dotelec.page-content.publication .list .item .content .second-line .text{
    width: 100%;
    left: 0;
}



/* Projets à valider */
.skeleton-loader-dotelec.page-content.projets-a-valider .header .title-bar{
    height: 32px;
    margin: 8px 0 6px
}
.skeleton-loader-dotelec.page-content.projets-a-valider .header .title-bar .icon{
    height: 16px;
    width: 16px;
    margin-left: 8px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .header .filters .meet{
    height: 140px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list{
    margin-inline: 8px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .list-header{
    height: 24px;
    display: flex;
    align-items: center;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .list-header .text{
    height: 16px;
    width: 400px;
    margin: auto 6px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .item{
    height: 52px;
    margin-right: 8px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .item .icons{
    gap: 8px;
    padding-inline: 12px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .item .content{
    grid-template-columns: 1fr 150px;
    grid-auto-rows: auto;
    margin: auto 0;
    row-gap: 6px;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .item .content div:nth-child(3){
    grid-column: 1 / 3;
}
.skeleton-loader-dotelec.page-content.projets-a-valider .list .item .content .text:nth-child(1){
    width: 250px;
}



/* Télétransmission */
.skeleton-loader-dotelec.page-content.teletransmission .header .filters .meet{
    height: 84px;
    margin: 6px;
}
.skeleton-loader-dotelec.page-content.teletransmission .main-content{
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 6px;
}
.skeleton-loader-dotelec.page-content.teletransmission .list .list-header{
    height: 42px;
}
.skeleton-loader-dotelec.page-content.teletransmission .list{
    margin-inline: 6px;
}
.skeleton-loader-dotelec.page-content.teletransmission .list .item{
    grid-template-columns: 69px 60px 1fr;
    height: 36px;
}
.skeleton-loader-dotelec.page-content.teletransmission .list .item .icons{
    margin-inline: auto;
    gap: 14px
}
.skeleton-loader-dotelec.page-content.teletransmission .list .item .content{
    grid-template-columns: 94px 93px 1fr 94px;
}
.skeleton-loader-dotelec.page-content.teletransmission .list .item .content .text{
    width: calc(100% - 20px);
    margin: auto;
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options{
    display: grid;
    gap: 14px;
    margin-inline: 16px;
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options .some-option .title{
    height: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options .some-option .icon{
    height: 20px;
    width: 20px;
    background-color: var(--bg-color-loader);
    border-radius: 50%;
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options .some-option .text{
    height: 18px;
    width: 200px;
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options .some-option:nth-child(1) .title{
    margin-top: 6px
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options .some-option:nth-child(1) .option-fields{
    height: 66px;
    margin-top: 6px
}
.skeleton-loader-dotelec.page-content.teletransmission .send-options .some-option:nth-child(2) .option-fields{
    height: 30px;
    margin-top: 6px;
    margin-bottom: 15px;
}



/* REGISTRE */
.skeleton-loader-dotelec.page-content.registre .left-section .header .filters .meet{
    height: 90px
}




/* ADMINISTRATION */
.admin-page-content{
    margin-left: 24px;
}
.admin-page-content :is(.first-section, .second-section) .title{
    margin: 22px 0 5px;
    height: 36px;
    display: flex;
    align-items: center;
}
.admin-page-content .second-section .title{
    margin: 27px 0 6px;
}
.admin-page-content :is(.first-section, .second-section) .title>div{
    height: 20px;
    width: 300px;
    background-color: var(--bg-color-loader);
    border-radius: 4px;
}
.admin-page-content :is(.first-section, .second-section) .options{
    grid-template-columns: repeat(5, 130px);
    grid-auto-rows: 90px;
    gap: 13px;
    row-gap: 10px;
}
.admin-page-content :is(.first-section, .second-section) .options div{
    border-radius: 5px;
    height: 100%;
    width: 100%;
}




/* LOADER Animation */
/* Source : https://codepen.io/JCLee/pen/dyPejGV */
.skeleton-box {
    /* display: inline-block; */
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #DDDBDD;
    z-index: 10;
}

.skeleton-box::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0) 0,
        rgba(255, 255, 255, 0.2) 20%,
        rgba(255, 255, 255, 0.5) 60%,
        rgba(255, 255, 255, 0)
    );
    animation: shimmer 1s infinite;
    content: ' ';
}

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}