@charset "UTF-8";
/*--------------------------------------------*\
Asociación de Bancos de México
Sistema: ABM Digital
Desarrollado por: Corporativo Merlos
Última fecha de actualización: 02/02/2022
Actualización realizada por: david@merlos.com.mx 
*\--------------------------------------------*/
/*--------------------------------------------*\
VARIBLES AND MIXINS
*\--------------------------------------------*/
/*--------------------------------------------*\
VARIABLES - _variables.scss
*\--------------------------------------------*/
/*--------------------------------------------*\
COLOR PALETTE
*\--------------------------------------------*/
/*--------------------------------------------*\
TYPOGRAPHY
*\--------------------------------------------*/
/*--------------------------------------------*\
MIXINS - _mixins.scss
*\--------------------------------------------*/
/*--------------------------------------------*\
SECTTIONS
*\--------------------------------------------*/
/*--------------------------------------------*\
LOGIN - _login.scss
*\--------------------------------------------*/
.login div.login-cover {
  background: url(img/amb-digital-bg.png);
}
.login div.login-content {
  padding: 20px;
}
.login div.login-content div.login-header div.abm-logo {
  width: 100%;
  height: auto;
  max-width: 300px;
  margin: 0 auto;
}
.login div.login-content div.login-header div.abm-logo svg {
  fill: white !important;
}
.login div.login-content div.login-body h1 {
  font-size: 1.8rem;
  border-bottom: 1px solid;
}
.login div.login-content div.login-body h1 span {
  display: inline-block;
}
.login div.login-content div.login-body div.text-dis {
  padding: 10px 0px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}
.login div.login-content label {
  color: white !important;
}
.login div.login-content .abm-forgot {
  width: 100%;
  display: inline-block;
  text-align: center;
}
/*--------------------------------------------*\
COMPONENTS
*\--------------------------------------------*/
/*--------------------------------------------*\
HEADER - _header.scss
*\--------------------------------------------*/
.app-header {
  background: #8b0100 !important;
}
.app-header button.navbar-toggle {
  height: 50px;
  width: 50px;
  overflow: hidden;
}
.app-header button.navbar-toggle span.icon-bar {
  background: #ffffff;
}
.app-header button.navbar-toggle span.icon-bar:nth-child(1) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.app-header button.navbar-toggle span.icon-bar:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.app-header button.navbar-toggle span.icon-bar:nth-child(3) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.app-header div.navbar-header a {
  display: block;
  width: 130px;
  height: auto;
  fill: white !important;
}
.app-header ul.navbar-nav li.nav-item a {
  color: #ffffff !important;
}
.app-header ul.navbar-right .dropdown-menu .dropdown-message .title {
  color: #000000 !important;
}
.app-header ul.navbar-right .dropdown-menu .dropdown-message .desc {
  color: #000000 !important;
}
.app-header ul.navbar-right li.show div .dropdown-menu .dropdown-message .title {
  color: #000000 !important;
}
.app-header ul.navbar-right li.show div.dropdown-menu li.dropdown-message a div h4 {
  color: black !important;
}
.app-header ul.navbar-right li.show div.dropdown-menu li.dropdown-message a div p {
  color: black !important;
}
.app-header ul.navbar-right li.show div.dropdown-menu-right a {
  color: black !important;
}
.app-header ul.navbar-right li.dropdown-menu-lg li.dropdown-message a div h4 {
  color: black !important;
}
.app-header ul.navbar-right li.dropdown-menu-lg li.dropdown-message a div p {
  color: black !important;
}

