body{justify-content:center;align-items:center;min-height:100vh;font-family:Roboto}.rct-dateHeader-primary{background-color:#f0f0f0!important;color:#000!important}div[data-testid=sidebarHeader]{background-color:#f0f0f0!important}.myClass{display:flex;flex-direction:row;justify-content:end;height:100%}.date_bold{font-weight:700;color:red}.date_weekend{font-weight:700;color:#1976d2}.mybutton{font-size:14px;font-weight:700;width:42px;border:1px;opacity:1;border:2px solid black;height:42px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.sx-react-calendar-wrapper{width:1200px;max-width:100vw;height:800px;max-height:90vh}.done{color:#000;background-color:#0f0}.shiftminus{color:#000;background-color:#fffb00}.off{color:#000;background-color:hwb(0 4% 22% / .699)}.on{color:#000;opacity:.8;background-color:#0f0}.custom{color:#000;opacity:.8;background-color:#fffb0085}.shiftplus{color:#000;background-color:red}.today{height:42px;width:42px;font-size:14px;font-weight:700;border-radius:50%;border:1px;color:#fff;background-color:#00f;opacity:1}.card{display:inline;justify-content:center;align-items:center;height:50%;width:100%;margin-top:5%;margin-left:5%;background:linear-gradient(#bbbbbb,#aaaaaa);box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f;border-radius:8px}.content{display:flex;flex-direction:column;height:95%;width:100%;background-color:#fff;border-radius:20px;box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.content>.top{display:flex;justify-content:flex-end;align-items:center;height:30%;background-color:#fff;p {font-weight: bold; font-size: 25px;} .color {height: 20px; width: 20px; margin-left: 5px; margin-right: 10px; border-radius: 50%; background-color: orange;}}.content>.middle{display:flex;justify-content:space-between;align-items:center;height:80%;background:linear-gradient(#aaaaaa,#cccccc 75%);padding-left:15px;padding-right:15px;div>p:first-child {margin-bottom: 2%; font-size: 12px;} div>p:last-child {margin: 0; font-weight: bold;}}.margin{margin:20px}.content>.bottom{display:flex;justify-content:space-between;align-items:center;height:50%;padding-left:5%;padding-right:5%;div {display: flex; flex-direction: column; align-items: center; p:first-child {font-weight: bold;}}}.MuiGrid-container>.MuiDivider-vertical.MuiDivider-flexItem{margin-right:-1px}a{color:#000;text-decoration:none}a:hover{text-decoration:underline}.center_div{position:absolute;top:10%;left:50%;margin-left:-90px}.google-sign-in-button{cursor:pointer;transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.google-sign-in-button:hover{box-shadow:0 -1px #0000000a,0 2px 4px #00000040}.google-sign-in-button:active{background-color:#eee}.google-sign-in-button:active{outline:none;box-shadow:0 -1px #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc}.google-sign-in-button:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;cursor:not-allowed}.ReactTags__tags{position:absolute;margin-left:10%;margin-top:20px}.ReactTags__selected{margin-top:-40px;margin-left:40vh}.ReactTags__clearAll{cursor:pointer;padding:10px;margin:10px;background:#862626;color:#fff;border:none}.ReactTags__tagInput{border-radius:2px;display:inline-block;input.ReactTags__tagInputField {height: 32px; padding: 5px; font-size: 14px; border: 1px solid #eee; min-width: 180px; &:focus {height: 32px; margin: 0; padding: 5px; font-size: 14px; border: 1px solid #eee; min-width: 180px;}}}.ReactTags__editInput{border-radius:1px}.ReactTags__editTagInput{display:inline-flex}.ReactTags__selected{display:flex;justify-content:center;span.ReactTags__tag {border: 1px solid #ddd; background: #63bcfd; color: #fff; font-size: 14px; padding: 5px; margin: 0 5px; border-radius: 2px; display: flex; align-items: center;} .ReactTags__remove {color: #aaa; cursor: pointer; display: flex;}}.ReactTags__suggestions{position:absolute;ul {list-style-type: none; box-shadow: .05em .01em .5em rgba(0,0,0,.2); background: white; width: 200px; padding: 5px 0;} li {padding: 5px 10px; margin: 0; text-align: left; mark {text-decoration: underline; background: none;} &.ReactTags__activeSuggestion {background: #4dabf7; color: #fff; cursor: pointer; span mark {color: #fff;}}}}.ReactTags__remove{border:none;cursor:pointer;background:none;color:#fff;padding:5px}.ReactTags__error{color:#e03131;font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;svg {padding: 0 5px;}}.marks{border-radius:50%;fill-opacity:1}