body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;overflow:hidden;padding:0;user-select:none;-moz-user-select:none;-webkit-user-select:none}.base{background-color:#c3e6fe;height:100vh;padding:10px 20px;width:100%}.base div button{background-color:#036eb6;color:#fff;padding:10px 30px;text-transform:capitalize}.base div button:hover{background-color:#154360}.basea{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-end}.basea,.baseb{background-color:initial}.baseb div{color:#5c666d;font-size:4em;font-weight:300}.basec{background-color:initial;bottom:10px;color:#036eb6;position:absolute;text-align:center;width:calc(100% - 40px)}.basec h3{font-size:2em;font-weight:300}.box{background-color:#0009;display:none;left:0;position:absolute;top:0}.box,.page404{height:100vh;width:100%}.page404{align-items:center;background-color:#f9b354;display:flex;justify-content:center}.page404 div{background-color:#f8f9f9;border-radius:15px;box-shadow:5px 5px 2px #fff,-5px -5px 2px #fff,5px -5px 2px #fff,-5px 5px 2px #fff;color:red;padding:30px 50px;text-align:center}.page404 div button,.page404 div h3{font-size:1.2em;font-weight:300}.page404 div button{background-color:#000;color:#fff;margin-top:30px;padding:10px 20px;text-transform:capitalize}.page404 div button:hover{background-color:#036eb6}.data{background-color:#f2f3f4;border-radius:20px;height:calc(100vh - 140px);margin:70px;overflow:auto;padding:20px;position:relative}button.close{background-color:#000;border-radius:500%;bottom:40px;color:#fff;font-size:1.5em;left:calc(50% - 40px);padding:10px;position:absolute;z-index:100}button.close:hover{background-color:#154360}.sub_data{align-items:stretch;direction:ltr;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.data_list{background-color:#fdfefe;border-radius:5px;box-shadow:2px 2px 3px #0003,-2px -2px 3px #0003,-2px 1px 3px #0003,1px -2px 3px #0003;cursor:pointer;height:fit-content(20em);margin:10px;padding:15px 20px;width:300px}.data_list:hover{background-color:#e8f8f5}.data_list div:nth-child(3){margin-bottom:10px}.data_list div:nth-child(4){font-size:.8em}.data_list div:first-child{background-color:#d3d3d3;border-radius:50%;height:60px;margin:auto auto 10px;width:60px}.data_list div span:first-child{font-size:.9em;font-weight:400}.data_list div span:nth-child(2){font-size:.9em;font-weight:300}.form{background-color:#f8f9f9;border-radius:10px;height:calc(100vh - 100px);margin-left:50px;margin-top:50px;position:relative;width:calc(100% - 100px)}.form_header{background-color:#e5e8e8;padding:20px 30px}.form_header,.form_header_left{display:flex;flex-direction:row}.form_header_left{justify-content:flex-start}.form_header_left div{margin-left:10px;margin-top:3px}.form_header_left div i{color:#555;font-size:.9em;font-weight:800;margin-left:10px}.form_header_right{display:flex;flex-direction:row;position:absolute;right:30px}.form_header_right div:first-child{background-color:#036eb6;border-radius:20px;color:#fff;padding:3px 6px}.form_header_right div:nth-child(2){margin-top:3px}.form_header_right div{margin-left:10px}.form_btn{bottom:10px;display:flex;justify-content:flex-end;position:absolute;right:10px}.form_btn_left{margin-right:10px}.form_btn_left button{background-color:#e5e7e9}.form_btn_left button,.form_btn_right button{border:1px solid #d3d3d3;padding:8px 25px;text-transform:capitalize}.form_btn_right button{background-color:#036eb6;color:#fff}.form_btn_right button:hover{background-color:#154360}.form_progress{align-items:center;background-color:initial;display:flex;flex-direction:row;height:80px;justify-content:center;position:relative}.form_progress_sub{background-color:initial;display:inline-block}.form_progress_sub div:first-child{align-items:center;background-color:#d3d3d3;border-radius:100%;color:#fff;display:flex;font-size:1.5em;height:40px;justify-content:center;margin:0 25px;transition:all .1s linear;width:40px}.form_progress_items{background-color:initial;display:inline-block;flex-direction:row;position:relative;width:470px;z-index:1}.form_progress_connect{background-color:#d3d3d3;border-radius:5px;height:10px;left:25px;position:absolute;top:15px;width:410px;z-index:-1}.form_progress_connect_sub{background-color:#036eb6;border-radius:5px;height:10px;left:0;position:absolute;top:0;transition:width .1s linear;width:10px}.form_progress_sub div:nth-child(2){color:gray;font-size:.9em;margin:10px 25px 0;transition:color .1s linear}.addProgress{background-color:#036eb6;transition:all .1s linear}.addProgressc{color:#036eb6;transition:color .1s linear}.form_progress button{background-color:#036eb6;border:1px solid #d3d3d3;color:#fff;padding:8px 25px;text-transform:capitalize}.form_progress button:hover{background-color:#154360}._switch{display:flex;flex-direction:row;padding:10px}._switch_label{margin-right:10px}._switch_btn{align-items:center;background-color:#cdcfd5;border:1px solid #f6f6f9;border-radius:15px;box-shadow:2px 2px 2px #0003,-2px 2px 2px #0003,2px -2px 2px #0003,-2px -2px 2px #0003;cursor:pointer;display:flex;flex-direction:row;height:30px;justify-content:space-between;padding-left:3px;padding-right:3px;position:relative;width:60px}._switch_btn_btn{animation:all 1s linear;background-color:#f2f0f4;border:2px solid #fbfafa;border-radius:50%;cursor:pointer;height:25px;left:1px;position:absolute;top:.5px;transition:left .2s linear;width:25px}.addSwitch{background-color:green;color:#fff}.addSwitch,.addSwithbtn{transition:all .2s linear}.addSwithbtn{left:32px}._increment_decrement_{opacity:0;transition:opacity .5s linear}.addIncDec{opacity:1;transition:opacity .5s linear}._increment_decrement_ button{align-items:center;background-color:#036eb6;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:1em;font-weight:400;height:25px;outline:none;padding-top:5px;text-align:center;width:30px}._increment_decrement_ button:hover{background-color:#154360}._increment_decrement_ span{margin-left:10px;margin-right:10px}.success{align-items:center;background-color:#0009;border-radius:5px;display:none;height:calc(100vh - 100px);left:0;position:absolute;top:0;width:100%;z-index:500}.success_sub{align-self:center;background-color:#fff;border-radius:5px;margin:auto;padding:20px 100px;text-align:center;transform:translateY(200px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.success_icon{color:#52be80;font-size:9em}.success_text{color:#52be80;font-size:2em;width:200px}.success_close{color:gray;cursor:pointer;font-size:1.5em;font-weight:600;position:absolute;right:10px;top:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.select{margin:10px 0;position:relative}.select_value{border:1px solid #d3d3d3;border-radius:5px;cursor:pointer;padding:10px}.addSelectValue{border-bottom-left-radius:0;border-bottom-right-radius:0}.select_icon{align-items:center;cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:7px;text-align:center;top:7px;transform:rotate(-90deg);width:26px}.addSelectIcon,.select_icon{transition:transform .3s linear}.addSelectIcon{transform:rotate(90deg)}.select_items{border:1px solid #d3d3d3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:gray;display:none;height:0;padding:0 20px;position:relative;transition:display 0s linear 3s,height .3s linear}.addSelectItems{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:display 0s linear 3s,height 3s linear}.form_form,.userForm{padding:10px}.form_form{border-radius:10px;height:calc(100vh - 370px);margin:auto;overflow:auto;width:520px}.form_form::-webkit-scrollbar{width:1px}.label_b{display:flex;flex-direction:row;font-size:.8em;justify-content:flex-end}.label_b div:first-child{color:#99a7b1}.label_b div:nth-child(2){color:#2980b9;margin:0 10px}.opencloseform{align-items:center;background-color:#0009;display:flex;display:none;height:inherit;left:0;position:absolute;top:0;width:100%;z-index:1000}.opencloseform,.opencloseform_sub{justify-content:center;margin:auto}.opencloseform_sub{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:auto;padding-bottom:20px;width:400px}.opencloseform_close{background-color:#036eb6;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;display:flex;flex-direction:row;justify-content:center;padding:15px;position:relative}.opencloseform_close div:nth-child(2){align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:1em;font-weight:700;height:30px;justify-content:center;position:absolute;right:5px;top:4px;width:30px;z-index:500px}.opencloseform_close div:nth-child(2):hover{background-color:#0003}.addOpenCloseForm{display:block}.opencloseform_input{padding:20px}input,textarea{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;font-size:1.1em;margin:5px auto;outline:none;padding:10px;width:100%}input:focus,textarea:focus{border:1px solid #5dade2}input::placeholder{color:#d3d3d3}input[type=checkbox]{margin-right:10px;width:20px}.label{color:gray;font-size:.9em;padding:5px}.lable_btn{border-bottom:1px solid #d3d3d3;color:#2980b9;cursor:pointer;font-size:.9em;margin-bottom:20px;padding-bottom:10px}.data_displays{border:1px solid #d3d3d3;border-radius:20px;padding:20px;width:498px}.data_lists{display:flex;flex-direction:row;justify-content:space-between;margin:15px}.data_label{color:#6b6969;font-size:.95em;font-weight:600;width:200px}.data_value{color:gray;font-size:.9em;width:240px}.data_image{display:block;flex-direction:row;flex-wrap:nowrap;height:171px;overflow:auto;padding:1px;white-space:nowrap;width:460px}.data_image::-webkit-scrollbar{height:5px;width:1px}.data_img{border-radius:5px;display:inline-block;height:150px;margin:0 5px;width:200px}.data_img img{border-radius:5px;height:inherit;width:inherit}@media screen and (max-width:1024px){.form_form{width:520px}}@media screen and (max-width:800px){.form_form{width:520px}}@media screen and (max-width:720px){.form_form{width:520px}}@media screen and (max-width:540px){.form_form{overflow:auto;width:520px}}
/*# sourceMappingURL=main.e01743e7.css.map*/