/*!
 * A typescript & react boilerplate with api call example
 *
 * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
 *
 * 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.
 *//*!
 * 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;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:coolLoad 1.7s infinite ease,load 1.7s infinite ease;animation:coolLoad 1.7s infinite ease,load 1.7s infinite ease}@-webkit-keyframes coolLoad{0%{box-shadow:0 -0.83em 0 -0.4em,0 -0.83em 0 -0.42em,0 -0.83em 0 -0.44em,0 -0.83em 0 -0.46em,0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em,0 -0.83em 0 -0.42em,0 -0.83em 0 -0.44em,0 -0.83em 0 -0.46em,0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em,-0.087em -0.825em 0 -0.42em,-0.173em -0.812em 0 -0.44em,-0.256em -0.789em 0 -0.46em,-0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em,-0.338em -0.758em 0 -0.42em,-0.555em -0.617em 0 -0.44em,-0.671em -0.488em 0 -0.46em,-0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em,-0.377em -0.74em 0 -0.42em,-0.645em -0.522em 0 -0.44em,-0.775em -0.297em 0 -0.46em,-0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em,0 -0.83em 0 -0.42em,0 -0.83em 0 -0.44em,0 -0.83em 0 -0.46em,0 -0.83em 0 -0.477em}}@keyframes coolLoad{0%{box-shadow:0 -0.83em 0 -0.4em,0 -0.83em 0 -0.42em,0 -0.83em 0 -0.44em,0 -0.83em 0 -0.46em,0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em,0 -0.83em 0 -0.42em,0 -0.83em 0 -0.44em,0 -0.83em 0 -0.46em,0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em,-0.087em -0.825em 0 -0.42em,-0.173em -0.812em 0 -0.44em,-0.256em -0.789em 0 -0.46em,-0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em,-0.338em -0.758em 0 -0.42em,-0.555em -0.617em 0 -0.44em,-0.671em -0.488em 0 -0.46em,-0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em,-0.377em -0.74em 0 -0.42em,-0.645em -0.522em 0 -0.44em,-0.775em -0.297em 0 -0.46em,-0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em,0 -0.83em 0 -0.42em,0 -0.83em 0 -0.44em,0 -0.83em 0 -0.46em,0 -0.83em 0 -0.477em}}@-webkit-keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}*>::-webkit-search-cancel-button{-webkit-appearance:none}div{font-family:"font-light",sans-serif}body{margin:0px}img{display:inline-block}input{border:none;font-size:16px}.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_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}.justify_center{justify-content:center}.space-around{justify-content:space-around}.ll_h_r{display:flex;flex-flow:row;align-items:flex-end}.match_height{height:100%}.match_width{width:100%}.match_all{height:100%;width:100%}.center_h{margin-left:auto;margin-right:auto}.center_v{margin-top:auto;margin-bottom:auto}.center{margin:0 auto}.clickable{cursor:pointer}.full_screen_overlay{position:absolute;z-index:2}.full_screen{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}.absolute{position:absolute}.right{right:0}.bottom{bottom:0}.left{left:0}.top{top:0}table{margin:0 auto}table{color:#333;background:#fff;border:1px solid gray;font-size:12pt;border-collapse:collapse}table thead th,table tfoot th{color:#777;background:rgba(0,0,0,.1)}table caption{padding:.5em}table th,table td{padding:.5em;border:1px solid #d3d3d3}[data-table-theme*=zebra] tbody tr:nth-of-type(odd){background:rgba(0,0,0,.05)}[data-table-theme*=zebra][data-table-theme*=dark] tbody tr:nth-of-type(odd){background:hsla(0,0%,100%,.05)}[data-table-theme*=dark]{color:#ddd;background:#333;font-size:12pt;border-collapse:collapse}[data-table-theme*=dark] thead th,[data-table-theme*=dark] tfoot th{color:#aaa;background:hsla(0,0%,100%,.15)}[data-table-theme*=dark] caption{padding:.5em}[data-table-theme*=dark] th,[data-table-theme*=dark] td{padding:.5em;border:1px solid gray}.my-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);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 rgba(0,0,0,.5);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}.plusBtn{border:2px solid #007bff;border-radius:10px;padding:10px 20px;color:#007bff;font-size:20px;cursor:pointer;margin-left:20px;width:20px;height:20px;align-items:center;justify-content:center;display:flex}