:root {
  --newblack: #000;
}
body {
  background: #dadada;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: var(--newblack);
  line-height: 1.5;
  padding-bottom: 50px;
}
div.add-sub-button{
  padding-top: 4px;
  margin-top: 22px;
  margin-bottom: 22px;
}
#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1],
#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
  background: #ffffff;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1],
#main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1],
#main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1],
#main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin1] {
  background: #ffffff;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
  color: #1C294E !important;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
  color: #1C294E !important;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul,
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6],
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
  background: #ffffff;
}

.auth-wrapper .auth-box {
  background: #fff;
  padding: 20px;
  box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
  max-width: 400px;
  width: 90%;
  margin: 4% 0;
  border: solid 1px #1C294E;
  border-radius: 5px;
}

@media (min-width: 768px) {
  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item {
    border-right: 1px solid rgba(0, 0, 0, .1);
  }
}

.navbar-header {
  border-right: 2px solid #fff !important;
}

.topbar {
  border-bottom: 1px solid #e5e5e5 !important;
}

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

.lds-ripple .lds-pos {
  border: 2px solid #1c294e;
}

.left-sidebar {
  border-bottom: 10px solid #1C294E;
}

ul.pagination li.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #1c294e !important;
  border-color: #1c294e !important;
  display: block !important;
  pointer-events: none;
  cursor: auto;
  background-color: white;
}

ul.pagination li.page-item.disabled .page-link {
  border-color: #dee2e6 !important;
}

body {
  text-align: left;
  line-height: 1.5;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  padding-bottom: 50px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.5;
  color: var(--newblack);
  background-color: #fff;
}

.bg-primary {
  background-color: #676767 !important;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #1c294e !important;
  border-color: #1c294e !important;
  box-shadow: 0 0 0 0.2rem rgb(254 110 60 / 50%);
}


td a {
  color: #676767 !important;
}

.label-pendiente {
  flex: 0 0 17.25%;
  max-width: 17.25%;
}

.control-label-form {
  font-family: "Nunito Sans", sans-serif;
  text-align: left;
  font-size: .875rem;
  font-weight: 600;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  outline: 0;
}

.topbar .nav-toggler,
.topbar .topbartoggler {
  color: #1c294e61 !important;
  padding: 0 15px;
}


.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eee;
  border-radius: 0.25rem;
  width: 100%;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #1c294e;
}

a.nav-link {
  color: #1c294e !important;
}

.navbar-nav .nav-item {
  border-top: 4px solid white;
}

.navbar-nav .nav-item:hover {

  border-top: 4px solid #1C294E !important;
}

h4.card-list-header {
  color: white;
  background-color: #1C294E !important;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card-outline-primary {
  background-color: transparent;
  border-color: #1C294E !important;
}

table.table thead th a {
  color: white !important;
}

table.table thead th {
  background-color: #1C294E !important;
  border-left: 1px solid white !important;
  color: white !important;
}

@media (min-width: 992px) {
  .col-md-10 input.form-control {
    width: 95%;
  }
}

@media (min-width: 768px) {

  .col-md-10 input.form-control,
  .col-md-8 input.form-control {
    width: 95%;
  }
}


