.w10{
	width: 10%;
}
.w20{
	width: 20%;
}
.w30{
	width: 30%;
}
.w40{
	width: 40%;
}
.w50{
	width: 50%;
}
.w60{
	width: 60%;
}
.w70{
	width: 70%;
}
.w80{
	width: 80%;
}



.f60{
	font-size: 60% !important;
}
.f70{
	font-size: 70% !important;
}
.f80{
	font-size: 80% !important;
}
.f90{
	font-size: 90% !important;
}



.text-white{
	color: #fff !important;
}

.img-login{
	width: 100%;
}

.inputs{
	height: 55px !important;
}
.dropdown-toggle{
	border-radius: 0px !important;
}
.btn{
	border-radius: 10px !important;
}

.badge-Activo {
	color: #fff !important;
	background-color: #37D1BF !important;
}
.badge-Inactivo {
	color: #fff !important;
	background-color: #c90b04 !important;
}
.badge-Baneada {
	color: #fff !important;
	background-color: #c90b04 !important;
}
.badge-Media {
	color: #fff !important;
	background-color: #f9fd07 !important;
}
.badge-Activa {
	color: #fff !important;
	background-color: #37D1BF !important;
}
.badge-Programa{
	color: #fff !important;
	background-color: #1f52c0 !important;
}
.badge-Recetario{
	color: #fff !important;
	background-color: #e4ad21 !important;
}
.badge-Curso{
	color: #fff !important;
	background-color: #991cca !important;
}
.badge-Guía{
	color: #fff !important;
	background-color: #bd0f0f !important;
}
[data-theme-version="light"] .input-instagram .form-control,
[data-theme-version="dark"] .input-instagram .form-control {
  border-color: #93159e; }
[data-theme-version="light"] .input-instagram .input-group-text,
[data-theme-version="dark"] .input-instagram .input-group-text {
  background-color: #93159e;
  color: #fff; }

  [data-theme-version="light"] .input-tiktok .form-control,
  [data-theme-version="dark"] .input-tiktok .form-control {
	border-color: #000; }
  [data-theme-version="light"] .input-tiktok .input-group-text,
  [data-theme-version="dark"] .input-tiktok .input-group-text {
	background-color: #000;
	color: #fff; }

.btn-instagram{
	background-color:#93159e;
}
.btn-tiktok{
	background-color:#000000;
}
.text-No {
	color: #d7807d !important; }
  
  a.text-No:hover, a.text-No:focus {
	color: #db0035 !important; }
.text-Sí {
	color: #00b8ae !important; }
	
	a.text-Sí:hover, a.text-Sí:focus {
	color: #478213 !important; }

	#myBtn {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Fixed/sticky position */
        bottom: 20px;
        /* Place the button at the bottom of the page */
        right: 20px;
        /* Place the button 30px from the right */
        z-index: 99;
        /* Make sure it does not overlap */
        border: none;
        /* Remove borders */
        outline: none;
        /* Remove outline */
        background-color: rgb(92, 211, 241);
        /* Set a background color */
        color: white;
        /* Text color */
        cursor: pointer;
        /* Add a mouse pointer on hover */
        padding: 10px;
        /* Some padding */
        border-radius: 30px;
        /* Rounded corners */
        font-size: 15px;
        /* Increase font size */
		transition: 1s;
    }

    #myBtn:hover {
        background-color: rgb(71, 159, 181);
        /* Add a dark-grey background on hover */
    }