body{margin:0;padding:0;font-family:sans-serif}:root{--primary-color:#7da2c5;--secondary-color:#fff;--primary-text-color:#000;--secondary-text-color:#000;--add-message-form-color:#f5f5f5}#root{height:100%;width:100%}body,html{height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:200;color:#3e5869}.App{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;grid-template-columns:repeat(2,minmax(120px,200px)) repeat(4,minmax(100px,250px));grid-template-rows:30px repeat(4,1fr) 60px;grid-template-areas:"r r m m m m" "r r m m m m" "r r m m m m" "r r m m m m" "r r m m m m" "r r f f f f";margin:0 auto}.App,.App-withoutrooms{display:grid;height:100%}.App-withoutrooms{grid-template-columns:repeat(4,minmax(100px,300px));grid-template-rows:30px repeat(4,minmax(100px,200px)) 60px;grid-template-areas:"m m m m" "m m m m" "m m m m" "m m m m" "m m m m" "f f f f"}.title{grid-area:t;margin:5px 0;color:green}.rooms-list{grid-area:r;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--main-color);height:100%;background-color:#f3f3f4;border-right:1px solid #dbdbde}.rooms-list-header{height:65px;background-color:#393939;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.rooms-list-header h4{color:#fff;margin-left:15px}.rooms-list-gone{display:none}.rooms-list ul{list-style-type:none;padding:0;overflow-y:scroll}.rooms-list .rooms-list-text{margin:5px 0;color:var(--primary-text-color);font:normal 700 12px/15px;color:#515967;margin:16px 30px}.rooms-newmessagescount{border-radius:50%;width:25px;height:25px;background-color:#7da2c5;display:inline-block;text-align:center;float:right;margin-right:20px;color:#fff}.room{background-color:#f3f3f4}.room,.room-active{border:1px solid #dbdbde;padding-top:30px;padding-bottom:30px}.room-active{background-color:#7da2c5}.rooms-list-text{font-weight:700}.room-active .rooms-list-text{color:#fff}.message-row{width:100%;min-height:70px;display:block}.message{margin:15px 0;background:#fff;border-radius:8px;margin:10px;padding:4px 8px;display:inline-block}.personal{float:right}.message .message-username{font-size:11px;color:#525968;opacity:.9;margin-bottom:6px}.message .message-text{color:#525968;border-radius:8px}.message-list-header-apotheek{height:65px;background-color:#393939}.message-list-header-zorgmedewerker{height:65px;background-color:#fff}.message-list-header-apotheek h3{margin:0;text-align:center;color:#fff;line-height:65px}.message-list-header-zorgmedewerker h3{line-height:35px}.message-list-header-zorgmedewerker h3,.message-list-header-zorgmedewerker p{margin:0;text-align:center;color:#515967}.message-list{grid-area:m;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow-y:scroll;background-color:#7da2c5}.message-list .join-room{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;font-size:34px;font-weight:300}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.add-message-form{grid-area:f;background:#f2f2f2;display:-ms-flexbox;display:flex;padding:6px}.add-message-form input{width:100%;padding:10px;margin:0;border:1px solid #dbdbde;background:#fff;font-weight:200}.add-message-form button{width:104px;text-align:center;background:#a4c7dc 0 0 no-repeat padding-box;margin:0 12px 0 13px;border:none;color:#fff}.add-message-form input:focus{outline-width:0}.add-message-form input::-webkit-input-placeholder{color:#a7afbf}.add-message-form input:-ms-input-placeholder,.add-message-form input::-ms-input-placeholder{color:#a7afbf}.add-message-form input::placeholder{color:#a7afbf}
/*# sourceMappingURL=main.bdbb4915.css.map*/