html, body, * {
    font-family: 'Source Sans Pro', sans-serif;
}

a, a:hover {
    color: #52ADA6;
}

html {
    background: #FFFFFF;
}

header {
    background: white;
    color: #52ADA6;
}

header a, header a:hover, header a:visited, header a:focus, header a:active {
    color: #52ADA6;
}


header .col-sm-2 {
    border-top-right-radius: 35px;
}

.container.main-content {
    padding-left: 0px;
}

@media all and (min-width: 1000px) {
    .special-page .container.main-content {
        padding-left: 5%;
    }
}

header #logo-area {
    float: none;
    padding: 20px;
}

header .besoin-aide {
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px;
    margin-left: 10px;
    display: flex;
}

header .nav-toggle-area .pageactions {
    position: static;
}

.messages-container {
    display: inline-block;
    width: 200px;
    font-weight: bold;
    margin-top: 10px;
}

#docketiceo {
    color: white;
    /*
    background: rgb(82,173,166);
    background: linear-gradient(180deg, rgba(82,173,166,1) 0%, rgba(82,136,170,1) 100%);
    */
    /* GEN31: fond uni */
    background-color: #52ADA6;
    border-right: 0px;
    width: inherit;
    margin-left: -12px; /* GEN20210408: petit decroché qd sur une page  -10px;*/
}

/*#docketiceo.bgorange {*/
/*	background-color: #9a6e3a;*/
/*}*/

#docketiceo ul li {
    border-radius: 20px 0px 0px 20px;
    font-size: 1.3vw;
    padding-top: 8px;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    z-index: 250;
}

#docketiceo ul li:hover::after,
#docketiceo ul li.current::after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -45px;
    height: 45px;
    right: 0px;
    width: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -20px 0 0 #ffffff;
    z-index: 240;
}

#docketiceo ul li:hover::before,
#docketiceo ul li.current::before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 50px;
    height: 45px;
    right: 0px;
    width: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 20px 0 0 white;
    z-index: 240;
}

#docketiceo ul li:hover, #docketiceo ul li.current {
    background: white;
    color: black;
}

#docketiceo ul li:hover a, #docketiceo ul li.current a {
    background: white;
    color: black;
}

#docketiceo ul a li:hover span.icon, #docketiceo ul a li.current span.icon {
    color: #52ADA6;
}

#docketiceo a {
    color: white;
    z-index: 250;
}

.dockmenu {
    padding: 0px;
    padding-top: 50px;
    margin-right: -10px;
}

.navbar-default {
    border-color: transparent;
    background: white;
    border-top-left-radius: 50px;
}

.green, .page-link {
    color: #52ADA6 !important;
}

.page-item.active .page-link {
    color: #FFFFFF !important;
    border-color: #52ADA6 !important;
}

.bggreen, .page-item.active .page-link {
    background: #52ADA6 !important;
}

.bgorange {
    background: #ff8c00 !important;
}

.bgwhite {
    background: #FFFFFF !important;
}

.navbar-form.navbar-collapse .header-search-form input[type=text], .navbar-form.navbar-collapse .header-search-form input[type=text]:active, .navbar-form.navbar-collapse .header-search-form input[type=text]:focus {
    background: #D6ECEA;
    border-color: #D6ECEA;
    color: #52ADA6;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
}

.navbar-form.navbar-collapse .header-search-form input[type=text]::placeholder {
    color: #52ADA6;
    opacity: 1;
}

#findgroups a.outer-link:hover {
    background-color: transparent;
}

.list-group-item {
    border: 0px;
}

.list-group-item .list-group-item-heading {
    color: #000000;
    font-weight: bold;
    float: none;
}

.list-group-item .icon.group-icon, .list-group-item .icon.university-icon {
    padding: 10px;
    border-radius: 8px;
    color: #526AAD;
    margin-top: 4px;
}

.list-group-item .icon.group-icon {
    background: #DCE1EF;
    color: #526AAD;
}

.list-group-item .icon.university-icon {
    background: #FCE7C7;
    color: #F39200;
}


.row.group-row {
    border-radius: 10px;
    border: 1px solid #DCEFED;
    padding: 2%;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(205, 211, 211, 1);
    -moz-box-shadow: 0px 2px 6px 0px rgba(205, 211, 211, 1);
    box-shadow: 0px 2px 6px 0px rgba(205, 211, 211, 1);
}

.list-group-item .groupadmin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.list-group-item .groupsdetails, .list-group-item .groupsdetails a, .list-group-item .groupsdetails a:hover, .list-group-item .groupsdetails a:visited {
    font-weight: normal;
    color: #809190;
}

h2.title {
    color: #000000;
    font-weight: bold;
}

h2.title span.icon {
    color: #52ADA6;
    margin-right: 10px;
    font-size: 1em;
}

#mydocs_tabs, #mygroups_tabs {
    padding-top: 2%;
    padding-bottom: 2%;
}

.files-controls {
    padding-top: 1%;
}

.nav-pills a.nav-link {
    color: #aaa;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
.nav-pills .nav-link:hover {
    background-color: #526AAD;
    border-radius: 50px;
    color: white;
}

#search_searchfield,
.btn.btn-secondary.btn-uness,
div#invite_accept_container .btn.btn-secondary,
div#invite_decline_container .btn.btn-secondary,
.btn.btn-primary,
.join-group .btn-secondary /*AJOUT JEREMY Pour mettre en forme le bouton rejoindre ce groupe*/
{
    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;
}

.btn.btn-secondary.btn-uness span,
div#invite_accept_container .btn.btn-secondary span,
div#invite_decline_container .btn.btn-secondary span {
    color: white !important;
}

