@import url('');

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /*margin-bottom: 60px;*/
}

.logopetcustom {
    width: 60%;
    /*margin-bottom: 50px;*/
}

.boxlogologin {
    /*background: hsla(0, 0%, 100%, 0.55);*/
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    padding: 10px;
    border-radius: 20px;
    margin-top: 50px;
    width: 50%;
}

.img-login {
    margin: 0px;
    padding: 0px;
    background-image: url("/images/auth/login-image.svg");
    background-position: unset;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-custom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    justify-content: center;
}


.title-login {
    margin-bottom: 100px;
}


.input-style-custom {
    position: relative;
    margin-bottom: 30px;
}

    .input-style-custom input, .input-style-custom textarea, .input-style-custom select {
        width: 100%;
        background: none;
        border: 1px solid #e5e5e5;
        border-radius: 30px;
        padding: 16px;
        resize: none;
        transition: all 0.3s;
    }

.btn-login {
    border-radius: 10px !important;
    border: none;
    background: #127CC4;
}

.login-custom h1 {
    color: #083E71;
    font-size: 2.6em;
    white-space: nowrap
}
    
.login-custom h3 {
    color: #494949;
    font-size: 1.45em;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.login-custom a {
    color: #21409a;
}

.logoregister {
    width: 30%;
}

.box-form-login {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 650px;
}

/*.boxform {
    height: 100vh;
    overflow-y: auto;
}*/

.overflowcustom {
    overflow-y: auto;
    overflow-x: hidden;
}

.registerbox {
    border-radius: 15px;
}

@media (max-width: 992px) {
    .login-custom {
        margin: 40px;
    }

        .login-custom h1 {
            font-size: 2em;
            text-align: center;
        }

        .login-custom h3 {
            font-size: 1.5em;
            text-align: center;
            margin-bottom: 60px;
        }

    .logopetcustom {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 20 0;
    }
}

@media (max-width: 1200px) {
    .centerbox {
        display: flex !important;
        justify-content: center;
        text-align: center;
        padding: 0px 40px;
        margin: 0;
        width: 100% !important;
    }

    .retangulo {
        display: none;
    }

    .logoregister {
        width: 40%;
    }

    .boxform {
        height: auto;
    }

    .registerbox {
        margin: 40px 40px;
    }
}

@media (min-width: 992px) {
    .logomobile {
        display: none !important;
    }
}

.retangulo {
    height: 10px;
    width: 100px;
    background-color: #28285B;
    border-radius: 20px;
}

.formregister h1 {
    color: #28285B;
}

.formregister h4 {
    color: #28285B;
}


.boxtermo {
    background-color: white;
    height: auto;
    width: auto;
    padding: 20px;
    border-radius: 20px;
}

.toogle-custom {
    background-color: #EFEFEF;
    border-radius: 10px;
}

.formregister a {
    color: #29A9E2;
}

.title-custom {
    background: #f7f7f7;
    padding: 20px 40px !important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 4%);
}

.title-custom .select-style-1{
    margin: 0px !important;
}

.registerbox .btn-outline-success, .btn-outline-danger {
    border: none;
    color: grey;
}

.manualcolor {
    background-color: rgb(8,71,126,.33) !important;
    border-radius: 14px !important;
}
.fa-file{
    color: black ;
    opacity: 1 !important;
}

.logomobile {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



.well {
    background: none;
    height: 320px;
}

.table-scroll tbody {
    position: absolute;
    overflow-y: scroll;
    height: 250px;
}

.table-scroll tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table-scroll thead > tr > th {
    border: none;
}

.faqcustom {
    color: #15E3FA;
}
.page-title{
    color : #575757 !important;
}
.btn-outline-toogle-left {
    border-radius: 10px 0px 0px 10px !important;
}
.btn-outline-toogle-right {
    border-radius: 0px 10px 10px 0px !important;
}
.form-button {
    border-radius: 14px
}
.confirm-form-button{
    background: #3AE4C2;
    font-weight: 600 !important;
    color: #474343;
}
.confirm-form-button:hover{
    background: #0cd3ab;
    color: #474343;    
}
.form-title{
    font-size: 22px !important;
    font-weight: 600 !important;
    color : #083E71 !important;
}
.error-previous-title-text {
    color: #575757bd;
    font-size: 30px;
}

.error-title {
    font-weight: 600;
    font-size: 68px;
    color: #083E71 !important;
}

.error-subtitle {
    font-size: 30px;
    color: #0068FF;
    font-weight: 600;
    line-height: 36px;
}

.back-to-system-button {
    background-color: #0068FF;
    border-radius: 10px;
}

.cover-image img {
    width: 560px;
    height: auto;
}

.full-height {
    height: 100vh;
}
@media (min-width: 992px) {
    .ms-lg-14{
        margin-left : 14rem !important;
    }
}