/************ FONDO COMUN ******************/
body {
  background-image: url("../fondo_nxf.svg")!important;
  background-color:#dbe8ec !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  margin-bottom: 60px;
  margin-bottom: 30px !important;
}

/******************** PERSONALIZACIÓN NXF *************************************/
a {
  color: #ec0d28;
  text-decoration: none;
  background-color: transparent;
}
a:hover{
  color: rgba(0,0,0,.7);
  text-decoration: none;
}
.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ec0d28;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #ec0d28;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(236, 13, 39, 0.25);
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #ec0d28;
  border-color: #ec0d28;
}

.alert-info {
  color: #0c5460;
  background-color: #ec0d2725!important;
  border-color: #ec0d28 !important;
}

.form-control:focus, .custom-control-input:focus, .chosen-container-active .chosen-single {
  color: #000 !important;
  background-color: #fff;
  border-color: #ec0d28 !important;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(236, 13, 39, 0.25) !important;
}


.form-control .custom-radios
{
  border: none !important;
}

.chosen-container-active .chosen-single, .chosen-container-active .chosen-choices {
  border: 1px solid #ec0d28 !important;
  -webkit-box-shadow: 0 0 0 .2rem rgba(236, 13, 39, 0.25) !important;
          box-shadow: 0 0 0 .2rem rgba(236, 13, 39, 0.25) !important;

}

.chosen-container .chosen-results li.highlighted {
  background-color: #ec0d28 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ec0d28), color-stop(90%, #ec0d28)) !important;
  background-image: linear-gradient(#ec0d28 20%, #ec0d28 90%) !important;
  color: #fff;
}
 /****************** ELEMENTOS **************************/
.btn-default {
  color: #fff !important;
  background-color: #ec0d28 !important;
  border-color: #ec0d28 !important;
}
.btn-outline-default{
  color: #ec0d28 !important;
  background-color: #fff !important;
  border-color: #ec0d28 !important;
}

/***************** MENUES  ************************/
.navbar-light .navbar-nav .nav-link {
  color: #ec0d28;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #ec0d28;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .show > .nav-link:hover {
  color: rgba(0,0,0,.7);
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #ec0d28;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #ec0d28;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #ec0d28;
  background-color: #ec0d28;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(236, 13, 39, 0.25) !important;
}
.border-left-default {
  border-left: 0.25rem solid #ec0d28 !important;
}

.text-default {
  color: #ec0d28 !important;
}

/************************* PÁGINA INICIO ***********************/
.form-signin {
    margin-left: 25% !important;
}


/*****************************************************/
.billable.badge {
  padding: 0.7em 1.5em !important;
  font-size: 100% !important;
}
legend.form-label{
  font-size: 1.0rem !important;
}
.form-check-inline{
  padding-top: 0.5em;
}
.custom-control-label::before {
  background-color: #fff;
}
/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #ec0d28;
    background-color: #fff; /* red */
}
    
/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ec0d28'/%3e%3c/svg%3e");
}