.En_Línea, .Sin_Internet{
  display: inline-block;
  padding: 0.5rem;
  border-radius: 5px;
  margin: 1rem;
}

.En_Línea{
  border: 3px solid green;
  color: green;
}

.Sin_Internet{
  border: 3px solid red;
  color: red;
}

.red{
	width: 100% !important;
}

.internetTitle{
	font-size: 30px !important;
	color: #187bff;
}

.redTitle{
	color: red;
}

.textSubsanacion{
	color: #2196f3 !important;
	font-weight: bold !important;
}

.floating-nav__wrapper{
    background-color:white;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0px 2px 6px black;
    position: fixed;
    top: 5em;
    z-index: 7;
    right: 1em;
} 
.floating-nav{
  display: flex;
  flex-direction: column;
  width: fit-content;
  padding: 5px;
}

.floating-nav a {
  text-decoration: none;
  padding: 2px;
  color: white;
  margin: 5px 0px;
}

.floating-nav a label{
  display: none;
  position: absolute;
    background-color: #33a3da;
    color: white;
    padding: 5px 15px;
    border-radius: 10px;
    margin-left: 10px;
}
.floating-nav a i {
  position: relative;
}
.floating-nav a i:hover{
        transform: scale(1.1);
}

img{
  border-radius: 5% !important;
}

.btn-primary-icon{
  background: white !important;
  border: 3px solid #0f2a5b !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: #0f2a5b !important;
}

.btn-azulClaro-icon{
  background: white !important;
  border: 3px solid  #4996c6 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: #4996c6 !important;
}

.btn-verdeBrillo-icon{
  background: white !important;
  border: 3px solid  #01b786 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: #01b786 !important;
}

.btn-amarilloOscuro-icon{
  background: white !important;
  border: 3px solid  #e5931c !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: #e5931c !important;
}

.btn-rosaOscuro-icon{
  background: white !important;
  border: 3px solid  #8e2e69 !important;
  border-radius: 50px !important;
  font-weight: bold !important;
  color: #8e2e69 !important;
}

.icon-img{
  width: 26px !important;
}

.containertwo {
    background-color: white;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    /*margin-bottom: 50px*/
}

.title {
    font-size: 25px;
    font-weight: 100
}

.icon {
    position: relative;
    bottom: 11px
}

.mt-100 {
    margin-top: 60px;
}

.profile img {
    width: 100px;
    height: 100px;
    /*border-radius: 50%*/
}

.cardtwo {
    border-radius: 15px;
    margin-left: 30px;
    margin-right: 0px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.card-bodyTwo {
    position: relative;
    bottom: 35px
}

.btn {
    /*margin-top: 36px;*/
    margin-bottom: 10px;
}

.btn:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    color: #fff
}

.header {
    padding-top: 10px
}

._c1{
  background:#8e2e69 ;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold !important;
}

.btn-success{
    background-color: #3a8c88 !important;
    border-color: #3a8c88 !important;
}

.btn-warning{
  background-color: #e5931c !important;
  border-color: #e5931c !important;
}

.cubo100{
  width: 100%;
  height: 100%;
}

.morado{
  color:#3f00ff;
}

.table-top{
  white-space: normal;
  width:25%;
}

.green-top{
  color: green;
}

.pago-top{
  color: #03a9f4;
}

.consultar-top{
  color: #ff002d;
}

.w-top{
  color: #a58302;
}

.r-top{
  color: #6002a5;
}

.eye{
  color: #254a7e;
}

.c-vt-1{
  background-color: #467a09 !important;
}

.c-vt-2{
  color: #1b33b5 !important;
}

.f-z-20{
  font-size:20px !important;
}

.c-black{
  color:black !important;
}

.c-orange{
  color:orange !important;
}

.c-red{
  color:red !important;
}

.w-50{
  width: 50%;
}

.w-60{
  width: 60%;
}