@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);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}.main-doc nav .sidebar-button{color:#000}.no-applicant{border:1px solid red;display:flex;justify-content:center;padding:20px}.podal{transition:all .9s ease}.isLoading{display:flex;justify-content:center;width:100%}.main-profile{padding:105px 1rem 0}.main-profile .i_name{color:#444a53;font-size:24px;font-weight:700}.profile_cont{margin-top:20px;width:100%}.profile_head{display:flex;justify-content:center;width:100%}.profile_head h4{color:#222;font-size:25px}.profile_box{display:grid;grid-template-columns:50% 50%;margin:15px 0}.input_box{border-bottom:.5px solid #354f52;max-width:500px}.input_box p{color:grey;font-size:20px;padding-bottom:10px}.input_box input[type=email],.input_box input[type=password],.input_box input[type=text],.input_box select{background:#0000;border:none;color:#111;font-size:19px;height:30px;outline:none;padding:5px 10px;width:100%}.input_box input[type=file]{border-left:.5px solid #111;border-right:.5px solid #111;border-top:.5px solid #111;color:#111;height:40px;outline:none;padding:5px 10px;width:100%}.input_boxes{max-width:500px}.input_boxes p{color:grey;font-size:20px;padding-bottom:10px}.input_boxes textarea{background:#0000;border:.5px solid #354f52;border-radius:6px;color:#111;font-size:19px;height:120px;outline:none;padding:2px 10px;width:100%}.per_button{display:flex;justify-content:flex-start;margin:25px 0;width:100%}.per_button button{background:#354f52;border:1px solid #354f52;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;letter-spacing:.5px;outline:none;padding:15px 60px}.setting_close{display:flex;justify-content:center;position:relative;width:100%}.setting_close i{background:#0000;color:#354f52;cursor:pointer;font-size:80px}.setting_close p{color:grey;letter-spacing:1px;position:absolute;top:-15px}@media (max-width:768px){.input_box{max-width:320px}.setting_close i{font-size:70px}}@media (max-width:550px){.profile_box{grid-template-columns:100%}.input_box{margin-bottom:10px;max-width:100%;width:100%}.per_button button{padding:10px 25px}.setting_close i{font-size:50px}}*{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;list-style-type:none;text-decoration:none}.logo{height:36px;margin-left:10px;width:117px}.logo-container{align-items:center;border-bottom:.2px solid #e5e7eb;display:flex;height:80px;justify-content:center}.main-header{background:#f9f7f3;height:100vh;position:fixed;transition:all .5s ease;width:220px;z-index:100}.active{width:50px;z-index:-1}.main-header .navbar h1{align-items:center;border-bottom:.2px solid #354f52;display:flex;height:80px;justify-content:center}.main-header .navbar ul li{align-items:center;color:#000;display:relative;display:flex;height:50px;justify-content:center;list-style:none}.main-header .navbar ul li a.act,.main-header .navbar ul li a:hover{background:#354f52;color:#fff}.main-header .navbar ul li a{align-items:center;color:#000;display:flex;height:100%;transition:all .4s ease;width:100%}.main-header .navbar ul li a i{color:#f7a072;font-size:18px;min-width:50px;text-align:center}.log_out{border-top:.2px solid #e5e7eb;bottom:0;position:absolute;width:100%}.main-header.active~.main-doc,.main-header.active~.main-doc nav{left:50px;width:calc(100% - 50px)}.main-doc{background:#e5e7eb;min-height:100vh;padding-bottom:60px;position:relative}.main-doc,.main-doc nav{left:220px;transition:all .7s ease;width:calc(100% - 220px)}.main-doc nav{align-items:center;background:#fff;box-shadow:0 1px 1px #0000001a;display:flex;height:80px;justify-content:space-between;margin-bottom:82px;padding:0 20px;position:fixed;z-index:100}.main-doc nav .sidebar-button{align-items:center;cursor:pointer;display:flex;font-size:24px;font-weight:500}.main-doc nav .sidebar-button i{cursor:pointer;font-size:35px;margin-right:10px}.main-doc nav .search-box{height:50px;margin:0 20px;max-width:550px;position:relative;width:100%}.main-doc nav .search-box input{background:#f5f6fa;border:2px solid #efeef1;border-radius:6px;font-size:18px;height:100%;outline:none;padding:0 12px;width:100%}.main-doc nav .search-box .bx-search{background:#f7a072;border-radius:4px;color:#fff;cursor:pointer;font-size:22px;height:40px;line-height:40px;position:absolute;right:5px;text-align:center;top:50%;transform:translateY(-50%);transition:all .4 ease;width:40px}.main-doc nav .profile-details{align-items:center;display:flex;justify-content:flex-start}.main-doc nav .profile-details i{cursor:pointer;font-size:22px;font-weight:400;margin-right:20px}.main-doc nav .profile-details img{border-radius:50px;height:40px;object-fit:cover;width:40px}.main-doc .main-container{padding:90px 1rem 0}.main-doc .main-container .i_name{color:#444a53;font-size:24px;font-weight:700;padding:30px 30px 0}.main-doc .main-container .values{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:30px 30px 0}.main-doc .main-container .values .val_box{align-items:center;background:#fff;border-radius:5px;display:flex;justify-content:flex-start;margin:10px 20px 10px 0;padding:16px 20px;width:230px}.main-doc .main-container .values .val_box i{border-radius:50%;color:#fff;font-size:25px;height:60px;line-height:60px;margin-right:15px;text-align:center;width:60px}.main-doc .main-container .values .val_box:first-child i{background:#7fff00}.main-doc .main-container .values .val_box:nth-child(2) i{background:#ff4500}.main-doc .main-container .values .val_box:nth-child(3) i{background:orange}.main-doc .main-container .values .val_box:nth-child(4) i{background:purple}.main-doc .main-container .values .val_box:nth-child(5) i{background:#4682b4}.main-doc .main-container .values .val_box:nth-child(6) i{background:#31e631}.main-doc .main-container .values .val_box:nth-child(7) i{background:#4682b4}.val_box h3{color:#000;font-size:18px;font-weight:600}.val_box span{color:#828997;font-size:15px}.board{background:#fff;border-radius:8px;margin:auto;overflow:auto;width:95%}.board table{border-collapse:collapse;width:100%}tr{border-bottom:1px solid #eef0f3}thead td{background:#f9fafb;color:#000;font-size:14px;font-weight:400;padding:15px;text-align:start;text-transform:uppercase}tbody tr td{padding:10px 15px}.board table img{border-radius:50%;height:50px;object-fit:cover;width:50px}.board table h5{font-size:16px;font-weight:600}.board table p{color:#000;font-size:13px;font-weight:400;padding-top:9px}.people{align-items:center;display:flex;justify-content:flex-start;text-align:start}.people .people_des{cursor:pointer;margin-left:12px}.people .people_des h5:hover,.people .people_des p:hover{text-decoration:underline}.tab_edit p{background:red;color:#fff}.tab_edit p,.tab_role p{border-radius:8px;cursor:pointer;display:inline-block;padding:12px 15px}.tab_role p{background:#d7fada;color:#2b2b2b}.tab_delete p{color:red;cursor:pointer;display:inline-block;letter-spacing:1px;text-transform:uppercase}.tab_active a{color:#554cd1;font-size:14px;font-weight:600}.pen_head{display:flex;justify-content:center;margin:25px 0;width:100%}.pen_head h3{color:#999;font-size:22px}.modal{background-color:#000;background-color:#0006;display:flex;height:100%;justify-content:flex-end;overflow:auto;position:fixed;right:-100%;top:0;transition:all .9s ease;width:100%;z-index:1000}.action{right:0}.modal-content{background-color:#fefefe;border:1px solid #888;height:100%;position:relative;width:750px}.noti_head{font-size:22px;font-weight:700;height:80px;justify-content:center}.noti_head,.noti_para{align-items:center;border-bottom:.2px solid #e5e7eb;display:flex;padding-left:20px;width:100%}.noti_para{cursor:pointer;height:40px}.noti_cancel{color:red;cursor:pointer;font-size:45px;left:15px;position:absolute;top:10px}.poti_cancel{display:none;margin:auto;top:7px}.podal{align-items:center;background-color:#000;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:-100%;width:100%;z-index:1000}.pac{top:0}.podal-content{background-color:#fefefe;border:1px solid #888;height:500px;overflow-y:auto;position:relative;width:760px}.podal-content .split{display:grid;grid-template-columns:40% 60%;width:100%}.podal-content .split .left{padding:20px 0 0;width:100%}.podal-content .split .left .msg-img{background:#ddd;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5%;height:250px;margin:auto;width:250px}.podal-content .split .left .pod_but{display:flex;justify-content:space-evenly;margin:40px 0 0;width:100%}.podal-content .split .left .pod_but button{border:none;border-radius:8px;cursor:pointer;outline:none;padding:12px 25px}.podal-content .split .left .pod_but button:first-child{background:#d7fada;color:#2b2b2b}.podal-content .split .left .pod_but button:nth-child(2){background:red;color:#fff}.podal-content .split .right{padding:20px 10px 10px;width:100%}.podal-content .split .right .right_head{align-items:center;border-bottom:.2px solid #e5e7eb;color:#111;display:flex;font-size:22px;font-weight:600;height:30px;justify-content:center;padding-bottom:5px;width:100%}.podal-content .split .right .right_content{display:flex;height:38px;justify-content:space-between;padding:0 5px;width:100%}.podal-content .split .right .right_content:nth-child(11),.podal-content .split .right .right_content:nth-child(13),.podal-content .split .right .right_content:nth-child(3),.podal-content .split .right .right_content:nth-child(5),.podal-content .split .right .right_content:nth-child(7),.podal-content .split .right .right_content:nth-child(9){background:#e5e7eb}.podal-content .split .right .right_content p{color:#222;font-size:16px;font-weight:500}.podal-content .split .right .right_content .right_para{color:#666;font-size:14px;font-weight:400}.poti_para{align-items:center;border-bottom:.2px solid #e5e7eb;cursor:pointer;display:flex;height:40px;padding-left:20px;width:100%}.poti_cancel{color:red;cursor:pointer;font-size:45px;left:15px;position:absolute;top:10px}@media (max-width:768px){.main-header{left:-300px;position:fixed;width:300px;z-index:200}.main-doc,.main-doc nav{left:0;width:100%}.main-header.active{left:0;z-index:200}.main-doc .main-container .i_name{padding:15px 10px}.main-doc .main-container .values{justify-content:space-evenly}.main-doc .main-container .values .val_box{width:260px}.board{overflow-x:auto;padding:0;width:95%}.board table{border-collapse:collapse;width:100%}.modal-content{width:100%}.podal-content{height:100%;padding-top:50px;width:100%}.poti_cancel{display:block}}@media (max-width:550px){.main-header{left:-250px;position:fixed;width:250px}.main-doc .main-container .values{justify-content:center}.main-doc nav .profile-details img{display:none}.main-doc nav{padding:5px}.i_name{padding:30px 15px 0}.main-doc .main-container .values{padding:0}.main-doc .main-container .values .val_box{margin:10px 0;width:100%}.board{margin:30px 0}.podal-content .split{grid-template-columns:100%}}*{--black-coral:#60697b;--atomic-tangerine:#f7a072;--vanilla:#eddea4;box-sizing:border-box;margin:0;padding:0}html{color:var(--black-coral);font-family:Nunito,sans-serif;font-size:22px}body{background-color:var(--vanilla);min-height:100vh}.App{flex-direction:column;min-height:100vh;padding:1rem .5rem}.App,.container-form{align-items:center;display:flex;justify-content:center}.container-form{padding:25px 30px}section{background-color:#f9f7f3;border-radius:17px;justify-content:flex-start;max-width:420px;min-height:400px;padding:1rem;width:100%}form,section{display:flex;flex-direction:column}form{flex-grow:1;justify-content:space-evenly;padding-bottom:1rem}a,a:visited{color:var(--black-coral)}.button{background:linear-gradient(135deg,cyan,#71b7e6,#9b59b6,tomato);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:100%;letter-spacing:1px;transition:all .3s ease;width:100%}button,input[type=password],input[type=text],textarea{border-radius:.5rem;font-family:Nunito,sans-serif;font-size:22px;padding:.25rem}button,label{margin-top:1rem}button{padding:.5rem}.instructions{background:#000;border-radius:.5rem;bottom:-10px;color:var(--black-coral);font-size:.75rem;padding:.25rem;position:relative}.instructions>svg{margin-right:.25rem}.offscreen{left:-9999px;position:absolute}.hide{display:none}.valid{color:#32cd32}.invalid,.valid{margin-left:.25rem}.invalid{color:red}.errmsg{color:#b22222;font-weight:700;margin-bottom:.5rem;padding:.5rem}.line{display:inline-block}
/*# sourceMappingURL=main.949ba711.css.map*/