@import url(https://fonts.googleapis.com/css2?family=Odibee+Sans&family=Open+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300;1,400&family=VT323&display=swap);.modal{padding-top:100px}.modal-content{background-color:#fefefe;border-radius:10px;border-top:6px solid #2ecc71;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:50px;width:50%}.user-form{border:1px solid #fefefe}input[type=date],input[type=password],input[type=text],select{width:46%}input[type=date],input[type=email],input[type=password],input[type=text],select{border:2px solid #eee;border-radius:3px;font-size:16px;height:35px;margin:5px;padding:3px 10px}input[type=email]{width:94%}.gender-radio-button{margin-top:10px}.add-user-button{background-color:#2ecc71;border:none;color:#fff;height:35px;margin-top:20px;width:95%}body{font-family:Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.page-header{margin:0 100px;padding:20px 0;text-align:right}.btn{border:none;border-radius:2px;color:#fff;margin:0 3px;padding:7px 15px}.btn-success{background-color:#2ecc71}.btn-primary{background-color:#f5ba1a}.btn-danger{background-color:#e62020}.btn-normal{background-color:#2980b9}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.user-details{margin:10px auto;width:60%}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #ddd;padding:6px}.users-table th{background-color:#2c3e50;color:#fff;padding-bottom:8px;padding-top:8px;text-align:left}.modal{background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-color:#2980b9 #2ecc71 #e62020 #f5ba1a;border-radius:50%;border-style:solid;border-width:16px;height:120px;margin:10% 45%;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}