:root{--tpgb-T1-font-size:65px;--tpgb-T1-line-height:75px;--tpgb-T1-font-family:'Roboto',sans-serif;--tpgb-T1-font-weight:700;--tpgb-T1-font-style:normal;--tpgb-T2-font-size:45px;--tpgb-T2-line-height:60px;--tpgb-T2-font-family:'Roboto',sans-serif;--tpgb-T2-font-weight:700;--tpgb-T2-font-style:normal;--tpgb-T3-font-size:38px;--tpgb-T3-line-height:45px;--tpgb-T3-font-family:'Roboto',sans-serif;--tpgb-T3-font-weight:500;--tpgb-T3-font-style:normal;--tpgb-T4-font-size:30px;--tpgb-T4-line-height:40px;--tpgb-T4-font-family:'Roboto',sans-serif;--tpgb-T4-font-weight:500;--tpgb-T4-font-style:normal;--tpgb-T5-font-size:25px;--tpgb-T5-line-height:30px;--tpgb-T5-font-family:'Roboto',sans-serif;--tpgb-T5-font-weight:400;--tpgb-T5-font-style:normal;--tpgb-T6-font-size:17px;--tpgb-T6-line-height:22px;--tpgb-T6-font-family:'Roboto',sans-serif;--tpgb-T6-font-weight:400;--tpgb-T6-font-style:normal;--tpgb-T7-font-size:13px;--tpgb-T7-line-height:16px;--tpgb-T7-font-family:'Roboto',sans-serif;--tpgb-T7-font-weight:400;--tpgb-T7-font-style:normal;--tpgb-C1:#8072FC;--tpgb-C2:#6FC784;--tpgb-C3:#FF5A6E;--tpgb-C4:#F3F3F3;--tpgb-C5:#888888;--tpgb-GC1:linear-gradient(135deg,rgb(8,148,229) 0%,rgb(155,81,224) 100%);--tpgb-GC2:linear-gradient(135deg,rgb(8,148,229) 0%,rgb(155,81,224) 100%);--tpgb-GC3:linear-gradient(135deg,rgb(8,148,229) 0%,rgb(155,81,224) 100%);--tpgb-GC4:linear-gradient(135deg,rgb(8,148,229) 0%,rgb(155,81,224) 100%);--tpgb-GC5:linear-gradient(135deg,rgb(8,148,229) 0%,rgb(155,81,224) 100%)}.namaste-form label {
font-weight:bold;
min-width: 150px;
display:block;
float:left;
}
.namaste-box {padding:10px;}
.namaste-error {
color: red;
font-weight: bold;
}
.namaste-note {
background-color: #E5FFF5;
padding: 5px;
font-weight: bold;
}
.namaste-dashed {
border: 1px dashed black;
} .namaste-completed a {
color:green;
}
.namaste-incomplete a {
color:red;
font-weight:bold;
} .namaste-gradebook {
border: none !important;
}
.namaste-gradebook thead {
position: sticky;
position: -webkit-sticky;
z-index: 4;
top: 0;
}
.namaste-gradebook thead th {
font-weight: bold;
}
.namaste-gradebook thead tr:first-child th {
background: #d5d5d5;
position: sticky;
position: -webkit-sticky;
z-index: 4;
top: 0;
}
.namaste-gradebook thead tr:last-child th {
position: sticky;
position: -webkit-sticky;
z-index: 4;
top: 37px;
background: #e3e3e3;
}
.namaste-gradebook thead { transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
box-shadow: 0 1px 10px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0px 10px rgba(0,0,0,0.25);
}
.namaste-gradebook thead tr:last-child th, .namaste-gradebook thead th:first-child, .namaste-gradebook thead th:last-child {
box-shadow: inset -1px -4px 4px -4px rgba(0,0,0,0.15);
}
.namaste-gradebook thead tr:last-child th {
border-left: 1px solid #fff;
border-right: 1px solid #ccc;
}
.namaste-gradebook thead th:first-child, .namaste-gradebook thead th:nth-child(2) {
border-right: 1px solid #c2c2c2;
}
.namaste-gradebook thead th:last-child, .namaste-gradebook thead th:nth-child(2)  {
border-left: 1px solid #ececec;
}
.namaste-gradebook tbody td:nth-child(1) {
position: sticky;
left: 0px;
z-index: 3;
min-width: 120px;
background: #e3e3e3;
background-image: linear-gradient(180deg, #ececec, #e3e3e3);
}
.namaste-gradebook tbody td:nth-child(1):before {
box-shadow: -10px 0 10px -10px  rgba(0,0,0,0.35) inset;
content: " ";
height: 100%;
top: 0;
left: -10px;
position: absolute;
width: 10px;
z-index: 2;
}
.namaste-gradebook tbody td:nth-child(1):after {
box-shadow: 10px 0 10px -10px  rgba(0,0,0,0.35) inset;
content: " ";
height: 100%;
position: absolute;
top: 0;
right: -10px;
width: 10px;
z-index: 2;
}
.namaste-hidden {
display: none;
}
.namaste-rating {
cursor: pointer;
}
div.namaste-review {
border: 1pt solid #888888;
padding: 1em;
margin: 0.5em;
margin-bottom: 0.7em;
box-shadow: 0.5em 0.5em 0.5em #888888;
}
[role="region"][aria-labelledby][tabindex] {
width: 100%;
height: 100%;
max-width: 90vw;
max-height: 50vw;
overflow: auto;
border: 1px solid #c3c4c7;
}
[role="region"][aria-labelledby][tabindex]:focus {
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
outline: 0;
}