/* #FFA500 = rgb(255, 165, 0) */

.cs                 { color: rgb(255, 165, 0) !important; }
.cs-75              { color: rgba(255, 165, 0, .75) !important; }
.cs-50              { color: rgba(255, 165, 0, .5) !important; }
.cs-25              { color: rgba(255, 165, 0, .25) !important; }
.cs-10              { color: rgba(255, 165, 0, .1) !important; }
.cs-5               { color: rgba(255, 165, 0, .05) !important; }

.cs-bg              { background-color: rgb(255, 165, 0) !important; }
.cs-bg-75           { background-color: rgba(255, 165, 0, .75) !important; }
.cs-bg-50           { background-color: rgba(255, 165, 0, .5) !important; }
.cs-bg-25           { background-color: rgba(255, 165, 0, .25) !important; }
.cs-bg-10           { background-color: rgba(255, 165, 0, .1) !important; }
.cs-bg-5            { background-color: rgba(255, 165, 0, .05) !important; }
.cs-bg-3            { background-color: rgba(255, 165, 0, .03) !important; }
.cs-bg-1            { background-color: rgba(255, 165, 0, .01) !important; }

.cs-border          { border-color: rgb(255, 165, 0) !important; }
.cs-border-75       { border-color: rgba(255, 165, 0, .75) !important; }
.cs-border-50       { border-color: rgba(255, 165, 0, .5) !important; }
.cs-border-25       { border-color: rgba(255, 165, 0, .25) !important; }
.cs-border-10       { border-color: rgba(255, 165, 0, .1) !important; }
.cs-border-5        { border-color: rgba(255, 165, 0, .05) !important; }

.cs-hover:hover     {
  background-color: rgba(255, 165, 0, .1) !important;
  cursor: pointer;
}

.cs-focus:focus     {
  outline:      0;
  border-color: rgb(255, 165, 0) !important;
  box-shadow:   0 0 0 0.2rem rgba(255, 165, 0, .25) !important;
}

.form-control:focus {
  border-color: rgb(255, 165, 0) !important;
  box-shadow:   0 0 0 0.2rem rgba(255, 165, 0, .25) !important;
}
