/*!
 * SignScope v4.6.0 (https://signscope.com/)
 * Copyright 2023 SignScope
 * Author Antonio Carlos
 */

.bg-background-login {
    background-image: url('../img/background.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.vertical-center {
    min-height: 100%;
    /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh;
    /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}
.valign-top-step {
    margin-top: 10%;
}
.valign-top {
    margin-top: 10%;
}
.valign-top-register {
    margin-top: 5%;
}
.valign-top-5 {
    margin-top: 5%!important;
}
.bg-sign {
    background-color: #422B64;
}

.bg-orange {
    background-color: #FA7921;
}

.bg-grey-light {
    background-color: #FBFBFF;
}

.logo-sign {
    width: 150px;
}

.active .bs-stepper-circle{
    background-color: #422B64!important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags {
    width: 100%;
}

.dragBox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    border: 2px dashed #ccc;
    display: inline-block;
    transition: transform 0.3s;
    padding-top: 20px;
}

input[type="file"] {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.draging {
    transform: scale(1.1);
}

#preview {
    text-align: center;
}

img {
    max-width: 100%
}


.btn-orange {
    color: #fff;
    background-color: #FA7921;
    border-color: #FA7921;
}

.btn-orange:hover {
    color: #fff;
    background-color: #FA7921;
    border-color: #FA7921;
}

.btn-orange:focus,
.btn-orange.focus {
    color: #fff;
    background-color: #FA7921;
    border-color: #FA7921;
    box-shadow: 0 0 0 0.2rem rgba(247, 185, 118, 0.5);
}

.btn-orange.disabled,
.btn-orange:disabled {
    color: #fff;
    background-color: #FA7921;
    border-color: #FA7921;
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show>.btn-orange.dropdown-toggle {
    color: #fff;
    background-color: #FA7921;
    border-color: #FA7921;
}

.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show>.btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 185, 118, 0.5);
}