.btn.btn-secondary.btn-uness span.icon {
    color: white;
}

.btn.btn-secondary.btn-uness2 {
    background: white;
    color: #52ADA6;
    border-color: #52ADA6;
    border-radius: 5px;
}

.btn.btn-secondary.btn-uness2 span.icon {
    color: #52ADA6;
}


.row.alert.alert-success {
    background: #E5F3F1;
}

.cv .card-view {
    width: 100%;
}

#myviews.cv .showmore, #myviews.cv .showmore #showmorebtn {
    display: none;
}

#mydocs_tabs .nav-fill .nav-item, #mygroups_tabs .nav-fill .nav-item {
    margin-right: 5%;
}

#membersearchresults .list-group-item, #membersearchresults .list-group-item:first-child {
    padding: 1%;
    margin: 1%;
    border-radius: 20px !important;
    border: 1px solid #DCEFED;
}

.list-group-item .usericon-heading img {
    width: 100%;
}

.memberswrap .card {
    border: 0px;
}

#membersearchresults .list-group-item .roundpictureprofile {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
}

#membersearchresults .list-group-item .grouprole {
    background: #E2E1EB;
    padding: 1%;
    border-radius: 70px;
    color: #526AAD;
    width: 70%;
    margin: auto;
    margin-top: 2%;
}

#membersearchresults .list-group-item .grouprole a {
    display: block;
    clear: both;
}

table.table, table.table tr, table.table td, table.table tbody {
    border-collapse: separate;
    border-spacing: 0 15px;
}

table.table tr {
    border-color: #DCEFED !important;
    border-spacing: 0 15px;
}

table.table > thead > tr > th {
    border: 0px;
}

.table > tbody > tr:first-child td {
    border-top-width: 1px;
}

.table > tbody > tr td:first-child {
    border-left: 1px solid;
}

.table > tbody > tr td:last-child {
    border-right: 1px solid;
}

.table > tbody > tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.table > tbody > tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.table > tbody > tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.table > tbody > tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}


table.table td {
    border-color: #DCEFED !important;
    border-collapse: separate;
    border-bottom: 1px solid;
    padding: 10px;
}

.table .icon-cell {
    min-width: 1px;
    width: 1%;
}

td.filename .display-title, td.filename .display-title a {
    color: black;
    font-weight: bold;
}

#instconf_artefactids_filelist_container .dropdown,
#instconf_artefactids_filelist_container .filelist-container .expand-indicator,
#instconf_artefactid_filelist_container .dropdown,
#instconf_artefactid_filelist_container .filelist-container .expand-indicator,
    /* PAGNV14 : For galerie bloc */
#instconf_folder_filelist_container .dropdown,
#instconf_folder_filelist_container .filelist-container .expand-indicator,
#instconf_images_filelist_container .dropdown,
#instconf_images_filelist_container .filelist-container .expand-indicator,
#edittopic_filebrowser_filelist_container .dropdown, /* FOR01 for forum PJ */
#edittopic_filebrowser_filelist_container .filelist-container .expand-indicator,
#editpost_filebrowser_filelist_container .dropdown,
#editpost_filebrowser_filelist_container .filelist-container .expand-indicator {
    display: none;
}

#edittopic_filebrowser_upload_browse #artefactchooser-body,
#editpost_filebrowser_upload_browse #artefactchooser-body {
    overflow-y: scroll;
    overflow-x: hidden;
}

/* FOR01 */
.table#edittopic_filebrowser_filelist > tbody > tr.active td,
.table#editpost_filebrowser_filelist > tbody > tr.active td {
    background-color: #ddd;
}

#edittopic_filebrowser_upload_container,
#editpost_filebrowser_upload_container {
    padding: 10px;
}

/*****************************************************
 *****************************************************

 M2204

 *****************************************************
 *****************************************************/
.header .logo.change-to-small {
    display: inline-block;
}

.header .logoxs {
    display: none;
}

#docketiceo ul li {
    font-size: 20px !important;
}

/* Pour nouveau menu */
.navbar-collapse {
    align-items: initial;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

body {
    min-height: 100%;
}

@media (min-width: 992px) {
    #docketiceo {
        display: block !important;
    }
}

@media (max-width: 991px) {
    header.header.fixed-top.no-site-messages {
        background: #52ada6;
    }

    .green {
        color: white !important;
    }

    .nav-toggle-area .main-nav-toggle.navbar-toggle {
        color: white !important;
    }

    .navbar-toggle:focus, .navbar-toggle:hover {
        background-color: transparent !important;
    }

    div#languageselect_inputgroup_container, .messages-container, .search-div {
        display: block !important;
    }

    #docketiceo,
    .menumodifs {
        padding-right: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }

    .dockmenu {
        padding-top: 10px
    }

    #docketiceo {
        top: 44px !important;
        margin-bottom: 55px;
    }

    .menumodifs {
        background-color: #52ACA6;
    }

    #logo-uness img {
        width: 100%;
    }

    .navbar-toggle.search-toggle {
        display: none;
    }

    .navbar-form.navbar-collapse {
        display: inline-block;
    }

    #usf_query {
        width: 100%;
    }

    .messages-container {
        display: inline-block !important;
    }
}

#addview-button.btn.btn-secondary.btn-uness2 span.icon {
    color: white;
}