/*Write your custom css in this file.*/
#left-menu-toggle-mask {
    background-color: #f7f8fb !important;
}

.widget-icon.bg-info {
    background-color: #6c60fe !important;
}

.widget-icon.bg-success {
    background-color: #1dd1a1 !important;
}

.widget-icon.bg-coral {
    background-color: #fe5068 !important;
}

.widget-icon.bg-primary {
    background-color: #8d84ff !important;
}

.page-title.bg-info.text-white.clearfix {
    background-color: #2e4053 !important;
}

.page-title h1 {
    padding: 15px 16px;
}

.progress-bar.bg-primary {
    background-color: #8d84ff !important;
}

.alert-warning {
    background-color: #e7e5ff;
}

span.badge.bg-danger.up {
    background-color: #8d84ff !important;
}

.avatar img {
    border: 1px solid #d8dadd!important;
    padding: 1px
}

.mw20p {
    width: 90px;
    height: 90px;
}

.p14 {
  padding: 14px;
}

.sidebar-brand {
    background-color: #ffffff!important;
    border-right: 1px solid #0000000f;
}

.sidebar-scroll, #timeline .post-content .post-date span {
    background: #0c0c14!important;
}

body.public-view.signin-page {
    background-size: contain;
    background-color: #0c0c14;
}

.footer {
    background: transparent;
    display: grid!important;
    border-top: none;
}

.form-signin .general-form .form-control {
    border: 1px solid #202331;
    border-color: #202331;
    background-color: #727da11a!important;
    color: #4e5e6a;
    border-radius: 12px;
}

.btn-info {
    background: #6c60fe;
    border: 1px solid #6c60fe;
}

.btn-info:hover, .btn-check:checked+.btn, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background: #8d84ff!important;
    border: 1px solid #8d84ff!important;
}

.btn-purple {
    background-color: #6c60fe;
    border-color: #ffffff1a;
    border-radius: 14px;
}

.btn-purple:hover {
    --tw-bg-opacity: 1;
    background-color: #847AFD;
}

a.btn.btn-default.w-100.mt20.p15 {
    border-radius: 14px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-neutral-800 {
    --tw-border-opacity: 1;
    background-color: rgb(34 40 56 / var(--tw-border-opacity));
    height: 1px;
    display: flex;
}

.vertical-align-items {
    align-items: center;
}

.btn.btn-default.w-100.mt20.p15 {
    border-radius: 14px;
}

.grow {
    flex-grow: 1;
}

.flex {
    display: flex;
}

.w-4 {
    width: 1rem;
}

.h-4 {
    height: 1rem;
}

.inline {
    display: inline;
}

svg {
    vertical-align: middle;
}

.link-text-primary {
    color: #6690F4 !important;
}

fieldset {
    font-family: sans-serif;
    border: none;
    position: relative;
    display: flex;
    justify-content: space-between; /* Spaziatura uniforme tra i campi */
    width: auto; /* Cambia in auto per adattarsi al contenuto */
    margin: 0 auto; /* Centra il fieldset all'interno del contenitore */
    padding: 10px; /* Aggiungi un padding per migliorare l'aspetto */
}

.character-input {
    width: 50px; /* Larghezza fissa per ciascuna casella */
    height: 60px; /* Altezza fissa */
    font-size: 28px;
    border: 1px solid #202331; /* Bordo specificato */
    background: #727da11a; /* Sfondo specificato */
    color: #4e5e6a; /* Colore del testo specificato */
    text-align: center; /* Centralizza il testo */
    margin: 0 5px; /* Spaziatura orizzontale tra le caselle */
    outline: none; /* Rimuove il contorno di focus */
    border-radius: 5px; /* Aggiunge bordi arrotondati */
}

.character-input:focus {
    border-color: #007bff; /* Cambia colore del bordo quando in focus */
}

.character-input:disabled {
    background-color: #f0f0f0; /* Cambia sfondo se disabilitato */
}

.form-signin .has-error .help-block {
    display: none;
}