
/* -------------------------------------------------------------------------- */
/*                           STYLES BACKGROUND COLOR                          */
/* -------------------------------------------------------------------------- */

.bg-huixquilucan1 {
    background-color: #19225c !important;
}

.bg-huixquilucan2 {
    background-color: #192075 !important;
}

.bg-huixquilucan3 {
    background-color: #0b4e91 !important;
}

.bg-huixquilucan4 {
    background-color: #125e9e !important;
}

.bg-huixquilucan5 {
    background-color: #4f9fcf !important;
}

.bg-huixquilucan6 {
    background-color: #05c3de !important;
}

.bg-update-huixquilucan {
    background-color: #df7f25 !important;
}

.bg-info-huixquilucan {
    background-color: #4f9fcf !important;
}


.bg-inactive-huixquilucan {
    background-color: #37474f !important;
}


.bg-delete-huixquilucan {
    background-color: #f30606 !important;
}

.bg-gradiente-huixquilucan {
	background: rgb(18,94,158);
	background: linear-gradient(360deg, rgba(18,94,158,1) 19%, rgba(79,159,207,1) 56%); 
}

/* -------------------------------------------------------------------------- */
/*                           STYLES TEXT COLOR                                */
/* -------------------------------------------------------------------------- */

.text-huixquilucan1 {
    color: #19225c !important;
}

.text-huixquilucan2 {
    color: #192075 !important;
}

.text-huixquilucan3 {
    color: #0b4e91 !important;
}

.text-huixquilucan4 {
    color: #125e9e !important;
}

.text-huixquilucan5 {
    color: #4f9fcf !important;
}

.text-huixquilucan6 {
    color: #05c3de !important;
}

.text-update-huixquilucan {
    color: #df7f25 !important;
}




/* -------------------------------------------------------------------------- */
/*                           STYLES BUTTONS                                   */
/* -------------------------------------------------------------------------- */

.btn-primary-huixquilucan1 {
	background-color: #19225c;
	border-color: #19225c;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-primary-huixquilucan1:hover {
	background-color: #192075;
	border-color: #192075;
	color: #fff;
}

.btn-primary-huixquilucan1:active {
	background-color: #0b4e91 !important;
	border-color: #0b4e91;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-primary-huixquilucan1:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #192075;
}

.btn-primary-huixquilucan1.disabled {
	background-color: rgba(68, 138, 255, 0.5);
	border-color: rgba(68, 138, 255, 0.5);
}




.btn-primary-huixquilucan2 {
	background-color: #125e9e;
	border-color: #125e9e;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-primary-huixquilucan2:hover {
	background-color: #4f9fcf;
	border-color: #4f9fcf;
	color: #fff;
}

.btn-primary-huixquilucan2:active {
	background-color: #05c3de !important;
	border-color: #05c3de;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-primary-huixquilucan2:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #4f9fcf;
}

.btn-primary-huixquilucan2.disabled {
	background-color: rgba(118, 168, 255, 0.5);
	border-color: rgba(68, 138, 255, 0.5);
}


.btn-primary-huixquilucan2 {
	background-color: #125e9e;
	border-color: #125e9e;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-primary-huixquilucan2:hover {
	background-color: #4f9fcf;
	border-color: #4f9fcf;
	color: #fff;
}

.btn-primary-huixquilucan2:active {
	background-color: #05c3de !important;
	border-color: #05c3de;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-primary-huixquilucan2:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #4f9fcf;
}

.btn-primary-huixquilucan2.disabled {
	background-color: rgba(118, 168, 255, 0.5);
	border-color: rgba(68, 138, 255, 0.5);
}



.btn-primary-huixquilucan3 {
	background-color: #4f9fcf;
	border-color: #4f9fcf;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-primary-huixquilucan3:hover {
	background-color: #05c3de;
	border-color: #05c3de;
	color: #fff;
}

.btn-primary-huixquilucan3:active {
	background-color: #07cfe9 !important;
	border-color: #07cfe9;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-primary-huixquilucan3:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #4f9fcf;
}

.btn-primary-huixquilucan3.disabled {
	background-color: rgba(127, 174, 255, 0.5);
	border-color: rgba(72, 138, 251, 0.5);
}




.btn-gradient-huixquilucan {
	background: rgb(18,94,158);
	background: linear-gradient(360deg, rgba(18,94,158,1) 19%, rgba(79,159,207,1) 56%); 
	color: #c7c7c7;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-gradient-huixquilucan:hover {
	background: rgb(18,94,158);
	background: linear-gradient(360deg, rgba(18,94,158,1) 19%, rgba(79,159,207,1) 56%);
	color: #fff;
}