@media (min-width: 768px) {
  #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar .top-navbar .navbar-header {
    width: 290px
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar .top-navbar .navbar-collapse,
  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-collapse {
    margin-left: 290px
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar .top-navbar .navbar-collapse {
    margin-left: 180px
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header {
    width: 65px
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header .logo-text {
    display: none
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo {
    width: 290px
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-header.expand-logo .logo-text {
    display: block
  }

  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse,
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
    margin-left: 65px
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after,
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu {
    display: none
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .nav-small-cap {
    justify-content: center
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
    width: 65px
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
    width: 290px
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .has-arrow:after,
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .hide-menu {
    display: block
  }

  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidebar-nav .nav-small-cap {
    justify-content: flex-start
  }

  #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav > .sidebar-item ul {
    position: absolute;
    left: 0;
    top: auto;
    width: 250px;
    padding-bottom: 0;
    z-index: 100;
    display: none;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, .1);
  }
}

@media (max-width: 766px) {
  #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
    left: -290px
  }

  #main-wrapper.show-sidebar .left-sidebar {
    left: 0
  }

  #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,
  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
    position: relative;
    top: 64px
  }

  .left-part {
    left: -300px;
    background: #dadada;
    z-index: 1;
    position: fixed;
    transition: .1s ease-in
  }

  .left-part.show-panel {
    left: 0
  }

  .reverse-mode .left-part {
    right: -300px;
    left: auto
  }

  .reverse-mode .left-part.show-panel {
    right: 0
  }

  .right-part {
    width: 100%;
    margin-left: 0
  }


}

.left-sidebar {
  padding-top: 110px;
  position: absolute;
  width: 290px;
}

.sidebar-nav ul .sidebar-item {
  width: 290px;
}


.form-group {
  margin-bottom: 1rem;
}

/*Gris y blanco*/

h4.card-header {
  padding: 14px;
}

h4.card-list-header {
  color: white;
  background-color: #1C294E !important;
}

.btn,
label,
h1,
h2,
h3,
h4,
h5,
h6,
.form-top-left p,
a {
  font-family: Montserrat;
}

.btn,
.btn:hover {
  cursor: pointer !important;
}

.btn {
  padding: 0.5rem 1rem;
}

/*.btn {
  text-transform: uppercase;
  border: none;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
  transition: all 0.4s;
}*/

/*.btn-primary {
  position: relative;
}*/

.btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  padding: .375rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 2px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-primary {
  color: #fff;
  background-color: #1C294E;
  border-color: #0275d8;
}

.btn-default {
  color: #3e5569;
  background-color: #fff;
  border-color: #676767;
}

.btn-default:hover, .btn-default:focus {
  color: #24313b;
  background-color: rgb(207, 207, 207);
  border-color: #676767;
}

.btn-success {
  color: #fff;
  background-color: #36bea6;
  border-color: #36bea6;
}

.btn-danger {
  color: #fff;
  background-color: #f62d51;
  border-color: #f62d51;
}

.btn-info {
  color: #fff;
  background-color: #fb8c00;
  border-color: #aa762d;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3e5569;
  border-color: #676767;
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #3e5569;
  border-color: #676767;
}


.card-block {
  background-color: white;
}

.card-block {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.nav-separator {
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.imgPerfil {
  display: block;
  width: 150px;
  height: 150px;
  margin: 1em auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  border: 5px solid #eee;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}

.wizard-content .wizard > .steps > ul > li.done .step {
  background-color: #1C294E;
  border-color: #1C294E;
  color: #fff;
}

.wizard-content .wizard > .steps > ul > li.current .step {
  border-color: #1C294E;
  background-color: #fff;
  color: #676767;
}

.wizard-content .wizard.wizard-circle > .steps > ul > li:after, .wizard-content .wizard.wizard-circle > .steps > ul > li:before {
  top: 45px;
  width: 50%;
  height: 3px;
  background-color: #1C294E;
}


.wizard-content .wizard > .actions > ul > li > a {
  background: #1C294E;
  color: #fff;
  display: block;
  padding: 7px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
}


.wizard > .content > .body label {
  display: inline-block;
  margin-bottom: 0;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #1C294E;
  border-radius: 0.25rem;
}


.custom-switch .custom-control-label::before {
  width:50px !important;
}



.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  transform: translateX(1.75rem)!important;
}

input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #1C294E;
  border-color: #dadada;
}

input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border: 2px solid #68687c !important;
  border-radius: 2px;
  transition: 240ms;
  color: #dadada !important;
}

.select2-container.select2-container--focus{
  border: 1px solid #cecece;
}

button.mercadopago-button {
  margin-top:15px;
  cursor: pointer;
  color: #fff;
  background-color: #1C294E;
  border-color: #1C294E;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #3e5569;
  padding: .375rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 2px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

button.mercadopago-button:hover  {
  cursor: pointer;
  background-color: #464646;
  border-color: #fff;
}
/* cambio de color */
body {
  color: var(--newblack);
}
table.table.table-striped, table.table-bordered.table-hover{
  color: var(--newblack);
}
textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control, .form-control{
  color: var(--newblack);
}
input.form-control, input:not([type='date']).form-control:focus, input:not([type='date']).form-control:hover, input:not([type='date']).form-control:active, select.form-control:hover, select.form-control:active, select.form-control, select:not([type='date']).form-control:focus {
  color: var(--newblack);
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.has-success .select2-container--default .select2-selection--single .select2-selection__rendered,
.has-danger .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: var(--newblack);
}

div.card-block-container div.table-responsive table.table td {
  color: var(--newblack);
}
.sidebar-nav ul .sidebar-item .sidebar-link {
  opacity: 0.8;
}