.sidebar{position:fixed;z-index:1033;top:0;left:0;width:255px;margin-left:-255px;border:none;border-radius:0;border-right:1px solid #e3dbd3;overflow-y:auto;background-color:#fff;bottom:0;overflow-x:hidden;padding-bottom:40px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.sidebar .list-group{padding-top:5px}.sidebar .list-group .close-menu{text-align:right;margin-bottom:10px}.sidebar .list-group .close-menu svg{cursor:pointer}.sidebar .list-group .close-menu .icon:hover path{fill:#40b4e5}.sidebar .list-group a.list-group-item{border:0;border-radius:0;border-bottom:1px solid #e3dbd3;color:#7b6d65;text-decoration:none;display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding:.75rem .9rem;transition:all linear .2s}.sidebar .list-group a.list-group-item .icon-holder{width:32px;text-align:center}.sidebar .list-group a.list-group-item .menu-title{width:150px;text-align:left}.sidebar .list-group a.list-group-item .icon{fill:#7b6d65;transition:all linear .2s;width:30px}.sidebar .list-group a.list-group-item .icon svg{fill:#7b6d65;width:30px}.sidebar .list-group a.list-group-item .icon svg *{fill:#7b6d65}.sidebar .list-group a.list-group-item .number{border-radius:50%;width:22px;height:22px;display:flex;align-items:center;align-content:center;text-align:center;justify-content:center;transition:all linear .2s}.sidebar .list-group a.list-group-item .number span{color:#fff;font-size:10px;transition:all linear .2s}.sidebar .list-group a.list-group-item.SentToParents .number{background-color:#f3755f}.sidebar .list-group a.list-group-item.SentToDirector .number{background-color:#1cacb3}.sidebar .list-group a.list-group-item.DirectorSignature .number{background-color:#f1b038}.sidebar .list-group a.list-group-item.RegionalDirectorSignature .number{background-color:#0075a8}.sidebar .list-group a.list-group-item.QCOnline .number{background-color:#b22672}.sidebar .list-group a.list-group-item.Printed .number{background-color:#5ebce8}.sidebar .list-group a.list-group-item.PrintedDiplomas .number{background-color:#199fcb}.sidebar .list-group a.list-group-item.QCPrint .number{background-color:#5d4975}.sidebar .list-group a.list-group-item.ReadyForShipment .number{background-color:#ac9db7}.sidebar .list-group a.list-group-item.ShipmentReceived .number{background-color:#fbc564}.sidebar .list-group a.list-group-item.ConfirmingPassingStudent .number{background-color:#cb6594}.sidebar .list-group a.list-group-item.StudentPassedConfirmation .number{background-color:#cb5245}.sidebar .list-group a.list-group-item.DiplomaDelivered .number{background-color:#857297}.sidebar .list-group a.list-group-item.DiplomasReport .number{background-color:#016836}.sidebar .list-group a.list-group-item.ShipmentSent .number{background-color:#ac9db7}.sidebar .list-group a.list-group-item.disabled{color:#e3dbd3}.sidebar .list-group a.list-group-item.disabled .number{background-color:#e3dbd3}.sidebar .list-group a.list-group-item.disabled .icon{fill:#e3dbd3}.sidebar .list-group a.list-group-item.disabled .icon svg{fill:#e3dbd3}.sidebar .list-group a.list-group-item.disabled .icon svg *{fill:#e3dbd3}.sidebar .list-group a.list-group-item:hover{color:#40b4e5}.sidebar .list-group a.list-group-item:hover .icon{fill:#40b4e5}.sidebar .list-group a.list-group-item:hover .icon svg{fill:#40b4e5}.sidebar .list-group a.list-group-item:hover .icon svg *{fill:#40b4e5}.sidebar .list-group a.list-group-item:hover.SentToParents{color:#f3755f}.sidebar .list-group a.list-group-item:hover.SentToParents .icon{fill:#f3755f}.sidebar .list-group a.list-group-item:hover.SentToParents .icon svg{fill:#f3755f}.sidebar .list-group a.list-group-item:hover.SentToParents .icon svg *{fill:#f3755f}.sidebar .list-group a.list-group-item:hover.SentToDirector{color:#1cacb3}.sidebar .list-group a.list-group-item:hover.SentToDirector .icon{fill:#1cacb3}.sidebar .list-group a.list-group-item:hover.SentToDirector .icon svg{fill:#1cacb3}.sidebar .list-group a.list-group-item:hover.SentToDirector .icon svg *{fill:#1cacb3}.sidebar .list-group a.list-group-item:hover.DirectorSignature{color:#f1b038}.sidebar .list-group a.list-group-item:hover.DirectorSignature .icon{fill:#f1b038}.sidebar .list-group a.list-group-item:hover.DirectorSignature .icon svg{fill:#f1b038}.sidebar .list-group a.list-group-item:hover.DirectorSignature .icon svg *{fill:#f1b038}.sidebar .list-group a.list-group-item:hover.RegionalDirectorSignature{color:#0075a8}.sidebar .list-group a.list-group-item:hover.RegionalDirectorSignature .icon{fill:#0075a8}.sidebar .list-group a.list-group-item:hover.RegionalDirectorSignature .icon svg{fill:#0075a8}.sidebar .list-group a.list-group-item:hover.RegionalDirectorSignature .icon svg *{fill:#0075a8}.sidebar .list-group a.list-group-item:hover.QCOnline{color:#b22672}.sidebar .list-group a.list-group-item:hover.QCOnline .icon{fill:#b22672}.sidebar .list-group a.list-group-item:hover.QCOnline .icon svg{fill:#b22672}.sidebar .list-group a.list-group-item:hover.QCOnline .icon svg *{fill:#b22672}.sidebar .list-group a.list-group-item:hover.Printed{color:#5ebce8}.sidebar .list-group a.list-group-item:hover.Printed .icon{fill:#5ebce8}.sidebar .list-group a.list-group-item:hover.Printed .icon svg{fill:#5ebce8}.sidebar .list-group a.list-group-item:hover.Printed .icon svg *{fill:#5ebce8}.sidebar .list-group a.list-group-item:hover.PrintedDiplomas{color:#199fcb}.sidebar .list-group a.list-group-item:hover.PrintedDiplomas .icon{fill:#199fcb}.sidebar .list-group a.list-group-item:hover.PrintedDiplomas .icon svg{fill:#199fcb}.sidebar .list-group a.list-group-item:hover.PrintedDiplomas .icon svg *{fill:#199fcb}.sidebar .list-group a.list-group-item:hover.QCPrint{color:#5d4975}.sidebar .list-group a.list-group-item:hover.QCPrint .icon{fill:#5d4975}.sidebar .list-group a.list-group-item:hover.QCPrint .icon svg{fill:#5d4975}.sidebar .list-group a.list-group-item:hover.QCPrint .icon svg *{fill:#5d4975}.sidebar .list-group a.list-group-item:hover.ReadyForShipment{color:#ac9db7}.sidebar .list-group a.list-group-item:hover.ReadyForShipment .icon{fill:#ac9db7}.sidebar .list-group a.list-group-item:hover.ReadyForShipment .icon svg{fill:#ac9db7}.sidebar .list-group a.list-group-item:hover.ReadyForShipment .icon svg *{fill:#ac9db7}.sidebar .list-group a.list-group-item:hover.ShipmentReceived{color:#fbc564}.sidebar .list-group a.list-group-item:hover.ShipmentReceived .icon{fill:#fbc564}.sidebar .list-group a.list-group-item:hover.ShipmentReceived .icon svg{fill:#fbc564}.sidebar .list-group a.list-group-item:hover.ShipmentReceived .icon svg *{fill:#fbc564}.sidebar .list-group a.list-group-item:hover.ConfirmingPassingStudent{color:#cb6594}.sidebar .list-group a.list-group-item:hover.ConfirmingPassingStudent .icon{fill:#cb6594}.sidebar .list-group a.list-group-item:hover.ConfirmingPassingStudent .icon svg{fill:#cb6594}.sidebar .list-group a.list-group-item:hover.ConfirmingPassingStudent .icon svg *{fill:#cb6594}.sidebar .list-group a.list-group-item:hover.StudentPassedConfirmation{color:#cb5245}.sidebar .list-group a.list-group-item:hover.StudentPassedConfirmation .icon{fill:#cb5245}.sidebar .list-group a.list-group-item:hover.StudentPassedConfirmation .icon svg{fill:#cb5245}.sidebar .list-group a.list-group-item:hover.StudentPassedConfirmation .icon svg *{fill:#cb5245}.sidebar .list-group a.list-group-item:hover.DiplomaDelivered{color:#857297}.sidebar .list-group a.list-group-item:hover.DiplomaDelivered .icon{fill:#857297}.sidebar .list-group a.list-group-item:hover.DiplomaDelivered .icon svg{fill:#857297}.sidebar .list-group a.list-group-item:hover.DiplomaDelivered .icon svg *{fill:#857297}.sidebar .list-group a.list-group-item:hover.DiplomasReport{color:#016836}.sidebar .list-group a.list-group-item:hover.DiplomasReport .icon{fill:#016836}.sidebar .list-group a.list-group-item:hover.DiplomasReport .icon svg{fill:#016836}.sidebar .list-group a.list-group-item:hover.DiplomasReport .icon svg *{fill:#016836}.sidebar .list-group a.list-group-item:hover.ShipmentSent{color:#ac9db7}.sidebar .list-group a.list-group-item:hover.ShipmentSent .icon{fill:#ac9db7}.sidebar .list-group a.list-group-item:hover.ShipmentSent .icon svg{fill:#ac9db7}.sidebar .list-group a.list-group-item:hover.ShipmentSent .icon svg *{fill:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active{font-weight:700;background-color:#f7f4f2}.sidebar .list-group a.list-group-item.router-link-active.SentToParents{color:#f3755f}.sidebar .list-group a.list-group-item.router-link-active.SentToParents .icon{fill:#f3755f}.sidebar .list-group a.list-group-item.router-link-active.SentToParents .icon svg{fill:#f3755f}.sidebar .list-group a.list-group-item.router-link-active.SentToParents .icon svg *{fill:#f3755f}.sidebar .list-group a.list-group-item.router-link-active.SentToDirector{color:#1cacb3}.sidebar .list-group a.list-group-item.router-link-active.SentToDirector .icon{fill:#1cacb3}.sidebar .list-group a.list-group-item.router-link-active.SentToDirector .icon svg{fill:#1cacb3}.sidebar .list-group a.list-group-item.router-link-active.SentToDirector .icon svg *{fill:#1cacb3}.sidebar .list-group a.list-group-item.router-link-active.DirectorSignature{color:#f1b038}.sidebar .list-group a.list-group-item.router-link-active.DirectorSignature .icon{fill:#f1b038}.sidebar .list-group a.list-group-item.router-link-active.DirectorSignature .icon svg{fill:#f1b038}.sidebar .list-group a.list-group-item.router-link-active.DirectorSignature .icon svg *{fill:#f1b038}.sidebar .list-group a.list-group-item.router-link-active.RegionalDirectorSignature{color:#0075a8}.sidebar .list-group a.list-group-item.router-link-active.RegionalDirectorSignature .icon{fill:#0075a8}.sidebar .list-group a.list-group-item.router-link-active.RegionalDirectorSignature .icon svg{fill:#0075a8}.sidebar .list-group a.list-group-item.router-link-active.RegionalDirectorSignature .icon svg *{fill:#0075a8}.sidebar .list-group a.list-group-item.router-link-active.QCOnline{color:#b22672}.sidebar .list-group a.list-group-item.router-link-active.QCOnline .icon{fill:#b22672}.sidebar .list-group a.list-group-item.router-link-active.QCOnline .icon svg{fill:#b22672}.sidebar .list-group a.list-group-item.router-link-active.QCOnline .icon svg *{fill:#b22672}.sidebar .list-group a.list-group-item.router-link-active.Printed{color:#5ebce8}.sidebar .list-group a.list-group-item.router-link-active.Printed .icon{fill:#5ebce8}.sidebar .list-group a.list-group-item.router-link-active.Printed .icon svg{fill:#5ebce8}.sidebar .list-group a.list-group-item.router-link-active.Printed .icon svg *{fill:#5ebce8}.sidebar .list-group a.list-group-item.router-link-active.PrintedDiplomas{color:#199fcb}.sidebar .list-group a.list-group-item.router-link-active.PrintedDiplomas .icon{fill:#199fcb}.sidebar .list-group a.list-group-item.router-link-active.PrintedDiplomas .icon svg{fill:#199fcb}.sidebar .list-group a.list-group-item.router-link-active.PrintedDiplomas .icon svg *{fill:#199fcb}.sidebar .list-group a.list-group-item.router-link-active.QCPrint{color:#5d4975}.sidebar .list-group a.list-group-item.router-link-active.QCPrint .icon{fill:#5d4975}.sidebar .list-group a.list-group-item.router-link-active.QCPrint .icon svg{fill:#5d4975}.sidebar .list-group a.list-group-item.router-link-active.QCPrint .icon svg *{fill:#5d4975}.sidebar .list-group a.list-group-item.router-link-active.ReadyForShipment{color:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ReadyForShipment .icon{fill:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ReadyForShipment .icon svg{fill:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ReadyForShipment .icon svg *{fill:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ShipmentReceived{color:#fbc564}.sidebar .list-group a.list-group-item.router-link-active.ShipmentReceived .icon{fill:#fbc564}.sidebar .list-group a.list-group-item.router-link-active.ShipmentReceived .icon svg{fill:#fbc564}.sidebar .list-group a.list-group-item.router-link-active.ShipmentReceived .icon svg *{fill:#fbc564}.sidebar .list-group a.list-group-item.router-link-active.ConfirmingPassingStudent{color:#cb6594}.sidebar .list-group a.list-group-item.router-link-active.ConfirmingPassingStudent .icon{fill:#cb6594}.sidebar .list-group a.list-group-item.router-link-active.ConfirmingPassingStudent .icon svg{fill:#cb6594}.sidebar .list-group a.list-group-item.router-link-active.ConfirmingPassingStudent .icon svg *{fill:#cb6594}.sidebar .list-group a.list-group-item.router-link-active.StudentPassedConfirmation{color:#cb5245}.sidebar .list-group a.list-group-item.router-link-active.StudentPassedConfirmation .icon{fill:#cb5245}.sidebar .list-group a.list-group-item.router-link-active.StudentPassedConfirmation .icon svg{fill:#cb5245}.sidebar .list-group a.list-group-item.router-link-active.StudentPassedConfirmation .icon svg *{fill:#cb5245}.sidebar .list-group a.list-group-item.router-link-active.DiplomaDelivered{color:#857297}.sidebar .list-group a.list-group-item.router-link-active.DiplomaDelivered .icon{fill:#857297}.sidebar .list-group a.list-group-item.router-link-active.DiplomaDelivered .icon svg{fill:#857297}.sidebar .list-group a.list-group-item.router-link-active.DiplomaDelivered .icon svg *{fill:#857297}.sidebar .list-group a.list-group-item.router-link-active.DiplomasReport{color:#016836}.sidebar .list-group a.list-group-item.router-link-active.DiplomasReport .icon{fill:#016836}.sidebar .list-group a.list-group-item.router-link-active.DiplomasReport .icon svg{fill:#016836}.sidebar .list-group a.list-group-item.router-link-active.DiplomasReport .icon svg *{fill:#016836}.sidebar .list-group a.list-group-item.router-link-active.ShipmentSent{color:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ShipmentSent .icon{fill:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ShipmentSent .icon svg{fill:#ac9db7}.sidebar .list-group a.list-group-item.router-link-active.ShipmentSent .icon svg *{fill:#ac9db7}.sidebar .list-group>.list-group-item:first-child{border-top:0}.sidebar .list-group>.list-group-item:last-child{border-bottom:1px solid #e3dbd3}.sidebar .list-group a.router-link-active{color:#40b4e5}.sidebar .list-group a.router-link-active .icon{fill:#40b4e5}.sidebar .list-group a.router-link-active .icon svg{fill:#40b4e5}.sidebar .list-group a.router-link-active .icon svg *{fill:#40b4e5}