.btn.btn-default.dropdown-toggle span,
.btn-group.btn-group-top .icon.icon-pencil.icon-lg.left {
    color: white;
}
.m-t-1 {
    margin-top: 10px;
}
.m-t-2 {
    margin-top: 20px;
}
.m-t-3 {
    margin-top: 30px;
}
.m-t-4 {
    margin-top: 40px;
}
.display-inline-block {
    display: inline-block;
    width: auto;
}
.fildariane {
    font-size: 1.25em;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* FOCUS BUTTON MAHARA */
.btn.focus, .btn:focus, a:focus, .form-control:focus, input:focus[type="password"], input:focus[type="text"], select:focus, textarea:focus {
    outline: unset;
}

/******************************************************************************
HEADER
******************************************************************************/
.myportfolio .dropdown-menu li:nth-child(2),
.myportfolio .dropdown-menu li:nth-child(3),
.groups .dropdown-menu li:nth-child(4) {
    display: none;
}
.logo img {
    max-height : 100%;
}
#usf_query {
    min-height: 50px;
}
.nav-toggle-area .user-icon-round {
    padding-right: 7px !important;
}
.nav-toggle-area .main-nav-toggle.navbar-toggle {
    font-weight: 700 !important;
    color: #52ADA6 !important;
}
.nav-toggle-area .icon.icon-caret-down.icon-lg {
    padding-left: 5px !important;
}
div#logo-area, div#logo-area img {
    max-width: 100% !important;
}
.menumodifs {
    /* background-color: #52ACA6; */
}
.mescompetences {
    display: none;
}

/******************************************************************************
BARRE DE PROGRESSION
******************************************************************************/
#progressbarwrap {
    display: none;
}
#progress_bar_fill {
    position: relative;
}

/******************************************************************************
MESSAGES
******************************************************************************/
.notification .panel-control + a[data-toggle="collapse"] {
    padding-left: 60px !important;
    padding-right: 30px !important;
}

/******************************************************************************
USER
******************************************************************************/
.pageheader.profileheader.pageheader-actions {
    padding-left: 20%;
}
.pageheader {
    background : transparent !important;
}
.boutonafficherprofil {
    z-index:2;
}
#profileform .nav.nav-tabs {
    z-index: 1;
    position: relative;
    clear: both;
}
/* Elimine la phrase descriptive dans artefact/internal/index.php => MEM09 */
#profileform #profileform_aboutdescription_container p {
    display: none;
}
/* Responsive bouton Afficher mon Profil => MEM09 */
@media all and (max-width:1011px) {
    .boutonafficherprofil {
        margin-bottom: 10px;
    }
}
@media all and (min-width:1012px) {
    .boutonafficherprofil {
        position: relative;
        float: right;
        top: 30px;
        width: 40%;
    }
}
/* Responsive bouton Editer mon Profil => MEM08 */
@media all and (max-width:788px) {
    .pageheader.profileheader.pageheader-actions .pageactions .editpagebutton-et {
        display: block;
    }
    .container.pageheader-content .btn.btn-secondary.btn-uness.d-inline {
        display: none !important;
    }
}
@media all and (min-width:789px) {
    .pageheader.profileheader.pageheader-actions .pageactions .editpagebutton-et {
        display: none;
    }
}

/******************************************************************************
PAGES
******************************************************************************/
.bt-text.panel.panel-secondary.clearfix .textblock.panel-body.flush {
    padding: 20px !important;
}
.leboutonquivabieneditlayout {
    display: inline-block;
    float: right;
}
#view-return-controls .icon-arrow-alt-circle-left.left,
#view-wizard-controls .icon-arrow-alt-circle-left.left {
    padding-top: 3px;
}
#accessurl_retainview_container {
    display: none;
}

/* JEREMY Pour les champs data qui dépassaient */
.pageshare .form-group .form-control.float-left {
    width: auto !important; /* important sinon ca casse sur ecran 15'', ca change pour telehphone (scroll horizontal au lieu de cas minus) */
}

#files_filebrowser_upload_browse .fileuploadlicense .form-group {
    /* width: 50%; */ /* JEREMY NEW MAQUETTE */
    display: inline-block;
}
#files_filebrowser_upload_browse .fileupload-container.col-md-12 .uploadform.userfile {
    width: 100%;
}
#files_filebrowser_upload_browse .form-group .help {
    float: revert;
}
/*
BOUTON INPUT: classe à trouver
input[type="file" i] {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color: white;
}
 */
span#files_filebrowser_userfile_container,
span#files_filebrowser_userfile_maxuploadsize {
    display: inline-block;
}
#files_filebrowser_upload_browse label.lead {
    display: none;
}
.messagesfichiers {
    position: relative;
    bottom: -15px;
}
.col-md-12 .alert-success {
    font-size: 12px;
}
/* NEW PAGE BLOCK */
.custom-new-menu {
    padding: .5%;
    border-bottom: 1px solid #ccc;
}
.special-page {
    background: #ECF1F3;
    max-width: 100%;
}
.pageview-title {
    border: 2px dotted #52ADA6 !important;
    color: black !important;
}
.special-page .bgwhite {
    background: white !important;
}
.special-page .indications {
    padding-left: 0px;
    font-size: 14px;
    margin-bottom: 10px;
}
.special-page #main {
    background: white;
}
.special-page .collapse-expand {
    display: none;
}
.special-page .column-content.ui-sortable {
    border-style: dashed;
}

