.ClassDashBoard{text-align:center}@media only screen and (min-width:768px){.ClassDashBoard .childrenGrid{width:70%;margin:0 auto}.ClassDashBoard .header{display:flex}.ClassDashBoard .header1,.header2{width:50%;display:flex;border:1px solid #ccc;border-bottom:0}.ClassDashBoard .header2{width:50%;display:flex;border:1px solid #ccc;border-bottom:0;border-left:0}.ClassDashBoard .col1{width:25%;padding:.15em;border-right:1px solid #ccc}.ClassDashBoard .col2{width:75%}.ClassDashBoard .col3{width:25%;padding:.15em;border-right:1px solid #ccc}.ClassDashBoard .col4{width:75%}.ClassDashBoard .dataOwner{display:flex;flex-wrap:wrap;border:1px solid #ccc;border-bottom:0;border-right:0}.ClassDashBoard .dataRow{width:50%;display:flex;border-bottom:1px solid #ccc}.ClassDashBoard .dataRow .picture{width:25%;border-right:1px solid #ccc;padding:.15em;display:flex;align-items:center;justify-content:center}.ClassDashBoard .dataRow .data{width:75%;border-right:1px solid #ccc;text-align:left}.ClassDashBoard .dataRow:nth-child(4n-1),.dataRow:nth-child(4n){background:#f1f1f1}}@media only screen and (max-width:767px){.ClassDashBoard .childrenGrid{width:100%;margin:0 auto}.ClassDashBoard .header1{display:flex;border:1px solid #ccc;border-bottom:0}.ClassDashBoard .col1{width:25%;border-right:1px solid #ccc;padding:.15em}.ClassDashBoard .col2{width:75%}.ClassDashBoard .header2{display:none}.ClassDashBoard .dataOwner{border:1px solid #ccc;border-bottom:0}.ClassDashBoard .dataRow{width:100%;display:flex}.ClassDashBoard .dataRow .picture{width:25%;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:.15em;display:flex;align-items:center;justify-content:center}.ClassDashBoard .dataRow .data{width:75%;border-bottom:1px solid #ccc;text-align:left}.ClassDashBoard .dataRow:nth-child(2n){background:#f1f1f1}}.ClassDashBoard .genderPic{cursor:pointer;border:1px solid #6c615d;max-width:80%;max-height:80%}.ClassDashBoard .dataRow:hover{background-color:#eaf2ff!important}