@import "variables";

@import "~bootstrap/scss/bootstrap";
html {
    font-size: 62.5%;
}
body {
    font-size: 1.6rem;
    background-color: $body-bg;
    p {
        color: $main-color;
    }

    a {
        text-decoration: none;
        color: $main-color;
    }
    .form-control-login{
        font-size:2rem;
    }

    .form-check-input {
        vertical-align: sub;
    }
    .form-control::-webkit-input-placeholder {
        font-weight: $lightweight;
    }
    .form-control::-moz-placeholder {
        font-weight: $lightweight;
    }
    .form-control::-ms-input-placeholder {
        font-weight: $lightweight;
    }
    .form-group{
        .Description{

            background-color: #f8fafc;
            padding: 1.8rem;
            font-size: 1.4rem;
            color: #707070;
            border: none;
            border: 1px solid #707070;
            border-radius: 5px;

        }
        .Description::-webkit-input-placeholder {
            font-weight: $lightweight;

        }
        .Description::-moz-placeholder {
            font-weight: $lightweight;

        }
        .Description::-ms-input-placeholder {
            font-weight: $lightweight;

        }
    }
    .breadcrumb {
        &-item {
            color: $main-color;
            font-size: 2rem !important;
            a {
                color: $main-color;
                text-underline-offset: 10px;
                font-size: 2rem !important;
            }
        }
        &-item::before {
            font-size: 2rem !important;
            font-weight: $thin;
        }
    }

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

    .page-link.active, .active > .page-link {
        border-color: var(--bs-pagination-hover-border-color);
      }
}