body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-color:#ebedf0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}::-webkit-scrollbar-thumb{background:#f1e0e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a9efa9}.container{border-radius:14px!important}.container .form input{padding:10px 10px 10px 20px;height:50px;font-size:14px;border-radius:10px}.container .form label{margin-bottom:14px!important}.container .form label:nth-of-type(2){margin-top:12px!important}.container form .form-btn{border-radius:10px;font-size:30px}.table-body{font-family:Arial,Helvetica,sans-serif}.table-body *{overflow-x:hidden!important;box-sizing:border-box}.header{background-color:#99a5a7;color:#fff;font-size:1.5em;padding:1rem;text-align:center;align-items:unset;text-transform:uppercase;font-weight:700}img{border-radius:50%;height:60px;width:60px}.table-users{border:1px solid #327a81;border-radius:10px;box-shadow:3px 3px 0 rgba(0,0,0,.1);max-width:calc(100% - 2em);margin:1em auto;overflow-y:hidden;width:100%}table{width:100%}table td{font-size:14}table td,table th{color:#2b686e;padding:10px}table th{font-weight:700!important}table td{text-align:center!important;vertical-align:middle;font-size:.8rem}table td:last-child{font-size:.95em;line-height:1.4;text-align:left}table th{background-color:#daeff1;font-weight:300;font-size:1.1rem}table tr:nth-child(2n){background-color:#fff}table tr:nth-child(odd){background-color:#edf7f8}@media screen and (max-width:700px){table,td,tr{display:block}tr td button{width:100%}td:first-child{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100px}td:not(:first-child){clear:both;margin-left:100px;padding:4px 20px 4px 90px;position:relative;text-align:left}td:not(:first-child):before{color:#91ced4;content:"";display:block;left:0;position:absolute}td:nth-child(2):before{content:"Phone:"}td:nth-child(3):before{content:"CompanyName:"}td:nth-child(4):before{content:"Date:"}td:nth-child(5):before{content:"View:"}td:nth-child(6):before{content:"Update:"}td:nth-child(7):before{content:"Date:"}tr{padding:10px 0;position:relative}tr:first-child{display:none}}@media screen and (max-width:500px){table tr td{width:50%}table td,table th{border:.2px solid #696767}.header{background-color:transparent;color:#fff;font-size:2em;font-weight:700;padding:0;text-shadow:2px 2px 0 rgba(0,0,0,.1)}td:first-child{border-bottom:1px solid #91ced4;border-radius:10px 10px 0 0;position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);width:100%}td:not(:first-child){margin:0;padding:5px 1em;width:100%}td:not(:first-child):before{font-size:.8em;padding-top:.3em;position:relative}td:last-child{padding-bottom:1rem!important}tr{background-color:#fff;border:1px solid #6cbec6;border-radius:10px;box-shadow:2px 2px 0 rgba(0,0,0,.1);margin:.5rem 0;padding:0}.table-users{border:none;box-shadow:none;overflow:visible}}@media screen and (max-width:350px){table td,table th{border:.2px solid #696767}.header{background-color:transparent;color:#fff;font-size:2em;font-weight:700;padding:0;text-shadow:2px 2px 0 rgba(0,0,0,.1)}img{border:3px solid #daeff1;height:100px;margin:.5rem 0;width:100px}td:first-child{background-color:#c8e7ea;border-bottom:1px solid #91ced4;border-radius:10px 10px 0 0;position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);width:100%}td:not(:first-child){margin:0;padding:5px 1em;width:100%}td:not(:first-child):before{font-size:.8em;padding-top:.3em;position:relative}td:last-child{padding-bottom:1rem!important}tr{background-color:#fff!important;border:1px solid #6cbec6;border-radius:10px;box-shadow:2px 2px 0 rgba(0,0,0,.1);margin:.5rem 0;padding:0}.table-users{border:none;box-shadow:none;overflow:visible}}@media screen and (max-width:220px){.ref{margin-top:170px;text-align:center;background-color:#ffebcd}.ref:after{font-weight:700;color:navy;content:"You Can use Desktop Mode Only "}.table-body,table{display:none}}.main{margin:0;width:100vw;height:100vh;background:#0787e9;align-items:center;text-align:center;justify-content:center;place-items:center;overflow-x:scroll}.container .form{padding-left:40px;padding-right:40px}.main .row{margin-top:150px!important}.main button{border-radius:4px;background-color:#f4511e;border:none;color:#fff;text-align:center;font-size:16px;padding:20px;width:40%;transition:all .5s;cursor:pointer;margin:15px 15px 40px 40px;border-radius:15px;box-shadow:0 9px #999}.main .button:active{background-color:#3e8e41;box-shadow:0 5px #666;-webkit-transform:translateY(4px);transform:translateY(4px)}.main button a{text-decoration:none;color:#fff}@media only screen and (max-width:768px){.main button{font-size:auto;padding:50px;width:60%!important;margin:15px 15px 30px 30px}.main .row{margin-top:50px!important}}.modal{display:unset}.container .row input,.viewmodale{text-align:center!important;vertical-align:middle;font-size:.8rem}#footer-nav{margin-top:200px!important}.footer-nav{justify-content:center;align-items:center;height:10vh}.footer-nav ul{list-style:none;width:80%;height:60px;display:flex;flex-direction:row;overflow:hidden}.footer-nav ul li{flex:1 1;display:flex;justify-content:center;align-items:center;margin-top:15px}.footer-navul li a{text-decoration:none;text-align:center;position:relative}.footer-nav ul li a i.material-icons{font-size:2rem;display:block;color:#8a8ea6;transition:all .2s ease-in-out}.footer-nav ul li a:before{content:"";width:7px;height:7px;background:#4d5eaa;display:block;border-radius:100%;position:absolute;left:50%;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px);opacity:0}.footer-nav ul li:first-child a:after,.footer-nav ul li:nth-child(2) a:after,.footer-nav ul li:nth-child(3) a:after,.footer-nav ul li:nth-child(4) a:after{content:"Home";font-size:1rem;font-family:"Roboto";font-weight:700;color:#4d5eaa;text-shadow:0 2px 10px rgba(0,0,0,.1);display:block;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;transition:all .2s ease-in-out}.footer-nav ul li:nth-child(2) a:after{content:"Form"}.footer-nav ul li:nth-child(3) a:after{content:"Complaints"}.footer-nav ul li:nth-child(4) a:after{content:"Settings"}.footer-nav ul li a:hover i{color:#4d5eaa;-webkit-animation:animateRo .2s ease-in-out 1;animation:animateRo .2s ease-in-out 1}.footer-nav ul li a:hover:after{-webkit-transform:scale(1);transform:scale(1)}.footer-nav ul li a:hover:before{-webkit-animation:animateCirlce .5s ease-in-out 1;animation:animateCirlce .5s ease-in-out 1}@-webkit-keyframes animateRo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes animateRo{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes animateCirlce{to{-webkit-transform:translate(-50%,-35px);transform:translate(-50%,-35px);opacity:1}}@keyframes animateCirlce{to{-webkit-transform:translate(-50%,-35px);transform:translate(-50%,-35px);opacity:1}}
/*# sourceMappingURL=main.55f51a74.chunk.css.map */