﻿body {
}
* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}

    *:focus {
        outline: none;
    }

p {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}

span {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
}

a {
    font-family: "Segoe UI", MYRIADPRO, Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    border:0;
    margin: 0px;
    padding: 0px;
}
.stl_LogCli_img{
    width:160px;
    height:auto;
}
.stl_LogCli_cont {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00316b;
    /*background-image: radial-gradient(circle at 50% -20.71%, #00ffff 0, #21e0ff 25%, #3cb5f2 50%, #408cbb 75%, #3b6788 100%);*/
    background-image: radial-gradient(circle at 50% -20.71%, #003769 0, #00356b 6.25%, #00336b 12.5%, #00316b 18.75%, #002e69 25%, #1c2b66 31.25%, #2e2763 37.5%, #3a235e 43.75%, #441f59 50%, #4c1a53 56.25%, #53164d 62.5%, #581146 68.75%, #5d0c3f 75%, #600937 81.25%, #610730 87.5%, #620729 93.75%, #620921 100%);
    background-color:#2a2a2a;
}
.stl_LogCli_contLog {
    min-width: 250px;
    max-width: 300px;
    height: 500px;
    /*background-color: rgba(255,255,255,0.5);*/
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
    display: flex;
    flex-flow: column wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.5);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .stl_LogCli_contLog > h1 {
        color: #fff;
        font-size: 22px;
        font-weight: 400;
        text-align: center;
        display: block;
        padding: 5px;
    }
.stl_LogCli_contLog > p{
    color:#fff;
    font-size:16px;
    font-weight:400;
    display:block;
    padding:5px;
}
.stl_Log_TextBox {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
    border: none;
    background: #3e3e3e;
    background: rgba(62,62,62,0.6);
    opacity: 0.8;
    /*background: none;*/
    outline: 0;
    color: #fff;
    border-bottom: 1px solid #09ab9b;
}
    .stl_Log_TextBox:hover,
    .stl_Log_TextBox:focus {
        background: rgba(62,62,62,0.8);
        opacity: 1;
    }
.btnAceptar {
    width: 100%;
    background: #09ab9b;
    color: #ffffff;
    border: 0;
    text-transform: uppercase;
    padding: 20px;
    cursor: pointer;
}

    .btnAceptar:hover,
    .btnAceptar:focus {
        background: #057b6f;
        color: #fff;
        transition: background-color 1s ease-out;
        outline: 0;
    }