.special-page .container.main-content {
    width: 100%;
    margin-left: 7%;
}

.special-page #editcontent-sidebar-wrapper {
    position: fixed;
    left: -15px;
    top: 48px;
    z-index: 20;
    max-width: 17% !important; /* 10->17  Pour etre coherent avec le possible scroll et le menu deroulante droite */
    height: 95% !important; /*100->95 Pour laisser de la place au cas ou scrollbar horizontale*/
    background: black;
    overflow: auto; /*NEW pour rendre le menu scrollable sur petit ecran*/
    padding-left: 0px; /*NEW Pour enlever decalage*/
}
.special-page .ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content {
    position: fixed;
    left: 15%;
    border: none;
    border-right: 1px solid #ccc;
    top: 4%;
    min-height: 1000px;
    min-width: 11%; /* JEREMY Pour la taille du menu déroulant */
    max-width: 11%; /* IDEM */
}
.special-page .ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content .icon.icon-arrows.icon-sm.left.move-indicator {
    display: inline-block;
    /*padding-left: 3px; JEREMY Enlever pour nouveau menu déroulant */
    /*margin: 0; JEREMY IDEM */
}
.special-page .menumodifs.black,
.special-page .menumodifs.black #docketiceo {
    background: black;
    z-index:2;
}
.special-page .menumodifs.black #docketiceo {
    top: 0;
}
.special-page .btn-group-vertical.btn-accordion .btn,
.special-page .btn-group-vertical.btn-accordion .section-import .btn.card.collapsible,
.special-page .btn-group-vertical.btn-accordion .section-import .btn.pieform-fieldset.collapsible
.special-page .section-import .btn-group-vertical.btn-accordion .btn.card.collapsible,
.special-page .section-import .btn-group-vertical.btn-accordion .btn.pieform-fieldset.collapsible {
    background-color: transparent !important;
    border: none;
}
.special-page .btn-group-vertical.btn-accordion span {
    color: white;
}
.special-page .icon-fileimagevideo::before {
    color: white;
}
.special-page .btn-group-vertical.btn-accordion .title {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 3px !important;
    color: white;
}
.special-page .icon.icon-arrows.icon-sm.left.move-indicator {
    color: #52ADA6 !important;
    font-size: 20px;
}
.special-page .block-category-title .icon.icon-sm.icon-chevron-down.indicator {
    display: none;
}
.special-page .block-category-title {
    padding: 20px;
}
.special-page #blockshelp {
    display: none;
}
.special-page #content-editor .icon.block-icon {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
}
.special-page .ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content label {
    color : black;
    display: inline-block !important;
}
.special-page .btn-group-vertical.btn-accordion .btn {
    /* min-width: 158px; */
    padding-left: 5px;
    padding-right: 0;
    box-shadow:none !important;
}
.special-page #toolbar-buttons {
    display: none;
}
.special-page #toolbar-buttons .btn-group-vertical.in-editor a {
    background: #52ADA6;
    color: white;
    border-color: #52ADA6;
}
#toolbar-buttons .btn-group-vertical.in-editor .btn.btn-secondary.editviews.editlayout::before {
    background: transparent !important;
    color: transparent !important;
}
.special-page #view-wizard-controls,
.special-page #view-return-controls,
.special-page .ui-accordion-content-active .btn-group-vertical.btn-accordion span {
    display: none;
}
.special-page .ui-accordion-content-active .icon.block-icon {
    display: none !important;
}
.special-page .btn-accordion.ui-accordion .ui-accordion-content .btn-group-vertical .btn {
    margin-top: 30px;
}
.btn-group-vertical .btn-login.btn.btn-secondary:first-child {
    margin-left: 0;
}
.input-sm.changetitle {
    display: inline-block;
    max-width: 20%;
}
.special-page #editcontent-sidebar-wrapper .move-indicator {
    position: relative;
    left: 25px;
    top: 16px;
}
.special-page .btn-accordion.ui-accordion .ui-accordion-content .btn-group-vertical .move-indicator {
    left: 10px !important;
    top: 0px !important;
}
.special-page .blocktype-drag.blocktypelink.btn.btn-secondary.hide-title-collapsed.text-left.ui-draggable.ui-draggable-handle .title {
    padding-left: 13%;
}
.special-page .btn-accordion.ui-accordion .ui-accordion-content .btn-group-vertical .title {
    padding-left: 5px !important;
    padding-right: 10px;
}
.special-page .view-container .col-with-collapse {
    display: block;
    margin: 0 auto;
}
#settings_createcustomlayout_container {
    border-top: 4px solid #52ADA6;
    padding-top: 2%;
}
#settings_createcustomlayout_container .title {
    color: #52ADA6;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 20px;
}
#addlayout {
    background: #52ADA6;
    color: white;
    box-shadow: none;
    border: none;
    border-radius: 5px;
    padding: 10px;
}
/* JEREMY Pour les elements dans le menu déroulant */
div.ui-accordion-content div.btn-group-vertical a label.blocktypetitle.title {
    text-align: left !important;
}
.pageactions {
    position: inherit;
    /* PAGNV20: btn retour: display: block;*/
    text-align: right;
}
.pageactions .btn  {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color: white;
    margin: 5px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cvbuttons .pageactions {
    margin-top: 4%;
    position: initial;
}
#search_filter option:first-child,
#potentialpresetitemsinstitutions,
#potentialpresetitemssharewith option:nth-child(2) {
    display: none;
}
#accesslistitems .table-help-text {
    display: inline-block;
    clear: both;
    float: none;
}
.filedata.table-sm tr {
    display: none;
}
.filedata.table-sm tr:last-child {
    display: block;
}
.filedata.table-sm tr:last-child a {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color: white;
    margin: 5px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.addcontenteticeo {
    position: absolute;
    right: 0;
    top: -15px;/* CORR03 : Btn fly up when higth too large -1.7% */
}
.addcontenteticeo .blocktype-drag {
    padding: 5px 0px 5px 10px;
}
.tablesorter-filter-row.tablesorter-ignoreRow.hideme {
    position : relative;
    border   : none;
    padding-bottom: 0;
}
.tablesorter-filter {
    border-radius: 0px !important;
    font-size: 14px;
    line-height: 15px;
    padding-left: 5px;
    border: 1px solid #ddd;
}
.tablesorter-filter-row.tablesorter-ignoreRow.hideme td {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/******************************************************************************
GROUP
******************************************************************************/
/* GROU125 : move rch group
.search-groups-go #search {
    position: relative;
    top: -27px;
}
.float-right.undopage {
    position: relative;
    right: 0;
    top: -56px;
}*/
/* GROU123: delete txt */
.scrGroupEticeo #search_query_container label {
    display:none;
}
.undopage {
    margin-top: 33px;
    margin-left: 10px;
}
.addgroupbutton {
    margin: auto 0;
}
    /**/
.roundpictureprofile.text-center {
    max-width: 100%;
    height: auto !important;
}
.list-group-item-warning, .list-group-item.draft,
.list-group-item.list-group-item-warning {
    background-color: transparent;
}
.list-group-item.list-group-item-warning .row.group-row {
    background-color: #eee;
}
.list-group-item .list-group-item-heading {
    color: #000000;
    font-weight: bold;
    float: none;
    font-family: 'Source Sans Pro', sans-serif;
}
#files_filebrowser_upload_messages .alert-success {
    display: inline-block;
    margin-right: 10px;
    background-color: #d3d3d3;
    color: #000000;
    font-weight: bold;
    border-radius:1.5rem;
}
.normallist .list-group-item.col-xs-2.col-sm-2 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
/* GROU123 */
.mygroups-container .groupadmin a {
    transition: all .1s ease-in;
}
.mygroups-container .groupadmin a:hover {
    cursor: pointer !important;
    background: #526AAD;
    color: white !important;
    padding: 2px;
    transition: all .1s ease-in;
}
/* END GROU123 */
.tablelink.title {
    color: #555 !important;
}
.groupinfos-eticeo .groupadmin a:hover {
    cursor: pointer !important;
}
.normallist .roundpictureprofile.text-center {
    max-width: 30% !important;
    display: inline-block;
    width: 80px !important;
    float: left;
}
.normallist .list-group-item-heading.text-center {
    max-width: 50%;
    display: inline-block;
    margin-top: 20px !important;
    padding-left: 20px;
}
.normallist .grouprole {
    margin: 0;
    display: inline-block;
    text-align: center !important;
    margin-top: 5px !important;
}
.normallist .btn.btn-secondary.btn-uness {
    float: right;
    z-index: 2;
}
.normallist .list-group-item .usericon-heading {
    padding-bottom: 0;
}
.normallist .list-group-item.col-xs-2.col-sm-2 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.normallist .text-center {
    text-align: left !important;
}
.normallist .text-center .grouprole.text-small.text-midtone.text-center {
    text-align: center !important;
}
.groupinfostext {
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
    color: #6b7277;
}
.special-page .menumodifs.black.clair,
.special-page .menumodifs.black.clair #docketiceo {
    background: #F2F4F4;
}
.unessgroupcontainer {
    background: white;
}
.unessgroupcontainer #editgroup_institution_container label {
    display: block;
}
.unessgroupcontainer #editgroup_institution {
    background: transparent;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    box-shadow: none;
    color: black;
    padding-left: 0;
}
.unessgroupcontainer #editgroup_institution_container .picker::before {
    display: none;
}
.timeline-menu {
    margin-top: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 20px;
}
.timeline-menu::before {
    content: "";
    width: 4px;
    height: 218px;
    background-color: #526AAD;
    position: absolute;
    top: 155px;
    margin-right: 39px;
    left: 50px;
    z-index: 9999;
}
.timeline-menu.tutors::before {
    height: 305px;
}
.timeline-menu li {
    list-style: none;
    padding: 0;
    margin-bottom: 40px !important;
    border-radius: 20px !important;
    padding-bottom: 15px;
    font-weight: bold;
}
.timeline-menu li::before {
    content: "";
    position: absolute;
    background-color: #526AAD;
    bottom: 22px;
    height: 15px;
    width: 15px;
    box-shadow: none;
    z-index: 99999;
    left: 5px;
    border-radius: 20px;
}
#docketiceo .timeline-menu li:hover, #docketiceo,
.timeline-menu li.current {
    background: #CBD2E2;
}
#docketiceo .timeline-menu li.current,
#docketiceo .timeline-menu li:hover a,
#docketiceo .timeline-menu li.current a {
    background: #CBD2E2;
    color: #526AAD !important;
}
#docketiceo .timeline-menu li:hover::before,
#docketiceo .timeline-menu li.current::before {
    content: "";
    position: absolute;
    background-color: #526AAD;
    bottom: 22px;
    height: 15px;
    width: 15px;
    box-shadow: none;
    z-index: 99999;
    left: 5px;
    border-radius: 20px;
}
#docketiceo .timeline-menu li:hover::after,
#docketiceo .timeline-menu li.current::after {
    content: "";
    position: unset;
    background-color: transparent;
    bottom: 0px;
    height: 0px;
    right: 0px;
    width: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
    z-index: -1;
}
.timeline-menu li a {
    color: gray !important;
    font-size: 15px;
}
.unessgroupcontainer div#editgroup_grouptype_container {
    display: none;
}
.unessgroupcontainer .form-switch .switch-inner::after,
.unessgroupcontainer .form-switch .switch-inner::before {
    border-radius: 20px !important;
}
.unessgroupcontainer .form-switch .switch-inner::after {
    background-color   : #acb7b6;
}
.unessgroupcontainer .form-switch .switch-inner::before {
    background: #52ADA6 !important;
    border-color: #52ADA6 !important;
}
.unessgroupcontainer .state-label.on {
    color: white;
}
.unessgroupcontainer .form-switch .switch-indicator {
    -webkit-transition: all .1s ease-in 0s;
    -o-transition: all .1s ease-in 0s;
    transition: all .1s ease-in 0s;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    margin: -7px 9px 0;
    background: #F2F4F4;
    border: 1px solid #F2F4F4;
    position: absolute;
    padding: 6px;
    top: 50%;
    left: 0;
    right: 100%;
}
.unessgroupcontainer .form-switch input:checked + .switch-label .switch-indicator {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    background-color: white;
    border: 1px solid white;
    padding: 6px;
    top: 14px;
}
.unessgroupcontainer #editgroup_submit_container #editgroup_submit {
    background: white;
    border: 1px solid #52ADA6;
    color: #52ADA6;
}
.dropdown .picker select, .dropdown .picker select#editprofileform_profiletype_other, .dropdown .picker select.form-control, .pieform .picker select, .pieform .picker select#editprofileform_profiletype_other, .pieform .picker select.form-control {
    border-radius      : 8px;
}
.unessgroupcontainer h3 {
    color: #52ADA6; /* #526AAD */
}
.unessgroupcontainer h4 {
    color: #52ADA6; /* #526AAD */
    font-size: 15px !important;
    font-weight: bold;
}
.groupformcontainer3 .select.form-group label {
    display: none;
}
/* JEREMY Pour la couleur des sous titre*/
.form-group.html h4 {
    font-weight: bold;
    color: #52ADA6;
}

