/* login 
.logo-login {
    width: 280px;
}
@media (max-width: 575.98px) {
  .logo-login {
    width: 200px;
  }
}*/

html, body {
    color: #fff;
}

/* new style */
.border-2 {
    border: 2px solid #333 !important;
}
.border-3 {
    border: 3px solid #333 !important;
}

/* topnav */
.sb-topnav {
    background-color: #000 !important;
    border-bottom: 2px solid #f86700 !important;
}
/* sidenav */
.sb-sidenav-sv {
  background-color: #000;/*#005f9f;*/
  color: rgba(255, 255, 255, 0.8);
  border-right: 2px solid #333;
}
.sb-sidenav-sv .sb-sidenav-menu .sb-sidenav-menu-heading {
  color: rgba(255, 255, 255, 1);
}
.sb-sidenav-sv .sb-sidenav-menu .nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-sv .sb-sidenav-menu .nav-link .sb-nav-link-icon {
  color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-sv .sb-sidenav-menu .nav-link .sb-sidenav-collapse-arrow {
  color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-sv .sb-sidenav-menu .nav-link:hover {
  color: #ff6a00;
}
.sb-sidenav-sv .sb-sidenav-menu .nav-link.active {
  color: #f86700;
}
.sb-sidenav-sv .sb-sidenav-menu .nav-link.active .sb-nav-link-icon {
  color: #f86700;
}
.sb-sidenav-sv .sb-sidenav-footer {
  background-color: #000;/*#09f;*/
  border-top: 1px solid #f86700;
}
/* layoutSidenav content */
#layoutSidenav_content{
    background-color: #000;
}

/* dropdown */
.dropdown-menu {
    background-color: #000;
}
.dropdown-item {
    color: #fff;
}
.dropdown-item:hover {
    color: #fff;
    background-color: #333;
}

/* bg-primary */
.bg-primary {
  background-color: #09f !important;/*#09f*/
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #657FE2 !important;/*#005f9f;*/
}

/* border-primary */
.border-primary {
    border-color: #f86700 !important;
}

/* btn */
.btn-primary {
  color: #fff;
  background-color: #2443B7;
  border-color: #2443B7;
}
.btn-primary:hover {
  color: #fff;
  background-color: #3554C9;
  border-color: #3554C9;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #657FE2;
  border-color: #657FE2;
  box-shadow: 0 0 0 0.2rem rgba(36, 67, 183, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #2443B7;
  border-color: #2443B7;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #657FE2;
  border-color: #657FE2;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 67, 183, 0.5);
}
.btn-outline-primary {
    color: #09f;
    border-color: #09f;
    font-weight: 500;
    background-color: #000;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active{
    color: #000;
    border-color: #09f;
    background-color: #09f;
}
.btn-outline-secondary {
    color: #ff6a00;
    border-color: #ff6a00;
    font-weight: 500;
    background-color: #000;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, 
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active{
    color: #000;
    border-color: #ff6a00;
    background-color: #ff6a00;
}

/* text */
.text-primary {
    color: #09f !important;
}
.text-secondary {
    color: #ff6a00 !important;
}

/* form */
.form-control, .form-control:active, .form-control:focus,
.custom-select, .custom-select:active, .custom-select:focus,
.custom-file-label, .custom-file-label:active, .custom-file-label:focus {
    border: 1px solid #333;
    background-color: #000;
    color: #fff;
}
.form-control::placeholder, .custom-select::placeholder, .custom-file-label::placeholder {
    color: #aaa;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #222;
}
.form-control[readonly]:focus {
    color: #fff
}
.custom-file-label::after {
    background-color: #222;
    color: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #333;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 6000s ease-in-out 0s;
}

/* card */
.card {
    background-color: #000;
}

/* modal */
.modal-content {
    background-color: #000;
    border: 2px solid #f86700 !important;

}
.modal-header button.close {
    color: #fff !important;
}
.modal-header {
    border-bottom: 1px solid #f86700;
}
.modal-footer {
    border-top: 1px solid #f86700;
}

/* tabla */
.lupa {
    display: inline-block;
    background: #000;
    padding: 2.6px 3px;
    color: #f86700;
    border: 1px solid #f86700;
    border-radius: 3px;
}

/* datatable */
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
    align-self: center;
}
div.dataTables_wrapper .btn-exportar {
    text-align: right;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #E0E6FF;
}

.table .thead-blue th {
    color: #FCFCFC !important;
    background-color: #333 !important;
    border-color: #aaa !important;
    border-width: 1px !important;
    vertical-align: middle;
}
div.dataTables_wrapper tbody td {
    vertical-align: middle;
}
div.dataTables_wrapper {
    font-size: 14px;
}

/* table */
.table-bordered {
    border: 1px solid #333!important;
}
.table-dark {
    background-color: #000;
}

/* page link */
.page-link {
    color: #09f;
    border-color: #09f;
    font-weight: 500;
    background-color: #000;
}
.page-item.disabled .page-link {
    color: #005f9f;
    border-color: #005f9f;
    font-weight: 500;
    background-color: #222;
}
.page-link:hover {
    color: #000;
    background-color: #09f;
    border-color: #09f;
}
.page-item.active .page-link {
    background-color: #09f;
    border-color: #09f;
}

/* validate */
@keyframes popup {
    50%{box-shadow:0 0 0 0.25rem rgba(255,0,0,0.3)}
    100%{box-shadow:0 0 0 0.2rem rgba(255,0,0,0.2)}
}
.validate-input {
    border-color: rgba(255,0,0,0.3);
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,0.2);
        animation: popup 0.5s;
}
div.validate-message{
    line-height: 1;
    color: rgba(255,0,0,0.75);
    text-align: end;
    padding-top: 0.2rem;
}