Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/trash/vhost_www.bachtale.com_1719306535/htdocs/assets/css/
//srv/data/trash/vhost_www.bachtale.com_1719306535/htdocs/assets/css/app_back.scss
 @import "~bootstrap/scss/bootstrap";
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
@import "~animate.css/source/_base.css";
@import "~animate.css/source/fading_entrances/fadeInRight.css";
@import "~animate.css/source/fading_entrances/fadeInDown.css";

  /* FilosofiaRegular - latin */
@font-face {
    font-family: 'FilosofiaRegular';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/FilosofiaRegular/FilosofiaRegular.eot?#iefix') format('embedded-opentype'),  
         url('/fonts/FilosofiaRegular/FilosofiaRegular.otf')  format('opentype'),
         url('/fonts/FilosofiaRegular/FilosofiaRegular.woff') format('woff'), 
         url('/fonts/FilosofiaRegular/FilosofiaRegular.ttf')  format('truetype'), 
         url('/fonts/FilosofiaRegular/FilosofiaRegular.svg#FilosofiaRegular') format('svg');
}


/*FilosofiaItalic - latin */
@font-face {
    font-family: 'FilosofiaItalic';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/FilosofiaItalic/FilosofiaItalic.eot?#iefix') format('embedded-opentype'),  
         url('/fonts/FilosofiaItalic/FilosofiaItalic.otf')  format('opentype'),
         url('/fonts/FilosofiaItalic/FilosofiaItalic.woff') format('woff'), 
         url('/fonts/FilosofiaItalic/FilosofiaItalic.ttf')  format('truetype'), 
         url('/fonts/FilosofiaItalic/FilosofiaItalic.svg#FilosofiaItalic') format('svg');
}
  

  /* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
  }

$font-stack: 'Open Sans', sans-serif;
$font-stack-title: 'FilosofiaRegular', sans-serif;
$base-font-size: 14px;
$default-color: #050506;
$default-color-hover:#1d1d1e;
$default-color-auther:#333;
$default-color-text: #777;

$break-large: 1200px;
$break-medium: 992px;
$break-small: 768px;

@function trim-unit($value){
    @return $value / ($value * 0 + 1);
}

@function rem($value){
    @return $value / trim-unit($base-font-size) * 1rem
}

body{
    font-family: $font-stack;
    font-size: $base-font-size;
    color: $default-color-text;

    h1,h2,h3,h4{
        font-family: $font-stack-title;
        font-weight: 700;
        color: $default-color;
        letter-spacing: rem(3);
    }

    a{
        text-decoration: none;
        color: $default-color;

        &:hover,
        &:focus {
            color: inherit;
            text-decoration: none;
            transition: all 0.3s;
        }
    }

    .message{
        width: 100%;
        max-width: rem(320);
        background-color: transparent;
        position: absolute;
        right: rem(15);
        top: rem(150);
        z-index: 999;
    }
    

    .navbar {
        padding: 15px 10px;
        background: #fff;
        border: none;
        border-radius: 0;
        margin-bottom: 40px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

    .navbar-btn {
        box-shadow: none;
        outline: none !important;
        border: none;
    }

    .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #ddd;
        margin: 40px 0;
    }

    .btn{
        border-radius: 0;
    }

    .btn-info{
        background-color: $default-color;
        border-color: $default-color;
        &:hover{
            background-color: $default-color-hover;
            border-color: $default-color-hover;
        }
    }

    .btn-primary{
        background-color: $default-color;
        border-color: $default-color;
        color: #fff!important;
        &:hover{
            background-color: $default-color-hover;
            border-color: $default-color-hover;
        }
    }

    /* ---------------------------------------------------
        SIDEBAR STYLE
    ----------------------------------------------------- */

    .wrapper {
        display: flex;
        width: 100%;
        align-items: stretch;
        overflow: hidden;
    }

    #sidebar {
        min-width: 250px;
        max-width: 250px;
        background: $default-color-auther;
        color: #fff;
        transition: all 0.3s;
    }

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: $default-color;
    }

    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid $default-color;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: rem(14);
        display: block;
        color: #fff;
    }

    #sidebar ul li a:hover {
        color: $default-color-auther;
        background: #fff;
        color: $default-color;
    }

    #sidebar ul li.active>a,
    a[aria-expanded="true"] {
        color: #fff;
        background: $default-color;
    }

    a[data-toggle="collapse"] {
        position: relative;
    }

    .dropdown-toggle::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    ul ul a {
        font-size: 0.9em !important;
        padding-left: 30px !important;
        background: $default-color;
    }

    ul.CTAs {
        padding: 20px;
    }

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    a.download {
        background: #fff;
        color: $default-color-auther;
    }

    a.article,
    a.article:hover {
        background: $default-color!important;
        color: #fff !important;
    }

     /* ---------------------------------------------------
        DATATABLE STYLE
    ----------------------------------------------------- */
    .dataTables_filter{
        float: right;
        clear: both;

        @media screen and (max-width: $break-small) {
           float: none;
        }
    }

    .dataTables_paginate{
        float: right;
        clear: both;

        @media screen and (max-width: $break-small) {
           float: none;
        }
    }

    /* ---------------------------------------------------
        CONTENT STYLE
    ----------------------------------------------------- */

    #content {
        width: 100%;
        padding: 20px;
        min-height: 100vh;
        transition: all 0.3s;
    }

    .shape {
        background-color: $default-color;
        text-align: left;
        line-height: 24px;
        border: 0px rgba(0,0,0,0.5);
        margin: 15px 0;
        padding: 0px;
        letter-spacing: 0px;
        font-weight: 300;
        font-size: 14px;
        white-space: normal;
        min-height: 3px;
        min-width: 60px;
        max-height: 3px;
        max-width: 60px;
        position: relative;
    }

    .vich-image{
        img{
            width: 100%;
            max-width: 450px;
            margin-top: 15px;
            padding: 7px;
            border: 1px solid #eee;
        }

        a{
            display: block;
            margin-bottom: 15px;
        }

        .custom-file-label::after{
            content: "Ajouter un fichier";
        }
    }

    .vich-file{
        img{
            width: 100%;
            max-width: 450px;
            margin-top: 15px;
            padding: 7px;
            border: 1px solid #eee;
        }

        a{
            display: block;
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .custom-file-label::after{
            content: "Ajouter un fichier";
        }
    }

    .thumb-search{
        
        img{
            width: 100%;
            max-width: 150px;
            margin:auto;
            border: 1px solid $default-color;
        }
    }

}