.unessgroupcontainer .container.main-content {
    padding-left: 0;
    margin-left: 3%;
}
.mygroups-container .btn-action-list .groupuserstatus.btn-top-right.btn-group.btn-group-top {
    display: none;
}
.mygroups-container .btn-action-list.requestedtojoin .groupuserstatus.btn-top-right.btn-group.btn-group-top {
    display: block;
}

/******************************************************************************
BLOCK
******************************************************************************/
/*div#configureblock div#instconf_artefactid_open_upload_browse_container .eticeotabletd:nth-child(5)::before {
    content: "Choisir ce dossier";
    color: black;
    width: 104px;
    position: relative;
    border: 1px solid #ccc;
    padding: 8px;
    top: 4px;
} JEREMY Pour gérer le cas des fichiers ou dossier  */

/* PAGNV14 : For galerie bloc */
div#configureblock div#instconf_artefactid_open_upload_browse_container .eticeoFileBtn::before,
div#configureblock div#instconf_artefactid_open_upload_browse_container .eticeoFolderBtn::before,
div#configureblock div#instconf_folder_open_upload_browse_container .eticeoFolderBtn::before {
    /*content: " ";*/
    color: black;
    width: 104px;
    position: relative;
    border: 1px solid #ccc;
    padding: 8px;
    top: 4px;
}