.app-sidebar-minified button.navbar-toggle span.icon-bar {
  background: #ffffff;
}
.app-sidebar-minified button.navbar-toggle span.icon-bar:nth-child(1) {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.app-sidebar-minified button.navbar-toggle span.icon-bar:nth-child(2) {
  opacity: 0;
  right: -60px;
}
.app-sidebar-minified button.navbar-toggle span.icon-bar:nth-child(3) {
  margin-top: -0.5rem;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*--------------------------------------------*\
SIDEBAR - _sidebar.scss
*\--------------------------------------------*/
.app-sidebar {
  background: #ffffff !important;
}
.app-sidebar:before {
  background: #ffffff !important;
}
.app-sidebar div.slimScrollDiv div.slimScrollBar:before {
  background: #000000 !important;
}
.app-sidebar div.slimScrollDiv div.slimScrollRail {
  background: #000000 !important;
}
.app-sidebar div div.back-menu {
  background: #ffffff !important;
}
.app-sidebar div div.back-menu ul.nav li a.nav-main-link span.nav-icon i {
  color: #8b0100;
}
.app-sidebar div div.back-menu ul.nav li a.nav-main-link span.nav-text {
  color: #000000 !important;
  font-size: 0.8rem;
}
.app-sidebar div div.back-menu ul.nav li a.nav-main-link span.nav-text:hover {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.nav-profile div.profile-info h4 {
  color: #000000 !important;
  font-size: 1rem;
}
.app-sidebar div div.back-menu ul.nav li.nav-profile div.profile-info p {
  color: #000000 !important;
  font-size: 0.8rem;
}
.app-sidebar div div.back-menu ul.nav li.nav-header {
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
}
.app-sidebar div div.back-menu ul.nav li.nav-header:hover {
  color: #8b0100;
}
.app-sidebar div div.back-menu ul.nav li#li_home a span.nav-icon i {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li#li_home a span.nav-text {
  color: #000000 !important;
  font-size: 0.8rem;
}
.app-sidebar div div.back-menu ul.nav li#li_home a:hover span.nav-icon i {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li#li_home a:hover span.nav-text {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.nav-main-item a.nav-main-link span.nav-icon i {
  color: #8b0100;
}
.app-sidebar div div.back-menu ul.nav li.nav-main-item a.nav-main-link span.nav-text {
  color: #000000 !important;
  font-size: 0.8rem;
}
.app-sidebar div div.back-menu ul.nav li.nav-main-item a.nav-main-link span.nav-text:hover {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.nav-main-item-active a.nav-main-link span.nav-icon i {
  color: #8b0100;
}
.app-sidebar div div.back-menu ul.nav li.nav-main-item-active a.nav-main-link span.nav-text {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.li_logout a span.nav-icon i {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.li_logout a span.nav-text {
  color: #000000 !important;
  font-size: 0.8rem;
}
.app-sidebar div div.back-menu ul.nav li.li_logout a span.nav-text:hover {
  color: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.nav-copyright div.abm-digital-logo-sidebar span svg .st1 {
  fill: #8b0100 !important;
}
.app-sidebar div div.back-menu ul.nav li.nav-copyright div.abm-digital-logo-sidebar span svg .st2 {
  fill: #000000 !important;
}
.app-sidebar div div.back-menu ul.nav li.nav-divider {
  background: #cccccc;
}

/*--------------------------------------------*\
CONTENT - _content.scss
*\--------------------------------------------*/
h4.card-header-title {
  font-size: 1.2rem !important;
}

.card-header {
  background: white !important;
  color: #8b0100 !important;
  border-bottom: 2px solid #8b0100 !important;
}

/*--------------------------------------------*\
CARD - _card.scss
*\--------------------------------------------*/
.card-body-clean {
  padding: 0;
}

.card-footer {
  background: white !important;
}

.widget-list-item-hover, .widget-list-item-hover-comite {
  cursor: pointer;
}
.widget-list-item-hover:hover, .widget-list-item-hover-comite:hover {
  background-color: #ececec;
}

.widget-list-item-hover-comite {
  padding: 10px 15px;
}
.widget-list-item-hover-comite div.abm-number-of-members {
  font-weight: bold;
}
.widget-list-item-hover-comite p.abm-number-of-coordinator {
  padding: 5px 0px;
  margin: 0px !important;
  font-weight: bold;
}
.widget-list-item-hover-comite p.abm-number-of-coordinator span {
  color: #8b0100 !important;
}

.abm-main-color {
  color: #8b0100 !important;
}

.amb-clean-p-m {
  margin: 0px !important;
  padding: 0px !important;
}

#overlay {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}

#main-container {
  margin-bottom: 50px;
}

.requerido {
  color: darkorange !important;
}

/*
cambio de color para ABM
*/
button.card-header {
  background: indianred !important;
  color: white !important;
}

.btn-primary {
  background: #8b0100 !important;
  border-color: #8b0100 !important;
  color: white !important;
}

.btn-info {
  background: #8b0100 !important;
  border-color: #8b0100 !important;
  color: white !important;
}

.btn-black {
  background: #8b0100 !important;
  border-color: #8b0100 !important;
  color: white !important;
}

.btn-danger {
  background: #8b0100 !important;
  border-color: #8b0100 !important;
  color: white !important;
}

.page-link {
  background: #8b0100 !important;
  border-color: #8b0100 !important;
  color: white !important;
}

.theme-collapse-btn {
  background: #8b0100 !important;
  border-color: #8b0100 !important;
  color: white !important;
}

.profile-info {
  color: white !important;
}

.page-header {
  color: #8b0100 !important;
}

label {
  color: #8b0100 !important;
}

.modal-title {
  color: #8b0100 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: indianred !important;
  color: white !important;
}

.select2-selection__choice {
  background: indianred !important;
  border-color: indianred !important;
  color: white !important;
}

.select2-selection__choice__remove {
  background: indianred !important;
  border-color: indianred !important;
  color: white !important;
}

.widget-stats {
  padding: 0.5rem !important;
}

.widget-stats-title {
  font-size: x-small !important;
}

.widget-stats-desc {
  font-size: xx-small !important;
}

.widget-stats-icon {
  font-size: 1.5rem !important;
  padding: 0px !important;
}

.checkbox-primary > label {
  color: black !important;
}

.checkbox-success > label {
  color: black !important;
}

.abm_radio {
  color: black !important;
  font-weight: normal !important;
}

/*# sourceMappingURL=abm_digital.css.map */