body {
    color: #222;
    background-color: #fefefe;
    font-weight: 300;
}


/*
        T Y P O G R A P H I E
        ---------------------
*/

.lato {
    font-family: "Lato", sans-serif;
}

.lato .site-menubar {
    font-weight: 300;
}

.lato h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Lato", sans-serif;
}

h1 {
    margin-top: 0px;
    margin-bottom: 10px !important;
}

h2 {
    margin-top: 10px;
    margin-bottom: 10px !important;
}

h3 {
    font-size: 15pt;
}

h4 {
    font-size: 13pt;
}

.lato b,
.lato strong {
    font-weight: 700;
}

.text-bold {
    font-weight: bold;
}


/*
        G L O B A L S
        -------------
*/

img {
    max-width: 100%;
}

a {
    text-decoration: none !important;
}


/* Font awesome icons */

th i.fa,
a>i.fa {
    margin-right: 5px;
}


/* Bootstrap 3 classes */

.hide {
    display: none;
}

.pointer {
    cursor: pointer;
}


/* Forms */

fieldset {
    border: 1px solid #ddd !important;
    margin: 0;
    margin-bottom: 15px;
    min-width: 0;
    padding: 25px;
    position: relative;
    border-radius: 4px;
    background-color: #fafafa;
}

fieldset>legend {
    font-size: 1.2em;
    display: inline-block;
    margin-bottom: 0px;
    width: auto;
    padding: 5px;
}

.msg.alert {
    width: 60%;
    margin: 50px auto;
    text-align: center;
    padding: 30px;
}


/*
        N A V B A R
        -------------
*/

.site-navbar {
    background-color: #fff;
}

.navbar-container {
    max-height: 100px;
}

.navbar-brand-logo {
    max-height: 60px;
    max-width: 290px;
    margin-top: 0px;
    margin-left: 20px;
    height: auto;
}

.site-navbar .navbar-header * {
    color: #666 !important;
    background-color: transparent;
}

.site-navbar .navbar-header .hamburger .hamburger-bar,
.site-navbar .navbar-header .hamburger::after,
.site-navbar .navbar-header .hamburger::before {
    color: #000 !important;
    background-color: #666 !important;
}

.site-navbar .navbar-header {
    height: 75px;
    box-shadow: inset 1px -1px 0px 2px rgba(0, 0, 0, 0.08);
}

.navbar-lite .navbar-container {
    margin-left: 0;
}

.site-logo {
    display: inline-block;
    max-width: 120px;
    max-height: 70px;
    margin-right: 10px;
}

.site-navbar .h2 {
    display: inline-block;
    margin: 0;
    padding-top: 15px;
}

@media (max-width: 1200px) {
    .navbar-toolbar li a i.icon+span {
        display: none !important;
    }

    .navbar-toolbar .h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 900px) {
    .navbar-toolbar .h2 {
        font-size: 1.2rem;
    }
}

/*
        S I D E B A R
        -------------
*/
.site-menubar {
    background: #384e55;
}

body.admin .site-menubar {
    background: #444;
}

.site-menu-sub {
    word-wrap: break-word !important;
    font-size: 12px !important;
}

.site-menu-title {
    margin-left: 2px !important;
}

.site-menubar-unfold .site-menu-category {
    padding: 0 15px;
    line-height: 1.6rem;
    font-weight: normal;
    margin-bottom: 10px;
}

.site-menubar-unfold .site-menu-category.ws-title {
    font-size: small;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

.site-menubar-unfold .site-menu>.site-menu-item {
    line-height: 15px;
}

.site-menubar-unfold .site-menu>.site-menu-item>a {
    padding: 0 15px;
    line-height: 1.9rem;
}

.site-menubar-unfold .site-menu>.module-menu.site-menu-item>a {
    margin-bottom: 5px;
}

.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
    font-size: 12px;
}

.site-menubar-unfold .site-menu-title {
    max-width: 280px;
}

.site-menu-item a {
    color: inherit;
    /* color: #cbd8e4; */
}

.site-menu-action {
    margin-left: 25px;
}

.site-menu-action a.btn {
    padding: 2px 10px;
    margin: 15px 0;
}

.module-menu.site-menu-item>a>.site-menu-title {
    font-weight: bolder;
}


.site-menu .site-menu-sub .site-menu-item.active {
    background: rgba(0, 0, 0, 0.2);
}

.site-menu .site-menu-sub .site-menu-item.active>a {
    color: #fff;
    font-weight: 400;
}

#workspace-module-notification {
    margin-top: 150px;
    text-align: center;
}

/*
        F O O T E R
        -------------
*/

footer.site-footer {
    display: none;
}


/*
        Arborescence dossiers
        ---------------------
*/

.menu-dossiers .site-menu-sub .site-menu-item {
    padding-left: 0;
}

.site-menu-item #jstree_div a {
    display: inline-block !important;
}

.level-1.num-0>a {
    font-size: 1.15em;
    font-weight: 300;
}

.jstree-default .jstree-clicked {
    color: #333;
    border-radius: none;
}


/*
        Liste tickets et posts
        ----------------------
*/

.site-menu .menu-ticketmanager .site-menu-sub .site-menu-item>a {
    padding: 0 20px;
}

.site-menu .menu-ticketmanager .site-menu-sub .menu-list>a {
    padding-left: 26px;
}

.site-menu .menu-ticketmanager .site-menu-sub .menu-add>a {
    padding-left: 30px;
}

.site-menu .site-menu-sub .site-menu-item {
    line-height: 30px;
}

.site-menubar-unfold .site-menu-icon {
    margin-right: 6px;
}