.eticeoForBtnDossiers .eticeoFolderBtn::before {
    content: "Choisir ce dossier";
}
.minispanblue {
    font-size: 14px !important;
    text-shadow: none;
}
/* CLASSES DE TEST POUR LE DRAG & DROP */
.fildariane .ui-droppable-active {
    background: rgba(82, 171, 166, 0.4);
    width: 100%;
    transition: all .1s ease-in;
}
.icon-drag-current.ui-draggable-dragging {
}
.fildariane .folderhover {
    background-color: #5269B0 !important;
    width: 150%;
    height: 30px;
    color: white;
    padding: 5px;
    transition: all .1s ease-in;
}
/* END CLASSES DE TEST POUR LE DRAG & DROP */
#files_filebrowser_upload_container {
    padding: 10px;
}
/* PAGNV12 */
#files_filebrowser_createfolder {
    background: #52ADA6 !important;
    border-color: #52ADA6 !important;
} /* MOD02 */
#indicationsfichiers {
    display: none;
    max-width: 65%;
}
.new-edition-page.window #indicationsfichiers {
    max-width: 95%;
    display: block;
}
#contentPageview_title {
    width: 52%;
}
#pageview-title {
    width: 70%;
}
/* END PAGNV12 */

/******************************************************************************
LOGIN
******************************************************************************/
.login-panel {
    margin: 0 auto;
    display: block;
    text-align: center;
    clear: both;
    float: none;
}
.login-panel .panel.panel-default {
    margin: 0;
    padding: 0 !important;
    background: transparent !important;
    border: none;
}
.login-panel .panel-heading {
    display : none;
}
.login-panel #login_login_container {
    display: none;
}
.login-panel .form-group.requiredmarkerdesc {
    display: none;
}
.login-panel #login_login_extra_container p {
    display: none;
}
.login-panel .panel-footer {
    border: none !important;
    background: none !important;
}
.login-panel .btn.btn-primary.btn-xs {
    padding: 10px;
}
.col-md-3.login-card {
    display: block;
    margin: 0 auto;
}
.loggedout #login_login_container,
.loggedout #login_login_extra_container p,
.loggedout .form-group.requiredmarkerdesc {
    display: none;
}
.loggedout .card-header {
    text-align: center;
}
.login-externallink {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.login-externallink .btn-primary, .login-externallink .form-inline input.btn-primary {
    padding: 20px;
    font-size: 1.5em;
    margin-top: 3% !important;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    float: none;
    clear: both;
}

/* MODIF APRES NEW LIEN UNESS
li.btn-logout.has-icon {
    display: none;
}
*/

/*******************************************
Formulaire d'importation de fichier
*******************************************/
.fileupload-container .files_filebrowser {
    float: left;
}

/******************************************************************************
ADMIN
******************************************************************************/
.admin .lrbuttons.form-group .btn.btn-primary {
    color: white !important;
}
.admin.js .withselectedusers #editbtn,
.admin.js .withselectedusers #reportsbtn {
    color: black;
}
.admin.window.simplepage.js #institution_logo_container,
.admin.window.simplepage.js #institution_logohtml_container,
.admin.window.simplepage.js #institution_logoxs_container,
.admin.window.simplepage.js #institution_deletelogo_container,
.admin.window.simplepage.js #institution_theme_container {
    display: none;
}
.admin-toggle.navbar-toggle.collapsed {
    color: #52ADA6;
}
.admin .pieform > .collapsible-group:first-child .collapsible legend,
.admin .pieform > .collapsible-group:first-child .collapsible legend .icon {
    color: black;
}

