@tailwind base;
@tailwind components;
@tailwind utilities;

* {
    font-family: 'Satoshi', sans-serif;
}

.text-light {
    color: #E6E6E6 !important
}
.text-dark {
    color: #1A1A1A !important;
}
.bg-error-alert {
    background: #FDE8E8 !important;
}
.field .label {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    position: absolute;
    top: 12px;
    left: 40px;
    margin: 0 !important;
    transition: 0.3s ease;
    background: white;
    padding: 0 4px;
}

.field input {
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    padding: 16px 12px;
    width: 100%;
}
.field input:hover {
    border: 1px solid #8C8C8C;
}

.field input:focus, .field input:focus-visible {
    outline: 0px;
    border: 2px solid #181B1B !important;
}

.bg-field-error {
    border: 1px solid #E91916 !important;
}

.field input:focus~.label,
.field input:valid~.label {
    top: -12px;
    left: 9px;
    font-size: 14px;
    color: #181B1B;
}
.bg-field-error:focus~.label {
    color: #D21714 !important;
}
.field .bg-field-error:focus, .field .bg-field-error:focus-visible {
    outline: 0px;
    border: 1px solid #E91916 !important;
}
.btn-disabled {
    background-color: #F7F7F7 !important;
    color: #B3B3B3 !important
}

.fs-32 {
    font-size: 32px;
}

.h-left-div-internal {
    height: calc(100vh - 64px);
}

.overflow-hidden {
    overflow: hidden;
}

.lh-82 {
    line-height: 82px;
}

.fs-64 {
    font-size: 64px !important;
}
.logo-image {
    background-size:cover ;
    background-image: url('../images/cover-photo.jpeg');
    background-position: center;
}
.error-label {
    color: #E91916 !important;
}

/* !border-rose-500  */