/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-sep-2017, 17:54:41
    Author     : Jose Lluch
*/

/*Clase Spinner*/
.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(0,174,239,.15);
    border-right:6px solid rgba(0,174,239,.15);
    border-bottom:6px solid rgba(0,174,239,.15);
    border-top:6px solid rgba(0,174,239,.8);
    border-radius:100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

/*Botones smartphone*/
.btn-sq-lg {
    width: 150px !important;
    height: 150px !important;
}

.btn-sq {
    width: 100px !important;
    height: 100px !important;
    font-size: 10px;
}

.btn-sq-sm {
    width: 50px !important;
    height: 50px !important;
    font-size: 10px;
}

.btn-sq-xs {
    width: 25px !important;
    height: 25px !important;
    padding:2px;
}

/*botones para el registro de palpaciones*/
.btn-sq-lg {
    width: 130px !important;
    height: 130px !important;
}

.btn-sq-xs {
    width: 60px !important;
    height: 55px !important;
}

.btn-rect-lg {
    width: 60px !important;
    height: 205px !important;
}

.palp-pos {
    background-color: #00C851;
    font-size: 35px;
}
.palp-neg {
    background-color: #ff4444;
    font-size: 35px;
}

/*Id canvas pagina inicial*/
.canvas-inicial{
    width: 100%;
    height: auto;
}

/*clase para las cards de la información de las bandas abiertas*/
.card-banda{
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

@media (orientation:landscape) {
    .hide-on-landscape {
        display: none;
    }
}

@media (orientation:portrait) {
    .hide-on-portrait {
        display: none;
    }
}