/******************************************************************************
UNESS GROUP
******************************************************************************/
.groupformcontainer #editgroup_institution_container,
.groupformcontainer #editgroup_description_container,
.groupformcontainer #editgroup_settings_container {
    display: none;
}
.groupinfos-eticeo {
    display: none;
}
.groupspecial .groupinfos-eticeo {
    display: block;
}
.groupuserstatus .icon-lg.text-danger.left {
    color: white !important;
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    border-radius: 5px;
}
.groupinfos-eticeo .btn.btn-secondary.float-right.btn-uness {
    position: absolute;
    top: 0;
    right: 0;
}
.groupuserstatus.btn-top-right .btn {
    margin-right: 10px;
}
.groupuserstatus.btn-top-right .btn:last-child {
    margin-right: 0px;
}
.button-users-actions {
    position: absolute;
    top: 4px;
    right: -10px;
}
.button-users-actions .btn {
    background: none;
    border: transparent;
    padding: 0;
    color: transparent;
    max-height: 20px;
    max-width: 20px;
    transition: all .1s ease-in-out;
}
.button-users-actions .btn:hover {
    color: black;
    max-width: 100px;
    background: white;
    border: 1px solid #ccc;
    max-height: 100px;
    padding: 10px;
    border-radius: 10px;
}
.mygroups-container .text-small:last-child {
    /* display: none; */
}

/*******************************************
Modification du bouton import fichier
*******************************************/
/*Chrome*/
input[type='file']::-webkit-file-upload-button{
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color:white;
    padding:10px 0px 12px 0px;
    cursor : pointer;
    font-weight: bold;
    vertical-align: baseline;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border-radius: 5px;
}


/*IE EDGE*/
input[type='file']::-ms-browse {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color:white;
    padding:10px 0px 12px 0px;
    cursor : pointer;
    font-weight: bold;
    vertical-align: baseline;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border-radius: 5px;
}

input[type='file']::-moz-file-upload-button {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color:white;
    padding:10px 0px 12px 0px;
    cursor : pointer;
    font-weight: bold;
    vertical-align: baseline;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border-radius: 5px;
}

input[type='file']::-o-file-upload-button {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color:white;
    padding:10px 0px 12px 0px;
    cursor : pointer;
    font-weight: bold;
    vertical-align: baseline;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border-radius: 5px;
}

input[type='file']::-khtml-file-upload-button {
    background-color: #52ADA6;
    border: 1px solid #52ADA6;
    color:white;
    padding:10px 0px 12px 0px;
    cursor : pointer;
    font-weight: bold;
    vertical-align: baseline;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    border-radius: 5px;
}

