/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand { white-space: normal; text-align: center; word-break: break-all; }

/* Provide sufficient contrast against white background */
a { color: #0366d6; }

.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

.logo { width: 100px; }

/* Sticky footer styles
-------------------------------------------------- */
html { font-size: 14px; }

@media (min-width: 768px) {
    html { font-size: 16px; }
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

button.accept-policy { font-size: 1rem; line-height: inherit; }

/* Sticky footer styles
-------------------------------------------------- */
html { position: relative; min-height: 100%; }

body { /* Margin bottom by footer height */ margin-bottom: 60px; }

.footer { position: absolute; bottom: 0; width: 100%; white-space: nowrap; line-height: 60px; /* Vertically center the text there */ }



/* Layout
-------------------------------------------------- */

.main-nav { min-height: 77px; }

    .main-nav .bertin-logo { position: absolute; left: 50%; transform: translate(-50%, 0); }

.navbar-dark { background-color: #21202e; }

footer { background-color: #21202e; color: rgba(255, 255, 255, .5) !important; }

.page-header { background-size: cover; background-color: #2c2b3d; }

.page-title:before { }

.page-subtitle:before { content: '/ '; color: #e05656; }

.page-subtitle { color: rgba(255, 255, 255, .5) !important; }



/* General
-------------------------------------------------- */

h1 { color: #e05656; }

.btn { border-radius: 0; }

.card { border-radius: 0 !important; }

.card-header { background-color: #e9ecef; font-weight: 500; }

.background-disabled { background-color: #e9ecef; }

.dropdown-item.active, .dropdown-item:active { background-color: #e05656; }



/* Home
-------------------------------------------------- */

.list-group-item.active { background-color: #e05656; border: none; }



/* Table
-------------------------------------------------- */

.table th { font-weight: normal !important; }

.table thead th { background-color: #3c3b4e !important; border-color: transparent !important; color: white !important; border-bottom: none; border-top: none; }

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



/* DataTables pagination
-------------------------------------------------- */

.page-link { color: #21202e; }

    .page-link:hover { color: #e05656; }

    .page-link:focus { box-shadow: none; }

.page-item.active .page-link { background-color: #e05656; border: none; color: #fff; }


.informations-attachments { margin-top: 15px; }
.informations-attachment { padding: 5px 15px; }
    .informations-attachment:nth-child(even) { background-color: #e9ecef; }
    .informations-attachment select { font-size: 1rem; }
    .informations-attachment .filename { margin: 0px; margin-top: 7.5px; font-size: 0.75rem; }
    .informations-attachment i { vertical-align: middle; }


.save-container { position: fixed; top: 0px; right: 0px; margin-right: 15px; margin-top: 15px; }
    .save-container i { margin-right: 10px; }
    .save-container .save { display: none; }
        .save-container .save.success { color: forestgreen; }
        .save-container .save.in-progress { }
        .save-container .save.error { color: red; }

.abs-notifications { position: fixed; bottom: 20px; right: 20px; width: 20%; display: none; z-index: 10000; }
    .abs-notifications.active { display: block; }
    .abs-notifications .abs-notification { width: calc(100% - 20px); margin: 5px 10px; padding: 5px 10px; padding-right: 25px; border: 1px solid black; border-radius: 5px; background-color: white; font-size: 12px; }
        .abs-notifications .abs-notification .icon { display: inline-block; width: 24px; text-align: center; vertical-align: top; }
        .abs-notifications .abs-notification .message { display: inline-block; line-height: normal; width: calc(100% - 28px); }
        .abs-notifications .abs-notification .close { margin-top: -23px; margin-right: -12px; }
        .abs-notifications .abs-notification.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
        .abs-notifications .abs-notification.alert-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
        .abs-notifications .abs-notification.alert-info { color: #004085; background-color: #cce5ff; border-color: #b8daff; }
        .abs-notifications .abs-notification.alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; }

.form-row { margin-bottom: 1rem; }

.children-list { height: 300px; overflow-y: auto; }

#ta-description { height: 210px; }

#myTabContent { padding: 10px; border: 1px solid #e9ecef; border-top: 0px; border-radius: 0px 0px 5px 5px; }

.serie-edit label { font-size: 0.8rem; }

.element-name { vertical-align: sub; margin: 0; margin-bottom: 1px; font-size: 1rem !important; }

.element-line-overlay { position: absolute; top: 63px; left: 0; width: 100%; height: calc(100% - 63px); background-color: rgba(255, 255, 255, 0.5); display: none; z-index: 10000; }
    .element-line-overlay.active { display: block; }

.txt-quantite { width: 100px; position: absolute; right: 0; top: 0; margin-top: 7.5px; margin-right: 80px; z-index: 1000; }
.btn-minus, .btn-plus, .btn-edit { width: 60px; position: absolute; right: 0; top: 0; margin-top: 7.5px; margin-right: 185px; z-index: 1000; border-radius: 5px; color: white; }
.btn-plus { margin-right: 15px; }
.btn-edit { margin-right: 255px; }
.full-update { font-size: 1.5rem; color: black; vertical-align: sub; display: inline-block; margin-left: 5px; }

.general-form { background-color: #2c2b3d; border-radius: 5px; margin-bottom: 15px; padding: 15px 30px; color: white; }
    .general-form a,
    .general-form a:hover,
    .general-form a:focus,
    .general-form a:active { color: white; text-align: center; text-decoration: none; }

    .general-form h3 { text-align: center; }
    .general-form h6 { text-align: center; }

#series_table { width: 100% !important; }
    #series_table tr td, #series_table tr th { font-size: 0.8rem !important; }
    #series_table thead tr th:last-child { width: 15% !important; }

.edit-node, .delete-node { position: absolute; z-index: 100000; }
.edit-node { color: #007bff; margin-top: 0px; border: none; padding: 0; background: none; }
.delete-node { color: indianred; margin-top: 1px; margin-left: 30px; }

#price-container { }
    #price-container #txt-price { text-align: right; padding-right: 40px; }
    #price-container .bi-currency-euro { position: absolute; right: 0; margin-right: 15px; margin-top: -30px; }

.parents-list, .children-list { font-size: 0.7rem; text-align: center; }

.succes { color: green; background-color: lightgreen; padding: 15px; margin-top: 15px; display: block; border-radius: 5px; }