#mik-tv-container {
padding: 2rem;
max-height: 75vh;
overflow: auto;
}
#mik-tv-container .text ul {
columns: 5;
-webkit-columns: 5;
-moz-columns: 5;
}
#mik-tv-container p.btn {
margin-bottom: 2rem;
}
#mik-tv-container p.btn a {
color: #a8aec4;
padding: 0.5rem 1rem;
border: 1px solid #a8aec4;
margin: 0.1rem;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#mik-tv-container p.btn a:hover {
color: #fff;
}
#mik-tv-container p.btn a.active {
background-color: #a8aec4;
color: #1d202b;
}
#mik-tv-container span {
display: inline-block;
width: 155px;
padding-left:5px;
padding-right:5px;
text-align: center;
font-size: 14px;
border: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom:-9px !important;
}
#mik-tv-container p.btn,
#mik-tv-container .img-text,
#mik-tv-container .img {
text-align: center;
}
#mik-tv-container .img-text span {
height: 110px;
line-height:1.2;
overflow: hidden;
}
#mik-tv-container span:hover,
.package-tema-block .package-channels span:hover {
background-color: #000;
}
#mik-tv-container .img-text span img {
width: 70px;
height: 70px;
}
.btn-package-number {
margin: auto;
display: table;
background: #262937;
color: rgba(255, 255, 255, 0.7) !important;
padding: 0.3rem 1rem;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.btn-package-number.number-42 {
background: #fff;
color: #262937 !important;
}
.btn-package-number:hover {
background: #fff;
color: #262937 !important;
}
.btn-package-number.number-42:hover {
background: #7ad834 !important;
color: #262937;
}
.package-tema-block {
overflow: hidden;
margin-bottom: 1rem;
padding: 1rem 0;
}
.package-tema-block .package-tema-price {
text-align: right;
font-size: 180%;
font-weight: bold;
margin-bottom: 1rem;
color: #262937;
}
.package-tema-block .package-channels {
overflow: hidden;
background: #262937;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.package-tema-block .package-channels h3 {
position: absolute;
font-size: 180%;
margin: -2.7rem 0.5rem 0.5rem 0;
}
.package-channels .img-only img{
height:92px;
}
.package-tema-block .package-channels span {
display: block;
float: left;
line-height: 1.2;
width: 144px;
height: 140px;
text-align: center;
font-size: 12px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.lds-ring {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 32px;
height: 32px;
margin: 4px;
border: 4px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
text-transform: uppercase;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 991.98px) {
#mik-tv-container .text ul {
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
}
}
@media (max-width: 820px) {
#mik-tv-container .text ul {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
}
@media (max-width: 720px) {
#mik-tv-container .text ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
}
@media (max-width: 520px) {
#mik-tv-container .text ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
}