/*******************************************
Version imprimante
*******************************************/
@media print {
    body {
        font-size: 28px;
    }
    *,
    *:before,
    *:after,
    *:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line,
    body > *:not(main) {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    a[href^="http"]:not([href*="monsiteweb.com"]):after {
        content: " (" attr(href) ")";
    }
    div {
        clear: both !important;
        float: none !important;
        page-break-before: avoid;
        page-break-inside: avoid;
        page-break-after: avoid;
    }
    .pageactions {
        display: none;
    }
    .header.fixed-top.no-site-messages,
    .col-sm-2.menumodifs,
    .col-sm-2.bggreen.text-center,
    .comment-container,
    .footer,
    .pageactions {
        display: none;
    }
    .col-sm-10.bgwhite {
        width: 100% !important;
        flex: 100% !important;
        max-width: 100%;
    }
    .grid-stack {
        max-width: 100%;
    }
    .grid-stack-item {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        height: auto !important;
        position: initial !important;
        margin-bottom: 30px !important;
        page-break-before: auto;
        page-break-inside: avoid;
        page-break-after: always;
    }
    .grid-stack-item-content {
        position: initial !important;
        page-break-before: auto;
        page-break-inside: avoid;
        page-break-after: avoid;
    }
    .grid-stack-item-content p {
        page-break-before: auto;
        page-break-inside: avoid;
        page-break-after: avoid;
    }
    .grid-stack-item-content table {
        page-break-inside: avoid;
    }
    .evenements.row {
        display: block;
    }
}

/*******************************************
Pour les volets déroulants
*******************************************/
.new-edition-page .card-header a:not(.secondary-link),
.new-edition-page .collapsible legend h3 a:not(.secondary-link),
.new-edition-page .collapsible legend h4 a:not(.secondary-link),
.new-edition-page .pieform > .collapsible-group:first-child .collapsible legend,
.new-edition-page .pieform-fieldset.collapsible.first legend a,
.new-edition-page .pieform-fieldset.collapsible.last legend a {
    color: white !important;
    background-color: #52ADA6 !important;
    border-radius: 0;
}
.new-edition-page .card-header a:not(.secondary-link),
.new-edition-page .collapsible legend h3 a:not(.secondary-link) .icon,
.new-edition-page .collapsible legend h4 a:not(.secondary-link) .icon,
.new-edition-page .pieform > .collapsible-group:first-child .collapsible legend .icon,
.new-edition-page .pieform-fieldset.collapsible.first legend a .icon,
.new-edition-page .pieform-fieldset.collapsible.last legend a .icon {
    color: white;
}
.new-edition-page .card-header .help a {
    background-color: #f9f9f9 !important;
    border: 0;
}
.form-group.requiredmarkerdesc {
    display: none;
}

/*******************************************
MESSAGES
*******************************************/
.messages-list .pieform.form-inline.with-heading {
    float: right;
}
.messages-list .pieform.form-inline.with-heading .btn.btn-secondary.submitcancel.submit {
    background: #52ADA6;
    color: white;
    border-radius: 5px;
    border-color: #ccc;
    border-top-color: #52ADA6;
    border-right-color: #52ADA6;
    border-bottom-color: #52ADA6;
    border-left-color: #52ADA6;
    min-height: 38px;
}
.notification .details-group {
    text-transform: initial;
    color: #333;
    font-weight: 300;
    font-size: 1.125rem;
}
.d-none {
    display: none;
}

/*******************************************
Pour la modal de vérification d'existance coté sides
*******************************************/
#dialog_CompletRFU p {
    padding-bottom: 5%;
}
#dialog_CompletRFU {
    font-size: 1.7em;
    text-align: center;
}

/*******************************************
NEW V 20.10
*******************************************/
.list-group-item h4.list-group-item-heading {
    font-size : .9465rem;
}
#membersearchresults .list-group-item-heading.text-center {
    margin-left: 0px;
}
#membersearchresults .btn.btn-secondary.btn-uness {
    z-index: 999;
}
.table td h3 {
    font-weight: 300;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.0625rem;
    margin: 0;
}
.forum-post-btns.text-right a {
    margin-right: 20px;
}
.forum-post-btns.text-right a:last-child {
    margin-right: 0px;
}
#friendslist .list-group-item-heading.middle.inline a {
    font-size: 16px;
    vertical-align: top;
}
#friendslist .user-icon.user-icon-40.float-left {
    margin-top: .625rem !important;
}

