.btn-close:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.btn-darkseagreen{
    color: #fff;
    background-color: #8fbc8f;
    border-color: #8fbc8f;
}

.color-brown{
    color: brown;
}

 /* Capcha */
 /* input[type=text] {
     padding: 12px 20px;
     display: inline-block;
     border: 1px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
 } */

 /* button {
     background-color: #4CAF50;
     border: none;
     color: white;
     padding: 12px 30px;
     text-decoration: none;
     margin: 4px 2px;
     cursor: pointer;
 } */
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}
 canvas {
     /*prevent interaction with the canvas*/
     pointer-events: none;
 }

 .modal-header-custom {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: space-between;
     padding: 0.5rem 0.5rem;
     border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
     border-top-left-radius: var(--bs-modal-inner-border-radius);
     border-top-right-radius: var(--bs-modal-inner-border-radius);
 }
 /*  */
 body {
        font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
 }
.modal-title-custom {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
    font-size: .875rem!important;
}
.text-6a9cfd {
    color: #6a9cfd!important;
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:before {
    color: #e6e6e6;
    transform: rotate(180deg);
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    color: #e6e6e6;
    transform: rotate(180deg);
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: "\f107";
    margin-left: auto;
    color: #e6e6e6;
    transition: all 0.2s ease-in-out;
}
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active:before,
.navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active:before {
    height: 8px;
    width: 8px;
    background: #774dd3;
}