:root {

    --white:#fff;
    --grey_light:#fafafa ;
    --grey_hell:#f1f1f1;
    --grey_dark:#707070;
    --grey_input:#d9d9d9;

    --baby_grey:#f5f5f5;

    --orange:#ff6600;
    --baby_orange:#fff1e9;

    --blue:#008CBA;
    --baby_blue:#F0F8FF;

    --purple: #800080;
    --baby_purple: #e6e8fa;

    --red:#f9dadd;
    --red_dark:#e45a68;
    --green:#d8f8e2;

    /*--loops_left:#FFF8DC;
    --loops_right:#FF7F50;*/

    --loop_selected:#fffada;
    --loop_hover:#fffada;

    --bs-blue: #000;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:visited {
  border-color: var(--orange) !important;
  color: var(--orange) !important;
}

.btn-outline-primary:hover {
  color: white !important;
  background-color: var(--orange) !important;
}


.btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary:visited {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
}
.btn-outline-secondary:hover {
  color: white !important;
  background-color: var(--blue) !important;
}


.btn-primary, .btn-primary:active, .btn-primary:visited {
    border-color: var(--orange) !important;
    color: white !important;
    background-color: var(--orange) !important;
}

.btn-primary:hover {
    background-color: white !important;
    color: var(--orange) !important;
}

.btn-secondary, .btn-secondary:active, .btn-secondary:visited {
  border-color: var(--blue) !important;
  color: white !important;
  background-color: var(--blue) !important;
}
.btn-secondary:hover {
  background-color: white !important;
  color: var(--blue) !important;
}

.form-control:focus{
  border-color:var(--blue)!important;
}

.dropdown-item:active{
  background-color:var(--blue)!important;
}


.link-primary {
  color: var(--blue) !important;
  text-decoration: none !important;
}

.link-primary:hover {
  text-decoration: underline !important;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: var(--baby_blue);
  box-shadow: 0 0px 0px var(--baby_blue) inset, 0 0 0px var(--baby_blue);
  outline: 0 none;
}

/* .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: var(--baby_blue);
} */