/**
 * Import Bootstrap v5.1.3
 */
@import url(app.css);

/**
* Paleta de cores
* https://www.color-hex.com/color/142f42
*/

/* fonts */
/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #FFF;
    overflow-x: hidden;
}

@media(min-width: 992px) {
    .w-lg-auto {
        width: auto !important
    }
}

/* border radius */
.rounded-10px {
    border-radius: 10px
}

.rounded-20px {
    border-radius: 20px
}

.rounded-30px {
    border-radius: 30px
}

/* bg */
.bg-blue {
    background-color: #260cba;
}

.bg-blue-1 {
    background-color: #142f42;
}

.bg-gray {
    background-color: #9f9d9d;
}

.bg-orange {
    background-color: #ff4500;
}

.bg-green {
    background-color: #10d310;
}

.bg-red {
    background-color: #ff1212
}

.bg-yellow-light {
    background-color: #fffba2
}

/* width */
@media (min-width: 992px) {
    .max-w-170px {
        max-width: 170px
    }
}

/* tipografia */
.lh-1-4 {
    line-height: 1.4;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.text-blue-1 {
    color: #142f42
}

.text-blue {
    color: #260cba;
}

.text-indigo {
    color: #4B0082
}

.fs-16px {
    font-size: 16px;
}

/* btn */
.btn-light-custom {
    background-color: #e7e7e7 !important
}

.btn-light-custom:hover {
    background-color: #c6c2c2 !important
}

/* btn-primary2 */
.btn-primary2 {
    color: #ffffff;
    background-color: #142f42;
    border-color: #142f42
}

.btn-primary2:hover {
    color: #ffffff;
    background-color: #204865;
    border-color: #204865
}

.btn-primary2:focus {
    color: #ffffff;
    background-color: #204865;
    border-color: #204865;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(20, 47, 66, .5);
    box-shadow: 0 0 0 0.2rem rgba(20, 47, 66, .5)
}

.btn-primary2-outline {
    color: #142f42;
    border-color: #142f42
}

.btn-primary2-outline:hover {
    color: #fff;
    background-color: #142f42;
    border-color: #142f42
}

.btn-primary2-outline:focus,
.btn-primary2-outline.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(20, 47, 66, .5);
    box-shadow: 0 0 0 0.2rem rgba(20, 47, 66, .5)
}

.btn-primary2:disabled,
.btn-primary2:disabled:hover {
    opacity: .7;
    background-color: #142f42;
    color: #ffffff;
    cursor: not-allowed;
}

.btn-primary2-outline:disabled,
.btn-primary2-outline:disabled:hover {
    opacity: .7;
    cursor: not-allowed;
    background-color: transparent;
    color: #142f42;
    border-color: #142f42
}

/* input */
.login .form-control {
    background-color: #f5f5f5 !important;
}

.login .form-control:focus {
    border-color: #ced4da !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: #3984ba;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.icon-email,
.icon-password {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: none !important;
    padding-left: 30px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 6px !important;
    background-color: #f5f5f5;
}

.input-email,
.input-password {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
    padding-bottom: 10px !important;
    text-decoration: underline;
    font-size: 1.2em !important;
    border-left: none;
    color: #555;
    -webkit-transition: border 0s;
    -o-transition: border 0s;
    transition: border 0s;
    border-color: #f5f5f5;
}

.login input:-webkit-autofill,
.login input:-webkit-autofill:hover,
.login input:-webkit-autofill:focus,
.login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
    -webkit-text-fill-color: #555
}

.form-check-input {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.form-check-input:checked {
    background-color: #142f42;
    border-color: #142f42;
}

.login .input-group .input-group-text {
    border-color: #f5f5f5;
}

.form-check-input:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(32, 72, 101, .3);
    box-shadow: 0 0 0 3px rgba(32, 72, 101, .3);
    border-color: #ced4da
}

.login .form-invalid .input-group .input-group-text,
.login .form-invalid .input-group .form-control {
    border-color: #e2453f !important
}

.login .form-invalid .input-group:focus-within .input-group-text,
.login .form-invalid .input-group:focus-within .form-control {
    border-color: #e2453f !important
}

.login .input-group:focus-within .input-group-text,
.login .input-group:focus-within .form-control {
    border-color: #787b7d !important
}

/* feather icons */
.feather.w20px {
    width: 20px
}

.feather.w18px {
    width: 18px
}

.feather.w16px {
    width: 16px
}

.feather.w14px {
    width: 14px
}

.feather.w12px {
    width: 12px
}

.input-light-custom {
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5;
}

.input-light-custom:focus {
    background-color: #f5f5f5 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

/* custom select2  */
.select2-selection--single {
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    font-size: 16px !important;
    padding: 8px 10px !important;
    height: 45px !important;
    border-radius: 30px !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 23px !important;
    left: -8px !important;
}

.select2-search__field,
.select2-dropdown--below {
    border-color: #ccc !important;
    -webkit-box-shadow: 0 0 10px transparent !important;
    box-shadow: 0 0 10px transparent !important;
}

.select2-dropdown--below {
    border-color: transparent !important;
    -webkit-box-shadow: 0 0 20px #ccc !important;
    box-shadow: 0 0 20px #ccc !important;
    padding: 10px !important;
    padding-bottom: 15px !important;
    border-radius: 10px !important
}

.select2-search__field {
    border-radius: 8px !important;
    padding: 5px;
}

.select2-search__field:focus {
    border-color: rgb(62, 62, 225) !important;
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
    outline: none !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    -webkit-box-shadow: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
    outline: none !important;
}

.select2-selection--single:focus {
    background-color: #f5f5f5 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: rgb(62, 62, 225) !important;
}

.select2-results__option {
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 20px !important;
}

select.input-light-custom:focus {
    border-color: #3984ba;
}

.select-livro .select2-selection__rendered {
    text-align: center
}