.pos-f{position: fixed;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.abs-t-l-0{top: 0;left: 0;}
.abs-t-r-10{top: 10px;right: 10px;}
.abs-t-0-r-10{top: 0px;right: 10px;}
.d-n{display: none;}
.d-flex-c{display: flex;align-items: center;justify-content: center;padding: 2px;}
.d-f-s-b{display: flex;align-items: center;justify-content: space-between;padding: 2px;}
.d-f-r{display: flex;align-items: center;justify-content: right;padding: 2px;}
.flx-wrap{flex-wrap: wrap;}
.t-align{text-align: start;}
.w-20p{width: 20%;}
.w-80p{width: 80%;}
.w-100p{width: 100%;}
.w-200{width: 200px;}
.min-w-200{min-width: 200px;}
.max-w-340{max-width: 340px;}
.w-280{width: 280px;}
.h-100p{height: 100%;}
.h-300px{height: 80vh;}
.h-200px{height: 60vh;}
.min-h-60{height: 60px;}
.min-h-80p{width: 80%;}
.m-5{margin: 5px;}
.m-10{margin: 10px;}
.m-5-b{margin-bottom: 5px;}
.m-10-b{margin-bottom: 10px;}
.m-5-r{margin-right: 5px;}
.m-5-t-b{margin: 5px 0;}
.p-5-b{padding-bottom: 5px;}
.p-5-r{padding-right: 5px;}
.p-10-r{padding-right: 10px;}
.p-10-l{padding-left: 10px;}
.p-10-l-r{padding: 0px 10px;}
.p-20-t{padding-top: 20px;}
.p-20-t-b{padding: 20px 0px;}
.p-30-t-b{padding: 30px 0px;}
.p-30-l{padding-left: 30px;}

.flx-05{flex: 0.5;}
.flx-1{flex: 1;}
.flx-2{flex: 2;}
.flx-3{flex: 3;}
.flx-4{flex: 4;}
.flx-5{flex: 5;}
.flx-6{flex: 6;}
.flx-7{flex: 7;}
.flx-8{flex: 8;}
.flx-9{flex: 9;}

/* fonts size*/
.f-06r{font-size: 0.6rem;}
.f-07r{font-size: 0.7rem;}
.f-08r{font-size: 0.8rem;}
.f-09r{font-size: 0.9rem;}
.f-1r{font-size: 1rem;}
.f-11r{font-size: 1.1rem;}
.f-12r{font-size: 1.2rem;}
.f-14r{font-size: 1.4rem;}
.f-16r{font-size: 1.6rem;}
.f-20r{font-size: 2rem;}

.b{font-weight: bold;}
.bord-b{border-bottom: 1px solid var(--accent);}
.bord-b-d{border-bottom: 1px dashed var(--accent);}
.bord{border: 1px solid var(--accent);}

.rad-8{border-radius: 8px;}
.rad-5px{border-radius: 5px;}
.lable-rad-5px{border-radius: 5px 0px 0px 5px;}

.u-line{text-decoration: underline dashed var(--muted);}
.t-line{text-decoration: line-through solid var(--accent) 3px;}

.over-hid{overflow: hidden;}
.over-scr-y-s{overflow-y: scroll;}

.col-muted{color: var(--muted);}

.z-ind-m{z-index: 2147483647;}
.pro-img-50{
    width: 50px; 
    height: 50px; 
    object-fit:fill;
}

.t-red{color: red;}
.t-light{color: var(--accent);}

.label-bg{    
    color: var(--bg-one);
    background: var(--accent);
}

.c-point{cursor: pointer;}

.c-h-30px{height: 30px;}
.c-h-60px{height: 60px;}
.c-h-280px{height: 280px;}
.c-h-300px{height: 300px;}

.flag-img{width: 30px;height: 20px;}

.brake-w{word-break: break-word;}
.css-label-d-n{
    display: none;
}

/* Media query dla telefonów komórkowych w orientacji pionowej */
@media (max-width: 576px) and (orientation: portrait) {
    .css-dir-f-c{
        display: flex;
        flex-direction: column;
    }
    .css-label{
        display: none;
    }
    .css-label-d-n{
        display: flex;
    }
}

/* Media query dla tabletów */
@media (min-width: 577px) and (max-width: 768px) {
    .css-dir-f-c{
        display: flex;
        flex-direction: column;
    }
    .css-label{
        display: none;
    }
    .css-label-d-n{
        display: flex;
    }
}

/* Media query dla komputerów stacjonarnych */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
    .css-dir-f-c{
        display: flex;
        flex-direction: column;
    }
    .css-label{
        display: none;
    }
    .css-label-d-n{
        display: flex;
    }
}

/* LANGUAGES BOX */
.css-languages-box-001 {
    width: 200px;
    height: 30px;
    top: 100px;
    right: 70px;
    z-index: 90;
}