:root{--main-bg-color:#e2e1dc;--box-bg-color:rgba(15,15,15,0.95);--accent-color:#3f9889;--font-color:#ccc;--row2-color:#393939;--header-bg-color:#646464}.box{background:var(--box-bg-color);padding:10px;box-shadow:3px 3px 10px #999;margin:0 0 15px;color:var(--font-color)!important}#div1{background-color:var(--main-bg-color)}#div2{background-color:var(--main-bg-color)}*{margin:0;padding:0}#left{float:left}#right{float:right;width:calc(100% - 435px)}.userbox{background:var(--box-bg-color);padding:5px;box-shadow:3px 3px 10px #999;margin:0 0 15px;color:var(--font-color)}.userbox > .content{padding:10px}.userbox > .header{background:var(--accent-color);color:#fff;text-transform:uppercase;font-weight:bold;padding:15px 10px;text-align:center}#avatar{text-align:center}.profile_avatar{max-height:150px}a.button{text-decoration:none;color:#fff;display:inline-block;background:var(--accent-color);width:30px;text-align:center;padding:5px}#user{width:400px}#timeline{width:400px}#ribsteachqualbox{width:410px}#ribsteachqualbox .header{font-size:0.7em}#servicesribbons{vertical-align:top}#servicesribbons > .content{text-align:center;line-height:20px}#servicesribbons > .content > .ribbon{height:20px;margin:-3px -1px -3px -3px}#teachingqual{vertical-align:top}#teachingqual > .content{text-align:center}#timeline td,#timeline th{border-bottom:1px #ccc solid;padding:8px 4px}#timeline tr:last-child th,#timeline tr:last-child td{border:0}#timeline th{text-align:left;font-size:0.8em}#timeline td{text-align:right;font-size:0.8em}#logcontainer{min-height:200px;padding:0}.tab{overflow:hidden;background-color:var(--accent-color)}.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:18px 3px;transition:0.3s;color:#fff;font-weight:bold;text-shadow:none;text-transform:uppercase;border-right:1px #333 solid;max-height:51px}.tab button:first-child{border-left:0}.tab button:hover{background-color:#ddd;color:#000}.tab button.active{color:#000;background-image:linear-gradient(#e2e1dc,#e2e1dc)}.tabcontent{display:none;border-top:none;padding:0}.data-head{background:var(--header-bg-color);font-size:1.0em;font-weight:bold}#servicerecord{font-size:1em}#servicerecord .data{width:calc(100% - 170px)}#servicerecord .date-cell{width:150px}#assignmentrecord{font-size:1em}#assignmentrecord .data{width:calc(50% - 150px / 2 - 20px)}#assignmentrecord .date-cell{width:160px}#attendance .data{width:calc(100% - 340px)}#attendance .date-cell{width:160px}#attendance .attendance-cell{width:150px}#diciplinary .data{width:calc((100% - 200px) / 3)}#diciplinary .date-cell{width:160px}#tasks{font-size:1em}#tasks .data-head{margin:5px 0 0 0}#tasks .data{width:calc(50% - 10px)}#tasks .content{padding:0!important}.cell{float:left;padding:10px 5px}.row1{width:100%;clear:both}.row1 > .cell{background:var(--row2-color)}.row2{width:100%;clear:both}.row2 > .cell{}.clear{clear:both}.mobile-title{display:none}.pages{display:none}.data-paging{background:var(--header-bg-color);clear:both;padding:5px 10px 10px;text-align:right}.medal{height:70px}.statustag{height:4px;line-height:4px;vertical-align:middle;display:inline-block;padding:6px 12px;font-size:11px;font-weight:bold;color:white;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-repeat:repeat-x;background-position:0 -1px;margin-bottom:3PX;margin-top:4px}.demrow1{}.demrow2{}.demcell{display:inline-block;text-align:center;padding:15px 0}.demrow1 .demcell{width:calc((100% - 15px) / 4)}.demrow2 .demcell{width:calc((100% - 15px) / 3)}.frow{padding:5px}.frow label{width:15%;display:inline-block}.frow input[type="text"]{background:transparent !important;color:#f1f1f1;border:1px solid #444;padding:5px;line-height:1.4;outline:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font-family:'Roboto Condensed',sans-serif;font-size:13px;font-style:normal;box-shadow:none}@media screen and (max-width:1360px){#user{width:275px}#timeline{width:275px}#ribsteachqualbox{width:285px}#right{float:right;width:calc(100% - 305px)}}@media screen and (max-width:990px){#left{float:none;width:100%}#right{float:none;width:100%}#user{width:calc(100% - 10px)}#timeline{width:calc(100% - 10px)}#ribsteachqualbox{width:100%}.tab button{width:100%!important;display:block}}@media only screen and (max-width:600px){.mobile-title{display:inline-block;font-weight:bold;width:100px}.cell{width:calc(100% - 10px)!important;float:none}.data-head{display:none}}