/***** GENERAL *****/

a { text-decoration: none; opacity: 0.92; }

a:hover { opacity: 1; }

img { width: 100% }

li { margin-bottom: 10pt; }





/***** PAGE *****/

.admin-icon {

    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(248,248,250);
    border-color: rgb(222,222,230);
    border-style: solid;
    border-width: 1px;
    border-radius: 18px;
    margin-bottom: 8px;

}

.admin-icon:hover {

    background-color: #D3E1FC;
    border-color: blue;
    
}


/* BUTTONS */

.btn:hover { opacity: 1 !important; }

.btn-apertur, .btn-apertur:hover {
    
    color: white !important;
    background-color: #2B3B90 !important;
    opacity: 0.94 !important;
    border: none;
    
}

.btn-apertur:hover { opacity: 1 !important; }

.btn-editor, .btn-editor:hover { border-radius: 6px !important; background-color: #1084cb !important; color: white !important; padding: 4pt 8pt !important; }
.btn-cancel, .btn-cancel:hover { border-radius: 6px !important; background-color: #787878 !important; color: white !important; padding: 4pt 8pt !important; }
.btn-delete, .btn-delete:hover { border-radius: 6px !important; background-color: #dc3545 !important; color: white !important; padding: 4pt 8pt !important; }

.btn-section {

    cursor: pointer;
    color: white;
    background-color: rgb(110,110,120);
    border-radius: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 0.85rem;

}




.carousel-inner>a { opacity: 1 }

.dropdown-triangle::before {
    
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 23px;
    position: absolute;
    top: -8px;
    
}

.dropdown-triangle::after {
    
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 23px;
    position: absolute;
    top: -7px;
    
}

.floatwapp{

    position:fixed;
    width:60px;
    height:60px;
    bottom:27px;
    right:25px;
    background-color:#25d366;
    border-radius:50px;
    text-align:center;
    font-size:34px;
    padding-top: 5px;
    z-index:100;

}

.form-control, .form-select, .input-group {
    
    background-color: rgb(249,249,250);
    border-radius: 9px;
    
}

.form-label {
    
    opacity: 0.8;
    font-size: .875em;
    margin-left: .25rem;
    margin-bottom: .5rem;
    display: block;
    
}

.gallery_item:hover {
    
    transform: scale(1.1);
    transition: transform 200ms ease-in-out;
    
}

.nemo-icon {
    
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    margin-bottom: 8px;

}

.nemo-icon i { font-size: 24px }

.navbar-logo{ opacity: 100%; }

.nav-link-active { opacity: 0.6; }

.nav-link-active:hover { opacity: 0.7; }

.page-image-bg {
    
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
}

.bg-apertur { background-color: #3B51C2; color: white; }

.text-apertur { color: #3B51C2; }





/***** MODALS *****/

.modal {
    
    color: black;
    text-align: left;
    font-family: var(--bs-font-sans-serif);
    
}

.modal-content { border-radius: 16px; }

.modal-body { padding: 1.8rem !important; }

.modal-header {
    
    background-color: rgb(246,246,247);
    padding-top: 11px;
    padding-bottom: 11px;
    font-weight: 600;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    
}

.modal-footer {
    
    background-color: rgb(246,246,247);
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    
}