/* -------------------------------------------------------------------------- */
/*                           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;
}



/* -------------------------------------------------------------------------- */
/*                           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-primary-huixquilucan4 {
	background-color: #0b4e91;
	border-color: #064381;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

.btn-primary-huixquilucan4:hover {
	background-color: #1160af;
	border-color: #0b4e91;
	color: #fff;
}

.btn-primary-huixquilucan4:active {
	background-color: #0b5eb1 !important;
	border-color: #0b4e91;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.btn-primary-huixquilucan4:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	background-color: #0b4e91;
}

.btn-primary-huixquilucan4.disabled {
	background-color: rgba(111, 164, 254, 0.5);
	border-color: rgba(58, 129, 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: #fff;
	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: #ffffffc7;
}

.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-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: #fb4a4a;
	border-color: #fb4a4a;
}

.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);
  }


  .badge-danger {
	color: #fff;
	background-color: #df2525;
  }
  a.badge-danger:focus,
  a.badge-danger:hover {
	color: #fff;
	background-color: #df2525;
  }
  a.badge-danger.focus,
  a.badge-danger:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(208, 1, 1, 0.283);
  }



  .badge-success {
	color: #fff;
	background-color: #008d34;
  }
  a.badge-success:focus,
  a.badge-success:hover {
	color: #fff;
	background-color: #008d34;
  }
  a.badge-success.focus,
  a.badge-success:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(57, 150, 0, 0.691);
  }



  .badge-dark {
	color: #fff;
	background-color: #6c757d;
  }
  a.badge-dark:focus,
  a.badge-dark:hover {
	color: #fff;
	background-color: #6c757d;
  }
  a.badge-dark.focus,
  a.badge-dark:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(118, 118, 118, 0.691);
  }




/* -------------------------------------------------------------------------- */
/*                        STYLES ONLY FOR THIS PROJECT                        */
/* -------------------------------------------------------------------------- */

p.note {
	font-size: 1rem;
	color: rgb(141, 141, 141);
}

label.error {
    color: rgb(141, 141, 141);
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}

.heigth-frame{

	height: 700px;

}