.plus{margin:0;padding:.375rem .5rem}.vue-slideout.vue-form-slideout{min-width:100%;width:100%}@media(min-width:768px){.vue-slideout.vue-form-slideout{min-width:40rem;width:auto}}.detail{padding:0;display:flex;flex-direction:column}.recruitment-agency-administration-role article.detail.contractor{padding-top:10px!important}.recruitment-agency-administration-role article.detail.contractor .first-row{display:flex;justify-content:space-between;align-items:center}.recruitment-agency-administration-role article.detail.contractor .wrapper button.btn.delete.delete-contractor{align-self:flex-end}.recruitment-agency-administration-role article.detail.contractor .wrapper button.btn.delete.delete-contractor:hover svg path{fill:var(--default-primary-text-color)}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.details .end .vdp-datepicker__calendar,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.details .start .vdp-datepicker__calendar,.recruitment-agency-administration-role article.detail.contractor .wrapper .vdp-datepicker__calendar{right:unset;left:0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.details .left{width:70px}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured{display:flex}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .field-names{display:flex;flex-direction:column;padding:0 1rem 0 0;width:20rem}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates{display:flex;flex-direction:column;flex-grow:1}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .titles{height:3.25rem;display:flex;flex-direction:row;flex-grow:0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .titles label{font-weight:500;padding-left:16px;width:12rem;flex-grow:0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .rate{display:flex;flex-direction:row;height:3.25rem}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .rate .charge-rate,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .rate .pay-rate{width:12rem}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .left,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .middle,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .right{display:flex;flex-direction:column;align-items:center;padding-left:.25rem;flex:1 0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .left label{height:3.1rem}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .middle label,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .right label{align-self:center}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .middle .state-wrapper .edit-wrapper .edit,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .right .state-wrapper .edit-wrapper .edit{border:1px solid var(--default-border-color);flex:1 0 auto}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .middle .state-wrapper .edit-wrapper .edit input,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .right .state-wrapper .edit-wrapper .edit input{max-width:6rem;border:none;text-align:right}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .middle .state-wrapper .edit-wrapper .edit p,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .right .state-wrapper .edit-wrapper .edit p{margin-left:.5rem;margin-right:.5rem}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .charge-rate,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .pay-rate{display:flex}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .charge-rate .control.editable.input,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .pay-rate .control.editable.input{max-width:100px}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .charge-rate p,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .pay-rate p{padding:0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .charge-rate input,.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials main form .group.horizontal.workerFinancialsCaptured .rates .pay-rate input{padding-top:0;padding-bottom:0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials .group.horizontal.outer{padding:0}.recruitment-agency-administration-role article.detail.contractor .wrapper .block-group .block-wrapper.financials .group.horizontal.outer :first-child:not(>.caret-wrapper){padding-right:0}