@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
html{height:100%}#app{display:flex;flex-direction:column;min-height:100vh}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#app{height:100vh}#app .flex-fullheight{flex:1}}#app #header{background-color:#2c3039;border-bottom:hsla(0,0%,100%,.3);color:#fff;height:5.65em}#app #header>.ui.container{align-items:center;display:flex}#app #header .menu .item{color:#fff;font-weight:300;padding:.4em 0}#app #header .menu .item.active:not(.profile):not(.contact){border-color:#fff}#app #header .logo .header{color:#fff;font-weight:800;margin-left:.5em}@media only screen and (max-width:768px){#app{margin-top:50px}#app #header{height:3.65em;position:fixed;top:0;width:100%;z-index:11}}.admin .ui.cards>.card.disabled>.content{background:transparent!important;pointer-events:none}.admin .ui.cards>.card.disabled>.content>.description,.admin .ui.cards>.card.disabled>.content>.details,.admin .ui.cards>.card.disabled>.content>.header,.admin .ui.cards>.card.disabled>.content>.meta{color:rgba(40,40,40,.3)}.admin .ui.cards>.card.error>.content{background:#fff6f6!important;pointer-events:none}.admin .ui.cards>.card.error>.content>.description,.admin .ui.cards>.card.error>.content>.details,.admin .ui.cards>.card.error>.content>.header,.admin .ui.cards>.card.error>.content>.meta{color:#9f3a38!important}.admin #secondary-navigation .ui.inverted.vertical.menu .menu .item{padding-left:60px}.admin #secondary-navigation .ui.inverted.vertical.menu .menu .item>.icon{display:none;float:left;margin:0 0 0 -1.5em}.admin #secondary-navigation .ui.inverted.vertical.menu .menu .item.active{background:hsla(0,0%,100%,.08);color:#fff!important;font-weight:500}.admin #secondary-navigation .ui.inverted.vertical.menu .menu .item.active>.icon{display:block}@media only screen and (max-width:991px) and (min-width:768px){.admin #secondary-navigation .ui.inverted.vertical.menu{width:6.25%!important}.admin #secondary-navigation .ui.inverted.vertical.menu .logo{height:auto;margin-left:0;margin-right:0;width:100%}.admin #secondary-navigation .ui.inverted.vertical.menu .menu{display:none}.admin #secondary-navigation .ui.inverted.vertical.menu .item{display:flex;height:3em;justify-content:center;padding-left:0;padding-right:0}.admin #secondary-navigation .ui.inverted.vertical.menu .item .icon{margin-right:0}.admin #secondary-navigation .ui.inverted.vertical.menu .item .collapseable-text,.admin #secondary-navigation .ui.inverted.vertical.menu .item .icon.down.caret{display:none}}@media only screen and (max-width:767px) and (min-width:320px){.admin.ui.grid>.stretched.row{height:100vh;overflow-y:scroll}.admin.ui.grid>.stretched.row>.column{flex-grow:1!important}.admin.ui.grid>.stretched.row>.column>.header.bar{overflow-x:scroll;padding-left:0}.admin.ui.grid>.stretched.row #primary-navigation>.menu .collapseable-text{display:none}.admin #secondary-navigation .ui.inverted.vertical.menu{align-items:center;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;overflow-x:scroll;overflow-y:hidden;top:auto;width:100%!important;z-index:10}.admin #secondary-navigation .ui.inverted.vertical.menu .logo{height:auto;margin:0 10px;padding:10px 0 6px;width:50px}.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue{align-items:stretch;align-self:stretch;display:flex;flex-direction:row;justify-content:space-around;min-width:calc(100% - 70px)}.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue .menu{display:none}.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue .item{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:0}.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue .item:first-child{display:none}.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue .item .icon{margin-right:0}.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue .item .collapseable-text,.admin #secondary-navigation .ui.inverted.vertical.menu #menu-vue .item .icon.down.caret{display:none}}.ui.main.container{flex:1}.footer.segment{padding:2em 0}.hidden-class{display:none}.black-text{color:#000}.flex{display:flex}.flex.between{justify-content:space-between}.flex-end{margin-left:auto}.list>.item>.content>.flex-end .icon{margin-right:0;text-align:right}.field .ui.daterangepicker{left:0;position:relative;top:0}.field.floaty>label{background:#fff;left:0;position:relative;top:25px;transition:top .2s ease;z-index:1}.field.floaty.filled>label{top:0}::-webkit-input-placeholder{color:transparent!important}:-moz-placeholder,::-moz-placeholder{color:transparent!important}:-ms-input-placeholder{color:transparent!important}textarea::-webkit-input-placeholder{color:transparent!important}textarea:-moz-placeholder,textarea::-moz-placeholder{color:transparent!important}textarea:-ms-input-placeholder{color:transparent!important}.ui.transparent.segment{background-color:transparent;box-shadow:none}.ui.transparent.segment.loading:before{height:100vh;position:fixed;width:100vw;z-index:2}#primary-navigation,#secondary-navigation{position:relative;z-index:3}@media only screen and (max-width:767px){table.ui.table.mobile.hidden{display:none!important}}@media only screen and (min-width:768px){div.ui.cards.desktop.hidden{display:none!important}}#attendanceConfirmation,#attendanceConfirmation .actions{text-align:center}table.inner{border:1px solid rgba(34,36,38,.1)!important;padding:1em!important}select.confirmation{background-color:transparent!important;border-radius:4px!important;box-shadow:0 0 0 2px hsla(0,0%,100%,.5)!important;height:45px!important}