:root{--colors-primary-100:0,59,1,0.2!important;--colors-primary-200:0,59,1,0.4!important;--colors-primary-300:0,59,1,0.6!important;--colors-primary-400:0,59,1,0.8!important;--colors-primary-500:0,59,1!important;--colors-primary-600:0,59,1,1.2!important;--colors-primary-700:0,59,1,1.4!important;--colors-blue-500:0,59,1!important}.dark{--colors-primary-100:227,251,239,0.2!important;--colors-primary-200:227,251,239,0.4!important;--colors-primary-300:227,251,239,0.6!important;--colors-primary-400:227,251,239,0.8!important;--colors-primary-500:227,251,239!important;--colors-primary-600:227,251,239,1.2!important;--colors-primary-700:227,251,239,1.4!important;--colors-blue-500:227,251,239!important}.dark .text-white{color:#003b01!important}.bg-info{background-color:#003b01!important}.dark .bg-info{background-color:#e3fbef!important}.bg-primary-500{background-color:#003b01!important}.border-primary-400,.border-primary-500{border-color:#003b01!important}.dark .bg-primary-500{background-color:#e3fbef!important}.dark .border-primary-500{border-color:#e3fbef!important}.eom-date-field .flatpickr-wrapper{width:100%!important}.eom-date-field .flatpickr-calendar{font-size:10px;max-width:100%!important}.eom-date-input-wrapper{position:relative;width:100%}.eom-date-input-wrapper input{padding-right:36px;width:100%!important}.eom-date-field .flatpickr-wrapper input{width:100%!important}.calendar-icon{color:#9ca3af;height:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px}.contract-detail-content .my-3>span:first-child{flex:1 1 auto;margin-right:0!important;min-width:0;overflow-wrap:normal;word-break:keep-all}.contract-detail-content .contract-detail-value,.contract-detail-content .my-3>span:last-child{flex:0 0 auto;margin-left:auto;overflow-wrap:normal;text-align:right;white-space:nowrap;word-break:keep-all}.contract-detail-content .grid.grid-cols-2>:nth-child(2n-1){hyphens:none;overflow-wrap:normal;word-break:normal}@media (width <= 768px){.contract-detail-content .contract-detail-row{flex-direction:column;gap:.5rem}.contract-detail-content .contract-detail-row>[class*="w-1/2"]{width:100%}.contract-detail-content .grid.grid-cols-2>:nth-child(2n-1){overflow-wrap:normal;word-break:normal}}@media (width <= 640px){.contract-detail-content .my-3{gap:.75rem}.contract-detail-content .my-3>span:first-child{max-width:calc(100% - 9.5rem)}}