.img_user {
    border-radius: 30px;
    width: 130px;
    overflow: hidden;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

input.date[readonly] {
    background-color: white !important;
}

.form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    color: #666;
    top: 10px;
    height: 25px;
    width: 25px;
    border: 1px solid #b2b2b2;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
}

.form-radio:checked::before {
    display: block;
    position: absolute;
    font: 15px/1 'Open Sans', sans-serif;
    left: 2px;
    top: -2px;
    content: '\02143';
    transform: rotate(40deg);
}

label {
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

.error {
    color: red;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}


.radio-inline{
margin-left: 0px !important;
padding-left: 0px !important;
margin-right: 10px !important;
padding-right: 20px !important;
}

.form-floating>.form-control, .form-floating>.form-select{
    height: 50px !important;
}
div{text-align: center; padding: 10px;}
#recaptcha-error{
    display: none;
}

.input-sms input {
    margin: 0 5px;
    text-align: center;
    line-height: 55px;
    font-size: 24px;
    border: solid 1px #ccc;
    box-shadow: 0 0 5px #ccc inset;
    outline: none;
    width: 13%;
    transition: all .2s ease-in-out;
    border-radius: 3px;
}        
.input-sms input:focus {
    border-color: #22BB9F;
    box-shadow: 0 0 5px #22BB9F inset;
}
        
.input-sms input::selection {
    background: transparent;
}
span.im-caret {
    -webkit-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
}

#enviar_codigo.codigo-tempo, #enviar_senha.senha-tempo{
    text-decoration: none;
    pointer-events: none;
}

ul.active.weak li.check-leds-item:first-child {
    background: var(--bs-danger);
}

ul.active.medium li.check-leds-item:first-child, ul.active.medium li.check-leds-item:nth-child(2) {
    background: var(--bs-warning);
}

ul.active.good li.check-leds-item:not(ul.active.good li.check-leds-item:last-child) {
    background: var(--bs-primary);
}

ul.active.strong li.check-leds-item {
    background: var(--bs-success);
}

.password-checker{
    display: none;
}

li.check-leds-item {
    border: 1px solid transparent;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    width: 60px;
}

.check-text{
    font-size: 1.2em;
}

.check-text.weak{
    color: var(--bs-danger);
}

.check-text.medium{
    color: var(--bs-warning);
}

.check-text.good{
    color: var(--bs-primary);
}

.check-text.strong{
    color: var(--bs-success);
}

.input-floating{
position: relative;
padding-top: 13px;
}

.input-floating input{
border: 1px solid lightgrey;
border-radius: 5px;
outline: none;
min-width: 250px;
padding: 10px 20px;
font-size: 16px;
transition: all .1s linear;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-webkit-appearance:none;
}

.input-floating input::placeholder{
color:transparent;
}

.input-floating label{
pointer-events: none;
position: absolute;
top: 20%;
left: 15px;
transition: all .1s linear;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
background-color: #fff;
padding: 5px 5px 0px 5px;
box-sizing: border-box;
}

.input-floating select + label {
    font-size: 13px;
    top: -14px;
    /*color: #3951b2;
    background: linear-gradient(180deg, #f8f8f8, #fff);*/
}

.input-floating input:required:invalid + label{
color: red;
}
.input-floating input:focus:required:invalid{
border: 2px solid red;
}
.input-floating input:required:invalid + label:before{
content: '*';
}
.input-floating input:focus + label,
.input-floating input:focus:not(:placeholder-shown) + label, 
.input-floating .active-content + label{
    font-size: 13px;
    top: -14px;
    /*color: #3951b2;
    #background: linear-gradient(180deg, #f8f8f8, #fff);*/
}
.input-floating input:disabled + label {
    background: linear-gradient(180deg, #f8f8f8, #e9ecef);
}


/*
input[type="datetime-local"] {
  color: white;
}

input[type="datetime-local"]:not(:empty) {
    color: yellow;
}
input[type="datetime-local"]:not([value=""]):not(:focus):invalid {
    background-color: tomato !important;
  }

input[type="datetime-local"]:not([value=""]) {
    color: white;
}


input[type="datetime-local"] {
    color: yellow !important; 
}
input[type="datetime-local"]:empty::-webkit-datetime-edit {
    color: red; 
}
*/

.bootstrap-tagsinput {
    text-align: left;
}