.wpcfto_generic_field .grades_table{display:flex;width:100%;flex-direction:column;position:relative}.wpcfto_generic_field .grades_table__popup{display:flex;width:300px;padding:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999;visibility:hidden;opacity:0;background:#fff;box-shadow:0 5px 30px 0 rgba(0,0,0,.25);border-radius:8px;transition:.3s}.wpcfto_generic_field .grades_table__popup.grades_table__popup_show{opacity:1;visibility:visible}.wpcfto_generic_field .grades_table__popup-content{display:flex;width:100%;flex-direction:column}.wpcfto_generic_field .grades_table__popup-text{display:flex;justify-content:center;text-align:center;width:100%;font-size:18px;line-height:normal;color:#001931;font-weight:700}.wpcfto_generic_field .grades_table__popup-actions{display:flex;width:100%;margin-top:20px;justify-content:center}.wpcfto_generic_field .grades_table__popup-cancel{display:flex;justify-content:center;align-items:center;padding:0 20px;height:40px;border-radius:4px;background:rgba(34,122,255,.1);color:#227aff;font-size:14px;font-weight:500;line-height:normal;transition:.2s;margin-right:20px}.wpcfto_generic_field .grades_table__popup-cancel:hover{cursor:pointer;background:#227aff;color:#fff}.wpcfto_generic_field .grades_table__popup-confirm{display:flex;justify-content:center;align-items:center;padding:0 20px;height:40px;border-radius:4px;background:rgba(255,57,69,.1);color:#ff3945;font-size:14px;font-weight:500;line-height:normal;transition:.2s}.wpcfto_generic_field .grades_table__popup-confirm:hover{cursor:pointer;background:#ff3945;color:#fff}.wpcfto_generic_field .grades_table__wrapper{display:flex;width:100%;flex-direction:column;background:#fff;border:1px solid #DBE0E9;border-radius:4px}.wpcfto_generic_field .grades_table__title{display:flex;color:#001931;font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin:0 0 10px}.wpcfto_generic_field .grades_table__header{display:flex;width:100%;height:37px;padding:10px 20px;border-bottom:1px solid #DBE0E9}.wpcfto_generic_field .grades_table__body{display:flex;width:100%;flex-direction:column}.wpcfto_generic_field .grades_table__row{display:flex;width:100%;height:60px;padding:10px 20px;border-bottom:1px solid #DBE0E9;position:relative}.wpcfto_generic_field .grades_table__row-delete{display:flex;width:40px;height:40px;justify-content:center;align-items:center;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:4px;background:rgba(255,57,69,.1);transition:.2s}.wpcfto_generic_field .grades_table__row-delete i{font-size:15px;transition:.2s;color:#ff3945}.wpcfto_generic_field .grades_table__row-delete:hover{cursor:pointer;background:#ff3945}.wpcfto_generic_field .grades_table__row-delete:hover i{color:#fff}.wpcfto_generic_field .grades_table__row:last-child{border-bottom:none}.wpcfto_generic_field .grades_table__column{display:flex;justify-content:flex-start;align-items:center;color:#001931;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.wpcfto_generic_field .grades_table__item{display:flex;width:100%;align-items:center}.wpcfto_generic_field .grades_table__item-grade{display:flex;flex-shrink:0;width:40px;height:40px;justify-content:center;align-items:center;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:0;border-radius:50%}.wpcfto_generic_field .grades_table__item-value{display:flex;align-items:center;color:#001931;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.wpcfto_generic_field .grades_table__add-row{display:flex;width:100%;flex-wrap:nowrap;margin:30px 0 20px}.wpcfto_generic_field .grades_table__add-button{display:flex;flex-shrink:0;height:40px;padding:0 20px;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight:700;line-height:1;background:#227aff;border-radius:5px;transition:.2s;margin-top:auto}.wpcfto_generic_field .grades_table__add-button:hover{cursor:pointer;background:rgba(34,122,255,.85)}.wpcfto_generic_field .grades_table input.grades_table__input{display:flex;width:100%}.wpcfto_generic_field .grades_table input.grades_table__input.grades_table__input_error{border-color:#ff3945}.wpcfto_generic_field .grades_table input.grades_table__input::-webkit-input-placeholder{color:#ddd}.wpcfto_generic_field .grades_table input.grades_table__input::-moz-placeholder{color:#ddd}.wpcfto_generic_field .grades_table input.grades_table__input::-ms-input-placeholder{color:#ddd}.wpcfto_generic_field .grades_table input.grades_table__input::placeholder{color:#ddd}.wpcfto_generic_field .grades_table__input-wrapper{display:flex;flex:1;flex-shrink:0;flex-direction:column;margin-right:20px;position:relative}.wpcfto_generic_field .grades_table__input-wrapper:last-child{margin-right:0}.wpcfto_generic_field .grades_table__input-wrapper .grades_table__error-message{display:flex;color:#ff3945;font-size:12px;font-weight:400;line-height:normal;position:absolute;top:100%;margin-top:3px}.wpcfto_generic_field .grades_table__input-title{display:flex;width:100%;color:#001931;font-size:12px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:5px}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper{position:relative}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-chrome,.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-photoshop{position:absolute;top:100%;right:0;width:100%;min-width:540px;opacity:0;visibility:hidden;-webkit-transform:translateY(5px);transform:translateY(5px);transition:.3s ease;z-index:999999999999}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-chrome:hover,.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-photoshop:hover{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-chrome .vc-ps-ac-btn,.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-photoshop .vc-ps-ac-btn{display:none}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-chrome .vc-editable-input .vc-input__input,.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .vc-photoshop .vc-editable-input .vc-input__input{position:relative;left:17px;width:100%}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper.picker-position-top .vc-chrome,.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper.picker-position-top .vc-photoshop{top:auto;bottom:100%}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper label{display:block;font-size:16px;font-weight:600;margin-bottom:7px}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper>input[type=text]{padding:0 16px 0 45px;vertical-align:middle;width:100%!important;display:initial!important}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper>input[type=text]:focus+div .vc-chrome,.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper>input[type=text]:focus+div .vc-photoshop{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper>span:not(.description){background:#f6f9fc;display:flex;width:30px;height:30px;margin:0;cursor:pointer;border-radius:5px;border:1px solid #bec5cb;position:absolute;left:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.wpcfto_generic_field .grades_table .stm_colorpicker_wrapper .wpcfto_generic_field_color__clear{position:absolute;right:7px;top:5px;padding:0;width:18px;height:18px;text-align:center;line-height:19px;border-radius:50%;font-size:11px;background:#ccc;color:#fff}