body {
}
.dxdvBreakpointsItem_RedWine {
    border: 1px blue solid !important;
    border-radius: 5px !important;
}
.clsLevo {
    display:block;
top: 10px;
left: 10px;
z-index:-11;


}
.clsflex1 {
    display:flex;
    justify-content:space-between;
    align-content: stretch;
    flex-wrap:nowrap;
    margin-top: 10px;
}

.clsDesno {
/*    position: absolute;
*/
display:block;
    right: 10px;
    top: 10px;
    z-index:-10;

}
.clsOstatok {
    
    display:flex;
    flex-direction:column;
    width: 45%;
    justify-content:center;
    

}
.dxToggle.dxICheckBox_Office365 {
    background-color:#0000C4 !important;
}
.clsLaptopPC {
    margin-top: 5px;
}
.clslblLaptop {
    clear:left; 
    float:left;
    margin-top: 4px;
    margin-left: 20px;
}
.clsPravno {
    margin-top: 15px;
}
.clschkPC {
    float:left;
}
.clslblDonacijaBroj {
    margin-bottom: 10px;
}
.clsKolicina {
    margin: 5px 0 5px 0;
}
.clsbtnVnesi {
    margin-top: 5px;
    margin-bottom: 5px;
}
.clslblInfoProblem {
    margin-top: 5px;
}
/*.clstxtImePrezime, .clstxtAdresa, .clstxtGrad, .clsKolicina, .clsPravno, .clsbtnVnesi {
    clear:left;
    float:left;
    width: 100%;
    margin-top: 7px;
}*/
/*#region  FlexGrid*/
.clsEditRow {
    border-collapse: collapse;
    /*border: 1px blue solid;*/
    padding: 4px;
    width: 95%;
    /*border-radius: 5px;*/
}
.clslblKonfiguracija {
    width:100%;
}
.clsFlexGrid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}
.clstxtProizvoditel {
}
/*#endregion*/
.clsPravno {
    border: 1px solid black;
    padding: 3px 
}
#dgm1, #dgm2 {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 24vw;
}



@media only screen and (max-width: 900px) {
#dgm1, #dgm2 {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 270px;
}
    .clsDesno {
        display:none;
    }
    .clsLevo {
        display:none;
    }
    .clsOstatok {
    display:flex;
    flex-direction:column;
    width: 90%;
    margin-left: 3%;
    justify-content:center;
    }
/*    .clsflex1 {
        clear:left;
        float:left;
        width: 98%;
        
    }*/
}