/******************************************************************************
MEDIA QUERIES
******************************************************************************/
@media all and (max-width: 320px) {
    .new-edition-page #editcontent-sidebar-wrapper {
        top       : 91px;
        max-width : 30% !important;
    }
    .new-edition-page  .ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content {
        left: 22.4% !important;
        top: 14% !important;
        min-width: 23% !important;
        max-width: 23% !important;
        position: fixed;
        overflow: auto;
    }
    .new-edition-page .indications {
        display: none;
    }
    #docketiceo {
        top: -17px !important;
    }
}
@media all and (max-width: 991px) {
    .col-sm-2.menumodifs {
        display: block;
        width: 100% !important;
        flex: 100%;
        max-width: 100%;
    }
    #docketiceo {
        max-width: 100% !important;
        margin-left: 0;
        position: relative !important;
    }
    .dockmenu {
        padding-top: 20px;
    }
    .col-sm-2.bggreen.text-center {
        background: transparent !important;
    }
    .header img {
        width: 100px;
        height: auto !important;
    }
    .nav-toggle-area.col-md-5.text-right {
        width: 80%;
        position: absolute;
        top: -85px;
    }
    #nav-inbox strong {
        display: none;
    }
    .main-nav-toggle.navbar-toggle.collapsed {
        max-width: 30%;
        font-size: 12px;
    }
    .container.main-content {
        padding-top: 0;
        margin-top: 0;
    }
    .col-sm-10.bgwhite {
        display: block;
        width: 100%;
        float: none;
        flex: 100%;
        max-width: 100%;
    }
    .col-sm-8.text-right.row .col-4,
    .col-sm-8.text-right.row .col-3,
    .col-sm-8.text-right.row .col-5 {
        width: 100%;
        display: block;
        flex: 100%;
        max-width: 100%;
        position: inherit;
        float: none;
        clear: both;
    }
    .col-sm-8.text-right.row .addgroupbutton.col-3 {
        margin-bottom: 38px;
    }
    .col-sm-12 {
        padding: 0;
    }
    .navbar-main .navbar-nav > li > a {
        padding: 10px;
    }
    .nav-toggle-area.col-md-6.text-right {
        padding-left: 10%;
        padding-right: 3% !important;
        margin-right: 0 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100%;
        left: 110px;
        top: -71px;
    }
    .messages-container {
        display: inline-block !important;
        width: auto !important;
        font-weight: bold;
        margin-top: 10px;
    }
    .nav-toggle-area.col-md-6.text-right a,
    .nav-toggle-area.col-md-6.text-right button {
        font-size: 1.2vh !important;
    }
    #docketiceo ul li {
        font-size: 1.6vh !important;
    }
    .col-sm-2.bggreen.text-center {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 29%;
    }
    .menumodifs {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .special-page .ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content {
        left: 11.4%;
        top: 3%;
    }
    .specialblocksbtn {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .special-page #main,
    .special-page .indications {
        margin-left: 11%;
    }
    .new-edition-page #main,
    .new-edition-page .indications {
        margin-left: 1%;
    }
    .new-edition-page .view-container .col-with-collapse {
        max-width:98% !important;
        flex: 0 0 98%;
    }
    .new-edition-page .btn.btn-secondary.return {
        display: inline-block;
        max-width: 49%;
        font-size: 12px !important;
    }
    .new-edition-page #contentPageview_title {
        display: inline-block !important;
        max-width: 49%;
        vertical-align: top;
        margin-top: 10px;
    }
    .special-page .col-sm-11 {
        margin-left: 10%;
    }
    .new-edition-page #content-editor-foldable {
        left: 10px;
    }
    .new-edition-page .specialblocksbtn {
        margin-top: 10px;
        margin-right: 2px;
        font-size: 11px;
    }
    .new-edition-page .col-md-6.col-sm-6 .float-right {
        display : flex;
    }
    .new-edition-page #editcontent-sidebar-wrapper .move-indicator {
        left: 12px;
    }
    header.header.fixed-top.no-site-messages {
        background: transparent;
    }
    .navbar.navbar-default.navbar-main {
        border-top-left-radius: 0 !important;
        background: transparent;
    }
    .pageheader.profileheader.pageheader-actions {
        padding-left: 30%;
    }
    #files_filebrowser_upload_browse .fileuploadlicense .form-group {
        width: 100%;
    }
    #view-return-controls .btn {
        display: block !important;
        position: initial;
        width: 100% !important;
        float: none;
        clear: both;
        text-align: left;
        margin: 0 !important;
    }
    .menumodifs.black.clair,
    .menumodifs.black.clair #docketiceo,
    .menumodifs.black.clair #docketiceo ul {
        width: 100%;
        max-width: 100% !important;
        position: inherit;
        background: transparent;
        flex: 100%;
    }
    .menumodifs.black.clair #docketiceo {
        background: transparent !important;
        padding-bottom: 15px;
    }
    .menumodifs.black.clair .timeline-menu {
        margin: 0;
        padding: 0;
    }
    .menumodifs.black.clair .timeline-menu li {
        padding-bottom: 0;
        margin-bottom: 0 !important;
        height: auto;
        margin-top: 0;
    }
    .menumodifs.black.clair .timeline-menu::before {
        position: inherit;
        margin: 0;
        padding: 0;
    }
    .pageunessgroupparams .unessgroupcontainer {
        margin-left: 0;
        width: 100%;
        flex: 100%;
        max-width: 98%;
    }
    .pageunessgroupparams .unessgroupcontainer .container.main-content{
        margin-top: 0;
        padding-top:0;
    }
    .pageunessgroupparams #main,
    .pageunessgroupparams .indications {
        margin-left: 0 !important;
    }
    #groupsabsolute .btn {
        padding-left: 3px;
        font-size: 14px;
        padding-right: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .specialheaderpageunessgroupparams a,
    .specialheaderpageunessgroupparams h1 {
        font-size: 14px !important;
    }
    .specialheaderpageunessgroupparams div {
        display: inline-block;
        width: 50%;
    }
    .specialheaderpageunessgroupparams h1 {
        padding-top: 9px !important;
    }
    .specialheaderpageunessgroupparams .col-sm-4:nth-child(2) {
        float: right;
    }
    .col-sm-0 {
        display: none;
    }
    #groupsabsolute .col-sm-6 {
        padding: 2px;
    }
    .row.group-row .groupuserstatus {
        margin-top: 15px;
    }
    #powered-by img {
        max-height: 60px !important;
    }
    .specialheaderpageunessgroupparams .return b {
        display: none;
    }
    #powered-by {
        margin-bottom: 35px;
    }
}
@media all and (min-width: 768px) and (max-width: 991px) {
    .pageunessgroupparams {
        margin-top: 35px;
    }
    .header.fixed-top.no-site-messages {
        position: inherit;
    }
    #docketiceo {
        top: -17px !important;
    }
}
@media all and (min-width: 768px) and (max-width: 1100px) {
    .messagesfichiers #files_filebrowser_upload_messages {
        max-width: 50%;
        font-size:11px;
    }
}
@media all and (min-width: 992px) and (max-width: 1200px) {
    .menumodifs {
        flex: 0 0 25%;
        max-width: 25%;
    }
    div#docketiceo {
        width: 100% !important;
        max-width: 16.6%;
    }
    div#docketiceo.specialpagecol {
        width: 9% !important;
    }
    .col-sm-2.menumodifs.black.clair div#docketiceo.specialpagecol {
        width: 20% !important;
    }
    .timeline-menu {
        margin-top : 17px;
    }
    .col-sm-10.unessgroupcontainer {
        margin-left: 16%;
    }
    .special-page .col-sm-11 {
        margin-left: 9%;
    }
    .col-sm-10.bgwhite {
        flex: 0 0 75%;
        padding-right: 5%;
        margin-top: 3%;
    }
    .groupformcontainer3 .select.form-group:nth-child(3),
    .groupformcontainer3 .select.form-group:nth-child(6) {
        padding-right: 0;
        margin-right: 0;
    }
    .groupformcontainer3 .select.form-group,
    .groupformcontainer3 .text.form-group {
        width : 28%;
    }
}
@media all and (min-width:1201px) {
    .col-sm-10.bgwhite {
        padding-left: 4%;
    }
    .special-page #main {
        min-height: 600px;
    }
}
@media all and (max-width: 1641px) {
    .new-edition-page .move-indicator {
        font-size: 15px !important;
    }
    .new-edition-page .btn-group-vertical.btn-accordion .title {
        font-size: 10px !important;
    }
}

