*{font-family:Roboto,Nunito,sans-serif;margin:0;padding:0}* ::-webkit-scrollbar{display:none}.app.dark{background-color:#111;color:#9c9c9c}.app.dark span{color:gray}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{background-color:#111;border-color:#333;color:#999}.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{background-color:#111;border:none;color:gray}.app.dark .datatable .datagrid .buttonContainer,.app.dark .datatable .datagrid .datatable-checkbox{color:gray}.app.dark .datatable .datagrid .buttonContainer .cancelButton,.app.dark .datatable .datagrid .buttonContainer .closeButton,.app.dark .datatable .datagrid .buttonContainer .contactButton,.app.dark .datatable .datagrid .buttonContainer .distributeButton,.app.dark .datatable .datagrid .buttonContainer .editButton,.app.dark .datatable .datagrid .buttonContainer .payButton,.app.dark .datatable .datagrid .buttonContainer .promoteButton,.app.dark .datatable .datagrid .buttonContainer .pushButton,.app.dark .datatable .datagrid .buttonContainer .relistButton,.app.dark .datatable .datagrid .buttonContainer .reviewButton,.app.dark .datatable .datagrid .buttonContainer .viewButton{border:none;color:gray}.app.dark .datatable .datagrid .cellWithStatus{color:#333}.app.dark .datatable .bulkActionsContainer .buttonContainer{border:1px solid gray;color:gray}.app.dark input{background-color:#0000;border:none;color:gray}.formSmallInput label{align-items:center;display:flex;gap:10px}.formSmallInput label .icon{cursor:pointer}.formSmallInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.formLooperCount .inputs{align-items:center;border-bottom:1px solid gray;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;padding:3.75px}.formLooperCount .inputs input{border:none;margin-left:14px;margin-right:14px}.formFreeSwitch{align-items:flex-start;color:gray;display:flex;flex-direction:column;gap:5px}.formFreeSwitch,.formFreeSwitch .itemSwitch{padding-left:8px}.formFreeSwitch .switchGroup{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;padding-left:5px}.formFreeSwitch .switchGroup .itemValue{align-self:center;color:gray;padding-right:3px}.formUpload{align-items:center;box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;flex:1 1;flex-direction:column;gap:10px;height:170px;padding-left:10px;padding-right:10px;padding-top:10px}.formUpload label{align-self:flex-start;display:flex;padding-bottom:10px}.formUpload .uploadCTA{display:flex;gap:5px}.formUpload .uploadCTA span{text-decoration:underline}.formUpload img{border-radius:50%;height:100px;margin-top:-15px;object-fit:cover;width:100px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;width:100%}.datatable .bulkActionsContainer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding-bottom:15px;width:100%}.datatable .bulkActionsContainer .buttonContainer{align-content:center;align-items:center;border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:400;gap:3px;justify-content:center;padding:5px;text-align:center;text-decoration:none;width:80px}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:14px;font-weight:700;padding:5px 15px;text-align:center;text-transform:uppercase;width:150px}.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{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.datatable .cellAction .buttonContainer{align-content:center;align-items:center;display:flex;flex-direction:column;font-size:9px;font-weight:400;gap:3px;justify-content:center;padding-top:5px;text-align:center}.datatable .cellAction .buttonContainer .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .cancelButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .editButton{border:1px dotted green;border-radius:5px;color:green;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .pushButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .promoteButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .reviewButton{border:1px dotted green;border-radius:5px;color:green;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .contactButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .closeButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .payButton{border:1px dotted green;border-radius:5px;color:green;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .distributeButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .buttonContainer .relistButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.unread-row-dark .MuiDataGrid-cell{background-color:#00000080!important}.unread-row-light .MuiDataGrid-cell{background-color:#eee!important}.read-row-dark .MuiDataGrid-cell,.read-row-light .MuiDataGGrid-cell{background-color:inherit!important}.new{display:flex;margin-left:150px}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}.new .newContainer .bottom .content,.new .newContainer .top .content{flex:1 1;margin:0 20px;padding:20px 0}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}form{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-evenly}form .formUpload{align-items:center;box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;flex-direction:column;gap:10px;height:170px;margin-right:10px;padding-left:10px;padding-right:10px;padding-top:10px;width:170px}form .formUpload label{align-self:flex-start;display:flex}form .formUpload .uploadCTA{display:flex;gap:5px}form .formUpload .uploadCTA span{text-decoration:underline}form .formUpload img{border-radius:50%;height:100px;margin-top:-15px;object-fit:cover;width:100px}form .formLargeInput{width:48%}form .formLargeInput label{align-items:center;display:flex;gap:10px}form .formLargeInput label .icon{cursor:pointer}form .formLargeInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}form .formMediumInput{width:18%}form .formMediumInput label{align-items:center;color:gray;display:flex;gap:10px}form .formMediumInput label .icon{cursor:pointer}form .formMediumInput legend{color:gray}form .formMediumInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}form .formMediumInput .formSelect{background-color:#ff0;color:#000}form .formLooperCount{width:22%}form .formLooperCount .inputs{align-items:center;border-bottom:1px solid gray;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;padding:3.75px}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{box-shadow:2px 4px 10px 1px #c9c9c978}form .formSelect .selectHelper,form .formSelect .selectInput label,form .formSelect .selectLabel{color:gray}form .formFreeSwitch{align-items:flex-start;color:gray;display:flex;flex-direction:column;gap:5px;width:10%}form .formFreeSwitch .itemSwitch{padding-left:8px}form .formFreeSwitch .switchGroup{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;padding-left:5px}form .formFreeSwitch .switchGroup .itemValue{align-self:center;color:gray;padding-right:3px}form .formSmallInput{width:6.4%}form .formSmallInput label{align-items:center;display:flex;gap:10px}form .formSmallInput label .icon{cursor:pointer}form .formSmallInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}form .formGroup{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:10px;width:100%}form .formGroup .headRow{align-items:center;display:flex}form .formGroup .headRow .left{flex:3 1;font-size:20px;font-weight:bolder}form .formGroup .headRow .right{flex:1 1;margin-left:5px;margin-right:5px}form .formGroup .itemsContainer::-webkit-scrollbar{display:none}form .formGroup .itemsContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;overflow-x:auto;width:1195px}form .formGroup .itemsContainer .itemContainer{border:none;border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;color:#000;margin:10px;padding:20px 5px 5px;position:relative;width:100%}form .formGroup .itemsContainer .itemContainer .actions{cursor:pointer;display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:0;position:absolute;right:0;top: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{display:flex;flex-direction:column;padding:5px;width:250px}form .formGroup .itemsContainer .itemContainer .item .itemTitle{color:gray;font-family:Nunito,sans-serif;font-weight:700;padding-right:5px}form .formGroup .itemsContainer .itemContainer .item .itemValue{border:none;color:gray;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{align-items:last baseline;flex-direction:row;flex-wrap:nowrap;padding-bottom:4px;padding-top:4px}form .formGroup .itemsContainer .itemContainer .switchContainer .itemTitle{padding-right:15px}form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:100%}.dash{display:flex;margin-left:150px}.dash .dashContainer{flex:6 1}.dash .dashContainer .charts,.dash .dashContainer .widgets{display:flex;gap:20px;padding:20px}.dash .dashContainer .charts{padding:5px 20px}.dash .dashContainer .listContainer{box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.dash .dashContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}