﻿body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    background: #09051A;
    background: conic-gradient(from 0deg, #09051A, #555466);
}

/* For most modern browsers */
.hide-scrollbar {
    overflow: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

    .hide-scrollbar::-webkit-scrollbar {
        display: none; /* Chrome, Safari, and Opera */
    }

/*.Logo {
    content: url("../../imagenes/newocto.jpg");
    border-radius: 50px;
    margin: 0px 0% 10px ;
    max-width: 100%;
}*/

.Logo {
    background-image: url("../../imagenes/newocto.jpg");
    background-size: contain; /* Scales image to cover the element */
    background-position:center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
    background-clip: padding-box; /* Background respects padding */
    background-origin: padding-box; /* Positioning starts from padding */
    /*border-radius: 50px;*/ /* Rounds the corners */
    /*margin: 0 0 10px 0;*/ /* Top/bottom margin of 10px, left/right 0 */
    /*max-width: 100%;*/ /* Ensures responsiveness */
    /*width: 100px;*/ /* Fixed width (adjust as needed) */
    /*height: 100px;*/ /* Fixed height (adjust as needed) */
    /*filter: brightness(90%) grayscale(20%);*/ /* Example: slightly darker and grayscale */
}
​
.form-heading { color:#fff; font-size:23px;}
.panel h2{ color:#444444; font-size:18px; margin:0 0 0px 0;}
.panel p { color:#203864; font-size:14px; margin-bottom:30px; line-height:10px;}

.login-form .form-control {
    background: #f7f7f7 none repeat scroll 0 0;
    font-size: 16px;
    height: 40px;
    line-height: 50px;
    text-align: center;
}

.main-div {
    background: #203864ff;
    border-radius: 10px;
    margin: 10px auto 10px ;
    max-width: 38%;
    padding: 25px 70px 70px 60px;
    -webkit-box-shadow: 0px 0px 29px -4px #1e335b;
    box-shadow: 0px 0px 29px -4px #1e335b;
}

.login-form .form-group {
  margin-bottom:10px;
}
.login-form{ text-align:center;}

.textoVersion{
    color:#554ce5
}