body {
}
.clstxtCCard, .clstxtTelefonskiBroj, .clsbtnPotvrdiPodatoci, .clsbtnOtvoriNovaDostavaPodatoci,  .clslblErr  {
    clear:left;
    float:left;
    margin-top: 10px;
    width: 45%;
}
.clsbtnPregledDostavi, .clsbtnZatvoriAktuelnaDostava {
    float:left;
    margin-left: 5px;
    margin-top: 10px;
    width: 50%;
    min-width: 342px;
}
.clsRoundPanel {


}
#divostatok {
    display:none;
}
.clsOstatok1 {
    clear: left;
    float:left;
    width: 100%;
}
.clsgexEkoOtpad{
    
    clear:left;
    float:left;
    width: 100%;
}
.clsMasterOne {
    width:90% !important;
}
.clscbpanel1 {
    clear:left;
    float:left;
    width: 100%;
}


/*#region Template */
.clsDataRow {
    clear:left;
    float:left;
    width: 100%;
}

.clsR1, .clsR2, .clsR3 {
    display: flex;
    align-items: flex-start;
    margin-left: 5px;
    margin-right: 5px;
    flex-wrap:wrap;
    gap:5px;
}
.clstxtID, .clstxtSifra {
    flex-grow: 1;
    flex-basis: 10%;
}
.clstxtKategorija, .clstxtopis {
    flex-grow: 50;
}
.clsR3 {
    margin-bottom: 5px;
}
/*#endregion */

/*#region DataView */
.clsNaslovi {
    display:flex;
    align-items: flex-start;
    flex-wrap:nowrap;
}
.clslblID {
    flex-grow: 1;
}
.clslblNaslov {
    flex-grow: 10;
    height: 10px;
    
}
.clsTextField{
    margin-top:20px;
    height: 10px;
    
}

/*#endregion */
/*#region DataView Prevzemanje */
.clsPrevzemanje  {
/*display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-items: center;
*/
margin-top: 25px;
margin-bottom: 5px;
display: flex;
justify-content:space-around;
gap: 10px;


}
/*.clsSetekPrevzema, .clsSamPrevzema  {
    flex-grow: 3;
    align-items: center;
    flex: 1 1 auto;
    
}*/
.clslblSetekNosi {
    
    grid-area: 1/1/2/2;
    align-self: center;
}
.clslblCenaSetekPrevzema
{
    grid-area:  2/1/3/2;
}
.clslblSopstvenPrevoz {
    grid-area:1/2/2/3;
}
.clslblCenaSopstvenTransport {
    grid-area: 2/2/3/3;
    
}

.btnAktivirajoff {
    /*visibility: hidden;*/
    opacity: 50%;
}
.btnAktivirajon {
    opacity: 100%;
}
.clsbtnSetekPrevzema, .clsbtnSopstvenTransport {
    height: 66px !important;
    width: 120px !important;
}
/*#endregion */
.clsKolicina {
    display:flex;
    align-items: stretch;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}
.clsbtnplus {
    flex: 0 1 auto;
    width:2%;
}
.clsbtnminus {
   flex: 0 1 auto;
   width: 2%;
}
.clslblKolicina {
    flex: 0 1 auto;
    margin-top: -10px;
}
.clsKolPrijavi{ 
    display: flex;
    justify-content: center;
}
/*#region SumaVauceriKomitent */
.clsSumaVauceriKomitent{
    display: flex;
    justify-content: left;  
    align-items: center;
    gap: 5px;
   
}
.clsVkupnoVauceri {
    flex: 0 1 auto;
}
.clslblSumaVauceri {
    flex: 0 1 auto;
}

/*#endregion */
/*.clsRoundPanel {
    display: flex;
    align-items: stretch;
}*/

.clsimgset0,.clsimgsam0   {
    z-index: 1000;
    max-width: 30px;
    max-height: 30px;
    width: auto;
    height: auto;
    margin-left: 20px;
    margin-top: -5px;
    position:absolute;
    opacity:50%;
}
.clsimgset1, .clsimgsam1   {
    z-index: 1000;
    max-width: 30px;
    max-height: 30px;
    width: auto;
    height: auto;
    margin-left: 20px;
    margin-top: -5px;
    position:absolute;
}
.s0 {
    visibility: hidden;
}
.s1 { visibility:visible;}
.clsbtnOdberiTermini {
    clear:both;
    float: right;
    margin-top: 10px;
    margin-right: 30px;
    width: 20%;
}
.colorportokalov {
    background: antiquewhite;
}
.colorsiv {
    background: #EBEBEB;
}
.clscmbSaloni {
    clear:both;
    float:right;
    width: 20%;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.CaptionWrap {
    float: left !important;
    width: 100% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    margin-bottom: 1px !important;
}
.clstxtNovaAdresa {
    clear:both;
    float: right;
    width: 20%;
    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.clstxtNovTelefon {
    clear:both;
    float: right;
    width: 20%;
    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.clsbtnPregledDostaviDolu {
    clear:both;
    float:right;
    width: 20%;
    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.v0 {
    display: none;
}
.v1 {
    display: block;
}
.clsred1levo {
    clear:left;
    float:left;
    width: 48%;
}
.clsred1desno {
    float:left;
    margin-left: 5px;
    width: 48%;
}
.clslblErr {
    width: 100%;
}
.clsrndInfo {
    width: 98%;
    margin-bottom: 10px;
}
@media only screen and (max-width: 1490px) {
    .clscmbSaloni {
        clear:both;
        float:right;
        width: 60%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .clsbtnOdberiTermini, .clsbtnPregledDostaviDolu {
        clear:both;
        float: right;
        margin-top: 10px;
        display:flex;
        justify-content:right;
        margin-right: 0;
        width: 60%;
    }
    .clstxtNovaAdresa, .clstxtNovTelefon {
        clear:both;
        float: right;
        width: 60%;
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px; 
    }
    .clstxtCCard, .clstxtTelefonskiBroj, .clsbtnPotvrdiPodatoci, .clsbtnOtvoriNovaDostavaPodatoci,  .clslblErr  {
        clear:left;
        float:left;
        margin-top: 10px;
        width: 100%;
    }
    .clsbtnPregledDostavi, .clsbtnZatvoriAktuelnaDostava {
        clear:left; 
        float:left;
        margin-left: 0;
        margin-top: 10px;
        width: 100%;

    }

}

@media only screen and (max-width: 950px) {
    .clscmbSaloni {
        clear:both;
        float:right;
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .clsbtnOdberiTermini, .clsbtnPregledDostaviDolu {
        clear:both;
        float: right;
        margin-top: 10px;
        margin-right: 0;
        display:flex;
        justify-content: right;
        width: 100%;
    }
    .clsred1desno  {
        clear:left;
        float:left;
        width: 100%;
        margin-left: 0;
    }
    .clsred1levo {
        clear:left;
        float:left;
        width: 100%;
    }
    .clstxtNovaAdresa, .clstxtNovTelefon {
        clear:both;
        float: right;
        width: 100%;
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 5px; 
    }

}
.clslblErrPodZakazi {
    clear:both;
    float:right;
    width: 100%;
    display:flex;
    justify-content: right; 
}