.site-menu .site-menu-sub.posts .site-menu-item,
.site-menu .site-menu-sub.tickets .site-menu-item {
    line-height: 24px;
    margin-left: 6px;
}


/*
        L A Y O U T   L I T E
        ---------------------
*/

.layout-lite .navbar-container {
    margin-left: 0;
    background: #606060;
    max-width: 94%;
}

.layout-lite .page-content {
    padding-top: 50px;
}


/*
        P A G E
        -------
*/


/*
#page-container {
    margin: auto !important;
    min-height: 95%;
    background-color: #fefefe;
}

@media only screen and (min-width: 600px) {
    #page-container {
        max-width: 100%;
    }
}

@media only screen and (min-width: 800px) {
    #page-container {
        max-width: 94%;
    }
}

@media only screen and (min-width: 1400px) {
    #page-container {
        max-width: 1300px;
    }
}

.page {
    background-color: #fefefe;
}
*/

.page-header {
    padding-bottom: 0px;
}

.page-header-actions {
    top: 80%;
}

.page-content {
    padding: 25px;
    padding-top: 15px;
    /*border: 1px solid #eaeaea;*/
    background-color: #fefefe;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.page-header+.page-content {
    padding-top: 15px;
}

.page-header h1.page-title {
    font-size: 22px;
}

.page-header h1.page-title,
.page-content h2.sub-title {
    max-width: 80%;
}

#main-breadcrumb {
    margin-bottom: 15px;
}

.post-header {
    padding: 20px 0;
}

.post-content .comment-actions {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4eaec;
    margin-bottom: 20px;
}

/*
    F I C H I E R S   J O I N T S
    -----------------------------
 */

.attachments .card-block {
    padding: 0.75rem;
}

.attachments .card-title {
    font-size: 0.9rem;
    text-align: center;
}

.attachments h5.filename {
    word-break: break-all;
}

/* Onglet container */

.sub-onglets-container {
    border-left: 1px solid #e4eaec;
    border-right: 1px solid #e4eaec;
    border-bottom: 1px solid #e4eaec;
    padding-top: 15px;
}

.sub-title {
    font-size: 1.4em;
}

.ticketmanager-menu {
    margin-bottom: 30px;
}


/*
       T A B L E S
       -----------
*/

.form-filter-table {
    margin: 15px;
}

table {
    word-wrap: break-word;
}

th.actions {
    text-align: center;
}

td.actions {
    text-align: center;
}

td.actions>a {
    margin-right: 3px;
}

.actions>a:hover {
    text-decoration: none;
}

.actions i {
    font-size: 1.4em;
}

.table th,
td {
    vertical-align: middle !important;
}

[data-tablesaw-mode="swipe"] td {
    width: 150px !important;
}

[data-tablesaw-priority="persist"] {
    width: 250px;
}

.tablesaw-all-cols-visible .tablesaw-advance {
    display: none !important;
}

.table-files .comment-actions a {
    padding: 0px;
}

/*
.table-file-upload {
    width: 100%;
}
.table-file-upload td {
    padding: 5px !important;
}
.table-file-upload th, td {
    vertical-align: middle !important;
}
.table-file-upload .progress {
    position: relative;
    top: 12px;
}*/


/*
    H I S T O R Y
*/

.card.history {
    margin-bottom: 0;
}

.history dd a {
    display: inline-block;
    margin-bottom: 1em;
}

.history dd a p {
    /* height: 1.1em; */
    margin-bottom: 0.1rem;
    line-height: initial;
}

/*
       D I V E R S (à trier ...)
       --------------------------
*/

.code {
    width: 180px;
}

/* commentaires */

.media {
    flex-wrap: wrap;
}

/* Dashboard workspaces */

#dashboard-workspaces {
    margin-top: 25px;
}

#dashboard-workspaces .panel-body {
    height: 75px;
    padding-top: 25px;
    text-align: center;
}

.container-flash {
    margin: auto;
}

#toast-container {
    top: 100px;
}

/* flash message */

.flash-mess {
    display: none;
}


/* Flex rows & cols */

.row-flex {
    display: flex;
    /* equal height of the children */
}

.col-flex {
    flex: 1;
    /* additionally, equal width */
    padding: 1em;
}


/* Panel modification */

.panel-title {
    margin-bottom: 0px !important;
}


/* Scroll bars */


/*
::-webkit-scrollbar {
    width: 0.5em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
*/


/*
        A D M I N   P A G E S
        ---------------------
*/

#menu-manage-site {
    margin-bottom: 25px;
    cursor: pointer;
}

#menu-manage-groupe {
    margin-bottom: 25px;
    cursor: pointer;
}

#menu-manage-workspace {
    margin-bottom: 25px;
    cursor: pointer;
}

.section-workspace-manage {
    padding: 5px;
}

.section-groupe-manage {
    padding: 5px;
}

.section-utilisateur-manage {
    padding: 5px;
}

.user-list-scroll-container {
    height: 200px;
    border: 1px solid #dadada;
    padding: 5px;
    overflow-y: auto;
}

.user-list-element {
    padding: 2px;
    padding-left: 5px;
    background-color: #fafafa;
    margin-bottom: 1px;
    cursor: auto;
}


/* File manager */

.file-upload-div {
    border: solid 1px #e4eaec;
    padding: 25px 10px 40px;
}

.table-files {
    max-width: 100%;
}

.table-files .thumb {
    width: 40px;
}

.table-files .size {
    width: 60px;
}

.table-files .actions {
    width: 60px;
}

.table-files .filename {
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-control-next-icon {
    opacity: .5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
    opacity: .5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    opacity: .9;
}

.lucide {
    stroke-width: 1.5;
}

.lucide * {
    vector-effect: non-scaling-stroke;
}