.modal{z-index:2000;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:center}.modal,.modal-background{position:fixed;left:0;top:0;right:0;bottom:0}.modal-background{background-color:rgba(0,0,0,.3);z-index:-1}.modal-content{max-width:95%;background-color:#fff;padding:10px 15px;margin:50px auto;border-top:4px solid #00abbd;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.3);width:400px;align-self:center}.modal-content.size-lg{width:1500px;align-self:flex-start}.modal-content>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #a9b1b6}.modal-content>header strong{font-size:125%;font-weight:500;line-height:1}.modal-content>header b{color:#bfc7cd;font-size:27px;cursor:pointer;line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-content>header b:hover{color:#ec6148}.modal-content>main{min-height:40px;display:block}.modal-content>footer{display:flex;align-items:center;padding-top:10px;margin-top:15px;justify-content:center;border-top:1px solid #a9b1b6}.modal-content>footer:empty{display:none}.modal-content>footer>*{margin:0 4px}.modal.modal-enter-active,.modal.modal-leave-active{transition:opacity .4s}.modal.modal-enter-active .modal-content,.modal.modal-leave-active .modal-content{transition:transform .4s}.modal.modal-enter-from,.modal.modal-leave-to{opacity:0}.modal.modal-enter-from .modal-content,.modal.modal-leave-to .modal-content{transform:scale(.7)}.project-manager-form-stages{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;border:1px solid #a9b1b6;border-radius:5px}.project-manager-form-stages .stage{margin:8px 15px;display:flex;flex-direction:column;align-items:center}.project-manager-form-stages .stage .form-group{margin-bottom:0}.project-manager-form-stages .stage .label{font-weight:500;font-size:90%}#project-staff-form header p{margin-bottom:5px}#project-staff-form header p b{color:#7a8587}#project-staff-form header .row-1{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:8px}@media(max-width:992px){#project-staff-form header .row-1{grid-template-columns:1fr}}#project-staff-form .tasks-row{display:grid;grid-template-columns:repeat(auto-fit,200px);grid-gap:8px;font-size:90%}#project-staff-form .tasks-row>.task{border:1px solid #a9b1b6;border-radius:5px;cursor:pointer;padding:8px 8px 0}#project-staff-form .tasks-row>.task:hover{box-shadow:0 2px 6px rgba(0,0,0,.3)}