.report .title-grid{padding:30px 50px 0 80px;margin-left:40px;display:flex;flex-direction:row;justify-content:space-between}.report .title-grid .setting-title{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:16pt;font-weight:800}.report .setting-grid{padding:15px 30px 0 50px}.report .setting-grid .disabled{pointer-events:none;opacity:.2}.report .setting-grid .setting-item{padding:10px 3% 10px 2%;display:inline-flex;justify-content:center;align-content:space-between;flex-direction:column;border-radius:20pt;background-color:#fff;box-shadow:5px 5px 10px #8a8a8a94;height:80px}.report .setting-grid .setting-item .setting-title{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:24pt;height:50px}.report .setting-grid .setting-item .setting-selector{width:120pt;height:30pt;font-size:10pt;border-radius:15pt}.report .setting-grid .setting-item .save{width:40pt}.report .setting-grid .setting-item .setting-name{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;display:flex;font-size:12pt}.report .setting-grid .setting-item .date-filter-root{margin-left:50px;width:350px}.report .setting-range-picker{width:380px;display:inline-flex;justify-content:space-between}.report .setting-range-picker .react-datepicker-wrapper input{border-radius:10px;text-align:center;width:140px;height:40px}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}.main{font-family:Inter,sans-serif;background-color:#15264c;color:#fff}.container{display:flex}.menuContainer{width:250px;padding:5px 20px;border-right:2px solid #384256}@media screen and (max-width: 1024px){.menuContainer{width:max-content}}.contentContainer{padding:5px 20px;width:100%}.Content{padding-right:35px;z-index:1}.info{display:flex;align-items:center;gap:20px;margin-top:20px;margin-left:50px;margin-bottom:10px}.info button{padding:5px;cursor:pointer}.rectangle{width:10px;height:10px}.status-online{background-color:green}.status-offline{background-color:red}.status-warning{background-color:#ff0}.status-maintenance{background-color:purple}.status-unknown{background-color:#6b6b6b80}.MuiInputBase-inputSizeSmall{font-size:8pt!important}.MuiDataGrid-panel{z-index:6!important}.MuiPickersPopper-root{scale:.7;width:430px;height:330px;z-index:7!important}.Content .back-button{width:50%}.dataTable .dataGrid .MuiDataGrid-main{margin-top:40px}.dataGrid{padding:20px;border:none}.dataGrid .MuiDataGrid-overlayWrapperInner{min-height:50px}.dataGrid .MuiDataGrid-toolbarContainer{flex-direction:row-reverse}.dataGrid .MuiDataGrid-cell{display:flex;align-items:center;background-color:#fff}.dataGrid .MuiDataGrid-withBorderColor{display:flex;align-items:center;border-left-color:#fff;border-right-color:#fff}.dataGrid .MuiDataGrid-columnHeader{background-color:#ddd;border-left-color:#999;border-right-color:#999;height:40px}.dataGrid .MuiDataGrid-columnHeaderTitle{font-weight:800}.dataGrid img{width:32px;height:32px;border-radius:50%;object-fit:cover}.dataGrid .action{display:flex;gap:15px}.dataGrid .action img{width:20px;height:20px;cursor:pointer}.MuiDataGrid-filterForm{width:135vh}.MuiDataGrid-filterForm .date-filter-root{width:350px;margin-left:15px}.MuiDataGrid-filterForm .date-filter-root .MuiInputBase-root{width:150px}.MuiDataGrid-filterForm .MuiDataGrid-filterFormDeleteIcon{justify-content:center;display:flex}.MuiDataGrid-filterForm .MuiDataGrid-filterFormColumnInput,.MuiDataGrid-filterForm .MuiDataGrid-filterFormOperatorInput{justify-content:center;margin-top:10px;margin-bottom:0;display:flex}.MuiDataGrid-filterForm .MuiDataGrid-filterFormValueInput{justify-content:flex-end;margin-top:10px;margin-bottom:0;display:flex}.MuiDataGrid-filterForm .MuiDataGrid-filterFormValueInput .action-filter-root .MuiInputBase-root{width:150px}.MuiDataGrid-filterForm .confirm-button{margin-left:10px}.range-selector{position:absolute!important;z-index:999;top:150px;left:770px;background-color:#fff;box-shadow:0 4px 4px -3px #0003,0 3px 5px 1px #00000024,0 3px 9px 2px #0000001f;border-radius:15px!important}.spinner{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:9999}.custom-range-picker{position:absolute!important;display:flex;padding:5px;z-index:1000;top:145px;left:295px;border-radius:5px;box-shadow:0 4px 4px -3px #0003,0 3px 5px 1px #00000024,0 3px 9px 2px #0000001f;background-color:#fff}.custom-range-picker .date-range-root{display:inline-flex;justify-content:space-between;width:320px!important}.custom-range-picker .date-range-root .MuiInputBase-root{width:150px}.transaction{display:grid;gap:0px;padding:20pt;grid-auto-flow:dense}@media screen and (max-width: 1200px){.transaction{font-size:10px!important;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.transaction{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.transaction{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.transaction{grid-auto-rows:minmax(120px,auto)}}.transaction .box{padding:20px;border-radius:15px;margin:10px;font-size:10pt}.transaction .box1{grid-column:span 4;grid-row:span 1;background:white}.transaction .box2,.transaction .box3{grid-column:span 2;grid-row:span 1;background:white}.transaction .box4{grid-column:span 4;grid-row:span 1;background:white;align-content:center}.transaction .box4 p{text-align:left;padding-left:6px;font-size:14pt}.transactionGrid{font-size:10pt!important;margin:20pt}.transactionGrid .MuiDataGrid-columnHeaderTitle{font-weight:800}.single{display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:minmax(150px,auto);grid-auto-flow:dense;margin:5px}@media screen and (max-width: 1200px){.single{font-size:10px!important;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.single{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.single{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){.single{grid-auto-rows:minmax(120px,auto)}}.single .box{padding:10px;border-radius:10px;margin:5px;font-size:10pt}.single .box1{grid-column:span 4;grid-row:span 1;background:white}.single .box2,.single .box3{grid-column:span 10;grid-row:span 1;background:white}.single .box4{grid-column:span 4;grid-row:span 2;background:white}.single .box5{grid-column:span 13;grid-row:span 2;background:white}.single .box6{grid-column:span 7;grid-row:span 2;background:white}.single .box7{grid-column:span 24;grid-row:span 3;background:white}.single .deviceGrid{font-size:10pt}.single .deviceGrid .MuiDataGrid-columnHeaderTitle{font-weight:800}.deviceCommand{display:grid;gap:20px}.deviceCommand .command-button-grid{display:grid;justify-content:center}.deviceCommand .command-button-grid .commandButton{background:#F6F6F6;margin-top:20px;border-width:0px;border-radius:35px;font-size:16px;width:130px;height:70px}.deviceCommand .command-title{display:flex;flex-direction:row;justify-content:space-between}.deviceCommand .dialog-button{color:var(--color)!important}.info-titleText{display:block;font-size:14px}.info-bodyText{position:relative;left:10%;font-size:12px}.rectangle{width:20px;height:20px}.status{display:flex;align-items:center;justify-content:center}.status .status-online{background-color:green}.status .status-offline{background-color:red}.status .status-warning{background-color:#ff0}.status .status-default{background-color:gray}.deviceGrid .MuiDataGrid-columnHeader{height:40px!important;font-size:8pt}.cashbox-box .dataGridFooter{margin-top:10px;display:flex;justify-content:space-between}.cashbox-box .dataGridFooter h6{margin-left:10px;margin-right:10px}.MuiDrawer-root{transition:all .1s linear!important}.Content{transition:all .1s ease-in!important}.RaAppBar-toolbar{height:50px;background-color:#fff}.RaAppBar-toolbar .MuiSvgIcon-root{font-size:30px!important;color:var(--color)!important;color:#15264c}.logo-image{scale:.7}.list{padding-left:10px;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:8pt;line-height:1.5;letter-spacing:.06em;display:block;-webkit-user-select:none;user-select:none}.listitem{letter-spacing:.1em}.sidebar{background-color:var(--background-color)!important;height:calc(100vh - 50px);width:225px!important;background-color:#15264c}.sidebar .MuiSvgIcon-root{font-size:20px;color:#fff;font-weight:700;margin-right:20px;margin-left:5px}.sidebar a[role=menuitem]{color:#fff;font-size:20px;font-weight:700;height:75px}.RaSidebar-paper{width:320px!important;min-width:55px!important}.RaMenu-open{border-radius:0 20px 0 0;z-index:1}.RaMenu-closed{border-radius:0 20px 0 0;width:55px!important;z-index:0}.RaMenuItemLink-active{border-radius:0 20px 20px 0!important;background-color:#fff3!important;width:310px;height:55px}.settings .title-grid{padding:30px 150px 0 120px;margin-left:40px;display:flex;flex-direction:row;justify-content:space-between}.settings .title-grid .setting-title{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:20pt;font-weight:800}.settings .version-info-grid{margin-left:150px;margin-top:60px}.settings .setting-grid{padding:15px 120px 0 100px}.settings .setting-grid .disabled{pointer-events:none;opacity:.2}.settings .setting-grid .setting-item{padding:3%;display:flex;flex-direction:row;justify-content:space-between;border-radius:20pt;background-color:#fff;box-shadow:5px 5px 10px #8a8a8a94}.settings .setting-grid .setting-item .setting-title{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:24pt;height:50px;line-height:50px}.settings .setting-grid .setting-item .setting-selector{width:200pt;height:40pt;border-radius:15pt}.settings .setting-grid .setting-item .save{width:40pt;height:40pt}.emailAlert .info{margin:50px 0 0 100px}.emailAlert .title-grid{height:50px;line-height:50px;font-size:24pt;text-align:center;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.emailAlert .setting-grid{padding:15px 50px 0 100px}.emailAlert .setting-grid .disabled{pointer-events:none;opacity:.2}.emailAlert .setting-grid .setting-header{padding-right:10px;margin-bottom:10px;font-weight:800}.emailAlert .setting-grid .setting-item{padding:15pt 3%;display:flex;flex-direction:row;justify-content:space-between;border-radius:20pt;background-color:#fff;box-shadow:5px 5px 10px #8a8a8a94}.emailAlert .setting-grid .setting-item .setting-title{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:18pt;height:50px;line-height:50px}.emailAlert .setting-grid .setting-item .saveButton{width:70pt;height:40pt;background:#f6f6f6;border-width:0px;border-radius:35px;font-size:16px}.emailAlert .setting-grid .setting-deviceRow{display:flex;flex-direction:row;padding-top:20px;padding-bottom:20px}.emailAlert .trigger-and-save{display:flex;flex-direction:row;align-items:center;justify-content:center;width:200px}.emailAlert .trigger{width:150px}.emailAlert .ReactTags__tags{display:flex;flex-wrap:wrap;width:300px;gap:4px}.emailAlert .ReactTags__tagInput{flex-grow:1}.emailAlert .ReactTags__tagInputField{width:100%;height:24pt;padding:10px;font-size:12pt;border:none;border-radius:25px;outline:none}.emailAlert .ReactTags__selected{width:100%;padding:10px;border-radius:25px;outline:auto;border:#000;display:flex;flex-wrap:wrap;gap:4px}.emailAlert .ReactTags__tag{background-color:#e0e0e0;border-radius:16px;padding:4px 8px;color:#fff;font-weight:700;background-color:var(--background-color)!important}.emailAlert .ReactTags__remove{outline:none;border:none;background-color:transparent;margin-left:8px;cursor:pointer}
