@import "__variables.css";



:root {
    --bs-body-font-size: .875rem;
    --bs-body-color: var(--bs-secondary-color);
    --bs-body-bg: #fefefe;
}
.btn {
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-font-size: .875rem;
}
.btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.25rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.form-control,
.form-select {
    background-color: white;
}



.btn {
    --bs-btn-disabled-opacity: 0.25;
}

.tooltip {
    --bs-tooltip-bg: #1c3b4d !important;
    background-color: transparent !important;
}
.tooltip-inner {
    padding-left: 10px;
    padding-right: 10px;
}

body, html {
    height: 100%;
    margin: 0;
    color: #333333 !important;
}

.bg-dark {
    background-color: #172737 !important;
}

.content {
    margin-top: 82px;
    margin-right: 0 !important;
    padding: 0 !important;
    transition: padding 0.3s ease;
}
.authentified .content {
    padding-left: 250px!important;
}
.content.sidebar-collapsed {
    padding-left: 50px !important;
}



main {
    min-height: calc(100vh - 138px);
    width: 100%;

    & h2 {
        font-size: 1.5rem;
        color: var(--bs-primary);
    }
    & h3 {
        font-size: 1.25rem;
    }
}

.text-grey {
    color: #333333;
}

footer {
    width: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;

    & p {
        margin: 0 !important;
    }
}

.btn svg {
    width: 19px;
    height: auto;
}


a {
    /*color: #333333;*/
    text-underline-offset: 3px;
}
a:hover {
    /*color: #007bff;*/
}


.ts-wrapper.form-control:not(.disabled) .ts-control {
    padding-top: 1.5rem;
    padding-right: 2rem !important;
}
.ts-control input {
    color: inherit !important;
}

.list-group .list-group-item span {
    color: #6edff6;
}
.list-group .list-group-item span svg {
    width: 24px;
    height: 24px;
}


@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2rem;
    }
}

@media (max-width: 1424px) {
    .home {
        main {
            min-height: calc(100vh - 175px);
        }
        footer {
            flex-direction: column-reverse;
            gap: 1rem;
        }
    }
}

@media (max-width: 768px) {
    main {
        min-height: calc(100vh - 175px);
    }
    footer {
        flex-direction: column-reverse;
        gap: 1rem;
    }
}


@media (max-width: 576px) {
    .content {
        margin-top: 153px !important;
    }
}