.behaviours--wrapper{width:100%;border-radius:5px;background:#f5f5f5;display:flex;flex-direction:column;padding:20px;overflow-y:auto}.behaviours--wrapper h2{text-align:center}.behaviours--wrapper .behaviours--totals{display:flex;flex-direction:column;width:100%;flex-wrap:wrap;font-size:.8em;font-weight:lighter;overflow-x:auto;min-height:180px}.behaviours--wrapper .behaviours--totals .behaviours--totals--headlines,.behaviours--wrapper .behaviours--totals .behaviours--totals--months{display:flex;flex-direction:row;width:100%;align-items:center}.behaviours--wrapper .behaviours--totals .behaviours--totals--headlines .behaviours--totals-headline,.behaviours--wrapper .behaviours--totals .behaviours--totals--months .behaviours--totals-headline{border-radius:5px;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 15px;display:flex;align-items:center;justify-content:center;margin-right:15px;margin-bottom:15px}.behaviours--wrapper .behaviours--totals .behaviours--totals--headlines .behaviours--totals-headline span,.behaviours--wrapper .behaviours--totals .behaviours--totals--months .behaviours--totals-headline span{font-weight:bold;margin-left:5px}.behaviours--wrapper .behaviours--totals .behaviours--totals--headlines .monthly--totals,.behaviours--wrapper .behaviours--totals .behaviours--totals--months .monthly--totals{display:flex;flex-direction:column;margin-left:15px;min-width:120px;text-align:right}.behaviours--wrapper .behaviour--instance{position:relative;background:#fff;border-radius:5px;width:100%;display:flex;flex-direction:column;margin-bottom:18px;padding:15px 15px 15px 30px}.behaviours--wrapper .behaviour--instance .behaviour--date,.behaviours--wrapper .behaviour--instance .behaviour--instance--body{font-size:.9em;color:#787778;display:flex;margin-right:15px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin-bottom:3px}.behaviours--wrapper .behaviour--instance .behaviour--date i,.behaviours--wrapper .behaviour--instance .behaviour--instance--body i{display:flex;align-items:center;justify-content:center;width:15px;margin-right:5px;color:#000}.behaviours--wrapper .behaviour--instance .behaviour--date span,.behaviours--wrapper .behaviour--instance .behaviour--instance--body span{font-size:.8em}.behaviours--wrapper .behaviour--instance .behaviour--data-type{width:28px;height:28px;border-radius:50%;background:red;position:absolute;top:-14px;left:-14px;display:flex;justify-content:center;align-items:center}.behaviours--wrapper .behaviour--instance .behaviour--data-type.achievement{background:#d8ecdb}.behaviours--wrapper .behaviour--instance .behaviour--data-type.achievement i{color:#285328}.behaviours--wrapper .behaviour--instance .behaviour--data-type.behaviour{background:#f2d8da}.behaviours--wrapper .behaviour--instance .behaviour--data-type.behaviour i{color:#682225}.behaviours--wrapper .behaviour--instance .behaviour--data-type.detention{background:#f2d8da}.behaviours--wrapper .behaviour--instance .behaviour--data-type.detention i{color:#682225}.behaviours--wrapper .behaviour--instance .behaviour--subject{font-weight:bolder;font-size:1.1em;margin-bottom:5px}.behaviours--wrapper .behaviour--instance .behaviour--instance--header{width:100%;flex-wrap:wrap;display:flex;align-items:center;flex-direction:row}.behaviours--wrapper .behaviour--instance .behaviour--instance--body{width:100%;display:flex;min-height:25px;align-items:center}