.container {
    max-width: 90%;
}

.form-control:focus, input [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, option, select, .form-control {
    color: #4d4d4d !important;
    border: none;
    border-bottom: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-radius: 0 0 0 1rem;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all;
    font-size: 1rem;
    line-height: 2;
    padding: 0 .75rem;
    height: 35px;
}

.form-group, .custom-checkbox {
    position: relative
}

input [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea, option, select, .form-control {
    background: rgba(0, 0, 0, 0) !important;
    color-scheme: light
}

input [type=text].input-validation-error, [type=password].input-validation-error, [type=date].input-validation-error, [type=datetime].input-validation-error, [type=datetime-local].input-validation-error, [type=month].input-validation-error, [type=week].input-validation-error, [type=email].input-validation-error, [type=number].input-validation-error, [type=search].input-validation-error, [type=tel].input-validation-error, [type=time].input-validation-error, [type=url].input-validation-error, [type=color].input-validation-error, textarea.input-validation-error, option.input-validation-error, select.input-validation-error, .form-control.input-validation-error {
    border-color: #dc3545 !important
}

input [type=text].valid, [type=password].valid, [type=date].valid, [type=datetime].valid, [type=datetime-local].valid, [type=month].valid, [type=week].valid, [type=email].valid, [type=number].valid, [type=search].valid, [type=tel].valid, [type=time].valid, [type=url].valid, [type=color].valid, textarea.valid, option.valid, select.valid, .form-control.valid {
    border-color: #28a745 !important
}

input[type=date]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(0);
    filter: invert(0)
}

textarea {
    resize: none;
    height: auto !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgba(77, 77, 77, .5) !important
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: rgba(77, 77, 77, .5) !important
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: rgba(77, 77, 77, .5) !important
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: rgba(77, 77, 77, .5) !important
}

input::placeholder, textarea::placeholder {
    color: rgba(77, 77, 77, .5) !important
}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus, option:focus, select:focus, .form-control:focus {
    background: rgba(0, 0, 0, 0) !important;
    border-color: #43b02a !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none
}

[type=text]:focus.input-validation-error, [type=password]:focus.input-validation-error, [type=date]:focus.input-validation-error, [type=datetime]:focus.input-validation-error, [type=datetime-local]:focus.input-validation-error, [type=month]:focus.input-validation-error, [type=week]:focus.input-validation-error, [type=email]:focus.input-validation-error, [type=number]:focus.input-validation-error, [type=search]:focus.input-validation-error, [type=tel]:focus.input-validation-error, [type=time]:focus.input-validation-error, [type=url]:focus.input-validation-error, [type=color]:focus.input-validation-error, textarea:focus.input-validation-error, option:focus.input-validation-error, select:focus.input-validation-error, .form-control:focus.input-validation-error {
    border-color: #dc3545 !important
}

[type=text]:focus.valid, [type=password]:focus.valid, [type=date]:focus.valid, [type=datetime]:focus.valid, [type=datetime-local]:focus.valid, [type=month]:focus.valid, [type=week]:focus.valid, [type=email]:focus.valid, [type=number]:focus.valid, [type=search]:focus.valid, [type=tel]:focus.valid, [type=time]:focus.valid, [type=url]:focus.valid, [type=color]:focus.valid, textarea:focus.valid, option:focus.valid, select:focus.valid, .form-control:focus.valid {
    border-color: #28a745 !important
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    border-color: #58d13c;
    background-color: #43b02a
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(67, 176, 42, .15);
    box-shadow: 0 0 0 .2rem rgba(67, 176, 42, .15)
}

.custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label:before {
    border-color: #43b02a
}

.custom-checkbox .custom-control-label {
    padding-left: 1.75rem
}

.custom-checkbox .custom-control-label:before {
    width: 1.25rem;
    height: 1.25rem;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0);
    border-color: #ccc;
    border-radius: 0
}

.custom-checkbox .custom-control-label::after {
    width: 1.25rem;
    height: 1.25rem;
    left: 0;
    top: 0
}

.custom-checkbox > a {
    font-size: .9rem;
    margin-left: .25em
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-control:valid, .form-control.is-valid {
    background-image: none
}

.has-error input, .has-error select.custom-select {
    border-color: #dc3545 !important
}

.field-validation-error {
    font-size: .75rem;
    padding-left: .75rem;
    color: #dc3545;
    position: absolute;
    bottom: -1.25rem;
    left: 5px
}

#show_hide_password {
    position: relative
}

#show_hide_password .icon {
    color: #b3b3b3;
    position: absolute;
    width: 2.5rem;
    line-height: 2rem;
    text-align: center;
    bottom: .25rem;
    right: 0;
    -webkit-transition: .3s ease-in-out all;
    transition: .3s ease-in-out all
}

#show_hide_password .icon:hover {
    color: #f0b323;
    opacity: 1
}

p.response-msg {
    color: #4d4d4d;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    font-weight: 400;
    font-size: 60%;
    padding: .5rem 1rem;
    margin-top: 1rem;
    background-color: rgba(230, 230, 230, .5);
    border-radius: 50rem
}

p.response-msg:empty{margin-top:0 !important;padding:0;background-color:rgba(0,0,0,0)}

.ql-editor {
    font-size: 1rem; /* tamaño por defecto en px */
    color: #4d4d4d;
    font-family: "Roboto", sans-serif;
}
.quill-editor {
    height: 150px !important; /* o el tamaño que desees */
    overflow-y: auto; /* para que aparezca scroll vertical si el contenido excede */
}