/*
INSTRUCCIONES
Replace de "2,122,58" por la versión RGB del color deseado.
Conversor HEX a RGB: https://www.rgbtohex.net/hextorgb/
+Info:
Se asigna el color corporativo al color "primary" y/o default de Bootstrap
Hay varias herramientas online para esto mismo, pero son incompletas o poco prácticas, así que este archivo está hecho a mano, basándose en varias de ellas.
Se usa RGB y RGBA para sacar variantes más claras del color principal haciendo solo un replace.
Susceptible de mejora conforme se vaya testeando o añadiendo componentes.
*/
.alert-primary {
  color: rgb(2,122,58);
  background-color: rgba(2,122,58,.1);
  border-color: rgba(2,122,58,.3);
}
.alert-primary hr {
  border-color: rgba(2,122,58,.3);
}
.alert-primary .alert-link {
  color: rgba(2,122,58,1);
}
.badge-primary {
  color: #fff;
  background-color: rgb(2,122,58);
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  background-color: rgba(2,122,58,.9);
  box-shadow:0 0 0 0.2rem rgba(2,122,58,.3);
}
.bg-primary {
  background-color: rgb(2,122,58)!important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgba(2,122,58,.9) !important;
}
.border-primary {
  border-color: rgb(2,122,58) !important;
}
.btn-primary {
  color: #fff;
  background-color: rgb(2,122,58);
  border-color: rgb(2,122,58);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active{
  color: #fff;
  background-color: rgba(2,122,58,.9)!important;;
  border-color: rgba(2,122,58,.9)!important;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3) !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: rgba(2,122,58,.3)!important;
  border-color: rgba(2,122,58,.3)!important;
}
.btn-outline-primary {
  color: rgb(2,122,58);
  background-color: transparent;
  border-color: rgb(2,122,58);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary.active{
  color: #fff;
  background-color: rgb(2,122,58)!important;
  border-color: rgb(2,122,58)!important;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3) !important;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: rgb(2,122,58);
  background-color: transparent !important;
}
.list-group-item-primary,
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: rgb(2,122,58);
  background-color: rgba(2,122,58,.1);
}
.list-group-item.active,
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(2,122,58);
  border-color: rgb(2,122,58);
}
.table-primary,
.table-hover .table-primary:hover{
  background-color: rgba(2,122,58,.1);
}
.table-primary > th,
.table-primary > td,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th{
  background-color: transparent;
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
  border-color: rgba(2,122,58,.3);
}
.text-primary {
   color: rgb(2,122,58) !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: rgba(2,122,58,.9) !important;
}
.form-control:focus {   
  border-color: rgba(2,122,58,.3);
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3);
}
a{
   color: rgb(2,122,58);
}
a:hover{
   color: rgba(2,122,58,.9);
}
.custom-control-input:checked~.custom-control-label::before,
.custom-control-input:not(:disabled):active~.custom-control-label::before{
    border-color: rgb(2,122,58);
    background-color: rgb(2,122,58);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
  border-color: rgb(2,122,58);
}
.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3);
}
.dropdown-item.active, .dropdown-item:active{
  background-color: rgb(2,122,58);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: rgb(2,122,58);
}
.page-link,
.page-link:hover,
.page-link:focus,
.page-link:active{
  color: rgb(2,122,58);
}
.page-item.active .page-link {
  background-color: rgb(2,122,58);
  border-color: rgb(2,122,58);
}
.page-link:focus{
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3);
}
.custom-select:focus,
.custom-file-input:focus~.custom-file-label{
  border-color: rgba(2,122,58,.5);
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3);
}
.progress-bar{
  background-color: rgb(2,122,58);
}
.btn-link{
   color: rgb(2,122,58);
}
.btn-link:hover{
   color: rgba(2,122,58,.9);
}
.btn-link.focus, .btn-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3);
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .dropdown-item.active{
  background:transparent;
  color: rgb(2,122,58);
}
.navbar-light .navbar-nav .megamenu > ul > li > .dropdown-item.dropdown-toggle.active{
  background:#f7f7f7;
}
.navbar-light .navbar-nav .dropdown-menu .dropdown-menu .dropdown-item.active:before{
  background-color: rgb(2,122,58);
  border-color: rgb(2,122,58);
}
@media (min-width:768px) {
  .navbar-light .navbar-nav .nav-link.active{
    border-color: rgb(2,122,58);
    color:#212529;
  }
}
.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: rgb(2,122,58);
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
  background-color: rgb(2,122,58);
}
.dropzone:active {
  border-color: rgba(2,122,58,.6);
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3);
}
.ck.ck-editor__editable_inline:focus{
  border-color: rgba(2,122,58,.6)!important;
   box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3)!important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:active,
.select2-container--default.select2-container--open .select2-selection--single{
  border-color: rgba(2,122,58,.6)!important;
  box-shadow: 0 0 0 0.2rem rgba(2,122,58,.3)!important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color: rgb(2,122,58);
}