/**************************************************
Pour premier btn
***************************************************/
.isDisabled {
    color: white !important;/* GROU116 : changer couleur en blanc tout le temps */
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.card table {
    font-size: 12px;
}

/* PAG33 : Limiter le nombre de caractere dans tinymce des modales */
.tooMuchCara {
    border : 2px solid red;
}
#tooMuchCara {
    font-weight: bold;
    color : red;
}

/* PAG32 : edition sur safari autorisait qu'une lettre */
.new-edition-page #contentPageview_title input {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

/* PAG34 : Supprimer action sur le clic du bouton ajouter un nouveau bloc
.new-edition-page #content-editor-foldable a:active {
    background-color: #52ADA6;
    color: white;
}
.new-edition-page #content-editor-foldable a:focus {
    outline: none;
    -webkit-box-shadow: none;
}*/

/* GEN14 : Supprimer cadre vert autour de certaines choses */
a[data-toggle=collapse]:focus,
tr[data-toggle=collapse]:focus,
button:focus,
.form-group.multisubmit .cancel:focus,
.form-group.submitcancel .cancel:focus {
    outline : none;
}

/*BUG2603 : Enlever l'event qui fait une redirection vers medzone... Ca ne regle pas le soucis c'est une rustine*/
li.filedownload-item.list-group-item h4 {
    pointer-events:none;
}

/* MOD01 05 : chang couleur icn model */
.modelViewfile .icon-cell .icon:before,
.page-header-model .icon {
    color: #777;
}

/* MESS17 : bouton dans footer modal pas a la charte */
.tox-dialog__footer-end .tox-button {
    background: #52ADA6 !important;
    border-radius: 5px !important;
    border-color: #52ADA6 !important;
    font-weight: normal !important;
}
.tox-dialog__footer-end .tox-button--secondary {
    background: transparent !important;
    border:none !important;
    text-decoration-line:none !important;
    color: #52ADA6 !important;/* MESS21 : couleur btn annulé */
}
.tox-dialog.mahara-dialog .tox-button.tox-button--secondary:hover {
    background: inherit !important;
    color:inherit !important;
}
.tox-dialog.mahara-dialog .tox-button:hover {
    background: #52ADA6 !important;
    border-color: #52ADA6 !important;
}
.modal-tinymce .pieform button.submit {
    background: #52ADA6 !important;
    border-radius: 5px !important;
    border-color: #52ADA6 !important;
}
.modal-tinymce .pieform input.cancel {
    color:#52ADA6 !important;/* MESS21 : couleur btn annulé */
}
.modal-tinymce .pieform button.submit:hover {
    border-radius: 5px !important;
    border-color: #52ADA6 !important;
}
/* fin */
/* PAGNV22: btn pas a la charte au clic */
.submitcancel.form-group .btn-primary:not(:disabled):not(.disabled):active {
    color:white;
    border-color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #52ADA6;
}

.nav-rendu a {
    font-size:.875rem !important;
    font-weight: 700;
}

/**************************************************
M2204 style
***************************************************/
.pieform-fieldset legend button {
    color: white !important;
    background-color: #52ADA6 !important;
    border-radius: 0;
}
.list-group-item-heading {
    font-size: 1.3125rem;
}
.tablematrix .matrixtooltip, .text-small {
    font-size: .75001rem;
}
.h2, h2 {
    font-size: 1.43749rem;
}
a[data-toggle=collapse]:focus, button[data-toggle=collapse]:focus, tr[data-toggle=collapse]:focus {
    outline:none;
}
.navbar-main .navbar-nav>li>a, .navbar-main .navbar-nav>li>button.menu-dropdown-toggle,
.navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover, .navbar-main .navbar-nav>li>button.menu-dropdown-toggle:focus, .navbar-main .navbar-nav>li>button.menu-dropdown-toggle:hover,
.navbar-toggle:focus, .navbar-toggle:hover{
    color:#3B9AFE;
}