@import url("../../fonts/poppins/poppins.css");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Poppins;
}

main {
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: url('../../images/domain/bg-domain.svg') no-repeat;
    background-size: cover
}

    main .row {
        border-radius: .5rem;
    }

#btnSubmit {
    background-color: #083cb4;
    color: #fff;
    border-color: #083cb4;
}

a {
    color: #083cb4;
    text-decoration: none;
}

#inputDomainName {
    border-right: 0px solid transparent;
}

.input-group input:focus {
    border-color: #ced4da;
}

    .input-group input:focus.border-red {
        border-color: red;
    }

.input-group-text {
    background-color: transparent;
    /*border-left: 0px solid transparent;*/
    font-weight: 600;
}

.border-red {
    border-color: red;
}

.form-control[readonly] {
    background-color: transparent;
}

#lblDomainName {
    border-left: 0px solid transparent !important;
    text-align: right;
    max-width: 150px;
}

#popAnimation {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    animation: 1.5s cubic-bezier(.165,.84,.44,1) forwards blowUpContent;
}

    #popAnimation .card {
        border-radius: .5rem;
    }

@keyframes blowUpContent {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
    }
}

#errorMessage {
    font-size: 13px;
    word-spacing: 2px;
    color: red
}