*{margin:0;padding:0;font-family:Roboto,Nunito,sans-serif}* ::-webkit-scrollbar{display:none}.app.dark{color:#9c9c9c;background-color:#111}.app.dark span{color:gray}.app.dark .chartGrid{stroke:#e4e4e438}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{color:#999;background-color:#111;border-color:#333}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid{color:gray;background-color:#111;border:none}.app.dark .datatable .datagrid .datatable-checkbox,.app.dark .datatable .datagrid .buttonContainer{color:gray}.app.dark .datatable .datagrid .buttonContainer .viewButton,.app.dark .datatable .datagrid .buttonContainer .cancelButton,.app.dark .datatable .datagrid .buttonContainer .editButton,.app.dark .datatable .datagrid .buttonContainer .pushButton,.app.dark .datatable .datagrid .buttonContainer .promoteButton,.app.dark .datatable .datagrid .buttonContainer .reviewButton,.app.dark .datatable .datagrid .buttonContainer .contactButton,.app.dark .datatable .datagrid .buttonContainer .closeButton,.app.dark .datatable .datagrid .buttonContainer .payButton,.app.dark .datatable .datagrid .buttonContainer .distributeButton,.app.dark .datatable .datagrid .buttonContainer .relistButton{color:gray;border:none}.app.dark .datatable .datagrid .cellWithStatus{color:#333}.app.dark .datatable .bulkActionsContainer .buttonContainer{color:gray;border:1px solid gray}.app.dark input{color:gray;background-color:#0000;border:none}.formSmallInput label{align-items:center;gap:10px;display:flex}.formSmallInput label .icon{cursor:pointer}.formSmallInput input{border:none;border-bottom:1px solid gray;width:100%;padding:5px}.formLooperCount .inputs{border-bottom:1px solid gray;flex-flow:row;justify-content:flex-start;align-items:center;padding:3.75px;display:flex}.formLooperCount .inputs input{border:none;margin-left:14px;margin-right:14px}.formFreeSwitch{color:gray;flex-direction:column;align-items:flex-start;gap:5px;padding-left:8px;display:flex}.formFreeSwitch .itemSwitch{padding-left:8px}.formFreeSwitch .switchGroup{flex-flow:row;justify-content:flex-end;padding-left:5px;display:flex}.formFreeSwitch .switchGroup .itemValue{color:gray;align-self:center;padding-right:3px}.formUpload{-webkit-box-shadow:2px 4px 10px 1px #00000078;flex-direction:column;flex:1;align-items:center;gap:10px;height:170px;padding-top:10px;padding-left:10px;padding-right:10px;display:flex;box-shadow:2px 4px 10px 1px #c9c9c978}.formUpload label{align-self:flex-start;padding-bottom:10px;display:flex}.formUpload .uploadCTA{gap:5px;display:flex}.formUpload .uploadCTA span{text-decoration:underline}.formUpload img{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-top:-15px}.datatable .datatableTitle{color:gray;justify-content:space-between;align-items:center;width:100%;font-size:24px;display:flex}.datatable .bulkActionsContainer{flex-flow:wrap;justify-content:center;align-items:center;gap:10px;width:100%;padding-bottom:15px;display:flex}.datatable .bulkActionsContainer .buttonContainer{color:#000;text-align:center;cursor:pointer;border:1px solid #000;border-radius:8px;flex-direction:column;place-content:center;align-items:center;gap:3px;width:80px;padding:5px;font-size:10px;font-weight:400;text-decoration:none;display:flex}.datatable .cellWithImg{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.datatable .cellWithImg .cellImg{object-fit:cover;border-radius:50%;width:32px;height:32px}.datatable .cellWithStatus{text-align:center;text-transform:uppercase;border-radius:14px;width:150px;padding:5px 15px;font-weight:700}.datatable .cellWithStatus._1{background-color:#ffdead}.datatable .cellWithStatus._2{background-color:violet}.datatable .cellWithStatus._3{background-color:gold}.datatable .cellWithStatus._4{background-color:#daa520}.datatable .cellWithStatus._5{background-color:pink}.datatable .cellWithStatus._6{background-color:#98fb98}.datatable .cellWithStatus._7{background-color:#90ee90}.datatable .cellWithStatus._8{background-color:#d3d3d3}.datatable .cellWithStatus._9{background-color:#add8e6}.datatable .cellWithStatus._10{background-color:red}.datatable .cellAction{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;display:flex}.datatable .cellAction .buttonContainer{text-align:center;flex-direction:column;place-content:center;align-items:center;gap:3px;padding-top:5px;font-size:9px;font-weight:400;display:flex}.datatable .cellAction .buttonContainer .viewButton{color:#00008b;cursor:pointer;border:1px dotted #00008b98;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .cancelButton{color:#dc143c;cursor:pointer;border:1px dotted #dc143c99;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .editButton{color:green;cursor:pointer;border:1px dotted green;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .pushButton{color:#00008b;cursor:pointer;border:1px dotted #00008b98;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .promoteButton{color:#dc143c;cursor:pointer;border:1px dotted #dc143c99;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .reviewButton{color:green;cursor:pointer;border:1px dotted green;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .contactButton{color:#00008b;cursor:pointer;border:1px dotted #00008b98;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .closeButton{color:#dc143c;cursor:pointer;border:1px dotted #dc143c99;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .payButton{color:green;cursor:pointer;border:1px dotted green;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .distributeButton{color:#00008b;cursor:pointer;border:1px dotted #00008b98;border-radius:5px;padding:2px 5px}.datatable .cellAction .buttonContainer .relistButton{color:#dc143c;cursor:pointer;border:1px dotted #dc143c99;border-radius:5px;padding:2px 5px}.unread-row .MuiDataGrid-cell{background-color:#eee!important}html.dark .unread-row .MuiDataGrid-cell{background-color:#212b36!important}.read-row .MuiDataGrid-cell{background-color:inherit!important}.new{margin-left:150px;display:flex}.new .newContainer{flex:6}.new .newContainer .top,.new .newContainer .bottom{-webkit-box-shadow:2px 4px 10px 1px #00000078;margin:20px;padding:10px;display:flex;box-shadow:2px 4px 10px 1px #c9c9c978}.new .newContainer .top .content,.new .newContainer .bottom .content{flex:1;margin:0 20px;padding:20px 0}.new .newContainer .top h1,.new .newContainer .bottom h1{color:#d3d3d3;font-size:20px}form{flex-wrap:wrap;justify-content:space-evenly;gap:24px;display:flex}form .formUpload{-webkit-box-shadow:2px 4px 10px 1px #00000078;flex-direction:column;align-items:center;gap:10px;width:170px;height:170px;margin-right:10px;padding-top:10px;padding-left:10px;padding-right:10px;display:flex;box-shadow:2px 4px 10px 1px #c9c9c978}form .formUpload label{align-self:flex-start;display:flex}form .formUpload .uploadCTA{gap:5px;display:flex}form .formUpload .uploadCTA span{text-decoration:underline}form .formUpload img{object-fit:cover;border-radius:50%;width:100px;height:100px;margin-top:-15px}form .formLargeInput{width:48%}form .formLargeInput label{align-items:center;gap:10px;display:flex}form .formLargeInput label .icon{cursor:pointer}form .formLargeInput input{border:none;border-bottom:1px solid gray;width:100%;padding:5px}form .formMediumInput{width:18%}form .formMediumInput label{color:gray;align-items:center;gap:10px;display:flex}form .formMediumInput label .icon{cursor:pointer}form .formMediumInput legend{color:gray}form .formMediumInput input{border:none;border-bottom:1px solid gray;width:100%;padding:5px}form .formMediumInput .formSelect{color:#000;background-color:#ff0}form .formLooperCount{width:22%}form .formLooperCount .inputs{border-bottom:1px solid gray;flex-flow:row;justify-content:flex-start;align-items:center;padding:3.75px;display:flex}form .formLooperCount .inputs input{border:none;margin-left:14px;margin-right:14px}form .formSelect{color:gray;width:22.8%}form .formSelect label{color:gray}form .formSelect .selectInput{-webkit-box-shadow:2px 4px 10px 1px #00000078;box-shadow:2px 4px 10px 1px #c9c9c978}form .formSelect .selectInput label,form .formSelect .selectLabel,form .formSelect .selectHelper{color:gray}form .formFreeSwitch{color:gray;flex-direction:column;align-items:flex-start;gap:5px;width:10%;display:flex}form .formFreeSwitch .itemSwitch{padding-left:8px}form .formFreeSwitch .switchGroup{flex-flow:row;justify-content:flex-end;padding-left:5px;display:flex}form .formFreeSwitch .switchGroup .itemValue{color:gray;align-self:center;padding-right:3px}form .formSmallInput{width:6.4%}form .formSmallInput label{align-items:center;gap:10px;display:flex}form .formSmallInput label .icon{cursor:pointer}form .formSmallInput input{border:none;border-bottom:1px solid gray;width:100%;padding:5px}form .formGroup{-webkit-box-shadow:2px 4px 10px 1px #00000078;flex-flow:column;gap:10px;width:100%;padding:10px;display:flex;box-shadow:2px 4px 10px 1px #c9c9c978}form .formGroup .headRow{align-items:center;display:flex}form .formGroup .headRow .left{flex:3;font-size:20px;font-weight:bolder}form .formGroup .headRow .right{flex:1;margin-left:5px;margin-right:5px}form .formGroup .itemsContainer::-webkit-scrollbar{display:none}form .formGroup .itemsContainer{flex-flow:row;justify-content:space-between;width:1195px;display:flex;overflow:auto hidden}form .formGroup .itemsContainer .itemContainer{-webkit-box-shadow:2px 4px 10px 1px #00000078;color:#000;border:none;border-radius:10px;width:100%;margin:10px;padding:20px 5px 5px;position:relative;box-shadow:2px 4px 10px 1px #c9c9c978}form .formGroup .itemsContainer .itemContainer .actions{cursor:pointer;flex-flow:row-reverse;gap:0;display:flex;position:absolute;top:0;right:0}form .formGroup .itemsContainer .itemContainer .actions .actionButton{background-color:#ffb6c1;padding:6px}form .formGroup .itemsContainer .itemContainer .actions .actionButton:first-child{background-color:#add8e6;border-radius:0 10px 0 0}form .formGroup .itemsContainer .itemContainer .actions .actionButton:last-child{background-color:#f08080;border-radius:0 0 0 10px}form .formGroup .itemsContainer .itemContainer .item{flex-direction:column;width:250px;padding:5px;display:flex}form .formGroup .itemsContainer .itemContainer .item .itemTitle{color:gray;padding-right:5px;font-family:Nunito,sans-serif;font-weight:700}form .formGroup .itemsContainer .itemContainer .item .itemValue{color:gray;border:none;font-weight:400}form .formGroup .itemsContainer .itemContainer .item .itemSwitch{padding-left:10px}form .formGroup .itemsContainer .itemContainer .radioContainer{padding-bottom:0}form .formGroup .itemsContainer .itemContainer .switchContainer{flex-flow:row;align-items:last baseline;padding-top:4px;padding-bottom:4px}form .formGroup .itemsContainer .itemContainer .switchContainer .itemTitle{padding-right:15px}form button{color:#fff;cursor:pointer;background-color:teal;border:none;width:100%;margin-top:10px;padding:10px;font-weight:700}.dash{margin-left:150px;display:flex}.dash .dashContainer{flex:6}.dash .dashContainer .widgets,.dash .dashContainer .charts{gap:20px;padding:20px;display:flex}.dash .dashContainer .charts{padding:5px 20px}.dash .dashContainer .listContainer{-webkit-box-shadow:2px 4px 10px 1px #00000078;margin:20px;padding:20px;box-shadow:2px 4px 10px 1px #c9c9c978}.dash .dashContainer .listContainer .listTitle{color:gray;margin-bottom:15px;font-weight:500}