.btn-gradient-huixquilucan:active {
	background: rgb(18,94,158);
	background: linear-gradient(360deg, rgba(18,94,158,1) 19%, rgba(79,159,207,1) 56%); 
	border-color: #05c3de;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-gradient-huixquilucan:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: rgb(18,94,158);
	background: linear-gradient(360deg, rgba(18,94,158,1) 19%, rgba(79,159,207,1) 56%); 
}

.btn-gradient-huixquilucan.disabled {
	background: rgb(18,94,158);
	background: linear-gradient(360deg, rgba(18,94,158,1) 19%, rgba(79,159,207,1) 56%); 
}





.btn-update {
	background-color: #df7f25;
	border-color: #df7f25;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-update:hover {
	background-color: #e3ad23;
	border-color: #e3ad23;
	color: #fff;
}

.btn-update:active {
	background-color: #e78629 !important;
	border-color: #e78629;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-update:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #e3ad23;
}

.btn-update.disabled {
	background-color: rgba(255, 106, 19, 0.5);
	border-color: rgba(255, 106, 19, 0.5);
}

.btn-outline-update {
	color: #df7f25;
	border-color: #df7f25;
	background-color: #ffffff;
  }

.btn-outline-update.active, .btn-outline-update:active,
.show > .btn-outline-update.dropdown-toggle, .btn-outline-update:hover, .btn-update.active,
.btn-update:active, .show > .btn-update.dropdown-toggle {
  background-color: #df7f25;
  border: 1px solid #df7f25;
  color:#ffffff;
}



.btn-delete {
	background-color: #f30606;
	border-color: #f30606;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-delete:hover {
	background-color: #e24e4e;
	border-color: #e24e4e;
	color: #fff;
}

.btn-delete:active {
	background-color: #fa2c2c !important;
	border-color: #fa2c2c;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-delete:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #fb4a4a;
}

.btn-delete.disabled {
	background-color: rgba(255, 82, 82, 0.5);
	border-color: rgba(255, 82, 82, 0.5);
}





.btn-active {
	background-color: #33d176;
	border-color: #33d176;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-active:hover {
	background-color: #4cd787;
	border-color: #4cd787;
}

.btn-active:active {
	background-color: #0c8940 !important;
	border-color: #0c8940;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-active:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #4cd787;
}

.btn-active.disabled {
	background-color: rgba(17, 193, 91, 0.5);
	border-color: rgba(17, 193, 91, 0.5);
}



.btn-inactive {
	background-color: #37474f;
	border-color: #37474f;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-inactive:hover {
	background-color: #4c626d;
	border-color: #4c626d;
	color: #fff;
}

.btn-inactive:active {
	background-color: #1e272b !important;
	border-color: #1e272b;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-inactive:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #4c626d;
}

.btn-inactive.disabled {
	background-color: rgba(55, 71, 79, 0.5);
	border-color: rgba(55, 71, 79, 0.5);
}



.btn-info {
	background-color: #00bcd4;
	border-color: #00bcd4;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-info:hover {
	background-color: #08e3ff;
	border-color: #08e3ff;
}

.btn-info:active {
	background-color: #008697 !important;
	border-color: #008697;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-info:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #08e3ff;
}

.btn-info.disabled {
	background-color: rgba(0, 188, 212, 0.5);
	border-color: rgba(0, 188, 212, 0.5);
}

.btn-disabled {
	background-color: rgba(68, 138, 255, 0.5);
	border-color: rgba(68, 138, 255, 0.5);
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}


/* -------------------------------------------------------------------------- */
/*                                   A LINKS                                  */
/* -------------------------------------------------------------------------- */

a {
	color: #0b4e91;
	text-decoration: none;
  }

a:hover {
	color: #125e9e;
	text-decoration: none;
  }



/* -------------------------------------------------------------------------- */
/*                                STYLES BADGES                               */
/* -------------------------------------------------------------------------- */

