/*! * A typescript & react boilerplate with api call example * * Copyright (C) 2020 Alan Ben * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */.loader{color:#3498db;font-size:90px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;transform:translateZ(0);animation:coolLoad 1.7s infinite ease,load 1.7s infinite ease}@keyframes coolLoad{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Inter-Regular;src:url(/assets/Inter-Regular-aSe4hpkI.ttf) format("truetype")}@font-face{font-family:Inter-Black;src:url(/assets/Inter-Regular-aSe4hpkI.ttf) format("truetype")}@font-face{font-family:Inter-Bold;src:url(/assets/Inter-Bold-DHeK16mP.ttf) format("truetype")}@font-face{font-family:Inter-Black;src:url(/assets/Inter-Black-C2VOATmq.ttf) format("truetype")}@font-face{font-family:Inter-ExtraBold;src:url(/assets/Inter-ExtraBold-lEzys2nC.ttf) format("truetype")}@font-face{font-family:Inter-ExtraLight;src:url(/assets/Inter-ExtraLight-Bm_wh4-N.ttf) format("truetype")}@font-face{font-family:Inter-Medium;src:url(/assets/Inter-Medium-COKxvYe5.ttf) format("truetype")}@font-face{font-family:Inter-Regular;src:url(/assets/Inter-Regular-aSe4hpkI.ttf) format("truetype")}@font-face{font-family:Inter-SemiBold;src:url(/assets/Inter-SemiBold-CXOlOdAT.ttf) format("truetype")}@font-face{font-family:Inter-Thin;src:url(/assets/Inter-Thin-CqiY-pzQ.ttf) format("truetype")}@font-face{font-family:Inter-Light;src:url(/assets/Inter-Light-C-rjYzED.ttf) format("truetype")}html *{font-family:Inter,serif;font-size:16px;outline-color:gray}body{margin:0}img{display:inline-block}input{border:none;font-size:16px;border-radius:40px}table{border-spacing:0;border-collapse:collapse}table td,table th{margin:0;padding:0}.ll_v_l{display:flex;flex-flow:column;align-items:flex-start}.ll_v_c{display:flex;flex-flow:column;align-items:center}.ll_v_s{display:flex;flex-flow:column;align-items:stretch}.ll_v_r{display:flex;flex-flow:column;align-items:flex-end}.ll_h_t{display:flex;flex-flow:row;align-items:flex-start}.ll_h_c{display:flex;flex-flow:row;align-items:center}.flex-1{flex:1}.space-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{display:flex;flex-direction:column}.ll_h_s{display:flex;flex-flow:row;align-items:stretch}.ll_h_r{display:flex;flex-flow:row;align-items:flex-end}.debug{box-sizing:border-box;border:1px pink solid}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.fill{height:100%;width:100%}.match_height{height:100%}.match_width{width:100%}.center_h{margin-left:auto;margin-right:auto}.center_v{margin-top:auto;margin-bottom:auto}.center{margin:0 auto}.flex_center{display:flex;align-items:center;justify-content:center}.checkbox{width:13px;height:13px;border:1px solid rgb(203,211,221);border-radius:2px}.checkbox .inner{width:9px;height:9px;background-color:#53bad5;border-radius:2px}.clickable{cursor:pointer}.cursor_default{cursor:default}.cursor_disabled{cursor:not-allowed}.full_screen_overlay{position:absolute;z-index:2}.full_screen{position:fixed;top:0;left:0;right:0;bottom:0}.absolute{position:absolute}.right{right:0}.bottom{bottom:0}.left{left:0}.top{top:0}.monaco-editor,.monaco-editor .overflow-guard{width:100%!important}.monaco-editor.vs .line-numbers{color:#8392a6}.hiddenScroll::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#cbd3dd;border-radius:2.5px}::-webkit-scrollbar-thumb:hover{background:#b7bbc3}::-moz-placeholder{font-size:14px;color:#a4a6a8}::placeholder{font-size:14px;color:#a4a6a8}.open{animation-name:open;animation-duration:.3s}.react-date-picker__wrapper,.react-time-picker__wrapper{border:none!important;padding:2px!important}@keyframes open{0%{max-height:0}to{max-height:75px}}.command-btn{position:relative;margin:2px;border-radius:30px;height:100px;justify-content:space-evenly;width:46vw}@media(min-width:270px){.command-btn{width:47vw}}@media(min-width:400px){.command-btn{width:48vw}}@media(min-width:600px){.command-btn{width:31vw}}@media(min-width:750px){.command-btn{width:23vw}}@media(min-width:2000px){.command-btn{width:18vw}}.any-command-head{width:100%;justify-content:space-evenly;display:flex;margin:5px}.single-btn-content{display:flex;justify-content:center;flex-direction:column;align-items:center;box-sizing:border-box;padding:8px}.single-btn{display:flex;text-align:center;flex-direction:column;align-items:center;overflow-wrap:anywhere;justify-content:space-evenly}.single-btn-label{font-size:20px;font-weight:600}.single-btn-data{font-size:20px}.single-btn-plan-name{font-size:18px}@media(min-width:600px){.single-btn-plan-name{font-size:26px}}.single-btn-entry{font-size:15px}@media(min-width:600px){.single-btn-entry{font-size:22px}}.page_table_wrapper{display:flex;flex-direction:column}.single-btn-badge{font-size:15px;position:absolute;top:0;right:0;background-color:#00aaff5c;color:#000;border-radius:10px;padding:10px}.disabled{opacity:.5;cursor:not-allowed}.x-btn-wrapper{position:absolute;top:16px;right:16px;width:0;height:0}.x-btn-wrapper>div{transform:translate(-50%,-50%)}.justify-end{justify-content:flex-end}.my-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.my-modal .content{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #00000080;width:80%;max-width:400px}.my-modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.my-modal .close:hover{color:red}.my-modal .header{font-size:24px;font-weight:600;margin-bottom:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.my-modal .body{margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between}.my-modal .footer{display:flex;justify-content:flex-end}.my-modal .footer button{padding:10px 20px;border:none;background-color:#0af;color:#fff;border-radius:5px;cursor:pointer}.my-modal .footer button+button{margin-left:10px}.my-modal .footer button:hover{background-color:#07c}.my-modal .entry{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.my-modal .entry input{margin-left:10px}.my-modal .footer button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.my-modal .footer button:disabled:hover{background-color:#ccc}.my-modal .footer button:disabled+button{margin-left:10px}.my-modal .footer button:disabled+button:hover{background-color:#ccc}.border-box{box-sizing:border-box}.permissions-body{padding:20px;width:100%;box-sizing:border-box}.margin-bottom-15{margin-bottom:15px}.margin-bottom-5{margin-bottom:5px}.date-label{padding-bottom:10px;font-size:12px}.multi-select .wrapper{position:relative}.multi-select .label{padding-bottom:10px;font-size:12px}.multi-select .head{height:20px;margin:16px;color:#566270;display:flex;justify-content:center;flex-direction:column;padding:16px 0}.multi-select .container{position:absolute;top:27px;left:0;width:325px;overflow:hidden auto;max-height:45vh;border-radius:2px;box-shadow:#0000004d 1px 1px 4px;border:1px solid transparent;background-color:#fff;z-index:11}.multi-select .overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.multi-select .item{font-size:14px;font-weight:300;padding:8px;display:flex;cursor:pointer;width:-moz-fit-content;width:fit-content}.multi-select .item:hover{background-color:#2dbccf1a}.spinner-container{margin-right:10px;display:flex;justify-content:center}.spinner{width:9px;height:9px;border-radius:50%;border:4px solid #f0f0f0;border-top-color:#00aaffc4;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.okBtn{background-color:#cbd3dd;cursor:default;opacity:0;min-height:40px;min-width:120px;border-radius:4px;text-align:center}.okBtn.enabled{background-color:#53bad5;cursor:pointer;opacity:1}.okBtn.enabled:hover{background-color:#3a9cb1}.okBtn.inverted{background-color:#fff;border:1px solid #cbd3dd}.okBtn.inverted.enabled{border:1px solid #53bad5}.okBtn.inverted.enabled:hover{background-color:#1976d20a}.permissions-row{display:flex;width:100%;flex-direction:column;overflow-y:auto}.hover-background:hover{background-color:#f0f0f0}