/* Cod css folosit in toata aplicatia */
/* ********************************** */

/* Stiluri (variabile) box-card, mesaje eroare */
:root {
    --border-color-card: rgba(34, 36, 38, .15);
    /* fomantic form: error message*/
    /* Culoare text: #9F3A38 */
    /* Culoare background: #fff6f6 */
    /* Culoare border: rgb(224, 180, 180) */
    --border-color-error: rgb(224, 180, 180);
    --background-color-error: #fff6f6;
    --text-color-error: #9F3A38;
}

/* TOAST Fomantic UI */
/* Stiluri pentru desktop */
.ui.toast-container .toast-box.compact,
.ui.toast-container .toast-box > .compact {
    width: 500px !important;
}
/* Stiluri implicite (pentru mobil) */
@media (max-width: 599px) {
    .ui.toast-container .toast-box.compact,
    .ui.toast-container .toast-box > .compact {
        width: 350px !important;
    }
}
/* Stiluri pentru tablete */
@media (min-width: 600px) and (max-width: 899px) {
    .ui.toast-container .toast-box.compact,
    .ui.toast-container .toast-box > .compact {
        width: 400px !important;
    }
}

.ui.toast-container .ui.message {
    padding-top: 10px;
    padding-bottom: 10px;
}

.toast-icon {
    font-size: 14px !important;
    margin-top: -3.5px !important;
    margin-right: 7px !important;
}
/* fixare no placeholder la search */
.ui.active.search.dropdown .text.white,
.ui.active.search.dropdown input.search:focus+.text.white {
    /* suprascrie stilul Fomantic */
    color: #fff !important; 
}
.ui.search.dropdown .text.default,
.ui.active.search.dropdown input.search:focus+.text.default{
    color: rgba(191,191,191,.87);
}
input[type=checkbox],input[type=radio]{
    accent-color: black !important; 
}