.background{
    background: linear-gradient(270deg, #0038A8 7.06%, #001B52 81.47%);
}
.color-plus{
    color: #fff;
    font-size: 1rem
}

.color-plus:hover {
    color: #fff;
    font-size: 1rem;
    transform: rotate(360deg);
    transition-duration: 0.6s;
}
.gueltica:hover {
    font-size: 1rem;
    transform: rotate(360deg);
    transition-duration: 0.6s;
}
#loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* color de fondo oscuro */
    display: none;
    z-index: 9999;
  }

  .loader {
    border: 16px solid #f3f3f3; /* color del borde del círculo */
    border-top: 16px solid #3498db; /* color del borde superior del círculo */
    border-radius: 50%; /* para hacer el círculo */
    width: 90px; /* ancho del círculo */
    height: 90px; /* altura del círculo */
    animation: spin 2s linear infinite; /* animación de rotación */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .loadermensaje {
    position: absolute;
    top: 60%;
    left: 50%;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
.letter{
    color: #fff;
}
.shadow-card {
    box-shadow: 10px 15px 35px 5px rgba(0, 0, 0, 0.30);
}
.icon-button{
    margin-right: 5px;
}


.card-register {
    padding: 1.5%;
}
.center{
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;

}
.capchat-login{
    position: relative;
    left: 25%;
}

.cont-btn {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.background-login {
    background-image: url(/images/bg_login.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.fondo-home{
    background-image: url(/images/solicitud_ruso_image.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-alert {
    background-color: #85fac4;
    color: #ffffff;
}

.b-none {
    border: none;
}

.alert-outline {
    outline: 1px solid #000;
}

.confirm {
    color: green;
}

.no-confirm {
    color: red;
}

/*         .mensaje_act {
                            opacity: 0;
                            visibility: hidden;
                            transition: opacity 0.5s, visibility 0.5s;
                        }

                        .mensaje_act.show {
                            opacity: 1;
                            visibility: visible;
                        } */
                        .fondo {
                            background-color: #F8FBFF;
                        }

                        .custom-header {
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                        }

                        .img-logo-1 {
                            width: 4rem;
                            height: 4rem;
                        }

                        .img-logo-2 {
                            width: 5rem;
                            height: 5rem;
                        }

                        .left-logo {
                            order: 1
                        }

                        .main-text {
                            margin: auto;
                        }

                        .right-logo {
                            order: -1;
                        }
                        .linear-gradient-login {
                            background-image: linear-gradient(120deg, #033476, #0958C1, #033476);
                            box-shadow: -3px 4px 13px 0px rgba(0,0,0,0.75);
                            -webkit-box-shadow: -3px 4px 13px 0px rgba(0,0,0,0.75);
                            -moz-box-shadow: -3px 4px 13px 0px rgba(0,0,0,0.75);
                        }


                        .linear-gradient {
                            background-image: linear-gradient(120deg, #033476, #0958C1, #033476);
                            color: white;
                        }

                        .sub-title {
                            background-image: linear-gradient(120deg, #BDD9FF, #DFE9F7, #EEF3F9);
                            padding: 0.5rem;
                        }

                        .move {
                            position: absolute;
                            right: 9px;
                            top: 73%;
                            transform: translateY(-50%);
                            background-color: #ECECEC;
                            border: 1px solid #ccc;
                            width: 10%;
                            text-align: center;
                            padding: 0.59rem;
                        }

                        .fondo-subtitle {
                            background-image: linear-gradient(120deg, #BDD9FF, #DFE9F7, #EEF3F9);
                            padding-left: 1%;
                        }

                        .card-footer{
                            background-color: #F8FBFF !important;
                        }


                        .trasparente {
                            background-color: inherit;

                        }

                        .card-login {
                            border-radius: 15px;
                            box-shadow: 0 5px 25px rgba(0, 0, 0, 0, 0.25);
                            transition: 0.5s;
                            overflow: hidden;
                            z-index: 1000;
                        }
                        .card-body-login{
                            padding: 15% 5% 5% 5%;
                        }
                        .index-position{
                            z-index: 1000;
                        }

                        .card-login::before {
                            content: '';
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            background: repeating-conic-gradient(from var(--a), #45f3ff 0%, #45f3ff 10%, transparent 10%, transparent 80%, #45f3ff 100%);
                            border-radius: 20px;
                            animation: animate 2.5s linear infinite;

                        }

                        .card-login .difumina {
                            position: absolute;
                            inset: 5px;
                            overflow: hidden;
                            border-radius: 15px;
                        }

                        .card-login .difumina::before {
                            content: '';
                            position: absolute;
                            inset: 5px;
                            background: url(/images/oncdoft-login.png);
                            background-attachment: fixed;
                            background-size: cover;
                            background-position: center;
                            filter: blur(10px);

                        }

                        .card-login .difumina::after {
                            content: '';
                            position: absolute;
                            inset: 5px;
                            background: url(/images/oncdoft-login.png);
                            background-attachment: fixed;
                            background-size: cover;
                            background-position: center;
                            filter: blur(15px);

                        }

                        .borde-black {

                            border-color: rgba(0, 0, 0, .125) !important;

                        }

                        .input-box {
                            text-decoration: none !important;
                            outline: none;
                            background-color: rgba(0, 0, 0, 0, 0.15) !important;
                            border-radius: 4px;
                            font-size: 1em;
                            color: #ffffff;
                            padding: 8% 2% 8% 2%;
                            /* padding: 9px 18px; */
                        }

                        @property --a {
                            syntax: '<angle>';
                            inherits: false;
                            initial-value: 0deg;
                        }

                        @keyframes animate {
                            0% {
                                --a: 0deg;
                            }

                            100% {
                                --a: 360deg;
                            }
                        }
#refresh-captcha{
    border-radius:50%;
    margin-top:2%;
    float: right;
}
#refresh-captcha-register{
    border-radius:50%;
    float: right;
}
.conten-text-reload{
    display: flex;
    gap: 2rem;
}