.navbar-empresa {
    background-color: #2883B1;
    color: #ffffff;
}

.skin-red-light .left-border-hover > li:hover > a,
.skin-red-light .left-border-hover > li.active > a {
    border-left-color: #2883B1;
}

.side-white
{
    background-color: #FBFBFB;
}


.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #2883B1;
} 

.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
    background-color: rgba(255, 0, 0,0.5);
}
.btn-primary
{
    background-color: #2883B1;
    border-color: #2883B1;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover, .btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #2883B1;
border-color:#2883B1;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #2883B1;
    border-color:#2883B1;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
        background-color: #2883B1;
border-color:#2883B1;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover
 {
        background-color: #2883B1;
        border-color:#2883B1;
}

.form-control:focus {
  border-color: #2883B1;
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
}

.pagination>.active>a, 
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus, 
.pagination>.active>span:hover
{
    background-color: #2883B1;
    border-color: #2883B1;
}




.skin-red-light .main-header .navbar .sidebar-toggle:hover {
  background-color:#2883B1;
  background: rgba(0, 0, 0, 0.1);
}
.skin-red-light .main-header .logo .navbar {
    background-color: #2883B1;
}
.skin-red-light .main-header .navbar {
    background-color: #2883B1;
}
.skin-red-light .main-header .logo:hover {

      background-color: #2883B1;
}
.skin-red-light .main-header .logo {

      background-color: #2883B1;
}

.skin-red-light .main-header li.user-header {
  background-color: #2883B1;
}






 .daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #2883B1;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #2883B1  !important;
  border: 1px solid #2883B1  !important;
  
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #2883B1 !important;
  border-color: #2883B1  !important;
  
}

.btn-success {
  background-color: #2883B1 !important;;
  border-color: #2883B1 !important;
}

.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #2883B1 !important;
}


.colorEmpresa {
    color: #2883B1 !important;
}

.bg-colorEmpresa {
    background-color: #2883B1 !important;
}

































.select2-selection__choice {
    background-color: #2883B1 !important;
    border: 1px solid #2883B1 !important;

}

.select2-container--default, .select2-selection--multiple
{
   /*border: 1px solid !important; 1px solid #aaa;*/
   border-radius: 0px !important; /*4px;*/
}

.select2-selection__choice__remove
{
   color: #fff !important;
}

.select-image-btn {
    width: 200px;
    background-color: #2883B1;
    color: white;
    cursor: pointer;
}

.select-image-btn-empresa {
    width: 300px;
    background-color: #2883B1;
    color: white;
    cursor: pointer;
}


table.dataTable tbody tr.selected {
  background-color:#c9c9c9; 
}





.spin-loader-container {
    box-sizing: border-box;
    z-index: 9999;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-image: radial-gradient(circle, white 150px, white 150px, rgba(255,255,255, 40%));
    padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spin-loader {
    box-sizing: border-box;
    width: 50%;
    max-width: 300px;
    max-height: 85%;
    aspect-ratio: 1/1;

    -webkit-animation: rotation 1.4s infinite linear;
    animation: rotation 1.4s infinite linear;
    border: 24px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    position: relative;
}

    .spin-loader:before {
        box-sizing: content-box;
        content: "";
        display: block;
        position: absolute;
        left: -24px;
        top: -24px;
        height: 100%;
        width: 100%;
        border-top: 24px solid #2883B1;
        border-left: 24px solid transparent;
        border-bottom: 24px solid transparent;
        border-right: 24px solid transparent;
        border-radius: 100%;
    }

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}

@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
  }