html,body{
    line-height: 18px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100vw;
    height: 100vh;
    /*background-image: linear-gradient(45deg,rgba(11, 00, 23, 0.9), rgba(00, 22, 48, 0.8)), url(../img/fondo.jpg) !important;*/
    background-image: linear-gradient(45deg,rgba(49, 0, 102, 0.9), rgba(0, 3, 19, 0.8)), url(../img/fondo.jpg) !important;
    background-repeat: repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    overflow: auto;
}

*{
    letter-spacing: 0px !important;
    font-size: 1rem;
    font-family: 'Kanit', sans-serif !important;
}

.container{
    background-color: none;
    padding: 0px;
}

.container-header{
    padding: 16px;
    background-color: none;
    border-radius: 16px 16px 0 0;

}

.box-content{
    background: rgba(255, 255, 255, .0);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    padding: 32px;
    border-radius: 8px;
    min-height: 0px !important;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
}

h1{
    color: rgba(255,255,255,.8);
    font-size: 1.9rem;
    display: block;
    padding-top: .4rem;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 800;
    font-style: italic;
}

h2{
    color: rgba(255,255,255,.6);
    font-size: 1.6rem;
    display: block;
    padding-top: .4rem;
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400;
    font-style: italic;
}

.form-select{
    background-color: rgba(255,255,255,.1);
    color: rgba(201, 201, 201, 0.8);
    border-color: rgba(255,255,255,.5);
    cursor: pointer !important;
    fill: #fff !important;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(255,255,255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.form-select:hover{
    background-color: rgba(2, 0, 38, 1);
    cursor: pointer !important;
}

.form-select option{
    background-color: rgba(2, 0, 38, 1);
    color: rgba(185, 185, 185, 0.8);
    border-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    margin: 0px;
    cursor: pointer !important;
}

.form-select option:hover{
    cursor: pointer !important;
}

.btn-color{
    background-color: rgb(24, 0, 47);
    border-color: rgb(24, 0, 47);
    font-family: 'Kanit', sans-serif !important;
    font-weight: 400;
    font-style: italic;
}

.btn-color:hover{
    background-color: rgb(30, 0, 61);
    border-color: rgba(30, 0, 61);
}

footer{
    color: rgba(255,255,255,.5);
    font-size: .5 !important;
    margin-top: 1rem;
    border-top: 1px dashed rgba(255,255,255,.2);
}

.raya-bottom{
    border-bottom: 1px dashed rgba(255,255,255,.2);
}