.badge-huixquilucan1 {
	color: #fff;
	background-color: #19225c;
  }
  a.badge-huixquilucan1:focus,
  a.badge-huixquilucan1:hover {
	color: #fff;
	background-color: #192075;
  }
  a.badge-huixquilucan1.focus,
  a.badge-huixquilucan1:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.379);
  }



  .badge-huixquilucan2 {
	color: #fff;
	background-color: #0b4e91;
  }
  a.badge-huixquilucan2:focus,
  a.badge-huixquilucan2:hover {
	color: #fff;
	background-color: #125e9e;
  }
  a.badge-huixquilucan2.focus,
  a.badge-huixquilucan2:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(1, 44, 90, 0.283);
  }



  .badge-huixquilucan3 {
	color: #fff;
	background-color: #4f9fcf;
  }
  a.badge-huixquilucan3:focus,
  a.badge-huixquilucan3:hover {
	color: #fff;
	background-color: #05c3de;
  }
  a.badge-huixquilucan3.focus,
  a.badge-huixquilucan3:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(1, 44, 90, 0.283);
  }


  .badge-update {
	color: #fff;
	background-color: #df7f25;
  }
  a.badge-update:focus,
  a.badge-update:hover {
	color: #fff;
	background-color: #c36a17;
  }
  a.badge-update.focus,
  a.badge-update:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(208, 122, 1, 0.283);
  }

/* -------------------------------------------------------------------------- */
/*                               CURSOR POINTER                               */
/* -------------------------------------------------------------------------- */

.cursor-pointer {
	cursor:pointer;
}

/* -------------------------------------------------------------------------- */
/*                        STYLES ONLY FOR THIS PROJECT                        */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                                 SELECT 2                                   */
/* -------------------------------------------------------------------------- */
  
  .select2.select2-container .select2-selection .select2-selection__rendered {
    color: #333;
    line-height: 32px;
    padding-right: 33px;
  }
  
  .select2.select2-container .select2-selection .select2-selection__arrow {
    background: #f8f8f8;
    border-left: 1px solid #ccc;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    height: 32px;
    width: 33px;
  }
  
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
    background: #f8f8f8;
  }
  
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
  }
  
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
    border: 1px solid #34495e;
  }
  
  .select2.select2-container .select2-selection--multiple {
    height: auto;
    min-height: 34px;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0;
    height: 32px;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block;
    padding: 0 4px;
    line-height: 29px;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 4px 4px 0 0;
    padding: 0 6px 0 22px;
    height: 30px;
    line-height: 24px;
    font-size: 12px;
    position: relative;
  }
  
  .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    margin: 0;
    text-align: center;
    color: #e74c3c;
    font-weight: bold;
    font-size: 16px;
  }
  
  .select2-container .select2-dropdown {
    background: transparent;
    border: none;
    margin-top: -5px;
  }
  
  .select2-container .select2-dropdown .select2-search {
    padding: 0;
  }
  
  .select2-container .select2-dropdown .select2-search input {
    outline: none !important;
    border: 1px solid #34495e !important;
    border-bottom: none !important;
    padding: 4px 6px !important;
  }
  
  .select2-container .select2-dropdown .select2-results {
    padding: 0;
  }
  
  .select2-container .select2-dropdown .select2-results ul {
    background: #fff;
    border: 1px solid #34495e;
  }
  
  .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
    background-color: #3498db;
  }



/* -------------------------------------------------------------------------- */
/*                                 BACKGROUND                                 */
/* -------------------------------------------------------------------------- */

body {
	font-family: Helvetica,Arial,sans-serif !important;
}

/* -------------------------------------------------------------------------- */
/*                              NAV LINK ACTIVE                               */
/* -------------------------------------------------------------------------- */

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {

	background-color: #003a55 !important;
	color: #fff;
	
}

/* -------------------------------------------------------------------------- */
/*                              PAGE LINK ACTIVE                              */
/* -------------------------------------------------------------------------- */

.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #001f3f;
	border-color: #001f3f;
  }

/* -------------------------------------------------------------------------- */
/*                           	   SELECT2                            		  */
/* -------------------------------------------------------------------------- */

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 38px !important;
	user-select: none;
	-webkit-user-select: none;
	border: 0.2px solid #ced4da !important;
}


/* -------------------------------------------------------------------------- */
/*                           	 	 LIST                            		  */
/* -------------------------------------------------------------------------- */


ul {
	list-style-type: none;
	padding: 0;
}

.lista_reg_progreso li {
	cursor: pointer;
	padding: 8px;
	border-bottom: 1px solid #ccc;
	margin: 2px 0;
}


.lista_reg_progreso .submenu {
	cursor: auto;
	padding: 5px;
	border-bottom: none;
	margin: 2px 0;
	text-decoration: unset;
}
.lista_reg_progreso .submenu:hover a{
	cursor: auto;
	border-bottom: none;
	color:#03478b !important;
	text-decoration: underline;
}

.sub-menu {
	display: none;
	margin-left: 20px;
}
.active {
	background-color: #f7f7f7;
}



