@import url(https://fonts.googleapis.com/css?family=Roboto:300);body{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}.App{background-color:#e1f9f4;max-height:-webkit-max-content;max-height:max-content;min-height:100vh;text-align:center}.login-page{margin:60px auto auto}.login-form input{background:#fff;border:1px solid #dfd8d8;box-sizing:border-box;margin:0 0 15px;padding:15px}.login-form button,.login-form input{font-family:Roboto,sans-serif;font-size:12px;outline:0;width:100%}.login-form button{background-color:#4c57b6;border:0;color:#fff;cursor:pointer;height:40px;transition:all .3 ease}.form .message{color:#b3b3b3;font-size:15px;margin:15px 0 0}.form .message a{color:#4c57b6;font-size:13px;font-weight:700;text-decoration:none}body>.login-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Roboto,sans-serif}.dont{font-size:15px}.showhide{cursor:pointer;opacity:.5;position:absolute;right:60px;top:200px;width:20px}.login-header>h3{color:#4c57b6;font-size:22px}.login-page{height:400px;margin:auto;padding:8% 0 0;width:380px}.enter{font-size:11px}.login-page .form .login{margin-bottom:26px;margin-top:-31px}.form{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);margin:0 auto 100px;max-width:360px;padding:45px;position:relative;text-align:center;z-index:1}.form input{background:#fff;border:1px solid #dfd8d8;box-sizing:border-box;margin:0 0 15px;padding:15px}.form button,.form input{font-family:Roboto,sans-serif;font-size:12px;outline:0;width:100%}.form button{background-color:#4c57b6;border:0;color:#fff;cursor:pointer;height:40px;transition:all .3 ease}.message{color:#4c57b6;font-size:14px;font-weight:bolder;text-decoration:none}.container{margin:0 auto;max-width:300px;position:relative;z-index:1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Roboto,sans-serif}.main{display:flex;flex-direction:row;margin:none;padding:none}.main,.side-bar{max-height:-webkit-max-content;max-height:max-content;min-height:100vh}.side-bar{background-color:#e1f9f4;width:20%}.side-bar>img{margin:5vh 0}.side-bar ul{list-style-type:none;padding-left:10%;text-align:left}.side-bar ul>li{align-items:center;display:flex;flex-direction:row;justify-content:left}.side-bar li>img,.side-bar li>span{color:#aaa;margin:5%}.side-bar li>img{height:16px;width:16px}.side-bar li>span:hover{color:#2289ff;cursor:pointer}.section{background-color:#f5f5f5;max-height:-webkit-max-content;max-height:max-content;min-height:100vh;width:80%}.header{border-bottom:5px solid #e1f9f4;display:flex;flex-direction:row;height:auto;margin:0}.header>p{color:#b4b4c6;margin:15px;text-align:left;width:80%}.header>div{color:#aaa;width:25%}.dropBtn{display:inline-block;margin:15px 0;position:relative}.dropBtn>*{margin:0 5px}.drop-content{background-color:#6ab4f8;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);color:#fff;display:none;padding:5px;position:absolute;width:100%;z-index:1}.drop-content:hover,.dropBtn:hover{cursor:pointer}.dropBtn:hover .drop-content{display:block}.drop-content>image{height:10px;width:10px}.drop-content>*{margin:0 5px}.nav-bar>h3{color:#aaa;font-size:medium;margin:20px;text-align:left}.navigator{background:#fff;border-radius:20px;box-shadow:5px 8px 10px 0 rgba(0,0,0,.03);display:flex;flex-direction:row;font-size:14px;justify-content:space-between;margin:0 10%}.tab{padding:10px 0}.num{background-color:#e1f9f4;border-radius:50%;margin:10px;padding:3px 10px}.let,.num{color:#aaa}.let{margin:0 10px 0 0}@media only screen and (max-width:700px){.side-bar{font-size:12px}.side-bar>ul img{height:8px;width:8px}.header{font-size:14px}.header img{height:12px;width:12px}.navigator{flex-direction:column;justify-content:flex-start}}.input-field>form,.left,.right{box-sizing:border-box;display:flex}.left,.right{flex-direction:column;font-weight:500;justify-content:center;padding:3%;text-align:left;width:50%}label{color:#7d7d7d;font-size:14px;font-weight:600}.input-field input,.input-field select{border:1px solid #c3c3c3;border-radius:4px;font-size:13px;height:32px;margin-bottom:3vh;margin-top:1vh}.input-field input::-webkit-input-placeholder{color:#bcbcbc}.input-field input::placeholder,.input-field option,.input-field select{color:#bcbcbc}.input-field{background:#fff;border-radius:10px;box-shadow:0 8px 10px 0 rgba(0,0,0,.2);margin:3% 5%}#add,#save{background-color:#4c57b6}#add,#cancel,#previous,#save{border:none;border-radius:20px;box-shadow:5px 8px 10px 0 rgba(0,0,0,.2);color:#fff;margin:0 10px 3vh;padding:10px;width:20%}#cancel,#previous{background-color:#6ab4f8}input[type=file]{opacity:0;position:absolute;z-index:3}.imageDiv{align-items:center;display:flex;justify-content:flex-start;margin:5vh 0;padding:3vh 0;position:relative;z-index:0}.imageDiv>span:nth-child(2){align-items:center;background-color:#6ab4f8;border-radius:50%;box-shadow:5px 8px 10px 0 rgba(0,0,0,.2);display:flex;height:80px;justify-content:center;margin-left:7%;position:absolute;width:80px;z-index:1}.imageDiv>span:last-child{color:#7d7d7d;margin-left:auto;margin-right:auto;z-index:1}.imageDiv>img{position:absolute;z-index:2}.basic{justify-content:flex-start}@media only screen and (max-width:600px){form{flex-direction:column}.left,.right{width:100%}}.display{display:flex;flex-direction:column}.display>.search{box-sizing:border-box;display:flex;padding:3vh 3%}.search>div{display:flex;justify-content:flex-start;width:75%}.nav-btn{background-color:#6ab4f8;box-shadow:5px 8px 10px 0 rgba(0,0,0,.2);color:#fff;margin:0 20px;padding:1vh 3%}.nav-btn,.search>div>input{border:none;border-radius:20px}.search>div>input{box-shadow:5px 8px 10px 0 rgba(0,0,0,.03);color:#bcbcbc;padding:2vh 2%;width:35%}.search>div>input::-webkit-input-placeholder{color:#bcbcbc}.search>div>input::placeholder{color:#bcbcbc}.search>div>img{height:16px;margin:2vh 1% 2vh 19%;position:absolute;width:16px}.search>div>input:focus{outline:none}.display-content{display:flex;flex-direction:column}.table-header{color:#284e91;margin:2vh 3%}.table-details,.table-header{background-color:#fff;border-radius:10px;box-shadow:5px 8px 10px 0 rgba(0,0,0,.03);display:flex;font-size:small;justify-content:space-around;padding:2vh 2%}.table-details{margin:1vh 3%}.table-details>div,.table-header>div{box-sizing:border-box;max-width:8.222%}.table-details>div>span{background-color:#f5faf5;border-radius:5px;padding:5px 7px}.table-details>div>img{height:16px;margin:0 3px;width:auto}.align-table{display:flex;flex-direction:column;max-height:55vh;min-height:55vh;overflow-y:scroll}.last{display:flex;justify-content:center}.pagination{background-color:#e1f9f4;border-radius:10px;box-shadow:5px 8px 10px 0 rgba(0,0,0,.03);display:inline-block;margin:2vh 0}.pagination div{color:#bcbcbc;cursor:pointer;float:left;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .3s}.pagination div:hover:not(.active){background-color:#ddd;cursor:pointer}.additional-prop{grid-gap:10px;border-radius:10px;display:grid;font-size:small;gap:10px;grid-template-columns:auto auto;margin:1vh 3%;padding:2vh 2%;text-align:left}.additional-prop>div{color:#284e91;margin:1vh 1%}.additional-prop>div>span{background-color:#e1f9f4;border-radius:10px;color:#aaa;margin:0 10px 0 0;padding:5px}.popup{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-inner{max-height:500px;max-width:500px;position:relative}.popup-inner>img{height:100%;width:100%}.popup-inner>button{border:2px solid #000;border-radius:50%;color:#000;font-size:larger;position:absolute;right:-10px;top:-10px}
/*# sourceMappingURL=main.23b39986.css.map*/