.ok {
    background: #DDFFDD;
}

.not_ok {
    background: #FF9999;
    color:#FFFFFF;
}

.warning {
    background: #E5EB34;
}

.bg_green {
    background: #DDFFDD;
}

.bg_red {
    background: #FF9999;
    color:#FFFFFF;
}

.bg_yellow {
    background: #E5EB34;
}

.color_green {
    color: #DDFFDD;
}

.color_red {
    color: #FF9999;
}

.color_yellow {
    color: #E5EB34;
}

.light {
    color: #CCCCCC;
}

.deleted {
    text-decoration: line-through;
    color: #AAAAAA;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    pointer-events: auto;
    z-index: 10;
}

.overlay-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    border: 2px solid #ccc;
    border-top: 2px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1;
}

@keyframes spin {
    0%   { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}


.error_form_write {
    background: #FFDDDD;
    padding: 5px;
    margin-left:5px;
}

.ok_form_write {
    background: #DDFFDD;
    padding: 5px;
    margin-left:5px;
}

.deactive {
    opacity: 0.5;
}

.flashing_1s {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.align-LT { display: flex; justify-content: flex-start; align-items: flex-start; }    /* Lewy-górny */
.align-LM { display: flex; justify-content: flex-start; align-items: center; }       /* Lewy-środek */
.align-LB { display: flex; justify-content: flex-start; align-items: flex-end; }     /* Lewy-dół */

.align-CT { display: flex; justify-content: center; align-items: flex-start; }       /* Środek-góra */
.align-CM { display: flex; justify-content: center; align-items: center; }           /* Centrum-centru */
.align-CB { display: flex; justify-content: center; align-items: flex-end; }         /* Środek-dół */

.align-RT { display: flex; justify-content: flex-end; align-items: flex-start; }     /* Prawy-góra */
.align-RM { display: flex; justify-content: flex-end; align-items: center; }         /* Prawy-środek */
.align-RB { display: flex; justify-content: flex-end; align-items: flex-end; }       /* Prawy-dół */