* { box-sizing: border-box; margin: 0px; }

.row:after { content: ""; clear: both; display: block; }

[class*="col-"] { float: left; }

body { font-family: helvetica, arial, san-serif; background-color: #FFF; margin: 0; padding: 0; }

.menubg { background-color: #cfcfcf; }

.tableStyled { width: 100%; border-collapse: collapse; font-size: 13px; }
.tableStyledW { border-collapse: collapse; font-size: 13px; }
.thStyled { color: black; font-weight: bold; padding: 6px; border: 1px solid #c2c6c4; }
.thStyledNB { color: black; font-weight: bold; padding: 6px; }
.tdStyled { border: 1px solid #c2c6c4; }

@media only screen and (max-width: 768px) {
    [class*="col-"] { width: 100%; }
    #cssmenu ul li a { font-size: 13px; }
    .projName { display: none !important; }
}

@media only screen and (min-width: 600px) and (max-width: 1350px) {
    .col-m-left { width: 15%; }
    #cssmenu ul li a { font-size: 13px; }
    .projName { display: none !important; }
}

@media only screen and (min-width: 1351px) {
    .col-left { width: 15%; }
    .col-right { width: 85%; }
}