/* LOGIN */
.password-hide-show {
    padding-right: 50px !important;
}
.hide-show-password {
    position: absolute !important;
    right: 30px !important;
    font-size: 16px !important;
}
.card-img-top {
    object-fit: cover !important;
}
/* TABLE */
.table-border-tr {
    border-bottom: 1px solid #2f3235;
}
.table-btn {
    width: 100px;
}
.th-options {
    width:70px;
}
.avatar.avatar-table {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
/* DISABLED */
.disabled {
    cursor: not-allowed;
}

/* EDIT INFO */
.opacityEdit {
    opacity: 0.5;
}
.zIndexEdit {
    z-index: -1000;
}

/* FORM ERROR */
.form-error-message {
    color: #f45858;
    margin: 5px 0px;
}

/* LIVE TOAST */
.sp-live-toast {
    top: 20px;
    right: 20px;
    z-index: 1000;
}
.sp-live-toast-error {
    background-color: #dc3545 !important;
    color: white !important;
}
.sp-live-toast-ok {
    background-color: #69D164 !important;
    color: white !important;
}

/* SELECT CONTROL */
.ts-control.form-select .ts-input {
    color: white !important;
}

.background-grey {
    color: darkgrey !important;
}

/* NAVBAR */
.selected {
    background-color: #35383a !important;
    color: rgba(255,255,255,.7) !important;
}

.hidden {
    display:none;
}

@media screen and (max-width: 767px) {
    .hide-show-password {
        top: 27px !important;
    }
}
@media screen and (min-width: 768px) {
    .hide-show-password {
        top: 32px !important;
    }
}