.cajaazul {
    border-color: #1b31f3;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(92, 136, 230, 0.863);
}

.cajaroja {
    border-color: #f31b1b;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(230, 92, 92, 0.863);
}

.cajanegra {
    border-color: #000000;
    border-radius: 6px;
    box-shadow: 4px 4px 4px rgba(57, 59, 63, 0.863);
}

/* se acomo do el alto del select */

.select2-selection__rendered {
    line-height: 31px !important;
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-selection__arrow {
    height: 34px !important;
}

/*  mensaje de error */

.error {
    color: #d11d1d;
}

textarea {
    resize: none;
}

.text-green {
    color: #0a4b24;
    font-weight: bold;
}

.btn-green {
    --mdb-btn-bg: #37e09a;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #25d47c;
    --mdb-btn-hover-bg: #2bca88;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #28b97d;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #34da87;
    --mdb-btn-active-color: #fff;
}

.btn-green:first-child:hover,
.btn-green:focus-visible,
.btn-green:hover,
:not(.btn-check)+.btn-green:hover {
    box-shadow: 0 8px 9px -4px rgba(17, 139, 64, 0.3), 0 4px 18px 0 rgba(17, 139, 68, 0.2);
}

.btn-check:focus+.btn-green,
.btn-check:focus-visible+.btn-green,
.btn-green:focus {
    box-shadow: 0 8px 9px -4px rgba(17, 139, 64, .3), 0 4px 18px 0 rgba(17, 139, 68, .2);
    background-color: #008241da;
}

.btn-check:active+.btn-green,
.btn-check:active+.btn-green:focus,
.btn-check:checked+.btn-green,
.btn-check:checked+.btn-green:focus,
.btn-green.active,
.btn-green.active:focus,
.btn-green.show,
.btn-green.show:focus,
.btn-green:active,
.btn-green:active:focus {
    box-shadow: 0 8px 9px -4px rgba(17, 139, 64, .3), 0 4px 18px 0 rgba(17, 139, 68, 0.2);
}

.btn-check:active+.btn-green:hover,
.btn-check:checked+.btn-green:hover,
.btn-green.active:hover,
.btn-green.show:hover,
.btn-green:active:hover {
    background-color: #259959;
}

.btn-green.disabled,
.btn-green:disabled,
fieldset:disabled .btn-green {
    background-color: #259955;
    color: #fff;
    box-shadow: 0 4px 9px -4px #0aca60;
}



.btn-purple {
    --mdb-btn-bg: #9f37e0;
    --mdb-btn-color: #fff;
    --mdb-btn-box-shadow: 0 4px 9px -4px #9125d4;
    --mdb-btn-hover-bg: #8400e2da;
    --mdb-btn-hover-color: #fff;
    --mdb-btn-focus-bg: #8001dbda;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #b634da;
    --mdb-btn-active-color: #fff;
}

.btn-purple:first-child:hover,
.btn-purple:focus-visible,
.btn-purple:hover,
:not(.btn-check)+.btn-purple:hover {
    box-shadow: 0 8px 9px -4px rgba(125, 17, 139, 0.3), 0 4px 18px 0 rgba(125, 17, 139, .2);
}

.btn-check:focus+.btn-purple,
.btn-check:focus-visible+.btn-purple,
.btn-purple:focus {
    box-shadow: 0 8px 9px -4px rgba(125, 17, 139, .3), 0 4px 18px 0 rgba(125, 17, 139, .2);
    background-color: #4c0082da;
}

.btn-check:active+.btn-purple,
.btn-check:active+.btn-purple:focus,
.btn-check:checked+.btn-purple,
.btn-check:checked+.btn-purple:focus,
.btn-purple.active,
.btn-purple.active:focus,
.btn-purple.show,
.btn-purple.show:focus,
.btn-purple:active,
.btn-purple:active:focus {
    box-shadow: 0 8px 9px -4px rgba(125, 17, 139, .3), 0 4px 18px 0 rgba(125, 17, 139, .2);
}

.btn-check:active+.btn-purple:hover,
.btn-check:checked+.btn-purple:hover,
.btn-purple.active:hover,
.btn-purple.show:hover,
.btn-purple:active:hover {
    background-color: #802599;
}

.btn-purple.disabled,
.btn-purple:disabled,
fieldset:disabled .btn-purple {
    background-color: #802599;
    color: #fff;
    box-shadow: 0 4px 9px -4px #a10aca;
}