I make a change in CSS but after reload it returns to normal [closed]

I have the following View :

IwanttochangethepositionofCheckBox,soinViewwehaveadiv:

<divclass="form-group">
    <div class="col-md-offset-2 col-md-10">
        <div class="checkbox">
            @Html.CheckBoxFor(m => m.RememberMe)
            @Html.LabelFor(m => m.RememberMe)
        </div>
    </div>
</div>

I entered CSS, I found the class CheckBox :

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px ;

Then I changed the value of the properties margin-left: to 1px and the property margin-top: to 1px, being:

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: 1px;
  margin-top: 1px ;
}

And then the page automatically became:

However, when you click refresh, CheckBox returns to the original position, and CSS continues with the new values, ie 1px for margin-left and 1px for margin-top

Update:

I changed the direct CSS in the source code, in Debug mode it worked after doing a Master-Refresh (CTRL + F5), however, when performing the publication, it is shown in old mode still.

Then I cleaned the FTP server, and did a new publication, from scratch. I cleared the browser cache and used Chrome in Anonimo mode

And yet, it still continues to appear the old way.