uktest

by ud25tGNwMddCP7JI

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="modal-dialog" style="max-width: 900px;" id="modalBudgetPeriod"><style type="text/css">
    .budget-period i:nth-of-type(1) {
        position: absolute;
        right: 235px;
        top: 10px;
    }

    .budget-period i:nth-of-type(2) {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    small.field-validation-error {
        color: #a94442 !important;
    }

    .form-control-feedback.fa-times {
        color: #a94442 !important;
    }

    .form-control-feedback.fa-check {
        color: #3c763d !important;
    }

    .has-error .form-control {
        border-color: #ed5565 !important;
    }

    .has-error .input-group-addon {
        border-color: #a94442 !important;
        color: #a94442 !important;
    }

    #sendNoticeWrap {
        margin-left: 15px;
    }

    .add-new {
        cursor: pointer;
        color: #1A73E8;
        font-size: 12px;
        text-decoration: underline;
    }

    .add-disabled {
        opacity: 0.5;
        pointer-events: none;
    }

    .form-error {
        border: 1px solid #DC3545 !important;
        box-shadow: 0 0 1px 2px #FFD7DB;
        -webkit-box-shadow: 0 0 1px 2px #FFD7DB;
    }

    .option-delete {
        cursor: pointer;
        margin-top: 10px;
        font-size: 18px;
        color: #808080;
    }

    .show {
        display: block;
    }

    .hide {
        display: none;
    }
</style>
<form action="/Admin/CentralizedBudget/SaveBudgetPeriod"...