.selections { margin-top: 36px; padding-left: 72px; } .level-header { padding-left: 81px; display: flex; justify-content: space-between; align-items: center; } .selection-levels { overflow-x: scroll; padding-bottom: 100px; } .level-header-subheader { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 36px; padding-left: 0.3rem; color: #226CB0; letter-spacing: 0.02em; } .level-header-spliter { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 36px; padding-left: 0.3rem; color: #272727; letter-spacing: 0.02em; } .selection-levels-processes { display: flex; margin-top: 39px; position: relative; } .selection-levels-processes-process { padding-left: 81px; display: flex; } .selection-card { display: flex; flex-direction: column; justify-content: start; align-items: left; height: fit-content; padding: 36px; background: #F4F4F4; border: 1px solid #e4e4e4; border-radius: 18px; gap: 18px; margin-right: 36px; } .bg-danger { background-color: #272727; } .grey { color: #e4e4e4 } .selection-item { display: flex; flex-direction: row; justify-content: left; vertical-align: top; align-items: left; width: 400px; padding: 18px 36px; background: #FFFFFF; border: 1px solid #e4e4e4; border-radius: 18px; gap: 18px; margin-right: 36px; } .selection-item-date p { text-align: right; font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 15px; color: #272727; flex: none; order: 4; flex-grow: 0; } .selection-card-title h3 { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; font-size: 32px; line-height: 32px; letter-spacing: 0.02em; color: #272727; flex: none; order: 0; flex-grow: 0; } .selection-item-name, .selection-item-date { margin: auto 0 !important; } .selection-item-name p { height: 20px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; text-align: right; color: #226CB0; flex: none; order: 2; flex-grow: 0; } .selection-item-buttons button { box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; font-size: 16px; align-items: center; padding: 9px; gap: 10px; min-width: 76px; height: 38px; border: 1px solid #e4e4e4; border-radius: 9px; flex: none; order: 0; flex-grow: 0; } .sel-item { display: flex; flex-direction: row; align-items: center; padding: 18px 36px; gap: 18px; width: 458px; background: #FFFFFF; border: 1px solid #E4E4E4; border-radius: 18px; } .sel-item .status { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #272727; flex: none; order: 0; flex-grow: 0; } .sel-item .date { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #272727; } .sel-item .full-name { height: 20px; font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; font-size: 16px; text-align: right; color: #226CB0; flex: 3 0 auto; order: 1; } .sel-item .status button { box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; font-size: 16px; align-items: center; padding: 9px; gap: 10px; min-width: 76px; height: 38px; border: 1px solid #e4e4e4; background: white; border-radius: 9px; flex: none; order: 0; flex-grow: 0; }