body,html{height:100%}#__next{min-height:100%}a{cursor:pointer;color:#000}.app-container{padding:0}.datatable{height:550px;padding:20px}.datatable .cellWithImg{display:flex;align-items:center}.datatable .cellWithImg .cellImg{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:20px}.datatable .cellWithStatus{padding:5px;border-radius:5px}.datatable .cellWithStatus.active{background-color:rgba(0,128,0,.05);color:green}.datatable .cellWithStatus.pending{background-color:rgba(255,217,0,.05);color:#daa520}.datatable .cellWithStatus.passive{background-color:rgba(255,0,0,.05);color:crimson}.datatable .cellAction{display:flex;align-items:center}.datatable .viewButton{padding:2px 5px;border-radius:5px;border:1px dotted rgba(0,0,139,.6);cursor:pointer}.datatable .deleteButton{padding:2px 5px;border-radius:5px;color:crimson;border:1px dotted rgba(220,20,60,.6);cursor:pointer}.datatable .datatableTitle{justify-content:right}.datatable .dataStatus,.datatable .datatableTitle{width:100%;font-size:24px;color:gray;margin-bottom:10px;display:flex;align-items:center}.datatable .dataStatus{margin-top:20px;justify-content:left}.datatable .datatableTitle .link{padding:10px;display:flex;align-items:center;text-decoration:none;color:#006400;font-size:16px;font-weight:400;border:1px solid #006400}.datatable .datatableTitle .link:hover{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);background-color:#fff}.datatable .datatableTitle .link .icon{font-size:30px;margin-right:10px}.datatable .MuiTablePagination-displayedRows,.datatable .MuiTablePagination-selectLabel{margin-top:auto}.alertservice{text-align:center;padding:16px;border-radius:2px;font-size:16px;margin-bottom:10px;min-width:250px}.alertservice.alert-success{background-color:#e3fdeb;border-color:#26b303;color:#3c763d}.alertSsrvice.alert-info{background-color:#d9edf7;color:#31708f;border-color:#7eb6c1}.alertservice.alert-warning{background-color:#fcf8e3;border-color:#b1a181;color:#8a6d3b}.alertservice.alert-danger{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.alertservice.close{right:32px;top:32px;width:32px;height:32px;background-color:gray;opacity:.3}.alertservice.close:hover{opacity:1}.alertservice.close:before,.close:after{position:absolute;left:15px;content:" ";height:33px;width:2px;background-color:#333}.alertservice.close:before{transform:rotate(45deg)}.alertservice.close:after{transform:rotate(-45deg)}.leftbottom-alert{z-index:1;position:fixed;left:0;bottom:0;height:auto;width:450px}#x{float:right;background:gray;color:#fff;top:-10px;right:-10px;border-radius:50%;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}#x,.site-footer{position:relative}.site-footer{background-color:#263238;margin-top:auto;padding:10px 0;font-size:15px;width:100%;line-height:14px;color:#263238}.text{text-align:center;color:#fff}.footer-id{color:#f5f5f5}.faq-id,.footer-id{text-decoration:none}.faq-id{color:#000}.MuiDrawer-root .MuiPaper-root{height:auto}.faq-fixed{position:fixed}.faq-fixed,.faq-mobile-fixed{right:1.2rem;bottom:2rem;z-index:11}.faq-mobile-fixed{float:"right"}.img-over{position:relative}.dash-card{width:275px}.register-card-position{display:flex;justify-content:flex-end}.img-over .profile-icon{position:absolute;bottom:0;right:0;margin:5px;color:#00a225}@media (max-width:900px){.img-over .profile-image{display:block;width:150px!important;height:150px!important}.img-over .profile-icon{position:absolute;bottom:0;right:0;margin:5px;color:#00a225}}@media (max-width:500px){.img-over .profile-image{display:block;width:150px!important;height:150px!important}

  ;.img-over .profile-icon{position:absolute;bottom:0;right:0;margin:2px;color:#00a225}

  ;}@media (max-width:400px){.img-over .profile-image{display:block;width:120px!important;height:120px!important}.img-over .profile-icon{position:absolute;bottom:0;right:0;margin:2px;color:#00a225}}.dropzone{text-align:center;padding:30px;border:2px dashed #00a225;background-color:rgba(0,162,37,.04);color:#bdbdbd;width:100%;cursor:pointer;margin-bottom:20px}.selected-file-wrapper{text-align:center;display:flex;justify-content:flex-start}.selected-file{color:#000;font-weight:700}.privacy{text-align:justify;font-size:15px;margin-bottom:2px;display:block;-webkit-margin-before:1px;margin-block-start:1px;-webkit-margin-after:1px;margin-block-end:1px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}@media only screen and (min-height:1500px){.site-footer{position:relative;background-color:#263238;margin-top:auto;padding:10px 0;font-size:15px;width:100%;line-height:14px;color:#263238}}@media (max-width:700px){.dash-card{width:250px}.complaint-card-position,.register-card-position{display:flex;justify-content:center}.complaint-card-position{margin-top:10px}}.app.dark{background-color:#222;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:rgba(46,45,45,.726)}.app.dark .table .tableCell{color:gray}.app.dark .MuiToolbar-root{background-color:#222;color:#9c9c9c}.app.dark .MuiDrawer-root .MuiPaper-root{background-color:gray;color:#000}.app.dark .MuiDrawer-root .MuiListItemText-root{color:#000}.app.dark .navbar{color:#999;border-color:#616060}.app.dark .navbar .search{border-color:gray}.app.dark .navbar .search input:focus{background-color:#d3d3d3}.app.dark .sidebar{background-color:#222;border-color:#616060}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#616060}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .linkWidget{color:#b0adad;font-size:15px}.app.dark .datatable .MuiSvgIcon-root,.app.dark .datatable .link{color:gray}.app.dark .datatable .dataGrid{color:gray;border:none}.app.dark .datatable .dataGrid .viewButton{color:#2b74bd;border-color:#9c9a9a}.app.dark .datatable .dataGrid .deleteButton{color:#c21e1e;border-color:#9c9a9a}.app.dark .datatable .dataGrid .MuiToolbar-root,.app.dark .datatable .dataGrid .cellWithStatus{color:gray}.app.dark .datatable .dataGrid .MuiDataGrid-row.hover{background-color:#ccc}.app.dark .datatable .dataGrid .MuiDataGrid-columnSeparator{color:#949494}.app.dark .colorOption{background-color:#fff;border-color:#fff}.app.dark input,.app.dark label{color:#9c9c9c}.app.dark fieldset{border-color:#9c9c9c}.app.dark .MuiGrid-container button{color:#9c9c9c;background-color:#000}.app.dark .MuiGrid-container button:hover{background-color:gray;color:#000}