.app{color:#464646;grid-template-rows:50px 20px 1fr;grid-template-areas:"header""reset""content";height:calc(100% - 20px);padding:10px;font-family:Source Sans Pro,sans-serif;display:grid}.header{text-align:center;color:#034063;grid-area:header;font-family:Source Sans Pro,sans-serif;font-size:36px}.content{flex-direction:column;grid-area:content;display:flex}.searchInputs{display:flex}.search input{border-width:.2px;border-color:#6e6e6e;border-radius:5px;width:100%;height:20px;padding-left:10px}.searchIcon{border-width:2px;border-color:#000;place-items:center;width:30px;height:20px;display:grid}input:focus{outline:none}.dataResult{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:5px;width:270px;margin-top:5px;transition:height .5s;overflow:auto;box-shadow:0 5px 15px #00000059}.dataResult .dataItem{cursor:pointer;border-radius:5px;align-items:center;width:100%;display:flex}.dataItem p{margin-block:10px;margin-left:10px}.dataItem:hover{background-color:#cfcfcf}#clearBtn{cursor:pointer}.form-wrapper{z-index:2;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.form-wrapper .add-time-zone-window{background-color:#fff;border-radius:20px;grid-template:"header close"35px"content content"1fr/1fr 40px;align-self:center;width:380px;display:grid;position:absolute;box-shadow:0 5px 15px #00000059}.form-wrapper .add-time-zone-window .close{background-color:#034063;border-radius:0 20px 0 0;flex-direction:column;grid-area:close;justify-content:center;display:flex}.form-wrapper .add-time-zone-window .close .delete-icon{color:#fff;cursor:pointer;align-self:center;font-size:large}.form-wrapper .add-time-zone-window .add-time-zone-title{-webkit-user-select:none;user-select:none;color:#fff;background-color:#034063;border-radius:20px 0 0;grid-area:header;padding-top:7px;padding-left:40px;font-size:large}.form-wrapper .add-time-zone-window .add-time-zone-form{flex-direction:column;grid-area:content;justify-content:space-around;padding:20px 40px 40px;display:flex}.form-wrapper .add-time-zone-window .add-time-zone-form input[type=text i]{padding:1px 10px}.form-wrapper .add-time-zone-window .add-time-zone-form .add-time-zone-form-control{border-width:.1px;border-radius:5px;height:20px;margin-top:10px}.form-wrapper .add-time-zone-window .add-time-zone-form .submit-btn{border-width:.1px;border-radius:5px;align-self:center;width:50px;height:20px;margin-top:30px}.color-selector{justify-content:space-between;align-items:center;margin:10px 0 0;display:flex}.color-wrapper{border-radius:100%;padding:2px}.color-wrapper.selected{border:2px solid}.color{border-radius:100%;width:17px;height:17px}.btn-add-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0693e3;border-radius:100%;flex-direction:column;grid-area:add;justify-content:center;align-self:center;width:40px;height:40px;margin-top:10px;transition:background-color .2s linear;display:flex}.btn-add-wrapper:hover{background-color:#7bdcb5}.button-plus{color:#fff;align-self:center;font-size:25px}.lbl-label{color:#fff;background:linear-gradient(45deg,#0e4061 0%,#1872ad 100%);border-radius:5px;flex-basis:15%;justify-content:space-between;height:100px;margin:10px 10px 0 0;display:flex}.lbl-actions-grabber{align-self:center;font-size:25px}.lbl-info{text-align:center;align-self:center;font-size:20px}.lbl-info-title{white-space:nowrap;text-overflow:ellipsis;width:150px;overflow:hidden}.lbl-info-time{font-size:30px}.lbl-info-date{font-size:small}.lbl-actions-delete{cursor:pointer;align-self:center;font-size:25px}.sliders{flex-flow:row;grid-area:slider;max-height:calc(100vh - 200px);display:flex;overflow-y:auto}.labels{flex-basis:15%}.days{flex-wrap:nowrap;flex-basis:85%}.fallback-label{flex-direction:column;justify-content:center;align-self:center;width:100%;height:100px;margin-top:10px;display:flex}.fallback-label-text{text-align:center}.fallback-label-button{cursor:pointer;align-self:center;margin-top:10px}.day{height:100px;margin-top:5px;margin-bottom:10px}.hours{text-align:center;height:100%;display:flex}.time-indicator{z-index:1;text-align:center;height:5px;position:relative}.hour{-webkit-user-select:none;user-select:none;border-radius:5px;flex-direction:column;justify-content:center;font-family:Source Sans Pro,sans-serif;font-size:x-large;font-weight:100;display:flex;overflow:hidden}.n{font-size:large}.reset-btn-wrapper{grid-area:reset;justify-content:center;height:20px;display:flex}.reset-btn{color:#fff;background-color:#0693e3;border-style:none;border-radius:5px;font-family:Source Sans Pro,sans-serif;transition:background-color .2s linear}.reset-btn:hover{background-color:#7bdcb5}