a {text-decoration: none;font-weight: bold;}
label {font-weight: bold;}
.form-control::placeholder {color:#aaa;}
.form-control:focus {box-shadow: none;}

.bi-rotate {display: inline-block; animation: bi-animate-rotator 0.8s infinite;}
@keyframes bi-animate-rotator {0% {rotate: 0deg;} 10% {rotate: 36deg;} 20% {rotate: 72deg;} 30% {rotate: 98deg;} 40% {rotate: 144deg;} 50% {rotate: 180deg;} 60% {rotate: 216deg;} 70% {rotate: 252deg;} 80% {rotate: 288deg;} 90% {rotate: 324deg;} 100% {rotate: 360deg;}}

.form-signin {max-width: 330px; padding: 0 1rem 1rem 1rem; text-align: center;}
.form-signin .form-floating:focus-within {z-index: 2;}
.form-signin label {font-weight: normal;}
.form-signin input[type="email"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="text"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}

header {margin-bottom: .5rem !important;}
.cards-wrapper {margin: 0; padding: .5rem !important;}
.cards-wrapper:last-child {margin-bottom: .5rem !important;}
.cards {padding: .75rem 1rem !important;}

.nav-tabs .nav-link {font-weight: bold;}

.acc-blocked-message {display: none;}
.acc-blocked .acc-blocked-message {display:block;}
.acc-blocked a {display:none !important;}

.tarif-change-off-message {display: none;}
.tarif-change-off .tarif-change-off-message {display:block;}

#myTariff .card-text {margin-top: .8rem;}

footer {padding: .5rem 1rem; font-size: .9rem;}

.page-login {--bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;}

@media (max-width: 575.98px){
    .page-login main {margin-top: 2rem !important;} 
    
    header {margin-bottom: .5rem !important;}
    .cards-wrapper {margin: 0; padding: .5rem !important; padding-bottom: .25rem !important;} 
    .cards {padding: .6rem 1rem .8rem !important;}
    .border-start {border: none !important;}
    a {line-height: 1.31rem;}
    h5 {font-size: 1rem; font-weight: 600;}
    #myTariff .card-text {margin-top:0; font-size: .9em;}
    #myStatContent th {font-size: .8em;}
    #myStatContent td {font-size: .8em;}
    
    footer {padding: .5rem 0; font-size: .8rem;}
}